From fdafa049043945496d7f87ae6a6fb47ddfcdb20e Mon Sep 17 00:00:00 2001
From: Lars Kusch <lars@lars-kusch.de>
Date: Sat, 17 Dec 2022 06:47:43 +0100
Subject: [PATCH] Fixes

---
 public/js/clients/payments/stripe-bacs.js    | 31 +++++++++++---------
 resources/js/clients/payments/stripe-bacs.js | 31 +++++++++++---------
 2 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/public/js/clients/payments/stripe-bacs.js b/public/js/clients/payments/stripe-bacs.js
index b0731fe19cea..5dade9c73027 100644
--- a/public/js/clients/payments/stripe-bacs.js
+++ b/public/js/clients/payments/stripe-bacs.js
@@ -42,22 +42,25 @@ class ProcessBACS {
                 location.href=document.querySelector('meta[name=stripe-redirect-url').content;
             });}
         else{
-            let token = document.querySelector('input[name=token]').value;
-            let payNowButton = document.getElementById('pay-now');
-            this.payNowButton = payNowButton;
-            this.payNowButton.disabled = true;
-            this.payNowButton.querySelector('svg').classList.remove('hidden');
-            this.payNowButton.querySelector('span').classList.add('hidden');
+            document.getElementById('pay-now').addEventListener('click', (e) => {
+                let token = document.querySelector('input[name=token]').value;
+                let payNowButton = document.getElementById('pay-now');
+                this.payNowButton = payNowButton;
+                this.payNowButton.disabled = true;
+                this.payNowButton.querySelector('svg').classList.remove('hidden');
+                this.payNowButton.querySelector('span').classList.add('hidden');
 
-            this.stripe.confirmBecsDebitPayment(
-                document.querySelector('meta[name=pi-client-secret').content,
-                {}
-            ).then((result) => {
-                if (result.error) {
-                    return this.handleFailure(result.error.message);
-                }
+                this.stripe.confirmBecsDebitPayment(
+                    document.querySelector('meta[name=pi-client-secret')
+                        .content,
+                    {}
+                ).then((result) => {
+                    if (result.error) {
+                        return this.handleFailure(result.error.message);
+                    }
 
-                return this.handleSuccess(result);
+                    return this.handleSuccess(result);
+                });
             });
         }
     };
diff --git a/resources/js/clients/payments/stripe-bacs.js b/resources/js/clients/payments/stripe-bacs.js
index b0731fe19cea..5dade9c73027 100644
--- a/resources/js/clients/payments/stripe-bacs.js
+++ b/resources/js/clients/payments/stripe-bacs.js
@@ -42,22 +42,25 @@ class ProcessBACS {
                 location.href=document.querySelector('meta[name=stripe-redirect-url').content;
             });}
         else{
-            let token = document.querySelector('input[name=token]').value;
-            let payNowButton = document.getElementById('pay-now');
-            this.payNowButton = payNowButton;
-            this.payNowButton.disabled = true;
-            this.payNowButton.querySelector('svg').classList.remove('hidden');
-            this.payNowButton.querySelector('span').classList.add('hidden');
+            document.getElementById('pay-now').addEventListener('click', (e) => {
+                let token = document.querySelector('input[name=token]').value;
+                let payNowButton = document.getElementById('pay-now');
+                this.payNowButton = payNowButton;
+                this.payNowButton.disabled = true;
+                this.payNowButton.querySelector('svg').classList.remove('hidden');
+                this.payNowButton.querySelector('span').classList.add('hidden');
 
-            this.stripe.confirmBecsDebitPayment(
-                document.querySelector('meta[name=pi-client-secret').content,
-                {}
-            ).then((result) => {
-                if (result.error) {
-                    return this.handleFailure(result.error.message);
-                }
+                this.stripe.confirmBecsDebitPayment(
+                    document.querySelector('meta[name=pi-client-secret')
+                        .content,
+                    {}
+                ).then((result) => {
+                    if (result.error) {
+                        return this.handleFailure(result.error.message);
+                    }
 
-                return this.handleSuccess(result);
+                    return this.handleSuccess(result);
+                });
             });
         }
     };