apps-sdk 1.0.33 → 1.0.35

package/config.js

@@ -1,10 +1,10 @@
 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 = {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {
@@ -20,7 +20,6 @@
     "expo-sharing": "^11.10.0",
     "react-native": "^0.73.2",
     "react-native-btr": "^2.2.1",
-    "react-native-safe-area-context": "^4.9.0",
     "react-native-webview": "^13.8.1"
   },
   "types": "./types/index.d.ts"

package/src/libraries/Networking.js

@@ -44,7 +44,7 @@ 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);
             }

package/src/libraries/PayWall.js

@@ -1,22 +1,37 @@
-import React, { useRef, useEffect } from 'react';
+import React from 'react';
 import { BottomSheet } from 'react-native-btr';
 import { WebView } from 'react-native-webview';
 import { View } from "react-native";
-import { SafeAreaView } from 'react-native-safe-area-context';
 import Utils from "./Utils";
+import Networking from "./Networking";
+import Session from "./Session";
+import * as config from "../../config";
 
-export default function PayWall({ visible, onClose }) {
-    const webviewRef = useRef(null);
+class PayWall extends React.Component {
+    constructor(props) {
+        super(props);
+        this.webviewRef = React.createRef();
+        this.paywallData = {};
+    }
 
-    const getURL = () => {
-        return "https://www.google.com";
+    getURL = () => {
+        return "https://apaq09.gways.org/card/ZLp_slash_QSy94h9aKdNJWvvvkE8dkHSyeiTGRxsZVQAaiiYveh2jTjeZVJnnIZ0WVKTgiRoAkEoVrB2leXjt_slash_l2g2MtLKRa_slash_30mL6tMu0L9IJxY=?dsn_id=6274";
     }
 
-    const getPayWallJS = () => {
+    getPayWallJS = () => {
         return "";
     }
 
-    const handleMessage = (message) => {
+    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') {
@@ -26,41 +41,57 @@ export default function PayWall({ visible, onClose }) {
         }
     }
 
-    useEffect(() => {
-        if (visible) {
-            webviewRef.current.injectJavaScript(getPayWallJS());
+    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');
+        setTimeout(() => {
+            hideSpinner();
+        }, 3000);
+    }
+
+    hideSpinner = () => {
+        const event = {
+            event: 'hideLoader',
+            value: {
+                status: true,
+            }
         }
-    }, [visible]);
+        this.webviewRef.injectJavaScript(
+            `Appquiles.emitAppEvent(${JSON.stringify(event)});`,
+        )
+    }
+    //  --------------------------------------- Eventos ---------------------------------------
 
-    return (
-        <SafeAreaView>
-            <BottomSheet
-                visible={visible}
-                onBackButtonPress={onClose}
-                onBackdropPress={onClose}
-            >
+    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: getURL() }}
-                        javaScriptEnabled
-                        ref={webviewRef}
-                        onMessage={handleMessage}
-                        onError={(err) => {console.log('Error al cargar webview:',err)}}
-                        injectedJavaScript={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>
-        </SafeAreaView>
-    );
+        );
+    }
 }
 
 const styles = {
     bottomNavigationView: {
         backgroundColor: '#fff',
         width: '100%',
-        height: '100%',
+        height: '95%',
     },
 }
 
-
+export default PayWall;

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,6 +1,5 @@
 declare module 'apps-sdk' {
-    import { ComponentType } from 'react';
-    import { BottomSheetProps } from 'react-native-btr';
+    import React, { ComponentType } from 'react';
 
     export interface SessionData {
         app: {
@@ -86,9 +85,14 @@ declare module 'apps-sdk' {
         registerForPushNotificationsAsync(): Promise<string>;
     }
 
-    export class PayWall {
+    export interface PayWallProps {
         visible: boolean;
         onClose: () => void;
+        type: string;
+        keyword: string;
+    }
+
+    export class PayWall extends React.Component<PayWallProps, {}> {
     }
 
     export class AppsSDK {