From b3a5b65af26f3bcd8ec8abf1d89443dc93ba8ea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Thu, 22 Feb 2024 11:21:50 +0100
Subject: [PATCH] Refactor purchase.next event handling in billing portal view

---
 .../views/billing-portal/v3/index.blade.php   | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/resources/views/billing-portal/v3/index.blade.php b/resources/views/billing-portal/v3/index.blade.php
index 4a477a9fa1a8..d95f36c87e20 100644
--- a/resources/views/billing-portal/v3/index.blade.php
+++ b/resources/views/billing-portal/v3/index.blade.php
@@ -25,18 +25,15 @@
 
             const target = document.getElementById('container');
 
-            const observer = new MutationObserver((mutationsList) => {
-                for (const mutation of mutationsList) {
-                    if (mutation.type === 'childList' || mutation.type === 'subtree') {
-                        setTimeout(() => {
-                            document.getElementById('spinner').classList.add('hidden');
-                            document.getElementById('container').classList.remove('hidden');
-                        }, 1500);
-                    }
-                }
-            });
+            Livewire.on('purchase.next', (event) => {
+                document.getElementById('spinner').classList.remove('hidden');
+                document.getElementById('container').classList.add('hidden');
 
-            observer.observe(target, { childList: true, subtree: true })
+                setTimeout(() => {
+                    document.getElementById('spinner').classList.add('hidden');
+                    document.getElementById('container').classList.remove('hidden');
+                }, 1500);
+            })
         });
     </script>
 @endpush