@dropins/storefront-quote-management 0.0.1-alpha12 → 0.0.1-alpha14

package/components/ShippingAddressDisplay/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export { ShippingAddressDisplay, ShippingAddressDisplaySkeleton } from './ShippingAddressDisplay';
+export type { ShippingAddressDisplayProps } from './ShippingAddressDisplay';
+//# sourceMappingURL=index.d.ts.map

package/components/TabbedContent/TabbedContent.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface TabbedContentProps extends HTMLAttributes<HTMLDivElement> {
+    tabs: Map<string, string>;
+    tabsContent: Map<string, VNode>;
+    defaultActiveTab?: string;
+}
+export declare const TabbedContent: FunctionComponent<TabbedContentProps>;
+//# sourceMappingURL=TabbedContent.d.ts.map

package/components/TabbedContent/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './TabbedContent';
+export { TabbedContent as default } from './TabbedContent';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -1,3 +1,21 @@
-export * from './RequestNegotiableQuoteForm';
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ActionsBar';
+export * from './ItemsQuoted';
+export * from './ManageNegotiableQuote';
+export * from './OrderSummary';
+export * from './OrderSummaryLine';
+export * from './ProductListTable';
+export * from './QuotePricesSummary';
+export * from './QuoteSummaryList';
 export * from './QuotesListTable';
+export * from './ShippingAddressDisplay';
+export * from './RequestNegotiableQuoteForm';
+export * from './TabbedContent';
 //# sourceMappingURL=index.d.ts.map

package/containers/ItemsQuoted/ItemsQuoted.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { NegotiableQuoteModel, NegotiableQuoteCartItem } from '../../data/models/negotiable-quote-model';
+
+export interface ItemsQuotedProps extends HTMLAttributes<HTMLDivElement> {
+    quoteData?: NegotiableQuoteModel;
+    onItemCheckboxChange?: (item: NegotiableQuoteCartItem, isSelected: boolean) => void;
+    onItemDropdownChange?: (item: NegotiableQuoteCartItem, action: string) => void;
+    onUpdate?: (e: SubmitEvent) => void;
+    slots?: {
+        ProductListTable?: SlotProps<{
+            items: NegotiableQuoteModel['items'];
+            canEdit: boolean;
+            onItemCheckboxChange?: (item: NegotiableQuoteCartItem, isSelected: boolean) => void;
+            onItemDropdownChange?: (item: NegotiableQuoteCartItem, action: string) => void;
+            onUpdate?: (e: SubmitEvent) => void;
+        }>;
+        QuotePricesSummary?: SlotProps<{
+            items: NegotiableQuoteModel['items'];
+            prices: NegotiableQuoteModel['prices'];
+        }>;
+    };
+}
+export declare const ItemsQuoted: Container<ItemsQuotedProps>;
+//# sourceMappingURL=ItemsQuoted.d.ts.map

package/containers/ItemsQuoted/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ItemsQuoted';
+export { ItemsQuoted as default } from './ItemsQuoted';
+//# sourceMappingURL=index.d.ts.map

package/containers/ItemsQuoted.d.ts

@@ -0,0 +1,3 @@
+export * from './ItemsQuoted/index'
+import _default from './ItemsQuoted/index'
+export default _default

