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

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

@@ -0,0 +1,284 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { useCallback, useMemo, useState } from 'react';
+import { FlatList, Modal, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import { useTheme, withAlpha } from '../theme';
+import { filterIso3166Countries, listIso3166CountriesForUi } from '../../utils/iso3166Countries';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function CountrySelect({
+  label,
+  value,
+  onChange,
+  locale = 'es',
+  allowedCodes,
+  placeholder,
+  searchPlaceholder,
+  errorMessage,
+  required,
+  disabled = false,
+  containerStyle
+}) {
+  const theme = useTheme();
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState('');
+  const baseCountries = useMemo(() => {
+    const all = 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 = useMemo(() => filterIso3166Countries(baseCountries, query), [baseCountries, query]);
+  const selected = useMemo(() => baseCountries.find(c => c.code === value) ?? null, [baseCountries, value]);
+  const hasError = Boolean(errorMessage && errorMessage.length > 0);
+  const close = useCallback(() => {
+    setOpen(false);
+    setQuery('');
+  }, []);
+  const select = useCallback(item => {
+    onChange(item.code);
+    close();
+  }, [close, onChange]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/_jsxs(Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/_jsxs(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__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [styles.triggerText, {
+          color: selected ? theme.textColor : theme.textSecondaryColor
+        }],
+        children: selected ? selected.name : placeholder ?? ''
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.chevron, {
+          color: theme.textSecondaryColor
+        }],
+        children: "\u25BE"
+      })]
+    }), hasError ? /*#__PURE__*/_jsx(Text, {
+      accessibilityLiveRegion: "polite",
+      style: [styles.error, {
+        color: theme.errorColor
+      }],
+      children: errorMessage
+    }) : null, /*#__PURE__*/_jsx(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: close,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: close,
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: [styles.sheet, {
+            backgroundColor: theme.backgroundColor,
+            borderColor: theme.borderColor,
+            borderRadius: theme.borderRadiusPx
+          }],
+          onPress: () => undefined,
+          children: [label ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.sheetTitle, {
+              color: theme.textColor
+            }],
+            children: label
+          }) : null, /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsxs(Pressable, {
+                accessibilityRole: "menuitem",
+                accessibilityState: {
+                  selected: isSelected
+                },
+                onPress: () => select(item),
+                style: ({
+                  pressed
+                }) => [styles.option, isSelected && {
+                  backgroundColor: withAlpha(theme.primaryColor, 0.12)
+                }, pressed && {
+                  backgroundColor: withAlpha(theme.primaryColor, 0.18)
+                }],
+                children: [/*#__PURE__*/_jsx(Text, {
+                  numberOfLines: 1,
+                  style: [styles.optionText, {
+                    color: isSelected ? theme.primaryColor : theme.textColor,
+                    fontWeight: isSelected ? '600' : '400'
+                  }],
+                  children: item.name
+                }), showCodeBadge ? /*#__PURE__*/_jsx(View, {
+                  style: [styles.optionCodeBadge, {
+                    backgroundColor: withAlpha(theme.textColor, 0.06)
+                  }],
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: [styles.optionCode, {
+                      color: theme.textSecondaryColor
+                    }],
+                    children: item.code
+                  })
+                }) : null]
+              });
+            }
+          })]
+        })
+      })
+    })]
+  });
+}
+const styles = 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/module/ui/primitives/CountrySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","FlatList","Modal","Pressable","StyleSheet","Text","TextInput","View","useTheme","withAlpha","filterIso3166Countries","listIso3166CountriesForUi","jsxs","_jsxs","jsx","_jsx","CountrySelect","label","value","onChange","locale","allowedCodes","placeholder","searchPlaceholder","errorMessage","required","disabled","containerStyle","theme","open","setOpen","query","setQuery","baseCountries","all","length","allow","Set","map","c","toUpperCase","filter","has","code","visible","selected","find","hasError","Boolean","close","select","item","style","styles","wrap","children","color","textColor","textSecondaryColor","accessibilityRole","accessibilityState","expanded","accessibilityLabel","onPress","trigger","backgroundColor","borderColor","errorColor","borderRadius","borderRadiusPx","numberOfLines","triggerText","name","chevron","accessibilityLiveRegion","error","transparent","animationType","onRequestClose","backdrop","sheet","undefined","sheetTitle","autoFocus","autoCapitalize","autoCorrect","placeholderTextColor","onChangeText","search","data","keyExtractor","keyboardShouldPersistTaps","list","renderItem","isSelected","showCodeBadge","pressed","option","primaryColor","optionText","fontWeight","optionCodeBadge","optionCode","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":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SACEC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,IAAI,QAGC,cAAc;AACrB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,UAAU;AAC9C,SACEC,sBAAsB,EACtBC,yBAAyB,QAEpB,8BAA8B;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAkBtC,OAAO,SAASC,aAAaA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,MAAM,GAAG,IAAI;EACbC,YAAY;EACZC,WAAW;EACXC,iBAAiB;EACjBC,YAAY;EACZC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EACxB,MAAM,CAACqB,IAAI,EAAEC,OAAO,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAAC+B,KAAK,EAAEC,QAAQ,CAAC,GAAGhC,QAAQ,CAAC,EAAE,CAAC;EAEtC,MAAMiC,aAAa,GAAGlC,OAAO,CAAC,MAAM;IAClC,MAAMmC,GAAG,GAAGvB,yBAAyB,CAACS,MAAM,CAAC;IAC7C,IAAI,CAACC,YAAY,IAAIA,YAAY,CAACc,MAAM,KAAK,CAAC,EAAE,OAAOD,GAAG;IAC1D,MAAME,KAAK,GAAG,IAAIC,GAAG,CAAChB,YAAY,CAACiB,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC,CAAC;IAC/D,OAAON,GAAG,CAACO,MAAM,CAAEF,CAAC,IAAKH,KAAK,CAACM,GAAG,CAACH,CAAC,CAACI,IAAI,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACvB,MAAM,EAAEC,YAAY,CAAC,CAAC;EAE1B,MAAMuB,OAAO,GAAG7C,OAAO,CACrB,MAAMW,sBAAsB,CAACuB,aAAa,EAAEF,KAAK,CAAC,EAClD,CAACE,aAAa,EAAEF,KAAK,CACvB,CAAC;EAED,MAAMc,QAAQ,GAAG9C,OAAO,CACtB,MAAMkC,aAAa,CAACa,IAAI,CAAEP,CAAC,IAAKA,CAAC,CAACI,IAAI,KAAKzB,KAAK,CAAC,IAAI,IAAI,EACzD,CAACe,aAAa,EAAEf,KAAK,CACvB,CAAC;EAED,MAAM6B,QAAQ,GAAGC,OAAO,CAACxB,YAAY,IAAIA,YAAY,CAACW,MAAM,GAAG,CAAC,CAAC;EAEjE,MAAMc,KAAK,GAAGnD,WAAW,CAAC,MAAM;IAC9BgC,OAAO,CAAC,KAAK,CAAC;IACdE,QAAQ,CAAC,EAAE,CAAC;EACd,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMkB,MAAM,GAAGpD,WAAW,CACvBqD,IAA0B,IAAK;IAC9BhC,QAAQ,CAACgC,IAAI,CAACR,IAAI,CAAC;IACnBM,KAAK,CAAC,CAAC;EACT,CAAC,EACD,CAACA,KAAK,EAAE9B,QAAQ,CAClB,CAAC;EAED,oBACEN,KAAA,CAACN,IAAI;IAAC6C,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE3B,cAAc,CAAE;IAAA4B,QAAA,GACxCtC,KAAK,gBACJJ,KAAA,CAACR,IAAI;MAAC+C,KAAK,EAAE,CAACC,MAAM,CAACpC,KAAK,EAAE;QAAEuC,KAAK,EAAE5B,KAAK,CAAC6B;MAAU,CAAC,CAAE;MAAAF,QAAA,GACrDtC,KAAK,EACLQ,QAAQ,gBACPZ,KAAA,CAACR,IAAI;QAAC+C,KAAK,EAAE,CAACC,MAAM,CAAC5B,QAAQ,EAAE;UAAE+B,KAAK,EAAE5B,KAAK,CAAC8B;QAAmB,CAAC,CAAE;QAAAH,QAAA,GACjE,GAAG,EAAC,GACP;MAAA,CAAM,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,GACL,IAAI,eACR1C,KAAA,CAACV,SAAS;MACRwD,iBAAiB,EAAC,UAAU;MAC5BC,kBAAkB,EAAE;QAAElC,QAAQ;QAAEmC,QAAQ,EAAEhC;MAAK,CAAE;MACjDiC,kBAAkB,EAAE7C,KAAM;MAC1BS,QAAQ,EAAEA,QAAS;MACnBqC,OAAO,EAAEA,CAAA,KAAMjC,OAAO,CAAC,IAAI,CAAE;MAC7BsB,KAAK,EAAE,CACLC,MAAM,CAACW,OAAO,EACd;QACEC,eAAe,EAAErC,KAAK,CAACqC,eAAe;QACtCC,WAAW,EAAEnB,QAAQ,GAAGnB,KAAK,CAACuC,UAAU,GAAGvC,KAAK,CAACsC,WAAW;QAC5DE,YAAY,EAAExC,KAAK,CAACyC;MACtB,CAAC,EACD3C,QAAQ,IAAI2B,MAAM,CAAC3B,QAAQ,CAC3B;MAAA6B,QAAA,gBAEFxC,IAAA,CAACV,IAAI;QACHiE,aAAa,EAAE,CAAE;QACjBlB,KAAK,EAAE,CACLC,MAAM,CAACkB,WAAW,EAClB;UAAEf,KAAK,EAAEX,QAAQ,GAAGjB,KAAK,CAAC6B,SAAS,GAAG7B,KAAK,CAAC8B;QAAmB,CAAC,CAChE;QAAAH,QAAA,EAEDV,QAAQ,GAAGA,QAAQ,CAAC2B,IAAI,GAAGlD,WAAW,IAAI;MAAE,CACzC,CAAC,eACPP,IAAA,CAACV,IAAI;QAAC+C,KAAK,EAAE,CAACC,MAAM,CAACoB,OAAO,EAAE;UAAEjB,KAAK,EAAE5B,KAAK,CAAC8B;QAAmB,CAAC,CAAE;QAAAH,QAAA,EAAC;MAEpE,CAAM,CAAC;IAAA,CACE,CAAC,EACXR,QAAQ,gBACPhC,IAAA,CAACV,IAAI;MACHqE,uBAAuB,EAAC,QAAQ;MAChCtB,KAAK,EAAE,CAACC,MAAM,CAACsB,KAAK,EAAE;QAAEnB,KAAK,EAAE5B,KAAK,CAACuC;MAAW,CAAC,CAAE;MAAAZ,QAAA,EAElD/B;IAAY,CACT,CAAC,GACL,IAAI,eAERT,IAAA,CAACb,KAAK;MACJ0C,OAAO,EAAEf,IAAK;MACd+C,WAAW;MACXC,aAAa,EAAC,MAAM;MACpBC,cAAc,EAAE7B,KAAM;MAAAM,QAAA,eAEtBxC,IAAA,CAACZ,SAAS;QAACiD,KAAK,EAAEC,MAAM,CAAC0B,QAAS;QAAChB,OAAO,EAAEd,KAAM;QAAAM,QAAA,eAChD1C,KAAA,CAACV,SAAS;UACRiD,KAAK,EAAE,CACLC,MAAM,CAAC2B,KAAK,EACZ;YACEf,eAAe,EAAErC,KAAK,CAACqC,eAAe;YACtCC,WAAW,EAAEtC,KAAK,CAACsC,WAAW;YAC9BE,YAAY,EAAExC,KAAK,CAACyC;UACtB,CAAC,CACD;UACFN,OAAO,EAAEA,CAAA,KAAMkB,SAAU;UAAA1B,QAAA,GAExBtC,KAAK,gBACJF,IAAA,CAACV,IAAI;YAAC+C,KAAK,EAAE,CAACC,MAAM,CAAC6B,UAAU,EAAE;cAAE1B,KAAK,EAAE5B,KAAK,CAAC6B;YAAU,CAAC,CAAE;YAAAF,QAAA,EAC1DtC;UAAK,CACF,CAAC,GACL,IAAI,eACRF,IAAA,CAACT,SAAS;YACR6E,SAAS;YACTC,cAAc,EAAC,MAAM;YACrBC,WAAW,EAAE,KAAM;YACnB/D,WAAW,EAAEC,iBAAiB,IAAID,WAAW,IAAI,EAAG;YACpDgE,oBAAoB,EAAE1D,KAAK,CAAC8B,kBAAmB;YAC/CxC,KAAK,EAAEa,KAAM;YACbwD,YAAY,EAAEvD,QAAS;YACvBoB,KAAK,EAAE,CACLC,MAAM,CAACmC,MAAM,EACb;cACEhC,KAAK,EAAE5B,KAAK,CAAC6B,SAAS;cACtBQ,eAAe,EAAErC,KAAK,CAACqC,eAAe;cACtCC,WAAW,EAAEtC,KAAK,CAACsC,WAAW;cAC9BE,YAAY,EAAExC,KAAK,CAACyC;YACtB,CAAC;UACD,CACH,CAAC,eACFtD,IAAA,CAACd,QAAQ;YACPwF,IAAI,EAAE7C,OAAQ;YACd8C,YAAY,EAAGvC,IAAI,IAAKA,IAAI,CAACR,IAAK;YAClCgD,yBAAyB,EAAC,SAAS;YACnCvC,KAAK,EAAEC,MAAM,CAACuC,IAAK;YACnBC,UAAU,EAAEA,CAAC;cAAE1C;YAAK,CAAC,KAAK;cACxB,MAAM2C,UAAU,GAAG3C,IAAI,CAACR,IAAI,KAAKzB,KAAK;cACtC;cACA;cACA;cACA;cACA,MAAM6E,aAAa,GAAG5C,IAAI,CAACqB,IAAI,CAAChC,WAAW,CAAC,CAAC,KAAKW,IAAI,CAACR,IAAI;cAC3D,oBACE9B,KAAA,CAACV,SAAS;gBACRwD,iBAAiB,EAAC,UAAU;gBAC5BC,kBAAkB,EAAE;kBAAEf,QAAQ,EAAEiD;gBAAW,CAAE;gBAC7C/B,OAAO,EAAEA,CAAA,KAAMb,MAAM,CAACC,IAAI,CAAE;gBAC5BC,KAAK,EAAEA,CAAC;kBAAE4C;gBAAQ,CAAC,KAAK,CACtB3C,MAAM,CAAC4C,MAAM,EACbH,UAAU,IAAI;kBACZ7B,eAAe,EAAExD,SAAS,CAACmB,KAAK,CAACsE,YAAY,EAAE,IAAI;gBACrD,CAAC,EACDF,OAAO,IAAI;kBACT/B,eAAe,EAAExD,SAAS,CAACmB,KAAK,CAACsE,YAAY,EAAE,IAAI;gBACrD,CAAC,CACD;gBAAA3C,QAAA,gBAEFxC,IAAA,CAACV,IAAI;kBACHiE,aAAa,EAAE,CAAE;kBACjBlB,KAAK,EAAE,CACLC,MAAM,CAAC8C,UAAU,EACjB;oBACE3C,KAAK,EAAEsC,UAAU,GAAGlE,KAAK,CAACsE,YAAY,GAAGtE,KAAK,CAAC6B,SAAS;oBACxD2C,UAAU,EAAEN,UAAU,GAAG,KAAK,GAAG;kBACnC,CAAC,CACD;kBAAAvC,QAAA,EAEDJ,IAAI,CAACqB;gBAAI,CACN,CAAC,EACNuB,aAAa,gBACZhF,IAAA,CAACR,IAAI;kBACH6C,KAAK,EAAE,CACLC,MAAM,CAACgD,eAAe,EACtB;oBACEpC,eAAe,EAAExD,SAAS,CAACmB,KAAK,CAAC6B,SAAS,EAAE,IAAI;kBAClD,CAAC,CACD;kBAAAF,QAAA,eAEFxC,IAAA,CAACV,IAAI;oBACH+C,KAAK,EAAE,CACLC,MAAM,CAACiD,UAAU,EACjB;sBAAE9C,KAAK,EAAE5B,KAAK,CAAC8B;oBAAmB,CAAC,CACnC;oBAAAH,QAAA,EAEDJ,IAAI,CAACR;kBAAI,CACN;gBAAC,CACH,CAAC,GACL,IAAI;cAAA,CACC,CAAC;YAEhB;UAAE,CACH,CAAC;QAAA,CACO;MAAC,CACH;IAAC,CACP,CAAC;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMU,MAAM,GAAGjD,UAAU,CAACmG,MAAM,CAAC;EAC/BjD,IAAI,EAAE;IACJkD,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAChB,CAAC;EACDxF,KAAK,EAAE;IACLyF,QAAQ,EAAE,EAAE;IACZN,UAAU,EAAE,KAAK;IACjBK,YAAY,EAAE;EAChB,CAAC;EACDhF,QAAQ,EAAE;IACR2E,UAAU,EAAE;EACd,CAAC;EACDpC,OAAO,EAAE;IACP2C,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD1C,WAAW,EAAE;IACXmC,QAAQ,EAAE,EAAE;IACZQ,IAAI,EAAE;EACR,CAAC;EACDzC,OAAO,EAAE;IACPiC,QAAQ,EAAE,EAAE;IACZS,UAAU,EAAE;EACd,CAAC;EACDzF,QAAQ,EAAE;IACR0F,OAAO,EAAE;EACX,CAAC;EACDzC,KAAK,EAAE;IACL+B,QAAQ,EAAE,EAAE;IACZW,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE;EACd,CAAC;EACDvC,QAAQ,EAAE;IACRmC,IAAI,EAAE,CAAC;IACPjD,eAAe,EAAE,iBAAiB;IAClCgD,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE,QAAQ;IACpBO,OAAO,EAAE;EACX,CAAC;EACDvC,KAAK,EAAE;IACLwB,KAAK,EAAE,MAAM;IACbgB,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,KAAK;IAChBX,WAAW,EAAE,CAAC;IACdF,iBAAiB,EAAE,EAAE;IACrBc,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDzC,UAAU,EAAE;IACVwB,QAAQ,EAAE,EAAE;IACZN,UAAU,EAAE,KAAK;IACjBK,YAAY,EAAE;EAChB,CAAC;EACDjB,MAAM,EAAE;IACNmB,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBH,QAAQ,EAAE,EAAE;IACZI,WAAW,EAAE,CAAC;IACdL,YAAY,EAAE;EAChB,CAAC;EACDb,IAAI,EAAE;IACJgC,UAAU,EAAE;EACd,CAAC;EACD3B,MAAM,EAAE;IACNc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBL,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBI,cAAc,EAAE,eAAe;IAC/BY,GAAG,EAAE,EAAE;IACPzD,YAAY,EAAE;EAChB,CAAC;EACDiC,eAAe,EAAE;IACfO,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBzC,YAAY,EAAE,CAAC;IACf0D,QAAQ,EAAE,EAAE;IACZd,UAAU,EAAE;EACd,CAAC;EACDb,UAAU,EAAE;IACVO,QAAQ,EAAE,EAAE;IACZQ,IAAI,EAAE;EACR,CAAC;EACDZ,UAAU,EAAE;IACVI,QAAQ,EAAE,EAAE;IACZN,UAAU,EAAE,KAAK;IACjB2B,aAAa,EAAE,GAAG;IAClBC,WAAW,EAAE,CAAC,cAAc;EAC9B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,241 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from '../theme';
+import { Select } from './Select';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+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);
+}
+export function DatePicker({
+  label,
+  required,
+  value,
+  onChange,
+  errorMessage,
+  minYear = 1900,
+  maxYear = new Date().getFullYear(),
+  containerStyle,
+  monthLabels = FALLBACK_MONTHS_ES
+}) {
+  const 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] = 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 = useRef(buildIso(draft.year, draft.month, draft.day));
+  useEffect(() => {
+    if (value === lastEmittedRef.current) return;
+    setDraft(parseISO(value));
+    lastEmittedRef.current = value;
+  }, [value]);
+  const yearOptions = 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 = useMemo(() => {
+    return Array.from({
+      length: 12
+    }, (_, i) => ({
+      value: pad2(i + 1),
+      label: monthLabels[i] ?? pad2(i + 1)
+    }));
+  }, [monthLabels]);
+  const dayOptions = 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 = useCallback(next => {
+    setDraft(next);
+    const iso = buildIso(next.year, next.month, next.day);
+    lastEmittedRef.current = iso;
+    onChange(iso);
+  }, [onChange]);
+  const onDay = useCallback(day => update({
+    ...draft,
+    day
+  }), [draft, update]);
+  const onMonth = 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 = 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__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/_jsxs(Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.cell,
+        children: /*#__PURE__*/_jsx(Select, {
+          options: dayOptions,
+          value: draft.day || null,
+          onChange: onDay,
+          placeholder: "DD",
+          errorMessage: hasError ? '' : null
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.cell,
+        children: /*#__PURE__*/_jsx(Select, {
+          options: monthOptions,
+          value: draft.month || null,
+          onChange: onMonth,
+          placeholder: "MM",
+          errorMessage: hasError ? '' : null
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.cellWide,
+        children: /*#__PURE__*/_jsx(Select, {
+          options: yearOptions,
+          value: draft.year || null,
+          onChange: onYear,
+          placeholder: "YYYY",
+          errorMessage: hasError ? '' : null
+        })
+      })]
+    }), hasError ? /*#__PURE__*/_jsx(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 = 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/module/ui/primitives/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","StyleSheet","Text","View","useTheme","Select","jsxs","_jsxs","jsx","_jsx","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","draft","setDraft","lastEmittedRef","current","yearOptions","out","push","monthOptions","Array","from","length","_","i","dayOptions","max","daysInMonth","update","next","iso","onDay","onMonth","clampDay","onYear","hasError","Boolean","style","styles","wrap","children","color","textColor","textSecondaryColor","row","cell","options","placeholder","cellWide","error","errorColor","dn","getDate","create","width","marginBottom","fontSize","fontWeight","flexDirection","gap","flex","marginTop","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/primitives/DatePicker.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+/**
+ * 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).
+ */
+
+import { forwardRef, useId } from 'react';
+import { StyleSheet, Text, TextInput, View } from 'react-native';
+import { useTheme } from '../theme';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const Input = /*#__PURE__*/forwardRef(function Input({
+  label,
+  errorMessage,
+  required,
+  containerStyle,
+  ...rest
+}, ref) {
+  const theme = useTheme();
+  const errorId = useId();
+  const hasError = Boolean(errorMessage && errorMessage.length > 0);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    children: [label ? /*#__PURE__*/_jsxs(Text, {
+      style: [styles.label, {
+        color: theme.textColor
+      }],
+      children: [label, required ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.required, {
+          color: theme.textSecondaryColor
+        }],
+        children: [' ', "*"]
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+      nativeID: errorId,
+      accessibilityLiveRegion: "polite",
+      style: [styles.error, {
+        color: theme.errorColor
+      }],
+      children: errorMessage
+    }) : null]
+  });
+});
+const styles = 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/module/ui/primitives/Input.js.map

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