@velion-la/onboarding-sdk-react-native 1.0.0-beta.2

package/lib/commonjs/ui/overlays/AnalyzingOverlay.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnalyzingOverlay = AnalyzingOverlay;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _theme = require("../theme");
+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-screen overlay shown after the last liveness challenge completes,
+ * while the SDK waits for SESSION_COMPLETE + /liveness-verify to resolve.
+ *
+ * Without this the camera would freeze on the last challenge's headline
+ * for several seconds while the worker drains its queue, which felt
+ * stuck. The animation here gives the user a clear "we're working on it"
+ * signal — three concentric rings pulse out from a central face/scan
+ * icon and a small dot loop trails the headline.
+ *
+ * Pure JS animations via `Animated` + react-native-svg. No Lottie / no
+ * native dependency beyond what the SDK already needs.
+ */
+
+const RING_COUNT = 3;
+const RING_DURATION_MS = 1800;
+const DOT_DURATION_MS = 1200;
+function AnalyzingOverlay({
+  headline,
+  caption
+}) {
+  const theme = (0, _theme.useTheme)();
+  const {
+    width: screenW,
+    height: screenH
+  } = (0, _reactNative.useWindowDimensions)();
+  const ringSize = Math.min(screenW * 0.55, 260);
+  const iconSize = ringSize * 0.36;
+
+  // One Animated.Value per ring, started staggered so the pulses don't all
+  // line up. `useNativeDriver: true` keeps the animation on the UI thread
+  // even when JS is busy decoding frames / posting verify.
+  const ringAnims = (0, _react.useMemo)(() => Array.from({
+    length: RING_COUNT
+  }, () => new _reactNative.Animated.Value(0)), []);
+  (0, _react.useEffect)(() => {
+    const loops = ringAnims.map((value, index) => {
+      const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(RING_DURATION_MS / RING_COUNT * index), _reactNative.Animated.timing(value, {
+        toValue: 1,
+        duration: RING_DURATION_MS,
+        easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(value, {
+        toValue: 0,
+        duration: 0,
+        useNativeDriver: true
+      })]));
+      loop.start();
+      return loop;
+    });
+    return () => loops.forEach(l => l.stop());
+  }, [ringAnims]);
+
+  // Three trailing dots cycling under the headline.
+  const dotAnims = (0, _react.useMemo)(() => Array.from({
+    length: 3
+  }, () => new _reactNative.Animated.Value(0)), []);
+  (0, _react.useEffect)(() => {
+    const loops = dotAnims.map((value, index) => {
+      const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(DOT_DURATION_MS / 3 * index), _reactNative.Animated.timing(value, {
+        toValue: 1,
+        duration: DOT_DURATION_MS / 2,
+        easing: _reactNative.Easing.out(_reactNative.Easing.quad),
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(value, {
+        toValue: 0,
+        duration: DOT_DURATION_MS / 2,
+        easing: _reactNative.Easing.in(_reactNative.Easing.quad),
+        useNativeDriver: true
+      })]));
+      loop.start();
+      return loop;
+    });
+    return () => loops.forEach(l => l.stop());
+  }, [dotAnims]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor,
+      minHeight: screenH
+    }],
+    accessible: true,
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "polite",
+    accessibilityLabel: headline,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.stage, {
+        width: ringSize,
+        height: ringSize
+      }],
+      pointerEvents: "none",
+      children: [ringAnims.map((value, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.ring, {
+          width: ringSize,
+          height: ringSize,
+          borderRadius: ringSize / 2,
+          borderColor: theme.primaryColor,
+          transform: [{
+            scale: value.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0.55, 1]
+            })
+          }],
+          opacity: value.interpolate({
+            inputRange: [0, 0.15, 1],
+            outputRange: [0, 0.55, 0]
+          })
+        }]
+      }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.iconBubble, {
+          width: iconSize * 1.55,
+          height: iconSize * 1.55,
+          borderRadius: iconSize * 1.55 / 2,
+          backgroundColor: (0, _theme.withAlpha)(theme.primaryColor, 0.12)
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FaceScanIcon, {
+          size: iconSize,
+          color: theme.primaryColor
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.copy,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.headlineRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.headline, {
+            color: theme.textColor
+          }],
+          numberOfLines: 2,
+          children: headline
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.dots,
+          children: dotAnims.map((value, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+            style: [styles.dot, {
+              backgroundColor: theme.textColor,
+              opacity: value.interpolate({
+                inputRange: [0, 1],
+                outputRange: [0.2, 1]
+              }),
+              transform: [{
+                translateY: value.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: [0, -3]
+                })
+              }]
+            }]
+          }, i))
+        })]
+      }), caption ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.caption, {
+          color: theme.textSecondaryColor
+        }],
+        numberOfLines: 3,
+        children: caption
+      }) : null]
+    })]
+  });
+}
+
+/**
+ * Schematic face inside a viewfinder bracket. Reads as "we're scanning
+ * the captured face" without depending on @expo/vector-icons (which is
+ * optional in the SDK's dependency tree).
+ */
+function FaceScanIcon({
+  size,
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 48 48",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 14 V8 H14",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M42 14 V8 H34",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 34 V40 H14",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M42 34 V40 H34",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M24 16 C 30 16 33 20 33 26 C 33 31 29 35 24 35 C 19 35 15 31 15 26 C 15 20 18 16 24 16 Z",
+      stroke: color,
+      strokeWidth: 2,
+      fill: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 20,
+      cy: 24,
+      r: 1.4,
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 28,
+      cy: 24,
+      r: 1.4,
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M20 29 C 22 31 26 31 28 29",
+      stroke: color,
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      fill: "none"
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 32,
+    gap: 32
+  },
+  stage: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  ring: {
+    position: 'absolute',
+    borderWidth: 2
+  },
+  iconBubble: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  copy: {
+    alignItems: 'center',
+    gap: 8,
+    maxWidth: 360
+  },
+  headlineRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: 6
+  },
+  headline: {
+    fontSize: 18,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  dots: {
+    flexDirection: 'row',
+    gap: 3,
+    paddingBottom: 6
+  },
+  dot: {
+    width: 4,
+    height: 4,
+    borderRadius: 2
+  },
+  caption: {
+    fontSize: 14,
+    textAlign: 'center',
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=AnalyzingOverlay.js.map

package/lib/commonjs/ui/overlays/AnalyzingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_theme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RING_COUNT","RING_DURATION_MS","DOT_DURATION_MS","AnalyzingOverlay","headline","caption","theme","useTheme","width","screenW","height","screenH","useWindowDimensions","ringSize","Math","min","iconSize","ringAnims","useMemo","Array","from","length","Animated","Value","useEffect","loops","map","value","index","loop","sequence","delay","timing","toValue","duration","easing","Easing","out","cubic","useNativeDriver","start","forEach","l","stop","dotAnims","quad","in","jsxs","View","style","styles","root","backgroundColor","minHeight","accessible","accessibilityRole","accessibilityLiveRegion","accessibilityLabel","children","stage","pointerEvents","jsx","ring","borderRadius","borderColor","primaryColor","transform","scale","interpolate","inputRange","outputRange","opacity","iconBubble","withAlpha","FaceScanIcon","size","color","copy","headlineRow","Text","textColor","numberOfLines","dots","dot","translateY","textSecondaryColor","viewBox","Path","d","stroke","strokeWidth","strokeLinecap","fill","Circle","cx","cy","StyleSheet","create","flex","alignItems","justifyContent","paddingHorizontal","gap","position","borderWidth","maxWidth","flexDirection","fontSize","fontWeight","textAlign","paddingBottom","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/overlays/AnalyzingOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/overlays/LoadingOverlay.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingOverlay = LoadingOverlay;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Full-bleed loading overlay.
+ *
+ * Visual rules (per UI/UX Pro Max guidance):
+ *   - Solid surface, no halo / radial gradient that "ghosts" the underlying
+ *     UI. Surfaces must read as a clean replacement, not a translucent veil.
+ *   - Spinner is a thin ring with one tinted segment that rotates — the
+ *     classic indeterminate progress affordance. Single visual element on
+ *     screen, motion expresses ongoing work (animation §motion-meaning).
+ *   - Honors `useReducedMotion()` (animation §reduced-motion). When motion
+ *     is reduced, the ring stays static and the message stays visible.
+ *   - Token-driven colors only — primary for the active segment, border
+ *     color for the track. No raw hex inside the component.
+ */
+
+const RING_SIZE = 56;
+const RING_THICKNESS = 4;
+function LoadingOverlay({
+  message
+}) {
+  const theme = (0, _theme.useTheme)();
+  const reduceMotion = (0, _theme.useReducedMotion)();
+  const trimmed = (message ?? '').trim();
+  const isAnimationOnly = trimmed.length === 0;
+  const rotation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (reduceMotion) {
+      rotation.setValue(0);
+      return;
+    }
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.timing(rotation, {
+      toValue: 1,
+      duration: 900,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [reduceMotion, rotation]);
+  const spin = rotation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityRole: "progressbar",
+    accessibilityLiveRegion: "polite",
+    accessibilityLabel: isAnimationOnly ? 'Loading' : trimmed,
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor
+    }],
+    pointerEvents: "auto",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.ring, {
+          borderColor: theme.borderColor,
+          borderTopColor: theme.primaryColor,
+          transform: [{
+            rotate: spin
+          }]
+        }]
+      }), !isAnimationOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: theme.textColor
+        }],
+        children: trimmed
+      }) : null]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 32,
+    zIndex: 1000
+  },
+  content: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  ring: {
+    width: RING_SIZE,
+    height: RING_SIZE,
+    borderRadius: RING_SIZE / 2,
+    borderWidth: RING_THICKNESS
+  },
+  text: {
+    fontSize: 15,
+    fontWeight: '500',
+    textAlign: 'center',
+    maxWidth: 320,
+    lineHeight: 22,
+    marginTop: 18
+  }
+});
+//# sourceMappingURL=LoadingOverlay.js.map

