@spare-technologies/spare-link 0.1.0-beta.0

package/lib/commonjs/ui/theme/typography.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FONT_FAMILY", {
+  enumerable: true,
+  get: function () {
+    return _fonts.FONT_FAMILY;
+  }
+});
+Object.defineProperty(exports, "LINK_FONT_MAP", {
+  enumerable: true,
+  get: function () {
+    return _fonts.LINK_FONT_MAP;
+  }
+});
+exports.Typography = void 0;
+Object.defineProperty(exports, "linkFontFamilyForWeight", {
+  enumerable: true,
+  get: function () {
+    return _fonts.linkFontFamilyForWeight;
+  }
+});
+Object.defineProperty(exports, "useLinkFonts", {
+  enumerable: true,
+  get: function () {
+    return _fonts.useLinkFonts;
+  }
+});
+var _colors = require("./colors.js");
+var _fonts = require("./fonts.js");
+function withFont(weight, style) {
+  return {
+    ...style,
+    fontFamily: (0, _fonts.linkFontFamilyForWeight)(weight)
+  };
+}
+const Typography = exports.Typography = {
+  title: withFont('700', {
+    fontSize: 18,
+    fontWeight: '700',
+    color: _colors.Colors.textPrimary
+  }),
+  bodyMuted: withFont('400', {
+    fontSize: 14,
+    fontWeight: '400',
+    color: _colors.Colors.textMuted
+  }),
+  label: withFont('500', {
+    fontSize: 14,
+    fontWeight: '500',
+    color: _colors.Colors.textLabel
+  }),
+  value: withFont('500', {
+    fontSize: 14,
+    fontWeight: '500',
+    color: _colors.Colors.textPrimary
+  }),
+  amount: withFont('700', {
+    fontSize: 28,
+    fontWeight: '700',
+    color: _colors.Colors.textPrimary
+  }),
+  creditor: withFont('500', {
+    fontSize: 16,
+    fontWeight: '500',
+    color: _colors.Colors.textPrimary
+  }),
+  button: withFont('600', {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#FFFFFF'
+  })
+};
+//# sourceMappingURL=typography.js.map

package/lib/commonjs/ui/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_colors","require","_fonts","withFont","weight","style","fontFamily","linkFontFamilyForWeight","Typography","exports","title","fontSize","fontWeight","color","Colors","textPrimary","bodyMuted","textMuted","label","textLabel","value","amount","creditor","button"],"sourceRoot":"../../../../src","sources":["ui/theme/typography.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,SAASE,QAAQA,CAACC,MAA+B,EAAEC,KAAgB,EAAa;EAC9E,OAAO;IAAE,GAAGA,KAAK;IAAEC,UAAU,EAAE,IAAAC,8BAAuB,EAACH,MAAM;EAAE,CAAC;AAClE;AAEO,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,KAAK,EAAEP,QAAQ,CAAC,KAAK,EAAE;IACrBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACC;EAChB,CAAC,CAAC;EACFC,SAAS,EAAEb,QAAQ,CAAC,KAAK,EAAE;IACzBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACG;EAChB,CAAC,CAAC;EACFC,KAAK,EAAEf,QAAQ,CAAC,KAAK,EAAE;IACrBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACK;EAChB,CAAC,CAAC;EACFC,KAAK,EAAEjB,QAAQ,CAAC,KAAK,EAAE;IACrBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACC;EAChB,CAAC,CAAC;EACFM,MAAM,EAAElB,QAAQ,CAAC,KAAK,EAAE;IACtBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACC;EAChB,CAAC,CAAC;EACFO,QAAQ,EAAEnB,QAAQ,CAAC,KAAK,EAAE;IACxBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEC,cAAM,CAACC;EAChB,CAAC,CAAC;EACFQ,MAAM,EAAEpB,QAAQ,CAAC,KAAK,EAAE;IACtBQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;EACT,CAAC;AACH,CAAU","ignoreList":[]}

