@userflow-tech/react-native 0.1.0 → 0.2.0

package/lib/commonjs/pairing/PreviewModeBanner.js

@@ -6,64 +6,221 @@ Object.defineProperty(exports, "__esModule", {
 exports.PreviewModeBanner = PreviewModeBanner;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _ChromeBarTransition = require("../authoring/chrome/ChromeBarTransition.js");
+var _ChromeButton = require("../authoring/chrome/ChromeButton.js");
+var _ChromeDialog = require("../authoring/chrome/ChromeDialog.js");
+var _ChromeTooltip = require("../authoring/chrome/ChromeTooltip.js");
+var _ChromeTopBar = require("../authoring/chrome/ChromeTopBar.js");
+var _doubleTapMonitor = require("../authoring/chrome/doubleTapMonitor.js");
+var _surfaceLayoutInsets = require("../surfaces/surfaceLayoutInsets.js");
+var _resolvePreviewChrome = require("./resolvePreviewChrome.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); }
+const ONBOARDING_COPY = 'Double tap anywhere to access the menu';
 /**
  * Overlay chrome for Builder pairing preview mode.
  */
 function PreviewModeBanner({
   state,
-  onExit
+  onExit,
+  onRestart,
+  onConfirmingChange,
+  suppressed = false
 }) {
-  if (!state.previewActive && state.status === 'idle') return null;
-  if (!state.previewActive && state.status !== 'token_expired' && state.status !== 'device_already_paired' && state.status !== 'error') {
-    return null;
+  const setBannerHeight = (0, _surfaceLayoutInsets.useReportPreviewBannerHeight)();
+  const chrome = (0, _resolvePreviewChrome.resolvePreviewChrome)(state);
+  const [chromeShown, setChromeShown] = React.useState(true);
+  const [showOnboarding, setShowOnboarding] = React.useState(false);
+  const [barHeight, setBarHeight] = React.useState(0);
+  const sessionArmedRef = React.useRef(false);
+  const isError = chrome.visible && chrome.tone === 'error';
+  const visible = chrome.visible && !suppressed && (chromeShown || isError);
+  const [confirming, setConfirming] = React.useState(null);
+  const showRestart = Boolean(state.canRestartPreview) && !isError;
+  const showDialog = confirming != null && visible && !isError;
+  // Keep the bar mounted through its slide-out (double-tap hide, preview end,
+  // or picker suppression), rendering the last known chrome while it leaves.
+  const barMounted = (0, _ChromeBarTransition.useChromeBarMounted)(visible);
+  const lastVisibleChromeRef = React.useRef(null);
+  if (chrome.visible) {
+    lastVisibleChromeRef.current = chrome;
   }
-  const needsRescan = state.needsRescan;
-  // No pairing id means the session never started (e.g. init failed), so
-  // "Pairing ended" would misdescribe it.
-  const neverPaired = state.status === 'error' && !state.previewActive && state.pairingId === null;
-  const title = neverPaired ? 'Preview unavailable' : needsRescan ? 'Pairing ended' : 'Preview mode';
-  const detail = state.lastError ?? (state.status === 'reconnecting' ? 'Reconnecting…' : state.status === 'connecting' ? 'Connecting to Builder…' :
-  // Mirrors the Builder's own wording. Without this the banner reads
-  // "Paired" while the flow is absent, which looks like a broken preview
-  // rather than a condition that has not matched yet.
-  state.awaitingStartCondition ? 'Waiting for auto-start condition to trigger…' : 'Paired with Userflow Builder');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.wrap,
+  const barChrome = chrome.visible ? chrome : lastVisibleChromeRef.current;
+  React.useEffect(() => {
+    if (!chrome.visible) {
+      sessionArmedRef.current = false;
+      setChromeShown(true);
+      setShowOnboarding(false);
+      setBarHeight(0);
+      return;
+    }
+    if (isError) {
+      setChromeShown(true);
+      setShowOnboarding(false);
+      return;
+    }
+    if (!sessionArmedRef.current) {
+      sessionArmedRef.current = true;
+      setShowOnboarding(true);
+    }
+  }, [chrome.visible, isError]);
+  React.useEffect(() => {
+    if (!visible || isError) {
+      setConfirming(null);
+      return;
+    }
+    if (confirming === 'restart' && !state.canRestartPreview) {
+      setConfirming(null);
+    }
+  }, [confirming, isError, state.canRestartPreview, visible]);
+  React.useEffect(() => {
+    if (!chrome.visible) {
+      setBannerHeight(0);
+      return;
+    }
+    if (suppressed) return;
+    if (!chromeShown && !isError) {
+      setBannerHeight(0);
+      return;
+    }
+    if (barHeight > 0) {
+      setBannerHeight(barHeight);
+    }
+  }, [barHeight, chrome.visible, chromeShown, isError, setBannerHeight, suppressed]);
+  React.useEffect(() => {
+    if (!chrome.visible || suppressed || isError) {
+      _doubleTapMonitor.doubleTapMonitor.set(null);
+      return;
+    }
+    _doubleTapMonitor.doubleTapMonitor.set({
+      onDoubleTap: () => {
+        setShowOnboarding(false);
+        setChromeShown(shown => !shown);
+      }
+    });
+    return () => {
+      _doubleTapMonitor.doubleTapMonitor.set(null);
+    };
+  }, [chrome.visible, isError, suppressed]);
+  React.useEffect(() => {
+    onConfirmingChange?.(showDialog);
+  }, [showDialog, onConfirmingChange]);
+  React.useEffect(() => {
+    return () => {
+      onConfirmingChange?.(false);
+    };
+  }, [onConfirmingChange]);
+  const onMeasureHeight = React.useCallback(height => {
+    setBarHeight(Math.max(0, height));
+  }, []);
+  const onLeftPress = React.useCallback(() => {
+    if (isError) {
+      onExit();
+      return;
+    }
+    setConfirming('exit');
+  }, [isError, onExit]);
+  const onRightPress = React.useCallback(() => {
+    if (isError || !state.canRestartPreview) return;
+    setConfirming('restart');
+  }, [isError, state.canRestartPreview]);
+  const closeDialog = React.useCallback(() => {
+    setConfirming(null);
+  }, []);
+  const confirmExit = React.useCallback(() => {
+    setConfirming(null);
+    onExit();
+  }, [onExit]);
+  const confirmRestart = React.useCallback(() => {
+    setConfirming(null);
+    onRestart?.();
+  }, [onRestart]);
+  if (!barMounted && !showDialog) return null;
+  const tooltipVisible = visible && showOnboarding && !isError && !showDialog;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: showDialog,
     pointerEvents: "box-none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.banner, needsRescan ? styles.bannerWarn : styles.bannerActive],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.textCol,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.title,
-          children: title
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.detail,
-          numberOfLines: 2,
-          children: needsRescan ? `${detail} Re-scan the QR code to continue.` : detail
-        })]
-      }), !needsRescan ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        accessibilityRole: "button",
+    style: [styles.wrap, showDialog ? styles.wrapConfirming : null],
+    testID: "userflow-preview-banner",
+    children: [showDialog && confirming === 'exit' ?
+    /*#__PURE__*/
+    // Dialog first so its scrim paints under the bar (Figma: Overlay then Button Sheet).
+    (0, _jsxRuntime.jsxs)(_ChromeDialog.ChromeDialog, {
+      body: "You will need to pair your device again in Userflow to preview this flow.",
+      onClose: closeDialog,
+      title: "Exit preview mode?",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
+        accessibilityLabel: "Cancel",
+        flex: true,
+        label: "Cancel",
+        onPress: closeDialog,
+        testID: "userflow-preview-exit-cancel",
+        variant: "secondary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
         accessibilityLabel: "Exit preview",
-        onPress: onExit,
-        style: styles.button,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonLabel,
-          children: "Exit preview"
-        })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        accessibilityRole: "button",
-        accessibilityLabel: "Dismiss pairing message",
-        onPress: onExit,
-        style: styles.button,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonLabel,
-          children: "Dismiss"
-        })
+        flex: true,
+        icon: "arrow-left-from-bracket",
+        label: "Exit",
+        onPress: confirmExit,
+        testID: "userflow-preview-exit-confirm"
       })]
