@dropins/storefront-quote-management 0.0.1-alpha28 → 0.0.1-alpha29

package/chunks/ItemsQuoted.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as a,jsxs as U,Fragment as ce}from"@dropins/tools/preact-jsx-runtime.js";import{useState as c,useEffect as q,useCallback as le}from"@dropins/tools/preact-compat.js";import{Slot as Y}from"@dropins/tools/lib.js";import{events as E}from"@dropins/tools/event-bus.js";import{Modal as ue,Button as $,Price as G,InLineAlert as B}from"@dropins/tools/components.js";/* empty css                             */import{I as J,Q as me,P as de}from"./QuotePricesSummary.js";import{useText as Z}from"@dropins/tools/i18n.js";/* empty css                *//* empty css                          *//* empty css                  */import{u as ge,r as pe}from"./removeNegotiableQuoteItems.js";import{S as K,a as V}from"./WarningFilled.js";const X=({open:x=!1,title:g,message:r,cancelLabel:I,confirmLabel:p,onCancel:n,onConfirm:l,onClose:S,showCloseButton:o,confirmationBanner:f,...N})=>{const M=Z({cancel:"ConfirmationModal.cancel",confirm:"ConfirmationModal.confirm"});if(!x)return null;const{className:C,...y}=N;return a(ue,{...y,size:"medium",onClose:S||n,clickToDismiss:!0,escapeToDismiss:!0,showCloseButton:o,"data-testid":"confirmation-modal",className:C,children:U("div",{className:"confirmation-modal__content",children:[f&&a("div",{className:"confirmation-modal__banner","data-testid":"confirmation-modal-banner",children:f}),g&&a("div",{className:"confirmation-modal__title","data-testid":"confirmation-modal-title",children:g}),r&&a("div",{className:"confirmation-modal__message","data-testid":"confirmation-modal-message",children:r}),U("div",{className:"confirmation-modal__actions","data-testid":"confirmation-modal-actions",children:[n&&a($,{variant:"secondary",onClick:n,"data-testid":"confirmation-modal-cancel",children:I??M.cancel}),a($,{variant:"primary",onClick:l,"data-testid":"confirmation-modal-confirm",children:p??M.confirm})]})]})})},fe=3e3,Ce=({quoteData:x,onItemCheckboxChange:g,onItemDropdownChange:r,onUpdate:I,onRemoveItemsRef:p,onRemoveModalStateChange:n,slots:l,...S})=>{const[o,f]=c(x),[N,M]=c({}),[C,y]=c(!1),[T,u]=c({type:null,message:""}),[w,O]=c(!1),[b,P]=c([]),[R,_]=c(!1),[h,d]=c({type:null,message:""}),[L,Q]=c({}),s=Z({subtotal:"NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuote.Manage.quotePricesSummary.appliedTaxes",modalTitle:"NegotiableQuote.Manage.updateQuantitiesModal.title",modalDescription:"NegotiableQuote.Manage.updateQuantitiesModal.description",modalCancelButton:"NegotiableQuote.Manage.updateQuantitiesModal.cancelButton",modalUpdateButton:"NegotiableQuote.Manage.updateQuantitiesModal.updateButton",successHeading:"NegotiableQuote.Manage.updateQuantitiesModal.successHeading",successMessage:"NegotiableQuote.Manage.updateQuantitiesModal.successMessage",errorHeading:"NegotiableQuote.Manage.updateQuantitiesModal.errorHeading",errorMessage:"NegotiableQuote.Manage.updateQuantitiesModal.errorMessage",removeModalTitle:"NegotiableQuote.Manage.removeItemsModal.title",removeModalDescription:"NegotiableQuote.Manage.removeItemsModal.description",removeModalCancelButton:"NegotiableQuote.Manage.removeItemsModal.cancelButton",removeModalConfirmButton:"NegotiableQuote.Manage.removeItemsModal.confirmButton",removeModalConfirmButtonRemoving:"NegotiableQuote.Manage.removeItemsModal.confirmButtonRemoving",removeSuccessHeading:"NegotiableQuote.Manage.removeItemsModal.successHeading",removeSuccessMessage:"NegotiableQuote.Manage.removeItemsModal.successMessage",removeErrorHeading:"NegotiableQuote.Manage.removeItemsModal.errorHeading",removeErrorMessage:"NegotiableQuote.Manage.removeItemsModal.errorMessage"});q(()=>{const e=E.on("quote-management/quote-data",t=>{f(t.quote),M({}),u({type:null,message:""}),Q({})},{eager:!0});return()=>e==null?void 0:e.off()},[]),q(()=>{const e=E.on("quote-management/quantities-updated",t=>{f(t.quote),M({}),u({type:"success",message:s.successMessage}),setTimeout(()=>{y(!1),u({type:null,message:""})},3e3)});return()=>e==null?void 0:e.off()},[s.successMessage]),q(()=>{const e=E.on("quote-management/quote-items-removed",t=>{f(t.quote),P([]),_(!1),d({type:"success",message:s.removeSuccessMessage}),setTimeout(()=>{O(!1),d({type:null,message:""}),n==null||n(!1)},fe)});return()=>e==null?void 0:e.off()},[s.removeSuccessMessage,n]);const D=le(e=>{!e||e.length===0||(P(e),d({type:null,message:""}),O(!0))},[]);q(()=>{p==null||p(D)},[D,p]);const k=()=>{d({type:null,message:""})},j=(e,t)=>{const i=e;if(t==="remove"){Q(m=>({...m,[i.uid]:t})),D([i]),r==null||r(i,t);return}r==null||r(i,t),Q(m=>{if(!(i.uid in m))return m;const v={...m};return delete v[i.uid],v})},ee=async()=>{if(!o||b.length===0)return;const e=b.map(t=>t.uid);_(!0),d({type:null,message:""});try{await pe({quoteUid:o.uid,quoteItemUids:e})}catch(t){const i=t instanceof Error?t.message:s.removeErrorMessage;if(d({type:"error",message:i}),b.length===1){const m=b[0];Q(v=>{if(!(m.uid in v))return v;const z={...v};return delete z[m.uid],z})}_(!1)}},te=()=>{if(O(!1),d({type:null,message:""}),n==null||n(!1),b.length===1){const e=b[0];Q(t=>{if(!(e.uid in t))return t;const i={...t};return delete i[e.uid],i})}P([])};if(!o)return a(J,{loading:!0});const A=!!o.canUpdateQuote,F=(e,t)=>{M(i=>({...i,[e.uid]:t}))},ae=e=>{e.preventDefault(),u({type:null,message:""}),y(!0)},se=async()=>{if(!o)return;if(Object.keys(N).length===0){y(!1);return}u({type:null,message:""});const e=Object.entries(N).map(([t,i])=>({quoteItemUid:t,quantity:i}));try{await ge({quoteUid:o.uid,items:e})}catch(t){const i=t instanceof Error?t.message:s.errorMessage;u({type:"error",message:i}),console.error("Failed to update quantities:",t)}},oe=()=>{y(!1),u({type:null,message:""})},W=()=>{u({type:null,message:""})},H=[];o.prices.subtotalExcludingTax&&H.push({label:s.subtotal,id:"subtotal",value:a(G,{amount:o.prices.subtotalExcludingTax.value,currency:o.prices.subtotalExcludingTax.currency,weight:"normal"})}),o.prices.grandTotal&&H.push({label:s.grandTotal,id:"total",value:a(G,{amount:o.prices.grandTotal.value,currency:o.prices.grandTotal.currency}),strong:!0});const ie=T.type==="success"?a(B,{type:"success",variant:"primary",icon:a(K,{}),heading:s.successHeading,description:T.message,onDismiss:W,"data-testid":"update-quantities-success-banner"}):T.type==="error"?a(B,{type:"error",variant:"primary",icon:a(V,{}),heading:s.errorHeading,description:T.message,onDismiss:W,"data-testid":"update-quantities-error-banner"}):null,ne=g?(e,t)=>{g(e,t)}:void 0,re=h.type==="success"?a(B,{type:"success",variant:"primary",icon:a(K,{}),heading:s.removeSuccessHeading,description:h.message,onDismiss:k,"data-testid":"remove-items-success-banner"}):h.type==="error"?a(B,{type:"error",variant:"primary",icon:a(V,{}),heading:s.removeErrorHeading,description:h.message,onDismiss:k,"data-testid":"remove-items-error-banner"}):null;return U(ce,{children:[a(J,{"data-testid":"items-quoted-container",...S,loading:!1,table:a(Y,{name:"ProductListTable",slot:l==null?void 0:l.ProductListTable,context:{items:o.items,canEdit:A,readOnly:o.readOnly,onItemCheckboxChange:g,onItemDropdownChange:j,onQuantityChange:F,onUpdate:I,dropdownSelections:L},children:a(de,{items:o.items,canEdit:A,onItemCheckboxChange:ne,readOnly:o.readOnly,onItemDropdownChange:j,onQuantityChange:F,onUpdate:ae,dropdownSelections:L})}),pricesSummary:a(Y,{name:"QuotePricesSummary",slot:l==null?void 0:l.QuotePricesSummary,context:{items:o.items,prices:o.prices},children:a(me,{entries:H})})}),a(X,{open:C,title:s.modalTitle,message:s.modalDescription,cancelLabel:s.modalCancelButton,confirmLabel:s.modalUpdateButton,onCancel:oe,onConfirm:se,confirmationBanner:ie,"data-testid":"update-quantities-modal"}),a(X,{open:w,title:s.removeModalTitle,message:s.removeModalDescription,cancelLabel:s.removeModalCancelButton,confirmLabel:R?s.removeModalConfirmButtonRemoving:s.removeModalConfirmButton,onCancel:te,onConfirm:ee,confirmationBanner:re,"data-testid":"remove-items-modal"})]})};export{X as C,Ce as I};
+import{jsx as t,jsxs as v,Fragment as ue}from"@dropins/tools/preact-jsx-runtime.js";import{useState as u,useEffect as S,useCallback as P}from"@dropins/tools/preact-compat.js";import{classes as ve,Slot as ne}from"@dropins/tools/lib.js";import{events as G}from"@dropins/tools/event-bus.js";import{Price as w,Input as Qe,Modal as he,Table as Ie,TextArea as _e,Button as oe,InLineAlert as E}from"@dropins/tools/components.js";/* empty css                 */import{I as ie,Q as Le,P as Te}from"./QuotePricesSummary.js";import{C as se}from"./ConfirmationModal.js";/* empty css                *//* empty css                          *//* empty css                  */import{useText as ce}from"@dropins/tools/i18n.js";import"./state.js";import{u as re,s as Be,r as ke}from"./setLineItemNote.js";import{S as le,a as J}from"./WarningFilled.js";const xe=({className:F,open:N,item:i,onClose:M,onConfirm:p,isSubmitting:d=!1,errorBanner:U,successBanner:n,showCloseButton:B=!0})=>{const[Q,h]=u(""),[c,_]=u(i.quantity),[b,y]=u({}),r=ce({title:"NegotiableQuote.Manage.lineItemNote.title",productLabel:"NegotiableQuote.Manage.lineItemNote.productLabel",skuLabel:"NegotiableQuote.Manage.lineItemNote.skuLabel",priceLabel:"NegotiableQuote.Manage.lineItemNote.priceLabel",stockLabel:"NegotiableQuote.Manage.lineItemNote.stockLabel",quantityLabel:"NegotiableQuote.Manage.lineItemNote.quantityLabel",discountLabel:"NegotiableQuote.Manage.lineItemNote.discountLabel",subtotalLabel:"NegotiableQuote.Manage.lineItemNote.subtotalLabel",noteLabel:"NegotiableQuote.Manage.lineItemNote.noteLabel",notePlaceholder:"NegotiableQuote.Manage.lineItemNote.notePlaceholder",noteHelper:"NegotiableQuote.Manage.lineItemNote.noteHelper",confirmButton:"NegotiableQuote.Manage.lineItemNote.confirmButton",cancelButton:"NegotiableQuote.Manage.lineItemNote.cancelButton",noteError:"NegotiableQuote.Manage.lineItemNote.noteError",quantityError:"NegotiableQuote.Manage.lineItemNote.quantityError"});S(()=>{var l;if(N){const g=((l=i.noteFromBuyer)==null?void 0:l.filter(H=>H&&H.note))||[],x=g.length>0?g[0].note:"";h(x||""),_(i.quantity),y({})}},[N,i.quantity,i.noteFromBuyer]);const C=P(()=>{const l={};if(Q.trim()||(l.note=r.noteError),c<=0&&(l.quantity=r.quantityError),Object.keys(l).length>0){y(l);return}p(Q.trim(),c)},[Q,c,p,r]),k=P(()=>{h(""),_(i.quantity),y({}),M==null||M()},[M,i.quantity]);if(!N)return null;const L=i.discounts&&i.discounts.length>0?i.discounts.map(l=>l.label).join(", "):"-",f=[{label:r.productLabel,key:"productName"},{label:r.priceLabel,key:"price"},{label:r.stockLabel,key:"stock"},{label:r.quantityLabel,key:"quantity"},{label:r.discountLabel,key:"discount"},{label:r.subtotalLabel,key:"subtotal"}],j=[{productName:v("div",{className:"quote-management-line-item-note-modal__product-info",children:[t("div",{className:"quote-management-line-item-note-modal__product-name",children:i.product.name}),v("div",{className:"quote-management-line-item-note-modal__product-sku",children:[r.skuLabel,": ",i.product.sku]})]}),price:t(w,{amount:i.prices.originalItemPrice.value,currency:i.prices.originalItemPrice.currency}),stock:t("span",{className:"quote-management-line-item-note-modal__stock",children:i.stockStatus}),quantity:t(Qe,{name:"quantity",type:"number",min:"1",value:c.toString(),onInput:l=>{const g=parseInt(l.target.value,10)||0;_(g),y({...b,quantity:void 0})},disabled:d,error:!!b.quantity,required:!0,"data-testid":"line-item-note-quantity-input",className:"quote-management-line-item-note-modal__quantity-input"}),discount:t("span",{className:"quote-management-line-item-note-modal__discount",children:L}),subtotal:t(w,{amount:i.prices.rowTotal.value,currency:i.prices.rowTotal.currency})}];return v(he,{open:N,size:"medium",title:t(ue,{children:r.title}),onClose:k,clickToDismiss:!0,escapeToDismiss:!0,showCloseButton:B,className:ve(["quote-management-line-item-note-modal",F]),"data-testid":"line-item-note-modal",children:[U&&t("div",{className:"quote-management-line-item-note-modal__error-banner","data-testid":"line-item-note-modal-error-banner",children:U}),n&&t("div",{className:"quote-management-line-item-note-modal__success-banner","data-testid":"line-item-note-modal-success-banner",children:n}),v("div",{className:"quote-management-line-item-note-modal__content",children:[v("div",{className:"quote-management-line-item-note-modal__details",children:[t(Ie,{columns:f,rowData:j,"data-testid":"line-item-note-table",mobileLayout:"stacked",className:"quote-management-line-item-note-modal__details-table"}),b.quantity&&t("div",{className:"quote-management-line-item-note-modal__table-error",children:b.quantity})]}),v("div",{className:"quote-management-line-item-note-modal__form-field",children:[t(_e,{name:"note",placeholder:r.notePlaceholder,rows:4,value:Q,onInput:l=>{h(l.target.value),y({...b,note:void 0})},label:r.noteLabel,disabled:d,"data-testid":"line-item-note-textarea"}),!b.note&&t("span",{className:"quote-management-line-item-note-modal__helper-text",children:r.noteHelper}),b.note&&t("span",{className:"quote-management-line-item-note-modal__error-text",children:b.note})]})]}),v("div",{className:"quote-management-line-item-note-modal__actions",children:[t(oe,{variant:"secondary",size:"medium",onClick:k,disabled:d,className:"quote-management-line-item-note-modal__cancel-button","data-testid":"line-item-note-cancel-button",children:r.cancelButton}),t(oe,{variant:"primary",size:"medium",onClick:C,disabled:d,className:"quote-management-line-item-note-modal__confirm-button","data-testid":"line-item-note-confirm-button",children:r.confirmButton})]})]})},Ee=3e3,Ge=({quoteData:F,onItemCheckboxChange:N,onItemDropdownChange:i,onRemoveItemsRef:M,onRemoveModalStateChange:p,slots:d,...U})=>{const[n,B]=u(F),[Q,h]=u({}),[c,_]=u(null),[b,y]=u(!1),[r,C]=u(!1),[k,D]=u(""),[L,f]=u({type:null,message:""}),[j,l]=u(!1),[g,x]=u([]),[H,A]=u(!1),[O,I]=u({type:null,message:""}),[K,q]=u({}),[me,z]=u(!1),s=ce({subtotal:"NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuote.Manage.quotePricesSummary.appliedTaxes",modalTitle:"NegotiableQuote.Manage.updateQuantitiesModal.title",modalDescription:"NegotiableQuote.Manage.updateQuantitiesModal.description",modalCancelButton:"NegotiableQuote.Manage.updateQuantitiesModal.cancelButton",modalUpdateButton:"NegotiableQuote.Manage.updateQuantitiesModal.updateButton",successHeading:"NegotiableQuote.Manage.updateQuantitiesModal.successHeading",successMessage:"NegotiableQuote.Manage.updateQuantitiesModal.successMessage",errorHeading:"NegotiableQuote.Manage.updateQuantitiesModal.errorHeading",errorMessage:"NegotiableQuote.Manage.updateQuantitiesModal.errorMessage",removeModalTitle:"NegotiableQuote.Manage.removeItemsModal.title",removeModalDescription:"NegotiableQuote.Manage.removeItemsModal.description",removeModalCancelButton:"NegotiableQuote.Manage.removeItemsModal.cancelButton",removeModalConfirmButton:"NegotiableQuote.Manage.removeItemsModal.confirmButton",removeModalConfirmButtonRemoving:"NegotiableQuote.Manage.removeItemsModal.confirmButtonRemoving",removeSuccessHeading:"NegotiableQuote.Manage.removeItemsModal.successHeading",removeSuccessMessage:"NegotiableQuote.Manage.removeItemsModal.successMessage",removeErrorHeading:"NegotiableQuote.Manage.removeItemsModal.errorHeading",removeErrorMessage:"NegotiableQuote.Manage.removeItemsModal.errorMessage"});S(()=>{const a=G.on("quote-management/quote-data",e=>{B(e.quote),h({}),f({type:null,message:""}),q({})},{eager:!0});return()=>a==null?void 0:a.off()},[]),S(()=>{const a=G.on("quote-management/quantities-updated",e=>{B(e.quote),h({}),f({type:"success",message:s.successMessage}),setTimeout(()=>{y(!1),f({type:null,message:""})},3e3)});return()=>a==null?void 0:a.off()},[s.successMessage]),S(()=>{const a=G.on("quote-management/quote-items-removed",e=>{B(e.quote),x([]),A(!1),I({type:"success",message:s.removeSuccessMessage}),setTimeout(()=>{l(!1),I({type:null,message:""}),p==null||p(!1)},Ee)});return()=>a==null?void 0:a.off()},[s.removeSuccessMessage,p]);const W=P(a=>{!a||a.length===0||(x(a),I({type:null,message:""}),l(!0))},[]);S(()=>{M==null||M(W)},[W,M]);const V=()=>{I({type:null,message:""})},X=(a,e)=>{const o=a;if(e==="edit"){_(o),C(!0),q(m=>({...m,[o.uid]:""}));return}if(e==="remove"){q(m=>({...m,[o.uid]:e})),W([o]),i==null||i(o,e),q(m=>({...m,[o.uid]:""}));return}e&&(i==null||i(o,e)),q(m=>{if(!(o.uid in m))return m;const T={...m};return delete T[o.uid],T})},de=async()=>{if(!n||g.length===0)return;const a=g.map(e=>e.uid);A(!0),I({type:null,message:""});try{await ke({quoteUid:n.uid,quoteItemUids:a})}catch(e){const o=e instanceof Error?e.message:s.removeErrorMessage;if(I({type:"error",message:o}),g.length===1){const m=g[0];q(T=>{if(!(m.uid in T))return T;const ae={...T};return delete ae[m.uid],ae})}A(!1)}},ge=()=>{if(l(!1),I({type:null,message:""}),p==null||p(!1),g.length===1){const a=g[0];q(e=>{if(!(a.uid in e))return e;const o={...e};return delete o[a.uid],o})}x([])},Y=P(()=>{c&&q(a=>{const e={...a};return delete e[c.uid],e}),C(!1),_(null),z(!1),D("")},[c]),pe=P(async(a,e)=>{if(!(!c||!n)){z(!0);try{e!==c.quantity&&await re({quoteUid:n.uid,items:[{quoteItemUid:c.uid,quantity:e}]}),await Be({quoteUid:n.uid,itemUid:c.uid,note:a,quantity:e}),Y()}catch(o){console.error("Failed to set line item note:",o);const m=o instanceof Error?o.message:"Unable to update the item. Please try again.";D(m),z(!1)}}},[c,n,Y]);if(!n)return t(ie,{loading:!0});const Z=!!n.canUpdateQuote,R=(a,e)=>{h(o=>({...o,[a.uid]:e}))},ee=a=>{a.preventDefault(),f({type:null,message:""}),y(!0)},be=async()=>{if(!n)return;if(Object.keys(Q).length===0){y(!1);return}f({type:null,message:""});const a=Object.entries(Q).map(([e,o])=>({quoteItemUid:e,quantity:o}));try{await re({quoteUid:n.uid,items:a})}catch(e){const o=e instanceof Error?e.message:s.errorMessage;f({type:"error",message:o}),console.error("Failed to update quantities:",e)}},ye=()=>{y(!1),f({type:null,message:""})},te=()=>{f({type:null,message:""})},$=[];n.prices.subtotalExcludingTax&&$.push({label:s.subtotal,id:"subtotal",value:t(w,{amount:n.prices.subtotalExcludingTax.value,currency:n.prices.subtotalExcludingTax.currency,weight:"normal"})}),n.prices.grandTotal&&$.push({label:s.grandTotal,id:"total",value:t(w,{amount:n.prices.grandTotal.value,currency:n.prices.grandTotal.currency}),strong:!0});const fe=L.type==="success"?t(E,{type:"success",variant:"primary",icon:t(le,{}),heading:s.successHeading,description:L.message,onDismiss:te,"data-testid":"update-quantities-success-banner"}):L.type==="error"?t(E,{type:"error",variant:"primary",icon:t(J,{}),heading:s.errorHeading,description:L.message,onDismiss:te,"data-testid":"update-quantities-error-banner"}):null,Me=N?(a,e)=>{N(a,e)}:void 0,Ne=O.type==="success"?t(E,{type:"success",variant:"primary",icon:t(le,{}),heading:s.removeSuccessHeading,description:O.message,onDismiss:V,"data-testid":"remove-items-success-banner"}):O.type==="error"?t(E,{type:"error",variant:"primary",icon:t(J,{}),heading:s.removeErrorHeading,description:O.message,onDismiss:V,"data-testid":"remove-items-error-banner"}):null,qe=k?t(E,{type:"error",variant:"primary",icon:t(J,{}),heading:s.errorHeading,description:k,onDismiss:()=>D(""),"data-testid":"line-item-note-error-banner"}):null;return v(ue,{children:[t(ie,{"data-testid":"items-quoted-container",...U,loading:!1,table:t(ne,{name:"ProductListTable",slot:d==null?void 0:d.ProductListTable,context:{items:n.items,canEdit:Z,readOnly:n.readOnly,onItemCheckboxChange:N,onItemDropdownChange:X,onQuantityChange:R,onUpdate:ee,dropdownSelections:K},children:t(Te,{items:n.items,canEdit:Z,onItemCheckboxChange:Me,readOnly:n.readOnly,onItemDropdownChange:X,onQuantityChange:R,onUpdate:ee,dropdownSelections:K})}),pricesSummary:t(ne,{name:"QuotePricesSummary",slot:d==null?void 0:d.QuotePricesSummary,context:{items:n.items,prices:n.prices},children:t(Le,{entries:$})})}),t(se,{open:b,title:s.modalTitle,message:s.modalDescription,cancelLabel:s.modalCancelButton,confirmLabel:s.modalUpdateButton,onCancel:ye,onConfirm:be,confirmationBanner:fe,"data-testid":"update-quantities-modal"}),t(se,{open:j,title:s.removeModalTitle,message:s.removeModalDescription,cancelLabel:s.removeModalCancelButton,confirmLabel:H?s.removeModalConfirmButtonRemoving:s.removeModalConfirmButton,onCancel:ge,onConfirm:de,confirmationBanner:Ne,"data-testid":"remove-items-modal"}),c&&t(xe,{open:r,item:c,onClose:Y,onConfirm:pe,isSubmitting:me,errorBanner:qe||void 0})]})};export{Ge as I};
 //# sourceMappingURL=ItemsQuoted.js.map

