intl-tel-input 18.1.7 → 18.2.0

package/src/js/intlTelInput.js

@@ -154,6 +154,9 @@ class Iti {
       }
     }
 
+    // check if input has one parent with RTL
+    this.isRTL = !!this.telInput.closest('[dir=rtl]');
+
     // these promises get resolved when their individual requests complete
     // this way the dev can do something like iti.promise.then(...) to know when all requests are
     // complete
@@ -1202,7 +1205,11 @@ class Iti {
         this.selectedFlag.offsetWidth || this._getHiddenSelectedFlagWidth();
 
       // add 6px of padding after the grey selected-dial-code box, as this is what we use in the css
-      this.telInput.style.paddingLeft = `${selectedFlagWidth + 6}px`;
+      if (this.isRTL) {
+        this.telInput.style.paddingRight = `${selectedFlagWidth + 6}px`;
+      } else {
+        this.telInput.style.paddingLeft = `${selectedFlagWidth + 6}px`;
+      }
     }
 
     // and the input's placeholder
@@ -1650,6 +1657,14 @@ class Iti {
       : null;
   }
 
+  // check if input val is possible number (weaker validation, but more future-proof) - assumes the global function isPossibleNumber (from utilsScript)
+  isPossibleNumber() {
+    const val = this._getFullNumber().trim();
+    return window.intlTelInputUtils
+      ? intlTelInputUtils.isPossibleNumber(val, this.selectedCountryData.iso2)
+      : null;
+  }
+
   // update the selected flag, and update the input val accordingly
   setCountry(originalCountryCode) {
     const countryCode = originalCountryCode.toLowerCase();

package/src/js/utils.js

@@ -102,6 +102,19 @@ const isValidNumber = (number, countryCode) => {
   }
 };
 
+// check if given number is possible
+const isPossibleNumber = (number, countryCode) => {
+  try {
+    const phoneUtil = i18n.phonenumbers.PhoneNumberUtil.getInstance();
+    const numberObj = phoneUtil.parseAndKeepRawInput(number, countryCode);
+    // can't use phoneUtil.isPossibleNumber directly as it accepts IS_POSSIBLE_LOCAL_ONLY numbers e.g. local numbers that are much shorter
+    const result = phoneUtil.isPossibleNumberWithReason(numberObj);
+    return result === i18n.phonenumbers.PhoneNumberUtil.ValidationResult.IS_POSSIBLE;
+  } catch (e) {
+    return false;
+  }
+};
+
 /********************
  * NOTE: for following sections, keys must be in quotes to force closure compiler to preserve them
  ********************/
@@ -149,6 +162,7 @@ goog.exportSymbol("intlTelInputUtils.getExtension", getExtension);
 goog.exportSymbol("intlTelInputUtils.getNumberType", getNumberType);
 goog.exportSymbol("intlTelInputUtils.getValidationError", getValidationError);
 goog.exportSymbol("intlTelInputUtils.isValidNumber", isValidNumber);
+goog.exportSymbol("intlTelInputUtils.isPossibleNumber", isPossibleNumber);
 // enums
 goog.exportSymbol("intlTelInputUtils.numberFormat", numberFormat);
 goog.exportSymbol("intlTelInputUtils.numberType", numberType);

package/src/spec/tests/methods/isPossibleNumber.js

@@ -0,0 +1,56 @@
+"use strict";
+
+describe("isPossibleNumber:", function() {
+
+  beforeEach(function() {
+    intlSetup(true);
+    input = $("<input>").wrap("div");
+  });
+
+  afterEach(function() {
+    intlTeardown();
+  });
+
+
+
+  describe("init plugin and call public method isPossibleNumber", function() {
+
+    beforeEach(function() {
+      iti = window.intlTelInput(input[0]);
+    });
+
+    it("returns true for: valid intl number", function() {
+      iti.setNumber("+44 7733 123456");
+      expect(iti.isPossibleNumber()).toBeTruthy();
+    });
+
+    it("returns true for: possible but invalid (bad dial code) intl number", function() {
+      iti.setNumber("+44 9999 123456");
+      expect(iti.isPossibleNumber()).toBeTruthy();
+    });
+
+    it("returns false for: invalid (too short by 2 digits) intl number", function() {
+      iti.setNumber("+44 7733 1234");
+      expect(iti.isPossibleNumber()).toBeFalsy();
+    });
+
+    // guess this is a quirk of UK phone numbers that some valid ones are only 10 digits (e.g. 0773312345)
+    it("returns true for: invalid (too short by 1 digit) intl number", function() {
+      iti.setNumber("+44 7733 12345");
+      expect(iti.isPossibleNumber()).toBeTruthy();
+    });
+
+    it("returns false for: invalid (too long) intl number", function() {
+      iti.setNumber("+44 7733 1234567");
+      expect(iti.isPossibleNumber()).toBeFalsy();
+    });
+
+    it("returns null when utils script is not available", function() {
+      delete window.intlTelInputUtils;
+      iti.setNumber("+44 7733 123456");
+      expect(iti.isPossibleNumber()).toBeNull();
+    });
+
+  });
+
+});

package/src/spec/tests/methods/isValidNumber.js

@@ -24,22 +24,22 @@ describe("isValidNumber:", function() {
       expect(iti.isValidNumber()).toBeTruthy();
     });
 
-    it("returns false for: invalid intl number", function() {
+    it("returns false for: invalid (too short) intl number", function() {
       iti.setNumber("+44 7733 123");
       expect(iti.isValidNumber()).toBeFalsy();
     });
 
+    it("returns false for: possible but invalid (bad dial code) intl number", function() {
+      iti.setNumber("+44 9999 123456");
+      expect(iti.isValidNumber()).toBeFalsy();
+    });
+
     it("returns null when utils script is not available", function() {
       delete window.intlTelInputUtils;
       iti.setNumber("+44 7733 123456");
       expect(iti.isValidNumber()).toBeNull();
     });
 
-    /*it("returns false for: valid intl number containing alpha chars", function() {
-      iti.setNumber("+44 7733 123 abc");
-      expect(iti.isValidNumber()).toBeFalsy();
-    });*/
-
   });
 
 
@@ -62,7 +62,7 @@ describe("isValidNumber:", function() {
       expect(iti.isValidNumber()).toBeTruthy();
     });
 
-    it("returns false for: correct selected country, invalid number", function() {
+    it("returns false for: correct selected country, invalid (too short) number", function() {
       iti.setCountry("gb");
       iti.setNumber("07733 123");
       expect(iti.isValidNumber()).toBeFalsy();