intl-tel-input 19.2.14 → 19.2.15

package/react/demo/SimpleApp.js

@@ -5,15 +5,11 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import IntlTelInput from '../build/IntlTelInput.cjs';
 
-// defined in package.json scripts section
-const version = process.env.VERSION;
-
 const App = () => (
   <IntlTelInput
     initOptions={{
       initialCountry: "us",
-      // use a CDN so it also works on intl-tel-input.com
-      utilsScript: `https://cdn.jsdelivr.net/npm/intl-tel-input@${version}/build/js/utils.js`,
+      utilsScript: "../../build/js/utils.js",
     }}
   />
 );

package/react/demo/simple-bundle.js

@@ -13947,11 +13947,11 @@ var require_react_dom_development = __commonJS({
         }
         function registerMutableSourceForHydration(root3, mutableSource) {
           var getVersion = mutableSource._getVersion;
-          var version2 = getVersion(mutableSource._source);
+          var version = getVersion(mutableSource._source);
           if (root3.mutableSourceEagerHydrationData == null) {
-            root3.mutableSourceEagerHydrationData = [mutableSource, version2];
+            root3.mutableSourceEagerHydrationData = [mutableSource, version];
           } else {
-            root3.mutableSourceEagerHydrationData.push(mutableSource, version2);
+            root3.mutableSourceEagerHydrationData.push(mutableSource, version);
           }
         }
         var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher, ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -24807,7 +24807,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return i;
             } }, { key: "_getFullNumber", value: function() {
               var t = this.telInput.value.trim(), e = this.selectedCountryData.dialCode, i, o = this._getNumeric(t);
-              return this.options.showSelectedDialCode && t.charAt(0) !== "+" && e && o ? i = "+".concat(e) : i = "", i + t;
+              return this.options.showSelectedDialCode && !this.options.nationalMode && t.charAt(0) !== "+" && e && o ? i = "+".concat(e) : i = "", i + t;
             } }, { key: "_beforeSetNumber", value: function(t) {
               var e = t;
               if (this.options.showSelectedDialCode) {
@@ -24822,9 +24822,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             } }, { key: "_triggerCountryChange", value: function() {
               this._trigger("countrychange");
             } }, { key: "_formatNumberAsYouType", value: function() {
-              var t = this._getFullNumber().trim(), e = window.intlTelInputUtils ? intlTelInputUtils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t;
-              if (this.options.showSelectedDialCode && this.telInput.value.charAt(0) !== "+") {
-                var i = this.selectedCountryData.dialCode, o = e.split("+".concat(i))[1] || "";
+              var t = this._getFullNumber(), e = window.intlTelInputUtils ? intlTelInputUtils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t, i = this.selectedCountryData.dialCode;
+              if (this.options.showSelectedDialCode && !this.options.nationalMode && this.telInput.value.charAt(0) !== "+" && e.includes("+".concat(i))) {
+                var o = e.split("+".concat(i))[1] || "";
                 return o.trim();
               }
               return e;
@@ -24861,10 +24861,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               }
               return -99;
             } }, { key: "isValidNumber", value: function() {
-              var t = this._getFullNumber().trim();
+              var t = this._getFullNumber();
               return window.intlTelInputUtils ? intlTelInputUtils.isPossibleNumber(t, this.selectedCountryData.iso2) : null;
             } }, { key: "isValidNumberPrecise", value: function() {
-              var t = this._getFullNumber().trim();
+              var t = this._getFullNumber();
               return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(t, this.selectedCountryData.iso2) : null;
             } }, { key: "setCountry", value: function(t) {
               var e = t.toLowerCase();
@@ -24896,7 +24896,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               R(s);
             }
             return null;
-          }, S.defaults = G, S.version = "19.2.14", function(s, n) {
+          }, S.defaults = G, S.version = "19.2.15", function(s, n) {
             var t = new Y(s, n);
             return t._init(), s.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
           };
@@ -24942,14 +24942,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 var import_react = __toESM(require_react());
 var import_client = __toESM(require_client());
 var import_IntlTelInput = __toESM(require_IntlTelInput_cjs());
-var version = "19.2.14";
 var App = () => /* @__PURE__ */ import_react.default.createElement(
   import_IntlTelInput.default,
   {
     initOptions: {
       initialCountry: "us",
-      // use a CDN so it also works on intl-tel-input.com
-      utilsScript: `https://cdn.jsdelivr.net/npm/intl-tel-input@${version}/build/js/utils.js`
+      utilsScript: "../../build/js/utils.js"
     }
   }
 );

package/react/demo/validation-bundle.js

@@ -24807,7 +24807,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return i;
             } }, { key: "_getFullNumber", value: function() {
               var t = this.telInput.value.trim(), e = this.selectedCountryData.dialCode, i, o = this._getNumeric(t);
-              return this.options.showSelectedDialCode && t.charAt(0) !== "+" && e && o ? i = "+".concat(e) : i = "", i + t;
+              return this.options.showSelectedDialCode && !this.options.nationalMode && t.charAt(0) !== "+" && e && o ? i = "+".concat(e) : i = "", i + t;
             } }, { key: "_beforeSetNumber", value: function(t) {
               var e = t;
               if (this.options.showSelectedDialCode) {
@@ -24822,9 +24822,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             } }, { key: "_triggerCountryChange", value: function() {
               this._trigger("countrychange");
             } }, { key: "_formatNumberAsYouType", value: function() {
-              var t = this._getFullNumber().trim(), e = window.intlTelInputUtils ? intlTelInputUtils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t;
-              if (this.options.showSelectedDialCode && this.telInput.value.charAt(0) !== "+") {
-                var i = this.selectedCountryData.dialCode, o = e.split("+".concat(i))[1] || "";
+              var t = this._getFullNumber(), e = window.intlTelInputUtils ? intlTelInputUtils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t, i = this.selectedCountryData.dialCode;
+              if (this.options.showSelectedDialCode && !this.options.nationalMode && this.telInput.value.charAt(0) !== "+" && e.includes("+".concat(i))) {
+                var o = e.split("+".concat(i))[1] || "";
                 return o.trim();
               }
               return e;
@@ -24861,10 +24861,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               }
               return -99;
             } }, { key: "isValidNumber", value: function() {
-              var t = this._getFullNumber().trim();
+              var t = this._getFullNumber();
               return window.intlTelInputUtils ? intlTelInputUtils.isPossibleNumber(t, this.selectedCountryData.iso2) : null;
             } }, { key: "isValidNumberPrecise", value: function() {
-              var t = this._getFullNumber().trim();
+              var t = this._getFullNumber();
               return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(t, this.selectedCountryData.iso2) : null;
             } }, { key: "setCountry", value: function(t) {
               var e = t.toLowerCase();
@@ -24896,7 +24896,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               R(s);
             }
             return null;
-          }, S.defaults = G, S.version = "19.2.14", function(s, n) {
+          }, S.defaults = G, S.version = "19.2.15", function(s, n) {
             var t = new Y(s, n);
             return t._init(), s.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
           };

package/src/js/intlTelInput.js

@@ -1614,6 +1614,7 @@ class Iti {
 
     if (
       this.options.showSelectedDialCode &&
+      !this.options.nationalMode &&
       val.charAt(0) !== "+" &&
       dialCode &&
       numericVal
@@ -1658,13 +1659,18 @@ class Iti {
 
   // format the number as the user types
   _formatNumberAsYouType() {
-    const val = this._getFullNumber().trim();
+    const val = this._getFullNumber();
     const result = window.intlTelInputUtils
       ? intlTelInputUtils.formatNumberAsYouType(val, this.selectedCountryData.iso2)
       : val;
     // if showSelectedDialCode and they haven't (re)typed the dial code in the input as well, then remove the dial code
-    if (this.options.showSelectedDialCode && this.telInput.value.charAt(0) !== '+') {
-      const { dialCode } = this.selectedCountryData;
+    const { dialCode } = this.selectedCountryData;
+    if (
+      this.options.showSelectedDialCode &&
+      !this.options.nationalMode &&
+      this.telInput.value.charAt(0) !== "+" &&
+      result.includes(`+${dialCode}`)
+    ) {
       const afterDialCode = result.split(`+${dialCode}`)[1] || "";
       return afterDialCode.trim();
     }
@@ -1808,7 +1814,7 @@ class Iti {
 
   // validate the input val - assumes the global function isPossibleNumber (from utilsScript)
   isValidNumber() {
-    const val = this._getFullNumber().trim();
+    const val = this._getFullNumber();
     return window.intlTelInputUtils
       ? intlTelInputUtils.isPossibleNumber(val, this.selectedCountryData.iso2)
       : null;
@@ -1816,7 +1822,7 @@ class Iti {
 
   // validate the input val (precise) - assumes the global function isValidNumber (from utilsScript)
   isValidNumberPrecise() {
-    const val = this._getFullNumber().trim();
+    const val = this._getFullNumber();
     return window.intlTelInputUtils
       ? intlTelInputUtils.isValidNumber(val, this.selectedCountryData.iso2)
       : null;