explicitly show invalid mandate

mollie · Dec 9, 2024 · b150929 · b150929
1 parent 63cf650
commit b150929
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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>