package/lib/commonjs/ui/widgets/footer.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Footer = Footer;
+var _expoLinearGradient = require("expo-linear-gradient");
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _assets = require("../theme/assets.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const DEFAULT_CONTINUE_TEXT = 'Proceed using Altareq';
+
+// CBUAE-approved gradient — copied verbatim from Flutter `Footer`
+// (#00C8AF → #015AD7 → #000 at stops 0 / 0.41 / 0.82).
+const CONTINUE_GRADIENT = ['#00C8AF', '#015AD7', '#000000'];
+const CONTINUE_GRADIENT_STOPS = [0, 0.41, 0.82];
+const CANCEL_BORDER_GRADIENT = ['#00C8AF', '#015AD7'];
+
+/**
+ * Shared flow-screen footer. Port of Flutter `Footer`
+ * (`lib/src/ui/widgets/footer.dart`): a full-width gradient "Proceed using
+ * Altareq" pill with the Altareq mini icon, plus an optional gradient-bordered
+ * white "Cancel" pill.
+ */
+function Footer(props) {
+  const showCancel = props.showCancelButton ?? true;
+  const continueText = props.continueButtonText ?? DEFAULT_CONTINUE_TEXT;
+  const isContinueEnabled = !props.disabledContinueButton && !props.isLoading && props.onContinue != null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: props.continueTestID ?? 'footer-continue-btn',
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: !isContinueEnabled
+      },
+      onPress: isContinueEnabled ? props.onContinue : undefined,
+      disabled: !isContinueEnabled,
+      style: {
+        opacity: isContinueEnabled ? 1 : 0.4
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: CONTINUE_GRADIENT,
+        locations: CONTINUE_GRADIENT_STOPS,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: styles.continueGradient,
+        children: props.isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          testID: "footer-continue-spinner",
+          size: "small",
+          color: "#FFFFFF"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.continueContent,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: _assets.Assets.altareqIconMini,
+            style: styles.miniIcon,
+            resizeMode: "contain",
+            accessibilityRole: "image",
+            accessibilityLabel: "Altareq"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.continueText,
+            children: continueText
+          })]
+        })
+      })
+    }), showCancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.cancelSpacer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: CANCEL_BORDER_GRADIENT,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: styles.cancelBorder,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          testID: props.cancelTestID ?? 'footer-cancel-btn',
+          accessibilityRole: "button",
+          onPress: props.onCancel,
+          style: styles.cancelInner,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.cancelText,
+            children: "Cancel"
+          })
+        })
+      })
+    }) : null]
+  });
+}
+const BUTTON_HEIGHT = 48;
+const BUTTON_RADIUS = 40;
+const styles = _reactNative.StyleSheet.create({
+  continueGradient: {
+    height: BUTTON_HEIGHT,
+    borderRadius: BUTTON_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  continueContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  miniIcon: {
+    width: 24,
+    height: 24,
+    marginRight: 10
+  },
+  continueText: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 16,
+    color: '#FFFFFF'
+  },
+  cancelSpacer: {
+    marginTop: 8
+  },
+  cancelBorder: {
+    height: BUTTON_HEIGHT,
+    borderRadius: BUTTON_RADIUS,
+    padding: 2 // border thickness
+  },
+  cancelInner: {
+    flex: 1,
+    backgroundColor: '#FFFFFF',
+    borderRadius: BUTTON_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  cancelText: {
+    fontFamily: _index.FONT_FAMILY,
+    fontSize: 16,
+    color: 'rgba(0,0,0,0.87)'
+  }
+});
+//# sourceMappingURL=footer.js.map

package/lib/commonjs/ui/widgets/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_expoLinearGradient","require","_reactNative","_index","_assets","_jsxRuntime","DEFAULT_CONTINUE_TEXT","CONTINUE_GRADIENT","CONTINUE_GRADIENT_STOPS","CANCEL_BORDER_GRADIENT","Footer","props","showCancel","showCancelButton","continueText","continueButtonText","isContinueEnabled","disabledContinueButton","isLoading","onContinue","jsxs","View","children","jsx","Pressable","testID","continueTestID","accessibilityRole","accessibilityState","disabled","onPress","undefined","style","opacity","LinearGradient","colors","locations","start","x","y","end","styles","continueGradient","ActivityIndicator","size","color","continueContent","Image","source","Assets","altareqIconMini","miniIcon","resizeMode","accessibilityLabel","Text","cancelSpacer","cancelBorder","cancelTestID","onCancel","cancelInner","cancelText","BUTTON_HEIGHT","BUTTON_RADIUS","StyleSheet","create","height","borderRadius","alignItems","justifyContent","flexDirection","width","marginRight","fontFamily","FONT_FAMILY","fontSize","marginTop","padding","flex","backgroundColor"],"sourceRoot":"../../../../src","sources":["ui/widgets/footer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/widgets/gradient-spinner.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientSpinner = GradientSpinner;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _colors = require("../theme/colors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Flutter `drawArc` sweep: `math.pi * 1.7` radians. */
+const ARC_SWEEP_FRACTION = 1.7 / 2;
+function isRNSVGAvailable() {
+  if (_reactNative.Platform.OS === 'web') return false;
+  return typeof _reactNative.UIManager.getViewManagerConfig === 'function' && _reactNative.UIManager.getViewManagerConfig('RNSVGCircle') != null;
+}
+function useSpinAnimation() {
+  const rotation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const animation = _reactNative.Animated.loop(_reactNative.Animated.timing(rotation, {
+      toValue: 1,
+      duration: 1200,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    animation.start();
+    return () => animation.stop();
+  }, [rotation]);
+  return rotation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+}
+
+/**
+ * Thin stroked arc with sweep gradient — mirrors Flutter `GradientSpinner`.
+ */
+function SvgGradientSpinner({
+  size,
+  strokeWidth,
+  testID,
+  spin
+}) {
+  const Svg = require('react-native-svg').default;
+  const {
+    Circle,
+    Defs,
+    LinearGradient: SvgLinearGradient,
+    Stop
+  } = require('react-native-svg');
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const arcLength = circumference * ARC_SWEEP_FRACTION;
+  const gapLength = circumference - arcLength;
+  const gradientId = 'gradient-spinner-stroke';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size
+    },
+    testID: testID,
+    collapsable: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: {
+        transform: [{
+          rotate: spin
+        }]
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Svg, {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgLinearGradient, {
+            id: gradientId,
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "100%",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Stop, {
+              offset: "0%",
+              stopColor: "#FFFFFF"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stop, {
+              offset: "60%",
+              stopColor: "#00C8AF"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stop, {
+              offset: "100%",
+              stopColor: "#FFFFFF"
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Circle, {
+          cx: size / 2,
+          cy: size / 2,
+          r: radius,
+          stroke: `url(#${gradientId})`,
+          strokeWidth: strokeWidth,
+          strokeLinecap: "round",
+          fill: "none",
+          strokeDasharray: `${arcLength} ${gapLength}`,
+          rotation: -90,
+          origin: `${size / 2}, ${size / 2}`
+        })]
+      })
+    })
+  });
+}
+
+/**
+ * Fallback when `react-native-svg` is not linked — thin rotating highlight arc.
+ * Inactive quadrants use handoff mid-blue so the open arc blends on the screen.
+ */
+function BorderGradientSpinner({
+  size,
+  strokeWidth,
+  testID,
+  spin
+}) {
+  const blend = _colors.HandoffGradient.mid;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: size,
+      height: size
+    },
+    testID: testID,
+    collapsable: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      collapsable: false,
+      style: {
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        borderWidth: strokeWidth,
+        borderTopColor: '#FFFFFF',
+        borderRightColor: '#00C8AF',
+        borderBottomColor: blend,
+        borderLeftColor: blend,
+        transform: [{
+          rotate: spin
+        }]
+      }
+    })
+  });
+}
+
+/**
+ * Spinning gradient arc — mirrors Flutter `GradientSpinner`.
+ *
+ * Prefer the SVG stroked arc (requires `react-native-svg` in the native build).
+ * Falls back to a border arc when SVG is not linked.
+ */
+function GradientSpinner({
+  size = 56,
+  strokeWidth = 3,
+  testID = 'gradient-spinner'
+}) {
+  const spin = useSpinAnimation();
+  const shared = {
+    size,
+    strokeWidth,
+    testID,
+    spin
+  };
+  if (isRNSVGAvailable()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgGradientSpinner, {
+      ...shared
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BorderGradientSpinner, {
+    ...shared
+  });
+}
+//# sourceMappingURL=gradient-spinner.js.map

package/lib/commonjs/ui/widgets/gradient-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_colors","_jsxRuntime","ARC_SWEEP_FRACTION","isRNSVGAvailable","Platform","OS","UIManager","getViewManagerConfig","useSpinAnimation","rotation","useRef","Animated","Value","current","useEffect","animation","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","interpolate","inputRange","outputRange","SvgGradientSpinner","size","strokeWidth","testID","spin","Svg","default","Circle","Defs","LinearGradient","SvgLinearGradient","Stop","radius","circumference","Math","PI","arcLength","gapLength","gradientId","jsx","View","style","width","height","collapsable","children","transform","rotate","jsxs","viewBox","id","x1","y1","x2","y2","offset","stopColor","cx","cy","r","stroke","strokeLinecap","fill","strokeDasharray","origin","BorderGradientSpinner","blend","HandoffGradient","mid","borderRadius","borderWidth","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","GradientSpinner","shared"],"sourceRoot":"../../../../src","sources":["ui/widgets/gradient-spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/widgets/handoff-screen-layout.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HandoffScreenLayout = HandoffScreenLayout;
+var _expoLinearGradient = require("expo-linear-gradient");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _assets = require("../theme/assets.js");
+var _colors = require("../theme/colors.js");
+var _fonts = require("../theme/fonts.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Full-screen teal→navy gradient with a bottom "Powered by Altareq" footer.
+ * Shared by redirect-handoff and resume-processing screens (Flutter parity).
+ */
+function HandoffScreenLayout({
+  children,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+    colors: [_colors.HandoffGradient.start, _colors.HandoffGradient.mid, _colors.HandoffGradient.end],
+    locations: [0, 0.45, 1],
+    style: styles.fill,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView, {
+      style: styles.fill,
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.center,
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PoweredByFooter, {})]
+    })
+  });
+}
+function PoweredByFooter() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.footer,
+    testID: "handoff-powered-by",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.poweredByLabel,
+      children: "Powered by"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: _assets.Assets.altareqLogoTransparentBg,
+      style: styles.logo,
+      resizeMode: "contain",
+      accessibilityLabel: "Altareq"
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 40
+  },
+  footer: {
+    alignItems: 'center',
+    paddingBottom: 36,
+    gap: 8
+  },
+  poweredByLabel: {
+    fontFamily: (0, _fonts.linkFontFamilyForWeight)('400'),
+    fontSize: 14,
+    color: 'rgba(255,255,255,0.7)'
+  },
+  logo: {
+    height: 40,
+    width: 160,
+    tintColor: '#FFFFFF'
+  }
+});
+//# sourceMappingURL=handoff-screen-layout.js.map