package/containers/ItemsQuoted.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsx as e,jsxs as s,Fragment as E}from"@dropins/tools/preact-jsx-runtime.js";import{useState as O,useEffect as j}from"@dropins/tools/preact-compat.js";import{classes as g,VComponent as v,Slot as f}from"@dropins/tools/lib.js";import{h as x}from"@dropins/tools/preact.js";import{Skeleton as A,SkeletonRow as D,Picker as z,Price as b,Checkbox as F,Button as G,Table as R,Accordion as V,AccordionSection as W}from"@dropins/tools/components.js";/* empty css                          */import{useText as S}from"@dropins/tools/i18n.js";import{events as J}from"@dropins/tools/event-bus.js";const Q=({className:d,loading:c,table:u,pricesSummary:n,...a})=>c?e(K,{}):s("div",{className:g(["quote-management-items-quoted",d]),...a,children:[u&&e(v,{node:u,className:g(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),n&&e(v,{node:n,className:g(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),K=()=>e(A,{"data-testid":"items-quoted-skeleton",children:e(D,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),X=({className:d,items:c,canEdit:u,onItemCheckboxChange:n,onItemDropdownChange:a,onUpdate:i,...o})=>{const l=S({updateButton:"NegotiableQuote.Manage.productListTable.submitButton",productNameHeader:"NegotiableQuote.Manage.productListTable.headers.productName",skuHeader:"NegotiableQuote.Manage.productListTable.headers.sku",priceHeader:"NegotiableQuote.Manage.productListTable.headers.price",quantityHeader:"NegotiableQuote.Manage.productListTable.headers.quantity",discountHeader:"NegotiableQuote.Manage.productListTable.headers.discount",subtotalHeader:"NegotiableQuote.Manage.productListTable.headers.subtotal",actionsHeader:"NegotiableQuote.Manage.productListTable.headers.actions",editNoteToSeller:"NegotiableQuote.Manage.productListTable.actions.editNoteToSeller",remove:"NegotiableQuote.Manage.productListTable.actions.remove"}),p=[{label:l.productNameHeader,key:"productName"},{label:l.skuHeader,key:"sku"},{label:l.priceHeader,key:"price"},{label:l.quantityHeader,key:"quantity"},{label:l.discountHeader,key:"discount"},{label:l.subtotalHeader,key:"subtotal"}];u&&(p.unshift({label:"",key:"checkbox"}),p.push({label:l.actionsHeader,key:"actions"}));const q=(t,r)=>{const N=t.target.checked;n==null||n(r,N)},_=(t,r)=>{const N=t.target.value;a==null||a(r,N)},h=t=>{t.preventDefault(),i==null||i(t)},L=(t,r)=>t>0?s("div",{className:"quote-management-product-list-table__discount-container",children:[s("span",{className:"quote-management-product-list-table__discount-percent",children:[r,"%"]}),s("span",{className:"quote-management-product-list-table__discount-price",children:["(",e(b,{amount:t}),")"]})]}):void 0,P=t=>{var T,k;const r=(T=t.configurableOptions)==null?void 0:T.map(m=>s("div",{className:"quote-management-product-list-table__configurable-option",children:[s("span",{className:"quote-management-product-list-table__configurable-option-label",children:[m.optionLabel,":"]}),e("span",{className:"quote-management-product-list-table__configurable-option-value",children:m.valueLabel})]},m.optionLabel)),N=(k=t.bundleOptions)==null?void 0:k.map(m=>s("div",{className:"quote-management-product-list-table__bundle-option",children:[e("span",{className:"quote-management-product-list-table__bundle-option-label",children:m.label}),e("div",{className:"quote-management-product-list-table__bundle-option-values",children:m.values.map(y=>s("span",{className:"quote-management-product-list-table__bundle-option-value",children:[s("span",{className:"quote-management-product-list-table__bundle-option-value-quantity",children:[y.quantity," x"]}),e("span",{className:"quote-management-product-list-table__bundle-option-value-label",children:y.label}),e(b,{className:"quote-management-product-list-table__bundle-option-value-original-price",amount:y.originalPrice.value,currency:y.originalPrice.currency,weight:"normal"})]},y.label))})]},m.label));return s("div",{className:"quote-management-product-list-table__product-name-container",children:[e("span",{className:"quote-management-product-list-table__product-name",children:t.product.name}),r,N]})},H=c.map(t=>({checkbox:e(F,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${t.product.sku}`,onChange:r=>q(r,t),value:t.product.sku}),productName:P(t),sku:e("span",{className:"quote-management-product-list-table__sku",children:t.product.sku}),price:e(b,{className:"quote-management-product-list-table__price",amount:t.prices.originalItemPrice.value,currency:t.prices.originalItemPrice.currency}),quantity:e("span",{className:"quote-management-product-list-table__quantity",children:t.quantity}),discount:L(t.catalogDiscount.amountOff,t.catalogDiscount.percentOff),subtotal:e(b,{className:"quote-management-product-list-table__subtotal",amount:t.prices.rowTotal.value,currency:t.prices.rowTotal.currency}),actions:e(z,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${t.product.sku}`,name:`item-dropdown-${t.product.sku}`,onChange:r=>_(r,t),placeholder:"Select",options:[{text:l.editNoteToSeller,value:"edit"},{text:l.remove,value:"remove"}],value:t.product.sku})})),M=e(R,{columns:p,rowData:H,"data-testid":"product-list-table",mobileLayout:"stacked"}),$=u?x("form",{}):x("div",{}),w=u?{onSubmit:h,...o}:o,B=u?e(G,{type:"submit","data-testid":"product-list-table-submit-button",children:l.updateButton}):void 0;return s(v,{node:$,className:g(["quote-management-product-list-table-container",d]),"data-testid":"product-list-table-container",...w,children:[M,e("div",{className:"quote-management-product-list-table-container__submit-container",children:B})]})},Y=({className:d,entries:c,...u})=>{const n=a=>{var o;const i=(o=a.children)==null?void 0:o.map(n);return e("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${a.id}`,children:i?e(V,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${a.id}`,children:e(W,{className:"quote-management-quote-prices-summary__accordion-section",title:a.label,ariaLabelTitle:a.label,secondaryText:a.value,children:i})}):s(E,{children:[e("span",{className:g(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",a.strong]]),"data-testid":`quote-prices-summary-entry-label-${a.id}`,children:a.label}),e("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${a.id}`,children:a.value})]})},a.id)};return e("div",{className:g(["quote-management-quote-prices-summary",d]),"data-testid":"quote-prices-summary",...u,children:c==null?void 0:c.map(n)})},ue=({quoteData:d,onItemCheckboxChange:c,onItemDropdownChange:u,onUpdate:n,slots:a,...i})=>{const[o,l]=O(d),p=S({subtotal:"NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuote.Manage.quotePricesSummary.appliedTaxes"});if(j(()=>{const _=J.on("quote-management/quote-data",h=>{l(h.quote)},{eager:!0});return()=>_==null?void 0:_.off()},[]),!o)return e(Q,{loading:!0});const q=[];return o.prices.subtotalExcludingTax&&q.push({label:p.subtotal,id:"subtotal",value:e(b,{amount:o.prices.subtotalExcludingTax.value,currency:o.prices.subtotalExcludingTax.currency,weight:"normal"})}),o.prices.grandTotal&&q.push({label:p.grandTotal,id:"total",value:e(b,{amount:o.prices.grandTotal.value,currency:o.prices.grandTotal.currency}),strong:!0}),e(Q,{"data-testid":"items-quoted-container",...i,loading:!1,table:e(f,{name:"ProductListTable",slot:a==null?void 0:a.ProductListTable,context:{items:o.items,canEdit:!0,onItemCheckboxChange:c,onItemDropdownChange:u,onUpdate:n},children:e(X,{items:o.items,canEdit:!0,onItemCheckboxChange:c,onItemDropdownChange:u,onUpdate:n})}),pricesSummary:e(f,{name:"QuotePricesSummary",slot:a==null?void 0:a.QuotePricesSummary,context:{items:o.items,prices:o.prices},children:e(Y,{entries:q})})})};export{ue as ItemsQuoted,ue as default};
+//# sourceMappingURL=ItemsQuoted.js.map

package/containers/ItemsQuoted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemsQuoted.js","sources":["/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.tsx","/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx","/@dropins/storefront-quote-management/src/containers/ItemsQuoted/ItemsQuoted.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ItemsQuoted/ItemsQuoted.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ItemsQuotedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  table?: VNode;\n  pricesSummary?: VNode;\n}\n\nexport const ItemsQuoted: FunctionComponent<ItemsQuotedProps> = ({\n  className,\n  loading,\n  table,\n  pricesSummary,\n  ...props\n}) => {\n  if (loading) {\n    return <ItemsQuotedSkeleton />;\n  }\n\n  return (\n    <div className={classes(['quote-management-items-quoted', className])} {...props}>\n      {table && (\n        <VComponent\n          node={table}\n          className={classes(['quote-management-items-quoted__table'])}\n          data-testid=\"quote-management-items-quoted__table\"\n        />\n      )}\n      {pricesSummary && (\n        <VComponent\n          node={pricesSummary}\n          className={classes(['quote-management-items-quoted__prices-summary'])}\n          data-testid=\"quote-management-items-quoted__prices-summary\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const ItemsQuotedSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"items-quoted-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"medium\" lines={4} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Table, Checkbox, Picker, Price, Button } from '@adobe-commerce/elsie/components';\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\nimport { NegotiableQuoteCartItem } from '@/quote-management/data/models/negotiable-quote-model';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ProductListTableProps extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: NegotiableQuoteCartItem[];\n  canEdit: boolean;\n  onItemCheckboxChange?: (item: NegotiableQuoteCartItem, isSelected: boolean) => void;\n  onItemDropdownChange?: (item: NegotiableQuoteCartItem, action: string) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  canEdit,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onUpdate,\n  ...props\n}) => {\n\n  const dictionary = useText({\n    updateButton: 'NegotiableQuote.Manage.productListTable.submitButton',\n    productNameHeader: 'NegotiableQuote.Manage.productListTable.headers.productName',\n    skuHeader: 'NegotiableQuote.Manage.productListTable.headers.sku',\n    priceHeader: 'NegotiableQuote.Manage.productListTable.headers.price',\n    quantityHeader: 'NegotiableQuote.Manage.productListTable.headers.quantity',\n    discountHeader: 'NegotiableQuote.Manage.productListTable.headers.discount',\n    subtotalHeader: 'NegotiableQuote.Manage.productListTable.headers.subtotal',\n    actionsHeader: 'NegotiableQuote.Manage.productListTable.headers.actions',\n    editNoteToSeller: 'NegotiableQuote.Manage.productListTable.actions.editNoteToSeller',\n    remove: 'NegotiableQuote.Manage.productListTable.actions.remove',\n  });\n\n  const columns = [\n    {\n      label: dictionary.productNameHeader,\n      key: 'productName',\n    },\n    {\n      label: dictionary.skuHeader,\n      key: 'sku',\n    },\n    {\n      label: dictionary.priceHeader,\n      key: 'price',\n    },\n    {\n      label: dictionary.quantityHeader,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountHeader,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalHeader,\n      key: 'subtotal',\n    },\n  ];\n\n  if (canEdit) {\n    columns.unshift({\n      label: '',\n      key: 'checkbox',\n    });\n    columns.push({\n      label: dictionary.actionsHeader,\n      key: 'actions',\n    });\n  }\n\n  const handleItemCheckboxChange = (event: Event, item: NegotiableQuoteCartItem) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (event: Event, item: NegotiableQuoteCartItem) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleUpdate = (event: SubmitEvent) => {\n    event.preventDefault();\n    onUpdate?.(event);\n  };\n\n  const discountElement = (amountOff: number, percentOff: number) => {\n    return amountOff > 0 ?\n      <div className=\"quote-management-product-list-table__discount-container\">\n        <span className=\"quote-management-product-list-table__discount-percent\">{percentOff}%</span>\n        <span className=\"quote-management-product-list-table__discount-price\">(<Price amount={amountOff} />)</span>\n      </div>\n      : undefined;\n  };\n\n  const getProductNameContent = (item: NegotiableQuoteCartItem) => {\n    const configurableOptions = item.configurableOptions?.map((option) =>\n      <div key={option.optionLabel} className=\"quote-management-product-list-table__configurable-option\">\n        <span className=\"quote-management-product-list-table__configurable-option-label\">{option.optionLabel}:</span>\n        <span className=\"quote-management-product-list-table__configurable-option-value\">{option.valueLabel}</span>\n      </div>);\n\n    const bundleOptions = item.bundleOptions?.map((option) =>\n      <div key={option.label} className=\"quote-management-product-list-table__bundle-option\">\n        <span className=\"quote-management-product-list-table__bundle-option-label\">{option.label}</span>\n        <div className=\"quote-management-product-list-table__bundle-option-values\">\n          {option.values.map((value) =>\n            <span key={value.label} className=\"quote-management-product-list-table__bundle-option-value\">\n              <span className=\"quote-management-product-list-table__bundle-option-value-quantity\">{value.quantity} x</span>\n              <span className=\"quote-management-product-list-table__bundle-option-value-label\">{value.label}</span>\n              <Price className=\"quote-management-product-list-table__bundle-option-value-original-price\"\n                amount={value.originalPrice.value}\n                currency={value.originalPrice.currency}\n                weight=\"normal\"\n              />\n            </span>\n          )}\n        </div>\n      </div>);\n\n    return (\n      <div className=\"quote-management-product-list-table__product-name-container\">\n        <span className=\"quote-management-product-list-table__product-name\">{item.product.name}</span>\n        {configurableOptions}\n        {bundleOptions}\n      </div>\n    )\n  };\n\n  const rowData = items.map((item) => {\n    return {\n      checkbox: <Checkbox className=\"quote-management-product-list-table__checkbox\" name=\"itemSelected\" data-testid={`item-checkbox-${item.product.sku}`} onChange={(e) => handleItemCheckboxChange(e, item)} value={item.product.sku} />,\n      productName: getProductNameContent(item),\n      sku: <span className=\"quote-management-product-list-table__sku\">{item.product.sku}</span>,\n      price: <Price className=\"quote-management-product-list-table__price\" amount={item.prices.originalItemPrice.value} currency={item.prices.originalItemPrice.currency} />,\n      quantity: <span className=\"quote-management-product-list-table__quantity\">{item.quantity}</span>,\n      discount: discountElement(item.catalogDiscount.amountOff, item.catalogDiscount.percentOff),\n      subtotal: <Price className=\"quote-management-product-list-table__subtotal\" amount={item.prices.rowTotal.value} currency={item.prices.rowTotal.currency} />,\n      actions: <Picker\n        className=\"quote-management-product-list-table__actions\"\n        data-testid={`item-dropdown-${item.product.sku}`}\n        name={`item-dropdown-${item.product.sku}`}\n        onChange={(e) => handleItemDropdownChange(e, item)}\n        placeholder=\"Select\"\n        options={[{ text: dictionary.editNoteToSeller, value: 'edit' }, { text: dictionary.remove, value: 'remove' }]}\n        value={item.product.sku}\n      />,\n    }\n  });\n\n  const table = <Table columns={columns} rowData={rowData} data-testid=\"product-list-table\" mobileLayout='stacked' />\n\n  // if can edit, the wrapper node should use the form element, else use the div element\n  const wrapperNode = canEdit ? h('form', {}) : h('div', {});\n  const wrapperProps = canEdit ? {\n    onSubmit: handleUpdate,\n    ...props,\n  } : props;\n\n  const submitButton = canEdit ? <Button type=\"submit\" data-testid=\"product-list-table-submit-button\">{dictionary.updateButton}</Button> : undefined;\n\n  return (\n    <VComponent\n      node={wrapperNode}\n      className={classes(['quote-management-product-list-table-container', className])}\n      data-testid=\"product-list-table-container\"\n      {...wrapperProps}\n    >\n      {table}\n      <div className=\"quote-management-product-list-table-container__submit-container\">\n        {submitButton}\n      </div>\n    </VComponent>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n  \nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/QuotePricesSummary/QuotePricesSummary.css';\nimport { Accordion, AccordionSection } from '@adobe-commerce/elsie/components';\n\ninterface Entry {\n  label: string;\n  id: string;\n  value: VNode;\n  strong?: boolean;\n  children?: Entry[];\n}\n\nexport interface QuotePricesSummaryProps extends HTMLAttributes<HTMLDivElement> {\n  entries?: Entry[];\n}\n\nexport const QuotePricesSummary: FunctionComponent<QuotePricesSummaryProps> = ({\n  className,\n  entries,\n  ...props\n}) => {\n  const createEntry = (entry: Entry) => {\n    const children = entry.children?.map(createEntry);\n    return (\n      <div key={entry.id} className=\"quote-management-quote-prices-summary__entry\" data-testid={`quote-prices-summary-entry-${entry.id}`}>\n        {children ? <Accordion\n          className=\"quote-management-quote-prices-summary__accordion\"\n          data-testid={`quote-prices-summary-entry-accordion-${entry.id}`}\n        >\n          <AccordionSection className=\"quote-management-quote-prices-summary__accordion-section\" title={entry.label} ariaLabelTitle={entry.label} secondaryText={entry.value}>\n            {children}\n          </AccordionSection>\n        </Accordion>\n        :\n        <>\n          <span className={classes(['quote-management-quote-prices-summary__label', ['quote-management-quote-prices-summary__label--strong', entry.strong]])} data-testid={`quote-prices-summary-entry-label-${entry.id}`}>{entry.label}</span>\n          <span className=\"quote-management-quote-prices-summary__value\" data-testid={`quote-prices-summary-entry-value-${entry.id}`}>{entry.value}</span>\n        </>\n        }\n      </div>\n    );\n  };\n\n  return (\n    <div className={classes(['quote-management-quote-prices-summary', className])} data-testid=\"quote-prices-summary\" {...props}>\n      {entries?.map(createEntry)}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductListTable } from '@/quote-management/components/ProductListTable/ProductListTable';\nimport { NegotiableQuoteModel, NegotiableQuoteCartItem } from '@/quote-management/data/models/negotiable-quote-model';\nimport { events } from '@adobe-commerce/event-bus';\nimport { QuotePricesSummary } from '@/quote-management/components/QuotePricesSummary';\nimport { ItemsQuoted as ItemsQuotedComponent } from '@/quote-management/components/ItemsQuoted';\nimport { Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ItemsQuotedProps extends HTMLAttributes<HTMLDivElement> {\n  quoteData?: NegotiableQuoteModel;\n  onItemCheckboxChange?: (item: NegotiableQuoteCartItem, isSelected: boolean) => void;\n  onItemDropdownChange?: (item: NegotiableQuoteCartItem, action: string) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteModel['items'];\n      canEdit: boolean;\n      onItemCheckboxChange?: (item: NegotiableQuoteCartItem, isSelected: boolean) => void;\n      onItemDropdownChange?: (item: NegotiableQuoteCartItem, action: string) => void;\n      onUpdate?: (e: SubmitEvent) => void;\n    }>;\n    QuotePricesSummary?: SlotProps<{\n      items: NegotiableQuoteModel['items'];\n      prices: NegotiableQuoteModel['prices'];\n    }>;\n  }\n}\n\nexport const ItemsQuoted: Container<ItemsQuotedProps> = ({\n  quoteData: initialData,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onUpdate,\n  slots,\n  ...props\n}) => {\n  const [quoteData, setQuoteData] = useState<NegotiableQuoteModel | undefined>(initialData);\n\n  const dictionary = useText({\n    subtotal: 'NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal: 'NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes: 'NegotiableQuote.Manage.quotePricesSummary.appliedTaxes',\n  });\n\n  useEffect(() => {\n    const quoteDataEvent = events.on('quote-management/quote-data', (data: { quote: NegotiableQuoteModel }) => {\n      setQuoteData(data.quote);\n    }, {\n      eager: true,\n    });\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  if (!quoteData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const quotePricesSummaryEntries = [];\n\n  quoteData.prices.subtotalExcludingTax && quotePricesSummaryEntries.push({\n    label: dictionary.subtotal,\n    id: 'subtotal',\n    value: <Price amount={quoteData.prices.subtotalExcludingTax.value} currency={quoteData.prices.subtotalExcludingTax.currency} weight='normal' />,\n  })\n\n  quoteData.prices.grandTotal && quotePricesSummaryEntries.push({\n    label: dictionary.grandTotal,\n    id: 'total',\n    value: <Price amount={quoteData.prices.grandTotal.value} currency={quoteData.prices.grandTotal.currency} />,\n    strong: true,\n  })\n\n  return (\n    <ItemsQuotedComponent data-testid=\"items-quoted-container\" {...props} loading={false}\n      table={<Slot name=\"ProductListTable\" slot={slots?.ProductListTable}\n        context={{\n          items: quoteData.items,\n          canEdit: true,\n          onItemCheckboxChange,\n          onItemDropdownChange,\n          onUpdate\n        }}>\n        <ProductListTable\n          items={quoteData.items}\n          canEdit={true}\n          onItemCheckboxChange={onItemCheckboxChange}\n          onItemDropdownChange={onItemDropdownChange}\n          onUpdate={onUpdate}\n        />\n      </Slot>}\n      pricesSummary={<Slot name=\"QuotePricesSummary\" slot={slots?.QuotePricesSummary} context={{\n        items: quoteData.items,\n        prices: quoteData.prices,\n      }}>\n        <QuotePricesSummary entries={quotePricesSummaryEntries} />\n      </Slot>\n      }\n    />\n  );\n};"],"names":["ItemsQuoted","className","loading","table","pricesSummary","props","ItemsQuotedSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ProductListTable","items","canEdit","onItemCheckboxChange","onItemDropdownChange","onUpdate","dictionary","useText","columns","handleItemCheckboxChange","event","item","isSelected","handleItemDropdownChange","action","handleUpdate","discountElement","amountOff","percentOff","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","rowData","Checkbox","e","Picker","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment","initialData","slots","quoteData","setQuoteData","useState","useEffect","quoteDataEvent","events","data","ItemsQuotedComponent","quotePricesSummaryEntries","Slot"],"mappings":"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"}

package/containers/ManageNegotiableQuote/ManageNegotiableQuote.d.ts

@@ -0,0 +1,56 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { NegotiableQuoteModel, ShippingAddress } from '../../data/models/negotiable-quote-model';
+
+export interface ManageNegotiableQuoteProps extends HTMLAttributes<HTMLDivElement> {
+    onActionsDropdownChange?: (event: Event) => void;
+    onActionsButtonClick?: (action: string) => void;
+    onSendForReview?: (params: {
+        quoteData: NegotiableQuoteModel;
+        comment?: string;
+    }) => void;
+    slots?: {
+        QuoteName?: SlotProps<{
+            quoteName?: string;
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        QuoteStatus?: SlotProps<{
+            quoteStatus?: string;
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        Banner?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        Details?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        ActionBar?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        QuoteContent?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        ShippingInformationTitle?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        ShippingInformation?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+            primaryShippingAddress?: ShippingAddress | undefined;
+            loading?: boolean;
+            setLoading?: (loading: boolean) => void;
+        }>;
+        QuoteCommentsTitle?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        QuoteComments?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        Footer?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+            comment?: string;
+            isSubmitting?: boolean;
+        }>;
+    };
+}
+export declare const ManageNegotiableQuote: Container<ManageNegotiableQuoteProps>;
+//# sourceMappingURL=ManageNegotiableQuote.d.ts.map

package/containers/ManageNegotiableQuote/index.d.ts

@@ -0,0 +1,11 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+export * from './ManageNegotiableQuote';
+export { ManageNegotiableQuote as default } from './ManageNegotiableQuote';
+//# sourceMappingURL=index.d.ts.map

package/containers/ManageNegotiableQuote.d.ts

@@ -0,0 +1,3 @@
+export * from './ManageNegotiableQuote/index'
+import _default from './ManageNegotiableQuote/index'
+export default _default

package/containers/ManageNegotiableQuote.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsx as t,jsxs as l}from"@dropins/tools/preact-jsx-runtime.js";import{useState as x,useEffect as M,useMemo as b,useCallback as F}from"@dropins/tools/preact-compat.js";import{classes as d,VComponent as s,Slot as h,getGlobalLocale as Y}from"@dropins/tools/lib.js";/* empty css                     */import{Picker as Z,Skeleton as R,SkeletonRow as y,InLineAlert as D,Button as P,TextArea as O}from"@dropins/tools/components.js";import{events as S}from"@dropins/tools/event-bus.js";/* empty css                          */import"@dropins/tools/preact.js";import{useText as W}from"@dropins/tools/i18n.js";/* empty css                                  */import"../chunks/transform-quote.js";import"@dropins/tools/fetch-graphql.js";import{s as B}from"../chunks/sendForReview.js";import{S as k}from"../chunks/WarningFilled.js";import"../chunks/NegotiableQuoteFragment.js";const A=({className:p,dropdownPlaceholder:e,dropdownOptions:i,handleDropdownChange:q,buttons:u,...a})=>{const _=i&&i.length>0,c=u&&u.length>0,f=(i==null?void 0:i.map(o=>({text:o.label,value:o.value})))||[];return f.unshift({text:e||"",value:""}),t("div",{className:"quote-management-actions-bar__container","data-testid":"actions-bar-container",children:l("div",{className:d(["quote-management-actions-bar",p]),"data-testid":"actions-bar",...a,children:[_&&t(Z,{name:"dropdown",id:"dropdown",onInput:q,className:"quote-management-actions-bar__dropdown","data-testid":"dropdown",options:f}),c&&t("div",{className:"quote-management-actions-bar__buttons","data-testid":"buttons-container",children:u==null?void 0:u.map((o,v)=>t(s,{node:o,className:d(["quote-management-actions-bar__button"])},v))})]})})},ee=({className:p,loading:e,quoteName:i,quoteStatus:q,banner:u,details:a,actionBar:_,quoteContent:c,shippingInformationTitle:f,shippingInformation:o,quoteCommentsTitle:v,quoteComments:N,footer:Q,...n})=>e?t(ae,{}):l("div",{...n,className:d(["quote-management-manage-negotiable-quote",p]),children:[l("div",{className:d(["quote-management-manage-negotiable-quote__header"]),children:[i&&t(s,{node:i,className:d(["quote-management-manage-negotiable-quote__quote-name"])}),q&&t(s,{node:q,className:d(["quote-management-manage-negotiable-quote__quote-status"])})]}),u&&t(s,{node:u,className:d(["quote-management-manage-negotiable-quote__banner"])}),a&&t(s,{node:a,className:d(["quote-management-manage-negotiable-quote__details"])}),_&&t(s,{node:_,className:d(["quote-management-manage-negotiable-quote__action-bar"])}),c&&t(s,{node:c,className:d(["quote-management-manage-negotiable-quote__quote-content"])}),l("div",{"data-testid":"quote-shipping-information-container",className:d(["quote-management-manage-negotiable-quote__shipping-information-container"]),children:[f&&t(s,{node:f,className:d(["quote-management-manage-negotiable-quote__shipping-information-title"])}),o&&t(s,{node:o,className:d(["quote-management-manage-negotiable-quote__shipping-information"])})]}),l("div",{"data-testid":"quote-comments-container",className:d(["quote-management-manage-negotiable-quote__quote-comments-container"]),children:[v&&t(s,{node:v,className:d(["quote-management-manage-negotiable-quote__quote-comments-title"])}),N&&t(s,{node:N,className:d(["quote-management-manage-negotiable-quote__quote-comments"])})]}),t(s,{node:Q,className:d(["quote-management-manage-negotiable-quote__footer"])})]}),ae=()=>l(R,{"data-testid":"manage-negotiable-quote-skeleton",children:[t(y,{variant:"heading",fullWidth:!0,size:"large"}),t(y,{variant:"row",fullWidth:!1,size:"small"}),t(y,{variant:"row",fullWidth:!1,size:"small"}),t(y,{variant:"row",fullWidth:!0}),t(y,{variant:"row",fullWidth:!0,size:"xlarge",lines:2}),t(y,{variant:"row",fullWidth:!1,size:"small"})]}),te=({className:p,shippingAddress:e,loading:i,noAddressMessage:q,...u})=>{const a=W({noAddress:"NegotiableQuote.Manage.shippingAddress.noAddress"});return i?t(ne,{}):e?l("div",{className:d(["quote-management-shipping-address-display",p]),"data-testid":"shipping-address-display",...u,children:[t("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-name",children:l("span",{className:"quote-management-shipping-address-display__name",children:[e.firstname," ",e.lastname]})}),e.company&&t("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-company",children:e.company}),e.street.map((_,c)=>t("div",{className:"quote-management-shipping-address-display__field","data-testid":`address-street-${c}`,children:_},c)),l("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-city-region",children:[e.city,e.region&&`, ${e.region.label}`," ",e.postcode]}),t("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-country",children:e.country.label}),t("div",{className:"quote-management-shipping-address-display__field","data-testid":"address-telephone",children:e.telephone})]}):t("div",{className:d(["quote-management-shipping-address-display","quote-management-shipping-address-display--empty",p]),"data-testid":"shipping-address-display-empty",...u,children:t("p",{className:"quote-management-shipping-address-display__no-address",children:q||a.noAddress})})},ne=()=>t(R,{"data-testid":"shipping-address-display-skeleton",children:t(y,{variant:"row",fullWidth:!0,size:"small",lines:5,multilineGap:"xsmall"})}),ve=({onActionsDropdownChange:p,slots:e,onActionsButtonClick:i,onSendForReview:q,...u})=>{const[a,_]=x(void 0),[c,f]=x(!0),[o,v]=x(""),[N,Q]=x(!1),n=W({createdLabel:"NegotiableQuote.Manage.createdLabel",salesRepLabel:"NegotiableQuote.Manage.salesRepLabel",expiresLabel:"NegotiableQuote.Manage.expiresLabel",actionsLabel:"NegotiableQuote.Manage.actionsLabel",remove:"NegotiableQuote.Manage.actions.remove",close:"NegotiableQuote.Manage.actionButtons.close",delete:"NegotiableQuote.Manage.actionButtons.delete",print:"NegotiableQuote.Manage.actionButtons.print",createTemplate:"NegotiableQuote.Manage.actionButtons.createTemplate",createCopy:"NegotiableQuote.Manage.actionButtons.createCopy",shippingInformationTitle:"NegotiableQuote.Manage.shippingInformation.title",quoteCommentsTitle:"NegotiableQuote.Manage.quoteComments.title",quoteCommentsPlaceholder:"NegotiableQuote.Manage.quoteComments.placeholder",sendForReview:"NegotiableQuote.Manage.actionButtons.sendForReview",bannerTitle:"NegotiableQuote.Manage.bannerTitle",statusSubmitted:"NegotiableQuote.Manage.bannerStatusMessages.submitted",statusPending:"NegotiableQuote.Manage.bannerStatusMessages.pending",statusExpired:"NegotiableQuote.Manage.bannerStatusMessages.expired"});M(()=>{const m=S.on("quote-management/quote-data",g=>{const{quote:r}=g;r&&(_(r),f(!1))},{eager:!0});return()=>m==null?void 0:m.off()},[]),M(()=>{const m=S.on("quote-management/shipping-address-set",g=>{const{quote:r}=g;r&&_(r)},{eager:!0});return()=>m==null?void 0:m.off()},[]),M(()=>{const m=S.on("quote-management/quote-sent-for-review",g=>{const{quote:r}=g;_(r),v(""),Q(!1)},{eager:!0});return()=>m==null?void 0:m.off()},[]);const z=b(()=>t(h,{name:"QuoteName",slot:e==null?void 0:e.QuoteName,context:{quoteName:a==null?void 0:a.name,quoteData:a},children:t("h1",{"data-testid":"quote-name",children:a==null?void 0:a.name})}),[e==null?void 0:e.QuoteName,a]),E=b(()=>t(h,{name:"QuoteStatus",slot:e==null?void 0:e.QuoteStatus,context:{quoteStatus:a==null?void 0:a.status,quoteData:a},children:t("div",{"data-testid":"quote-status",children:a==null?void 0:a.status})}),[e==null?void 0:e.QuoteStatus,a]),T=F(m=>{switch(m){case"SUBMITTED":return n.statusSubmitted;case"PENDING":return n.statusPending;case"EXPIRED":return n.statusExpired;default:return null}},[n])(a==null?void 0:a.status),w=T&&t(D,{type:"warning",variant:"secondary",icon:t(k,{}),heading:n.bannerTitle,description:T}),$=w&&t(h,{name:"Banner","data-testid":"banner",slot:e==null?void 0:e.Banner,context:{quoteData:a},children:w}),G=b(()=>{if(!a)return null;const m=Y()||"en-US",g=new Intl.DateTimeFormat(m,{year:"numeric",month:"long",day:"numeric"});let r;try{r=g.format(new Date(a.expirationDate))}catch{r=a.expirationDate}return l(h,{name:"Details",slot:e==null?void 0:e.Details,context:{quoteData:a},children:[l("div",{className:"quote-management-manage-negotiable-quote__detail",children:[t("span",{className:"quote-management-manage-negotiable-quote__detail-title","data-testid":"created-label",children:n.createdLabel}),l("span",{className:"quote-management-manage-negotiable-quote__detail-content","data-testid":"created-value",children:[g.format(new Date(a.createdAt))," (",a.buyer.firstname," ",a.buyer.lastname,")"]})]}),l("div",{className:"quote-management-manage-negotiable-quote__detail",children:[t("span",{className:"quote-management-manage-negotiable-quote__detail-title","data-testid":"sales-rep-label",children:n.salesRepLabel}),t("span",{className:"quote-management-manage-negotiable-quote__detail-content","data-testid":"sales-rep-value",children:a.salesRepName})]}),l("div",{className:"quote-management-manage-negotiable-quote__detail",children:[t("span",{className:"quote-management-manage-negotiable-quote__detail-title","data-testid":"expires-label",children:n.expiresLabel}),t("span",{className:"quote-management-manage-negotiable-quote__detail-content","data-testid":"expires-value",children:r})]})]})},[e==null?void 0:e.Details,n,a]),I=b(()=>[{label:n.close,value:"close"},{label:n.delete,value:"delete"},{label:n.print,value:"print"},{label:n.createTemplate,value:"createTemplate"},{label:n.createCopy,value:"createCopy"}],[n]),U=b(()=>{const m=r=>{p==null||p(r)},g=r=>{switch(r){case"close":i==null||i(r);break;case"delete":i==null||i(r);break;case"print":i==null||i(r);break;case"createTemplate":i==null||i(r);break;case"createCopy":i==null||i(r);break}};return t(h,{name:"ActionBar",slot:e==null?void 0:e.ActionBar,context:{quoteData:a},children:t(A,{dropdownPlaceholder:n.actionsLabel,dropdownOptions:[{label:n.remove,value:"remove"}],handleDropdownChange:m,buttons:I.map(r=>t(P,{variant:"tertiary",onClick:()=>g(r.value),"data-testid":`actions-bar-${r.value}-button`,"data-action":r.value,disabled:r.disabled,children:r.label},r.value))})})},[I,n,e==null?void 0:e.ActionBar,a,p,i]),j=b(()=>t(h,{name:"QuoteContent",slot:e==null?void 0:e.QuoteContent,context:{quoteData:a}}),[e==null?void 0:e.QuoteContent,a]),V=b(()=>t(h,{name:"ShippingInformationTitle",slot:e==null?void 0:e.ShippingInformationTitle,context:{quoteData:a},children:t("h2",{children:n.shippingInformationTitle})}),[e==null?void 0:e.ShippingInformationTitle,a,n]),X=b(()=>{var g;const m=(g=a==null?void 0:a.shippingAddresses)==null?void 0:g[0];return t(h,{name:"ShippingInformation",slot:e==null?void 0:e.ShippingInformation,context:{quoteData:a,primaryShippingAddress:m,loading:c,setLoading:f},children:t(te,{shippingAddress:m,loading:c,"data-testid":"manage-quote-shipping-address"})})},[e==null?void 0:e.ShippingInformation,a,c,f]),C=b(()=>t(h,{name:"QuoteCommentsTitle",slot:e==null?void 0:e.QuoteCommentsTitle,context:{quoteData:a},children:t("h2",{children:n.quoteCommentsTitle})}),[e==null?void 0:e.QuoteCommentsTitle,n,a]),H=b(()=>t(h,{name:"QuoteComments",slot:e==null?void 0:e.QuoteComments,context:{quoteData:a},children:t(O,{name:"quoteComments",placeholder:n.quoteCommentsPlaceholder,rows:3,value:o,onInput:m=>{v(m.target.value)},disabled:N})}),[e==null?void 0:e.QuoteComments,n,a,o,N]),L=F(async()=>{if(q){q({quoteData:a,comment:o.trim()||void 0});return}Q(!0);try{await B({quoteUid:a.uid,comment:o.trim()||void 0})}catch(m){console.error("Failed to send quote for review:",m),Q(!1)}},[a,q,o]),J=b(()=>t(h,{name:"Footer",slot:e==null?void 0:e.Footer,context:{quoteData:a,comment:o,isSubmitting:N},children:t(P,{variant:"primary",onClick:L,"data-testid":"send-for-review-button",disabled:!(a!=null&&a.canSendForReview)||N,children:n.sendForReview})}),[e==null?void 0:e.Footer,n,a,o,N,L]),K={...u,loading:c,quoteName:z,quoteStatus:E,banner:$||void 0,details:G,actionBar:U,quoteContent:j,shippingInformationTitle:V,shippingInformation:X,quoteCommentsTitle:C,quoteComments:H,footer:J};return t(ee,{...K})};export{ve as ManageNegotiableQuote,ve as default};
+//# sourceMappingURL=ManageNegotiableQuote.js.map

package/containers/ManageNegotiableQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageNegotiableQuote.js","sources":["/@dropins/storefront-quote-management/src/components/ActionsBar/ActionsBar.tsx","/@dropins/storefront-quote-management/src/components/ManageNegotiableQuote/ManageNegotiableQuote.tsx","/@dropins/storefront-quote-management/src/components/ShippingAddressDisplay/ShippingAddressDisplay.tsx","/@dropins/storefront-quote-management/src/containers/ManageNegotiableQuote/ManageNegotiableQuote.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ActionsBar/ActionsBar.css';\nimport { Picker } from '@adobe-commerce/elsie/components';\n\nexport interface ActionsBarProps extends HTMLAttributes<HTMLDivElement> {\n  dropdownPlaceholder?: string;\n  dropdownOptions?: {\n    label: string;\n    value: string;\n  }[];\n  handleDropdownChange?: (event: Event) => void;\n  buttons?: VNode[];\n}\n\nexport const ActionsBar: FunctionComponent<ActionsBarProps> = ({\n  className,\n  dropdownPlaceholder,\n  dropdownOptions,\n  handleDropdownChange,\n  buttons,\n  ...props\n}) => {\n  const hasDropdown = dropdownOptions && dropdownOptions.length > 0;\n  const hasButtons = buttons && buttons.length > 0;\n\n  const pickerOptions = dropdownOptions?.map((option) => ({\n    text: option.label,\n    value: option.value,\n  })) || [];\n  pickerOptions.unshift({\n    text: dropdownPlaceholder || '',\n    value: '',\n  });\n\n  return (\n    <div className=\"quote-management-actions-bar__container\" data-testid=\"actions-bar-container\">\n      <div className={classes(['quote-management-actions-bar', className])} data-testid=\"actions-bar\" {...props}>\n        {hasDropdown && (\n          <Picker\n            name=\"dropdown\"\n            id=\"dropdown\"\n            onInput={handleDropdownChange}\n            className=\"quote-management-actions-bar__dropdown\"\n            data-testid=\"dropdown\"\n            options={pickerOptions}\n          />\n        )}\n        {hasButtons && (\n          <div className=\"quote-management-actions-bar__buttons\" data-testid=\"buttons-container\">\n            {buttons?.map((button, index) => (\n              <VComponent\n                node={button}\n                className={classes(['quote-management-actions-bar__button'])}\n                key={index}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ManageNegotiableQuote/ManageNegotiableQuote.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ManageNegotiableQuoteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  quoteName: VNode;\n  quoteStatus: VNode;\n  banner?: VNode;\n  details: VNode;\n  actionBar?: VNode;\n  quoteContent: VNode;\n  shippingInformationTitle: VNode;\n  shippingInformation: VNode;\n  quoteCommentsTitle: VNode;\n  quoteComments: VNode;\n  footer: VNode;\n}\n\nexport const ManageNegotiableQuote: FunctionComponent<ManageNegotiableQuoteProps> = ({\n  className,\n  loading,\n  quoteName,\n  quoteStatus,\n  banner,\n  details,\n  actionBar,\n  quoteContent,\n  shippingInformationTitle,\n  shippingInformation,\n  quoteCommentsTitle,\n  quoteComments,\n  footer,\n  ...props\n}) => {\n  if (loading) {\n    return <ManageNegotiableQuoteSkeleton />;\n  }\n\n  return (\n    <div {...props} className={classes(['quote-management-manage-negotiable-quote', className])}>\n      <div className={classes(['quote-management-manage-negotiable-quote__header'])}>\n        {quoteName &&\n          <VComponent\n            node={quoteName}\n            className={classes(['quote-management-manage-negotiable-quote__quote-name'])}\n          />\n        }\n        {quoteStatus &&\n          <VComponent\n            node={quoteStatus}\n            className={classes(['quote-management-manage-negotiable-quote__quote-status'])}\n          />\n        }\n      </div>\n      {banner &&\n        <VComponent\n          node={banner}\n          className={classes(['quote-management-manage-negotiable-quote__banner'])}\n        />\n      }\n      {details &&\n        <VComponent\n          node={details}\n          className={classes(['quote-management-manage-negotiable-quote__details'])}\n        />\n      }\n      {actionBar &&\n        <VComponent\n          node={actionBar}\n          className={classes(['quote-management-manage-negotiable-quote__action-bar'])}\n        />\n      }\n      {quoteContent &&\n        <VComponent\n          node={quoteContent}\n          className={classes(['quote-management-manage-negotiable-quote__quote-content'])}\n        />\n      }\n      <div data-testid=\"quote-shipping-information-container\" className={classes(['quote-management-manage-negotiable-quote__shipping-information-container'])}>\n        {shippingInformationTitle &&\n          <VComponent\n            node={shippingInformationTitle}\n            className={classes(['quote-management-manage-negotiable-quote__shipping-information-title'])}\n          />\n        }\n        {shippingInformation &&\n          <VComponent\n            node={shippingInformation}\n            className={classes(['quote-management-manage-negotiable-quote__shipping-information'])}\n          />\n        }\n      </div>\n      <div data-testid=\"quote-comments-container\" className={classes(['quote-management-manage-negotiable-quote__quote-comments-container'])}>\n        {quoteCommentsTitle &&\n          <VComponent\n            node={quoteCommentsTitle}\n            className={classes(['quote-management-manage-negotiable-quote__quote-comments-title'])}\n          />\n        }\n        {quoteComments &&\n          <VComponent\n            node={quoteComments}\n            className={classes(['quote-management-manage-negotiable-quote__quote-comments'])}\n          />\n        }\n      </div>\n      <VComponent\n        node={footer}\n        className={classes(['quote-management-manage-negotiable-quote__footer'])}\n      />\n    </div>\n  );\n};\n\nexport const ManageNegotiableQuoteSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"manage-negotiable-quote-skeleton\">\n      <SkeletonRow variant=\"heading\" fullWidth={true} size=\"large\" />\n      <SkeletonRow variant=\"row\" fullWidth={false} size=\"small\" />\n      <SkeletonRow variant=\"row\" fullWidth={false} size=\"small\" />\n      <SkeletonRow variant=\"row\" fullWidth={true} />\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"xlarge\" lines={2} />\n      <SkeletonRow variant=\"row\" fullWidth={false} size=\"small\" />\n    </Skeleton>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport { ShippingAddress } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/ShippingAddressDisplay/ShippingAddressDisplay.css';\n\nexport interface ShippingAddressDisplayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  shippingAddress?: ShippingAddress;\n  loading?: boolean;\n  noAddressMessage?: string;\n}\n\nexport const ShippingAddressDisplay: FunctionComponent<ShippingAddressDisplayProps> = ({\n  className,\n  shippingAddress,\n  loading,\n  noAddressMessage,\n  ...props\n}) => {\n  const dictionary = useText({\n    noAddress: 'NegotiableQuote.Manage.shippingAddress.noAddress',\n  });\n\n  if (loading) {\n    return <ShippingAddressDisplaySkeleton />;\n  }\n\n  if (!shippingAddress) {\n    return (\n      <div \n        className={classes(['quote-management-shipping-address-display', 'quote-management-shipping-address-display--empty', className])}\n        data-testid=\"shipping-address-display-empty\"\n        {...props}\n      >\n        <p className=\"quote-management-shipping-address-display__no-address\">\n          {noAddressMessage || dictionary.noAddress}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div \n      className={classes(['quote-management-shipping-address-display', className])}\n      data-testid=\"shipping-address-display\"\n      {...props}\n    >\n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-name\">\n        <span className=\"quote-management-shipping-address-display__name\">\n          {shippingAddress.firstname} {shippingAddress.lastname}\n        </span>\n      </div>\n      \n      {shippingAddress.company && (\n        <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-company\">\n          {shippingAddress.company}\n        </div>\n      )}\n      \n      {shippingAddress.street.map((line, index) => (\n        <div \n          key={index} \n          className=\"quote-management-shipping-address-display__field\" \n          data-testid={`address-street-${index}`}\n        >\n          {line}\n        </div>\n      ))}\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-city-region\">\n        {shippingAddress.city}\n        {shippingAddress.region && `, ${shippingAddress.region.label}`}\n        {' '}\n        {shippingAddress.postcode}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-country\">\n        {shippingAddress.country.label}\n      </div>\n      \n      <div className=\"quote-management-shipping-address-display__field\" data-testid=\"address-telephone\">\n        {shippingAddress.telephone}\n      </div>\n    </div>\n  );\n};\n\nexport const ShippingAddressDisplaySkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"shipping-address-display-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"small\" lines={5} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};\n\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes, useCallback, useEffect, useMemo, useState } from 'preact/compat';\nimport { Container, getGlobalLocale, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { NegotiableQuoteModel, ShippingAddress } from '@/quote-management/data/models/negotiable-quote-model';\nimport { ManageNegotiableQuote as ManageNegotiableQuoteComponent, ManageNegotiableQuoteProps as ManageNegotiableQuoteComponentProps } from '@/quote-management/components/ManageNegotiableQuote';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ActionsBar, ShippingAddressDisplay } from '@/quote-management/components';\nimport { Button, InLineAlert, TextArea } from '@adobe-commerce/elsie/components';\nimport { WarningFilled } from '@adobe-commerce/elsie/icons';\nimport { sendForReview } from '@/quote-management/api';\n\nexport interface ManageNegotiableQuoteProps extends HTMLAttributes<HTMLDivElement> {\n  onActionsDropdownChange?: (event: Event) => void;\n  onActionsButtonClick?: (action: string) => void;\n  onSendForReview?: (params:\n    {\n      quoteData: NegotiableQuoteModel,\n      comment?: string,\n    }) => void;\n  slots?: {\n    QuoteName?: SlotProps<{\n      quoteName?: string;\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    QuoteStatus?: SlotProps<{\n      quoteStatus?: string;\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    Banner?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    Details?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    ActionBar?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    QuoteContent?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    ShippingInformationTitle?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    ShippingInformation?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n      primaryShippingAddress?: ShippingAddress | undefined;\n      loading?: boolean;\n      setLoading?: (loading: boolean) => void;\n    }>;\n    QuoteCommentsTitle?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    QuoteComments?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n    }>;\n    Footer?: SlotProps<{\n      quoteData?: NegotiableQuoteModel;\n      comment?: string;\n      isSubmitting?: boolean;\n    }>;\n  }\n}\n\nexport const ManageNegotiableQuote: Container<ManageNegotiableQuoteProps> = ({\n  onActionsDropdownChange,\n  slots,\n  onActionsButtonClick,\n  onSendForReview,\n  ...props\n}) => {\n\n  const [quoteData, setQuoteData] = useState<NegotiableQuoteModel | undefined>(undefined)\n  const [loading, setLoading] = useState<boolean>(true)\n  const [comment, setComment] = useState<string>('')\n  const [isSubmitting, setIsSubmitting] = useState<boolean>(false)\n\n  const dictionary = useText({\n    createdLabel: 'NegotiableQuote.Manage.createdLabel',\n    salesRepLabel: 'NegotiableQuote.Manage.salesRepLabel',\n    expiresLabel: 'NegotiableQuote.Manage.expiresLabel',\n    actionsLabel: 'NegotiableQuote.Manage.actionsLabel',\n    remove: 'NegotiableQuote.Manage.actions.remove',\n    close: 'NegotiableQuote.Manage.actionButtons.close',\n    delete: 'NegotiableQuote.Manage.actionButtons.delete',\n    print: 'NegotiableQuote.Manage.actionButtons.print',\n    createTemplate: 'NegotiableQuote.Manage.actionButtons.createTemplate',\n    createCopy: 'NegotiableQuote.Manage.actionButtons.createCopy',\n    shippingInformationTitle: 'NegotiableQuote.Manage.shippingInformation.title',\n    quoteCommentsTitle: 'NegotiableQuote.Manage.quoteComments.title',\n    quoteCommentsPlaceholder: 'NegotiableQuote.Manage.quoteComments.placeholder',\n    sendForReview: 'NegotiableQuote.Manage.actionButtons.sendForReview',\n    bannerTitle: 'NegotiableQuote.Manage.bannerTitle',\n    statusSubmitted: 'NegotiableQuote.Manage.bannerStatusMessages.submitted',\n    statusPending: 'NegotiableQuote.Manage.bannerStatusMessages.pending',\n    statusExpired: 'NegotiableQuote.Manage.bannerStatusMessages.expired',\n  });\n  /* Event listeners */\n  useEffect(() => {\n    const quoteDataEvent = events.on('quote-management/quote-data', (data: { quote: NegotiableQuoteModel }) => {\n      const { quote } = data;\n      if (quote) {\n        setQuoteData(quote);\n        setLoading(false);\n      }\n    }, {\n      eager: true,\n    });\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  // Listen for shipping address set event\n  useEffect(() => {\n    const shippingAddressSetEvent = events.on('quote-management/shipping-address-set', (data: { quote: NegotiableQuoteModel }) => {\n      const { quote } = data;\n      if (quote) {\n        setQuoteData(quote);\n      }\n    }, {\n      eager: true,\n    });\n    return () => shippingAddressSetEvent?.off();\n  }, []);\n\n  // Listen for quote sent for review event\n  useEffect(() => {\n    const quoteSentForReviewEvent = events.on('quote-management/quote-sent-for-review', (data: { quote: NegotiableQuoteModel }) => {\n      const { quote } = data;\n      setQuoteData(quote);\n      setComment(''); // Reset comment after successful submission\n      setIsSubmitting(false);\n    }, {\n      eager: true,\n    });\n    return () => quoteSentForReviewEvent?.off();\n  }, []);\n\n  /**\n   * VNodes for the ManageNegotiableQuote component\n   */\n\n  // Quote name\n  const quoteName = useMemo(() => {\n    return <Slot name=\"QuoteName\" slot={slots?.QuoteName} context={{ quoteName: quoteData?.name, quoteData }}>\n      <h1 data-testid=\"quote-name\">{quoteData?.name}</h1>\n    </Slot>;\n  }, [slots?.QuoteName, quoteData]);\n\n  // Quote status\n  const quoteStatus = useMemo(() => {\n    return <Slot name=\"QuoteStatus\" slot={slots?.QuoteStatus} context={{ quoteStatus: quoteData?.status, quoteData }}>\n      <div data-testid=\"quote-status\">{quoteData?.status}</div>\n    </Slot>;\n  }, [slots?.QuoteStatus, quoteData]);\n\n  // Banner\n  const getBannerStatusMessage = useCallback((status: string | undefined) => {\n    switch (status) {\n      case 'SUBMITTED':\n        return dictionary.statusSubmitted;\n      case 'PENDING':\n        return dictionary.statusPending;\n      case 'EXPIRED':\n        return dictionary.statusExpired;\n      default:\n        return null;\n    }\n  }, [dictionary]);\n\n  const bannerMessage = getBannerStatusMessage(quoteData?.status);\n\n  const bannerContent = bannerMessage &&\n    <InLineAlert\n      type=\"warning\"\n      variant=\"secondary\"\n      icon={<WarningFilled />}\n      heading={dictionary.bannerTitle}\n      description={bannerMessage} />;\n\n  const banner = bannerContent && <Slot name=\"Banner\" data-testid=\"banner\" slot={slots?.Banner} context={{ quoteData }}>\n    {bannerContent}\n  </Slot>;\n\n  // Details\n  const details = useMemo(() => {\n\n    if (!quoteData) {\n      return null;\n    }\n\n    const calculatedLocale = getGlobalLocale() || 'en-US';\n\n    const dateFormatter = new Intl.DateTimeFormat(calculatedLocale, {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    });\n\n    // Some quotes, such as draft quotes, don't have a date formatted expiration date\n    let expirationDate;\n    try {\n      expirationDate = dateFormatter.format(new Date(quoteData!.expirationDate));\n    } catch (error) {\n      expirationDate = quoteData!.expirationDate;\n    }\n\n    return <Slot name=\"Details\" slot={slots?.Details} context={{ quoteData }}>\n      <div className=\"quote-management-manage-negotiable-quote__detail\">\n        <span className=\"quote-management-manage-negotiable-quote__detail-title\" data-testid=\"created-label\">\n          {dictionary.createdLabel}\n        </span>\n        <span className=\"quote-management-manage-negotiable-quote__detail-content\" data-testid=\"created-value\">\n          {dateFormatter.format(new Date(quoteData!.createdAt))} ({quoteData!.buyer.firstname} {quoteData!.buyer.lastname})\n        </span>\n      </div>\n      <div className=\"quote-management-manage-negotiable-quote__detail\">\n        <span className=\"quote-management-manage-negotiable-quote__detail-title\" data-testid=\"sales-rep-label\">\n          {dictionary.salesRepLabel}\n        </span>\n        <span className=\"quote-management-manage-negotiable-quote__detail-content\" data-testid=\"sales-rep-value\">\n          {quoteData!.salesRepName}\n        </span>\n      </div>\n      <div className=\"quote-management-manage-negotiable-quote__detail\">\n        <span className=\"quote-management-manage-negotiable-quote__detail-title\" data-testid=\"expires-label\">\n          {dictionary.expiresLabel}\n        </span>\n        <span className=\"quote-management-manage-negotiable-quote__detail-content\" data-testid=\"expires-value\">\n          {expirationDate}\n        </span>\n      </div>\n    </Slot>;\n  }, [slots?.Details, dictionary, quoteData]);\n\n  // Action bar\n  const buttons: { label: string; value: string; disabled?: boolean }[] = useMemo(() => [\n    {\n      label: dictionary.close,\n      value: 'close'\n    },\n    {\n      label: dictionary.delete,\n      value: 'delete'\n    },\n    {\n      label: dictionary.print,\n      value: 'print'\n    },\n    {\n      label: dictionary.createTemplate,\n      value: 'createTemplate'\n    },\n    {\n      label: dictionary.createCopy,\n      value: 'createCopy'\n    },\n  ], [dictionary]);\n  const actionBar = useMemo(() => {\n    const handleActionsDropdownChange = (event: Event) => {\n      onActionsDropdownChange?.(event);\n    };\n\n    const handleActionsButtonClick = (action: string) => {\n      switch (action) {\n        case 'close':\n          onActionsButtonClick?.(action);\n          break;\n        case 'delete':\n          onActionsButtonClick?.(action);\n          break;\n        case 'print':\n          onActionsButtonClick?.(action);\n          break;\n        case 'createTemplate':\n          onActionsButtonClick?.(action);\n          break;\n        case 'createCopy':\n          onActionsButtonClick?.(action);\n          break;\n      }\n    }\n    return <Slot name=\"ActionBar\" slot={slots?.ActionBar} context={{ quoteData }}>\n      <ActionsBar\n        dropdownPlaceholder={dictionary.actionsLabel}\n        dropdownOptions={[\n          {\n            label: dictionary.remove,\n            value: 'remove'\n          },\n        ]}\n        handleDropdownChange={handleActionsDropdownChange}\n        buttons={\n          buttons.map((button) => (\n            <Button\n              key={button.value}\n              variant=\"tertiary\"\n              onClick={() => handleActionsButtonClick(button.value)}\n              data-testid={`actions-bar-${button.value}-button`}\n              data-action={button.value}\n              disabled={button.disabled}\n            >\n              {button.label}\n            </Button>\n          ))\n        }\n      />\n    </Slot>;\n  }, [buttons, dictionary, slots?.ActionBar, quoteData, onActionsDropdownChange, onActionsButtonClick]);\n\n  // Quote content\n  const quoteContent = useMemo(() => {\n    return <Slot name=\"QuoteContent\" slot={slots?.QuoteContent} context={{ quoteData }} />\n  }, [slots?.QuoteContent, quoteData]);\n\n  // Shipping information title\n  const shippingInformationTitle = useMemo(() => {\n    return <Slot name=\"ShippingInformationTitle\" slot={slots?.ShippingInformationTitle} context={{ quoteData }}>\n      <h2>{dictionary.shippingInformationTitle}</h2>\n    </Slot>;\n  }, [slots?.ShippingInformationTitle, quoteData, dictionary]);\n\n  // Shipping information\n  const shippingInformation = useMemo(() => {\n    const primaryShippingAddress = quoteData?.shippingAddresses?.[0];\n\n    return (\n      <Slot name=\"ShippingInformation\" slot={slots?.ShippingInformation} context={{ quoteData, primaryShippingAddress, loading, setLoading }}>\n        <ShippingAddressDisplay\n          shippingAddress={primaryShippingAddress}\n          loading={loading}\n          data-testid=\"manage-quote-shipping-address\"\n        />\n      </Slot>\n    );\n  }, [slots?.ShippingInformation, quoteData, loading, setLoading]);\n\n  // Quote comments title\n  const quoteCommentsTitle = useMemo(() => {\n    return <Slot name=\"QuoteCommentsTitle\" slot={slots?.QuoteCommentsTitle} context={{ quoteData }}>\n      <h2>{dictionary.quoteCommentsTitle}</h2>\n    </Slot>;\n  }, [slots?.QuoteCommentsTitle, dictionary, quoteData]);\n\n  // Quote comments\n  const quoteComments = useMemo(() => {\n    return <Slot name=\"QuoteComments\" slot={slots?.QuoteComments} context={{ quoteData }}>\n      <TextArea\n        name=\"quoteComments\"\n        placeholder={dictionary.quoteCommentsPlaceholder}\n        rows={3}\n        value={comment}\n        onInput={(e) => {\n          setComment((e.target as HTMLTextAreaElement).value);\n        }}\n        disabled={isSubmitting}\n      />\n    </Slot>;\n  }, [slots?.QuoteComments, dictionary, quoteData, comment, isSubmitting]);\n\n  // Footer\n  const handleSendForReview = useCallback(async () => {\n    // If override prop is provided, use it instead of the API\n    if (onSendForReview) {\n      onSendForReview({ quoteData: quoteData!, comment: comment.trim() || undefined });\n      return;\n    }\n\n    // Otherwise, use the sendForReview API\n    setIsSubmitting(true);\n    try {\n      await sendForReview({\n        quoteUid: quoteData!.uid,\n        comment: comment.trim() || undefined,\n      });\n      // The quote-sent-for-review event will handle updating state\n    } catch (error) {\n      console.error('Failed to send quote for review:', error);\n      setIsSubmitting(false);\n      // TODO: Show error notification to user\n    }\n  }, [quoteData, onSendForReview, comment]);\n\n  const footer = useMemo(() => {\n    return <Slot name=\"Footer\" slot={slots?.Footer} context={{ quoteData, comment, isSubmitting }}>\n      <Button variant=\"primary\"\n        onClick={handleSendForReview}\n        data-testid=\"send-for-review-button\"\n        disabled={!quoteData?.canSendForReview || isSubmitting}\n      >{dictionary.sendForReview}</Button>\n    </Slot>;\n  }, [slots?.Footer, dictionary, quoteData, comment, isSubmitting, handleSendForReview]);\n\n  const manageNegotiableQuoteProps: ManageNegotiableQuoteComponentProps = {\n    ...props,\n    loading,\n    quoteName,\n    quoteStatus,\n    banner: banner || undefined,\n    details: details!, // Details will always be defined at this point\n    actionBar,\n    quoteContent,\n    shippingInformationTitle,\n    shippingInformation,\n    quoteCommentsTitle,\n    quoteComments,\n    footer\n  };\n\n  return (\n    <ManageNegotiableQuoteComponent\n      {...manageNegotiableQuoteProps}\n    />\n  );\n};"],"names":["ActionsBar","className","dropdownPlaceholder","dropdownOptions","handleDropdownChange","buttons","props","hasDropdown","hasButtons","pickerOptions","option","classes","jsx","Picker","button","index","VComponent","ManageNegotiableQuote","loading","quoteName","quoteStatus","banner","details","actionBar","quoteContent","shippingInformationTitle","shippingInformation","quoteCommentsTitle","quoteComments","footer","ManageNegotiableQuoteSkeleton","jsxs","Skeleton","SkeletonRow","ShippingAddressDisplay","shippingAddress","noAddressMessage","dictionary","useText","ShippingAddressDisplaySkeleton","line","onActionsDropdownChange","slots","onActionsButtonClick","onSendForReview","quoteData","setQuoteData","useState","setLoading","comment","setComment","isSubmitting","setIsSubmitting","useEffect","quoteDataEvent","events","data","quote","shippingAddressSetEvent","quoteSentForReviewEvent","useMemo","Slot","bannerMessage","useCallback","status","bannerContent","InLineAlert","WarningFilled","calculatedLocale","getGlobalLocale","dateFormatter","expirationDate","handleActionsDropdownChange","event","handleActionsButtonClick","action","Button","primaryShippingAddress","_a","TextArea","e","handleSendForReview","sendForReview","error","manageNegotiableQuoteProps","ManageNegotiableQuoteComponent"],"mappings":"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"}

package/containers/QuotesListTable/QuotesListTable.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'preact/compat';
 import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
-import { NegotiableQuoteModel } from '../../data/models';
+import { NegotiableQuoteListEntry } from '../../data/models';
 
 export interface QuotesListTableProps extends HTMLAttributes<HTMLDivElement> {
     pageSize?: number;
@@ -13,35 +13,35 @@ export interface QuotesListTableProps extends HTMLAttributes<HTMLDivElement> {
     slots?: {
         /** Slot for customizing the quote name cell content */
         QuoteName?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the created date cell content */
         Created?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the created by cell content */
         CreatedBy?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the status cell content */
         Status?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the last updated cell content */
         LastUpdated?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the quote template cell content */
         QuoteTemplate?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the quote total cell content */
         QuoteTotal?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
         }>;
         /** Slot for customizing the actions cell content */
         Actions?: SlotProps<{
-            quote: NegotiableQuoteModel;
+            quote: NegotiableQuoteListEntry;
             onViewQuote?: (id: string, name: string, status: string) => void;
         }>;
         /** Slot for customizing the empty quotes message */

package/containers/QuotesListTable.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as P,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as Q,useEffect as $}from"@dropins/tools/preact-compat.js";import{classes as j,Slot as o}from"@dropins/tools/lib.js";import{Table as G,IllustratedMessage as H,Picker as J,Pagination as K,Button as W,Price as X}from"@dropins/tools/components.js";import{events as Y}from"@dropins/tools/event-bus.js";/* empty css                                  */import{useText as Z}from"@dropins/tools/i18n.js";import{g as V}from"../chunks/transform-quote.js";import"@dropins/tools/fetch-graphql.js";import{n as q}from"../chunks/negotiableQuotes.js";const ee=({rowData:h=[],loading:S=!1,className:N,emptyStateMessage:y,showItemRange:v=!0,itemRangeMessage:m,showPageSizePicker:u=!0,pageSizePickerMessage:i,showPagination:x=!0,paginationMessage:l,...b})=>{const d=Z({quoteName:"QuoteManagement.QuotesListTable.quoteName",created:"QuoteManagement.QuotesListTable.created",createdBy:"QuoteManagement.QuotesListTable.createdBy",status:"QuoteManagement.QuotesListTable.status",lastUpdated:"QuoteManagement.QuotesListTable.lastUpdated",quoteTemplate:"QuoteManagement.QuotesListTable.quoteTemplate",quoteTotal:"QuoteManagement.QuotesListTable.quoteTotal",actions:"QuoteManagement.QuotesListTable.actions"}),s=[{key:"quoteName",label:d.quoteName},{key:"created",label:d.created},{key:"createdBy",label:d.createdBy},{key:"status",label:d.status},{key:"lastUpdated",label:d.lastUpdated},{key:"quoteTemplate",label:d.quoteTemplate},{key:"quoteTotal",label:d.quoteTotal},{key:"actions",label:d.actions}],z=!S&&h.length===0&&y,p=v&&m,f=u&&i,g=x&&l,T=p||f||g;return P("div",{...b,className:j(["quote-management-quotes-list-table",N]),children:[t(G,{columns:s,rowData:h,loading:S,mobileLayout:"none",className:"quote-management-quotes-list-table__table"}),z&&t("div",{className:"quotes-list-table__empty-state",children:y}),T&&P("div",{className:"quotes-list-table__footer",children:[t("div",{className:"quotes-list-table__item-range",children:p&&m}),t("div",{className:"quotes-list-table__pagination",children:g&&l}),t("div",{className:"quotes-list-table__page-size-picker",children:f&&i})]})]})},ue=({pageSize:h,showItemRange:S=!0,showPageSizePicker:N=!0,showPagination:y=!0,onViewQuote:v,onPageSizeChange:m,onPageChange:u,slots:i,...x})=>{const[l,b]=Q(null),[d,s]=Q(!0),z=V()[0],[p,f]=Q(h||z),[g,T]=Q(1);$(()=>{const r=async()=>{try{s(!0);const c=await q({pageSize:p,currentPage:g});b(c)}catch(c){console.error("Failed to fetch quotes:",c)}finally{s(!1)}},e=Y.on("authenticated",c=>{c?r():(b(null),s(!1))},{eager:!0});return()=>{e==null||e.off()}},[p,g]);const k=r=>{f(r),T(1),m==null||m(r)},_=r=>{T(r),u==null||u(r)},A=r=>{const e=r.target,c=e==null?void 0:e.value;c&&k(Number(c))},U=(r,e,c)=>r.filter(a=>a==null?void 0:a.uid).map(a=>{var I,w,B,M;const F=`${a.buyer.firstname} ${a.buyer.lastname}`;return{id:a.uid,quoteName:t(o,{name:"QuoteName",slot:e==null?void 0:e.QuoteName,context:{quote:a},children:t("span",{children:a.name})}),created:t(o,{name:"Created",slot:e==null?void 0:e.Created,context:{quote:a},children:t("span",{children:a.createdAt?new Date(a.createdAt).toLocaleDateString():"N/A"})}),createdBy:t(o,{name:"CreatedBy",slot:e==null?void 0:e.CreatedBy,context:{quote:a},children:t("span",{children:F})}),status:t(o,{name:"Status",slot:e==null?void 0:e.Status,context:{quote:a},children:t("span",{children:a.status})}),lastUpdated:t(o,{name:"LastUpdated",slot:e==null?void 0:e.LastUpdated,context:{quote:a},children:t("span",{children:a.updatedAt?new Date(a.updatedAt).toLocaleDateString():"N/A"})}),quoteTemplate:t(o,{name:"QuoteTemplate",slot:e==null?void 0:e.QuoteTemplate,context:{quote:a},children:t("span",{children:a.templateName})}),quoteTotal:t(o,{name:"QuoteTotal",slot:e==null?void 0:e.QuoteTotal,context:{quote:a},children:t(X,{amount:(w=(I=a.prices)==null?void 0:I.grandTotal)==null?void 0:w.value,currency:(M=(B=a.prices)==null?void 0:B.grandTotal)==null?void 0:M.currency})}),actions:t(o,{name:"Actions",slot:e==null?void 0:e.Actions,context:{quote:a,onViewQuote:c},children:t(W,{variant:"tertiary",size:"medium",onClick:()=>c==null?void 0:c(a.uid,a.name,a.status),children:"View"})})}}),C=l!=null&&l.items?U(l.items,i,v):[],n=l==null?void 0:l.paginationInfo,L=!!n,O=t(o,{name:"EmptyQuotes",slot:i==null?void 0:i.EmptyQuotes,context:{quotesData:l},children:t(H,{heading:"No Quotes Found"})}),R=n?t(o,{name:"ItemRange",slot:i==null?void 0:i.ItemRange,context:n,children:P("span",{children:["Items ",n.startItem," to ",n.endItem," of"," ",n.totalCount," total"]})}):void 0,D=n&&n.pageSizeOptions?P(o,{name:"PageSizePicker",slot:i==null?void 0:i.PageSizePicker,context:{pageSize:n.pageSize,pageSizeOptions:n.pageSizeOptions,onPageSizeChange:k},children:[t("span",{children:"Show "}),t(J,{variant:"primary",size:"medium",value:String(n.pageSize),options:n.pageSizeOptions.map(r=>({value:String(r),text:String(r)})),handleSelect:A}),t("span",{children:" per page"})]}):void 0,E=n?t(o,{name:"Pagination",slot:i==null?void 0:i.Pagination,context:{currentPage:n.currentPage,totalPages:n.totalPages,onChange:_},children:t(K,{currentPage:n.currentPage,totalPages:n.totalPages,onChange:_})}):void 0;return t(ee,{rowData:C,loading:d,className:x.className,emptyStateMessage:O,showItemRange:S&&L,itemRangeMessage:R,showPageSizePicker:N&&L,pageSizePickerMessage:D,showPagination:y&&L,paginationMessage:E})};export{ue as QuotesListTable,ue as default};
+import{jsxs as P,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as Q,useEffect as $}from"@dropins/tools/preact-compat.js";import{classes as j,Slot as o}from"@dropins/tools/lib.js";import{Table as G,IllustratedMessage as H,Picker as J,Pagination as K,Button as W,Price as X}from"@dropins/tools/components.js";import{events as Y}from"@dropins/tools/event-bus.js";/* empty css                     *//* empty css                          */import"@dropins/tools/preact.js";import{useText as Z}from"@dropins/tools/i18n.js";/* empty css                                  */import{g as V}from"../chunks/transform-quote.js";import"@dropins/tools/fetch-graphql.js";import{n as q}from"../chunks/negotiableQuotes.js";const ee=({rowData:h=[],loading:S=!1,className:N,emptyStateMessage:y,showItemRange:v=!0,itemRangeMessage:m,showPageSizePicker:u=!0,pageSizePickerMessage:i,showPagination:x=!0,paginationMessage:l,...b})=>{const d=Z({quoteName:"QuoteManagement.QuotesListTable.quoteName",created:"QuoteManagement.QuotesListTable.created",createdBy:"QuoteManagement.QuotesListTable.createdBy",status:"QuoteManagement.QuotesListTable.status",lastUpdated:"QuoteManagement.QuotesListTable.lastUpdated",quoteTemplate:"QuoteManagement.QuotesListTable.quoteTemplate",quoteTotal:"QuoteManagement.QuotesListTable.quoteTotal",actions:"QuoteManagement.QuotesListTable.actions"}),s=[{key:"quoteName",label:d.quoteName},{key:"created",label:d.created},{key:"createdBy",label:d.createdBy},{key:"status",label:d.status},{key:"lastUpdated",label:d.lastUpdated},{key:"quoteTemplate",label:d.quoteTemplate},{key:"quoteTotal",label:d.quoteTotal},{key:"actions",label:d.actions}],z=!S&&h.length===0&&y,p=v&&m,f=u&&i,g=x&&l,T=p||f||g;return P("div",{...b,className:j(["quote-management-quotes-list-table",N]),children:[t(G,{columns:s,rowData:h,loading:S,mobileLayout:"none",className:"quote-management-quotes-list-table__table"}),z&&t("div",{className:"quotes-list-table__empty-state",children:y}),T&&P("div",{className:"quotes-list-table__footer",children:[t("div",{className:"quotes-list-table__item-range",children:p&&m}),t("div",{className:"quotes-list-table__pagination",children:g&&l}),t("div",{className:"quotes-list-table__page-size-picker",children:f&&i})]})]})},ge=({pageSize:h,showItemRange:S=!0,showPageSizePicker:N=!0,showPagination:y=!0,onViewQuote:v,onPageSizeChange:m,onPageChange:u,slots:i,...x})=>{const[l,b]=Q(null),[d,s]=Q(!0),z=V()[0],[p,f]=Q(h||z),[g,T]=Q(1);$(()=>{const r=async()=>{try{s(!0);const c=await q({pageSize:p,currentPage:g});b(c)}catch(c){console.error("Failed to fetch quotes:",c)}finally{s(!1)}},e=Y.on("authenticated",c=>{c?r():(b(null),s(!1))},{eager:!0});return()=>{e==null||e.off()}},[p,g]);const k=r=>{f(r),T(1),m==null||m(r)},_=r=>{T(r),u==null||u(r)},A=r=>{const e=r.target,c=e==null?void 0:e.value;c&&k(Number(c))},U=(r,e,c)=>r.filter(a=>a==null?void 0:a.uid).map(a=>{var I,w,B,M;const F=`${a.buyer.firstname} ${a.buyer.lastname}`;return{id:a.uid,quoteName:t(o,{name:"QuoteName",slot:e==null?void 0:e.QuoteName,context:{quote:a},children:t("span",{children:a.name})}),created:t(o,{name:"Created",slot:e==null?void 0:e.Created,context:{quote:a},children:t("span",{children:a.createdAt?new Date(a.createdAt).toLocaleDateString():"N/A"})}),createdBy:t(o,{name:"CreatedBy",slot:e==null?void 0:e.CreatedBy,context:{quote:a},children:t("span",{children:F})}),status:t(o,{name:"Status",slot:e==null?void 0:e.Status,context:{quote:a},children:t("span",{children:a.status})}),lastUpdated:t(o,{name:"LastUpdated",slot:e==null?void 0:e.LastUpdated,context:{quote:a},children:t("span",{children:a.updatedAt?new Date(a.updatedAt).toLocaleDateString():"N/A"})}),quoteTemplate:t(o,{name:"QuoteTemplate",slot:e==null?void 0:e.QuoteTemplate,context:{quote:a},children:t("span",{children:a.templateName})}),quoteTotal:t(o,{name:"QuoteTotal",slot:e==null?void 0:e.QuoteTotal,context:{quote:a},children:t(X,{amount:(w=(I=a.prices)==null?void 0:I.grandTotal)==null?void 0:w.value,currency:(M=(B=a.prices)==null?void 0:B.grandTotal)==null?void 0:M.currency})}),actions:t(o,{name:"Actions",slot:e==null?void 0:e.Actions,context:{quote:a,onViewQuote:c},children:t(W,{variant:"tertiary",size:"medium",onClick:()=>c==null?void 0:c(a.uid,a.name,a.status),children:"View"})})}}),C=l!=null&&l.items?U(l.items,i,v):[],n=l==null?void 0:l.paginationInfo,L=!!n,O=t(o,{name:"EmptyQuotes",slot:i==null?void 0:i.EmptyQuotes,context:{quotesData:l},children:t(H,{heading:"No Quotes Found"})}),R=n?t(o,{name:"ItemRange",slot:i==null?void 0:i.ItemRange,context:n,children:P("span",{children:["Items ",n.startItem," to ",n.endItem," of"," ",n.totalCount," total"]})}):void 0,D=n&&n.pageSizeOptions?P(o,{name:"PageSizePicker",slot:i==null?void 0:i.PageSizePicker,context:{pageSize:n.pageSize,pageSizeOptions:n.pageSizeOptions,onPageSizeChange:k},children:[t("span",{children:"Show "}),t(J,{variant:"primary",size:"medium",value:String(n.pageSize),options:n.pageSizeOptions.map(r=>({value:String(r),text:String(r)})),handleSelect:A}),t("span",{children:" per page"})]}):void 0,E=n?t(o,{name:"Pagination",slot:i==null?void 0:i.Pagination,context:{currentPage:n.currentPage,totalPages:n.totalPages,onChange:_},children:t(K,{currentPage:n.currentPage,totalPages:n.totalPages,onChange:_})}):void 0;return t(ee,{rowData:C,loading:d,className:x.className,emptyStateMessage:O,showItemRange:S&&L,itemRangeMessage:R,showPageSizePicker:N&&L,pageSizePickerMessage:D,showPagination:y&&L,paginationMessage:E})};export{ge as QuotesListTable,ge as default};
 //# sourceMappingURL=QuotesListTable.js.map