From 88278832abe79f2dd9e2ac431b9fce6a5dc5f578 Mon Sep 17 00:00:00 2001
From: Lars Kusch <lars@lars-kusch.de>
Date: Sat, 10 Dec 2022 07:02:50 +0100
Subject: [PATCH] Further fixes

---
 lang/en/texts.php                                             | 2 +-
 resources/js/clients/payments/stripe-klarna.js                | 1 +
 .../portal/ninja2020/gateways/stripe/klarna/klarna.blade.php  | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/lang/en/texts.php b/lang/en/texts.php
index dd5b953622c3..e5140fd79211 100644
--- a/lang/en/texts.php
+++ b/lang/en/texts.php
@@ -2503,7 +2503,7 @@ $LANG = array(
     'alipay' => 'Alipay',
     'sofort' => 'Sofort',
     'sepa' => 'SEPA Direct Debit',
-    'translation_name_without_special_characters' => 'Please enter a name with only the letter a-z and whitespaces',
+    'name_without_special_characters' => 'Please enter a name with only the letter a-z and whitespaces',
     'enable_alipay' => 'Accept Alipay',
     'enable_sofort' => 'Accept EU bank transfers',
     'stripe_alipay_help' => 'These gateways also need to be activated in :link.',
diff --git a/resources/js/clients/payments/stripe-klarna.js b/resources/js/clients/payments/stripe-klarna.js
index fa5ea63b6327..e81ef819f08e 100644
--- a/resources/js/clients/payments/stripe-klarna.js
+++ b/resources/js/clients/payments/stripe-klarna.js
@@ -48,6 +48,7 @@ class ProcessKlarna {
             let errors = document.getElementById('errors');
             let name = document.getElementById("klarna-name").value;
             if (! /^[A-Za-z\s]*$/.test(name)){
+                document.getElementById('klarna-name-correction').hidden = false;
                 document.getElementById('klarna-name').textContent = name.replace(/^[A-Za-z\s]*$/, "")
                 document.getElementById('klarna-name').focus();
                 errors.textContent = document.querySelector(
diff --git a/resources/views/portal/ninja2020/gateways/stripe/klarna/klarna.blade.php b/resources/views/portal/ninja2020/gateways/stripe/klarna/klarna.blade.php
index 4668535f81eb..63d8e7674219 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/klarna/klarna.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/klarna/klarna.blade.php
@@ -1,7 +1,7 @@
 <div id="stripe--payment-container">
     @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.name')])
-        <div class="form-group mb-[10px]">
-            <input class="input w-full" id="klarna-name" type="text" placeholder="{{ ctrans('texts.bank_account_holder') }}" value="{{ $gateway->client->present()->name()}}" hidden>
+        <div class="form-group mb-[10px]" id="klarna-name-correction" hidden>
+            <input class="input w-full" id="klarna-name" type="text" placeholder="{{ ctrans('texts.bank_account_holder') }}" value="{{ $gateway->client->present()->name()}}">
         </div>
 
     @endcomponent