Keep blueprints for fallbacks only

Author: wpalani

src/app/steps/Fork/ForkStep.js

@@ -5,6 +5,7 @@ import bluehostLogoUrl from '@/assets/bluehost-logo.svg';
 import { OnboardingEvent, sendOnboardingEvent } from '@/utils/analytics/hiive';
 import { ACTION_ONBOARDING_STARTED } from '@/utils/analytics/hiive/constants';
 import { disableComingSoon } from '@/utils/api';
+import { fetchBlueprints } from '@/utils/blueprints';
 import SiteCreatorCard from './SiteCreatorCard';
 import MigrationCard from './MigrationCard';
 
@@ -18,6 +19,9 @@ const ForkStep = () => {
 		}
 	);
 
+	// Proactively fetch the blueprints.
+	fetchBlueprints();
+
 	useEffect( () => {
 		// Analytics: Onboarding started event
 		sendOnboardingEvent(
@@ -73,7 +77,7 @@ const ForkStep = () => {
 
 					{ ( canMigrateSite || migrationFallbackUrl ) && (
 						<>
-							<span className="!nfd-text-lg nfd-text-content-primarynfd-font-medium">
+							<span className="!nfd-text-lg nfd-text-content-primary nfd-font-medium">
 								{ __( 'Or', 'wp-module-onboarding' ) }
 							</span>
 							<MigrationCard

src/app/steps/index.js

@@ -4,6 +4,8 @@ import { LogoStep } from './Logo';
 import { GeneratingStep } from './Generating';
 import { PreviewsStep } from './Previews';
 import { CanvasStep } from './Canvas';
+import { BlueprintsStep } from './Blueprints';
+import { BlueprintCanvasStep } from './BlueprintCanvas';
 import { MigrationStep } from './Migration';
 
 const STEPS = {
@@ -43,6 +45,18 @@ const STEPS = {
 		isRequired: true,
 		Component: CanvasStep,
 	},
+	blueprints: {
+		path: '/blueprints',
+		order: 70,
+		isRequired: false,
+		Component: BlueprintsStep,
+	},
+	blueprintCanvas: {
+		path: '/blueprints-canvas',
+		order: 80,
+		isRequired: false,
+		Component: BlueprintCanvasStep,
+	},
 	migration: {
 		path: '/migration',
 		order: 90,
@@ -59,5 +73,7 @@ export {
 	GeneratingStep,
 	PreviewsStep,
 	CanvasStep,
+	BlueprintsStep,
+	BlueprintCanvasStep,
 	MigrationStep,
 };