From fa5eab7b9070a54c299b4aac1d92fec7f78ed07c Mon Sep 17 00:00:00 2001
From: Narek Zakarian <narekzakarian@gmail.com>
Date: Tue, 13 Feb 2024 16:50:57 +0400
Subject: [PATCH] Click on publish button on settings save

---
 .../resources/js/paylater-configurator.js     | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/modules/ppcp-paylater-configurator/resources/js/paylater-configurator.js b/modules/ppcp-paylater-configurator/resources/js/paylater-configurator.js
index 7d695b901..6ad577fe8 100644
--- a/modules/ppcp-paylater-configurator/resources/js/paylater-configurator.js
+++ b/modules/ppcp-paylater-configurator/resources/js/paylater-configurator.js
@@ -1,25 +1,21 @@
 document.addEventListener( 'DOMContentLoaded', () => {
     const form = document.querySelector('#mainform');
     const table = form.querySelector('.form-table');
+    const saveChangesButton = form.querySelector('.woocommerce-save-button');
+    const publishButtonClassName = PcpPayLaterConfigurator.publishButtonClassName;
 
     table.insertAdjacentHTML('afterend', '<div id="messaging-configurator"></div>');
 
 
-    window.addEventListener('load', () => {
-        const form = document.querySelector('#mainform');
-        const messagingConfigurator = form.querySelector('#messaging-configurator');
-        const publishButton = messagingConfigurator.querySelector('#configurator-publishButton');
+    saveChangesButton.addEventListener('click', () => {
+        form.querySelector('.' + publishButtonClassName).click();
 
-        if (publishButton) {
-            publishButton.style.display = 'none';
-        }
-
-        form.addEventListener('submit', () => {
-            publishButton.click();
-        });
+        // Delay the page refresh by a few milliseconds to ensure changes take effect
+        setTimeout(() => {
+            location.reload();
+        }, 1000);
     });
 
-
     merchantConfigurators.Messaging({
         config: PcpPayLaterConfigurator.config,
         merchantClientId: PcpPayLaterConfigurator.merchantClientId,
@@ -27,7 +23,10 @@ document.addEventListener( 'DOMContentLoaded', () => {
         partnerName: 'WooCommerce',
         bnCode: 'Woo_PPCP',
         placements: ['cart', 'checkout', 'product', 'category', 'homepage', 'custom_placement'],
-        onSave: data => {
+        styleOverrides: {
+            button: publishButtonClassName,
+        },
+    onSave: data => {
             fetch(PcpPayLaterConfigurator.ajax.save_config.endpoint, {
                 method: 'POST',
                 headers: {