intl-tel-input 25.0.1 → 25.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.0.1",
+  "version": "25.0.2",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",

package/react/README.md

@@ -28,7 +28,7 @@ import "intl-tel-input/styles";
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/validation/ValidationApp.tsx) for a more fleshed-out example of how to handle validation.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.0.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.0.2/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput React component.

package/react/build/IntlTelInput.cjs

@@ -45,8 +45,7 @@ var rawCountryData = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -1352,6 +1351,7 @@ for (let i = 0; i < rawCountryData.length; i++) {
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
+    partialAreaCodes: null,
     nodeById: {}
   };
 }
@@ -1876,7 +1876,7 @@ var Iti = class {
       }
     }
   }
-  //* Generate this.dialCodes and this.dialCodeToIso2Map.
+  //* Generate this.dialCodes and this.dialCodeToIso2Map and country.partialAreaCodes.
   _processDialCodes() {
     this.dialCodes = {};
     this.dialCodeMaxLen = 0;
@@ -1895,9 +1895,16 @@ var Iti = class {
         for (let j = 0; j < c.areaCodes.length; j++) {
           const areaCode = c.areaCodes[j];
           for (let k = 1; k < areaCode.length; k++) {
-            const partialDialCode = c.dialCode + areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substr(0, k);
+            const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
+            if (!c.partialAreaCodes) {
+              c.partialAreaCodes = [];
+            }
+            if (!c.partialAreaCodes.includes(partialAreaCode)) {
+              c.partialAreaCodes.push(partialAreaCode);
+            }
           }
           this._addToDialCodeMap(c.iso2, c.dialCode + areaCode);
         }
@@ -2555,6 +2562,19 @@ var Iti = class {
     }
     return false;
   }
+  //* Check if the given number matches an area code from the selected country.
+  _isAreaCodeMatch(numeric, dialCodeNumerics) {
+    const { areaCodes, partialAreaCodes, dialCode } = this.selectedCountryData;
+    const typedNumber = numeric.substring(dialCode.length);
+    const typedAreaCode = dialCodeNumerics.substring(dialCode.length);
+    if (areaCodes.includes(typedAreaCode)) {
+      return true;
+    }
+    if (partialAreaCodes.includes(typedNumber)) {
+      return true;
+    }
+    return false;
+  }
   _getCountryFromNumber(fullNumber) {
     const plusIndex = fullNumber.indexOf("+");
     let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
@@ -2572,10 +2592,19 @@ var Iti = class {
     const dialCode = this._getDialCode(number, true);
     const numeric = getNumeric(number);
     if (dialCode) {
-      const iso2Codes = this.dialCodeToIso2Map[getNumeric(dialCode)];
-      const alreadySelected = iso2Codes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
+      const dialCodeNumerics = getNumeric(dialCode);
+      const iso2Codes = this.dialCodeToIso2Map[dialCodeNumerics];
+      const alreadySelected = this.selectedCountryData.iso2 && iso2Codes.includes(this.selectedCountryData.iso2);
+      let areaCodeMatch = false;
+      if (alreadySelected) {
+        if (this.selectedCountryData.areaCodes && numeric.length > selectedDialCode.length) {
+          areaCodeMatch = this._isAreaCodeMatch(numeric, dialCodeNumerics);
+        } else {
+          areaCodeMatch = true;
+        }
+      }
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
-      if (!isRegionlessNanpNumber && !alreadySelected) {
+      if (!isRegionlessNanpNumber && (!alreadySelected || !areaCodeMatch)) {
         for (let j = 0; j < iso2Codes.length; j++) {
           if (iso2Codes[j]) {
             return iso2Codes[j];
@@ -3139,7 +3168,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.0.1"
+    version: "25.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -5,6 +5,7 @@ declare module "intl-tel-input/data" {
         dialCode: string;
         priority: number;
         areaCodes: string[] | null;
+        partialAreaCodes: string[] | null;
         nodeById: object;
     };
     const allCountries: Country[];
@@ -324,10 +325,12 @@ declare module "intl-tel-input" {
         numberType: object;
     };
     type NumberType = "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP";
-    type SelectedCountryData = Country | {
+    type SelectedCountryData = {
         name?: string;
         iso2?: string;
         dialCode?: string;
+        areaCodes?: string[];
+        partialAreaCodes?: string[];
     };
     interface AllOptions {
         allowDropdown: boolean;
@@ -438,6 +441,7 @@ declare module "intl-tel-input" {
         private _handleEnterKey;
         private _updateValFromNumber;
         private _updateCountryFromNumber;
+        private _isAreaCodeMatch;
         private _getCountryFromNumber;
         private _highlightListItem;
         private _getCountryData;

package/react/build/IntlTelInput.js

@@ -9,8 +9,7 @@ var rawCountryData = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -1316,6 +1315,7 @@ for (let i = 0; i < rawCountryData.length; i++) {
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
+    partialAreaCodes: null,
     nodeById: {}
   };
 }
@@ -1840,7 +1840,7 @@ var Iti = class {
       }
     }
   }
-  //* Generate this.dialCodes and this.dialCodeToIso2Map.
+  //* Generate this.dialCodes and this.dialCodeToIso2Map and country.partialAreaCodes.
   _processDialCodes() {
     this.dialCodes = {};
     this.dialCodeMaxLen = 0;
@@ -1859,9 +1859,16 @@ var Iti = class {
         for (let j = 0; j < c.areaCodes.length; j++) {
           const areaCode = c.areaCodes[j];
           for (let k = 1; k < areaCode.length; k++) {
-            const partialDialCode = c.dialCode + areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substr(0, k);
+            const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
+            if (!c.partialAreaCodes) {
+              c.partialAreaCodes = [];
+            }
+            if (!c.partialAreaCodes.includes(partialAreaCode)) {
+              c.partialAreaCodes.push(partialAreaCode);
+            }
           }
           this._addToDialCodeMap(c.iso2, c.dialCode + areaCode);
         }
@@ -2519,6 +2526,19 @@ var Iti = class {
     }
     return false;
   }
+  //* Check if the given number matches an area code from the selected country.
+  _isAreaCodeMatch(numeric, dialCodeNumerics) {
+    const { areaCodes, partialAreaCodes, dialCode } = this.selectedCountryData;
+    const typedNumber = numeric.substring(dialCode.length);
+    const typedAreaCode = dialCodeNumerics.substring(dialCode.length);
+    if (areaCodes.includes(typedAreaCode)) {
+      return true;
+    }
+    if (partialAreaCodes.includes(typedNumber)) {
+      return true;
+    }
+    return false;
+  }
   _getCountryFromNumber(fullNumber) {
     const plusIndex = fullNumber.indexOf("+");
     let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
@@ -2536,10 +2556,19 @@ var Iti = class {
     const dialCode = this._getDialCode(number, true);
     const numeric = getNumeric(number);
     if (dialCode) {
-      const iso2Codes = this.dialCodeToIso2Map[getNumeric(dialCode)];
-      const alreadySelected = iso2Codes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
+      const dialCodeNumerics = getNumeric(dialCode);
+      const iso2Codes = this.dialCodeToIso2Map[dialCodeNumerics];
+      const alreadySelected = this.selectedCountryData.iso2 && iso2Codes.includes(this.selectedCountryData.iso2);
+      let areaCodeMatch = false;
+      if (alreadySelected) {
+        if (this.selectedCountryData.areaCodes && numeric.length > selectedDialCode.length) {
+          areaCodeMatch = this._isAreaCodeMatch(numeric, dialCodeNumerics);
+        } else {
+          areaCodeMatch = true;
+        }
+      }
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
-      if (!isRegionlessNanpNumber && !alreadySelected) {
+      if (!isRegionlessNanpNumber && (!alreadySelected || !areaCodeMatch)) {
         for (let j = 0; j < iso2Codes.length; j++) {
           if (iso2Codes[j]) {
             return iso2Codes[j];
@@ -3103,7 +3132,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.0.1"
+    version: "25.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -45,8 +45,7 @@ var rawCountryData = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -1352,6 +1351,7 @@ for (let i = 0; i < rawCountryData.length; i++) {
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
+    partialAreaCodes: null,
     nodeById: {}
   };
 }
@@ -1876,7 +1876,7 @@ var Iti = class {
       }
     }
   }
-  //* Generate this.dialCodes and this.dialCodeToIso2Map.
+  //* Generate this.dialCodes and this.dialCodeToIso2Map and country.partialAreaCodes.
   _processDialCodes() {
     this.dialCodes = {};
     this.dialCodeMaxLen = 0;
@@ -1895,9 +1895,16 @@ var Iti = class {
         for (let j = 0; j < c.areaCodes.length; j++) {
           const areaCode = c.areaCodes[j];
           for (let k = 1; k < areaCode.length; k++) {
-            const partialDialCode = c.dialCode + areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substr(0, k);
+            const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
+            if (!c.partialAreaCodes) {
+              c.partialAreaCodes = [];
+            }
+            if (!c.partialAreaCodes.includes(partialAreaCode)) {
+              c.partialAreaCodes.push(partialAreaCode);
+            }
           }
           this._addToDialCodeMap(c.iso2, c.dialCode + areaCode);
         }
@@ -2555,6 +2562,19 @@ var Iti = class {
     }
     return false;
   }
+  //* Check if the given number matches an area code from the selected country.
+  _isAreaCodeMatch(numeric, dialCodeNumerics) {
+    const { areaCodes, partialAreaCodes, dialCode } = this.selectedCountryData;
+    const typedNumber = numeric.substring(dialCode.length);
+    const typedAreaCode = dialCodeNumerics.substring(dialCode.length);
+    if (areaCodes.includes(typedAreaCode)) {
+      return true;
+    }
+    if (partialAreaCodes.includes(typedNumber)) {
+      return true;
+    }
+    return false;
+  }
   _getCountryFromNumber(fullNumber) {
     const plusIndex = fullNumber.indexOf("+");
     let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
@@ -2572,10 +2592,19 @@ var Iti = class {
     const dialCode = this._getDialCode(number, true);
     const numeric = getNumeric(number);
     if (dialCode) {
-      const iso2Codes = this.dialCodeToIso2Map[getNumeric(dialCode)];
-      const alreadySelected = iso2Codes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
+      const dialCodeNumerics = getNumeric(dialCode);
+      const iso2Codes = this.dialCodeToIso2Map[dialCodeNumerics];
+      const alreadySelected = this.selectedCountryData.iso2 && iso2Codes.includes(this.selectedCountryData.iso2);
+      let areaCodeMatch = false;
+      if (alreadySelected) {
+        if (this.selectedCountryData.areaCodes && numeric.length > selectedDialCode.length) {
+          areaCodeMatch = this._isAreaCodeMatch(numeric, dialCodeNumerics);
+        } else {
+          areaCodeMatch = true;
+        }
+      }
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
-      if (!isRegionlessNanpNumber && !alreadySelected) {
+      if (!isRegionlessNanpNumber && (!alreadySelected || !areaCodeMatch)) {
         for (let j = 0; j < iso2Codes.length; j++) {
           if (iso2Codes[j]) {
             return iso2Codes[j];
@@ -3139,7 +3168,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.0.1"
+    version: "25.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -9,8 +9,7 @@ var rawCountryData = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -1316,6 +1315,7 @@ for (let i = 0; i < rawCountryData.length; i++) {
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
+    partialAreaCodes: null,
     nodeById: {}
   };
 }
@@ -1840,7 +1840,7 @@ var Iti = class {
       }
     }
   }
-  //* Generate this.dialCodes and this.dialCodeToIso2Map.
+  //* Generate this.dialCodes and this.dialCodeToIso2Map and country.partialAreaCodes.
   _processDialCodes() {
     this.dialCodes = {};
     this.dialCodeMaxLen = 0;
@@ -1859,9 +1859,16 @@ var Iti = class {
         for (let j = 0; j < c.areaCodes.length; j++) {
           const areaCode = c.areaCodes[j];
           for (let k = 1; k < areaCode.length; k++) {
-            const partialDialCode = c.dialCode + areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substr(0, k);
+            const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
+            if (!c.partialAreaCodes) {
+              c.partialAreaCodes = [];
+            }
+            if (!c.partialAreaCodes.includes(partialAreaCode)) {
+              c.partialAreaCodes.push(partialAreaCode);
+            }
           }
           this._addToDialCodeMap(c.iso2, c.dialCode + areaCode);
         }
@@ -2519,6 +2526,19 @@ var Iti = class {
     }
     return false;
   }
+  //* Check if the given number matches an area code from the selected country.
+  _isAreaCodeMatch(numeric, dialCodeNumerics) {
+    const { areaCodes, partialAreaCodes, dialCode } = this.selectedCountryData;
+    const typedNumber = numeric.substring(dialCode.length);
+    const typedAreaCode = dialCodeNumerics.substring(dialCode.length);
+    if (areaCodes.includes(typedAreaCode)) {
+      return true;
+    }
+    if (partialAreaCodes.includes(typedNumber)) {
+      return true;
+    }
+    return false;
+  }
   _getCountryFromNumber(fullNumber) {
     const plusIndex = fullNumber.indexOf("+");
     let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
@@ -2536,10 +2556,19 @@ var Iti = class {
     const dialCode = this._getDialCode(number, true);
     const numeric = getNumeric(number);
     if (dialCode) {
-      const iso2Codes = this.dialCodeToIso2Map[getNumeric(dialCode)];
-      const alreadySelected = iso2Codes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;
+      const dialCodeNumerics = getNumeric(dialCode);
+      const iso2Codes = this.dialCodeToIso2Map[dialCodeNumerics];
+      const alreadySelected = this.selectedCountryData.iso2 && iso2Codes.includes(this.selectedCountryData.iso2);
+      let areaCodeMatch = false;
+      if (alreadySelected) {
+        if (this.selectedCountryData.areaCodes && numeric.length > selectedDialCode.length) {
+          areaCodeMatch = this._isAreaCodeMatch(numeric, dialCodeNumerics);
+        } else {
+          areaCodeMatch = true;
+        }
+      }
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
-      if (!isRegionlessNanpNumber && !alreadySelected) {
+      if (!isRegionlessNanpNumber && (!alreadySelected || !areaCodeMatch)) {
         for (let j = 0; j < iso2Codes.length; j++) {
           if (iso2Codes[j]) {
             return iso2Codes[j];
@@ -3103,7 +3132,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.0.1"
+    version: "25.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/vue/README.md

@@ -34,7 +34,7 @@ See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master
 "vue:demo": "vite --config vue/demo/[demo variant]/vite.config.js"
 ```
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.0.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.0.2/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.