ItemsQuotedTemplate Container

The ItemsQuotedTemplate container displays items stored in a quote template for reuse in future quote requests.

Version: 1.0.0-beta1

Configuration

The ItemsQuotedTemplate container provides the following configuration options:

Parameter	Type	Req?	Description
templateData	NegotiableQuoteTemplateModel	No	Data object for template
canEdit	boolean	Yes	Configuration for can edit
onItemDropdownChange	(item: any	No	Callback function triggered when item dropdown change
action	string) => void	Yes	Callback function for action
dropdownSelections	Record<string	No	Configuration for dropdown selections
QuotePricesSummary	SlotProps<{ items: NegotiableQuoteTemplateModel['items']	No	Configuration for quote prices summary
prices	NegotiableQuoteTemplateModel['prices']	Yes	Configuration for prices

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
slots	\{ ProductListTable?: SlotProps<\{ items: NegotiableQuoteTemplateModel\['items'\]	No	Custom slot for rendering slots

Usage

The following example demonstrates how to use the ItemsQuotedTemplate container:

import { render as provider } from '@dropins/storefront-quote-management/render.js';
import { ItemsQuotedTemplate } from '@dropins/storefront-quote-management/containers/ItemsQuotedTemplate.js';

await provider.render(ItemsQuotedTemplate, {
  canEdit: true,
  action: () => {},
  prices: prices,
  slots: {
    // Add custom slot implementations here
  }
})(block);