package/lib/commonjs/ui/widgets/handoff-screen-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_expoLinearGradient","require","_reactNative","_reactNativeSafeAreaContext","_assets","_colors","_fonts","_jsxRuntime","HandoffScreenLayout","children","testID","jsx","LinearGradient","colors","HandoffGradient","start","mid","end","locations","style","styles","fill","jsxs","SafeAreaView","View","center","PoweredByFooter","footer","Text","poweredByLabel","Image","source","Assets","altareqLogoTransparentBg","logo","resizeMode","accessibilityLabel","StyleSheet","create","flex","alignItems","justifyContent","paddingHorizontal","paddingBottom","gap","fontFamily","linkFontFamilyForWeight","fontSize","color","height","width","tintColor"],"sourceRoot":"../../../../src","sources":["ui/widgets/handoff-screen-layout.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAOzD;AACA;AACA;AACA;AACO,SAASO,mBAAmBA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,EAAe;EAC/F,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACX,mBAAA,CAAAY,cAAc;IACbC,MAAM,EAAE,CAACC,uBAAe,CAACC,KAAK,EAAED,uBAAe,CAACE,GAAG,EAAEF,uBAAe,CAACG,GAAG,CAAE;IAC1EC,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAE;IACxBC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAZ,QAAA,eAEnB,IAAAF,WAAA,CAAAe,IAAA,EAACnB,2BAAA,CAAAoB,YAAY;MAACJ,KAAK,EAAEC,MAAM,CAACC,IAAK;MAACX,MAAM,EAAEA,MAAO;MAAAD,QAAA,gBAC/C,IAAAF,WAAA,CAAAI,GAAA,EAACT,YAAA,CAAAsB,IAAI;QAACL,KAAK,EAAEC,MAAM,CAACK,MAAO;QAAAhB,QAAA,EAAEA;MAAQ,CAAO,CAAC,eAC7C,IAAAF,WAAA,CAAAI,GAAA,EAACe,eAAe,IAAE,CAAC;IAAA,CACP;EAAC,CACD,CAAC;AAErB;AAEA,SAASA,eAAeA,CAAA,EAAgB;EACtC,oBACE,IAAAnB,WAAA,CAAAe,IAAA,EAACpB,YAAA,CAAAsB,IAAI;IAACL,KAAK,EAAEC,MAAM,CAACO,MAAO;IAACjB,MAAM,EAAC,oBAAoB;IAAAD,QAAA,gBACrD,IAAAF,WAAA,CAAAI,GAAA,EAACT,YAAA,CAAA0B,IAAI;MAACT,KAAK,EAAEC,MAAM,CAACS,cAAe;MAAApB,QAAA,EAAC;IAAU,CAAM,CAAC,eACrD,IAAAF,WAAA,CAAAI,GAAA,EAACT,YAAA,CAAA4B,KAAK;MACJC,MAAM,EAAEC,cAAM,CAACC,wBAAyB;MACxCd,KAAK,EAAEC,MAAM,CAACc,IAAK;MACnBC,UAAU,EAAC,SAAS;MACpBC,kBAAkB,EAAC;IAAS,CAC7B,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMhB,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IAAEkB,IAAI,EAAE;EAAE,CAAC;EACjBd,MAAM,EAAE;IACNc,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE;EACrB,CAAC;EACDf,MAAM,EAAE;IACNa,UAAU,EAAE,QAAQ;IACpBG,aAAa,EAAE,EAAE;IACjBC,GAAG,EAAE;EACP,CAAC;EACDf,cAAc,EAAE;IACdgB,UAAU,EAAE,IAAAC,8BAAuB,EAAC,KAAK,CAAC;IAC1CC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDd,IAAI,EAAE;IACJe,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/widgets/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CustomStepper", {
+  enumerable: true,
+  get: function () {
+    return _stepper.CustomStepper;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function () {
+    return _footer.Footer;
+  }
+});
+Object.defineProperty(exports, "GradientSpinner", {
+  enumerable: true,
+  get: function () {
+    return _gradientSpinner.GradientSpinner;
+  }
+});
+Object.defineProperty(exports, "HandoffScreenLayout", {
+  enumerable: true,
+  get: function () {
+    return _handoffScreenLayout.HandoffScreenLayout;
+  }
+});
+Object.defineProperty(exports, "LayoutWHeader", {
+  enumerable: true,
+  get: function () {
+    return _layoutWHeader.LayoutWHeader;
+  }
+});
+var _stepper = require("./stepper.js");
+var _layoutWHeader = require("./layout-w-header.js");
+var _footer = require("./footer.js");
+var _gradientSpinner = require("./gradient-spinner.js");
+var _handoffScreenLayout = require("./handoff-screen-layout.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stepper","require","_layoutWHeader","_footer","_gradientSpinner","_handoffScreenLayout"],"sourceRoot":"../../../../src","sources":["ui/widgets/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/ui/widgets/layout-w-header.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutWHeader = LayoutWHeader;
+var _vectorIcons = require("@expo/vector-icons");
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _assets = require("../theme/assets.js");
+var _stepper = require("./stepper.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Shared flow-screen chrome. Port of Flutter `LayoutWHeader`
+ * (`lib/src/ui/widgets/layout_w_header.dart`): a white page with a centered
+ * Spare logo header, the Altareq white-background logo, a {@link CustomStepper}
+ * progress bar, and 22px body padding wrapping the screen content.
+ *
+ * CBUAE-approved chrome — copy/dimensions match the Flutter SDK exactly.
+ */
+function LayoutWHeader(props) {
+  const showBack = props.onBackPress != null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.page,
+    testID: "layout-w-header",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.appBar,
+      children: [showBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Back",
+        testID: "layout-w-header-back",
+        onPress: props.onBackPress,
+        disabled: props.backDisabled,
+        hitSlop: 8,
+        style: [styles.backButton, props.backDisabled && styles.backButtonDisabled],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          name: "arrow-back",
+          size: 24,
+          color: _index.Colors.textPrimary
+        })
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: _assets.Assets.spareLogo,
+        style: styles.spareLogo,
+        resizeMode: "contain",
+        accessibilityRole: "image",
+        accessibilityLabel: "Spare"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: _assets.Assets.altareqLogoWhiteBg,
+      style: styles.altareqLogo,
+      resizeMode: "contain",
+      accessibilityRole: "image",
+      accessibilityLabel: "Altareq"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.stepperWrap,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepper.CustomStepper, {
+        progress: props.progress ?? 0.5
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.body,
+      children: props.children
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  page: {
+    flex: 1,
+    backgroundColor: '#FFFFFF'
+  },
+  appBar: {
+    height: 56,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 8
+  },
+  backButton: {
+    position: 'absolute',
+    left: 8,
+    top: 8,
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  backButtonDisabled: {
+    opacity: 0.4
+  },
+  spareLogo: {
+    height: 18,
+    width: 120
+  },
+  altareqLogo: {
+    height: 45,
+    width: '100%',
+    alignSelf: 'center'
+  },
+  stepperWrap: {
+    paddingHorizontal: 22,
+    paddingVertical: 16
+  },
+  body: {
+    flex: 1,
+    padding: 22
+  }
+});
+//# sourceMappingURL=layout-w-header.js.map

package/lib/commonjs/ui/widgets/layout-w-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_vectorIcons","require","_reactNative","_index","_assets","_stepper","_jsxRuntime","LayoutWHeader","props","showBack","onBackPress","jsxs","View","style","styles","page","testID","children","appBar","jsx","Pressable","accessibilityRole","accessibilityLabel","onPress","disabled","backDisabled","hitSlop","backButton","backButtonDisabled","Ionicons","name","size","color","Colors","textPrimary","Image","source","Assets","spareLogo","resizeMode","altareqLogoWhiteBg","altareqLogo","stepperWrap","CustomStepper","progress","body","StyleSheet","create","flex","backgroundColor","height","alignItems","justifyContent","paddingTop","position","left","top","width","opacity","alignSelf","paddingHorizontal","paddingVertical","padding"],"sourceRoot":"../../../../src","sources":["ui/widgets/layout-w-header.tsx"],"mappings":"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","ignoreList":[]}