@userflow-tech/react-native 0.1.1 → 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","elementPickerController","BannerSurface","bannerOverlayHostPadding","useUserflowSafeAreaInsets","SdkErrorBoundary","BannerEngineContext","embedBannerPlaceholderId","warnBannerOnce","registerEmbedBannerPlaceholder","useBannerSession","jsx","_jsx","EmbedBannerPlaceholder","id","engine","useContext","placeholderId","trim","session","insets","pickerActive","setPickerActive","useState","getState","active","useEffect","subscribe","next","useLayoutEffect","banner","version","bar","onActions","actions","handleActions","onDismiss","endReason","endBanner","scope","resetKey","children","overlay","pointerEvents","testID","style","styles","overlaySlot","overlayBar","slot","create","alignSelf","height","position","left","right","top"],"sourceRoot":"../../../src","sources":["runtime/EmbedBannerPlaceholder.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/runtime/FlowRenderer.js

@@ -6,47 +6,71 @@ import { ModalSurface } from "../surfaces/ModalSurface.js";
 import { TooltipSurface } from "../surfaces/TooltipSurface.js";
 import { FlowSurfaceFade } from "./FlowSurfaceFade.js";
 import { useFlowSessionState } from "./useFlowSessionState.js";
+
+/** Everything a surface needs for one step, so the fade can hold it during an exit. */
 import { jsx as _jsx } from "react/jsx-runtime";
 function appearanceOf(step) {
   return String(step.appearance).toUpperCase();
 }
