1 files changed, 72 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/publicize/form.js b/plugins/jetpack/extensions/blocks/publicize/form.js
new file mode 100644
index 00000000..cb76b54f
--- /dev/null
+++ b/plugins/jetpack/extensions/blocks/publicize/form.js
@@ -0,0 +1,72 @@
+/**
+ * Higher Order Publicize sharing form composition.
+ *
+ * Uses Gutenberg data API to dispatch publicize form data to
+ * editor post data in format to match 'publicize' field schema.
+ */
+
+/**
+ * External dependencies
+ */
+import { get } from 'lodash';
+import { compose } from '@wordpress/compose';
+import { withSelect, withDispatch } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import PublicizeFormUnwrapped, { MAXIMUM_MESSAGE_LENGTH } from './form-unwrapped';
+
+const PublicizeForm = compose( [
+	withSelect( select => {
+		const meta = select( 'core/editor' ).getEditedPostAttribute( 'meta' );
+		const postTitle = select( 'core/editor' ).getEditedPostAttribute( 'title' );
+		const message = get( meta, [ 'jetpack_publicize_message' ], '' );
+
+		return {
+			connections: select( 'core/editor' ).getEditedPostAttribute(
+				'jetpack_publicize_connections'
+			),
+			defaultShareMessage: postTitle.substr( 0, MAXIMUM_MESSAGE_LENGTH ),
+			shareMessage: message.substr( 0, MAXIMUM_MESSAGE_LENGTH ),
+		};
+	} ),
+	withDispatch( ( dispatch, { connections } ) => ( {
+		/**
+		 * Toggle connection enable/disable state based on checkbox.
+		 *
+		 * Saves enable/disable value to connections property in editor
+		 * in field 'jetpack_publicize_connections'.
+		 *
+		 * @param {number}  id ID of the connection being enabled/disabled
+		 */
+		toggleConnection( id ) {
+			const newConnections = connections.map( connection => ( {
+				...connection,
+				enabled: connection.id === id ? ! connection.enabled : connection.enabled,
+			} ) );
+
+			dispatch( 'core/editor' ).editPost( {
+				jetpack_publicize_connections: newConnections,
+			} );
+		},
+
+		/**
+		 * Handler for when sharing message is edited.
+		 *
+		 * Saves edited message to state and to the editor
+		 * in field 'jetpack_publicize_message'.
+		 *
+		 * @param {object} event Change event data from textarea element.
+		 */
+		messageChange( event ) {
+			dispatch( 'core/editor' ).editPost( {
+				meta: {
+					jetpack_publicize_message: event.target.value,
+				},
+			} );
+		},
+	} ) ),
+] )( PublicizeFormUnwrapped );
+
+export default PublicizeForm;