intl-tel-input 19.5.6 → 19.5.7

package/src/js/intlTelInput.js

@@ -816,7 +816,9 @@ class Iti {
       }
 
       // if user types their own formatting char (not a plus or a numeric), then set the override
-      if (e && e.data && /[^+0-9]/.test(e.data)) {
+      const isFormattingChar = e && e.data && /[^+0-9]/.test(e.data);
+      const isPaste = e && e.inputType === "insertFromPaste" && this.telInput.value;
+      if (isFormattingChar || isPaste) {
         userOverrideFormatting = true;
       }
       // if user removes all formatting chars, then reset the override
@@ -824,7 +826,8 @@ class Iti {
         userOverrideFormatting = false;
       }
 
-      if (this.options.formatAsYouType && !userOverrideFormatting) {
+      // handle FAYT, unless userOverrideFormatting or it's a paste event
+      if (this.options.formatAsYouType && !userOverrideFormatting && e.inputType !== "insertFromPaste") {
         // maintain caret position after reformatting
         const currentCaretPos = this.telInput.selectionStart;
         const valueBeforeCaret = this.telInput.value.substring(0, currentCaretPos);
@@ -1474,27 +1477,29 @@ class Iti {
 
   // update the input placeholder to an example number from the currently selected country
   _updatePlaceholder() {
+    const {
+      autoPlaceholder,
+      placeholderNumberType,
+      nationalMode,
+      customPlaceholder
+    } = this.options;
     const shouldSetPlaceholder =
-      this.options.autoPlaceholder === "aggressive" ||
-      (!this.hadInitialPlaceholder &&
-        this.options.autoPlaceholder === "polite");
+      autoPlaceholder === "aggressive" ||
+      (!this.hadInitialPlaceholder && autoPlaceholder === "polite");
+      
     if (window.intlTelInputUtils && shouldSetPlaceholder) {
-      const numberType =
-        intlTelInputUtils.numberType[this.options.placeholderNumberType];
+      const numberType = intlTelInputUtils.numberType[placeholderNumberType];
       let placeholder = this.selectedCountryData.iso2
         ? intlTelInputUtils.getExampleNumber(
             this.selectedCountryData.iso2,
-            this.options.nationalMode,
+            nationalMode,
             numberType
           )
         : "";
 
       placeholder = this._beforeSetNumber(placeholder);
-      if (typeof this.options.customPlaceholder === "function") {
-        placeholder = this.options.customPlaceholder(
-          placeholder,
-          this.selectedCountryData
-        );
+      if (typeof customPlaceholder === "function") {
+        placeholder = customPlaceholder(placeholder, this.selectedCountryData);
       }
       this.telInput.setAttribute("placeholder", placeholder);
     }
@@ -1750,7 +1755,9 @@ class Iti {
       if (this.telInput.value) {
         this._updateValFromNumber(this.telInput.value);
       }
-      this._updatePlaceholder();
+      if (this.selectedCountryData.iso2) {
+        this._updatePlaceholder();
+      }
     }
     this.resolveUtilsScriptPromise();
   }