apps-sdk 1.0.32 → 1.0.34

package/index.js

@@ -1,4 +1,4 @@
-import {NotificationsPush, Networking, Storage, Session, Utils, PayWall, PayWall2} from "./src/libraries";
+import {NotificationsPush, Networking, Storage, Session, Utils, PayWall} from "./src/libraries";
 
 class AppsSDK {
     initializePushNotifications = async() => {

package/package.json

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

package/src/libraries/PayWall.js

@@ -1,18 +1,24 @@
-import React, { useRef, useEffect } from 'react';
+import React from 'react';
 import { BottomSheet } from 'react-native-btr';
 import { WebView } from 'react-native-webview';
-import {Dimensions} from "react-native";
+import { View } from "react-native";
 import Utils from "./Utils";
 
-export default function PayWall({ visible, onClose }) {
-    const webviewRef = useRef(null);
+class PayWall extends React.Component {
+    constructor(props) {
+        super(props);
+        this.webviewRef = React.createRef();
+    }
 
+    getURL = () => {
+        return "https://www.google.com";
+    }
 
-    const getPayWallJS = () => {
-        return "window.subInfoInterval = setInterval(() => window.Appquiles && Appquiles.setSubscriptionPlans(" + JSON.stringify(information.subsPlansInfo) + "), 300);";
+    getPayWallJS = () => {
+        return "";
     }
 
-    const handleMessage = (message) => {
+    handleMessage = (message) => {
         const data = JSON.parse(message.nativeEvent.data);
         const event = "event" + Utils.capitalize(data.query);
         if (typeof this[event] === 'function') {
@@ -22,35 +28,30 @@ 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());
         }
-    }, [visible]);
-
-    return (
-        <BottomSheet
-            visible={visible}
-            onBackButtonPress={onClose}
-            onBackdropPress={onClose}
-            height={0.9 * Dimensions.get('window').height}
-            customStyles={{
-                container: {
-                    flex: 1,
-                    borderTopLeftRadius: 10,
-                    borderTopRightRadius: 10,
-                }
-            }}
-        >
-            <WebView
-                style={styles.webview}
-                source={{ uri: this.props.url }}
-                javaScriptEnabled
-                ref={this.webviewRef}
-                onMessage={handleMessage}
-                onError={(err) => {console.log('Error al cargar webview:',err)}}
-                injectedJavaScript={getPayWallJS()}
-            />
-        </BottomSheet>
-    );
+    }
+
+    render() {
+        const { visible, onClose } = this.props;
+        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()}/>
+                </View>
+            </BottomSheet>
+        );
+    }
+}
+
+const styles = {
+    bottomNavigationView: {
+        backgroundColor: '#fff',
+        width: '100%',
+        height: '95%',
+    },
 }
+
+export default PayWall;

package/types/index.d.ts

@@ -1,7 +1,5 @@
 declare module 'apps-sdk' {
-    import { ComponentType } from 'react';
-    import { WebViewProps } from 'react-native-webview';
-    import { BottomSheetProps } from 'react-native-btr';
+    import React, { ComponentType } from 'react';
 
     export interface SessionData {
         app: {
@@ -87,12 +85,13 @@ declare module 'apps-sdk' {
         registerForPushNotificationsAsync(): Promise<string>;
     }
 
-    export interface PayWallProps extends BottomSheetProps {
+    export interface PayWallProps {
         visible: boolean;
         onClose: () => void;
     }
 
-    export const PayWall: ComponentType<PayWallProps>;
+    export class PayWall extends React.Component<PayWallProps, {}> {
+    }
 
     export class AppsSDK {
         initializePushNotifications(): Promise<string>;
@@ -104,6 +103,7 @@ declare module 'apps-sdk' {
         storage: Storage;
         session: Session;
         utils: Utils;
+        paywall: PayWall;
     }
 
     const Core: AppsSDK;