Hosting Dashboard: Add settings for robots and 3rd party sharing (#103661)

Author: p-jackson

client/dashboard/data/index.ts

@@ -323,39 +323,67 @@ export const updateSiteSettings = async ( siteIdOrSlug: string, data: Partial< S
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function fromRawSiteSettings( settings: any ): SiteSettings {
-	const blog_public = Number( settings.blog_public );
-	const wpcom_coming_soon = Number( settings.wpcom_public_coming_soon );
-	const wpcom_public_coming_soon = Number( settings.wpcom_public_coming_soon );
+function fromRawSiteSettings( rawSettings: any ): SiteSettings {
+	// Pluck out raw settings which don't map directly to a field in SiteSettings.
+	const {
+		blog_public: blogPublicRaw,
+		wpcom_coming_soon: wpcomComingSoonRaw,
+		wpcom_public_coming_soon: wpcomPublicComingSoonRaw,
+		wpcom_data_sharing_opt_out: wpcomDataSharingOptOutRaw,
+		...settings
+	} = rawSettings;
+
+	const blog_public = Number( blogPublicRaw );
+	const wpcom_coming_soon = Number( wpcomComingSoonRaw );
+	const wpcom_public_coming_soon = Number( wpcomPublicComingSoonRaw );
+	const wpcom_data_sharing_opt_out = Boolean( wpcomDataSharingOptOutRaw );
 
 	if ( wpcom_coming_soon === 1 || wpcom_public_coming_soon === 1 ) {
 		settings.wpcom_site_visibility = 'coming-soon';
+		settings.wpcom_discourage_search_engines = false;
 	} else if ( blog_public === -1 ) {
 		settings.wpcom_site_visibility = 'private';
+		settings.wpcom_discourage_search_engines = false;
 	} else {
 		settings.wpcom_site_visibility = 'public';
+		settings.wpcom_discourage_search_engines = blog_public === 0;
 	}
+
+	settings.wpcom_prevent_third_party_sharing = wpcom_data_sharing_opt_out;
+
 	return settings;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function toRawSiteSettings( settings: Partial< SiteSettings > ): any {
-	const rawSettings = settings as any; // eslint-disable-line @typescript-eslint/no-explicit-any
-
-	const { wpcom_site_visibility } = settings;
+	// Pluck out settings which don't map directly to a field in the raw settings.
+	const {
+		wpcom_site_visibility,
+		wpcom_discourage_search_engines,
+		wpcom_prevent_third_party_sharing,
+		...rest
+	} = settings;
+	const rawSettings = rest as any; // eslint-disable-line @typescript-eslint/no-explicit-any
 
 	if ( wpcom_site_visibility !== undefined ) {
 		if ( wpcom_site_visibility === 'coming-soon' ) {
 			rawSettings.blog_public = 0;
 			rawSettings.wpcom_public_coming_soon = 1;
+			rawSettings.wpcom_data_sharing_opt_out = false;
 		} else if ( wpcom_site_visibility === 'private' ) {
 			rawSettings.blog_public = -1;
 			rawSettings.wpcom_public_coming_soon = 0;
+			rawSettings.wpcom_data_sharing_opt_out = false;
 		} else {
-			rawSettings.blog_public = 1;
+			rawSettings.blog_public = wpcom_discourage_search_engines ? 0 : 1;
 			rawSettings.wpcom_public_coming_soon = 0;
+			rawSettings.wpcom_data_sharing_opt_out = wpcom_prevent_third_party_sharing;
 		}
+
+		// Take opportunity, while the user is switching visibility settings, to disable the legacy coming soon setting.
+		rawSettings.wpcom_coming_soon = 0;
 	}
+
 	return rawSettings;
 }
 

client/dashboard/data/types.ts

@@ -168,6 +168,8 @@ export interface EngagementStats {
 
 export interface SiteSettings {
 	wpcom_site_visibility?: 'coming-soon' | 'public' | 'private';
+	wpcom_discourage_search_engines?: boolean;
+	wpcom_prevent_third_party_sharing?: boolean;
 	wpcom_gifting_subscription?: boolean;
 	wpcom_performance_report_url?: string;
 }

client/dashboard/sites/settings-site-visibility/index.tsx

@@ -6,6 +6,7 @@ import PageLayout from '../../components/page-layout';
 import SettingsPageHeader from '../settings-page-header';
 import { LaunchForm } from './launch-form';
 import { PrivacyForm } from './privacy-form';
+import './style.scss';
 
 export default function SiteVisibilitySettings( { siteSlug }: { siteSlug: string } ) {
 	const { data: site } = useQuery( siteQuery( siteSlug ) );

client/dashboard/sites/settings-site-visibility/privacy-form.tsx

@@ -3,13 +3,16 @@ import {
 	__experimentalHStack as HStack,
 	__experimentalVStack as VStack,
 	Button,
+	CheckboxControl,
+	ExternalLink,
 } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
+import { createInterpolateElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { useState } from 'react';
 import type { SiteSettings } from '../../data/types';
-import type { Field, SimpleFormField } from '@automattic/dataviews';
+import type { Field, Form } from '@automattic/dataviews';
 import type { UseMutationResult } from '@tanstack/react-query';
 
 const fields: Field< SiteSettings >[] = [
@@ -38,12 +41,56 @@ const fields: Field< SiteSettings >[] = [
 			},
 		],
 	},
+	{
+		id: 'wpcom_discourage_search_engines',
+		Edit: 'checkbox',
+		label: __( 'Discourage search engines from indexing this site' ),
+		description: __(
+			'This does not block access to your site — it is up to search engines to honor your request.'
+		),
+		isVisible: ( { wpcom_site_visibility }: SiteSettings ) => wpcom_site_visibility === 'public',
+	},
+	{
+		id: 'wpcom_prevent_third_party_sharing',
+		Edit: ( { field, onChange, data, hideLabelFromVision } ) => (
+			<CheckboxControl
+				__nextHasNoMarginBottom
+				label={ hideLabelFromVision ? '' : field.label }
+				checked={ field.getValue( { item: data } ) }
+				disabled={ data.wpcom_discourage_search_engines }
+				onChange={ () => {
+					onChange( { [ field.id ]: ! field.getValue( { item: data } ) } );
+				} }
+				help={ createInterpolateElement(
+					__(
+						'This will present this site’s content from being shared with our licensed network of content and research partners, including those that train AI models. <a>Learn more</a>'
+					),
+					{
+						a: (
+							// TODO investigate whether localizeUrl() is safe to import into dashboard
+							<ExternalLink
+								/* eslint-disable-next-line wpcalypso/i18n-unlocalized-url */
+								href="https://wordpress.com/support/privacy-settings/make-your-website-public/#prevent-third-party-sharing"
+								children={ null } // ExternalLink's children prop is marked as required
+							/>
+						),
+					}
+				) }
+			/>
+		),
+		label: __( 'Prevent third-party sharing for this site' ),
+		isVisible: ( { wpcom_site_visibility }: SiteSettings ) => wpcom_site_visibility === 'public',
+	},
 ];
 
 const form = {
-	type: 'regular' as const,
-	fields: [ { id: 'wpcom_site_visibility', labelPosition: 'none' } as SimpleFormField ],
-};
+	type: 'regular',
+	fields: [
+		{ id: 'wpcom_site_visibility', labelPosition: 'none' },
+		'wpcom_discourage_search_engines',
+		'wpcom_prevent_third_party_sharing',
+	],
+} satisfies Form;
 
 export function PrivacyForm( {
 	settings,
@@ -55,6 +102,9 @@ export function PrivacyForm( {
 	const { createSuccessNotice, createErrorNotice } = useDispatch( noticesStore );
 	const [ formData, setFormData ] = useState( {
 		wpcom_site_visibility: settings.wpcom_site_visibility,
+		wpcom_discourage_search_engines: settings.wpcom_discourage_search_engines,
+		wpcom_prevent_third_party_sharing:
+			settings.wpcom_discourage_search_engines || settings.wpcom_prevent_third_party_sharing,
 	} );
 
 	const isDirty = Object.entries( formData ).some(
@@ -78,19 +128,38 @@ export function PrivacyForm( {
 	};
 
 	return (
-		<form onSubmit={ handleSubmit }>
+		<form onSubmit={ handleSubmit } className="dashboard-site-settings-privacy-form">
 			<VStack spacing={ 4 }>
 				<DataForm< SiteSettings >
 					data={ formData }
 					fields={ fields }
 					form={ form }
 					onChange={ ( edits: Partial< SiteSettings > ) => {
-						setFormData( ( data ) => ( { ...data, ...edits } ) );
+						setFormData( ( data ) => {
+							const newFormData = { ...data, ...edits };
+
+							if ( edits.wpcom_site_visibility !== undefined ) {
+								// Forget any previous edits to the discoverability controls when the visibility changes.
+								newFormData.wpcom_discourage_search_engines =
+									settings.wpcom_discourage_search_engines;
+								newFormData.wpcom_prevent_third_party_sharing =
+									settings.wpcom_discourage_search_engines ||
+									settings.wpcom_prevent_third_party_sharing;
+							}
+
+							if ( edits.wpcom_discourage_search_engines === true ) {
+								// Checking the search engine box forces the third party checkbox too.
+								newFormData.wpcom_prevent_third_party_sharing = true;
+							}
+
+							return newFormData;
+						} );
 					} }
 				/>
 				<HStack justify="flex-start">
 					<Button
 						variant="primary"
+						__next40pxDefaultSize
 						type="submit"
 						isBusy={ isPending }
 						disabled={ isPending || ! isDirty }

client/dashboard/sites/settings-site-visibility/style.scss

@@ -0,0 +1,16 @@
+.dashboard-site-settings-privacy-form .components-checkbox-control:has(input[type="checkbox"]:disabled:checked) {
+	label {
+		cursor: default;
+	}
+
+	input[type="checkbox"] {
+		background: #f0f0f0;
+		border-color: #ddd;
+		cursor: default;
+		opacity: 1;
+	}
+
+	svg {
+		fill: var( --dashboard__text-color );
+	}
+}