+function renderSurface(engine, {
+  appearance,
+  resetNonce,
+  ...surfaceProps
+}) {
+  return appearance === 'TOOLTIP' ? /*#__PURE__*/_jsx(TooltipSurface, {
+    engine: engine,
+    resetNonce: resetNonce,
+    ...surfaceProps
+  }) : /*#__PURE__*/_jsx(ModalSurface, {
+    engine: engine,
+    ...surfaceProps
+  });
+}
 
 /**
  * Renders the active flow step.
  *
- * TOOLTIP → {@link TooltipSurface}; everything else → {@link ModalSurface}
- * (BUBBLE/HIDDEN remain centered-card fallbacks until dedicated surfaces).
+ * TOOLTIP → {@link TooltipSurface}; HIDDEN → nothing (session and triggers
+ * stay active); everything else → {@link ModalSurface} (BUBBLE remains a
+ * centered-card fallback until a dedicated surface).
  */
 export function FlowRenderer({
-  engine
+  engine,
+  previewRestartGeneration = 0
 }) {
   const {
     session,
-    currentStep
+    currentStep,
+    stepShowNonce
   } = useFlowSessionState(engine);
   const lookupAttribute = React.useMemo(() => genSessionDataLookup(session?.data ?? []), [session?.data]);
   if (!session || !currentStep) {
     return null;
   }
-  const theme = currentStep.theme ?? session.version.theme;
   const appearance = appearanceOf(currentStep);
-  const animationKey = `${session.id}:${currentStep.id}:${appearance}`;
-  const surface = appearance === 'TOOLTIP' ? /*#__PURE__*/_jsx(TooltipSurface, {
-    engine: engine,
-    session: session,
-    currentStep: currentStep,
-    theme: theme,
-    lookupAttribute: lookupAttribute
-  }) : /*#__PURE__*/_jsx(ModalSurface, {
-    engine: engine,
-    session: session,
-    currentStep: currentStep,
-    theme: theme,
-    lookupAttribute: lookupAttribute
-  });
+  // No chrome, and no FlowSurfaceFade: its exit blocker would intercept the
+  // in-app tap a hidden step is waiting for.
+  if (appearance === 'HIDDEN') {
+    return null;
+  }
+  // Step+appearance only: session identity is the React key below so a new
+  // flow remounts the fade instead of holding the outgoing flow for CARD_EXIT_MS
+  // (that hold is what made a START_FLOW replacement look like two flows).
+  // `resetNonce` is frozen with the shown step so an exiting card does not
+  // re-resolve; it is not part of animationKey (that would fade the same step).
+  const animationKey = `${currentStep.id}:${appearance}`;
+  const resetNonce = previewRestartGeneration + stepShowNonce;
   return /*#__PURE__*/_jsx(FlowSurfaceFade, {
     animationKey: animationKey,
-    children: surface
-  });
+    step: {
+      appearance,
+      session,
+      currentStep,
+      theme: currentStep.theme ?? session.version.theme,
+      lookupAttribute,
+      resetNonce
+    },
+    children: shown => renderSurface(engine, shown)
+  }, session.id);
 }
 //# sourceMappingURL=FlowRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["genSessionDataLookup","React","ModalSurface","TooltipSurface","FlowSurfaceFade","useFlowSessionState","jsx","_jsx","appearanceOf","step","String","appearance","toUpperCase","FlowRenderer","engine","session","currentStep","lookupAttribute","useMemo","data","theme","version","animationKey","id","surface","children"],"sourceRoot":"../../../src","sources":["runtime/FlowRenderer.tsx"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAE1D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAE9B,SAASC,YAAY,QAAQ,6BAA0B;AACvD,SAASC,cAAc,QAAQ,+BAA4B;AAE3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM5D,SAASC,YAAYA,CAACC,IAA6B,EAAU;EAC3D,OAAOC,MAAM,CAACD,IAAI,CAACE,UAAU,CAAC,CAACC,WAAW,CAAC,CAAC;AAC9C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAAEC;AAA0B,CAAC,EAA6B;EACrF,MAAM;IAAEC,OAAO;IAAEC;EAAY,CAAC,GAAGX,mBAAmB,CAACS,MAAM,CAAC;EAC5D,MAAMG,eAAe,GAAGhB,KAAK,CAACiB,OAAO,CACnC,MAAMlB,oBAAoB,CAACe,OAAO,EAAEI,IAAI,IAAI,EAAE,CAAC,EAC/C,CAACJ,OAAO,EAAEI,IAAI,CAChB,CAAC;EAED,IAAI,CAACJ,OAAO,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,MAAMI,KAAK,GAAGJ,WAAW,CAACI,KAAK,IAAIL,OAAO,CAACM,OAAO,CAACD,KAAK;EACxD,MAAMT,UAAU,GAAGH,YAAY,CAACQ,WAAW,CAAC;EAC5C,MAAMM,YAAY,GAAG,GAAGP,OAAO,CAACQ,EAAE,IAAIP,WAAW,CAACO,EAAE,IAAIZ,UAAU,EAAE;EAEpE,MAAMa,OAAO,GACXb,UAAU,KAAK,SAAS,gBACtBJ,IAAA,CAACJ,cAAc;IACbW,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBI,KAAK,EAAEA,KAAM;IACbH,eAAe,EAAEA;EAAgB,CAClC,CAAC,gBAEFV,IAAA,CAACL,YAAY;IACXY,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBI,KAAK,EAAEA,KAAM;IACbH,eAAe,EAAEA;EAAgB,CAClC,CACF;EAEH,oBAAOV,IAAA,CAACH,eAAe;IAACkB,YAAY,EAAEA,YAAa;IAAAG,QAAA,EAAED;EAAO,CAAkB,CAAC;AACjF","ignoreList":[]}
