ApprovalRuleDetails Container

Displays detailed information for a specific purchase order approval rule including conditions and approvers.

Version: 1.0.0

Configuration

The ApprovalRuleDetails container provides the following configuration options:

Parameter	Type	Req?	Description
withHeader	boolean	No	When true, displays the header section. Set to false when embedding the container within a layout that provides its own header.
withWrapper	boolean	No	When true, wraps the container in a styled wrapper. Set to false for custom styling or when the container is embedded within another styled component.
className	string	No	Additional CSS classes to apply to the container for custom styling.
approvalRuleID	string	No	The unique identifier for the approval rule to display or manage. Required to fetch the correct data from the backend.
routeApprovalRulesList	function	Yes	Function to generate the URL for navigating to the approval rules list. Use to implement custom routing logic or add query parameters.

Slots

This container does not expose any customizable slots.

Usage

The following example demonstrates how to use the ApprovalRuleDetails container:

import { render as provider } from '@dropins/storefront-purchase-order/render.js';
import { ApprovalRuleDetails } from '@dropins/storefront-purchase-order/containers/ApprovalRuleDetails.js';

await provider.render(ApprovalRuleDetails, {
  routeApprovalRulesList: routeApprovalRulesList,
  withHeader: true,
  withWrapper: true,
})(block);