@userflow-tech/react-native 0.1.1 → 0.2.0

package/lib/module/runtime/UserflowProvider.js

@@ -3,13 +3,18 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { FiberScanRoot } from "../anchors/fiber/FiberScanRoot.js";
+import { ElementPickerOverlay } from "../authoring/ElementPickerOverlay.js";
+import { DoubleTapBridge } from "../authoring/chrome/DoubleTapBridge.js";
+import { elementPickerController } from "../authoring/elementPickerController.js";
 import { PreviewModeBanner } from "../pairing/PreviewModeBanner.js";
 import { getPairingController } from "../pairing/pairingRuntime.js";
 import { usePairingState } from "../pairing/usePairingState.js";
 import { ABSOLUTE_FILL } from "../surfaces/absoluteFill.js";
+import { SurfaceLayoutInsetsProvider } from "../surfaces/surfaceLayoutInsets.js";
 import { FlowRenderer } from "./FlowRenderer.js";
 import { TargetPressBridge } from "./TargetPressBridge.js";
 import { getFlowSessionEngine } from "./flowEngine.js";
+import { useFlowSessionState } from "./useFlowSessionState.js";
 import { getUserflowCore } from "./userflowCore.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UserflowContext = /*#__PURE__*/React.createContext(null);
@@ -19,14 +24,16 @@ const UserflowContext = /*#__PURE__*/React.createContext(null);
  * calling {@link Userflow.init}.
  *
  * Children render normally. An absolute overlay sits above them with
- * `pointerEvents="box-none"` so taps pass through except where flow UI sits.
+ * `pointerEvents="box-none"` so taps pass through except where flow UI blocks
+ * them (modals always; tooltips when interaction blocking is enabled).
  * We deliberately do not use RN `<Modal>` — it is the wrong primitive for
  * non-modal tooltips (WS6).
  *
  * **Expo Router:** also mount `UserflowExpoRouterScreenTracker` from
- * `@userflow-tech/react-native/expo-router` under this provider so pathname changes
- * and path-like NAVIGATE actions are wired. The tracker is a separate entry so
- * apps without `expo-router` are not forced to install that peer.
+ * `@userflow-tech/react-native/expo-router` under this provider so pathname and
+ * navigation-state changes and path-like NAVIGATE actions are wired. The tracker
+ * is a separate entry so apps without `expo-router` are not forced to install
+ * that peer.
  *
  * **React Navigation:** wrap `NavigationContainer` with
  * {@link WithUserflowReactNavigation} from `@userflow-tech/react-native/navigation`.
@@ -40,28 +47,72 @@ export function UserflowProvider({
     engine
   }), [engine]);
   const pairingState = usePairingState();
+  const {
+    session,
+    currentStep
+  } = useFlowSessionState(engine);
+  const [previewConfirming, setPreviewConfirming] = React.useState(false);
+  const [pickerActive, setPickerActive] = React.useState(() => elementPickerController.getState().active);
+  React.useEffect(() => {
+    return elementPickerController.subscribe(next => {
+      setPickerActive(next.active);
+    });
+  }, []);
+  const trapHostAccessibility = React.useMemo(() => {
+    if (previewConfirming) {
+      return true;
+    }
+    if (!session || !currentStep) {
+      return false;
+    }
+    const appearance = String(currentStep.appearance).toUpperCase();
+    if (appearance === 'HIDDEN') {
+      return false;
+    }
+    if (appearance !== 'TOOLTIP') {
+      return true;
+    }
+    return currentStep.tooltipTargetBlocked;
+  }, [previewConfirming, session, currentStep]);
   const onExitPreview = React.useCallback(() => {
     void getPairingController(getUserflowCore()).exitPreview();
   }, []);
+  const onRestartPreview = React.useCallback(() => {
+    void getPairingController(getUserflowCore()).restartPreview();
+  }, []);
   return /*#__PURE__*/_jsx(UserflowContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.root,
-      collapsable: false,
-      children: [/*#__PURE__*/_jsx(TargetPressBridge, {
-        children: /*#__PURE__*/_jsx(FiberScanRoot, {
-          children: children
+    children: /*#__PURE__*/_jsx(SurfaceLayoutInsetsProvider, {
+      children: /*#__PURE__*/_jsx(DoubleTapBridge, {
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.root,
+          collapsable: false,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.appContent,
+            testID: "userflow-app-content",
+            importantForAccessibility: trapHostAccessibility ? 'no-hide-descendants' : undefined,
+            accessibilityElementsHidden: trapHostAccessibility ? true : undefined,
+            children: /*#__PURE__*/_jsx(TargetPressBridge, {
+              children: /*#__PURE__*/_jsx(FiberScanRoot, {
+                children: children
+              })
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.overlay,
+            pointerEvents: "box-none",
+            children: [/*#__PURE__*/_jsx(PreviewModeBanner, {
+              onConfirmingChange: setPreviewConfirming,
+              onExit: onExitPreview,
+              onRestart: onRestartPreview,
+              state: pairingState,
+              suppressed: pickerActive
+            }), /*#__PURE__*/_jsx(FlowRenderer, {
+              engine: engine,
+              previewRestartGeneration: pairingState.previewRestartGeneration
+            }), /*#__PURE__*/_jsx(ElementPickerOverlay, {})]
+          })]
         })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.overlay,
-        pointerEvents: "box-none",
-        children: [/*#__PURE__*/_jsx(PreviewModeBanner, {
-          state: pairingState,
-          onExit: onExitPreview
-        }), /*#__PURE__*/_jsx(FlowRenderer, {
-          engine: engine
-        })]
-      })]
+      })
     })
   });
 }
