Social: Add social note toggle admin page (#35681)

* Add endpoints and change setter function

* Add the initial state

* Add new store functions

* Add 'beta' property to ToggleSection

* Add new toggle component

* changelog

* Fix tests

* Fixup versions

* Move to use social/settings endpoint

* Get rid of social-notes endpoint

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

Author: gmjuhasz

CHANGELOG.md

@@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 This is an alpha version! The changes listed here are not final.
 
+### Added
+- Added toggle to Social admin page for the Social Notes
+
 ### Removed
 - Removed a notice to tell users that instagram is new nad can be connected
 

src/social-store/actions/index.js

@@ -3,13 +3,15 @@ import * as connectionData from './connection-data';
 import siteSettingActions from './jetpack-settings';
 import jetpackSocialSettings from './jetpack-social-settings';
 import socialImageGeneratorSettingActions from './social-image-generator-settings';
+import socialNotesSettings from './social-notes-settings';
 
 const actions = {
 	...siteSettingActions,
 	...socialImageGeneratorSettingActions,
 	...autoConversionSettingActions,
 	...jetpackSocialSettings,
 	...connectionData,
+	...socialNotesSettings,
 };
 
 export default actions;

src/social-store/actions/social-notes-settings.js

@@ -0,0 +1,73 @@
+import { select } from '@wordpress/data';
+import { SOCIAL_STORE_ID } from '../../social-store';
+import {
+	fetchJetpackSettings,
+	updateJetpackSettings as updateJetpackSettingsControl,
+} from '../controls';
+import { setJetpackSettings } from './jetpack-settings';
+
+/**
+ * Yield actions to update settings
+ *
+ * @param {object} settings - settings to apply.
+ * @yields {object} - an action object.
+ * @returns {object} - an action object.
+ */
+export function* updateSocialNotesSettings( settings ) {
+	try {
+		yield setUpdatingSocialNotesSettings();
+		yield setJetpackSettings( settings );
+		yield updateJetpackSettingsControl( settings );
+		const updatedSettings = yield fetchJetpackSettings();
+		yield setJetpackSettings( updatedSettings );
+		return true;
+	} catch ( e ) {
+		const oldSettings = select( SOCIAL_STORE_ID ).getSocialNotesSettings();
+		yield setJetpackSettings( oldSettings );
+		return false;
+	} finally {
+		yield setUpdatingSocialNotesSettingsDone();
+	}
+}
+
+/**
+ * Yield actions to refresh settings
+ *
+ * @yields {object} - an action object.
+ * @returns {object} - an action object.
+ */
+export function* refreshSocialNotesSettings() {
+	try {
+		yield setUpdatingSocialNotesSettings();
+		const updatedSettings = yield fetchJetpackSettings();
+		yield setJetpackSettings( updatedSettings );
+		return true;
+	} catch ( e ) {
+		return false;
+	} finally {
+		yield setUpdatingSocialNotesSettingsDone();
+	}
+}
+
+/**
+ * Set state updating action
+ *
+ * @returns {object} - an action object.
+ */
+export function setUpdatingSocialNotesSettings() {
+	return setJetpackSettings( { social_notes_is_updating: true } );
+}
+
+/**
+ * Set state updating finished
+ *
+ * @returns {object} - an action object.
+ */
+export function setUpdatingSocialNotesSettingsDone() {
+	return setJetpackSettings( { social_notes_is_updating: false } );
+}
+
+export default {
+	updateSocialNotesSettings,
+	refreshSocialNotesSettings,
+};

src/social-store/selectors/jetpack-settings.js

@@ -6,6 +6,8 @@ const jetpackSettingSelectors = {
 	hasPaidPlan: state => ! ( state.jetpackSettings?.showNudge ?? true ),
 	isEnhancedPublishingEnabled: state => state.jetpackSettings?.isEnhancedPublishingEnabled ?? false,
 	getDismissedNotices: state => state.jetpackSettings?.dismissedNotices,
+	isSocialNotesEnabled: state => state.jetpackSettings?.social_notes_enabled,
+	isSocialNotesSettingsUpdating: state => state.jetpackSettings?.social_notes_is_updating,
 };
 
 export default jetpackSettingSelectors;