fix: spc stopping wizard flow

Author: HardeepAsrani

classes/Visualizer/Module/Wizard.php

@@ -586,6 +586,7 @@ private function setup_wizard_install_plugin() {
 				// Update wizard data.
 				$wizard_data['enable_page_cache'] = true;
 				$wizard_data_updated              = true;
+				update_option( 'swcfpc_dashboard_redirect', false );
 			}
 			if ( $wizard_data_updated ) {
 				$this->update_wizard_data( $wizard_data );
@@ -640,16 +641,17 @@ private function setup_wizard_subscribe_process() {
 		}
 
 		if ( $with_subscribe && is_email( $email ) ) {
-			$request_res = wp_remote_post(
+			wp_remote_post(
 				VISUALIZER_SUBSCRIBE_API,
 				array(
-					'timeout' => 100,
-					'headers' => array(
+					'timeout'  => 5,
+					'blocking' => false,
+					'headers'  => array(
 						'Content-Type'  => 'application/json',
 						'Cache-Control' => 'no-cache',
 						'Accept'        => 'application/json, */*;q=0.1',
 					),
-					'body'    => wp_json_encode(
+					'body'     => wp_json_encode(
 						array(
 							'slug'  => 'visualizer',
 							'site'  => home_url(),
@@ -661,24 +663,10 @@ private function setup_wizard_subscribe_process() {
 					),
 				)
 			);
-			if ( ! is_wp_error( $request_res ) ) {
-				$body = json_decode( wp_remote_retrieve_body( $request_res ) );
-				if ( 'success' === $body->code ) {
-					$this->dismissWizard( false );
-					wp_send_json( $response );
-				}
-			}
-			wp_send_json(
-				array(
-					'status'      => 0,
-					'redirect_to' => '',
-					'message'     => '',
-				)
-			);
-		} else {
-			$this->dismissWizard( false );
-			wp_send_json( $response );
 		}
+
+		$this->dismissWizard( false );
+		wp_send_json( $response );
 	}
 
 	/**

css/style-wizard.css

@@ -1335,23 +1335,24 @@ display: none;
 	top: 0;
 	width: 100%;
 	height: 100%;
-	padding: 12px 12px 20px;
 	z-index: 2;
 	opacity: 0;
 	visibility: hidden;
 	transition: all .3s ease-in-out;
 }
 .vz-pro-option .pro-overlay .pro-box{
 	padding-bottom: 58.88%;
-	background: rgba(255,255,255,.5);
+	background: rgba(185, 185, 185, 0.5);
 	backdrop-filter: blur(2px);
+	height: 100%;
 }
 .vz-pro-option .pro-overlay .pro-box .btn {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	white-space: nowrap;
 	transform: translate(-50%, -50%);
+	font-size: 14px;
 }
 
 .vz-power-pro{

js/setup-wizard.js

@@ -288,7 +288,15 @@ jQuery(function ($) {
 	// Enable performance feature.
 	// Step: 4 Skip and subscribe process.
 	$(document).on( 'click', '.vz-subscribe', function (e) {
-		var withSubscribe = $(this).data("vz_subscribe");
+		var $btn = $(this);
+
+		// Prevent double-clicks while the async flow is running.
+		if ( $btn.prop('disabled') ) {
+			e.preventDefault();
+			return;
+		}
+
+		var withSubscribe = $btn.data("vz_subscribe");
 		var postData = {
 			action: "visualizer_wizard_step_process",
 			security: visualizerSetupWizardData.ajax.security,
@@ -319,6 +327,8 @@ jQuery(function ($) {
 		} else {
 			postData.with_subscribe = false;
 		}
+
+		$btn.prop('disabled', true);
 		var $step = $('#step-3');
 		$step.find(".spinner").addClass("is-active");
 		var $error = $step.find('.vz-error-notice').first();
@@ -331,6 +341,7 @@ jQuery(function ($) {
 					$error.html('<p>' + message + '</p>').removeClass('hidden');
 				}
 				$step.find(".spinner").removeClass("is-active");
+				$btn.prop('disabled', false);
 				return;
 			}
 			goToDraftPage(postData);