migrate from old block to new block

woocommerce · Oct 20, 2021 · 9baed2f · 9baed2f
1 parent be4dc74
commit 9baed2f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/assets/js/blocks/cart-checkout/cart/edit.js b/assets/js/blocks/cart-checkout/cart/edit.js
@@ -168,7 +168,7 @@ export const Edit = ( { className, attributes, setAttributes, clientId } ) => {
 							<InnerBlocks
 								allowedBlocks={ ALLOWED_BLOCKS }
 								template={ defaultTemplate }
-								templateLock="insert"
+								templateLock={ false }
 							/>
 						</CartProvider>
 					</CartBlockContext.Provider>

diff --git a/assets/js/blocks/cart-checkout/cart/index.js b/assets/js/blocks/cart-checkout/cart/index.js
@@ -3,9 +3,10 @@
  */
 import { __ } from '@wordpress/i18n';
 import classnames from 'classnames';
+import { InnerBlocks } from '@wordpress/block-editor';
 import { Icon, cart } from '@woocommerce/icons';
 import { registerFeaturePluginBlockType } from '@woocommerce/block-settings';
-
+import { createBlock } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
@@ -43,15 +44,34 @@ const settings = {
 	// Migrates v1 to v2 checkout.
 	deprecated: [
 		{
-			attributes: blockAttributes,
-			save( { attributes } ) {
+			save: ( { attributes } ) => {
 				return (
 					<div
 						className={ classnames(
 							'is-loading',
 							attributes.className
 						) }
-					/>
+					>
+						<InnerBlocks.Content />
+					</div>
+				);
+			},
+			migrate: ( attributes, innerBlocks ) => {
+				return [
+					attributes,
+					[
+						createBlock( 'woocommerce/filled-cart-block' ),
+						createBlock(
+							'woocommerce/empty-cart-block',
+							{},
+							innerBlocks
+						),
+					],
+				];
+			},
+			isEligible: ( _, innerBlocks ) => {
+				return ! innerBlocks.find(
+					( block ) => block.name === 'woocommerce/filled-cart-block'
 				);
 			},
 		},