@userflow-tech/react-native 0.2.0 → 0.3.0

package/lib/commonjs/pairing/usePreviewBarHold.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INITIAL_REVEAL_DELAY_MS = void 0;
+exports.usePreviewBarHold = usePreviewBarHold;
+var React = _interopRequireWildcard(require("react"));
+var _resolvePreviewChrome = require("./resolvePreviewChrome.js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * How long a new pairing session with no `purpose` on its link keeps the
+ * default preview bar hidden, so a `selectElement` that arrives after the join
+ * never flashes "Preview mode". Restarts once when the socket first reaches
+ * `connected` while the hold is still up: a slow connect still shows
+ * "Connecting…" after this delay, and a pick that starts shortly after the
+ * join stays inside the window.
+ */
+const INITIAL_REVEAL_DELAY_MS = exports.INITIAL_REVEAL_DELAY_MS = 2000;
+/**
+ * A new session (or chrome appearing) is decided by the link's purpose:
+ * `select_element` starts in the selection hold, `preview` is never held, and
+ * no purpose falls back to the intro hold. The intro hold hides the bar when
+ * preview chrome appears, and again when the session changes while a hold is
+ * already hiding it. A bar that is already showing stays up across a re-scan
+ * with no purpose. Selection hold replaces the intro once the picker is active
+ * and outlives the picker until a Builder preview, a `preview` re-scan, or a
+ * re-scan with no purpose. A `select_element` re-scan starts held, including
+ * when the bar is already up.
+ */
+function decideHold(prev, holds, input) {
+  let introHeld = holds.introHeld;
+  let selectionHeld = holds.selectionHeld;
+  let connectRestarted = prev.connectRestarted;
+  let restartTimer = false;
+  const armIntro = () => {
+    introHeld = true;
+    connectRestarted = false;
+    restartTimer = true;
+  };
+  if (!input.chromeVisible) {
+    return {
+      introHeld: false,
+      selectionHeld: false,
+      restartTimer: false,
+      inputs: {
+        ...input,
+        connectRestarted: false
+      }
+    };
+  }
+  const sessionChanged = input.session !== prev.session;
+  const previewStarted = input.previewStart > prev.previewStart;
+  if (previewStarted) {
+    introHeld = false;
+    selectionHeld = false;
+    connectRestarted = true;
+  } else if (input.pickerActive) {
+    selectionHeld = true;
+    introHeld = false;
+  } else if (sessionChanged || !prev.chromeVisible) {
+    if (input.purpose === 'select_element') {
+      selectionHeld = true;
+      introHeld = false;
+    } else if (input.purpose === 'preview') {
+      selectionHeld = false;
+      introHeld = false;
+    } else if (introHeld || selectionHeld || !prev.chromeVisible) {
+      selectionHeld = false;
+      armIntro();
+    }
+  }
+  if (introHeld && input.status === 'connected' && !connectRestarted) {
+    connectRestarted = true;
+    restartTimer = true;
+  }
+  return {
+    introHeld,
+    selectionHeld,
+    restartTimer,
+    inputs: {
+      ...input,
+      connectRestarted
+    }
+  };
+}
+
+/**
+ * Whether the preview top bar should stay down.
+ *
+ * The decision is applied during render. Waiting for an effect would mount
+ * the bar for a frame and play its slide-in before the hold could hide it.
+ * The reveal timer stays in an effect.
+ */
+function usePreviewBarHold(state, pickerActive) {
+  const chromeVisible = (0, _resolvePreviewChrome.resolvePreviewChrome)(state).visible;
+  const [introHeld, setIntroHeld] = React.useState(false);
+  const [selectionHeld, setSelectionHeld] = React.useState(false);
+  const [introEpoch, setIntroEpoch] = React.useState(0);
+  const purpose = state.pairingPurpose ?? null;
+  const inputsRef = React.useRef({
+    session: state.pairingSessionGeneration,
+    previewStart: state.previewStartGeneration,
+    chromeVisible: false,
+    pickerActive: false,
+    status: state.status,
+    purpose,
+    connectRestarted: false
+  });
+  const decision = decideHold(inputsRef.current, {
+    introHeld,
+    selectionHeld
+  }, {
+    session: state.pairingSessionGeneration,
+    previewStart: state.previewStartGeneration,
+    chromeVisible,
+    pickerActive,
+    status: state.status,
+    purpose,
+    connectRestarted: false
+  });
+  inputsRef.current = decision.inputs;
+  if (decision.introHeld !== introHeld) {
+    setIntroHeld(decision.introHeld);
+  }
+  if (decision.selectionHeld !== selectionHeld) {
+    setSelectionHeld(decision.selectionHeld);
+  }
+  if (decision.restartTimer) {
+    setIntroEpoch(epoch => epoch + 1);
+  }
+  React.useEffect(() => {
+    if (!introHeld) return;
+    const timer = setTimeout(() => setIntroHeld(false), INITIAL_REVEAL_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [introEpoch, introHeld]);
+  return decision.introHeld || decision.selectionHeld;
+}
+//# sourceMappingURL=usePreviewBarHold.js.map

package/lib/commonjs/pairing/usePreviewBarHold.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_resolvePreviewChrome","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INITIAL_REVEAL_DELAY_MS","exports","decideHold","prev","holds","input","introHeld","selectionHeld","connectRestarted","restartTimer","armIntro","chromeVisible","inputs","sessionChanged","session","previewStarted","previewStart","pickerActive","purpose","status","usePreviewBarHold","state","resolvePreviewChrome","visible","setIntroHeld","useState","setSelectionHeld","introEpoch","setIntroEpoch","pairingPurpose","inputsRef","useRef","pairingSessionGeneration","previewStartGeneration","decision","current","epoch","useEffect","timer","setTimeout","clearTimeout"],"sourceRoot":"../../../src","sources":["pairing/usePreviewBarHold.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/runtime/BannerHost.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BannerHost = BannerHost;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _BannerSurface = require("../surfaces/BannerSurface.js");
+var _bannerBarLayout = require("../surfaces/bannerBarLayout.js");
+var _resolveBannerTheme = require("../surfaces/resolveBannerTheme.js");
+var _safeArea = require("../surfaces/safeArea.js");
+var _SdkErrorBoundary = require("./SdkErrorBoundary.js");
+var _bannerPlacement = require("./bannerPlacement.js");
+var _embedBannerRegistry = require("./embedBannerRegistry.js");
+var _useBannerSession = require("./useBannerSession.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Top or bottom banner bar. Element modes render in {@link EmbedBannerPlaceholder}.
+ *
+ * `overlay` floats over the host. `flow` sits in layout and pushes the app.
+ * The bar does not participate in the host accessibility trap.
+ */
+function BannerHost({
+  engine,
+  hidden,
+  placement = 'overlay',
+  edge: edgeFilter
+}) {
+  const session = (0, _useBannerSession.useBannerSession)(engine);
+  const banner = session?.version.banner ?? null;
+  const edge = banner ? (0, _bannerPlacement.bannerEdge)(banner.embedMode) : null;
+  const insets = (0, _safeArea.useUserflowSafeAreaInsets)();
+  React.useEffect(() => {
+    if (!session || !banner || edge) return;
+    const placeholderId = (0, _bannerPlacement.embedBannerPlaceholderId)(banner);
+    if (placeholderId && (0, _embedBannerRegistry.hasEmbedBannerPlaceholder)(placeholderId)) return;
+    const message = placeholderId ? `Userflow: no EmbedBannerPlaceholder with id "${placeholderId}" is mounted; the banner is not shown` : `Userflow: banner embed mode ${banner.embedMode} needs a manual embed selector and an EmbedBannerPlaceholder with that id`;
+    (0, _bannerPlacement.warnBannerOnce)(`embed:${session.id}:${banner.embedMode}:${placeholderId ?? 'none'}`, message);
+  }, [banner, edge, session]);
+  if (hidden || !session || !banner || !edge) return null;
+  if (edgeFilter && edge !== edgeFilter) return null;
+  const floats = banner.overlay !== false;
+  if (placement === 'overlay' !== floats) return null;
+  const bar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_SdkErrorBoundary.SdkErrorBoundary, {
+    scope: "banner",
+    resetKey: session.id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerSurface.BannerSurface, {
+      session: session,
+      onActions: actions => engine.handleActions(actions),
+      onDismiss: endReason => {
+        void engine.endBanner(endReason);
+      }
+    })
+  });
+  if (placement === 'flow') {
+    const backgroundColor = bannerBackground(session);
+    const safePad = edge === 'top' ? {
+      paddingTop: insets.top
+    } : {
+      paddingBottom: insets.bottom
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: "userflow-banner-flow",
+      style: [styles.flow, safePad, {
+        backgroundColor
+      }],
+      children: bar
+    });
+  }
+  const edgeStyle = edge === 'top' ? {
+    top: insets.top
+  } : {
+    bottom: insets.bottom
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: [styles.pin, edgeStyle, (0, _bannerBarLayout.bannerOverlayHostPadding)(insets)],
+    children: bar
+  });
+}
+function bannerBackground(session) {
+  return (0, _resolveBannerTheme.resolveBannerBackgroundColor)(session.version.theme);
+}
+const styles = _reactNative.StyleSheet.create({
+  pin: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  flow: {
+    alignSelf: 'stretch'
+  }
+});
+//# sourceMappingURL=BannerHost.js.map

