ManageNegotiableQuoteTemplate Container
The ManageNegotiableQuoteTemplate container provides the interface for managing quote templates with template-specific actions and details.
Version: 1.0.0-beta1
Configuration
The ManageNegotiableQuoteTemplate container provides the following configuration options:
| Parameter | Type | Req? | Description |
|---|---|---|---|
onActionsButtonClick | (action: string) => void | No | Callback function triggered when actions button click |
onSendForReview | (params: { templateData?: NegotiableQuoteTemplateModel | No | Callback function triggered when send for review |
comment | string | No | Configuration for comment |
templateData | NegotiableQuoteTemplateModel | No | Data object for template |
TemplateId | SlotProps<{ templateId?: string | No | Unique identifier for template |
templateData | NegotiableQuoteTemplateModel | No | Data object for template |
Banner | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for banner |
Details | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for details |
ActionBar | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for action bar |
ReferenceDocumentsTitle | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for reference documents title |
ReferenceDocuments | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for reference documents |
ItemsTable | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for items table |
ItemsQuotedTab | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for items quoted tab |
CommentsTab | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for comments tab |
HistoryLogTab | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for history log tab |
CommentsTitle | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for comments title |
Comments | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for comments |
HistoryLogTitle | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for history log title |
HistoryLog | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for history log |
Footer | SlotProps<{ templateData?: NegotiableQuoteTemplateModel | No | Configuration for footer |
comment | string | No | Configuration for comment |
isSubmitting | boolean | No | Whether the submitting state is active |
Slots
This container exposes the following slots for customization:
| Slot | Type | Required | Description |
|---|---|---|---|
slots | \{ TemplateName?: SlotProps<\{ templateName?: string | No | Custom slot for rendering slots |
Usage
The following example demonstrates how to use the ManageNegotiableQuoteTemplate container:
import { render as provider } from '@dropins/storefront-quote-management/render.js';import { ManageNegotiableQuoteTemplate } from '@dropins/storefront-quote-management/containers/ManageNegotiableQuoteTemplate.js';
await provider.render(ManageNegotiableQuoteTemplate, { onActionsButtonClick: () => console.log('ActionsButtonClick'), onSendForReview: {}, comment: "example", slots: { // Add custom slot implementations here }})(block);