-    })
+    }) : null, showDialog && confirming === 'restart' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChromeDialog.ChromeDialog, {
+      body: "This will restart the flow from the first step.",
+      onClose: closeDialog,
+      title: "Restart flow?",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
+        accessibilityLabel: "Cancel",
+        flex: true,
+        label: "Cancel",
+        onPress: closeDialog,
+        testID: "userflow-preview-restart-cancel",
+        variant: "secondary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
+        accessibilityLabel: "Restart flow",
+        flex: true,
+        icon: "arrow-rotate-left",
+        label: "Restart",
+        onPress: confirmRestart,
+        testID: "userflow-preview-restart-confirm"
+      })]
+    }) : null, barMounted && barChrome ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeBarTransition.ChromeBarTransition, {
+      edge: "top",
+      pointerEvents: "box-none",
+      visible: visible,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeTopBar.ChromeTopBar, {
+        accessibilityElementsHidden: showDialog,
+        importantForAccessibility: showDialog ? 'no-hide-descendants' : undefined,
+        label: barChrome.label,
+        numberOfLines: barChrome.numberOfLines,
+        onMeasureHeight: onMeasureHeight,
+        tone: barChrome.tone,
+        left: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
+          accessibilityLabel: isError ? 'Dismiss pairing message' : 'Exit preview',
+          icon: "arrow-left-from-bracket",
+          onPress: onLeftPress,
+          testID: "userflow-preview-exit",
+          variant: "icon"
+        }),
+        right: showRestart ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeButton.ChromeButton, {
+          accessibilityLabel: "Restart flow",
+          icon: "arrow-rotate-left",
+          onPress: onRightPress,
+          testID: "userflow-preview-restart",
+          variant: "icon"
+        }) : undefined
+      })
+    }) : null, tooltipVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: [styles.tooltip, {
+        top: barHeight
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeTooltip.ChromeTooltip, {
+        onDismiss: () => {
+          setShowOnboarding(false);
+        },
+        children: ONBOARDING_COPY
+      })
+    }) : null]
   });
 }
 const styles = _reactNative.StyleSheet.create({
@@ -72,47 +229,17 @@ const styles = _reactNative.StyleSheet.create({
     top: 0,
     left: 0,
     right: 0,
+    bottom: 0,
     zIndex: 1000
   },
-  banner: {
-    marginTop: 48,
-    marginHorizontal: 12,
-    borderRadius: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10
-  },
-  bannerActive: {
-    backgroundColor: 'rgba(17, 24, 39, 0.92)'
-  },
-  bannerWarn: {
-    backgroundColor: 'rgba(127, 29, 29, 0.94)'
-  },
-  textCol: {
-    flex: 1
-  },
-  title: {
-    color: '#ffffff',
-    fontSize: 13,
-    fontWeight: '700'
+  wrapConfirming: {
+    zIndex: 1200
   },
-  detail: {
-    color: 'rgba(255,255,255,0.85)',
-    fontSize: 12,
-    marginTop: 2
-  },
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderRadius: 8,
-    backgroundColor: 'rgba(255,255,255,0.14)'
-  },
-  buttonLabel: {
-    color: '#ffffff',
-    fontSize: 12,
-    fontWeight: '600'
+  tooltip: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=PreviewModeBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PreviewModeBanner","state","onExit","previewActive","status","needsRescan","neverPaired","pairingId","title","detail","lastError","awaitingStartCondition","jsx","View","style","styles","wrap","pointerEvents","children","jsxs","banner","bannerWarn","bannerActive","textCol","Text","numberOfLines","Pressable","accessibilityRole","accessibilityLabel","onPress","button","buttonLabel","StyleSheet","create","position","top","left","right","zIndex","marginTop","marginHorizontal","borderRadius","paddingHorizontal","paddingVertical","flexDirection","alignItems","gap","backgroundColor","flex","color","fontSize","fontWeight"],"sourceRoot":"../../../src","sources":["pairing/PreviewModeBanner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_ChromeBarTransition","_ChromeButton","_ChromeDialog","_ChromeTooltip","_ChromeTopBar","_doubleTapMonitor","_surfaceLayoutInsets","_resolvePreviewChrome","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ONBOARDING_COPY","PreviewModeBanner","state","onExit","onRestart","onConfirmingChange","suppressed","setBannerHeight","useReportPreviewBannerHeight","chrome","resolvePreviewChrome","chromeShown","setChromeShown","useState","showOnboarding","setShowOnboarding","barHeight","setBarHeight","sessionArmedRef","useRef","isError","visible","tone","confirming","setConfirming","showRestart","Boolean","canRestartPreview","showDialog","barMounted","useChromeBarMounted","lastVisibleChromeRef","current","barChrome","useEffect","doubleTapMonitor","onDoubleTap","shown","onMeasureHeight","useCallback","height","Math","max","onLeftPress","onRightPress","closeDialog","confirmExit","confirmRestart","tooltipVisible","jsxs","View","accessibilityViewIsModal","pointerEvents","style","styles","wrap","wrapConfirming","testID","children","ChromeDialog","body","onClose","title","jsx","ChromeButton","accessibilityLabel","flex","label","onPress","variant","icon","ChromeBarTransition","edge","ChromeTopBar","accessibilityElementsHidden","importantForAccessibility","undefined","numberOfLines","left","right","tooltip","top","ChromeTooltip","onDismiss","StyleSheet","create","position","bottom","zIndex","alignItems"],"sourceRoot":"../../../src","sources":["pairing/PreviewModeBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pairing/diagnostics.js

@@ -11,6 +11,7 @@ exports.pairingLinkDeferredMessage = pairingLinkDeferredMessage;
 exports.pairingLinkInitFailedMessage = pairingLinkInitFailedMessage;
 exports.pairingListenerSetupFailedMessage = pairingListenerSetupFailedMessage;
 exports.pairingMissingTokenMessage = pairingMissingTokenMessage;
+exports.pairingPreviewErrorMessage = pairingPreviewErrorMessage;
 exports.pairingSchemeShapeMessage = pairingSchemeShapeMessage;
 exports.pairingTokenStoreClearFailedMessage = pairingTokenStoreClearFailedMessage;
 /**
@@ -69,6 +70,14 @@ function pairingConnectFailedMessage(reason) {
   return `${PREFIX} Builder pairing could not connect: ${reason}. The app is unaffected — ` + `re-open the pairing link from the Builder to try again.`;
 }
 
+/**
+ * Engine-reported pairing failure (`lastError`). The preview top bar no longer
+ * has a second line for this, so it must reach Metro under the `[Userflow]` prefix.
+ */
+function pairingPreviewErrorMessage(reason) {
+  return `${PREFIX} Builder pairing: ${reason}`;
+}
+
 /** A pairing link arrived without the `pairing_token` query parameter. */
 function pairingMissingTokenMessage(url) {
   return `${PREFIX} Ignoring Builder pairing link "${redactPairingToken(url)}": no ` + `"pairing_token" query parameter. Open the link straight from the Builder QR ` + `code rather than reconstructing it by hand.`;
@@ -79,7 +88,7 @@ function pairingMissingTokenMessage(url) {
  * host app's own scheme substituted for the environment's `scheme_id`.
  */
 function pairingForeignSchemeMessage(url) {
-  return `${PREFIX} Ignoring "${redactPairingToken(url)}": this is a Builder pairing ` + `link, but it was opened with a scheme Userflow does not own. Use your ` + `environment's scheme_id ("userflow-" followed by digits) exactly as the ` + `pairing QR code provides it — do not substitute your app's own scheme. ` + `Register it via the @userflow-tech/expo plugin ({ schemeId: 'userflow-…' }) and ` + `rebuild the native app; a Metro reload is not enough.`;
+  return `${PREFIX} Ignoring "${redactPairingToken(url)}": this is a Builder pairing ` + `link, but it was opened with a scheme Userflow does not own. Use your ` + `environment's scheme_id ("userflow-" followed by digits) exactly as the ` + `pairing QR code provides it — do not substitute your app's own scheme. ` + `Register it via the @userflow-tech/react-native plugin ({ schemeId: 'userflow-…' }) and ` + `rebuild the native app; a Metro reload is not enough.`;
 }
 
 /** Message for a pairing attempt that could not be used. */
@@ -110,6 +119,6 @@ function pairingListenerSetupFailedMessage(reason) {
  * can match preview links but not pairing ones.
  */
 function pairingSchemeShapeMessage(url) {
-  return `${PREFIX} Ignoring Builder pairing link "${redactPairingToken(url)}": the scheme must be your ` + `environment's scheme_id — "userflow-" followed by digits (e.g. userflow-257587). ` + `Check the schemeId passed to the @userflow-tech/expo plugin.`;
+  return `${PREFIX} Ignoring Builder pairing link "${redactPairingToken(url)}": the scheme must be your ` + `environment's scheme_id — "userflow-" followed by digits (e.g. userflow-257587). ` + `Check the schemeId passed to the @userflow-tech/react-native plugin.`;
 }
 //# sourceMappingURL=diagnostics.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PREFIX","redactPairingToken","url","replace","defaultPairingLogger","message","console","warn","exports","pairingLinkDeferredMessage","pairingLinkInitFailedMessage","reason","pairingConnectFailedMessage","pairingMissingTokenMessage","pairingForeignSchemeMessage","pairingAttemptRejectionMessage","pairingSchemeShapeMessage","pairingTokenStoreClearFailedMessage","pairingListenerSetupFailedMessage"],"sourceRoot":"../../../src","sources":["pairing/diagnostics.ts"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,MAAMA,MAAM,GAAG,YAAY;;AAE3B;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAACC,GAAW,EAAU;EAC/C,OAAOA,GAAG,CAACC,OAAO,CAAC,wBAAwB,EAAE,cAAc,CAAC;AAC9D;;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAmC,GAAIC,OAAO,IAAK;EAC9D;EACAC,OAAO,CAACC,IAAI,CAACF,OAAO,CAAC;AACvB,CAAC;;AAED;AAAAG,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AACO,SAASK,0BAA0BA,CAAA,EAAW;EACnD,OACE,GAAGT,MAAM,kEAAkE,GAC3E,uDAAuD;AAE3D;;AAEA;AACA;AACA;AACA;AACO,SAASU,4BAA4BA,CAACC,MAAc,EAAU;EACnE,OACE,GAAGX,MAAM,wEAAwE,GACjF,iBAAiBW,MAAM,2DAA2D,GAClF,mEAAmE;AAEvE;;AAEA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAACD,MAAc,EAAU;EAClE,OACE,GAAGX,MAAM,uCAAuCW,MAAM,4BAA4B,GAClF,yDAAyD;AAE7D;;AAEA;AACO,SAASE,0BAA0BA,CAACX,GAAW,EAAU;EAC9D,OACE,GAAGF,MAAM,mCAAmCC,kBAAkB,CAACC,GAAG,CAAC,QAAQ,GAC3E,8EAA8E,GAC9E,6CAA6C;AAEjD;;AAEA;AACA;AACA;AACA;AACO,SAASY,2BAA2BA,CAACZ,GAAW,EAAU;EAC/D,OACE,GAAGF,MAAM,cAAcC,kBAAkB,CAACC,GAAG,CAAC,+BAA+B,GAC7E,wEAAwE,GACxE,0EAA0E,GAC1E,yEAAyE,GACzE,kFAAkF,GAClF,uDAAuD;AAE3D;;AAEA;AACO,SAASa,8BAA8BA,CAC5CJ,MAA+B,EAC/BT,GAAW,EACH;EACR,QAAQS,MAAM;IACZ,KAAK,gBAAgB;MACnB,OAAOG,2BAA2B,CAACZ,GAAG,CAAC;IACzC,KAAK,kBAAkB;MACrB,OAAOc,yBAAyB,CAACd,GAAG,CAAC;IACvC,KAAK,eAAe;MAClB,OAAOW,0BAA0B,CAACX,GAAG,CAAC;EAC1C;AACF;;AAEA;AACO,SAASe,mCAAmCA,CAACN,MAAc,EAAU;EAC1E,OACE,GAAGX,MAAM,8CAA8CW,MAAM,iBAAiB,GAC9E,6EAA6E;AAEjF;;AAEA;AACO,SAASO,iCAAiCA,CAACP,MAAc,EAAU;EACxE,OACE,GAAGX,MAAM,+CAA+CW,MAAM,iBAAiB,GAC/E,4EAA4E;AAEhF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASK,yBAAyBA,CAACd,GAAW,EAAU;EAC7D,OACE,GAAGF,MAAM,mCAAmCC,kBAAkB,CAACC,GAAG,CAAC,6BAA6B,GAChG,mFAAmF,GACnF,8DAA8D;AAElE","ignoreList":[]}
+{"version":3,"names":["PREFIX","redactPairingToken","url","replace","defaultPairingLogger","message","console","warn","exports","pairingLinkDeferredMessage","pairingLinkInitFailedMessage","reason","pairingConnectFailedMessage","pairingPreviewErrorMessage","pairingMissingTokenMessage","pairingForeignSchemeMessage","pairingAttemptRejectionMessage","pairingSchemeShapeMessage","pairingTokenStoreClearFailedMessage","pairingListenerSetupFailedMessage"],"sourceRoot":"../../../src","sources":["pairing/diagnostics.ts"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,MAAMA,MAAM,GAAG,YAAY;;AAE3B;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAACC,GAAW,EAAU;EAC/C,OAAOA,GAAG,CAACC,OAAO,CAAC,wBAAwB,EAAE,cAAc,CAAC;AAC9D;;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAmC,GAAIC,OAAO,IAAK;EAC9D;EACAC,OAAO,CAACC,IAAI,CAACF,OAAO,CAAC;AACvB,CAAC;;AAED;AAAAG,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AACO,SAASK,0BAA0BA,CAAA,EAAW;EACnD,OACE,GAAGT,MAAM,kEAAkE,GAC3E,uDAAuD;AAE3D;;AAEA;AACA;AACA;AACA;AACO,SAASU,4BAA4BA,CAACC,MAAc,EAAU;EACnE,OACE,GAAGX,MAAM,wEAAwE,GACjF,iBAAiBW,MAAM,2DAA2D,GAClF,mEAAmE;AAEvE;;AAEA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAACD,MAAc,EAAU;EAClE,OACE,GAAGX,MAAM,uCAAuCW,MAAM,4BAA4B,GAClF,yDAAyD;AAE7D;;AAEA;AACA;AACA;AACA;AACO,SAASE,0BAA0BA,CAACF,MAAc,EAAU;EACjE,OAAO,GAAGX,MAAM,qBAAqBW,MAAM,EAAE;AAC/C;;AAEA;AACO,SAASG,0BAA0BA,CAACZ,GAAW,EAAU;EAC9D,OACE,GAAGF,MAAM,mCAAmCC,kBAAkB,CAACC,GAAG,CAAC,QAAQ,GAC3E,8EAA8E,GAC9E,6CAA6C;AAEjD;;AAEA;AACA;AACA;AACA;AACO,SAASa,2BAA2BA,CAACb,GAAW,EAAU;EAC/D,OACE,GAAGF,MAAM,cAAcC,kBAAkB,CAACC,GAAG,CAAC,+BAA+B,GAC7E,wEAAwE,GACxE,0EAA0E,GAC1E,yEAAyE,GACzE,0FAA0F,GAC1F,uDAAuD;AAE3D;;AAEA;AACO,SAASc,8BAA8BA,CAC5CL,MAA+B,EAC/BT,GAAW,EACH;EACR,QAAQS,MAAM;IACZ,KAAK,gBAAgB;MACnB,OAAOI,2BAA2B,CAACb,GAAG,CAAC;IACzC,KAAK,kBAAkB;MACrB,OAAOe,yBAAyB,CAACf,GAAG,CAAC;IACvC,KAAK,eAAe;MAClB,OAAOY,0BAA0B,CAACZ,GAAG,CAAC;EAC1C;AACF;;AAEA;AACO,SAASgB,mCAAmCA,CAACP,MAAc,EAAU;EAC1E,OACE,GAAGX,MAAM,8CAA8CW,MAAM,iBAAiB,GAC9E,6EAA6E;AAEjF;;AAEA;AACO,SAASQ,iCAAiCA,CAACR,MAAc,EAAU;EACxE,OACE,GAAGX,MAAM,+CAA+CW,MAAM,iBAAiB,GAC/E,4EAA4E;AAEhF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASM,yBAAyBA,CAACf,GAAW,EAAU;EAC7D,OACE,GAAGF,MAAM,mCAAmCC,kBAAkB,CAACC,GAAG,CAAC,6BAA6B,GAChG,mFAAmF,GACnF,sEAAsE;AAE1E","ignoreList":[]}

package/lib/commonjs/pairing/elementPickerRelay.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bindElementPickerRelay = bindElementPickerRelay;
+var _core = require("@userflow-tech/core");
+var _elementPickerController = require("../authoring/elementPickerController.js");
+function asRecord(payload) {
+  return payload && typeof payload === 'object' ? payload : {};
+}
+function idempotencyKeyOf(payload) {
+  const key = asRecord(payload)['idempotency_key'];
+  return typeof key === 'string' && key.length > 0 ? key : null;
+}
+function resultPayload(key, result) {
+  return {
+    idempotency_key: key,
+    ok: true,
+    autoData: result.autoData,
+    text: result.text ?? null,
+    ...(result.screenshot ? {
+      screenshot: {
+        dataUrl: result.screenshot.dataUrl,
+        width: result.screenshot.width,
+        height: result.screenshot.height,
+        targetX1: result.screenshot.targetX1,
+        targetY1: result.screenshot.targetY1,
+        targetX2: result.screenshot.targetX2,
+        targetY2: result.screenshot.targetY2
+      }
+    } : {})
+  };
+}
+
+/**
+ * Bridge pairing-channel `selectElement*` events onto {@link elementPickerController}.
+ * UI-free: the overlay (and QA harness) own the actual picking.
+ */
+function bindElementPickerRelay(engine) {
+  if (typeof engine.onRelay !== 'function' || typeof engine.sendRelay !== 'function') {
+    return () => undefined;
+  }
+  let ignoreNextCancelSend = false;
+
+  /** Result delivery: ignore ack timeouts; surface connection failures. */
+  const sendResult = async (key, result) => {
+    try {
+      await engine.sendRelay('selectElementResult', resultPayload(key, result));
+    } catch (error) {
+      if (typeof _core.isPairingPushAckTimeout === 'function' && (0, _core.isPairingPushAckTimeout)(error)) {
+        return;
+      }
+      throw error;
+    }
+  };
+
+  /** Cancel is best-effort: ignore timeout and disconnect. */
+  const sendCancel = key => {
+    void engine.sendRelay('selectElementCancel', {
+      idempotency_key: key
+    }).catch(() => undefined);
+  };
+  const unsub = engine.onRelay((event, payload) => {
+    if (event === 'selectElement') {
+      const key = idempotencyKeyOf(payload);
+      if (!key) return;
+      _elementPickerController.elementPickerController.beginSelection({
+        requestId: key,
+        onResult: result => sendResult(key, result),
+        onCancel: () => {
+          if (ignoreNextCancelSend) return;
+          sendCancel(key);
+        }
+      });
+      return;
+    }
+    if (event === 'selectElementCancel') {
+      ignoreNextCancelSend = true;
+      _elementPickerController.elementPickerController.cancel();
+      ignoreNextCancelSend = false;
+    }
+  });
+  return () => {
+    unsub();
+    ignoreNextCancelSend = true;
+    _elementPickerController.elementPickerController.cancel();
+    ignoreNextCancelSend = false;
+  };
+}
+//# sourceMappingURL=elementPickerRelay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_elementPickerController","asRecord","payload","idempotencyKeyOf","key","length","resultPayload","result","idempotency_key","ok","autoData","text","screenshot","dataUrl","width","height","targetX1","targetY1","targetX2","targetY2","bindElementPickerRelay","engine","onRelay","sendRelay","undefined","ignoreNextCancelSend","sendResult","error","isPairingPushAckTimeout","sendCancel","catch","unsub","event","elementPickerController","beginSelection","requestId","onResult","onCancel","cancel"],"sourceRoot":"../../../src","sources":["pairing/elementPickerRelay.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/pairing/resolvePreviewChrome.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolvePreviewChrome = resolvePreviewChrome;
+function isBannerVisible(state) {
+  if (!state.previewActive && state.status === 'idle') return false;
+  if (!state.previewActive && state.status !== 'token_expired' && state.status !== 'device_already_paired' && state.status !== 'error') {
+    return false;
+  }
+  return true;
+}
+function shown(tone, label, numberOfLines = 1) {
+  return {
+    visible: true,
+    tone,
+    label,
+    numberOfLines
+  };
+}
+
+/**
+ * Maps pairing-engine state onto the preview top-bar chrome.
+ * Pure: no React, so the nine-case table can be asserted without a renderer.
+ */
+function resolvePreviewChrome(state) {
+  if (!isBannerVisible(state)) return {
+    visible: false
+  };
+  switch (state.status) {
+    case 'connecting':
+      return shown('default', 'Connecting to Builder…');
+    case 'reconnecting':
+      return shown('default', 'Reconnecting…');
+    case 'token_expired':
+      return shown('error', 'Pairing ended - rescan to continue', 2);
+    case 'device_already_paired':
+      return shown('error', 'Another device is already paired', 2);
+    case 'error':
+      if (state.pairingId === null) {
+        return shown('error', 'Preview unavailable');
+      }
+      return shown('error', 'Pairing ended - rescan to continue', 2);
+    default:
+      if (state.awaitingStartCondition) {
+        return shown('default', 'Waiting for auto-start condition…');
+      }
+      return shown('default', 'Preview mode');
+  }
+}
+//# sourceMappingURL=resolvePreviewChrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isBannerVisible","state","previewActive","status","shown","tone","label","numberOfLines","visible","resolvePreviewChrome","pairingId","awaitingStartCondition"],"sourceRoot":"../../../src","sources":["pairing/resolvePreviewChrome.ts"],"mappings":";;;;;;AAQA,SAASA,eAAeA,CAACC,KAAyB,EAAW;EAC3D,IAAI,CAACA,KAAK,CAACC,aAAa,IAAID,KAAK,CAACE,MAAM,KAAK,MAAM,EAAE,OAAO,KAAK;EACjE,IACE,CAACF,KAAK,CAACC,aAAa,IACpBD,KAAK,CAACE,MAAM,KAAK,eAAe,IAChCF,KAAK,CAACE,MAAM,KAAK,uBAAuB,IACxCF,KAAK,CAACE,MAAM,KAAK,OAAO,EACxB;IACA,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb;AAEA,SAASC,KAAKA,CACZC,IAAsB,EACtBC,KAAa,EACbC,aAAa,GAAG,CAAC,EAC0B;EAC3C,OAAO;IAAEC,OAAO,EAAE,IAAI;IAAEH,IAAI;IAAEC,KAAK;IAAEC;EAAc,CAAC;AACtD;;AAEA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAACR,KAAyB,EAAiB;EAC7E,IAAI,CAACD,eAAe,CAACC,KAAK,CAAC,EAAE,OAAO;IAAEO,OAAO,EAAE;EAAM,CAAC;EAEtD,QAAQP,KAAK,CAACE,MAAM;IAClB,KAAK,YAAY;MACf,OAAOC,KAAK,CAAC,SAAS,EAAE,wBAAwB,CAAC;IACnD,KAAK,cAAc;MACjB,OAAOA,KAAK,CAAC,SAAS,EAAE,eAAe,CAAC;IAC1C,KAAK,eAAe;MAClB,OAAOA,KAAK,CAAC,OAAO,EAAE,oCAAoC,EAAE,CAAC,CAAC;IAChE,KAAK,uBAAuB;MAC1B,OAAOA,KAAK,CAAC,OAAO,EAAE,kCAAkC,EAAE,CAAC,CAAC;IAC9D,KAAK,OAAO;MACV,IAAIH,KAAK,CAACS,SAAS,KAAK,IAAI,EAAE;QAC5B,OAAON,KAAK,CAAC,OAAO,EAAE,qBAAqB,CAAC;MAC9C;MACA,OAAOA,KAAK,CAAC,OAAO,EAAE,oCAAoC,EAAE,CAAC,CAAC;IAChE;MACE,IAAIH,KAAK,CAACU,sBAAsB,EAAE;QAChC,OAAOP,KAAK,CAAC,SAAS,EAAE,mCAAmC,CAAC;MAC9D;MACA,OAAOA,KAAK,CAAC,SAAS,EAAE,cAAc,CAAC;EAC3C;AACF","ignoreList":[]}

package/lib/commonjs/pairing/tokenStorage.js

@@ -5,20 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createMemoryPairingTokenStore = createMemoryPairingTokenStore;
 exports.createPairingTokenStore = createPairingTokenStore;
+exports.resetPairingTokenStoreCacheForTests = resetPairingTokenStoreCacheForTests;
 /**
  * Persist the pairing JWT for reconnect within the current app session.
  * Cleared on SDK init / exit preview / app restart (pairing exits on restart).
  */
 
 const STORAGE_KEY = 'userflow:pairingToken';
+let cachedSecureStore;
+
+/** Expo modules must be installed natively — not just the JS package. */
+function isExpoModulesRuntimeAvailable() {
+  const expo = globalThis.expo;
+  return typeof expo?.EventEmitter === 'function';
+}
 function tryLoadExpoSecureStore() {
+  if (cachedSecureStore !== undefined) return cachedSecureStore;
+  if (typeof require !== 'function' || !isExpoModulesRuntimeAvailable()) {
+    cachedSecureStore = null;
+    return cachedSecureStore;
+  }
   try {
     // Optional peer — absent in bare RN without expo-secure-store.
     // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires -- optional peer at import time
-    return require('expo-secure-store');
+    cachedSecureStore = require('expo-secure-store');
   } catch {
-    return null;
+    cachedSecureStore = null;
+    if (__DEV__) {
+      // eslint-disable-next-line no-console -- intentional missing-optional-peer diagnostic
+      console.warn('[Userflow] Optional peer expo-secure-store is unavailable; ' + 'pairing JWT persistence falls back to in-memory storage.');
+    }
   }
+  return cachedSecureStore;
 }
 
 /** In-memory store used when SecureStore is unavailable (and in tests). */
@@ -67,4 +85,9 @@ function createPairingTokenStore() {
     }
   };
 }
+
+/** @internal Resets module cache between tests. */
+function resetPairingTokenStoreCacheForTests() {
+  cachedSecureStore = undefined;
+}
 //# sourceMappingURL=tokenStorage.js.map