woocommerce/plugins/woocommerce-blocks/assets/js/blocks/single-product/frontend.js

40 lines
883 B
JavaScript

/**
* External dependencies
*/
import { StoreNoticesProvider } from '@woocommerce/base-context';
import { getValidBlockAttributes } from '@woocommerce/base-utils';
import { renderParentBlock } from '@woocommerce/atomic-utils';
/**
* Internal dependencies
*/
import Block from './block';
import blockAttributes from './attributes';
import { BLOCK_NAME } from './constants';
/**
* Wrapper component to supply the notice provider.
*
* @param {*} props
*/
const FrontendBlock = ( props ) => {
return (
<StoreNoticesProvider context="woocommerce/single-product">
<Block { ...props } />
</StoreNoticesProvider>
);
};
const getProps = ( el ) => {
return {
attributes: getValidBlockAttributes( blockAttributes, el.dataset ),
};
};
renderParentBlock( {
Block: FrontendBlock,
blockName: BLOCK_NAME,
selector: '.wp-block-woocommerce-single-product',
getProps,
} );