Boost: Use Blog ID in links to WPCOM instead of site slug (#35002)

Adjust checkout links in Boost plugin to use blog ID instead of slug for multi-URL support.

projects/plugins/boost/app/assets/src/js/lib/stores/connection.ts

@@ -13,17 +13,24 @@ import { z } from 'zod';
  *
  * @param domain
  * @param isUserConnected
+ * @param blogID
  */
-export function getUpgradeURL( domain: string, isUserConnected = false ) {
+export function getUpgradeURL(
+	domain: string,
+	isUserConnected = false,
+	blogID: string | null = null
+) {
 	const product = 'jetpack_boost_yearly';
 
-	const redirectUrl = new URL( window.location.href );
-	redirectUrl.hash = '#/purchase-successful';
-
-	const checkoutProductUrl = new URL( `https://wordpress.com/checkout/${ domain }/${ product }` );
+	const checkoutProductUrl = new URL(
+		`https://wordpress.com/checkout/${ blogID ?? domain }/${ product }`
+	);
 
 	// Add redirect_to parameter
-	checkoutProductUrl.searchParams.set( 'redirect_to', redirectUrl.toString() );
+	checkoutProductUrl.searchParams.set(
+		'redirect_to',
+		'admin.php?page=jetpack-boost#/purchase-successful'
+	);
 
 	// Add site to query string.
 	checkoutProductUrl.searchParams.set( 'site', domain );

projects/plugins/boost/app/assets/src/js/pages/getting-started/getting-started.tsx

@@ -31,15 +31,19 @@ const GettingStarted: React.FC = () => {
 	const [ , setCriticalCssState ] = useSingleModuleState( 'critical_css' );
 
 	const {
-		connection: { userConnected },
+		connection: { userConnected, wpcomBlogId },
 		initializeConnection,
 	} = useConnection();
 
 	useEffect( () => {
 		if ( ! shouldGetStarted && selectedPlan ) {
 			// Go to the purchase flow if the user doesn't have a premium plan.
 			if ( ! isPremium && selectedPlan === 'premium' ) {
-				window.location.href = getUpgradeURL( domain, userConnected );
+				window.location.href = getUpgradeURL(
+					domain,
+					userConnected,
+					wpcomBlogId ? wpcomBlogId.toString() : null
+				);
 			} else {
 				setCriticalCssState( true );
 				navigate( '/', { replace: true } );
@@ -53,6 +57,7 @@ const GettingStarted: React.FC = () => {
 		setCriticalCssState,
 		shouldGetStarted,
 		userConnected,
+		wpcomBlogId,
 	] );
 
 	async function initialize( plan: 'free' | 'premium' ) {

projects/plugins/boost/app/assets/src/js/pages/upgrade/upgrade.tsx

@@ -18,7 +18,11 @@ const Upgrade: React.FC = () => {
 
 	const goToCheckout = () => {
 		recordBoostEventAndRedirect(
-			getUpgradeURL( siteDomain, connection.userConnected ),
+			getUpgradeURL(
+				siteDomain,
+				connection.userConnected,
+				connection?.wpcomBlogId ? connection?.wpcomBlogId.toString() : null
+			),
 			'checkout_from_pricing_page_in_plugin'
 		);
 	};

projects/plugins/boost/changelog/update-boost-wpcom-links-blog-id

@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+Use Blog ID in links to WPCOM instead of site slug.