React Native Billing

import { AppDNA } from '@appdna/react-native-sdk';

await AppDNA.configure({
  apiKey: 'adn_live_xxx',
  env: 'production',
  options: { billingProvider: 'storeKit2' },
});

const billing = AppDNA.billing;

const products = await AppDNA.billing.getProducts(['premium_monthly']);

for (const product of products) {
  console.log(`${product.name}: ${product.displayPrice}`);
}

const result = await AppDNA.billing.purchase('premium_monthly', {
  offerToken: 'offer-xxx',
});

switch (result.status) {
  case 'purchased':
    console.log('Purchase successful!');
    if (result.entitlement) {
      console.log(`Entitlement: ${result.entitlement.productId}`);
    }
    break;
  case 'cancelled':
    console.log('User cancelled');
    break;
  case 'pending':
    console.log('Purchase pending approval');
    break;
  default:
    console.log(`Unknown status: ${result.status}`);
}

// Inside onPurchaseCompleted:
const txnId = transaction.transactionId as string;
const originalTxnId = transaction.originalTransactionId as string | null;
const isRenewal = originalTxnId != null && originalTxnId !== txnId;

const entitlements = await AppDNA.billing.restorePurchases();

for (const ent of entitlements) {
  console.log(`Restored: ${ent.productId} (${ent.status})`);
}

const active = await AppDNA.billing.hasActiveSubscription();

if (active) {
  // Unlock premium features
}

const ents = await AppDNA.billing.getEntitlements();

for (const ent of ents) {
  console.log(`${ent.productId}: ${ent.status}, trial: ${ent.isTrial}`);
}

const unsubscribe = AppDNA.billing.onEntitlementsChanged((entitlements) => {
  console.log(`Entitlements changed: ${entitlements.length} active`);
  // Update UI to reflect new entitlement state
});

// Later, when you no longer need updates:
unsubscribe();

import { NativeEventEmitter, NativeModules } from 'react-native';

const emitter = new NativeEventEmitter(NativeModules.AppDNA);
const sub = emitter.addListener('AppDNA_entitlements_changed', (payload: { entitlements: Entitlement[] }) => {
  console.log('Entitlements updated:', payload.entitlements);
});

// Cleanup:
sub.remove();

interface AppDNABillingDelegate {
  onPurchaseCompleted(productId: string, transaction: Record<string, unknown>): void;
  onPurchaseFailed(productId: string, error: Error): void;
  onEntitlementsChanged(entitlements: string[]): void;
  onRestoreCompleted(restoredProductIds: string[]): void;
}

const billingHandler: AppDNABillingDelegate = {
  onPurchaseCompleted(productId, transaction) {
    console.log(`Purchased: ${productId}`);
    // Unlock premium features
  },

  onPurchaseFailed(productId, error) {
    // `error.message` is usually a JSON blob `{"message":"...","type":"..."}` from
    // native or a plain string. Parse / stringify when displaying.
    console.log(`Purchase failed: ${productId} -- ${error.message}`);
    // Show error message to user
  },

  onEntitlementsChanged(entitlements) {
    console.log(`Entitlement product IDs: ${entitlements.join(', ')}`);
    // For full entitlement objects (status, expiry, trial), call:
    //   const ents = await AppDNA.billing.getEntitlements();
  },

  onRestoreCompleted(restoredProductIds) {
    console.log(`Restored ${restoredProductIds.length} products`);
  },
};

AppDNA.billing.setDelegate(billingHandler);

import React, { useEffect, useState } from 'react';
import { View, Text, FlatList, Pressable, Button, Alert } from 'react-native';
import { AppDNA, ProductInfo } from '@appdna/react-native-sdk';

export function SubscriptionPage() {
  const [products, setProducts] = useState<ProductInfo[]>([]);
  const [isSubscribed, setIsSubscribed] = useState(false);

  useEffect(() => {
    loadProducts();
    checkSubscription();

    const unsubscribe = AppDNA.billing.onEntitlementsChanged((entitlements) => {
      setIsSubscribed(entitlements.some((e) => e.status === 'active'));
    });

    return unsubscribe;
  }, []);

  async function loadProducts() {
    const result = await AppDNA.billing.getProducts(['premium_monthly', 'premium_yearly']);
    setProducts(result);
  }

  async function checkSubscription() {
    const active = await AppDNA.billing.hasActiveSubscription();
    setIsSubscribed(active);
  }

  async function purchase(product: ProductInfo) {
    const result = await AppDNA.billing.purchase(product.id, {
      offerToken: product.offerToken ?? undefined,
    });
    if (result.status === 'purchased') {
      Alert.alert('Purchase successful!');
    }
  }

  async function restore() {
    const restored = await AppDNA.billing.restorePurchases();
    Alert.alert(`Restored ${restored.length} purchases`);
  }

  return (
    <View style={{ flex: 1 }}>
      <View style={{ padding: 16, flexDirection: 'row', justifyContent: 'flex-end' }}>
        <Button title="Restore" onPress={restore} />
      </View>
      <FlatList
        data={products}
        keyExtractor={(item) => item.id}
        renderItem={({ item }) => (
          <Pressable
            onPress={() => purchase(item)}
            style={{ padding: 16, borderBottomWidth: 1, borderColor: '#eee' }}
          >
            <Text style={{ fontWeight: 'bold' }}>{item.name}</Text>
            <Text>{item.description}</Text>
            <Text>{item.displayPrice}</Text>
          </Pressable>
        )}
      />
    </View>
  );
}