Jetpack Partner Portal: add the feature flag and required modules for a page to create a WP.com site

client/jetpack-cloud/sections/partner-portal/controller.tsx

@@ -33,6 +33,7 @@ import {
 import { ToSConsent } from 'calypso/state/partner-portal/types';
 import getSites from 'calypso/state/selectors/get-sites';
 import Header from './header';
+import WPCOMAtomicHosting from './primary/wpcom-atomic-hosting';
 import type PageJS from 'page';
 
 export function partnerContext( context: PageJS.Context, next: () => void ): void {
@@ -163,6 +164,13 @@ export function landingPageContext() {
 	return;
 }
 
+export function wpcomAtomicHostingContext( context: PageJS.Context, next: () => void ): void {
+	context.header = <Header />;
+	context.secondary = <PartnerPortalSidebar path={ context.path } />;
+	context.primary = <WPCOMAtomicHosting />;
+	next();
+}
+
 /**
  * Require the user to have a partner with at least 1 active partner key.
  *

client/jetpack-cloud/sections/partner-portal/index.ts

@@ -1,3 +1,4 @@
+import config from '@automattic/calypso-config';
 import page from 'page';
 import { makeLayout, render as clientRender } from 'calypso/controller/index.web';
 import * as controller from './controller';
@@ -148,4 +149,17 @@ export default function () {
 		makeLayout,
 		clientRender
 	);
+
+	// WPCOM Atomic Hosting Page
+	if ( config.isEnabled( 'jetpack/pro-dashboard-wpcom-atomic-hosting' ) ) {
+		page(
+			`/partner-portal/create-site`,
+			controller.requireAccessContext,
+			controller.requireTermsOfServiceConsentContext,
+			controller.requireSelectedPartnerKeyContext,
+			controller.wpcomAtomicHostingContext,
+			makeLayout,
+			clientRender
+		);
+	}
 }

client/jetpack-cloud/sections/partner-portal/primary/wpcom-atomic-hosting/index.tsx

@@ -0,0 +1,16 @@
+import { useTranslate } from 'i18n-calypso';
+import CardHeading from 'calypso/components/card-heading';
+import Layout from '../../layout';
+import LayoutHeader from '../../layout/header';
+
+export default function WPCOMAtomicHosting() {
+	const translate = useTranslate();
+	const title = translate( 'Create a new WordPress.com site' );
+	return (
+		<Layout title={ title } wide>
+			<LayoutHeader>
+				<CardHeading size={ 36 }>{ title }</CardHeading>
+			</LayoutHeader>
+		</Layout>
+	);
+}

config/jetpack-cloud-development.json

@@ -52,6 +52,7 @@
 		"jetpack/pro-dashboard-jetpack-boost": true,
 		"jetpack/pro-dashboard-monitor-multiple-email-recipients": true,
 		"jetpack/pro-dashboard-monitor-paid-tier": true,
+		"jetpack/pro-dashboard-wpcom-atomic-hosting": true,
 		"jetpack/pro-dashboard-monitor-sms-notification": true,
 		"jetpack/search-product": true,
 		"jetpack/server-credentials-advanced-flow": true,

config/jetpack-cloud-horizon.json

@@ -45,6 +45,7 @@
 		"jetpack/pro-dashboard-jetpack-boost": false,
 		"jetpack/pro-dashboard-monitor-multiple-email-recipients": true,
 		"jetpack/pro-dashboard-monitor-paid-tier": true,
+		"jetpack/pro-dashboard-wpcom-atomic-hosting": true,
 		"jetpack/pro-dashboard-monitor-sms-notification": true,
 		"jetpack/search-product": true,
 		"jetpack/server-credentials-advanced-flow": true,

config/jetpack-cloud-production.json

@@ -48,6 +48,7 @@
 		"jetpack/pro-dashboard-jetpack-boost": false,
 		"jetpack/pro-dashboard-monitor-multiple-email-recipients": true,
 		"jetpack/pro-dashboard-monitor-paid-tier": true,
+		"jetpack/pro-dashboard-wpcom-atomic-hosting": false,
 		"jetpack/pro-dashboard-monitor-sms-notification": true,
 		"jetpack/server-credentials-advanced-flow": true,
 		"jetpack/simplify-pricing-structure": false,

config/jetpack-cloud-stage.json

@@ -48,6 +48,7 @@
 		"jetpack/pro-dashboard-jetpack-boost": false,
 		"jetpack/pro-dashboard-monitor-multiple-email-recipients": true,
 		"jetpack/pro-dashboard-monitor-paid-tier": true,
+		"jetpack/pro-dashboard-wpcom-atomic-hosting": false,
 		"jetpack/pro-dashboard-monitor-sms-notification": true,
 		"jetpack/search-product": true,
 		"jetpack/server-credentials-advanced-flow": true,