How to differentiate phone numbers between countries, canada and usa seems to have same dial code. So a valid US number is being flagged to Canada flag?

[imkiran]

No description provided.

[pasevin]

Good point regarding the same dial code "+1"

google-libphonenumber library has a isValidNumberForRegion validation option, which if implemented in our library could solve this issue.

I've tested this on my build. @webcat12345 is there a specific reason you used isValidNumber(number) instead of isValidNumberForRegion(number, 'US') in ngx-intl-tel-input.validator.ts?

If no, I could replace it and deploy.

[imkiran]

@pasevin @webcat12345 Even if you pass the country value to isValidNumberForRegion(number, 'US') you will still be getting the canada validated number value not the us number validation. Its because we are having dialCode 1 for four countries. It happens to pick the canada iso code since it is the first element in the array. I hope we should be dealing with areaCodes to pass this.

[pasevin]

Oh, I understand now. You mean if I begin typing +1 415 ... it will automatically select Canadian flag instead of US. Is that right?

I was thinking this is about validation, but it's about the input behavior.

I'm currently swamped with work, so encourage anyone who has time to look into this.

I myself will look into this when I find the time. But no ETA.

[pasevin]

I looked into this quickly and I can see that the proper way would be to use this.phoneUtil.getRegionCodeForNumber(number) instead of what we do now.

BUT, it will identify and select the country only after the number has been entered fully.
Which is not ideal, but looks like there's no other built-in way.

I tested it on my build, and it works with US / CA differentiation.

So the only issue is that the flag will not change until the whole number is completed.

Is this acceptable? Any other ideas?

[imkiran]

No the flag should ideally change as user keeps typing. That will be the right user experience.

[pasevin]

Then I guess, it will take longer to come up with a custom solution, which matches areaCode if multiple dialCode found.

nationalNumber starts with area code like so 415... so probably it must happen here.

[imkiran]

Okay please let me know when we can have this fixed. It's a prime feature.

[pasevin]

Good news, I have a working solution. Will push and publish tomorrow ;)

[imkiran]

Great you are awesome.

[imkiran]

This is ontario canada number +1-613-555-0191 but the flag is still US. I have set 'enableAutoCountrySelect' to true. Can you please check it. I will reopen the issue.