apps-sdk 1.0.40 → 1.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {
@@ -20,6 +20,7 @@
     "expo-sharing": "^11.10.0",
     "react-native": "^0.73.2",
     "react-native-btr": "^2.2.1",
+    "react-native-iap": "^12.12.2",
     "react-native-webview": "^13.8.1"
   },
   "types": "./types/index.d.ts"

package/src/libraries/Networking.js

@@ -150,6 +150,10 @@ class Networking {
         return storage.getData("ENDPOINTS");
     }
 
+    createSubscription = async (data) => {
+        return this.request(config.ENDPOINTS.SUB_NEW, data);
+    }
+
     setEvents(events) {
         events && (config.EVENTS = events);
     }

package/src/libraries/PayWall.js

@@ -1,13 +1,25 @@
 import React from 'react';
-import { BottomSheet } from 'react-native-btr';
-import { WebView } from 'react-native-webview';
-import { View } from "react-native";
+import {BottomSheet} from 'react-native-btr';
+import {WebView} from 'react-native-webview';
+import {Platform, View} from "react-native";
 import Utils from "./Utils";
 import Networking from "./Networking";
 import Session from "./Session";
 import * as config from "../../config";
+import {
+    finishTransaction,
+    flushFailedPurchasesCachedAsPendingAndroid,
+    getSubscriptions,
+    initConnection,
+    purchaseErrorListener,
+    purchaseUpdatedListener, requestSubscription,
+} from 'react-native-iap';
+import Constants from "expo-constants";
 
 class PayWall extends React.Component {
+    purchaseUpdateSubscription;
+    purchaseErrorSubscription;
+
     constructor(props) {
         super(props);
         this.webviewRef = React.createRef();
@@ -50,6 +62,89 @@ class PayWall extends React.Component {
         }
     }
 
+    //  --------------------------------- Funciones para Pago ---------------------------------------
+
+    async initializePayWall() {
+        initConnection().then(async () => {
+
+            if(Platform.OS === 'android'){
+                flushFailedPurchasesCachedAsPendingAndroid()
+                    .catch(() => {
+                        console.log('flushFailedPurchasesCachedAsPendingAndroid')
+                    })
+                    .then(async () => {
+                        this.purchaseUpdateSubscription = purchaseUpdatedListener(
+                            async (purchase) => {
+                                console.log('purchaseUpdatedListener', purchase);
+                                const receipt = purchase.transactionReceipt;
+                                if (receipt) {
+                                    const subscription = await getSubscriptions({skus: [purchase.productId]})
+                                    const s = subscription[0];
+                                    await finishTransaction({purchase: purchase});
+                                    let data = this.purchaseResp(s,purchase.purchaseToken)
+                                    const purchaseResponse = await Networking.createSubscription(data);
+                                    if(purchaseResponse.success){
+                                        Session.setIsSubscribed(true);
+                                        Session.setSubscriptionData(purchaseResponse.data);
+                                    }
+                                }
+                            },
+                        );
+                    });
+            } else{
+                this.purchaseUpdateSubscription = purchaseUpdatedListener(
+                    async (purchase) => {
+                        console.log('SDK purchaseUpdatedListener purchase',purchase)
+                        const subscription = await getSubscriptions({skus: [purchase.productId]})
+                        const s = subscription[0];
+                        await finishTransaction({purchase: purchase,isConsumable:true});
+                        let data = this.purchaseResp(s,(purchase.originalTransactionIdentifierIOS ? purchase.originalTransactionIdentifierIOS : purchase.transactionId))
+                        const purchaseResponse = await Networking.createSubscription(data);
+                        if(purchaseResponse.success){
+                            Session.setIsSubscribed(true);
+                            Session.setSubscriptionData(purchaseResponse.data);
+                        } else {
+                            console.log('SDK checkSubscription fail')
+                        }
+                    },
+                );
+            }
+
+            this.purchaseErrorSubscription = purchaseErrorListener(
+                (error) => {
+                    console.log('purchaseErrorListener', error);
+                },
+            );
+
+        });
+    }
+
+    purchaseResp = (subscription, purchaseToken) => {
+        return {
+            subs_id: purchaseToken,
+            product_id: subscription.productId,
+        };
+    }
+
+    executePurchase = async (productID) => {
+        let subscribe = false;
+        try {
+            const subscriptionTemplates = await getSubscriptions({skus: [productID]});
+            if (subscriptionTemplates.length > 0) {
+                const subscription = subscriptionTemplates[0];
+                const sku = subscription.productId;
+                const offerToken = Platform.OS === 'android' ? subscription.subscriptionOfferDetails[0].offerToken : false;
+                await requestSubscription({
+                    sku,
+                    ...(offerToken && {subscriptionOffers: [{sku, offerToken}]}),
+                });
+            }
+        } catch (err) {
+            console.warn(err.code, err.message);
+        }
+        return subscribe;
+    };
+
     //  --------------------------------------- Eventos ---------------------------------------
     eventClickClose = (data) => {
         Networking.sendEvent('action', 'continue_free');
@@ -57,6 +152,7 @@ class PayWall extends React.Component {
     }
 
     eventClickSubscribe = (data) => {
+        console.log(data);
         Networking.sendEvent('action', 'cta');
         setTimeout(() => {
             this.hideSpinner();

package/src/libraries/Session.js

@@ -11,6 +11,7 @@ class Session {
     sessionID = null;
     isFirstOpen = false;
     isSubscribed = false;
+    subscriptionData = {};
     isDevUser = false;
 
     init = async () => {
@@ -116,6 +117,10 @@ class Session {
         this.isSubscribed = isSubscribed;
     }
 
+    setSubscriptionData = (subscriptionData) => {
+        this.subscriptionData = subscriptionData;
+    }
+
     setIsDevUser = (isDevUser) => {
         this.isDevUser = isDevUser;
     }

package/types/index.d.ts

@@ -45,6 +45,7 @@ declare module 'apps-sdk' {
         setIsDevUser(isDevUser: boolean): void;
         setUserID(userID: string): void;
         getUserID(): string | null;
+        setSubscriptionData(subscriptionData: any): void;
     }
 
     export class Networking {
@@ -58,6 +59,7 @@ declare module 'apps-sdk' {
         getEndpoints(): any;
         setEvents(events: any): void;
         sendEvent(eventType: string, eventKeyword:string, eventData?: object): Promise<void>;
+        createSubscription()
     }
 
     export class Storage {
@@ -92,7 +94,10 @@ declare module 'apps-sdk' {
         keyword: string;
     }
 
-    export class PayWall extends Component<PayWallProps, {}> {}
+    export class PayWall {
+        initializePayWall(): Promise<void>;
+        executePurchase(productID: string): Promise<void>;
+    }
 
     export class AppsSDK {
         initializePushNotifications(): Promise<string>;