Adds My Home card for DIFM Lite in-progress sites (#56313)

client/my-sites/customer-home/cards/constants.js

@@ -33,3 +33,4 @@ export const TASK_WP_COURSES = 'home-task-wp-courses';
 export const TASK_CLOUDFLARE = 'home-task-cloudflare';
 export const TASK_UPSELL_TITAN = 'home-task-upsell-titan';
 export const TASK_VERIFY_EMAIL = 'home-task-verify-email';
+export const TASK_DIFM_LITE_IN_PROGRESS = 'home-task-difm-lite-in-progress';

client/my-sites/customer-home/cards/tasks/difm-lite-in-progress/index.jsx

@@ -0,0 +1,24 @@
+import { useTranslate } from 'i18n-calypso';
+import React from 'react';
+import builderReferral from 'calypso/assets/images/illustrations/builder-referral.svg';
+import { TASK_DIFM_LITE_IN_PROGRESS } from 'calypso/my-sites/customer-home/cards/constants';
+import Task from 'calypso/my-sites/customer-home/cards/tasks/task';
+
+const DIFMLiteInProgress = () => {
+	const translate = useTranslate();
+
+	return (
+		<Task
+			title={ translate( 'Hang on! Our experts are building your site.' ) }
+			description={ translate(
+				'Our Built By WordPress.com team will be in touch with you when your site is ready to be transferred to your account and launched.'
+			) }
+			illustration={ builderReferral }
+			taskId={ TASK_DIFM_LITE_IN_PROGRESS }
+			showSkip={ false }
+			hasAction={ false }
+		/>
+	);
+};
+
+export default DIFMLiteInProgress;

client/my-sites/customer-home/locations/primary/index.jsx

@@ -24,13 +24,15 @@ import {
 	TASK_VERIFY_EMAIL,
 	TASK_WEBINARS,
 	TASK_WP_COURSES,
+	TASK_DIFM_LITE_IN_PROGRESS,
 } from 'calypso/my-sites/customer-home/cards/constants';
 import CelebrateSiteCreation from 'calypso/my-sites/customer-home/cards/notices/celebrate-site-creation';
 import CelebrateSiteLaunch from 'calypso/my-sites/customer-home/cards/notices/celebrate-site-launch';
 import CelebrateSiteMigration from 'calypso/my-sites/customer-home/cards/notices/celebrate-site-migration';
 import CelebrateSiteSetupComplete from 'calypso/my-sites/customer-home/cards/notices/celebrate-site-setup-complete';
 import Cloudflare from 'calypso/my-sites/customer-home/cards/tasks/cloudflare';
 import ConnectAccounts from 'calypso/my-sites/customer-home/cards/tasks/connect-accounts';
+import DIFMLiteInProgress from 'calypso/my-sites/customer-home/cards/tasks/difm-lite-in-progress';
 import EarnFeatures from 'calypso/my-sites/customer-home/cards/tasks/earn-features';
 import FindDomain from 'calypso/my-sites/customer-home/cards/tasks/find-domain';
 import GoMobile from 'calypso/my-sites/customer-home/cards/tasks/go-mobile';
@@ -50,7 +52,9 @@ const cardComponents = {
 	[ NOTICE_CELEBRATE_SITE_LAUNCH ]: CelebrateSiteLaunch,
 	[ NOTICE_CELEBRATE_SITE_MIGRATION ]: CelebrateSiteMigration,
 	[ NOTICE_CELEBRATE_SITE_SETUP_COMPLETE ]: CelebrateSiteSetupComplete,
+	[ TASK_CLOUDFLARE ]: Cloudflare,
 	[ TASK_CONNECT_ACCOUNTS ]: ConnectAccounts,
+	[ TASK_DIFM_LITE_IN_PROGRESS ]: DIFMLiteInProgress,
 	[ TASK_EARN_FEATURES ]: EarnFeatures,
 	[ TASK_FIND_DOMAIN ]: FindDomain,
 	[ TASK_GO_MOBILE_ANDROID ]: GoMobile,
@@ -64,7 +68,6 @@ const cardComponents = {
 	[ TASK_SITE_SETUP_CHECKLIST_ECOMMERCE ]: SiteSetupListEcommerce,
 	[ TASK_WEBINARS ]: Webinars,
 	[ TASK_WP_COURSES ]: WPCourses,
-	[ TASK_CLOUDFLARE ]: Cloudflare,
 	[ TASK_VERIFY_EMAIL ]: VerifyEmail,
 };