@@ -78,6 +129,9 @@ const styles = StyleSheet.create({
   root: {
     flex: 1
   },
+  appContent: {
+    flex: 1
+  },
   overlay: {
     ...ABSOLUTE_FILL
   }

package/lib/module/runtime/UserflowProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","FiberScanRoot","PreviewModeBanner","getPairingController","usePairingState","ABSOLUTE_FILL","FlowRenderer","TargetPressBridge","getFlowSessionEngine","getUserflowCore","jsx","_jsx","jsxs","_jsxs","UserflowContext","createContext","UserflowProvider","children","engine","engineProp","contextValue","useMemo","pairingState","onExitPreview","useCallback","exitPreview","Provider","value","style","styles","root","collapsable","overlay","pointerEvents","state","onExit","useUserflow","ctx","useContext","Error","create","flex"],"sourceRoot":"../../../src","sources":["runtime/UserflowProvider.tsx"],"mappings":";;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,iBAAiB,QAAQ,iCAA8B;AAChE,SAASC,oBAAoB,QAAQ,8BAA2B;AAChE,SAASC,eAAe,QAAQ,+BAA4B;AAC5D,SAASC,aAAa,QAAQ,6BAA0B;AAExD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,oBAAoB,QAAQ,iBAAc;AACnD,SAASC,eAAe,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMjD,MAAMC,eAAe,gBAAGhB,KAAK,CAACiB,aAAa,CAA8B,IAAI,CAAC;AAQ9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,MAAM,EAAEC;AACa,CAAC,EAAsB;EAC5C,MAAMD,MAAM,GAAGC,UAAU,IAAIX,oBAAoB,CAACC,eAAe,CAAC,CAAC,CAAC;EACpE,MAAMW,YAAY,GAAGtB,KAAK,CAACuB,OAAO,CAAuB,OAAO;IAAEH;EAAO,CAAC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACtF,MAAMI,YAAY,GAAGlB,eAAe,CAAC,CAAC;EAEtC,MAAMmB,aAAa,GAAGzB,KAAK,CAAC0B,WAAW,CAAC,MAAM;IAC5C,KAAKrB,oBAAoB,CAACM,eAAe,CAAC,CAAC,CAAC,CAACgB,WAAW,CAAC,CAAC;EAC5D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEd,IAAA,CAACG,eAAe,CAACY,QAAQ;IAACC,KAAK,EAAEP,YAAa;IAAAH,QAAA,eAC5CJ,KAAA,CAACb,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACC,WAAW,EAAE,KAAM;MAAAd,QAAA,gBAC3CN,IAAA,CAACJ,iBAAiB;QAAAU,QAAA,eAChBN,IAAA,CAACV,aAAa;UAAAgB,QAAA,EAAEA;QAAQ,CAAgB;MAAC,CACxB,CAAC,eACpBJ,KAAA,CAACb,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACG,OAAQ;QAACC,aAAa,EAAC,UAAU;QAAAhB,QAAA,gBACnDN,IAAA,CAACT,iBAAiB;UAACgC,KAAK,EAAEZ,YAAa;UAACa,MAAM,EAAEZ;QAAc,CAAE,CAAC,eACjEZ,IAAA,CAACL,YAAY;UAACY,MAAM,EAAEA;QAAO,CAAE,CAAC;MAAA,CAC5B,CAAC;IAAA,CACH;EAAC,CACiB,CAAC;AAE/B;;AAEA;AACA,OAAO,SAASkB,WAAWA,CAAA,EAAyB;EAClD,MAAMC,GAAG,GAAGvC,KAAK,CAACwC,UAAU,CAACxB,eAAe,CAAC;EAC7C,IAAI,CAACuB,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,wDAAwD,CAAC;EAC3E;EACA,OAAOF,GAAG;AACZ;AAEA,MAAMR,MAAM,GAAG9B,UAAU,CAACyC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,IAAI,EAAE;EACR,CAAC;EACDT,OAAO,EAAE;IACP,GAAG3B;EACL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","FiberScanRoot","ElementPickerOverlay","DoubleTapBridge","elementPickerController","PreviewModeBanner","getPairingController","usePairingState","ABSOLUTE_FILL","SurfaceLayoutInsetsProvider","FlowRenderer","TargetPressBridge","getFlowSessionEngine","useFlowSessionState","getUserflowCore","jsx","_jsx","jsxs","_jsxs","UserflowContext","createContext","UserflowProvider","children","engine","engineProp","contextValue","useMemo","pairingState","session","currentStep","previewConfirming","setPreviewConfirming","useState","pickerActive","setPickerActive","getState","active","useEffect","subscribe","next","trapHostAccessibility","appearance","String","toUpperCase","tooltipTargetBlocked","onExitPreview","useCallback","exitPreview","onRestartPreview","restartPreview","Provider","value","style","styles","root","collapsable","appContent","testID","importantForAccessibility","undefined","accessibilityElementsHidden","overlay","pointerEvents","onConfirmingChange","onExit","onRestart","state","suppressed","previewRestartGeneration","useUserflow","ctx","useContext","Error","create","flex"],"sourceRoot":"../../../src","sources":["runtime/UserflowProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/runtime/changedTouchPoints.js

@@ -0,0 +1,43 @@
+"use strict";
+
+/**
+ * Touches that just started/ended/cancelled for this event. Prefer
+ * `changedTouches` so multi-touch uses the finger(s) that actually changed —
+ * `touches[0]` may be an already-active finger. Each touch carries `identifier`
+ * so monitors can pair start/end per finger.
+ */
+export function changedTouchPoints(event) {
+  const {
+    changedTouches,
+    touches,
+    identifier,
+    pageX,
+    pageY
+  } = event.nativeEvent;
+  if (changedTouches && changedTouches.length > 0) {
+    return changedTouches.map(touch => ({
+      identifier: touch.identifier,
+      pageX: touch.pageX,
+      pageY: touch.pageY
+    }));
+  }
+  if (touches && touches.length > 0) {
+    const touch = touches[touches.length - 1];
+    return [{
+      identifier: touch.identifier,
+      pageX: touch.pageX,
+      pageY: touch.pageY
+    }];
+  }
+  return [{
+    identifier: identifier ?? 0,
+    pageX,
+    pageY
+  }];
+}
+export function forEachChangedTouch(event, fn) {
+  for (const touch of changedTouchPoints(event)) {
+    fn(touch.identifier, touch.pageX, touch.pageY);
+  }
+}
+//# sourceMappingURL=changedTouchPoints.js.map

package/lib/module/runtime/changedTouchPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["changedTouchPoints","event","changedTouches","touches","identifier","pageX","pageY","nativeEvent","length","map","touch","forEachChangedTouch","fn"],"sourceRoot":"../../../src","sources":["runtime/changedTouchPoints.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,kBAAkBA,CAChCC,KAA4B,EACqC;EACjE,MAAM;IAAEC,cAAc;IAAEC,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGL,KAAK,CAACM,WAAW;EAC/E,IAAIL,cAAc,IAAIA,cAAc,CAACM,MAAM,GAAG,CAAC,EAAE;IAC/C,OAAON,cAAc,CAACO,GAAG,CAAEC,KAAK,KAAM;MACpCN,UAAU,EAAEM,KAAK,CAACN,UAAU;MAC5BC,KAAK,EAAEK,KAAK,CAACL,KAAK;MAClBC,KAAK,EAAEI,KAAK,CAACJ;IACf,CAAC,CAAC,CAAC;EACL;EACA,IAAIH,OAAO,IAAIA,OAAO,CAACK,MAAM,GAAG,CAAC,EAAE;IACjC,MAAME,KAAK,GAAGP,OAAO,CAACA,OAAO,CAACK,MAAM,GAAG,CAAC,CAAE;IAC1C,OAAO,CAAC;MAAEJ,UAAU,EAAEM,KAAK,CAACN,UAAU;MAAEC,KAAK,EAAEK,KAAK,CAACL,KAAK;MAAEC,KAAK,EAAEI,KAAK,CAACJ;IAAM,CAAC,CAAC;EACnF;EACA,OAAO,CAAC;IAAEF,UAAU,EAAEA,UAAU,IAAI,CAAC;IAAEC,KAAK;IAAEC;EAAM,CAAC,CAAC;AACxD;AAEA,OAAO,SAASK,mBAAmBA,CACjCV,KAA4B,EAC5BW,EAAsF,EAChF;EACN,KAAK,MAAMF,KAAK,IAAIV,kBAAkB,CAACC,KAAK,CAAC,EAAE;IAC7CW,EAAE,CAACF,KAAK,CAACN,UAAU,EAAEM,KAAK,CAACL,KAAK,EAAEK,KAAK,CAACJ,KAAK,CAAC;EAChD;AACF","ignoreList":[]}

package/lib/module/runtime/flowEngine.js

@@ -15,7 +15,9 @@ export function getFlowSessionEngine(core) {
       },
       onOpenExternalUrl: url => {
         void openFlowNavigateUrl(url);
-      }
+      },
+      updateUser: attributes => core.updateUser(attributes),
+      updateGroup: (attributes, options) => core.updateGroup(attributes, options)
     });
   }
   return flowEngine;

