intl-tel-input_controller.js

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

export default class extends Controller {
    static targets = ['input'];
  
    static values = {
        currentNumber: String
    };

    connect() {
        let localizedCountries = {};
        this.intlInput = intlTelInput(this.inputTarget, {
            utilsScript: '/static/intl-tel-input-utils.js',
            hiddenInput: 'phone',
            preferredCountries: ['fr', 'lu', 'be', 'de', 'ch'],
            localizedCountries
        });
        if (this.currentNumberValue !== '') {
            this.intlInput.setNumber(this.currentNumberValue)
        }
    }

    disconnect() {
        this.intlInput.destroy();
        super.disconnect();
    }
}