ManageNegotiableQuote Container

Overview

The ManageNegotiableQuote container component for the drop-in.

Version: 0.0.1

Configuration

The ManageNegotiableQuote container provides the following configuration options:

Parameter	Type	Req?	Description
onActionsDropdownChange	(event: Event) => void	No	Callback function triggered when actions dropdown change
onActionsButtonClick	(action: string) => void	No	Callback function triggered when actions button click
onSendForReview	(params: { quoteData: NegotiableQuoteModel	No	Callback function triggered when send for review
comment	string	No	Configuration for comment
quoteData	NegotiableQuoteModel	No	Data object for quote
QuoteStatus	SlotProps<{ quoteStatus?: string	No	Configuration for quote status
quoteData	NegotiableQuoteModel	No	Data object for quote
Banner	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for banner
Details	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for details
ActionBar	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for action bar
QuoteContent	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for quote content
ItemsQuotedTab	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for items quoted tab
CommentsTab	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for comments tab
HistoryLogTab	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for history log tab
ShippingInformationTitle	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for shipping information title
ShippingInformation	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for shipping information
loading	boolean	No	Configuration for loading
setLoading	(loading: boolean) => void	No	Callback function for set loading
QuoteCommentsTitle	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for quote comments title
QuoteComments	SlotProps<{ quoteData?: NegotiableQuoteModel	No	Configuration for quote comments
Footer	SlotProps<{ quoteData?: NegotiableQuoteModel	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	\{ QuoteName?: SlotProps<\{ quoteName?: string	No	Custom slot for rendering slots

Usage

The following example demonstrates how to use the ManageNegotiableQuote container:

import { ManageNegotiableQuote } from '@dropins/storefront-quote-management';

export default function MyComponent() {
  return (
    <ManageNegotiableQuote
      onActionsDropdownChange={() => console.log('ActionsDropdownChange')}
      onActionsButtonClick=() => console.log('ActionsButtonClick')
      onSendForReview={{}}
    />
  );
}