intl-tel-input 24.8.2 → 25.0.1

package/react/build/IntlTelInput.js

@@ -1623,8 +1623,8 @@ var defaults = {
   i18n: {},
   //* Initial country.
   initialCountry: "",
-  //* Specify the path to the libphonenumber script to enable validation/formatting.
-  loadUtilsOnInit: "",
+  //* A function to load the utils script.
+  loadUtils: null,
   //* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
   nationalMode: true,
   //* Display only these countries.
@@ -1645,10 +1645,8 @@ var defaults = {
       navigator.userAgent
     ) || window.innerWidth <= 500
   ) : false,
-  //* Deprecated! Use `loadUtilsOnInit` instead.
-  utilsScript: "",
   //* The number type to enforce during validation.
-  validationNumberType: "MOBILE"
+  validationNumberTypes: ["MOBILE"]
 };
 var regionlessNanpNumbers = [
   "800",
@@ -2021,18 +2019,28 @@ var Iti = class {
       const telInputName = this.telInput.getAttribute("name") || "";
       const names = hiddenInput(telInputName);
       if (names.phone) {
-        this.hiddenInput = createEl("input", {
-          type: "hidden",
-          name: names.phone
-        });
-        wrapper.appendChild(this.hiddenInput);
+        const existingInput = this.telInput.form?.querySelector(`input[name="${names.phone}"]`);
+        if (existingInput) {
+          this.hiddenInput = existingInput;
+        } else {
+          this.hiddenInput = createEl("input", {
+            type: "hidden",
+            name: names.phone
+          });
+          wrapper.appendChild(this.hiddenInput);
+        }
       }
       if (names.country) {
-        this.hiddenInputCountry = createEl("input", {
-          type: "hidden",
-          name: names.country
-        });
-        wrapper.appendChild(this.hiddenInputCountry);
+        const existingInput = this.telInput.form?.querySelector(`input[name="${names.country}"]`);
+        if (existingInput) {
+          this.hiddenInputCountry = existingInput;
+        } else {
+          this.hiddenInputCountry = createEl("input", {
+            type: "hidden",
+            name: names.country
+          });
+          wrapper.appendChild(this.hiddenInputCountry);
+        }
       }
     }
   }
@@ -2157,15 +2165,11 @@ var Iti = class {
   }
   //* Init many requests: utils script / geo ip lookup.
   _initRequests() {
-    let { loadUtilsOnInit, utilsScript, initialCountry, geoIpLookup } = this.options;
-    if (!loadUtilsOnInit && utilsScript) {
-      console.warn("intl-tel-input: The `utilsScript` option is deprecated and will be removed in a future release! Please use the `loadUtilsOnInit` option instead.");
-      loadUtilsOnInit = utilsScript;
-    }
-    if (loadUtilsOnInit && !intlTelInput.utils) {
+    let { loadUtils, initialCountry, geoIpLookup } = this.options;
+    if (loadUtils && !intlTelInput.utils) {
       this._handlePageLoad = () => {
         window.removeEventListener("load", this._handlePageLoad);
-        intlTelInput.loadUtils(loadUtilsOnInit)?.catch(() => {
+        intlTelInput.attachUtils(loadUtils)?.catch(() => {
         });
       };
       if (intlTelInput.documentReady()) {
@@ -2629,7 +2633,7 @@ var Iti = class {
   }
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
-    const { strictMode, placeholderNumberType, validationNumberType } = this.options;
+    const { strictMode, placeholderNumberType, validationNumberTypes } = this.options;
     const { iso2 } = this.selectedCountryData;
     if (strictMode && intlTelInput.utils) {
       if (iso2) {
@@ -2641,7 +2645,7 @@ var Iti = class {
           true
         );
         let validNumber = exampleNumber;
-        while (intlTelInput.utils.isPossibleNumber(exampleNumber, iso2, validationNumberType)) {
+        while (intlTelInput.utils.isPossibleNumber(exampleNumber, iso2, validationNumberTypes)) {
           validNumber = exampleNumber;
           exampleNumber += "0";
         }
@@ -2993,7 +2997,7 @@ var Iti = class {
     return this._utilsIsPossibleNumber(val);
   }
   _utilsIsPossibleNumber(val) {
-    return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, this.selectedCountryData.iso2, this.options.validationNumberType) : null;
+    return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
@@ -3011,7 +3015,7 @@ var Iti = class {
     return this._utilsIsValidNumber(val);
   }
   _utilsIsValidNumber(val) {
-    return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, this.selectedCountryData.iso2) : null;
+    return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Update the selected country, and update the input val accordingly.
   setCountry(iso2) {
@@ -3047,33 +3051,23 @@ var Iti = class {
     }
   }
 };
-var loadUtils = (source) => {
+var attachUtils = (source) => {
   if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
     let loadCall;
-    if (typeof source === "string") {
-      loadCall = import(
-        /* webpackIgnore: true */
-        /* @vite-ignore */
-        source
-      );
-    } else if (typeof source === "function") {
+    if (typeof source === "function") {
       try {
         loadCall = Promise.resolve(source());
       } catch (error) {
         return Promise.reject(error);
       }
     } else {
-      return Promise.reject(new TypeError(`The argument passed to loadUtils must be a URL string or a function that returns a promise for the utilities module, not ${typeof source}`));
+      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof source}`));
     }
     intlTelInput.startedLoadingUtilsScript = true;
     return loadCall.then((module) => {
       const utils = module?.default;
       if (!utils || typeof utils !== "object") {
-        if (typeof source === "string") {
-          throw new TypeError(`The module loaded from ${source} did not set utils as its default export.`);
-        } else {
-          throw new TypeError("The loader function passed to loadUtils did not resolve to a module object with utils as its default export.");
-        }
+        throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
       }
       intlTelInput.utils = utils;
       forEachInstance("handleUtils");
@@ -3106,10 +3100,10 @@ var intlTelInput = Object.assign(
     },
     //* A map from instance ID to instance object.
     instances: {},
-    loadUtils,
+    attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "24.8.2"
+    version: "25.0.1"
   }
 );
 var intl_tel_input_default = intlTelInput;