@dropins/storefront-quote-management 0.0.1-alpha4 → 0.0.1-alpha6

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 m,Fragment as H}from"@dropins/tools/preact-jsx-runtime.js";import{useState as M,useEffect as $}from"@dropins/tools/preact-compat.js";import{VComponent as _,classes as p,Slot as h}from"@dropins/tools/lib.js";import{h as T}from"@dropins/tools/preact.js";import{Picker as w,Price as g,Checkbox as B,Button as E,Table as j,Accordion as A,AccordionSection as D,Skeleton as z,SkeletonRow as F}from"@dropins/tools/components.js";/* empty css                   */import{useText as k}from"@dropins/tools/i18n.js";import{events as G}from"@dropins/tools/event-bus.js";const O=({className:l,items:c,canEdit:r,onItemCheckboxChange:u,onItemDropdownChange:t,onUpdate:n,...o})=>{const s=k({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"}),d=[{label:s.productNameHeader,key:"productName"},{label:s.skuHeader,key:"sku"},{label:s.priceHeader,key:"price"},{label:s.quantityHeader,key:"quantity"},{label:s.discountHeader,key:"discount"},{label:s.subtotalHeader,key:"subtotal"}];r&&(d.unshift({label:"",key:"checkbox"}),d.push({label:s.actionsHeader,key:"actions"}));const q=(a,i)=>{const N=a.target.checked;u==null||u(i,N)},b=(a,i)=>{const N=a.target.value;t==null||t(i,N)},y=a=>{a.preventDefault(),n==null||n(a)},f=(a,i)=>a>0?m("div",{className:"quote-management-product-list-table__discount-container",children:[m("span",{className:"quote-management-product-list-table__discount-percent",children:[i,"%"]}),m("span",{className:"quote-management-product-list-table__discount-price",children:["(",e(g,{amount:a}),")"]})]}):void 0,x=c.map(a=>({checkbox:e(B,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${a.product.sku}`,onChange:i=>q(i,a),value:a.product.sku}),productName:e("span",{className:"quote-management-product-list-table__product-name",children:a.product.name}),sku:e("span",{className:"quote-management-product-list-table__sku",children:a.product.sku}),price:e(g,{className:"quote-management-product-list-table__price",amount:a.prices.originalItemPrice.value,currency:a.prices.originalItemPrice.currency}),quantity:e("span",{className:"quote-management-product-list-table__quantity",children:a.quantity}),discount:f(a.catalogDiscount.amountOff,a.catalogDiscount.percentOff),subtotal:e(g,{className:"quote-management-product-list-table__subtotal",amount:a.prices.rowTotal.value,currency:a.prices.rowTotal.currency}),actions:e(w,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${a.product.sku}`,name:"item-dropdown",onChange:i=>b(i,a),placeholder:"Select",options:[{text:s.editNoteToSeller,value:"edit"},{text:s.remove,value:"remove"}],value:a.product.sku})})),Q=e(j,{columns:d,rowData:x,"data-testid":"product-list-table",mobileLayout:"stacked"}),S=r?T("form",{}):T("div",{}),L=r?{onSubmit:y,...o}:o,P=r?e(E,{type:"submit","data-testid":"product-list-table-submit-button",children:s.updateButton}):void 0;return m(_,{node:S,className:p(["quote-management-product-list-table-container",l]),"data-testid":"product-list-table-container",...L,children:[Q,e("div",{className:"quote-management-product-list-table-container__submit-container",children:P})]})},R=({className:l,entries:c,...r})=>{const u=t=>{var o;const n=(o=t.children)==null?void 0:o.map(u);return e("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${t.id}`,children:n?e(A,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${t.id}`,children:e(D,{className:"quote-management-quote-prices-summary__accordion-section",title:t.label,ariaLabelTitle:t.label,secondaryText:t.value,children:n})}):m(H,{children:[e("span",{className:p(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",t.strong]]),"data-testid":`quote-prices-summary-entry-label-${t.id}`,children:t.label}),e("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${t.id}`,children:t.value})]})},t.id)};return e("div",{className:p(["quote-management-quote-prices-summary",l]),"data-testid":"quote-prices-summary",...r,children:c==null?void 0:c.map(u)})},v=({className:l,loading:c,table:r,pricesSummary:u,...t})=>c?e(V,{}):m("div",{className:p(["quote-management-items-quoted",l]),...t,children:[r&&e(_,{node:r,className:p(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),u&&e(_,{node:u,className:p(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),V=()=>e(z,{"data-testid":"items-quoted-skeleton",children:e(F,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),C=({quoteData:l,onItemCheckboxChange:c,onItemDropdownChange:r,onUpdate:u,slots:t,...n})=>{const[o,s]=M(l),d=k({subtotal:"NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuote.Manage.quotePricesSummary.appliedTaxes"});if($(()=>{const b=G.on("quote-management/quote-data",y=>{s(y.quote)},{eager:!0});return()=>b==null?void 0:b.off()},[o]),!o)return e(v,{loading:!0});const q=[{label:d.subtotal,id:"subtotal",value:e(g,{amount:o.prices.subtotalExcludingTax.value,currency:o.prices.subtotalExcludingTax.currency,weight:"normal"})},{label:d.grandTotal,id:"total",value:e(g,{amount:o.prices.grandTotal.value,currency:o.prices.grandTotal.currency}),strong:!0}];return e(v,{"data-testid":"items-quoted-container",...n,loading:!1,table:e(h,{name:"ProductListTable",slot:t==null?void 0:t.ProductListTable,context:{items:o.items,canEdit:!0,onItemCheckboxChange:c,onItemDropdownChange:r,onUpdate:u},children:e(O,{items:o.items,canEdit:!0,onItemCheckboxChange:c,onItemDropdownChange:r,onUpdate:u})}),pricesSummary:e(h,{name:"QuotePricesSummary",slot:t==null?void 0:t.QuotePricesSummary,context:{items:o.items,prices:o.prices},children:e(R,{entries:q})})})};export{C as ItemsQuoted,C 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/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 { NegotiableQuoteModel } 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: NegotiableQuoteModel['items'];\n  canEdit: boolean;\n  onItemCheckboxChange?: (item: NegotiableQuoteModel['items'][number], isSelected: boolean) => void;\n  onItemDropdownChange?: (item: NegotiableQuoteModel['items'][number], 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: NegotiableQuoteModel['items'][number]) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (event: Event, item: NegotiableQuoteModel['items'][number]) => {\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 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: <span className=\"quote-management-product-list-table__product-name\">{item.product.name}</span>,\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\"\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 } 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: NegotiableQuoteModel['items'][number], isSelected: boolean) => void;\n  onItemDropdownChange?: (item: NegotiableQuoteModel['items'][number], action: string) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteModel['items'];\n      canEdit: boolean;\n      onItemCheckboxChange?: (item: NegotiableQuoteModel['items'][number], isSelected: boolean) => void;\n      onItemDropdownChange?: (item: NegotiableQuoteModel['items'][number], 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  }, [quoteData]);\n  \n  if (!quoteData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const quotePricesSummaryEntries = [\n    {\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      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\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","rowData","Checkbox","e","Picker","table","Table","wrapperNode","h","wrapperProps","submitButton","Button","VComponent","classes","QuotePricesSummary","entries","createEntry","entry","children","_a","Accordion","AccordionSection","Fragment","ItemsQuoted","loading","pricesSummary","ItemsQuotedSkeleton","Skeleton","SkeletonRow","initialData","slots","quoteData","setQuoteData","useState","useEffect","quoteDataEvent","events","data","ItemsQuotedComponent","quotePricesSummaryEntries","Slot"],"mappings":"qkBAyBO,MAAMA,EAA6D,CAAC,CACzE,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CAEJ,MAAMC,EAAaC,EAAQ,CACzB,aAAc,uDACd,kBAAmB,8DACnB,UAAW,sDACX,YAAa,wDACb,eAAgB,2DAChB,eAAgB,2DAChB,eAAgB,2DAChB,cAAe,0DACf,iBAAkB,mEAClB,OAAQ,wDAAA,CACT,EAEKC,EAAU,CACd,CACE,MAAOF,EAAW,kBAClB,IAAK,aAAA,EAEP,CACE,MAAOA,EAAW,UAClB,IAAK,KAAA,EAEP,CACE,MAAOA,EAAW,YAClB,IAAK,OAAA,EAEP,CACE,MAAOA,EAAW,eAClB,IAAK,UAAA,EAEP,CACE,MAAOA,EAAW,eAClB,IAAK,UAAA,EAEP,CACE,MAAOA,EAAW,eAClB,IAAK,UAAA,CACP,EAGEL,IACFO,EAAQ,QAAQ,CACd,MAAO,GACP,IAAK,UAAA,CACN,EACDA,EAAQ,KAAK,CACX,MAAOF,EAAW,cAClB,IAAK,SAAA,CACN,GAGH,MAAMG,EAA2B,CAACC,EAAcC,IAAgD,CAC9F,MAAMC,EAAcF,EAAM,OAA4B,QACtDR,GAAA,MAAAA,EAAuBS,EAAMC,EAC/B,EAEMC,EAA2B,CAACH,EAAcC,IAAgD,CAC9F,MAAMG,EAAUJ,EAAM,OAA6B,MACnDP,GAAA,MAAAA,EAAuBQ,EAAMG,EAC/B,EAEMC,EAAgBL,GAAuB,CAC3CA,EAAM,eAAA,EACNN,GAAA,MAAAA,EAAWM,EACb,EAEMM,EAAkB,CAACC,EAAmBC,IACnCD,EAAY,EACjBE,EAAC,MAAA,CAAI,UAAU,0DACb,SAAA,CAAAA,EAAC,OAAA,CAAK,UAAU,wDAAyD,SAAA,CAAAD,EAAW,GAAA,EAAC,EACrFC,EAAC,OAAA,CAAK,UAAU,sDAAsD,SAAA,CAAA,IAACC,EAACC,EAAA,CAAM,OAAQJ,CAAA,CAAW,EAAE,GAAA,CAAA,CAAC,CAAA,CAAA,CACtG,EACE,OAGAK,EAAUtB,EAAM,IAAKW,IAClB,CACL,WAAWY,EAAA,CAAS,UAAU,gDAAgD,KAAK,eAAe,cAAa,iBAAiBZ,EAAK,QAAQ,GAAG,GAAI,SAAWa,GAAMf,EAAyBe,EAAGb,CAAI,EAAG,MAAOA,EAAK,QAAQ,GAAA,CAAK,EACjO,YAAaS,EAAC,OAAA,CAAK,UAAU,oDAAqD,SAAAT,EAAK,QAAQ,KAAK,EACpG,IAAKS,EAAC,OAAA,CAAK,UAAU,2CAA4C,SAAAT,EAAK,QAAQ,IAAI,EAClF,MAAOS,EAACC,EAAA,CAAM,UAAU,6CAA6C,OAAQV,EAAK,OAAO,kBAAkB,MAAO,SAAUA,EAAK,OAAO,kBAAkB,SAAU,EACpK,SAAUS,EAAC,OAAA,CAAK,UAAU,gDAAiD,WAAK,SAAS,EACzF,SAAUJ,EAAgBL,EAAK,gBAAgB,UAAWA,EAAK,gBAAgB,UAAU,EACzF,SAAUS,EAACC,EAAA,CAAM,UAAU,gDAAgD,OAAQV,EAAK,OAAO,SAAS,MAAO,SAAUA,EAAK,OAAO,SAAS,SAAU,EACxJ,QAASS,EAACK,EAAA,CACR,UAAU,+CACV,cAAa,iBAAiBd,EAAK,QAAQ,GAAG,GAC9C,KAAK,gBACL,SAAWa,GAAMX,EAAyBW,EAAGb,CAAI,EACjD,YAAY,SACZ,QAAS,CAAC,CAAE,KAAML,EAAW,iBAAkB,MAAO,QAAU,CAAE,KAAMA,EAAW,OAAQ,MAAO,SAAU,EAC5G,MAAOK,EAAK,QAAQ,GAAA,CAAA,CACtB,EAEH,EAEKe,IAASC,EAAA,CAAM,QAAAnB,EAAkB,QAAAc,EAAkB,cAAY,qBAAqB,aAAa,UAAU,EAG3GM,EAAc3B,EAAU4B,EAAE,OAAQ,CAAA,CAAE,EAAIA,EAAE,MAAO,EAAE,EACnDC,EAAe7B,EAAU,CAC7B,SAAUc,EACV,GAAGV,CAAA,EACDA,EAEE0B,EAAe9B,EAAUmB,EAACY,EAAA,CAAO,KAAK,SAAS,cAAY,mCAAoC,SAAA1B,EAAW,YAAA,CAAa,EAAY,OAEzI,OACEa,EAACc,EAAA,CACC,KAAML,EACN,UAAWM,EAAQ,CAAC,gDAAiDnC,CAAS,CAAC,EAC/E,cAAY,+BACX,GAAG+B,EAEH,SAAA,CAAAJ,EACDN,EAAC,MAAA,CAAI,UAAU,kEACV,SAAAW,CAAA,CACL,CAAA,CAAA,CAAA,CAGN,EChIaI,EAAiE,CAAC,CAC7E,UAAApC,EACA,QAAAqC,EACA,GAAG/B,CACL,IAAM,CACJ,MAAMgC,EAAeC,GAAiB,OACpC,MAAMC,GAAWC,EAAAF,EAAM,WAAN,YAAAE,EAAgB,IAAIH,GACrC,OACEjB,EAAC,OAAmB,UAAU,+CAA+C,cAAa,8BAA8BkB,EAAM,EAAE,GAC7H,SAAAC,EAAWnB,EAACqB,EAAA,CACX,UAAU,mDACV,cAAa,wCAAwCH,EAAM,EAAE,GAE7D,SAAAlB,EAACsB,EAAA,CAAiB,UAAU,2DAA2D,MAAOJ,EAAM,MAAO,eAAgBA,EAAM,MAAO,cAAeA,EAAM,MAC1J,SAAAC,CAAA,CACH,CAAA,CAAA,EAGFpB,EAAAwB,EAAA,CACE,SAAA,CAAAvB,EAAC,QAAK,UAAWc,EAAQ,CAAC,+CAAgD,CAAC,uDAAwDI,EAAM,MAAM,CAAC,CAAC,EAAG,cAAa,oCAAoCA,EAAM,EAAE,GAAK,WAAM,MAAM,EAC9NlB,EAAC,OAAA,CAAK,UAAU,+CAA+C,cAAa,oCAAoCkB,EAAM,EAAE,GAAK,SAAAA,EAAM,KAAA,CAAM,CAAA,EAC3I,CAAA,EAbQA,EAAM,EAehB,CAEJ,EAEA,SACG,MAAA,CAAI,UAAWJ,EAAQ,CAAC,wCAAyCnC,CAAS,CAAC,EAAG,cAAY,uBAAwB,GAAGM,EACnH,SAAA+B,GAAA,YAAAA,EAAS,IAAIC,GAChB,CAEJ,ECtCaO,EAAmD,CAAC,CAC/D,UAAA7C,EACA,QAAA8C,EACA,MAAAnB,EACA,cAAAoB,EACA,GAAGzC,CACL,IACMwC,IACME,EAAA,EAAoB,EAI5B5B,EAAC,MAAA,CAAI,UAAWe,EAAQ,CAAC,gCAAiCnC,CAAS,CAAC,EAAI,GAAGM,EACxE,SAAA,CAAAqB,GACCN,EAACa,EAAA,CACC,KAAMP,EACN,UAAWQ,EAAQ,CAAC,sCAAsC,CAAC,EAC3D,cAAY,sCAAA,CAAA,EAGfY,GACC1B,EAACa,EAAA,CACC,KAAMa,EACN,UAAWZ,EAAQ,CAAC,+CAA+C,CAAC,EACpE,cAAY,+CAAA,CAAA,CACd,EAEJ,EAISa,EAAyC,MAEjDC,EAAA,CAAS,cAAY,wBACpB,SAAA5B,EAAC6B,GAAY,QAAQ,MAAM,UAAW,GAAM,KAAK,SAAS,MAAO,EAAG,aAAa,SAAS,EAC5F,ECjBSL,EAA2C,CAAC,CACvD,UAAWM,EACX,qBAAAhD,EACA,qBAAAC,EACA,SAAAC,EACA,MAAA+C,EACA,GAAG9C,CACL,IAAM,CACJ,KAAM,CAAC+C,EAAWC,CAAY,EAAIC,EAA2CJ,CAAW,EAElF5C,EAAaC,EAAQ,CACzB,SAAU,kEACV,WAAY,oEACZ,aAAc,wDAAA,CACf,EAWD,GATAgD,EAAU,IAAM,CACd,MAAMC,EAAiBC,EAAO,GAAG,8BAAgCC,GAA0C,CACzGL,EAAaK,EAAK,KAAK,CACzB,EAAG,CACD,MAAO,EAAA,CACR,EACD,MAAO,IAAMF,GAAA,YAAAA,EAAgB,KAC/B,EAAG,CAACJ,CAAS,CAAC,EAEV,CAACA,EACH,OAAOhC,EAACuC,EAAA,CAAqB,QAAS,EAAA,CAAM,EAG9C,MAAMC,EAA4B,CAChC,CACE,MAAOtD,EAAW,SAClB,GAAI,WACJ,MAAOc,EAACC,EAAA,CAAM,OAAQ+B,EAAU,OAAO,qBAAqB,MAAO,SAAUA,EAAU,OAAO,qBAAqB,SAAU,OAAO,QAAA,CAAS,CAAA,EAE/I,CACE,MAAO9C,EAAW,WAClB,GAAI,QACJ,MAAOc,EAACC,EAAA,CAAM,OAAQ+B,EAAU,OAAO,WAAW,MAAO,SAAUA,EAAU,OAAO,WAAW,QAAA,CAAU,EACzG,OAAQ,EAAA,CACV,EAGF,OACEhC,EAACuC,EAAA,CAAqB,cAAY,yBAA0B,GAAGtD,EAAO,QAAS,GAC7E,MAAOe,EAACyC,EAAA,CAAK,KAAK,mBAAmB,KAAMV,GAAA,YAAAA,EAAO,iBAChD,QAAS,CACP,MAAOC,EAAU,MACjB,QAAS,GACT,qBAAAlD,EACA,qBAAAC,EACA,SAAAC,CAAA,EAEF,SAAAgB,EAACtB,EAAA,CACC,MAAOsD,EAAU,MACjB,QAAS,GACT,qBAAAlD,EACA,qBAAAC,EACA,SAAAC,CAAA,CAAA,CACF,CAAA,EAEF,gBAAgByD,EAAA,CAAK,KAAK,qBAAqB,KAAMV,GAAA,YAAAA,EAAO,mBAAoB,QAAS,CACvF,MAAOC,EAAU,MACjB,OAAQA,EAAU,MAAA,EAElB,SAAAhC,EAACe,EAAA,CAAmB,QAASyB,EAA2B,CAAA,CAC1D,CAAA,CAAA,CAIN"}

package/containers/ManageNegotiableQuote/ManageNegotiableQuote.d.ts

@@ -0,0 +1,48 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { NegotiableQuoteModel } from '../../data/models/negotiable-quote-model';
+
+export interface ManageNegotiableQuoteProps extends HTMLAttributes<HTMLDivElement> {
+    onActionsDropdownChange?: (event: Event) => void;
+    onActionsButtonClick?: (action: string) => void;
+    onSendForReview?: (quoteData: NegotiableQuoteModel) => 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;
+        }>;
+        QuoteCommentsTitle?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        QuoteComments?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+        Footer?: SlotProps<{
+            quoteData?: NegotiableQuoteModel;
+        }>;
+    };
+}
+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 S,useEffect as G,useMemo as d,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";import{Skeleton as V,SkeletonRow as f,InLineAlert as X,Button as L,TextArea as H}from"@dropins/tools/components.js";import{events as J}from"@dropins/tools/event-bus.js";import{S as K}from"../chunks/RequestNegotiableQuoteForm.js";import"@dropins/tools/preact.js";/* empty css                   */import{useText as Y}from"@dropins/tools/i18n.js";const Z=({className:h,loading:e,quoteName:i,quoteStatus:b,banner:g,details:a,actionBar:q,quoteContent:N,shippingInformationTitle:c,shippingInformation:n,quoteCommentsTitle:v,quoteComments:s,footer:x,...Q})=>e?t(C,{}):l("div",{...Q,className:m(["quote-management-manage-negotiable-quote",h]),children:[l("div",{className:m(["quote-management-manage-negotiable-quote__header"]),children:[i&&t(o,{node:i,className:m(["quote-management-manage-negotiable-quote__quote-name"])}),b&&t(o,{node:b,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"])}),l("div",{"data-testid":"quote-shipping-information-container",className:m(["quote-management-manage-negotiable-quote__shipping-information-container"]),children:[c&&t(o,{node:c,className:m(["quote-management-manage-negotiable-quote__shipping-information-title"])}),n&&t(o,{node:n,className:m(["quote-management-manage-negotiable-quote__shipping-information"])})]}),l("div",{"data-testid":"quote-comments-container",className:m(["quote-management-manage-negotiable-quote__quote-comments-container"]),children:[v&&t(o,{node:v,className:m(["quote-management-manage-negotiable-quote__quote-comments-title"])}),s&&t(o,{node:s,className:m(["quote-management-manage-negotiable-quote__quote-comments"])})]}),t(o,{node:x,className:m(["quote-management-manage-negotiable-quote__footer"])})]}),C=()=>l(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"})]}),D=({className:h,dropdownPlaceholder:e,dropdownOptions:i,handleDropdownChange:b,buttons:g,...a})=>{const q=i&&i.length>0,N=g&&g.length>0;return t("div",{className:"quote-management-actions-bar__container","data-testid":"actions-bar-container",children:l("div",{className:m(["quote-management-actions-bar",h]),"data-testid":"actions-bar",...a,children:[q&&l("select",{name:"dropdown",id:"dropdown",onInput:b,className:"quote-management-actions-bar__dropdown","data-testid":"dropdown",children:[t("option",{value:"",children:e}),i==null?void 0:i.map(c=>t("option",{value:c.value,children:c.label},c.value))]}),N&&t("div",{className:"quote-management-actions-bar__buttons","data-testid":"buttons-container",children:g==null?void 0:g.map((c,n)=>t(o,{node:c,className:m(["quote-management-actions-bar__button"])},n))})]})})},re=({onActionsDropdownChange:h,slots:e,onActionsButtonClick:i,onSendForReview:b,...g})=>{const[a,q]=S(void 0),[N,c]=S(!0),n=Y({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 p=J.on("quote-management/quote-data",_=>{const{quote:r}=_;r&&(q(r),c(!1))},{eager:!0});return()=>p==null?void 0:p.off()},[]);const v=d(()=>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]),s=d(()=>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=$(p=>{switch(p){case"PENDING":return n.statusPending;case"EXPIRED":return n.statusExpired;default:return null}},[n])(a==null?void 0:a.status),M=Q&&t(X,{type:"warning",variant:"secondary",icon:t(K,{}),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=d(()=>{if(!a)return null;const p=U()||"en-US",_=new Intl.DateTimeFormat(p,{year:"numeric",month:"long",day:"numeric"});return l(u,{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:[_.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:_.format(new Date(a.expirationDate))})]})]})},[e==null?void 0:e.Details,n,a]),T=d(()=>[{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=d(()=>{const p=r=>{h==null||h(r)},_=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(D,{dropdownPlaceholder:n.actionsLabel,dropdownOptions:[{label:n.remove,value:"remove"}],handleDropdownChange:p,buttons:T.map(r=>t(L,{variant:"tertiary",onClick:()=>_(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,h,i]),P=d(()=>t(u,{name:"QuoteContent",slot:e==null?void 0:e.QuoteContent,context:{quoteData:a}}),[e==null?void 0:e.QuoteContent,a]),W=d(()=>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=d(()=>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=d(()=>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=d(()=>t(u,{name:"QuoteComments",slot:e==null?void 0:e.QuoteComments,context:{quoteData:a},children:t(H,{name:"quoteComments",placeholder:n.quoteCommentsPlaceholder,rows:3})}),[e==null?void 0:e.QuoteComments,n,a]),R=d(()=>t(u,{name:"Footer",slot:e==null?void 0:e.Footer,context:{quoteData:a},children:t(L,{variant:"primary",onClick:()=>b==null?void 0:b(a),"data-testid":"send-for-review-button",disabled:!(a!=null&&a.canSendForReview),children:n.sendForReview})}),[e==null?void 0:e.Footer,n,a,b]),j={...g,loading:N,quoteName:v,quoteStatus:s,banner:y||void 0,details:I,actionBar:w,quoteContent:P,shippingInformationTitle:W,shippingInformation:z,quoteCommentsTitle:E,quoteComments:F,footer:R};return t(Z,{...j})};export{re as ManageNegotiableQuote,re 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/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';\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  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          <select name=\"dropdown\" id=\"dropdown\" onInput={handleDropdownChange} className=\"quote-management-actions-bar__dropdown\" data-testid=\"dropdown\">\n            <option value=\"\">{dropdownPlaceholder}</option>\n            {dropdownOptions?.map((option) => (\n              <option key={option.value} value={option.value}>{option.label}</option>\n            ))}\n          </select>\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    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          {dateFormatter.format(new Date(quoteData!.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","option","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","handleActionsDropdownChange","event","handleActionsButtonClick","action","Button","TextArea","manageNegotiableQuoteProps","ManageNegotiableQuoteComponent"],"mappings":"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"}

package/containers/RequestNegotiableQuoteForm.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*as s from"@dropins/tools/preact-compat.js";import{useState as q,useEffect as R,useCallback as ae}from"@dropins/tools/preact-compat.js";import{classes as u,VComponent as h,Slot as N,getFormErrors as j,getFormValues as re}from"@dropins/tools/lib.js";import{TextArea as oe,Field as ne,Input as ie,InputFile as se,Button as z,InLineAlert as ce}from"@dropins/tools/components.js";import{events as I}from"@dropins/tools/event-bus.js";import{r as w}from"../chunks/requestNegotiableQuote.js";import{useText as ue}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const me=i=>s.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...i},s.createElement("g",{id:"Large"},s.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),s.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},s.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),s.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),de=i=>s.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},s.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),s.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),le=i=>s.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},s.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),fe=({className:i,title:e,banner:C,commentField:_,quoteNameField:l,attachFile:c,requestButton:f,saveButton:x,onSubmit:F,...E})=>P("form",{...E,className:u(["request-negotiable-quote-form",i]),onSubmit:F,children:[C&&t(h,{node:C,className:u(["request-negotiable-quote-form__banner"])}),e&&t(h,{node:e,className:u(["request-negotiable-quote-form__title"])}),_&&t(h,{node:_,className:u(["request-negotiable-quote-form__comment-field"])}),l&&t(h,{node:l,className:u(["request-negotiable-quote-form__quote-name-field"])}),c&&t(h,{node:c,className:u(["request-negotiable-quote-form__attach-file-field"])}),P("div",{className:u(["request-negotiable-quote-form__actions"]),children:[f&&t(h,{node:f,className:u(["request-negotiable-quote-form__request-button"])}),x&&t(h,{node:x,className:u(["request-negotiable-quote-form__save-button"])})]})]}),_e=({cartId:i,slots:e,onRequestNegotiableQuote:C,onSaveNegotiableQuote:_,onAttachFiles:l,onSubmitErrors:c,onError:f,className:x})=>{const[F,E]=q(void 0),[H,Z]=q(void 0),[,T]=q([]),[b,v]=q(void 0),[m,p]=q({}),[B,O]=q(void 0),[n,g]=q(!1),o=ue({title:"NegotiableQuote.Request.title",comment:"NegotiableQuote.Request.comment",commentError:"NegotiableQuote.Request.commentError",quoteName:"NegotiableQuote.Request.quoteName",quoteNameError:"NegotiableQuote.Request.quoteNameError",attachmentsError:"NegotiableQuote.Request.attachmentsError",requestCta:"NegotiableQuote.Request.requestCta",saveDraftCta:"NegotiableQuote.Request.saveDraftCta",errorHeader:"NegotiableQuote.Request.error.header",unauthenticated:"NegotiableQuote.Request.error.unauthenticated",unauthorized:"NegotiableQuote.Request.error.unauthorized",missingCart:"NegotiableQuote.Request.error.missingCart",successHeader:"NegotiableQuote.Request.success.header",submitSuccess:"NegotiableQuote.Request.success.submitted",draftSuccess:"NegotiableQuote.Request.success.draftSaved"});R(()=>{const a=I.on("quote-management/permissions",r=>{v(void 0),r.requestQuote||(v(o.unauthorized),g(!0))},{eager:!0});return()=>a==null?void 0:a.off()},[o.unauthorized]),R(()=>{const a=I.on("authenticated",r=>{v(void 0),r||(v(o.unauthenticated),g(!0))},{eager:!0});return()=>a==null?void 0:a.off()},[o.unauthenticated]),R(()=>{i||(v(o.missingCart),g(!0))},[i,o.missingCart]),R(()=>{b&&(f==null||f({error:b,isFormDisabled:n,setIsFormDisabled:g}))},[b,f,n]);const D=ae(async a=>{var r;p(d=>({...d,attachments:""})),T(a),(r=l==null?void 0:l(a))==null||r.catch(()=>{p(d=>({...d,attachments:o.attachmentsError}))})},[l,o]),W=()=>{let a,r;if(B?(r={name:"SuccessBanner",slot:e==null?void 0:e.SuccessBanner,context:{message:B},"data-testid":"form-success-banner"},a={type:"success",variant:"primary",icon:t(de,{}),heading:o.successHeader,description:B,className:"request-negotiable-quote-form__success-banner"}):b&&(r={name:"ErrorBanner",slot:e==null?void 0:e.ErrorBanner,context:{message:b},"data-testid":"form-error-banner"},a={type:"error",variant:"primary",icon:t(le,{}),heading:o.errorHeader,description:b,className:"request-negotiable-quote-form__error-banner"}),r&&a)return t(N,{...r,children:t(ce,{...a})})},M=a=>{p({});const r=a.target.closest("form"),d=j(r);Object.keys(d).length>0&&(p(d),c==null||c(d))},$=a=>{var V;a.preventDefault(),g(!0);const r=a.target,A={...j(r),...m};if(Object.keys(A).length>0){c==null||c(A);return}const k=a.submitter,Q=re(r);E(Q.comment),Z(Q.quoteName);const S=((V=k==null?void 0:k.dataset)==null?void 0:V.draft)==="true"||!1,ee={cartId:i,quoteName:Q.quoteName,comment:Q.comment,isDraft:S};let y,L;S?(y=_??w,L=o.draftSuccess):(y=C??w,L=o.submitSuccess),y(ee).then(()=>{O(L)}).catch(te=>{v(te.message)})},G=t(N,{name:"Title",slot:e==null?void 0:e.Title,context:{text:o.title},children:t("span",{"data-testid":"form-title",children:o.title})}),J=t(N,{name:"CommentField",slot:e==null?void 0:e.CommentField,context:{value:F,required:!0,errorMessage:m.comment,setFormErrors:p,isFormDisabled:n},children:t(oe,{name:"comment",value:F,label:o.comment,required:!0,autoComplete:"off","data-testid":"form-comment-field",errorMessage:m.comment,disabled:n})}),K=t(N,{name:"QuoteNameField",slot:e==null?void 0:e.QuoteNameField,context:{value:H,required:!0,errorMessage:m.quoteName,setFormErrors:p,isFormDisabled:n},children:t(ne,{error:m.quoteName,disabled:n,children:t(ie,{value:H,name:"quoteName",floatingLabel:o.quoteName,required:!0,autoComplete:"off","data-testid":"form-quote-name-field"})})}),U=t(N,{name:"AttachFileField",slot:e==null?void 0:e.AttachFileField,context:{onChange:D,formErrors:m,isFormDisabled:n},children:t(se,{onChange:a=>{const r=Array.from(a.target.files);r.length>0&&D(r)},icon:t(me,{}),disabled:n,"data-testid":"form-attach-file-field"})}),X=t(N,{name:"RequestButton",slot:e==null?void 0:e.RequestButton,context:{requestNegotiableQuote:w,formErrors:m,isFormDisabled:n,setIsFormDisabled:g},children:t(z,{type:"submit","data-testid":"form-request-button",onClick:M,disabled:n,children:o.requestCta})}),Y=t(N,{name:"SaveDraftButton",slot:e==null?void 0:e.SaveDraftButton,context:{requestNegotiableQuote:w,formErrors:m,isFormDisabled:n,setIsFormDisabled:g},children:t(z,{type:"submit","data-draft":"true",variant:"secondary","data-testid":"form-save-draft-button",onClick:M,disabled:n,children:o.saveDraftCta})});return t(fe,{title:G,banner:W(),commentField:J,quoteNameField:K,attachFile:U,requestButton:X,saveButton:Y,onSubmit:$,className:x,disabled:n,"data-testid":"form-container"})};export{_e as RequestNegotiableQuoteForm,_e as default};
+import{jsxs as j,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import*as u from"@dropins/tools/preact-compat.js";import{useState as q,useEffect as R,useCallback as ae}from"@dropins/tools/preact-compat.js";import{classes as c,VComponent as h,Slot as N,getFormErrors as z,getFormValues as re}from"@dropins/tools/lib.js";import{TextArea as oe,Field as ne,Input as ie,InputFile as se,Button as I,InLineAlert as ce}from"@dropins/tools/components.js";import{S as ue}from"../chunks/RequestNegotiableQuoteForm.js";import{events as T}from"@dropins/tools/event-bus.js";import{r as B}from"../chunks/requestNegotiableQuote.js";import{useText as me}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const de=i=>u.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...i},u.createElement("g",{id:"Large"},u.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),u.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},u.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),u.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),le=i=>u.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),fe=({className:i,title:e,banner:C,commentField:_,quoteNameField:l,attachFile:s,requestButton:f,saveButton:F,onSubmit:Q,...E})=>j("form",{...E,className:c(["request-negotiable-quote-form",i]),onSubmit:Q,children:[C&&t(h,{node:C,className:c(["request-negotiable-quote-form__banner"])}),e&&t(h,{node:e,className:c(["request-negotiable-quote-form__title"])}),_&&t(h,{node:_,className:c(["request-negotiable-quote-form__comment-field"])}),l&&t(h,{node:l,className:c(["request-negotiable-quote-form__quote-name-field"])}),s&&t(h,{node:s,className:c(["request-negotiable-quote-form__attach-file-field"])}),j("div",{className:c(["request-negotiable-quote-form__actions"]),children:[f&&t(h,{node:f,className:c(["request-negotiable-quote-form__request-button"])}),F&&t(h,{node:F,className:c(["request-negotiable-quote-form__save-button"])})]})]}),Fe=({cartId:i,slots:e,onRequestNegotiableQuote:C,onSaveNegotiableQuote:_,onAttachFiles:l,onSubmitErrors:s,onError:f,className:F})=>{const[Q,E]=q(void 0),[L,V]=q(void 0),[,O]=q([]),[b,v]=q(void 0),[m,p]=q({}),[k,W]=q(void 0),[n,g]=q(!1),o=me({title:"NegotiableQuote.Request.title",comment:"NegotiableQuote.Request.comment",commentError:"NegotiableQuote.Request.commentError",quoteName:"NegotiableQuote.Request.quoteName",quoteNameError:"NegotiableQuote.Request.quoteNameError",attachmentsError:"NegotiableQuote.Request.attachmentsError",requestCta:"NegotiableQuote.Request.requestCta",saveDraftCta:"NegotiableQuote.Request.saveDraftCta",errorHeader:"NegotiableQuote.Request.error.header",unauthenticated:"NegotiableQuote.Request.error.unauthenticated",unauthorized:"NegotiableQuote.Request.error.unauthorized",missingCart:"NegotiableQuote.Request.error.missingCart",successHeader:"NegotiableQuote.Request.success.header",submitSuccess:"NegotiableQuote.Request.success.submitted",draftSuccess:"NegotiableQuote.Request.success.draftSaved"});R(()=>{const a=T.on("quote-management/permissions",r=>{v(void 0),r.requestQuote||(v(o.unauthorized),g(!0))},{eager:!0});return()=>a==null?void 0:a.off()},[o.unauthorized]),R(()=>{const a=T.on("authenticated",r=>{v(void 0),r||(v(o.unauthenticated),g(!0))},{eager:!0});return()=>a==null?void 0:a.off()},[o.unauthenticated]),R(()=>{i||(v(o.missingCart),g(!0))},[i,o.missingCart]),R(()=>{b&&(f==null||f({error:b,isFormDisabled:n,setIsFormDisabled:g}))},[b,f,n]);const S=ae(async a=>{var r;p(d=>({...d,attachments:""})),O(a),(r=l==null?void 0:l(a))==null||r.catch(()=>{p(d=>({...d,attachments:o.attachmentsError}))})},[l,o]),Z=()=>{let a,r;if(k?(r={name:"SuccessBanner",slot:e==null?void 0:e.SuccessBanner,context:{message:k},"data-testid":"form-success-banner"},a={type:"success",variant:"primary",icon:t(le,{}),heading:o.successHeader,description:k,className:"request-negotiable-quote-form__success-banner"}):b&&(r={name:"ErrorBanner",slot:e==null?void 0:e.ErrorBanner,context:{message:b},"data-testid":"form-error-banner"},a={type:"error",variant:"primary",icon:t(ue,{}),heading:o.errorHeader,description:b,className:"request-negotiable-quote-form__error-banner"}),r&&a)return t(N,{...r,children:t(ce,{...a})})},A=a=>{p({});const r=a.target.closest("form"),d=z(r);Object.keys(d).length>0&&(p(d),s==null||s(d))},$=a=>{var P;a.preventDefault(),g(!0);const r=a.target,H={...z(r),...m};if(Object.keys(H).length>0){s==null||s(H);return}const y=a.submitter,x=re(r);E(x.comment),V(x.quoteName);const M=((P=y==null?void 0:y.dataset)==null?void 0:P.draft)==="true"||!1,ee={cartId:i,quoteName:x.quoteName,comment:x.comment,isDraft:M};let w,D;M?(w=_??B,D=o.draftSuccess):(w=C??B,D=o.submitSuccess),w(ee).then(()=>{W(D)}).catch(te=>{v(te.message)})},G=t(N,{name:"Title",slot:e==null?void 0:e.Title,context:{text:o.title},children:t("span",{"data-testid":"form-title",children:o.title})}),J=t(N,{name:"CommentField",slot:e==null?void 0:e.CommentField,context:{value:Q,required:!0,errorMessage:m.comment,setFormErrors:p,isFormDisabled:n},children:t(oe,{name:"comment",value:Q,label:o.comment,required:!0,autoComplete:"off","data-testid":"form-comment-field",errorMessage:m.comment,disabled:n})}),K=t(N,{name:"QuoteNameField",slot:e==null?void 0:e.QuoteNameField,context:{value:L,required:!0,errorMessage:m.quoteName,setFormErrors:p,isFormDisabled:n},children:t(ne,{error:m.quoteName,disabled:n,children:t(ie,{value:L,name:"quoteName",floatingLabel:o.quoteName,required:!0,autoComplete:"off","data-testid":"form-quote-name-field"})})}),U=t(N,{name:"AttachFileField",slot:e==null?void 0:e.AttachFileField,context:{onChange:S,formErrors:m,isFormDisabled:n},children:t(se,{onChange:a=>{const r=Array.from(a.target.files);r.length>0&&S(r)},icon:t(de,{}),disabled:n,"data-testid":"form-attach-file-field"})}),X=t(N,{name:"RequestButton",slot:e==null?void 0:e.RequestButton,context:{requestNegotiableQuote:B,formErrors:m,isFormDisabled:n,setIsFormDisabled:g},children:t(I,{type:"submit","data-testid":"form-request-button",onClick:A,disabled:n,children:o.requestCta})}),Y=t(N,{name:"SaveDraftButton",slot:e==null?void 0:e.SaveDraftButton,context:{requestNegotiableQuote:B,formErrors:m,isFormDisabled:n,setIsFormDisabled:g},children:t(I,{type:"submit","data-draft":"true",variant:"secondary","data-testid":"form-save-draft-button",onClick:A,disabled:n,children:o.saveDraftCta})});return t(fe,{title:G,banner:Z(),commentField:J,quoteNameField:K,attachFile:U,requestButton:X,saveButton:Y,onSubmit:$,className:F,disabled:n,"data-testid":"form-container"})};export{Fe as RequestNegotiableQuoteForm,Fe as default};
 //# sourceMappingURL=RequestNegotiableQuoteForm.js.map

package/containers/RequestNegotiableQuoteForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestNegotiableQuoteForm.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/CheckWithCircle.svg","../../node_modules/@adobe-commerce/elsie/src/icons/WarningFilled.svg","/@dropins/storefront-quote-management/src/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx","/@dropins/storefront-quote-management/src/containers/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgCheckWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M6.75 12.762L10.2385 15.75L17.25 9\", stroke: \"currentColor\" }));\nexport default SvgCheckWithCircle;\n","import * as React from \"react\";\nconst SvgWarningFilled = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z\", fill: \"currentColor\" }));\nexport default SvgWarningFilled;\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/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.css';\n\nexport interface RequestNegotiableQuoteFormProps extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  title: VNode;\n  banner?: VNode;\n  commentField?: VNode;\n  quoteNameField?: VNode;\n  attachFile?: VNode;\n  requestButton?: VNode;\n  saveButton?: VNode;\n  onSubmit: (e: Event) => void;\n}\n\nexport const RequestNegotiableQuoteForm: FunctionComponent<RequestNegotiableQuoteFormProps> = ({\n  className,\n  title,\n  banner,\n  commentField,\n  quoteNameField,\n  attachFile,\n  requestButton,\n  saveButton,\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <form {...props} className={classes(['request-negotiable-quote-form', className])} onSubmit={onSubmit}>\n      {banner &&\n        <VComponent\n          node={banner}\n          className={classes(['request-negotiable-quote-form__banner'])}\n        />\n      }\n      {title &&\n        <VComponent\n          node={title}\n          className={classes(['request-negotiable-quote-form__title'])}\n        />\n      }\n      {commentField &&\n        <VComponent\n          node={commentField}\n          className={classes(['request-negotiable-quote-form__comment-field'])}\n        />\n      }\n      {quoteNameField &&\n        <VComponent\n          node={quoteNameField}\n          className={classes(['request-negotiable-quote-form__quote-name-field'])}\n        />\n      }\n      {attachFile &&\n        <VComponent\n          node={attachFile}\n          className={classes(['request-negotiable-quote-form__attach-file-field'])}\n        />\n      }\n      <div className={classes(['request-negotiable-quote-form__actions'])}>\n        {requestButton &&\n          <VComponent\n            node={requestButton}\n            className={classes(['request-negotiable-quote-form__request-button'])}\n          />\n        }\n        {saveButton &&\n          <VComponent\n            node={saveButton}\n            className={classes(['request-negotiable-quote-form__save-button'])}\n          />\n        }\n      </div>\n    </form>\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, useState } from 'preact/compat';\nimport { Container, getFormErrors, getFormValues, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { InLineAlert, Button, InputFile, TextArea, Input, Field, InLineAlertProps } from '@adobe-commerce/elsie/components';\nimport { WarningFilled, CheckWithCircle, Add } from '@adobe-commerce/elsie/icons';\nimport RequestNegotiableQuoteFormComponent from '@/quote-management/components/RequestNegotiableQuoteForm';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { requestNegotiableQuote, RequestNegotiableQuoteInput } from '@/quote-management/api';\nimport { state } from '@/quote-management/lib/state';\n\nexport type RequestNegotiableQuoteHandlers = {\n  onAttachFiles?: (files: File[]) => Promise<void>;\n  onRequestNegotiableQuote?: typeof requestNegotiableQuote;\n  onSaveNegotiableQuote?: typeof requestNegotiableQuote;\n  onSubmitErrors?: (errors: Record<string, string>) => void;\n  onError?: (props: {\n    error: string,\n    isFormDisabled: boolean,\n    setIsFormDisabled: (isFormDisabled: boolean) => void,\n  }) => void;\n};\n\nexport interface RequestNegotiableQuoteFormProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'>,\n  RequestNegotiableQuoteHandlers {\n  cartId: string;\n  slots?: {\n    ErrorBanner?: SlotProps<{\n      message: string,\n    }>;\n    SuccessBanner?: SlotProps<{\n      message: string,\n    }>;\n    Title?: SlotProps<{\n      text: string,\n    }>;\n    CommentField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    QuoteNameField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    AttachFileField?: SlotProps<{\n      onChange: (files: File[]) => void, formErrors: Record<string, string>,\n      isFormDisabled: boolean\n    }>;\n    RequestButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n    SaveDraftButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n  };\n}\n\nexport const RequestNegotiableQuoteForm: Container<RequestNegotiableQuoteFormProps> = ({\n  cartId,\n  slots,\n  onRequestNegotiableQuote,\n  onSaveNegotiableQuote,\n  onAttachFiles,\n  onSubmitErrors,\n  onError,\n  className,\n}) => {\n  const [comment, setComment] = useState<string | undefined>(undefined);\n  const [quoteName, setQuoteName] = useState<string | undefined>(undefined);\n  const [, setAttachments] = useState<File[]>([]);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n  const [success, setSuccess] = useState<string | undefined>(undefined);\n  const [isFormDisabled, setIsFormDisabled] = useState<boolean>(false);\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Request.title',\n    comment: 'NegotiableQuote.Request.comment',\n    commentError: 'NegotiableQuote.Request.commentError',\n    quoteName: 'NegotiableQuote.Request.quoteName',\n    quoteNameError: 'NegotiableQuote.Request.quoteNameError',\n    attachmentsError: 'NegotiableQuote.Request.attachmentsError',\n    requestCta: 'NegotiableQuote.Request.requestCta',\n    saveDraftCta: 'NegotiableQuote.Request.saveDraftCta',\n    errorHeader: 'NegotiableQuote.Request.error.header',\n    unauthenticated: 'NegotiableQuote.Request.error.unauthenticated',\n    unauthorized: 'NegotiableQuote.Request.error.unauthorized',\n    missingCart: 'NegotiableQuote.Request.error.missingCart',\n    successHeader: 'NegotiableQuote.Request.success.header',\n    submitSuccess: 'NegotiableQuote.Request.success.submitted',\n    draftSuccess: 'NegotiableQuote.Request.success.draftSaved',\n  });\n\n  useEffect(() => {\n    const permissionsEvent = events.on(\n      'quote-management/permissions',\n      (permissions: typeof state.permissions) => {\n        setError(undefined);\n        if (!permissions.requestQuote) {\n          setError(dictionary.unauthorized);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => permissionsEvent?.off();\n  }, [dictionary.unauthorized]);\n\n  useEffect(() => {\n    const authenticatedEvent = events.on(\n      'authenticated',\n      (authenticated: boolean) => {\n        setError(undefined);\n        if (!authenticated) {\n          setError(dictionary.unauthenticated);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => authenticatedEvent?.off();\n  }, [dictionary.unauthenticated]);\n\n  useEffect(() => {\n    if (!cartId) {\n      setError(dictionary.missingCart);\n      setIsFormDisabled(true);\n    }\n  }, [cartId, dictionary.missingCart]);\n\n  useEffect(() => {\n    if (error) {\n      onError?.({ error, isFormDisabled, setIsFormDisabled });\n    }\n  }, [error, onError, isFormDisabled]);\n\n  const handleAttachFiles = useCallback(async (files: File[]) => {\n    setFormErrors(prev => ({ ...prev, attachments: '' }));\n    setAttachments(files);\n    onAttachFiles?.(files)?.catch(() => {\n      setFormErrors(prev => ({ ...prev, attachments: dictionary.attachmentsError }));\n    });\n  }, [onAttachFiles, dictionary]);\n\n  /*\n  * This function is used to get the banner node.\n  * It can be used to render a success or error banner depending on the success or error state.\n  */\n  const getBannerNode = () => {\n    let inlineAlertProps: InLineAlertProps | undefined;\n    let slotProps: any | undefined;\n\n    if (success) {\n      slotProps = {\n        name: 'SuccessBanner',\n        slot: slots?.SuccessBanner,\n        context: {\n          message: success,\n        },\n        'data-testid': 'form-success-banner',\n      };\n      inlineAlertProps = {\n        type: 'success',\n        variant: 'primary',\n        icon: <CheckWithCircle />,\n        heading: dictionary.successHeader,\n        description: success,\n        className: 'request-negotiable-quote-form__success-banner',\n      };\n    }\n    else if (error) {\n      slotProps = {\n        name: 'ErrorBanner',\n        slot: slots?.ErrorBanner,\n        context: {\n          message: error,\n        },\n        'data-testid': 'form-error-banner',\n      };\n      inlineAlertProps = {\n        type: 'error',\n        variant: 'primary',\n        icon: <WarningFilled />,\n        heading: dictionary.errorHeader,\n        description: error,\n        className: 'request-negotiable-quote-form__error-banner',\n      };\n    }\n\n    if (slotProps && inlineAlertProps) {\n      return <Slot {...slotProps}>\n        <InLineAlert {...inlineAlertProps} />\n      </Slot>;\n    }\n\n    return undefined;\n  }\n\n  /*\n  * This function is used to validate the parent form of the button that was clicked.\n  */\n  const validateParentForm = (e: Event) => {\n    setFormErrors({});\n    const closestForm = (e.target as HTMLElement).closest('form') as HTMLFormElement;\n    const formErrors = getFormErrors(closestForm);\n    if (Object.keys(formErrors).length > 0) {\n      setFormErrors(formErrors);\n      onSubmitErrors?.(formErrors);\n    }\n  };\n\n  const formSubmitHandler = (e: Event) => {\n    e.preventDefault();\n    setIsFormDisabled(true);\n\n    const form = (e.target as HTMLFormElement);\n\n    const currentFormErrors = getFormErrors(form);\n\n    const mergedFormErrors = { ...currentFormErrors, ...formErrors };\n\n    if (Object.keys(mergedFormErrors).length > 0) {\n      onSubmitErrors?.(mergedFormErrors)\n      return;\n    }\n\n    // Since we have multiple submit buttons, we need to determine which one was clicked.\n    const buttonTarget = (e as SubmitEvent).submitter as HTMLButtonElement;\n\n    const formValues = getFormValues(form);\n\n    setComment(formValues.comment);\n    setQuoteName(formValues.quoteName);\n\n    const isDraft = buttonTarget?.dataset?.draft === 'true' || false;\n\n    const contextData: RequestNegotiableQuoteInput = {\n      cartId: cartId!,\n      quoteName: formValues.quoteName,\n      comment: formValues.comment,\n      isDraft,\n    }\n\n    let submitHandler;\n    let successMessage;\n\n    if (isDraft) {\n      submitHandler = onSaveNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.draftSuccess;\n    } else {\n      submitHandler = onRequestNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.submitSuccess;\n    }\n\n    submitHandler(contextData).then(() => {\n      setSuccess(successMessage);\n    })\n      .catch(error => {\n        setError(error.message);\n      })\n  };\n\n  const titleNode = (\n    <Slot name=\"Title\" slot={slots?.Title} context={{ text: dictionary.title }}>\n      <span data-testid=\"form-title\">{dictionary.title}</span>\n    </Slot>\n  );\n\n  const commentFieldNode = (\n    <Slot\n      name=\"CommentField\"\n      slot={slots?.CommentField}\n      context={{\n        value: comment,\n        required: true,\n        errorMessage: formErrors.comment,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <TextArea\n        name=\"comment\"\n        value={comment}\n        label={dictionary.comment}\n        required\n        autoComplete=\"off\"\n        data-testid=\"form-comment-field\"\n        errorMessage={formErrors.comment}\n        disabled={isFormDisabled}\n      />\n    </Slot>\n  );\n\n  const quoteNameFieldNode = (\n    <Slot\n      name=\"QuoteNameField\"\n      slot={slots?.QuoteNameField}\n      context={{\n        value: quoteName,\n        required: true,\n        errorMessage: formErrors.quoteName,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <Field\n        error={formErrors.quoteName}\n        disabled={isFormDisabled}\n      >\n        <Input\n          value={quoteName}\n          name=\"quoteName\"\n          floatingLabel={dictionary.quoteName}\n          required\n          autoComplete=\"off\"\n          data-testid=\"form-quote-name-field\"\n        />\n      </Field>\n    </Slot>\n  );\n\n  const attachFileNode = (\n    <Slot\n      name=\"AttachFileField\"\n      slot={slots?.AttachFileField}\n      context={{ onChange: handleAttachFiles, formErrors, isFormDisabled }}\n    >\n      <InputFile\n        onChange={(e: any) => {\n          const files = Array.from(((e.target as HTMLInputElement).files!));\n\n          if (files.length > 0) {\n            handleAttachFiles(files)\n          }\n        }}\n        icon={<Add />}\n        disabled={isFormDisabled}\n        data-testid=\"form-attach-file-field\"\n      />\n    </Slot>\n  );\n\n  const requestButtonNode = (\n    <Slot\n      name=\"RequestButton\"\n      slot={slots?.RequestButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-testid=\"form-request-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.requestCta}\n      </Button>\n    </Slot>\n  );\n\n  const saveButtonNode = (\n    <Slot\n      name=\"SaveDraftButton\"\n      slot={slots?.SaveDraftButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-draft=\"true\"\n        variant=\"secondary\"\n        data-testid=\"form-save-draft-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.saveDraftCta}\n      </Button>\n    </Slot>\n  );\n\n  return (\n    <RequestNegotiableQuoteFormComponent\n      title={titleNode}\n      banner={getBannerNode()}\n      commentField={commentFieldNode}\n      quoteNameField={quoteNameFieldNode}\n      attachFile={attachFileNode}\n      requestButton={requestButtonNode}\n      saveButton={saveButtonNode}\n      onSubmit={formSubmitHandler}\n      className={className}\n      disabled={isFormDisabled}\n      data-testid=\"form-container\"\n    />\n  );\n};"],"names":["SvgAdd","props","React","SvgCheckWithCircle","SvgWarningFilled","RequestNegotiableQuoteForm","className","title","banner","commentField","quoteNameField","attachFile","requestButton","saveButton","onSubmit","jsxs","classes","jsx","VComponent","cartId","slots","onRequestNegotiableQuote","onSaveNegotiableQuote","onAttachFiles","onSubmitErrors","onError","comment","setComment","useState","quoteName","setQuoteName","setAttachments","error","setError","formErrors","setFormErrors","success","setSuccess","isFormDisabled","setIsFormDisabled","dictionary","useText","useEffect","permissionsEvent","events","permissions","authenticatedEvent","authenticated","handleAttachFiles","useCallback","files","prev","_a","getBannerNode","inlineAlertProps","slotProps","CheckWithCircle","WarningFilled","Slot","InLineAlert","validateParentForm","e","closestForm","getFormErrors","formSubmitHandler","form","mergedFormErrors","buttonTarget","formValues","getFormValues","isDraft","contextData","submitHandler","successMessage","requestNegotiableQuote","titleNode","commentFieldNode","TextArea","quoteNameFieldNode","Field","Input","attachFileNode","InputFile","Add","requestButtonNode","Button","saveButtonNode","RequestNegotiableQuoteFormComponent"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"RequestNegotiableQuoteForm.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/Add.svg","../../node_modules/@adobe-commerce/elsie/src/icons/CheckWithCircle.svg","/@dropins/storefront-quote-management/src/components/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx","/@dropins/storefront-quote-management/src/containers/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Add_Base\", \"data-name\": \"Icon \\\\u2013 Add \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Add_icon\", \"data-name\": \"Add icon\", transform: \"translate(9.734 9.737)\" }, /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_579\", \"data-name\": \"Line 579\", y2: 12.7, transform: \"translate(2.216 -4.087)\", fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_580\", \"data-name\": \"Line 580\", x2: 12.7, transform: \"translate(-4.079 2.263)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgCheckWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M6.75 12.762L10.2385 15.75L17.25 9\", stroke: \"currentColor\" }));\nexport default SvgCheckWithCircle;\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/RequestNegotiableQuoteForm/RequestNegotiableQuoteForm.css';\n\nexport interface RequestNegotiableQuoteFormProps extends Omit<HTMLAttributes<HTMLFormElement>, 'title'> {\n  title: VNode;\n  banner?: VNode;\n  commentField?: VNode;\n  quoteNameField?: VNode;\n  attachFile?: VNode;\n  requestButton?: VNode;\n  saveButton?: VNode;\n  onSubmit: (e: Event) => void;\n}\n\nexport const RequestNegotiableQuoteForm: FunctionComponent<RequestNegotiableQuoteFormProps> = ({\n  className,\n  title,\n  banner,\n  commentField,\n  quoteNameField,\n  attachFile,\n  requestButton,\n  saveButton,\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <form {...props} className={classes(['request-negotiable-quote-form', className])} onSubmit={onSubmit}>\n      {banner &&\n        <VComponent\n          node={banner}\n          className={classes(['request-negotiable-quote-form__banner'])}\n        />\n      }\n      {title &&\n        <VComponent\n          node={title}\n          className={classes(['request-negotiable-quote-form__title'])}\n        />\n      }\n      {commentField &&\n        <VComponent\n          node={commentField}\n          className={classes(['request-negotiable-quote-form__comment-field'])}\n        />\n      }\n      {quoteNameField &&\n        <VComponent\n          node={quoteNameField}\n          className={classes(['request-negotiable-quote-form__quote-name-field'])}\n        />\n      }\n      {attachFile &&\n        <VComponent\n          node={attachFile}\n          className={classes(['request-negotiable-quote-form__attach-file-field'])}\n        />\n      }\n      <div className={classes(['request-negotiable-quote-form__actions'])}>\n        {requestButton &&\n          <VComponent\n            node={requestButton}\n            className={classes(['request-negotiable-quote-form__request-button'])}\n          />\n        }\n        {saveButton &&\n          <VComponent\n            node={saveButton}\n            className={classes(['request-negotiable-quote-form__save-button'])}\n          />\n        }\n      </div>\n    </form>\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, useState } from 'preact/compat';\nimport { Container, getFormErrors, getFormValues, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { InLineAlert, Button, InputFile, TextArea, Input, Field, InLineAlertProps } from '@adobe-commerce/elsie/components';\nimport { WarningFilled, CheckWithCircle, Add } from '@adobe-commerce/elsie/icons';\nimport RequestNegotiableQuoteFormComponent from '@/quote-management/components/RequestNegotiableQuoteForm';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { requestNegotiableQuote, RequestNegotiableQuoteInput } from '@/quote-management/api';\nimport { state } from '@/quote-management/lib/state';\n\nexport type RequestNegotiableQuoteHandlers = {\n  onAttachFiles?: (files: File[]) => Promise<void>;\n  onRequestNegotiableQuote?: typeof requestNegotiableQuote;\n  onSaveNegotiableQuote?: typeof requestNegotiableQuote;\n  onSubmitErrors?: (errors: Record<string, string>) => void;\n  onError?: (props: {\n    error: string,\n    isFormDisabled: boolean,\n    setIsFormDisabled: (isFormDisabled: boolean) => void,\n  }) => void;\n};\n\nexport interface RequestNegotiableQuoteFormProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'>,\n  RequestNegotiableQuoteHandlers {\n  cartId: string;\n  slots?: {\n    ErrorBanner?: SlotProps<{\n      message: string,\n    }>;\n    SuccessBanner?: SlotProps<{\n      message: string,\n    }>;\n    Title?: SlotProps<{\n      text: string,\n    }>;\n    CommentField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    QuoteNameField?: SlotProps<{\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setFormErrors: (errors: Record<string, string>) => void;\n    }>;\n    AttachFileField?: SlotProps<{\n      onChange: (files: File[]) => void, formErrors: Record<string, string>,\n      isFormDisabled: boolean\n    }>;\n    RequestButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n    SaveDraftButton?: SlotProps<{\n      requestNegotiableQuote: typeof requestNegotiableQuote;\n      formErrors: Record<string, string>;\n      isFormDisabled: boolean;\n      setIsFormDisabled: (isFormDisabled: boolean) => void;\n    }>;\n  };\n}\n\nexport const RequestNegotiableQuoteForm: Container<RequestNegotiableQuoteFormProps> = ({\n  cartId,\n  slots,\n  onRequestNegotiableQuote,\n  onSaveNegotiableQuote,\n  onAttachFiles,\n  onSubmitErrors,\n  onError,\n  className,\n}) => {\n  const [comment, setComment] = useState<string | undefined>(undefined);\n  const [quoteName, setQuoteName] = useState<string | undefined>(undefined);\n  const [, setAttachments] = useState<File[]>([]);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const [formErrors, setFormErrors] = useState<Record<string, string>>({});\n  const [success, setSuccess] = useState<string | undefined>(undefined);\n  const [isFormDisabled, setIsFormDisabled] = useState<boolean>(false);\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Request.title',\n    comment: 'NegotiableQuote.Request.comment',\n    commentError: 'NegotiableQuote.Request.commentError',\n    quoteName: 'NegotiableQuote.Request.quoteName',\n    quoteNameError: 'NegotiableQuote.Request.quoteNameError',\n    attachmentsError: 'NegotiableQuote.Request.attachmentsError',\n    requestCta: 'NegotiableQuote.Request.requestCta',\n    saveDraftCta: 'NegotiableQuote.Request.saveDraftCta',\n    errorHeader: 'NegotiableQuote.Request.error.header',\n    unauthenticated: 'NegotiableQuote.Request.error.unauthenticated',\n    unauthorized: 'NegotiableQuote.Request.error.unauthorized',\n    missingCart: 'NegotiableQuote.Request.error.missingCart',\n    successHeader: 'NegotiableQuote.Request.success.header',\n    submitSuccess: 'NegotiableQuote.Request.success.submitted',\n    draftSuccess: 'NegotiableQuote.Request.success.draftSaved',\n  });\n\n  useEffect(() => {\n    const permissionsEvent = events.on(\n      'quote-management/permissions',\n      (permissions: typeof state.permissions) => {\n        setError(undefined);\n        if (!permissions.requestQuote) {\n          setError(dictionary.unauthorized);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => permissionsEvent?.off();\n  }, [dictionary.unauthorized]);\n\n  useEffect(() => {\n    const authenticatedEvent = events.on(\n      'authenticated',\n      (authenticated: boolean) => {\n        setError(undefined);\n        if (!authenticated) {\n          setError(dictionary.unauthenticated);\n          setIsFormDisabled(true);\n        }\n      },\n      { eager: true }\n    );\n    return () => authenticatedEvent?.off();\n  }, [dictionary.unauthenticated]);\n\n  useEffect(() => {\n    if (!cartId) {\n      setError(dictionary.missingCart);\n      setIsFormDisabled(true);\n    }\n  }, [cartId, dictionary.missingCart]);\n\n  useEffect(() => {\n    if (error) {\n      onError?.({ error, isFormDisabled, setIsFormDisabled });\n    }\n  }, [error, onError, isFormDisabled]);\n\n  const handleAttachFiles = useCallback(async (files: File[]) => {\n    setFormErrors(prev => ({ ...prev, attachments: '' }));\n    setAttachments(files);\n    onAttachFiles?.(files)?.catch(() => {\n      setFormErrors(prev => ({ ...prev, attachments: dictionary.attachmentsError }));\n    });\n  }, [onAttachFiles, dictionary]);\n\n  /*\n  * This function is used to get the banner node.\n  * It can be used to render a success or error banner depending on the success or error state.\n  */\n  const getBannerNode = () => {\n    let inlineAlertProps: InLineAlertProps | undefined;\n    let slotProps: any | undefined;\n\n    if (success) {\n      slotProps = {\n        name: 'SuccessBanner',\n        slot: slots?.SuccessBanner,\n        context: {\n          message: success,\n        },\n        'data-testid': 'form-success-banner',\n      };\n      inlineAlertProps = {\n        type: 'success',\n        variant: 'primary',\n        icon: <CheckWithCircle />,\n        heading: dictionary.successHeader,\n        description: success,\n        className: 'request-negotiable-quote-form__success-banner',\n      };\n    }\n    else if (error) {\n      slotProps = {\n        name: 'ErrorBanner',\n        slot: slots?.ErrorBanner,\n        context: {\n          message: error,\n        },\n        'data-testid': 'form-error-banner',\n      };\n      inlineAlertProps = {\n        type: 'error',\n        variant: 'primary',\n        icon: <WarningFilled />,\n        heading: dictionary.errorHeader,\n        description: error,\n        className: 'request-negotiable-quote-form__error-banner',\n      };\n    }\n\n    if (slotProps && inlineAlertProps) {\n      return <Slot {...slotProps}>\n        <InLineAlert {...inlineAlertProps} />\n      </Slot>;\n    }\n\n    return undefined;\n  }\n\n  /*\n  * This function is used to validate the parent form of the button that was clicked.\n  */\n  const validateParentForm = (e: Event) => {\n    setFormErrors({});\n    const closestForm = (e.target as HTMLElement).closest('form') as HTMLFormElement;\n    const formErrors = getFormErrors(closestForm);\n    if (Object.keys(formErrors).length > 0) {\n      setFormErrors(formErrors);\n      onSubmitErrors?.(formErrors);\n    }\n  };\n\n  const formSubmitHandler = (e: Event) => {\n    e.preventDefault();\n    setIsFormDisabled(true);\n\n    const form = (e.target as HTMLFormElement);\n\n    const currentFormErrors = getFormErrors(form);\n\n    const mergedFormErrors = { ...currentFormErrors, ...formErrors };\n\n    if (Object.keys(mergedFormErrors).length > 0) {\n      onSubmitErrors?.(mergedFormErrors)\n      return;\n    }\n\n    // Since we have multiple submit buttons, we need to determine which one was clicked.\n    const buttonTarget = (e as SubmitEvent).submitter as HTMLButtonElement;\n\n    const formValues = getFormValues(form);\n\n    setComment(formValues.comment);\n    setQuoteName(formValues.quoteName);\n\n    const isDraft = buttonTarget?.dataset?.draft === 'true' || false;\n\n    const contextData: RequestNegotiableQuoteInput = {\n      cartId: cartId!,\n      quoteName: formValues.quoteName,\n      comment: formValues.comment,\n      isDraft,\n    }\n\n    let submitHandler;\n    let successMessage;\n\n    if (isDraft) {\n      submitHandler = onSaveNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.draftSuccess;\n    } else {\n      submitHandler = onRequestNegotiableQuote ?? requestNegotiableQuote;\n      successMessage = dictionary.submitSuccess;\n    }\n\n    submitHandler(contextData).then(() => {\n      setSuccess(successMessage);\n    })\n      .catch(error => {\n        setError(error.message);\n      })\n  };\n\n  const titleNode = (\n    <Slot name=\"Title\" slot={slots?.Title} context={{ text: dictionary.title }}>\n      <span data-testid=\"form-title\">{dictionary.title}</span>\n    </Slot>\n  );\n\n  const commentFieldNode = (\n    <Slot\n      name=\"CommentField\"\n      slot={slots?.CommentField}\n      context={{\n        value: comment,\n        required: true,\n        errorMessage: formErrors.comment,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <TextArea\n        name=\"comment\"\n        value={comment}\n        label={dictionary.comment}\n        required\n        autoComplete=\"off\"\n        data-testid=\"form-comment-field\"\n        errorMessage={formErrors.comment}\n        disabled={isFormDisabled}\n      />\n    </Slot>\n  );\n\n  const quoteNameFieldNode = (\n    <Slot\n      name=\"QuoteNameField\"\n      slot={slots?.QuoteNameField}\n      context={{\n        value: quoteName,\n        required: true,\n        errorMessage: formErrors.quoteName,\n        setFormErrors,\n        isFormDisabled\n      } as any}\n    >\n      <Field\n        error={formErrors.quoteName}\n        disabled={isFormDisabled}\n      >\n        <Input\n          value={quoteName}\n          name=\"quoteName\"\n          floatingLabel={dictionary.quoteName}\n          required\n          autoComplete=\"off\"\n          data-testid=\"form-quote-name-field\"\n        />\n      </Field>\n    </Slot>\n  );\n\n  const attachFileNode = (\n    <Slot\n      name=\"AttachFileField\"\n      slot={slots?.AttachFileField}\n      context={{ onChange: handleAttachFiles, formErrors, isFormDisabled }}\n    >\n      <InputFile\n        onChange={(e: any) => {\n          const files = Array.from(((e.target as HTMLInputElement).files!));\n\n          if (files.length > 0) {\n            handleAttachFiles(files)\n          }\n        }}\n        icon={<Add />}\n        disabled={isFormDisabled}\n        data-testid=\"form-attach-file-field\"\n      />\n    </Slot>\n  );\n\n  const requestButtonNode = (\n    <Slot\n      name=\"RequestButton\"\n      slot={slots?.RequestButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-testid=\"form-request-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.requestCta}\n      </Button>\n    </Slot>\n  );\n\n  const saveButtonNode = (\n    <Slot\n      name=\"SaveDraftButton\"\n      slot={slots?.SaveDraftButton}\n      context={\n        {\n          requestNegotiableQuote,\n          formErrors,\n          isFormDisabled,\n          setIsFormDisabled\n        }\n      }\n    >\n      <Button\n        type=\"submit\"\n        data-draft=\"true\"\n        variant=\"secondary\"\n        data-testid=\"form-save-draft-button\"\n        onClick={validateParentForm}\n        disabled={isFormDisabled}\n      >\n        {dictionary.saveDraftCta}\n      </Button>\n    </Slot>\n  );\n\n  return (\n    <RequestNegotiableQuoteFormComponent\n      title={titleNode}\n      banner={getBannerNode()}\n      commentField={commentFieldNode}\n      quoteNameField={quoteNameFieldNode}\n      attachFile={attachFileNode}\n      requestButton={requestButtonNode}\n      saveButton={saveButtonNode}\n      onSubmit={formSubmitHandler}\n      className={className}\n      disabled={isFormDisabled}\n      data-testid=\"form-container\"\n    />\n  );\n};"],"names":["SvgAdd","props","React","SvgCheckWithCircle","RequestNegotiableQuoteForm","className","title","banner","commentField","quoteNameField","attachFile","requestButton","saveButton","onSubmit","jsxs","classes","jsx","VComponent","cartId","slots","onRequestNegotiableQuote","onSaveNegotiableQuote","onAttachFiles","onSubmitErrors","onError","comment","setComment","useState","quoteName","setQuoteName","setAttachments","error","setError","formErrors","setFormErrors","success","setSuccess","isFormDisabled","setIsFormDisabled","dictionary","useText","useEffect","permissionsEvent","events","permissions","authenticatedEvent","authenticated","handleAttachFiles","useCallback","files","prev","_a","getBannerNode","inlineAlertProps","slotProps","CheckWithCircle","WarningFilled","Slot","InLineAlert","validateParentForm","e","closestForm","getFormErrors","formSubmitHandler","form","mergedFormErrors","buttonTarget","formValues","getFormValues","isDraft","contextData","submitHandler","successMessage","requestNegotiableQuote","titleNode","commentFieldNode","TextArea","quoteNameFieldNode","Field","Input","attachFileNode","InputFile","Add","requestButtonNode","Button","saveButtonNode","RequestNegotiableQuoteFormComponent"],"mappings":"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","x_google_ignoreList":[0,1]}

package/containers/index.d.ts

@@ -1,2 +1,4 @@
 export * from './RequestNegotiableQuoteForm';
+export * from './ManageNegotiableQuote';
+export * from './ItemsQuoted';
 //# sourceMappingURL=index.d.ts.map

package/data/models/__fixtures__/negotiableQuoteModel.d.ts

@@ -0,0 +1,4 @@
+import { NegotiableQuoteModel } from '../negotiable-quote-model';
+
+export declare const base: NegotiableQuoteModel;
+//# sourceMappingURL=negotiableQuoteModel.d.ts.map

package/data/models/customer-model.d.ts

@@ -13,5 +13,6 @@ export interface CustomerPermissions {
     canRequestQuote: boolean;
     canEditQuote: boolean;
     canDeleteQuote: boolean;
+    canCheckoutQuote: boolean;
 }
 //# sourceMappingURL=customer-model.d.ts.map

package/data/models/negotiable-quote-model.d.ts

@@ -1,7 +1,10 @@
 export interface NegotiableQuoteModel {
     uid: string;
+    name: string;
     createdAt: string;
-    status: string;
+    status: "SUBMITTED" | "PENDING" | "UPDATED" | "OPEN" | "ORDERED" | "CLOSED" | "DECLINED" | "EXPIRED" | "DRAFT";
+    salesRepName: string;
+    expirationDate: string;
     buyer: {
         firstname: string;
         lastname: string;
@@ -19,29 +22,36 @@ export interface NegotiableQuoteModel {
             uid: string;
             sku: string;
             name: string;
-            priceRange: {
-                maximumPrice: {
-                    regularPrice: {
-                        value: number;
-                    };
-                };
-            };
         };
+        catalogDiscount: {
+            amountOff: number;
+            percentOff: number;
+        };
+        discounts: {
+            label: string;
+            value: string;
+            amount: Currency;
+        }[];
+        stockStatus: string;
         quantity: number;
         prices: {
-            subtotalExcludingTax: {
-                value: number;
-            };
-            subtotalIncludingTax: {
-                value: number;
-            };
-            subtotalWithDiscountExcludingTax: {
-                value: number;
-            };
-            grandTotal: {
-                value: number;
-            };
+            originalItemPrice: Currency;
+            rowTotal: Currency;
         };
     }[];
+    prices: {
+        grandTotal: Currency;
+        subtotalExcludingTax: Currency;
+        appliedTaxes: {
+            amount: Currency;
+            label: string;
+        }[];
+    };
+    canCheckout: boolean;
+    canSendForReview: boolean;
+}
+export interface Currency {
+    value: number;
+    currency: string;
 }
 //# sourceMappingURL=negotiable-quote-model.d.ts.map