apps-sdk 1.0.34 → 1.0.36

package/config.js

@@ -1,14 +1,20 @@
 export var ENDPOINTS = {
-    INIT : 'https://ap0404.gways.org/v6/init',
-    NOTIFICATION_TOKEN: 'https://ap0404.gways.org/user/set_expo_id',
-    TRACKING: 'https://ap0404.gways.org/v3/log-event',
-    GET_USER_ID: 'https://ap0404.gways.org/user/generate_public_id',
-    CHECK_SUBSCRIPTION: 'https://ap0404.gways.org/create-sub',
-    SET_ATTRIBUTION: 'https://ap0404.gways.org/user/set_attribution_data',
+    INIT : 'https://backend.ailandsapp.com/v6/init',
+    NOTIFICATION_TOKEN: 'https://backend.ailandsapp.com/user/set_expo_id',
+    TRACKING: 'https://backend.ailandsapp.com/v3/log-event',
+    GET_USER_ID: 'https://backend.ailandsapp.com/user/generate_public_id',
+    CHECK_SUBSCRIPTION: 'https://backend.ailandsapp.com/create-sub',
+    SET_ATTRIBUTION: 'https://backend.ailandsapp.com/user/set_attribution_data',
 }
 
 export var EVENTS = {}
 
+export var PAYWALL_DATA = {
+    actions: {},
+    scenes: {},
+    others: {}
+}
+
 export const EVENT_TYPES = {
     ACTION: 'action',
     SCENE: 'scene',

package/index.js

@@ -6,7 +6,6 @@ class AppsSDK {
 
         return NotificationsPush.registerForPushNotificationsAsync().then(async (expoToken) => {
             return expoToken
-            // const setExpoToken = await Networking.setExpoToken({expo_id : expoToken, user_id : Session._info.user_id, ...Session._info} )
         })
     }
 }

package/package.json

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

package/src/libraries/Networking.js

@@ -44,9 +44,10 @@ class Networking {
         try {
             let initData = await this.request(config.ENDPOINTS.INIT);
             if (initData) {
-                config.DEBUG_MODE && console.debug("initData", initData);
+                config.DEBUG_MODE && console.debug("initData", JSON.stringify(initData));
                 this.setEndpoints(initData.data.domains);
                 this.setEvents(initData.data.attribution);
+                this.setPayWallData(initData);
             }
         } catch (error) {
             console.error(error);
@@ -151,6 +152,36 @@ class Networking {
         events && (config.EVENTS = events);
     }
 
+    setPayWallData(data) {
+        let result = {
+            actions: {},
+            scenes: {},
+            others: {}
+        };
+
+        if (data && data.data && data.data.purchase) {
+            if (data.data.purchase.actions) {
+                data.data.purchase.actions.forEach(action => {
+                    result.actions[action.identifier] = action;
+                });
+            }
+            if (data.data.purchase.scenes) {
+                data.data.purchase.scenes.forEach(scene => {
+                    result.scenes[scene.identifier] = scene;
+                });
+            }
+            if (data.data.purchase.others) {
+                data.data.purchase.others.forEach(other => {
+                    result.others[other.identifier] = other;
+                });
+            }
+        }
+
+        if (result) {
+            config.PAYWALL_DATA = result;
+        }
+    }
+
     sendEvent = async (eventType, eventKeyword, eventData={}) => {
         config.DEBUG_MODE && console.debug("sendEvent", eventType, eventKeyword, eventData);
         try {

package/src/libraries/PayWall.js

@@ -3,19 +3,34 @@ import { BottomSheet } from 'react-native-btr';
 import { WebView } from 'react-native-webview';
 import { View } from "react-native";
 import Utils from "./Utils";
+import Networking from "./Networking";
+import Session from "./Session";
+import * as config from "../../config";
 
 class PayWall extends React.Component {
     constructor(props) {
         super(props);
         this.webviewRef = React.createRef();
+        this.paywallData = {};
     }
 
     getURL = () => {
-        return "https://www.google.com";
+        return "https://apaq09.gways.org/card/ZLp_slash_QSy94h9aKdNJWvvvkE8dkHSyeiTGRxsZVQAaiiYveh2jTjeZVJnnIZ0WVKTgiRoAkEoVrB2leXjt_slash_l2g2MtLKRa_slash_30mL6tMu0L9IJxY=?dsn_id=6274";
     }
 
     getPayWallJS = () => {
-        return "";
+        // 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) => {
@@ -34,12 +49,40 @@ class PayWall extends React.Component {
         }
     }
 
+    //  --------------------------------------- Eventos ---------------------------------------
+    eventClickClose = (data) => {
+        Networking.sendEvent('action', 'continue_free');
+        this.props.onClose();
+    }
+
+    eventClickSubscribe = (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 } = this.props;
+        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.getURL() }} javaScriptEnabled ref={this.webviewRef} onMessage={this.handleMessage} onError={(err) => {console.log('Error al cargar webview:',err)}} injectedJavaScript={this.getPayWallJS()}/>
+                    <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>
         );

package/src/libraries/Storage.js

@@ -117,8 +117,8 @@ class Storage {
         try {
             const info = await FileSystem.getInfoAsync(CREATIONS_DIR);
             if (!info.exists) {
-                console.error('El directorio no existe:', CREATIONS_DIR);
-                return;
+                await this.createCreationsDir(CREATIONS_DIR);
+                return {};
             }
 
             const directories = await FileSystem.readDirectoryAsync(CREATIONS_DIR);

package/types/index.d.ts

@@ -1,5 +1,5 @@
 declare module 'apps-sdk' {
-    import React, { ComponentType } from 'react';
+    import { ComponentType } from 'react';
 
     export interface SessionData {
         app: {
@@ -88,10 +88,11 @@ declare module 'apps-sdk' {
     export interface PayWallProps {
         visible: boolean;
         onClose: () => void;
+        type: string;
+        keyword: string;
     }
 
-    export class PayWall extends React.Component<PayWallProps, {}> {
-    }
+    export class PayWall extends Component<PayWallProps, {}> {}
 
     export class AppsSDK {
         initializePushNotifications(): Promise<string>;