+{"version":3,"names":["genSessionDataLookup","React","ModalSurface","TooltipSurface","FlowSurfaceFade","useFlowSessionState","jsx","_jsx","appearanceOf","step","String","appearance","toUpperCase","renderSurface","engine","resetNonce","surfaceProps","FlowRenderer","previewRestartGeneration","session","currentStep","stepShowNonce","lookupAttribute","useMemo","data","animationKey","id","theme","version","children","shown"],"sourceRoot":"../../../src","sources":["runtime/FlowRenderer.tsx"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAE1D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAE9B,SAASC,YAAY,QAAQ,6BAA0B;AACvD,SAASC,cAAc,QAAQ,+BAA4B;AAE3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,0BAAuB;;AAU3D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA,SAASC,YAAYA,CAACC,IAA6B,EAAU;EAC3D,OAAOC,MAAM,CAACD,IAAI,CAACE,UAAU,CAAC,CAACC,WAAW,CAAC,CAAC;AAC9C;AAEA,SAASC,aAAaA,CACpBC,MAAyB,EACzB;EAAEH,UAAU;EAAEI,UAAU;EAAE,GAAGC;AAAyB,CAAC,EACnC;EACpB,OAAOL,UAAU,KAAK,SAAS,gBAC7BJ,IAAA,CAACJ,cAAc;IAACW,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAAA,GAAKC;EAAY,CAAG,CAAC,gBAE5ET,IAAA,CAACL,YAAY;IAACY,MAAM,EAAEA,MAAO;IAAA,GAAKE;EAAY,CAAG,CAClD;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BH,MAAM;EACNI,wBAAwB,GAAG;AACV,CAAC,EAA6B;EAC/C,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAc,CAAC,GAAGhB,mBAAmB,CAACS,MAAM,CAAC;EAC3E,MAAMQ,eAAe,GAAGrB,KAAK,CAACsB,OAAO,CACnC,MAAMvB,oBAAoB,CAACmB,OAAO,EAAEK,IAAI,IAAI,EAAE,CAAC,EAC/C,CAACL,OAAO,EAAEK,IAAI,CAChB,CAAC;EAED,IAAI,CAACL,OAAO,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,MAAMT,UAAU,GAAGH,YAAY,CAACY,WAAW,CAAC;EAC5C;EACA;EACA,IAAIT,UAAU,KAAK,QAAQ,EAAE;IAC3B,OAAO,IAAI;EACb;EACA;EACA;EACA;EACA;EACA;EACA,MAAMc,YAAY,GAAG,GAAGL,WAAW,CAACM,EAAE,IAAIf,UAAU,EAAE;EACtD,MAAMI,UAAU,GAAGG,wBAAwB,GAAGG,aAAa;EAE3D,oBACEd,IAAA,CAACH,eAAe;IAEdqB,YAAY,EAAEA,YAAa;IAC3BhB,IAAI,EAAE;MACJE,UAAU;MACVQ,OAAO;MACPC,WAAW;MACXO,KAAK,EAAEP,WAAW,CAACO,KAAK,IAAIR,OAAO,CAACS,OAAO,CAACD,KAAK;MACjDL,eAAe;MACfP;IACF,CAAE;IAAAc,QAAA,EAEAC,KAAK,IAAKjB,aAAa,CAACC,MAAM,EAAEgB,KAAK;EAAC,GAXnCX,OAAO,CAACO,EAYE,CAAC;AAEtB","ignoreList":[]}

package/lib/module/runtime/FlowSurfaceFade.js

@@ -1,43 +1,66 @@
 "use strict";
 
 import * as React from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { ABSOLUTE_FILL } from "../surfaces/absoluteFill.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const FADE_MS = 180;
+import { CARD_EXIT_MS, CardTransitionProvider } from "../surfaces/cardTransition.js";
+import { getSurfaceInteractionBlocking } from "../surfaces/surfaceInteractionConfig.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Short opacity fade for flow surface entry (FLOW_RENDERING_SPEC minimum).
- * Exit fades when the keyed surface unmounts via a brief hold are deferred —
- * step swaps remount with a fresh fade-in.
+ * Crossfades flow surfaces on step changes: the outgoing card fades out, then
+ * the incoming step mounts and fades in — no cut, no flash at full opacity.
+ * Cards animate themselves off the phase published here (see `useCardOpacity`),
+ * which keeps backdrops and cutouts steady across the swap.
+ *
+ * The outgoing step keeps rendering from `step` captured at the last swap, so
+ * the surface is not remounted mid-exit (a remount would re-resolve anchors and
+ * flash the tooltip's waiting state).
+ *
+ * A new flow remounts this component (`key={session.id}` in FlowRenderer) so
+ * the outgoing flow is not held across a START_FLOW replacement.
+ *
+ * Exit on flow end unmounts immediately: the surface is gone as soon as the
+ * session is cleared.
  */
 export function FlowSurfaceFade({
-  children,
-  animationKey
+  animationKey,
+  step,
+  children
 }) {
-  const opacity = React.useRef(new Animated.Value(0)).current;
+  const [shownKey, setShownKey] = React.useState(animationKey);
+  const exiting = shownKey !== animationKey;
+  const shownStep = React.useRef(step);
+  if (!exiting) {
+    shownStep.current = step;
+  }
   React.useEffect(() => {
-    opacity.setValue(0);
-    const animation = Animated.timing(opacity, {
-      toValue: 1,
-      duration: FADE_MS,
-      useNativeDriver: true
-    });
-    animation.start();
+    if (!exiting) {
+      return;
+    }
+    const timer = setTimeout(() => {
+      setShownKey(animationKey);
+    }, CARD_EXIT_MS);
     return () => {
-      animation.stop();
+      clearTimeout(timer);
     };
-  }, [animationKey, opacity]);
-  return /*#__PURE__*/_jsx(Animated.View, {
+  }, [animationKey, exiting]);
+  const blockInteraction = getSurfaceInteractionBlocking();
+  return /*#__PURE__*/_jsxs(View, {
     testID: "userflow-surface-fade",
-    style: [styles.fill, {
-      opacity
-    }],
+    style: styles.fill,
     pointerEvents: "box-none",
-    children: /*#__PURE__*/_jsx(View, {
+    children: [exiting && blockInteraction ? /*#__PURE__*/_jsx(View, {
+      testID: "userflow-surface-exit-blocker",
+      style: styles.fill,
+      pointerEvents: "auto"
+    }) : null, /*#__PURE__*/_jsx(View, {
       style: styles.fill,
-      pointerEvents: "box-none",
-      children: children
-    })
+      pointerEvents: exiting ? 'none' : 'box-none',
+      children: /*#__PURE__*/_jsx(CardTransitionProvider, {
+        value: exiting ? 'exiting' : 'entering',
+        children: children(shownStep.current)
+      })
+    })]
   });
 }
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","StyleSheet","View","ABSOLUTE_FILL","jsx","_jsx","FADE_MS","FlowSurfaceFade","children","animationKey","opacity","useRef","Value","current","useEffect","setValue","animation","timing","toValue","duration","useNativeDriver","start","stop","testID","style","styles","fill","pointerEvents","create"],"sourceRoot":"../../../src","sources":["runtime/FlowSurfaceFade.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,SAASC,aAAa,QAAQ,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,MAAMC,OAAO,GAAG,GAAG;AAQnB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAC9BC,QAAQ;EACRC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,OAAO,GAAGX,KAAK,CAACY,MAAM,CAAC,IAAIX,QAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3Dd,KAAK,CAACe,SAAS,CAAC,MAAM;IACpBJ,OAAO,CAACK,QAAQ,CAAC,CAAC,CAAC;IACnB,MAAMC,SAAS,GAAGhB,QAAQ,CAACiB,MAAM,CAACP,OAAO,EAAE;MACzCQ,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAEb,OAAO;MACjBc,eAAe,EAAE;IACnB,CAAC,CAAC;IACFJ,SAAS,CAACK,KAAK,CAAC,CAAC;IACjB,OAAO,MAAM;MACXL,SAAS,CAACM,IAAI,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,CAACb,YAAY,EAAEC,OAAO,CAAC,CAAC;EAE3B,oBACEL,IAAA,CAACL,QAAQ,CAACE,IAAI;IACZqB,MAAM,EAAC,uBAAuB;IAC9BC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEhB;IAAQ,CAAC,CAAE;IAClCiB,aAAa,EAAC,UAAU;IAAAnB,QAAA,eAExBH,IAAA,CAACH,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACC,aAAa,EAAC,UAAU;MAAAnB,QAAA,EAC/CA;IAAQ,CACL;EAAC,CACM,CAAC;AAEpB;AAEA,MAAMiB,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJ,GAAGvB;EACL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","ABSOLUTE_FILL","CARD_EXIT_MS","CardTransitionProvider","getSurfaceInteractionBlocking","jsx","_jsx","jsxs","_jsxs","FlowSurfaceFade","animationKey","step","children","shownKey","setShownKey","useState","exiting","shownStep","useRef","current","useEffect","timer","setTimeout","clearTimeout","blockInteraction","testID","style","styles","fill","pointerEvents","value","create"],"sourceRoot":"../../../src","sources":["runtime/FlowSurfaceFade.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,aAAa,QAAQ,6BAA0B;AACxD,SAASC,YAAY,EAAEC,sBAAsB,QAAQ,+BAA4B;AACjF,SAASC,6BAA6B,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAQ;EACrCC,YAAY;EACZC,IAAI;EACJC;AAC2B,CAAC,EAAsB;EAClD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAACL,YAAY,CAAC;EAC5D,MAAMM,OAAO,GAAGH,QAAQ,KAAKH,YAAY;EACzC,MAAMO,SAAS,GAAGnB,KAAK,CAACoB,MAAM,CAACP,IAAI,CAAC;EACpC,IAAI,CAACK,OAAO,EAAE;IACZC,SAAS,CAACE,OAAO,GAAGR,IAAI;EAC1B;EAEAb,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACJ,OAAO,EAAE;MACZ;IACF;IACA,MAAMK,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7BR,WAAW,CAACJ,YAAY,CAAC;IAC3B,CAAC,EAAER,YAAY,CAAC;IAChB,OAAO,MAAM;MACXqB,YAAY,CAACF,KAAK,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAACX,YAAY,EAAEM,OAAO,CAAC,CAAC;EAE3B,MAAMQ,gBAAgB,GAAGpB,6BAA6B,CAAC,CAAC;EAExD,oBACEI,KAAA,CAACR,IAAI;IAACyB,MAAM,EAAC,uBAAuB;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACC,aAAa,EAAC,UAAU;IAAAjB,QAAA,GAC9EI,OAAO,IAAIQ,gBAAgB,gBAC1BlB,IAAA,CAACN,IAAI;MAACyB,MAAM,EAAC,+BAA+B;MAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACC,aAAa,EAAC;IAAM,CAAE,CAAC,GACtF,IAAI,eACRvB,IAAA,CAACN,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACC,aAAa,EAAEb,OAAO,GAAG,MAAM,GAAG,UAAW;MAAAJ,QAAA,eACrEN,IAAA,CAACH,sBAAsB;QAAC2B,KAAK,EAAEd,OAAO,GAAG,SAAS,GAAG,UAAW;QAAAJ,QAAA,EAC7DA,QAAQ,CAACK,SAAS,CAACE,OAAO;MAAC,CACN;IAAC,CACrB,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMQ,MAAM,GAAG5B,UAAU,CAACgC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJ,GAAG3B;EACL;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/runtime/SdkErrorBoundary.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import * as React from 'react';
+import { reportSdkError } from "./reportSdkError.js";
+/**
+ * Contains React render/lifecycle errors in SDK UI so they cannot unmount the
+ * host app tree. Event handlers and async work are not covered — those use
+ * {@link isolateSync} / {@link isolateAsync}.
+ */
+export class SdkErrorBoundary extends React.Component {
+  state = {
+    hasError: false,
+    resetKey: this.props.resetKey,
+    failedKeys: []
+  };
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.resetKey === state.resetKey) {
+      return null;
+    }
+    const nextKey = props.resetKey ?? '';
+    if (nextKey !== '' && state.failedKeys.includes(nextKey)) {
+      return {
+        hasError: true,
+        resetKey: props.resetKey
+      };
+    }
+    return {
+      hasError: false,
+      resetKey: props.resetKey
+    };
+  }
+  componentDidCatch(error, info) {
+    reportSdkError(this.props.scope, error, info.componentStack);
+    this.props.onError?.(error);
+    const key = this.props.resetKey;
+    if (!key) {
+      return;
+    }
+    this.setState(prev => prev.failedKeys.includes(key) ? null : {
+      failedKeys: [...prev.failedKeys, key]
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}
+//# sourceMappingURL=SdkErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","reportSdkError","SdkErrorBoundary","Component","state","hasError","resetKey","props","failedKeys","getDerivedStateFromError","getDerivedStateFromProps","nextKey","includes","componentDidCatch","error","info","scope","componentStack","onError","key","setState","prev","render","children"],"sourceRoot":"../../../src","sources":["runtime/SdkErrorBoundary.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,cAAc,QAAQ,qBAAkB;AAuBjD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SAASF,KAAK,CAACG,SAAS,CAGnD;EACSC,KAAK,GAA0B;IACtCC,QAAQ,EAAE,KAAK;IACfC,QAAQ,EAAE,IAAI,CAACC,KAAK,CAACD,QAAQ;IAC7BE,UAAU,EAAE;EACd,CAAC;EAED,OAAOC,wBAAwBA,CAAA,EAAmC;IAChE,OAAO;MAAEJ,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEA,OAAOK,wBAAwBA,CAC7BH,KAA4B,EAC5BH,KAA4B,EACW;IACvC,IAAIG,KAAK,CAACD,QAAQ,KAAKF,KAAK,CAACE,QAAQ,EAAE;MACrC,OAAO,IAAI;IACb;IACA,MAAMK,OAAO,GAAGJ,KAAK,CAACD,QAAQ,IAAI,EAAE;IACpC,IAAIK,OAAO,KAAK,EAAE,IAAIP,KAAK,CAACI,UAAU,CAACI,QAAQ,CAACD,OAAO,CAAC,EAAE;MACxD,OAAO;QAAEN,QAAQ,EAAE,IAAI;QAAEC,QAAQ,EAAEC,KAAK,CAACD;MAAS,CAAC;IACrD;IACA,OAAO;MAAED,QAAQ,EAAE,KAAK;MAAEC,QAAQ,EAAEC,KAAK,CAACD;IAAS,CAAC;EACtD;EAESO,iBAAiBA,CAACC,KAAY,EAAEC,IAAqB,EAAQ;IACpEd,cAAc,CAAC,IAAI,CAACM,KAAK,CAACS,KAAK,EAAEF,KAAK,EAAEC,IAAI,CAACE,cAAc,CAAC;IAC5D,IAAI,CAACV,KAAK,CAACW,OAAO,GAAGJ,KAAK,CAAC;IAC3B,MAAMK,GAAG,GAAG,IAAI,CAACZ,KAAK,CAACD,QAAQ;IAC/B,IAAI,CAACa,GAAG,EAAE;MACR;IACF;IACA,IAAI,CAACC,QAAQ,CAAEC,IAAI,IACjBA,IAAI,CAACb,UAAU,CAACI,QAAQ,CAACO,GAAG,CAAC,GAAG,IAAI,GAAG;MAAEX,UAAU,EAAE,CAAC,GAAGa,IAAI,CAACb,UAAU,EAAEW,GAAG;IAAE,CACjF,CAAC;EACH;EAESG,MAAMA,CAAA,EAAoB;IACjC,IAAI,IAAI,CAAClB,KAAK,CAACC,QAAQ,EAAE;MACvB,OAAO,IAAI;IACb;IACA,OAAO,IAAI,CAACE,KAAK,CAACgB,QAAQ;EAC5B;AACF","ignoreList":[]}

package/lib/module/runtime/TargetPressBridge.js

@@ -3,75 +3,51 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { targetPressMonitor } from "../anchors/targetPressMonitor.js";
+import { changedTouchPoints, forEachChangedTouch } from "./changedTouchPoints.js";
+import { isolateSync } from "./isolateCall.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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 the monitor can pair start/end per finger.
- */
-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
-  }];
-}
-
 /**
  * Wraps app content so tooltip target taps can be observed without stealing
- * them from the underlying control (web parity: click listener, no preventDefault).
+ * them from the underlying control (web parity: click listener, no
+ * preventDefault).
  *
  * The Userflow overlay is a sibling above the app, so hole Pressables would
  * intercept presses. Instead we hit-test bubbled `onTouchStart` / `onTouchEnd`
  * against the rect registered by {@link TooltipSurface}.
  *
+ * Preview-chrome double taps are observed by `DoubleTapBridge` around the
+ * whole provider tree — this bridge never sees overlay touches.
+ *
  * Does not claim the gesture responder.
  */
 export function TargetPressBridge({
   children
 }) {
   const onTouchStart = React.useCallback(event => {
-    for (const touch of changedTouchPoints(event)) {
-      targetPressMonitor.handleTouchStart(touch.identifier, touch.pageX, touch.pageY);
-    }
+    isolateSync('target-press', () => {
+      forEachChangedTouch(event, (identifier, pageX, pageY) => {
+        targetPressMonitor.handleTouchStart(identifier, pageX, pageY);
+      });
+    });
   }, []);
   const onTouchEnd = React.useCallback(event => {
-    for (const touch of changedTouchPoints(event)) {
-      targetPressMonitor.handleTouchEnd(touch.identifier, touch.pageX, touch.pageY);
-    }
+    isolateSync('target-press', () => {
+      forEachChangedTouch(event, (identifier, pageX, pageY) => {
+        targetPressMonitor.handleTouchEnd(identifier, pageX, pageY);
+      });
+    });
   }, []);
   const onTouchCancel = React.useCallback(event => {
-    const points = changedTouchPoints(event);
-    if (points.length === 0) {
-      targetPressMonitor.cancelTouch();
-      return;
-    }
-    for (const touch of points) {
-      targetPressMonitor.cancelTouch(touch.identifier);
-    }
+    isolateSync('target-press', () => {
+      const points = changedTouchPoints(event);
+      if (points.length === 0) {
+        targetPressMonitor.cancelTouch();
+        return;
+      }
+      for (const touch of points) {
+        targetPressMonitor.cancelTouch(touch.identifier);
+      }
+    });
   }, []);
   return /*#__PURE__*/_jsx(View, {
     style: styles.root,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","targetPressMonitor","jsx","_jsx","changedTouchPoints","event","changedTouches","touches","identifier","pageX","pageY","nativeEvent","length","map","touch","TargetPressBridge","children","onTouchStart","useCallback","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","cancelTouch","style","styles","root","collapsable","testID","create","flex"],"sourceRoot":"../../../src","sources":["runtime/TargetPressBridge.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","targetPressMonitor","changedTouchPoints","forEachChangedTouch","isolateSync","jsx","_jsx","TargetPressBridge","children","onTouchStart","useCallback","event","identifier","pageX","pageY","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","length","cancelTouch","touch","style","styles","root","collapsable","testID","create","flex"],"sourceRoot":"../../../src","sources":["runtime/TargetPressBridge.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAoC,cAAc;AAE3E,SAASC,kBAAkB,QAAQ,kCAA+B;AAElE,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,yBAAsB;AAC9E,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAC;EAAEC;AAAiC,CAAC,EAAsB;EAC1F,MAAMC,YAAY,GAAGX,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACvEP,WAAW,CAAC,cAAc,EAAE,MAAM;MAChCD,mBAAmB,CAACQ,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;QACvDb,kBAAkB,CAACc,gBAAgB,CAACH,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;MAC/D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,UAAU,GAAGlB,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACrEP,WAAW,CAAC,cAAc,EAAE,MAAM;MAChCD,mBAAmB,CAACQ,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;QACvDb,kBAAkB,CAACgB,cAAc,CAACL,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;MAC7D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAGpB,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACxEP,WAAW,CAAC,cAAc,EAAE,MAAM;MAChC,MAAMe,MAAM,GAAGjB,kBAAkB,CAACS,KAAK,CAAC;MACxC,IAAIQ,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;QACvBnB,kBAAkB,CAACoB,WAAW,CAAC,CAAC;QAChC;MACF;MACA,KAAK,MAAMC,KAAK,IAAIH,MAAM,EAAE;QAC1BlB,kBAAkB,CAACoB,WAAW,CAACC,KAAK,CAACV,UAAU,CAAC;MAClD;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEN,IAAA,CAACN,IAAI;IACHuB,KAAK,EAAEC,MAAM,CAACC,IAAK;IACnBC,WAAW,EAAE,KAAM;IACnBjB,YAAY,EAAEA,YAAa;IAC3BO,UAAU,EAAEA,UAAW;IACvBE,aAAa,EAAEA,aAAc;IAC7BS,MAAM,EAAC,8BAA8B;IAAAnB,QAAA,EAEpCA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMgB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/runtime/UserflowOverlay.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import * as React from 'react';
+import { ElementPickerOverlay } from "../authoring/ElementPickerOverlay.js";
+import { elementPickerController } from "../authoring/elementPickerController.js";
+import { EvalJsHost } from "../evalJs/EvalJsHost.js";
+import { PreviewModeBanner } from "../pairing/PreviewModeBanner.js";
+import { getPairingController } from "../pairing/pairingRuntime.js";
+import { usePairingState } from "../pairing/usePairingState.js";
+import { usePreviewBarHold } from "../pairing/usePreviewBarHold.js";
+import { BannerHost } from "./BannerHost.js";
+import { FlowRenderer } from "./FlowRenderer.js";
+import { useFlowSessionState } from "./useFlowSessionState.js";
+import { getUserflowCore } from "./userflowCore.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SDK overlay chrome: preview banner, active flow surface, element picker.
+ * Mounted inside {@link SdkErrorBoundary} so a render throw here cannot
+ * unmount host children of {@link UserflowProvider}.
+ */
+export function UserflowOverlay({
+  engine,
+  bannerEngine,
+  onTrapChange
+}) {
+  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 previewHeld = usePreviewBarHold(pairingState, pickerActive);
+  const trapHostAccessibility = React.useMemo(() => {
+    // Picking hides flow chrome, so the host must stay in the accessibility tree.
+    if (pickerActive) {
+      return false;
+    }
+    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;
+  }, [pickerActive, previewConfirming, session, currentStep]);
+  React.useLayoutEffect(() => {
+    onTrapChange(trapHostAccessibility);
+    return () => {
+      // Release whenever this overlay unmounts — including when
+      // SdkErrorBoundary replaces it with null and onError never runs.
+      onTrapChange(false);
+    };
+  }, [onTrapChange, trapHostAccessibility]);
+  const onExitPreview = React.useCallback(() => {
+    void getPairingController(getUserflowCore()).exitPreview();
+  }, []);
+  const onRestartPreview = React.useCallback(() => {
+    void getPairingController(getUserflowCore()).restartPreview();
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(EvalJsHost, {
+      suppressed: pickerActive
+    }), /*#__PURE__*/_jsx(PreviewModeBanner, {
+      onConfirmingChange: setPreviewConfirming,
+      onExit: onExitPreview,
+      held: previewHeld,
+      onRestart: onRestartPreview,
+      state: pairingState,
+      suppressed: pickerActive
+    }), /*#__PURE__*/_jsx(BannerHost, {
+      engine: bannerEngine,
+      hidden: pickerActive
+    }), pickerActive ? null : /*#__PURE__*/_jsx(FlowRenderer, {
+      engine: engine,
+      previewRestartGeneration: pairingState.previewRestartGeneration
+    }), /*#__PURE__*/_jsx(ElementPickerOverlay, {})]
+  });
+}
+//# sourceMappingURL=UserflowOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ElementPickerOverlay","elementPickerController","EvalJsHost","PreviewModeBanner","getPairingController","usePairingState","usePreviewBarHold","BannerHost","FlowRenderer","useFlowSessionState","getUserflowCore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","UserflowOverlay","engine","bannerEngine","onTrapChange","pairingState","session","currentStep","previewConfirming","setPreviewConfirming","useState","pickerActive","setPickerActive","getState","active","useEffect","subscribe","next","previewHeld","trapHostAccessibility","useMemo","appearance","String","toUpperCase","tooltipTargetBlocked","useLayoutEffect","onExitPreview","useCallback","exitPreview","onRestartPreview","restartPreview","children","suppressed","onConfirmingChange","onExit","held","onRestart","state","hidden","previewRestartGeneration"],"sourceRoot":"../../../src","sources":["runtime/UserflowOverlay.tsx"],"mappings":"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","ignoreList":[]}