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

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

@@ -0,0 +1,77 @@
+"use strict";
+
+/**
+ * Form-level error banner. Tinted background, error text, paired with an
+ * inline warning icon (single "!" character to keep zero asset dependencies).
+ */
+
+import { StyleSheet, Text, View } from 'react-native';
+import { mixHex, useTheme } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Banner({
+  message,
+  variant = 'error',
+  testID
+}) {
+  const theme = useTheme();
+  const accent = variant === 'warning' ? theme.warningColor : theme.errorColor;
+  const tint = mixHex(accent, theme.backgroundColor, 12);
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "polite",
+    testID: testID,
+    style: [styles.box, {
+      backgroundColor: tint,
+      borderColor: theme.borderColor,
+      borderRadius: theme.borderRadiusPx
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.icon, {
+        borderColor: accent,
+        backgroundColor: theme.backgroundColor
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.iconText, {
+          color: accent
+        }],
+        children: "!"
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.message, {
+        color: accent
+      }],
+      numberOfLines: 4,
+      children: message
+    })]
+  });
+}
+const styles = 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/module/ui/primitives/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","mixHex","useTheme","jsx","_jsx","jsxs","_jsxs","Banner","message","variant","testID","theme","accent","warningColor","errorColor","tint","backgroundColor","accessibilityRole","accessibilityLiveRegion","style","styles","box","borderColor","borderRadius","borderRadiusPx","children","icon","iconText","color","numberOfLines","create","flexDirection","alignItems","gap","padding","borderWidth","marginTop","width","height","justifyContent","fontWeight","fontSize","lineHeight","flex"],"sourceRoot":"../../../../src","sources":["ui/primitives/Banner.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ5C,OAAO,SAASC,MAAMA,CAAC;EACrBC,OAAO;EACPC,OAAO,GAAG,OAAO;EACjBC;AACW,CAAC,EAAE;EACd,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,MAAM,GAAGH,OAAO,KAAK,SAAS,GAAGE,KAAK,CAACE,YAAY,GAAGF,KAAK,CAACG,UAAU;EAC5E,MAAMC,IAAI,GAAGd,MAAM,CAACW,MAAM,EAAED,KAAK,CAACK,eAAe,EAAE,EAAE,CAAC;EAEtD,oBACEV,KAAA,CAACN,IAAI;IACHiB,iBAAiB,EAAC,OAAO;IACzBC,uBAAuB,EAAC,QAAQ;IAChCR,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAE,CACLC,MAAM,CAACC,GAAG,EACV;MACEL,eAAe,EAAED,IAAI;MACrBO,WAAW,EAAEX,KAAK,CAACW,WAAW;MAC9BC,YAAY,EAAEZ,KAAK,CAACa;IACtB,CAAC,CACD;IAAAC,QAAA,gBAEFrB,IAAA,CAACJ,IAAI;MACHmB,KAAK,EAAE,CACLC,MAAM,CAACM,IAAI,EACX;QAAEJ,WAAW,EAAEV,MAAM;QAAEI,eAAe,EAAEL,KAAK,CAACK;MAAgB,CAAC,CAC/D;MAAAS,QAAA,eAEFrB,IAAA,CAACL,IAAI;QAACoB,KAAK,EAAE,CAACC,MAAM,CAACO,QAAQ,EAAE;UAAEC,KAAK,EAAEhB;QAAO,CAAC,CAAE;QAAAa,QAAA,EAAC;MAAC,CAAM;IAAC,CACvD,CAAC,eACPrB,IAAA,CAACL,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACZ,OAAO,EAAE;QAAEoB,KAAK,EAAEhB;MAAO,CAAC,CAAE;MAACiB,aAAa,EAAE,CAAE;MAAAJ,QAAA,EAChEjB;IAAO,CACJ,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMY,MAAM,GAAGtB,UAAU,CAACgC,MAAM,CAAC;EAC/BT,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAE,CAAC;IACNC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb,CAAC;EACDV,IAAI,EAAE;IACJW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVf,YAAY,EAAE,CAAC;IACfS,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBH,SAAS,EAAE,CAAC;IACZD,WAAW,EAAE;EACf,CAAC;EACDR,QAAQ,EAAE;IACRa,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDlC,OAAO,EAAE;IACPmC,IAAI,EAAE,CAAC;IACPF,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,138 @@
+"use strict";
+
+/**
+ * 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`).
+ */
+
+import { useMemo } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useTheme, withAlpha } from '../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Button({
+  label,
+  onPress,
+  variant = 'primary',
+  disabled = false,
+  loading = false,
+  fullWidth = true,
+  style,
+  accessibilityLabel,
+  testID
+}) {
+  const theme = useTheme();
+  const variantStyles = useMemo(() => buildVariantStyles(theme, variant), [theme, variant]);
+  const isDisabled = disabled || loading;
+  return /*#__PURE__*/_jsx(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__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+        color: variantStyles.activityColor,
+        size: "small"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, variantStyles.label, styles.labelGap],
+        children: label
+      })]
+    }) : /*#__PURE__*/_jsx(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: 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 = 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/module/ui/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ActivityIndicator","Pressable","StyleSheet","Text","View","useTheme","withAlpha","jsx","_jsx","jsxs","_jsxs","Button","label","onPress","variant","disabled","loading","fullWidth","style","accessibilityLabel","testID","theme","variantStyles","buildVariantStyles","isDisabled","accessibilityRole","accessibilityState","busy","pressed","styles","base","borderRadius","borderRadiusPx","container","children","row","color","activityColor","size","labelGap","backgroundColor","secondaryColor","borderColor","opacity","textColor","primaryColor","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/module/ui/primitives/Card.js

@@ -0,0 +1,46 @@
+"use strict";
+
+/**
+ * Plain themed surface used by step shells, dialog cards, etc. Adds the
+ * standard radius + shadow elevation pair without forcing a specific layout.
+ */
+
+import { Platform, StyleSheet, View } from 'react-native';
+import { useTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Card({
+  elevated = false,
+  style,
+  children,
+  ...rest
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    ...rest,
+    style: [styles.card, {
+      backgroundColor: theme.backgroundColor,
+      borderColor: theme.borderColor,
+      borderRadius: theme.borderRadiusPx
+    }, elevated && (Platform.OS === 'android' ? androidElevation : iosShadow), style],
+    children: children
+  });
+}
+const styles = 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/module/ui/primitives/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","View","useTheme","jsx","_jsx","Card","elevated","style","children","rest","theme","styles","card","backgroundColor","borderColor","borderRadius","borderRadiusPx","OS","androidElevation","iosShadow","create","borderWidth","padding","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation"],"sourceRoot":"../../../../src","sources":["ui/primitives/Card.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AACzE,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpC,OAAO,SAASC,IAAIA,CAAC;EACnBC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,oBACEE,IAAA,CAACH,IAAI;IAAA,GACCQ,IAAI;IACRF,KAAK,EAAE,CACLI,MAAM,CAACC,IAAI,EACX;MACEC,eAAe,EAAEH,KAAK,CAACG,eAAe;MACtCC,WAAW,EAAEJ,KAAK,CAACI,WAAW;MAC9BC,YAAY,EAAEL,KAAK,CAACM;IACtB,CAAC,EACDV,QAAQ,KAAKP,QAAQ,CAACkB,EAAE,KAAK,SAAS,GAAGC,gBAAgB,GAAGC,SAAS,CAAC,EACtEZ,KAAK,CACL;IAAAC,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGX,UAAU,CAACoB,MAAM,CAAC;EAC/BR,IAAI,EAAE;IACJS,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMH,SAAS,GAAG;EAChBI,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,MAAMV,gBAAgB,GAAG;EACvBW,SAAS,EAAE;AACb,CAAC","ignoreList":[]}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { StyleSheet, Text, View } from 'react-native';
+import { Pressable } from 'react-native';
+import { mixHex, useTheme } from '../theme';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function Checkbox({
+  checked,
+  onChange,
+  label,
+  title,
+  description,
+  disabled = false,
+  variant = 'inline',
+  testID
+}) {
+  const theme = useTheme();
+  const cardBgIdle = mixHex(theme.primaryColor, theme.backgroundColor, 8);
+  const cardBgActive = mixHex(theme.primaryColor, theme.backgroundColor, 14);
+  const isCard = variant === 'card';
+  return /*#__PURE__*/_jsxs(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__*/_jsx(View, {
+      style: [styles.box, {
+        borderColor: checked ? theme.primaryColor : theme.borderColor,
+        backgroundColor: checked ? theme.primaryColor : 'transparent'
+      }],
+      children: checked ? /*#__PURE__*/_jsx(Text, {
+        style: styles.tick,
+        children: "\u2713"
+      }) : null
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.copy,
+      children: isCard ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [title ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.title, {
+            color: theme.textColor
+          }],
+          children: title
+        }) : null, description ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.description, {
+            color: theme.textSecondaryColor
+          }],
+          children: description
+        }) : null]
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: theme.textColor
+        }],
+        children: label ?? title ?? ''
+      })
+    })]
+  });
+}
+const styles = 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/module/ui/primitives/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","Pressable","mixHex","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Checkbox","checked","onChange","label","title","description","disabled","variant","testID","theme","cardBgIdle","primaryColor","backgroundColor","cardBgActive","isCard","accessibilityRole","accessibilityState","accessibilityLabel","accessibilityHint","onPress","style","pressed","styles","card","inline","borderColor","borderRadius","borderRadiusPx","opacity","children","box","tick","copy","color","textColor","textSecondaryColor","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":[]}