rampkit-expo-dev 0.0.95 → 0.0.97

package/build/EventManager.d.ts

@@ -149,7 +149,7 @@ declare class EventManager {
     /**
      * Track screen navigation
      */
-    trackScreenNavigated(fromScreenId: string | null, toScreenId: string, direction: "forward" | "back", trigger?: "button"): void;
+    trackScreenNavigated(fromScreenName: string | null, toScreenName: string, direction: "forward" | "back", trigger?: "button"): void;
     /**
      * Track variable set event
      */

package/build/EventManager.js

@@ -369,10 +369,10 @@ class EventManager {
     /**
      * Track screen navigation
      */
-    trackScreenNavigated(fromScreenId, toScreenId, direction, trigger = "button") {
+    trackScreenNavigated(fromScreenName, toScreenName, direction, trigger = "button") {
         this.track("screen_navigated", {
-            fromScreenId,
-            toScreenId,
+            fromScreenName,
+            toScreenName,
             direction,
             trigger,
         });

package/build/RampkitOverlay.d.ts

@@ -6,6 +6,7 @@ export declare const injectedDynamicTapHandler = "\n(function() {\n    if (windo
 export declare const injectedButtonAnimations = "\n(function(){\n  try {\n    if (window.__rkButtonAnimApplied) return true;\n    window.__rkButtonAnimApplied = true;\n\n    var pressed = null;\n    var pressedOriginalTransform = '';\n    var pressedOriginalOpacity = '';\n    var pressedOriginalTransition = '';\n    var releaseTimer = null;\n\n    // Find interactive element - looks for clickable-looking elements\n    function findInteractive(el) {\n      var current = el;\n      for (var i = 0; i < 20 && current && current !== document.body && current !== document.documentElement; i++) {\n        if (!current || !current.tagName) { current = current.parentElement; continue; }\n        var tag = current.tagName.toLowerCase();\n\n        // Skip tiny elements (likely icons inside buttons)\n        var rect = current.getBoundingClientRect();\n        if (rect.width < 20 || rect.height < 20) { current = current.parentElement; continue; }\n\n        // Match standard interactive elements\n        if (tag === 'button' || tag === 'a' || tag === 'input' || tag === 'select') return current;\n\n        // Match elements with tap/click-related data attributes\n        // Exclude lifecycle attributes like data-on-open-actions, data-on-close-actions\n        var attrs = current.attributes;\n        if (attrs) {\n          for (var j = 0; j < attrs.length; j++) {\n            var attrName = attrs[j].name.toLowerCase();\n            // Skip lifecycle attributes (on-open, on-close, on-load, on-appear, etc.)\n            // These are for screen lifecycle events, not user tap interactions\n            var isLifecycleAttr = (attrName.indexOf('on-open') !== -1 || attrName.indexOf('on-close') !== -1 ||\n                attrName.indexOf('on-load') !== -1 || attrName.indexOf('on-appear') !== -1 ||\n                attrName.indexOf('onopen') !== -1 || attrName.indexOf('onclose') !== -1 ||\n                attrName.indexOf('onload') !== -1 || attrName.indexOf('onappear') !== -1);\n            if (isLifecycleAttr) {\n              continue;\n            }\n            // Match tap/click interaction attributes\n            if (attrName.indexOf('click') !== -1 || attrName.indexOf('tap') !== -1 ||\n                attrName.indexOf('action') !== -1 || attrName.indexOf('navigate') !== -1 ||\n                attrName.indexOf('press') !== -1) {\n              return current;\n            }\n          }\n        }\n\n        // Match elements with onclick\n        if (current.onclick || current.hasAttribute('onclick')) return current;\n\n        // Match elements with role=\"button\"\n        if (current.getAttribute('role') === 'button') return current;\n\n        // Match any element with an ID containing button/btn/cta\n        var id = current.id || '';\n        if (id && (id.toLowerCase().indexOf('button') !== -1 || id.toLowerCase().indexOf('btn') !== -1 || id.toLowerCase().indexOf('cta') !== -1)) return current;\n\n        // Match elements with button-like classes\n        var className = current.className;\n        if (className && typeof className === 'string') {\n          var cls = className.toLowerCase();\n          if (cls.indexOf('btn') !== -1 || cls.indexOf('button') !== -1 || cls.indexOf('cta') !== -1 ||\n              cls.indexOf('clickable') !== -1 || cls.indexOf('tappable') !== -1 || cls.indexOf('pressable') !== -1) {\n            return current;\n          }\n        }\n\n        // Match elements with cursor pointer\n        try {\n          var computed = window.getComputedStyle(current);\n          if (computed && computed.cursor === 'pointer') return current;\n        } catch(e) {}\n\n        current = current.parentElement;\n      }\n      return null;\n    }\n\n    function applyPressedStyle(el) {\n      if (!el || !el.style) return;\n      // Save original styles\n      pressedOriginalTransform = el.style.transform || '';\n      pressedOriginalOpacity = el.style.opacity || '';\n      pressedOriginalTransition = el.style.transition || '';\n      // Apply pressed style with inline styles for maximum specificity\n      el.style.transition = 'transform 80ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 80ms cubic-bezier(0.25, 0.1, 0.25, 1)';\n      el.style.transform = 'scale(0.97)';\n      el.style.opacity = '0.8';\n    }\n\n    function applyReleasedStyle(el) {\n      if (!el || !el.style) return;\n      // Apply spring-back animation\n      el.style.transition = 'transform 280ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 280ms cubic-bezier(0.34, 1.56, 0.64, 1)';\n      el.style.transform = pressedOriginalTransform || 'scale(1)';\n      el.style.opacity = pressedOriginalOpacity || '1';\n    }\n\n    function resetStyle(el) {\n      if (!el || !el.style) return;\n      el.style.transform = pressedOriginalTransform;\n      el.style.opacity = pressedOriginalOpacity;\n      el.style.transition = pressedOriginalTransition;\n    }\n\n    function onTouchStart(e) {\n      try {\n        var target = findInteractive(e.target);\n        if (!target) return;\n        if (releaseTimer) { clearTimeout(releaseTimer); releaseTimer = null; }\n        if (pressed && pressed !== target) { resetStyle(pressed); }\n        applyPressedStyle(target);\n        pressed = target;\n      } catch(err) {}\n    }\n    \n    function onTouchEnd(e) {\n      try {\n        if (!pressed) return;\n        var t = pressed;\n        applyReleasedStyle(t);\n        releaseTimer = setTimeout(function() {\n          resetStyle(t);\n          releaseTimer = null;\n        }, 300);\n        pressed = null;\n      } catch(err) {}\n    }\n    \n    function onTouchCancel(e) {\n      try {\n        if (!pressed) return;\n        resetStyle(pressed);\n        pressed = null;\n        if (releaseTimer) { clearTimeout(releaseTimer); releaseTimer = null; }\n      } catch(err) {}\n    }\n    \n    // Use capture phase for immediate response before any other handlers\n    document.addEventListener('touchstart', onTouchStart, { passive: true, capture: true });\n    document.addEventListener('touchend', onTouchEnd, { passive: true, capture: true });\n    document.addEventListener('touchcancel', onTouchCancel, { passive: true, capture: true });\n    // Mouse events for testing\n    document.addEventListener('mousedown', onTouchStart, { passive: true, capture: true });\n    document.addEventListener('mouseup', onTouchEnd, { passive: true, capture: true });\n    \n  } catch (err) {}\n  true;\n})();\n";
 export type ScreenPayload = {
     id: string;
+    label?: string;
     html: string;
     css?: string;
     js?: string;

package/build/RampkitOverlay.js

@@ -1486,7 +1486,6 @@ function Overlay(props) {
     // in a stack and we animate individual screen opacity/transform values.
     // This ensures all WebViews complete their first paint before any navigation.
     const navigateToIndex = (nextIndex, animation = "fade") => {
-        var _a, _b;
         if (nextIndex === index ||
             nextIndex < 0 ||
             nextIndex >= props.screens.length)
@@ -1497,10 +1496,12 @@ function Overlay(props) {
         activeScreenIndexRef.current = nextIndex;
         screenActivationTimeRef.current[nextIndex] = Date.now();
         // Track screen navigation event
-        const fromScreenId = ((_a = props.screens[index]) === null || _a === void 0 ? void 0 : _a.id) || null;
-        const toScreenId = ((_b = props.screens[nextIndex]) === null || _b === void 0 ? void 0 : _b.id) || `screen_${nextIndex}`;
+        const fromScreen = props.screens[index];
+        const toScreen = props.screens[nextIndex];
+        const fromScreenName = (fromScreen === null || fromScreen === void 0 ? void 0 : fromScreen.label) || (fromScreen === null || fromScreen === void 0 ? void 0 : fromScreen.id) || null;
+        const toScreenName = (toScreen === null || toScreen === void 0 ? void 0 : toScreen.label) || (toScreen === null || toScreen === void 0 ? void 0 : toScreen.id) || `screen_${nextIndex}`;
         const navigationDirection = nextIndex > index ? "forward" : "back";
-        EventManager_1.eventManager.trackScreenNavigated(fromScreenId, toScreenId, navigationDirection);
+        EventManager_1.eventManager.trackScreenNavigated(fromScreenName, toScreenName, navigationDirection);
         // Parse animation type case-insensitively
         const animationType = (animation === null || animation === void 0 ? void 0 : animation.toLowerCase()) || "fade";
         const currentScreenAnim = screenAnims[index];

package/build/types.d.ts

@@ -273,10 +273,10 @@ export interface PurchaseRestoredProperties {
     originalTransactionId?: string;
 }
 export interface ScreenNavigatedProperties {
-    /** ID of the screen navigated from (null if first screen) */
-    fromScreenId: string | null;
-    /** ID of the screen navigated to */
-    toScreenId: string;
+    /** Name of the screen navigated from (null if first screen) */
+    fromScreenName: string | null;
+    /** Name of the screen navigated to */
+    toScreenName: string;
     /** Direction of navigation */
     direction: "forward" | "back";
     /** What triggered the navigation */

package/package.json

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