package/lib/commonjs/ui/overlays/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_jsxRuntime","RING_SIZE","RING_THICKNESS","LoadingOverlay","message","theme","useTheme","reduceMotion","useReducedMotion","trimmed","trim","isAnimationOnly","length","rotation","useRef","Animated","Value","current","useEffect","setValue","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","spin","interpolate","inputRange","outputRange","jsx","View","accessibilityRole","accessibilityLiveRegion","accessibilityLabel","style","styles","root","backgroundColor","pointerEvents","children","jsxs","content","ring","borderColor","borderTopColor","primaryColor","transform","rotate","Text","text","color","textColor","StyleSheet","create","absoluteFillObject","alignItems","justifyContent","paddingHorizontal","zIndex","width","height","borderRadius","borderWidth","fontSize","fontWeight","textAlign","maxWidth","lineHeight","marginTop"],"sourceRoot":"../../../../src","sources":["ui/overlays/LoadingOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/overlays/ProgressBar.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROGRESS_BAR = void 0;
+exports.ProgressBar = ProgressBar;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Top-of-screen progress bar. Trickling model:
+ *   - `tick()` advances 12% per step, soft-cap at 90%.
+ *   - `complete()` jumps to 100% and fades out.
+ *
+ * Animated with `Animated.timing` (driver: native) so we don't pull in
+ * Reanimated yet; respects `useReducedMotion()`.
+ */
+
+function ProgressBar({
+  value,
+  hidden = false
+}) {
+  const theme = (0, _theme.useTheme)();
+  const reduceMotion = (0, _theme.useReducedMotion)();
+  const widthAnim = (0, _react.useRef)(new _reactNative.Animated.Value(value)).current;
+  const opacityAnim = (0, _react.useRef)(new _reactNative.Animated.Value(hidden ? 0 : 1)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(widthAnim, {
+      toValue: value,
+      duration: reduceMotion ? 0 : 360,
+      useNativeDriver: false
+    }).start();
+  }, [value, reduceMotion, widthAnim]);
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(opacityAnim, {
+      toValue: hidden ? 0 : 1,
+      duration: reduceMotion ? 0 : 240,
+      useNativeDriver: true
+    }).start();
+  }, [hidden, reduceMotion, opacityAnim]);
+  const trackColor = (0, _theme.mixHex)(theme.borderColor, theme.backgroundColor, 50);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      now: Math.round(value),
+      min: 0,
+      max: 100
+    },
+    style: [styles.track, {
+      backgroundColor: trackColor,
+      opacity: opacityAnim
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.bar, {
+        backgroundColor: theme.primaryColor,
+        width: widthAnim.interpolate({
+          inputRange: [0, 100],
+          outputRange: ['0%', '100%']
+        })
+      }]
+    })
+  });
+}
+const STEP_INCREMENT_PCT = 12;
+const SOFT_CAP_PCT = 90;
+
+/**
+ * Helper that encapsulates the trickling logic. Exposed so step modules /
+ * the orchestrator hold the value in plain state and pass it down to
+ * `<ProgressBar value={...} />`.
+ */
+const PROGRESS_BAR = exports.PROGRESS_BAR = {
+  tick(current) {
+    return Math.min(SOFT_CAP_PCT, current + STEP_INCREMENT_PCT);
+  },
+  complete() {
+    return 100;
+  },
+  reset() {
+    return 0;
+  }
+};
+const styles = _reactNative.StyleSheet.create({
+  track: {
+    height: 4,
+    width: '100%',
+    overflow: 'hidden'
+  },
+  bar: {
+    height: '100%'
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

package/lib/commonjs/ui/overlays/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_jsxRuntime","ProgressBar","value","hidden","theme","useTheme","reduceMotion","useReducedMotion","widthAnim","useRef","Animated","Value","current","opacityAnim","useEffect","timing","toValue","duration","useNativeDriver","start","trackColor","mixHex","borderColor","backgroundColor","jsx","View","accessibilityRole","accessibilityValue","now","Math","round","min","max","style","styles","track","opacity","children","bar","primaryColor","width","interpolate","inputRange","outputRange","STEP_INCREMENT_PCT","SOFT_CAP_PCT","PROGRESS_BAR","exports","tick","complete","reset","StyleSheet","create","height","overflow"],"sourceRoot":"../../../../src","sources":["ui/overlays/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/overlays/RetryDialog.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RetryDialog = RetryDialog;
+var _reactNative = require("react-native");
+var _Button = require("../primitives/Button");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * In-flow recoverable error dialog. Solid backdrop (no transparency), warning
+ * accent, "Try again / Cancel" buttons, primary focus on retry.
+ *
+ * Used by every step module's POST catch handler — gives the user a chance to
+ * recover without losing their inputs.
+ */
+
+function RetryDialog({
+  title,
+  message,
+  retryLabel,
+  cancelLabel,
+  onRetry,
+  onCancel
+}) {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "assertive",
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.card,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.iconWrap, {
+          backgroundColor: (0, _theme.mixHex)(theme.warningColor, theme.backgroundColor, 16),
+          borderColor: (0, _theme.withAlpha)(theme.warningColor, 0.35)
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.iconText, {
+            color: theme.warningColor
+          }],
+          children: "!"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, {
+          color: theme.textColor
+        }],
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.body, {
+          color: theme.textSecondaryColor
+        }],
+        numberOfLines: 6,
+        children: message
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.actions,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          variant: "ghost",
+          label: cancelLabel,
+          onPress: onCancel,
+          fullWidth: false,
+          style: styles.btn
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          variant: "primary",
+          label: retryLabel,
+          onPress: onRetry,
+          fullWidth: false,
+          style: styles.btn
+        })]
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 24,
+    zIndex: 1100
+  },
+  card: {
+    width: '100%',
+    maxWidth: 420,
+    alignItems: 'center',
+    gap: 14
+  },
+  iconWrap: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1
+  },
+  iconText: {
+    fontSize: 28,
+    fontWeight: '800',
+    lineHeight: 32
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  body: {
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: 'center'
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 10,
+    marginTop: 6,
+    alignSelf: 'stretch'
+  },
+  btn: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=RetryDialog.js.map

package/lib/commonjs/ui/overlays/RetryDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Button","_theme","_jsxRuntime","RetryDialog","title","message","retryLabel","cancelLabel","onRetry","onCancel","theme","useTheme","jsx","View","accessibilityViewIsModal","accessibilityRole","accessibilityLiveRegion","style","styles","root","backgroundColor","children","jsxs","card","iconWrap","mixHex","warningColor","borderColor","withAlpha","Text","iconText","color","textColor","body","textSecondaryColor","numberOfLines","actions","Button","variant","label","onPress","fullWidth","btn","StyleSheet","create","absoluteFillObject","alignItems","justifyContent","padding","zIndex","width","maxWidth","gap","height","borderRadius","borderWidth","fontSize","fontWeight","lineHeight","textAlign","flexDirection","marginTop","alignSelf","flex"],"sourceRoot":"../../../../src","sources":["ui/overlays/RetryDialog.tsx"],"mappings":"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","ignoreList":[]}