41 lines
1.3 KiB
JavaScript
41 lines
1.3 KiB
JavaScript
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { PaymentMethodDataProvider } from '../payment-methods';
|
|
import { ShippingDataProvider } from '../shipping';
|
|
import { CustomerDataProvider } from '../customer';
|
|
import { CheckoutStateProvider } from '../checkout-state';
|
|
import CheckoutProcessor from './processor';
|
|
|
|
/**
|
|
* Checkout provider
|
|
* This wraps the checkout and provides an api interface for the checkout to
|
|
* children via various hooks.
|
|
*
|
|
* @param {Object} props Incoming props for the provider.
|
|
* @param {Object} props.children The children being wrapped.
|
|
* @param {boolean} [props.isCart] Whether it's rendered in the Cart
|
|
* component.
|
|
* @param {string} [props.redirectUrl] Initialize what the checkout will
|
|
* redirect to after successful
|
|
* submit.
|
|
*/
|
|
export const CheckoutProvider = ( {
|
|
children,
|
|
isCart = false,
|
|
redirectUrl,
|
|
} ) => {
|
|
return (
|
|
<CheckoutStateProvider redirectUrl={ redirectUrl } isCart={ isCart }>
|
|
<CustomerDataProvider>
|
|
<ShippingDataProvider>
|
|
<PaymentMethodDataProvider>
|
|
{ children }
|
|
<CheckoutProcessor />
|
|
</PaymentMethodDataProvider>
|
|
</ShippingDataProvider>
|
|
</CustomerDataProvider>
|
|
</CheckoutStateProvider>
|
|
);
|
|
};
|