From aa917514501c2854a8914582aa3123fe25e2804e Mon Sep 17 00:00:00 2001
From: dinamiko <e.castells@inpsyde.com>
Date: Mon, 11 Jan 2021 11:42:45 +0100
Subject: [PATCH] Allow set target on spinner

---
 .../js/modules/ActionHandler/CheckoutActionHandler.js      | 5 ++++-
 modules/ppcp-button/resources/js/modules/Helper/Spinner.js | 7 ++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/modules/ppcp-button/resources/js/modules/ActionHandler/CheckoutActionHandler.js b/modules/ppcp-button/resources/js/modules/ActionHandler/CheckoutActionHandler.js
index 655d5dedc..4af23327a 100644
--- a/modules/ppcp-button/resources/js/modules/ActionHandler/CheckoutActionHandler.js
+++ b/modules/ppcp-button/resources/js/modules/ActionHandler/CheckoutActionHandler.js
@@ -16,9 +16,12 @@ class CheckoutActionHandler {
             const bnCode = typeof this.config.bn_codes[this.config.context] !== 'undefined' ?
                 this.config.bn_codes[this.config.context] : '';
 
-
             const errorHandler = this.errorHandler;
+
             const formSelector = this.config.context === 'checkout' ? 'form.checkout' : 'form#order_review';
+            spinner.setTarget(formSelector);
+            spinner.block();
+
             const formValues = jQuery(formSelector).serialize();
 
             return fetch(this.config.ajax.create_order.endpoint, {
diff --git a/modules/ppcp-button/resources/js/modules/Helper/Spinner.js b/modules/ppcp-button/resources/js/modules/Helper/Spinner.js
index 50e4eebd9..9c41eb08b 100644
--- a/modules/ppcp-button/resources/js/modules/Helper/Spinner.js
+++ b/modules/ppcp-button/resources/js/modules/Helper/Spinner.js
@@ -3,6 +3,11 @@ class Spinner {
     constructor() {
         this.target = 'form.woocommerce-checkout';
     }
+
+    setTarget(target) {
+        this.target = target;
+    }
+
     block() {
 
         jQuery( this.target ).block({
@@ -20,4 +25,4 @@ class Spinner {
     }
 }
 
-export default Spinner;
\ No newline at end of file
+export default Spinner;