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

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

@@ -0,0 +1,279 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { useEffect, useMemo } from 'react';
+import { Animated, Easing, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { useTheme, withAlpha } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RING_COUNT = 3;
+const RING_DURATION_MS = 1800;
+const DOT_DURATION_MS = 1200;
+export function AnalyzingOverlay({
+  headline,
+  caption
+}) {
+  const theme = useTheme();
+  const {
+    width: screenW,
+    height: screenH
+  } = 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 = useMemo(() => Array.from({
+    length: RING_COUNT
+  }, () => new Animated.Value(0)), []);
+  useEffect(() => {
+    const loops = ringAnims.map((value, index) => {
+      const loop = Animated.loop(Animated.sequence([Animated.delay(RING_DURATION_MS / RING_COUNT * index), Animated.timing(value, {
+        toValue: 1,
+        duration: RING_DURATION_MS,
+        easing: Easing.out(Easing.cubic),
+        useNativeDriver: true
+      }), 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 = useMemo(() => Array.from({
+    length: 3
+  }, () => new Animated.Value(0)), []);
+  useEffect(() => {
+    const loops = dotAnims.map((value, index) => {
+      const loop = Animated.loop(Animated.sequence([Animated.delay(DOT_DURATION_MS / 3 * index), Animated.timing(value, {
+        toValue: 1,
+        duration: DOT_DURATION_MS / 2,
+        easing: Easing.out(Easing.quad),
+        useNativeDriver: true
+      }), Animated.timing(value, {
+        toValue: 0,
+        duration: DOT_DURATION_MS / 2,
+        easing: Easing.in(Easing.quad),
+        useNativeDriver: true
+      })]));
+      loop.start();
+      return loop;
+    });
+    return () => loops.forEach(l => l.stop());
+  }, [dotAnims]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor,
+      minHeight: screenH
+    }],
+    accessible: true,
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "polite",
+    accessibilityLabel: headline,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.stage, {
+        width: ringSize,
+        height: ringSize
+      }],
+      pointerEvents: "none",
+      children: [ringAnims.map((value, i) => /*#__PURE__*/_jsx(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__*/_jsx(View, {
+        style: [styles.iconBubble, {
+          width: iconSize * 1.55,
+          height: iconSize * 1.55,
+          borderRadius: iconSize * 1.55 / 2,
+          backgroundColor: withAlpha(theme.primaryColor, 0.12)
+        }],
+        children: /*#__PURE__*/_jsx(FaceScanIcon, {
+          size: iconSize,
+          color: theme.primaryColor
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.copy,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.headlineRow,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.headline, {
+            color: theme.textColor
+          }],
+          numberOfLines: 2,
+          children: headline
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.dots,
+          children: dotAnims.map((value, i) => /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 48 48",
+    children: [/*#__PURE__*/_jsx(Path, {
+      d: "M6 14 V8 H14",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M42 14 V8 H34",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M6 34 V40 H14",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M42 34 V40 H34",
+      stroke: color,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      fill: "none"
+    }), /*#__PURE__*/_jsx(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__*/_jsx(Circle, {
+      cx: 20,
+      cy: 24,
+      r: 1.4,
+      fill: color
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: 28,
+      cy: 24,
+      r: 1.4,
+      fill: color
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M20 29 C 22 31 26 31 28 29",
+      stroke: color,
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      fill: "none"
+    })]
+  });
+}
+const styles = 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/module/ui/overlays/AnalyzingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","Animated","Easing","StyleSheet","Text","useWindowDimensions","View","Svg","Circle","Path","useTheme","withAlpha","jsx","_jsx","jsxs","_jsxs","RING_COUNT","RING_DURATION_MS","DOT_DURATION_MS","AnalyzingOverlay","headline","caption","theme","width","screenW","height","screenH","ringSize","Math","min","iconSize","ringAnims","Array","from","length","Value","loops","map","value","index","loop","sequence","delay","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","forEach","l","stop","dotAnims","quad","in","style","styles","root","backgroundColor","minHeight","accessible","accessibilityRole","accessibilityLiveRegion","accessibilityLabel","children","stage","pointerEvents","i","ring","borderRadius","borderColor","primaryColor","transform","scale","interpolate","inputRange","outputRange","opacity","iconBubble","FaceScanIcon","size","color","copy","headlineRow","textColor","numberOfLines","dots","dot","translateY","textSecondaryColor","viewBox","d","stroke","strokeWidth","strokeLinecap","fill","cx","cy","r","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/module/ui/overlays/LoadingOverlay.js

@@ -0,0 +1,104 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, StyleSheet, Text, View } from 'react-native';
+import { useReducedMotion, useTheme } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RING_SIZE = 56;
+const RING_THICKNESS = 4;
+export function LoadingOverlay({
+  message
+}) {
+  const theme = useTheme();
+  const reduceMotion = useReducedMotion();
+  const trimmed = (message ?? '').trim();
+  const isAnimationOnly = trimmed.length === 0;
+  const rotation = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (reduceMotion) {
+      rotation.setValue(0);
+      return;
+    }
+    const loop = Animated.loop(Animated.timing(rotation, {
+      toValue: 1,
+      duration: 900,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [reduceMotion, rotation]);
+  const spin = rotation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "progressbar",
+    accessibilityLiveRegion: "polite",
+    accessibilityLabel: isAnimationOnly ? 'Loading' : trimmed,
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor
+    }],
+    pointerEvents: "auto",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.ring, {
+          borderColor: theme.borderColor,
+          borderTopColor: theme.primaryColor,
+          transform: [{
+            rotate: spin
+          }]
+        }]
+      }), !isAnimationOnly ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.text, {
+          color: theme.textColor
+        }],
+        children: trimmed
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...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/module/ui/overlays/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","Easing","StyleSheet","Text","View","useReducedMotion","useTheme","jsx","_jsx","jsxs","_jsxs","RING_SIZE","RING_THICKNESS","LoadingOverlay","message","theme","reduceMotion","trimmed","trim","isAnimationOnly","length","rotation","Value","current","setValue","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","spin","interpolate","inputRange","outputRange","accessibilityRole","accessibilityLiveRegion","accessibilityLabel","style","styles","root","backgroundColor","pointerEvents","children","content","ring","borderColor","borderTopColor","primaryColor","transform","rotate","text","color","textColor","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/module/ui/overlays/ProgressBar.js

@@ -0,0 +1,90 @@
+"use strict";
+
+/**
+ * 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()`.
+ */
+
+import { useEffect, useRef } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { mixHex, useReducedMotion, useTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ProgressBar({
+  value,
+  hidden = false
+}) {
+  const theme = useTheme();
+  const reduceMotion = useReducedMotion();
+  const widthAnim = useRef(new Animated.Value(value)).current;
+  const opacityAnim = useRef(new Animated.Value(hidden ? 0 : 1)).current;
+  useEffect(() => {
+    Animated.timing(widthAnim, {
+      toValue: value,
+      duration: reduceMotion ? 0 : 360,
+      useNativeDriver: false
+    }).start();
+  }, [value, reduceMotion, widthAnim]);
+  useEffect(() => {
+    Animated.timing(opacityAnim, {
+      toValue: hidden ? 0 : 1,
+      duration: reduceMotion ? 0 : 240,
+      useNativeDriver: true
+    }).start();
+  }, [hidden, reduceMotion, opacityAnim]);
+  const trackColor = mixHex(theme.borderColor, theme.backgroundColor, 50);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      now: Math.round(value),
+      min: 0,
+      max: 100
+    },
+    style: [styles.track, {
+      backgroundColor: trackColor,
+      opacity: opacityAnim
+    }],
+    children: /*#__PURE__*/_jsx(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={...} />`.
+ */
+export const PROGRESS_BAR = {
+  tick(current) {
+    return Math.min(SOFT_CAP_PCT, current + STEP_INCREMENT_PCT);
+  },
+  complete() {
+    return 100;
+  },
+  reset() {
+    return 0;
+  }
+};
+const styles = StyleSheet.create({
+  track: {
+    height: 4,
+    width: '100%',
+    overflow: 'hidden'
+  },
+  bar: {
+    height: '100%'
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","StyleSheet","mixHex","useReducedMotion","useTheme","jsx","_jsx","ProgressBar","value","hidden","theme","reduceMotion","widthAnim","Value","current","opacityAnim","timing","toValue","duration","useNativeDriver","start","trackColor","borderColor","backgroundColor","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","tick","complete","reset","create","height","overflow"],"sourceRoot":"../../../../src","sources":["ui/overlays/ProgressBar.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9D,OAAO,SAASC,WAAWA,CAAC;EAAEC,KAAK;EAAEC,MAAM,GAAG;AAAwB,CAAC,EAAE;EACvE,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAMO,YAAY,GAAGR,gBAAgB,CAAC,CAAC;EACvC,MAAMS,SAAS,GAAGb,MAAM,CAAC,IAAIC,QAAQ,CAACa,KAAK,CAACL,KAAK,CAAC,CAAC,CAACM,OAAO;EAC3D,MAAMC,WAAW,GAAGhB,MAAM,CAAC,IAAIC,QAAQ,CAACa,KAAK,CAACJ,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACK,OAAO;EAEtEhB,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACgB,MAAM,CAACJ,SAAS,EAAE;MACzBK,OAAO,EAAET,KAAK;MACdU,QAAQ,EAAEP,YAAY,GAAG,CAAC,GAAG,GAAG;MAChCQ,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACZ,KAAK,EAAEG,YAAY,EAAEC,SAAS,CAAC,CAAC;EAEpCd,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACgB,MAAM,CAACD,WAAW,EAAE;MAC3BE,OAAO,EAAER,MAAM,GAAG,CAAC,GAAG,CAAC;MACvBS,QAAQ,EAAEP,YAAY,GAAG,CAAC,GAAG,GAAG;MAChCQ,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,MAAM,EAAEE,YAAY,EAAEI,WAAW,CAAC,CAAC;EAEvC,MAAMM,UAAU,GAAGnB,MAAM,CAACQ,KAAK,CAACY,WAAW,EAAEZ,KAAK,CAACa,eAAe,EAAE,EAAE,CAAC;EAEvE,oBACEjB,IAAA,CAACN,QAAQ,CAACwB,IAAI;IACZC,iBAAiB,EAAC,aAAa;IAC/BC,kBAAkB,EAAE;MAAEC,GAAG,EAAEC,IAAI,CAACC,KAAK,CAACrB,KAAK,CAAC;MAAEsB,GAAG,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAI,CAAE;IACjEC,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK,EACZ;MAAEX,eAAe,EAAEF,UAAU;MAAEc,OAAO,EAAEpB;IAAY,CAAC,CACrD;IAAAqB,QAAA,eAEF9B,IAAA,CAACN,QAAQ,CAACwB,IAAI;MACZQ,KAAK,EAAE,CACLC,MAAM,CAACI,GAAG,EACV;QACEd,eAAe,EAAEb,KAAK,CAAC4B,YAAY;QACnCC,KAAK,EAAE3B,SAAS,CAAC4B,WAAW,CAAC;UAC3BC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;UACpBC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM;QAC5B,CAAC;MACH,CAAC;IACD,CACH;EAAC,CACW,CAAC;AAEpB;AAEA,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAC1BC,IAAIA,CAAChC,OAAe,EAAU;IAC5B,OAAOc,IAAI,CAACE,GAAG,CAACc,YAAY,EAAE9B,OAAO,GAAG6B,kBAAkB,CAAC;EAC7D,CAAC;EACDI,QAAQA,CAAA,EAAW;IACjB,OAAO,GAAG;EACZ,CAAC;EACDC,KAAKA,CAAA,EAAW;IACd,OAAO,CAAC;EACV;AACF,CAAC;AAED,MAAMf,MAAM,GAAGhC,UAAU,CAACgD,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,MAAM,EAAE,CAAC;IACTX,KAAK,EAAE,MAAM;IACbY,QAAQ,EAAE;EACZ,CAAC;EACDd,GAAG,EAAE;IACHa,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,121 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { StyleSheet, Text, View } from 'react-native';
+import { Button } from '../primitives/Button';
+import { mixHex, useTheme, withAlpha } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RetryDialog({
+  title,
+  message,
+  retryLabel,
+  cancelLabel,
+  onRetry,
+  onCancel
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityViewIsModal: true,
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "assertive",
+    style: [styles.root, {
+      backgroundColor: theme.backgroundColor
+    }],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.card,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.iconWrap, {
+          backgroundColor: mixHex(theme.warningColor, theme.backgroundColor, 16),
+          borderColor: withAlpha(theme.warningColor, 0.35)
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.iconText, {
+            color: theme.warningColor
+          }],
+          children: "!"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, {
+          color: theme.textColor
+        }],
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.body, {
+          color: theme.textSecondaryColor
+        }],
+        numberOfLines: 6,
+        children: message
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.actions,
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "ghost",
+          label: cancelLabel,
+          onPress: onCancel,
+          fullWidth: false,
+          style: styles.btn
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          label: retryLabel,
+          onPress: onRetry,
+          fullWidth: false,
+          style: styles.btn
+        })]
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...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/module/ui/overlays/RetryDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","Button","mixHex","useTheme","withAlpha","jsx","_jsx","jsxs","_jsxs","RetryDialog","title","message","retryLabel","cancelLabel","onRetry","onCancel","theme","accessibilityViewIsModal","accessibilityRole","accessibilityLiveRegion","style","styles","root","backgroundColor","children","card","iconWrap","warningColor","borderColor","iconText","color","textColor","body","textSecondaryColor","numberOfLines","actions","variant","label","onPress","fullWidth","btn","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":[]}

package/lib/module/ui/overlays/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { LoadingOverlay } from './LoadingOverlay';
+export { RetryDialog } from './RetryDialog';
+export { ProgressBar, PROGRESS_BAR } from './ProgressBar';
+//# sourceMappingURL=index.js.map

package/lib/module/ui/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LoadingOverlay","RetryDialog","ProgressBar","PROGRESS_BAR"],"sourceRoot":"../../../../src","sources":["ui/overlays/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAkC,kBAAkB;AAC3E,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,WAAW,EAAEC,YAAY,QAA+B,eAAe","ignoreList":[]}