intl-tel-input 25.12.6 → 25.13.0

package/build/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v25.12.6
+ * International Telephone Input v25.13.0
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -2930,6 +2930,45 @@ var factoryOutput = (() => {
     static _getIsAndroid() {
       return typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     }
+    _updateNumeralSet(str) {
+      if (/[\u0660-\u0669]/.test(str)) {
+        this.userNumeralSet = "arabic-indic";
+      } else if (/[\u06F0-\u06F9]/.test(str)) {
+        this.userNumeralSet = "persian";
+      } else {
+        this.userNumeralSet = "ascii";
+      }
+    }
+    _mapAsciiToUserNumerals(str) {
+      if (!this.userNumeralSet) {
+        this._updateNumeralSet(this.ui.telInput.value);
+      }
+      if (this.userNumeralSet === "ascii") {
+        return str;
+      }
+      const base = this.userNumeralSet === "arabic-indic" ? 1632 : 1776;
+      return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
+    }
+    // Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9
+    _normaliseNumerals(str) {
+      if (!str) {
+        return "";
+      }
+      this._updateNumeralSet(str);
+      if (this.userNumeralSet === "ascii") {
+        return str;
+      }
+      const base = this.userNumeralSet === "arabic-indic" ? 1632 : 1776;
+      const regex = this.userNumeralSet === "arabic-indic" ? /[\u0660-\u0669]/g : /[\u06F0-\u06F9]/g;
+      return str.replace(regex, (ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - base)));
+    }
+    _getTelInputValue() {
+      const inputValue = this.ui.telInput.value.trim();
+      return this._normaliseNumerals(inputValue);
+    }
+    _setTelInputValue(asciiValue) {
+      this.ui.telInput.value = this._mapAsciiToUserNumerals(asciiValue);
+    }
     _createInitPromises() {
       const autoCountryPromise = new Promise((resolve, reject) => {
         this.resolveAutoCountryPromise = resolve;
@@ -2964,8 +3003,9 @@ var factoryOutput = (() => {
     //* 1. Extracting a dial code from the given number
     //* 2. Using explicit initialCountry
     _setInitialState(overrideAutoCountry = false) {
-      const attributeValue = this.ui.telInput.getAttribute("value");
-      const inputValue = this.ui.telInput.value;
+      const attributeValueRaw = this.ui.telInput.getAttribute("value");
+      const attributeValue = this._normaliseNumerals(attributeValueRaw);
+      const inputValue = this._getTelInputValue();
       const useAttribute = attributeValue && attributeValue.startsWith("+") && (!inputValue || !inputValue.startsWith("+"));
       const val = useAttribute ? attributeValue : inputValue;
       const dialCode = this._getDialCode(val);
@@ -3136,35 +3176,34 @@ var factoryOutput = (() => {
         countrySearch
       } = this.options;
       let userOverrideFormatting = false;
-      if (REGEX.ALPHA_UNICODE.test(this.ui.telInput.value)) {
+      if (REGEX.ALPHA_UNICODE.test(this._getTelInputValue())) {
         userOverrideFormatting = true;
       }
       const handleInputEvent = (e) => {
+        const inputValue = this._getTelInputValue();
         if (this.isAndroid && e?.data === "+" && separateDialCode && allowDropdown && countrySearch) {
           const currentCaretPos = this.ui.telInput.selectionStart || 0;
-          const valueBeforeCaret = this.ui.telInput.value.substring(
-            0,
-            currentCaretPos - 1
-          );
-          const valueAfterCaret = this.ui.telInput.value.substring(currentCaretPos);
-          this.ui.telInput.value = valueBeforeCaret + valueAfterCaret;
+          const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
+          const valueAfterCaret = inputValue.substring(currentCaretPos);
+          this._setTelInputValue(valueBeforeCaret + valueAfterCaret);
           this._openDropdownWithPlus();
           return;
         }
-        if (this._updateCountryFromNumber(this.ui.telInput.value)) {
+        if (this._updateCountryFromNumber(inputValue)) {
           this._triggerCountryChange();
         }
         const isFormattingChar = e?.data && REGEX.NON_PLUS_NUMERIC.test(e.data);
-        const isPaste = e?.inputType === INPUT_TYPES.PASTE && this.ui.telInput.value;
+        const isPaste = e?.inputType === INPUT_TYPES.PASTE && inputValue;
         if (isFormattingChar || isPaste && !strictMode) {
           userOverrideFormatting = true;
-        } else if (!REGEX.NON_PLUS_NUMERIC.test(this.ui.telInput.value)) {
+        } else if (!REGEX.NON_PLUS_NUMERIC.test(inputValue)) {
           userOverrideFormatting = false;
         }
         const isSetNumber = e?.detail && e.detail["isSetNumber"];
-        if (formatAsYouType && !userOverrideFormatting && !isSetNumber) {
+        const isAscii = this.userNumeralSet === "ascii";
+        if (formatAsYouType && !userOverrideFormatting && !isSetNumber && isAscii) {
           const currentCaretPos = this.ui.telInput.selectionStart || 0;
-          const valueBeforeCaret = this.ui.telInput.value.substring(
+          const valueBeforeCaret = inputValue.substring(
             0,
             currentCaretPos
           );
@@ -3176,7 +3215,7 @@ var factoryOutput = (() => {
           const fullNumber = this._getFullNumber();
           const formattedValue = formatNumberAsYouType(
             fullNumber,
-            this.ui.telInput.value,
+            inputValue,
             intlTelInput.utils,
             this.selectedCountryData,
             this.options.separateDialCode
@@ -3187,7 +3226,7 @@ var factoryOutput = (() => {
             currentCaretPos,
             isDeleteForwards
           );
-          this.ui.telInput.value = formattedValue;
+          this._setTelInputValue(formattedValue);
           this.ui.telInput.setSelectionRange(newCaretPos, newCaretPos);
         }
       };
@@ -3210,12 +3249,18 @@ var factoryOutput = (() => {
               return;
             }
             if (strictMode) {
-              const value = this.ui.telInput.value;
-              const alreadyHasPlus = value.startsWith("+");
+              const inputValue = this._getTelInputValue();
+              const alreadyHasPlus = inputValue.startsWith("+");
               const isInitialPlus = !alreadyHasPlus && this.ui.telInput.selectionStart === 0 && e.key === "+";
-              const isNumeric = /^[0-9]$/.test(e.key);
+              const normalisedKey = this._normaliseNumerals(e.key);
+              const isNumeric = /^[0-9]$/.test(normalisedKey);
               const isAllowedChar = separateDialCode ? isNumeric : isInitialPlus || isNumeric;
-              const newValue = value.slice(0, this.ui.telInput.selectionStart) + e.key + value.slice(this.ui.telInput.selectionEnd);
+              const input = this.ui.telInput;
+              const selStart = input.selectionStart;
+              const selEnd = input.selectionEnd;
+              const before = inputValue.slice(0, selStart);
+              const after = inputValue.slice(selEnd);
+              const newValue = before + e.key + after;
               const newFullNumber = this._getFullNumber(newValue);
               const coreNumber = intlTelInput.utils.getCoreNumber(
                 newFullNumber,
@@ -3242,34 +3287,38 @@ var factoryOutput = (() => {
           const input = this.ui.telInput;
           const selStart = input.selectionStart;
           const selEnd = input.selectionEnd;
-          const before = input.value.slice(0, selStart);
-          const after = input.value.slice(selEnd);
+          const inputValue = this._getTelInputValue();
+          const before = inputValue.slice(0, selStart);
+          const after = inputValue.slice(selEnd);
           const iso2 = this.selectedCountryData.iso2;
-          const pasted = e.clipboardData.getData("text");
+          const pastedRaw = e.clipboardData.getData("text");
+          const pasted = this._normaliseNumerals(pastedRaw);
           const initialCharSelected = selStart === 0 && selEnd > 0;
-          const allowLeadingPlus = !input.value.startsWith("+") || initialCharSelected;
+          const allowLeadingPlus = !inputValue.startsWith("+") || initialCharSelected;
           const allowedChars = pasted.replace(REGEX.NON_PLUS_NUMERIC_GLOBAL, "");
           const hasLeadingPlus = allowedChars.startsWith("+");
           const numerics = allowedChars.replace(/\+/g, "");
           const sanitised = hasLeadingPlus && allowLeadingPlus ? `+${numerics}` : numerics;
           let newVal = before + sanitised + after;
-          let coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
-          while (coreNumber.length === 0 && newVal.length > 0) {
-            newVal = newVal.slice(0, -1);
-            coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
-          }
-          if (!coreNumber) {
-            return;
-          }
-          if (this.maxCoreNumberLength && coreNumber.length > this.maxCoreNumberLength) {
-            if (input.selectionEnd === input.value.length) {
-              const trimLength = coreNumber.length - this.maxCoreNumberLength;
-              newVal = newVal.slice(0, newVal.length - trimLength);
-            } else {
+          if (newVal.length > 5) {
+            let coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
+            while (coreNumber.length === 0 && newVal.length > 0) {
+              newVal = newVal.slice(0, -1);
+              coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
+            }
+            if (!coreNumber) {
               return;
             }
+            if (this.maxCoreNumberLength && coreNumber.length > this.maxCoreNumberLength) {
+              if (input.selectionEnd === inputValue.length) {
+                const trimLength = coreNumber.length - this.maxCoreNumberLength;
+                newVal = newVal.slice(0, newVal.length - trimLength);
+              } else {
+                return;
+              }
+            }
           }
-          input.value = newVal;
+          this._setTelInputValue(newVal);
           const caretPos = selStart + sanitised.length;
           input.setSelectionRange(caretPos, caretPos);
           input.dispatchEvent(new InputEvent("input", { bubbles: true }));
@@ -3521,7 +3570,7 @@ var factoryOutput = (() => {
         );
       }
       number = this._beforeSetNumber(number);
-      this.ui.telInput.value = number;
+      this._setTelInputValue(number);
     }
     //* Check if need to select a new country based on the given number
     //* Note: called from _setInitialState, keyup handler, setNumber.
@@ -3695,7 +3744,8 @@ var factoryOutput = (() => {
       const dialCode = listItem.dataset[DATA_KEYS.DIAL_CODE];
       this._updateDialCode(dialCode);
       if (this.options.formatOnDisplay) {
-        this._updateValFromNumber(this.ui.telInput.value);
+        const inputValue = this._getTelInputValue();
+        this._updateValFromNumber(inputValue);
       }
       this.ui.telInput.focus();
       if (countryChanged) {
@@ -3726,7 +3776,7 @@ var factoryOutput = (() => {
     //* Replace any existing dial code with the new one
     //* Note: called from _selectListItem and setCountry
     _updateDialCode(newDialCodeBare) {
-      const inputVal = this.ui.telInput.value;
+      const inputVal = this._getTelInputValue();
       const newDialCode = `+${newDialCodeBare}`;
       let newNumber;
       if (inputVal.startsWith("+")) {
@@ -3736,7 +3786,7 @@ var factoryOutput = (() => {
         } else {
           newNumber = newDialCode;
         }
-        this.ui.telInput.value = newNumber;
+        this._setTelInputValue(newNumber);
       }
     }
     //* Try and extract a valid international dial code from a full telephone number.
@@ -3773,7 +3823,7 @@ var factoryOutput = (() => {
     }
     //* Get the input val, adding the dial code if separateDialCode is enabled.
     _getFullNumber(overrideVal) {
-      const val = overrideVal || this.ui.telInput.value.trim();
+      const val = overrideVal ? this._normaliseNumerals(overrideVal) : this._getTelInputValue();
       const { dialCode } = this.selectedCountryData;
       let prefix;
       const numericVal = getNumeric(val);
@@ -3816,8 +3866,9 @@ var factoryOutput = (() => {
     //* This is called when the utils request completes.
     handleUtils() {
       if (intlTelInput.utils) {
-        if (this.ui.telInput.value) {
-          this._updateValFromNumber(this.ui.telInput.value);
+        const inputValue = this._getTelInputValue();
+        if (inputValue) {
+          this._updateValFromNumber(inputValue);
         }
         if (this.selectedCountryData.iso2) {
           this._updatePlaceholder();
@@ -3860,11 +3911,13 @@ var factoryOutput = (() => {
     getNumber(format) {
       if (intlTelInput.utils) {
         const { iso2 } = this.selectedCountryData;
-        return intlTelInput.utils.formatNumber(
-          this._getFullNumber(),
+        const fullNumber = this._getFullNumber();
+        const formattedNumber = intlTelInput.utils.formatNumber(
+          fullNumber,
           iso2,
           format
         );
+        return this._mapAsciiToUserNumerals(formattedNumber);
       }
       return "";
     }
@@ -3952,15 +4005,17 @@ var factoryOutput = (() => {
         this._setCountry(iso2Lower);
         this._updateDialCode(this.selectedCountryData.dialCode);
         if (this.options.formatOnDisplay) {
-          this._updateValFromNumber(this.ui.telInput.value);
+          const inputValue = this._getTelInputValue();
+          this._updateValFromNumber(inputValue);
         }
         this._triggerCountryChange();
       }
     }
     //* Set the input value and update the country.
     setNumber(number) {
-      const countryChanged = this._updateCountryFromNumber(number);
-      this._updateValFromNumber(number);
+      const normalisedNumber = this._normaliseNumerals(number);
+      const countryChanged = this._updateCountryFromNumber(normalisedNumber);
+      this._updateValFromNumber(normalisedNumber);
       if (countryChanged) {
         this._triggerCountryChange();
       }
@@ -4045,7 +4100,7 @@ var factoryOutput = (() => {
       attachUtils,
       startedLoadingUtilsScript: false,
       startedLoadingAutoCountry: false,
-      version: "25.12.6"
+      version: "25.13.0"
     }
   );
   var intl_tel_input_default = intlTelInput;