react-native-iap 9.0.0-beta5 → 9.0.0-beta9

package/package.json

@@ -1,74 +1,104 @@
 {
   "name": "react-native-iap",
-  "version": "9.0.0-beta5",
-  "packageManager": "yarn@3.2.0",
+  "version": "9.0.0-beta9",
   "description": "React Native In App Purchase Module.",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "postinstall": "dooboolab-welcome postinstall",
-  "scripts": {
-    "build": "tsc && flowgen index.d.ts -o index.js.flow",
-    "flow": "flow",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:android": "cd android ",
-    "test": "jest",
-    "test:flow": "flow",
-    "test:typescript": "tsc --noEmit",
-    "tsc:sync": "npx typesync",
-    "tsc": "tsc",
-    "validate": "yarn lint && yarn test:typescript && yarn test:flow && yarn test"
+  "repository": "https://github.com/dooboolab/react-native-iap",
+  "author": "dooboolab <support@dooboolab.com> (https://github.com/dooboolab)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dooboolab/react-native-iap/issues"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/dooboolab/react-native-iap"
+  "homepage": "https://github.com/dooboolab/react-native-iap#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
   },
-  "keywords": [
-    "react-native",
-    "in app purchase",
-    "in-app-purchase",
-    "billing"
-  ],
-  "author": "dooboolab",
   "contributors": [
     {
       "name": "Andres Aguilar",
       "url": "https://github.com/andresesfm"
+    },
+    {
+      "name": "Jérémy Barbet",
+      "url": "https://github.com/jeremybarbet"
     }
   ],
-  "license": "MIT",
-  "peerDependencies": {
-    "react": ">=16.13.1",
-    "react-native": ">=0.65.1"
-  },
-  "dependencies": {
-    "dooboolab-welcome": "1.3.2"
+  "keywords": [
+    "react-native",
+    "react-native-iap",
+    "IAP",
+    "in app purchase",
+    "in-app-purchase",
+    "Billing",
+    "iOS",
+    "Android",
+    "Amazon",
+    "Play"
+  ],
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "RNIap.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd IapExample",
+    "test": "jest",
+    "lint": "yarn lint:tsc && yarn lint:eslint && yarn lint:prettier",
+    "lint:tsc": "tsc -p tsconfig.json --noEmit --skipLibCheck",
+    "lint:eslint": "eslint --fix '**/*.{ts,tsx}'",
+    "lint:ci": "yarn lint:tsc && yarn lint:eslint -f ./node_modules/@firmnav/eslint-github-actions-formatter/dist/formatter.js && yarn lint:prettier",
+    "lint:prettier": "prettier --write \"**/*.{md,js,jsx,ts,tsx}\"",
+    "format": "git ls-files -m | xargs yarn prettier --write --ignore-unknown --no-error-on-unmatched-pattern",
+    "bootstrap": "yarn example && yarn && yarn example pods"
   },
   "devDependencies": {
-    "@babel/core": "7.18.2",
-    "@babel/plugin-proposal-class-properties": "7.17.12",
-    "@babel/plugin-proposal-private-methods": "7.17.12",
-    "@babel/preset-env": "7.18.2",
-    "@babel/preset-react": "7.17.12",
-    "@babel/preset-typescript": "7.17.12",
-    "@dooboo/eslint-config": "1.3.4",
+    "@babel/eslint-parser": "7.18.9",
+    "@firmnav/eslint-github-actions-formatter": "1.0.1",
+    "@react-native-community/eslint-config": "3.1.0",
+    "@release-it/conventional-changelog": "5.0.0",
     "@testing-library/jest-native": "4.0.5",
-    "@testing-library/react-native": "9.1.0",
-    "@types/eslint": "8.4.2",
-    "@types/jest": "27.5.1",
-    "@types/react": "18.0.10",
-    "@types/react-native": "0.67.7",
-    "@typescript-eslint/eslint-plugin": "^5.27.0",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-jest": "28.1.0",
-    "eslint": "8.16.0",
-    "flow-bin": "0.179.0",
-    "flowgen": "1.19.0",
-    "jest": "28.1.0",
-    "metro-react-native-babel-preset": "0.71.0",
+    "@testing-library/react-native": "11.0.0",
+    "@types/jest": "28.1.6",
+    "@types/react": "~17.0.47",
+    "@types/react-native": "0.68.2",
+    "@typescript-eslint/eslint-plugin": "5.32.0",
+    "@typescript-eslint/parser": "5.32.0",
+    "babel-jest": "28.1.3",
+    "eslint": "8.20.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-simple-import-sort": "7.0.0",
+    "jest": "28.1.3",
     "monolinter": "1.0.4",
-    "prettier": "2.6.2",
-    "react-native": "0.66.4",
-    "ts-jest": "28.0.3",
-    "typescript": "4.7.2"
+    "pod-install": "0.1.38",
+    "prettier": "2.7.1",
+    "react": "17.0.2",
+    "react-native": "0.68.2",
+    "react-native-builder-bob": "0.18.3",
+    "release-it": "15.2.0",
+    "ts-jest": "28.0.7",
+    "typescript": "4.7.4"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": ">=16.13.1",
+    "react-native": ">=0.65.1"
   }
 }

