From 3629caad34f2e3dd2097f95a38fa14b716a865d3 Mon Sep 17 00:00:00 2001
From: Lars Kusch <lars@lars-kusch.de>
Date: Fri, 20 Jan 2023 08:55:35 +0100
Subject: [PATCH] Fixes for js

---
 public/js/clients/payments/stripe-bacs.js    | 6 +++---
 resources/js/clients/payments/stripe-bacs.js | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/js/clients/payments/stripe-bacs.js b/public/js/clients/payments/stripe-bacs.js
index 095e99ff9579..f0ea7c92750a 100644
--- a/public/js/clients/payments/stripe-bacs.js
+++ b/public/js/clients/payments/stripe-bacs.js
@@ -45,9 +45,8 @@ class ProcessBACS {
                 location.href=document.querySelector('meta[name=stripe-redirect-url]').content;
             });}
         else{
+            this.payNowButton = document.getElementById('pay-now');
             document.getElementById('pay-now').addEventListener('click', (e) => {
-                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');
@@ -55,7 +54,7 @@ class ProcessBACS {
             });
 
             this.payment_data = Array.from(document.getElementsByClassName('toggle-payment-with-token'));
-            if (this.payment_data.length() > 0){
+            if (this.payment_data.length > 0){
                 this.payment_data.forEach((element) =>
                     element.addEventListener('click', (element) => {
                         document.querySelector('input[name=token]').value =
@@ -64,6 +63,7 @@ class ProcessBACS {
                 );}
             else{
                 this.errors.textContent = "Please add a payment method first, before trying to pay the invoice.";
+                this.errors.hidden = false;
                 this.payNowButton.disabled = false;
                 this.payNowButton.querySelector('span').classList.remove('hidden');
                 this.payNowButton.querySelector('svg').classList.add('hidden');
diff --git a/resources/js/clients/payments/stripe-bacs.js b/resources/js/clients/payments/stripe-bacs.js
index ce08e0d03b87..f0ea7c92750a 100644
--- a/resources/js/clients/payments/stripe-bacs.js
+++ b/resources/js/clients/payments/stripe-bacs.js
@@ -45,9 +45,8 @@ class ProcessBACS {
                 location.href=document.querySelector('meta[name=stripe-redirect-url]').content;
             });}
         else{
+            this.payNowButton = document.getElementById('pay-now');
             document.getElementById('pay-now').addEventListener('click', (e) => {
-                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');
@@ -55,7 +54,7 @@ class ProcessBACS {
             });
 
             this.payment_data = Array.from(document.getElementsByClassName('toggle-payment-with-token'));
-            if (this.payment_data.length() > 0){
+            if (this.payment_data.length > 0){
                 this.payment_data.forEach((element) =>
                     element.addEventListener('click', (element) => {
                         document.querySelector('input[name=token]').value =
@@ -64,13 +63,14 @@ class ProcessBACS {
                 );}
             else{
                 this.errors.textContent = "Please add a payment method first, before trying to pay the invoice.";
+                this.errors.hidden = false;
                 this.payNowButton.disabled = false;
                 this.payNowButton.querySelector('span').classList.remove('hidden');
                 this.payNowButton.querySelector('svg').classList.add('hidden');
             }}
 
 
-        }
+    }
 }
 
 const publishableKey = document.querySelector(