intl-tel-input 25.5.1 → 25.7.0

package/react/build/IntlTelInput.d.ts

@@ -1,12 +1,17 @@
 declare module "intl-tel-input/data" {
     export type Country = {
-        name: string;
         iso2: string;
         dialCode: string;
         priority: number;
         areaCodes: string[] | null;
-        nodeById: object;
         nationalPrefix: string | null;
+        name: string;
+        nodeById: {
+            [instanceId: number]: HTMLElement;
+        };
+        normalisedName?: string;
+        initials?: string;
+        dialCodePlus?: string;
     };
     const allCountries: Country[];
     export default allCountries;
@@ -383,6 +388,7 @@ declare module "intl-tel-input" {
         private dialCodeMaxLen;
         private dialCodeToIso2Map;
         private dialCodes;
+        private countryByIso2;
         private countryContainer;
         private selectedCountry;
         private selectedCountryInner;
@@ -420,6 +426,7 @@ declare module "intl-tel-input" {
         constructor(input: HTMLInputElement, customOptions?: SomeOptions);
         _init(): void;
         private _processCountryData;
+        private _cacheSearchTokens;
         private _sortCountries;
         private _addToDialCodeMap;
         private _processAllCountries;
@@ -475,8 +482,9 @@ declare module "intl-tel-input" {
         getSelectedCountryData(): SelectedCountryData;
         getValidationError(): number;
         isValidNumber(): boolean | null;
-        private _utilsIsPossibleNumber;
         isValidNumberPrecise(): boolean | null;
+        private _utilsIsPossibleNumber;
+        private _validateNumber;
         private _utilsIsValidNumber;
         setCountry(iso2: string): void;
         setNumber(number: string): void;

package/react/build/IntlTelInput.js

@@ -1324,18 +1324,18 @@ var rawCountryData = [
   ]
 ];
 var allCountries = [];
-for (let i = 0; i < rawCountryData.length; i++) {
-  const c = rawCountryData[i];
-  allCountries[i] = {
+for (const c of rawCountryData) {
+  allCountries.push({
     name: "",
-    // this is now populated in the plugin
+    // populated in the plugin
     iso2: c[0],
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
     nodeById: {},
+    // populated by the plugin
     nationalPrefix: c[4] || null
-  };
+  });
 }
 var data_default = allCountries;
 
@@ -1606,10 +1606,23 @@ var allTranslations = { ...countries_default, ...interface_default };
 var en_default = allTranslations;
 
 // src/js/intl-tel-input.ts
-for (let i = 0; i < data_default.length; i++) {
-  data_default[i].name = en_default[data_default[i].iso2];
+for (const c of data_default) {
+  c.name = en_default[c.iso2];
 }
 var id = 0;
+var mq = (q) => {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(q).matches;
+};
+var computeDefaultUseFullscreenPopup = () => {
+  if (typeof navigator !== "undefined" && typeof window !== "undefined") {
+    const isMobileUserAgent = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    const isNarrowViewport = mq("(max-width: 500px)");
+    const isShortViewport = mq("(max-height: 600px)");
+    const isCoarsePointer = mq("(pointer: coarse)");
+    return isMobileUserAgent || isNarrowViewport || isCoarsePointer && isShortViewport;
+  }
+  return false;
+};
 var defaults = {
   //* Whether or not to allow the dropdown.
   allowDropdown: true,
@@ -1656,13 +1669,7 @@ var defaults = {
   //* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.
   strictMode: false,
   //* Use full screen popup instead of dropdown for country list.
-  useFullscreenPopup: typeof navigator !== "undefined" && typeof window !== "undefined" ? (
-    //* We cannot just test screen size as some smartphones/website meta tags will report desktop resolutions.
-    //* Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'
-    /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-      navigator.userAgent
-    ) || window.innerWidth <= 500
-  ) : false,
+  useFullscreenPopup: computeDefaultUseFullscreenPopup(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
 };
@@ -1690,7 +1697,7 @@ var normaliseString = (s = "") => s.normalize("NFD").replace(/[\u0300-\u036f]/g,
 var isRegionlessNanp = (number) => {
   const numeric = getNumeric(number);
   if (numeric.charAt(0) === "1") {
-    const areaCode = numeric.substr(1, 3);
+    const areaCode = numeric.substring(1, 4);
     return regionlessNanpNumbers.includes(areaCode);
   }
   return false;
@@ -1754,6 +1761,7 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    this.telInput.dir = "ltr";
     const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
     this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
     if (this.options.separateDialCode) {
@@ -1789,6 +1797,16 @@ var Iti = class {
     this._processDialCodes();
     this._translateCountryNames();
     this._sortCountries();
+    this.countryByIso2 = new Map(this.countries.map((c) => [c.iso2, c]));
+    this._cacheSearchTokens();
+  }
+  //* Precompute and cache country search tokens to speed up filtering
+  _cacheSearchTokens() {
+    for (const c of this.countries) {
+      c.normalisedName = normaliseString(c.name);
+      c.initials = c.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((word) => word[0]).join("").toLowerCase();
+      c.dialCodePlus = `+${c.dialCode}`;
+    }
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
@@ -1820,13 +1838,12 @@ var Iti = class {
     if (!this.dialCodeToIso2Map.hasOwnProperty(dialCode)) {
       this.dialCodeToIso2Map[dialCode] = [];
     }
-    for (let i = 0; i < this.dialCodeToIso2Map[dialCode].length; i++) {
-      if (this.dialCodeToIso2Map[dialCode][i] === iso2) {
-        return;
-      }
+    const iso2List = this.dialCodeToIso2Map[dialCode];
+    if (iso2List.includes(iso2)) {
+      return;
     }
-    const index = priority !== void 0 ? priority : this.dialCodeToIso2Map[dialCode].length;
-    this.dialCodeToIso2Map[dialCode][index] = iso2;
+    const index = priority !== void 0 ? priority : iso2List.length;
+    iso2List[index] = iso2;
   }
   //* Process onlyCountries or excludeCountries array if present.
   _processAllCountries() {
@@ -1851,33 +1868,30 @@ var Iti = class {
   }
   //* Translate Countries by object literal provided on config.
   _translateCountryNames() {
-    for (let i = 0; i < this.countries.length; i++) {
-      const iso2 = this.countries[i].iso2.toLowerCase();
+    for (const c of this.countries) {
+      const iso2 = c.iso2.toLowerCase();
       if (this.options.i18n.hasOwnProperty(iso2)) {
-        this.countries[i].name = this.options.i18n[iso2];
+        c.name = this.options.i18n[iso2];
       }
     }
   }
   //* Generate this.dialCodes and this.dialCodeToIso2Map.
   _processDialCodes() {
-    this.dialCodes = {};
+    this.dialCodes = /* @__PURE__ */ new Set();
     this.dialCodeMaxLen = 0;
     this.dialCodeToIso2Map = {};
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      if (!this.dialCodes[c.dialCode]) {
-        this.dialCodes[c.dialCode] = true;
+    for (const c of this.countries) {
+      if (!this.dialCodes.has(c.dialCode)) {
+        this.dialCodes.add(c.dialCode);
       }
       this._addToDialCodeMap(c.iso2, c.dialCode, c.priority);
     }
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
+    for (const c of this.countries) {
       if (c.areaCodes) {
         const rootIso2Code = this.dialCodeToIso2Map[c.dialCode][0];
-        for (let j = 0; j < c.areaCodes.length; j++) {
-          const areaCode = c.areaCodes[j];
+        for (const areaCode of c.areaCodes) {
           for (let k = 1; k < areaCode.length; k++) {
-            const partialAreaCode = areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substring(0, k);
             const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
@@ -1972,7 +1986,7 @@ var Iti = class {
       if (separateDialCode) {
         this.selectedDialCode = createEl(
           "div",
-          { class: "iti__selected-dial-code", "aria-hidden": "true" },
+          { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
           this.selectedCountry
         );
       }
@@ -2090,7 +2104,7 @@ var Iti = class {
         content += `<div class='iti__flag iti__${c.iso2}'></div>`;
       }
       content += `<span class='iti__country-name'>${c.name}</span>`;
-      content += `<span class='iti__dial-code'>+${c.dialCode}</span>`;
+      content += `<span class='iti__dial-code' dir='ltr'>+${c.dialCode}</span>`;
       listItem.insertAdjacentHTML("beforeend", content);
     }
   }
@@ -2312,7 +2326,7 @@ var Iti = class {
   //* Adhere to the input's maxlength attr.
   _cap(number) {
     const max = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
-    return max && number.length > max ? number.substr(0, max) : number;
+    return max && number.length > max ? number.substring(0, max) : number;
   }
   //* Trigger a custom event on the input.
   _trigger(name, detailProps = {}) {
@@ -2442,9 +2456,8 @@ var Iti = class {
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
   _searchForCountry(query) {
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      const startsWith = c.name.substr(0, query.length).toLowerCase() === query;
+    for (const c of this.countries) {
+      const startsWith = c.name.substring(0, query.length).toLowerCase() === query;
       if (startsWith) {
         const listItem = c.nodeById[this.id];
         this._highlightListItem(listItem, false);
@@ -2465,23 +2478,20 @@ var Iti = class {
     const dialCodeMatches = [];
     const dialCodeContains = [];
     const initialsMatches = [];
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      const normalisedCountryName = normaliseString(c.name);
-      const countryInitials = c.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((word) => word[0]).join("").toLowerCase();
+    for (const c of this.countries) {
       if (isReset || queryLength === 0) {
         nameContains.push(c);
-      } else if (c.iso2.toLowerCase() === normalisedQuery) {
+      } else if (c.iso2 === normalisedQuery) {
         iso2Matches.push(c);
-      } else if (normalisedCountryName.startsWith(normalisedQuery)) {
+      } else if (c.normalisedName.startsWith(normalisedQuery)) {
         nameStartWith.push(c);
-      } else if (normalisedCountryName.includes(normalisedQuery)) {
+      } else if (c.normalisedName.includes(normalisedQuery)) {
         nameContains.push(c);
-      } else if (normalisedQuery === c.dialCode || normalisedQuery === `+${c.dialCode}`) {
+      } else if (normalisedQuery === c.dialCode || normalisedQuery === c.dialCodePlus) {
         dialCodeMatches.push(c);
-      } else if (`+${c.dialCode}`.includes(normalisedQuery)) {
+      } else if (c.dialCodePlus.includes(normalisedQuery)) {
         dialCodeContains.push(c);
-      } else if (countryInitials.includes(normalisedQuery)) {
+      } else if (c.initials.includes(normalisedQuery)) {
         initialsMatches.push(c);
       }
     }
@@ -2601,9 +2611,9 @@ var Iti = class {
       const alreadySelected = selectedIso2 && iso2Codes.includes(selectedIso2) && !hasAreaCodesButNoneMatched;
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
       if (!isRegionlessNanpNumber && !alreadySelected) {
-        for (let j = 0; j < iso2Codes.length; j++) {
-          if (iso2Codes[j]) {
-            return iso2Codes[j];
+        for (const iso2 of iso2Codes) {
+          if (iso2) {
+            return iso2;
           }
         }
       }
@@ -2636,12 +2646,11 @@ var Iti = class {
     }
   }
   //* Find the country data for the given iso2 code
-  //* the ignoreOnlyCountriesOption is only used during init() while parsing the onlyCountries array
+  //* the allowFail option is only used during init() for the initialCountry option, and for the iso2 returned from geoIpLookup - in these 2 cases we don't want to error out
   _getCountryData(iso2, allowFail) {
-    for (let i = 0; i < this.countries.length; i++) {
-      if (this.countries[i].iso2 === iso2) {
-        return this.countries[i];
-      }
+    const country = this.countryByIso2.get(iso2);
+    if (country) {
+      return country;
     }
     if (allowFail) {
       return null;
@@ -2872,11 +2881,11 @@ var Iti = class {
           numericChars += c;
           if (includeAreaCode) {
             if (this.dialCodeToIso2Map[numericChars]) {
-              dialCode = number.substr(0, i + 1);
+              dialCode = number.substring(0, i + 1);
             }
           } else {
-            if (this.dialCodes[numericChars]) {
-              dialCode = number.substr(0, i + 1);
+            if (this.dialCodes.has(numericChars)) {
+              dialCode = number.substring(0, i + 1);
               break;
             }
           }
@@ -2909,7 +2918,7 @@ var Iti = class {
       if (dialCode) {
         dialCode = `+${this.selectedCountryData.dialCode}`;
         const start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;
-        number = number.substr(start);
+        number = number.substring(start);
       }
     }
     return this._cap(number);
@@ -3043,38 +3052,32 @@ var Iti = class {
     }
     return -99;
   }
-  //* Validate the input val
+  //* Validate the input val (with precise=false)
   isValidNumber() {
-    if (!this.selectedCountryData.iso2) {
-      return false;
-    }
-    const val = this._getFullNumber();
-    const alphaCharPosition = val.search(/\p{L}/u);
-    if (alphaCharPosition > -1) {
-      const beforeAlphaChar = val.substring(0, alphaCharPosition);
-      const beforeAlphaIsValid = this._utilsIsPossibleNumber(beforeAlphaChar);
-      const isValid = this._utilsIsPossibleNumber(val);
-      return beforeAlphaIsValid && isValid;
-    }
-    return this._utilsIsPossibleNumber(val);
+    return this._validateNumber(false);
+  }
+  //* Validate the input val (with precise=true)
+  isValidNumberPrecise() {
+    return this._validateNumber(true);
   }
   _utilsIsPossibleNumber(val) {
     return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
-  //* Validate the input val (precise)
-  isValidNumberPrecise() {
+  //* Shared internal validation logic to handle alpha character extension rules.
+  _validateNumber(precise) {
     if (!this.selectedCountryData.iso2) {
       return false;
     }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
+    const testValidity = (s) => precise ? this._utilsIsValidNumber(s) : this._utilsIsPossibleNumber(s);
     if (alphaCharPosition > -1) {
       const beforeAlphaChar = val.substring(0, alphaCharPosition);
-      const beforeAlphaIsValid = this._utilsIsValidNumber(beforeAlphaChar);
-      const isValid = this._utilsIsValidNumber(val);
+      const beforeAlphaIsValid = testValidity(beforeAlphaChar);
+      const isValid = testValidity(val);
       return beforeAlphaIsValid && isValid;
     }
-    return this._utilsIsValidNumber(val);
+    return testValidity(val);
   }
   _utilsIsValidNumber(val) {
     return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
@@ -3166,7 +3169,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.5.1"
+    version: "25.7.0"
   }
 );
 var intl_tel_input_default = intlTelInput;