MU WPCOM: Port the site visibility settings from Calypso to WP Admin (#42230)

* MU WPCOM: Port the site visibility setting

* Render the site visibility on frontend

* Handle the logic of the settings

* Generate site preview link

* changelog

* Refine layout

* Update pnpm-lock.yaml

* Handle the update of the site options

* Clean up variables

* Display launch site button for the unlaunched sites

* Display site preview link for unlaunched sites

* Update the copy of the site management panel link

* Fix lint

* Change to use the /sites//hosting/wpcom-public-coming-soon endpoint

* Fix the value of wpcom_data_sharing_opt_out

* Change to use the /sites//site-visibility endpoint

* Use wpcom_json_api_request_as_blog on simple sites

* Show the details of the public only when the current site visibility is configured to public

* Simplify the condition

* Add missing class name

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/13988484555

Upstream-Ref: Automattic/jetpack@5b3eef2

Author: arthur791004

CHANGELOG.md

@@ -96,6 +96,7 @@ This is an alpha version! The changes listed here are not final.
 - Remove duplicate views: Enhance notices
 - Render the Global Styles frontend bar separately from the .com launch bar.
 - Restored the code that assigned global styles on personal variations and added the new experiment code
+- Site Visibility: Port the site visibility settings from Calypso to WP Admin
 - Theme: Clean up files that were used during the theme switch and theme preview
 - Update background pattern image
 - Updated /settings/general url to /sites/settings/site for classic style users

package.json

@@ -63,6 +63,7 @@
 		"@wordpress/base-styles": "5.19.0",
 		"@wordpress/blocks": "14.8.0",
 		"@wordpress/components": "29.5.0",
+		"@wordpress/compose": "7.19.0",
 		"@wordpress/data": "10.19.0",
 		"@wordpress/dom-ready": "^4.8.1",
 		"@wordpress/element": "6.19.0",

src/build/wpcom-replace-site-visibility/wpcom-replace-site-visibility.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-components', 'wp-compose', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'b2c7b09603290d3c31dd');

src/build/wpcom-replace-site-visibility/wpcom-replace-site-visibility.css

@@ -9,6 +9,8 @@
 
 use Automattic\Jetpack\Jetpack_Mu_Wpcom;
 
+require_once __DIR__ . '/../../utils.php';
+
 /**
  * Determines whether the coming soon page should be shown.
  *

src/build/wpcom-replace-site-visibility/wpcom-replace-site-visibility.js

@@ -0,0 +1,85 @@
+import { __ } from '@wordpress/i18n';
+import { addQueryArgs } from '@wordpress/url';
+import SitePreviewLink from '../site-preview-link';
+import type { SitePreviewLinkObject } from '../site-preview-link';
+
+interface Props {
+	homeUrl: string;
+	siteTitle: string;
+	isUnlaunchedSite: boolean;
+	hasSitePreviewLink: boolean;
+	sitePreviewLink?: SitePreviewLinkObject;
+	sitePreviewLinkNonce: string;
+	blogPublic: number;
+	wpcomComingSoon: number;
+	wpcomPublicComingSoon: number;
+}
+
+const LaunchSite = ( {
+	homeUrl,
+	siteTitle,
+	isUnlaunchedSite,
+	hasSitePreviewLink,
+	sitePreviewLink,
+	sitePreviewLinkNonce,
+	blogPublic,
+	wpcomComingSoon,
+	wpcomPublicComingSoon,
+}: Props ) => {
+	// isPrivateAndUnlaunched means it is an unlaunched coming soon v1 site
+	const isPrivateAndUnlaunched = -1 === blogPublic && isUnlaunchedSite;
+	const isAnyComingSoonEnabled =
+		( 0 === blogPublic && wpcomPublicComingSoon ) || isPrivateAndUnlaunched || wpcomComingSoon;
+
+	const launchUrl = addQueryArgs( 'https://wordpress.com/start/launch-site', {
+		siteSlug: new URL( homeUrl ).host,
+		source: 'options-reading.php',
+		new: siteTitle,
+		search: 'yes',
+	} );
+
+	const showPreviewLink = isAnyComingSoonEnabled && hasSitePreviewLink;
+
+	return (
+		<>
+			<p>
+				{ isAnyComingSoonEnabled
+					? __(
+							'Your site hasn\'t been launched yet. It is hidden from visitors behind a "Coming Soon" notice until it is launched.',
+							'jetpack-mu-wpcom'
+					  )
+					: __(
+							"Your site hasn't been launched yet. It's private; only you can see it until it is launched.",
+							'jetpack-mu-wpcom',
+							0
+					  ) }
+			</p>
+			<a
+				role="button"
+				className="button-secondary"
+				style={ { marginTop: '0.5em' } }
+				href={ launchUrl }
+			>
+				{ __( 'Launch site', 'jetpack-mu-wpcom' ) }
+			</a>
+			{ showPreviewLink && (
+				<SitePreviewLink
+					homeUrl={ homeUrl }
+					sitePreviewLink={ sitePreviewLink }
+					sitePreviewLinkNonce={ sitePreviewLinkNonce }
+					description={
+						<>
+							{ __(
+								'"Coming soon" sites are only visible to you and invited users.',
+								'jetpack-mu-wpcom'
+							) }
+							&nbsp;
+						</>
+					}
+				/>
+			) }
+		</>
+	);
+};
+
+export default LaunchSite;