apps-sdk 1.0.27 → 1.0.28

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {
@@ -18,7 +18,8 @@
     "expo-media-library": "^15.9.1",
     "expo-notifications": "^0.23.0",
     "expo-sharing": "^11.10.0",
-    "react-native": "^0.73.2"
+    "react-native": "^0.73.2",
+    "react-native-webview": "^13.8.1"
   },
   "types": "./types/index.d.ts"
 }

package/src/libraries/PayWall.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { WebView } from 'react-native-webview';
+import Utils from "./utils";
+
+class PayWall {
+    webviewRef = React.createRef();
+
+    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.`);
+        }
+    }
+
+    getPayWallJS = () => {
+        return "window.subInfoInterval = setInterval(() => window.Appquiles && Appquiles.setSubscriptionPlans(" + JSON.stringify(information.subsPlansInfo) + "), 300);";
+    }
+
+    async showPayWall(url) {
+        return (
+            <WebView style={styles.webview} source={{ uri: url }} javaScriptEnabled ref={webviewRef} onMessage={handleMessage} onError={(err) => {console.log('Error al cargar webview:',err)}} injectedJavaScript={getPayWallJS()} >
+            </WebView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    webview: {
+        flex: 1,
+    }
+});
+
+export default new PayWall();

package/src/libraries/Utils.js

@@ -12,6 +12,14 @@ class Utils {
         if (str ==='' || str.trim() ===''){ return false; }
         return str.startsWith('data:image/');
     }
+
+    capitalize = (text) => {
+        let result = '';
+        if (typeof text === 'string') {
+            result = text.charAt(0).toUpperCase() + text.slice(1);
+        }
+        return result;
+    };
 }
 
 export default new Utils();

package/src/libraries/index.js

@@ -3,4 +3,5 @@ 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';
 

package/types/index.d.ts

@@ -83,6 +83,10 @@ declare module 'apps-sdk' {
         registerForPushNotificationsAsync(): Promise<string>;
     }
 
+    export class PayWall {
+        showPayWall(url: string): Promise<void>;
+    }
+
     export class AppsSDK {
         initializePushNotifications(): Promise<string>;
     }
@@ -92,6 +96,8 @@ declare module 'apps-sdk' {
         networking: Networking;
         storage: Storage;
         session: Session;
+        utils: Utils;
+        payWall: PayWall;
     }
 
     const Core: AppsSDK;