CartApprovalNotice

Says, before the buyer places a business order, that it will wait for approval: which rule, above what amount, and who decides. With held, after placing, that it is waiting on those people. An empty approvers still needs approval, so it reads as "an approver in your company", never as none needed.

import { CartApprovalNotice } from "@evolve-storefront/feature-cart/cart-approval-notice";

Renders inside CartProvider.

Preview

DefaultOpen in Storybook ↗

Usage

Above the rule's limit, with the people who decide named.

const { data: requirement } = useCartApprovalRequirement();

// On the cart page and beside the checkout button.
<CartApprovalNotice requirement={requirement} />;

Props

Prop	Type	Description
requirement	CartApprovalRequirement | null | undefined	From useCartApprovalRequirement; nothing renders when it is null.
held?	boolean	The order has been placed and is waiting: the notice says so, naming who decides.
headingLevel?	HeadingLevel

Any other props go to the root element, like on a plain HTML element.