Rebundle livewire using ESM

public/build/manifest.json

@@ -9,7 +9,7 @@
     ]
   },
   "resources/js/app.js": {
-    "file": "assets/app-253efa47.js",
+    "file": "assets/app-01291e40.js",
     "imports": [
       "_index-08e160a7.js",
       "__commonjsHelpers-725317a4.js"

resources/js/app.js

@@ -10,7 +10,9 @@
 
 import axios from 'axios';
 import cardValidator from 'card-validator';
+import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
 
+Livewire.start()
 window.axios = axios;
 window.valid = cardValidator;
 

resources/js/clients/payments/stripe-credit-card.js

@@ -231,4 +231,8 @@ let s = new StripeCreditCard(publishableKey, secret, onlyAuthorization, stripeCo
 
 s.handle();
 
+document.addEventListener('livewire:init', () => {
+
 Livewire.on('passed-required-fields-check', () => s.handle());
+
+});

resources/views/billing-portal/purchase.blade.php

@@ -12,6 +12,12 @@
             document.getElementById('payment_method_id').value = paymentMethodId;
         }
 
+
+document.addEventListener('livewire:init', () => {
+
         Livewire.on('beforePaymentEventsCompleted', () => document.getElementById('payment-method-form').submit());
+
+});
+
     </script>
 @endpush

resources/views/billing-portal/purchasev2.blade.php

@@ -14,10 +14,15 @@
             document.getElementById('payment_method_id').value = paymentMethodId;
         }
 
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('beforePaymentEventsCompleted', () => {
                 setTimeout(() => {
                     document.getElementById('payment-method-form').submit()
                 }, 2500);
             });
+
+        });
+        
     </script>
 @endpush

resources/views/layouts/ninja.blade.php

@@ -85,7 +85,7 @@
 
         @yield('body')
 
-        @livewireScripts
+        @livewireScriptConfig 
 
         <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>

resources/views/portal/ninja2020/components/html-viewer.blade.php

@@ -216,6 +216,8 @@ span {
             }
         });
 
+        document.addEventListener('livewire:init', () => {
+
             Livewire.hook('message.processed', (message, component) => {
 
                 Array.from(document.getElementsByClassName("entity-field")).forEach(function(item) {
@@ -224,7 +226,9 @@ span {
                     }
                 });
 
-        })
+            });
+
+        });
 
         var timeout = false; 
         

resources/views/portal/ninja2020/gateways/stripe/credit_card/pay.blade.php

@@ -89,11 +89,16 @@
 
 @section('gateway_footer')
     <script>
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('passed-required-fields-check', (event) => {
                 if (event.hasOwnProperty('client_postal_code')) {
                     document.querySelector('meta[name=client-postal-code]').content = event.client_postal_code;
                 }
             });
+
+        });
+        
     </script>
 
     <script src="https://js.stripe.com/v3/"></script>

resources/views/portal/ninja2020/gateways/wepay/credit_card/pay.blade.php

@@ -72,11 +72,17 @@
 
 @section('gateway_footer')
     <script>
+
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('passed-required-fields-check', (event) => {
                 if (event.hasOwnProperty('client_postal_code')) {
                     document.querySelector('meta[name=client-postal-code]').content = event.client_postal_code;
                 }
             });
+
+        });
+
     </script>
 
     @vite('resources/js/clients/payments/wepay-credit-card.js')

resources/views/portal/ninja2020/layout/app.blade.php

@@ -117,7 +117,7 @@
             @yield('body')
         @endcomponent
 
-        @livewireScripts
+        @livewireScriptConfig 
 
         <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>

resources/views/portal/ninja2020/layout/clean.blade.php

@@ -112,7 +112,7 @@
 
         @yield('body')
 
-        @livewireScripts
+        @livewireScriptConfig 
 
         <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>

resources/views/portal/ninja2020/layout/payments.blade.php

@@ -46,6 +46,9 @@
     @yield('gateway_footer')
 
     <script>
+
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('passed-required-fields-check', () => {
                 document.querySelector('div[data-ref="required-fields-container"]').classList.add('opacity-25');
                 document.querySelector('div[data-ref="required-fields-container"]').classList.add('pointer-events-none');
@@ -68,6 +71,8 @@
                 }
             });
 
+        });
+        
         document.addEventListener('DOMContentLoaded', function() {
             let toggleWithToken = document.querySelector('.toggle-payment-with-token');
             let toggleWithCard = document.querySelector('#toggle-payment-with-credit-card');

resources/views/portal/ninja2020/layout/vendor_app.blade.php

@@ -120,7 +120,7 @@
             @yield('body')
         @endcomponent
 
-        @livewireScripts
+        @livewireScriptConfig 
 
         <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>

resources/views/portal/ninja2020/payment_methods/show.blade.php

@@ -147,8 +147,14 @@
 
 @section('footer')
     <script>
+
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('UpdateDefaultMethod::method-updated', event => {
                 document.querySelector('span[data-ref=success-label]').classList.remove('hidden');
             });
+
+        });
+
         </script>
 @endsection

resources/views/portal/ninja2020/subscriptions/switch.blade.php

@@ -48,6 +48,12 @@
 
 @push('footer')
     <script>
+        
+        document.addEventListener('livewire:init', () => {
+
             Livewire.on('beforePaymentEventsCompleted', () => document.getElementById('payment-method-form').submit());
+
+        });
+
     </script>
 @endpush

resources/views/themes/ninja2020/clean.blade.php

@@ -104,7 +104,7 @@
 
         @yield('body')
 
-        @livewireScripts
+        @livewireScriptConfig 
 
         <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>