package/lib/module/runtime/flowEngine.js.map

@@ -1 +1 @@
-{"version":3,"names":["FlowSessionEngine","openFlowNavigateUrl","flowEngine","getFlowSessionEngine","core","transport","send","message","onServerMessage","handler","setFlowSessionId","id","onOpenExternalUrl","url","attachFlowSessionEngine","engine","attach","resetFlowSessionEngine","reset","clearFlowSessionEngineLocalSession","clearLocalSession","hasActiveFlowSession","getFlowSession","__resetFlowSessionEngineForTests"],"sourceRoot":"../../../src","sources":["runtime/flowEngine.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAA2B,qBAAqB;AAE1E,SAASC,mBAAmB,QAAQ,sCAAmC;AAEvE,IAAIC,UAAoC,GAAG,IAAI;;AAE/C;AACA,OAAO,SAASC,oBAAoBA,CAACC,IAAkB,EAAqB;EAC1E,IAAI,CAACF,UAAU,EAAE;IACfA,UAAU,GAAG,IAAIF,iBAAiB,CAAC;MACjCK,SAAS,EAAE;QACTC,IAAI,EAAGC,OAAO,IAAKH,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC;QACrCC,eAAe,EAAGC,OAAO,IAAKL,IAAI,CAACI,eAAe,CAACC,OAAO,CAAC;QAC3DC,gBAAgB,EAAGC,EAAE,IAAKP,IAAI,CAACM,gBAAgB,CAACC,EAAE;MACpD,CAAC;MACDC,iBAAiB,EAAGC,GAAG,IAAK;QAC1B,KAAKZ,mBAAmB,CAACY,GAAG,CAAC;MAC/B;IACF,CAAC,CAAC;EACJ;EACA,OAAOX,UAAU;AACnB;;AAEA;AACA,OAAO,SAASY,uBAAuBA,CAACV,IAAkB,EAAqB;EAC7E,MAAMW,MAAM,GAAGZ,oBAAoB,CAACC,IAAI,CAAC;EACzCW,MAAM,CAACC,MAAM,CAAC,CAAC;EACf,OAAOD,MAAM;AACf;;AAEA;AACA,OAAO,SAASE,sBAAsBA,CAAA,EAAS;EAC7Cf,UAAU,EAAEgB,KAAK,CAAC,CAAC;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,kCAAkCA,CAAA,EAAS;EACzDjB,UAAU,EAAEkB,iBAAiB,CAAC,CAAC;AACjC;;AAEA;AACA,OAAO,SAASC,oBAAoBA,CAAA,EAAY;EAC9C,OAAOnB,UAAU,EAAEoB,cAAc,CAAC,CAAC,IAAI,IAAI;AAC7C;;AAEA;AACA,OAAO,SAASC,gCAAgCA,CAAA,EAAS;EACvDrB,UAAU,EAAEgB,KAAK,CAAC,CAAC;EACnBhB,UAAU,GAAG,IAAI;AACnB","ignoreList":[]}
+{"version":3,"names":["FlowSessionEngine","openFlowNavigateUrl","flowEngine","getFlowSessionEngine","core","transport","send","message","onServerMessage","handler","setFlowSessionId","id","onOpenExternalUrl","url","updateUser","attributes","updateGroup","options","attachFlowSessionEngine","engine","attach","resetFlowSessionEngine","reset","clearFlowSessionEngineLocalSession","clearLocalSession","hasActiveFlowSession","getFlowSession","__resetFlowSessionEngineForTests"],"sourceRoot":"../../../src","sources":["runtime/flowEngine.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAA2B,qBAAqB;AAE1E,SAASC,mBAAmB,QAAQ,sCAAmC;AAEvE,IAAIC,UAAoC,GAAG,IAAI;;AAE/C;AACA,OAAO,SAASC,oBAAoBA,CAACC,IAAkB,EAAqB;EAC1E,IAAI,CAACF,UAAU,EAAE;IACfA,UAAU,GAAG,IAAIF,iBAAiB,CAAC;MACjCK,SAAS,EAAE;QACTC,IAAI,EAAGC,OAAO,IAAKH,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC;QACrCC,eAAe,EAAGC,OAAO,IAAKL,IAAI,CAACI,eAAe,CAACC,OAAO,CAAC;QAC3DC,gBAAgB,EAAGC,EAAE,IAAKP,IAAI,CAACM,gBAAgB,CAACC,EAAE;MACpD,CAAC;MACDC,iBAAiB,EAAGC,GAAG,IAAK;QAC1B,KAAKZ,mBAAmB,CAACY,GAAG,CAAC;MAC/B,CAAC;MACDC,UAAU,EAAGC,UAAU,IAAKX,IAAI,CAACU,UAAU,CAACC,UAAU,CAAC;MACvDC,WAAW,EAAEA,CAACD,UAAU,EAAEE,OAAO,KAAKb,IAAI,CAACY,WAAW,CAACD,UAAU,EAAEE,OAAO;IAC5E,CAAC,CAAC;EACJ;EACA,OAAOf,UAAU;AACnB;;AAEA;AACA,OAAO,SAASgB,uBAAuBA,CAACd,IAAkB,EAAqB;EAC7E,MAAMe,MAAM,GAAGhB,oBAAoB,CAACC,IAAI,CAAC;EACzCe,MAAM,CAACC,MAAM,CAAC,CAAC;EACf,OAAOD,MAAM;AACf;;AAEA;AACA,OAAO,SAASE,sBAAsBA,CAAA,EAAS;EAC7CnB,UAAU,EAAEoB,KAAK,CAAC,CAAC;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,kCAAkCA,CAAA,EAAS;EACzDrB,UAAU,EAAEsB,iBAAiB,CAAC,CAAC;AACjC;;AAEA;AACA,OAAO,SAASC,oBAAoBA,CAAA,EAAY;EAC9C,OAAOvB,UAAU,EAAEwB,cAAc,CAAC,CAAC,IAAI,IAAI;AAC7C;;AAEA;AACA,OAAO,SAASC,gCAAgCA,CAAA,EAAS;EACvDzB,UAAU,EAAEoB,KAAK,CAAC,CAAC;EACnBpB,UAAU,GAAG,IAAI;AACnB","ignoreList":[]}

package/lib/module/runtime/flowSessionViewState.js

@@ -5,36 +5,61 @@
 export function initialFlowSessionViewState(session) {
   return {
     session,
-    currentStepId: session?.currentStep?.id ?? null
+    currentStepId: session?.currentStep?.id ?? null,
+    stepShowNonce: 0
   };
 }
 
 /**
  * Reduces engine events into view state.
  *
- * Important: `goToStep` updates `currentStepId` without requiring a new
- * `sessionChange` — the engine mutates `session.currentStep` in place and
- * `ForceGoToStep` does not update it at all.
+ * `goToStep` updates `currentStepId` without a new `sessionChange`. A later
+ * same-session SetFlowSession must not snap back to `session.currentStep` —
+ * tracking a button event enqueues `check_sessions`, which can push a stale
+ * current step. Web `FlowApp` `updateSession` keeps the local step for the
+ * same session id (and only falls back if that step was deleted from the
+ * version).
  */
 export function reduceFlowSessionViewState(state, event) {
   switch (event.type) {
     case 'sessionChange':
       return {
         session: event.session,
-        currentStepId: event.session?.currentStep?.id ?? null
+        currentStepId: resolveSessionChangeStepId(state, event.session),
+        stepShowNonce: state.session?.id === event.session?.id ? state.stepShowNonce : 0
       };
     case 'goToStep':
       return {
         ...state,
-        currentStepId: event.stepId
+        currentStepId: event.stepId,
+        stepShowNonce: state.stepShowNonce + 1
       };
     case 'flowEnded':
       return {
         session: null,
-        currentStepId: null
+        currentStepId: null,
+        stepShowNonce: 0
       };
   }
 }
+function resolveSessionChangeStepId(state, session) {
+  if (session == null) {
+    return null;
+  }
+  if (state.session?.id !== session.id || state.currentStepId == null) {
+    return session.currentStep?.id ?? null;
+  }
+  const previousStep = state.session.version.steps.find(step => step.id === state.currentStepId);
+  const byCrossVersionId = previousStep == null ? undefined : session.version.steps.find(step => step.crossVersionId === previousStep.crossVersionId);
+  if (byCrossVersionId) {
+    return byCrossVersionId.id;
+  }
+  const byId = session.version.steps.find(step => step.id === state.currentStepId);
+  if (byId) {
+    return byId.id;
+  }
+  return session.currentStep?.id ?? null;
+}
 export function resolveCurrentStep(session, currentStepId) {
   if (!session || !currentStepId) return null;
   return session.version.steps.find(step => step.id === currentStepId) ?? null;

package/lib/module/runtime/flowSessionViewState.js.map

@@ -1 +1 @@
-{"version":3,"names":["initialFlowSessionViewState","session","currentStepId","currentStep","id","reduceFlowSessionViewState","state","event","type","stepId","resolveCurrentStep","version","steps","find","step"],"sourceRoot":"../../../src","sources":["runtime/flowSessionViewState.ts"],"mappings":";;AAGA;;AAMA,OAAO,SAASA,2BAA2BA,CACzCC,OAAmC,EACb;EACtB,OAAO;IACLA,OAAO;IACPC,aAAa,EAAED,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;EAC7C,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCC,KAA2B,EAC3BC,KAA6B,EACP;EACtB,QAAQA,KAAK,CAACC,IAAI;IAChB,KAAK,eAAe;MAClB,OAAO;QACLP,OAAO,EAAEM,KAAK,CAACN,OAAO;QACtBC,aAAa,EAAEK,KAAK,CAACN,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;MACnD,CAAC;IACH,KAAK,UAAU;MACb,OAAO;QACL,GAAGE,KAAK;QACRJ,aAAa,EAAEK,KAAK,CAACE;MACvB,CAAC;IACH,KAAK,WAAW;MACd,OAAO;QACLR,OAAO,EAAE,IAAI;QACbC,aAAa,EAAE;MACjB,CAAC;EACL;AACF;AAEA,OAAO,SAASQ,kBAAkBA,CAChCT,OAAmC,EACnCC,aAA4B,EACH;EACzB,IAAI,CAACD,OAAO,IAAI,CAACC,aAAa,EAAE,OAAO,IAAI;EAC3C,OAAOD,OAAO,CAACU,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACV,EAAE,KAAKF,aAAa,CAAC,IAAI,IAAI;AAChF","ignoreList":[]}
+{"version":3,"names":["initialFlowSessionViewState","session","currentStepId","currentStep","id","stepShowNonce","reduceFlowSessionViewState","state","event","type","resolveSessionChangeStepId","stepId","previousStep","version","steps","find","step","byCrossVersionId","undefined","crossVersionId","byId","resolveCurrentStep"],"sourceRoot":"../../../src","sources":["runtime/flowSessionViewState.ts"],"mappings":";;AAGA;;AAYA,OAAO,SAASA,2BAA2BA,CACzCC,OAAmC,EACb;EACtB,OAAO;IACLA,OAAO;IACPC,aAAa,EAAED,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI,IAAI;IAC/CC,aAAa,EAAE;EACjB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCC,KAA2B,EAC3BC,KAA6B,EACP;EACtB,QAAQA,KAAK,CAACC,IAAI;IAChB,KAAK,eAAe;MAClB,OAAO;QACLR,OAAO,EAAEO,KAAK,CAACP,OAAO;QACtBC,aAAa,EAAEQ,0BAA0B,CAACH,KAAK,EAAEC,KAAK,CAACP,OAAO,CAAC;QAC/DI,aAAa,EAAEE,KAAK,CAACN,OAAO,EAAEG,EAAE,KAAKI,KAAK,CAACP,OAAO,EAAEG,EAAE,GAAGG,KAAK,CAACF,aAAa,GAAG;MACjF,CAAC;IACH,KAAK,UAAU;MACb,OAAO;QACL,GAAGE,KAAK;QACRL,aAAa,EAAEM,KAAK,CAACG,MAAM;QAC3BN,aAAa,EAAEE,KAAK,CAACF,aAAa,GAAG;MACvC,CAAC;IACH,KAAK,WAAW;MACd,OAAO;QACLJ,OAAO,EAAE,IAAI;QACbC,aAAa,EAAE,IAAI;QACnBG,aAAa,EAAE;MACjB,CAAC;EACL;AACF;AAEA,SAASK,0BAA0BA,CACjCH,KAA2B,EAC3BN,OAAmC,EACpB;EACf,IAAIA,OAAO,IAAI,IAAI,EAAE;IACnB,OAAO,IAAI;EACb;EACA,IAAIM,KAAK,CAACN,OAAO,EAAEG,EAAE,KAAKH,OAAO,CAACG,EAAE,IAAIG,KAAK,CAACL,aAAa,IAAI,IAAI,EAAE;IACnE,OAAOD,OAAO,CAACE,WAAW,EAAEC,EAAE,IAAI,IAAI;EACxC;EACA,MAAMQ,YAAY,GAAGL,KAAK,CAACN,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKG,KAAK,CAACL,aAAa,CAAC;EAChG,MAAMe,gBAAgB,GACpBL,YAAY,IAAI,IAAI,GAChBM,SAAS,GACTjB,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACG,cAAc,KAAKP,YAAY,CAACO,cAAc,CAAC;EAC/F,IAAIF,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB,CAACb,EAAE;EAC5B;EACA,MAAMgB,IAAI,GAAGnB,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKG,KAAK,CAACL,aAAa,CAAC;EAClF,IAAIkB,IAAI,EAAE;IACR,OAAOA,IAAI,CAAChB,EAAE;EAChB;EACA,OAAOH,OAAO,CAACE,WAAW,EAAEC,EAAE,IAAI,IAAI;AACxC;AAEA,OAAO,SAASiB,kBAAkBA,CAChCpB,OAAmC,EACnCC,aAA4B,EACH;EACzB,IAAI,CAACD,OAAO,IAAI,CAACC,aAAa,EAAE,OAAO,IAAI;EAC3C,OAAOD,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKF,aAAa,CAAC,IAAI,IAAI;AAChF","ignoreList":[]}

package/lib/module/runtime/useFlowSessionState.js

@@ -15,7 +15,8 @@ export function useFlowSessionState(engine) {
   return {
     session: state.session,
     currentStepId: state.currentStepId,
-    currentStep: resolveCurrentStep(state.session, state.currentStepId)
+    currentStep: resolveCurrentStep(state.session, state.currentStepId),
+    stepShowNonce: state.stepShowNonce
   };
 }
 //# sourceMappingURL=useFlowSessionState.js.map

package/lib/module/runtime/useFlowSessionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useReducer","initialFlowSessionViewState","reduceFlowSessionViewState","resolveCurrentStep","useFlowSessionState","engine","state","dispatch","undefined","getFlowSession","type","session","on","currentStepId","currentStep"],"sourceRoot":"../../../src","sources":["runtime/useFlowSessionState.ts"],"mappings":";;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAE7C,SACEC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,kBAAkB,QACb,2BAAwB;AAQ/B;AACA,OAAO,SAASC,mBAAmBA,CAACC,MAAyB,EAAoB;EAC/E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,UAAU,CAACE,0BAA0B,EAAEM,SAAS,EAAE,MAC1EP,2BAA2B,CAACI,MAAM,CAACI,cAAc,CAAC,CAAC,CACrD,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,QAAQ,CAAC;MACPG,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAEN,MAAM,CAACI,cAAc,CAAC;IACjC,CAAC,CAAC;IACF,OAAOJ,MAAM,CAACO,EAAE,CAACL,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBE,aAAa,EAAEP,KAAK,CAACO,aAAa;IAClCC,WAAW,EAAEX,kBAAkB,CAACG,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACO,aAAa;EACpE,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useEffect","useReducer","initialFlowSessionViewState","reduceFlowSessionViewState","resolveCurrentStep","useFlowSessionState","engine","state","dispatch","undefined","getFlowSession","type","session","on","currentStepId","currentStep","stepShowNonce"],"sourceRoot":"../../../src","sources":["runtime/useFlowSessionState.ts"],"mappings":";;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAE7C,SACEC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,kBAAkB,QACb,2BAAwB;AAS/B;AACA,OAAO,SAASC,mBAAmBA,CAACC,MAAyB,EAAoB;EAC/E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,UAAU,CAACE,0BAA0B,EAAEM,SAAS,EAAE,MAC1EP,2BAA2B,CAACI,MAAM,CAACI,cAAc,CAAC,CAAC,CACrD,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,QAAQ,CAAC;MACPG,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAEN,MAAM,CAACI,cAAc,CAAC;IACjC,CAAC,CAAC;IACF,OAAOJ,MAAM,CAACO,EAAE,CAACL,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBE,aAAa,EAAEP,KAAK,CAACO,aAAa;IAClCC,WAAW,EAAEX,kBAAkB,CAACG,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACO,aAAa,CAAC;IACnEE,aAAa,EAAET,KAAK,CAACS;EACvB,CAAC;AACH","ignoreList":[]}

package/lib/module/screenTracker.js

@@ -1,9 +1,14 @@
 "use strict";
 
+/** Predefined mobile screen-view event (web analogue: `page_viewed`). */
+export const SCREEN_VIEWED_EVENT = 'screen_viewed';
+
 /** Called when a new location is accepted (after enable + dedupe). */
 
 let enabled = false;
 let currentKey = null;
+/** Last accepted (or pending) location — used by the in-app element picker. */
+let currentLocation = null;
 /** Latest location seen while tracking was disabled; flushed on enable. */
 let pendingLocation = null;
 let reporter = null;
@@ -11,6 +16,20 @@ function locationKey(location) {
   return 'path' in location ? `path:${location.path}` : `screen:${location.screen}`;
 }
 
+/** Event attributes for `screen_viewed`, or `null` when the location has no identity. */
+export function screenViewedAttributes(location) {
+  if ('path' in location) {
+    if (!location.path) return null;
+    return {
+      screen_path: location.path
+    };
+  }
+  if (!location.screen) return null;
+  return {
+    screen_name: location.screen
+  };
+}
+
 /**
  * Registers the callback invoked when the active screen/path changes.
  * The React Native facade wires this to `UserflowCore.updateScreen`.
@@ -20,9 +39,15 @@ export function setScreenChangeReporter(next) {
 }
 function report(location) {
   currentKey = locationKey(location);
+  currentLocation = location;
   reporter?.(location);
 }
 
+/** Latest screen/path the SDK has recorded, or `null` before the first report. */
+export function getCurrentScreenLocation() {
+  return currentLocation ?? pendingLocation;
+}
+
 /** Activates screen-change tracking after a successful {@link Userflow.init}. */
 export function enableScreenTracking() {
   enabled = true;
@@ -39,13 +64,16 @@ export function enableScreenTracking() {
 export function disableScreenTracking() {
   enabled = false;
   currentKey = null;
+  currentLocation = null;
   pendingLocation = null;
 }
 
 /**
  * Records a navigation to `location` when tracking is enabled.
- * Duplicate consecutive locations are ignored. On change, notifies the reporter
- * so the SDK can push `UpdateClientContext` to the backend.
+ * Duplicate consecutive locations are ignored unless `{ force: true }` (used
+ * after overlay dismiss, AppState resume, and first identify). On change,
+ * notifies the reporter so the SDK can push `UpdateClientContext` and
+ * `screen_viewed`.
  *
  * Locations observed before {@link enableScreenTracking} are remembered and
  * flushed when tracking is enabled (so init-after-mount still picks up the
@@ -54,7 +82,7 @@ export function disableScreenTracking() {
  * - Expo Router: `{ path: "/settings/billing" }` → wire `screenPath`
  * - React Navigation / manual: `{ screen: "BillingSettings" }` → wire `screenName`
  */
-export function handleScreenChange(location) {
+export function handleScreenChange(location, options) {
   if (!location) return;
   if ('path' in location) {
     if (!location.path) return;
@@ -65,14 +93,24 @@ export function handleScreenChange(location) {
     pendingLocation = location;
     return;
   }
-  if (locationKey(location) === currentKey) return;
+  if (!options?.force && locationKey(location) === currentKey) return;
   pendingLocation = null;
   report(location);
 }
 
+/** Re-report the current screen, bypassing consecutive dedupe (resume / identify). */
+export function reportCurrentScreen() {
+  const location = getCurrentScreenLocation();
+  if (!location) return;
+  handleScreenChange(location, {
+    force: true
+  });
+}
+
 /** @internal Resets tracker state between tests. Does not clear the reporter. */
 export function resetScreenTrackerForTests() {
   enabled = false;
+  currentLocation = null;
   currentKey = null;
   pendingLocation = null;
 }

package/lib/module/screenTracker.js.map

@@ -1 +1 @@
-{"version":3,"names":["enabled","currentKey","pendingLocation","reporter","locationKey","location","path","screen","setScreenChangeReporter","next","report","enableScreenTracking","disableScreenTracking","handleScreenChange","resetScreenTrackerForTests"],"sourceRoot":"../../src","sources":["screenTracker.ts"],"mappings":";;AAEA;;AAGA,IAAIA,OAAO,GAAG,KAAK;AACnB,IAAIC,UAAyB,GAAG,IAAI;AACpC;AACA,IAAIC,eAA4C,GAAG,IAAI;AACvD,IAAIC,QAAqC,GAAG,IAAI;AAEhD,SAASC,WAAWA,CAACC,QAA8B,EAAU;EAC3D,OAAO,MAAM,IAAIA,QAAQ,GAAG,QAAQA,QAAQ,CAACC,IAAI,EAAE,GAAG,UAAUD,QAAQ,CAACE,MAAM,EAAE;AACnF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,IAAiC,EAAQ;EAC/EN,QAAQ,GAAGM,IAAI;AACjB;AAEA,SAASC,MAAMA,CAACL,QAA8B,EAAQ;EACpDJ,UAAU,GAAGG,WAAW,CAACC,QAAQ,CAAC;EAClCF,QAAQ,GAAGE,QAAQ,CAAC;AACtB;;AAEA;AACA,OAAO,SAASM,oBAAoBA,CAAA,EAAS;EAC3CX,OAAO,GAAG,IAAI;EACd,IAAIE,eAAe,IAAIE,WAAW,CAACF,eAAe,CAAC,KAAKD,UAAU,EAAE;IAClE,MAAMI,QAAQ,GAAGH,eAAe;IAChCA,eAAe,GAAG,IAAI;IACtBQ,MAAM,CAACL,QAAQ,CAAC;EAClB,CAAC,MAAM;IACLH,eAAe,GAAG,IAAI;EACxB;AACF;;AAEA;AACA,OAAO,SAASU,qBAAqBA,CAAA,EAAS;EAC5CZ,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CAACR,QAA0C,EAAQ;EACnF,IAAI,CAACA,QAAQ,EAAE;EACf,IAAI,MAAM,IAAIA,QAAQ,EAAE;IACtB,IAAI,CAACA,QAAQ,CAACC,IAAI,EAAE;EACtB,CAAC,MAAM,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;IAC3B;EACF;EAEA,IAAI,CAACP,OAAO,EAAE;IACZE,eAAe,GAAGG,QAAQ;IAC1B;EACF;EAEA,IAAID,WAAW,CAACC,QAAQ,CAAC,KAAKJ,UAAU,EAAE;EAC1CC,eAAe,GAAG,IAAI;EACtBQ,MAAM,CAACL,QAAQ,CAAC;AAClB;;AAEA;AACA,OAAO,SAASS,0BAA0BA,CAAA,EAAS;EACjDd,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB","ignoreList":[]}
+{"version":3,"names":["SCREEN_VIEWED_EVENT","enabled","currentKey","currentLocation","pendingLocation","reporter","locationKey","location","path","screen","screenViewedAttributes","screen_path","screen_name","setScreenChangeReporter","next","report","getCurrentScreenLocation","enableScreenTracking","disableScreenTracking","handleScreenChange","options","force","reportCurrentScreen","resetScreenTrackerForTests"],"sourceRoot":"../../src","sources":["screenTracker.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/CardFade.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated } from 'react-native';
+import { useCardOpacity } from "./cardTransition.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Card chrome root that fades itself through step transitions.
+ *
+ * This has to wrap the card view itself, not sit higher up in a surface: the
+ * fade starts from this component's mount, and a tooltip's surface renders long
+ * before its card does.
+ */
+export function CardFade({
+  style,
+  ...rest
+}) {
+  const opacity = useCardOpacity();
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...rest,
+    style: opacity ? [style, {
+      opacity
+    }] : style
+  });
+}
+//# sourceMappingURL=CardFade.js.map

package/lib/module/surfaces/CardFade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","useCardOpacity","jsx","_jsx","CardFade","style","rest","opacity","View"],"sourceRoot":"../../../src","sources":["surfaces/CardFade.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,cAAc,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,EAAsB;EAC9E,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAChC,oBAAOE,IAAA,CAACH,QAAQ,CAACQ,IAAI;IAAA,GAAKF,IAAI;IAAED,KAAK,EAAEE,OAAO,GAAG,CAACF,KAAK,EAAE;MAAEE;IAAQ,CAAC,CAAC,GAAGF;EAAM,CAAE,CAAC;AACnF","ignoreList":[]}

package/lib/module/surfaces/CloseButton.js

@@ -3,10 +3,14 @@
 import * as React from 'react';
 import { Pressable, StyleSheet, Text } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Web close control: 24×24 hit target, 8px from the top-trailing corner. Pass muted color from {@link resolveCloseButtonColor}. */
+export const CLOSE_BUTTON_SIZE = 24;
+export const CLOSE_BUTTON_INSET = 8;
+/** Web close control: 24×24 hit target. Pass muted color from {@link resolveCloseButtonColor}. */
 export function CloseButton({
   onPress,
-  color
+  color,
+  top = CLOSE_BUTTON_INSET,
+  right = CLOSE_BUTTON_INSET
 }) {
   return /*#__PURE__*/_jsx(Pressable, {
     testID: "userflow-modal-close",
@@ -16,6 +20,8 @@ export function CloseButton({
     style: ({
       pressed
     }) => [styles.button, {
+      top,
+      right,
       opacity: pressed ? 0.6 : 1
     }],
     hitSlop: 8,
@@ -30,11 +36,9 @@ export function CloseButton({
 const styles = StyleSheet.create({
   button: {
     position: 'absolute',
-    top: 8,
-    right: 8,
     zIndex: 2,
-    width: 24,
-    height: 24,
+    width: CLOSE_BUTTON_SIZE,
+    height: CLOSE_BUTTON_SIZE,
     alignItems: 'center',
     justifyContent: 'center'
   },

package/lib/module/surfaces/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","Text","jsx","_jsx","CloseButton","onPress","color","testID","accessibilityRole","accessibilityLabel","style","pressed","styles","button","opacity","hitSlop","children","icon","create","position","top","right","zIndex","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/CloseButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3D;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,OAAO;EAAEC;AAAwB,CAAC,EAAsB;EACpF,oBACEH,IAAA,CAACJ,SAAS;IACRQ,MAAM,EAAC,sBAAsB;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1BJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEC,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IACxEI,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEXb,IAAA,CAACF,IAAI;MAACS,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAE;QAAEX;MAAM,CAAC,CAAE;MAAAU,QAAA,EAAC;IAAC,CAAM;EAAC,CACtC,CAAC;AAEhB;AAEA,MAAMJ,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","Text","jsx","_jsx","CLOSE_BUTTON_SIZE","CLOSE_BUTTON_INSET","CloseButton","onPress","color","top","right","testID","accessibilityRole","accessibilityLabel","style","pressed","styles","button","opacity","hitSlop","children","icon","create","position","zIndex","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/CloseButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAWnC;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,KAAK;EACLC,GAAG,GAAGJ,kBAAkB;EACxBK,KAAK,GAAGL;AACQ,CAAC,EAAsB;EACvC,oBACEF,IAAA,CAACJ,SAAS;IACRY,MAAM,EAAC,sBAAsB;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1BN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE;MAAER,GAAG;MAAEC,KAAK;MAAEQ,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IACpFI,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEXjB,IAAA,CAACF,IAAI;MAACa,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAE;QAAEb;MAAM,CAAC,CAAE;MAAAY,QAAA,EAAC;IAAC,CAAM;EAAC,CACtC,CAAC;AAEhB;AAEA,MAAMJ,MAAM,GAAGhB,UAAU,CAACsB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAErB,iBAAiB;IACxBsB,MAAM,EAAEtB,iBAAiB;IACzBuB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,IAAI,EAAE;IACJQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}