2022-08-12 14:23:08 +00:00
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
|
|
|
import { createHigherOrderComponent } from '@wordpress/compose';
|
|
|
|
import {
|
|
|
|
InspectorControls,
|
|
|
|
store as blockEditorStore,
|
|
|
|
} from '@wordpress/block-editor';
|
|
|
|
import { addFilter, hasFilter } from '@wordpress/hooks';
|
|
|
|
import type { StoreDescriptor } from '@wordpress/data';
|
|
|
|
import { CartCheckoutSidebarCompatibilityNotice } from '@woocommerce/editor-components/sidebar-compatibility-notice';
|
2022-08-29 08:35:05 +00:00
|
|
|
import {
|
|
|
|
DefaultNotice,
|
|
|
|
LegacyNotice,
|
|
|
|
} from '@woocommerce/editor-components/default-notice';
|
2022-08-12 14:23:08 +00:00
|
|
|
import { useSelect } from '@wordpress/data';
|
|
|
|
import { CartCheckoutFeedbackPrompt } from '@woocommerce/editor-components/feedback-prompt';
|
2022-08-29 08:35:05 +00:00
|
|
|
import { isWcVersion } from '@woocommerce/settings';
|
2022-08-12 14:23:08 +00:00
|
|
|
declare module '@wordpress/editor' {
|
|
|
|
let store: StoreDescriptor;
|
|
|
|
}
|
|
|
|
|
|
|
|
declare module '@wordpress/core-data' {
|
|
|
|
let store: StoreDescriptor;
|
|
|
|
}
|
|
|
|
|
|
|
|
declare module '@wordpress/block-editor' {
|
|
|
|
let store: StoreDescriptor;
|
|
|
|
}
|
|
|
|
|
|
|
|
const withSidebarNotices = createHigherOrderComponent(
|
|
|
|
( BlockEdit ) => ( props ) => {
|
|
|
|
const addressFieldOrAccountBlocks = [
|
|
|
|
'woocommerce/checkout-shipping-address-block',
|
|
|
|
'woocommerce/checkout-billing-address-block',
|
|
|
|
'woocommerce/checkout-contact-information-block',
|
|
|
|
'woocommerce/checkout-fields-block',
|
|
|
|
];
|
|
|
|
const { clientId } = props;
|
|
|
|
const { isCart, isCheckout, isAddressFieldBlock } = useSelect(
|
|
|
|
( select ) => {
|
|
|
|
const { getBlockParentsByBlockName, getBlockName } =
|
|
|
|
select( blockEditorStore );
|
|
|
|
const parent = getBlockParentsByBlockName( clientId, [
|
|
|
|
'woocommerce/cart',
|
|
|
|
'woocommerce/checkout',
|
|
|
|
] ).map( getBlockName );
|
|
|
|
const currentBlockName = getBlockName( clientId );
|
|
|
|
return {
|
|
|
|
isCart:
|
|
|
|
parent.includes( 'woocommerce/cart' ) ||
|
|
|
|
currentBlockName === 'woocommerce/cart',
|
|
|
|
isCheckout:
|
|
|
|
parent.includes( 'woocommerce/checkout' ) ||
|
|
|
|
currentBlockName === 'woocommerce/checkout',
|
|
|
|
isAddressFieldBlock:
|
|
|
|
addressFieldOrAccountBlocks.includes(
|
|
|
|
currentBlockName
|
|
|
|
),
|
|
|
|
};
|
|
|
|
}
|
|
|
|
);
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
{ ( isCart || isCheckout ) && (
|
|
|
|
<InspectorControls>
|
2022-08-29 08:35:05 +00:00
|
|
|
{ isWcVersion( '6.9.0', '>=' ) ? (
|
|
|
|
<DefaultNotice
|
|
|
|
block={ isCheckout ? 'checkout' : 'cart' }
|
|
|
|
/>
|
|
|
|
) : (
|
|
|
|
<LegacyNotice
|
|
|
|
block={ isCheckout ? 'checkout' : 'cart' }
|
|
|
|
/>
|
|
|
|
) }
|
|
|
|
|
2022-08-12 14:23:08 +00:00
|
|
|
<CartCheckoutSidebarCompatibilityNotice
|
|
|
|
block={ isCheckout ? 'checkout' : 'cart' }
|
|
|
|
/>
|
|
|
|
{ isAddressFieldBlock ? null : (
|
|
|
|
<CartCheckoutFeedbackPrompt />
|
|
|
|
) }
|
|
|
|
</InspectorControls>
|
|
|
|
) }
|
|
|
|
|
|
|
|
<BlockEdit { ...props } />
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
},
|
|
|
|
'withSidebarNotices'
|
|
|
|
);
|
|
|
|
|
|
|
|
if (
|
|
|
|
! hasFilter(
|
|
|
|
'editor.BlockEdit',
|
|
|
|
'woocommerce/add/sidebar-compatibility-notice'
|
|
|
|
)
|
|
|
|
) {
|
|
|
|
addFilter(
|
|
|
|
'editor.BlockEdit',
|
|
|
|
'woocommerce/add/sidebar-compatibility-notice',
|
|
|
|
withSidebarNotices,
|
|
|
|
11
|
|
|
|
);
|
|
|
|
}
|