apps-sdk 1.0.153 → 1.0.155

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.0.153",
+  "version": "1.0.155",
   "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 = 10;
+        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,8 +68,10 @@ 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.');
+            if (keyword !== 'on_boarding') {
+                Networking.sendEvent('ohter', 'no_paywall_data', {type: type, keyword: keyword, config: config.PAYWALL_DATA});
+                console.log('No se encontraron datos para el paywall.');
+            }
             return;
         }
         this.paywallData = config.PAYWALL_DATA[type][keyword];
@@ -100,6 +130,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', {
@@ -176,7 +209,14 @@ class PayWall extends React.Component {
 
     eventTrackScene = (data) => {
         config.DEBUG_MODE && console.debug('eventTrackScene', data);
-        Networking.sendEvent('scene', data.eventName, data || {});
+        switch(true) {
+            case data.eventName === 'on_boarding' && data.eventValue.toString().substring(0, 4) === 'step':
+                Networking.sendEvent('action', 'onb_tap_continue_' + data.eventValue, {step: data.eventValue});
+                break;
+            default:
+                Networking.sendEvent('scene', data.eventName, data || {});
+                break;
+        }
     }
 
     hideSpinner = () => {
@@ -201,9 +241,7 @@ 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 (Object.keys(this.paywallData).length === 0 || !this.paywallData.url) {

package/src/libraries/Storage.js

@@ -84,7 +84,7 @@ class Storage {
             const { status } = await MediaLibrary.requestPermissionsAsync();
             if (status === 'granted') {
                 await this.storeData('GALLERY_PERMISSION', 'granted');
-                Networking.sendEvent('action', 'galery_consent');
+                Networking.sendEvent('action', 'gallery_consent');
             }
             return status;
         } catch (error) {
@@ -101,7 +101,7 @@ class Storage {
                 galleryPermission = status;
                 if (status === 'granted') {
                     await this.storeData('GALLERY_PERMISSION', 'granted');
-                    Networking.sendEvent('action', 'galery_consent');
+                    Networking.sendEvent('action', 'gallery_consent');
                 }
             }
             if (galleryPermission === 'granted') {