/**
 * WordPress dependencies
 */
import { addFilter } from '@wordpress/hooks';
import { createHigherOrderComponent } from '@wordpress/compose';
import { Fragment } from '@wordpress/element';
import { useEntityProp } from '@wordpress/core-data';

/**
 * Add controls to the block editor
 */
const withInspectorControl = createHigherOrderComponent( (BlockEdit) => {
	return ( props ) => {
		const {
			attributes: { query, relatedMode },
			context: { postType, postId },
		} = props;
		
		// Get ACF Postmeta
		const [ meta, updateMeta ] = useEntityProp(
			'postType', postType,
			'meta', postId
		);
		
		// Get the related posts
		let relatedPostIds = [{}];
		if( relatedMode === 'postresource_postresource' ) {
			relatedPostIds = meta?.related_postresource_postresource_json;
		} else {
			relatedPostIds = meta?.related_person_postresource_json;
		}
		
		return (
		<Fragment>
			{ relatedPostIds && ( 
				relatedPostIds.map( ( relatedPost ) => (
					<Fragment>{ relatedPost.name }</Fragment>
				) )
			) }
		);
	};
}, 'withInspectorControl');
addFilter(
	'editor.BlockEdit',
	'block-mods/variation-query-loop-block/add-inspector-controls',
	withInspectorControl,
);