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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/api/graphql/NegotiableQuoteFragment.d.ts +1 -1
  2. package/api/index.d.ts +0 -1
  3. package/api/initialize/initialize.d.ts +0 -1
  4. package/api/requestNegotiableQuote/requestNegotiableQuote.d.ts +6 -0
  5. package/api.js +3 -15
  6. package/api.js.map +1 -1
  7. package/chunks/requestNegotiableQuote.js +36 -100
  8. package/chunks/requestNegotiableQuote.js.map +1 -1
  9. package/chunks/transform-quote.js +1 -1
  10. package/chunks/transform-quote.js.map +1 -1
  11. package/components/index.d.ts +0 -6
  12. package/containers/QuotesListTable/QuotesListTable.d.ts +9 -9
  13. package/containers/QuotesListTable.js +1 -1
  14. package/containers/QuotesListTable.js.map +1 -1
  15. package/containers/RequestNegotiableQuoteForm.js +1 -1
  16. package/containers/RequestNegotiableQuoteForm.js.map +1 -1
  17. package/containers/index.d.ts +0 -2
  18. package/data/models/customer-model.d.ts +0 -1
  19. package/data/models/negotiable-quote-model.d.ts +34 -76
  20. package/data/transforms/__fixtures__/negotiableQuoteData.d.ts +2 -229
  21. package/i18n/en_US.json.d.ts +0 -54
  22. package/lib/state.d.ts +0 -1
  23. package/package.json +1 -1
  24. package/render.js +3 -4
  25. package/render.js.map +1 -1
  26. package/types/state.types.d.ts +0 -1
  27. package/api/getQuoteData/getQuoteData.d.ts +0 -10
  28. package/api/getQuoteData/graphql/QuoteDataQuery.d.ts +0 -2
  29. package/api/getQuoteData/index.d.ts +0 -10
  30. package/chunks/WarningFilled.js +0 -4
  31. package/chunks/WarningFilled.js.map +0 -1
  32. package/components/ActionsBar/ActionsBar.d.ts +0 -14
  33. package/components/ActionsBar/index.d.ts +0 -11
  34. package/components/ItemsQuoted/ItemsQuoted.d.ts +0 -11
  35. package/components/ItemsQuoted/index.d.ts +0 -11
  36. package/components/ManageNegotiableQuote/ManageNegotiableQuote.d.ts +0 -20
  37. package/components/ManageNegotiableQuote/__fixtures__/ManageNegotiableQuoteProps.d.ts +0 -4
  38. package/components/ManageNegotiableQuote/index.d.ts +0 -11
  39. package/components/ProductListTable/ProductListTable.d.ts +0 -13
  40. package/components/ProductListTable/index.d.ts +0 -11
  41. package/components/QuotePricesSummary/QuotePricesSummary.d.ts +0 -16
  42. package/components/QuotePricesSummary/index.d.ts +0 -11
  43. package/components/TabbedContent/TabbedContent.d.ts +0 -10
  44. package/components/TabbedContent/index.d.ts +0 -11
  45. package/containers/ItemsQuoted/ItemsQuoted.d.ts +0 -25
  46. package/containers/ItemsQuoted/index.d.ts +0 -11
  47. package/containers/ItemsQuoted.d.ts +0 -3
  48. package/containers/ItemsQuoted.js +0 -4
  49. package/containers/ItemsQuoted.js.map +0 -1
  50. package/containers/ManageNegotiableQuote/ManageNegotiableQuote.d.ts +0 -48
  51. package/containers/ManageNegotiableQuote/index.d.ts +0 -11
  52. package/containers/ManageNegotiableQuote.d.ts +0 -3
  53. package/containers/ManageNegotiableQuote.js +0 -4
  54. package/containers/ManageNegotiableQuote.js.map +0 -1
  55. package/data/models/__fixtures__/negotiableQuoteModel.d.ts +0 -7
