@mycujoo/mcls-components-checkout
v1.0.0-rc.13
Published
The is a configurable react component that is to be used for rendering a checkout card for MCLS orders.
Downloads
14
Maintainers
Keywords
Readme
MCLS Checkout component
The is a configurable react component that is to be used for rendering a checkout card for MCLS orders.
CheckoutWithContext
The CheckoutWithContext
component is a wrapper around the Checkout
component that handles the state creation and management for a single order.
Example of usage:
import { CheckoutWithContext } from '@mycujoo/mcls-components-checkout'
const Checkout = () => {
return <CheckoutWithContext
publicKey={"YOUR_PUBLIC_KEY"}
identityToken={"YOUR_USER_IDENTITY_TOKEN"}
orderId={"YOUR_ORDER_ID"}
config={{
width: '100%',
height: '100%',
showPromoCode: true,
title: {
color: `#0FF`,
},
header: {
hide: true,
},
}}
/>
}
Note: The orderId
is received from the createOrder
function of the useEventPackagesList
hook, or by using useOrderCreate
hook inside the EventPackagesContextProvider
component.