rampkit-expo-dev 0.0.93 → 0.0.95

package/build/EventManager.d.ts

@@ -18,6 +18,7 @@ declare class EventManager {
     private currentTargetId;
     private currentTargetName;
     private currentBucket;
+    private currentVersionId;
     private onboardingStartTime;
     private currentOnboardingId;
     private onboardingCompletedForSession;
@@ -47,7 +48,7 @@ declare class EventManager {
      * Set targeting context (called after target evaluation)
      * This persists for all subsequent events
      */
-    setTargetingContext(targetId: string, targetName: string, onboardingId: string, bucket: number): void;
+    setTargetingContext(targetId: string, targetName: string, onboardingId: string, bucket: number, versionId?: string | null): void;
     /**
      * Get current targeting info (for user profile updates)
      */
@@ -88,7 +89,7 @@ declare class EventManager {
      * Track target matched event
      * Called when targeting evaluation completes and a target is selected
      */
-    trackTargetMatched(targetId: string, targetName: string, onboardingId: string, bucket: number): void;
+    trackTargetMatched(targetId: string, targetName: string, onboardingId: string, bucket: number, versionId?: string | null): void;
     /**
      * Track onboarding started
      */
@@ -145,6 +146,14 @@ declare class EventManager {
      * Track purchase restored
      */
     trackPurchaseRestored(properties: PurchaseRestoredProperties): void;
+    /**
+     * Track screen navigation
+     */
+    trackScreenNavigated(fromScreenId: string | null, toScreenId: string, direction: "forward" | "back", trigger?: "button"): void;
+    /**
+     * Track variable set event
+     */
+    trackVariableSet(variableName: string, previousValue: any, newValue: any): void;
     /**
      * Reset the event manager (e.g., on logout)
      */

package/build/EventManager.js

@@ -35,6 +35,7 @@ class EventManager {
         this.currentTargetId = null;
         this.currentTargetName = null;
         this.currentBucket = null;
+        this.currentVersionId = null;
         // Onboarding tracking
         this.onboardingStartTime = null;
         this.currentOnboardingId = null;
@@ -104,13 +105,14 @@ class EventManager {
      * Set targeting context (called after target evaluation)
      * This persists for all subsequent events
      */
-    setTargetingContext(targetId, targetName, onboardingId, bucket) {
+    setTargetingContext(targetId, targetName, onboardingId, bucket, versionId) {
         this.currentTargetId = targetId;
         this.currentTargetName = targetName;
         this.currentOnboardingId = onboardingId;
         this.currentBucket = bucket;
+        this.currentVersionId = versionId || null;
         this.currentFlowId = onboardingId;
-        Logger_1.Logger.verbose("EventManager: Targeting context set", { targetId, targetName, bucket });
+        Logger_1.Logger.verbose("EventManager: Targeting context set", { targetId, targetName, bucket, versionId });
     }
     /**
      * Get current targeting info (for user profile updates)
@@ -245,15 +247,16 @@ class EventManager {
      * Track target matched event
      * Called when targeting evaluation completes and a target is selected
      */
-    trackTargetMatched(targetId, targetName, onboardingId, bucket) {
+    trackTargetMatched(targetId, targetName, onboardingId, bucket, versionId) {
         // Set targeting context for all future events
-        this.setTargetingContext(targetId, targetName, onboardingId, bucket);
+        this.setTargetingContext(targetId, targetName, onboardingId, bucket, versionId);
         // Track the target_matched event
         this.track("target_matched", {
             targetId,
             targetName,
             onboardingId,
             bucket,
+            versionId: versionId || null,
         });
     }
     /**
@@ -363,6 +366,39 @@ class EventManager {
         Logger_1.Logger.verbose(`purchase_restored: ${properties.productId}`);
         this.track("purchase_restored", properties);
     }
+    /**
+     * Track screen navigation
+     */
+    trackScreenNavigated(fromScreenId, toScreenId, direction, trigger = "button") {
+        this.track("screen_navigated", {
+            fromScreenId,
+            toScreenId,
+            direction,
+            trigger,
+        });
+    }
+    /**
+     * Track variable set event
+     */
+    trackVariableSet(variableName, previousValue, newValue) {
+        const valueType = (() => {
+            if (newValue === null || newValue === undefined)
+                return "unknown";
+            if (Array.isArray(newValue))
+                return "array";
+            if (typeof newValue === "object")
+                return "object";
+            return typeof newValue;
+        })();
+        this.track("variable_set", {
+            variableName,
+            variableType: "state",
+            valueType,
+            newValue,
+            previousValue,
+            source: "user_input",
+        });
+    }
     /**
      * Reset the event manager (e.g., on logout)
      */
@@ -380,6 +416,7 @@ class EventManager {
         this.currentTargetId = null;
         this.currentTargetName = null;
         this.currentBucket = null;
+        this.currentVersionId = null;
         this.onboardingStartTime = null;
         this.currentOnboardingId = null;
         this.onboardingCompletedForSession = false;

package/build/RampKit.js

@@ -112,7 +112,7 @@ class RampKitCore {
             this.targetingResult = result;
             Logger_1.Logger.verbose("Target matched:", `"${result.targetName}" -> onboarding ${result.onboarding.id} (bucket ${result.bucket})`);
             // Track target_matched event (also sets targeting context for all future events)
-            EventManager_1.eventManager.trackTargetMatched(result.targetId, result.targetName, result.onboarding.id, result.bucket);
+            EventManager_1.eventManager.trackTargetMatched(result.targetId, result.targetName, result.onboarding.id, result.bucket, result.versionId);
             // Update deviceInfo with targeting data
             if (this.deviceInfo) {
                 this.deviceInfo = {
@@ -120,6 +120,7 @@ class RampKitCore {
                     matchedTargetId: result.targetId,
                     matchedTargetName: result.targetName,
                     matchedOnboardingId: result.onboarding.id,
+                    matchedOnboardingVersionId: result.versionId,
                     abTestBucket: result.bucket,
                 };
                 // Sync updated targeting info to backend

package/build/RampkitOverlay.d.ts

@@ -1,7 +1,7 @@
 import { RampKitContext, NavigationData } from "./types";
 export declare const injectedHardening = "\n(function(){\n  try {\n    var meta = document.querySelector('meta[name=\"viewport\"]');\n    if (!meta) { meta = document.createElement('meta'); meta.name = 'viewport'; document.head.appendChild(meta); }\n    meta.setAttribute('content','width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover');\n    var style = document.createElement('style');\n    style.textContent='html,body{overflow-x:hidden!important;} html,body,*{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-ms-user-select:none!important;touch-action: pan-y;} *{-webkit-tap-highlight-color: rgba(0,0,0,0)!important;} ::selection{background: transparent!important;} ::-moz-selection{background: transparent!important;} a,img{-webkit-user-drag:none!important;user-drag:none!important;-webkit-touch-callout:none!important} input,textarea{caret-color:transparent!important;-webkit-user-select:none!important;user-select:none!important}';\n    document.head.appendChild(style);\n    var prevent=function(e){e.preventDefault&&e.preventDefault();};\n    document.addEventListener('gesturestart',prevent,{passive:false});\n    document.addEventListener('gesturechange',prevent,{passive:false});\n    document.addEventListener('gestureend',prevent,{passive:false});\n    document.addEventListener('dblclick',prevent,{passive:false});\n    document.addEventListener('wheel',function(e){ if(e.ctrlKey) e.preventDefault(); },{passive:false});\n    document.addEventListener('touchmove',function(e){ if(e.scale && e.scale !== 1) e.preventDefault(); },{passive:false});\n    document.addEventListener('selectstart',prevent,{passive:false,capture:true});\n    document.addEventListener('contextmenu',prevent,{passive:false,capture:true});\n    document.addEventListener('copy',prevent,{passive:false,capture:true});\n    document.addEventListener('cut',prevent,{passive:false,capture:true});\n    document.addEventListener('paste',prevent,{passive:false,capture:true});\n    document.addEventListener('dragstart',prevent,{passive:false,capture:true});\n    // Belt-and-suspenders: aggressively clear any attempted selection\n    var clearSel=function(){\n      try{var sel=window.getSelection&&window.getSelection(); if(sel&&sel.removeAllRanges) sel.removeAllRanges();}catch(_){} }\n    document.addEventListener('selectionchange',clearSel,{passive:true,capture:true});\n    document.onselectstart=function(){ clearSel(); return false; };\n    try{ document.documentElement.style.webkitUserSelect='none'; document.documentElement.style.userSelect='none'; }catch(_){ }\n    try{ document.body.style.webkitUserSelect='none'; document.body.style.userSelect='none'; }catch(_){ }\n    var __selTimer = setInterval(clearSel, 160);\n    window.addEventListener('pagehide',function(){ try{ clearInterval(__selTimer); }catch(_){} });\n    // Continuously enforce no-select on all elements and new nodes\n    var enforceNoSelect = function(el){\n      try{\n        el.style && (el.style.webkitUserSelect='none', el.style.userSelect='none', el.style.webkitTouchCallout='none');\n        el.setAttribute && (el.setAttribute('unselectable','on'), el.setAttribute('contenteditable','false'));\n      }catch(_){}\n    }\n    try{\n      var all=document.getElementsByTagName('*');\n      for(var i=0;i<all.length;i++){ enforceNoSelect(all[i]); }\n      var obs = new MutationObserver(function(muts){\n        for(var j=0;j<muts.length;j++){\n          var m=muts[j];\n          if(m.type==='childList'){\n            m.addedNodes && m.addedNodes.forEach && m.addedNodes.forEach(function(n){ if(n && n.nodeType===1){ enforceNoSelect(n); var q=n.getElementsByTagName? n.getElementsByTagName('*'): []; for(var k=0;k<q.length;k++){ enforceNoSelect(q[k]); }}});\n          } else if(m.type==='attributes'){\n            enforceNoSelect(m.target);\n          }\n        }\n      });\n      obs.observe(document.documentElement,{ childList:true, subtree:true, attributes:true, attributeFilter:['contenteditable','style'] });\n    }catch(_){ }\n  } catch(_) {}\n})(); true;\n";
 export declare const injectedNoSelect = "\n(function(){\n  try {\n    if (window.__rkNoSelectApplied) return true;\n    window.__rkNoSelectApplied = true;\n    var style = document.getElementById('rk-no-select-style');\n    if (!style) {\n      style = document.createElement('style');\n      style.id = 'rk-no-select-style';\n      style.innerHTML = \"\n        * {\n          user-select: none !important;\n          -webkit-user-select: none !important;\n          -webkit-touch-callout: none !important;\n        }\n        ::selection {\n          background: transparent !important;\n        }\n      \";\n      document.head.appendChild(style);\n    }\n    var prevent = function(e){ if(e && e.preventDefault) e.preventDefault(); return false; };\n    document.addEventListener('contextmenu', prevent, { passive: false, capture: true });\n    document.addEventListener('selectstart', prevent, { passive: false, capture: true });\n  } catch (_) {}\n  true;\n})();\n";
-export declare const injectedVarsHandler = "\n(function(){\n  try {\n    if (window.__rkVarsHandlerApplied) return true;\n    window.__rkVarsHandlerApplied = true;\n    \n    // Handler function that updates variables and notifies the page\n    window.__rkHandleVarsUpdate = function(vars) {\n      if (!vars || typeof vars !== 'object') return;\n      // Update the global variables object\n      window.__rampkitVariables = vars;\n      // Dispatch a custom event that the page's JS can listen to for re-rendering\n      try {\n        document.dispatchEvent(new CustomEvent('rampkit:vars-updated', { detail: vars }));\n      } catch(e) {}\n      // Also try calling a global handler if the page defined one\n      try {\n        if (typeof window.onRampkitVarsUpdate === 'function') {\n          window.onRampkitVarsUpdate(vars);\n        }\n      } catch(e) {}\n    };\n    \n    // Listen for message events from React Native\n    document.addEventListener('message', function(event) {\n      try {\n        var data = event.data;\n        if (data && data.type === 'rampkit:variables' && data.vars) {\n          window.__rkHandleVarsUpdate(data.vars);\n        }\n      } catch(e) {}\n    }, false);\n    \n    // Also listen on window for compatibility\n    window.addEventListener('message', function(event) {\n      try {\n        var data = event.data;\n        if (data && data.type === 'rampkit:variables' && data.vars) {\n          window.__rkHandleVarsUpdate(data.vars);\n        }\n      } catch(e) {}\n    }, false);\n  } catch (_) {}\n  true;\n})();\n";
+export declare const injectedVarsHandler = "\n(function(){\n  try {\n    if (window.__rkVarsHandlerApplied) return true;\n    window.__rkVarsHandlerApplied = true;\n    \n    // Handler function that updates variables and notifies the page\n    window.__rkHandleVarsUpdate = function(vars) {\n      if (!vars || typeof vars !== 'object') return;\n      // Update the global variables object\n      window.__rampkitVariables = vars;\n      // Dispatch a custom event that the page's JS can listen to for re-rendering\n      try {\n        document.dispatchEvent(new CustomEvent('rampkit:vars-updated', { detail: vars }));\n      } catch(e) {}\n      // Also try calling a global handler if the page defined one\n      try {\n        if (typeof window.onRampkitVarsUpdate === 'function') {\n          window.onRampkitVarsUpdate(vars);\n        }\n      } catch(e) {}\n    };\n    \n    // Listen for message events from React Native\n    document.addEventListener('message', function(event) {\n      try {\n        var data = event.data;\n        if (data && data.type === 'rampkit:variables' && data.vars) {\n          window.__rkHandleVarsUpdate(data.vars);\n        }\n      } catch(e) {}\n    }, false);\n    \n    // Also listen on window for compatibility\n    window.addEventListener('message', function(event) {\n      try {\n        var data = event.data;\n        if (data && data.type === 'rampkit:variables' && data.vars) {\n          window.__rkHandleVarsUpdate(data.vars);\n        }\n      } catch(e) {}\n    }, false);\n\n    // Listen for input blur events to notify native for debounce flush\n    document.addEventListener('blur', function(e) {\n      var target = e.target;\n      if (!target) return;\n      var tagName = target.tagName ? target.tagName.toUpperCase() : '';\n      if (tagName !== 'INPUT' && tagName !== 'TEXTAREA') return;\n\n      // Get variable name from data-var, name, or id attribute\n      var varName = target.getAttribute('data-var') || target.name || target.id;\n      if (!varName) return;\n\n      try {\n        var message = { type: 'rampkit:input-blur', variableName: varName };\n        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {\n          window.ReactNativeWebView.postMessage(JSON.stringify(message));\n        }\n      } catch(err) {\n        // Silently ignore messaging errors\n      }\n    }, true); // Use capture phase to catch all blur events\n  } catch (_) {}\n  true;\n})();\n";
 export declare const injectedDynamicTapHandler = "\n(function() {\n    if (window.__rampkitClickInterceptorInstalled) return;\n    window.__rampkitClickInterceptorInstalled = true;\n\n    // Decode HTML entities\n    function decodeHtml(str) {\n        if (!str) return str;\n        return str.replace(/&quot;/g, '\"').replace(/&#34;/g, '\"').replace(/&#x22;/g, '\"')\n                  .replace(/&apos;/g, \"'\").replace(/&#39;/g, \"'\").replace(/&#x27;/g, \"'\")\n                  .replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&');\n    }\n\n    // Find dynamic tap config on element or ancestors\n    function findDynamicTap(el) {\n        var current = el;\n        var depth = 0;\n        var attrNames = ['data-tap-dynamic', 'data-tapdynamic', 'tapDynamic', 'data-dynamic-tap'];\n        while (current && current !== document.body && current !== document.documentElement && depth < 20) {\n            if (current.getAttribute) {\n                for (var i = 0; i < attrNames.length; i++) {\n                    var attr = current.getAttribute(attrNames[i]);\n                    if (attr && attr.length > 2) {\n                        return { element: current, config: attr };\n                    }\n                }\n                if (current.dataset && current.dataset.tapDynamic) {\n                    return { element: current, config: current.dataset.tapDynamic };\n                }\n            }\n            current = current.parentElement;\n            depth++;\n        }\n        return null;\n    }\n    \n    // Get variables for condition evaluation - check ALL possible sources\n    function getVars() {\n        var vars = {};\n        if (window.__rampkitVariables) {\n            Object.keys(window.__rampkitVariables).forEach(function(k) {\n                vars[k] = window.__rampkitVariables[k];\n            });\n        }\n        if (window.__rampkitVars) {\n            Object.keys(window.__rampkitVars).forEach(function(k) {\n                vars[k] = window.__rampkitVars[k];\n            });\n        }\n        if (window.RK_VARS) {\n            Object.keys(window.RK_VARS).forEach(function(k) {\n                vars[k] = window.RK_VARS[k];\n            });\n        }\n        return vars;\n    }\n    \n    // Evaluate a single rule\n    function evalRule(rule, vars) {\n        if (!rule || !rule.key) return false;\n        var left = vars[rule.key];\n        var right = rule.value;\n        var op = rule.op || '=';\n        if (left === undefined || left === null) left = '';\n        if (right === undefined || right === null) right = '';\n        var leftStr = String(left);\n        var rightStr = String(right);\n        var result = false;\n        switch (op) {\n            case '=': case '==': result = leftStr === rightStr; break;\n            case '!=': case '<>': result = leftStr !== rightStr; break;\n            case '>': result = parseFloat(left) > parseFloat(right); break;\n            case '<': result = parseFloat(left) < parseFloat(right); break;\n            case '>=': result = parseFloat(left) >= parseFloat(right); break;\n            case '<=': result = parseFloat(left) <= parseFloat(right); break;\n            default: result = false;\n        }\n        return result;\n    }\n    \n    // Evaluate all rules (AND logic)\n    function evalRules(rules, vars) {\n        if (!rules || !rules.length) return true;\n        for (var i = 0; i < rules.length; i++) {\n            if (!evalRule(rules[i], vars)) return false;\n        }\n        return true;\n    }\n    \n    // Execute an action\n    function execAction(action) {\n        if (!action || !action.type) return;\n        var msg = null;\n        var actionType = action.type.toLowerCase();\n        \n        switch (actionType) {\n            case 'navigate':\n                msg = { type: 'rampkit:navigate', targetScreenId: action.targetScreenId || '__continue__', animation: action.animation || 'fade' };\n                break;\n            case 'continue':\n                msg = { type: 'rampkit:navigate', targetScreenId: '__continue__', animation: action.animation || 'fade' };\n                break;\n            case 'goback':\n                msg = { type: 'rampkit:goBack', animation: action.animation || 'fade' };\n                break;\n            case 'close':\n                msg = { type: 'rampkit:close' };\n                break;\n            case 'haptic':\n                msg = { type: 'rampkit:haptic', hapticType: action.hapticType || 'impact', impactStyle: action.impactStyle || 'Medium', notificationType: action.notificationType };\n                break;\n            case 'showpaywall':\n                msg = { type: 'rampkit:show-paywall', payload: action.payload || { paywallId: action.paywallId } };\n                break;\n            case 'requestreview':\n                msg = { type: 'rampkit:request-review' };\n                break;\n            case 'requestnotificationpermission':\n                msg = { type: 'rampkit:request-notification-permission' };\n                break;\n            case 'onboardingfinished':\n                msg = { type: 'rampkit:onboarding-finished', payload: action.payload };\n                break;\n            case 'setvariable':\n            case 'setstate':\n            case 'updatevariable':\n            case 'set':\n            case 'assign':\n                var varKey = action.key || action.variableName || action.name || action.variable;\n                var varValue = action.variableValue !== undefined ? action.variableValue :\n                               action.value !== undefined ? action.value :\n                               action.newValue !== undefined ? action.newValue : undefined;\n                if (varKey && varValue !== undefined) {\n                    if (window.__rampkitVariables) window.__rampkitVariables[varKey] = varValue;\n                    if (window.__rampkitVars) window.__rampkitVars[varKey] = varValue;\n                    var updateVars = {};\n                    updateVars[varKey] = varValue;\n                    msg = { type: 'rampkit:variables', vars: updateVars };\n                }\n                break;\n        }\n        if (msg) {\n            try {\n                if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {\n                    window.ReactNativeWebView.postMessage(JSON.stringify(msg));\n                }\n            } catch(e) {}\n        }\n    }\n    \n    // Evaluate dynamic tap config\n    function evalDynamicTap(config) {\n        if (!config || !config.values) return false;\n        var vars = getVars();\n        var conditions = config.values;\n        for (var i = 0; i < conditions.length; i++) {\n            var cond = conditions[i];\n            var condType = cond.conditionType || 'if';\n            var rules = cond.rules || [];\n            var actions = cond.actions || [];\n            if (condType === 'else' || evalRules(rules, vars)) {\n                for (var j = 0; j < actions.length; j++) {\n                    execAction(actions[j]);\n                }\n                return true;\n            }\n        }\n        return false;\n    }\n    \n    // Click interceptor - capture phase, runs BEFORE onclick handlers\n    function interceptClick(event) {\n        var result = findDynamicTap(event.target);\n        if (!result) return;\n\n        try {\n            var configStr = decodeHtml(result.config);\n            var config = JSON.parse(configStr);\n            var handled = evalDynamicTap(config);\n            if (handled) {\n                event.stopImmediatePropagation();\n                event.preventDefault();\n                return false;\n            }\n        } catch (e) {\n            // Dynamic tap error - silent\n        }\n    }\n\n    // Install interceptor on window in capture phase\n    window.addEventListener('click', interceptClick, true);\n})();\n";
 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 = {

package/build/RampkitOverlay.js

@@ -51,6 +51,7 @@ const react_native_webview_1 = require("react-native-webview");
 const RampKitNative_1 = require("./RampKitNative");
 const OnboardingResponseStorage_1 = require("./OnboardingResponseStorage");
 const Logger_1 = require("./Logger");
+const EventManager_1 = require("./EventManager");
 // Reuse your injected script from App
 exports.injectedHardening = `
 (function(){
@@ -172,6 +173,27 @@ exports.injectedVarsHandler = `
         }
       } catch(e) {}
     }, false);
+
+    // Listen for input blur events to notify native for debounce flush
+    document.addEventListener('blur', function(e) {
+      var target = e.target;
+      if (!target) return;
+      var tagName = target.tagName ? target.tagName.toUpperCase() : '';
+      if (tagName !== 'INPUT' && tagName !== 'TEXTAREA') return;
+
+      // Get variable name from data-var, name, or id attribute
+      var varName = target.getAttribute('data-var') || target.name || target.id;
+      if (!varName) return;
+
+      try {
+        var message = { type: 'rampkit:input-blur', variableName: varName };
+        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
+          window.ReactNativeWebView.postMessage(JSON.stringify(message));
+        }
+      } catch(err) {
+        // Silently ignore messaging errors
+      }
+    }, true); // Use capture phase to catch all blur events
   } catch (_) {}
   true;
 })();
@@ -1037,6 +1059,46 @@ 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;
+    const pendingVariableEventsRef = (0, react_1.useRef)(new Map());
+    const VARIABLE_DEBOUNCE_MS = 1000;
+    // Fire a variable_set event and clean up
+    const fireVariableSetEvent = (variableName) => {
+        const pending = pendingVariableEventsRef.current.get(variableName);
+        if (!pending)
+            return;
+        // Clear timer if exists
+        if (pending.timer) {
+            clearTimeout(pending.timer);
+        }
+        // Fire the event
+        EventManager_1.eventManager.trackVariableSet(variableName, pending.previousValue, pending.newValue);
+        // Remove from pending
+        pendingVariableEventsRef.current.delete(variableName);
+    };
+    // Schedule a variable_set event with debouncing
+    const scheduleVariableSetEvent = (variableName, previousValue, newValue) => {
+        // Clear existing timer for this variable
+        const existing = pendingVariableEventsRef.current.get(variableName);
+        if (existing === null || existing === void 0 ? void 0 : existing.timer) {
+            clearTimeout(existing.timer);
+        }
+        // Schedule new timer
+        const timer = setTimeout(() => {
+            fireVariableSetEvent(variableName);
+        }, VARIABLE_DEBOUNCE_MS);
+        // Store pending event
+        pendingVariableEventsRef.current.set(variableName, {
+            previousValue: existing ? existing.previousValue : previousValue, // Keep original previousValue
+            newValue,
+            timer,
+        });
+    };
+    // Handle input blur - immediately fire pending event for that variable
+    const handleInputBlur = (variableName) => {
+        if (pendingVariableEventsRef.current.has(variableName)) {
+            fireVariableSetEvent(variableName);
+        }
+    };
     // 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)({});
@@ -1424,6 +1486,7 @@ 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)
@@ -1433,6 +1496,11 @@ function Overlay(props) {
         // Update active screen index and activation time FIRST
         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 navigationDirection = nextIndex > index ? "forward" : "back";
+        EventManager_1.eventManager.trackScreenNavigated(fromScreenId, toScreenId, navigationDirection);
         // Parse animation type case-insensitively
         const animationType = (animation === null || animation === void 0 ? void 0 : animation.toLowerCase()) || "fade";
         const currentScreenAnim = screenAnims[index];
@@ -1920,6 +1988,8 @@ function Overlay(props) {
                                             }
                                             // Accept the update if value is different
                                             if (!hasHostVal || hostVal !== value) {
+                                                // Schedule variable_set event with debouncing
+                                                scheduleVariableSetEvent(key, hasHostVal ? hostVal : null, value);
                                                 newVars[key] = value;
                                                 changed = true;
                                             }
@@ -1941,6 +2011,11 @@ function Overlay(props) {
                                         sendVarsToWebView(i);
                                         return;
                                     }
+                                    // 2.5) Input blur event - flush pending variable_set event
+                                    if ((data === null || data === void 0 ? void 0 : data.type) === "rampkit:input-blur" && (data === null || data === void 0 ? void 0 : data.variableName)) {
+                                        handleInputBlur(data.variableName);
+                                        return;
+                                    }
                                     // 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") {

package/build/TargetingEngine.d.ts

@@ -11,6 +11,7 @@ export interface TargetEvaluationResult {
     targetId: string;
     targetName: string;
     bucket: number;
+    versionId: string | null;
 }
 /**
  * Evaluate all targets and return the selected onboarding

package/build/TargetingEngine.js

@@ -33,6 +33,7 @@ function evaluateTargets(targets, context, userId) {
                 targetId: target.id,
                 targetName: target.name,
                 bucket,
+                versionId: onboarding.version_id || null,
             };
         }
     }
@@ -45,6 +46,7 @@ function evaluateTargets(targets, context, userId) {
         targetId: fallbackTarget.id,
         targetName: fallbackTarget.name,
         bucket,
+        versionId: onboarding.version_id || null,
     };
 }
 /**

package/build/types.d.ts

@@ -45,6 +45,8 @@ export interface TargetOnboarding {
     id: string;
     allocation: number;
     url: string;
+    /** Version ID for this specific onboarding version */
+    version_id?: string | null;
 }
 /**
  * Top-level onboarding reference in manifest (metadata only)
@@ -143,6 +145,8 @@ export interface DeviceInfo {
     matchedTargetName?: string | null;
     /** The ID of the selected onboarding */
     matchedOnboardingId?: string | null;
+    /** The version ID of the selected onboarding */
+    matchedOnboardingVersionId?: string | null;
     /** The A/B test bucket (0-99) for deterministic allocation */
     abTestBucket?: number | null;
 }
@@ -268,9 +272,33 @@ export interface PurchaseRestoredProperties {
     transactionId?: string;
     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;
+    /** Direction of navigation */
+    direction: "forward" | "back";
+    /** What triggered the navigation */
+    trigger: "button";
+}
+export interface VariableSetProperties {
+    /** Name of the variable that was set */
+    variableName: string;
+    /** Type of the variable (always "state" for now) */
+    variableType: "state";
+    /** JavaScript type of the value */
+    valueType: "string" | "number" | "boolean" | "object" | "array" | "unknown";
+    /** The new value */
+    newValue: any;
+    /** The previous value (null if not set before) */
+    previousValue: any | null;
+    /** Source of the change */
+    source: "user_input";
+}
 export type AppLifecycleEventName = "app_session_started";
 export type OnboardingEventName = "onboarding_started" | "onboarding_completed" | "onboarding_abandoned";
-export type InteractionEventName = "option_selected";
+export type InteractionEventName = "option_selected" | "cta_tap" | "screen_navigated" | "variable_set";
 export type PermissionEventName = "notifications_response" | "tracking_response";
 export type PaywallEventName = "paywall_shown";
 export type PurchaseEventName = "purchase_started" | "purchase_completed" | "purchase_failed" | "purchase_restored";

package/package.json

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