load newsletter v2 launchpad in /home

Automattic · Jan 22, 2025 · 49f0d0d · 49f0d0d
1 parent 5bc3383
commit 49f0d0d
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 2 deletions.
diff --git a/client/my-sites/customer-home/cards/constants.js b/client/my-sites/customer-home/cards/constants.js
@@ -61,6 +61,7 @@ export const LAUNCHPAD_INTENT_HOSTING = 'home-launchpad-intent-hosting';
 export const LAUNCHPAD_INTENT_WRITE = 'home-launchpad-intent-write';
 export const LAUNCHPAD_INTENT_FREE_NEWSLETTER = 'home-launchpad-intent-free-newsletter';
 export const LAUNCHPAD_INTENT_PAID_NEWSLETTER = 'home-launchpad-intent-paid-newsletter';
+export const LAUNCHPAD_INTENT_NEWSLETTER_V2 = 'home-launchpad-intent-newsletter-v2';
 export const LAUNCHPAD_PRE_LAUNCH = 'home-launchpad-pre-launch';
 export const LAUNCHPAD_LEGACY_SITE_SETUP = 'home-launchpad-legacy-site-setup';
 export const LAUNCHPAD_POST_MIGRATION = 'home-launchpad-post-migration';

diff --git a/client/my-sites/customer-home/cards/launchpad/intent-newsletter.tsx b/client/my-sites/customer-home/cards/launchpad/intent-newsletter.tsx
@@ -15,3 +15,7 @@ export const LaunchpadIntentFreeNewsletter = (): JSX.Element => {
 export const LaunchpadIntentPaidNewsletter = (): JSX.Element => {
 	return <LaunchpadIntentNewsletter checklistSlug="intent-paid-newsletter" />;
 };
+
+export const LaunchpadIntentNewsletterV2 = (): JSX.Element => {
+	return <LaunchpadIntentNewsletter checklistSlug="intent-newsletter-v2" />;
+};
diff --git a/client/my-sites/customer-home/locations/card-components.ts b/client/my-sites/customer-home/locations/card-components.ts
@@ -48,6 +48,7 @@ import {
 	TASK_VERIFY_EMAIL,
 	TASK_WEBINARS,
 	TASK_WP_COURSES,
+	LAUNCHPAD_INTENT_NEWSLETTER_V2,
 } from 'calypso/my-sites/customer-home/cards/constants';
 import DomainUpsellFeature from 'calypso/my-sites/customer-home/cards/features/domain-upsell';
 import HelpSearch from 'calypso/my-sites/customer-home/cards/features/help-search';
@@ -58,6 +59,7 @@ import LaunchpadIntentBuild from 'calypso/my-sites/customer-home/cards/launchpad
 import LaunchpadIntentHosting from 'calypso/my-sites/customer-home/cards/launchpad/intent-hosting';
 import {
 	LaunchpadIntentFreeNewsletter,
+	LaunchpadIntentNewsletterV2,
 	LaunchpadIntentPaidNewsletter,
 } from 'calypso/my-sites/customer-home/cards/launchpad/intent-newsletter';
 import LaunchpadIntentWrite from 'calypso/my-sites/customer-home/cards/launchpad/intent-write';
@@ -150,6 +152,7 @@ const CARD_COMPONENTS: CardComponentMap = {
 	[ LAUNCHPAD_INTENT_WRITE ]: LaunchpadIntentWrite,
 	[ LAUNCHPAD_PRE_LAUNCH ]: LaunchpadPreLaunch,
 	[ LAUNCHPAD_LEGACY_SITE_SETUP ]: LaunchpadSiteSetup,
+	[ LAUNCHPAD_INTENT_NEWSLETTER_V2 ]: LaunchpadIntentNewsletterV2,
 	[ LAUNCHPAD_POST_MIGRATION ]: LaunchpadPostMigration,
 	[ NOTICE_READER_FIRST_POSTS ]: ReaderFirstPosts,
 	[ SECTION_BLOGGING_PROMPT ]: BloggingPrompt,

diff --git a/client/my-sites/preview/main.jsx b/client/my-sites/preview/main.jsx
@@ -1,4 +1,5 @@
 import { Button, Gridicon } from '@automattic/components';
+import { updateLaunchpadSettings } from '@automattic/data-stores';
 import { isWithinBreakpoint, isMobile, isDesktop } from '@automattic/viewport';
 import debugFactory from 'debug';
 import { localize } from 'i18n-calypso';
@@ -228,7 +229,9 @@ const ConnectedPreviewMain = ( props ) => {
 	);
 
 	useRequestSiteChecklistTaskUpdate( selectedSiteId, CHECKLIST_KNOWN_TASKS.BLOG_PREVIEWED );
-
+	updateLaunchpadSettings( selectedSiteId, {
+		checklist_statuses: { preview_site: true },
+	} );
 	return <PreviewMain { ...props } { ...stateToProps } { ...dispatchToProps } />;
 };
 

diff --git a/packages/data-stores/src/onboard/constants.ts b/packages/data-stores/src/onboard/constants.ts
@@ -37,6 +37,7 @@ export enum SiteIntent {
 	ReadyMadeTemplate = 'readymade-template',
 	AIAssembler = 'ai-assembler',
 	Newsletter = 'newsletter',
+	NewsletterV2 = 'intent-newsletter-v2',
 	FreePostSetup = 'free-post-setup', // non-signup flow
 	SiteMigration = 'site-migration',
 	LinkInBioPostSetup = 'link-in-bio-post-setup', // non-signup flow

diff --git a/packages/data-stores/src/onboard/utils.ts b/packages/data-stores/src/onboard/utils.ts
@@ -30,7 +30,7 @@ export const goalsToIntent = ( goals: SiteGoal[] ): SiteIntent => {
 
 	// Newsletter flow
 	if ( goals.includes( SiteGoal.Newsletter ) ) {
-		return SiteIntent.Newsletter;
+		return SiteIntent.NewsletterV2;
 	}
 
 	return SiteIntent.Build;