isValidNumber doesn't works properly for Brazilian numbers

[matias-carpintini]

I'm using the latest version of intl-tel-input (v23.0.9) but, when i try to validate a Brazilian phone number (+55 47 00000000) it returns false (not valid).

The placeholder seems to be correct:

And it auto-format as a type.

Here's the full code:

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {
  static targets = ["field"];
  iti = null;

  connect() {
    const input = this.fieldTarget;
    this.iti = intlTelInput(input, {
      initialCountry: "auto",
      geoIpLookup: this.getIp,
      utilsScript:
        "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/23.0.9/js/utils.js",
      hiddenInput: input.dataset.hiddeninput,
      preferredCountries: ["ar", "mx", "br", "cl", "in", "id", "tr"],
    });

    input.addEventListener("input", () => {
      const formattedNumber = this.iti.getNumber(
        intlTelInputUtils.numberFormat.NATIONAL
      );
      input.value = intlTelInputUtils.formatNumber(
        formattedNumber,
        this.iti.getSelectedCountryData().iso2,
        intlTelInputUtils.numberFormat.NATIONAL
      );
    });
  }

  getIp(callback) {
    fetch("https://ipinfo.io/json?token=asdsad", {
      headers: { Accept: "application/json" },
    })
      .then((resp) => resp.json())
      .catch(() => {
        return {
          country: "ar",
        };
      })
      .then((resp) => callback(resp.country));
  }

  validatePhoneNumber() {
    const isValidNumber = this.iti.isValidNumber();
    if (this.iti.getNumber() && !isValidNumber) {
      alert("Not valid!");
      return false;
    }
    return true;
  }
}

[jackocnr]

We use libphonenumber for formatting, validation and generating placeholder numbers - if your issue relates to one of these things, please check their test site first and if you see the problem there please file an issue with them instead.

If it's working correctly in libphonenumber, the next step is to check that we're using the latest version of libphonenumber in the plugin - check the version history here. If we need to upgrade, it only takes 5 minutes to do this yourself and submit a Pull Request - instructions here: Updating to a new version of libphonenumber.

[jackocnr]

A few extra notes:

• preferredCountries option has been removed. See countryOrder option instead.
• if you're using ES modules (import/export) then you should import the plugin with import intlTelInput from "intl-tel-input"
• everything inside your "input" event listener should be redundant - we have the formatAsYouType option enabled by default now, so you should be able to drop all of that
• intlTelInputUtils is now intlTelInput.utils

[matias-carpintini]

It worked like a charm! Thank you so much :)