rn-inputforge 0.4.0 → 0.5.0

package/src/utils/phoneCountries.ts

@@ -0,0 +1,44 @@
+export interface FieldFlowCountryDial {
+  /** ISO 3166-1 alpha-2 */
+  code: string;
+  name: string;
+  dial: string;
+  flag?: string;
+}
+
+/** Common dial codes for `FieldFlowPhone`. Extend via `countries` prop. */
+export const DEFAULT_COUNTRY_DIALS: FieldFlowCountryDial[] = [
+  { code: 'US', name: 'United States', dial: '+1', flag: '🇺🇸' },
+  { code: 'GB', name: 'United Kingdom', dial: '+44', flag: '🇬🇧' },
+  { code: 'CA', name: 'Canada', dial: '+1', flag: '🇨🇦' },
+  { code: 'AU', name: 'Australia', dial: '+61', flag: '🇦🇺' },
+  { code: 'DE', name: 'Germany', dial: '+49', flag: '🇩🇪' },
+  { code: 'FR', name: 'France', dial: '+33', flag: '🇫🇷' },
+  { code: 'IN', name: 'India', dial: '+91', flag: '🇮🇳' },
+  { code: 'PK', name: 'Pakistan', dial: '+92', flag: '🇵🇰' },
+  { code: 'AE', name: 'United Arab Emirates', dial: '+971', flag: '🇦🇪' },
+  { code: 'SA', name: 'Saudi Arabia', dial: '+966', flag: '🇸🇦' },
+  { code: 'BR', name: 'Brazil', dial: '+55', flag: '🇧🇷' },
+  { code: 'MX', name: 'Mexico', dial: '+52', flag: '🇲🇽' },
+  { code: 'NG', name: 'Nigeria', dial: '+234', flag: '🇳🇬' },
+  { code: 'ZA', name: 'South Africa', dial: '+27', flag: '🇿🇦' },
+  { code: 'JP', name: 'Japan', dial: '+81', flag: '🇯🇵' },
+  { code: 'KR', name: 'South Korea', dial: '+82', flag: '🇰🇷' },
+  { code: 'CN', name: 'China', dial: '+86', flag: '🇨🇳' },
+  { code: 'SG', name: 'Singapore', dial: '+65', flag: '🇸🇬' },
+  { code: 'TR', name: 'Turkey', dial: '+90', flag: '🇹🇷' },
+  { code: 'ES', name: 'Spain', dial: '+34', flag: '🇪🇸' },
+];
+
+export function findCountryByCode(
+  code: string,
+  list: FieldFlowCountryDial[] = DEFAULT_COUNTRY_DIALS,
+): FieldFlowCountryDial | undefined {
+  return list.find(c => c.code === code);
+}
+
+export function composeE164(dial: string, national: string): string {
+  const digits = national.replace(/\D/g, '');
+  const dialDigits = dial.replace(/\D/g, '');
+  return `+${dialDigits}${digits}`;
+}

package/src/validation/validators.ts

@@ -1,4 +1,8 @@
 import type { FieldFlowRules, ValidationResult, Validator } from '../types';
+import {
+  getValidationMessages,
+  type FieldFlowValidationMessages,
+} from '../i18n/messages';
 
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
@@ -50,35 +54,41 @@ export const patternValidator =
 /**
  * Turns a declarative `FieldFlowRules` object into an ordered list of validators
  * and runs them against a value, stopping at (and returning) the first failure.
+ * Pass `messages` (or use `locale` via `useFieldFlowForm`) for localized defaults.
  */
-export function runRules(value: string, rules?: FieldFlowRules): ValidationResult {
+export function runRules(
+  value: string,
+  rules?: FieldFlowRules,
+  messages?: FieldFlowValidationMessages,
+): ValidationResult {
   if (!rules) return { valid: true };
 
+  const msg = messages ?? getValidationMessages('en');
   const validators: Validator[] = [];
 
   if (rules.required) {
-    const message = typeof rules.required === 'string' ? rules.required : undefined;
+    const message = typeof rules.required === 'string' ? rules.required : msg.required;
     validators.push(requiredValidator(message));
   }
   if (rules.email) {
-    const message = typeof rules.email === 'string' ? rules.email : undefined;
+    const message = typeof rules.email === 'string' ? rules.email : msg.email;
     validators.push(emailValidator(message));
   }
   if (rules.number) {
-    const message = typeof rules.number === 'string' ? rules.number : undefined;
+    const message = typeof rules.number === 'string' ? rules.number : msg.number;
     validators.push(numberValidator(message));
   }
   if (rules.minLength !== undefined) {
     const cfg = typeof rules.minLength === 'number' ? { value: rules.minLength } : rules.minLength;
-    validators.push(minLengthValidator(cfg.value, cfg.message));
+    validators.push(minLengthValidator(cfg.value, cfg.message ?? msg.minLength(cfg.value)));
   }
   if (rules.maxLength !== undefined) {
     const cfg = typeof rules.maxLength === 'number' ? { value: rules.maxLength } : rules.maxLength;
-    validators.push(maxLengthValidator(cfg.value, cfg.message));
+    validators.push(maxLengthValidator(cfg.value, cfg.message ?? msg.maxLength(cfg.value)));
   }
   if (rules.pattern) {
     const cfg = rules.pattern instanceof RegExp ? { value: rules.pattern } : rules.pattern;
-    validators.push(patternValidator(cfg.value, cfg.message));
+    validators.push(patternValidator(cfg.value, cfg.message ?? msg.pattern));
   }
   if (rules.custom) {
     const customs = Array.isArray(rules.custom) ? rules.custom : [rules.custom];