@@ -1,4 +0,0 @@
1
- /*! Copyright 2025 Adobe
2
- All Rights Reserved. */
3
- 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{VComponent as v,classes as g,Slot as f}from"@dropins/tools/lib.js";import{h as x}from"@dropins/tools/preact.js";import{Picker as A,Price as b,Checkbox as D,Button as z,Table as F,Accordion as G,AccordionSection as R,Skeleton as V,SkeletonRow 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 K=({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(D,{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(A,{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(F,{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(z,{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})]})},X=({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(G,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${a.id}`,children:e(R,{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)})},Q=({className:d,loading:c,table:u,pricesSummary:n,...a})=>c?e(Y,{}):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"})]}),Y=()=>e(V,{"data-testid":"items-quoted-skeleton",children:e(W,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),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(K,{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(X,{entries:q})})})};export{ue as ItemsQuoted,ue as default};
4
- //# sourceMappingURL=ItemsQuoted.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemsQuoted.js","sources":["/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx","/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.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, 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 { 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 { 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":["ProductListTable","className","items","canEdit","onItemCheckboxChange","onItemDropdownChange","onUpdate","props","dictionary","useText","columns","handleItemCheckboxChange","event","item","isSelected","handleItemDropdownChange","action","handleUpdate","discountElement","amountOff","percentOff","jsxs","jsx","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","rowData","Checkbox","e","Picker","table","Table","wrapperNode","h","wrapperProps","submitButton","Button","VComponent","classes","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment","ItemsQuoted","loading","pricesSummary","ItemsQuotedSkeleton","Skeleton","SkeletonRow","initialData","slots","quoteData","setQuoteData","useState","useEffect","quoteDataEvent","events","data","ItemsQuotedComponent","quotePricesSummaryEntries","Slot"],"mappings":"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"}
@@ -1,48 +0,0 @@
1
- import { HTMLAttributes } from 'preact/compat';
2
- import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
3
- import { NegotiableQuoteModel } from '../../data/models/negotiable-quote-model';
4
-
5
- export interface ManageNegotiableQuoteProps extends HTMLAttributes<HTMLDivElement> {
6
- onActionsDropdownChange?: (event: Event) => void;
7
- onActionsButtonClick?: (action: string) => void;
8
- onSendForReview?: (quoteData: NegotiableQuoteModel) => void;
9
- slots?: {
10
- QuoteName?: SlotProps<{
11
- quoteName?: string;
12
- quoteData?: NegotiableQuoteModel;
13
- }>;
14
- QuoteStatus?: SlotProps<{
15
- quoteStatus?: string;
16
- quoteData?: NegotiableQuoteModel;
17
- }>;
18
- Banner?: SlotProps<{
19
- quoteData?: NegotiableQuoteModel;
20
- }>;
21
- Details?: SlotProps<{
22
- quoteData?: NegotiableQuoteModel;
23
- }>;
24
- ActionBar?: SlotProps<{
25
- quoteData?: NegotiableQuoteModel;
26
- }>;
27
- QuoteContent?: SlotProps<{
28
- quoteData?: NegotiableQuoteModel;
29
- }>;
30
- ShippingInformationTitle?: SlotProps<{
31
- quoteData?: NegotiableQuoteModel;
32
- }>;
33
- ShippingInformation?: SlotProps<{
34
- quoteData?: NegotiableQuoteModel;
35
- }>;
36
- QuoteCommentsTitle?: SlotProps<{
37
- quoteData?: NegotiableQuoteModel;
38
- }>;
39
- QuoteComments?: SlotProps<{
40
- quoteData?: NegotiableQuoteModel;
41
- }>;
42
- Footer?: SlotProps<{
43
- quoteData?: NegotiableQuoteModel;
44
- }>;
45
- };
46
- }
47
- export declare const ManageNegotiableQuote: Container<ManageNegotiableQuoteProps>;
48
- //# sourceMappingURL=ManageNegotiableQuote.d.ts.map
@@ -1,11 +0,0 @@
1
- /********************************************************************
2
- * Copyright 2025 Adobe
3
- * All Rights Reserved.
4
- *
5
- * NOTICE: Adobe permits you to use, modify, and distribute this
6
- * file in accordance with the terms of the Adobe license agreement
7
- * accompanying it.
8
- *******************************************************************/
9
- export * from './ManageNegotiableQuote';
10
- export { ManageNegotiableQuote as default } from './ManageNegotiableQuote';
11
- //# sourceMappingURL=index.d.ts.map
@@ -1,3 +0,0 @@
1
- export * from './ManageNegotiableQuote/index'
2
- import _default from './ManageNegotiableQuote/index'
3
- export default _default
@@ -1,4 +0,0 @@
1
- /*! Copyright 2025 Adobe
2
- All Rights Reserved. */
3
- import{jsx as t,jsxs as d}from"@dropins/tools/preact-jsx-runtime.js";import{useState as S,useEffect as G,useMemo as l,useCallback as $}from"@dropins/tools/preact-compat.js";import{classes as m,VComponent as o,Slot as u,getGlobalLocale as U}from"@dropins/tools/lib.js";/* empty css */import{Skeleton as V,SkeletonRow as f,Picker as X,InLineAlert as H,Button as L,TextArea as J}from"@dropins/tools/components.js";import{events as K}from"@dropins/tools/event-bus.js";/* empty css */import"@dropins/tools/preact.js";/* empty css */import{S as Y}from"../chunks/WarningFilled.js";import{useText as Z}from"@dropins/tools/i18n.js";const C=({className:p,loading:e,quoteName:i,quoteStatus:c,banner:g,details:a,actionBar:q,quoteContent:N,shippingInformationTitle:h,shippingInformation:n,quoteCommentsTitle:_,quoteComments:v,footer:x,...Q})=>e?t(D,{}):d("div",{...Q,className:m(["quote-management-manage-negotiable-quote",p]),children:[d("div",{className:m(["quote-management-manage-negotiable-quote__header"]),children:[i&&t(o,{node:i,className:m(["quote-management-manage-negotiable-quote__quote-name"])}),c&&t(o,{node:c,className:m(["quote-management-manage-negotiable-quote__quote-status"])})]}),g&&t(o,{node:g,className:m(["quote-management-manage-negotiable-quote__banner"])}),a&&t(o,{node:a,className:m(["quote-management-manage-negotiable-quote__details"])}),q&&t(o,{node:q,className:m(["quote-management-manage-negotiable-quote__action-bar"])}),N&&t(o,{node:N,className:m(["quote-management-manage-negotiable-quote__quote-content"])}),d("div",{"data-testid":"quote-shipping-information-container",className:m(["quote-management-manage-negotiable-quote__shipping-information-container"]),children:[h&&t(o,{node:h,className:m(["quote-management-manage-negotiable-quote__shipping-information-title"])}),n&&t(o,{node:n,className:m(["quote-management-manage-negotiable-quote__shipping-information"])})]}),d("div",{"data-testid":"quote-comments-container",className:m(["quote-management-manage-negotiable-quote__quote-comments-container"]),children:[_&&t(o,{node:_,className:m(["quote-management-manage-negotiable-quote__quote-comments-title"])}),v&&t(o,{node:v,className:m(["quote-management-manage-negotiable-quote__quote-comments"])})]}),t(o,{node:x,className:m(["quote-management-manage-negotiable-quote__footer"])})]}),D=()=>d(V,{"data-testid":"manage-negotiable-quote-skeleton",children:[t(f,{variant:"heading",fullWidth:!0,size:"large"}),t(f,{variant:"row",fullWidth:!1,size:"small"}),t(f,{variant:"row",fullWidth:!1,size:"small"}),t(f,{variant:"row",fullWidth:!0}),t(f,{variant:"row",fullWidth:!0,size:"xlarge",lines:2}),t(f,{variant:"row",fullWidth:!1,size:"small"})]}),O=({className:p,dropdownPlaceholder:e,dropdownOptions:i,handleDropdownChange:c,buttons:g,...a})=>{const q=i&&i.length>0,N=g&&g.length>0,h=(i==null?void 0:i.map(n=>({text:n.label,value:n.value})))||[];return h.unshift({text:e||"",value:""}),t("div",{className:"quote-management-actions-bar__container","data-testid":"actions-bar-container",children:d("div",{className:m(["quote-management-actions-bar",p]),"data-testid":"actions-bar",...a,children:[q&&t(X,{name:"dropdown",id:"dropdown",onInput:c,className:"quote-management-actions-bar__dropdown","data-testid":"dropdown",options:h}),N&&t("div",{className:"quote-management-actions-bar__buttons","data-testid":"buttons-container",children:g==null?void 0:g.map((n,_)=>t(o,{node:n,className:m(["quote-management-actions-bar__button"])},_))})]})})},ue=({onActionsDropdownChange:p,slots:e,onActionsButtonClick:i,onSendForReview:c,...g})=>{const[a,q]=S(void 0),[N,h]=S(!0),n=Z({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",statusPending:"NegotiableQuote.Manage.bannerStatusMessages.pending",statusExpired:"NegotiableQuote.Manage.bannerStatusMessages.expired"});G(()=>{const b=K.on("quote-management/quote-data",s=>{const{quote:r}=s;r&&(q(r),h(!1))},{eager:!0});return()=>b==null?void 0:b.off()},[]);const _=l(()=>t(u,{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]),v=l(()=>t(u,{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]),Q=$(b=>{switch(b){case"PENDING":return n.statusPending;case"EXPIRED":return n.statusExpired;default:return null}},[n])(a==null?void 0:a.status),M=Q&&t(H,{type:"warning",variant:"secondary",icon:t(Y,{}),heading:n.bannerTitle,description:Q}),y=M&&t(u,{name:"Banner","data-testid":"banner",slot:e==null?void 0:e.Banner,context:{quoteData:a},children:M}),I=l(()=>{if(!a)return null;const b=U()||"en-US",s=new Intl.DateTimeFormat(b,{year:"numeric",month:"long",day:"numeric"});let r;try{r=s.format(new Date(a.expirationDate))}catch{r=a.expirationDate}return d(u,{name:"Details",slot:e==null?void 0:e.Details,context:{quoteData:a},children:[d("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}),d("span",{className:"quote-management-manage-negotiable-quote__detail-content","data-testid":"created-value",children:[s.format(new Date(a.createdAt))," (",a.buyer.firstname," ",a.buyer.lastname,")"]})]}),d("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})]}),d("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]),T=l(()=>[{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]),w=l(()=>{const b=r=>{p==null||p(r)},s=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(u,{name:"ActionBar",slot:e==null?void 0:e.ActionBar,context:{quoteData:a},children:t(O,{dropdownPlaceholder:n.actionsLabel,dropdownOptions:[{label:n.remove,value:"remove"}],handleDropdownChange:b,buttons:T.map(r=>t(L,{variant:"tertiary",onClick:()=>s(r.value),"data-testid":`actions-bar-${r.value}-button`,"data-action":r.value,disabled:r.disabled,children:r.label},r.value))})})},[T,n,e==null?void 0:e.ActionBar,a,p,i]),P=l(()=>t(u,{name:"QuoteContent",slot:e==null?void 0:e.QuoteContent,context:{quoteData:a}}),[e==null?void 0:e.QuoteContent,a]),W=l(()=>t(u,{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]),z=l(()=>t(u,{name:"ShippingInformation",slot:e==null?void 0:e.ShippingInformation,context:{quoteData:a},children:t("div",{children:"TBD"})}),[e==null?void 0:e.ShippingInformation,a]),E=l(()=>t(u,{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]),F=l(()=>t(u,{name:"QuoteComments",slot:e==null?void 0:e.QuoteComments,context:{quoteData:a},children:t(J,{name:"quoteComments",placeholder:n.quoteCommentsPlaceholder,rows:3})}),[e==null?void 0:e.QuoteComments,n,a]),R=l(()=>t(u,{name:"Footer",slot:e==null?void 0:e.Footer,context:{quoteData:a},children:t(L,{variant:"primary",onClick:()=>c==null?void 0:c(a),"data-testid":"send-for-review-button",disabled:!(a!=null&&a.canSendForReview),children:n.sendForReview})}),[e==null?void 0:e.Footer,n,a,c]),j={...g,loading:N,quoteName:_,quoteStatus:v,banner:y||void 0,details:I,actionBar:w,quoteContent:P,shippingInformationTitle:W,shippingInformation:z,quoteCommentsTitle:E,quoteComments:F,footer:R};return t(C,{...j})};export{ue as ManageNegotiableQuote,ue as default};
4
- //# sourceMappingURL=ManageNegotiableQuote.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ManageNegotiableQuote.js","sources":["/@dropins/storefront-quote-management/src/components/ManageNegotiableQuote/ManageNegotiableQuote.tsx","/@dropins/storefront-quote-management/src/components/ActionsBar/ActionsBar.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/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, 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 { HTMLAttributes, useCallback, useEffect, useMemo, useState } from 'preact/compat';\nimport { Container, getGlobalLocale, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { NegotiableQuoteModel } 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 } from '@/quote-management/components';\nimport { Button, InLineAlert, TextArea } from '@adobe-commerce/elsie/components';\nimport { WarningFilled } from '@adobe-commerce/elsie/icons';\n\nexport interface ManageNegotiableQuoteProps extends HTMLAttributes<HTMLDivElement> {\n onActionsDropdownChange?: (event: Event) => void;\n onActionsButtonClick?: (action: string) => void;\n onSendForReview?: (quoteData: NegotiableQuoteModel) => 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 }>;\n QuoteCommentsTitle?: SlotProps<{\n quoteData?: NegotiableQuoteModel;\n }>;\n QuoteComments?: SlotProps<{\n quoteData?: NegotiableQuoteModel;\n }>;\n Footer?: SlotProps<{\n quoteData?: NegotiableQuoteModel;\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\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 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 /**\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 '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 return <Slot name=\"ShippingInformation\" slot={slots?.ShippingInformation} context={{ quoteData }}>\n <div>TBD</div>\n </Slot>;\n }, [slots?.ShippingInformation, quoteData]);\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 />\n </Slot>;\n }, [slots?.QuoteComments, dictionary, quoteData]);\n\n // Footer\n const footer = useMemo(() => {\n return <Slot name=\"Footer\" slot={slots?.Footer} context={{ quoteData }}>\n <Button variant=\"primary\"\n onClick={() => onSendForReview?.(quoteData as NegotiableQuoteModel)}\n data-testid=\"send-for-review-button\"\n disabled={!quoteData?.canSendForReview}\n >{dictionary.sendForReview}</Button>\n </Slot>;\n }, [slots?.Footer, dictionary, quoteData, onSendForReview]);\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":["ManageNegotiableQuote","className","loading","quoteName","quoteStatus","banner","details","actionBar","quoteContent","shippingInformationTitle","shippingInformation","quoteCommentsTitle","quoteComments","footer","props","ManageNegotiableQuoteSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ActionsBar","dropdownPlaceholder","dropdownOptions","handleDropdownChange","buttons","hasDropdown","hasButtons","pickerOptions","option","Picker","button","index","onActionsDropdownChange","slots","onActionsButtonClick","onSendForReview","quoteData","setQuoteData","useState","setLoading","dictionary","useText","useEffect","quoteDataEvent","events","data","quote","useMemo","Slot","bannerMessage","useCallback","status","bannerContent","InLineAlert","WarningFilled","calculatedLocale","getGlobalLocale","dateFormatter","expirationDate","handleActionsDropdownChange","event","handleActionsButtonClick","action","Button","TextArea","manageNegotiableQuoteProps","ManageNegotiableQuoteComponent"],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { NegotiableQuoteCartItem, NegotiableQuoteModel } from '../negotiable-quote-model';
2
-
3
- export declare const baseCartItem: NegotiableQuoteCartItem;
4
- export declare const configurableCartItem: NegotiableQuoteCartItem;
5
- export declare const bundleCartItem: NegotiableQuoteCartItem;
6
- export declare const base: NegotiableQuoteModel;
7
- //# sourceMappingURL=negotiableQuoteModel.d.ts.map