Eu já tenho o número salvo em meu banco de dados, utilizando um arquivo turbo_stream e utilizando da biblioteca turbo_power eu preciso alterar o valor que está vazio para o número que tenho em meu banco de dados (exemplo: +5561984568754).

O valor é alterado, porém a bandeira não é selecionada automaticamente, como se eu tivesse preenchido manualmente.

In my turbo_stream (haml):

= turbo_stream.set_value '#phone_field', @contact.phone_number 

In my html (haml):

= form.text_field :phone_field, class: 'form__control', data: { phone_number_target: 'input' }

In my javascript (stimulus):

import {Controller} from "@hotwired/stimulus"
import intlTelInput from 'intl-tel-input';

export default class extends Controller {
  static targets = ['input']

  connect() {
    this.iti = intlTelInput(this.inputTarget, {
      utilsScript: "/assets/utils.js",
      strictMode: true,
      countryOrder: ["BR", "PT", "ST", "CV", "LU", "FR", "GB"]
    });


    const formElement = this.inputTarget.closest("form");

    if (formElement) {
      formElement.addEventListener("submit", (event) => {
        this.inputTarget.value = this.iti.getNumber();
      });
    }
  }
}