@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/commonjs/authoring/capturePickerScreenshot.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.capturePickerScreenshot = capturePickerScreenshot;
+exports.resetViewShotWarningForTests = resetViewShotWarningForTests;
+var _reactNative = require("react-native");
+const MAX_CAPTURE_WIDTH = 480;
+const MISSING_VIEW_SHOT_WARNING = '[Userflow] Required peer react-native-view-shot is not installed; ' + 'skipping picker screenshot. Install react-native-view-shot (>=5.0.0) and rebuild native.';
+let didWarnMissingViewShot = false;
+function warnMissingViewShot() {
+  if (didWarnMissingViewShot) return;
+  didWarnMissingViewShot = true;
+  if (__DEV__) {
+    // eslint-disable-next-line no-console -- intentional missing-required-peer diagnostic
+    console.warn(MISSING_VIEW_SHOT_WARNING);
+  }
+}
+function loadViewShot() {
+  try {
+    // Required peer; degrade if unlinked or the JS package is missing.
+    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
+    return require('react-native-view-shot');
+  } catch {
+    warnMissingViewShot();
+    return null;
+  }
+}
+
+/**
+ * Capture a downscaled JPEG of the current screen and map `rect` (window DIP)
+ * onto the captured pixel grid. Returns null when the native module is missing
+ * or capture fails.
+ */
+async function capturePickerScreenshot(rect) {
+  const viewShot = loadViewShot();
+  if (!viewShot?.captureScreen) return null;
+  try {
+    const window = _reactNative.Dimensions.get('window');
+    const winW = window.width || 1;
+    const winH = window.height || 1;
+    const captureWidth = Math.min(Math.round(winW), MAX_CAPTURE_WIDTH);
+    const captureHeight = Math.max(1, Math.round(winH * (captureWidth / winW)));
+    const dataUrl = await viewShot.captureScreen({
+      format: 'jpg',
+      quality: 0.55,
+      result: 'data-uri',
+      width: captureWidth,
+      height: captureHeight
+    });
+    if (typeof dataUrl !== 'string' || dataUrl.length === 0) return null;
+    const sx = captureWidth / winW;
+    const sy = captureHeight / winH;
+    return {
+      dataUrl,
+      width: captureWidth,
+      height: captureHeight,
+      targetX1: Math.round(rect.x * sx),
+      targetY1: Math.round(rect.y * sy),
+      targetX2: Math.round((rect.x + rect.width) * sx),
+      targetY2: Math.round((rect.y + rect.height) * sy)
+    };
+  } catch {
+    return null;
+  }
+}
+
+/** @internal */
+function resetViewShotWarningForTests() {
+  didWarnMissingViewShot = false;
+}
+//# sourceMappingURL=capturePickerScreenshot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","MAX_CAPTURE_WIDTH","MISSING_VIEW_SHOT_WARNING","didWarnMissingViewShot","warnMissingViewShot","__DEV__","console","warn","loadViewShot","capturePickerScreenshot","rect","viewShot","captureScreen","window","Dimensions","get","winW","width","winH","height","captureWidth","Math","min","round","captureHeight","max","dataUrl","format","quality","result","length","sx","sy","targetX1","x","targetY1","y","targetX2","targetY2","resetViewShotWarningForTests"],"sourceRoot":"../../../src","sources":["authoring/capturePickerScreenshot.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,yBAAyB,GAC7B,oEAAoE,GACpE,0FAA0F;AAY5F,IAAIC,sBAAsB,GAAG,KAAK;AAElC,SAASC,mBAAmBA,CAAA,EAAS;EACnC,IAAID,sBAAsB,EAAE;EAC5BA,sBAAsB,GAAG,IAAI;EAC7B,IAAIE,OAAO,EAAE;IACX;IACAC,OAAO,CAACC,IAAI,CAACL,yBAAyB,CAAC;EACzC;AACF;AAEA,SAASM,YAAYA,CAAA,EAA0B;EAC7C,IAAI;IACF;IACA;IACA,OAAOR,OAAO,CAAC,wBAAwB,CAAC;EAC1C,CAAC,CAAC,MAAM;IACNI,mBAAmB,CAAC,CAAC;IACrB,OAAO,IAAI;EACb;AACF;;AAEA;AACA;AACA;AACA;AACA;AACO,eAAeK,uBAAuBA,CAC3CC,IAAa,EAC4B;EACzC,MAAMC,QAAQ,GAAGH,YAAY,CAAC,CAAC;EAC/B,IAAI,CAACG,QAAQ,EAAEC,aAAa,EAAE,OAAO,IAAI;EAEzC,IAAI;IACF,MAAMC,MAAM,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;IACvC,MAAMC,IAAI,GAAGH,MAAM,CAACI,KAAK,IAAI,CAAC;IAC9B,MAAMC,IAAI,GAAGL,MAAM,CAACM,MAAM,IAAI,CAAC;IAC/B,MAAMC,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,KAAK,CAACP,IAAI,CAAC,EAAEf,iBAAiB,CAAC;IAClE,MAAMuB,aAAa,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEJ,IAAI,CAACE,KAAK,CAACL,IAAI,IAAIE,YAAY,GAAGJ,IAAI,CAAC,CAAC,CAAC;IAE3E,MAAMU,OAAO,GAAG,MAAMf,QAAQ,CAACC,aAAa,CAAC;MAC3Ce,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI;MACbC,MAAM,EAAE,UAAU;MAClBZ,KAAK,EAAEG,YAAY;MACnBD,MAAM,EAAEK;IACV,CAAC,CAAC;IACF,IAAI,OAAOE,OAAO,KAAK,QAAQ,IAAIA,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IAEpE,MAAMC,EAAE,GAAGX,YAAY,GAAGJ,IAAI;IAC9B,MAAMgB,EAAE,GAAGR,aAAa,GAAGN,IAAI;IAC/B,OAAO;MACLQ,OAAO;MACPT,KAAK,EAAEG,YAAY;MACnBD,MAAM,EAAEK,aAAa;MACrBS,QAAQ,EAAEZ,IAAI,CAACE,KAAK,CAACb,IAAI,CAACwB,CAAC,GAAGH,EAAE,CAAC;MACjCI,QAAQ,EAAEd,IAAI,CAACE,KAAK,CAACb,IAAI,CAAC0B,CAAC,GAAGJ,EAAE,CAAC;MACjCK,QAAQ,EAAEhB,IAAI,CAACE,KAAK,CAAC,CAACb,IAAI,CAACwB,CAAC,GAAGxB,IAAI,CAACO,KAAK,IAAIc,EAAE,CAAC;MAChDO,QAAQ,EAAEjB,IAAI,CAACE,KAAK,CAAC,CAACb,IAAI,CAAC0B,CAAC,GAAG1B,IAAI,CAACS,MAAM,IAAIa,EAAE;IAClD,CAAC;EACH,CAAC,CAAC,MAAM;IACN,OAAO,IAAI;EACb;AACF;;AAEA;AACO,SAASO,4BAA4BA,CAAA,EAAS;EACnDpC,sBAAsB,GAAG,KAAK;AAChC","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHROME_BAR_EXIT_MS = exports.CHROME_BAR_ENTER_MS = void 0;
+exports.ChromeBarTransition = ChromeBarTransition;
+exports.useChromeBarMounted = useChromeBarMounted;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+/** Bars enter with web's `250ms` feel and leave a touch faster. */
+const CHROME_BAR_ENTER_MS = exports.CHROME_BAR_ENTER_MS = 220;
+const CHROME_BAR_EXIT_MS = exports.CHROME_BAR_EXIT_MS = 160;
+/**
+ * Slides + fades an authoring chrome bar on and off screen. The bar translates
+ * by its own measured height toward {@link ChromeBarTransitionProps.edge}, so it
+ * leaves fully off-screen instead of shrinking in place.
+ *
+ * This only drives the animation; the parent keeps the bar mounted across the
+ * exit with {@link useChromeBarMounted} and drops it once the exit has run.
+ */
+function ChromeBarTransition({
+  visible,
+  edge,
+  style,
+  pointerEvents,
+  children,
+  testID
+}) {
+  const progress = React.useRef(new _reactNative.Animated.Value(0)).current;
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
+    // Pin the start point: a native-driven ramp is computed from the JS value,
+    // which the previous native animation left behind.
+    progress.setValue(visible ? 0 : 1);
+    const animation = _reactNative.Animated.timing(progress, {
+      toValue: visible ? 1 : 0,
+      duration: visible ? CHROME_BAR_ENTER_MS : CHROME_BAR_EXIT_MS,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => {
+      animation.stop();
+    };
+  }, [progress, visible]);
+  const onLayout = React.useCallback(event => {
+    const next = event.nativeEvent.layout.height;
+    setHeight(prev => Math.abs(prev - next) < 0.5 ? prev : next);
+  }, []);
+
+  // Until the bar is measured, fade only — the slide engages on the next frame
+  // once the height is known, while opacity is still near zero.
+  const transform = height > 0 ? [{
+    translateY: progress.interpolate({
+      inputRange: [0, 1],
+      outputRange: [edge === 'top' ? -height : height, 0]
+    })
+  }] : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    testID: testID,
+    pointerEvents: visible ? pointerEvents : 'none',
+    onLayout: onLayout,
+    style: [style, transform ? {
+      opacity: progress,
+      transform
+    } : {
+      opacity: progress
+    }],
+    children: children
+  });
+}
+
+/**
+ * Keeps a bar mounted while `visible` and for {@link CHROME_BAR_EXIT_MS} after
+ * it flips false, so {@link ChromeBarTransition} can run its exit before the
+ * parent drops it.
+ */
+function useChromeBarMounted(visible) {
+  const [mounted, setMounted] = React.useState(visible);
+  React.useEffect(() => {
+    if (visible) {
+      setMounted(true);
+      return;
+    }
+    const timer = setTimeout(() => setMounted(false), CHROME_BAR_EXIT_MS);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [visible]);
+  return mounted;
+}
+//# sourceMappingURL=ChromeBarTransition.js.map

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

@@ -0,0 +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","CHROME_BAR_ENTER_MS","exports","CHROME_BAR_EXIT_MS","ChromeBarTransition","visible","edge","style","pointerEvents","children","testID","progress","useRef","Animated","Value","current","height","setHeight","useState","useEffect","setValue","animation","timing","toValue","duration","useNativeDriver","start","stop","onLayout","useCallback","event","next","nativeEvent","layout","prev","Math","abs","transform","translateY","interpolate","inputRange","outputRange","undefined","jsx","View","opacity","useChromeBarMounted","mounted","setMounted","timer","setTimeout","clearTimeout"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeBarTransition.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromeBottomSheet = ChromeBottomSheet;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _safeArea = require("../../surfaces/safeArea.js");
+var _ChromeIcon = require("./ChromeIcon.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); }
+/**
+ * Full-bleed authoring bottom bar. Content is top-aligned.
+ *
+ * On the Pro Max reference the actions end 48pt above the screen edge: 14pt
+ * above the 34pt home indicator. Without a bottom inset (iPhone 8, Android
+ * button nav) the bar falls back to its 24pt top padding so it stays balanced.
+ */
+function ChromeBottomSheet({
+  children,
+  helperText,
+  helperIcon,
+  tone = 'default',
+  onMeasureHeight,
+  testID = 'userflow-chrome-bottom-sheet'
+}) {
+  const insets = (0, _safeArea.useUserflowSafeAreaInsets)();
+  const onLayout = React.useCallback(event => {
+    onMeasureHeight?.(event.nativeEvent.layout.height);
+  }, [onMeasureHeight]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    onLayout: onLayout,
+    style: [styles.bar, _tokens.chromeShadows.card, {
+      backgroundColor: tone === 'error' ? _tokens.chromeColors.danger : _tokens.chromeColors.primaryText,
+      paddingBottom: Math.max(_tokens.chromeSpace[24], insets.bottom + GAP_ABOVE_HOME_INDICATOR)
+    }],
+    children: [helperText ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.helperRow,
+      children: [helperIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeIcon.ChromeIcon, {
+        name: helperIcon.name,
+        size: 16,
+        testID: "userflow-chrome-bottom-sheet-icon",
+        tintColor: helperIcon.tintColor
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [_tokens.chromeText.labelSmBold, styles.helper, {
+          color: _tokens.chromeColors.invertedText
+        }],
+        children: helperText
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: children
+    })]
+  });
+}
+const GAP_ABOVE_HOME_INDICATOR = 14;
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    paddingTop: _tokens.chromeSpace[24],
+    paddingHorizontal: _tokens.chromeSpace[24],
+    gap: _tokens.chromeSpace[16]
+  },
+  helperRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    alignSelf: 'stretch',
+    gap: _tokens.chromeSpace[8]
+  },
+  helper: {
+    flex: 1,
+    flexShrink: 1,
+    textAlign: 'center'
+  },
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'nowrap',
+    alignItems: 'center',
+    alignSelf: 'stretch',
+    justifyContent: 'center',
+    gap: _tokens.chromeSpace[8]
+  }
+});
+//# sourceMappingURL=ChromeBottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_safeArea","_ChromeIcon","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChromeBottomSheet","children","helperText","helperIcon","tone","onMeasureHeight","testID","insets","useUserflowSafeAreaInsets","onLayout","useCallback","event","nativeEvent","layout","height","jsxs","View","style","styles","bar","chromeShadows","card","backgroundColor","chromeColors","danger","primaryText","paddingBottom","Math","max","chromeSpace","bottom","GAP_ABOVE_HOME_INDICATOR","helperRow","jsx","ChromeIcon","name","size","tintColor","Text","chromeText","labelSmBold","helper","color","invertedText","row","StyleSheet","create","paddingTop","paddingHorizontal","gap","flexDirection","alignItems","alignSelf","flex","flexShrink","textAlign","flexWrap","justifyContent"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeBottomSheet.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromeButton = ChromeButton;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ChromeIcon = require("./ChromeIcon.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); }
+/**
+ * Pill button. `primary` / `secondary` take an optional leading icon;
+ * `icon` is the 40×40 circular control used in the preview top bar.
+ */
+function ChromeButton({
+  variant = 'primary',
+  label,
+  icon,
+  onPress,
+  disabled = false,
+  accessibilityLabel,
+  testID,
+  flex = false
+}) {
+  const iconOnly = variant === 'icon';
+  const primary = variant === 'primary';
+  const disabledPrimary = disabled && primary;
+  const tint = primary ? _tokens.chromeColors.invertedText : _tokens.chromeColors.blue500;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    disabled: disabled,
+    onPress: onPress,
+    testID: testID,
+    style: ({
+      pressed
+    }) => [iconOnly ? styles.icon : styles.pill, disabledPrimary ? styles.disabled : primary ? styles.primary : styles.secondary, disabledPrimary ? null : primary ? _tokens.chromeShadows.button : _tokens.chromeShadows.buttonSubtle, flex ? styles.flex : null, {
+      opacity: disabledPrimary ? 1 : disabled ? 0.5 : pressed ? 0.75 : 1
+    }],
+    children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconWrap,
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeIcon.ChromeIcon, {
+        name: icon,
+        tintColor: tint,
+        size: 16
+      })
+    }) : null, label && !iconOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      style: [_tokens.chromeText.buttonLabel, styles.label, {
+        color: tint
+      }],
+      children: label
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  pill: {
+    flexDirection: 'row',
+    flexShrink: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: _tokens.chromeSpace[8],
+    paddingHorizontal: _tokens.chromeSpace[24],
+    paddingVertical: _tokens.chromeSpace[12],
+    borderRadius: _tokens.chromeRadius.fullyRounded
+  },
+  label: {
+    flexShrink: 1
+  },
+  icon: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: _tokens.chromeRadius.fullyRounded
+  },
+  primary: {
+    backgroundColor: _tokens.chromeColors.blue500
+  },
+  disabled: {
+    backgroundColor: _tokens.chromeColors.disabledFill
+  },
+  secondary: {
+    backgroundColor: _tokens.chromeColors.white,
+    borderWidth: 1,
+    borderColor: _tokens.chromeColors.blue500
+  },
+  flex: {
+    flex: 1
+  },
+  iconWrap: {
+    width: 16,
+    height: 16
+  }
+});
+//# sourceMappingURL=ChromeButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_ChromeIcon","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChromeButton","variant","label","icon","onPress","disabled","accessibilityLabel","testID","flex","iconOnly","primary","disabledPrimary","tint","chromeColors","invertedText","blue500","jsxs","Pressable","accessibilityRole","style","pressed","styles","pill","secondary","chromeShadows","button","buttonSubtle","opacity","children","jsx","View","iconWrap","pointerEvents","ChromeIcon","name","tintColor","size","Text","numberOfLines","chromeText","buttonLabel","color","StyleSheet","create","flexDirection","flexShrink","alignItems","justifyContent","gap","chromeSpace","paddingHorizontal","paddingVertical","borderRadius","chromeRadius","fullyRounded","width","height","backgroundColor","disabledFill","white","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromeDialog = ChromeDialog;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _absoluteFill = require("../../surfaces/absoluteFill.js");
+var _ChromeIcon = require("./ChromeIcon.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); }
+/**
+ * Centered authoring dialog with scrim, header, body, footer slot, and close.
+ * Footer `children` are typically a pair of `ChromeButton`s with `flex`.
+ */
+function ChromeDialog({
+  title,
+  body,
+  onClose,
+  children,
+  testID = 'userflow-chrome-dialog'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    pointerEvents: "auto",
+    style: styles.root,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Dismiss",
+      onPress: onClose,
+      style: styles.scrim,
+      testID: "userflow-chrome-dialog-scrim"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: styles.cardSlot,
+      testID: "userflow-chrome-dialog-card-slot",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.card, _tokens.chromeShadows.dialog],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.header,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [_tokens.chromeText.dialogTitle, {
+              color: _tokens.chromeColors.primaryText
+            }],
+            children: title
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.body,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [_tokens.chromeText.dialogBody, {
+              color: _tokens.chromeColors.primaryText
+            }],
+            children: body
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.footer,
+          children: children
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          accessibilityRole: "button",
+          accessibilityLabel: "Close",
+          hitSlop: 8,
+          onPress: onClose,
+          style: styles.close,
+          testID: "userflow-chrome-dialog-close",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChromeIcon.ChromeIcon, {
+            name: "xmark",
+            size: 14,
+            tintColor: _tokens.chromeColors.primaryText
+          })
+        })]
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._absoluteFill.ABSOLUTE_FILL,
+    alignItems: 'center',
+    // Vertically centered — Figma's y:444 on the Pro Max frame is a snap to the
+    // example element, not a placement spec.
+    justifyContent: 'center'
+  },
+  scrim: {
+    ..._absoluteFill.ABSOLUTE_FILL,
+    backgroundColor: _tokens.chromeColors.overlay
+  },
+  cardSlot: {
+    alignSelf: 'stretch',
+    paddingHorizontal: _tokens.chromeSpace[24]
+  },
+  card: {
+    width: '100%',
+    maxWidth: 382,
+    alignSelf: 'center',
+    backgroundColor: _tokens.chromeColors.bgMiddle,
+    borderRadius: _tokens.chromeRadius.lg
+  },
+  header: {
+    paddingTop: _tokens.chromeSpace[24],
+    paddingHorizontal: _tokens.chromeSpace[24],
+    paddingBottom: _tokens.chromeSpace[16],
+    paddingRight: _tokens.chromeSpace[24] + 16
+  },
+  body: {
+    paddingHorizontal: _tokens.chromeSpace[24],
+    paddingVertical: _tokens.chromeSpace[8]
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    gap: _tokens.chromeSpace[8],
+    paddingTop: _tokens.chromeSpace[16],
+    paddingHorizontal: _tokens.chromeSpace[24],
+    paddingBottom: _tokens.chromeSpace[24]
+  },
+  close: {
+    position: 'absolute',
+    top: _tokens.chromeSpace[8],
+    right: _tokens.chromeSpace[8],
+    width: 32,
+    height: 32,
+    borderRadius: _tokens.chromeRadius.md,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=ChromeDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_absoluteFill","_ChromeIcon","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChromeDialog","title","body","onClose","children","testID","jsxs","View","accessibilityViewIsModal","pointerEvents","style","styles","root","jsx","Pressable","accessibilityRole","accessibilityLabel","onPress","scrim","cardSlot","card","chromeShadows","dialog","header","Text","chromeText","dialogTitle","color","chromeColors","primaryText","dialogBody","footer","hitSlop","close","ChromeIcon","name","size","tintColor","StyleSheet","create","ABSOLUTE_FILL","alignItems","justifyContent","backgroundColor","overlay","alignSelf","paddingHorizontal","chromeSpace","width","maxWidth","bgMiddle","borderRadius","chromeRadius","lg","paddingTop","paddingBottom","paddingRight","paddingVertical","flexDirection","gap","position","top","right","height","md"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeDialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChromeIcon = ChromeIcon;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _arrowLeftFromBracket = _interopRequireDefault(require("./icons/arrow-left-from-bracket.png"));
+var _arrowRotateLeft = _interopRequireDefault(require("./icons/arrow-rotate-left.png"));
+var _circleExclamation = _interopRequireDefault(require("./icons/circle-exclamation.png"));
+var _triangleExclamation = _interopRequireDefault(require("./icons/triangle-exclamation.png"));
+var _xmark = _interopRequireDefault(require("./icons/xmark.png"));
+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); }
+const SOURCES = {
+  'arrow-left-from-bracket': _arrowLeftFromBracket.default,
+  'arrow-rotate-left': _arrowRotateLeft.default,
+  'circle-exclamation': _circleExclamation.default,
+  'triangle-exclamation': _triangleExclamation.default,
+  xmark: _xmark.default
+};
+/** Monochrome PNG glyph tinted via `tintColor` (white source assets). */
+function ChromeIcon({
+  name,
+  tintColor,
+  size = 16,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    accessibilityIgnoresInvertColors: true,
+    source: SOURCES[name],
+    style: [{
+      width: size,
+      height: size,
+      tintColor
+    }, style],
+    testID: testID
+  });
+}
+//# sourceMappingURL=ChromeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_arrowLeftFromBracket","_interopRequireDefault","_arrowRotateLeft","_circleExclamation","_triangleExclamation","_xmark","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SOURCES","arrowLeftFromBracket","arrowRotateLeft","circleExclamation","triangleExclamation","xmark","ChromeIcon","name","tintColor","size","style","testID","jsx","Image","accessibilityIgnoresInvertColors","source","width","height"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,kBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,oBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAAsC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAU,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAStC,MAAMgB,OAAuC,GAAG;EAC9C,yBAAyB,EAAEC,6BAAoB;EAC/C,mBAAmB,EAAEC,wBAAe;EACpC,oBAAoB,EAAEC,0BAAiB;EACvC,sBAAsB,EAAEC,4BAAmB;EAC3CC,KAAK,EAALA;AACF,CAAC;AAUD;AACO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACe,CAAC,EAAsB;EACtC,oBACE,IAAA/B,WAAA,CAAAgC,GAAA,EAACvC,YAAA,CAAAwC,KAAK;IACJC,gCAAgC;IAChCC,MAAM,EAAEf,OAAO,CAACO,IAAI,CAAE;IACtBG,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAEP,IAAI;MAAEQ,MAAM,EAAER,IAAI;MAAED;IAAU,CAAC,EAAEE,KAAK,CAAE;IACzDC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}