package/src/__test__/iap.test.ts

@@ -0,0 +1,20 @@
+import {NativeModules} from 'react-native';
+
+import {initConnection} from '../iap';
+
+const rnLib = '../../node_modules/react-native/Libraries';
+
+describe('Google Play IAP', () => {
+  beforeEach(() => {
+    jest.mock(rnLib + '/Utilities/Platform', () => ({
+      OS: 'android',
+      select: (dict: {[x: string]: any}) => dict.android,
+    }));
+  });
+
+  it("should call init on Google Play's native module but not on Amazon's", async () => {
+    await initConnection();
+    expect(NativeModules.RNIapModule.initConnection).toBeCalled();
+    expect(NativeModules.RNIapAmazonModule.initConnection).not.toBeCalled();
+  });
+});

package/src/hooks/useIAP.ts

@@ -0,0 +1,130 @@
+import {useCallback} from 'react';
+
+import {
+  finishTransaction as iapFinishTransaction,
+  getAvailablePurchases as iapGetAvailablePurchases,
+  getProducts as iapGetProducts,
+  getPurchaseHistory,
+  getSubscriptions as iapGetSubscriptions,
+  requestPurchase as iapRequestPurchase,
+  requestSubscription as iapRequestSubscription,
+} from '../iap';
+import type {Product, Purchase, PurchaseError, Subscription} from '../types';
+
+import {useIAPContext} from './withIAPContext';
+
+type IAP_STATUS = {
+  connected: boolean;
+  products: Product[];
+  promotedProductsIOS: Product[];
+  subscriptions: Subscription[];
+  purchaseHistories: Purchase[];
+  availablePurchases: Purchase[];
+  currentPurchase?: Purchase;
+  currentPurchaseError?: PurchaseError;
+  initConnectionError?: Error;
+  finishTransaction: (
+    purchase: Purchase,
+    isConsumable?: boolean,
+    developerPayloadAndroid?: string,
+  ) => Promise<string | void>;
+  getAvailablePurchases: () => Promise<void>;
+  getPurchaseHistories: () => Promise<void>;
+  getProducts: (skus: string[]) => Promise<void>;
+  getSubscriptions: (skus: string[]) => Promise<void>;
+  requestPurchase: typeof iapRequestPurchase;
+  requestSubscription: typeof iapRequestSubscription;
+};
+
+export function useIAP(): IAP_STATUS {
+  const {
+    connected,
+    products,
+    promotedProductsIOS,
+    subscriptions,
+    purchaseHistories,
+    availablePurchases,
+    currentPurchase,
+    currentPurchaseError,
+    initConnectionError,
+    setProducts,
+    setSubscriptions,
+    setAvailablePurchases,
+    setPurchaseHistories,
+    setCurrentPurchase,
+    setCurrentPurchaseError,
+  } = useIAPContext();
+
+  const getProducts = useCallback(
+    async (skus: string[]): Promise<void> => {
+      setProducts(await iapGetProducts(skus));
+    },
+    [setProducts],
+  );
+
+  const getSubscriptions = useCallback(
+    async (skus: string[]): Promise<void> => {
+      setSubscriptions(await iapGetSubscriptions(skus));
+    },
+    [setSubscriptions],
+  );
+
+  const getAvailablePurchases = useCallback(async (): Promise<void> => {
+    setAvailablePurchases(await iapGetAvailablePurchases());
+  }, [setAvailablePurchases]);
+
+  const getPurchaseHistories = useCallback(async (): Promise<void> => {
+    setPurchaseHistories(await getPurchaseHistory());
+  }, [setPurchaseHistories]);
+
+  const finishTransaction = useCallback(
+    async (
+      purchase: Purchase,
+      isConsumable?: boolean,
+      developerPayloadAndroid?: string,
+    ): Promise<string | void> => {
+      try {
+        return await iapFinishTransaction(
+          purchase,
+          isConsumable,
+          developerPayloadAndroid,
+        );
+      } catch (err) {
+        throw err;
+      } finally {
+        if (purchase.productId === currentPurchase?.productId) {
+          setCurrentPurchase(undefined);
+        }
+
+        if (purchase.productId === currentPurchaseError?.productId) {
+          setCurrentPurchaseError(undefined);
+        }
+      }
+    },
+    [
+      currentPurchase?.productId,
+      currentPurchaseError?.productId,
+      setCurrentPurchase,
+      setCurrentPurchaseError,
+    ],
+  );
+
+  return {
+    connected,
+    products,
+    promotedProductsIOS,
+    subscriptions,
+    purchaseHistories,
+    availablePurchases,
+    currentPurchase,
+    currentPurchaseError,
+    initConnectionError,
+    finishTransaction,
+    getProducts,
+    getSubscriptions,
+    getAvailablePurchases,
+    getPurchaseHistories,
+    requestPurchase: iapRequestPurchase,
+    requestSubscription: iapRequestSubscription,
+  };
+}

