Did I consider everything relevant to IAP?

[PatriciaSauer]

Hi,

I implemented IAP for the full version of my app and I am unsure whether I considered everything relevant or whether I missed something important. I used the example app and created an iapHelper.js file. The reason for this is that I am not sure how to use react-native-iap when I need it in multiple components. For example in the main menu I need to know whether the full version has been purchased. If not, I need to handle the purchase in another component. Please find the code for my iapHelper.js below:

import {useEffect, useState} from 'react';
import {Alert, Platform} from 'react-native';
import {
  requestPurchase,
  useIAP,
  initConnection,
  endConnection,
  flushFailedPurchasesCachedAsPendingAndroid,
  purchaseUpdatedListener,
  purchaseErrorListener,
  validateReceiptIos,
  validateReceiptAndroid,
  isIosStorekit2,
  PurchaseError,
} from 'react-native-iap';
import {constants} from './constants';
import {useTranslation} from 'react-i18next';

const fullVersionProductId = constants.productSkus[0];

export const useIAPHelper = navigation => {
  const {
    connected,
    products,
    getProducts,
    availablePurchases,
    finishTransaction,
    currentPurchase,
    getAvailablePurchases,
  } = useIAP();
  const [purchased, setPurchased] = useState(false);

  const {t} = useTranslation();

  useEffect(() => {
    const initializeIAP = async () => {
      try {
        await initConnection();
        if (Platform.OS === 'android') {
          await flushFailedPurchasesCachedAsPendingAndroid();
        }
      } catch (error) {
        Alert.alert(
          t('parentalGate.error.iapInitialization.title'),
          t('parentalGate.error.iapInitialization.message'),
        );
        console.error('IAP initialization error', error);
      }
    };

    const handleGetProducts = async () => {
      const skus = constants.productSkus;
      console.log('{skus}', {skus});
      await getProducts({skus});
    };

    const handleGetAvailablePurchases = async () => {
      const purchases = await getAvailablePurchases();
      if (purchases && purchases.length > 0) {
        purchases.forEach(purchase => {
          if (Platform.OS === 'ios') {
            validateReceiptIos(purchase.transactionReceipt);
          } else {
            validateReceiptAndroid(purchase.purchaseToken);
          }
        });
      }
    };

    initializeIAP();
    handleGetProducts();
    handleGetAvailablePurchases();

    const purchaseErrorSubscription = purchaseErrorListener(error => {
      Alert.alert(
        t('parentalGate.error.purchaseNotSuccessful.title'),
        t('parentalGate.error.purchaseNotSuccessful.message'),
      );
      console.log(error);
    });

    const handlePurchase = async purchase => {
      console.log('purchaseUpdateSubscription', purchase);
      const receipt = purchase.transactionReceipt || purchase.originalJson;

      if (receipt) {
        try {
          const acknowledgeResult = await finishTransaction({
            purchase: purchase,
            isConsumable: false,
          });
          console.info('acknowledgeResult', acknowledgeResult);
        } catch (error) {
          if (error instanceof PurchaseError) {
            Alert.alert(
              t(
                'parentalGate.error.checkCurrentPurchase.finalizingPurchase.title',
              ),
              t(
                'parentalGate.error.checkCurrentPurchase.finalizingPurchase.message',
              ),
            );
            console.error({
              message: `[${error.code}]: ${error.message}`,
              error,
            });
          } else {
            Alert.alert(
              t('parentalGate.error.checkCurrentPurchase.unexpected.title'),
              t('parentalGate.error.checkCurrentPurchase.unexpected.message'),
            );
            console.error({message: 'handlePurchase', error});
          }
        }

        if (purchase.productId === fullVersionProductId) {
          setPurchased(true);
          navigation.navigate('Home');
        }
      }
    };

    const purchaseUpdateSubscription = purchaseUpdatedListener(handlePurchase);

    return () => {
      purchaseUpdateSubscription.remove();
      purchaseErrorSubscription.remove();
      endConnection();
    };

  }, []);

  useEffect(() => {
    const checkCurrentPurchase = async () => {
      try {
        if (
          (isIosStorekit2() && currentPurchase?.transactionId) ||
          currentPurchase?.transactionReceipt
        ) {
          await finishTransaction({
            purchase: currentPurchase,
            isConsumable: false,
          });

          setPurchased(true);
        }
      } catch (error) {
        if (error instanceof PurchaseError) {
          Alert.alert(
            t(
              'parentalGate.error.checkCurrentPurchase.finalizingPurchase.title',
            ),
            t(
              'parentalGate.error.checkCurrentPurchase.finalizingPurchase.message',
            ),
          );
          console.error({message: `[${error.code}]: ${error.message}`, error});
        } else {
          Alert.alert(
            t('parentalGate.error.checkCurrentPurchase.unexpected.title'),
            t('parentalGate.error.checkCurrentPurchase.unexpected.message'),
          );
          console.error({message: 'handleBuyProduct', error});
        }
      }
    };

    checkCurrentPurchase();

  }, [currentPurchase, finishTransaction]);

  useEffect(() => {
    console.log('available purchases:', availablePurchases);
    setPurchased(
      availablePurchases
        .map(p => p.productId)
        .includes(constants.productSkus[0]),
    );
  }, [availablePurchases]);

  useEffect(() => {
    console.log('products', products);
  }, [products]);

  const handleBuyProduct = sku => {
    console.log('sku', sku);
    console.log(Platform.OS === 'android' ? {skus: [sku]} : {sku: sku});
    const buy = async () => {
      console.log('Purchasing...');
      try {
        await requestPurchase(
          Platform.OS === 'android' ? {skus: [sku]} : {sku: sku},
        );
      } catch (error) {
        Alert.alert(
          t('parentalGate.error.purchaseNotSuccessful.title'),
          t('parentalGate.error.purchaseNotSuccessful.message'),
        );
        console.log(error);
      }
    };

    buy();
  };

  return {
    connected,
    products,
    availablePurchases,
    purchased,
    handleBuyProduct,
  };
};

I put lots of effort and time into understanding how this library works and into this code. Nevertheless, I am not sure whether I considered everything crucial for iap to work correctly (on Android and iOS), or whether I missed something important. It seems to be working on iOS but not an Android. But put that aside, is there comething crucial I forgot or implemented terribly wrong? Any help is appreciated. Thanks in advance.

[hyochan]

Thank you for using react-native-iap!

Versions below v14 are no longer supported. We cannot provide support or bug fixes for v12/v13 and earlier versions.

Why Upgrade?

v14+ brings significant improvements:

• Nitro Modules - JSI-based native bridge for better performance
• StoreKit 2 - Modern iOS in-app purchase API (iOS 15+)
• Google Play Billing 7.0+ - Latest Android billing features
• Unified API - Cleaner, more consistent interface
• Better error handling - Unified ErrorCode enum across platforms
• Active maintenance - Bug fixes and new features

Migration Guide

Please follow the migration guide to upgrade:

👉 Migration Guide (v13 to v14)

Requirements

• iOS: 15.0+
• Xcode: 16.4+
• React Native: 0.71+
• Android: Google Play Billing 7.0+

Need Help?

If you encounter issues during migration, please:

1. Read the Migration Guide thoroughly
2. Check the Troubleshooting Guide
3. Open a new issue with v14+ if problems persist