rampkit-expo-dev 0.0.77 → 0.0.78

package/build/RampkitOverlay.js

@@ -1041,6 +1041,84 @@ function Overlay(props) {
     const screenActivationTimeRef = (0, react_1.useRef)({ 0: Date.now() });
     // Settling period - ignore variable updates from a screen for this long after activation
     const SCREEN_SETTLING_MS = 300;
+    // Queue of pending actions per screen - actions are queued when screen is inactive
+    // and executed when the screen becomes active (matches iOS SDK behavior)
+    const pendingActionsRef = (0, react_1.useRef)({});
+    // Check if a screen is currently active
+    const isScreenActive = (screenIndex) => {
+        return screenIndex === activeScreenIndexRef.current;
+    };
+    // Queue an action to be executed when screen becomes active
+    const queueAction = (screenIndex, action) => {
+        if (__DEV__) {
+            console.log(`[Rampkit] 📥 Queuing action for screen ${screenIndex}`);
+        }
+        if (!pendingActionsRef.current[screenIndex]) {
+            pendingActionsRef.current[screenIndex] = [];
+        }
+        pendingActionsRef.current[screenIndex].push(action);
+    };
+    // Process any pending actions for a screen
+    const processPendingActions = (screenIndex) => {
+        const actions = pendingActionsRef.current[screenIndex];
+        if (!actions || actions.length === 0)
+            return;
+        if (__DEV__) {
+            console.log(`[Rampkit] ⚡ Processing ${actions.length} pending action(s) for screen ${screenIndex}`);
+        }
+        for (const action of actions) {
+            try {
+                action();
+            }
+            catch (e) {
+                console.warn('[Rampkit] Error executing pending action:', e);
+            }
+        }
+        // Clear the queue
+        pendingActionsRef.current[screenIndex] = [];
+    };
+    // Activate a screen (set visibility flag and dispatch event)
+    const activateScreen = (screenIndex) => {
+        var _a;
+        const wv = webviewsRef.current[screenIndex];
+        if (!wv)
+            return;
+        if (__DEV__) {
+            console.log(`[Rampkit] 🔓 Activating screen ${screenIndex}`);
+        }
+        const screenId = ((_a = props.screens[screenIndex]) === null || _a === void 0 ? void 0 : _a.id) || '';
+        const activateScript = `(function() {
+      window.__rampkitScreenVisible = true;
+      window.__rampkitScreenIndex = ${screenIndex};
+      console.log('🔓 Screen ${screenIndex} ACTIVATED');
+
+      // Dispatch custom event that HTML can listen to
+      try {
+        document.dispatchEvent(new CustomEvent('rampkit:screen-visible', {
+          detail: { screenIndex: ${screenIndex}, screenId: '${screenId}' }
+        }));
+      } catch(e) {}
+    })();`;
+        // @ts-ignore: injectJavaScript exists on WebView instance
+        wv.injectJavaScript(activateScript);
+        // Process any pending actions for this screen
+        processPendingActions(screenIndex);
+    };
+    // Deactivate a screen (clear visibility flag)
+    const deactivateScreen = (screenIndex) => {
+        const wv = webviewsRef.current[screenIndex];
+        if (!wv)
+            return;
+        if (__DEV__) {
+            console.log(`[Rampkit] 🔒 Deactivating screen ${screenIndex}`);
+        }
+        const deactivateScript = `(function() {
+      window.__rampkitScreenVisible = false;
+      console.log('🔒 Screen ${screenIndex} DEACTIVATED');
+    })();`;
+        // @ts-ignore: injectJavaScript exists on WebView instance
+        wv.injectJavaScript(deactivateScript);
+    };
     // ============================================================================
     // Navigation Resolution Helpers (matches iOS SDK behavior)
     // ============================================================================
@@ -1208,8 +1286,14 @@ function Overlay(props) {
             (_a = props.onRegisterClose) === null || _a === void 0 ? void 0 : _a.call(props, null);
         };
     }, [handleRequestClose, props.onRegisterClose]);
-    // Helper to complete a screen transition - updates state and sends data
-    const completeTransition = (nextIndex) => {
+    // Helper to complete a screen transition - updates state, activates/deactivates screens, and sends data
+    const completeTransition = (nextIndex, prevIndex) => {
+        // Deactivate previous screen and activate new screen (matches iOS SDK behavior)
+        // This ensures actions like review/notification requests only fire on the active screen
+        if (prevIndex !== nextIndex) {
+            deactivateScreen(prevIndex);
+            activateScreen(nextIndex);
+        }
         setIndex(nextIndex);
         sendVarsToWebView(nextIndex);
         sendOnboardingStateToWebView(nextIndex);
@@ -1264,7 +1348,7 @@ function Overlay(props) {
                 // Hide old screen and reset its position
                 currentScreenAnim.opacity.setValue(0);
                 currentScreenAnim.translateX.setValue(0);
-                completeTransition(nextIndex);
+                completeTransition(nextIndex, index);
                 setIsTransitioning(false);
             });
             return;
@@ -1307,7 +1391,7 @@ function Overlay(props) {
             ]).start(() => {
                 // Reset old screen position
                 currentScreenAnim.translateX.setValue(0);
-                completeTransition(nextIndex);
+                completeTransition(nextIndex, index);
                 setIsTransitioning(false);
             });
             return;
