@mycujoo/mcls-components-checkout

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.