Move post_statuses setting from legacy PHP settings to React UI

Per review feedback: the legacy PHP settings screen (add_settings_field)
is being phased out and hasn't been the default since v3.2.0, so new
settings should be added to the React settings UI instead.

- Remove the post_statuses add_settings_field() block from
  TextToSpeech::add_custom_settings_fields().
- Add the equivalent control to
  src/js/settings/components/feature-additional-settings/text-to-speech.js,
  mirroring the existing post_statuses block already used by the
  Classification feature's React settings (same window.classifAISettings.postStatuses
  data source, already localized in Admin/Settings.php - no new PHP
  localization needed).

The default settings, sanitization, and enforcement gates added in the
previous commit are unchanged - those are backend/data-layer concerns
independent of which UI renders the control.

Author: Moferanoluwa

includes/Classifai/Features/TextToSpeech.php

@@ -940,20 +940,6 @@ public function add_custom_settings_fields() {
 				'description'    => __( 'Choose which post types support this feature.', 'classifai' ),
 			)
 		);
-
-		add_settings_field(
-			'post_statuses',
-			esc_html__( 'Allowed post statuses', 'classifai' ),
-			array( $this, 'render_checkbox_group' ),
-			$this->get_option_name(),
-			$this->get_option_name() . '_section',
-			array(
-				'label_for'      => 'post_statuses',
-				'options'        => \Classifai\get_post_statuses_for_language_settings(),
-				'default_values' => $settings['post_statuses'],
-				'description'    => __( 'Choose which post statuses are allowed to generate audio, e.g. disable this for Draft to avoid generating audio for content that is still being edited.', 'classifai' ),
-			)
-		);
 	}
 
 	/**

src/js/settings/components/feature-additional-settings/text-to-speech.js

@@ -4,6 +4,7 @@
 import { useSelect, useDispatch } from '@wordpress/data';
 import { CheckboxControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
@@ -23,36 +24,70 @@ export const TextToSpeechSettings = () => {
 		select( STORE_NAME ).getFeatureSettings()
 	);
 	const { setFeatureSettings } = useDispatch( STORE_NAME );
-	const { postTypes } = window.classifAISettings;
+	const { postTypes, postStatuses } = window.classifAISettings;
 
 	return (
-		<SettingsRow
-			label={ __( 'Allowed post types', 'classifai' ) }
-			description={ __(
-				'Choose which post types support this feature.',
-				'classifai'
-			) }
-			className="settings-allowed-post-types"
-		>
-			{ Object.keys( postTypes || {} ).map( ( key ) => {
-				return (
-					<CheckboxControl
-						id={ key }
-						key={ key }
-						checked={ featureSettings.post_types?.[ key ] === key }
-						label={ postTypes?.[ key ] }
-						onChange={ ( value ) => {
-							setFeatureSettings( {
-								post_types: {
-									...featureSettings.post_types,
-									[ key ]: value ? key : '0',
-								},
-							} );
-						} }
-						__nextHasNoMarginBottom
-					/>
-				);
-			} ) }
-		</SettingsRow>
+		<>
+			<SettingsRow
+				label={ __( 'Allowed post statuses', 'classifai' ) }
+				description={ __(
+					'Choose which post statuses are allowed to generate audio, e.g. disable this for Draft to avoid generating audio for content that is still being edited.',
+					'classifai'
+				) }
+				className="settings-allowed-post-statuses"
+			>
+				{ Object.keys( postStatuses || {} ).map( ( key ) => {
+					return (
+						<CheckboxControl
+							id={ `post_status_${ key }` }
+							key={ key }
+							checked={
+								featureSettings.post_statuses?.[ key ] === key
+							}
+							label={ decodeEntities( postStatuses?.[ key ] ) }
+							onChange={ ( value ) => {
+								setFeatureSettings( {
+									post_statuses: {
+										...featureSettings.post_statuses,
+										[ key ]: value ? key : '0',
+									},
+								} );
+							} }
+							__nextHasNoMarginBottom
+						/>
+					);
+				} ) }
+			</SettingsRow>
+			<SettingsRow
+				label={ __( 'Allowed post types', 'classifai' ) }
+				description={ __(
+					'Choose which post types support this feature.',
+					'classifai'
+				) }
+				className="settings-allowed-post-types"
+			>
+				{ Object.keys( postTypes || {} ).map( ( key ) => {
+					return (
+						<CheckboxControl
+							id={ key }
+							key={ key }
+							checked={
+								featureSettings.post_types?.[ key ] === key
+							}
+							label={ postTypes?.[ key ] }
+							onChange={ ( value ) => {
+								setFeatureSettings( {
+									post_types: {
+										...featureSettings.post_types,
+										[ key ]: value ? key : '0',
+									},
+								} );
+							} }
+							__nextHasNoMarginBottom
+						/>
+					);
+				} ) }
+			</SettingsRow>
+		</>
 	);
 };