From eb8efc41f53e3255db39e10fee901a0b5f477c19 Mon Sep 17 00:00:00 2001
From: Narek Zakarian <narekzakarian@gmail.com>
Date: Thu, 15 Sep 2022 16:55:41 +0400
Subject: [PATCH] Add spinner and disable buttons while switching PUI checkbox

---
 modules/ppcp-onboarding/resources/js/onboarding.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/modules/ppcp-onboarding/resources/js/onboarding.js b/modules/ppcp-onboarding/resources/js/onboarding.js
index a438a7a69..80a59b4e3 100644
--- a/modules/ppcp-onboarding/resources/js/onboarding.js
+++ b/modules/ppcp-onboarding/resources/js/onboarding.js
@@ -72,10 +72,13 @@ const ppcp_onboarding = {
 		);
 
 		const onboard_pui = document.querySelector('#ppcp-onboarding-pui');
+		const spinner = '<span class="spinner is-active" style="float: none;"></span>';
 		onboard_pui?.addEventListener('click', (event) => {
             event.preventDefault();
             buttons.forEach((element) => {
                 element.removeAttribute('href');
+                element.setAttribute('disabled', 'disabled');
+                jQuery(spinner).insertAfter(element);
             });
 
             fetch(PayPalCommerceGatewayOnboarding.pui_endpoint, {
@@ -98,6 +101,8 @@ const ppcp_onboarding = {
                         key = 'connect-to' + key.replace(/-/g, '');
                         if(key === element.id) {
                             element.setAttribute('href', value);
+                            element.removeAttribute('disabled')
+                            document.querySelector('.spinner').remove()
                         }
                     }
                 });