wip on iap

src/screens/boost/container/boostContainer.js

@@ -28,59 +28,114 @@ import BoostScreen from '../screen/boostScreen';
  *
  */
 
+const ITEM_SKUS = Platform.select({
+  ios: ['099points', '199points', '499points', '999points', '4999points', '9999points'],
+  android: ['099points', '199points', '499points', '999points', '4999points', '9999points'],
+});
+
+const BOOST_DATA = Platform.select({
+  ios: [
+    {
+      id: '099points',
+      name: '10000 ESTM',
+      priceText: '100$',
+      price: 100,
+      description: 'BEST DEAL!',
+    },
+    { id: '199points', name: '5000 ESTM', quantity: 500, price: 50, description: 'POPULAR' },
+    { id: '499points', name: '1000 ESTM', quantity: 10000, price: 10, description: '' },
+    { id: '999points', name: '500 ESTM', quantity: 500, price: 5, description: '' },
+    { id: '4999points', name: '200 ESTM', quantity: 200, price: 2, description: '' },
+    { id: '9999points', name: '100 ESTM', quantity: 100, price: 1, description: '' },
+  ],
+  android: [
+    {
+      id: '099points',
+      name: '10000 ESTM',
+      priceText: '100$',
+      price: 100,
+      description: 'BEST DEAL!',
+    },
+    { id: '199points', name: '5000 ESTM', quantity: 500, price: 50, description: 'POPULAR' },
+    { id: '499points', name: '1000 ESTM', quantity: 10000, price: 10, description: '' },
+    { id: '999points', name: '500 ESTM', quantity: 500, price: 5, description: '' },
+    { id: '4999points', name: '200 ESTM', quantity: 200, price: 2, description: '' },
+    { id: '9999points', name: '100 ESTM', quantity: 100, price: 1, description: '' },
+  ],
+});
+
 class BoostContainer extends Component {
   constructor(props) {
     super(props);
-    this.state = {};
+    this.state = {
+      receipt: '',
+      // productList: '',
+    };
   }
 
   // Component Life Cycle Functions
   async componentDidMount() {
+    this._getItems();
+  }
+
+  _getAvailablePurchases = async () => {
     try {
-      const itemSkus = Platform.select({
+      const purchases = await RNIap.getAvailablePurchases();
-        ios: ['app.esteem.mobile.ios.099_points'],
+      console.info('Available purchases :: ', purchases);
-        android: ['com.example.099points'],
+      if (purchases && purchases.length > 0) {
+        this.setState({
+          receipt: purchases[0].transactionReceipt,
         });
-      // await RNIap.prepare();
+      }
-      const products = await RNIap.getProducts([
-        '099points',
-        '199points',
-        '499points',
-        '999points',
-        '4999points',
-        '9999points',
-      ]);
-      // this.setState({ items });
-      console.log(products);
     } catch (err) {
-      console.warn(err);
+      console.warn(err.code, err.message);
+      Alert.alert(err.message);
     }
+  };
 
-    this.purchaseUpdateSubscription = purchaseUpdatedListener((purchase: ProductPurchase) => {
+  _getItems = async () => {
-      console.log('purchaseUpdatedListener', purchase);
-      const receipt = purchase.transactionReceipt;
-      if (receipt) {
-        alert('done');
-      }
-    });
-
-    this.purchaseErrorSubscription = purchaseErrorListener((error: PurchaseError) => {
-      console.warn('purchaseErrorListener', error);
-    });
-  }
-
-  // Component Functions
-
-  _purchase = async sku => {
     try {
-      await RNIap.requestPurchase('099points', false);
+      console.log(ITEM_SKUS);
+      const products = await RNIap.getProducts(ITEM_SKUS);
+      // const products = await RNIap.getSubscriptions(itemSkus);
+      console.log('Products', products);
+      // this.setState({ productList: products });
     } catch (err) {
       console.warn(err.code, err.message);
     }
   };
 
+  // Component Functions
+
+  _buyItem = async sku => {
+    try {
+      RNIap.requestPurchase(sku);
+    } catch (err) {
+      console.warn(err.code, err.message);
+    }
+  };
+
+  // _buyItem = async sku => {
+  //   console.info('buyItem', sku);
+  //   // const purchase = await RNIap.buyProduct(sku);
+  //   // const products = await RNIap.buySubscription(sku);
+  //   // const purchase = await RNIap.buyProductWithoutFinishTransaction(sku);
+  //   try {
+  //     const purchase = await RNIap.buyProduct(sku);
+  //     // console.log('purchase', purchase);
+  //     // await RNIap.consumePurchaseAndroid(purchase.purchaseToken);
+  //     this.setState({ receipt: purchase.transactionReceipt }, () => this.goNext());
+  //   } catch (err) {
+  //     console.warn(err.code, err.message);
+  //     const subscription = RNIap.addAdditionalSuccessPurchaseListenerIOS(async purchase => {
+  //       this.setState({ receipt: purchase.transactionReceipt }, () => this.goNext());
+  //       subscription.remove();
+  //     });
+  //   }
+  // };
+
   render() {
-    return <BoostScreen purchase={this._purchase} />;
+    return <BoostScreen boostData={BOOST_DATA} buyItem={this._buyItem} />;
   }
 }
 

src/screens/boost/screen/boostScreen.js

@@ -12,21 +12,6 @@ import { Icon } from '../../../components/icon';
 import globalStyles from '../../../globalStyles';
 import styles from './boostScreenStyles';
 
-const BOOST_DATA = [
-  {
-    id: 0,
-    name: '10000 ESTM',
-    priceText: '100$',
-    price: 100,
-    description: 'BEST DEAL!',
-  },
-  { id: 1, name: '5000 ESTM', quantity: 500, price: 50, description: 'POPULAR' },
-  { id: 2, name: '1000 ESTM', quantity: 10000, price: 10, description: '' },
-  { id: 3, name: '500 ESTM', quantity: 500, price: 5, description: '' },
-  { id: 4, name: '200 ESTM', quantity: 200, price: 2, description: '' },
-  { id: 5, name: '100 ESTM', quantity: 100, price: 1, description: '' },
-];
-
 class BoostScreen extends PureComponent {
   /* Props
    * ------------------------------------------------
@@ -45,7 +30,7 @@ class BoostScreen extends PureComponent {
   // Component Functions
 
   render() {
-    const { intl, purchase } = this.props;
+    const { intl, buyItem, boostData } = this.props;
     const { selectedBoost } = this.state;
 
     return (
@@ -56,7 +41,7 @@ class BoostScreen extends PureComponent {
           })}
         />
 
-        {BOOST_DATA.map(item => (
+        {boostData.map(item => (
           <View style={styles.boostLine} key={get(item, 'id')}>
             {!!get(item, 'description', null) && (
               <View style={styles.descriptionWrapper}>
@@ -69,7 +54,7 @@ class BoostScreen extends PureComponent {
             <View style={styles.buttonWrapper}>
               <MainButton
                 style={styles.button}
-                onPress={() => purchase()}
+                onPress={() => buyItem(item.id)}
                 height={50}
                 text={intl.formatMessage({
                   id: 'boost.buy',