package/chunks/ItemsQuoted.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsQuoted.js","sources":["/@dropins/storefront-quote-management/src/components/ConfirmationModal/ConfirmationModal.tsx","/@dropins/storefront-quote-management/src/containers/ItemsQuoted/ItemsQuoted.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { Button, Modal } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/quote-management/components/ConfirmationModal/ConfirmationModal.css';\n\nexport interface ConfirmationModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  open?: boolean;\n  title?: VNode | string;\n  message?: VNode | string;\n  cancelLabel?: VNode | string;\n  confirmLabel?: VNode | string;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  onClose?: () => void;\n  showCloseButton?: boolean;\n  confirmationBanner?: VNode | null;\n}\n\nexport const ConfirmationModal: FunctionComponent<ConfirmationModalProps> = ({\n  open = false,\n  title,\n  message,\n  cancelLabel,\n  confirmLabel,\n  onCancel,\n  onConfirm,\n  onClose,\n  showCloseButton,\n  confirmationBanner,\n  ...props\n}) => {\n  const dictionary = useText({\n    cancel: 'ConfirmationModal.cancel',\n    confirm: 'ConfirmationModal.confirm',\n  });\n\n  if (!open) {\n    return null;\n  }\n\n  const { className, ...restProps } = props;\n\n  return (\n    <Modal\n      {...restProps}\n      size={'medium'}\n      onClose={onClose || onCancel}\n      clickToDismiss={true}\n      escapeToDismiss={true}\n      showCloseButton={showCloseButton}\n      data-testid=\"confirmation-modal\"\n      className={className}\n    >\n      <div className=\"confirmation-modal__content\">\n        {confirmationBanner && (\n          <div\n            className=\"confirmation-modal__banner\"\n            data-testid=\"confirmation-modal-banner\"\n          >\n            {confirmationBanner}\n          </div>\n        )}\n        {title && (\n          <div\n            className=\"confirmation-modal__title\"\n            data-testid=\"confirmation-modal-title\"\n          >\n            {title}\n          </div>\n        )}\n        {message && (\n          <div\n            className=\"confirmation-modal__message\"\n            data-testid=\"confirmation-modal-message\"\n          >\n            {message}\n          </div>\n        )}\n        <div\n          className=\"confirmation-modal__actions\"\n          data-testid=\"confirmation-modal-actions\"\n        >\n          {onCancel && (\n            <Button\n              variant=\"secondary\"\n              onClick={onCancel}\n              data-testid=\"confirmation-modal-cancel\"\n            >\n              {cancelLabel ?? dictionary.cancel}\n            </Button>\n          )}\n          <Button\n            variant=\"primary\"\n            onClick={onConfirm}\n            data-testid=\"confirmation-modal-confirm\"\n          >\n            {confirmLabel ?? dictionary.confirm}\n          </Button>\n        </div>\n      </div>\n    </Modal>\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 {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { NegotiableQuoteModel, NegotiableQuoteCartItem } from '@/quote-management/data/models/negotiable-quote-model';\nimport { ProductListTable, ProductListTableItem, QuotePricesSummary, ItemsQuoted as ItemsQuotedComponent } from '@/quote-management/components';\nimport { CheckWithCircle, WarningFilled } from '@adobe-commerce/elsie/icons';\nimport { ConfirmationModal } from '@/quote-management/components/ConfirmationModal';\nimport { updateQuantities } from '@/quote-management/api/updateQuantities';\nimport { removeNegotiableQuoteItems } from '@/quote-management/api/removeNegotiableQuoteItems';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface ItemsQuotedProps extends HTMLAttributes<HTMLDivElement> {\n  quoteData?: NegotiableQuoteModel;\n  onItemCheckboxChange?: (\n    item: NegotiableQuoteCartItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (\n    item: NegotiableQuoteCartItem,\n    action: string\n  ) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  onRemoveItemsRef?: (\n    handler: (items: NegotiableQuoteCartItem[]) => void\n  ) => void;\n  onRemoveModalStateChange?: (isOpen: boolean) => void;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteModel['items'];\n      canEdit: boolean;\n      readOnly?: boolean;\n      onItemCheckboxChange?: (\n        item: NegotiableQuoteCartItem,\n        isSelected: boolean\n      ) => void;\n      onItemDropdownChange?: (\n        item: NegotiableQuoteCartItem,\n        action: string\n      ) => void;\n      onQuantityChange?: (\n        item: NegotiableQuoteCartItem,\n        newQuantity: number\n      ) => void;\n      onUpdate?: (e: SubmitEvent) => void;\n      dropdownSelections?: Record<string, string>;\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  onRemoveItemsRef,\n  onRemoveModalStateChange,\n  slots,\n  ...props\n}) => {\n  const [quoteData, setQuoteData] = useState<NegotiableQuoteModel | undefined>(\n    initialData\n  );\n  const [quantityChanges, setQuantityChanges] = useState<{\n    [itemUid: string]: number;\n  }>({});\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [notificationState, setNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n  // State for remove items functionality\n  const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false);\n  const [itemsToRemove, setItemsToRemove] = useState<NegotiableQuoteCartItem[]>(\n    []\n  );\n  const [isRemoving, setIsRemoving] = useState(false);\n  const [removeNotificationState, setRemoveNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string>\n  >({});\n\n  const dictionary = useText({\n    subtotal: 'NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal:\n      'NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes: 'NegotiableQuote.Manage.quotePricesSummary.appliedTaxes',\n    modalTitle: 'NegotiableQuote.Manage.updateQuantitiesModal.title',\n    modalDescription:\n      'NegotiableQuote.Manage.updateQuantitiesModal.description',\n    modalCancelButton:\n      'NegotiableQuote.Manage.updateQuantitiesModal.cancelButton',\n    modalUpdateButton:\n      'NegotiableQuote.Manage.updateQuantitiesModal.updateButton',\n    successHeading:\n      'NegotiableQuote.Manage.updateQuantitiesModal.successHeading',\n    successMessage:\n      'NegotiableQuote.Manage.updateQuantitiesModal.successMessage',\n    errorHeading: 'NegotiableQuote.Manage.updateQuantitiesModal.errorHeading',\n    errorMessage: 'NegotiableQuote.Manage.updateQuantitiesModal.errorMessage',\n    removeModalTitle: 'NegotiableQuote.Manage.removeItemsModal.title',\n    removeModalDescription:\n      'NegotiableQuote.Manage.removeItemsModal.description',\n    removeModalCancelButton:\n      'NegotiableQuote.Manage.removeItemsModal.cancelButton',\n    removeModalConfirmButton:\n      'NegotiableQuote.Manage.removeItemsModal.confirmButton',\n    removeModalConfirmButtonRemoving:\n      'NegotiableQuote.Manage.removeItemsModal.confirmButtonRemoving',\n    removeSuccessHeading:\n      'NegotiableQuote.Manage.removeItemsModal.successHeading',\n    removeSuccessMessage:\n      'NegotiableQuote.Manage.removeItemsModal.successMessage',\n    removeErrorHeading: 'NegotiableQuote.Manage.removeItemsModal.errorHeading',\n    removeErrorMessage: 'NegotiableQuote.Manage.removeItemsModal.errorMessage',\n  });\n\n  useEffect(() => {\n    const quoteDataEvent = events.on(\n      'quote-management/quote-data',\n\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setQuantityChanges({});\n        setNotificationState({ type: null, message: '' });\n        setDropdownSelections({});\n      },\n\n      {\n        eager: true,\n      }\n    );\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  useEffect(() => {\n    const quantitiesUpdatedEvent = events.on(\n      'quote-management/quantities-updated',\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setQuantityChanges({});\n        setNotificationState({\n          type: 'success',\n          message: dictionary.successMessage,\n        });\n        // Auto-close success notification after 3 seconds\n        setTimeout(() => {\n          setIsModalOpen(false);\n          setNotificationState({ type: null, message: '' });\n        }, 3000);\n      }\n    );\n    return () => quantitiesUpdatedEvent?.off();\n  }, [dictionary.successMessage]);\n\n  // Listen for quote items removed event\n  useEffect(() => {\n    const itemsRemovedEvent = events.on(\n      'quote-management/quote-items-removed',\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setItemsToRemove([]);\n        setIsRemoving(false);\n        setRemoveNotificationState({\n          type: 'success',\n          message: dictionary.removeSuccessMessage,\n        });\n        // Auto-close success notification after 3 seconds\n        setTimeout(() => {\n          setIsRemoveModalOpen(false);\n          setRemoveNotificationState({ type: null, message: '' });\n          onRemoveModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => itemsRemovedEvent?.off();\n  }, [dictionary.removeSuccessMessage, onRemoveModalStateChange]);\n\n  // Unified handler for removing items (single or multiple)\n  const handleRemoveItems = useCallback((items: NegotiableQuoteCartItem[]) => {\n    if (!items || items.length === 0) {\n      return;\n    }\n    setItemsToRemove(items);\n    setRemoveNotificationState({ type: null, message: '' });\n    setIsRemoveModalOpen(true);\n  }, []);\n\n  // Expose handler to parent component\n  useEffect(() => {\n    onRemoveItemsRef?.(handleRemoveItems);\n  }, [handleRemoveItems, onRemoveItemsRef]);\n\n  const handleDismissRemoveBanner = () => {\n    setRemoveNotificationState({ type: null, message: '' });\n  };\n\n  const handleItemDropdownChange = (\n    item: ProductListTableItem,\n    action: string\n  ) => {\n    const cartItem = item as NegotiableQuoteCartItem;\n    if (action === 'remove') {\n      setDropdownSelections((prev) => ({\n        ...prev,\n        [cartItem.uid]: action,\n      }));\n      handleRemoveItems([cartItem]); // Use unified handler\n      onItemDropdownChange?.(cartItem, action);\n      return;\n    }\n\n    onItemDropdownChange?.(cartItem, action);\n\n    setDropdownSelections((prev) => {\n      if (!(cartItem.uid in prev)) {\n        return prev;\n      }\n      const next = { ...prev };\n      delete next[cartItem.uid];\n      return next;\n    });\n  };\n\n  const handleConfirmRemove = async () => {\n    /* istanbul ignore next */\n    if (!quoteData || itemsToRemove.length === 0) {\n      return;\n    }\n\n    const uidsToRemove = itemsToRemove.map((item) => item.uid);\n\n    setIsRemoving(true);\n    setRemoveNotificationState({ type: null, message: '' });\n\n    try {\n      await removeNegotiableQuoteItems({\n        quoteUid: quoteData.uid,\n        quoteItemUids: uidsToRemove,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        /* istanbul ignore next */\n        err instanceof Error ? err.message : dictionary.removeErrorMessage;\n      setRemoveNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      // Clear dropdown selections for failed items (single item only)\n      /* istanbul ignore next */ // UI-driven state; covered by tests but line sometimes mis-attributed in source maps\n      if (itemsToRemove.length === 1) {\n        const failedItem = itemsToRemove[0];\n        setDropdownSelections((prev) => {\n          if (!(failedItem.uid in prev)) {\n            return prev;\n          }\n          const next = { ...prev };\n          delete next[failedItem.uid];\n          return next;\n        });\n      }\n      setIsRemoving(false);\n    }\n  };\n\n  const handleCancelRemove = () => {\n    setIsRemoveModalOpen(false);\n    setRemoveNotificationState({ type: null, message: '' });\n    onRemoveModalStateChange?.(false);\n    // Clear dropdown selections for single item cancellation\n    /* istanbul ignore next */ // UI-driven state; covered by tests but line sometimes mis-attributed in source maps\n    if (itemsToRemove.length === 1) {\n      const cancelledItem = itemsToRemove[0];\n      setDropdownSelections((prev) => {\n        if (!(cancelledItem.uid in prev)) {\n          return prev;\n        }\n        const next = { ...prev };\n        delete next[cancelledItem.uid];\n        return next;\n      });\n    }\n    setItemsToRemove([]);\n  };\n\n  if (!quoteData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const canEdit = Boolean(quoteData.canUpdateQuote);\n\n  const handleQuantityChange = (\n    item: ProductListTableItem,\n    newQuantity: number\n  ) => {\n    setQuantityChanges((prev) => ({\n      ...prev,\n      [(item as NegotiableQuoteCartItem).uid]: newQuantity,\n    }));\n  };\n\n  const handleUpdate = (e: SubmitEvent) => {\n    e.preventDefault();\n    setNotificationState({ type: null, message: '' });\n    setIsModalOpen(true);\n  };\n\n  const handleConfirmUpdate = async () => {\n    /* istanbul ignore next */\n    if (!quoteData) {\n      return;\n    }\n\n    if (Object.keys(quantityChanges).length === 0) {\n      setIsModalOpen(false);\n      return;\n    }\n\n    // Clear any previous notifications\n    setNotificationState({ type: null, message: '' });\n\n    const items = Object.entries(quantityChanges).map(\n      ([quoteItemUid, quantity]) => ({\n        quoteItemUid,\n        quantity,\n      })\n    );\n\n    try {\n      await updateQuantities({\n        quoteUid: quoteData.uid,\n        items,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        /* istanbul ignore next */\n        err instanceof Error ? err.message : dictionary.errorMessage;\n      setNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      console.error('Failed to update quantities:', err);\n    }\n  };\n\n  const handleCancelUpdate = () => {\n    setIsModalOpen(false);\n    setNotificationState({ type: null, message: '' });\n  };\n\n  const handleDismissBanner = () => {\n    setNotificationState({ type: null, message: '' });\n  };\n\n  const quotePricesSummaryEntries = [];\n\n  quoteData.prices.subtotalExcludingTax &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.subtotal,\n      id: 'subtotal',\n      value: (\n        <Price\n          amount={quoteData.prices.subtotalExcludingTax.value}\n          currency={quoteData.prices.subtotalExcludingTax.currency}\n          weight=\"normal\"\n        />\n      ),\n    });\n\n  quoteData.prices.grandTotal &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.grandTotal,\n      id: 'total',\n      value: (\n        <Price\n          amount={quoteData.prices.grandTotal.value}\n          currency={quoteData.prices.grandTotal.currency}\n        />\n      ),\n      strong: true,\n    });\n\n  // Create confirmation banner based on notification state\n  const confirmationBanner =\n    notificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.successHeading}\n        description={notificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-success-banner\"\n      />\n    ) : notificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.errorHeading}\n        description={notificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-error-banner\"\n      />\n    ) : null;\n\n  // Create wrapper that converts ProductListTableItem back to NegotiableQuoteCartItem\n  const handleItemCheckboxChange = onItemCheckboxChange\n    ? (item: ProductListTableItem, isSelected: boolean) => {\n      onItemCheckboxChange(item as NegotiableQuoteCartItem, isSelected);\n    }\n    : undefined;\n\n  // Create remove confirmation banner based on notification state\n  const removeConfirmationBanner =\n    removeNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.removeSuccessHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-success-banner\"\n      />\n    ) : removeNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.removeErrorHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-error-banner\"\n      />\n    ) : null;\n\n  return (\n    <>\n      <ItemsQuotedComponent\n        data-testid=\"items-quoted-container\"\n        {...props}\n        loading={false}\n        table={\n          <Slot\n            name=\"ProductListTable\"\n            slot={slots?.ProductListTable}\n            context={{\n              items: quoteData.items,\n              canEdit,\n              readOnly: quoteData.readOnly,\n              onItemCheckboxChange,\n              onItemDropdownChange: handleItemDropdownChange,\n              onQuantityChange: handleQuantityChange,\n              onUpdate,\n              dropdownSelections,\n            }}\n          >\n            <ProductListTable\n              items={quoteData.items}\n              canEdit={canEdit}\n              onItemCheckboxChange={handleItemCheckboxChange}\n              readOnly={quoteData.readOnly}\n              onItemDropdownChange={handleItemDropdownChange}\n              onQuantityChange={handleQuantityChange}\n              onUpdate={handleUpdate}\n              dropdownSelections={dropdownSelections}\n            />\n          </Slot>\n        }\n        pricesSummary={\n          <Slot\n            name=\"QuotePricesSummary\"\n            slot={slots?.QuotePricesSummary}\n            context={{\n              items: quoteData.items,\n              prices: quoteData.prices,\n            }}\n          >\n            <QuotePricesSummary entries={quotePricesSummaryEntries} />\n          </Slot>\n        }\n      />\n\n      {/* Update Quantities Modal */}\n      <ConfirmationModal\n        open={isModalOpen}\n        title={dictionary.modalTitle}\n        message={dictionary.modalDescription}\n        cancelLabel={dictionary.modalCancelButton}\n        confirmLabel={dictionary.modalUpdateButton}\n        onCancel={handleCancelUpdate}\n        onConfirm={handleConfirmUpdate}\n        confirmationBanner={confirmationBanner}\n        data-testid=\"update-quantities-modal\"\n      />\n\n      {/* Remove Items Modal */}\n      <ConfirmationModal\n        open={isRemoveModalOpen}\n        title={dictionary.removeModalTitle}\n        message={dictionary.removeModalDescription}\n        cancelLabel={dictionary.removeModalCancelButton}\n        confirmLabel={\n          isRemoving\n            ? dictionary.removeModalConfirmButtonRemoving\n            : dictionary.removeModalConfirmButton\n        }\n        onCancel={handleCancelRemove}\n        onConfirm={handleConfirmRemove}\n        confirmationBanner={removeConfirmationBanner}\n        data-testid=\"remove-items-modal\"\n      />\n    </>\n  );\n};\n"],"names":["ConfirmationModal","open","title","message","cancelLabel","confirmLabel","onCancel","onConfirm","onClose","showCloseButton","confirmationBanner","props","dictionary","useText","className","restProps","jsx","Modal","jsxs","Button","NOTIFICATION_AUTO_DISMISS_DELAY","ItemsQuoted","initialData","onItemCheckboxChange","onItemDropdownChange","onUpdate","onRemoveItemsRef","onRemoveModalStateChange","slots","quoteData","setQuoteData","useState","quantityChanges","setQuantityChanges","isModalOpen","setIsModalOpen","notificationState","setNotificationState","isRemoveModalOpen","setIsRemoveModalOpen","itemsToRemove","setItemsToRemove","isRemoving","setIsRemoving","removeNotificationState","setRemoveNotificationState","dropdownSelections","setDropdownSelections","useEffect","quoteDataEvent","events","data","quantitiesUpdatedEvent","itemsRemovedEvent","handleRemoveItems","useCallback","items","handleDismissRemoveBanner","handleItemDropdownChange","item","action","cartItem","prev","next","handleConfirmRemove","uidsToRemove","removeNegotiableQuoteItems","err","errorMessage","failedItem","handleCancelRemove","cancelledItem","ItemsQuotedComponent","canEdit","handleQuantityChange","newQuantity","handleUpdate","handleConfirmUpdate","quoteItemUid","quantity","updateQuantities","handleCancelUpdate","handleDismissBanner","quotePricesSummaryEntries","Price","InLineAlert","CheckWithCircle","WarningFilled","handleItemCheckboxChange","isSelected","removeConfirmationBanner","Fragment","Slot","ProductListTable","QuotePricesSummary"],"mappings":"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"}
+{"version":3,"file":"ItemsQuoted.js","sources":["/@dropins/storefront-quote-management/src/components/LineItemNoteModal/LineItemNoteModal.tsx","/@dropins/storefront-quote-management/src/containers/ItemsQuoted/ItemsQuoted.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Button,\n  TextArea,\n  Input,\n  Modal,\n  Price,\n  Table,\n} from '@adobe-commerce/elsie/components';\nimport { NegotiableQuoteCartItem } from '@/quote-management/data/models/negotiable-quote-model';\nimport '@/quote-management/components/LineItemNoteModal/LineItemNoteModal.css';\n\nexport interface LineItemNoteModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  open: boolean;\n  item: NegotiableQuoteCartItem;\n  onClose?: () => void;\n  onConfirm: (note: string, quantity: number) => void;\n  isSubmitting?: boolean;\n  errorBanner?: VNode;\n  successBanner?: VNode;\n  showCloseButton?: boolean;\n}\n\nexport const LineItemNoteModal: FunctionComponent<LineItemNoteModalProps> = ({\n  className,\n  open,\n  item,\n  onClose,\n  onConfirm,\n  isSubmitting = false,\n  errorBanner,\n  successBanner,\n  showCloseButton = true,\n}) => {\n  const [note, setNote] = useState('');\n  const [quantity, setQuantity] = useState(item.quantity);\n  const [errors, setErrors] = useState<{ note?: string; quantity?: string }>(\n    {}\n  );\n\n  const dictionary = useText({\n    title: 'NegotiableQuote.Manage.lineItemNote.title',\n    productLabel: 'NegotiableQuote.Manage.lineItemNote.productLabel',\n    skuLabel: 'NegotiableQuote.Manage.lineItemNote.skuLabel',\n    priceLabel: 'NegotiableQuote.Manage.lineItemNote.priceLabel',\n    stockLabel: 'NegotiableQuote.Manage.lineItemNote.stockLabel',\n    quantityLabel: 'NegotiableQuote.Manage.lineItemNote.quantityLabel',\n    discountLabel: 'NegotiableQuote.Manage.lineItemNote.discountLabel',\n    subtotalLabel: 'NegotiableQuote.Manage.lineItemNote.subtotalLabel',\n    noteLabel: 'NegotiableQuote.Manage.lineItemNote.noteLabel',\n    notePlaceholder: 'NegotiableQuote.Manage.lineItemNote.notePlaceholder',\n    noteHelper: 'NegotiableQuote.Manage.lineItemNote.noteHelper',\n    confirmButton: 'NegotiableQuote.Manage.lineItemNote.confirmButton',\n    cancelButton: 'NegotiableQuote.Manage.lineItemNote.cancelButton',\n    noteError: 'NegotiableQuote.Manage.lineItemNote.noteError',\n    quantityError: 'NegotiableQuote.Manage.lineItemNote.quantityError',\n  });\n\n  // Reset form when modal opens with new item\n  useEffect(() => {\n    if (open) {\n      // Get the most recent valid note from buyer (if exists)\n      const validNotes =\n        item.noteFromBuyer?.filter((note) => note && note.note) || [];\n      const existingNote = validNotes.length > 0 ? validNotes[0].note : '';\n      setNote(existingNote || '');\n      setQuantity(item.quantity);\n      setErrors({});\n    }\n  }, [open, item.quantity, item.noteFromBuyer]);\n\n  const handleConfirm = useCallback(() => {\n    const newErrors: { note?: string; quantity?: string } = {};\n\n    // Check if the note field is empty\n    if (!note.trim()) {\n      newErrors.note = dictionary.noteError;\n    }\n\n    if (quantity <= 0) {\n      newErrors.quantity = dictionary.quantityError;\n    }\n\n    if (Object.keys(newErrors).length > 0) {\n      setErrors(newErrors);\n      return;\n    }\n\n    onConfirm(note.trim(), quantity);\n  }, [note, quantity, onConfirm, dictionary]);\n\n  const handleCancel = useCallback(() => {\n    setNote('');\n    setQuantity(item.quantity);\n    setErrors({});\n    onClose?.();\n  }, [onClose, item.quantity]);\n\n  if (!open) {\n    return null;\n  }\n\n  // Calculate discount display\n  const hasDiscount = item.discounts && item.discounts.length > 0;\n  const discountDisplay = hasDiscount\n    ? item.discounts.map((d) => d.label).join(', ')\n    : '-';\n\n  // Define table columns\n  const columns = [\n    {\n      label: dictionary.productLabel,\n      key: 'productName',\n    },\n    {\n      label: dictionary.priceLabel,\n      key: 'price',\n    },\n    {\n      label: dictionary.stockLabel,\n      key: 'stock',\n    },\n    {\n      label: dictionary.quantityLabel,\n      key: 'quantity',\n    },\n    {\n      label: dictionary.discountLabel,\n      key: 'discount',\n    },\n    {\n      label: dictionary.subtotalLabel,\n      key: 'subtotal',\n    },\n  ];\n\n  // Define table row data\n  const rowData = [\n    {\n      productName: (\n        <div className=\"quote-management-line-item-note-modal__product-info\">\n          <div className=\"quote-management-line-item-note-modal__product-name\">\n            {item.product.name}\n          </div>\n          <div className=\"quote-management-line-item-note-modal__product-sku\">\n            {dictionary.skuLabel}: {item.product.sku}\n          </div>\n        </div>\n      ),\n      price: (\n        <Price\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      stock: (\n        <span className=\"quote-management-line-item-note-modal__stock\">\n          {item.stockStatus}\n        </span>\n      ),\n      quantity: (\n        <Input\n          name=\"quantity\"\n          type=\"number\"\n          min=\"1\"\n          value={quantity.toString()}\n          onInput={(e: any) => {\n            const newQuantity = parseInt(e.target.value, 10) || 0;\n            setQuantity(newQuantity);\n            setErrors({ ...errors, quantity: undefined });\n          }}\n          disabled={isSubmitting}\n          error={!!errors.quantity}\n          required\n          data-testid=\"line-item-note-quantity-input\"\n          className=\"quote-management-line-item-note-modal__quantity-input\"\n        />\n      ),\n      discount: (\n        <span className=\"quote-management-line-item-note-modal__discount\">\n          {discountDisplay}\n        </span>\n      ),\n      subtotal: (\n        <Price\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n    },\n  ];\n\n  return (\n    <Modal\n      open={open}\n      size=\"medium\"\n      title={<>{dictionary.title}</>}\n      onClose={handleCancel}\n      clickToDismiss={true}\n      escapeToDismiss={true}\n      showCloseButton={showCloseButton}\n      className={classes(['quote-management-line-item-note-modal', className])}\n      data-testid=\"line-item-note-modal\"\n    >\n      {errorBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__error-banner\"\n          data-testid=\"line-item-note-modal-error-banner\"\n        >\n          {errorBanner}\n        </div>\n      )}\n\n      {successBanner && (\n        <div\n          className=\"quote-management-line-item-note-modal__success-banner\"\n          data-testid=\"line-item-note-modal-success-banner\"\n        >\n          {successBanner}\n        </div>\n      )}\n\n      <div className=\"quote-management-line-item-note-modal__content\">\n        {/* Product Details Table */}\n        <div className=\"quote-management-line-item-note-modal__details\">\n          <Table\n            columns={columns}\n            rowData={rowData}\n            data-testid=\"line-item-note-table\"\n            mobileLayout=\"stacked\"\n            className=\"quote-management-line-item-note-modal__details-table\"\n          />\n          {errors.quantity && (\n            <div className=\"quote-management-line-item-note-modal__table-error\">\n              {errors.quantity}\n            </div>\n          )}\n        </div>\n\n        {/* Note TextArea */}\n        <div className=\"quote-management-line-item-note-modal__form-field\">\n          <TextArea\n            name=\"note\"\n            placeholder={dictionary.notePlaceholder}\n            rows={4}\n            value={note}\n            onInput={(e: any) => {\n              setNote(e.target.value);\n              setErrors({ ...errors, note: undefined });\n            }}\n            label={dictionary.noteLabel}\n            disabled={isSubmitting}\n            data-testid=\"line-item-note-textarea\"\n          />\n          {!errors.note && (\n            <span className=\"quote-management-line-item-note-modal__helper-text\">\n              {dictionary.noteHelper}\n            </span>\n          )}\n          {errors.note && (\n            <span className=\"quote-management-line-item-note-modal__error-text\">\n              {errors.note}\n            </span>\n          )}\n        </div>\n      </div>\n\n      <div className=\"quote-management-line-item-note-modal__actions\">\n        <Button\n          variant=\"secondary\"\n          size=\"medium\"\n          onClick={handleCancel}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__cancel-button\"\n          data-testid=\"line-item-note-cancel-button\"\n        >\n          {dictionary.cancelButton}\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={handleConfirm}\n          disabled={isSubmitting}\n          className=\"quote-management-line-item-note-modal__confirm-button\"\n          data-testid=\"line-item-note-confirm-button\"\n        >\n          {dictionary.confirmButton}\n        </Button>\n      </div>\n    </Modal>\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 {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price, InLineAlert } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  NegotiableQuoteModel,\n  NegotiableQuoteCartItem,\n} from '@/quote-management/data/models/negotiable-quote-model';\nimport {\n  ProductListTable,\n  ProductListTableItem,\n  QuotePricesSummary,\n  ItemsQuoted as ItemsQuotedComponent,\n} from '@/quote-management/components';\nimport { CheckWithCircle, WarningFilled } from '@adobe-commerce/elsie/icons';\nimport { ConfirmationModal } from '@/quote-management/components/ConfirmationModal';\nimport { LineItemNoteModal } from '@/quote-management/components/LineItemNoteModal';\nimport { updateQuantities, setLineItemNote } from '@/quote-management/api';\nimport { removeNegotiableQuoteItems } from '@/quote-management/api/removeNegotiableQuoteItems';\n\nconst NOTIFICATION_AUTO_DISMISS_DELAY = 3000;\n\nexport interface ItemsQuotedProps extends HTMLAttributes<HTMLDivElement> {\n  quoteData?: NegotiableQuoteModel;\n  onItemCheckboxChange?: (\n    item: NegotiableQuoteCartItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (\n    item: NegotiableQuoteCartItem,\n    action: string\n  ) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  onRemoveItemsRef?: (\n    handler: (items: NegotiableQuoteCartItem[]) => void\n  ) => void;\n  onRemoveModalStateChange?: (isOpen: boolean) => void;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteModel['items'];\n      canEdit: boolean;\n      readOnly?: boolean;\n      onItemCheckboxChange?: (\n        item: NegotiableQuoteCartItem,\n        isSelected: boolean\n      ) => void;\n      onItemDropdownChange?: (\n        item: NegotiableQuoteCartItem,\n        action: string\n      ) => void;\n      onQuantityChange?: (\n        item: NegotiableQuoteCartItem,\n        newQuantity: number\n      ) => void;\n      onUpdate?: (e: SubmitEvent) => void;\n      dropdownSelections?: Record<string, string | undefined>;\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  onRemoveItemsRef,\n  onRemoveModalStateChange,\n  slots,\n  ...props\n}) => {\n  const [quoteData, setQuoteData] = useState<NegotiableQuoteModel | undefined>(\n    initialData\n  );\n  const [quantityChanges, setQuantityChanges] = useState<{\n    [itemUid: string]: number;\n  }>({});\n  const [selectedItem, setSelectedItem] =\n    useState<NegotiableQuoteCartItem | null>(null);\n  const [isUpdateQuantitiesModalOpen, setIsUpdateQuantitiesModalOpen] =\n    useState(false);\n  const [isLineItemNoteModalOpen, setIsLineItemNoteModalOpen] = useState(false);\n  const [modalErrorMessage, setModalErrorMessage] = useState('');\n  const [notificationState, setNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n  // State for remove items functionality\n  const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false);\n  const [itemsToRemove, setItemsToRemove] = useState<NegotiableQuoteCartItem[]>(\n    []\n  );\n  const [isRemoving, setIsRemoving] = useState(false);\n  const [removeNotificationState, setRemoveNotificationState] = useState<{\n    type: 'success' | 'error' | null;\n    message: string;\n  }>({ type: null, message: '' });\n  const [dropdownSelections, setDropdownSelections] = useState<\n    Record<string, string>\n  >({});\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const dictionary = useText({\n    subtotal: 'NegotiableQuote.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal:\n      'NegotiableQuote.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes: 'NegotiableQuote.Manage.quotePricesSummary.appliedTaxes',\n    modalTitle: 'NegotiableQuote.Manage.updateQuantitiesModal.title',\n    modalDescription:\n      'NegotiableQuote.Manage.updateQuantitiesModal.description',\n    modalCancelButton:\n      'NegotiableQuote.Manage.updateQuantitiesModal.cancelButton',\n    modalUpdateButton:\n      'NegotiableQuote.Manage.updateQuantitiesModal.updateButton',\n    successHeading:\n      'NegotiableQuote.Manage.updateQuantitiesModal.successHeading',\n    successMessage:\n      'NegotiableQuote.Manage.updateQuantitiesModal.successMessage',\n    errorHeading: 'NegotiableQuote.Manage.updateQuantitiesModal.errorHeading',\n    errorMessage: 'NegotiableQuote.Manage.updateQuantitiesModal.errorMessage',\n    removeModalTitle: 'NegotiableQuote.Manage.removeItemsModal.title',\n    removeModalDescription:\n      'NegotiableQuote.Manage.removeItemsModal.description',\n    removeModalCancelButton:\n      'NegotiableQuote.Manage.removeItemsModal.cancelButton',\n    removeModalConfirmButton:\n      'NegotiableQuote.Manage.removeItemsModal.confirmButton',\n    removeModalConfirmButtonRemoving:\n      'NegotiableQuote.Manage.removeItemsModal.confirmButtonRemoving',\n    removeSuccessHeading:\n      'NegotiableQuote.Manage.removeItemsModal.successHeading',\n    removeSuccessMessage:\n      'NegotiableQuote.Manage.removeItemsModal.successMessage',\n    removeErrorHeading: 'NegotiableQuote.Manage.removeItemsModal.errorHeading',\n    removeErrorMessage: 'NegotiableQuote.Manage.removeItemsModal.errorMessage',\n  });\n\n  useEffect(() => {\n    const quoteDataEvent = events.on(\n      'quote-management/quote-data',\n\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setQuantityChanges({});\n        setNotificationState({ type: null, message: '' });\n        setDropdownSelections({});\n      },\n\n      {\n        eager: true,\n      }\n    );\n    return () => quoteDataEvent?.off();\n  }, []);\n\n  useEffect(() => {\n    const quantitiesUpdatedEvent = events.on(\n      'quote-management/quantities-updated',\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setQuantityChanges({});\n        setNotificationState({\n          type: 'success',\n          message: dictionary.successMessage,\n        });\n        // Auto-close success notification after 3 seconds\n        setTimeout(() => {\n          setIsUpdateQuantitiesModalOpen(false);\n          setNotificationState({ type: null, message: '' });\n        }, 3000);\n      }\n    );\n    return () => quantitiesUpdatedEvent?.off();\n  }, [dictionary.successMessage]);\n\n  // Listen for quote items removed event\n  useEffect(() => {\n    const itemsRemovedEvent = events.on(\n      'quote-management/quote-items-removed',\n      (data: { quote: NegotiableQuoteModel }) => {\n        setQuoteData(data.quote);\n        setItemsToRemove([]);\n        setIsRemoving(false);\n        setRemoveNotificationState({\n          type: 'success',\n          message: dictionary.removeSuccessMessage,\n        });\n        // Auto-close success notification after 3 seconds\n        setTimeout(() => {\n          setIsRemoveModalOpen(false);\n          setRemoveNotificationState({ type: null, message: '' });\n          onRemoveModalStateChange?.(false);\n        }, NOTIFICATION_AUTO_DISMISS_DELAY);\n      }\n    );\n    return () => itemsRemovedEvent?.off();\n  }, [dictionary.removeSuccessMessage, onRemoveModalStateChange]);\n\n  // Unified handler for removing items (single or multiple)\n  const handleRemoveItems = useCallback((items: NegotiableQuoteCartItem[]) => {\n    if (!items || items.length === 0) {\n      return;\n    }\n    setItemsToRemove(items);\n    setRemoveNotificationState({ type: null, message: '' });\n    setIsRemoveModalOpen(true);\n  }, []);\n\n  // Expose handler to parent component\n  useEffect(() => {\n    onRemoveItemsRef?.(handleRemoveItems);\n  }, [handleRemoveItems, onRemoveItemsRef]);\n\n  const handleDismissRemoveBanner = () => {\n    setRemoveNotificationState({ type: null, message: '' });\n  };\n\n  const handleItemDropdownChange = (\n    item: ProductListTableItem,\n    action: string\n  ) => {\n    const cartItem = item as NegotiableQuoteCartItem;\n    // Handle edit action - open line item note modal\n    if (action === 'edit') {\n      setSelectedItem(cartItem);\n      setIsLineItemNoteModalOpen(true);\n      // Reset dropdown immediately\n      setDropdownSelections((prev) => ({ ...prev, [cartItem.uid]: '' }));\n      return;\n    }\n\n    // Handle remove action\n    if (action === 'remove') {\n      setDropdownSelections((prev) => ({\n        ...prev,\n        [cartItem.uid]: action,\n      }));\n      handleRemoveItems([cartItem]); // Use unified handler\n      onItemDropdownChange?.(cartItem, action);\n      // Reset dropdown immediately (consistent with edit action)\n      setDropdownSelections((prev) => ({ ...prev, [cartItem.uid]: '' }));\n      return;\n    }\n\n    // For any other actions, pass through to parent (but ignore empty/placeholder selections)\n    if (action) {\n      onItemDropdownChange?.(cartItem, action);\n    }\n\n    // Clear dropdown selection for non-edit/remove actions\n    /* istanbul ignore next: defensive cleanup - custom actions shouldn't have dropdown state due to proper cleanup in edit/remove handlers */\n    setDropdownSelections((prev) => {\n      if (!(cartItem.uid in prev)) {\n        return prev;\n      }\n      const next = { ...prev };\n      delete next[cartItem.uid];\n      return next;\n    });\n  };\n\n  const handleConfirmRemove = async () => {\n    /* istanbul ignore next */\n    if (!quoteData || itemsToRemove.length === 0) {\n      return;\n    }\n\n    const uidsToRemove = itemsToRemove.map((item) => item.uid);\n\n    setIsRemoving(true);\n    setRemoveNotificationState({ type: null, message: '' });\n\n    try {\n      await removeNegotiableQuoteItems({\n        quoteUid: quoteData.uid,\n        quoteItemUids: uidsToRemove,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        /* istanbul ignore next */\n        err instanceof Error ? err.message : dictionary.removeErrorMessage;\n      setRemoveNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      // Clear dropdown selections for failed items (single item only)\n      /* istanbul ignore next */ // UI-driven state; covered by tests but line sometimes mis-attributed in source maps\n      if (itemsToRemove.length === 1) {\n        const failedItem = itemsToRemove[0];\n        setDropdownSelections((prev) => {\n          if (!(failedItem.uid in prev)) {\n            return prev;\n          }\n          const next = { ...prev };\n          delete next[failedItem.uid];\n          return next;\n        });\n      }\n      setIsRemoving(false);\n    }\n  };\n\n  const handleCancelRemove = () => {\n    setIsRemoveModalOpen(false);\n    setRemoveNotificationState({ type: null, message: '' });\n    onRemoveModalStateChange?.(false);\n    // Clear dropdown selections for single item cancellation\n    /* istanbul ignore next */ // UI-driven state; covered by tests but line sometimes mis-attributed in source maps\n    if (itemsToRemove.length === 1) {\n      const cancelledItem = itemsToRemove[0];\n      setDropdownSelections((prev) => {\n        if (!(cancelledItem.uid in prev)) {\n          return prev;\n        }\n        const next = { ...prev };\n        delete next[cancelledItem.uid];\n        return next;\n      });\n    }\n    setItemsToRemove([]);\n  };\n\n  // Handle modal close\n  const handleModalClose = useCallback(() => {\n    // Clean up dropdown selection for the selected item before clearing it\n    /* istanbul ignore else: defensive check - selectedItem should always be truthy when modal is open */\n    if (selectedItem) {\n      setDropdownSelections((prev) => {\n        const next = { ...prev };\n        delete next[selectedItem.uid];\n        return next;\n      });\n    }\n    setIsLineItemNoteModalOpen(false);\n    setSelectedItem(null);\n    setIsSubmitting(false);\n    setModalErrorMessage('');\n  }, [selectedItem]);\n\n  // Handle modal confirm - submit note and quantity\n  const handleModalConfirm = useCallback(\n    async (note: string, quantity: number) => {\n      /* istanbul ignore next: defensive guard for async race conditions - unreachable in normal flow as modal only renders with selectedItem and quoteData */\n      if (!selectedItem || !quoteData) return;\n\n      setIsSubmitting(true);\n      try {\n        // Check if quantity has changed from the original\n        const quantityChanged = quantity !== selectedItem.quantity;\n\n        // If quantity changed, update it first\n        if (quantityChanged) {\n          await updateQuantities({\n            quoteUid: quoteData.uid,\n            items: [{ quoteItemUid: selectedItem.uid, quantity }],\n          });\n        }\n\n        // Then set the line item note\n        await setLineItemNote({\n          quoteUid: quoteData.uid,\n          itemUid: selectedItem.uid,\n          note,\n          quantity,\n        });\n\n        // Close modal on success\n        handleModalClose();\n      } catch (error) {\n        console.error('Failed to set line item note:', error);\n        // Extract error message from API\n        const errorMessage =\n          /* istanbul ignore next */\n          error instanceof Error\n            ? error.message\n            : 'Unable to update the item. Please try again.';\n        setModalErrorMessage(errorMessage);\n        setIsSubmitting(false);\n      }\n    },\n    [selectedItem, quoteData, handleModalClose]\n  );\n\n  if (!quoteData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const canEdit = Boolean(quoteData.canUpdateQuote);\n\n  const handleQuantityChange = (\n    item: ProductListTableItem,\n    newQuantity: number\n  ) => {\n    setQuantityChanges((prev) => ({\n      ...prev,\n      [(item as NegotiableQuoteCartItem).uid]: newQuantity,\n    }));\n  };\n\n  const handleUpdate = (e: SubmitEvent) => {\n    e.preventDefault();\n    setNotificationState({ type: null, message: '' });\n    setIsUpdateQuantitiesModalOpen(true);\n  };\n\n  const handleConfirmUpdate = async () => {\n    /* istanbul ignore next */\n    if (!quoteData) {\n      return;\n    }\n\n    if (Object.keys(quantityChanges).length === 0) {\n      setIsUpdateQuantitiesModalOpen(false);\n      return;\n    }\n\n    // Clear any previous notifications\n    setNotificationState({ type: null, message: '' });\n\n    const items = Object.entries(quantityChanges).map(\n      ([quoteItemUid, quantity]) => ({\n        quoteItemUid,\n        quantity,\n      })\n    );\n\n    try {\n      await updateQuantities({\n        quoteUid: quoteData.uid,\n        items,\n      });\n      // Success is handled by the event listener\n    } catch (err) {\n      const errorMessage =\n        /* istanbul ignore next */\n        err instanceof Error ? err.message : dictionary.errorMessage;\n      setNotificationState({\n        type: 'error',\n        message: errorMessage,\n      });\n      console.error('Failed to update quantities:', err);\n    }\n  };\n\n  const handleCancelUpdate = () => {\n    setIsUpdateQuantitiesModalOpen(false);\n    setNotificationState({ type: null, message: '' });\n  };\n\n  const handleDismissBanner = () => {\n    setNotificationState({ type: null, message: '' });\n  };\n\n  const quotePricesSummaryEntries = [];\n\n  quoteData.prices.subtotalExcludingTax &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.subtotal,\n      id: 'subtotal',\n      value: (\n        <Price\n          amount={quoteData.prices.subtotalExcludingTax.value}\n          currency={quoteData.prices.subtotalExcludingTax.currency}\n          weight=\"normal\"\n        />\n      ),\n    });\n\n  quoteData.prices.grandTotal &&\n    quotePricesSummaryEntries.push({\n      label: dictionary.grandTotal,\n      id: 'total',\n      value: (\n        <Price\n          amount={quoteData.prices.grandTotal.value}\n          currency={quoteData.prices.grandTotal.currency}\n        />\n      ),\n      strong: true,\n    });\n\n  // Create confirmation banner based on notification state\n  const confirmationBanner =\n    notificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.successHeading}\n        description={notificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-success-banner\"\n      />\n    ) : notificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.errorHeading}\n        description={notificationState.message}\n        onDismiss={handleDismissBanner}\n        data-testid=\"update-quantities-error-banner\"\n      />\n    ) : null;\n\n  // Create wrapper that converts ProductListTableItem back to NegotiableQuoteCartItem\n  const handleItemCheckboxChange = onItemCheckboxChange\n    ? (item: ProductListTableItem, isSelected: boolean) => {\n        onItemCheckboxChange(item as NegotiableQuoteCartItem, isSelected);\n      }\n    : undefined;\n\n  // Create remove confirmation banner based on notification state\n  const removeConfirmationBanner =\n    removeNotificationState.type === 'success' ? (\n      <InLineAlert\n        type=\"success\"\n        variant=\"primary\"\n        icon={<CheckWithCircle />}\n        heading={dictionary.removeSuccessHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-success-banner\"\n      />\n    ) : removeNotificationState.type === 'error' ? (\n      <InLineAlert\n        type=\"error\"\n        variant=\"primary\"\n        icon={<WarningFilled />}\n        heading={dictionary.removeErrorHeading}\n        description={removeNotificationState.message}\n        onDismiss={handleDismissRemoveBanner}\n        data-testid=\"remove-items-error-banner\"\n      />\n    ) : null;\n\n  // Create modal error banner\n  const modalErrorBanner = modalErrorMessage ? (\n    <InLineAlert\n      type=\"error\"\n      variant=\"primary\"\n      icon={<WarningFilled />}\n      heading={dictionary.errorHeading}\n      description={modalErrorMessage}\n      onDismiss={() => setModalErrorMessage('')}\n      data-testid=\"line-item-note-error-banner\"\n    />\n  ) : null;\n\n  return (\n    <>\n      <ItemsQuotedComponent\n        data-testid=\"items-quoted-container\"\n        {...props}\n        loading={false}\n        table={\n          <Slot\n            name=\"ProductListTable\"\n            slot={slots?.ProductListTable}\n            context={{\n              items: quoteData.items,\n              canEdit,\n              readOnly: quoteData.readOnly,\n              onItemCheckboxChange,\n              onItemDropdownChange: handleItemDropdownChange,\n              onQuantityChange: handleQuantityChange,\n              onUpdate: handleUpdate,\n              dropdownSelections,\n            }}\n          >\n            <ProductListTable\n              items={quoteData.items}\n              canEdit={canEdit}\n              onItemCheckboxChange={handleItemCheckboxChange}\n              readOnly={quoteData.readOnly}\n              onItemDropdownChange={handleItemDropdownChange}\n              onQuantityChange={handleQuantityChange}\n              onUpdate={handleUpdate}\n              dropdownSelections={dropdownSelections}\n            />\n          </Slot>\n        }\n        pricesSummary={\n          <Slot\n            name=\"QuotePricesSummary\"\n            slot={slots?.QuotePricesSummary}\n            context={{\n              items: quoteData.items,\n              prices: quoteData.prices,\n            }}\n          >\n            <QuotePricesSummary entries={quotePricesSummaryEntries} />\n          </Slot>\n        }\n      />\n\n      {/* Update Quantities Modal */}\n      <ConfirmationModal\n        open={isUpdateQuantitiesModalOpen}\n        title={dictionary.modalTitle}\n        message={dictionary.modalDescription}\n        cancelLabel={dictionary.modalCancelButton}\n        confirmLabel={dictionary.modalUpdateButton}\n        onCancel={handleCancelUpdate}\n        onConfirm={handleConfirmUpdate}\n        confirmationBanner={confirmationBanner}\n        data-testid=\"update-quantities-modal\"\n      />\n\n      {/* Remove Items Modal */}\n      <ConfirmationModal\n        open={isRemoveModalOpen}\n        title={dictionary.removeModalTitle}\n        message={dictionary.removeModalDescription}\n        cancelLabel={dictionary.removeModalCancelButton}\n        confirmLabel={\n          isRemoving\n            ? dictionary.removeModalConfirmButtonRemoving\n            : dictionary.removeModalConfirmButton\n        }\n        onCancel={handleCancelRemove}\n        onConfirm={handleConfirmRemove}\n        confirmationBanner={removeConfirmationBanner}\n        data-testid=\"remove-items-modal\"\n      />\n      {/* Line Item Note Modal */}\n      {selectedItem && (\n        <LineItemNoteModal\n          open={isLineItemNoteModalOpen}\n          item={selectedItem}\n          onClose={handleModalClose}\n          onConfirm={handleModalConfirm}\n          isSubmitting={isSubmitting}\n          errorBanner={modalErrorBanner || undefined}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["LineItemNoteModal","className","open","item","onClose","onConfirm","isSubmitting","errorBanner","successBanner","showCloseButton","note","setNote","useState","quantity","setQuantity","errors","setErrors","dictionary","useText","useEffect","validNotes","_a","existingNote","handleConfirm","useCallback","newErrors","handleCancel","discountDisplay","d","columns","rowData","jsxs","jsx","Price","Input","e","newQuantity","Modal","Fragment","classes","Table","TextArea","Button","NOTIFICATION_AUTO_DISMISS_DELAY","ItemsQuoted","initialData","onItemCheckboxChange","onItemDropdownChange","onRemoveItemsRef","onRemoveModalStateChange","slots","props","quoteData","setQuoteData","quantityChanges","setQuantityChanges","selectedItem","setSelectedItem","isUpdateQuantitiesModalOpen","setIsUpdateQuantitiesModalOpen","isLineItemNoteModalOpen","setIsLineItemNoteModalOpen","modalErrorMessage","setModalErrorMessage","notificationState","setNotificationState","isRemoveModalOpen","setIsRemoveModalOpen","itemsToRemove","setItemsToRemove","isRemoving","setIsRemoving","removeNotificationState","setRemoveNotificationState","dropdownSelections","setDropdownSelections","setIsSubmitting","quoteDataEvent","events","data","quantitiesUpdatedEvent","itemsRemovedEvent","handleRemoveItems","items","handleDismissRemoveBanner","handleItemDropdownChange","action","cartItem","prev","next","handleConfirmRemove","uidsToRemove","removeNegotiableQuoteItems","err","errorMessage","failedItem","handleCancelRemove","cancelledItem","handleModalClose","handleModalConfirm","updateQuantities","setLineItemNote","error","ItemsQuotedComponent","canEdit","handleQuantityChange","handleUpdate","handleConfirmUpdate","quoteItemUid","handleCancelUpdate","handleDismissBanner","quotePricesSummaryEntries","confirmationBanner","InLineAlert","CheckWithCircle","WarningFilled","handleItemCheckboxChange","isSelected","removeConfirmationBanner","modalErrorBanner","Slot","ProductListTable","QuotePricesSummary","ConfirmationModal"],"mappings":"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"}

package/chunks/ItemsQuotedTemplate.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as g}from"@dropins/tools/preact-compat.js";import{Slot as u}from"@dropins/tools/lib.js";import{events as T}from"@dropins/tools/event-bus.js";import{Price as m}from"@dropins/tools/components.js";/* empty css                             */import{I as n,Q as b,P as x}from"./QuotePricesSummary.js";/* empty css                *//* empty css                          *//* empty css                  */import{useText as f}from"@dropins/tools/i18n.js";const N=({templateData:c,slots:a,...l})=>{const[e,s]=d(c),i=f({subtotal:"NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes"});if(g(()=>{const o=T.on("quote-management/quote-template-data",p=>{s(p.quoteTemplate)},{eager:!0});return()=>o==null?void 0:o.off()},[]),!e)return t(n,{loading:!0});const r=[];return e.prices.subtotalExcludingTax&&r.push({label:i.subtotal,id:"subtotal",value:t(m,{amount:e.prices.subtotalExcludingTax.value,currency:e.prices.subtotalExcludingTax.currency,weight:"normal"})}),e.prices.grandTotal&&r.push({label:i.grandTotal,id:"total",value:t(m,{amount:e.prices.grandTotal.value,currency:e.prices.grandTotal.currency}),strong:!0}),t(n,{"data-testid":"items-quoted-template-container",...l,loading:!1,table:t(u,{name:"ProductListTable",slot:a==null?void 0:a.ProductListTable,context:{items:e.items,canEdit:!1},children:t(x,{items:e.items,canEdit:!1})}),pricesSummary:t(u,{name:"QuotePricesSummary",slot:a==null?void 0:a.QuotePricesSummary,context:{items:e.items,prices:e.prices},children:t(b,{entries:r})})})};export{N as I};
+import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as g}from"@dropins/tools/preact-compat.js";import{Slot as u}from"@dropins/tools/lib.js";import{events as T}from"@dropins/tools/event-bus.js";import{Price as m}from"@dropins/tools/components.js";/* empty css                 */import{I as n,Q as b,P as x}from"./QuotePricesSummary.js";/* empty css                *//* empty css                          *//* empty css                  */import{useText as f}from"@dropins/tools/i18n.js";const N=({templateData:c,slots:a,...l})=>{const[e,s]=d(c),i=f({subtotal:"NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax",grandTotal:"NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax",appliedTaxes:"NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes"});if(g(()=>{const o=T.on("quote-management/quote-template-data",p=>{s(p.quoteTemplate)},{eager:!0});return()=>o==null?void 0:o.off()},[]),!e)return t(n,{loading:!0});const r=[];return e.prices.subtotalExcludingTax&&r.push({label:i.subtotal,id:"subtotal",value:t(m,{amount:e.prices.subtotalExcludingTax.value,currency:e.prices.subtotalExcludingTax.currency,weight:"normal"})}),e.prices.grandTotal&&r.push({label:i.grandTotal,id:"total",value:t(m,{amount:e.prices.grandTotal.value,currency:e.prices.grandTotal.currency}),strong:!0}),t(n,{"data-testid":"items-quoted-template-container",...l,loading:!1,table:t(u,{name:"ProductListTable",slot:a==null?void 0:a.ProductListTable,context:{items:e.items,canEdit:!1},children:t(x,{items:e.items,canEdit:!1})}),pricesSummary:t(u,{name:"QuotePricesSummary",slot:a==null?void 0:a.QuotePricesSummary,context:{items:e.items,prices:e.prices},children:t(b,{entries:r})})})};export{N as I};
 //# sourceMappingURL=ItemsQuotedTemplate.js.map

