If theres only one country then use it

jackocnr · Aug 23, 2024 · b967582 · b967582
1 parent cf56a22
commit b967582
Show file tree

Hide file tree

Showing 15 changed files with 226 additions and 191 deletions.
diff --git a/build/js/intlTelInput.js b/build/js/intlTelInput.js
@@ -1763,6 +1763,9 @@ var factoryOutput = (() => {
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;

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
@@ -1762,6 +1762,9 @@ var factoryOutput = (() => {
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
@@ -3054,7 +3057,7 @@ var factoryOutput = (() => {
     if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
       intlTelInput.startedLoadingUtilsScript = true;
       return new Promise((resolve, reject) => {
-        import(
+        import_INTENTIONALLY_BROKEN(
           /* webpackIgnore: true */
           /* @vite-ignore */
           path

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
@@ -1758,6 +1758,9 @@ var Iti = class {
     if (this.options.useFullscreenPopup) {
       this.options.fixDropdownWidth = false;
     }
+    if (this.options.onlyCountries.length === 1) {
+      this.options.initialCountry = this.options.onlyCountries[0];
+    }
     if (this.options.separateDialCode) {
       this.options.allowDropdown = true;
       this.options.nationalMode = false;
@@ -2632,7 +2635,7 @@ var Iti = class {
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-    const inputPadding = selectedCountryWidth + 8;
+    const inputPadding = selectedCountryWidth + 6;
     if (this.showSelectedCountryOnLeft) {
       this.telInput.style.paddingLeft = `${inputPadding}px`;
     } else {

diff --git a/react/build/IntlTelInput.js b/react/build/IntlTelInput.js
@@ -1722,6 +1722,9 @@ var Iti = class {
     if (this.options.useFullscreenPopup) {
       this.options.fixDropdownWidth = false;
     }
+    if (this.options.onlyCountries.length === 1) {
+      this.options.initialCountry = this.options.onlyCountries[0];
+    }
     if (this.options.separateDialCode) {
       this.options.allowDropdown = true;
       this.options.nationalMode = false;
@@ -2596,7 +2599,7 @@ var Iti = class {
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-    const inputPadding = selectedCountryWidth + 8;
+    const inputPadding = selectedCountryWidth + 6;
     if (this.showSelectedCountryOnLeft) {
       this.telInput.style.paddingLeft = `${inputPadding}px`;
     } else {

diff --git a/react/build/IntlTelInputWithUtils.cjs b/react/build/IntlTelInputWithUtils.cjs
@@ -1758,6 +1758,9 @@ var Iti = class {
     if (this.options.useFullscreenPopup) {
       this.options.fixDropdownWidth = false;
     }
+    if (this.options.onlyCountries.length === 1) {
+      this.options.initialCountry = this.options.onlyCountries[0];
+    }
     if (this.options.separateDialCode) {
       this.options.allowDropdown = true;
       this.options.nationalMode = false;
@@ -2632,7 +2635,7 @@ var Iti = class {
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-    const inputPadding = selectedCountryWidth + 8;
+    const inputPadding = selectedCountryWidth + 6;
     if (this.showSelectedCountryOnLeft) {
       this.telInput.style.paddingLeft = `${inputPadding}px`;
     } else {

diff --git a/react/build/IntlTelInputWithUtils.js b/react/build/IntlTelInputWithUtils.js
@@ -1722,6 +1722,9 @@ var Iti = class {
     if (this.options.useFullscreenPopup) {
       this.options.fixDropdownWidth = false;
     }
+    if (this.options.onlyCountries.length === 1) {
+      this.options.initialCountry = this.options.onlyCountries[0];
+    }
     if (this.options.separateDialCode) {
       this.options.allowDropdown = true;
       this.options.nationalMode = false;
@@ -2596,7 +2599,7 @@ var Iti = class {
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-    const inputPadding = selectedCountryWidth + 8;
+    const inputPadding = selectedCountryWidth + 6;
     if (this.showSelectedCountryOnLeft) {
       this.telInput.style.paddingLeft = `${inputPadding}px`;
     } else {

diff --git a/react/demo/set-number/set-number-bundle.js b/react/demo/set-number/set-number-bundle.js
@@ -25309,6 +25309,9 @@
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
@@ -26183,7 +26186,7 @@
     //* Update the input padding to make space for the selected country/dial code.
     _updateInputPadding() {
       const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-      const inputPadding = selectedCountryWidth + 8;
+      const inputPadding = selectedCountryWidth + 6;
       if (this.showSelectedCountryOnLeft) {
         this.telInput.style.paddingLeft = `${inputPadding}px`;
       } else {

diff --git a/react/demo/simple/simple-bundle.js b/react/demo/simple/simple-bundle.js
@@ -25309,6 +25309,9 @@
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
@@ -26183,7 +26186,7 @@
     //* Update the input padding to make space for the selected country/dial code.
     _updateInputPadding() {
       const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-      const inputPadding = selectedCountryWidth + 8;
+      const inputPadding = selectedCountryWidth + 6;
       if (this.showSelectedCountryOnLeft) {
         this.telInput.style.paddingLeft = `${inputPadding}px`;
       } else {

diff --git a/react/demo/toggle-disabled/toggle-disabled-bundle.js b/react/demo/toggle-disabled/toggle-disabled-bundle.js
@@ -25309,6 +25309,9 @@
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
@@ -26183,7 +26186,7 @@
     //* Update the input padding to make space for the selected country/dial code.
     _updateInputPadding() {
       const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-      const inputPadding = selectedCountryWidth + 8;
+      const inputPadding = selectedCountryWidth + 6;
       if (this.showSelectedCountryOnLeft) {
         this.telInput.style.paddingLeft = `${inputPadding}px`;
       } else {

diff --git a/react/demo/validation/validation-bundle.js b/react/demo/validation/validation-bundle.js
@@ -25309,6 +25309,9 @@
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
         this.options.allowDropdown = true;
         this.options.nationalMode = false;
@@ -26183,7 +26186,7 @@
     //* Update the input padding to make space for the selected country/dial code.
     _updateInputPadding() {
       const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-      const inputPadding = selectedCountryWidth + 8;
+      const inputPadding = selectedCountryWidth + 6;
       if (this.showSelectedCountryOnLeft) {
         this.telInput.style.paddingLeft = `${inputPadding}px`;
       } else {

diff --git a/src/js/intl-tel-input.ts b/src/js/intl-tel-input.ts
@@ -300,6 +300,11 @@ export class Iti {
       this.options.fixDropdownWidth = false;
     }
 
+    //* If theres only one country, then use it!
+    if (this.options.onlyCountries.length === 1) {
+      this.options.initialCountry = this.options.onlyCountries[0];
+    }
+
     //* When separateDialCode enabled, we force nationalMode to false (because the displayed dial code is supposed to be thought of as part of the typed number), AND we force allowDropdown to true as we need the dropdown to select the dial code, AND we force countrySearch to true because that is used when the user types a plus in the tel input.
     if (this.options.separateDialCode) {
       this.options.allowDropdown = true;

diff --git a/vue/build/IntlTelInput.mjs b/vue/build/IntlTelInput.mjs
@@ -1680,7 +1680,7 @@ class j {
   }
   //* Can't be private as it's called from intlTelInput convenience wrapper.
   _init() {
-    this.options.useFullscreenPopup && (this.options.fixDropdownWidth = !1), this.options.separateDialCode && (this.options.allowDropdown = !0, this.options.nationalMode = !1, this.options.countrySearch = !0), this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode && (this.options.nationalMode = !1), this.options.useFullscreenPopup && !this.options.dropdownContainer && (this.options.dropdownContainer = document.body), this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...A, ...this.options.i18n };
+    this.options.useFullscreenPopup && (this.options.fixDropdownWidth = !1), this.options.onlyCountries.length === 1 && (this.options.initialCountry = this.options.onlyCountries[0]), this.options.separateDialCode && (this.options.allowDropdown = !0, this.options.nationalMode = !1, this.options.countrySearch = !0), this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode && (this.options.nationalMode = !1), this.options.useFullscreenPopup && !this.options.dropdownContainer && (this.options.dropdownContainer = document.body), this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...A, ...this.options.i18n };
     const t = new Promise((i, s) => {
       this.resolveAutoCountryPromise = i, this.rejectAutoCountryPromise = s;
     }), e = new Promise((i, s) => {
@@ -2170,7 +2170,7 @@ class j {
   }
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
-    const e = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth()) + 8;
+    const e = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth()) + 6;
     this.showSelectedCountryOnLeft ? this.telInput.style.paddingLeft = `${e}px` : this.telInput.style.paddingRight = `${e}px`;
   }
   //* Update the maximum valid number length for the currently selected country.