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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LoadingOverlay", {
+  enumerable: true,
+  get: function () {
+    return _LoadingOverlay.LoadingOverlay;
+  }
+});
+Object.defineProperty(exports, "PROGRESS_BAR", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.PROGRESS_BAR;
+  }
+});
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.ProgressBar;
+  }
+});
+Object.defineProperty(exports, "RetryDialog", {
+  enumerable: true,
+  get: function () {
+    return _RetryDialog.RetryDialog;
+  }
+});
+var _LoadingOverlay = require("./LoadingOverlay");
+var _RetryDialog = require("./RetryDialog");
+var _ProgressBar = require("./ProgressBar");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LoadingOverlay","require","_RetryDialog","_ProgressBar"],"sourceRoot":"../../../../src","sources":["ui/overlays/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/ui/primitives/Banner.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Banner = Banner;
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Form-level error banner. Tinted background, error text, paired with an
+ * inline warning icon (single "!" character to keep zero asset dependencies).
+ */
+
+function Banner({
+  message,
+  variant = 'error',
+  testID
+}) {
+  const theme = (0, _theme.useTheme)();
+  const accent = variant === 'warning' ? theme.warningColor : theme.errorColor;
+  const tint = (0, _theme.mixHex)(accent, theme.backgroundColor, 12);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "polite",
+    testID: testID,
+    style: [styles.box, {
+      backgroundColor: tint,
+      borderColor: theme.borderColor,
+      borderRadius: theme.borderRadiusPx
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.icon, {
+        borderColor: accent,
+        backgroundColor: theme.backgroundColor
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.iconText, {
+          color: accent
+        }],
+        children: "!"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.message, {
+        color: accent
+      }],
+      numberOfLines: 4,
+      children: message
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  box: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 8,
+    padding: 10,
+    borderWidth: 1,
+    marginTop: 4
+  },
+  icon: {
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 2,
+    borderWidth: 1
+  },
+  iconText: {
+    fontWeight: '700',
+    fontSize: 12,
+    lineHeight: 14
+  },
+  message: {
+    flex: 1,
+    fontSize: 13,
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=Banner.js.map

package/lib/commonjs/ui/primitives/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_jsxRuntime","Banner","message","variant","testID","theme","useTheme","accent","warningColor","errorColor","tint","mixHex","backgroundColor","jsxs","View","accessibilityRole","accessibilityLiveRegion","style","styles","box","borderColor","borderRadius","borderRadiusPx","children","jsx","icon","Text","iconText","color","numberOfLines","StyleSheet","create","flexDirection","alignItems","gap","padding","borderWidth","marginTop","width","height","justifyContent","fontWeight","fontSize","lineHeight","flex"],"sourceRoot":"../../../../src","sources":["ui/primitives/Banner.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAN5C;AACA;AACA;AACA;;AAWO,SAASG,MAAMA,CAAC;EACrBC,OAAO;EACPC,OAAO,GAAG,OAAO;EACjBC;AACW,CAAC,EAAE;EACd,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGJ,OAAO,KAAK,SAAS,GAAGE,KAAK,CAACG,YAAY,GAAGH,KAAK,CAACI,UAAU;EAC5E,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAACJ,MAAM,EAAEF,KAAK,CAACO,eAAe,EAAE,EAAE,CAAC;EAEtD,oBACE,IAAAZ,WAAA,CAAAa,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IACHC,iBAAiB,EAAC,OAAO;IACzBC,uBAAuB,EAAC,QAAQ;IAChCZ,MAAM,EAAEA,MAAO;IACfa,KAAK,EAAE,CACLC,MAAM,CAACC,GAAG,EACV;MACEP,eAAe,EAAEF,IAAI;MACrBU,WAAW,EAAEf,KAAK,CAACe,WAAW;MAC9BC,YAAY,EAAEhB,KAAK,CAACiB;IACtB,CAAC,CACD;IAAAC,QAAA,gBAEF,IAAAvB,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAAiB,IAAI;MACHG,KAAK,EAAE,CACLC,MAAM,CAACO,IAAI,EACX;QAAEL,WAAW,EAAEb,MAAM;QAAEK,eAAe,EAAEP,KAAK,CAACO;MAAgB,CAAC,CAC/D;MAAAW,QAAA,eAEF,IAAAvB,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA6B,IAAI;QAACT,KAAK,EAAE,CAACC,MAAM,CAACS,QAAQ,EAAE;UAAEC,KAAK,EAAErB;QAAO,CAAC,CAAE;QAAAgB,QAAA,EAAC;MAAC,CAAM;IAAC,CACvD,CAAC,eACP,IAAAvB,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA6B,IAAI;MAACT,KAAK,EAAE,CAACC,MAAM,CAAChB,OAAO,EAAE;QAAE0B,KAAK,EAAErB;MAAO,CAAC,CAAE;MAACsB,aAAa,EAAE,CAAE;MAAAN,QAAA,EAChErB;IAAO,CACJ,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMgB,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,GAAG,EAAE;IACHa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAE,CAAC;IACNC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb,CAAC;EACDZ,IAAI,EAAE;IACJa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVlB,YAAY,EAAE,CAAC;IACfY,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBH,SAAS,EAAE,CAAC;IACZD,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRc,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDzC,OAAO,EAAE;IACP0C,IAAI,EAAE,CAAC;IACPF,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/primitives/Button.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = Button;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Themed button — primary / secondary / ghost variants.
+ *
+ * Matches the visual language of `.vl-btn--primary` / `.vl-retry-dialog__btn--ghost`:
+ *   - Primary: filled with `primaryColor`, white text.
+ *   - Secondary: filled with `secondaryColor`.
+ *   - Ghost: transparent with border + text in `textColor`.
+ *
+ * 44 px min tap target (Apple HIG / WCAG 2.5.5). Disabled state dims at 0.45
+ * opacity (matches `.vl-btn:disabled`).
+ */
+
+function Button({
+  label,
+  onPress,
+  variant = 'primary',
+  disabled = false,
+  loading = false,
+  fullWidth = true,
+  style,
+  accessibilityLabel,
+  testID
+}) {
+  const theme = (0, _theme.useTheme)();
+  const variantStyles = (0, _react.useMemo)(() => buildVariantStyles(theme, variant), [theme, variant]);
+  const isDisabled = disabled || loading;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: isDisabled,
+      busy: loading
+    },
+    accessibilityLabel: accessibilityLabel ?? label,
+    disabled: isDisabled,
+    onPress: onPress,
+    testID: testID,
+    style: ({
+      pressed
+    }) => [styles.base, {
+      borderRadius: theme.borderRadiusPx
+    }, variantStyles.container, fullWidth && styles.fullWidth, pressed && !isDisabled && variantStyles.pressed, isDisabled && styles.disabled, style],
+    children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: variantStyles.activityColor,
+        size: "small"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, variantStyles.label, styles.labelGap],
+        children: label
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, variantStyles.label],
+      children: label
+    })
+  });
+}
+function buildVariantStyles(theme, variant) {
+  switch (variant) {
+    case 'secondary':
+      return {
+        container: {
+          backgroundColor: theme.secondaryColor,
+          borderColor: theme.secondaryColor
+        },
+        pressed: {
+          opacity: 0.85
+        },
+        label: {
+          color: '#FFFFFF'
+        },
+        activityColor: '#FFFFFF'
+      };
+    case 'ghost':
+      return {
+        container: {
+          backgroundColor: 'transparent',
+          borderColor: theme.borderColor
+        },
+        pressed: {
+          backgroundColor: (0, _theme.withAlpha)(theme.textColor, 0.06)
+        },
+        label: {
+          color: theme.textColor
+        },
+        activityColor: theme.textColor
+      };
+    case 'primary':
+    default:
+      return {
+        container: {
+          backgroundColor: theme.primaryColor,
+          borderColor: theme.primaryColor
+        },
+        pressed: {
+          opacity: 0.85
+        },
+        label: {
+          color: '#FFFFFF'
+        },
+        activityColor: '#FFFFFF'
+      };
+  }
+}
+const styles = _reactNative.StyleSheet.create({
+  base: {
+    minHeight: 44,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fullWidth: {
+    alignSelf: 'stretch'
+  },
+  disabled: {
+    opacity: 0.45
+  },
+  label: {
+    fontSize: 15,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  labelGap: {
+    marginLeft: 8
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/ui/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_jsxRuntime","Button","label","onPress","variant","disabled","loading","fullWidth","style","accessibilityLabel","testID","theme","useTheme","variantStyles","useMemo","buildVariantStyles","isDisabled","jsx","Pressable","accessibilityRole","accessibilityState","busy","pressed","styles","base","borderRadius","borderRadiusPx","container","children","jsxs","View","row","ActivityIndicator","color","activityColor","size","Text","labelGap","backgroundColor","secondaryColor","borderColor","opacity","withAlpha","textColor","primaryColor","StyleSheet","create","minHeight","paddingHorizontal","paddingVertical","borderWidth","alignItems","justifyContent","alignSelf","fontSize","fontWeight","textAlign","marginLeft","flexDirection"],"sourceRoot":"../../../../src","sources":["ui/primitives/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/primitives/Card.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = Card;
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Plain themed surface used by step shells, dialog cards, etc. Adds the
+ * standard radius + shadow elevation pair without forcing a specific layout.
+ */
+
+function Card({
+  elevated = false,
+  style,
+  children,
+  ...rest
+}) {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...rest,
+    style: [styles.card, {
+      backgroundColor: theme.backgroundColor,
+      borderColor: theme.borderColor,
+      borderRadius: theme.borderRadiusPx
+    }, elevated && (_reactNative.Platform.OS === 'android' ? androidElevation : iosShadow), style],
+    children: children
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    borderWidth: 1,
+    padding: 16
+  }
+});
+const iosShadow = {
+  shadowColor: '#000',
+  shadowOpacity: 0.1,
+  shadowRadius: 6,
+  shadowOffset: {
+    width: 0,
+    height: 4
+  }
+};
+const androidElevation = {
+  elevation: 3
+};
+//# sourceMappingURL=Card.js.map

package/lib/commonjs/ui/primitives/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_jsxRuntime","Card","elevated","style","children","rest","theme","useTheme","jsx","View","styles","card","backgroundColor","borderColor","borderRadius","borderRadiusPx","Platform","OS","androidElevation","iosShadow","StyleSheet","create","borderWidth","padding","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation"],"sourceRoot":"../../../../src","sources":["ui/primitives/Card.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAoC,IAAAE,WAAA,GAAAF,OAAA;AANpC;AACA;AACA;AACA;;AASO,SAASG,IAAIA,CAAC;EACnBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;IAAA,GACCJ,IAAI;IACRF,KAAK,EAAE,CACLO,MAAM,CAACC,IAAI,EACX;MACEC,eAAe,EAAEN,KAAK,CAACM,eAAe;MACtCC,WAAW,EAAEP,KAAK,CAACO,WAAW;MAC9BC,YAAY,EAAER,KAAK,CAACS;IACtB,CAAC,EACDb,QAAQ,KAAKc,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAGC,gBAAgB,GAAGC,SAAS,CAAC,EACtEhB,KAAK,CACL;IAAAC,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMM,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMJ,SAAS,GAAG;EAChBK,WAAW,EAAE,MAAM;EACnBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AACtC,CAAC;AAED,MAAMX,gBAAgB,GAAG;EACvBY,SAAS,EAAE;AACb,CAAC","ignoreList":[]}

package/lib/commonjs/ui/primitives/Checkbox.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Themed checkbox with optional title + description.
+ *
+ * Two visual modes:
+ *   - `inline`: checkbox + single-line label (T&C list rows).
+ *   - `card`: checkbox + title + description inside a tinted card —
+ *     used by SWORN_DECLARATION.
+ *
+ * No external icon dependency: the check is a tinted square with a "✓" glyph.
+ */
+
+function Checkbox({
+  checked,
+  onChange,
+  label,
+  title,
+  description,
+  disabled = false,
+  variant = 'inline',
+  testID
+}) {
+  const theme = (0, _theme.useTheme)();
+  const cardBgIdle = (0, _theme.mixHex)(theme.primaryColor, theme.backgroundColor, 8);
+  const cardBgActive = (0, _theme.mixHex)(theme.primaryColor, theme.backgroundColor, 14);
+  const isCard = variant === 'card';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      disabled,
+      checked
+    },
+    accessibilityLabel: title ?? label,
+    accessibilityHint: description,
+    disabled: disabled,
+    testID: testID,
+    onPress: () => onChange(!checked),
+    style: ({
+      pressed
+    }) => [isCard ? styles.card : styles.inline, isCard && {
+      borderColor: checked ? theme.primaryColor : theme.borderColor,
+      backgroundColor: checked ? cardBgActive : cardBgIdle,
+      borderRadius: theme.borderRadiusPx
+    }, pressed && !disabled && {
+      opacity: 0.85
+    }, disabled && styles.disabled],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.box, {
+        borderColor: checked ? theme.primaryColor : theme.borderColor,
+        backgroundColor: checked ? theme.primaryColor : 'transparent'
+      }],
+      children: checked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.tick,
+        children: "\u2713"
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.copy,
+      children: isCard ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.title, {
+            color: theme.textColor
+          }],
+          children: title
+        }) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.description, {
+            color: theme.textSecondaryColor
+          }],
+          children: description
+        }) : null]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          color: theme.textColor
+        }],
+        children: label ?? title ?? ''
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  inline: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 10,
+    paddingVertical: 8,
+    minHeight: 44
+  },
+  card: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 10,
+    padding: 12,
+    borderWidth: 1,
+    minHeight: 64
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  box: {
+    width: 22,
+    height: 22,
+    borderWidth: 2,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 2
+  },
+  tick: {
+    color: '#FFFFFF',
+    fontSize: 14,
+    fontWeight: '900',
+    lineHeight: 16
+  },
+  copy: {
+    flex: 1,
+    gap: 3
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: '600',
+    lineHeight: 20
+  },
+  description: {
+    fontSize: 13,
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=Checkbox.js.map

package/lib/commonjs/ui/primitives/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_jsxRuntime","Checkbox","checked","onChange","label","title","description","disabled","variant","testID","theme","useTheme","cardBgIdle","mixHex","primaryColor","backgroundColor","cardBgActive","isCard","jsxs","Pressable","accessibilityRole","accessibilityState","accessibilityLabel","accessibilityHint","onPress","style","pressed","styles","card","inline","borderColor","borderRadius","borderRadiusPx","opacity","children","jsx","View","box","Text","tick","copy","Fragment","color","textColor","textSecondaryColor","StyleSheet","create","flexDirection","alignItems","gap","paddingVertical","minHeight","padding","borderWidth","width","height","justifyContent","marginTop","fontSize","fontWeight","lineHeight","flex"],"sourceRoot":"../../../../src","sources":["ui/primitives/Checkbox.tsx"],"mappings":"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","ignoreList":[]}