intl-tel-input 24.5.2 → 24.6.0

package/build/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.5.2
+ * International Telephone Input v24.6.0
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -1663,6 +1663,8 @@ var factoryOutput = (() => {
     i18n: {},
     //* Initial country.
     initialCountry: "",
+    //* Specify the path to the libphonenumber script to enable validation/formatting.
+    loadUtilsOnInit: "",
     //* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.
     nationalMode: true,
     //* Display only these countries.
@@ -1683,7 +1685,7 @@ var factoryOutput = (() => {
         navigator.userAgent
       ) || window.innerWidth <= 500
     ) : false,
-    //* Specify the path to the libphonenumber script to enable validation/formatting.
+    //* Deprecated! Use `loadUtilsOnInit` instead.
     utilsScript: "",
     //* The number type to enforce during validation.
     validationNumberType: "MOBILE"
@@ -1745,9 +1747,9 @@ var factoryOutput = (() => {
     }
     return el;
   };
-  var forEachInstance = (method) => {
+  var forEachInstance = (method, ...args) => {
     const { instances } = intlTelInput;
-    Object.values(instances).forEach((instance) => instance[method]());
+    Object.values(instances).forEach((instance) => instance[method](...args));
   };
   var Iti = class {
     constructor(input, customOptions = {}) {
@@ -2195,14 +2197,21 @@ var factoryOutput = (() => {
     }
     //* Init many requests: utils script / geo ip lookup.
     _initRequests() {
-      const { utilsScript, initialCountry, geoIpLookup } = this.options;
-      if (utilsScript && !intlTelInput.utils) {
+      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) {
+        this._handlePageLoad = () => {
+          window.removeEventListener("load", this._handlePageLoad);
+          intlTelInput.loadUtils(loadUtilsOnInit)?.catch(() => {
+          });
+        };
         if (intlTelInput.documentReady()) {
-          intlTelInput.loadUtils(utilsScript);
+          this._handlePageLoad();
         } else {
-          window.addEventListener("load", () => {
-            intlTelInput.loadUtils(utilsScript);
-          });
+          window.addEventListener("load", this._handlePageLoad);
         }
       } else {
         this.resolveUtilsScriptPromise();
@@ -2787,6 +2796,9 @@ var factoryOutput = (() => {
           this.dropdown.parentNode.removeChild(this.dropdown);
         }
       }
+      if (this._handlePageLoad) {
+        window.removeEventListener("load", this._handlePageLoad);
+      }
       this._trigger("close:countrydropdown");
     }
     //* Check if an element is visible within it's container, else scroll until it is.
@@ -3075,22 +3087,39 @@ var factoryOutput = (() => {
       }
     }
   };
-  var loadUtils = (path) => {
+  var loadUtils = (source) => {
     if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
+      let loadCall;
+      if (typeof source === "string") {
+        loadCall = Promise.reject(new Error("INTENTIONALLY BROKEN: this build of intl-tel-input includes the utilities module inline, but it has incorrectly attempted to load the utilities separately. If you are seeing this message, something is broken!"));
+      } else if (typeof source === "function") {
+        try {
+          loadCall = source();
+          if (!(loadCall instanceof Promise)) {
+            throw new TypeError(`The function passed to loadUtils must return a promise for the utilities module, not ${typeof loadCall}`);
+          }
+        } 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}`));
+      }
       intlTelInput.startedLoadingUtilsScript = true;
-      return new Promise((resolve, reject) => {
-        import_INTENTIONALLY_BROKEN(
-          /* webpackIgnore: true */
-          /* @vite-ignore */
-          path
-        ).then(({ default: utils2 }) => {
-          intlTelInput.utils = utils2;
-          forEachInstance("handleUtils");
-          resolve(true);
-        }).catch(() => {
-          forEachInstance("rejectUtilsScriptPromise");
-          reject();
-        });
+      return loadCall.then((module) => {
+        const utils2 = module?.default;
+        if (!utils2 || typeof utils2 !== "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.");
+          }
+        }
+        intlTelInput.utils = utils2;
+        forEachInstance("handleUtils");
+        return true;
+      }).catch((error) => {
+        forEachInstance("rejectUtilsScriptPromise", error);
+        throw error;
       });
     }
     return null;
@@ -3117,7 +3146,9 @@ var factoryOutput = (() => {
       //* A map from instance ID to instance object.
       instances: {},
       loadUtils,
-      version: "24.5.2"
+      startedLoadingUtilsScript: false,
+      startedLoadingAutoCountry: false,
+      version: "24.6.0"
     }
   );
   var intl_tel_input_default = intlTelInput;