Temporary solution for "Loading payment form" spinner not resolving o…

…n checkout payment form reload
ParadoxLabs-Inc · Mar 27, 2024 · 8729d5f · 8729d5f
1 parent 6cbfcec
commit 8729d5f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/Magewire/Payment/Authnetcim.php b/Magewire/Payment/Authnetcim.php
@@ -49,7 +49,7 @@ class Authnetcim extends Form implements EvaluationInterface
         'billing_address_saved' => 'Loading payment form',
         'billing_address_submitted' => 'Loading payment form',
         'getNewCard' => 'Updating payment data',
-        'initHostedForm' => 'Loading payment form',
+        // 'initHostedForm' => 'Loading payment form',
         'paymentCcCid' => 'Updating payment data',
         'selectedCard' => 'Updating payment selection',
         'submitTransaction' => 'Processing payment',

diff --git a/view/frontend/templates/checkout/hosted/scripts.phtml b/view/frontend/templates/checkout/hosted/scripts.phtml
@@ -48,6 +48,7 @@ $code = $escaper->escapeJs($block->getData('method_code'));
 
                 window.addEventListener('message', this.handleCommunication.bind(this));
                 document.addEventListener('checkout:payment:method-activate', this.toggleOrderButton.bind(this));
+                document.removeEventListener('<?= $code ?>InitHostedForm', this.loadHostedForm.bind(this));
                 document.addEventListener('<?= $code ?>InitHostedForm', this.loadHostedForm.bind(this));
                 this.$watch('selectedCard', this.changeSelectedCard.bind(this));
 
@@ -84,6 +85,10 @@ $code = $escaper->escapeJs($block->getData('method_code'));
                 }
             },
             loadHostedForm: function(event) {
+                if ($el.isConnected === false) {
+                    return;
+                }
+
                 let data = event.detail;
 
                 var iframe = $el.querySelector('iframe');