feat: publish button state, pre-publish message

src/editor/editor/index.js

@@ -0,0 +1,35 @@
+/**
+ * WordPress dependencies
+ */
+import { compose } from '@wordpress/compose';
+import apiFetch from '@wordpress/api-fetch';
+import { withDispatch, withSelect } from '@wordpress/data';
+import { useEffect, useState } from '@wordpress/element';
+
+export default compose( [
+	withDispatch( dispatch => {
+		const { lockPostSaving, unlockPostSaving } = dispatch( 'core/editor' );
+		return { lockPostSaving, unlockPostSaving };
+	} ),
+	withSelect( select => {
+		const { getCurrentPostId } = select( 'core/editor' );
+		return { postId: getCurrentPostId() };
+	} ),
+] )( props => {
+	const [ listId, setListId ] = useState();
+	useEffect( () => {
+		if ( listId ) {
+			props.unlockPostSaving( 'newspack-newsletters-post-lock' );
+		} else {
+			props.lockPostSaving( 'newspack-newsletters-post-lock' );
+		}
+		const { postId } = props;
+		apiFetch( { path: `/newspack-newsletters/v1/mailchimp/${ postId }` } ).then( result => {
+			const { campaign } = result;
+			const { recipients } = campaign || {};
+			const { list_id } = recipients;
+			setListId( list_id );
+		} );
+	} );
+	return null;
+} );

src/editor/index.js

@@ -1,14 +1,19 @@
 /**
  * WordPress dependencies
  */
-import { PluginDocumentSettingPanel } from '@wordpress/edit-post';
+import domReady from '@wordpress/dom-ready';
+import { unregisterBlockStyle } from '@wordpress/blocks';
+import { PluginDocumentSettingPanel, PluginPrePublishPanel } from '@wordpress/edit-post';
 import { __ } from '@wordpress/i18n';
+import { addFilter } from '@wordpress/hooks';
 import { registerPlugin } from '@wordpress/plugins';
 
 /**
  * Internal dependencies
  */
 import Sidebar from './sidebar/';
+import Editor from './editor/';
+import PrePublishSlot from './pre-publish-slot';
 
 registerPlugin( 'newspack-newsletters-sidebar', {
 	render: () => (
@@ -41,3 +46,28 @@ addFilter( 'blocks.registerBlockType', 'newspack-newsletters/core-blocks', ( set
 	}
 	return settings;
 } );
+
+registerPlugin( 'newspack-newsletters-sidebar', {
+	render: () => (
+		<PluginDocumentSettingPanel
+			name="newsletters-settings-panel"
+			title={ __( ' Newsletter Settings', 'newspack-newsletters' ) }
+		>
+			<Sidebar />
+		</PluginDocumentSettingPanel>
+	),
+	icon: null,
+} );
+
+registerPlugin( 'newspack-newsletters-pre-publish', {
+	render: () => (
+		<PluginPrePublishPanel>
+			<PrePublishSlot />
+		</PluginPrePublishPanel>
+	),
+	icon: null,
+} );
+
+registerPlugin( 'newspack-newsletters-edit', {
+	render: Editor,
+} );

src/editor/pre-publish-slot/index.js

@@ -0,0 +1,31 @@
+/**
+ * WordPress dependencies
+ */
+import { compose } from '@wordpress/compose';
+import apiFetch from '@wordpress/api-fetch';
+import { withDispatch, withSelect } from '@wordpress/data';
+import { useEffect, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+
+export default compose( [
+	withDispatch( dispatch => {
+		const { lockPostSaving, unlockPostSaving } = dispatch( 'core/editor' );
+		return { lockPostSaving, unlockPostSaving };
+	} ),
+	withSelect( select => {
+		const { getCurrentPostId } = select( 'core/editor' );
+		return { postId: getCurrentPostId() };
+	} ),
+] )( props => {
+	const [ listId, setListId ] = useState( [] );
+	useEffect( () => {
+		const { postId } = props;
+		apiFetch( { path: `/newspack-newsletters/v1/mailchimp/${ postId }` } ).then( result => {
+			const { campaign } = result;
+			const { recipients } = campaign || {};
+			const { list_id } = recipients;
+			setListId( list_id );
+		} );
+	} );
+	return ! listId ? __( 'Select a Mailchimp list to publish', 'newspack-newsletters' ) : null;
+} );