Studio: Pass custom domain to WP.com onboarding flow (#2184)

* This PR passes the custom domain to WP.com onboarding flow if the user uses the custom domain.
* If not, we pass the Studio site name.

---------

Co-authored-by: Kateryna Kodonenko <kateryna@automattic.com>
Co-authored-by: Antonio Sejas <antonio@sejas.es>

Author: 3 people

common/constants.ts

@@ -17,3 +17,6 @@ export const LOCKFILE_WAIT_TIME = 5000;
 export const PLAYGROUND_CLI_INACTIVITY_TIMEOUT = 2 * 60 * 1000; // 2 minutes of no output = timeout
 export const PLAYGROUND_CLI_MAX_TIMEOUT = 10 * 60 * 1000; // 10 minutes absolute maximum
 export const PLAYGROUND_CLI_ACTIVITY_CHECK_INTERVAL = 5 * 1000; // Check for inactivity every 5 seconds
+
+// Custom domains
+export const DEFAULT_CUSTOM_DOMAIN_SUFFIX = '.wp.local';

common/lib/domains.ts

@@ -1,4 +1,5 @@
 import { __ } from '@wordpress/i18n';
+import { DEFAULT_CUSTOM_DOMAIN_SUFFIX } from 'common/constants';
 import { sanitizeFolderName } from './sanitize-folder-name';
 
 const DOMAIN_PATTERN =
@@ -10,7 +11,7 @@ const DOMAIN_PATTERN =
 export const generateCustomDomainFromSiteName = ( siteName: string ): string => {
 	const domainBase = sanitizeFolderName( siteName );
 
-	return `${ domainBase }.wp.local`;
+	return `${ domainBase }${ DEFAULT_CUSTOM_DOMAIN_SUFFIX }`;
 };
 
 export const getDomainNameValidationError = (

src/modules/sync/components/create-button.tsx

@@ -1,4 +1,5 @@
 import { __ } from '@wordpress/i18n';
+import { DEFAULT_CUSTOM_DOMAIN_SUFFIX } from 'common/constants';
 import { ArrowIcon } from 'src/components/arrow-icon';
 import Button, { ButtonVariant } from 'src/components/button';
 import offlineIcon from 'src/components/offline-icon';
@@ -33,10 +34,13 @@ export const CreateButton = ( {
 			<Button
 				onClick={ () => {
 					onClick?.();
+					const suggestedName = selectedSite.customDomain
+						? selectedSite.customDomain.replace( DEFAULT_CUSTOM_DOMAIN_SUFFIX, '' )
+						: selectedSite.name;
 					getIpcApi().openURL(
 						`https://wordpress.com/setup/new-hosted-site?ref=studio&section=studio-sync&showDomainStep&studioSiteId=${
 							selectedSite.id
-						}&new=${ encodeURIComponent( selectedSite.name ) }`
+						}&new=${ encodeURIComponent( suggestedName ) }`
 					);
 				} }
 				variant={ variant }