Fix: formatAYT when init plugin with number with ext

jackocnr · Aug 7, 2024 · e04b42c · e04b42c
1 parent ae38ebe
commit e04b42c
Show file tree

Hide file tree

Showing 13 changed files with 36 additions and 2 deletions.
diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -1997,6 +1997,9 @@ var factoryOutput = (() => {
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/build/js/intlTelInput.min.js b/build/js/intlTelInput.min.js
diff --git a/build/js/intlTelInputWithUtils.js b/build/js/intlTelInputWithUtils.js
@@ -1996,6 +1996,9 @@ var factoryOutput = (() => {
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/build/js/intlTelInputWithUtils.min.js b/build/js/intlTelInputWithUtils.min.js
diff --git a/react/build/IntlTelInput.cjs b/react/build/IntlTelInput.cjs
@@ -1992,6 +1992,9 @@ var Iti = class {
   _initTelInputListeners() {
     const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
     let userOverrideFormatting = false;
+    if (/\p{L}/u.test(this.telInput.value)) {
+      userOverrideFormatting = true;
+    }
     const openDropdownWithPlus = () => {
       this._openDropdown();
       this.searchInput.value = "+";

diff --git a/react/build/IntlTelInput.js b/react/build/IntlTelInput.js
@@ -1956,6 +1956,9 @@ var Iti = class {
   _initTelInputListeners() {
     const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
     let userOverrideFormatting = false;
+    if (/\p{L}/u.test(this.telInput.value)) {
+      userOverrideFormatting = true;
+    }
     const openDropdownWithPlus = () => {
       this._openDropdown();
       this.searchInput.value = "+";

diff --git a/react/build/IntlTelInputWithUtils.cjs b/react/build/IntlTelInputWithUtils.cjs
@@ -1992,6 +1992,9 @@ var Iti = class {
   _initTelInputListeners() {
     const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
     let userOverrideFormatting = false;
+    if (/\p{L}/u.test(this.telInput.value)) {
+      userOverrideFormatting = true;
+    }
     const openDropdownWithPlus = () => {
       this._openDropdown();
       this.searchInput.value = "+";

diff --git a/react/build/IntlTelInputWithUtils.js b/react/build/IntlTelInputWithUtils.js
@@ -1956,6 +1956,9 @@ var Iti = class {
   _initTelInputListeners() {
     const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
     let userOverrideFormatting = false;
+    if (/\p{L}/u.test(this.telInput.value)) {
+      userOverrideFormatting = true;
+    }
     const openDropdownWithPlus = () => {
       this._openDropdown();
       this.searchInput.value = "+";

diff --git a/react/demo/set-number-bundle.js b/react/demo/set-number-bundle.js
@@ -25485,6 +25485,9 @@
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/react/demo/simple-bundle.js b/react/demo/simple-bundle.js
@@ -25485,6 +25485,9 @@
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/react/demo/toggle-disabled-bundle.js b/react/demo/toggle-disabled-bundle.js
@@ -25485,6 +25485,9 @@
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/react/demo/validation-bundle.js b/react/demo/validation-bundle.js
@@ -25485,6 +25485,9 @@
     _initTelInputListeners() {
       const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
       let userOverrideFormatting = false;
+      if (/\p{L}/u.test(this.telInput.value)) {
+        userOverrideFormatting = true;
+      }
       const openDropdownWithPlus = () => {
         this._openDropdown();
         this.searchInput.value = "+";

diff --git a/src/js/intl-tel-input.ts b/src/js/intl-tel-input.ts
@@ -1203,6 +1203,10 @@ export class Iti {
   private _initTelInputListeners(): void {
     const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
     let userOverrideFormatting = false;
+    //* If the initial val contains any alpha chars (e.g. the extension separator "ext."), then set the override, as libphonenumber's AYT-formatter cannot handle alphas.
+    if (/\p{L}/u.test(this.telInput.value)) {
+      userOverrideFormatting = true;
+    }
 
     const openDropdownWithPlus = () => {
       this._openDropdown();