@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/commonjs/authoring/chrome/ChromeTooltip.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHROME_TOOLTIP_NOTCH_SIZE = exports.CHROME_TOOLTIP_DEFAULT_DURATION_MS = void 0;
+exports.ChromeTooltip = ChromeTooltip;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _TooltipNotch = require("../../surfaces/tooltip/TooltipNotch.js");
+var _tokens = require("./tokens.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 CHROME_TOOLTIP_NOTCH_SIZE = exports.CHROME_TOOLTIP_NOTCH_SIZE = 8;
+const CHROME_TOOLTIP_DEFAULT_DURATION_MS = exports.CHROME_TOOLTIP_DEFAULT_DURATION_MS = 5000;
+/**
+ * Onboarding bubble with an upward notch. Pointer-events none so it does not
+ * steal the double-tap that shows/hides authoring chrome.
+ */
+function ChromeTooltip({
+  children,
+  visible = true,
+  durationMs = CHROME_TOOLTIP_DEFAULT_DURATION_MS,
+  onDismiss,
+  testID = 'userflow-chrome-tooltip'
+}) {
+  const [dismissed, setDismissed] = React.useState(false);
+  const onDismissRef = React.useRef(onDismiss);
+  onDismissRef.current = onDismiss;
+  React.useEffect(() => {
+    if (!visible) {
+      setDismissed(false);
+      return;
+    }
+    if (durationMs <= 0) return;
+    const id = setTimeout(() => {
+      setDismissed(true);
+      onDismissRef.current?.();
+    }, durationMs);
+    return () => {
+      clearTimeout(id);
+    };
+  }, [visible, durationMs]);
+  if (!visible || dismissed) return null;
+  const diamond = (0, _TooltipNotch.tooltipNotchDiamondSide)(CHROME_TOOLTIP_NOTCH_SIZE);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    pointerEvents: "none",
+    style: styles.root,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.notchClip,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipNotch.TooltipNotch, {
+        left: (16 - diamond) / 2,
+        notchColor: _tokens.chromeColors.primaryText,
+        notchSize: CHROME_TOOLTIP_NOTCH_SIZE,
+        top: CHROME_TOOLTIP_NOTCH_SIZE - diamond / 2
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.bubble, _tokens.chromeShadows.tooltip],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [_tokens.chromeText.tooltip, {
+          color: _tokens.chromeColors.invertedText
+        }],
+        children: children
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    alignItems: 'center',
+    maxWidth: 300
+  },
+  notchClip: {
+    width: 16,
+    height: CHROME_TOOLTIP_NOTCH_SIZE,
+    overflow: 'hidden',
+    marginBottom: -1,
+    position: 'relative'
+  },
+  bubble: {
+    backgroundColor: _tokens.chromeColors.primaryText,
+    borderRadius: _tokens.chromeRadius.lg,
+    padding: _tokens.chromeSpace[12],
+    maxWidth: 300
+  }
+});
+//# sourceMappingURL=ChromeTooltip.js.map

