intl-tel-input 19.2.20 → 19.4.0

package/react/demo/validation-bundle.js

@@ -24290,23 +24290,23 @@ var import_client = __toESM(require_client());
 // react/build/IntlTelInput.esm.js
 var import_react = __toESM(require_react());
 var import_prop_types = __toESM(require_prop_types());
-var Z = Object.create;
-var G = Object.defineProperty;
-var $ = Object.getOwnPropertyDescriptor;
-var Q = Object.getOwnPropertyNames;
-var X = Object.getPrototypeOf;
-var tt = Object.prototype.hasOwnProperty;
-var et = (c, p) => () => (p || c((p = { exports: {} }).exports, p), p.exports);
-var it = (c, p, y, m) => {
+var X = Object.create;
+var z = Object.defineProperty;
+var tt = Object.getOwnPropertyDescriptor;
+var et = Object.getOwnPropertyNames;
+var it = Object.getPrototypeOf;
+var nt = Object.prototype.hasOwnProperty;
+var ot = (c, p) => () => (p || c((p = { exports: {} }).exports, p), p.exports);
+var rt = (c, p, y, m) => {
   if (p && typeof p == "object" || typeof p == "function")
-    for (let C of Q(p))
-      !tt.call(c, C) && C !== y && G(c, C, { get: () => p[C], enumerable: !(m = $(p, C)) || m.enumerable });
+    for (let C of et(p))
+      !nt.call(c, C) && C !== y && z(c, C, { get: () => p[C], enumerable: !(m = tt(p, C)) || m.enumerable });
   return c;
 };
-var nt = (c, p, y) => (y = c != null ? Z(X(c)) : {}, it(p || !c || !c.__esModule ? G(y, "default", { value: c, enumerable: true }) : y, c));
-var R = et((at, T) => {
+var st = (c, p, y) => (y = c != null ? X(it(c)) : {}, rt(p || !c || !c.__esModule ? z(y, "default", { value: c, enumerable: true }) : y, c));
+var V = ot((dt, F) => {
   (function(c) {
-    typeof T == "object" && T.exports ? T.exports = c() : window.intlTelInput = c();
+    typeof F == "object" && F.exports ? F.exports = c() : window.intlTelInput = c();
   })(function(c) {
     "use strict";
     return function() {
@@ -24320,39 +24320,39 @@ var R = et((at, T) => {
           typeof Object.getOwnPropertySymbols == "function" && e.push.apply(e, Object.getOwnPropertySymbols(t).filter(function(i) {
             return Object.getOwnPropertyDescriptor(t, i).enumerable;
           })), e.forEach(function(i) {
-            N(s, i, t[i]);
+            P(s, i, t[i]);
           });
         }
         return s;
       }
-      function N(s, n, t) {
-        return n = D(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: true, configurable: true, writable: true }) : s[n] = t, s;
+      function P(s, n, t) {
+        return n = T(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: true, configurable: true, writable: true }) : s[n] = t, s;
       }
-      function F(s, n) {
-        return _(s) || w(s, n) || x(s, n) || P();
+      function x(s, n) {
+        return _(s) || L(s, n) || U(s, n) || O();
       }
-      function P() {
+      function O() {
         throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
       }
-      function x(s, n) {
+      function U(s, n) {
         if (s) {
           if (typeof s == "string")
-            return k(s, n);
+            return E(s, n);
           var t = Object.prototype.toString.call(s).slice(8, -1);
           if (t === "Object" && s.constructor && (t = s.constructor.name), t === "Map" || t === "Set")
             return Array.from(s);
           if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))
-            return k(s, n);
+            return E(s, n);
         }
       }
-      function k(s, n) {
+      function E(s, n) {
         (n == null || n > s.length) && (n = s.length);
         for (var t = 0, e = new Array(n); t < n; t++)
           e[t] = s[t];
         return e;
       }
-      function w(s, n) {
+      function L(s, n) {
         var t = s == null ? null : typeof Symbol < "u" && s[Symbol.iterator] || s["@@iterator"];
         if (t != null) {
           var e, i, o, r, a = [], l = true, u = false;
@@ -24382,24 +24382,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (Array.isArray(s))
           return s;
       }
-      function I(s, n) {
+      function S(s, n) {
         if (!(s instanceof n))
           throw new TypeError("Cannot call a class as a function");
       }
       function b(s, n) {
         for (var t = 0; t < n.length; t++) {
           var e = n[t];
-          e.enumerable = e.enumerable || false, e.configurable = true, "value" in e && (e.writable = true), Object.defineProperty(s, D(e.key), e);
+          e.enumerable = e.enumerable || false, e.configurable = true, "value" in e && (e.writable = true), Object.defineProperty(s, T(e.key), e);
         }
       }
-      function O(s, n, t) {
+      function M(s, n, t) {
         return n && b(s.prototype, n), t && b(s, t), Object.defineProperty(s, "prototype", { writable: false }), s;
       }
-      function D(s) {
-        var n = V(s, "string");
+      function T(s) {
+        var n = q(s, "string");
         return typeof n == "symbol" ? n : String(n);
       }
-      function V(s, n) {
+      function q(s, n) {
         if (typeof s != "object" || s === null)
           return s;
         var t = s[Symbol.toPrimitive];
@@ -24411,24 +24411,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         return (n === "string" ? String : Number)(s);
       }
-      var L = { getInstance: function(n) {
+      var k = { getInstance: function(n) {
         var t = n.getAttribute("data-intl-tel-input-id");
         return window.intlTelInputGlobals.instances[t];
       }, instances: {}, documentReady: function() {
         return document.readyState === "complete";
       } };
-      typeof window == "object" && (window.intlTelInputGlobals = L);
-      var H = 0, M = { allowDropdown: true, autoInsertDialCode: false, autoPlaceholder: "polite", countrySearch: true, containerClass: "", customPlaceholder: null, dropdownContainer: null, excludeCountries: [], fixDropdownWidth: true, formatAsYouType: true, formatOnDisplay: true, geoIpLookup: null, hiddenInput: null, i18n: {}, initialCountry: "", nationalMode: true, onlyCountries: [], placeholderNumberType: "MOBILE", preferredCountries: [], showFlags: true, showSelectedDialCode: false, useFullscreenPopup: typeof navigator < "u" && typeof window < "u" ? /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 500 : false, utilsScript: "" }, W = ["800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889"], S = function(n) {
+      typeof window == "object" && (window.intlTelInputGlobals = k);
+      var Y = 0, R = { allowDropdown: true, autoInsertDialCode: false, autoPlaceholder: "polite", countrySearch: true, containerClass: "", customPlaceholder: null, defaultToFirstCountry: true, dropdownContainer: null, excludeCountries: [], fixDropdownWidth: true, formatAsYouType: true, formatOnDisplay: true, geoIpLookup: null, hiddenInput: null, i18n: {}, initialCountry: "", nationalMode: true, onlyCountries: [], placeholderNumberType: "MOBILE", preferredCountries: [], showFlags: true, showSelectedDialCode: false, useFullscreenPopup: typeof navigator < "u" && typeof window < "u" ? /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 500 : false, utilsScript: "" }, J = ["800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889"], D = function(n) {
         var t = window.intlTelInputGlobals.instances;
         Object.values(t).forEach(function(e) {
           return e[n]();
         });
-      }, q = function() {
+      }, Z = function() {
         function s(n) {
           var t = arguments.length > 1 && arguments[1] !== c ? arguments[1] : {};
-          I(this, s), this.id = H++, this.telInput = n, this.activeItem = null, this.highlightedItem = null, this.options = Object.assign({}, M, t), this.hadInitialPlaceholder = !!n.getAttribute("placeholder");
+          S(this, s), this.id = Y++, this.telInput = n, this.activeItem = null, this.highlightedItem = null, this.options = Object.assign({}, R, t), this.hadInitialPlaceholder = !!n.getAttribute("placeholder");
         }
-        return O(s, [{ key: "_init", value: function() {
+        return M(s, [{ key: "_init", value: function() {
           var t = this;
           this.options.useFullscreenPopup && (this.options.fixDropdownWidth = false), this.options.countrySearch && !this.options.useFullscreenPopup && (this.options.fixDropdownWidth = true), this.options.nationalMode && (this.options.autoInsertDialCode = false), this.options.showSelectedDialCode && (this.options.autoInsertDialCode = false);
           var e = this.options.allowDropdown && !this.options.showSelectedDialCode;
@@ -24503,7 +24503,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         } }, { key: "_createEl", value: function(t, e, i) {
           var o = document.createElement(t);
           return e && Object.entries(e).forEach(function(r) {
-            var a = F(r, 2), l = a[0], u = a[1];
+            var a = x(r, 2), l = a[0], u = a[1];
             return o.setAttribute(l, u);
           }), i && i.appendChild(o), o;
         } }, { key: "_generateMarkup", value: function() {
@@ -24512,19 +24512,21 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           e && (f += " iti--allow-dropdown"), i && (f += " iti--show-selected-dial-code"), o && (f += " iti--show-flags"), r && (f += " ".concat(r)), h || (f += " iti--inline-dropdown");
           var v = this._createEl("div", { class: f });
           this.telInput.parentNode.insertBefore(v, this.telInput);
-          var A = e || o || i;
-          if (A && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, v)), v.appendChild(this.telInput), A && (this.selectedFlag = this._createEl("div", C({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
+          var w = e || o || i;
+          if (w && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, v)), v.appendChild(this.telInput), w && (this.selectedFlag = this._createEl("div", C({ class: "iti__selected-flag" }, e && { role: "combobox", "aria-haspopup": "listbox", "aria-controls": "iti-".concat(this.id, "__country-listbox"), "aria-expanded": "false", "aria-label": this.options.i18n.selectedCountryAriaLabel || "Selected country" }), this.flagsContainer)), o && (this.selectedFlagInner = this._createEl("div", { class: "iti__flag" }, this.selectedFlag)), this.selectedFlag && this.telInput.disabled && this.selectedFlag.setAttribute("aria-disabled", "true"), i && (this.selectedDialCode = this._createEl("div", { class: "iti__selected-dial-code" }, this.selectedFlag)), e) {
             this.telInput.disabled || this.selectedFlag.setAttribute("tabindex", "0"), this.dropdownArrow = this._createEl("div", { class: "iti__arrow" }, this.selectedFlag);
-            var Y = u ? "" : "iti--flexible-dropdown-width";
-            if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat(Y) }), g && (this.searchInput = this._createEl("input", { type: "text", class: "iti__search-input", placeholder: this.options.i18n.searchPlaceholder || "Search" }, this.dropdownContent)), this.countryList = this._createEl("ul", { class: "iti__country-list", id: "iti-".concat(this.id, "__country-listbox"), role: "listbox", "aria-label": this.options.i18n.countryListAriaLabel || "List of countries" }, this.dropdownContent), this.preferredCountries.length && !g && (this._appendListItems(this.preferredCountries, "iti__preferred", true), this._createEl("li", { class: "iti__divider", "aria-hidden": "true" }, this.countryList)), this._appendListItems(this.countries, "iti__standard"), l) {
-              var E = "iti iti--container";
-              h ? E += " iti--fullscreen-popup" : E += " iti--inline-dropdown", g && (E += " iti--country-search"), this.dropdown = this._createEl("div", { class: E }), this.dropdown.appendChild(this.dropdownContent);
+            var $ = u ? "" : "iti--flexible-dropdown-width";
+            if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat($) }), g && (this.searchInput = this._createEl("input", { type: "text", class: "iti__search-input", placeholder: this.options.i18n.searchPlaceholder || "Search" }, this.dropdownContent)), this.countryList = this._createEl("ul", { class: "iti__country-list", id: "iti-".concat(this.id, "__country-listbox"), role: "listbox", "aria-label": this.options.i18n.countryListAriaLabel || "List of countries" }, this.dropdownContent), this.preferredCountries.length && !g && (this._appendListItems(this.preferredCountries, "iti__preferred", true), this._createEl("li", { class: "iti__divider", "aria-hidden": "true" }, this.countryList)), this._appendListItems(this.countries, "iti__standard"), l) {
+              var N = "iti iti--container";
+              h ? N += " iti--fullscreen-popup" : N += " iti--inline-dropdown", g && (N += " iti--country-search"), this.dropdown = this._createEl("div", { class: N }), this.dropdown.appendChild(this.dropdownContent);
             } else
               this.flagsContainer.appendChild(this.dropdownContent);
           }
           if (a) {
-            var J = this.telInput.getAttribute("name"), j = a(J);
-            this.hiddenInput = this._createEl("input", { type: "hidden", name: j }), v.appendChild(this.hiddenInput), this.hiddenInputCountry = this._createEl("input", { type: "hidden", name: "".concat(j, "_country") }), v.appendChild(this.hiddenInputCountry);
+            var B = this.telInput.getAttribute("name"), A = a(B), Q = A !== null && typeof A == "object", I, j;
+            if (Q ? (I = A.phone || B, j = A.country || "".concat(I, "_country")) : (I = A || B, j = "".concat(I, "_country")), !I)
+              return;
+            this.hiddenInput = this._createEl("input", { type: "hidden", name: I }), this.hiddenInputCountry = this._createEl("input", { type: "hidden", name: j }), v.appendChild(this.hiddenInput), v.appendChild(this.hiddenInputCountry);
           }
         } }, { key: "_appendListItems", value: function(t, e, i) {
           for (var o = 0; o < t.length; o++) {
@@ -24534,12 +24536,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             this.options.showFlags && (u += "<div class='iti__flag-box'><div class='iti__flag iti__".concat(r.iso2, "'></div></div>")), u += "<span class='iti__country-name'>".concat(r.name, "</span>"), u += "<span class='iti__dial-code'>+".concat(r.dialCode, "</span>"), l.insertAdjacentHTML("beforeend", u);
           }
         } }, { key: "_setInitialState", value: function() {
-          var t = arguments.length > 0 && arguments[0] !== c ? arguments[0] : false, e = this.telInput.getAttribute("value"), i = this.telInput.value, o = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+"), r = o ? e : i, a = this._getDialCode(r), l = this._isRegionlessNanp(r), u = this.options, h = u.initialCountry, g = u.autoInsertDialCode;
+          var t = arguments.length > 0 && arguments[0] !== c ? arguments[0] : false, e = this.telInput.getAttribute("value"), i = this.telInput.value, o = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+"), r = o ? e : i, a = this._getDialCode(r), l = this._isRegionlessNanp(r), u = this.options, h = u.initialCountry, g = u.autoInsertDialCode, f = u.defaultToFirstCountry;
           if (a && !l)
             this._updateFlagFromNumber(r);
           else if (h !== "auto" || t) {
-            var f = h ? h.toLowerCase() : "", v = f && this._getCountryData(f, true);
-            v ? this._setFlag(f) : a && l ? this._setFlag("us") : (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, r || this._setFlag(this.defaultCountry)), !r && g && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
+            var v = h ? h.toLowerCase() : "", w = v && this._getCountryData(v, true);
+            w ? this._setFlag(v) : a && l ? this._setFlag("us") : f && (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, r || this._setFlag(this.defaultCountry)), !r && g && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
           }
           r && this._updateValFromNumber(r);
         } }, { key: "_initListeners", value: function() {
@@ -24571,10 +24573,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           window.intlTelInputGlobals.autoCountry ? this.handleAutoCountry() : window.intlTelInputGlobals.startedLoadingAutoCountry || (window.intlTelInputGlobals.startedLoadingAutoCountry = true, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(function() {
             var e = arguments.length > 0 && arguments[0] !== c ? arguments[0] : "", i = e.toLowerCase(), o = i && t._getCountryData(i, true);
             o ? (window.intlTelInputGlobals.autoCountry = i, setTimeout(function() {
-              return S("handleAutoCountry");
-            })) : (t._setInitialState(true), S("rejectAutoCountryPromise"));
+              return D("handleAutoCountry");
+            })) : (t._setInitialState(true), D("rejectAutoCountryPromise"));
           }, function() {
-            return S("rejectAutoCountryPromise");
+            return D("rejectAutoCountryPromise");
           }));
         } }, { key: "_initKeyListeners", value: function() {
           var t = this, e = false;
@@ -24719,7 +24721,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var e = this._getNumeric(t);
           if (e.charAt(0) === "1") {
             var i = e.substr(1, 3);
-            return W.indexOf(i) !== -1;
+            return J.indexOf(i) !== -1;
           }
           return false;
         } }, { key: "_highlightListItem", value: function(t, e) {
@@ -24779,8 +24781,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             e && (f -= v), i.scrollTop = f;
           else if (g > l) {
             e && (f += v);
-            var A = r - u;
-            i.scrollTop = f - A;
+            var w = r - u;
+            i.scrollTop = f - w;
           }
         } }, { key: "_updateDialCode", value: function(t) {
           var e = this.telInput.value, i = "+".concat(t), o;
@@ -24877,60 +24879,60 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           this.options.placeholderNumberType = t, this._updatePlaceholder();
         } }]), s;
       }();
-      L.getCountryData = function() {
+      k.getCountryData = function() {
         return p;
       };
-      var B = function(n, t, e) {
+      var K = function(n, t, e) {
         var i = document.createElement("script");
         i.onload = function() {
-          S("handleUtils"), t && t();
+          D("handleUtils"), t && t();
         }, i.onerror = function() {
-          S("rejectUtilsScriptPromise"), e && e();
+          D("rejectUtilsScriptPromise"), e && e();
         }, i.className = "iti-load-utils", i.async = true, i.src = n, document.body.appendChild(i);
       };
-      return L.loadUtils = function(s) {
+      return k.loadUtils = function(s) {
         if (!window.intlTelInputUtils && !window.intlTelInputGlobals.startedLoadingUtilsScript) {
           if (window.intlTelInputGlobals.startedLoadingUtilsScript = true, typeof Promise < "u")
             return new Promise(function(n, t) {
-              return B(s, n, t);
+              return K(s, n, t);
             });
-          B(s);
+          K(s);
         }
         return null;
-      }, L.defaults = M, L.version = "19.2.20", function(s, n) {
-        var t = new q(s, n);
+      }, k.defaults = R, k.version = "19.4.0", function(s, n) {
+        var t = new Z(s, n);
         return t._init(), s.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
       };
     }();
   });
 });
-var z = nt(R());
-var U = ({ initialValue: c, onChangeNumber: p, onChangeCountry: y, onChangeValidity: m, onChangeErrorCode: C, initOptions: N, className: F, disabled: P, onFocus: x, onBlur: k }) => {
-  let w = (0, import_react.useRef)(null), _ = (0, import_react.useRef)(null), I = () => {
-    let b = _.current.getNumber(), O = _.current.getSelectedCountryData().iso2;
-    if (p(b), y(O), _.current.isValidNumber())
+var W = st(V());
+var G = ({ initialValue: c, onChangeNumber: p, onChangeCountry: y, onChangeValidity: m, onChangeErrorCode: C, initOptions: P, className: x, disabled: O, onFocus: U, onBlur: E }) => {
+  let L = (0, import_react.useRef)(null), _ = (0, import_react.useRef)(null), S = () => {
+    let b = _.current.getNumber(), M = _.current.getSelectedCountryData().iso2;
+    if (p(b), y(M), _.current.isValidNumber())
       m(true), C(null);
     else {
-      let D = _.current.getValidationError();
-      m(false), C(D);
+      let T = _.current.getValidationError();
+      m(false), C(T);
     }
   };
   return (0, import_react.useEffect)(() => {
-    let b = w.current;
-    return _.current = (0, z.default)(w.current, N), b.addEventListener("countrychange", I), () => {
-      b.removeEventListener("countrychange", I), _.current.destroy();
+    let b = L.current;
+    return _.current = (0, W.default)(L.current, P), b.addEventListener("countrychange", S), () => {
+      b.removeEventListener("countrychange", S), _.current.destroy();
     };
-  }, []), import_react.default.createElement("input", { type: "tel", ref: w, onInput: I, defaultValue: c, className: F, disabled: P, onFocus: x, onBlur: k });
+  }, []), import_react.default.createElement("input", { type: "tel", ref: L, onInput: S, defaultValue: c, className: x, disabled: O, onFocus: U, onBlur: E });
 };
-U.propTypes = { initialValue: import_prop_types.default.string, onChangeNumber: import_prop_types.default.func, onChangeCountry: import_prop_types.default.func, onChangeValidity: import_prop_types.default.func, onChangeErrorCode: import_prop_types.default.func, initOptions: import_prop_types.default.shape({ allowDropdown: import_prop_types.default.bool, autoInsertDialCode: import_prop_types.default.bool, autoPlaceholder: import_prop_types.default.string, containerClass: import_prop_types.default.string, countrySearch: import_prop_types.default.bool, customPlaceholder: import_prop_types.default.func, dropdownContainer: import_prop_types.default.node, excludeCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), fixDropdownWidth: import_prop_types.default.bool, formatAsYouType: import_prop_types.default.bool, formatOnDisplay: import_prop_types.default.bool, geoIpLookup: import_prop_types.default.func, hiddenInput: import_prop_types.default.func, i18n: import_prop_types.default.objectOf(import_prop_types.default.string), initialCountry: import_prop_types.default.string, nationalMode: import_prop_types.default.bool, onlyCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), placeholderNumberType: import_prop_types.default.string, preferredCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), showFlags: import_prop_types.default.bool, showSelectedDialCode: import_prop_types.default.bool, useFullscreenPopup: import_prop_types.default.bool, utilsScript: import_prop_types.default.string }), className: import_prop_types.default.string, disabled: import_prop_types.default.bool, onFocus: import_prop_types.default.func, onBlur: import_prop_types.default.func };
-U.defaultProps = { initialValue: "", onChangeNumber: () => {
+G.propTypes = { initialValue: import_prop_types.default.string, onChangeNumber: import_prop_types.default.func, onChangeCountry: import_prop_types.default.func, onChangeValidity: import_prop_types.default.func, onChangeErrorCode: import_prop_types.default.func, initOptions: import_prop_types.default.shape({ allowDropdown: import_prop_types.default.bool, autoInsertDialCode: import_prop_types.default.bool, autoPlaceholder: import_prop_types.default.string, containerClass: import_prop_types.default.string, countrySearch: import_prop_types.default.bool, customPlaceholder: import_prop_types.default.func, dropdownContainer: import_prop_types.default.node, excludeCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), fixDropdownWidth: import_prop_types.default.bool, formatAsYouType: import_prop_types.default.bool, formatOnDisplay: import_prop_types.default.bool, geoIpLookup: import_prop_types.default.func, hiddenInput: import_prop_types.default.func, i18n: import_prop_types.default.objectOf(import_prop_types.default.string), initialCountry: import_prop_types.default.string, nationalMode: import_prop_types.default.bool, onlyCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), placeholderNumberType: import_prop_types.default.string, preferredCountries: import_prop_types.default.arrayOf(import_prop_types.default.string), showFlags: import_prop_types.default.bool, showSelectedDialCode: import_prop_types.default.bool, useFullscreenPopup: import_prop_types.default.bool, utilsScript: import_prop_types.default.string }), className: import_prop_types.default.string, disabled: import_prop_types.default.bool, onFocus: import_prop_types.default.func, onBlur: import_prop_types.default.func };
+G.defaultProps = { initialValue: "", onChangeNumber: () => {
 }, onChangeCountry: () => {
 }, onChangeValidity: () => {
 }, onChangeErrorCode: () => {
 }, initOptions: {}, className: "", disabled: false, onFocus: () => {
 }, onBlur: () => {
 } };
-var dt = U;
+var pt = G;
 
 // react/demo/ValidationApp.js
 var errorMap = [
@@ -24954,7 +24956,7 @@ var App = () => {
     }
   };
   return /* @__PURE__ */ import_react2.default.createElement("form", null, /* @__PURE__ */ import_react2.default.createElement(
-    dt,
+    pt,
     {
       onChangeNumber: setNumber,
       onChangeValidity: setIsValid,

package/spec.html

@@ -90,6 +90,8 @@
   
   <script src="src/spec/tests/options/geoIpLookup.js"></script>
   
+  <script src="src/spec/tests/options/hiddenInput.js"></script>
+  
   <script src="src/spec/tests/options/initialCountry.js"></script>
   
   <script src="src/spec/tests/options/nationalMode.js"></script>

package/src/js/intlTelInput.js

@@ -18,7 +18,6 @@ const defaults = {
   // whether or not to allow the dropdown
   allowDropdown: true,
   // auto insert dial code (A) on init, (B) on user selecting a country, (C) on calling setCountry
-  // also listen for blur/submit and auto remove dial code if that's all there is
   autoInsertDialCode: false,
   // add a placeholder in the input with an example number for the selected country
   autoPlaceholder: "polite",
@@ -28,6 +27,8 @@ const defaults = {
   containerClass: "",
   // modify the auto placeholder
   customPlaceholder: null,
+  // by default, initialise with the first country in the list selected (if no country set via the initial value or initialCountry option)
+  defaultToFirstCountry: true,
   // append menu to specified element
   dropdownContainer: null,
   // don't display these countries
@@ -514,17 +515,38 @@ class Iti {
 
     if (hiddenInput) {
       const telInputName = this.telInput.getAttribute("name");
-      const hiddenInputName = hiddenInput(telInputName);
+      const result = hiddenInput(telInputName);
+      const isObject = result !== null && typeof result === "object";
+
+      let hiddenInputPhoneName;
+      let hiddenInputCountryName;
+
+      if (isObject) {
+        hiddenInputPhoneName = result.phone || telInputName;
+        hiddenInputCountryName = result.country || `${hiddenInputPhoneName}_country`;
+      } else {
+        hiddenInputPhoneName = result || telInputName;
+        hiddenInputCountryName = `${hiddenInputPhoneName}_country`;
+      }
+
+      // Check if a name has been determined for the phone input field after all conditions
+      if (!hiddenInputPhoneName) {
+        return;
+      }
+
+      // Create hidden input for the full international number
       this.hiddenInput = this._createEl("input", {
         type: "hidden",
-        name: hiddenInputName
+        name: hiddenInputPhoneName
       });
-      wrapper.appendChild(this.hiddenInput);
-      // add a 2nd hidden input for the selected country code - this is useful for handling invalid numbers with server-side validation, as getNumber does not always include the international dial code for invalid numbers
+
+      // Create hidden input for the selected country code
       this.hiddenInputCountry = this._createEl("input", {
         type: "hidden",
-        name: `${hiddenInputName}_country`
+        name: hiddenInputCountryName
       });
+
+      wrapper.appendChild(this.hiddenInput);
       wrapper.appendChild(this.hiddenInputCountry);
     }
   }
@@ -582,7 +604,7 @@ class Iti {
     const val = useAttribute ? attributeValue : inputValue;
     const dialCode = this._getDialCode(val);
     const isRegionlessNanp = this._isRegionlessNanp(val);
-    const { initialCountry, autoInsertDialCode } = this.options;
+    const { initialCountry, autoInsertDialCode, defaultToFirstCountry } = this.options;
 
     // if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the
     // flag, else fall back to the default country
@@ -598,7 +620,7 @@ class Iti {
         if (dialCode && isRegionlessNanp) {
           // has intl dial code, is regionless nanp, and no initialCountry, so default to US
           this._setFlag("us");
-        } else {
+        } else if (defaultToFirstCountry) {
           // no dial code and no initialCountry, so default to first in list
           this.defaultCountry = this.preferredCountries.length
             ? this.preferredCountries[0].iso2

package/src/spec/helpers/helpers.js

@@ -50,6 +50,11 @@ var getParentElement = function(i) {
   return i.parent();
 };
 
+var getHiddenInputs = function(i) {
+  i = i || input;
+  return i.parent().find("input[type=hidden]");
+};
+
 var getDropdownContent = function(i) {
   i = i || input;
   return i.parent().find(".iti__dropdown-content");

package/src/spec/tests/options/hiddenInput.js

@@ -0,0 +1,120 @@
+"use strict";
+
+describe("hiddenInput: ", function() {
+
+  beforeEach(function() {
+    intlSetup();
+  });
+
+  afterEach(function() {
+    intlTeardown();
+  });
+
+  describe("init plugin with hiddenInput returning a string", function() {
+
+    beforeEach(function() {
+      input = $("<input>").wrap("div");
+      iti = window.intlTelInput(input[0], {
+        hiddenInput: () => "phone_full"
+      });
+    });
+
+    it("creates two hidden inputs", function() {
+      expect(getHiddenInputs()).toHaveLength(2);
+    });
+
+    it("sets the name of the first hidden input to the returned string", function() {
+      expect(getHiddenInputs().eq(0)).toHaveAttr("name", "phone_full");
+    });
+
+    it("sets the name of the second hidden input to the returned string with a '_country' suffix", function() {
+      expect(getHiddenInputs().eq(1)).toHaveAttr("name", "phone_full_country");
+    });
+  });
+
+  describe("init plugin with hiddenInput returning an object with correct properties", function() {
+
+    beforeEach(function() {
+      input = $("<input>").wrap("div");
+      iti = window.intlTelInput(input[0], {
+        hiddenInput: () => ({
+          phone: "phone_full",
+          country: "phone_country"
+        })
+      });
+    });
+
+    it("creates two hidden inputs", function() {
+      expect(getHiddenInputs()).toHaveLength(2);
+    });
+
+    it("sets the name of the first hidden input to the returned object's 'phone' property", function() {
+      expect(getHiddenInputs().eq(0)).toHaveAttr("name", "phone_full");
+    });
+
+    it("sets the name of the second hidden input to the returned object's 'country' property", function() {
+      expect(getHiddenInputs().eq(1)).toHaveAttr("name", "phone_country");
+    });
+  });
+
+  describe("init plugin with hiddenInput returning an object with incorrect properties", function() {
+
+    beforeEach(function() {
+      input = $("<input name='phone'>").wrap("div");
+      iti = window.intlTelInput(input[0], {
+        hiddenInput: () => ({
+          test: "test",
+          data: "data"
+        })
+      });
+    });
+
+    it("creates two hidden inputs", function() {
+      expect(getHiddenInputs()).toHaveLength(2);
+    });
+
+    it("sets the name of the hidden input to the name of the input", function() {
+      expect(getHiddenInputs().eq(0)).toHaveAttr("name", "phone");
+    });
+
+    it("sets the name of the second hidden input to the name of the input with a '_country' suffix", function() {
+      expect(getHiddenInputs().eq(1)).toHaveAttr("name", "phone_country");
+    });
+  });
+
+  describe("init plugin with hiddenInput returning an empty object", function() {
+
+    beforeEach(function() {
+      input = $("<input name='phone'>").wrap("div");
+      iti = window.intlTelInput(input[0], {
+        hiddenInput: () => ({})
+      });
+    });
+
+    it("creates two hidden inputs", function() {
+      expect(getHiddenInputs()).toHaveLength(2);
+    });
+
+    it("sets the name of the hidden input to the name of the input", function() {
+      expect(getHiddenInputs().eq(0)).toHaveAttr("name", "phone");
+    });
+
+    it("sets the name of the second hidden input to the name of the input with a '_country' suffix", function() {
+      expect(getHiddenInputs().eq(1)).toHaveAttr("name", "phone_country");
+    });
+  });
+
+  describe("init plugin with no name attribute set on input and hiddenInput returning an empty object", function() {
+
+    beforeEach(function() {
+      input = $("<input>").wrap("div");
+      iti = window.intlTelInput(input[0], {
+        hiddenInput: () => ({})
+      });
+    });
+
+    it("does not create any hidden inputs", function() {
+      expect(getHiddenInputs()).toHaveLength(0);
+    });
+  });
+});