50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { withRestApiHydration } from '@woocommerce/block-hocs';
|
|
import { useStoreCart } from '@woocommerce/base-hooks';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import Block from './block.js';
|
|
import blockAttributes from './attributes';
|
|
import renderFrontend from '../../../utils/render-frontend.js';
|
|
|
|
/**
|
|
* Wrapper component to supply API data.
|
|
*
|
|
* @param {Object} attributes object of key value attributes passed to block.
|
|
*/
|
|
const CheckoutFrontend = ( attributes ) => {
|
|
const { shippingRates } = useStoreCart();
|
|
return <Block attributes={ attributes } shippingRates={ shippingRates } />;
|
|
};
|
|
|
|
const getProps = ( el ) => {
|
|
const attributes = {};
|
|
|
|
Object.keys( blockAttributes ).forEach( ( key ) => {
|
|
if ( typeof el.dataset[ key ] !== 'undefined' ) {
|
|
if (
|
|
el.dataset[ key ] === 'true' ||
|
|
el.dataset[ key ] === 'false'
|
|
) {
|
|
attributes[ key ] = el.dataset[ key ] !== 'false';
|
|
} else {
|
|
attributes[ key ] = el.dataset[ key ];
|
|
}
|
|
}
|
|
} );
|
|
|
|
return {
|
|
attributes,
|
|
};
|
|
};
|
|
|
|
renderFrontend(
|
|
'.wp-block-woocommerce-checkout',
|
|
withRestApiHydration( CheckoutFrontend ),
|
|
getProps
|
|
);
|