Disable coming soon page after fork step

Author: wpalani

build/2.7.4/onboarding.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-media-utils', 'wp-preferences', 'wp-url'), 'version' => 'c2e556c47af49034b3bd');
+<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-media-utils', 'wp-preferences', 'wp-url'), 'version' => 'ea31651aae79aab1f7a2');

build/2.7.4/onboarding.js

@@ -35,6 +35,7 @@ const HeaderActions = () => {
 	const handleSelectAndCustomize = async () => {
 		await handlePublishSite();
 
+		// Analytics: Onboarding complete event.
 		sendOnboardingEvent(
 			new OnboardingEvent( ACTION_ONBOARDING_COMPLETE, 'select_and_customize', {
 				source: 'quickstart',
@@ -48,6 +49,7 @@ const HeaderActions = () => {
 	const handleSaveAndPublish = async () => {
 		await handlePublishSite();
 
+		// Analytics: Onboarding complete event.
 		sendOnboardingEvent(
 			new OnboardingEvent( ACTION_ONBOARDING_COMPLETE, 'save_and_publish', {
 				source: 'quickstart',

src/app/steps/Canvas/HeaderActions.js

@@ -6,6 +6,7 @@ import SiteCreatorCard from './SiteCreatorCard';
 import MigrationCard from './MigrationCard';
 import { OnboardingEvent, trackOnboardingEvent } from '@/utils/analytics/hiive';
 import { ACTION_ONBOARDING_STARTED } from '@/utils/analytics/hiive/constants';
+import { disableComingSoon } from '@/utils/api';
 
 const ForkStep = () => {
 	const { canMigrateSite, migrationFallbackUrl } = useSelect(
@@ -22,6 +23,17 @@ const ForkStep = () => {
 		trackOnboardingEvent(
 			new OnboardingEvent( ACTION_ONBOARDING_STARTED )
 		);
+		/**
+		 * Before unmounting: Disable the site coming soon page.
+		 * This is necessary for the Screenshot Service to be able to load the sitegen previews.
+		 * As a side effect (intentionally), this will also send the 'site_launched' event.
+		 * See coming soon module for more details.
+		 *
+		 * Analytics: Site launched event.
+		 */
+		return () => {
+			disableComingSoon();
+		};
 	}, [] );
 
 	return (

src/app/steps/Fork/ForkStep.js

@@ -4,7 +4,6 @@ import { FeaturesSelect, Title } from '@newfold/ui-component-library';
 import { nfdOnboardingStore } from '@/data/store';
 
 const ExperienceOptions = () => {
-
 	const { selectedExperienceLevel } = useSelect( ( select ) => {
 		return {
 			selectedExperienceLevel: select( nfdOnboardingStore ).getExperienceLevel(),

src/app/steps/Generating/ExperienceOptions.js

@@ -57,6 +57,24 @@ export const completeOnboarding = async ( selectedSitegenHomepage ) => {
 	);
 };
 
+/**
+ * Disable the site coming soon page.
+ *
+ * @return {Promise<boolean>} true if the coming soon page was disabled successfully, false otherwise
+ */
+export const disableComingSoon = async () => {
+	const comingSoon = window?.NewfoldRuntime.comingSoon;
+	if ( comingSoon ) {
+		const result = await comingSoon.disable();
+		if ( result?.success ) {
+			return true;
+		}
+		// eslint-disable-next-line no-console
+		console.error( 'Failed to disable coming soon' );
+		return false;
+	}
+};
+
 /**
  * Set a color palette array of WordPress color objects.
  *