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

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

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CountrySelect = CountrySelect;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _iso3166Countries = require("../../utils/iso3166Countries");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * CountrySelect — combobox-style picker for ISO 3166-1 alpha-2 codes.
+ *
+ * Renders a labelled trigger that opens a modal with a search field and a
+ * filtered FlatList. Used by every country-aware step (HUMAN_EXTENDED_INFO,
+ * LEGAL_EXTENDED_INFO, ADDRESS_INFO).
+ *
+ * Selection semantics:
+ *   - The selected option is identified by its 2-letter code; the label shows
+ *     the localized country name (resolved by `iso3166Countries`).
+ *   - Search matches against name OR code, case-insensitive.
+ *   - When `allowedCodes` is provided, the master list is pre-filtered.
+ */
+
+function CountrySelect({
+  label,
+  value,
+  onChange,
+  locale = 'es',
+  allowedCodes,
+  placeholder,
+  searchPlaceholder,
+  errorMessage,
+  required,
+  disabled = false,
+  containerStyle
+}) {
+  const theme = (0, _theme.useTheme)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [query, setQuery] = (0, _react.useState)('');
+  const baseCountries = (0, _react.useMemo)(() => {
+    const all = (0, _iso3166Countries.listIso3166CountriesForUi)(locale);
+    if (!allowedCodes || allowedCodes.length === 0) return all;
+    const allow = new Set(allowedCodes.map(c => c.toUpperCase()));
+    return all.filter(c => allow.has(c.code));
+  }, [locale, allowedCodes]);
+  const visible = (0, _react.useMemo)(() => (0, _iso3166Countries.filterIso3166Countries)(baseCountries, query), [baseCountries, query]);
+  const selected = (0, _react.useMemo)(() => baseCountries.find(c => c.code === value) ?? null, [baseCountries, value]);
+  const hasError = Boolean(errorMessage && errorMessage.length > 0);
+  const close = (0, _react.useCallback)(() => {
+    setOpen(false);
+    setQuery('');
+  }, []);
+  const select = (0, _react.useCallback)(item => {
+    onChange(item.code);
+    close();
+  }, [close, onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      accessibilityRole: "combobox",
+      accessibilityState: {
+        disabled,
+        expanded: open
+      },
+      accessibilityLabel: label,
+      disabled: disabled,
+      onPress: () => setOpen(true),
+      style: [styles.trigger, {
+        backgroundColor: theme.backgroundColor,
+        borderColor: hasError ? theme.errorColor : theme.borderColor,
+        borderRadius: theme.borderRadiusPx
+      }, disabled && styles.disabled],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        numberOfLines: 1,
+        style: [styles.triggerText, {
+          color: selected ? theme.textColor : theme.textSecondaryColor
+        }],
+        children: selected ? selected.name : placeholder ?? ''
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.chevron, {
+          color: theme.textSecondaryColor
+        }],
+        children: "\u25BE"
+      })]
+    }), hasError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityLiveRegion: "polite",
+      style: [styles.error, {
+        color: theme.errorColor
+      }],
+      children: errorMessage
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: close,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: styles.backdrop,
+        onPress: close,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          style: [styles.sheet, {
+            backgroundColor: theme.backgroundColor,
+            borderColor: theme.borderColor,
+            borderRadius: theme.borderRadiusPx
+          }],
+          onPress: () => undefined,
+          children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.sheetTitle, {
+              color: theme.textColor
+            }],
+            children: label
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            autoFocus: true,
+            autoCapitalize: "none",
+            autoCorrect: false,
+            placeholder: searchPlaceholder ?? placeholder ?? '',
+            placeholderTextColor: theme.textSecondaryColor,
+            value: query,
+            onChangeText: setQuery,
+            style: [styles.search, {
+              color: theme.textColor,
+              backgroundColor: theme.backgroundColor,
+              borderColor: theme.borderColor,
+              borderRadius: theme.borderRadiusPx
+            }]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+            data: visible,
+            keyExtractor: item => item.code,
+            keyboardShouldPersistTaps: "handled",
+            style: styles.list,
+            renderItem: ({
+              item
+            }) => {
+              const isSelected = item.code === value;
+              // Suppress the trailing code badge when the resolver
+              // already echoed the code as the name (Hermes fallback for
+              // countries outside the built-in map). Showing "AR  AR"
+              // adds noise without information.
+              const showCodeBadge = item.name.toUpperCase() !== item.code;
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+                accessibilityRole: "menuitem",
+                accessibilityState: {
+                  selected: isSelected
+                },
+                onPress: () => select(item),
+                style: ({
+                  pressed
+                }) => [styles.option, isSelected && {
+                  backgroundColor: (0, _theme.withAlpha)(theme.primaryColor, 0.12)
+                }, pressed && {
+                  backgroundColor: (0, _theme.withAlpha)(theme.primaryColor, 0.18)
+                }],
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  numberOfLines: 1,
+                  style: [styles.optionText, {
+                    color: isSelected ? theme.primaryColor : theme.textColor,
+                    fontWeight: isSelected ? '600' : '400'
+                  }],
+                  children: item.name
+                }), showCodeBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                  style: [styles.optionCodeBadge, {
+                    backgroundColor: (0, _theme.withAlpha)(theme.textColor, 0.06)
+                  }],
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: [styles.optionCode, {
+                      color: theme.textSecondaryColor
+                    }],
+                    children: item.code
+                  })
+                }) : null]
+              });
+            }
+          })]
+        })
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrap: {
+    width: '100%',
+    marginBottom: 4
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '500',
+    marginBottom: 4
+  },
+  required: {
+    fontWeight: '400'
+  },
+  trigger: {
+    minHeight: 44,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderWidth: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  triggerText: {
+    fontSize: 15,
+    flex: 1
+  },
+  chevron: {
+    fontSize: 14,
+    marginLeft: 8
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  error: {
+    fontSize: 13,
+    marginTop: 4,
+    lineHeight: 18
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.4)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20
+  },
+  sheet: {
+    width: '100%',
+    maxWidth: 420,
+    maxHeight: '80%',
+    borderWidth: 1,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    paddingBottom: 8
+  },
+  sheetTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 8
+  },
+  search: {
+    minHeight: 44,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 15,
+    borderWidth: 1,
+    marginBottom: 8
+  },
+  list: {
+    flexShrink: 1
+  },
+  option: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: 44,
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    justifyContent: 'space-between',
+    gap: 12,
+    borderRadius: 6
+  },
+  optionCodeBadge: {
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 4,
+    minWidth: 36,
+    alignItems: 'center'
+  },
+  optionText: {
+    fontSize: 15,
+    flex: 1
+  },
+  optionCode: {
+    fontSize: 11,
+    fontWeight: '600',
+    letterSpacing: 0.5,
+    fontVariant: ['tabular-nums']
+  }
+});
+//# sourceMappingURL=CountrySelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_iso3166Countries","_jsxRuntime","CountrySelect","label","value","onChange","locale","allowedCodes","placeholder","searchPlaceholder","errorMessage","required","disabled","containerStyle","theme","useTheme","open","setOpen","useState","query","setQuery","baseCountries","useMemo","all","listIso3166CountriesForUi","length","allow","Set","map","c","toUpperCase","filter","has","code","visible","filterIso3166Countries","selected","find","hasError","Boolean","close","useCallback","select","item","jsxs","View","style","styles","wrap","children","Text","color","textColor","textSecondaryColor","Pressable","accessibilityRole","accessibilityState","expanded","accessibilityLabel","onPress","trigger","backgroundColor","borderColor","errorColor","borderRadius","borderRadiusPx","jsx","numberOfLines","triggerText","name","chevron","accessibilityLiveRegion","error","Modal","transparent","animationType","onRequestClose","backdrop","sheet","undefined","sheetTitle","TextInput","autoFocus","autoCapitalize","autoCorrect","placeholderTextColor","onChangeText","search","FlatList","data","keyExtractor","keyboardShouldPersistTaps","list","renderItem","isSelected","showCodeBadge","pressed","option","withAlpha","primaryColor","optionText","fontWeight","optionCodeBadge","optionCode","StyleSheet","create","width","marginBottom","fontSize","minHeight","paddingHorizontal","paddingVertical","borderWidth","flexDirection","alignItems","justifyContent","flex","marginLeft","opacity","marginTop","lineHeight","padding","maxWidth","maxHeight","paddingTop","paddingBottom","flexShrink","gap","minWidth","letterSpacing","fontVariant"],"sourceRoot":"../../../../src","sources":["ui/primitives/CountrySelect.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = DatePicker;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _Select = require("./Select");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Date input — three side-by-side `<Select>`s for day / month / year.
+ *
+ * Why three selects instead of `@react-native-community/datetimepicker`:
+ *   - Zero additional native deps; the picker module needs Pods linking and
+ *     extra Expo prebuild config. Adding it before we _need_ it (we don't yet
+ *     for HUMAN_EXTENDED_INFO and LEGAL_EXTENDED_INFO) just bloats the bundle.
+ *   - Three selects feel deliberate and avoid the platform-specific calendar
+ *     inconsistency of the native pickers across iOS and Android.
+ *
+ * State model:
+ *   The component keeps a private `draft` of the partial selection so an
+ *   intermediate state like "day=15, month=, year=" stays visible while the
+ *   user fills in the rest. The `value` prop only reflects the *complete*
+ *   ISO string — when any of the three pieces is missing we surface `null`
+ *   to the parent. An external `value` change (form reset, prefill, etc.)
+ *   re-syncs the draft.
+ *
+ * Output: ISO 8601 date (`YYYY-MM-DD`) when all three parts are filled,
+ * otherwise `null`. The host form passes that value as the field's
+ * `birth_date` / `incorporation_date` payload.
+ */
+
+const EMPTY_DATE = {
+  year: '',
+  month: '',
+  day: ''
+};
+const FALLBACK_MONTHS_ES = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];
+function parseISO(value) {
+  if (!value) return {
+    ...EMPTY_DATE
+  };
+  const m = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!m) return {
+    ...EMPTY_DATE
+  };
+  return {
+    year: m[1] ?? '',
+    month: m[2] ?? '',
+    day: m[3] ?? ''
+  };
+}
+function buildIso(year, month, day) {
+  if (!year || !month || !day) return null;
+  const y = Number(year);
+  const mo = Number(month);
+  const d = Number(day);
+  if (!Number.isFinite(y) || !Number.isFinite(mo) || !Number.isFinite(d)) return null;
+  // Validate the day fits the month (e.g. 31 of Feb → invalid → null).
+  const test = new Date(Date.UTC(y, mo - 1, d));
+  if (test.getUTCFullYear() !== y || test.getUTCMonth() !== mo - 1 || test.getUTCDate() !== d) {
+    return null;
+  }
+  return `${year}-${month}-${day}`;
+}
+function pad2(n) {
+  return n < 10 ? `0${n}` : String(n);
+}
+function DatePicker({
+  label,
+  required,
+  value,
+  onChange,
+  errorMessage,
+  minYear = 1900,
+  maxYear = new Date().getFullYear(),
+  containerStyle,
+  monthLabels = FALLBACK_MONTHS_ES
+}) {
+  const theme = (0, _theme.useTheme)();
+
+  // Persistent draft of the user's partial selection. Survives the
+  // intermediate `onChange(null)` calls that happen until all three fields
+  // are filled.
+  const [draft, setDraft] = (0, _react.useState)(() => parseISO(value));
+
+  // Re-sync the draft when the parent pushes a different `value` than the
+  // one our draft currently produces. Skips the resync if the external
+  // value matches what the draft would emit (the common case after every
+  // intermediate `onChange`), which prevents a feedback loop.
+  const lastEmittedRef = (0, _react.useRef)(buildIso(draft.year, draft.month, draft.day));
+  (0, _react.useEffect)(() => {
+    if (value === lastEmittedRef.current) return;
+    setDraft(parseISO(value));
+    lastEmittedRef.current = value;
+  }, [value]);
+  const yearOptions = (0, _react.useMemo)(() => {
+    const out = [];
+    for (let y = maxYear; y >= minYear; y -= 1) {
+      out.push({
+        value: String(y),
+        label: String(y)
+      });
+    }
+    return out;
+  }, [maxYear, minYear]);
+  const monthOptions = (0, _react.useMemo)(() => {
+    return Array.from({
+      length: 12
+    }, (_, i) => ({
+      value: pad2(i + 1),
+      label: monthLabels[i] ?? pad2(i + 1)
+    }));
+  }, [monthLabels]);
+  const dayOptions = (0, _react.useMemo)(() => {
+    const max = daysInMonth(draft.year, draft.month);
+    return Array.from({
+      length: max
+    }, (_, i) => ({
+      value: pad2(i + 1),
+      label: pad2(i + 1)
+    }));
+  }, [draft.month, draft.year]);
+  const update = (0, _react.useCallback)(next => {
+    setDraft(next);
+    const iso = buildIso(next.year, next.month, next.day);
+    lastEmittedRef.current = iso;
+    onChange(iso);
+  }, [onChange]);
+  const onDay = (0, _react.useCallback)(day => update({
+    ...draft,
+    day
+  }), [draft, update]);
+  const onMonth = (0, _react.useCallback)(month => {
+    // If the chosen month is shorter than the current day, pull the day in.
+    update({
+      ...draft,
+      month,
+      day: clampDay(draft.day, month, draft.year)
+    });
+  }, [draft, update]);
+  const onYear = (0, _react.useCallback)(year => {
+    // Year change can also shorten the month (Feb 29 only on leap years).
+    update({
+      ...draft,
+      year,
+      day: clampDay(draft.day, draft.month, year)
+    });
+  }, [draft, update]);
+  const hasError = Boolean(errorMessage && errorMessage.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cell,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Select, {
+          options: dayOptions,
+          value: draft.day || null,
+          onChange: onDay,
+          placeholder: "DD",
+          errorMessage: hasError ? '' : null
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cell,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Select, {
+          options: monthOptions,
+          value: draft.month || null,
+          onChange: onMonth,
+          placeholder: "MM",
+          errorMessage: hasError ? '' : null
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cellWide,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Select, {
+          options: yearOptions,
+          value: draft.year || null,
+          onChange: onYear,
+          placeholder: "YYYY",
+          errorMessage: hasError ? '' : null
+        })
+      })]
+    }), hasError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.error, {
+        color: theme.errorColor
+      }],
+      children: errorMessage
+    }) : null]
+  });
+}
+function clampDay(day, month, year) {
+  if (!day) return day;
+  const max = daysInMonth(year, month);
+  const dn = Number(day);
+  if (!Number.isFinite(dn)) return '';
+  return dn > max ? pad2(max) : pad2(dn);
+}
+function daysInMonth(year, month) {
+  const y = Number(year) || 2000;
+  const m = Number(month) || 1;
+  // 0-indexed month; passing day 0 of next month yields last day of m.
+  return new Date(y, m, 0).getDate() || 31;
+}
+const styles = _reactNative.StyleSheet.create({
+  wrap: {
+    width: '100%',
+    marginBottom: 4
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '500',
+    marginBottom: 4
+  },
+  required: {
+    fontWeight: '400'
+  },
+  row: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  cell: {
+    flex: 1
+  },
+  cellWide: {
+    flex: 1.4
+  },
+  error: {
+    fontSize: 13,
+    marginTop: 4,
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_Select","_jsxRuntime","EMPTY_DATE","year","month","day","FALLBACK_MONTHS_ES","parseISO","value","m","match","buildIso","y","Number","mo","d","isFinite","test","Date","UTC","getUTCFullYear","getUTCMonth","getUTCDate","pad2","n","String","DatePicker","label","required","onChange","errorMessage","minYear","maxYear","getFullYear","containerStyle","monthLabels","theme","useTheme","draft","setDraft","useState","lastEmittedRef","useRef","useEffect","current","yearOptions","useMemo","out","push","monthOptions","Array","from","length","_","i","dayOptions","max","daysInMonth","update","useCallback","next","iso","onDay","onMonth","clampDay","onYear","hasError","Boolean","jsxs","View","style","styles","wrap","children","Text","color","textColor","textSecondaryColor","row","jsx","cell","Select","options","placeholder","cellWide","error","errorColor","dn","getDate","StyleSheet","create","width","marginBottom","fontSize","fontWeight","flexDirection","gap","flex","marginTop","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/primitives/DatePicker.tsx"],"mappings":";;;;;;AAuBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AA1BrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA+BA,MAAMK,UAAsB,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,GAAG,EAAE;AAAG,CAAC;AAE/D,MAAMC,kBAAyC,GAAG,CAChD,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CACnF;AAED,SAASC,QAAQA,CAACC,KAAoB,EAAc;EAClD,IAAI,CAACA,KAAK,EAAE,OAAO;IAAE,GAAGN;EAAW,CAAC;EACpC,MAAMO,CAAC,GAAGD,KAAK,CAACE,KAAK,CAAC,2BAA2B,CAAC;EAClD,IAAI,CAACD,CAAC,EAAE,OAAO;IAAE,GAAGP;EAAW,CAAC;EAChC,OAAO;IAAEC,IAAI,EAAEM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;IAAEL,KAAK,EAAEK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;IAAEJ,GAAG,EAAEI,CAAC,CAAC,CAAC,CAAC,IAAI;EAAG,CAAC;AACjE;AAEA,SAASE,QAAQA,CAACR,IAAY,EAAEC,KAAa,EAAEC,GAAW,EAAiB;EACzE,IAAI,CAACF,IAAI,IAAI,CAACC,KAAK,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EACxC,MAAMO,CAAC,GAAGC,MAAM,CAACV,IAAI,CAAC;EACtB,MAAMW,EAAE,GAAGD,MAAM,CAACT,KAAK,CAAC;EACxB,MAAMW,CAAC,GAAGF,MAAM,CAACR,GAAG,CAAC;EACrB,IAAI,CAACQ,MAAM,CAACG,QAAQ,CAACJ,CAAC,CAAC,IAAI,CAACC,MAAM,CAACG,QAAQ,CAACF,EAAE,CAAC,IAAI,CAACD,MAAM,CAACG,QAAQ,CAACD,CAAC,CAAC,EAAE,OAAO,IAAI;EACnF;EACA,MAAME,IAAI,GAAG,IAAIC,IAAI,CAACA,IAAI,CAACC,GAAG,CAACP,CAAC,EAAEE,EAAE,GAAG,CAAC,EAAEC,CAAC,CAAC,CAAC;EAC7C,IACEE,IAAI,CAACG,cAAc,CAAC,CAAC,KAAKR,CAAC,IAC3BK,IAAI,CAACI,WAAW,CAAC,CAAC,KAAKP,EAAE,GAAG,CAAC,IAC7BG,IAAI,CAACK,UAAU,CAAC,CAAC,KAAKP,CAAC,EACvB;IACA,OAAO,IAAI;EACb;EACA,OAAO,GAAGZ,IAAI,IAAIC,KAAK,IAAIC,GAAG,EAAE;AAClC;AAEA,SAASkB,IAAIA,CAACC,CAAS,EAAU;EAC/B,OAAOA,CAAC,GAAG,EAAE,GAAG,IAAIA,CAAC,EAAE,GAAGC,MAAM,CAACD,CAAC,CAAC;AACrC;AAEO,SAASE,UAAUA,CAAC;EACzBC,KAAK;EACLC,QAAQ;EACRpB,KAAK;EACLqB,QAAQ;EACRC,YAAY;EACZC,OAAO,GAAG,IAAI;EACdC,OAAO,GAAG,IAAId,IAAI,CAAC,CAAC,CAACe,WAAW,CAAC,CAAC;EAClCC,cAAc;EACdC,WAAW,GAAG7B;AACC,CAAC,EAAE;EAClB,MAAM8B,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;;EAExB;EACA;EACA;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAa,MAAMjC,QAAQ,CAACC,KAAK,CAAC,CAAC;;EAErE;EACA;EACA;EACA;EACA,MAAMiC,cAAc,GAAG,IAAAC,aAAM,EAAgB/B,QAAQ,CAAC2B,KAAK,CAACnC,IAAI,EAAEmC,KAAK,CAAClC,KAAK,EAAEkC,KAAK,CAACjC,GAAG,CAAC,CAAC;EAC1F,IAAAsC,gBAAS,EAAC,MAAM;IACd,IAAInC,KAAK,KAAKiC,cAAc,CAACG,OAAO,EAAE;IACtCL,QAAQ,CAAChC,QAAQ,CAACC,KAAK,CAAC,CAAC;IACzBiC,cAAc,CAACG,OAAO,GAAGpC,KAAK;EAChC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMqC,WAAW,GAAG,IAAAC,cAAO,EAAiB,MAAM;IAChD,MAAMC,GAAmB,GAAG,EAAE;IAC9B,KAAK,IAAInC,CAAC,GAAGoB,OAAO,EAAEpB,CAAC,IAAImB,OAAO,EAAEnB,CAAC,IAAI,CAAC,EAAE;MAC1CmC,GAAG,CAACC,IAAI,CAAC;QAAExC,KAAK,EAAEiB,MAAM,CAACb,CAAC,CAAC;QAAEe,KAAK,EAAEF,MAAM,CAACb,CAAC;MAAE,CAAC,CAAC;IAClD;IACA,OAAOmC,GAAG;EACZ,CAAC,EAAE,CAACf,OAAO,EAAED,OAAO,CAAC,CAAC;EAEtB,MAAMkB,YAAY,GAAG,IAAAH,cAAO,EAAiB,MAAM;IACjD,OAAOI,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAE;IAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;MAC3C9C,KAAK,EAAEe,IAAI,CAAC+B,CAAC,GAAG,CAAC,CAAC;MAClB3B,KAAK,EAAEQ,WAAW,CAACmB,CAAC,CAAC,IAAI/B,IAAI,CAAC+B,CAAC,GAAG,CAAC;IACrC,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAACnB,WAAW,CAAC,CAAC;EAEjB,MAAMoB,UAAU,GAAG,IAAAT,cAAO,EAAiB,MAAM;IAC/C,MAAMU,GAAG,GAAGC,WAAW,CAACnB,KAAK,CAACnC,IAAI,EAAEmC,KAAK,CAAClC,KAAK,CAAC;IAChD,OAAO8C,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEI;IAAI,CAAC,EAAE,CAACH,CAAC,EAAEC,CAAC,MAAM;MAC5C9C,KAAK,EAAEe,IAAI,CAAC+B,CAAC,GAAG,CAAC,CAAC;MAClB3B,KAAK,EAAEJ,IAAI,CAAC+B,CAAC,GAAG,CAAC;IACnB,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAAChB,KAAK,CAAClC,KAAK,EAAEkC,KAAK,CAACnC,IAAI,CAAC,CAAC;EAE7B,MAAMuD,MAAM,GAAG,IAAAC,kBAAW,EACvBC,IAAgB,IAAK;IACpBrB,QAAQ,CAACqB,IAAI,CAAC;IACd,MAAMC,GAAG,GAAGlD,QAAQ,CAACiD,IAAI,CAACzD,IAAI,EAAEyD,IAAI,CAACxD,KAAK,EAAEwD,IAAI,CAACvD,GAAG,CAAC;IACrDoC,cAAc,CAACG,OAAO,GAAGiB,GAAG;IAC5BhC,QAAQ,CAACgC,GAAG,CAAC;EACf,CAAC,EACD,CAAChC,QAAQ,CACX,CAAC;EAED,MAAMiC,KAAK,GAAG,IAAAH,kBAAW,EACtBtD,GAAW,IAAKqD,MAAM,CAAC;IAAE,GAAGpB,KAAK;IAAEjC;EAAI,CAAC,CAAC,EAC1C,CAACiC,KAAK,EAAEoB,MAAM,CAChB,CAAC;EAED,MAAMK,OAAO,GAAG,IAAAJ,kBAAW,EACxBvD,KAAa,IAAK;IACjB;IACAsD,MAAM,CAAC;MAAE,GAAGpB,KAAK;MAAElC,KAAK;MAAEC,GAAG,EAAE2D,QAAQ,CAAC1B,KAAK,CAACjC,GAAG,EAAED,KAAK,EAAEkC,KAAK,CAACnC,IAAI;IAAE,CAAC,CAAC;EAC1E,CAAC,EACD,CAACmC,KAAK,EAAEoB,MAAM,CAChB,CAAC;EAED,MAAMO,MAAM,GAAG,IAAAN,kBAAW,EACvBxD,IAAY,IAAK;IAChB;IACAuD,MAAM,CAAC;MAAE,GAAGpB,KAAK;MAAEnC,IAAI;MAAEE,GAAG,EAAE2D,QAAQ,CAAC1B,KAAK,CAACjC,GAAG,EAAEiC,KAAK,CAAClC,KAAK,EAAED,IAAI;IAAE,CAAC,CAAC;EACzE,CAAC,EACD,CAACmC,KAAK,EAAEoB,MAAM,CAChB,CAAC;EAED,MAAMQ,QAAQ,GAAGC,OAAO,CAACrC,YAAY,IAAIA,YAAY,CAACsB,MAAM,GAAG,CAAC,CAAC;EAEjE,oBACE,IAAAnD,WAAA,CAAAmE,IAAA,EAACtE,YAAA,CAAAuE,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEtC,cAAc,CAAE;IAAAuC,QAAA,GACxC9C,KAAK,gBACJ,IAAA1B,WAAA,CAAAmE,IAAA,EAACtE,YAAA,CAAA4E,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAAC5C,KAAK,EAAE;QAAEgD,KAAK,EAAEvC,KAAK,CAACwC;MAAU,CAAC,CAAE;MAAAH,QAAA,GACrD9C,KAAK,EACLC,QAAQ,gBACP,IAAA3B,WAAA,CAAAmE,IAAA,EAACtE,YAAA,CAAA4E,IAAI;QAACJ,KAAK,EAAE,CAACC,MAAM,CAAC3C,QAAQ,EAAE;UAAE+C,KAAK,EAAEvC,KAAK,CAACyC;QAAmB,CAAC,CAAE;QAAAJ,QAAA,GACjE,GAAG,EAAC,GACP;MAAA,CAAM,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,GACL,IAAI,eACR,IAAAxE,WAAA,CAAAmE,IAAA,EAACtE,YAAA,CAAAuE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACO,GAAI;MAAAL,QAAA,gBACtB,IAAAxE,WAAA,CAAA8E,GAAA,EAACjF,YAAA,CAAAuE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACS,IAAK;QAAAP,QAAA,eACvB,IAAAxE,WAAA,CAAA8E,GAAA,EAAC/E,OAAA,CAAAiF,MAAM;UACLC,OAAO,EAAE3B,UAAW;UACpB/C,KAAK,EAAE8B,KAAK,CAACjC,GAAG,IAAI,IAAK;UACzBwB,QAAQ,EAAEiC,KAAM;UAChBqB,WAAW,EAAC,IAAI;UAChBrD,YAAY,EAAEoC,QAAQ,GAAG,EAAE,GAAG;QAAK,CACpC;MAAC,CACE,CAAC,eACP,IAAAjE,WAAA,CAAA8E,GAAA,EAACjF,YAAA,CAAAuE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACS,IAAK;QAAAP,QAAA,eACvB,IAAAxE,WAAA,CAAA8E,GAAA,EAAC/E,OAAA,CAAAiF,MAAM;UACLC,OAAO,EAAEjC,YAAa;UACtBzC,KAAK,EAAE8B,KAAK,CAAClC,KAAK,IAAI,IAAK;UAC3ByB,QAAQ,EAAEkC,OAAQ;UAClBoB,WAAW,EAAC,IAAI;UAChBrD,YAAY,EAAEoC,QAAQ,GAAG,EAAE,GAAG;QAAK,CACpC;MAAC,CACE,CAAC,eACP,IAAAjE,WAAA,CAAA8E,GAAA,EAACjF,YAAA,CAAAuE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACa,QAAS;QAAAX,QAAA,eAC3B,IAAAxE,WAAA,CAAA8E,GAAA,EAAC/E,OAAA,CAAAiF,MAAM;UACLC,OAAO,EAAErC,WAAY;UACrBrC,KAAK,EAAE8B,KAAK,CAACnC,IAAI,IAAI,IAAK;UAC1B0B,QAAQ,EAAEoC,MAAO;UACjBkB,WAAW,EAAC,MAAM;UAClBrD,YAAY,EAAEoC,QAAQ,GAAG,EAAE,GAAG;QAAK,CACpC;MAAC,CACE,CAAC;IAAA,CACH,CAAC,EACNA,QAAQ,gBACP,IAAAjE,WAAA,CAAA8E,GAAA,EAACjF,YAAA,CAAA4E,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAACc,KAAK,EAAE;QAAEV,KAAK,EAAEvC,KAAK,CAACkD;MAAW,CAAC,CAAE;MAAAb,QAAA,EACtD3C;IAAY,CACT,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,SAASkC,QAAQA,CAAC3D,GAAW,EAAED,KAAa,EAAED,IAAY,EAAU;EAClE,IAAI,CAACE,GAAG,EAAE,OAAOA,GAAG;EACpB,MAAMmD,GAAG,GAAGC,WAAW,CAACtD,IAAI,EAAEC,KAAK,CAAC;EACpC,MAAMmF,EAAE,GAAG1E,MAAM,CAACR,GAAG,CAAC;EACtB,IAAI,CAACQ,MAAM,CAACG,QAAQ,CAACuE,EAAE,CAAC,EAAE,OAAO,EAAE;EACnC,OAAOA,EAAE,GAAG/B,GAAG,GAAGjC,IAAI,CAACiC,GAAG,CAAC,GAAGjC,IAAI,CAACgE,EAAE,CAAC;AACxC;AAEA,SAAS9B,WAAWA,CAACtD,IAAY,EAAEC,KAAa,EAAU;EACxD,MAAMQ,CAAC,GAAGC,MAAM,CAACV,IAAI,CAAC,IAAI,IAAI;EAC9B,MAAMM,CAAC,GAAGI,MAAM,CAACT,KAAK,CAAC,IAAI,CAAC;EAC5B;EACA,OAAO,IAAIc,IAAI,CAACN,CAAC,EAAEH,CAAC,EAAE,CAAC,CAAC,CAAC+E,OAAO,CAAC,CAAC,IAAI,EAAE;AAC1C;AAEA,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,IAAI,EAAE;IACJmB,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAChB,CAAC;EACDjE,KAAK,EAAE;IACLkE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBF,YAAY,EAAE;EAChB,CAAC;EACDhE,QAAQ,EAAE;IACRkE,UAAU,EAAE;EACd,CAAC;EACDhB,GAAG,EAAE;IACHiB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDhB,IAAI,EAAE;IACJiB,IAAI,EAAE;EACR,CAAC;EACDb,QAAQ,EAAE;IACRa,IAAI,EAAE;EACR,CAAC;EACDZ,KAAK,EAAE;IACLQ,QAAQ,EAAE,EAAE;IACZK,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Themed text input with optional inline error message.
+ *
+ * Matches `.vl-hbi__input` semantics:
+ *   - 44 px min height tap target.
+ *   - Border switches to `errorColor` and a subtle ring when `errorMessage` is set.
+ *   - Pairs an externally controlled label rendered above (see `<Field>` helper).
+ */
+
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function Input({
+  label,
+  errorMessage,
+  required,
+  containerStyle,
+  ...rest
+}, ref) {
+  const theme = (0, _theme.useTheme)();
+  const errorId = (0, _react.useId)();
+  const hasError = Boolean(errorMessage && errorMessage.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      ref: ref,
+      accessibilityLabel: rest.accessibilityLabel ?? label,
+      accessibilityState: {
+        disabled: rest.editable === false
+      },
+      accessibilityHint: hasError ? errorMessage ?? undefined : undefined,
+      placeholderTextColor: theme.textSecondaryColor,
+      ...rest,
+      style: [styles.input, {
+        color: theme.textColor,
+        backgroundColor: theme.backgroundColor,
+        borderRadius: theme.borderRadiusPx,
+        borderColor: hasError ? theme.errorColor : theme.borderColor
+      }, hasError && {
+        shadowColor: theme.errorColor,
+        shadowOpacity: 0.18,
+        shadowRadius: 6,
+        shadowOffset: {
+          width: 0,
+          height: 0
+        }
+      }]
+    }), hasError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      nativeID: errorId,
+      accessibilityLiveRegion: "polite",
+      style: [styles.error, {
+        color: theme.errorColor
+      }],
+      children: errorMessage
+    }) : null]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  wrap: {
+    width: '100%',
+    marginBottom: 4
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '500',
+    marginBottom: 4
+  },
+  required: {
+    fontWeight: '400'
+  },
+  input: {
+    minHeight: 44,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 15,
+    borderWidth: 1
+  },
+  error: {
+    fontSize: 13,
+    marginTop: 4,
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_jsxRuntime","Input","exports","forwardRef","label","errorMessage","required","containerStyle","rest","ref","theme","useTheme","errorId","useId","hasError","Boolean","length","jsxs","View","style","styles","wrap","children","Text","color","textColor","textSecondaryColor","jsx","TextInput","accessibilityLabel","accessibilityState","disabled","editable","accessibilityHint","undefined","placeholderTextColor","input","backgroundColor","borderRadius","borderRadiusPx","borderColor","errorColor","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","nativeID","accessibilityLiveRegion","error","StyleSheet","create","marginBottom","fontSize","fontWeight","minHeight","paddingHorizontal","paddingVertical","borderWidth","marginTop","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/primitives/Input.tsx"],"mappings":"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","ignoreList":[]}