intl-tel-input 25.12.2 → 25.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.12.2",
+  "version": "25.12.4",
   "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.12.2/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.12.4/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

@@ -3584,6 +3584,10 @@ var Iti = class _Iti {
         return iso2Codes[0];
       }
     } else if (number.startsWith("+") && numeric.length) {
+      const currentDial = this.selectedCountryData.dialCode || "";
+      if (currentDial && currentDial.startsWith(numeric)) {
+        return null;
+      }
       return "";
     } else if ((!number || number === "+") && !selectedIso2) {
       return this.defaultCountry;
@@ -3736,19 +3740,23 @@ var Iti = class _Iti {
     let dialCode = "";
     if (number.startsWith("+")) {
       let numericChars = "";
+      let foundBaseDialCode = false;
       for (let i = 0; i < number.length; i++) {
         const c = number.charAt(i);
         if (/[0-9]/.test(c)) {
           numericChars += c;
-          const isMatch = Boolean(this.dialCodeToIso2Map[numericChars]);
-          if (!isMatch) {
+          const hasMapEntry = Boolean(this.dialCodeToIso2Map[numericChars]);
+          if (!hasMapEntry) {
             break;
           }
-          if (includeAreaCode) {
+          if (this.dialCodes.has(numericChars)) {
             dialCode = number.substring(0, i + 1);
-          } else if (this.dialCodes.has(numericChars)) {
+            foundBaseDialCode = true;
+            if (!includeAreaCode) {
+              break;
+            }
+          } else if (includeAreaCode && foundBaseDialCode) {
             dialCode = number.substring(0, i + 1);
-            break;
           }
           if (numericChars.length === this.dialCodeMaxLen) {
             break;
@@ -4032,7 +4040,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -3548,6 +3548,10 @@ var Iti = class _Iti {
         return iso2Codes[0];
       }
     } else if (number.startsWith("+") && numeric.length) {
+      const currentDial = this.selectedCountryData.dialCode || "";
+      if (currentDial && currentDial.startsWith(numeric)) {
+        return null;
+      }
       return "";
     } else if ((!number || number === "+") && !selectedIso2) {
       return this.defaultCountry;
@@ -3700,19 +3704,23 @@ var Iti = class _Iti {
     let dialCode = "";
     if (number.startsWith("+")) {
       let numericChars = "";
+      let foundBaseDialCode = false;
       for (let i = 0; i < number.length; i++) {
         const c = number.charAt(i);
         if (/[0-9]/.test(c)) {
           numericChars += c;
-          const isMatch = Boolean(this.dialCodeToIso2Map[numericChars]);
-          if (!isMatch) {
+          const hasMapEntry = Boolean(this.dialCodeToIso2Map[numericChars]);
+          if (!hasMapEntry) {
             break;
           }
-          if (includeAreaCode) {
+          if (this.dialCodes.has(numericChars)) {
             dialCode = number.substring(0, i + 1);
-          } else if (this.dialCodes.has(numericChars)) {
+            foundBaseDialCode = true;
+            if (!includeAreaCode) {
+              break;
+            }
+          } else if (includeAreaCode && foundBaseDialCode) {
             dialCode = number.substring(0, i + 1);
-            break;
           }
           if (numericChars.length === this.dialCodeMaxLen) {
             break;
@@ -3996,7 +4004,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -3584,6 +3584,10 @@ var Iti = class _Iti {
         return iso2Codes[0];
       }
     } else if (number.startsWith("+") && numeric.length) {
+      const currentDial = this.selectedCountryData.dialCode || "";
+      if (currentDial && currentDial.startsWith(numeric)) {
+        return null;
+      }
       return "";
     } else if ((!number || number === "+") && !selectedIso2) {
       return this.defaultCountry;
@@ -3736,19 +3740,23 @@ var Iti = class _Iti {
     let dialCode = "";
     if (number.startsWith("+")) {
       let numericChars = "";
+      let foundBaseDialCode = false;
       for (let i = 0; i < number.length; i++) {
         const c = number.charAt(i);
         if (/[0-9]/.test(c)) {
           numericChars += c;
-          const isMatch = Boolean(this.dialCodeToIso2Map[numericChars]);
-          if (!isMatch) {
+          const hasMapEntry = Boolean(this.dialCodeToIso2Map[numericChars]);
+          if (!hasMapEntry) {
             break;
           }
-          if (includeAreaCode) {
+          if (this.dialCodes.has(numericChars)) {
             dialCode = number.substring(0, i + 1);
-          } else if (this.dialCodes.has(numericChars)) {
+            foundBaseDialCode = true;
+            if (!includeAreaCode) {
+              break;
+            }
+          } else if (includeAreaCode && foundBaseDialCode) {
             dialCode = number.substring(0, i + 1);
-            break;
           }
           if (numericChars.length === this.dialCodeMaxLen) {
             break;
@@ -4032,7 +4040,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -3548,6 +3548,10 @@ var Iti = class _Iti {
         return iso2Codes[0];
       }
     } else if (number.startsWith("+") && numeric.length) {
+      const currentDial = this.selectedCountryData.dialCode || "";
+      if (currentDial && currentDial.startsWith(numeric)) {
+        return null;
+      }
       return "";
     } else if ((!number || number === "+") && !selectedIso2) {
       return this.defaultCountry;
@@ -3700,19 +3704,23 @@ var Iti = class _Iti {
     let dialCode = "";
     if (number.startsWith("+")) {
       let numericChars = "";
+      let foundBaseDialCode = false;
       for (let i = 0; i < number.length; i++) {
         const c = number.charAt(i);
         if (/[0-9]/.test(c)) {
           numericChars += c;
-          const isMatch = Boolean(this.dialCodeToIso2Map[numericChars]);
-          if (!isMatch) {
+          const hasMapEntry = Boolean(this.dialCodeToIso2Map[numericChars]);
+          if (!hasMapEntry) {
             break;
           }
-          if (includeAreaCode) {
+          if (this.dialCodes.has(numericChars)) {
             dialCode = number.substring(0, i + 1);
-          } else if (this.dialCodes.has(numericChars)) {
+            foundBaseDialCode = true;
+            if (!includeAreaCode) {
+              break;
+            }
+          } else if (includeAreaCode && foundBaseDialCode) {
             dialCode = number.substring(0, i + 1);
-            break;
           }
           if (numericChars.length === this.dialCodeMaxLen) {
             break;
@@ -3996,7 +4004,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 );
 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.12.2/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.12.4/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/IntlTelInput.mjs

@@ -1974,7 +1974,7 @@ const nt = {
 }, H = {
   PASTE: "insertFromPaste",
   DELETE_FWD: "deleteContentForward"
-}, D = {
+}, N = {
   ALPHA_UNICODE: new RegExp("\\p{L}", "u"),
   // any kind of letter from any language
   NON_PLUS_NUMERIC: /[^+0-9]/,
@@ -2508,7 +2508,7 @@ const mt = (l) => {
       return o;
   }
   return t.length;
-}, Nt = [
+}, Dt = [
   "800",
   "822",
   "833",
@@ -2530,17 +2530,17 @@ const mt = (l) => {
   const t = v(l);
   if (t.startsWith(G.NANP) && t.length >= 4) {
     const e = t.substring(1, 4);
-    return Nt.includes(e);
+    return Dt.includes(e);
   }
   return !1;
 };
 for (const l of E)
   l.name = $[l.iso2];
-let Dt = 0;
+let Nt = 0;
 const Et = new Set(E.map((l) => l.iso2)), M = (l) => Et.has(l);
 class U {
   constructor(t, e = {}) {
-    this.id = Dt++, this.options = { ...z, ...e }, ut(this.options, $), this.ui = new Ct(t, this.options, this.id), this.isAndroid = U._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = mt(this.options);
+    this.id = Nt++, this.options = { ...z, ...e }, ut(this.options, $), this.ui = new Ct(t, this.options, this.id), this.isAndroid = U._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = mt(this.options);
     const { dialCodes: i, dialCodeMaxLen: s, dialCodeToIso2Map: o } = yt(
       this.countries,
       this.options
@@ -2676,7 +2676,7 @@ class U {
       countrySearch: o
     } = this.options;
     let n = !1;
-    D.ALPHA_UNICODE.test(this.ui.telInput.value) && (n = !0);
+    N.ALPHA_UNICODE.test(this.ui.telInput.value) && (n = !0);
     const r = (a) => {
       if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && s && o) {
         const b = this.ui.telInput.selectionStart || 0, p = this.ui.telInput.value.substring(
@@ -2687,15 +2687,15 @@ class U {
         return;
       }
       this._updateCountryFromNumber(this.ui.telInput.value) && this._triggerCountryChange();
-      const d = (a == null ? void 0 : a.data) && D.NON_PLUS_NUMERIC.test(a.data), c = (a == null ? void 0 : a.inputType) === H.PASTE && this.ui.telInput.value;
-      d || c && !t ? n = !0 : D.NON_PLUS_NUMERIC.test(this.ui.telInput.value) || (n = !1);
+      const d = (a == null ? void 0 : a.data) && N.NON_PLUS_NUMERIC.test(a.data), c = (a == null ? void 0 : a.inputType) === H.PASTE && this.ui.telInput.value;
+      d || c && !t ? n = !0 : N.NON_PLUS_NUMERIC.test(this.ui.telInput.value) || (n = !1);
       const f = (a == null ? void 0 : a.detail) && a.detail.isSetNumber;
       if (e && !n && !f) {
         const b = this.ui.telInput.selectionStart || 0, y = this.ui.telInput.value.substring(
           0,
           b
         ).replace(
-          D.NON_PLUS_NUMERIC_GLOBAL,
+          N.NON_PLUS_NUMERIC_GLOBAL,
           ""
         ).length, w = (a == null ? void 0 : a.inputType) === H.DELETE_FWD, I = this._getFullNumber(), _ = _t(
           I,
@@ -2703,13 +2703,13 @@ class U {
           u.utils,
           this.selectedCountryData,
           this.options.separateDialCode
-        ), N = wt(
+        ), D = wt(
           y,
           _,
           b,
           w
         );
-        this.ui.telInput.value = _, this.ui.telInput.setSelectionRange(N, N);
+        this.ui.telInput.value = _, this.ui.telInput.setSelectionRange(D, D);
       }
     };
     this.ui.telInput.addEventListener(
@@ -2747,7 +2747,7 @@ class U {
     if (this.options.strictMode) {
       const t = (e) => {
         e.preventDefault();
-        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = i.value.slice(0, s), r = i.value.slice(o), a = this.selectedCountryData.iso2, d = e.clipboardData.getData("text"), c = s === 0 && o > 0, f = !i.value.startsWith("+") || c, b = d.replace(D.NON_PLUS_NUMERIC_GLOBAL, ""), p = b.startsWith("+"), y = b.replace(/\+/g, ""), w = p && f ? `+${y}` : y;
+        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = i.value.slice(0, s), r = i.value.slice(o), a = this.selectedCountryData.iso2, d = e.clipboardData.getData("text"), c = s === 0 && o > 0, f = !i.value.startsWith("+") || c, b = d.replace(N.NON_PLUS_NUMERIC_GLOBAL, ""), p = b.startsWith("+"), y = b.replace(/\+/g, ""), w = p && f ? `+${y}` : y;
         let I = n + w + r, _ = u.utils.getCoreNumber(I, a);
         for (; _.length === 0 && I.length > 0; )
           I = I.slice(0, -1), _ = u.utils.getCoreNumber(I, a);
@@ -2760,8 +2760,8 @@ class U {
           } else
             return;
         i.value = I;
-        const N = s + w.length;
-        i.setSelectionRange(N, N), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
+        const D = s + w.length;
+        i.setSelectionRange(D, D), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
       };
       this.ui.telInput.addEventListener("paste", t, {
         signal: this.abortController.signal
@@ -2868,7 +2868,7 @@ class U {
         g.ARROW_DOWN,
         g.ENTER,
         g.ESC
-      ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === g.ARROW_UP || o.key === g.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === g.ENTER ? this._handleEnterKey() : o.key === g.ESC && this._closeDropdown()), !this.options.countrySearch && D.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), i && clearTimeout(i), e += o.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
+      ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === g.ARROW_UP || o.key === g.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === g.ENTER ? this._handleEnterKey() : o.key === g.ESC && this._closeDropdown()), !this.options.countrySearch && N.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), i && clearTimeout(i), e += o.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
         e = "";
       }, lt.HIDDEN_SEARCH_RESET_MS));
     };
@@ -2967,21 +2967,20 @@ class U {
       const { areaCodes: f, priority: b } = this.selectedCountryData;
       if (f) {
         const _ = f.map(
-          (N) => `${o}${N}`
+          (D) => `${o}${D}`
         );
-        for (const N of _)
-          if (r.startsWith(N))
+        for (const D of _)
+          if (r.startsWith(D))
             return null;
       }
       const y = f && !(b === 0) && r.length > a.length, w = s && d.includes(s) && !y, I = s === d[0];
       if (!w && !I)
         return d[0];
-    } else {
-      if (i.startsWith("+") && r.length)
-        return "";
-      if ((!i || i === "+") && !s)
-        return this.defaultCountry;
-    }
+    } else if (i.startsWith("+") && r.length) {
+      const a = this.selectedCountryData.dialCode || "";
+      return a && a.startsWith(r) ? null : "";
+    } else if ((!i || i === "+") && !s)
+      return this.defaultCountry;
     return null;
   }
   //* Update the selected country, dial code (if separateDialCode), placeholder, title, and active list item.
@@ -3071,18 +3070,16 @@ class U {
   _getDialCode(t, e) {
     let i = "";
     if (t.startsWith("+")) {
-      let s = "";
-      for (let o = 0; o < t.length; o++) {
-        const n = t.charAt(o);
-        if (/[0-9]/.test(n)) {
-          if (s += n, !!!this.dialCodeToIso2Map[s])
+      let s = "", o = !1;
+      for (let n = 0; n < t.length; n++) {
+        const r = t.charAt(n);
+        if (/[0-9]/.test(r)) {
+          if (s += r, !!!this.dialCodeToIso2Map[s])
             break;
-          if (e)
-            i = t.substring(0, o + 1);
-          else if (this.dialCodes.has(s)) {
-            i = t.substring(0, o + 1);
-            break;
-          }
+          if (this.dialCodes.has(s)) {
+            if (i = t.substring(0, n + 1), o = !0, !e)
+              break;
+          } else e && o && (i = t.substring(0, n + 1));
           if (s.length === this.dialCodeMaxLen)
             break;
         }
@@ -3194,7 +3191,7 @@ class U {
       return null;
     if (!this.selectedCountryData.iso2)
       return !1;
-    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(D.ALPHA_UNICODE);
+    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(N.ALPHA_UNICODE);
     if (s > -1 && !this.options.allowPhonewords) {
       const n = i.substring(0, s), r = e(n), a = e(i);
       return r && a;
@@ -3282,7 +3279,7 @@ const Lt = (l) => {
     attachUtils: Lt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 ), vt = {
   __name: "IntlTelInput",

package/vue/build/IntlTelInputWithUtils.mjs

@@ -2976,12 +2976,11 @@ class R1 {
       const T = A && !(v === 0) && f.length > C.length, k = s && I.includes(s) && !T, P = s === I[0];
       if (!k && !P)
         return I[0];
-    } else {
-      if (i.startsWith("+") && f.length)
-        return "";
-      if ((!i || i === "+") && !s)
-        return this.defaultCountry;
-    }
+    } else if (i.startsWith("+") && f.length) {
+      const C = this.selectedCountryData.dialCode || "";
+      return C && C.startsWith(f) ? null : "";
+    } else if ((!i || i === "+") && !s)
+      return this.defaultCountry;
     return null;
   }
   //* Update the selected country, dial code (if separateDialCode), placeholder, title, and active list item.
@@ -3071,18 +3070,16 @@ class R1 {
   _getDialCode(e, $) {
     let i = "";
     if (e.startsWith("+")) {
-      let s = "";
-      for (let a = 0; a < e.length; a++) {
-        const u = e.charAt(a);
-        if (/[0-9]/.test(u)) {
-          if (s += u, !!!this.dialCodeToIso2Map[s])
+      let s = "", a = !1;
+      for (let u = 0; u < e.length; u++) {
+        const f = e.charAt(u);
+        if (/[0-9]/.test(f)) {
+          if (s += f, !!!this.dialCodeToIso2Map[s])
             break;
-          if ($)
-            i = e.substring(0, a + 1);
-          else if (this.dialCodes.has(s)) {
-            i = e.substring(0, a + 1);
-            break;
-          }
+          if (this.dialCodes.has(s)) {
+            if (i = e.substring(0, u + 1), a = !0, !$)
+              break;
+          } else $ && a && (i = e.substring(0, u + 1));
           if (s.length === this.dialCodeMaxLen)
             break;
         }
@@ -3282,7 +3279,7 @@ const L2 = (h) => {
     attachUtils: L2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.12.2"
+    version: "25.12.4"
   }
 );
 (function() {