intl-tel-input 19.5.3 → 19.5.5

package/react/demo/simple-bundle.js

@@ -24304,9 +24304,9 @@ var rt = (c, p, g, m) => {
   return c;
 };
 var at = (c, p, g) => (g = c != null ? X(it(c)) : {}, rt(p || !c || !c.__esModule ? V(g, "default", { value: c, enumerable: true }) : g, c));
-var H = ot((dt, F) => {
+var H = ot((dt, N) => {
   (function(c) {
-    typeof F == "object" && F.exports ? F.exports = c() : window.intlTelInput = c();
+    typeof N == "object" && N.exports ? N.exports = c() : window.intlTelInput = c();
   })(function(c) {
     "use strict";
     return function() {
@@ -24513,12 +24513,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var f = this._createEl("div", { class: v });
           this.telInput.parentNode.insertBefore(f, this.telInput);
           var I = e || o || i;
-          if (I && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, f)), f.appendChild(this.telInput), I && (this.selectedFlag = this._createEl("div", _({ 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 iti__globe" }, 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) {
+          if (I && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, f)), f.appendChild(this.telInput), I && (this.selectedFlag = this._createEl("div", _({ 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 $ = u ? "" : "iti--flexible-dropdown-width";
             if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat($) }), y && (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 && !y && (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", y && (N += " iti--country-search"), this.dropdown = this._createEl("div", { class: N }), this.dropdown.appendChild(this.dropdownContent);
+              var F = "iti iti--container";
+              h ? F += " iti--fullscreen-popup" : F += " iti--inline-dropdown", y && (F += " iti--country-search"), this.dropdown = this._createEl("div", { class: F }), this.dropdown.appendChild(this.dropdownContent);
             } else
               this.flagsContainer.appendChild(this.dropdownContent);
           }
@@ -24541,7 +24541,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             this._updateFlagFromNumber(r);
           else if (h !== "auto" || t) {
             var f = h ? h.toLowerCase() : "", I = f && this._getCountryData(f, true);
-            I ? this._setFlag(f) : s && l ? this._setFlag("us") : v && (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, r || this._setFlag(this.defaultCountry)), !r && y && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
+            I ? this._setFlag(f) : s && l ? this._setFlag("us") : v && !r ? (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, this._setFlag(this.defaultCountry)) : this._setFlag(), !r && y && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
           }
           r && this._updateValFromNumber(r);
         } }, { key: "_initListeners", value: function() {
@@ -24903,7 +24903,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           z(a);
         }
         return null;
-      }, S.defaults = K, S.version = "19.5.3", function(a, n) {
+      }, S.defaults = K, S.version = "19.5.5", function(a, n) {
         var t = new Z(a, n);
         return t._init(), a.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
       };

package/react/demo/validation-bundle.js

@@ -24304,9 +24304,9 @@ var rt = (c, p, g, m) => {
   return c;
 };
 var at = (c, p, g) => (g = c != null ? X(it(c)) : {}, rt(p || !c || !c.__esModule ? V(g, "default", { value: c, enumerable: true }) : g, c));
-var H = ot((dt, F) => {
+var H = ot((dt, N) => {
   (function(c) {
-    typeof F == "object" && F.exports ? F.exports = c() : window.intlTelInput = c();
+    typeof N == "object" && N.exports ? N.exports = c() : window.intlTelInput = c();
   })(function(c) {
     "use strict";
     return function() {
@@ -24513,12 +24513,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var f = this._createEl("div", { class: v });
           this.telInput.parentNode.insertBefore(f, this.telInput);
           var I = e || o || i;
-          if (I && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, f)), f.appendChild(this.telInput), I && (this.selectedFlag = this._createEl("div", _({ 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 iti__globe" }, 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) {
+          if (I && (this.flagsContainer = this._createEl("div", { class: "iti__flag-container" }, f)), f.appendChild(this.telInput), I && (this.selectedFlag = this._createEl("div", _({ 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 $ = u ? "" : "iti--flexible-dropdown-width";
             if (this.dropdownContent = this._createEl("div", { class: "iti__dropdown-content iti__hide ".concat($) }), y && (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 && !y && (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", y && (N += " iti--country-search"), this.dropdown = this._createEl("div", { class: N }), this.dropdown.appendChild(this.dropdownContent);
+              var F = "iti iti--container";
+              h ? F += " iti--fullscreen-popup" : F += " iti--inline-dropdown", y && (F += " iti--country-search"), this.dropdown = this._createEl("div", { class: F }), this.dropdown.appendChild(this.dropdownContent);
             } else
               this.flagsContainer.appendChild(this.dropdownContent);
           }
@@ -24541,7 +24541,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             this._updateFlagFromNumber(r);
           else if (h !== "auto" || t) {
             var f = h ? h.toLowerCase() : "", I = f && this._getCountryData(f, true);
-            I ? this._setFlag(f) : s && l ? this._setFlag("us") : v && (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, r || this._setFlag(this.defaultCountry)), !r && y && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
+            I ? this._setFlag(f) : s && l ? this._setFlag("us") : v && !r ? (this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2, this._setFlag(this.defaultCountry)) : this._setFlag(), !r && y && (this.telInput.value = "+".concat(this.selectedCountryData.dialCode));
           }
           r && this._updateValFromNumber(r);
         } }, { key: "_initListeners", value: function() {
@@ -24903,7 +24903,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           z(a);
         }
         return null;
-      }, S.defaults = K, S.version = "19.5.3", function(a, n) {
+      }, S.defaults = K, S.version = "19.5.5", function(a, n) {
         var t = new Z(a, n);
         return t._init(), a.setAttribute("data-intl-tel-input-id", t.id), window.intlTelInputGlobals.instances[t.id] = t, t;
       };

package/src/js/intlTelInput.js

@@ -436,7 +436,7 @@ class Iti {
     if (showFlags) {
       this.selectedFlagInner = this._createEl(
         "div",
-        { class: "iti__flag iti__globe" },
+        { class: "iti__flag" },
         this.selectedFlag
       );
     }
@@ -631,14 +631,15 @@ class Iti {
         if (dialCode && isRegionlessNanp) {
           // has intl dial code, is regionless nanp, and no initialCountry, so default to US
           this._setFlag("us");
-        } else if (defaultToFirstCountry) {
+        } else if (defaultToFirstCountry && !val) {
           // no dial code and no initialCountry, so default to first in list
           this.defaultCountry = this.preferredCountries.length
             ? this.preferredCountries[0].iso2
             : this.countries[0].iso2;
-          if (!val) {
-            this._setFlag(this.defaultCountry);
-          }
+          this._setFlag(this.defaultCountry);
+        } else {
+          // display the empty state (globe icon)
+          this._setFlag();
         }
       }
 

package/src/js/utils.js

@@ -129,7 +129,17 @@ const isPossibleNumber = (number, countryCode) => {
     const numberObj = phoneUtil.parseAndKeepRawInput(number, countryCode);
     // can't use phoneUtil.isPossibleNumber directly as it accepts IS_POSSIBLE_LOCAL_ONLY numbers e.g. local numbers that are much shorter
     const result = phoneUtil.isPossibleNumberWithReason(numberObj);
-    return result === i18n.phonenumbers.PhoneNumberUtil.ValidationResult.IS_POSSIBLE;
+    const isPossible = result === i18n.phonenumbers.PhoneNumberUtil.ValidationResult.IS_POSSIBLE;
+
+    // custom validation for UK mobile numbers
+    // because libphonenumber returns IS_POSSIBLE (rather than IS_POSSIBLE_LOCAL_ONLY) for 0740012 which is not possible
+    let customValidation = true;
+    const nationalNumber = numberObj.getNationalNumber().toString();
+    if (countryCode === 'gb' && nationalNumber.charAt(0) === '7') {
+      customValidation = nationalNumber.length === 10;
+    }
+
+    return isPossible && customValidation;
   } catch (e) {
     return false;
   }

package/src/spec/tests/methods/isValidNumber.js

@@ -34,10 +34,9 @@ describe("isValidNumber:", function() {
       expect(iti.isValidNumber()).toBeFalsy();
     });
 
-    // guess this is a quirk of UK phone numbers that some valid ones are only 10 digits (e.g. 0773312345)
-    it("returns true for: invalid (too short by 1 digit) intl number", function() {
+    it("returns false for: invalid (too short by 1 digit) intl number", function() {
       iti.setNumber("+44 7733 12345");
-      expect(iti.isValidNumber()).toBeTruthy();
+      expect(iti.isValidNumber()).toBeFalsy();
     });
 
     it("returns false for: invalid (too long) intl number", function() {