package/src/hooks/withIAPContext.tsx

@@ -0,0 +1,160 @@
+import React, {useContext, useEffect, useMemo, useState} from 'react';
+
+import {
+  getPromotedProductIOS,
+  initConnection,
+  promotedProductListener,
+  purchaseErrorListener,
+  purchaseUpdatedListener,
+} from '../iap';
+import type {
+  InAppPurchase,
+  Product,
+  Purchase,
+  PurchaseError,
+  Subscription,
+  SubscriptionPurchase,
+} from '../types';
+
+type IAPContextType = {
+  connected: boolean;
+  products: Product[];
+  promotedProductsIOS: Product[];
+  subscriptions: Subscription[];
+  purchaseHistories: Purchase[];
+  availablePurchases: Purchase[];
+  currentPurchase?: Purchase;
+  currentPurchaseError?: PurchaseError;
+  initConnectionError?: Error;
+  setProducts: (products: Product[]) => void;
+  setSubscriptions: (subscriptions: Subscription[]) => void;
+  setPurchaseHistories: (purchaseHistories: Purchase[]) => void;
+  setAvailablePurchases: (availablePurchases: Purchase[]) => void;
+  setCurrentPurchase: (currentPurchase: Purchase | undefined) => void;
+  setCurrentPurchaseError: (
+    currentPurchaseError: PurchaseError | undefined,
+  ) => void;
+};
+
+// @ts-ignore
+const IAPContext = React.createContext<IAPContextType>(null);
+
+export function useIAPContext(): IAPContextType {
+  const ctx = useContext(IAPContext);
+
+  if (!ctx) {
+    throw new Error('You need wrap your app with withIAPContext HOC');
+  }
+
+  return ctx;
+}
+
+export function withIAPContext<T>(Component: React.ComponentType<T>) {
+  return function WrapperComponent(props: T) {
+    const [connected, setConnected] = useState(false);
+    const [products, setProducts] = useState<Product[]>([]);
+
+    const [promotedProductsIOS, setPromotedProductsIOS] = useState<Product[]>(
+      [],
+    );
+    const [subscriptions, setSubscriptions] = useState<Subscription[]>([]);
+    const [purchaseHistories, setPurchaseHistories] = useState<Purchase[]>([]);
+
+    const [availablePurchases, setAvailablePurchases] = useState<Purchase[]>(
+      [],
+    );
+    const [currentPurchase, setCurrentPurchase] = useState<Purchase>();
+
+    const [currentPurchaseError, setCurrentPurchaseError] =
+      useState<PurchaseError>();
+
+    const [initConnectionError, setInitConnectionError] = useState<Error>();
+
+    const context = useMemo(
+      () => ({
+        connected,
+        products,
+        subscriptions,
+        promotedProductsIOS,
+        purchaseHistories,
+        availablePurchases,
+        currentPurchase,
+        currentPurchaseError,
+        initConnectionError,
+        setProducts,
+        setSubscriptions,
+        setPurchaseHistories,
+        setAvailablePurchases,
+        setCurrentPurchase,
+        setCurrentPurchaseError,
+      }),
+      [
+        connected,
+        products,
+        subscriptions,
+        promotedProductsIOS,
+        purchaseHistories,
+        availablePurchases,
+        currentPurchase,
+        currentPurchaseError,
+        initConnectionError,
+        setProducts,
+        setSubscriptions,
+        setPurchaseHistories,
+        setAvailablePurchases,
+        setCurrentPurchase,
+        setCurrentPurchaseError,
+      ],
+    );
+
+    useEffect(() => {
+      initConnection()
+        .then((value) => {
+          setInitConnectionError(undefined);
+          setConnected(value);
+        })
+        .catch(setInitConnectionError);
+    }, []);
+
+    useEffect(() => {
+      if (!connected) {
+        return;
+      }
+
+      const purchaseUpdateSubscription = purchaseUpdatedListener(
+        async (purchase: InAppPurchase | SubscriptionPurchase) => {
+          setCurrentPurchaseError(undefined);
+          setCurrentPurchase(purchase);
+        },
+      );
+
+      const purchaseErrorSubscription = purchaseErrorListener(
+        (error: PurchaseError) => {
+          setCurrentPurchase(undefined);
+          setCurrentPurchaseError(error);
+        },
+      );
+
+      const promotedProductSubscription = promotedProductListener(async () => {
+        const product = await getPromotedProductIOS();
+
+        setPromotedProductsIOS((prevProducts) => [
+          ...prevProducts,
+          ...(product ? [product] : []),
+        ]);
+      });
+
+      return () => {
+        purchaseUpdateSubscription.remove();
+        purchaseErrorSubscription.remove();
+        promotedProductSubscription.remove();
+      };
+    }, [connected]);
+
+    return (
+      <IAPContext.Provider value={context}>
+        <Component {...props} />
+      </IAPContext.Provider>
+    );
+  };
+}