From b150929a73b5f6113ad50d3d602d2fa94cbda716 Mon Sep 17 00:00:00 2001
From: morfe2 <alexander.schmidt@dasistweb.de>
Date: Mon, 9 Dec 2024 11:23:19 +0100
Subject: [PATCH] explicitly show invalid mandate

---
 src/runtime/components/MollieCreditCardMandates.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/MollieCreditCardMandates.vue b/src/runtime/components/MollieCreditCardMandates.vue
index 6aab502..8223433 100644
--- a/src/runtime/components/MollieCreditCardMandates.vue
+++ b/src/runtime/components/MollieCreditCardMandates.vue
@@ -49,8 +49,10 @@ const changeMandate = async () => {
                         class="mollie-credit-card-mandates__radio-styled-checked"
                     />
                 </span>
-                {{ mandate.details.cardLabel }} - {{ mandate.details.cardHolder }} - ****
-                {{ mandate.details.cardNumber }}
+                {{ mandate.details.cardLabel && mandate.details.cardHolder && mandate.details.cardNumber
+                    ? `${mandate.details.cardLabel} - ${mandate.details.cardHolder} - **** ${mandate.details.cardNumber}`
+                    : 'Invalid'
+                }}
             </label>
         </div>