@@ -1324,7 +1408,7 @@ function Overlay(props) {
             currentScreenAnim.opacity.setValue(0);
             nextScreenAnim.opacity.setValue(1);
             requestAnimationFrame(() => {
-                completeTransition(nextIndex);
+                completeTransition(nextIndex, index);
                 // Fade curtain out to reveal new screen
                 react_native_1.Animated.timing(fadeOpacity, {
                     toValue: 0,
@@ -1661,6 +1745,25 @@ function Overlay(props) {
                                 // By sending state to all screens upfront, the DOM is already in its final state
                                 // before any navigation occurs.
                                 sendOnboardingStateToWebView(i);
+                                // Set initial visibility flag (matches iOS SDK behavior).
+                                // Only screen 0 starts as active - all others start inactive.
+                                // This prevents actions like review requests from firing on all screens at startup.
+                                if (i === 0) {
+                                    // First screen is immediately active
+                                    activateScreen(i);
+                                }
+                                else {
+                                    // Other screens start inactive - inject the flag but don't dispatch event
+                                    const wv = webviewsRef.current[i];
+                                    if (wv) {
+                                        // @ts-ignore: injectJavaScript exists on WebView instance
+                                        wv.injectJavaScript(`(function() {
+                      window.__rampkitScreenVisible = false;
+                      window.__rampkitScreenIndex = ${i};
+                      console.log('🔒 Screen ${i} loaded but INACTIVE');
+                    })();`);
+                                    }
+                                }
                             }, onMessage: (ev) => {
                                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                                 const raw = ev.nativeEvent.data;
@@ -1746,7 +1849,7 @@ function Overlay(props) {
                                     // 3) A page requested an in-app review prompt
                                     if ((data === null || data === void 0 ? void 0 : data.type) === "rampkit:request-review" ||
                                         (data === null || data === void 0 ? void 0 : data.type) === "rampkit:review") {
-                                        (async () => {
+                                        const executeReview = async () => {
                                             try {
                                                 const available = await RampKitNative_1.StoreReview.isAvailableAsync();
                                                 if (available) {
@@ -1754,16 +1857,36 @@ function Overlay(props) {
                                                 }
                                             }
                                             catch (_) { }
-                                        })();
+                                        };
+                                        // Only execute if screen is active, otherwise queue for later
+                                        if (isScreenActive(i)) {
+                                            executeReview();
+                                        }
+                                        else {
+                                            if (__DEV__)
+                                                console.log(`[Rampkit] Queuing review request from inactive screen ${i}`);
+                                            queueAction(i, executeReview);
+                                        }
                                         return;
                                     }
                                     // 4) A page requested notification permission
                                     if ((data === null || data === void 0 ? void 0 : data.type) === "rampkit:request-notification-permission") {
-                                        handleNotificationPermissionRequest({
-                                            ios: data === null || data === void 0 ? void 0 : data.ios,
-                                            android: data === null || data === void 0 ? void 0 : data.android,
-                                            behavior: data === null || data === void 0 ? void 0 : data.behavior,
-                                        });
+                                        const executeNotification = () => {
+                                            handleNotificationPermissionRequest({
+                                                ios: data === null || data === void 0 ? void 0 : data.ios,
+                                                android: data === null || data === void 0 ? void 0 : data.android,
+                                                behavior: data === null || data === void 0 ? void 0 : data.behavior,
+                                            });
+                                        };
+                                        // Only execute if screen is active, otherwise queue for later
+                                        if (isScreenActive(i)) {
+                                            executeNotification();
+                                        }
+                                        else {
+                                            if (__DEV__)
+                                                console.log(`[Rampkit] Queuing notification request from inactive screen ${i}`);
+                                            queueAction(i, executeNotification);
+                                        }
                                         return;
                                     }
                                     // 5) Onboarding finished event from page
@@ -1850,7 +1973,7 @@ function Overlay(props) {
                                         return;
                                     }
                                     if (raw === "rampkit:request-review" || raw === "rampkit:review") {
-                                        (async () => {
+                                        const executeReview = async () => {
                                             try {
                                                 const available = await RampKitNative_1.StoreReview.isAvailableAsync();
                                                 if (available) {
@@ -1858,11 +1981,29 @@ function Overlay(props) {
                                                 }
                                             }
                                             catch (_) { }
-                                        })();
+                                        };
+                                        // Only execute if screen is active, otherwise queue for later
+                                        if (isScreenActive(i)) {
+                                            executeReview();
+                                        }
+                                        else {
+                                            if (__DEV__)
+                                                console.log(`[Rampkit] Queuing review request (raw) from inactive screen ${i}`);
+                                            queueAction(i, executeReview);
+                                        }
                                         return;
                                     }
                                     if (raw === "rampkit:request-notification-permission") {
-                                        handleNotificationPermissionRequest(undefined);
+                                        const executeNotification = () => handleNotificationPermissionRequest(undefined);
+                                        // Only execute if screen is active, otherwise queue for later
+                                        if (isScreenActive(i)) {
+                                            executeNotification();
+                                        }
+                                        else {
+                                            if (__DEV__)
+                                                console.log(`[Rampkit] Queuing notification request (raw) from inactive screen ${i}`);
+                                            queueAction(i, executeNotification);
+                                        }
                                         return;
                                     }
                                     if (raw === "rampkit:onboarding-finished") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rampkit-expo-dev",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "description": "The Expo SDK for RampKit. Build, test, and personalize app onboardings with instant updates.",
   "main": "build/index.js",
   "types": "build/index.d.ts",