Hide Cross-Sells inner block behind experimental flag

woocommerce · Jun 30, 2022 · 26527e7 · 26527e7
1 parent 957fd57
commit 26527e7
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 6 deletions.
diff --git a/assets/js/blocks/cart/inner-blocks/cart-cross-sells-block/index.tsx b/assets/js/blocks/cart/inner-blocks/cart-cross-sells-block/index.tsx
@@ -2,15 +2,15 @@
  * External dependencies
  */
 import { Icon, column } from '@wordpress/icons';
-import { registerFeaturePluginBlockType } from '@woocommerce/block-settings';
+import { registerExperimentalBlockType } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
  */
 import { Edit, Save } from './edit';
 import metadata from './block.json';
 
-registerFeaturePluginBlockType( metadata, {
+registerExperimentalBlockType( metadata, {
 	icon: {
 		src: (
 			<Icon

diff --git a/assets/js/blocks/cart/inner-blocks/cart-cross-sells-products/index.tsx b/assets/js/blocks/cart/inner-blocks/cart-cross-sells-products/index.tsx
@@ -2,15 +2,15 @@
  * External dependencies
  */
 import { Icon, column } from '@wordpress/icons';
-import { registerFeaturePluginBlockType } from '@woocommerce/block-settings';
+import { registerExperimentalBlockType } from '@woocommerce/block-settings';
 
 /**
  * Internal dependencies
  */
 import { Edit, Save } from './edit';
 import metadata from './block.json';
 
-registerFeaturePluginBlockType( metadata, {
+registerExperimentalBlockType( metadata, {
 	icon: {
 		src: (
 			<Icon

diff --git a/assets/js/blocks/cart/inner-blocks/cart-items-block/edit.tsx b/assets/js/blocks/cart/inner-blocks/cart-items-block/edit.tsx
@@ -4,6 +4,7 @@
 import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
 import { Main } from '@woocommerce/base-components/sidebar-layout';
 import { innerBlockAreas } from '@woocommerce/blocks-checkout';
+import { isExperimentalBuild } from '@woocommerce/block-settings';
 import type { TemplateArray } from '@wordpress/blocks';
 /**
  * Internal dependencies
@@ -22,7 +23,9 @@ export const Edit = ( { clientId }: Props ): JSX.Element => {
 	const allowedBlocks = getAllowedBlocks( innerBlockAreas.CART_ITEMS );
 	const defaultTemplate = [
 		[ 'woocommerce/cart-line-items-block', {}, [] ],
-		[ 'woocommerce/cart-cross-sells-block', {}, [] ],
+		...( isExperimentalBuild()
+			? [ 'woocommerce/cart-cross-sells-block', {}, [] ]
+			: [] ),
 	] as TemplateArray;
 
 	useForcedLayout( {

diff --git a/assets/js/blocks/cart/inner-blocks/register-components.ts b/assets/js/blocks/cart/inner-blocks/register-components.ts
@@ -2,7 +2,10 @@
  * External dependencies
  */
 import { lazy } from '@wordpress/element';
-import { WC_BLOCKS_BUILD_URL } from '@woocommerce/block-settings';
+import {
+	WC_BLOCKS_BUILD_URL,
+	isExperimentalBuild,
+} from '@woocommerce/block-settings';
 import { registerCheckoutBlock } from '@woocommerce/blocks-checkout';
 
 /**
@@ -58,6 +61,18 @@ registerCheckoutBlock( {
 	),
 } );
 
+if ( isExperimentalBuild() ) {
+	registerCheckoutBlock( {
+		metadata: metadata.CART_CROSS_SELLS,
+		component: lazy(
+			() =>
+				import(
+					/* webpackChunkName: "cart-blocks/cart-cross-sells" */
+					'./cart-cross-sells-block/frontend'
+				)
+		),
+	} );
+}
 registerCheckoutBlock( {
 	metadata: metadata.CART_TOTALS,
 	component: lazy(