apps-sdk 1.0.150 → 1.0.152

package/package.json

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

package/src/components/PayWall.js

@@ -18,17 +18,45 @@ class PayWall extends React.Component {
         this.paywallJS = '';
         this.state = {
             htmlContent: null,
+            retryCount: 0
         };
+        this.maxRetries = 50;
+        this.retryInterval = 1000;
     }
 
     componentDidMount() {
+        const { type, keyword } = this.props;
         this.initPayWall();
+        this.getPayWallDataWithRetry(type, keyword);
     }
 
     initPayWall = async () => {
         await PayWallLogic.initializePayWall();
     }
 
+    getPayWallDataWithRetry = async (type, keyword) => {
+        if (this.state.retryCount >= this.maxRetries) {
+            console.log('Máximo número de reintentos alcanzado.');
+            return;
+        } else {
+            console.log('Reintentando obtener datos del paywall. Reintento número:', this.state.retryCount);
+        }
+
+        this.getPayWallData(type, keyword);
+
+        if (!this.paywallData.url) {
+            console.log('Esperando antes de reintentar...');
+            await new Promise(resolve => setTimeout(resolve, this.retryInterval));
+
+            this.setState(
+                prevState => ({ retryCount: prevState.retryCount + 1 }),
+                () => {
+                    this.getPayWallDataWithRetry(type, keyword);
+                }
+            );
+        }
+    }
+
     getURL = (type, keyword) => {
         return config.PAYWALL_DATA[type][keyword].url || '';
     }
@@ -40,6 +68,7 @@ class PayWall extends React.Component {
 
     getPayWallData = (type, keyword) => {
         if (!config.PAYWALL_DATA[type] || !config.PAYWALL_DATA[type][keyword]) {
+            Networking.sendEvent('ohter', 'no_paywall_data', {type: type, keyword: keyword, config: config.PAYWALL_DATA});
             console.log('No se encontraron datos para el paywall.');
             return;
         }
@@ -99,6 +128,9 @@ class PayWall extends React.Component {
 
     async componentDidUpdate(prevProps) {
         if (this.props.visible && !prevProps.visible && this.paywallData.url) {
+            const { type, keyword } = this.props;
+            await this.initPayWall();
+            await this.getPayWallDataWithRetry(type, keyword);
             await this.fetchAndModifyHTML();
             setTimeout(() => {
                 Networking.sendEvent('scene', 'payment_card', {
@@ -200,15 +232,13 @@ class PayWall extends React.Component {
     render() {
         const { visible, onClose, type, keyword } = this.props;
         if (PayWallLogic.paywallJS === '' || Object.keys(this.paywallData).length === 0) {
-            this.getPayWallData(type, keyword);
-            // config.DEBUG_MODE && console.log('PayWallLogic.paywallJS:', PayWallLogic.paywallJS);
-            // config.DEBUG_MODE && console.log('PayWallLogic.paywallJS type:', typeof PayWallLogic.paywallJS);
+            this.getPayWallDataWithRetry(type, keyword);
         }
 
         if (!this.paywallData.url) {
-            config.DEBUG_MODE && console.log('PayWallLogic: paywallData no tiene url para este type / keyword -> ' + type + ' / ' + keyword);
-            return null;
-        }
+                config.DEBUG_MODE && console.log('PayWallLogic: paywallData no tiene url para este type / keyword -> ' + type + ' / ' + keyword);
+                return null;
+            }
 
         return (
             <BottomSheet visible={visible}>