Forms: Update responses management with DataViews

projects/packages/forms/changelog/forms-update-responses-management

@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+Forms: Update responses management with DataViews

projects/packages/forms/package.json

@@ -39,6 +39,7 @@
 		"@wordpress/compose": "7.17.0",
 		"@wordpress/core-data": "7.17.0",
 		"@wordpress/data": "10.17.0",
+		"@wordpress/dataviews": "4.13.0",
 		"@wordpress/element": "6.17.0",
 		"@wordpress/hooks": "4.17.0",
 		"@wordpress/i18n": "5.17.0",

projects/packages/forms/src/class-wpcom-rest-api-v2-endpoint-forms.php

@@ -36,8 +36,6 @@ public function __construct() {
 	 * @access public
 	 */
 	public function register_rest_routes() {
-		// Stats for single resource type.
-
 		register_rest_route(
 			$this->namespace,
 			$this->rest_base . '/responses',
@@ -185,6 +183,7 @@ function ( $response ) use ( $base_fields, $data_defaults ) {
 				$all_fields = array_merge( $base_fields, $data['_feedback_all_fields'] );
 				return array(
 					'id'                      => $response->ID,
+					'post_status'             => $response->post_status,
 					'uid'                     => $all_fields['feedback_id'],
 					'date'                    => get_the_date( 'c', $response ),
 					'author_name'             => $data['_feedback_author'],

projects/packages/forms/src/dashboard/inbox/dataviews/actions/index.js

@@ -0,0 +1,71 @@
+import { store as coreStore } from '@wordpress/core-data';
+import { __ } from '@wordpress/i18n';
+import { seen, thumbsDown, thumbsUp } from '@wordpress/icons';
+import { doBulkAction } from '../../../data/responses';
+import { STORE_NAME } from '../../../state';
+import { ACTIONS } from '../../constants';
+import InboxResponse from '../../response';
+
+export const viewAction = {
+	id: 'view-response',
+	label: __( 'View response', 'jetpack-forms' ),
+	isPrimary: true,
+	icon: seen,
+	RenderModal: ( { items } ) => {
+		const [ item ] = items;
+		return <InboxResponse isLoading={ false } response={ item } />;
+	},
+};
+
+export const markAsSpamAction = {
+	id: 'mark-as-spam',
+	label: __( 'Mark as spam', 'jetpack-forms' ),
+	isEligible: item => item.post_status !== 'spam',
+	supportsBulk: true,
+	icon: thumbsDown,
+	async callback( items, { registry } ) {
+		const itemIds = items.map( ( { id } ) => id );
+		const { addTabTotals, fetchResponses, removeResponses } = registry.dispatch( STORE_NAME );
+		try {
+			removeResponses( itemIds );
+			// addTabTotals( {
+			// 	[ currentTab ]: -1,
+			// 	[ ACTION_TABS[ action ] ]: 1,
+			// } );
+			// await registry
+			// 	.dispatch( coreStore )
+			// 	.saveEntityRecord(
+			// 		'postType',
+			// 		'feedback',
+			// 		{ id: item.id, status: 'spam' },
+			// 		{ throwOnError: true }
+			// 	);
+			await doBulkAction( itemIds, ACTIONS.markAsSpam );
+
+			// await fetchResponses(
+			// 	{
+			// 		...query,
+			// 		limit: RESPONSES_FETCH_LIMIT,
+			// 		offset: ( currentPage - 1 ) * RESPONSES_FETCH_LIMIT,
+			// 	},
+			// 	{ append: true }
+			// );
+		} catch {}
+	},
+};
+
+export const markAsNotSpamAction = {
+	id: 'mark-as-not-spam',
+	label: __( 'Not spam', 'jetpack-forms' ),
+	isEligible: item => item.post_status === 'spam',
+	supportsBulk: true,
+	icon: thumbsUp,
+	async callback( items, { registry } ) {
+		const itemIds = items.map( ( { id } ) => id );
+		const { removeResponses } = registry.dispatch( STORE_NAME );
+		try {
+			removeResponses( itemIds );
+			await doBulkAction( itemIds, ACTIONS.markAsNotSpam );
+		} catch {}
+	},
+};