intl-tel-input 25.15.0 → 26.0.0-beta.1

package/build/js/intlTelInput.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v25.15.0
+ * International Telephone Input v26.0.0-beta.1
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -1740,273 +1740,6 @@ var factoryOutput = (() => {
   }
   var data_default = allCountries;
 
-  // src/js/intl-tel-input/i18n/en/countries.ts
-  var countryTranslations = {
-    ad: "Andorra",
-    ae: "United Arab Emirates",
-    af: "Afghanistan",
-    ag: "Antigua & Barbuda",
-    ai: "Anguilla",
-    al: "Albania",
-    am: "Armenia",
-    ao: "Angola",
-    ar: "Argentina",
-    as: "American Samoa",
-    at: "Austria",
-    au: "Australia",
-    aw: "Aruba",
-    ax: "\xC5land Islands",
-    az: "Azerbaijan",
-    ba: "Bosnia & Herzegovina",
-    bb: "Barbados",
-    bd: "Bangladesh",
-    be: "Belgium",
-    bf: "Burkina Faso",
-    bg: "Bulgaria",
-    bh: "Bahrain",
-    bi: "Burundi",
-    bj: "Benin",
-    bl: "St. Barth\xE9lemy",
-    bm: "Bermuda",
-    bn: "Brunei",
-    bo: "Bolivia",
-    bq: "Caribbean Netherlands",
-    br: "Brazil",
-    bs: "Bahamas",
-    bt: "Bhutan",
-    bw: "Botswana",
-    by: "Belarus",
-    bz: "Belize",
-    ca: "Canada",
-    cc: "Cocos (Keeling) Islands",
-    cd: "Congo - Kinshasa",
-    cf: "Central African Republic",
-    cg: "Congo - Brazzaville",
-    ch: "Switzerland",
-    ci: "C\xF4te d\u2019Ivoire",
-    ck: "Cook Islands",
-    cl: "Chile",
-    cm: "Cameroon",
-    cn: "China",
-    co: "Colombia",
-    cr: "Costa Rica",
-    cu: "Cuba",
-    cv: "Cape Verde",
-    cw: "Cura\xE7ao",
-    cx: "Christmas Island",
-    cy: "Cyprus",
-    cz: "Czechia",
-    de: "Germany",
-    dj: "Djibouti",
-    dk: "Denmark",
-    dm: "Dominica",
-    do: "Dominican Republic",
-    dz: "Algeria",
-    ec: "Ecuador",
-    ee: "Estonia",
-    eg: "Egypt",
-    eh: "Western Sahara",
-    er: "Eritrea",
-    es: "Spain",
-    et: "Ethiopia",
-    fi: "Finland",
-    fj: "Fiji",
-    fk: "Falkland Islands",
-    fm: "Micronesia",
-    fo: "Faroe Islands",
-    fr: "France",
-    ga: "Gabon",
-    gb: "United Kingdom",
-    gd: "Grenada",
-    ge: "Georgia",
-    gf: "French Guiana",
-    gg: "Guernsey",
-    gh: "Ghana",
-    gi: "Gibraltar",
-    gl: "Greenland",
-    gm: "Gambia",
-    gn: "Guinea",
-    gp: "Guadeloupe",
-    gq: "Equatorial Guinea",
-    gr: "Greece",
-    gt: "Guatemala",
-    gu: "Guam",
-    gw: "Guinea-Bissau",
-    gy: "Guyana",
-    hk: "Hong Kong SAR China",
-    hn: "Honduras",
-    hr: "Croatia",
-    ht: "Haiti",
-    hu: "Hungary",
-    id: "Indonesia",
-    ie: "Ireland",
-    il: "Israel",
-    im: "Isle of Man",
-    in: "India",
-    io: "British Indian Ocean Territory",
-    iq: "Iraq",
-    ir: "Iran",
-    is: "Iceland",
-    it: "Italy",
-    je: "Jersey",
-    jm: "Jamaica",
-    jo: "Jordan",
-    jp: "Japan",
-    ke: "Kenya",
-    kg: "Kyrgyzstan",
-    kh: "Cambodia",
-    ki: "Kiribati",
-    km: "Comoros",
-    kn: "St. Kitts & Nevis",
-    kp: "North Korea",
-    kr: "South Korea",
-    kw: "Kuwait",
-    ky: "Cayman Islands",
-    kz: "Kazakhstan",
-    la: "Laos",
-    lb: "Lebanon",
-    lc: "St. Lucia",
-    li: "Liechtenstein",
-    lk: "Sri Lanka",
-    lr: "Liberia",
-    ls: "Lesotho",
-    lt: "Lithuania",
-    lu: "Luxembourg",
-    lv: "Latvia",
-    ly: "Libya",
-    ma: "Morocco",
-    mc: "Monaco",
-    md: "Moldova",
-    me: "Montenegro",
-    mf: "St. Martin",
-    mg: "Madagascar",
-    mh: "Marshall Islands",
-    mk: "North Macedonia",
-    ml: "Mali",
-    mm: "Myanmar (Burma)",
-    mn: "Mongolia",
-    mo: "Macao SAR China",
-    mp: "Northern Mariana Islands",
-    mq: "Martinique",
-    mr: "Mauritania",
-    ms: "Montserrat",
-    mt: "Malta",
-    mu: "Mauritius",
-    mv: "Maldives",
-    mw: "Malawi",
-    mx: "Mexico",
-    my: "Malaysia",
-    mz: "Mozambique",
-    na: "Namibia",
-    nc: "New Caledonia",
-    ne: "Niger",
-    nf: "Norfolk Island",
-    ng: "Nigeria",
-    ni: "Nicaragua",
-    nl: "Netherlands",
-    no: "Norway",
-    np: "Nepal",
-    nr: "Nauru",
-    nu: "Niue",
-    nz: "New Zealand",
-    om: "Oman",
-    pa: "Panama",
-    pe: "Peru",
-    pf: "French Polynesia",
-    pg: "Papua New Guinea",
-    ph: "Philippines",
-    pk: "Pakistan",
-    pl: "Poland",
-    pm: "St. Pierre & Miquelon",
-    pr: "Puerto Rico",
-    ps: "Palestinian Territories",
-    pt: "Portugal",
-    pw: "Palau",
-    py: "Paraguay",
-    qa: "Qatar",
-    re: "R\xE9union",
-    ro: "Romania",
-    rs: "Serbia",
-    ru: "Russia",
-    rw: "Rwanda",
-    sa: "Saudi Arabia",
-    sb: "Solomon Islands",
-    sc: "Seychelles",
-    sd: "Sudan",
-    se: "Sweden",
-    sg: "Singapore",
-    sh: "St. Helena",
-    si: "Slovenia",
-    sj: "Svalbard & Jan Mayen",
-    sk: "Slovakia",
-    sl: "Sierra Leone",
-    sm: "San Marino",
-    sn: "Senegal",
-    so: "Somalia",
-    sr: "Suriname",
-    ss: "South Sudan",
-    st: "S\xE3o Tom\xE9 & Pr\xEDncipe",
-    sv: "El Salvador",
-    sx: "Sint Maarten",
-    sy: "Syria",
-    sz: "Eswatini",
-    tc: "Turks & Caicos Islands",
-    td: "Chad",
-    tg: "Togo",
-    th: "Thailand",
-    tj: "Tajikistan",
-    tk: "Tokelau",
-    tl: "Timor-Leste",
-    tm: "Turkmenistan",
-    tn: "Tunisia",
-    to: "Tonga",
-    tr: "Turkey",
-    tt: "Trinidad & Tobago",
-    tv: "Tuvalu",
-    tw: "Taiwan",
-    tz: "Tanzania",
-    ua: "Ukraine",
-    ug: "Uganda",
-    us: "United States",
-    uy: "Uruguay",
-    uz: "Uzbekistan",
-    va: "Vatican City",
-    vc: "St. Vincent & Grenadines",
-    ve: "Venezuela",
-    vg: "British Virgin Islands",
-    vi: "U.S. Virgin Islands",
-    vn: "Vietnam",
-    vu: "Vanuatu",
-    wf: "Wallis & Futuna",
-    ws: "Samoa",
-    ye: "Yemen",
-    yt: "Mayotte",
-    za: "South Africa",
-    zm: "Zambia",
-    zw: "Zimbabwe"
-  };
-  var countries_default = countryTranslations;
-
-  // src/js/intl-tel-input/i18n/en/interface.ts
-  var interfaceTranslations = {
-    selectedCountryAriaLabel: "Change country, selected ${countryName} (${dialCode})",
-    noCountrySelected: "Select country",
-    countryListAriaLabel: "List of countries",
-    searchPlaceholder: "Search",
-    clearSearchAriaLabel: "Clear search",
-    zeroSearchResults: "No results found",
-    oneSearchResult: "1 result found",
-    multipleSearchResults: "${count} results found",
-    // additional countries (not supported by country-list library)
-    ac: "Ascension Island",
-    xk: "Kosovo"
-  };
-  var interface_default = interfaceTranslations;
-
-  // src/js/intl-tel-input/i18n/en/index.ts
-  var allTranslations = { ...countries_default, ...interface_default };
-  var en_default = allTranslations;
-
   // src/js/modules/constants.ts
   var EVENTS = {
     OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
@@ -2106,29 +1839,50 @@ var factoryOutput = (() => {
     MODAL: "aria-modal"
   };
 
+  // src/js/intl-tel-input/i18n/en/index.ts
+  var interfaceTranslations = {
+    selectedCountryAriaLabel: "Change country, selected ${countryName} (${dialCode})",
+    noCountrySelected: "Select country",
+    countryListAriaLabel: "List of countries",
+    searchPlaceholder: "Search",
+    clearSearchAriaLabel: "Clear search",
+    searchEmptyState: "No results found",
+    searchSummaryAria(count) {
+      if (count === 0) {
+        return "No results found";
+      }
+      if (count === 1) {
+        return "1 result found";
+      }
+      return `${count} results found`;
+    }
+  };
+  var en_default = interfaceTranslations;
+
   // src/js/modules/core/options.ts
   var mq = (q) => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(q).matches;
   var computeDefaultUseFullscreenPopup = () => {
     if (typeof navigator !== "undefined" && typeof window !== "undefined") {
-      const isMobileUserAgent = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-        navigator.userAgent
-      );
       const isNarrowViewport = mq("(max-width: 500px)");
       const isShortViewport = mq("(max-height: 600px)");
       const isCoarsePointer = mq("(pointer: coarse)");
-      return isMobileUserAgent || isNarrowViewport || isCoarsePointer && isShortViewport;
+      return isNarrowViewport || isCoarsePointer && isShortViewport;
     }
     return false;
   };
   var defaults = {
-    // Allow alphanumeric "phonewords" (e.g. +1 800 FLOWERS) as valid numbers
-    allowPhonewords: false,
     //* Whether or not to allow the dropdown.
     allowDropdown: true,
+    //* Whether or not to allow extensions after the main number.
+    allowNumberExtensions: false,
+    // Allow alphanumeric "phonewords" (e.g. +1 800 FLOWERS) as valid numbers
+    allowPhonewords: false,
     //* Add a placeholder in the input with an example number for the selected country.
     autoPlaceholder: PLACEHOLDER_MODES.POLITE,
     //* Modify the parentClass.
     containerClass: "",
+    //* Locale for localising country names via Intl.DisplayNames.
+    countryNameLocale: "en",
     //* The order of the countries in the dropdown. Defaults to alphabetical.
     countryOrder: null,
     //* Add a country search input at the top of the dropdown.
@@ -2170,9 +1924,9 @@ var factoryOutput = (() => {
     //* Use full screen popup instead of dropdown for country list.
     useFullscreenPopup: computeDefaultUseFullscreenPopup(),
     //* The number type to enforce during validation.
-    validationNumberTypes: ["MOBILE"]
+    allowedNumberTypes: ["MOBILE", "FIXED_LINE"]
   };
-  var applyOptionSideEffects = (o, defaultEnglishStrings) => {
+  var applyOptionSideEffects = (o) => {
     if (o.useFullscreenPopup) {
       o.fixDropdownWidth = false;
     }
@@ -2188,7 +1942,7 @@ var factoryOutput = (() => {
     if (o.useFullscreenPopup && !o.dropdownContainer) {
       o.dropdownContainer = document.body;
     }
-    o.i18n = { ...defaultEnglishStrings, ...o.i18n };
+    o.i18n = { ...en_default, ...o.i18n };
   };
 
   // src/js/modules/utils/string.ts
@@ -2272,6 +2026,11 @@ var factoryOutput = (() => {
       <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${maskId})" />
     </svg>`;
   };
+  var buildGlobeIcon = () => `
+  <svg width="256" height="256" viewBox="0 0 512 512" class="iti__globe-svg">
+    <path d="M508 213a240 240 0 0 0-449-87l-2 5-2 5c-8 14-13 30-17 46a65 65 0 0 1 56 4c16-10 35-19 56-27l9-3c-6 23-10 48-10 74h-16l4 6c3 4 5 8 6 13h6c0 22 3 44 8 65l2 10-25-10-4 5 12 18 9 3 6 2 8 3 9 26 1 2 16-7h1l-5-13-1-2c24 6 49 9 75 10v26l11 10 7 7v-30l1-13c22 0 44-3 65-8l10-2-21 48-1 1a317 317 0 0 1-14 23l-21 5h-2c6 16 7 33 1 50a240 240 0 0 0 211-265m-401-56-11 6c19-44 54-79 98-98-11 20-21 44-29 69-21 6-40 15-58 23m154 182v4c-29-1-57-6-81-13-7-25-12-52-13-81h94zm0-109h-94c1-29 6-56 13-81 24-7 52-12 81-13zm0-112c-22 1-44 4-65 8l-10 2 12-30 9-17 1-2a332 332 0 0 1 13-23c13-4 26-6 40-7zm187 69 6 4c4 12 6 25 6 38v1h-68c-1-26-4-51-10-74l48 20 1 1 14 8zm-14-44 10 20c-20-11-43-21-68-29-8-25-18-49-29-69 37 16 67 44 87 78M279 49h1c13 1 27 3 39 7l14 23 1 2a343 343 0 0 1 12 26l2 5 6 16c-23-6-48-9-74-10h-1zm0 87h1c29 1 56 6 81 13 7 24 12 51 12 80v1h-94zm2 207h-2v-94h95c-1 29-6 56-13 81-24 7-51 12-80 13m86 60-20 10c11-20 21-43 29-68 25-8 48-18 68-29-16 37-43 67-77 87m87-115-7 5-16 9-2 1a337 337 0 0 1-47 21c6-24 9-49 10-75h68c0 13-2 27-6 39"/>
+    <path d="m261 428-2-2-22-21a40 40 0 0 0-32-11h-1a37 37 0 0 0-18 8l-1 1-4 2-2 2-5 4c-9-3-36-31-47-44s-32-45-34-55l3-2a151 151 0 0 0 11-9v-1a39 39 0 0 0 5-48l-3-3-11-19-3-4-5-7h-1l-3-3-4-3-5-2a35 35 0 0 0-16-3h-5c-4 1-14 5-24 11l-4 2-4 3-4 2c-9 8-17 17-18 27a380 380 0 0 0 212 259h3c12 0 25-10 36-21l10-12 6-11a39 39 0 0 0-8-40"/>
+  </svg>`;
 
   // src/js/modules/core/ui.ts
   var UI = class {
@@ -2291,19 +2050,13 @@ var factoryOutput = (() => {
     //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
     generateMarkup(countries) {
       this.countries = countries;
-      this._prepareTelInput();
+      this.telInput.classList.add("iti__tel-input");
       const wrapper = this._createWrapperAndInsert();
       this._maybeBuildCountryContainer(wrapper);
       wrapper.appendChild(this.telInput);
       this._maybeUpdateInputPaddingAndReveal();
       this._maybeBuildHiddenInputs(wrapper);
     }
-    _prepareTelInput() {
-      this.telInput.classList.add("iti__tel-input");
-      if (!this.telInput.hasAttribute("autocomplete") && !this.telInput.form?.hasAttribute("autocomplete")) {
-        this.telInput.setAttribute("autocomplete", "off");
-      }
-    }
     _createWrapperAndInsert() {
       const { allowDropdown, showFlags, containerClass, useFullscreenPopup } = this.options;
       const parentClasses = buildClassNames({
@@ -2490,7 +2243,7 @@ var factoryOutput = (() => {
         },
         this.dropdownContent
       );
-      this.searchNoResults.textContent = i18n.zeroSearchResults;
+      this.searchNoResults.textContent = i18n.searchEmptyState;
     }
     _maybeUpdateInputPaddingAndReveal() {
       if (this.countryContainer) {
@@ -2607,22 +2360,7 @@ var factoryOutput = (() => {
     updateSearchResultsA11yText() {
       const { i18n } = this.options;
       const count = this.countryList.childElementCount;
-      let searchText;
-      if (count === 0) {
-        searchText = i18n.zeroSearchResults;
-      } else {
-        if (i18n.searchResultsText) {
-          searchText = i18n.searchResultsText(count);
-        } else if (count === 1) {
-          searchText = i18n.oneSearchResult;
-        } else {
-          searchText = i18n.multipleSearchResults.replace(
-            "${count}",
-            count.toString()
-          );
-        }
-      }
-      this.searchResultsA11yText.textContent = searchText;
+      this.searchResultsA11yText.textContent = i18n.searchSummaryAria(count);
     }
     //* Check if an element is visible within it's container, else scroll until it is.
     scrollTo(element) {
@@ -2754,12 +2492,14 @@ var factoryOutput = (() => {
     }
     return data_default;
   };
-  var translateCountryNames = (countries, options) => {
+  var generateCountryNames = (countries, options) => {
+    const { countryNameLocale, i18n } = options;
+    const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
+    const displayNames = hasDisplayNames ? new Intl.DisplayNames(countryNameLocale, {
+      type: "region"
+    }) : null;
     for (const c of countries) {
-      const iso2 = c.iso2.toLowerCase();
-      if (options.i18n[iso2]) {
-        c.name = options.i18n[iso2];
-      }
+      c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase());
     }
   };
   var processDialCodes = (countries) => {
@@ -2839,11 +2579,11 @@ var factoryOutput = (() => {
   };
 
   // src/js/modules/format/formatting.ts
-  var beforeSetNumber = (fullNumber, dialCode, separateDialCode, selectedCountryData) => {
+  var beforeSetNumber = (fullNumber, hasValidDialCode, separateDialCode, selectedCountryData) => {
     let number = fullNumber;
     if (separateDialCode) {
-      if (dialCode) {
-        dialCode = `+${selectedCountryData.dialCode}`;
+      if (hasValidDialCode) {
+        const dialCode = `+${selectedCountryData.dialCode}`;
         const start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;
         number = number.substring(start);
       }
@@ -2910,9 +2650,6 @@ var factoryOutput = (() => {
   };
 
   // src/js/intl-tel-input.ts
-  for (const c of data_default) {
-    c.name = en_default[c.iso2];
-  }
   var id = 0;
   var iso2Set = new Set(data_default.map((c) => c.iso2));
   var isIso2 = (val) => iso2Set.has(val);
@@ -2920,7 +2657,7 @@ var factoryOutput = (() => {
     constructor(input, customOptions = {}) {
       this.id = id++;
       this.options = { ...defaults, ...customOptions };
-      applyOptionSideEffects(this.options, en_default);
+      applyOptionSideEffects(this.options);
       this.ui = new UI(input, this.options, this.id);
       this.isAndroid = _Iti._getIsAndroid();
       this.promise = this._createInitPromises();
@@ -3002,7 +2739,7 @@ var factoryOutput = (() => {
     //********************
     //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
     _processCountryData() {
-      translateCountryNames(this.countries, this.options);
+      generateCountryNames(this.countries, this.options);
       sortCountries(this.countries, this.options);
       cacheSearchTokens(this.countries);
     }
@@ -3225,7 +2962,7 @@ var factoryOutput = (() => {
             inputValue,
             intlTelInput.utils,
             this.selectedCountryData,
-            this.options.separateDialCode
+            separateDialCode
           );
           const newCaretPos = translateCursorPosition(
             relevantCharsBeforeCaret,
@@ -3236,6 +2973,10 @@ var factoryOutput = (() => {
           this._setTelInputValue(formattedValue);
           this.ui.telInput.setSelectionRange(newCaretPos, newCaretPos);
         }
+        if (separateDialCode && inputValue.startsWith("+") && this.selectedCountryData.dialCode) {
+          const cleanNumber = beforeSetNumber(inputValue, true, separateDialCode, this.selectedCountryData);
+          this._setTelInputValue(cleanNumber);
+        }
       };
       this.ui.telInput.addEventListener(
         "input",
@@ -3669,18 +3410,21 @@ var factoryOutput = (() => {
       }
       if (this.ui.selectedCountry) {
         const flagClass = iso2 && showFlags ? `${CLASSES.FLAG} iti__${iso2}` : `${CLASSES.FLAG} ${CLASSES.GLOBE}`;
-        let ariaLabel, title;
+        let ariaLabel, title, selectedCountryInner;
         if (iso2) {
           const { name, dialCode } = this.selectedCountryData;
           title = name;
           ariaLabel = i18n.selectedCountryAriaLabel.replace("${countryName}", name).replace("${dialCode}", `+${dialCode}`);
+          selectedCountryInner = "";
         } else {
           title = i18n.noCountrySelected;
           ariaLabel = i18n.noCountrySelected;
+          selectedCountryInner = buildGlobeIcon();
         }
         this.ui.selectedCountryInner.className = flagClass;
         this.ui.selectedCountry.setAttribute("title", title);
         this.ui.selectedCountry.setAttribute(ARIA.LABEL, ariaLabel);
+        this.ui.selectedCountryInner.innerHTML = selectedCountryInner;
       }
       if (separateDialCode) {
         const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
@@ -3693,7 +3437,7 @@ var factoryOutput = (() => {
     }
     //* Update the maximum valid number length for the currently selected country.
     _updateMaxLength() {
-      const { strictMode, placeholderNumberType, validationNumberTypes } = this.options;
+      const { strictMode, placeholderNumberType, allowedNumberTypes } = this.options;
       const { iso2 } = this.selectedCountryData;
       if (strictMode && intlTelInput.utils) {
         if (iso2) {
@@ -3708,7 +3452,7 @@ var factoryOutput = (() => {
           while (intlTelInput.utils.isPossibleNumber(
             exampleNumber,
             iso2,
-            validationNumberTypes
+            allowedNumberTypes
           )) {
             validNumber = exampleNumber;
             exampleNumber += "0";
@@ -3847,10 +3591,10 @@ var factoryOutput = (() => {
     }
     //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
     _beforeSetNumber(fullNumber) {
-      const dialCode = this._getDialCode(fullNumber);
+      const hasValidDialCode = Boolean(this._getDialCode(fullNumber));
       const number = beforeSetNumber(
         fullNumber,
-        dialCode,
+        hasValidDialCode,
         this.options.separateDialCode,
         this.selectedCountryData
       );
@@ -3974,7 +3718,7 @@ var factoryOutput = (() => {
       return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(
         val,
         this.selectedCountryData.iso2,
-        this.options.validationNumberTypes
+        this.options.allowedNumberTypes
       ) : null;
     }
     //* Shared internal validation logic to handle alpha character extension rules.
@@ -3985,23 +3729,29 @@ var factoryOutput = (() => {
       if (!this.selectedCountryData.iso2) {
         return false;
       }
+      const { allowNumberExtensions, allowPhonewords } = this.options;
       const testValidity = (s) => precise ? this._utilsIsValidNumber(s) : this._utilsIsPossibleNumber(s);
       const val = this._getFullNumber();
+      if (!testValidity(val)) {
+        return false;
+      }
       const alphaCharPosition = val.search(REGEX.ALPHA_UNICODE);
       const hasAlphaChar = alphaCharPosition > -1;
-      if (hasAlphaChar && !this.options.allowPhonewords) {
-        const beforeAlphaChar = val.substring(0, alphaCharPosition);
-        const beforeAlphaIsValid = testValidity(beforeAlphaChar);
-        const isValid = testValidity(val);
-        return beforeAlphaIsValid && isValid;
+      if (hasAlphaChar) {
+        const selectedIso2 = this.selectedCountryData.iso2;
+        const hasExtension = Boolean(intlTelInput.utils.getExtension(val, selectedIso2));
+        if (hasExtension) {
+          return allowNumberExtensions;
+        }
+        return allowPhonewords;
       }
-      return testValidity(val);
+      return true;
     }
     _utilsIsValidNumber(val) {
       return intlTelInput.utils ? intlTelInput.utils.isValidNumber(
         val,
         this.selectedCountryData.iso2,
-        this.options.validationNumberTypes
+        this.options.allowedNumberTypes
       ) : null;
     }
     //* Update the selected country, and update the input val accordingly.
@@ -4111,7 +3861,7 @@ var factoryOutput = (() => {
       attachUtils,
       startedLoadingUtilsScript: false,
       startedLoadingAutoCountry: false,
-      version: "25.15.0"
+      version: "26.0.0-beta.1"
     }
   );
   var intl_tel_input_default = intlTelInput;