apps-sdk 1.0.146 → 1.0.147

package/package.json

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

package/src/components/PayWall.js

@@ -244,7 +244,6 @@ const styles = {
         backgroundColor: '#000',
         width: '100%',
         height: '100%',
-        paddingTop: 35,
     },
 }
 

package/src/components/PayWall2.js

@@ -1,248 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { BottomSheet } from 'react-native-btr';
-import { WebView } from 'react-native-webview';
-import { View, Platform } from "react-native";
-import Utils from "../libraries/Utils";
-import Networking from "../libraries/Networking";
-import PayWallLogic from "../libraries/PayWallLogic";
-import Session from "../libraries/Session";
-import * as Linking from 'expo-linking';
-import * as config from "../../config";
-
-const PayWall = (props) => {
-    const { visible, onClose, type, keyword, onSubscribe, onPaymentError, acceptTerms } = props;
-    const webviewRef = useRef(null);
-    const [paywallData, setPaywallData] = useState({});
-    const [paywallJS, setPaywallJS] = useState('');
-    const [htmlContent, setHtmlContent] = useState('');
-
-    useEffect(() => {
-        initPayWall();
-    }, []);
-
-    useEffect(() => {
-        if (PayWallLogic.paywallJS === '' || Object.keys(paywallData).length === 0) {
-            getPayWallData(type, keyword);
-            // config.DEBUG_MODE && console.log('PayWallLogic.paywallJS:', PayWallLogic.paywallJS);
-            // config.DEBUG_MODE && console.log('PayWallLogic.paywallJS type:', typeof PayWallLogic.paywallJS);
-        }
-    }, [type, keyword, paywallData]);
-
-    const initPayWall = async () => {
-        await PayWallLogic.initializePayWall();
-    }
-
-    const getURL = (type, keyword) => {
-        return config.PAYWALL_DATA[type][keyword].url || '';
-    }
-
-    const getDesignIDFromURL = (url) => {
-        const urlObject = new URL(url);
-        return urlObject.searchParams.get('dsn_id') || '';
-    }
-
-    const getPayWallData = (type, keyword) => {
-        if (!config.PAYWALL_DATA[type] || !config.PAYWALL_DATA[type][keyword]) {
-            console.log('No se encontraron datos para el paywall.');
-            return;
-        }
-        setPaywallData(config.PAYWALL_DATA[type][keyword]);
-    }
-
-    const handleMessage = (message) => {
-        const data = JSON.parse(message.nativeEvent.data);
-        const event = "event" + Utils.capitalize(data.query);
-        config.DEBUG_MODE && console.log('handleMessage event:', event, data);
-        if (typeof this[event] === 'function') {
-            this[event](data);
-        } else {
-            console.log(`El método ${event} no existe en la clase.`);
-        }
-    }
-
-    const fetchAndModifyHTML = async () => {
-        try {
-            const response = await fetch(paywallData.url);
-            let html = await response.text();
-
-            for (let ind in config.PAYWALL_DATA.paywall_info) {
-                let paywallInfo = config.PAYWALL_DATA.paywall_info[ind];
-                let os = Platform.OS === 'ios' ? 'i' : 'a';
-                let product_id = paywallInfo.productIdentifier;
-                if (paywallInfo.localizedPriceYear) {
-                    html = html.replace(new RegExp(`\\[PRICE_YEAR\\|[^\\]]*${os}:${product_id}[^\\]]*\\]`, 'g'), paywallInfo.localizedPrice);
-                }
-                if (paywallInfo.localizedPriceMonth) {
-                    html = html.replace(new RegExp(`\\[PRICE_MONTH\\|[^\\]]*${os}:${product_id}[^\\]]*\\]`, 'g'), paywallInfo.localizedPriceMonth);
-                }
-                if (paywallInfo.localizedPriceWeek) {
-                    html = html.replace(new RegExp(`\\[PRICE_WEEK\\|[^\\]]*${os}:${product_id}[^\\]]*\\]`, 'g'), paywallInfo.localizedPriceWeek);
-                }
-                if (paywallInfo.localizedPriceDay) {
-                    html = html.replace(new RegExp(`\\[PRICE_DAY\\|[^\\]]*${os}:${product_id}[^\\]]*\\]`, 'g'), paywallInfo.localizedPriceDay);
-                }
-            }
-
-            // let paywallJS = await PayWallLogic.getPayWallJS(props);
-            // html = html.replace(
-            //     '</body>',
-            //     `<script>${paywallJS}</script></body>`
-            // );
-
-            let tokens = html.match(/\[PRICE.*\]/g);
-            if (tokens) {
-                Networking.sendEvent('other', 'cp_price_token_not_replaced', { tokens: tokens, url: paywallData.url });
-            }
-            setHtmlContent(html);
-        } catch (error) {
-            console.log('Error al obtener el HTML:', error);
-        }
-    }
-
-    useEffect(() => {
-        if (props.visible && paywallData.url) {
-            const fetchData = async () => {
-                await fetchAndModifyHTML();
-                setTimeout(() => {
-                    Networking.sendEvent('scene', 'payment_card', {
-                        user_id: Session.getUserID(),
-                        scene: 'payment_card'
-                    });
-                }, 3000);
-            };
-            fetchData();
-        }
-    }, [props.visible, paywallData.url]);
-
-    const getCardID = () => {
-        return getDesignIDFromURL(paywallData.url) || '';
-    }
-
-    //  --------------------------------------- Eventos ---------------------------------------
-    const  eventClickClose = (data) => {
-        Networking.sendEvent('action', 'continue_free');
-        onClose();
-    }
-
-    const eventClickSubscribe = (data) => {
-        Networking.sendEvent('other', 'cta_click_init');
-
-        if (Platform.OS === 'ios' && data.iid) {
-            data.id = data.iid;
-        } else {
-            if (data.aid) {
-                data.id = data.aid;
-            }
-        }
-
-        if (paywallData && data.id && data.id.length > 0) {
-            Networking.sendEvent('action', 'cta', {product_id: data.id});
-            let subscribed = PayWallLogic.executePurchase(data.id, hideSpinner, hidePayWall).then((subscribed) => {
-                console.log('subscription result: ', subscribed);
-                if (subscribed) {
-                    onSubscribe(false);
-                } else {
-                    onPaymentError();
-                }
-            });
-        } else {
-            Networking.sendEvent('other', 'cta_click_error_paywall_data');
-            onPaymentError();
-        }
-    }
-
-    const eventClickFreeSubscription = (data) =>  {
-        Networking.sendEvent('action', 'continue_free');
-        onClose();
-    }
-
-    const eventClickAcceptTerms = (data) => {
-        acceptTerms();
-    }
-
-    const eventClickRestore = (data) => {
-        Networking.sendEvent('action', 'subscription_restore');
-        let subscribed = PayWallLogic.restorePurchase(hideSpinner, hidePayWall).then((subscribed) => {
-            console.log('subscription result: ',subscribed);
-            if (subscribed) {
-                onSubscribe(true);
-            }
-        });
-    }
-
-    const eventTrackAction = (data) => {
-        config.DEBUG_MODE && console.debug('eventTrackAction', data);
-        Networking.sendEvent('action', data.eventName, data || {});
-    }
-
-    const eventTrackScene = (data) => {
-        config.DEBUG_MODE && console.debug('eventTrackScene', data);
-        Networking.sendEvent('scene', data.eventName, data || {});
-    }
-
-    const hideSpinner = () => {
-        const event = {
-            event: 'hideLoader',
-            value: {
-                status: true,
-            }
-        }
-        console.log('SDK setHideLoaderAppquiles',event);
-        if (paywallData.url) {
-            const jsHideSpinner = `Appquiles.emitAppEvent(${JSON.stringify(event)});$('.spinner').hide(); true;`;
-            webviewRef.current.injectJavaScript(jsHideSpinner);
-        }
-    }
-
-    const hidePayWall = () => {
-        onClose();
-    }
-
-    //  --------------------------------------- Eventos ---------------------------------------
-
-    if (!paywallData.url) {
-        config.DEBUG_MODE && console.log('PayWallLogic: paywallData no tiene url para este type / keyword -> ' + type + ' / ' + keyword);
-        return null;
-    }
-
-    return (
-        <BottomSheet visible={visible}>
-            <View style={styles.bottomNavigationView}>
-                {htmlContent ? (
-                    <WebView
-                        style={{ flex: 1 }}
-                        originWhitelist={['*']}
-                        source={{ html: htmlContent }}
-                        javaScriptEnabled
-                        ref={webviewRef}
-                        onMessage={handleMessage}
-                        onError={(err) => { console.log('Error al cargar webview:', err) }}
-                        // injectedJavaScript={PayWallLogic.paywallJS}
-                        allowsInlineMediaPlayback={true}
-                        mediaPlaybackRequiresUserAction={false}
-                        onShouldStartLoadWithRequest={request => {
-                            if (request.url !== 'about:blank' && request.url !== paywallData.url) {
-                                Networking.sendEvent('action', 'click_link', { url: request.url });
-                                Linking.openURL(request.url);
-                                return false;
-                            } else {
-                                return true;
-                            }
-                        }}
-                    />
-                ) : null}
-            </View>
-        </BottomSheet>
-    );
-}
-
-const styles = {
-    bottomNavigationView: {
-        backgroundColor: '#000',
-        width: '100%',
-        height: '100%',
-        paddingTop: 35,
-    },
-}
-
-export default PayWall;