@scripso-homepad/ui 0.4.39 → 0.4.40

package/dist/index.cjs

@@ -2091,6 +2091,42 @@ var styles6 = reactNative.StyleSheet.create({
     color: colors.slateBlue
   }
 });
+
+// src/utils/phoneFormat.ts
+var DEFAULT_PHONE_COUNTRY_CODE = defaultCountry.code;
+var AM_NATIONAL_MAX_DIGITS = 8;
+var MAX_NATIONAL_DIGITS = 15;
+function getPhoneDigits(value) {
+  return value.replace(/\D/g, "");
+}
+function formatArmenianNationalNumber(digits) {
+  const national = getPhoneDigits(digits).slice(0, AM_NATIONAL_MAX_DIGITS);
+  if (national.length === 0) {
+    return "";
+  }
+  if (national.length <= 2) {
+    return `(${national}`;
+  }
+  const head = national.slice(0, 2);
+  const rest = national.slice(2);
+  const groups = rest.match(/.{1,2}/g) ?? [];
+  return `(${head}) ${groups.join("-")}`;
+}
+function formatNationalPhoneDisplay(digits, countryCode = DEFAULT_PHONE_COUNTRY_CODE) {
+  const national = getPhoneDigits(digits).slice(0, MAX_NATIONAL_DIGITS);
+  if (countryCode === DEFAULT_PHONE_COUNTRY_CODE) {
+    return formatArmenianNationalNumber(national);
+  }
+  return national;
+}
+function sanitizeNationalPhoneDigits(value, countryCode = DEFAULT_PHONE_COUNTRY_CODE) {
+  const digits = getPhoneDigits(value);
+  if (countryCode === DEFAULT_PHONE_COUNTRY_CODE) {
+    return digits.slice(0, AM_NATIONAL_MAX_DIGITS);
+  }
+  return digits.slice(0, MAX_NATIONAL_DIGITS);
+}
+var ARMENIAN_PHONE_PLACEHOLDER = "(00) 00-00-00";
 var countryOutlineSlot = {
   borderRadius: radii.lg + INPUT_OUTLINE_WIDTH,
   borderWidth: INPUT_OUTLINE_WIDTH,
@@ -2098,12 +2134,9 @@ var countryOutlineSlot = {
   padding: 0,
   backgroundColor: colors.transparent
 };
-function sanitizePhoneDigits(value) {
-  return value.replace(/\D/g, "");
-}
 function PhoneInput({
   label,
-  countryCode,
+  countryCode = defaultCountry.code,
   onCountryCodeChange,
   error,
   hint,
@@ -2120,6 +2153,8 @@ function PhoneInput({
   onFocus,
   onBlur,
   onChangeText,
+  value,
+  placeholder,
   ...props
 }) {
   const wrapperRef = react.useRef(null);
@@ -2136,6 +2171,9 @@ function PhoneInput({
     disabled: isDisabled
   });
   const phoneFieldStyles = getInputFieldStyles(phoneVisualState);
+  const resolvedCountryCode = countryCode || DEFAULT_PHONE_COUNTRY_CODE;
+  const displayValue = typeof value === "string" || typeof value === "number" ? formatNationalPhoneDisplay(String(value), resolvedCountryCode) : value;
+  const resolvedPlaceholder = placeholder ?? (resolvedCountryCode === DEFAULT_PHONE_COUNTRY_CODE ? ARMENIAN_PHONE_PLACEHOLDER : void 0);
   function handleFocus(event) {
     setFocused(true);
     onFocus?.(event);
@@ -2144,8 +2182,8 @@ function PhoneInput({
     setFocused(false);
     onBlur?.(event);
   }
-  function handleChangeText(value) {
-    onChangeText?.(sanitizePhoneDigits(value));
+  function handleChangeText(nextValue) {
+    onChangeText?.(sanitizeNationalPhoneDigits(nextValue, resolvedCountryCode));
   }
   const helperMessage = error ?? hint;
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { ref: wrapperRef, style: [styles7.wrapper, containerStyle], children: [
@@ -2195,6 +2233,8 @@ function PhoneInput({
               onBlur: handleBlur,
               accessibilityState: { disabled: isDisabled },
               ...props,
+              value: displayValue,
+              placeholder: resolvedPlaceholder,
               onChangeText: handleChangeText
             }
           )
@@ -3606,12 +3646,14 @@ function LockIcon({
   ) });
 }
 
+exports.ARMENIAN_PHONE_PLACEHOLDER = ARMENIAN_PHONE_PLACEHOLDER;
 exports.Button = Button;
 exports.Calendar = Calendar;
 exports.CalendarIcon = CalendarIcon;
 exports.CalendarLocaleProvider = CalendarLocaleProvider;
 exports.CountryCodeSelector = CountryCodeSelector;
 exports.CountryFlag = CountryFlag;
+exports.DEFAULT_PHONE_COUNTRY_CODE = DEFAULT_PHONE_COUNTRY_CODE;
 exports.DatePicker = DatePicker;
 exports.Input = Input;
 exports.Label = Label;
@@ -3631,16 +3673,20 @@ exports.findCountry = findCountry;
 exports.fontSize = fontSize;
 exports.fontWeight = fontWeight;
 exports.fonts = fonts;
+exports.formatArmenianNationalNumber = formatArmenianNationalNumber;
 exports.formatLocalizedCalendarMonthYear = formatLocalizedCalendarMonthYear;
+exports.formatNationalPhoneDisplay = formatNationalPhoneDisplay;
 exports.getCalendarMonthLabels = getCalendarMonthLabels;
 exports.getCalendarTranslations = getCalendarTranslations;
 exports.getCountryFlagImageUri = getCountryFlagImageUri;
+exports.getPhoneDigits = getPhoneDigits;
 exports.labelTypography = labelTypography;
 exports.navy = navy;
 exports.radii = radii;
 exports.resolveCalendarLocale = resolveCalendarLocale;
 exports.resolveWeekdayLabels = resolveWeekdayLabels;
 exports.rubyRed = rubyRed;
+exports.sanitizeNationalPhoneDigits = sanitizeNationalPhoneDigits;
 exports.shadows = shadows;
 exports.spacing = spacing;
 exports.stormGray = stormGray;