@dropins/storefront-quote-management 0.0.1-alpha13 → 0.0.1-alpha15

package/containers/ManageNegotiableQuote.js

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

package/containers/ManageNegotiableQuote.js.map

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

package/containers/QuoteCommentsList/QuoteCommentsList.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { NegotiableQuoteModel } from '../../data/models/negotiable-quote-model';
+
+export interface QuoteCommentsListProps extends HTMLAttributes<HTMLUListElement> {
+    quoteData?: NegotiableQuoteModel;
+}
+export declare const QuoteCommentsList: Container<QuoteCommentsListProps>;
+//# sourceMappingURL=QuoteCommentsList.d.ts.map

package/containers/QuoteCommentsList/index.d.ts

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

package/containers/QuoteCommentsList.d.ts

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

package/containers/QuoteCommentsList.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{Q as a,Q}from"../chunks/QuoteCommentsList.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/lib.js";/* empty css                          */import"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";export{a as QuoteCommentsList,Q as default};
+//# sourceMappingURL=QuoteCommentsList.js.map

package/containers/QuoteCommentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteCommentsList.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/containers/QuoteHistoryLog/QuoteHistoryLog.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { NegotiableQuoteModel } from '../../data/models/negotiable-quote-model';
+
+export interface QuoteHistoryLogProps extends HTMLAttributes<HTMLDivElement> {
+    quoteData?: NegotiableQuoteModel;
+}
+export declare const QuoteHistoryLog: Container<QuoteHistoryLogProps>;
+//# sourceMappingURL=QuoteHistoryLog.d.ts.map

package/containers/QuoteHistoryLog/index.d.ts

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

package/containers/QuoteHistoryLog.d.ts

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

package/containers/QuoteHistoryLog.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{Q as s,Q}from"../chunks/QuoteHistoryLog.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/lib.js";/* empty css                        */import"@dropins/tools/i18n.js";export{s as QuoteHistoryLog,Q as default};
+//# sourceMappingURL=QuoteHistoryLog.js.map

package/containers/QuoteHistoryLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteHistoryLog.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/containers/QuotesListTable.js

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

