/**
 * External dependencies
 */
import { BlockInstance } from '@wordpress/blocks';
import { isEqual } from 'lodash';

/**
 * Internal dependencies
 */
import { PatternWithBlocks } from '~/customize-store/types/pattern';

export const findPatternByBlock = (
	patterns: PatternWithBlocks[],
	block: BlockInstance
) => {
	const blockAttributes = block.attributes;
	if (
		blockAttributes.className &&
		blockAttributes.className.includes( 'preview-opacity' )
	) {
		// Remove the preview opacity class from the footer block because it's added by the editor, not the pattern.
		blockAttributes.className = blockAttributes.className.replaceAll(
			' preview-opacity',
			''
		);
	}
	return patterns.find( ( pattern ) => {
		const patternBlocks = pattern.blocks[ 0 ];
		if ( patternBlocks.innerBlocks.length !== block.innerBlocks.length ) {
			return false;
		}

		return isEqual( patternBlocks.attributes, blockAttributes );
	} );
};