package/lib/commonjs/runtime/BannerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_BannerSurface","_bannerBarLayout","_resolveBannerTheme","_safeArea","_SdkErrorBoundary","_bannerPlacement","_embedBannerRegistry","_useBannerSession","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BannerHost","engine","hidden","placement","edge","edgeFilter","session","useBannerSession","banner","version","bannerEdge","embedMode","insets","useUserflowSafeAreaInsets","useEffect","placeholderId","embedBannerPlaceholderId","hasEmbedBannerPlaceholder","message","warnBannerOnce","id","floats","overlay","bar","jsx","SdkErrorBoundary","scope","resetKey","children","BannerSurface","onActions","actions","handleActions","onDismiss","endReason","endBanner","backgroundColor","bannerBackground","safePad","paddingTop","top","paddingBottom","bottom","View","testID","style","styles","flow","edgeStyle","pointerEvents","pin","bannerOverlayHostPadding","resolveBannerBackgroundColor","theme","StyleSheet","create","position","left","right","alignSelf"],"sourceRoot":"../../../src","sources":["runtime/BannerHost.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/runtime/EmbedBannerPlaceholder.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedBannerPlaceholder = EmbedBannerPlaceholder;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _elementPickerController = require("../authoring/elementPickerController.js");
+var _BannerSurface = require("../surfaces/BannerSurface.js");
+var _bannerBarLayout = require("../surfaces/bannerBarLayout.js");
+var _safeArea = require("../surfaces/safeArea.js");
+var _SdkErrorBoundary = require("./SdkErrorBoundary.js");
+var _bannerEngineContext = require("./bannerEngineContext.js");
+var _bannerPlacement = require("./bannerPlacement.js");
+var _embedBannerRegistry = require("./embedBannerRegistry.js");
+var _useBannerSession = require("./useBannerSession.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Host slot for an element-mode banner (`ELEMENT_BEFORE`, `ELEMENT_AFTER`,
+ * `ELEMENT_FIRST`, `ELEMENT_LAST`). Mount it where the bar should appear.
+ * Until a matching banner is active the slot renders nothing, so it takes no
+ * space and is not visible. Top and bottom bars ignore this slot.
+ * `overlay: false` keeps the bar in layout; `overlay: true` paints it over
+ * the content below the slot.
+ */
+function EmbedBannerPlaceholder({
+  id
+}) {
+  const engine = React.useContext(_bannerEngineContext.BannerEngineContext);
+  const placeholderId = id.trim();
+  const session = (0, _useBannerSession.useBannerSession)(engine);
+  const insets = (0, _safeArea.useUserflowSafeAreaInsets)();
+  const [pickerActive, setPickerActive] = React.useState(() => _elementPickerController.elementPickerController.getState().active);
+  React.useEffect(() => {
+    return _elementPickerController.elementPickerController.subscribe(next => {
+      setPickerActive(next.active);
+    });
+  }, []);
+  React.useLayoutEffect(() => {
+    if (!placeholderId) {
+      (0, _bannerPlacement.warnBannerOnce)('embed-banner-empty-id', 'Userflow: EmbedBannerPlaceholder requires an id');
+      return;
+    }
+    return (0, _embedBannerRegistry.registerEmbedBannerPlaceholder)(placeholderId);
+  }, [placeholderId]);
+  React.useEffect(() => {
+    if (engine) return;
+    (0, _bannerPlacement.warnBannerOnce)('embed-banner-outside-provider', 'Userflow: EmbedBannerPlaceholder must be rendered inside UserflowProvider');
+  }, [engine]);
+
+  // No host view until a banner is actually shown. An empty slot would still
+  // participate in flex gap and stretch layout.
+  if (!engine || !placeholderId || pickerActive || !session) return null;
+  const banner = session.version.banner ?? null;
+  if (!banner || (0, _bannerPlacement.embedBannerPlaceholderId)(banner) !== placeholderId) return null;
+  const bar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerSurface.BannerSurface, {
+    session: session,
+    onActions: actions => engine.handleActions(actions),
+    onDismiss: endReason => {
+      void engine.endBanner(endReason);
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SdkErrorBoundary.SdkErrorBoundary, {
+    scope: "banner",
+    resetKey: session.id,
+    children: banner.overlay !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      testID: "userflow-embed-banner",
+      style: styles.overlaySlot,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        pointerEvents: "box-none",
+        style: [styles.overlayBar, (0, _bannerBarLayout.bannerOverlayHostPadding)(insets)],
+        children: bar
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: "userflow-embed-banner",
+      style: styles.slot,
+      children: bar
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  slot: {
+    alignSelf: 'stretch'
+  },
+  overlaySlot: {
+    height: 0,
+    alignSelf: 'stretch'
+  },
+  overlayBar: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=EmbedBannerPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_elementPickerController","_BannerSurface","_bannerBarLayout","_safeArea","_SdkErrorBoundary","_bannerEngineContext","_bannerPlacement","_embedBannerRegistry","_useBannerSession","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmbedBannerPlaceholder","id","engine","useContext","BannerEngineContext","placeholderId","trim","session","useBannerSession","insets","useUserflowSafeAreaInsets","pickerActive","setPickerActive","useState","elementPickerController","getState","active","useEffect","subscribe","next","useLayoutEffect","warnBannerOnce","registerEmbedBannerPlaceholder","banner","version","embedBannerPlaceholderId","bar","jsx","BannerSurface","onActions","actions","handleActions","onDismiss","endReason","endBanner","SdkErrorBoundary","scope","resetKey","children","overlay","View","pointerEvents","testID","style","styles","overlaySlot","overlayBar","bannerOverlayHostPadding","slot","StyleSheet","create","alignSelf","height","position","left","right","top"],"sourceRoot":"../../../src","sources":["runtime/EmbedBannerPlaceholder.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/runtime/SdkErrorBoundary.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SdkErrorBoundary = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reportSdkError = require("./reportSdkError.js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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}.
+ */
+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) {
+    (0, _reportSdkError.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;
+  }
+}
+exports.SdkErrorBoundary = SdkErrorBoundary;
+//# sourceMappingURL=SdkErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reportSdkError","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SdkErrorBoundary","Component","state","hasError","resetKey","props","failedKeys","getDerivedStateFromError","getDerivedStateFromProps","nextKey","includes","componentDidCatch","error","info","reportSdkError","scope","componentStack","onError","key","setState","prev","render","children","exports"],"sourceRoot":"../../../src","sources":["runtime/SdkErrorBoundary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/runtime/TargetPressBridge.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _targetPressMonitor = require("../anchors/targetPressMonitor.js");
 var _changedTouchPoints = require("./changedTouchPoints.js");
+var _isolateCall = require("./isolateCall.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -28,24 +29,30 @@ function TargetPressBridge({
   children
 }) {
   const onTouchStart = React.useCallback(event => {
-    (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
-      _targetPressMonitor.targetPressMonitor.handleTouchStart(identifier, pageX, pageY);
+    (0, _isolateCall.isolateSync)('target-press', () => {
+      (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
+        _targetPressMonitor.targetPressMonitor.handleTouchStart(identifier, pageX, pageY);
+      });
     });
   }, []);
   const onTouchEnd = React.useCallback(event => {
-    (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
-      _targetPressMonitor.targetPressMonitor.handleTouchEnd(identifier, pageX, pageY);
+    (0, _isolateCall.isolateSync)('target-press', () => {
+      (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
+        _targetPressMonitor.targetPressMonitor.handleTouchEnd(identifier, pageX, pageY);
+      });
     });
   }, []);
   const onTouchCancel = React.useCallback(event => {
-    const points = (0, _changedTouchPoints.changedTouchPoints)(event);
-    if (points.length === 0) {
-      _targetPressMonitor.targetPressMonitor.cancelTouch();
-      return;
-    }
-    for (const touch of points) {
-      _targetPressMonitor.targetPressMonitor.cancelTouch(touch.identifier);
-    }
+    (0, _isolateCall.isolateSync)('target-press', () => {
+      const points = (0, _changedTouchPoints.changedTouchPoints)(event);
+      if (points.length === 0) {
+        _targetPressMonitor.targetPressMonitor.cancelTouch();
+        return;
+      }
+      for (const touch of points) {
+        _targetPressMonitor.targetPressMonitor.cancelTouch(touch.identifier);
+      }
+    });
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.root,

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_targetPressMonitor","_changedTouchPoints","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TargetPressBridge","children","onTouchStart","useCallback","event","forEachChangedTouch","identifier","pageX","pageY","targetPressMonitor","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","changedTouchPoints","length","cancelTouch","touch","jsx","View","style","styles","root","collapsable","testID","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["runtime/TargetPressBridge.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_targetPressMonitor","_changedTouchPoints","_isolateCall","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TargetPressBridge","children","onTouchStart","useCallback","event","isolateSync","forEachChangedTouch","identifier","pageX","pageY","targetPressMonitor","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","changedTouchPoints","length","cancelTouch","touch","jsx","View","style","styles","root","collapsable","testID","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["runtime/TargetPressBridge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/runtime/UserflowOverlay.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserflowOverlay = UserflowOverlay;
+var React = _interopRequireWildcard(require("react"));
+var _ElementPickerOverlay = require("../authoring/ElementPickerOverlay.js");
+var _elementPickerController = require("../authoring/elementPickerController.js");
+var _EvalJsHost = require("../evalJs/EvalJsHost.js");
+var _PreviewModeBanner = require("../pairing/PreviewModeBanner.js");
+var _pairingRuntime = require("../pairing/pairingRuntime.js");
+var _usePairingState = require("../pairing/usePairingState.js");
+var _usePreviewBarHold = require("../pairing/usePreviewBarHold.js");
+var _BannerHost = require("./BannerHost.js");
+var _FlowRenderer = require("./FlowRenderer.js");
+var _useFlowSessionState = require("./useFlowSessionState.js");
+var _userflowCore = require("./userflowCore.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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}.
+ */
+function UserflowOverlay({
+  engine,
+  bannerEngine,
+  onTrapChange
+}) {
+  const pairingState = (0, _usePairingState.usePairingState)();
+  const {
+    session,
+    currentStep
+  } = (0, _useFlowSessionState.useFlowSessionState)(engine);
+  const [previewConfirming, setPreviewConfirming] = React.useState(false);
+  const [pickerActive, setPickerActive] = React.useState(() => _elementPickerController.elementPickerController.getState().active);
+  React.useEffect(() => {
+    return _elementPickerController.elementPickerController.subscribe(next => {
+      setPickerActive(next.active);
+    });
+  }, []);
+  const previewHeld = (0, _usePreviewBarHold.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 (0, _pairingRuntime.getPairingController)((0, _userflowCore.getUserflowCore)()).exitPreview();
+  }, []);
+  const onRestartPreview = React.useCallback(() => {
+    void (0, _pairingRuntime.getPairingController)((0, _userflowCore.getUserflowCore)()).restartPreview();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EvalJsHost.EvalJsHost, {
+      suppressed: pickerActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PreviewModeBanner.PreviewModeBanner, {
+      onConfirmingChange: setPreviewConfirming,
+      onExit: onExitPreview,
+      held: previewHeld,
+      onRestart: onRestartPreview,
+      state: pairingState,
+      suppressed: pickerActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerHost.BannerHost, {
+      engine: bannerEngine,
+      hidden: pickerActive
+    }), pickerActive ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlowRenderer.FlowRenderer, {
+      engine: engine,
+      previewRestartGeneration: pairingState.previewRestartGeneration
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ElementPickerOverlay.ElementPickerOverlay, {})]
+  });
+}
+//# sourceMappingURL=UserflowOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_ElementPickerOverlay","_elementPickerController","_EvalJsHost","_PreviewModeBanner","_pairingRuntime","_usePairingState","_usePreviewBarHold","_BannerHost","_FlowRenderer","_useFlowSessionState","_userflowCore","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UserflowOverlay","engine","bannerEngine","onTrapChange","pairingState","usePairingState","session","currentStep","useFlowSessionState","previewConfirming","setPreviewConfirming","useState","pickerActive","setPickerActive","elementPickerController","getState","active","useEffect","subscribe","next","previewHeld","usePreviewBarHold","trapHostAccessibility","useMemo","appearance","String","toUpperCase","tooltipTargetBlocked","useLayoutEffect","onExitPreview","useCallback","getPairingController","getUserflowCore","exitPreview","onRestartPreview","restartPreview","jsxs","Fragment","children","jsx","EvalJsHost","suppressed","PreviewModeBanner","onConfirmingChange","onExit","held","onRestart","state","BannerHost","hidden","FlowRenderer","previewRestartGeneration","ElementPickerOverlay"],"sourceRoot":"../../../src","sources":["runtime/UserflowOverlay.tsx"],"mappings":"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","ignoreList":[]}