package/containers/QuotesListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuotesListTable.js","sources":["/@dropins/storefront-quote-management/src/components/QuotesListTable/QuotesListTable.tsx","/@dropins/storefront-quote-management/src/containers/QuotesListTable/QuotesListTable.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 } from '@adobe-commerce/elsie/lib';\nimport { Table } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/quote-management/components/QuotesListTable/QuotesListTable.css';\n\ntype Column = {\n  key: string;\n  label: string;\n};\n\nexport interface QuotesListTableProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading' | 'children'> {\n  rowData: QuoteRowData[];\n  loading?: boolean;\n  className?: string;\n  emptyStateMessage?: VNode;\n  showItemRange?: boolean;\n  itemRangeMessage?: VNode;\n  showPageSizePicker?: boolean;\n  pageSizePickerMessage?: VNode;\n  showPagination?: boolean;\n  paginationMessage?: VNode;\n}\n\nexport type QuoteRowData = {\n  id: string;\n  quoteName: VNode;\n  created: VNode;\n  createdBy: VNode;\n  status: VNode;\n  lastUpdated: VNode;\n  quoteTemplate: VNode;\n  quoteTotal: VNode;\n  actions: VNode;\n  [key: string]: VNode | string | number | undefined;\n};\n\nexport const QuotesListTable: FunctionComponent<QuotesListTableProps> = ({\n  rowData = [],\n  loading = false,\n  className,\n  emptyStateMessage,\n  showItemRange = true,\n  itemRangeMessage,\n  showPageSizePicker = true,\n  pageSizePickerMessage,\n  showPagination = true,\n  paginationMessage,\n  ...props\n}) => {\n  const dictionary = useText({\n    quoteName: 'QuoteManagement.QuotesListTable.quoteName',\n    created: 'QuoteManagement.QuotesListTable.created',\n    createdBy: 'QuoteManagement.QuotesListTable.createdBy',\n    status: 'QuoteManagement.QuotesListTable.status',\n    lastUpdated: 'QuoteManagement.QuotesListTable.lastUpdated',\n    quoteTemplate: 'QuoteManagement.QuotesListTable.quoteTemplate',\n    quoteTotal: 'QuoteManagement.QuotesListTable.quoteTotal',\n    actions: 'QuoteManagement.QuotesListTable.actions',\n  });\n\n  const columns: Column[] = [\n    { key: 'quoteName', label: dictionary.quoteName },\n    { key: 'created', label: dictionary.created },\n    { key: 'createdBy', label: dictionary.createdBy },\n    { key: 'status', label: dictionary.status },\n    { key: 'lastUpdated', label: dictionary.lastUpdated },\n    { key: 'quoteTemplate', label: dictionary.quoteTemplate },\n    { key: 'quoteTotal', label: dictionary.quoteTotal },\n    { key: 'actions', label: dictionary.actions },\n  ];\n\n  // Check if we should show empty state\n  const shouldShowEmptyState =\n    !loading && rowData.length === 0 && emptyStateMessage;\n\n  // Show item range if requested and message is provided\n  const shouldShowItemRange = showItemRange && itemRangeMessage;\n\n  // Show page size picker if requested and message is provided\n  const shouldShowPageSizePicker = showPageSizePicker && pageSizePickerMessage;\n\n  // Show pagination if requested and message is provided\n  const shouldShowPagination = showPagination && paginationMessage;\n\n  // Show footer if any pagination element should be shown\n  const shouldShowFooter =\n    shouldShowItemRange || shouldShowPageSizePicker || shouldShowPagination;\n\n  return (\n    <div\n      {...props}\n      className={classes(['quote-management-quotes-list-table', className])}\n    >\n      <Table\n        columns={columns}\n        rowData={rowData}\n        loading={loading}\n        mobileLayout=\"none\"\n        className=\"quote-management-quotes-list-table__table\"\n      />\n      {shouldShowEmptyState && (\n        <div className=\"quotes-list-table__empty-state\">\n          {emptyStateMessage}\n        </div>\n      )}\n      {shouldShowFooter && (\n        <div className=\"quotes-list-table__footer\">\n          <div className=\"quotes-list-table__item-range\">\n            {shouldShowItemRange && itemRangeMessage}\n          </div>\n          <div className=\"quotes-list-table__pagination\">\n            {shouldShowPagination && paginationMessage}\n          </div>\n          <div className=\"quotes-list-table__page-size-picker\">\n            {shouldShowPageSizePicker && pageSizePickerMessage}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport {\n  Price,\n  Button,\n  IllustratedMessage,\n  Picker,\n  Pagination,\n  type PickerOption,\n} from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  QuotesListTable as QuotesListTableComponent,\n  QuoteRowData,\n} from '@/quote-management/components';\nimport { negotiableQuotes } from '@/quote-management/api';\nimport { getDefaultPageSizeOptions } from '@/quote-management/data/transforms';\nimport {\n  NegotiableQuotesListModel,\n  NegotiableQuoteListEntry,\n} from '@/quote-management/data/models';\n\nexport interface QuotesListTableProps extends HTMLAttributes<HTMLDivElement> {\n  pageSize?: number;\n  showItemRange?: boolean;\n  showPageSizePicker?: boolean;\n  showPagination?: boolean;\n  onViewQuote?: (quoteId: string, quoteName: string, status: string) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPageChange?: (page: number) => void;\n  slots?: {\n    /** Slot for customizing the quote name cell content */\n    QuoteName?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the created date cell content */\n    Created?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the created by cell content */\n    CreatedBy?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the status cell content */\n    Status?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the last updated cell content */\n    LastUpdated?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the quote template cell content */\n    QuoteTemplate?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the quote total cell content */\n    QuoteTotal?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the actions cell content */\n    Actions?: SlotProps<{\n      quote: NegotiableQuoteListEntry;\n      onViewQuote?: (id: string, name: string, status: string) => void;\n    }>;\n    /** Slot for customizing the empty quotes message */\n    EmptyQuotes?: SlotProps;\n    /** Slot for customizing the item range display */\n    ItemRange?: SlotProps<{\n      startItem: number;\n      endItem: number;\n      totalCount: number;\n      currentPage: number;\n      pageSize: number;\n    }>;\n    /** Slot for customizing the page size picker */\n    PageSizePicker?: SlotProps<{\n      pageSize: number;\n      pageSizeOptions: number[];\n      onPageSizeChange?: (pageSize: number) => void;\n    }>;\n    /** Slot for customizing the pagination */\n    Pagination?: SlotProps<{\n      currentPage: number;\n      totalPages: number;\n      onChange?: (page: number) => void;\n    }>;\n  };\n}\n\nexport const QuotesListTable: Container<QuotesListTableProps> = ({\n  pageSize,\n  showItemRange = true,\n  showPageSizePicker = true,\n  showPagination = true,\n  onViewQuote,\n  onPageSizeChange,\n  onPageChange,\n  slots,\n  ...props\n}) => {\n  const [quotesData, setQuotesData] =\n    useState<NegotiableQuotesListModel | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  // Default to first page size option if no pageSize prop provided\n  const defaultPageSize = getDefaultPageSizeOptions()[0];\n  const [currentPageSize, setCurrentPageSize] = useState(\n    pageSize || defaultPageSize\n  );\n  const [currentPage, setCurrentPage] = useState(1);\n\n  // Fetch quotes data when authenticated\n  useEffect(() => {\n    const fetchQuotes = async () => {\n      try {\n        setLoading(true);\n        const data = await negotiableQuotes({\n          pageSize: currentPageSize,\n          currentPage,\n        });\n        setQuotesData(data);\n      } catch (error) {\n        console.error('Failed to fetch quotes:', error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    // Listen for authentication events\n    const unsubscribe = events.on(\n      'authenticated',\n      (isAuthenticated) => {\n        if (isAuthenticated) {\n          fetchQuotes();\n        } else {\n          setQuotesData(null);\n          setLoading(false);\n        }\n      },\n      { eager: true }\n    ); // eager: true means it fires immediately with current state\n\n    return () => {\n      unsubscribe?.off();\n    };\n  }, [currentPageSize, currentPage]);\n\n  // Handle page size change\n  const handlePageSizeChange = (newPageSize: number) => {\n    setCurrentPageSize(newPageSize);\n    setCurrentPage(1); // Reset to page 1 when page size changes\n    onPageSizeChange?.(newPageSize); // Also call parent callback\n  };\n\n  // Handle page change\n  const handlePageChange = (newPage: number) => {\n    setCurrentPage(newPage);\n    onPageChange?.(newPage); // Also call parent callback\n  };\n\n  // Handle page size picker selection\n  const handlePageSizeSelect = (event: Event) => {\n    const target = event.target as HTMLSelectElement;\n    const value = target?.value;\n    if (value) {\n      handlePageSizeChange(Number(value));\n    }\n  };\n\n  // Prepare transformed quote data for table component\n  const prepareRowData = (\n    quotes: NegotiableQuoteListEntry[],\n    slots?: QuotesListTableProps['slots'],\n    onViewQuote?: (quoteId: string, quoteName: string, status: string) => void\n  ): QuoteRowData[] => {\n    return quotes\n      .filter((quote) => quote?.uid) // Filter out null quotes\n      .map((quote) => {\n        const createdByName = `${quote.buyer.firstname} ${quote.buyer.lastname}`;\n\n        return {\n          id: quote.uid,\n          quoteName: (\n            <Slot name=\"QuoteName\" slot={slots?.QuoteName} context={{ quote }}>\n              <span>{quote.name}</span>\n            </Slot>\n          ),\n          created: (\n            <Slot name=\"Created\" slot={slots?.Created} context={{ quote }}>\n              <span>\n                {quote.createdAt\n                  ? new Date(quote.createdAt).toLocaleDateString()\n                  : 'N/A'}\n              </span>\n            </Slot>\n          ),\n          createdBy: (\n            <Slot name=\"CreatedBy\" slot={slots?.CreatedBy} context={{ quote }}>\n              <span>{createdByName}</span>\n            </Slot>\n          ),\n          status: (\n            <Slot name=\"Status\" slot={slots?.Status} context={{ quote }}>\n              <span>{quote.status}</span>\n            </Slot>\n          ),\n          lastUpdated: (\n            <Slot\n              name=\"LastUpdated\"\n              slot={slots?.LastUpdated}\n              context={{ quote }}\n            >\n              <span>\n                {quote.updatedAt\n                  ? new Date(quote.updatedAt).toLocaleDateString()\n                  : 'N/A'}\n              </span>\n            </Slot>\n          ),\n          quoteTemplate: (\n            <Slot\n              name=\"QuoteTemplate\"\n              slot={slots?.QuoteTemplate}\n              context={{ quote }}\n            >\n              <span>{quote.templateName}</span>\n            </Slot>\n          ),\n          quoteTotal: (\n            <Slot\n              name=\"QuoteTotal\"\n              slot={slots?.QuoteTotal}\n              context={{ quote }}\n            >\n              <Price\n                amount={quote.prices?.grandTotal?.value}\n                currency={quote.prices?.grandTotal?.currency}\n              />\n            </Slot>\n          ),\n          actions: (\n            <Slot\n              name=\"Actions\"\n              slot={slots?.Actions}\n              context={{ quote, onViewQuote }}\n            >\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                onClick={() =>\n                  onViewQuote?.(quote.uid, quote.name, quote.status)\n                }\n              >\n                View\n              </Button>\n            </Slot>\n          ),\n        };\n      });\n  };\n\n  // Prepare data for rendering\n  const rowData = quotesData?.items\n    ? prepareRowData(quotesData.items, slots, onViewQuote)\n    : [];\n\n  const paginationInfo = quotesData?.paginationInfo;\n  const shouldShowPagination = !!paginationInfo;\n\n  // Empty state message\n  const emptyStateMessage = (\n    <Slot name=\"EmptyQuotes\" slot={slots?.EmptyQuotes} context={{ quotesData }}>\n      <IllustratedMessage heading=\"No Quotes Found\" />\n    </Slot>\n  );\n\n  // Item range message\n  const itemRangeMessage = paginationInfo ? (\n    <Slot name=\"ItemRange\" slot={slots?.ItemRange} context={paginationInfo}>\n      <span>\n        Items {paginationInfo.startItem} to {paginationInfo.endItem} of{' '}\n        {paginationInfo.totalCount} total\n      </span>\n    </Slot>\n  ) : undefined;\n\n  // Prepare page size picker message for component\n  const pageSizePickerMessage =\n    paginationInfo && paginationInfo.pageSizeOptions ? (\n      <Slot\n        name=\"PageSizePicker\"\n        slot={slots?.PageSizePicker}\n        context={{\n          pageSize: paginationInfo.pageSize,\n          pageSizeOptions: paginationInfo.pageSizeOptions,\n          onPageSizeChange: handlePageSizeChange,\n        }}\n      >\n        <span>Show </span>\n        <Picker\n          variant=\"primary\"\n          size=\"medium\"\n          value={String(paginationInfo.pageSize)}\n          options={paginationInfo.pageSizeOptions.map(\n            (size): PickerOption => ({\n              value: String(size),\n              text: String(size),\n            })\n          )}\n          handleSelect={handlePageSizeSelect}\n        />\n        <span> per page</span>\n      </Slot>\n    ) : undefined;\n\n  // Prepare pagination message for component\n  const paginationMessage = paginationInfo ? (\n    <Slot\n      name=\"Pagination\"\n      slot={slots?.Pagination}\n      context={{\n        currentPage: paginationInfo.currentPage,\n        totalPages: paginationInfo.totalPages,\n        onChange: handlePageChange,\n      }}\n    >\n      <Pagination\n        currentPage={paginationInfo.currentPage}\n        totalPages={paginationInfo.totalPages}\n        onChange={handlePageChange}\n      />\n    </Slot>\n  ) : undefined;\n\n  return (\n    <QuotesListTableComponent\n      rowData={rowData}\n      loading={loading}\n      className={props.className as string}\n      emptyStateMessage={emptyStateMessage}\n      showItemRange={showItemRange && shouldShowPagination}\n      itemRangeMessage={itemRangeMessage}\n      showPageSizePicker={showPageSizePicker && shouldShowPagination}\n      pageSizePickerMessage={pageSizePickerMessage}\n      showPagination={showPagination && shouldShowPagination}\n      paginationMessage={paginationMessage}\n    />\n  );\n};\n"],"names":["QuotesListTable","rowData","loading","className","emptyStateMessage","showItemRange","itemRangeMessage","showPageSizePicker","pageSizePickerMessage","showPagination","paginationMessage","props","dictionary","useText","columns","shouldShowEmptyState","shouldShowItemRange","shouldShowPageSizePicker","shouldShowPagination","shouldShowFooter","jsxs","classes","jsx","Table","pageSize","onViewQuote","onPageSizeChange","onPageChange","slots","quotesData","setQuotesData","useState","setLoading","defaultPageSize","getDefaultPageSizeOptions","currentPageSize","setCurrentPageSize","currentPage","setCurrentPage","useEffect","fetchQuotes","data","negotiableQuotes","error","unsubscribe","events","isAuthenticated","handlePageSizeChange","newPageSize","handlePageChange","newPage","handlePageSizeSelect","event","target","value","prepareRowData","quotes","quote","createdByName","Slot","Price","_b","_a","_d","_c","Button","paginationInfo","IllustratedMessage","Picker","size","Pagination","QuotesListTableComponent"],"mappings":"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"}
+{"version":3,"file":"QuotesListTable.js","sources":["/@dropins/storefront-quote-management/src/components/QuotesListTable/QuotesListTable.tsx","/@dropins/storefront-quote-management/src/containers/QuotesListTable/QuotesListTable.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 } from '@adobe-commerce/elsie/lib';\nimport { Table } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/quote-management/components/QuotesListTable/QuotesListTable.css';\n\ntype Column = {\n  key: string;\n  label: string;\n};\n\nexport interface QuotesListTableProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading' | 'children'> {\n  rowData: QuoteRowData[];\n  loading?: boolean;\n  className?: string;\n  emptyStateMessage?: VNode;\n  showItemRange?: boolean;\n  itemRangeMessage?: VNode;\n  showPageSizePicker?: boolean;\n  pageSizePickerMessage?: VNode;\n  showPagination?: boolean;\n  paginationMessage?: VNode;\n}\n\nexport type QuoteRowData = {\n  id: string;\n  quoteName: VNode;\n  created: VNode;\n  createdBy: VNode;\n  status: VNode;\n  lastUpdated: VNode;\n  quoteTemplate: VNode;\n  quoteTotal: VNode;\n  actions: VNode;\n  [key: string]: VNode | string | number | undefined;\n};\n\nexport const QuotesListTable: FunctionComponent<QuotesListTableProps> = ({\n  rowData = [],\n  loading = false,\n  className,\n  emptyStateMessage,\n  showItemRange = true,\n  itemRangeMessage,\n  showPageSizePicker = true,\n  pageSizePickerMessage,\n  showPagination = true,\n  paginationMessage,\n  ...props\n}) => {\n  const dictionary = useText({\n    quoteName: 'QuoteManagement.QuotesListTable.quoteName',\n    created: 'QuoteManagement.QuotesListTable.created',\n    createdBy: 'QuoteManagement.QuotesListTable.createdBy',\n    status: 'QuoteManagement.QuotesListTable.status',\n    lastUpdated: 'QuoteManagement.QuotesListTable.lastUpdated',\n    quoteTemplate: 'QuoteManagement.QuotesListTable.quoteTemplate',\n    quoteTotal: 'QuoteManagement.QuotesListTable.quoteTotal',\n    actions: 'QuoteManagement.QuotesListTable.actions',\n  });\n\n  const columns: Column[] = [\n    { key: 'quoteName', label: dictionary.quoteName },\n    { key: 'created', label: dictionary.created },\n    { key: 'createdBy', label: dictionary.createdBy },\n    { key: 'status', label: dictionary.status },\n    { key: 'lastUpdated', label: dictionary.lastUpdated },\n    { key: 'quoteTemplate', label: dictionary.quoteTemplate },\n    { key: 'quoteTotal', label: dictionary.quoteTotal },\n    { key: 'actions', label: dictionary.actions },\n  ];\n\n  // Check if we should show empty state\n  const shouldShowEmptyState =\n    !loading && rowData.length === 0 && emptyStateMessage;\n\n  // Show item range if requested and message is provided\n  const shouldShowItemRange = showItemRange && itemRangeMessage;\n\n  // Show page size picker if requested and message is provided\n  const shouldShowPageSizePicker = showPageSizePicker && pageSizePickerMessage;\n\n  // Show pagination if requested and message is provided\n  const shouldShowPagination = showPagination && paginationMessage;\n\n  // Show footer if any pagination element should be shown\n  const shouldShowFooter =\n    shouldShowItemRange || shouldShowPageSizePicker || shouldShowPagination;\n\n  return (\n    <div\n      {...props}\n      className={classes(['quote-management-quotes-list-table', className])}\n    >\n      <Table\n        columns={columns}\n        rowData={rowData}\n        loading={loading}\n        mobileLayout=\"none\"\n        className=\"quote-management-quotes-list-table__table\"\n      />\n      {shouldShowEmptyState && (\n        <div className=\"quotes-list-table__empty-state\">\n          {emptyStateMessage}\n        </div>\n      )}\n      {shouldShowFooter && (\n        <div className=\"quotes-list-table__footer\">\n          <div className=\"quotes-list-table__item-range\">\n            {shouldShowItemRange && itemRangeMessage}\n          </div>\n          <div className=\"quotes-list-table__pagination\">\n            {shouldShowPagination && paginationMessage}\n          </div>\n          <div className=\"quotes-list-table__page-size-picker\">\n            {shouldShowPageSizePicker && pageSizePickerMessage}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport {\n  Price,\n  Button,\n  IllustratedMessage,\n  Picker,\n  Pagination,\n  type PickerOption,\n} from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  QuotesListTable as QuotesListTableComponent,\n  QuoteRowData,\n} from '@/quote-management/components';\nimport { negotiableQuotes } from '@/quote-management/api';\nimport { getDefaultPageSizeOptions } from '@/quote-management/data/transforms';\nimport {\n  NegotiableQuotesListModel,\n  NegotiableQuoteListEntry,\n} from '@/quote-management/data/models';\n\nexport interface QuotesListTableProps extends HTMLAttributes<HTMLDivElement> {\n  pageSize?: number;\n  showItemRange?: boolean;\n  showPageSizePicker?: boolean;\n  showPagination?: boolean;\n  onViewQuote?: (quoteId: string, quoteName: string, status: string) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPageChange?: (page: number) => void;\n  slots?: {\n    /** Slot for customizing the quote name cell content */\n    QuoteName?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the created date cell content */\n    Created?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the created by cell content */\n    CreatedBy?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the status cell content */\n    Status?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the last updated cell content */\n    LastUpdated?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the quote template cell content */\n    QuoteTemplate?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the quote total cell content */\n    QuoteTotal?: SlotProps<{ quote: NegotiableQuoteListEntry }>;\n    /** Slot for customizing the actions cell content */\n    Actions?: SlotProps<{\n      quote: NegotiableQuoteListEntry;\n      onViewQuote?: (id: string, name: string, status: string) => void;\n    }>;\n    /** Slot for customizing the empty quotes message */\n    EmptyQuotes?: SlotProps;\n    /** Slot for customizing the item range display */\n    ItemRange?: SlotProps<{\n      startItem: number;\n      endItem: number;\n      totalCount: number;\n      currentPage: number;\n      pageSize: number;\n    }>;\n    /** Slot for customizing the page size picker */\n    PageSizePicker?: SlotProps<{\n      pageSize: number;\n      pageSizeOptions: number[];\n      onPageSizeChange?: (pageSize: number) => void;\n    }>;\n    /** Slot for customizing the pagination */\n    Pagination?: SlotProps<{\n      currentPage: number;\n      totalPages: number;\n      onChange?: (page: number) => void;\n    }>;\n  };\n}\n\nexport const QuotesListTable: Container<QuotesListTableProps> = ({\n  pageSize,\n  showItemRange = true,\n  showPageSizePicker = true,\n  showPagination = true,\n  onViewQuote,\n  onPageSizeChange,\n  onPageChange,\n  slots,\n  ...props\n}) => {\n  const [quotesData, setQuotesData] =\n    useState<NegotiableQuotesListModel | null>(null);\n  const [loading, setLoading] = useState(true);\n\n  // Default to first page size option if no pageSize prop provided\n  const defaultPageSize = getDefaultPageSizeOptions()[0];\n  const [currentPageSize, setCurrentPageSize] = useState(\n    pageSize || defaultPageSize\n  );\n  const [currentPage, setCurrentPage] = useState(1);\n\n  // Fetch quotes data when authenticated\n  useEffect(() => {\n    const fetchQuotes = async () => {\n      try {\n        setLoading(true);\n        const data = await negotiableQuotes({\n          pageSize: currentPageSize,\n          currentPage,\n        });\n        setQuotesData(data);\n      } catch (error) {\n        console.error('Failed to fetch quotes:', error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    // Listen for authentication events\n    const unsubscribe = events.on(\n      'authenticated',\n      (isAuthenticated) => {\n        if (isAuthenticated) {\n          fetchQuotes();\n        } else {\n          setQuotesData(null);\n          setLoading(false);\n        }\n      },\n      { eager: true }\n    ); // eager: true means it fires immediately with current state\n\n    return () => {\n      unsubscribe?.off();\n    };\n  }, [currentPageSize, currentPage]);\n\n  // Handle page size change\n  const handlePageSizeChange = (newPageSize: number) => {\n    setCurrentPageSize(newPageSize);\n    setCurrentPage(1); // Reset to page 1 when page size changes\n    onPageSizeChange?.(newPageSize); // Also call parent callback\n  };\n\n  // Handle page change\n  const handlePageChange = (newPage: number) => {\n    setCurrentPage(newPage);\n    onPageChange?.(newPage); // Also call parent callback\n  };\n\n  // Handle page size picker selection\n  const handlePageSizeSelect = (event: Event) => {\n    const target = event.target as HTMLSelectElement;\n    const value = target?.value;\n    if (value) {\n      handlePageSizeChange(Number(value));\n    }\n  };\n\n  // Prepare transformed quote data for table component\n  const prepareRowData = (\n    quotes: NegotiableQuoteListEntry[],\n    slots?: QuotesListTableProps['slots'],\n    onViewQuote?: (quoteId: string, quoteName: string, status: string) => void\n  ): QuoteRowData[] => {\n    return quotes\n      .filter((quote) => quote?.uid) // Filter out null quotes\n      .map((quote) => {\n        const createdByName = `${quote.buyer.firstname} ${quote.buyer.lastname}`;\n\n        return {\n          id: quote.uid,\n          quoteName: (\n            <Slot name=\"QuoteName\" slot={slots?.QuoteName} context={{ quote }}>\n              <span>{quote.name}</span>\n            </Slot>\n          ),\n          created: (\n            <Slot name=\"Created\" slot={slots?.Created} context={{ quote }}>\n              <span>\n                {quote.createdAt\n                  ? new Date(quote.createdAt).toLocaleDateString()\n                  : 'N/A'}\n              </span>\n            </Slot>\n          ),\n          createdBy: (\n            <Slot name=\"CreatedBy\" slot={slots?.CreatedBy} context={{ quote }}>\n              <span>{createdByName}</span>\n            </Slot>\n          ),\n          status: (\n            <Slot name=\"Status\" slot={slots?.Status} context={{ quote }}>\n              <span>{quote.status}</span>\n            </Slot>\n          ),\n          lastUpdated: (\n            <Slot\n              name=\"LastUpdated\"\n              slot={slots?.LastUpdated}\n              context={{ quote }}\n            >\n              <span>\n                {quote.updatedAt\n                  ? new Date(quote.updatedAt).toLocaleDateString()\n                  : 'N/A'}\n              </span>\n            </Slot>\n          ),\n          quoteTemplate: (\n            <Slot\n              name=\"QuoteTemplate\"\n              slot={slots?.QuoteTemplate}\n              context={{ quote }}\n            >\n              <span>{quote.templateName}</span>\n            </Slot>\n          ),\n          quoteTotal: (\n            <Slot\n              name=\"QuoteTotal\"\n              slot={slots?.QuoteTotal}\n              context={{ quote }}\n            >\n              <Price\n                amount={quote.prices?.grandTotal?.value}\n                currency={quote.prices?.grandTotal?.currency}\n              />\n            </Slot>\n          ),\n          actions: (\n            <Slot\n              name=\"Actions\"\n              slot={slots?.Actions}\n              context={{ quote, onViewQuote }}\n            >\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                onClick={() =>\n                  onViewQuote?.(quote.uid, quote.name, quote.status)\n                }\n              >\n                View\n              </Button>\n            </Slot>\n          ),\n        };\n      });\n  };\n\n  // Prepare data for rendering\n  const rowData = quotesData?.items\n    ? prepareRowData(quotesData.items, slots, onViewQuote)\n    : [];\n\n  const paginationInfo = quotesData?.paginationInfo;\n  const shouldShowPagination = !!paginationInfo;\n\n  // Empty state message\n  const emptyStateMessage = (\n    <Slot name=\"EmptyQuotes\" slot={slots?.EmptyQuotes} context={{ quotesData }}>\n      <IllustratedMessage heading=\"No Quotes Found\" />\n    </Slot>\n  );\n\n  // Item range message\n  const itemRangeMessage = paginationInfo ? (\n    <Slot name=\"ItemRange\" slot={slots?.ItemRange} context={paginationInfo}>\n      <span>\n        Items {paginationInfo.startItem} to {paginationInfo.endItem} of{' '}\n        {paginationInfo.totalCount} total\n      </span>\n    </Slot>\n  ) : undefined;\n\n  // Prepare page size picker message for component\n  const pageSizePickerMessage =\n    paginationInfo && paginationInfo.pageSizeOptions ? (\n      <Slot\n        name=\"PageSizePicker\"\n        slot={slots?.PageSizePicker}\n        context={{\n          pageSize: paginationInfo.pageSize,\n          pageSizeOptions: paginationInfo.pageSizeOptions,\n          onPageSizeChange: handlePageSizeChange,\n        }}\n      >\n        <span>Show </span>\n        <Picker\n          variant=\"primary\"\n          size=\"medium\"\n          value={String(paginationInfo.pageSize)}\n          options={paginationInfo.pageSizeOptions.map(\n            (size): PickerOption => ({\n              value: String(size),\n              text: String(size),\n            })\n          )}\n          handleSelect={handlePageSizeSelect}\n        />\n        <span> per page</span>\n      </Slot>\n    ) : undefined;\n\n  // Prepare pagination message for component\n  const paginationMessage = paginationInfo ? (\n    <Slot\n      name=\"Pagination\"\n      slot={slots?.Pagination}\n      context={{\n        currentPage: paginationInfo.currentPage,\n        totalPages: paginationInfo.totalPages,\n        onChange: handlePageChange,\n      }}\n    >\n      <Pagination\n        currentPage={paginationInfo.currentPage}\n        totalPages={paginationInfo.totalPages}\n        onChange={handlePageChange}\n      />\n    </Slot>\n  ) : undefined;\n\n  return (\n    <QuotesListTableComponent\n      rowData={rowData}\n      loading={loading}\n      className={props.className as string}\n      emptyStateMessage={emptyStateMessage}\n      showItemRange={showItemRange && shouldShowPagination}\n      itemRangeMessage={itemRangeMessage}\n      showPageSizePicker={showPageSizePicker && shouldShowPagination}\n      pageSizePickerMessage={pageSizePickerMessage}\n      showPagination={showPagination && shouldShowPagination}\n      paginationMessage={paginationMessage}\n    />\n  );\n};\n"],"names":["QuotesListTable","rowData","loading","className","emptyStateMessage","showItemRange","itemRangeMessage","showPageSizePicker","pageSizePickerMessage","showPagination","paginationMessage","props","dictionary","useText","columns","shouldShowEmptyState","shouldShowItemRange","shouldShowPageSizePicker","shouldShowPagination","shouldShowFooter","jsxs","classes","jsx","Table","pageSize","onViewQuote","onPageSizeChange","onPageChange","slots","quotesData","setQuotesData","useState","setLoading","defaultPageSize","getDefaultPageSizeOptions","currentPageSize","setCurrentPageSize","currentPage","setCurrentPage","useEffect","fetchQuotes","data","negotiableQuotes","error","unsubscribe","events","isAuthenticated","handlePageSizeChange","newPageSize","handlePageChange","newPage","handlePageSizeSelect","event","target","value","prepareRowData","quotes","quote","createdByName","Slot","Price","_b","_a","_d","_c","Button","paginationInfo","IllustratedMessage","Picker","size","Pagination","QuotesListTableComponent"],"mappings":"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"}

package/containers/RequestNegotiableQuoteForm.js

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