Atualizar a importação do intl-tel-input para a versão mais recente e ajustar a inclusão de scripts nos componentes para melhorar a modularidade e a performance

redgp0g · redgp0g · commit ed93c829041e · 2025-02-18T23:13:06.000-03:00
diff --git a/resources/views/components/floatMenu.blade.php b/resources/views/components/floatMenu.blade.php
@@ -44,9 +44,11 @@
   </form>
 </dialog>
 
-<script>
+<script type="module">
+  import intlTelInput from 'https://cdn.jsdelivr.net/npm/intl-tel-input@23.3.0/+esm'
+
   const input = document.querySelector(".celular");
-  const iti = window.intlTelInput(input, {
+  const iti = intlTelInput(input, {
     initialCountry: "br",
     strictMode: true,
     separateDialCode: true,
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
@@ -64,7 +64,6 @@ function gtag() {
 
     <link href="{{ asset('node_modules/select2/dist/css/select2.min.css')}}" rel="stylesheet">
     <script src="{{ asset('node_modules/select2/dist/js/select2.full.min.js') }}"></script>
-    <script src="{{ asset('node_modules/intl-tel-input/build/js/intlTelInputWithUtils.min.js') }}"></script>
 </head>
 
 <body>
diff --git a/resources/views/dashboard/index.blade.php b/resources/views/dashboard/index.blade.php
@@ -274,9 +274,10 @@
       </div>
     </div>
   </div>
-  <script>
+  <script type="module">
+    import intlTelInput from 'https://cdn.jsdelivr.net/npm/intl-tel-input@23.3.0/+esm'
     const input = document.querySelector(".celular");
-    const iti = window.intlTelInput(input, {
+    const iti = intlTelInput(input, {
       initialCountry: "br",
       separateDialCode: true,
       strictMode: true,
diff --git a/resources/views/home/simulacao.blade.php b/resources/views/home/simulacao.blade.php
@@ -86,9 +86,10 @@
     </div>
   </div>
 
-  <script>
+  <script type="module">
+    import intlTelInput from 'https://cdn.jsdelivr.net/npm/intl-tel-input@23.3.0/+esm'
     const input = document.querySelector(".celular");
-    const iti = window.intlTelInput(input, {
+    const iti = intlTelInput(input, {
       initialCountry: "br",
       strictMode: true,
       separateDialCode: true,
diff --git a/resources/views/livewire/create-carta-vendida.blade.php b/resources/views/livewire/create-carta-vendida.blade.php
@@ -1,4 +1,6 @@
 <div class="container-xxl d-flex justify-content-center align-items-center" style="min-height: 95vh">
+  <script src="{{ asset('node_modules/intl-tel-input/build/js/intlTelInputWithUtils.min.js') }}"></script>
+
   <div class="authentication-wrapper authentication-basic container-p-y">
     <div class="authentication-inner py-4">
       <div class="card">
diff --git a/resources/views/master.blade.php b/resources/views/master.blade.php
@@ -65,7 +65,6 @@ function gtag() {
     <script src="{{ asset('node_modules/datatables/media/js/jquery.dataTables.min.js') }}"></script>
     <script src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.min.js') }}"></script>
     <script src="{{ asset('node_modules/select2/dist/js/select2.full.min.js') }}"></script>
-    <script src="{{ asset('node_modules/intl-tel-input/build/js/intlTelInputWithUtils.min.js') }}"></script>
 </head>
 
 <body>
diff --git a/resources/views/usuario/create.blade.php b/resources/views/usuario/create.blade.php
@@ -136,10 +136,12 @@ class="btn btn-primary d-grid w-100">Cadastrar</button>
         </div>
     </div>
 
-    <script>
+    <script type="module">
+        import intlTelInput from 'https://cdn.jsdelivr.net/npm/intl-tel-input@23.3.0/+esm'
+
         const idVendedorIndicado = {{ $vendedorIndicado->IDCadastro }};
         const input = document.querySelector(".celular");
-        const iti = window.intlTelInput(input, {
+        const iti = intlTelInput(input, {
             initialCountry: "br",
             separateDialCode: true,
             strictMode: true,
