Add isValidNumberForRegion helper update libphonenumber v7.4.3

package.json

@@ -26,7 +26,6 @@
   },
   "dependencies": {
     "classnames": "^2.2.5",
-    "google-libphonenumber": "^1.1.0",
     "underscore.deferred": "^0.4.0"
   },
   "devDependencies": {

src/containers/IntlTelInputApp.js

@@ -8,8 +8,6 @@ import utils from '../components/utils';
 import _ from 'underscore.deferred';
 import '../styles/intlTelInput.scss';
 
-const phoneUtil = require('google-libphonenumber').PhoneNumberUtil.getInstance();
-
 export default class IntlTelInputApp extends Component {
   static defaultProps = {
     css: ['intl-tel-input', ''],
@@ -144,6 +142,7 @@ export default class IntlTelInputApp extends Component {
     this.scrollTo = this.scrollTo.bind(this);
     this.notifyPhoneNumberChange = this.notifyPhoneNumberChange.bind(this);
     this.isValidNumber = this.isValidNumber.bind(this);
+    this.isValidNumberForRegion = this.isValidNumberForRegion.bind(this);
     this.isUnknownNanp = this.isUnknownNanp.bind(this);
     this.initRequests = this.initRequests.bind(this);
     this.updateFlagFromNumber = this.updateFlagFromNumber.bind(this);
@@ -773,10 +772,10 @@ export default class IntlTelInputApp extends Component {
       // Allow Main app to do things when a country is selected
       if (!isInit && prevCountry.iso2 !== countryCode &&
           typeof this.props.onSelectFlag === 'function') {
-        const number = phoneUtil.parse(this.state.value);
+        const currentNumber = this.state.value;
         const regionCode = this.selectedCountryData.iso2;
-        const status = phoneUtil.isValidNumberForRegion(number, regionCode);
-        this.props.onSelectFlag(status, this.state.value, this.selectedCountryData);
+        const status = this.isValidNumberForRegion(currentNumber, regionCode);
+        this.props.onSelectFlag(status, currentNumber, this.selectedCountryData);
       }
     });
   }
@@ -925,6 +924,15 @@ export default class IntlTelInputApp extends Component {
     return false;
   }
 
+  isValidNumberForRegion(number, regionCode) {
+    const val = utils.trim(number);
+
+    if (window.intlTelInputUtils) {
+      return window.intlTelInputUtils.isValidNumberForRegion(val, regionCode);
+    }
+    return false;
+  }
+
   notifyPhoneNumberChange(newNumber) {
     if (typeof this.props.onPhoneNumberChange === 'function') {
       const result = this.isValidNumber(newNumber);

tests/FlagDropDown-test.js

@@ -339,8 +339,8 @@ describe('FlagDropDown', () => {
 
   it('onSelectFlag', () => {
     let expected = '';
-    const onSelectFlag = (countryData) => {
-      expected = countryData;
+    const onSelectFlag = (status, currentNumber, countryData) => {
+      expected = Object.assign({}, { status, currentNumber, ...countryData });
     };
 
     const parent = ReactTestUtils.renderIntoDocument(
@@ -366,7 +366,10 @@ describe('FlagDropDown', () => {
     const japanOption = findDOMNode(
       parentDropDownComponent).querySelector('[data-country-code="jp"]');
     ReactTestUtils.Simulate.click(japanOption);
+
     assert.deepEqual(expected, {
+      status: false,
+      currentNumber: '',
       name: 'Japan (日本)',
       iso2: 'jp',
       dialCode: '81',