package/chunks/ItemsQuotedTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsQuotedTemplate.js","sources":["/@dropins/storefront-quote-management/src/containers/ItemsQuotedTemplate/ItemsQuotedTemplate.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 { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { NegotiableQuoteTemplateModel } from '@/quote-management/data/models/negotiable-quote-template-model';\nimport { QuotePricesSummary, ProductListTable, ItemsQuoted as ItemsQuotedComponent } from '@/quote-management/components';\n\nexport interface ItemsQuotedTemplateProps extends HTMLAttributes<HTMLDivElement> {\n  templateData?: NegotiableQuoteTemplateModel;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      canEdit: boolean;\n    }>;\n    QuotePricesSummary?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      prices: NegotiableQuoteTemplateModel['prices'];\n    }>;\n  }\n}\n\nexport const ItemsQuotedTemplate: Container<ItemsQuotedTemplateProps> = ({\n  templateData: initialData,\n  slots,\n  ...props\n}) => {\n  const [templateData, setTemplateData] = useState<NegotiableQuoteTemplateModel | undefined>(initialData);\n\n  const dictionary = useText({\n    subtotal: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes',\n  });\n\n  useEffect(() => {\n    const templateDataEvent = events.on('quote-management/quote-template-data', (payload) => {\n      setTemplateData(payload.quoteTemplate);\n    }, { eager: true });\n\n    return () => templateDataEvent?.off();\n  }, []);\n\n  if (!templateData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const quotePricesSummaryEntries = [];\n\n  templateData.prices.subtotalExcludingTax && quotePricesSummaryEntries.push({\n    label: dictionary.subtotal,\n    id: 'subtotal',\n    value: <Price amount={templateData.prices.subtotalExcludingTax.value} currency={templateData.prices.subtotalExcludingTax.currency} weight='normal' />,\n  });\n\n  templateData.prices.grandTotal && quotePricesSummaryEntries.push({\n    label: dictionary.grandTotal,\n    id: 'total',\n    value: <Price amount={templateData.prices.grandTotal.value} currency={templateData.prices.grandTotal.currency} />,\n    strong: true,\n  })\n\n  return (\n    <ItemsQuotedComponent data-testid=\"items-quoted-template-container\" {...props} loading={false}\n      table={\n        <Slot name=\"ProductListTable\" slot={slots?.ProductListTable}\n          context={{\n            items: templateData.items,\n            canEdit: false,\n          }}>\n\n          <ProductListTable items={templateData.items} canEdit={false} />\n        </Slot>\n      }\n      pricesSummary={<Slot name=\"QuotePricesSummary\" slot={slots?.QuotePricesSummary} context={{\n        items: templateData.items,\n        prices: templateData.prices,\n      }}>\n        <QuotePricesSummary entries={quotePricesSummaryEntries} />\n      </Slot>\n      }\n    />\n  );\n};\n"],"names":["ItemsQuotedTemplate","initialData","slots","props","templateData","setTemplateData","useState","dictionary","useText","useEffect","templateDataEvent","events","payload","jsx","ItemsQuotedComponent","quotePricesSummaryEntries","Price","Slot","ProductListTable","QuotePricesSummary"],"mappings":"whBA+BO,MAAMA,EAA2D,CAAC,CACvE,aAAcC,EACd,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAmDL,CAAW,EAEhGM,EAAaC,EAAQ,CACzB,SAAU,0EACV,WAAY,4EACZ,aAAc,gEAAA,CACf,EAUD,GARAC,EAAU,IAAM,CACd,MAAMC,EAAoBC,EAAO,GAAG,uCAAyCC,GAAY,CACvFP,EAAgBO,EAAQ,aAAa,CACvC,EAAG,CAAE,MAAO,GAAM,EAElB,MAAO,IAAMF,GAAA,YAAAA,EAAmB,KAClC,EAAG,CAAA,CAAE,EAED,CAACN,EACH,OAAOS,EAACC,EAAA,CAAqB,QAAS,EAAA,CAAM,EAG9C,MAAMC,EAA4B,CAAA,EAElC,OAAAX,EAAa,OAAO,sBAAwBW,EAA0B,KAAK,CACzE,MAAOR,EAAW,SAClB,GAAI,WACJ,MAAOM,EAACG,EAAA,CAAM,OAAQZ,EAAa,OAAO,qBAAqB,MAAO,SAAUA,EAAa,OAAO,qBAAqB,SAAU,OAAO,QAAA,CAAS,CAAA,CACpJ,EAEDA,EAAa,OAAO,YAAcW,EAA0B,KAAK,CAC/D,MAAOR,EAAW,WAClB,GAAI,QACJ,MAAOM,EAACG,EAAA,CAAM,OAAQZ,EAAa,OAAO,WAAW,MAAO,SAAUA,EAAa,OAAO,WAAW,QAAA,CAAU,EAC/G,OAAQ,EAAA,CACT,EAGCS,EAACC,EAAA,CAAqB,cAAY,kCAAmC,GAAGX,EAAO,QAAS,GACtF,MACEU,EAACI,EAAA,CAAK,KAAK,mBAAmB,KAAMf,GAAA,YAAAA,EAAO,iBACzC,QAAS,CACP,MAAOE,EAAa,MACpB,QAAS,EAAA,EAGX,WAACc,EAAA,CAAiB,MAAOd,EAAa,MAAO,QAAS,EAAA,CAAO,CAAA,CAAA,EAGjE,gBAAgBa,EAAA,CAAK,KAAK,qBAAqB,KAAMf,GAAA,YAAAA,EAAO,mBAAoB,QAAS,CACvF,MAAOE,EAAa,MACpB,OAAQA,EAAa,MAAA,EAErB,SAAAS,EAACM,EAAA,CAAmB,QAASJ,EAA2B,CAAA,CAC1D,CAAA,CAAA,CAIN"}
+{"version":3,"file":"ItemsQuotedTemplate.js","sources":["/@dropins/storefront-quote-management/src/containers/ItemsQuotedTemplate/ItemsQuotedTemplate.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 { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { NegotiableQuoteTemplateModel } from '@/quote-management/data/models/negotiable-quote-template-model';\nimport { QuotePricesSummary, ProductListTable, ItemsQuoted as ItemsQuotedComponent } from '@/quote-management/components';\n\nexport interface ItemsQuotedTemplateProps extends HTMLAttributes<HTMLDivElement> {\n  templateData?: NegotiableQuoteTemplateModel;\n  slots?: {\n    ProductListTable?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      canEdit: boolean;\n    }>;\n    QuotePricesSummary?: SlotProps<{\n      items: NegotiableQuoteTemplateModel['items'];\n      prices: NegotiableQuoteTemplateModel['prices'];\n    }>;\n  }\n}\n\nexport const ItemsQuotedTemplate: Container<ItemsQuotedTemplateProps> = ({\n  templateData: initialData,\n  slots,\n  ...props\n}) => {\n  const [templateData, setTemplateData] = useState<NegotiableQuoteTemplateModel | undefined>(initialData);\n\n  const dictionary = useText({\n    subtotal: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.subtotal.excludingTax',\n    grandTotal: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.grandTotal.includingTax',\n    appliedTaxes: 'NegotiableQuoteTemplate.Manage.quotePricesSummary.appliedTaxes',\n  });\n\n  useEffect(() => {\n    const templateDataEvent = events.on('quote-management/quote-template-data', (payload) => {\n      setTemplateData(payload.quoteTemplate);\n    }, { eager: true });\n\n    return () => templateDataEvent?.off();\n  }, []);\n\n  if (!templateData) {\n    return <ItemsQuotedComponent loading={true} />;\n  }\n\n  const quotePricesSummaryEntries = [];\n\n  templateData.prices.subtotalExcludingTax && quotePricesSummaryEntries.push({\n    label: dictionary.subtotal,\n    id: 'subtotal',\n    value: <Price amount={templateData.prices.subtotalExcludingTax.value} currency={templateData.prices.subtotalExcludingTax.currency} weight='normal' />,\n  });\n\n  templateData.prices.grandTotal && quotePricesSummaryEntries.push({\n    label: dictionary.grandTotal,\n    id: 'total',\n    value: <Price amount={templateData.prices.grandTotal.value} currency={templateData.prices.grandTotal.currency} />,\n    strong: true,\n  })\n\n  return (\n    <ItemsQuotedComponent data-testid=\"items-quoted-template-container\" {...props} loading={false}\n      table={\n        <Slot name=\"ProductListTable\" slot={slots?.ProductListTable}\n          context={{\n            items: templateData.items,\n            canEdit: false,\n          }}>\n\n          <ProductListTable items={templateData.items} canEdit={false} />\n        </Slot>\n      }\n      pricesSummary={<Slot name=\"QuotePricesSummary\" slot={slots?.QuotePricesSummary} context={{\n        items: templateData.items,\n        prices: templateData.prices,\n      }}>\n        <QuotePricesSummary entries={quotePricesSummaryEntries} />\n      </Slot>\n      }\n    />\n  );\n};\n"],"names":["ItemsQuotedTemplate","initialData","slots","props","templateData","setTemplateData","useState","dictionary","useText","useEffect","templateDataEvent","events","payload","jsx","ItemsQuotedComponent","quotePricesSummaryEntries","Price","Slot","ProductListTable","QuotePricesSummary"],"mappings":"4gBA+BO,MAAMA,EAA2D,CAAC,CACvE,aAAcC,EACd,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAmDL,CAAW,EAEhGM,EAAaC,EAAQ,CACzB,SAAU,0EACV,WAAY,4EACZ,aAAc,gEAAA,CACf,EAUD,GARAC,EAAU,IAAM,CACd,MAAMC,EAAoBC,EAAO,GAAG,uCAAyCC,GAAY,CACvFP,EAAgBO,EAAQ,aAAa,CACvC,EAAG,CAAE,MAAO,GAAM,EAElB,MAAO,IAAMF,GAAA,YAAAA,EAAmB,KAClC,EAAG,CAAA,CAAE,EAED,CAACN,EACH,OAAOS,EAACC,EAAA,CAAqB,QAAS,EAAA,CAAM,EAG9C,MAAMC,EAA4B,CAAA,EAElC,OAAAX,EAAa,OAAO,sBAAwBW,EAA0B,KAAK,CACzE,MAAOR,EAAW,SAClB,GAAI,WACJ,MAAOM,EAACG,EAAA,CAAM,OAAQZ,EAAa,OAAO,qBAAqB,MAAO,SAAUA,EAAa,OAAO,qBAAqB,SAAU,OAAO,QAAA,CAAS,CAAA,CACpJ,EAEDA,EAAa,OAAO,YAAcW,EAA0B,KAAK,CAC/D,MAAOR,EAAW,WAClB,GAAI,QACJ,MAAOM,EAACG,EAAA,CAAM,OAAQZ,EAAa,OAAO,WAAW,MAAO,SAAUA,EAAa,OAAO,WAAW,QAAA,CAAU,EAC/G,OAAQ,EAAA,CACT,EAGCS,EAACC,EAAA,CAAqB,cAAY,kCAAmC,GAAGX,EAAO,QAAS,GACtF,MACEU,EAACI,EAAA,CAAK,KAAK,mBAAmB,KAAMf,GAAA,YAAAA,EAAO,iBACzC,QAAS,CACP,MAAOE,EAAa,MACpB,QAAS,EAAA,EAGX,WAACc,EAAA,CAAiB,MAAOd,EAAa,MAAO,QAAS,EAAA,CAAO,CAAA,CAAA,EAGjE,gBAAgBa,EAAA,CAAK,KAAK,qBAAqB,KAAMf,GAAA,YAAAA,EAAO,mBAAoB,QAAS,CACvF,MAAOE,EAAa,MACpB,OAAQA,EAAa,MAAA,EAErB,SAAAS,EAACM,EAAA,CAAmB,QAASJ,EAA2B,CAAA,CAC1D,CAAA,CAAA,CAIN"}

package/chunks/OrderSummaryLine.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as i,jsxs as u}from"@dropins/tools/preact-jsx-runtime.js";import{classes as p,VComponent as _}from"@dropins/tools/lib.js";/* empty css                             */import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";/* empty css                *//* empty css                          *//* empty css                  */const g=({label:o,price:e,classSuffixes:t=[],labelClassSuffix:r,testId:m,children:s,...a})=>i(y,{...a,label:o,price:e,classSuffixes:t,labelClassSuffix:r,testId:m,children:s}),y=({label:o,price:e,classSuffixes:t=[],labelClassSuffix:r,testId:m,children:s,...a})=>{const n="quote-order-summary__label",c="quote-order-summary__price";return u("div",{...a,...m?{"data-testid":m}:{},className:p(["quote-order-summary__entry",...t.map(d=>`quote-order-summary__${d}`)]),children:[i("span",{className:p([n,...r?[`${n}--${r}`]:[]]),children:o}),i(_,{node:e,className:p([c,...r?[`${c}--${r}`]:[]])}),s]})};export{g as O};
+import{jsx as i,jsxs as u}from"@dropins/tools/preact-jsx-runtime.js";import{classes as p,VComponent as _}from"@dropins/tools/lib.js";/* empty css                 */import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";/* empty css                *//* empty css                          *//* empty css                  */const g=({label:o,price:e,classSuffixes:t=[],labelClassSuffix:r,testId:m,children:s,...a})=>i(y,{...a,label:o,price:e,classSuffixes:t,labelClassSuffix:r,testId:m,children:s}),y=({label:o,price:e,classSuffixes:t=[],labelClassSuffix:r,testId:m,children:s,...a})=>{const n="quote-order-summary__label",c="quote-order-summary__price";return u("div",{...a,...m?{"data-testid":m}:{},className:p(["quote-order-summary__entry",...t.map(d=>`quote-order-summary__${d}`)]),children:[i("span",{className:p([n,...r?[`${n}--${r}`]:[]]),children:o}),i(_,{node:e,className:p([c,...r?[`${c}--${r}`]:[]])}),s]})};export{g as O};
 //# sourceMappingURL=OrderSummaryLine.js.map

package/chunks/OrderSummaryLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderSummaryLine.js","sources":["/@dropins/storefront-quote-management/src/containers/OrderSummaryLine/OrderSummaryLine.tsx","/@dropins/storefront-quote-management/src/components/OrderSummaryLine/OrderSummaryLine.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 { HTMLAttributes } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { VNode } from 'preact';\nimport { OrderSummaryLine as OrderSummaryLineComponent } from '@/quote-management/components';\n\nexport interface OrderSummaryLineProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'label'> {\n  label: VNode | string;\n  price: VNode<HTMLAttributes<HTMLSpanElement>>;\n  classSuffixes?: Array<string>;\n  labelClassSuffix?: string;\n  testId?: string;\n  children?: any;\n}\n\nexport const OrderSummaryLine: Container<OrderSummaryLineProps> = ({\n  label,\n  price,\n  classSuffixes = [],\n  labelClassSuffix,\n  testId,\n  children,\n  ...props\n}) => {\n  return (\n    <OrderSummaryLineComponent\n      {...props}\n      label={label}\n      price={price}\n      classSuffixes={classSuffixes}\n      labelClassSuffix={labelClassSuffix}\n      testId={testId}\n    >\n      {children}\n    </OrderSummaryLineComponent>\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 '@/quote-management/components/OrderSummaryLine/OrderSummaryLine.css';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nexport interface OrderSummaryLineComponentProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'label'> {\n  label: VNode | string;\n  price: VNode<HTMLAttributes<HTMLSpanElement>>;\n  classSuffixes?: Array<string>;\n  labelClassSuffix?: string;\n  testId?: string;\n  children?: any;\n}\n\nexport const OrderSummaryLine: FunctionComponent<\n  OrderSummaryLineComponentProps\n> = ({\n  label,\n  price,\n  classSuffixes = [],\n  labelClassSuffix,\n  testId,\n  children,\n  ...props\n}) => {\n  const labelClass = 'quote-order-summary__label';\n  const priceClass = 'quote-order-summary__price';\n  return (\n    <div\n      {...props}\n      {...(testId ? { 'data-testid': testId } : {})}\n      className={classes([\n        'quote-order-summary__entry',\n        ...classSuffixes.map(\n          (classSuffix) => `quote-order-summary__${classSuffix}`\n        ),\n      ])}\n    >\n      <span\n        className={classes([\n          labelClass,\n          ...(labelClassSuffix ? [`${labelClass}--${labelClassSuffix}`] : []),\n        ])}\n      >\n        {label}\n      </span>\n\n      <VComponent\n        node={price}\n        className={classes([\n          priceClass,\n          ...(labelClassSuffix ? [`${priceClass}--${labelClassSuffix}`] : []),\n        ])}\n      />\n\n      {children}\n    </div>\n  );\n};\n"],"names":["OrderSummaryLine","label","price","classSuffixes","labelClassSuffix","testId","children","props","jsx","OrderSummaryLineComponent","labelClass","priceClass","jsxs","classes","classSuffix","VComponent"],"mappings":"2aAwBO,MAAMA,EAAqD,CAAC,CACjE,MAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAA,EAChB,iBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAACC,EAAA,CACE,GAAGF,EACJ,MAAAN,EACA,MAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,OAAAC,EAEC,SAAAC,CAAA,CAAA,ECnBMN,EAET,CAAC,CACH,MAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAA,EAChB,iBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMG,EAAa,6BACbC,EAAa,6BACnB,OACEC,EAAC,MAAA,CACE,GAAGL,EACH,GAAIF,EAAS,CAAE,cAAeA,CAAA,EAAW,CAAA,EAC1C,UAAWQ,EAAQ,CACjB,6BACA,GAAGV,EAAc,IACdW,GAAgB,wBAAwBA,CAAW,EAAA,CACtD,CACD,EAED,SAAA,CAAAN,EAAC,OAAA,CACC,UAAWK,EAAQ,CACjBH,EACA,GAAIN,EAAmB,CAAC,GAAGM,CAAU,KAAKN,CAAgB,EAAE,EAAI,CAAA,CAAC,CAClE,EAEA,SAAAH,CAAA,CAAA,EAGHO,EAACO,EAAA,CACC,KAAMb,EACN,UAAWW,EAAQ,CACjBF,EACA,GAAIP,EAAmB,CAAC,GAAGO,CAAU,KAAKP,CAAgB,EAAE,EAAI,CAAA,CAAC,CAClE,CAAA,CAAA,EAGFE,CAAA,CAAA,CAAA,CAGP"}
+{"version":3,"file":"OrderSummaryLine.js","sources":["/@dropins/storefront-quote-management/src/containers/OrderSummaryLine/OrderSummaryLine.tsx","/@dropins/storefront-quote-management/src/components/OrderSummaryLine/OrderSummaryLine.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 { HTMLAttributes } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { VNode } from 'preact';\nimport { OrderSummaryLine as OrderSummaryLineComponent } from '@/quote-management/components';\n\nexport interface OrderSummaryLineProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'label'> {\n  label: VNode | string;\n  price: VNode<HTMLAttributes<HTMLSpanElement>>;\n  classSuffixes?: Array<string>;\n  labelClassSuffix?: string;\n  testId?: string;\n  children?: any;\n}\n\nexport const OrderSummaryLine: Container<OrderSummaryLineProps> = ({\n  label,\n  price,\n  classSuffixes = [],\n  labelClassSuffix,\n  testId,\n  children,\n  ...props\n}) => {\n  return (\n    <OrderSummaryLineComponent\n      {...props}\n      label={label}\n      price={price}\n      classSuffixes={classSuffixes}\n      labelClassSuffix={labelClassSuffix}\n      testId={testId}\n    >\n      {children}\n    </OrderSummaryLineComponent>\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 '@/quote-management/components/OrderSummaryLine/OrderSummaryLine.css';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nexport interface OrderSummaryLineComponentProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'label'> {\n  label: VNode | string;\n  price: VNode<HTMLAttributes<HTMLSpanElement>>;\n  classSuffixes?: Array<string>;\n  labelClassSuffix?: string;\n  testId?: string;\n  children?: any;\n}\n\nexport const OrderSummaryLine: FunctionComponent<\n  OrderSummaryLineComponentProps\n> = ({\n  label,\n  price,\n  classSuffixes = [],\n  labelClassSuffix,\n  testId,\n  children,\n  ...props\n}) => {\n  const labelClass = 'quote-order-summary__label';\n  const priceClass = 'quote-order-summary__price';\n  return (\n    <div\n      {...props}\n      {...(testId ? { 'data-testid': testId } : {})}\n      className={classes([\n        'quote-order-summary__entry',\n        ...classSuffixes.map(\n          (classSuffix) => `quote-order-summary__${classSuffix}`\n        ),\n      ])}\n    >\n      <span\n        className={classes([\n          labelClass,\n          ...(labelClassSuffix ? [`${labelClass}--${labelClassSuffix}`] : []),\n        ])}\n      >\n        {label}\n      </span>\n\n      <VComponent\n        node={price}\n        className={classes([\n          priceClass,\n          ...(labelClassSuffix ? [`${priceClass}--${labelClassSuffix}`] : []),\n        ])}\n      />\n\n      {children}\n    </div>\n  );\n};\n"],"names":["OrderSummaryLine","label","price","classSuffixes","labelClassSuffix","testId","children","props","jsx","OrderSummaryLineComponent","labelClass","priceClass","jsxs","classes","classSuffix","VComponent"],"mappings":"+ZAwBO,MAAMA,EAAqD,CAAC,CACjE,MAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAA,EAChB,iBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAACC,EAAA,CACE,GAAGF,EACJ,MAAAN,EACA,MAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,OAAAC,EAEC,SAAAC,CAAA,CAAA,ECnBMN,EAET,CAAC,CACH,MAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAA,EAChB,iBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMG,EAAa,6BACbC,EAAa,6BACnB,OACEC,EAAC,MAAA,CACE,GAAGL,EACH,GAAIF,EAAS,CAAE,cAAeA,CAAA,EAAW,CAAA,EAC1C,UAAWQ,EAAQ,CACjB,6BACA,GAAGV,EAAc,IACdW,GAAgB,wBAAwBA,CAAW,EAAA,CACtD,CACD,EAED,SAAA,CAAAN,EAAC,OAAA,CACC,UAAWK,EAAQ,CACjBH,EACA,GAAIN,EAAmB,CAAC,GAAGM,CAAU,KAAKN,CAAgB,EAAE,EAAI,CAAA,CAAC,CAClE,EAEA,SAAAH,CAAA,CAAA,EAGHO,EAACO,EAAA,CACC,KAAMb,EACN,UAAWW,EAAQ,CACjBF,EACA,GAAIP,EAAmB,CAAC,GAAGO,CAAU,KAAKP,CAAgB,EAAE,EAAI,CAAA,CAAC,CAClE,CAAA,CAAA,EAGFE,CAAA,CAAA,CAAA,CAGP"}

package/chunks/QuotePricesSummary.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as t,jsxs as n,Fragment as I}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b,VComponent as k}from"@dropins/tools/lib.js";/* empty css                             */import{Skeleton as R,SkeletonRow as V,Input as W,Picker as E,Price as _,Checkbox as J,Button as K,Table as X,Accordion as Y,AccordionSection as Z}from"@dropins/tools/components.js";import{h as L}from"@dropins/tools/preact.js";import{useState as H,useEffect as U}from"@dropins/tools/preact-hooks.js";import{useText as C}from"@dropins/tools/i18n.js";const ce=({className:g,loading:i,table:l,pricesSummary:r,...a})=>i?t(ee,{}):n("div",{className:b(["quote-management-items-quoted",g]),...a,children:[l&&t(k,{node:l,className:b(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),r&&t(k,{node:r,className:b(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),ee=()=>t(R,{"data-testid":"items-quoted-skeleton",children:t(V,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),ie=({className:g,items:i,canEdit:l,readOnly:r=!1,onItemCheckboxChange:a,onItemDropdownChange:m,onQuantityChange:p,onUpdate:N,dropdownSelections:h,...f})=>{const[x,P]=H({}),[y,T]=H({});U(()=>{const e={};i.forEach(s=>{e[s.uid]=s.quantity}),P(e),T(e)},[i]);const S=Object.keys(y).some(e=>y[e]!==x[e]),u=C({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"}),v=[{label:u.productNameHeader,key:"productName"},{label:u.skuHeader,key:"sku"},{label:u.priceHeader,key:"price"},{label:u.quantityHeader,key:"quantity"},{label:u.discountHeader,key:"discount"},{label:u.subtotalHeader,key:"subtotal"}];l&&!r&&(v.unshift({label:"",key:"checkbox"}),v.push({label:u.actionsHeader,key:"actions"}));const M=(e,s)=>{const o=e.target.checked;a==null||a(s,o)},$=(e,s)=>{const o=e.target.value;m==null||m(s,o)},B=(e,s)=>{const o=parseInt(e.target.value,10);!isNaN(o)&&o>0&&(T(c=>({...c,[s.uid]:o})),p==null||p(s,o))},O=e=>{e.preventDefault(),N==null||N(e)},w=(e,s)=>e>0?n("div",{className:"quote-management-product-list-table__discount-container",children:[n("span",{className:"quote-management-product-list-table__discount-percent",children:[s,"%"]}),n("span",{className:"quote-management-product-list-table__discount-price",children:["(",t(_,{amount:e}),")"]})]}):void 0,j=e=>{var c,Q;const s=(c=e.configurableOptions)==null?void 0:c.map(d=>n("div",{className:"quote-management-product-list-table__configurable-option",children:[n("span",{className:"quote-management-product-list-table__configurable-option-label",children:[d.optionLabel,":"]}),t("span",{className:"quote-management-product-list-table__configurable-option-value",children:d.valueLabel})]},d.optionLabel)),o=(Q=e.bundleOptions)==null?void 0:Q.map(d=>n("div",{className:"quote-management-product-list-table__bundle-option",children:[t("span",{className:"quote-management-product-list-table__bundle-option-label",children:d.label}),t("div",{className:"quote-management-product-list-table__bundle-option-values",children:d.values.map(q=>n("span",{className:"quote-management-product-list-table__bundle-option-value",children:[n("span",{className:"quote-management-product-list-table__bundle-option-value-quantity",children:[q.quantity," x"]}),t("span",{className:"quote-management-product-list-table__bundle-option-value-label",children:q.label}),t(_,{className:"quote-management-product-list-table__bundle-option-value-original-price",amount:q.originalPrice.value,currency:q.originalPrice.currency,weight:"normal"})]},q.label))})]},d.label));return n("div",{className:"quote-management-product-list-table__product-name-container",children:[t("span",{className:"quote-management-product-list-table__product-name",children:e.product.name}),s,o]})},A=i.map(e=>{var o;const s=l?t(W,{className:"quote-management-product-list-table__quantity-input",type:"number",min:"1",value:((o=y[e.uid])==null?void 0:o.toString())||e.quantity.toString(),onChange:c=>B(c,e),disabled:r||!l,"data-testid":`quantity-input-${e.product.sku}`}):t("span",{className:"quote-management-product-list-table__quantity",children:e.quantity});return{checkbox:t(J,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${e.product.sku}`,onChange:c=>M(c,e),value:e.product.sku}),productName:j(e),sku:t("span",{className:"quote-management-product-list-table__sku",children:e.product.sku}),price:t(_,{className:"quote-management-product-list-table__price",amount:e.prices.originalItemPrice.value,currency:e.prices.originalItemPrice.currency}),quantity:s,discount:e.catalogDiscount?w(e.catalogDiscount.amountOff,e.catalogDiscount.percentOff):void 0,subtotal:t(_,{className:"quote-management-product-list-table__subtotal",amount:e.prices.rowTotal.value,currency:e.prices.rowTotal.currency}),actions:t(E,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${e.product.sku}`,name:`item-dropdown-${e.product.sku}`,handleSelect:c=>$(c,e),placeholder:"Select",value:(h==null?void 0:h[e.uid])??"",options:[{text:u.editNoteToSeller,value:"edit"},{text:u.remove,value:"remove"}]})}}),D=t(X,{columns:v,rowData:A,"data-testid":"product-list-table",mobileLayout:"stacked"}),z=l?L("form",{}):L("div",{}),F=l?{onSubmit:O,...f}:f,G=t(K,{type:"submit",disabled:r||!l||!S,"data-testid":"product-list-table-submit-button",children:u.updateButton});return n(k,{node:z,className:b(["quote-management-product-list-table-container",g]),"data-testid":"product-list-table-container",...F,children:[D,t("div",{className:"quote-management-product-list-table-container__submit-container",children:G})]})},re=({className:g,entries:i,...l})=>{const r=a=>{var p;const m=(p=a.children)==null?void 0:p.map(r);return t("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${a.id}`,children:m?t(Y,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${a.id}`,children:t(Z,{className:"quote-management-quote-prices-summary__accordion-section",title:a.label,ariaLabelTitle:a.label,secondaryText:a.value,children:m})}):n(I,{children:[t("span",{className:b(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",a.strong]]),"data-testid":`quote-prices-summary-entry-label-${a.id}`,children:a.label}),t("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${a.id}`,children:a.value})]})},a.id)};return t("div",{className:b(["quote-management-quote-prices-summary",g]),"data-testid":"quote-prices-summary",...l,children:i==null?void 0:i.map(r)})};export{ce as I,ie as P,re as Q};
+import{jsx as t,jsxs as s,Fragment as V}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b,VComponent as k}from"@dropins/tools/lib.js";/* empty css                 */import{Skeleton as W,SkeletonRow as Z,Input as E,Picker as J,Price as N,Checkbox as K,Button as U,Table as X,Accordion as Y,AccordionSection as C}from"@dropins/tools/components.js";import{h as Q}from"@dropins/tools/preact.js";import{useState as H,useEffect as ee}from"@dropins/tools/preact-hooks.js";import{g as te}from"./dateUtils.js";import{useText as ae}from"@dropins/tools/i18n.js";const me=({className:g,loading:c,table:r,pricesSummary:i,...n})=>c?t(oe,{}):s("div",{className:b(["quote-management-items-quoted",g]),...n,children:[r&&t(k,{node:r,className:b(["quote-management-items-quoted__table"]),"data-testid":"quote-management-items-quoted__table"}),i&&t(k,{node:i,className:b(["quote-management-items-quoted__prices-summary"]),"data-testid":"quote-management-items-quoted__prices-summary"})]}),oe=()=>t(W,{"data-testid":"items-quoted-skeleton",children:t(Z,{variant:"row",fullWidth:!0,size:"medium",lines:4,multilineGap:"xsmall"})}),pe=({className:g,items:c,canEdit:r,readOnly:i=!1,onItemCheckboxChange:n,onItemDropdownChange:m,onQuantityChange:p,onUpdate:h,dropdownSelections:y,...T})=>{const[M,x]=H({}),[v,L]=H({});ee(()=>{const e={};c.forEach(o=>{e[o.uid]=o.quantity}),x(e),L(e)},[c]);const S=Object.keys(v).some(e=>v[e]!==M[e]),u=ae({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",notesHeader:"NegotiableQuote.Manage.productListTable.notes.header",leftANote:"NegotiableQuote.Manage.productListTable.notes.leftANote",buyer:"NegotiableQuote.Manage.productListTable.notes.buyer"}),f=[{label:u.productNameHeader,key:"productName"},{label:u.skuHeader,key:"sku"},{label:u.priceHeader,key:"price"},{label:u.quantityHeader,key:"quantity"},{label:u.discountHeader,key:"discount"},{label:u.subtotalHeader,key:"subtotal"}];r&&!i&&(f.unshift({label:"",key:"checkbox"}),f.push({label:u.actionsHeader,key:"actions"}));const P=(e,o)=>{const a=e.target.checked;n==null||n(o,a)},w=(e,o)=>{const a=e.target.value;m==null||m(o,a)},$=(e,o)=>{const a=parseInt(e.target.value,10);!isNaN(a)&&a>0&&(L(d=>({...d,[o.uid]:a})),p==null||p(o,a))},B=e=>{e.preventDefault(),h==null||h(e)},A=(e,o)=>e>0?s("div",{className:"quote-management-product-list-table__discount-container",children:[s("span",{className:"quote-management-product-list-table__discount-percent",children:[o,"%"]}),s("span",{className:"quote-management-product-list-table__discount-price",children:["(",t(N,{amount:e}),")"]})]}):void 0,O=e=>{var d,_;const o=(d=e.configurableOptions)==null?void 0:d.map(l=>s("div",{className:"quote-management-product-list-table__configurable-option",children:[s("span",{className:"quote-management-product-list-table__configurable-option-label",children:[l.optionLabel,":"]}),t("span",{className:"quote-management-product-list-table__configurable-option-value",children:l.valueLabel})]},l.optionLabel)),a=(_=e.bundleOptions)==null?void 0:_.map(l=>s("div",{className:"quote-management-product-list-table__bundle-option",children:[t("span",{className:"quote-management-product-list-table__bundle-option-label",children:l.label}),t("div",{className:"quote-management-product-list-table__bundle-option-values",children:l.values.map(q=>s("span",{className:"quote-management-product-list-table__bundle-option-value",children:[s("span",{className:"quote-management-product-list-table__bundle-option-value-quantity",children:[q.quantity," x"]}),t("span",{className:"quote-management-product-list-table__bundle-option-value-label",children:q.label}),t(N,{className:"quote-management-product-list-table__bundle-option-value-original-price",amount:q.originalPrice.value,currency:q.originalPrice.currency,weight:"normal"})]},q.label))})]},l.label));return s("div",{className:"quote-management-product-list-table__product-name-container",children:[t("span",{className:"quote-management-product-list-table__product-name",children:e.product.name}),o,a]})},F=e=>new Date(e).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0,timeZone:te()}),R=e=>{if(!e.noteFromBuyer||e.noteFromBuyer.length===0)return null;const o=e.noteFromBuyer.filter(a=>a&&a.note&&a.note.trim()!=="");return o.length===0?null:s("div",{className:"quote-management-product-list-table__notes-container","data-testid":`item-notes-${e.product.sku}`,children:[t("div",{className:"quote-management-product-list-table__notes-header",children:u.notesHeader}),t("div",{className:"quote-management-product-list-table__notes-list",children:o.map((a,d)=>s("div",{className:"quote-management-product-list-table__note-item",children:[s("div",{className:"quote-management-product-list-table__note-content",children:[s("strong",{className:"quote-management-product-list-table__note-meta",children:[F(a.createdAt)," (",u.buyer,")"]})," ",u.leftANote]}),s("div",{className:"quote-management-product-list-table__note-text",children:[a.note," "]})]},a.noteUid||d))})]})},j=c.flatMap(e=>{var _;const o=r?t(E,{className:"quote-management-product-list-table__quantity-input",type:"number",min:"1",value:((_=v[e.uid])==null?void 0:_.toString())||e.quantity.toString(),onChange:l=>$(l,e),disabled:i||!r,"data-testid":`quantity-input-${e.product.sku}`}):t("span",{className:"quote-management-product-list-table__quantity",children:e.quantity}),a={checkbox:t(K,{className:"quote-management-product-list-table__checkbox",name:"itemSelected","data-testid":`item-checkbox-${e.product.sku}`,onChange:l=>P(l,e),value:e.product.sku}),productName:O(e),sku:t("span",{className:"quote-management-product-list-table__sku",children:e.product.sku}),price:t(N,{className:"quote-management-product-list-table__price",amount:e.prices.originalItemPrice.value,currency:e.prices.originalItemPrice.currency}),quantity:o,discount:e.catalogDiscount?A(e.catalogDiscount.amountOff,e.catalogDiscount.percentOff):void 0,subtotal:t(N,{className:"quote-management-product-list-table__subtotal",amount:e.prices.rowTotal.value,currency:e.prices.rowTotal.currency}),actions:t(J,{className:"quote-management-product-list-table__actions","data-testid":`item-dropdown-${e.product.sku}`,name:`item-dropdown-${e.product.sku}`,handleSelect:l=>w(l,e),placeholder:"Select",value:(y==null?void 0:y[e.uid])??"",options:[{text:u.editNoteToSeller,value:"edit"},{text:u.remove,value:"remove"}]})},d=R(e);return d?[a,{checkbox:"",productName:t("div",{className:"quote-management-product-list-table__notes-row-wrapper",children:d}),sku:"",price:"",quantity:"",discount:"",subtotal:"",actions:""}]:[a]}),D=t(X,{columns:f,rowData:j,"data-testid":"product-list-table",mobileLayout:"stacked"}),z=r?Q("form",{}):Q("div",{}),G=r?{onSubmit:B,...T}:T,I=t(U,{type:"submit",disabled:i||!r||!S,"data-testid":"product-list-table-submit-button",children:u.updateButton});return s(k,{node:z,className:b(["quote-management-product-list-table-container",g]),"data-testid":"product-list-table-container",...G,children:[D,t("div",{className:"quote-management-product-list-table-container__submit-container",children:I})]})},be=({className:g,entries:c,...r})=>{const i=n=>{var p;const m=(p=n.children)==null?void 0:p.map(i);return t("div",{className:"quote-management-quote-prices-summary__entry","data-testid":`quote-prices-summary-entry-${n.id}`,children:m?t(Y,{className:"quote-management-quote-prices-summary__accordion","data-testid":`quote-prices-summary-entry-accordion-${n.id}`,children:t(C,{className:"quote-management-quote-prices-summary__accordion-section",title:n.label,ariaLabelTitle:n.label,secondaryText:n.value,children:m})}):s(V,{children:[t("span",{className:b(["quote-management-quote-prices-summary__label",["quote-management-quote-prices-summary__label--strong",n.strong]]),"data-testid":`quote-prices-summary-entry-label-${n.id}`,children:n.label}),t("span",{className:"quote-management-quote-prices-summary__value","data-testid":`quote-prices-summary-entry-value-${n.id}`,children:n.value})]})},n.id)};return t("div",{className:b(["quote-management-quote-prices-summary",g]),"data-testid":"quote-prices-summary",...r,children:c==null?void 0:c.map(i)})};export{me as I,pe as P,be as Q};
 //# sourceMappingURL=QuotePricesSummary.js.map

package/chunks/QuotePricesSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuotePricesSummary.js","sources":["/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.tsx","/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ItemsQuoted/ItemsQuoted.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ItemsQuotedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  table?: VNode;\n  pricesSummary?: VNode;\n}\n\nexport const ItemsQuoted: FunctionComponent<ItemsQuotedProps> = ({\n  className,\n  loading,\n  table,\n  pricesSummary,\n  ...props\n}) => {\n  if (loading) {\n    return <ItemsQuotedSkeleton />;\n  }\n\n  return (\n    <div className={classes(['quote-management-items-quoted', className])} {...props}>\n      {table && (\n        <VComponent\n          node={table}\n          className={classes(['quote-management-items-quoted__table'])}\n          data-testid=\"quote-management-items-quoted__table\"\n        />\n      )}\n      {pricesSummary && (\n        <VComponent\n          node={pricesSummary}\n          className={classes(['quote-management-items-quoted__prices-summary'])}\n          data-testid=\"quote-management-items-quoted__prices-summary\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const ItemsQuotedSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"items-quoted-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"medium\" lines={4} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Table, Checkbox, Picker, Price, Button, Input } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\n\nexport interface ProductListTableItem {\n  uid: string;\n  product: {\n    name: string;\n    sku: string;\n  };\n  prices: {\n    originalItemPrice: {\n      value: number;\n      currency: string;\n    };\n    rowTotal: {\n      value: number;\n      currency: string;\n    };\n  };\n  quantity: number;\n  catalogDiscount?: {\n    amountOff: number;\n    percentOff: number;\n  };\n  configurableOptions?: Array<{\n    optionLabel: string;\n    valueLabel: string;\n  }>;\n  bundleOptions?: Array<{\n    label: string;\n    values: Array<{\n      label: string;\n      quantity: number;\n      originalPrice: {\n        value: number;\n        currency: string;\n      };\n    }>;\n  }>;\n}\n\nexport interface ProductListTableProps extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: ProductListTableItem[];\n  canEdit: boolean;\n  readOnly?: boolean;\n  onItemCheckboxChange?: (\n    item: ProductListTableItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (\n    item: ProductListTableItem,\n    action: string\n  ) => void;\n  onQuantityChange?: (\n    item: ProductListTableItem,\n    newQuantity: number\n  ) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  dropdownSelections?: Record<string, string | undefined>;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  canEdit,\n  readOnly = false,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onQuantityChange,\n  onUpdate,\n  dropdownSelections,\n  ...props\n}) => {\n  // Track original quantities to detect changes\n  const [originalQuantities, setOriginalQuantities] = useState<\n    Record<string, number>\n  >({});\n  const [currentQuantities, setCurrentQuantities] = useState<\n    Record<string, number>\n  >({});\n\n  // Initialize quantities when items change\n  useEffect(() => {\n    const quantities: Record<string, number> = {};\n    items.forEach((item) => {\n      quantities[item.uid] = item.quantity;\n    });\n    setOriginalQuantities(quantities);\n    setCurrentQuantities(quantities);\n  }, [items]);\n\n  // Check if any quantities have changed\n  const hasQuantityChanges = Object.keys(currentQuantities).some(\n    (uid) => currentQuantities[uid] !== originalQuantities[uid]\n  );\n\n  const dictionary = useText({\n    updateButton: 'NegotiableQuote.Manage.productListTable.submitButton',\n    productNameHeader:\n      '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:\n      '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 && !readOnly) {\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 = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleQuantityChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const newQuantity = parseInt((event.target as HTMLInputElement).value, 10);\n    if (!isNaN(newQuantity) && newQuantity > 0) {\n      setCurrentQuantities((prev) => ({\n        ...prev,\n        [item.uid]: newQuantity,\n      }));\n      onQuantityChange?.(item, newQuantity);\n    }\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\">\n          {percentOff}%\n        </span>\n        <span className=\"quote-management-product-list-table__discount-price\">\n          (<Price amount={amountOff} />)\n        </span>\n      </div>\n    ) : undefined;\n  };\n\n  const getProductNameContent = (item: ProductListTableItem) => {\n    const configurableOptions = item.configurableOptions?.map((option) => (\n      <div\n        key={option.optionLabel}\n        className=\"quote-management-product-list-table__configurable-option\"\n      >\n        <span className=\"quote-management-product-list-table__configurable-option-label\">\n          {option.optionLabel}:\n        </span>\n        <span className=\"quote-management-product-list-table__configurable-option-value\">\n          {option.valueLabel}\n        </span>\n      </div>\n    ));\n\n    const bundleOptions = item.bundleOptions?.map((option) => (\n      <div\n        key={option.label}\n        className=\"quote-management-product-list-table__bundle-option\"\n      >\n        <span className=\"quote-management-product-list-table__bundle-option-label\">\n          {option.label}\n        </span>\n        <div className=\"quote-management-product-list-table__bundle-option-values\">\n          {option.values.map((value) => (\n            <span\n              key={value.label}\n              className=\"quote-management-product-list-table__bundle-option-value\"\n            >\n              <span className=\"quote-management-product-list-table__bundle-option-value-quantity\">\n                {value.quantity} x\n              </span>\n              <span className=\"quote-management-product-list-table__bundle-option-value-label\">\n                {value.label}\n              </span>\n              <Price\n                className=\"quote-management-product-list-table__bundle-option-value-original-price\"\n                amount={value.originalPrice.value}\n                currency={value.originalPrice.currency}\n                weight=\"normal\"\n              />\n            </span>\n          ))}\n        </div>\n      </div>\n    ));\n\n    return (\n      <div className=\"quote-management-product-list-table__product-name-container\">\n        <span className=\"quote-management-product-list-table__product-name\">\n          {item.product.name}\n        </span>\n        {configurableOptions}\n        {bundleOptions}\n      </div>\n    );\n  };\n\n  const rowData = items.map((item) => {\n    const quantityElement = canEdit ? (\n      <Input\n        className=\"quote-management-product-list-table__quantity-input\"\n        type=\"number\"\n        min=\"1\"\n        value={\n          currentQuantities[item.uid]?.toString() || item.quantity.toString()\n        }\n        onChange={(e) => handleQuantityChange(e, item)}\n        disabled={readOnly || !canEdit}\n        data-testid={`quantity-input-${item.product.sku}`}\n      />\n    ) : (\n      <span className=\"quote-management-product-list-table__quantity\">\n        {item.quantity}\n      </span>\n    );\n\n    return {\n      checkbox: (\n        <Checkbox\n          className=\"quote-management-product-list-table__checkbox\"\n          name=\"itemSelected\"\n          data-testid={`item-checkbox-${item.product.sku}`}\n          onChange={(e) => handleItemCheckboxChange(e, item)}\n          value={item.product.sku}\n        />\n      ),\n      productName: getProductNameContent(item),\n      sku: (\n        <span className=\"quote-management-product-list-table__sku\">\n          {item.product.sku}\n        </span>\n      ),\n      price: (\n        <Price\n          className=\"quote-management-product-list-table__price\"\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      quantity: quantityElement,\n      discount: item.catalogDiscount ? discountElement(\n        item.catalogDiscount.amountOff,\n        item.catalogDiscount.percentOff\n      ) : undefined,\n      subtotal: (\n        <Price\n          className=\"quote-management-product-list-table__subtotal\"\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n      actions: (\n        <Picker\n          className=\"quote-management-product-list-table__actions\"\n          data-testid={`item-dropdown-${item.product.sku}`}\n          name={`item-dropdown-${item.product.sku}`}\n          handleSelect={(e) => handleItemDropdownChange(e, item)}\n          placeholder=\"Select\"\n          value={dropdownSelections?.[item.uid] ?? ''}\n          options={[\n            { text: dictionary.editNoteToSeller, value: 'edit' },\n            { text: dictionary.remove, value: 'remove' },\n          ]}\n        />\n      ),\n    };\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\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    ? {\n        onSubmit: handleUpdate,\n        ...props,\n      }\n    : props;\n\n  const submitButton = (\n    <Button\n      type=\"submit\"\n      disabled={readOnly || !canEdit || !hasQuantityChanges}\n      data-testid=\"product-list-table-submit-button\"\n    >\n      {dictionary.updateButton}\n    </Button>\n  );\n\n  return (\n    <VComponent\n      node={wrapperNode}\n      className={classes([\n        'quote-management-product-list-table-container',\n        className,\n      ])}\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"],"names":["ItemsQuoted","className","loading","table","pricesSummary","props","ItemsQuotedSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ProductListTable","items","canEdit","readOnly","onItemCheckboxChange","onItemDropdownChange","onQuantityChange","onUpdate","dropdownSelections","originalQuantities","setOriginalQuantities","useState","currentQuantities","setCurrentQuantities","useEffect","quantities","item","hasQuantityChanges","uid","dictionary","useText","columns","handleItemCheckboxChange","event","isSelected","handleItemDropdownChange","action","handleQuantityChange","newQuantity","prev","handleUpdate","discountElement","amountOff","percentOff","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","rowData","quantityElement","Input","e","Checkbox","Picker","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment"],"mappings":"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"}
+{"version":3,"file":"QuotePricesSummary.js","sources":["/@dropins/storefront-quote-management/src/components/ItemsQuoted/ItemsQuoted.tsx","/@dropins/storefront-quote-management/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-quote-management/src/components/QuotePricesSummary/QuotePricesSummary.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ItemsQuoted/ItemsQuoted.css';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport interface ItemsQuotedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  loading?: boolean;\n  table?: VNode;\n  pricesSummary?: VNode;\n}\n\nexport const ItemsQuoted: FunctionComponent<ItemsQuotedProps> = ({\n  className,\n  loading,\n  table,\n  pricesSummary,\n  ...props\n}) => {\n  if (loading) {\n    return <ItemsQuotedSkeleton />;\n  }\n\n  return (\n    <div className={classes(['quote-management-items-quoted', className])} {...props}>\n      {table && (\n        <VComponent\n          node={table}\n          className={classes(['quote-management-items-quoted__table'])}\n          data-testid=\"quote-management-items-quoted__table\"\n        />\n      )}\n      {pricesSummary && (\n        <VComponent\n          node={pricesSummary}\n          className={classes(['quote-management-items-quoted__prices-summary'])}\n          data-testid=\"quote-management-items-quoted__prices-summary\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const ItemsQuotedSkeleton: FunctionComponent = () => {\n  return (\n    <Skeleton data-testid=\"items-quoted-skeleton\">\n      <SkeletonRow variant=\"row\" fullWidth={true} size=\"medium\" lines={4} multilineGap='xsmall' />\n    </Skeleton>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Table,\n  Checkbox,\n  Picker,\n  Price,\n  Button,\n  Input,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { getUserTimezone } from '@/quote-management/utils/dateUtils';\n\nimport '@/quote-management/components/ProductListTable/ProductListTable.css';\n\nexport interface ProductListTableItem {\n  uid: string;\n  product: {\n    name: string;\n    sku: string;\n  };\n  prices: {\n    originalItemPrice: {\n      value: number;\n      currency: string;\n    };\n    rowTotal: {\n      value: number;\n      currency: string;\n    };\n  };\n  quantity: number;\n  catalogDiscount?: {\n    amountOff: number;\n    percentOff: number;\n  };\n  configurableOptions?: Array<{\n    optionLabel: string;\n    valueLabel: string;\n  }>;\n  bundleOptions?: Array<{\n    label: string;\n    values: Array<{\n      label: string;\n      quantity: number;\n      originalPrice: {\n        value: number;\n        currency: string;\n      };\n    }>;\n  }>;\n  noteFromBuyer?: Array<{\n    createdAt: string;\n    creatorId: number;\n    creatorType: number;\n    negotiableQuoteItemUid: string;\n    note: string;\n    noteUid: string;\n  }>;\n}\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  items: ProductListTableItem[];\n  canEdit: boolean;\n  readOnly?: boolean;\n  onItemCheckboxChange?: (\n    item: ProductListTableItem,\n    isSelected: boolean\n  ) => void;\n  onItemDropdownChange?: (item: ProductListTableItem, action: string) => void;\n  onQuantityChange?: (item: ProductListTableItem, newQuantity: number) => void;\n  onUpdate?: (e: SubmitEvent) => void;\n  dropdownSelections?: Record<string, string | undefined>;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  canEdit,\n  readOnly = false,\n  onItemCheckboxChange,\n  onItemDropdownChange,\n  onQuantityChange,\n  onUpdate,\n  dropdownSelections,\n  ...props\n}) => {\n  // Track original quantities to detect changes\n  const [originalQuantities, setOriginalQuantities] = useState<\n    Record<string, number>\n  >({});\n  const [currentQuantities, setCurrentQuantities] = useState<\n    Record<string, number>\n  >({});\n\n  // Initialize quantities when items change\n  useEffect(() => {\n    const quantities: Record<string, number> = {};\n    items.forEach((item) => {\n      quantities[item.uid] = item.quantity;\n    });\n    setOriginalQuantities(quantities);\n    setCurrentQuantities(quantities);\n  }, [items]);\n\n  // Check if any quantities have changed\n  const hasQuantityChanges = Object.keys(currentQuantities).some(\n    (uid) => currentQuantities[uid] !== originalQuantities[uid]\n  );\n\n  const dictionary = useText({\n    updateButton: 'NegotiableQuote.Manage.productListTable.submitButton',\n    productNameHeader:\n      '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:\n      'NegotiableQuote.Manage.productListTable.actions.editNoteToSeller',\n    remove: 'NegotiableQuote.Manage.productListTable.actions.remove',\n    notesHeader: 'NegotiableQuote.Manage.productListTable.notes.header',\n    leftANote: 'NegotiableQuote.Manage.productListTable.notes.leftANote',\n    buyer: 'NegotiableQuote.Manage.productListTable.notes.buyer',\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 && !readOnly) {\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 = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    onItemCheckboxChange?.(item, isSelected);\n  };\n\n  const handleItemDropdownChange = (\n    event: Event,\n    item: ProductListTableItem\n  ) => {\n    const action = (event.target as HTMLSelectElement).value;\n    onItemDropdownChange?.(item, action);\n  };\n\n  const handleQuantityChange = (event: Event, item: ProductListTableItem) => {\n    const newQuantity = parseInt((event.target as HTMLInputElement).value, 10);\n    if (!isNaN(newQuantity) && newQuantity > 0) {\n      setCurrentQuantities((prev) => ({\n        ...prev,\n        [item.uid]: newQuantity,\n      }));\n      onQuantityChange?.(item, newQuantity);\n    }\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\">\n          {percentOff}%\n        </span>\n        <span className=\"quote-management-product-list-table__discount-price\">\n          (<Price amount={amountOff} />)\n        </span>\n      </div>\n    ) : undefined;\n  };\n\n  const getProductNameContent = (item: ProductListTableItem) => {\n    const configurableOptions = item.configurableOptions?.map((option) => (\n      <div\n        key={option.optionLabel}\n        className=\"quote-management-product-list-table__configurable-option\"\n      >\n        <span className=\"quote-management-product-list-table__configurable-option-label\">\n          {option.optionLabel}:\n        </span>\n        <span className=\"quote-management-product-list-table__configurable-option-value\">\n          {option.valueLabel}\n        </span>\n      </div>\n    ));\n\n    const bundleOptions = item.bundleOptions?.map((option) => (\n      <div\n        key={option.label}\n        className=\"quote-management-product-list-table__bundle-option\"\n      >\n        <span className=\"quote-management-product-list-table__bundle-option-label\">\n          {option.label}\n        </span>\n        <div className=\"quote-management-product-list-table__bundle-option-values\">\n          {option.values.map((value) => (\n            <span\n              key={value.label}\n              className=\"quote-management-product-list-table__bundle-option-value\"\n            >\n              <span className=\"quote-management-product-list-table__bundle-option-value-quantity\">\n                {value.quantity} x\n              </span>\n              <span className=\"quote-management-product-list-table__bundle-option-value-label\">\n                {value.label}\n              </span>\n              <Price\n                className=\"quote-management-product-list-table__bundle-option-value-original-price\"\n                amount={value.originalPrice.value}\n                currency={value.originalPrice.currency}\n                weight=\"normal\"\n              />\n            </span>\n          ))}\n        </div>\n      </div>\n    ));\n\n    return (\n      <div className=\"quote-management-product-list-table__product-name-container\">\n        <span className=\"quote-management-product-list-table__product-name\">\n          {item.product.name}\n        </span>\n        {configurableOptions}\n        {bundleOptions}\n      </div>\n    );\n  };\n\n  const formatNoteTimestamp = (timestamp: string) => {\n    const date = new Date(timestamp);\n    return date.toLocaleString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: true,\n      timeZone: getUserTimezone(),\n    });\n  };\n\n  const getNotesContent = (item: ProductListTableItem) => {\n    // Check if notes exist and have valid data\n    if (!item.noteFromBuyer || item.noteFromBuyer.length === 0) {\n      return null;\n    }\n\n    // Filter out notes with null or empty note text\n    const validNotes = item.noteFromBuyer.filter(\n      (note) => note && note.note && note.note.trim() !== ''\n    );\n\n    if (validNotes.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        className=\"quote-management-product-list-table__notes-container\"\n        data-testid={`item-notes-${item.product.sku}`}\n      >\n        <div className=\"quote-management-product-list-table__notes-header\">\n          {dictionary.notesHeader}\n        </div>\n        <div className=\"quote-management-product-list-table__notes-list\">\n          {validNotes.map((note, index) => (\n            <div\n              key={note.noteUid || index}\n              className=\"quote-management-product-list-table__note-item\"\n            >\n              <div className=\"quote-management-product-list-table__note-content\">\n                <strong className=\"quote-management-product-list-table__note-meta\">\n                  {/* TODO: When backend exposes creator_name for notes, replace (Buyer) with the actual name */}\n                  {formatNoteTimestamp(note.createdAt)} ({dictionary.buyer})\n                </strong>{' '}\n                {dictionary.leftANote}\n              </div>\n              <div className=\"quote-management-product-list-table__note-text\">\n                {note.note}{' '}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const rowData = items.flatMap((item) => {\n    const quantityElement = canEdit ? (\n      <Input\n        className=\"quote-management-product-list-table__quantity-input\"\n        type=\"number\"\n        min=\"1\"\n        value={\n          currentQuantities[item.uid]?.toString() || item.quantity.toString()\n        }\n        onChange={(e) => handleQuantityChange(e, item)}\n        disabled={readOnly || !canEdit}\n        data-testid={`quantity-input-${item.product.sku}`}\n      />\n    ) : (\n      <span className=\"quote-management-product-list-table__quantity\">\n        {item.quantity}\n      </span>\n    );\n\n    const productRow = {\n      checkbox: (\n        <Checkbox\n          className=\"quote-management-product-list-table__checkbox\"\n          name=\"itemSelected\"\n          data-testid={`item-checkbox-${item.product.sku}`}\n          onChange={(e) => handleItemCheckboxChange(e, item)}\n          value={item.product.sku}\n        />\n      ),\n      productName: getProductNameContent(item),\n      sku: (\n        <span className=\"quote-management-product-list-table__sku\">\n          {item.product.sku}\n        </span>\n      ),\n      price: (\n        <Price\n          className=\"quote-management-product-list-table__price\"\n          amount={item.prices.originalItemPrice.value}\n          currency={item.prices.originalItemPrice.currency}\n        />\n      ),\n      quantity: quantityElement,\n      discount: item.catalogDiscount\n        ? discountElement(\n            item.catalogDiscount.amountOff,\n            item.catalogDiscount.percentOff\n          )\n        : undefined,\n      subtotal: (\n        <Price\n          className=\"quote-management-product-list-table__subtotal\"\n          amount={item.prices.rowTotal.value}\n          currency={item.prices.rowTotal.currency}\n        />\n      ),\n      actions: (\n        <Picker\n          className=\"quote-management-product-list-table__actions\"\n          data-testid={`item-dropdown-${item.product.sku}`}\n          name={`item-dropdown-${item.product.sku}`}\n          handleSelect={(e) => handleItemDropdownChange(e, item)}\n          placeholder=\"Select\"\n          value={dropdownSelections?.[item.uid] ?? ''}\n          options={[\n            { text: dictionary.editNoteToSeller, value: 'edit' },\n            { text: dictionary.remove, value: 'remove' },\n          ]}\n        />\n      ),\n    };\n\n    const notes = getNotesContent(item);\n\n    // If there are notes, create a notes row\n    if (notes) {\n      const notesRow = {\n        checkbox: '',\n        productName: (\n          <div className=\"quote-management-product-list-table__notes-row-wrapper\">\n            {notes}\n          </div>\n        ),\n        sku: '',\n        price: '',\n        quantity: '',\n        discount: '',\n        subtotal: '',\n        actions: '',\n      };\n      return [productRow, notesRow];\n    }\n\n    return [productRow];\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\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    ? {\n        onSubmit: handleUpdate,\n        ...props,\n      }\n    : props;\n\n  const submitButton = (\n    <Button\n      type=\"submit\"\n      disabled={readOnly || !canEdit || !hasQuantityChanges}\n      data-testid=\"product-list-table-submit-button\"\n    >\n      {dictionary.updateButton}\n    </Button>\n  );\n\n  return (\n    <VComponent\n      node={wrapperNode}\n      className={classes([\n        'quote-management-product-list-table-container',\n        className,\n      ])}\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"],"names":["ItemsQuoted","className","loading","table","pricesSummary","props","ItemsQuotedSkeleton","jsxs","classes","jsx","VComponent","Skeleton","SkeletonRow","ProductListTable","items","canEdit","readOnly","onItemCheckboxChange","onItemDropdownChange","onQuantityChange","onUpdate","dropdownSelections","originalQuantities","setOriginalQuantities","useState","currentQuantities","setCurrentQuantities","useEffect","quantities","item","hasQuantityChanges","uid","dictionary","useText","columns","handleItemCheckboxChange","event","isSelected","handleItemDropdownChange","action","handleQuantityChange","newQuantity","prev","handleUpdate","discountElement","amountOff","percentOff","Price","getProductNameContent","configurableOptions","_a","option","bundleOptions","_b","value","formatNoteTimestamp","timestamp","getUserTimezone","getNotesContent","validNotes","note","index","rowData","quantityElement","Input","e","productRow","Checkbox","Picker","notes","Table","wrapperNode","h","wrapperProps","submitButton","Button","QuotePricesSummary","entries","createEntry","entry","children","Accordion","AccordionSection","Fragment"],"mappings":"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"}

package/chunks/TabbedContent.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as u,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as v,useMemo as _}from"@dropins/tools/preact-compat.js";import{classes as n,VComponent as p}from"@dropins/tools/lib.js";/* empty css                             */const q=({className:s,tabs:a,tabsContent:c,defaultActiveTab:r,...i})=>{const[o,b]=v(r||Array.from(a.keys())[0]),d=e=>{b(e)},m=_(()=>c.get(o),[o,c]);return u("div",{...i,className:n(["quote-management-tabbed-content",s]),children:[a&&t("div",{"data-testid":"tabbed-content-tabs",className:n(["quote-management-tabbed-content__tabs"]),children:Array.from(a.entries()).map(([e,l])=>t("button",{className:n(["quote-management-tabbed-content__tab",["quote-management-tabbed-content__tab--active",e===o]]),onClick:()=>d(e),children:l},e))}),m&&t("div",{className:n(["quote-management-tabbed-content__active-tab-content"]),children:t(p,{node:m})})]})};export{q as T};
+import{jsx as n,jsxs as u}from"@dropins/tools/preact-jsx-runtime.js";import{classes as s,VComponent as _}from"@dropins/tools/lib.js";/* empty css                 */import{Picker as h}from"@dropins/tools/components.js";import{useState as g,useMemo as q}from"@dropins/tools/preact-compat.js";const x=({className:r,dropdownPlaceholder:m,dropdownOptions:a,dropdownValue:o,handleDropdownChange:d,buttons:e,...l})=>{const b=a&&a.length>0,i=e&&e.length>0,t=(a==null?void 0:a.map(c=>({text:c.label,value:c.value})))||[];return t.unshift({text:m||"",value:""}),n("div",{className:"quote-management-actions-bar__container","data-testid":"actions-bar-container",children:u("div",{className:s(["quote-management-actions-bar",r]),"data-testid":"actions-bar",...l,children:[b&&n(h,{name:"dropdown",id:"dropdown",handleSelect:d,className:"quote-management-actions-bar__dropdown","data-testid":"dropdown",options:t,value:o||""},`actions-bar-picker-${o||"empty"}`),i&&n("div",{className:"quote-management-actions-bar__buttons","data-testid":"buttons-container",children:e==null?void 0:e.map((c,v)=>n(_,{node:c,className:s(["quote-management-actions-bar__button"])},v))})]})})},A=({className:r,tabs:m,tabsContent:a,defaultActiveTab:o,...d})=>{const[e,l]=g(o||Array.from(m.keys())[0]),b=t=>{l(t)},i=q(()=>a.get(e),[e,a]);return u("div",{...d,className:s(["quote-management-tabbed-content",r]),children:[m&&n("div",{"data-testid":"tabbed-content-tabs",className:s(["quote-management-tabbed-content__tabs"]),children:Array.from(m.entries()).map(([t,c])=>n("button",{className:s(["quote-management-tabbed-content__tab",["quote-management-tabbed-content__tab--active",t===e]]),onClick:()=>b(t),children:c},t))}),i&&n("div",{className:s(["quote-management-tabbed-content__active-tab-content"]),children:n(_,{node:i})})]})};export{x as A,A as T};
 //# sourceMappingURL=TabbedContent.js.map

package/chunks/TabbedContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedContent.js","sources":["/@dropins/storefront-quote-management/src/components/TabbedContent/TabbedContent.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, useMemo, useState } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/TabbedContent/TabbedContent.css';\n\nexport interface TabbedContentProps extends HTMLAttributes<HTMLDivElement> {\n  tabs: Map<string, string>;\n  tabsContent: Map<string, VNode>;\n  defaultActiveTab?: string;\n}\n\nexport const TabbedContent: FunctionComponent<TabbedContentProps> = ({\n  className,\n  tabs,\n  tabsContent,\n  defaultActiveTab,\n  ...props\n}) => {\n  const [activeTabId, setActiveTabId] = useState<string>(\n    defaultActiveTab || Array.from(tabs.keys())[0]\n  );\n\n  const handleTabClick = (tabId: string) => {\n    setActiveTabId(tabId);\n  };\n\n  const activeTabContent = useMemo(() => {\n    return tabsContent.get(activeTabId);\n  }, [activeTabId, tabsContent]);\n\n  return (\n    <div {...props} className={classes(['quote-management-tabbed-content', className])}>\n      {tabs &&\n        <div data-testid=\"tabbed-content-tabs\" className={classes(['quote-management-tabbed-content__tabs'])}>\n          {Array.from(tabs.entries()).map(([tabId, tabLabel]) => (\n            <button\n              className={\n                classes([\n                  'quote-management-tabbed-content__tab',\n                  ['quote-management-tabbed-content__tab--active', tabId === activeTabId]\n                ])}\n              key={tabId}\n              onClick={() => handleTabClick(tabId)}\n            >\n              {tabLabel}\n            </button>\n          ))}\n        </div>\n      }\n      {\n        activeTabContent &&\n        <div className={classes(['quote-management-tabbed-content__active-tab-content'])}>\n          <VComponent\n            node={activeTabContent as VNode}\n          />\n        </div>\n      }\n    </div>\n  );\n};\n"],"names":["TabbedContent","className","tabs","tabsContent","defaultActiveTab","props","activeTabId","setActiveTabId","useState","handleTabClick","tabId","activeTabContent","useMemo","jsxs","classes","jsx","tabLabel","VComponent"],"mappings":"wPAoBO,MAAMA,EAAuD,CAAC,CACnE,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIC,EACpCJ,GAAoB,MAAM,KAAKF,EAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAGzCO,EAAkBC,GAAkB,CACxCH,EAAeG,CAAK,CACtB,EAEMC,EAAmBC,EAAQ,IACxBT,EAAY,IAAIG,CAAW,EACjC,CAACA,EAAaH,CAAW,CAAC,EAE7B,OACEU,EAAC,MAAA,CAAK,GAAGR,EAAO,UAAWS,EAAQ,CAAC,kCAAmCb,CAAS,CAAC,EAC9E,SAAA,CAAAC,GACCa,EAAC,OAAI,cAAY,sBAAsB,UAAWD,EAAQ,CAAC,uCAAuC,CAAC,EAChG,eAAM,KAAKZ,EAAK,SAAS,EAAE,IAAI,CAAC,CAACQ,EAAOM,CAAQ,IAC/CD,EAAC,SAAA,CACC,UACED,EAAQ,CACN,uCACA,CAAC,+CAAgDJ,IAAUJ,CAAW,CAAA,CACvE,EAEH,QAAS,IAAMG,EAAeC,CAAK,EAElC,SAAAM,CAAA,EAHIN,CAAA,CAKR,EACH,EAGAC,KACC,MAAA,CAAI,UAAWG,EAAQ,CAAC,qDAAqD,CAAC,EAC7E,SAAAC,EAACE,EAAA,CACC,KAAMN,CAAA,CAAA,CACR,CACF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"TabbedContent.js","sources":["/@dropins/storefront-quote-management/src/components/ActionsBar/ActionsBar.tsx","/@dropins/storefront-quote-management/src/components/TabbedContent/TabbedContent.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/ActionsBar/ActionsBar.css';\nimport { Picker } from '@adobe-commerce/elsie/components';\n\nexport interface ActionsBarProps extends HTMLAttributes<HTMLDivElement> {\n  dropdownPlaceholder?: string;\n  dropdownOptions?: {\n    label: string;\n    value: string;\n  }[];\n  dropdownValue?: string;\n  handleDropdownChange?: (event: Event) => void;\n  buttons?: VNode[];\n}\n\nexport const ActionsBar: FunctionComponent<ActionsBarProps> = ({\n  className,\n  dropdownPlaceholder,\n  dropdownOptions,\n  dropdownValue,\n  handleDropdownChange,\n  buttons,\n  ...props\n}) => {\n  const hasDropdown = dropdownOptions && dropdownOptions.length > 0;\n  const hasButtons = buttons && buttons.length > 0;\n\n  const pickerOptions =\n    dropdownOptions?.map((option) => ({\n      text: option.label,\n      value: option.value,\n    })) || [];\n  pickerOptions.unshift({\n    text: dropdownPlaceholder || '',\n    value: '',\n  });\n\n  return (\n    <div\n      className=\"quote-management-actions-bar__container\"\n      data-testid=\"actions-bar-container\"\n    >\n      <div\n        className={classes(['quote-management-actions-bar', className])}\n        data-testid=\"actions-bar\"\n        {...props}\n      >\n        {hasDropdown && (\n          <Picker\n            key={`actions-bar-picker-${dropdownValue || 'empty'}`}\n            name=\"dropdown\"\n            id=\"dropdown\"\n            handleSelect={handleDropdownChange}\n            className=\"quote-management-actions-bar__dropdown\"\n            data-testid=\"dropdown\"\n            options={pickerOptions}\n            value={dropdownValue || ''}\n          />\n        )}\n        {hasButtons && (\n          <div\n            className=\"quote-management-actions-bar__buttons\"\n            data-testid=\"buttons-container\"\n          >\n            {buttons?.map((button, index) => (\n              <VComponent\n                node={button}\n                className={classes(['quote-management-actions-bar__button'])}\n                key={index}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/quote-management/components/TabbedContent/TabbedContent.css';\n\nexport interface TabbedContentProps extends HTMLAttributes<HTMLDivElement> {\n  tabs: Map<string, string>;\n  tabsContent: Map<string, VNode>;\n  defaultActiveTab?: string;\n}\n\nexport const TabbedContent: FunctionComponent<TabbedContentProps> = ({\n  className,\n  tabs,\n  tabsContent,\n  defaultActiveTab,\n  ...props\n}) => {\n  const [activeTabId, setActiveTabId] = useState<string>(\n    defaultActiveTab || Array.from(tabs.keys())[0]\n  );\n\n  const handleTabClick = (tabId: string) => {\n    setActiveTabId(tabId);\n  };\n\n  const activeTabContent = useMemo(() => {\n    return tabsContent.get(activeTabId);\n  }, [activeTabId, tabsContent]);\n\n  return (\n    <div {...props} className={classes(['quote-management-tabbed-content', className])}>\n      {tabs &&\n        <div data-testid=\"tabbed-content-tabs\" className={classes(['quote-management-tabbed-content__tabs'])}>\n          {Array.from(tabs.entries()).map(([tabId, tabLabel]) => (\n            <button\n              className={\n                classes([\n                  'quote-management-tabbed-content__tab',\n                  ['quote-management-tabbed-content__tab--active', tabId === activeTabId]\n                ])}\n              key={tabId}\n              onClick={() => handleTabClick(tabId)}\n            >\n              {tabLabel}\n            </button>\n          ))}\n        </div>\n      }\n      {\n        activeTabContent &&\n        <div className={classes(['quote-management-tabbed-content__active-tab-content'])}>\n          <VComponent\n            node={activeTabContent as VNode}\n          />\n        </div>\n      }\n    </div>\n  );\n};\n"],"names":["ActionsBar","className","dropdownPlaceholder","dropdownOptions","dropdownValue","handleDropdownChange","buttons","props","hasDropdown","hasButtons","pickerOptions","option","jsx","jsxs","classes","Picker","button","index","VComponent","TabbedContent","tabs","tabsContent","defaultActiveTab","activeTabId","setActiveTabId","useState","handleTabClick","tabId","activeTabContent","useMemo","tabLabel"],"mappings":"kSA0BO,MAAMA,EAAiD,CAAC,CAC7D,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAcL,GAAmBA,EAAgB,OAAS,EAC1DM,EAAaH,GAAWA,EAAQ,OAAS,EAEzCI,GACJP,GAAA,YAAAA,EAAiB,IAAKQ,IAAY,CAChC,KAAMA,EAAO,MACb,MAAOA,EAAO,KAAA,MACT,CAAA,EACT,OAAAD,EAAc,QAAQ,CACpB,KAAMR,GAAuB,GAC7B,MAAO,EAAA,CACR,EAGCU,EAAC,MAAA,CACC,UAAU,0CACV,cAAY,wBAEZ,SAAAC,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,+BAAgCb,CAAS,CAAC,EAC9D,cAAY,cACX,GAAGM,EAEH,SAAA,CAAAC,GACCI,EAACG,EAAA,CAEC,KAAK,WACL,GAAG,WACH,aAAcV,EACd,UAAU,yCACV,cAAY,WACZ,QAASK,EACT,MAAON,GAAiB,EAAA,EAPnB,sBAAsBA,GAAiB,OAAO,EAAA,EAUtDK,GACCG,EAAC,MAAA,CACC,UAAU,wCACV,cAAY,oBAEX,SAAAN,GAAA,YAAAA,EAAS,IAAI,CAACU,EAAQC,IACrBL,EAACM,EAAA,CACC,KAAMF,EACN,UAAWF,EAAQ,CAAC,sCAAsC,CAAC,CAAA,EACtDG,CAAA,EAER,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAGN,ECnEaE,EAAuD,CAAC,CACnE,UAAAlB,EACA,KAAAmB,EACA,YAAAC,EACA,iBAAAC,EACA,GAAGf,CACL,IAAM,CACJ,KAAM,CAACgB,EAAaC,CAAc,EAAIC,EACpCH,GAAoB,MAAM,KAAKF,EAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAGzCM,EAAkBC,GAAkB,CACxCH,EAAeG,CAAK,CACtB,EAEMC,EAAmBC,EAAQ,IACxBR,EAAY,IAAIE,CAAW,EACjC,CAACA,EAAaF,CAAW,CAAC,EAE7B,OACER,EAAC,MAAA,CAAK,GAAGN,EAAO,UAAWO,EAAQ,CAAC,kCAAmCb,CAAS,CAAC,EAC9E,SAAA,CAAAmB,GACCR,EAAC,OAAI,cAAY,sBAAsB,UAAWE,EAAQ,CAAC,uCAAuC,CAAC,EAChG,eAAM,KAAKM,EAAK,SAAS,EAAE,IAAI,CAAC,CAACO,EAAOG,CAAQ,IAC/ClB,EAAC,SAAA,CACC,UACEE,EAAQ,CACN,uCACA,CAAC,+CAAgDa,IAAUJ,CAAW,CAAA,CACvE,EAEH,QAAS,IAAMG,EAAeC,CAAK,EAElC,SAAAG,CAAA,EAHIH,CAAA,CAKR,EACH,EAGAC,KACC,MAAA,CAAI,UAAWd,EAAQ,CAAC,qDAAqD,CAAC,EAC7E,SAAAF,EAACM,EAAA,CACC,KAAMU,CAAA,CAAA,CACR,CACF,CAAA,EAEJ,CAEJ"}