/** * External dependencies */ import { useBlockProps, InnerBlocks } from '@wordpress/block-editor'; import { innerBlockAreas } from '@woocommerce/blocks-checkout'; import type { TemplateArray } from '@wordpress/blocks'; import { EditorProvider, useEditorContext } from '@woocommerce/base-context'; import { previewCart } from '@woocommerce/resource-previews'; /** * Internal dependencies */ import { useForcedLayout, getAllowedBlocks, } from '../../../../cart-checkout-shared'; export const Edit = ( { clientId }: { clientId: string } ): JSX.Element => { const blockProps = useBlockProps(); const allowedBlocks = getAllowedBlocks( innerBlockAreas.FILLED_MINI_CART ); const { currentView } = useEditorContext(); const defaultTemplate = ( [ [ 'woocommerce/mini-cart-title-block', {} ], [ 'woocommerce/mini-cart-items-block', {} ], [ 'woocommerce/mini-cart-footer-block', {} ], ].filter( Boolean ) as unknown ) as TemplateArray; useForcedLayout( { clientId, registeredBlocks: allowedBlocks, defaultTemplate, } ); return (