intl-tel-input 27.1.0 → 27.1.2

package/dist/js/intlTelInput.mjs

@@ -10,11 +10,12 @@ var rawCountryData = [
   ],
   [
     "ax",
-    // Åland Islands
+    // Åland Islands (AKA Aland Islands)
     "358",
     1,
     ["18", "4"],
     // (4 is a mobile range shared with FI)
+    // NOTE: https://en.wikipedia.org/wiki/Telephone%20numbers%20in%20%C3%85land says some 4XXX ranges (e.g. 4570) are specific to AX, but LPN doesn't respect this (https://libphonenumber.appspot.com/phonenumberparser?number=%2B3584570123456 says region=FI) so we won't either. Also it's too much of a maintenance burden to keep track of. Keep the 4 area code range here so that if the user selects AX and types this kind of number, we wont change the flag to FI. Whereas if they type a FI-only range then we will.
     "0"
   ],
   [
@@ -3602,6 +3603,9 @@ var Iti = class _Iti {
           this.#updateSelectedCountry(US.ISO2);
         }
       } else {
+        if (isValidInitialCountry) {
+          this.#updateSelectedCountry(resolvedInitialCountry);
+        }
         this.#updateCountryFromNumber(value);
       }
     } else if (isValidInitialCountry) {
@@ -3684,6 +3688,14 @@ var Iti = class _Iti {
     this.#openDropdown();
     this.#ui.prefillSearchWithPlus();
   }
+  //* Delete the character just typed (the one immediately before the caret). Used by Android workarounds where we can't preventDefault on keydown.
+  #removeJustTypedChar(inputValue) {
+    const currentCaretPos = this.#ui.telInputEl.selectionStart || 0;
+    const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
+    const valueAfterCaret = inputValue.substring(currentCaretPos);
+    this.#setTelInputValue(valueBeforeCaret + valueAfterCaret);
+    return currentCaretPos - 1;
+  }
   //* Initialize the tel input listeners.
   #bindAllTelInputListeners() {
     this.#bindInputListener();
@@ -3708,13 +3720,20 @@ var Iti = class _Iti {
       }
       const inputValue = this.#getTelInputValue();
       if (this.#isAndroid && e?.data === "+" && separateDialCode && allowDropdown && countrySearch) {
-        const currentCaretPos = this.#ui.telInputEl.selectionStart || 0;
-        const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
-        const valueAfterCaret = inputValue.substring(currentCaretPos);
-        this.#setTelInputValue(valueBeforeCaret + valueAfterCaret);
+        this.#removeJustTypedChar(inputValue);
         this.#openDropdownWithPlus();
         return;
       }
+      if (this.#isAndroid && strictMode && (e?.data === " " || e?.data === "-" || e?.data === ".")) {
+        const newCaretPos = this.#removeJustTypedChar(inputValue);
+        this.#ui.telInputEl.setSelectionRange(newCaretPos, newCaretPos);
+        this.#dispatchEvent(EVENTS.STRICT_REJECT, {
+          source: "key",
+          rejectedInput: e.data,
+          reason: "invalid"
+        });
+        return;
+      }
       if (this.#updateCountryFromNumber(inputValue)) {
         this.#dispatchCountryChangeEvent();
       }
@@ -4487,7 +4506,7 @@ var attachUtils = (source) => {
     } else {
       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}`
+          `The argument passed to attachUtils must be a function that returns a promise for the utils module, not ${typeof source}`
         )
       );
     }
@@ -4532,7 +4551,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "27.1.0"
+    version: "27.1.2"
   }
 );
 var intlTelInput_default = intlTelInput;

package/dist/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v27.1.0
+ * International Telephone Input v27.1.2
  * git+https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -41,11 +41,12 @@ var _factory = (() => {
     ],
     [
       "ax",
-      // Åland Islands
+      // Åland Islands (AKA Aland Islands)
       "358",
       1,
       ["18", "4"],
       // (4 is a mobile range shared with FI)
+      // NOTE: https://en.wikipedia.org/wiki/Telephone%20numbers%20in%20%C3%85land says some 4XXX ranges (e.g. 4570) are specific to AX, but LPN doesn't respect this (https://libphonenumber.appspot.com/phonenumberparser?number=%2B3584570123456 says region=FI) so we won't either. Also it's too much of a maintenance burden to keep track of. Keep the 4 area code range here so that if the user selects AX and types this kind of number, we wont change the flag to FI. Whereas if they type a FI-only range then we will.
       "0"
     ],
     [
@@ -3633,6 +3634,9 @@ var _factory = (() => {
             this.#updateSelectedCountry(US.ISO2);
           }
         } else {
+          if (isValidInitialCountry) {
+            this.#updateSelectedCountry(resolvedInitialCountry);
+          }
           this.#updateCountryFromNumber(value);
         }
       } else if (isValidInitialCountry) {
@@ -3715,6 +3719,14 @@ var _factory = (() => {
       this.#openDropdown();
       this.#ui.prefillSearchWithPlus();
     }
+    //* Delete the character just typed (the one immediately before the caret). Used by Android workarounds where we can't preventDefault on keydown.
+    #removeJustTypedChar(inputValue) {
+      const currentCaretPos = this.#ui.telInputEl.selectionStart || 0;
+      const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
+      const valueAfterCaret = inputValue.substring(currentCaretPos);
+      this.#setTelInputValue(valueBeforeCaret + valueAfterCaret);
+      return currentCaretPos - 1;
+    }
     //* Initialize the tel input listeners.
     #bindAllTelInputListeners() {
       this.#bindInputListener();
@@ -3739,13 +3751,20 @@ var _factory = (() => {
         }
         const inputValue = this.#getTelInputValue();
         if (this.#isAndroid && e?.data === "+" && separateDialCode && allowDropdown && countrySearch) {
-          const currentCaretPos = this.#ui.telInputEl.selectionStart || 0;
-          const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
-          const valueAfterCaret = inputValue.substring(currentCaretPos);
-          this.#setTelInputValue(valueBeforeCaret + valueAfterCaret);
+          this.#removeJustTypedChar(inputValue);
           this.#openDropdownWithPlus();
           return;
         }
+        if (this.#isAndroid && strictMode && (e?.data === " " || e?.data === "-" || e?.data === ".")) {
+          const newCaretPos = this.#removeJustTypedChar(inputValue);
+          this.#ui.telInputEl.setSelectionRange(newCaretPos, newCaretPos);
+          this.#dispatchEvent(EVENTS.STRICT_REJECT, {
+            source: "key",
+            rejectedInput: e.data,
+            reason: "invalid"
+          });
+          return;
+        }
         if (this.#updateCountryFromNumber(inputValue)) {
           this.#dispatchCountryChangeEvent();
         }
@@ -4518,7 +4537,7 @@ var _factory = (() => {
       } else {
         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}`
+            `The argument passed to attachUtils must be a function that returns a promise for the utils module, not ${typeof source}`
           )
         );
       }
@@ -4563,7 +4582,7 @@ var _factory = (() => {
       attachUtils,
       startedLoadingUtils: false,
       startedLoadingAutoCountry: false,
-      version: "27.1.0"
+      version: "27.1.2"
     }
   );
   var intlTelInput_default = intlTelInput;