apps-sdk 1.0.41 → 1.0.43

package/index.js

@@ -1,4 +1,5 @@
-import {NotificationsPush, Networking, Storage, Session, Utils, PayWall} from "./src/libraries";
+import {NotificationsPush, Networking, Storage, Session, Utils, PayWallLogic} from "./src/libraries";
+import PayWall from "./src/components/PayWall";
 
 class AppsSDK {
     initializePushNotifications = async() => {
@@ -17,5 +18,6 @@ export default {
     storage:                     Storage,
     session:                     Session,
     utils:                       Utils,
+    paywallLogic:                PayWallLogic,
     paywall:                     PayWall,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {

package/src/components/PayWall.js

@@ -0,0 +1,106 @@
+import React from 'react';
+import {BottomSheet} from 'react-native-btr';
+import {WebView} from 'react-native-webview';
+import {View} from "react-native";
+import Utils from "../libraries/Utils";
+import Networking from "../libraries/Networking";
+import PayWallLogic from "../libraries/PayWallLogic";
+import * as config from "../../config";
+
+class PayWall extends React.Component {
+    constructor(props) {
+        super(props);
+        this.webviewRef = React.createRef();
+        this.paywallData = {};
+    }
+
+    getURL = () => {
+        // CP de prueba
+        return "https://backend.ailandsapp.com/payment-card/ZLp_slash_QSy94h9aKdNJWvvvkE8dkHSyeiTGRxsZVQAaiiYveh2jTjeZVJnnIZ0WVKTgiRoAkEoVrB2leXjt_slash_l2g2MtLKRa_slash_30mL6tMu0L9IJxY=?dsn_id=6274";
+    }
+
+    getPayWallJS = () => {
+        // return "window.subInfoInterval = setInterval(() => window.Appquiles && Appquiles.setSubscriptionPlans(" + JSON.stringify(information.subsPlansInfo) + "), 300);" : '';
+        return "window.subInfoInterval = setInterval(() => window.Appquiles, 300);";
+
+    }
+
+    getPayWallData = (type, keyword) => {
+        if (!config.PAYWALL_DATA[type] || !config.PAYWALL_DATA[type][keyword]) {
+            console.log('No se encontraron datos para el paywall.');
+            return;
+        }
+        console.log('PayWallData: ', JSON.stringify(config.PAYWALL_DATA[type][keyword]));
+        this.paywallData = config.PAYWALL_DATA[type][keyword];
+    }
+
+    handleMessage = (message) => {
+        const data = JSON.parse(message.nativeEvent.data);
+        const event = "event" + Utils.capitalize(data.query);
+        if (typeof this[event] === 'function') {
+            this[event](data);
+        } else {
+            console.log(`El método ${event} no existe en la clase.`);
+        }
+    }
+
+    componentDidUpdate(prevProps) {
+        if (this.props.visible && !prevProps.visible) {
+            this.webviewRef.current.injectJavaScript(this.getPayWallJS());
+        }
+    }
+
+    //  --------------------------------------- Eventos ---------------------------------------
+    eventClickClose = (data) => {
+        Networking.sendEvent('action', 'continue_free');
+        this.props.onClose();
+    }
+
+    eventClickSubscribe = (data) => {
+        Networking.sendEvent('action', 'cta');
+        if (this.paywallData && this.paywallData.products_id && this.paywallData.products_id.length > 0) {
+            let subscribed = this.executePurchase(this.paywallData.products_id[0]);
+            console.log('subscribed',subscribed)
+        }
+        setTimeout(() => {
+            this.hideSpinner();
+        }, 3000);
+    }
+
+    hideSpinner = () => {
+        const event = {
+            event: 'hideLoader',
+            value: {
+                status: true,
+            }
+        }
+        console.log('SDK setHideLoaderAppquiles',event);
+        this.webviewRef.current.injectJavaScript(
+            `Appquiles.emitAppEvent(${JSON.stringify(event)});$('.spinner').hide();`
+        )
+    }
+    //  --------------------------------------- Eventos ---------------------------------------
+
+    render() {
+        const { visible, onClose, type, keyword } = this.props;
+        this.getPayWallData(type, keyword);
+        return (
+            <BottomSheet visible={visible} onBackButtonPress={onClose} onBackdropPress={onClose}>
+                <View style={styles.bottomNavigationView}>
+                    <WebView style={{flex:1}} source={{ uri: this.paywallData.url }} javaScriptEnabled ref={this.webviewRef} onMessage={this.handleMessage} onError={(err) => {console.log('Error al cargar webview:',err)}} injectedJavaScript={this.getPayWallJS()}/>
+                </View>
+            </BottomSheet>
+        );
+    }
+}
+
+const styles = {
+    bottomNavigationView: {
+        backgroundColor: '#000',
+        width: '100%',
+        height: '100%',
+        paddingTop: 35,
+    },
+}
+
+export default PayWall;

package/src/libraries/{PayWall.js → PayWallLogic.js}

@@ -1,11 +1,7 @@
 import React from 'react';
-import {BottomSheet} from 'react-native-btr';
-import {WebView} from 'react-native-webview';
-import {Platform, View} from "react-native";
-import Utils from "./Utils";
+import {Platform} from "react-native";
 import Networking from "./Networking";
 import Session from "./Session";
-import * as config from "../../config";
 import {
     finishTransaction,
     flushFailedPurchasesCachedAsPendingAndroid,
@@ -14,56 +10,11 @@ import {
     purchaseErrorListener,
     purchaseUpdatedListener, requestSubscription,
 } from 'react-native-iap';
-import Constants from "expo-constants";
 
-class PayWall extends React.Component {
+class PayWallLogic {
     purchaseUpdateSubscription;
     purchaseErrorSubscription;
 
-    constructor(props) {
-        super(props);
-        this.webviewRef = React.createRef();
-        this.paywallData = {};
-    }
-
-    getURL = () => {
-        // CP de prueba
-        return "https://backend.ailandsapp.com/payment-card/ZLp_slash_QSy94h9aKdNJWvvvkE8dkHSyeiTGRxsZVQAaiiYveh2jTjeZVJnnIZ0WVKTgiRoAkEoVrB2leXjt_slash_l2g2MtLKRa_slash_30mL6tMu0L9IJxY=?dsn_id=6274";
-    }
-
-    getPayWallJS = () => {
-        // return "window.subInfoInterval = setInterval(() => window.Appquiles && Appquiles.setSubscriptionPlans(" + JSON.stringify(information.subsPlansInfo) + "), 300);" : '';
-        return "window.subInfoInterval = setInterval(() => window.Appquiles, 300);";
-
-    }
-
-    getPayWallData = (type, keyword) => {
-        if (!config.PAYWALL_DATA[type] || !config.PAYWALL_DATA[type][keyword]) {
-            console.log('No se encontraron datos para el paywall.');
-            return;
-        }
-        console.log('PayWallData: ', JSON.stringify(config.PAYWALL_DATA[type][keyword]));
-        this.paywallData = config.PAYWALL_DATA[type][keyword];
-    }
-
-    handleMessage = (message) => {
-        const data = JSON.parse(message.nativeEvent.data);
-        const event = "event" + Utils.capitalize(data.query);
-        if (typeof this[event] === 'function') {
-            this[event](data);
-        } else {
-            console.log(`El método ${event} no existe en la clase.`);
-        }
-    }
-
-    componentDidUpdate(prevProps) {
-        if (this.props.visible && !prevProps.visible) {
-            this.webviewRef.current.injectJavaScript(this.getPayWallJS());
-        }
-    }
-
-    //  --------------------------------- Funciones para Pago ---------------------------------------
-
     async initializePayWall() {
         initConnection().then(async () => {
 
@@ -144,55 +95,6 @@ class PayWall extends React.Component {
         }
         return subscribe;
     };
-
-    //  --------------------------------------- Eventos ---------------------------------------
-    eventClickClose = (data) => {
-        Networking.sendEvent('action', 'continue_free');
-        this.props.onClose();
-    }
-
-    eventClickSubscribe = (data) => {
-        console.log(data);
-        Networking.sendEvent('action', 'cta');
-        setTimeout(() => {
-            this.hideSpinner();
-        }, 3000);
-    }
-
-    hideSpinner = () => {
-        const event = {
-            event: 'hideLoader',
-            value: {
-                status: true,
-            }
-        }
-        console.log('SDK setHideLoaderAppquiles',event);
-        this.webviewRef.current.injectJavaScript(
-            `Appquiles.emitAppEvent(${JSON.stringify(event)});$('.spinner').hide();`
-        )
-    }
-    //  --------------------------------------- Eventos ---------------------------------------
-
-    render() {
-        const { visible, onClose, type, keyword } = this.props;
-        this.getPayWallData(type, keyword);
-        return (
-            <BottomSheet visible={visible} onBackButtonPress={onClose} onBackdropPress={onClose}>
-                <View style={styles.bottomNavigationView}>
-                    <WebView style={{flex:1}} source={{ uri: this.paywallData.url }} javaScriptEnabled ref={this.webviewRef} onMessage={this.handleMessage} onError={(err) => {console.log('Error al cargar webview:',err)}} injectedJavaScript={this.getPayWallJS()}/>
-                </View>
-            </BottomSheet>
-        );
-    }
-}
-
-const styles = {
-    bottomNavigationView: {
-        backgroundColor: '#000',
-        width: '100%',
-        height: '100%',
-        paddingTop: 35,
-    },
 }
 
-export default PayWall;
+export default new PayWallLogic();

package/src/libraries/index.js

@@ -3,4 +3,4 @@ export { default as Networking }        from './Networking';
 export { default as Storage }           from './Storage';
 export { default as Session }           from './Session';
 export { default as Utils }             from './Utils';
-export { default as PayWall }           from './PayWall';
+export { default as PayWallLogic }      from './PayWallLogic';

package/types/index.d.ts

@@ -94,7 +94,9 @@ declare module 'apps-sdk' {
         keyword: string;
     }
 
-    export class PayWall {
+    export class PayWall extends Component<PayWallProps, {}> {}
+
+    export class PayWallLogic {
         initializePayWall(): Promise<void>;
         executePurchase(productID: string): Promise<void>;
     }
@@ -110,6 +112,7 @@ declare module 'apps-sdk' {
         session: Session;
         utils: Utils;
         paywall: PayWall;
+        paywallLogic: PayWallLogic;
     }
 
     const Core: AppsSDK;