package/lib/commonjs/authoring/chrome/ChromeTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_TooltipNotch","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CHROME_TOOLTIP_NOTCH_SIZE","exports","CHROME_TOOLTIP_DEFAULT_DURATION_MS","ChromeTooltip","children","visible","durationMs","onDismiss","testID","dismissed","setDismissed","useState","onDismissRef","useRef","current","useEffect","id","setTimeout","clearTimeout","diamond","tooltipNotchDiamondSide","jsxs","View","pointerEvents","style","styles","root","jsx","notchClip","TooltipNotch","left","notchColor","chromeColors","primaryText","notchSize","top","bubble","chromeShadows","tooltip","Text","chromeText","color","invertedText","StyleSheet","create","alignItems","maxWidth","width","height","overflow","marginBottom","position","backgroundColor","borderRadius","chromeRadius","lg","padding","chromeSpace"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeTooltip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/authoring/chrome/ChromeTopBar.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromeTopBar = ChromeTopBar;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _safeArea = require("../../surfaces/safeArea.js");
+var _ChromeIcon = require("./ChromeIcon.js");
+var _userflowLogomark = _interopRequireDefault(require("./icons/userflow-logomark.png"));
+var _tokens = require("./tokens.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * Full-bleed authoring top bar. Height comes from safe-area + content, not
+ * the Figma frame (that number already includes the status bar).
+ *
+ * On the Pro Max reference the 16pt label starts 13pt below the status bar
+ * and ends 24pt above the bottom edge. The 40pt controls are taller than
+ * that label, so the outer padding is what remains after centering them.
+ */
+function ChromeTopBar({
+  label,
+  tone = 'default',
+  icon,
+  left,
+  right,
+  onMeasureHeight,
+  numberOfLines = 1,
+  accessibilityElementsHidden,
+  importantForAccessibility,
+  testID = 'userflow-chrome-top-bar'
+}) {
+  const insets = (0, _safeArea.useUserflowSafeAreaInsets)();
+  const onLayout = React.useCallback(event => {
+    onMeasureHeight?.(event.nativeEvent.layout.height);
+  }, [onMeasureHeight]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    importantForAccessibility: importantForAccessibility,
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.bar, _tokens.chromeShadows.card, {
+      backgroundColor: tone === 'error' ? _tokens.chromeColors.danger : _tokens.chromeColors.primaryText,
+      paddingTop: insets.top + CONTENT_TOP_GAP
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.slot,
+        children: left
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.labelRow,
+        pointerEvents: "none",
+        children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeIcon.ChromeIcon, {
+          name: icon.name,
+          size: 16,
+          testID: "userflow-chrome-top-bar-icon",
+          tintColor: icon.tintColor
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          accessibilityIgnoresInvertColors: true,
+          source: _userflowLogomark.default,
+          style: styles.logomark,
+          testID: "userflow-chrome-logomark"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          numberOfLines: numberOfLines,
+          style: [_tokens.chromeText.labelSmBold, styles.label],
+          children: label
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.slot,
+        children: right
+      })]
+    })
+  });
+}
+const SLOT = 40;
+/** Figma: 13pt from the status-bar inset to the 16pt label, 24pt below it. */
+const LABEL_LINE_HEIGHT = 16;
+const LABEL_GAP_BELOW_STATUS_BAR = 13;
+const LABEL_GAP_ABOVE_BAR_EDGE = 24;
+const SLOT_SLACK = (SLOT - LABEL_LINE_HEIGHT) / 2;
+const CONTENT_TOP_GAP = LABEL_GAP_BELOW_STATUS_BAR - SLOT_SLACK;
+const CONTENT_BOTTOM_GAP = LABEL_GAP_ABOVE_BAR_EDGE - SLOT_SLACK;
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    paddingHorizontal: _tokens.chromeSpace[24],
+    paddingBottom: CONTENT_BOTTOM_GAP
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: SLOT
+  },
+  slot: {
+    width: SLOT,
+    height: SLOT,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  labelRow: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: _tokens.chromeSpace[8],
+    paddingHorizontal: _tokens.chromeSpace[8]
+  },
+  label: {
+    color: _tokens.chromeColors.invertedText,
+    textAlign: 'center',
+    flexShrink: 1
+  },
+  logomark: {
+    // Figma `Warstwa_1` stacked-card mark. Not the Made-with-Userflow footer glyph.
+    width: 16,
+    height: 15,
+    tintColor: _tokens.chromeColors.invertedText
+  }
+});
+//# sourceMappingURL=ChromeTopBar.js.map

