From 7c3664ad46d88130aeeb216d8f4c2b5a6c6bd6de Mon Sep 17 00:00:00 2001
From: Dharmesh Patel <dspatel44@gmail.com>
Date: Wed, 4 Sep 2024 22:18:29 +0530
Subject: [PATCH] Trigger oauth process from suggest to login page.

---
 assets/js/admin.js                            |  4 ++--
 includes/admin/templates/suggest-to-login.php | 14 +++++++++++++-
 includes/class-mailchimp-admin.php            |  1 +
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/assets/js/admin.js b/assets/js/admin.js
index d806ec1..663c6ad 100644
--- a/assets/js/admin.js
+++ b/assets/js/admin.js
@@ -98,8 +98,8 @@
 							// Finish OAuth connection and save token.
 							$.post(params.ajax_url, finishData, function (finishResponse) {
 								if (finishResponse.success) {
-									// Token is saved in the database, reload the page to reflect the changes.
-									window.location.reload();
+									// Token is saved in the database, redirect to the settings page to reflect the changes.
+									window.location.href = params.admin_settings_url;
 								} else {
 									console.log(
 										'Error calling OAuth finish endpoint. Data:',
diff --git a/includes/admin/templates/suggest-to-login.php b/includes/admin/templates/suggest-to-login.php
index 8151154..043f162 100644
--- a/includes/admin/templates/suggest-to-login.php
+++ b/includes/admin/templates/suggest-to-login.php
@@ -26,6 +26,18 @@
 			?>
 		</p>
 
-		<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ); ?>" class="button mailchimp-sf-button"><?php esc_html_e( 'Connect account', 'mailchimp' ); ?></a>
+		<button id="mailchimp_sf_oauth_connect" class="button mailchimp-sf-button">
+			<span class="mailchimp-sf-loading hidden">
+				<svg class="animate-spin" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+						<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+						<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+				</svg>
+			</span>
+			<?php esc_html_e( 'Connect account', 'mailchimp' ); ?>
+		</button>
+		<p class="mailchimp-sf-oauth-error error-field" style="display:none;"></p>
+		<div id="mailchimp-sf-popup-blocked-modal" style="display:none;">
+			<p><?php esc_html_e( 'Please allow your browser to show popups for this page.', 'mailchimp' ); ?></p>
+		</div>
 	</div>
 </div>
diff --git a/includes/class-mailchimp-admin.php b/includes/class-mailchimp-admin.php
index 23253a1..f72780f 100644
--- a/includes/class-mailchimp-admin.php
+++ b/includes/class-mailchimp-admin.php
@@ -410,6 +410,7 @@ public function enqueue_admin_page_scripts( $hook_suffix ) {
 			'modal_title'            => esc_html__( 'Login Popup is blocked!', 'mailchimp' ),
 			'modal_button_try_again' => esc_html__( 'Try again', 'mailchimp' ),
 			'modal_button_cancel'    => esc_html__( 'No, cancel!', 'mailchimp' ),
+			'admin_settings_url'     => esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ),
 		);
 
 		// Create account page specific data.