package/lib/commonjs/authoring/chrome/ChromeTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_safeArea","_ChromeIcon","_userflowLogomark","_interopRequireDefault","_tokens","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChromeTopBar","label","tone","icon","left","right","onMeasureHeight","numberOfLines","accessibilityElementsHidden","importantForAccessibility","testID","insets","useUserflowSafeAreaInsets","onLayout","useCallback","event","nativeEvent","layout","height","jsx","View","style","styles","bar","chromeShadows","card","backgroundColor","chromeColors","danger","primaryText","paddingTop","top","CONTENT_TOP_GAP","children","jsxs","row","slot","labelRow","pointerEvents","ChromeIcon","name","size","tintColor","Image","accessibilityIgnoresInvertColors","source","logomark","Text","chromeText","labelSmBold","SLOT","LABEL_LINE_HEIGHT","LABEL_GAP_BELOW_STATUS_BAR","LABEL_GAP_ABOVE_BAR_EDGE","SLOT_SLACK","CONTENT_BOTTOM_GAP","StyleSheet","create","paddingHorizontal","chromeSpace","paddingBottom","flexDirection","alignItems","minHeight","width","justifyContent","flex","gap","color","invertedText","textAlign","flexShrink"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeTopBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/authoring/chrome/DoubleTapBridge.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DoubleTapBridge = DoubleTapBridge;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _changedTouchPoints = require("../../runtime/changedTouchPoints.js");
+var _isolateCall = require("../../runtime/isolateCall.js");
+var _doubleTapMonitor = require("./doubleTapMonitor.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); }
+/**
+ * Observes screen-wide touches for {@link doubleTapMonitor} without claiming
+ * the responder. Must wrap **both** host app content and authoring chrome —
+ * preview-bar taps never bubble through `TargetPressBridge`, which only
+ * wraps the app tree.
+ */
+function DoubleTapBridge({
+  children
+}) {
+  const onTouchStart = React.useCallback(event => {
+    (0, _isolateCall.isolateSync)('double-tap', () => {
+      (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
+        _doubleTapMonitor.doubleTapMonitor.handleTouchStart(identifier, pageX, pageY);
+      });
+    });
+  }, []);
+  const onTouchEnd = React.useCallback(event => {
+    (0, _isolateCall.isolateSync)('double-tap', () => {
+      (0, _changedTouchPoints.forEachChangedTouch)(event, (identifier, pageX, pageY) => {
+        _doubleTapMonitor.doubleTapMonitor.handleTouchEnd(identifier, pageX, pageY);
+      });
+    });
+  }, []);
+  const onTouchCancel = React.useCallback(event => {
+    (0, _isolateCall.isolateSync)('double-tap', () => {
+      const points = (0, _changedTouchPoints.changedTouchPoints)(event);
+      if (points.length === 0) {
+        _doubleTapMonitor.doubleTapMonitor.cancelTouch();
+        return;
+      }
+      for (const touch of points) {
+        _doubleTapMonitor.doubleTapMonitor.cancelTouch(touch.identifier);
+      }
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.root,
+    collapsable: false,
+    onTouchStart: onTouchStart,
+    onTouchEnd: onTouchEnd,
+    onTouchCancel: onTouchCancel,
+    testID: "userflow-double-tap-bridge",
+    children: children
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=DoubleTapBridge.js.map

package/lib/commonjs/authoring/chrome/DoubleTapBridge.js.map

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

package/lib/commonjs/authoring/chrome/doubleTapMonitor.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.doubleTapMonitor = exports.DoubleTapMonitor = void 0;
+var _targetPressMonitor = require("../../anchors/targetPressMonitor.js");
+var _doubleTap = require("../doubleTap.js");
+/**
+ * Screen-wide double-tap observer. Never claims the responder — the host app
+ * keeps scrolling and tapping. Used by preview-mode chrome, which has no
+ * capture layer of its own.
+ *
+ * Distinct from `targetPressMonitor`: that singleton is bound to a tooltip
+ * target rect and fires `onPress`, not a double-tap toggle.
+ */
+class DoubleTapMonitor {
+  subscription = null;
+  touchStarts = new Map();
+  lastTap = null;
+  set(subscription) {
+    this.subscription = subscription;
+    if (!subscription) {
+      this.touchStarts.clear();
+      this.lastTap = null;
+    }
+  }
+
+  /**
+   * Drop `subscription` only when it is still the active one. A later owner
+   * (preview bar after the picker leaves navigate mode) must survive cleanup.
+   */
+  clearIfCurrent(subscription) {
+    if (this.subscription === subscription) {
+      this.set(null);
+    }
+  }
+  handleTouchStart(identifier, pageX, pageY) {
+    if (!this.subscription) {
+      this.touchStarts.clear();
+      return;
+    }
+    this.touchStarts.set(identifier, {
+      pageX,
+      pageY
+    });
+  }
+  handleTouchEnd(identifier, pageX, pageY) {
+    const start = this.touchStarts.get(identifier) ?? null;
+    this.touchStarts.delete(identifier);
+    const sub = this.subscription;
+    if (!start || !sub) return;
+    const dx = pageX - start.pageX;
+    const dy = pageY - start.pageY;
+    if (dx * dx + dy * dy > _targetPressMonitor.TARGET_PRESS_TAP_SLOP * _targetPressMonitor.TARGET_PRESS_TAP_SLOP) {
+      this.lastTap = null;
+      return;
+    }
+    const sample = {
+      pageX,
+      pageY,
+      timestamp: Date.now()
+    };
+    if ((0, _doubleTap.isDoubleTap)(this.lastTap, sample)) {
+      this.lastTap = null;
+      sub.onDoubleTap();
+      return;
+    }
+    this.lastTap = sample;
+  }
+  cancelTouch(identifier) {
+    if (identifier == null) {
+      this.touchStarts.clear();
+      return;
+    }
+    this.touchStarts.delete(identifier);
+  }
+
+  /** Test helper. */
+  resetForTests() {
+    this.subscription = null;
+    this.touchStarts.clear();
+    this.lastTap = null;
+  }
+}
+
+/** Shared singleton used by PreviewModeBanner and DoubleTapBridge. */
+exports.DoubleTapMonitor = DoubleTapMonitor;
+const doubleTapMonitor = exports.doubleTapMonitor = new DoubleTapMonitor();
+//# sourceMappingURL=doubleTapMonitor.js.map

package/lib/commonjs/authoring/chrome/doubleTapMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_targetPressMonitor","require","_doubleTap","DoubleTapMonitor","subscription","touchStarts","Map","lastTap","set","clear","clearIfCurrent","handleTouchStart","identifier","pageX","pageY","handleTouchEnd","start","get","delete","sub","dx","dy","TARGET_PRESS_TAP_SLOP","sample","timestamp","Date","now","isDoubleTap","onDoubleTap","cancelTouch","resetForTests","exports","doubleTapMonitor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/doubleTapMonitor.ts"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,gBAAgB,CAAC;EACpBC,YAAY,GAAiC,IAAI;EACjDC,WAAW,GAAG,IAAIC,GAAG,CAA8B,CAAC;EACpDC,OAAO,GAAqB,IAAI;EAExCC,GAAGA,CAACJ,YAA0C,EAAQ;IACpD,IAAI,CAACA,YAAY,GAAGA,YAAY;IAChC,IAAI,CAACA,YAAY,EAAE;MACjB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB,IAAI,CAACF,OAAO,GAAG,IAAI;IACrB;EACF;;EAEA;AACF;AACA;AACA;EACEG,cAAcA,CAACN,YAAmC,EAAQ;IACxD,IAAI,IAAI,CAACA,YAAY,KAAKA,YAAY,EAAE;MACtC,IAAI,CAACI,GAAG,CAAC,IAAI,CAAC;IAChB;EACF;EAEAG,gBAAgBA,CAACC,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAChF,IAAI,CAAC,IAAI,CAACV,YAAY,EAAE;MACtB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACG,GAAG,CAACI,UAAU,EAAE;MAAEC,KAAK;MAAEC;IAAM,CAAC,CAAC;EACpD;EAEAC,cAAcA,CAACH,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAC9E,MAAME,KAAK,GAAG,IAAI,CAACX,WAAW,CAACY,GAAG,CAACL,UAAU,CAAC,IAAI,IAAI;IACtD,IAAI,CAACP,WAAW,CAACa,MAAM,CAACN,UAAU,CAAC;IACnC,MAAMO,GAAG,GAAG,IAAI,CAACf,YAAY;IAC7B,IAAI,CAACY,KAAK,IAAI,CAACG,GAAG,EAAE;IAEpB,MAAMC,EAAE,GAAGP,KAAK,GAAGG,KAAK,CAACH,KAAK;IAC9B,MAAMQ,EAAE,GAAGP,KAAK,GAAGE,KAAK,CAACF,KAAK;IAC9B,IAAIM,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,GAAGC,yCAAqB,GAAGA,yCAAqB,EAAE;MACrE,IAAI,CAACf,OAAO,GAAG,IAAI;MACnB;IACF;IAEA,MAAMgB,MAAiB,GAAG;MAAEV,KAAK;MAAEC,KAAK;MAAEU,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;IAAE,CAAC;IACjE,IAAI,IAAAC,sBAAW,EAAC,IAAI,CAACpB,OAAO,EAAEgB,MAAM,CAAC,EAAE;MACrC,IAAI,CAAChB,OAAO,GAAG,IAAI;MACnBY,GAAG,CAACS,WAAW,CAAC,CAAC;MACjB;IACF;IACA,IAAI,CAACrB,OAAO,GAAGgB,MAAM;EACvB;EAEAM,WAAWA,CAACjB,UAA4B,EAAQ;IAC9C,IAAIA,UAAU,IAAI,IAAI,EAAE;MACtB,IAAI,CAACP,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACa,MAAM,CAACN,UAAU,CAAC;EACrC;;EAEA;EACAkB,aAAaA,CAAA,EAAS;IACpB,IAAI,CAAC1B,YAAY,GAAG,IAAI;IACxB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;IACxB,IAAI,CAACF,OAAO,GAAG,IAAI;EACrB;AACF;;AAEA;AAAAwB,OAAA,CAAA5B,gBAAA,GAAAA,gBAAA;AACO,MAAM6B,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAI7B,gBAAgB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/authoring/chrome/tokens.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chromeText = exports.chromeSpace = exports.chromeShadows = exports.chromeRadius = exports.chromeOverlay = exports.chromeColors = void 0;
+/**
+ * Authoring-chrome tokens from the Userflow React Native Figma file
+ * (`BojC6qdlFUytdD1bRsNLV8`). These are independent of end-user flow
+ * `ThemeFragment` — pairing / picker UI is not themed by the server.
+ *
+ * Typography omits `fontFamily` so RN uses SF Pro / Roboto.
+ */
+
+const chromeColors = exports.chromeColors = {
+  primaryText: '#132b39',
+  invertedText: '#ffffff',
+  blue500: '#1a57e6',
+  overlay: 'rgba(0, 0, 0, 0.2)',
+  /** Figma Colors/Effect/Focus Ring (`#2f69ee59`). */
+  focusRing: 'rgba(47, 105, 238, 0.35)',
+  bgMiddle: '#f4f8fb',
+  danger: '#57000e',
+  /** Figma Colors/Accent/Warning (`#f0c000`). */
+  warningAccent: '#f0c000',
+  /** Figma Colors/Accent/Danger (`#eb1e47`). */
+  dangerAccent: '#eb1e47',
+  /** Figma Primitive Colors/Gray/150 — disabled primary pill. */
+  disabledFill: '#c3d5e0',
+  white: '#ffffff',
+  /** Figma Shadow/Button. Opacity is applied in `chromeShadows`. */
+  shadowButton: 'rgb(54, 107, 214)'
+};
+
+/**
+ * `chromeColors.overlay` split for TooltipCutout's composite-once contract
+ * (`backdropColor` + `backdropOpacity` rather than a single rgba string).
+ */
+const chromeOverlay = exports.chromeOverlay = {
+  color: '#000000',
+  opacity: 0.2
+};
+const chromeSpace = exports.chromeSpace = {
+  0: 0,
+  8: 8,
+  12: 12,
+  16: 16,
+  20: 20,
+  24: 24
+};
+const chromeRadius = exports.chromeRadius = {
+  md: 4,
+  lg: 8,
+  fullyRounded: 9999
+};
+const chromeText = exports.chromeText = {
+  buttonLabel: {
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 20
+  },
+  /** Figma Labels/SM Bold — header title and bottom-sheet helper copy. */
+  labelSmBold: {
+    fontSize: 14,
+    fontWeight: '600',
+    lineHeight: 16
+  },
+  dialogTitle: {
+    fontSize: 18,
+    fontWeight: '500',
+    lineHeight: 24
+  },
+  dialogBody: {
+    fontSize: 16,
+    fontWeight: '400',
+    lineHeight: 24
+  },
+  tooltip: {
+    fontSize: 14,
+    fontWeight: '500',
+    lineHeight: 16
+  }
+};
+
+/**
+ * Figma drop shadows approximated as RN `shadow*` + Android `elevation`.
+ * There is no shared chrome shadow helper — TooltipBubble's elevation pairing
+ * is tooltip-specific and is not reused here.
+ */
+const chromeShadows = exports.chromeShadows = {
+  /** Shadow/Button — primary pill. */
+  button: {
+    shadowColor: chromeColors.shadowButton,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  /** Shadow/Button (Subtle) — secondary / icon pills. */
+  buttonSubtle: {
+    shadowColor: chromeColors.shadowButton,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  /** Shadow/Card — full-bleed top/bottom bars. */
+  card: {
+    shadowColor: chromeColors.primaryText,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 8
+  },
+  /** Shadow/Default (Subtle) — onboarding tooltip. */
+  tooltip: {
+    shadowColor: chromeColors.primaryText,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 4
+  },
+  /**
+   * Dialog card. Carries the values ChromeDialog shipped with (shadowRadius 6 /
+   * elevation 6). Figma names this Shadow/Default (Subtle) — the same token as
+   * `tooltip` — but the radius-convention audit across chrome shadows is Phase 6.
+   */
+  dialog: {
+    shadowColor: chromeColors.primaryText,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 6,
+    elevation: 6
+  }
+};
+//# sourceMappingURL=tokens.js.map

package/lib/commonjs/authoring/chrome/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["chromeColors","exports","primaryText","invertedText","blue500","overlay","focusRing","bgMiddle","danger","warningAccent","dangerAccent","disabledFill","white","shadowButton","chromeOverlay","color","opacity","chromeSpace","chromeRadius","md","lg","fullyRounded","chromeText","buttonLabel","fontSize","fontWeight","lineHeight","labelSmBold","dialogTitle","dialogBody","tooltip","chromeShadows","button","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","buttonSubtle","card","dialog"],"sourceRoot":"../../../../src","sources":["authoring/chrome/tokens.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/authoring/doubleTap.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DOUBLE_TAP_WINDOW_MS = exports.DOUBLE_TAP_SLOP = void 0;
+exports.isDoubleTap = isDoubleTap;
+const DOUBLE_TAP_WINDOW_MS = exports.DOUBLE_TAP_WINDOW_MS = 300;
+const DOUBLE_TAP_SLOP = exports.DOUBLE_TAP_SLOP = 40;
+/**
+ * True when `next` lands close enough in space and time to `prev` to count as
+ * the second half of a double tap. Inclusive on both the time window and slop
+ * so a tap at exactly the boundary still toggles chrome rather than selecting.
+ */
+function isDoubleTap(prev, next, windowMs = DOUBLE_TAP_WINDOW_MS, slop = DOUBLE_TAP_SLOP) {
+  if (prev == null) return false;
+  const dt = next.timestamp - prev.timestamp;
+  if (dt < 0 || dt > windowMs) return false;
+  const dx = next.pageX - prev.pageX;
+  const dy = next.pageY - prev.pageY;
+  return dx * dx + dy * dy <= slop * slop;
+}
+//# sourceMappingURL=doubleTap.js.map

package/lib/commonjs/authoring/doubleTap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DOUBLE_TAP_WINDOW_MS","exports","DOUBLE_TAP_SLOP","isDoubleTap","prev","next","windowMs","slop","dt","timestamp","dx","pageX","dy","pageY"],"sourceRoot":"../../../src","sources":["authoring/doubleTap.ts"],"mappings":";;;;;;;AAAO,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,GAAG;AAChC,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,EAAE;AAQjC;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CACzBC,IAAsB,EACtBC,IAAe,EACfC,QAAgB,GAAGN,oBAAoB,EACvCO,IAAY,GAAGL,eAAe,EACrB;EACT,IAAIE,IAAI,IAAI,IAAI,EAAE,OAAO,KAAK;EAC9B,MAAMI,EAAE,GAAGH,IAAI,CAACI,SAAS,GAAGL,IAAI,CAACK,SAAS;EAC1C,IAAID,EAAE,GAAG,CAAC,IAAIA,EAAE,GAAGF,QAAQ,EAAE,OAAO,KAAK;EACzC,MAAMI,EAAE,GAAGL,IAAI,CAACM,KAAK,GAAGP,IAAI,CAACO,KAAK;EAClC,MAAMC,EAAE,GAAGP,IAAI,CAACQ,KAAK,GAAGT,IAAI,CAACS,KAAK;EAClC,OAAOH,EAAE,GAAGA,EAAE,GAAGE,EAAE,GAAGA,EAAE,IAAIL,IAAI,GAAGA,IAAI;AACzC","ignoreList":[]}