@dropins/storefront-quote-management 0.0.1-alpha20 → 0.0.1-alpha21

package/components/QuoteTemplatesListTable/QuoteTemplatesListTable.d.ts

@@ -15,7 +15,6 @@ export interface QuoteTemplatesListTableProps extends Omit<HTMLAttributes<HTMLDi
 }
 export type QuoteTemplateRowData = {
     id: string;
-    templateId: VNode;
     name: VNode;
     state: VNode;
     status: VNode;

package/containers/QuoteTemplatesListTable/QuoteTemplatesListTable.d.ts

@@ -10,10 +10,6 @@ export interface QuoteTemplatesListTableProps extends HTMLAttributes<HTMLDivElem
     onPageSizeChange?: (pageSize: number) => void;
     onPageChange?: (page: number) => void;
     slots?: {
-        /** Slot for customizing the template ID cell content */
-        TemplateId?: SlotProps<{
-            template: NegotiableQuoteTemplateListEntry;
-        }>;
         /** Slot for customizing the template name cell content */
         Name?: SlotProps<{
             template: NegotiableQuoteTemplateListEntry;

package/containers/QuoteTemplatesListTable.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as I,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{useState as Q,useEffect as E}from"@dropins/tools/preact-compat.js";import{classes as A,Slot as l}from"@dropins/tools/lib.js";import{Table as C,IllustratedMessage as F,Picker as j,Pagination as G,Price as V}from"@dropins/tools/components.js";import{events as $}from"@dropins/tools/event-bus.js";/* empty css                        *//* empty css                         */import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import{useText as B}from"@dropins/tools/i18n.js";/* empty css                        *//* empty css                                  *//* empty css                          */import{g as k}from"../chunks/fetch-graphql.js";import"../chunks/state.js";import{g as H}from"../chunks/getQuoteTemplates.js";import"@dropins/tools/fetch-graphql.js";const J=({rowData:g=[],loading:h=!1,className:v,emptyStateMessage:T,showItemRange:m=!0,itemRangeMessage:d,showPageSizePicker:o=!0,pageSizePickerMessage:S,showPagination:n=!0,paginationMessage:u,...y})=>{const c=B({templateId:"QuoteManagement.QuoteTemplatesListTable.templateId",name:"QuoteManagement.QuoteTemplatesListTable.name",state:"QuoteManagement.QuoteTemplatesListTable.state",status:"QuoteManagement.QuoteTemplatesListTable.status",validUntil:"QuoteManagement.QuoteTemplatesListTable.validUntil",minQuoteTotal:"QuoteManagement.QuoteTemplatesListTable.minQuoteTotal",ordersPlaced:"QuoteManagement.QuoteTemplatesListTable.ordersPlaced",lastOrdered:"QuoteManagement.QuoteTemplatesListTable.lastOrdered",actions:"QuoteManagement.QuoteTemplatesListTable.actions"}),z=[{key:"templateId",label:c.templateId},{key:"name",label:c.name},{key:"state",label:c.state},{key:"status",label:c.status},{key:"validUntil",label:c.validUntil},{key:"minQuoteTotal",label:c.minQuoteTotal},{key:"ordersPlaced",label:c.ordersPlaced},{key:"lastOrdered",label:c.lastOrdered},{key:"actions",label:c.actions}],P=!h&&g.length===0&&T,f=m&&d,s=o&&S,p=n&&u,b=f||s||p;return I("div",{...y,className:A(["quote-management-quote-templates-list-table",v]),children:[a(C,{columns:z,rowData:g,loading:h,mobileLayout:"none",className:"quote-management-quote-templates-list-table__table"}),P&&a("div",{className:"quote-templates-list-table__empty-state",children:T}),b&&I("div",{className:"quote-templates-list-table__footer",children:[a("div",{className:"quote-templates-list-table__item-range",children:f&&d}),a("div",{className:"quote-templates-list-table__pagination",children:p&&u}),a("div",{className:"quote-templates-list-table__page-size-picker",children:s&&S})]})]})},se=({pageSize:g,showItemRange:h=!0,showPageSizePicker:v=!0,showPagination:T=!0,onPageSizeChange:m,onPageChange:d,slots:o,...S})=>{const[n,u]=Q(null),[y,c]=Q(!0),z=k()[0],[P,f]=Q(g||z),[s,p]=Q(1);E(()=>{const r=async()=>{try{c(!0);const t=await H({pageSize:P,currentPage:s});u(t)}catch(t){console.error("Failed to fetch quote templates:",t)}finally{c(!1)}},e=$.on("authenticated",t=>{t?r():(u(null),c(!1))},{eager:!0});return()=>{e==null||e.off()}},[P,s]);const b=r=>{f(r),p(1),m==null||m(r)},N=r=>{p(r),d==null||d(r)},M=r=>{const e=r.target,t=e==null?void 0:e.value;t&&b(Number(t))},L=r=>{const e=new Date(r);return isNaN(e.getTime())?"–":e.toLocaleDateString()},_=(r,e)=>r.filter(t=>t==null?void 0:t.uid).map(t=>{var O;return{id:t.id,templateId:a(l,{name:"TemplateId",slot:e==null?void 0:e.TemplateId,context:{template:t},children:a("span",{children:t.id})}),name:a(l,{name:"Name",slot:e==null?void 0:e.Name,context:{template:t},children:a("span",{children:t.name})}),state:a(l,{name:"State",slot:e==null?void 0:e.State,context:{template:t},children:a("span",{style:{textTransform:"capitalize"},children:((O=t.state)==null?void 0:O.replace(/_/g," "))||"-"})}),status:a(l,{name:"Status",slot:e==null?void 0:e.Status,context:{template:t},children:a("span",{children:t.status})}),validUntil:a(l,{name:"ValidUntil",slot:e==null?void 0:e.ValidUntil,context:{template:t},children:a("span",{children:L(t.expirationDate)})}),minQuoteTotal:a(l,{name:"MinQuoteTotal",slot:e==null?void 0:e.MinQuoteTotal,context:{template:t},children:a(V,{amount:t.prices.minNegotiatedGrandTotal.value,currency:t.prices.minNegotiatedGrandTotal.currency})}),ordersPlaced:a(l,{name:"OrdersPlaced",slot:e==null?void 0:e.OrdersPlaced,context:{template:t},children:a("span",{children:t.ordersPlaced})}),lastOrdered:a(l,{name:"LastOrdered",slot:e==null?void 0:e.LastOrdered,context:{template:t},children:a("span",{children:L(t.lastOrderedAt)})}),actions:a(l,{name:"Actions",slot:e==null?void 0:e.Actions,context:{template:t},children:a("span",{})})}}),w=n!=null&&n.items?_(n.items,o):[],i=n!=null&&n.pageInfo?{currentPage:n.pageInfo.currentPage,pageSize:n.pageInfo.pageSize,totalPages:n.pageInfo.totalPages,totalCount:n.totalCount,startItem:(n.pageInfo.currentPage-1)*n.pageInfo.pageSize+1,endItem:Math.min(n.pageInfo.currentPage*n.pageInfo.pageSize,n.totalCount),pageSizeOptions:k()}:void 0,x=!!i,q=a(l,{name:"EmptyTemplates",slot:o==null?void 0:o.EmptyTemplates,context:{templatesData:n},children:a(F,{heading:"No Quote Templates Found"})}),U=i?a(l,{name:"ItemRange",slot:o==null?void 0:o.ItemRange,context:i,children:I("span",{children:["Items ",i.startItem," to ",i.endItem," of"," ",i.totalCount," total"]})}):void 0,R=i&&i.pageSizeOptions?I(l,{name:"PageSizePicker",slot:o==null?void 0:o.PageSizePicker,context:{pageSize:i.pageSize,pageSizeOptions:i.pageSizeOptions,onPageSizeChange:b},children:[a("span",{children:"Show "}),a(j,{variant:"primary",size:"medium",value:String(i.pageSize),options:i.pageSizeOptions.map(r=>({value:String(r),text:String(r)})),handleSelect:M}),a("span",{children:" per page"})]}):void 0,D=i?a(l,{name:"Pagination",slot:o==null?void 0:o.Pagination,context:{currentPage:i.currentPage,totalPages:i.totalPages,onChange:N},children:a(G,{currentPage:i.currentPage,totalPages:i.totalPages,onChange:N})}):void 0;return a(J,{rowData:w,loading:y,className:S.className,emptyStateMessage:q,showItemRange:h&&x,itemRangeMessage:U,showPageSizePicker:v&&x,pageSizePickerMessage:R,showPagination:T&&x,paginationMessage:D})};export{se as QuoteTemplatesListTable,se as default};
+import{jsxs as v,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{useState as Q,useEffect as E}from"@dropins/tools/preact-compat.js";import{classes as A,Slot as l}from"@dropins/tools/lib.js";import{Table as C,IllustratedMessage as F,Picker as j,Pagination as G,Price as V}from"@dropins/tools/components.js";import{events as $}from"@dropins/tools/event-bus.js";/* empty css                        *//* empty css                         */import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import{useText as B}from"@dropins/tools/i18n.js";/* empty css                        *//* empty css                                  *//* empty css                          */import{g as k}from"../chunks/fetch-graphql.js";import"../chunks/state.js";import{g as H}from"../chunks/getQuoteTemplates.js";import"@dropins/tools/fetch-graphql.js";const J=({rowData:p=[],loading:h=!1,className:y,emptyStateMessage:S,showItemRange:u=!0,itemRangeMessage:d,showPageSizePicker:o=!0,pageSizePickerMessage:T,showPagination:n=!0,paginationMessage:m,...z})=>{const c=B({name:"QuoteManagement.QuoteTemplatesListTable.name",state:"QuoteManagement.QuoteTemplatesListTable.state",status:"QuoteManagement.QuoteTemplatesListTable.status",validUntil:"QuoteManagement.QuoteTemplatesListTable.validUntil",minQuoteTotal:"QuoteManagement.QuoteTemplatesListTable.minQuoteTotal",ordersPlaced:"QuoteManagement.QuoteTemplatesListTable.ordersPlaced",lastOrdered:"QuoteManagement.QuoteTemplatesListTable.lastOrdered",actions:"QuoteManagement.QuoteTemplatesListTable.actions"}),x=[{key:"name",label:c.name},{key:"state",label:c.state},{key:"status",label:c.status},{key:"validUntil",label:c.validUntil},{key:"minQuoteTotal",label:c.minQuoteTotal},{key:"ordersPlaced",label:c.ordersPlaced},{key:"lastOrdered",label:c.lastOrdered},{key:"actions",label:c.actions}],P=!h&&p.length===0&&S,f=u&&d,s=o&&T,g=n&&m,b=f||s||g;return v("div",{...z,className:A(["quote-management-quote-templates-list-table",y]),children:[a(C,{columns:x,rowData:p,loading:h,mobileLayout:"none",className:"quote-management-quote-templates-list-table__table"}),P&&a("div",{className:"quote-templates-list-table__empty-state",children:S}),b&&v("div",{className:"quote-templates-list-table__footer",children:[a("div",{className:"quote-templates-list-table__item-range",children:f&&d}),a("div",{className:"quote-templates-list-table__pagination",children:g&&m}),a("div",{className:"quote-templates-list-table__page-size-picker",children:s&&T})]})]})},se=({pageSize:p,showItemRange:h=!0,showPageSizePicker:y=!0,showPagination:S=!0,onPageSizeChange:u,onPageChange:d,slots:o,...T})=>{const[n,m]=Q(null),[z,c]=Q(!0),x=k()[0],[P,f]=Q(p||x),[s,g]=Q(1);E(()=>{const r=async()=>{try{c(!0);const t=await H({pageSize:P,currentPage:s});m(t)}catch(t){console.error("Failed to fetch quote templates:",t)}finally{c(!1)}},e=$.on("authenticated",t=>{t?r():(m(null),c(!1))},{eager:!0});return()=>{e==null||e.off()}},[P,s]);const b=r=>{f(r),g(1),u==null||u(r)},N=r=>{g(r),d==null||d(r)},_=r=>{const e=r.target,t=e==null?void 0:e.value;t&&b(Number(t))},O=r=>{const e=new Date(r);return isNaN(e.getTime())?"–":e.toLocaleDateString()},M=(r,e)=>r.filter(t=>t==null?void 0:t.uid).map(t=>{var L;return{id:t.id,name:a(l,{name:"Name",slot:e==null?void 0:e.Name,context:{template:t},children:a("span",{children:t.name})}),state:a(l,{name:"State",slot:e==null?void 0:e.State,context:{template:t},children:a("span",{style:{textTransform:"capitalize"},children:((L=t.state)==null?void 0:L.replace(/_/g," "))||"-"})}),status:a(l,{name:"Status",slot:e==null?void 0:e.Status,context:{template:t},children:a("span",{children:t.status})}),validUntil:a(l,{name:"ValidUntil",slot:e==null?void 0:e.ValidUntil,context:{template:t},children:a("span",{children:O(t.expirationDate)})}),minQuoteTotal:a(l,{name:"MinQuoteTotal",slot:e==null?void 0:e.MinQuoteTotal,context:{template:t},children:a(V,{amount:t.prices.minNegotiatedGrandTotal.value,currency:t.prices.minNegotiatedGrandTotal.currency})}),ordersPlaced:a(l,{name:"OrdersPlaced",slot:e==null?void 0:e.OrdersPlaced,context:{template:t},children:a("span",{children:t.ordersPlaced})}),lastOrdered:a(l,{name:"LastOrdered",slot:e==null?void 0:e.LastOrdered,context:{template:t},children:a("span",{children:O(t.lastOrderedAt)})}),actions:a(l,{name:"Actions",slot:e==null?void 0:e.Actions,context:{template:t},children:a("span",{})})}}),w=n!=null&&n.items?M(n.items,o):[],i=n!=null&&n.pageInfo?{currentPage:n.pageInfo.currentPage,pageSize:n.pageInfo.pageSize,totalPages:n.pageInfo.totalPages,totalCount:n.totalCount,startItem:(n.pageInfo.currentPage-1)*n.pageInfo.pageSize+1,endItem:Math.min(n.pageInfo.currentPage*n.pageInfo.pageSize,n.totalCount),pageSizeOptions:k()}:void 0,I=!!i,q=a(l,{name:"EmptyTemplates",slot:o==null?void 0:o.EmptyTemplates,context:{templatesData:n},children:a(F,{heading:"No Quote Templates Found"})}),U=i?a(l,{name:"ItemRange",slot:o==null?void 0:o.ItemRange,context:i,children:v("span",{children:["Items ",i.startItem," to ",i.endItem," of"," ",i.totalCount," total"]})}):void 0,R=i&&i.pageSizeOptions?v(l,{name:"PageSizePicker",slot:o==null?void 0:o.PageSizePicker,context:{pageSize:i.pageSize,pageSizeOptions:i.pageSizeOptions,onPageSizeChange:b},children:[a("span",{children:"Show "}),a(j,{variant:"primary",size:"medium",value:String(i.pageSize),options:i.pageSizeOptions.map(r=>({value:String(r),text:String(r)})),handleSelect:_}),a("span",{children:" per page"})]}):void 0,D=i?a(l,{name:"Pagination",slot:o==null?void 0:o.Pagination,context:{currentPage:i.currentPage,totalPages:i.totalPages,onChange:N},children:a(G,{currentPage:i.currentPage,totalPages:i.totalPages,onChange:N})}):void 0;return a(J,{rowData:w,loading:z,className:T.className,emptyStateMessage:q,showItemRange:h&&I,itemRangeMessage:U,showPageSizePicker:y&&I,pageSizePickerMessage:R,showPagination:S&&I,paginationMessage:D})};export{se as QuoteTemplatesListTable,se as default};
 //# sourceMappingURL=QuoteTemplatesListTable.js.map

package/containers/QuoteTemplatesListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteTemplatesListTable.js","sources":["/@dropins/storefront-quote-management/src/components/QuoteTemplatesListTable/QuoteTemplatesListTable.tsx","/@dropins/storefront-quote-management/src/containers/QuoteTemplatesListTable/QuoteTemplatesListTable.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/QuoteTemplatesListTable/QuoteTemplatesListTable.css';\n\ntype Column = {\n  key: string;\n  label: string;\n};\n\nexport interface QuoteTemplatesListTableProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading' | 'children'> {\n  rowData: QuoteTemplateRowData[];\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 QuoteTemplateRowData = {\n  id: string;\n  templateId: VNode;\n  name: VNode;\n  state: VNode;\n  status: VNode;\n  validUntil: VNode;\n  minQuoteTotal: VNode;\n  ordersPlaced: VNode;\n  lastOrdered: VNode;\n  actions: VNode;\n  [key: string]: VNode | string | number | undefined;\n};\n\nexport const QuoteTemplatesListTable: FunctionComponent<\n  QuoteTemplatesListTableProps\n> = ({\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    templateId: 'QuoteManagement.QuoteTemplatesListTable.templateId',\n    name: 'QuoteManagement.QuoteTemplatesListTable.name',\n    state: 'QuoteManagement.QuoteTemplatesListTable.state',\n    status: 'QuoteManagement.QuoteTemplatesListTable.status',\n    validUntil: 'QuoteManagement.QuoteTemplatesListTable.validUntil',\n    minQuoteTotal: 'QuoteManagement.QuoteTemplatesListTable.minQuoteTotal',\n    ordersPlaced: 'QuoteManagement.QuoteTemplatesListTable.ordersPlaced',\n    lastOrdered: 'QuoteManagement.QuoteTemplatesListTable.lastOrdered',\n    actions: 'QuoteManagement.QuoteTemplatesListTable.actions',\n  });\n\n  const columns: Column[] = [\n    { key: 'templateId', label: dictionary.templateId },\n    { key: 'name', label: dictionary.name },\n    { key: 'state', label: dictionary.state },\n    { key: 'status', label: dictionary.status },\n    { key: 'validUntil', label: dictionary.validUntil },\n    { key: 'minQuoteTotal', label: dictionary.minQuoteTotal },\n    { key: 'ordersPlaced', label: dictionary.ordersPlaced },\n    { key: 'lastOrdered', label: dictionary.lastOrdered },\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([\n        'quote-management-quote-templates-list-table',\n        className,\n      ])}\n    >\n      <Table\n        columns={columns}\n        rowData={rowData}\n        loading={loading}\n        mobileLayout=\"none\"\n        className=\"quote-management-quote-templates-list-table__table\"\n      />\n      {shouldShowEmptyState && (\n        <div className=\"quote-templates-list-table__empty-state\">\n          {emptyStateMessage}\n        </div>\n      )}\n      {shouldShowFooter && (\n        <div className=\"quote-templates-list-table__footer\">\n          <div className=\"quote-templates-list-table__item-range\">\n            {shouldShowItemRange && itemRangeMessage}\n          </div>\n          <div className=\"quote-templates-list-table__pagination\">\n            {shouldShowPagination && paginationMessage}\n          </div>\n          <div className=\"quote-templates-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  IllustratedMessage,\n  Picker,\n  Pagination,\n  type PickerOption,\n} from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  QuoteTemplatesListTable as QuoteTemplatesListTableComponent,\n  QuoteTemplateRowData,\n} from '@/quote-management/components';\nimport { getQuoteTemplates } from '@/quote-management/api';\nimport { getDefaultPageSizeOptions } from '@/quote-management/data/transforms';\nimport {\n  NegotiableQuoteTemplatesListModel,\n  NegotiableQuoteTemplateListEntry,\n} from '@/quote-management/data/models';\n\nexport interface QuoteTemplatesListTableProps\n  extends HTMLAttributes<HTMLDivElement> {\n  pageSize?: number;\n  showItemRange?: boolean;\n  showPageSizePicker?: boolean;\n  showPagination?: boolean;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPageChange?: (page: number) => void;\n  slots?: {\n    /** Slot for customizing the template ID cell content */\n    TemplateId?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the template name cell content */\n    Name?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the state cell content */\n    State?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the status cell content */\n    Status?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the valid until cell content */\n    ValidUntil?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the min quote total cell content */\n    MinQuoteTotal?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the orders placed cell content */\n    OrdersPlaced?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the last ordered cell content */\n    LastOrdered?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the actions cell content */\n    Actions?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the empty templates message */\n    EmptyTemplates?: 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 QuoteTemplatesListTable: Container<\n  QuoteTemplatesListTableProps\n> = ({\n  pageSize,\n  showItemRange = true,\n  showPageSizePicker = true,\n  showPagination = true,\n  onPageSizeChange,\n  onPageChange,\n  slots,\n  ...props\n}) => {\n  const [templatesData, setTemplatesData] =\n    useState<NegotiableQuoteTemplatesListModel | 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 quote templates data when authenticated\n  useEffect(() => {\n    const fetchTemplates = async () => {\n      try {\n        setLoading(true);\n        const data = await getQuoteTemplates({\n          pageSize: currentPageSize,\n          currentPage,\n        });\n        setTemplatesData(data);\n      } catch (error) {\n        console.error('Failed to fetch quote templates:', 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          fetchTemplates();\n        } else {\n          setTemplatesData(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  // Helper function to format dates, returning \"–\" for invalid dates\n  const formattedDate = (dateString: string): string => {\n    const date = new Date(dateString);\n    return isNaN(date.getTime()) ? '–' : date.toLocaleDateString();\n  };\n\n  // Prepare transformed quote template data for table component\n  const prepareRowData = (\n    templates: NegotiableQuoteTemplateListEntry[],\n    slots?: QuoteTemplatesListTableProps['slots']\n  ): QuoteTemplateRowData[] => {\n    return templates\n      .filter((template) => template?.uid) // Filter out null templates\n      .map((template) => {\n        return {\n          id: template.id,\n          templateId: (\n            <Slot\n              name=\"TemplateId\"\n              slot={slots?.TemplateId}\n              context={{ template }}\n            >\n              <span>{template.id}</span>\n            </Slot>\n          ),\n          name: (\n            <Slot name=\"Name\" slot={slots?.Name} context={{ template }}>\n              <span>{template.name}</span>\n            </Slot>\n          ),\n          state: (\n            <Slot name=\"State\" slot={slots?.State} context={{ template }}>\n              <span style={{ textTransform: 'capitalize' }}>\n                {template.state?.replace(/_/g, ' ') || '-'}\n              </span>\n            </Slot>\n          ),\n          status: (\n            <Slot name=\"Status\" slot={slots?.Status} context={{ template }}>\n              <span>{template.status}</span>\n            </Slot>\n          ),\n          validUntil: (\n            <Slot\n              name=\"ValidUntil\"\n              slot={slots?.ValidUntil}\n              context={{ template }}\n            >\n              <span>{formattedDate(template.expirationDate)}</span>\n            </Slot>\n          ),\n          minQuoteTotal: (\n            <Slot\n              name=\"MinQuoteTotal\"\n              slot={slots?.MinQuoteTotal}\n              context={{ template }}\n            >\n              <Price\n                amount={template.prices.minNegotiatedGrandTotal.value}\n                currency={template.prices.minNegotiatedGrandTotal.currency}\n              />\n            </Slot>\n          ),\n          ordersPlaced: (\n            <Slot\n              name=\"OrdersPlaced\"\n              slot={slots?.OrdersPlaced}\n              context={{ template }}\n            >\n              <span>{template.ordersPlaced}</span>\n            </Slot>\n          ),\n          lastOrdered: (\n            <Slot\n              name=\"LastOrdered\"\n              slot={slots?.LastOrdered}\n              context={{ template }}\n            >\n              <span>{formattedDate(template.lastOrderedAt)}</span>\n            </Slot>\n          ),\n          actions: (\n            <Slot name=\"Actions\" slot={slots?.Actions} context={{ template }}>\n              <span />\n            </Slot>\n          ),\n        };\n      });\n  };\n\n  // Prepare data for rendering\n  const rowData = templatesData?.items\n    ? prepareRowData(templatesData.items, slots)\n    : [];\n\n  // Calculate pagination info from pageInfo\n  const paginationInfo = templatesData?.pageInfo\n    ? {\n      currentPage: templatesData.pageInfo.currentPage,\n      pageSize: templatesData.pageInfo.pageSize,\n      totalPages: templatesData.pageInfo.totalPages,\n      totalCount: templatesData.totalCount,\n      startItem:\n        (templatesData.pageInfo.currentPage - 1) *\n        templatesData.pageInfo.pageSize +\n        1,\n      endItem: Math.min(\n        templatesData.pageInfo.currentPage * templatesData.pageInfo.pageSize,\n        templatesData.totalCount\n      ),\n      pageSizeOptions: getDefaultPageSizeOptions(),\n    }\n    : undefined;\n\n  const shouldShowPagination = !!paginationInfo;\n\n  // Empty state message\n  const emptyStateMessage = (\n    <Slot\n      name=\"EmptyTemplates\"\n      slot={slots?.EmptyTemplates}\n      context={{ templatesData }}\n    >\n      <IllustratedMessage heading=\"No Quote Templates 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    <QuoteTemplatesListTableComponent\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":["QuoteTemplatesListTable","rowData","loading","className","emptyStateMessage","showItemRange","itemRangeMessage","showPageSizePicker","pageSizePickerMessage","showPagination","paginationMessage","props","dictionary","useText","columns","shouldShowEmptyState","shouldShowItemRange","shouldShowPageSizePicker","shouldShowPagination","shouldShowFooter","jsxs","classes","jsx","Table","pageSize","onPageSizeChange","onPageChange","slots","templatesData","setTemplatesData","useState","setLoading","defaultPageSize","getDefaultPageSizeOptions","currentPageSize","setCurrentPageSize","currentPage","setCurrentPage","useEffect","fetchTemplates","data","getQuoteTemplates","error","unsubscribe","events","isAuthenticated","handlePageSizeChange","newPageSize","handlePageChange","newPage","handlePageSizeSelect","event","target","value","formattedDate","dateString","date","prepareRowData","templates","template","Slot","_a","Price","paginationInfo","IllustratedMessage","Picker","size","Pagination","QuoteTemplatesListTableComponent"],"mappings":"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"}
+{"version":3,"file":"QuoteTemplatesListTable.js","sources":["/@dropins/storefront-quote-management/src/components/QuoteTemplatesListTable/QuoteTemplatesListTable.tsx","/@dropins/storefront-quote-management/src/containers/QuoteTemplatesListTable/QuoteTemplatesListTable.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/QuoteTemplatesListTable/QuoteTemplatesListTable.css';\n\ntype Column = {\n  key: string;\n  label: string;\n};\n\nexport interface QuoteTemplatesListTableProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading' | 'children'> {\n  rowData: QuoteTemplateRowData[];\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 QuoteTemplateRowData = {\n  id: string;\n  name: VNode;\n  state: VNode;\n  status: VNode;\n  validUntil: VNode;\n  minQuoteTotal: VNode;\n  ordersPlaced: VNode;\n  lastOrdered: VNode;\n  actions: VNode;\n  [key: string]: VNode | string | number | undefined;\n};\n\nexport const QuoteTemplatesListTable: FunctionComponent<\n  QuoteTemplatesListTableProps\n> = ({\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    name: 'QuoteManagement.QuoteTemplatesListTable.name',\n    state: 'QuoteManagement.QuoteTemplatesListTable.state',\n    status: 'QuoteManagement.QuoteTemplatesListTable.status',\n    validUntil: 'QuoteManagement.QuoteTemplatesListTable.validUntil',\n    minQuoteTotal: 'QuoteManagement.QuoteTemplatesListTable.minQuoteTotal',\n    ordersPlaced: 'QuoteManagement.QuoteTemplatesListTable.ordersPlaced',\n    lastOrdered: 'QuoteManagement.QuoteTemplatesListTable.lastOrdered',\n    actions: 'QuoteManagement.QuoteTemplatesListTable.actions',\n  });\n\n  const columns: Column[] = [\n    { key: 'name', label: dictionary.name },\n    { key: 'state', label: dictionary.state },\n    { key: 'status', label: dictionary.status },\n    { key: 'validUntil', label: dictionary.validUntil },\n    { key: 'minQuoteTotal', label: dictionary.minQuoteTotal },\n    { key: 'ordersPlaced', label: dictionary.ordersPlaced },\n    { key: 'lastOrdered', label: dictionary.lastOrdered },\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([\n        'quote-management-quote-templates-list-table',\n        className,\n      ])}\n    >\n      <Table\n        columns={columns}\n        rowData={rowData}\n        loading={loading}\n        mobileLayout=\"none\"\n        className=\"quote-management-quote-templates-list-table__table\"\n      />\n      {shouldShowEmptyState && (\n        <div className=\"quote-templates-list-table__empty-state\">\n          {emptyStateMessage}\n        </div>\n      )}\n      {shouldShowFooter && (\n        <div className=\"quote-templates-list-table__footer\">\n          <div className=\"quote-templates-list-table__item-range\">\n            {shouldShowItemRange && itemRangeMessage}\n          </div>\n          <div className=\"quote-templates-list-table__pagination\">\n            {shouldShowPagination && paginationMessage}\n          </div>\n          <div className=\"quote-templates-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  IllustratedMessage,\n  Picker,\n  Pagination,\n  type PickerOption,\n} from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  QuoteTemplatesListTable as QuoteTemplatesListTableComponent,\n  QuoteTemplateRowData,\n} from '@/quote-management/components';\nimport { getQuoteTemplates } from '@/quote-management/api';\nimport { getDefaultPageSizeOptions } from '@/quote-management/data/transforms';\nimport {\n  NegotiableQuoteTemplatesListModel,\n  NegotiableQuoteTemplateListEntry,\n} from '@/quote-management/data/models';\n\nexport interface QuoteTemplatesListTableProps\n  extends HTMLAttributes<HTMLDivElement> {\n  pageSize?: number;\n  showItemRange?: boolean;\n  showPageSizePicker?: boolean;\n  showPagination?: boolean;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPageChange?: (page: number) => void;\n  slots?: {\n    /** Slot for customizing the template name cell content */\n    Name?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the state cell content */\n    State?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the status cell content */\n    Status?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the valid until cell content */\n    ValidUntil?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the min quote total cell content */\n    MinQuoteTotal?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the orders placed cell content */\n    OrdersPlaced?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the last ordered cell content */\n    LastOrdered?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the actions cell content */\n    Actions?: SlotProps<{ template: NegotiableQuoteTemplateListEntry }>;\n    /** Slot for customizing the empty templates message */\n    EmptyTemplates?: 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 QuoteTemplatesListTable: Container<\n  QuoteTemplatesListTableProps\n> = ({\n  pageSize,\n  showItemRange = true,\n  showPageSizePicker = true,\n  showPagination = true,\n  onPageSizeChange,\n  onPageChange,\n  slots,\n  ...props\n}) => {\n  const [templatesData, setTemplatesData] =\n    useState<NegotiableQuoteTemplatesListModel | 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 quote templates data when authenticated\n  useEffect(() => {\n    const fetchTemplates = async () => {\n      try {\n        setLoading(true);\n        const data = await getQuoteTemplates({\n          pageSize: currentPageSize,\n          currentPage,\n        });\n        setTemplatesData(data);\n      } catch (error) {\n        console.error('Failed to fetch quote templates:', 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          fetchTemplates();\n        } else {\n          setTemplatesData(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  // Helper function to format dates, returning \"–\" for invalid dates\n  const formattedDate = (dateString: string): string => {\n    const date = new Date(dateString);\n    return isNaN(date.getTime()) ? '–' : date.toLocaleDateString();\n  };\n\n  // Prepare transformed quote template data for table component\n  const prepareRowData = (\n    templates: NegotiableQuoteTemplateListEntry[],\n    slots?: QuoteTemplatesListTableProps['slots']\n  ): QuoteTemplateRowData[] => {\n    return templates\n      .filter((template) => template?.uid) // Filter out null templates\n      .map((template) => {\n        return {\n          id: template.id,\n          name: (\n            <Slot name=\"Name\" slot={slots?.Name} context={{ template }}>\n              <span>{template.name}</span>\n            </Slot>\n          ),\n          state: (\n            <Slot name=\"State\" slot={slots?.State} context={{ template }}>\n              <span style={{ textTransform: 'capitalize' }}>\n                {template.state?.replace(/_/g, ' ') || '-'}\n              </span>\n            </Slot>\n          ),\n          status: (\n            <Slot name=\"Status\" slot={slots?.Status} context={{ template }}>\n              <span>{template.status}</span>\n            </Slot>\n          ),\n          validUntil: (\n            <Slot\n              name=\"ValidUntil\"\n              slot={slots?.ValidUntil}\n              context={{ template }}\n            >\n              <span>{formattedDate(template.expirationDate)}</span>\n            </Slot>\n          ),\n          minQuoteTotal: (\n            <Slot\n              name=\"MinQuoteTotal\"\n              slot={slots?.MinQuoteTotal}\n              context={{ template }}\n            >\n              <Price\n                amount={template.prices.minNegotiatedGrandTotal.value}\n                currency={template.prices.minNegotiatedGrandTotal.currency}\n              />\n            </Slot>\n          ),\n          ordersPlaced: (\n            <Slot\n              name=\"OrdersPlaced\"\n              slot={slots?.OrdersPlaced}\n              context={{ template }}\n            >\n              <span>{template.ordersPlaced}</span>\n            </Slot>\n          ),\n          lastOrdered: (\n            <Slot\n              name=\"LastOrdered\"\n              slot={slots?.LastOrdered}\n              context={{ template }}\n            >\n              <span>{formattedDate(template.lastOrderedAt)}</span>\n            </Slot>\n          ),\n          actions: (\n            <Slot name=\"Actions\" slot={slots?.Actions} context={{ template }}>\n              <span />\n            </Slot>\n          ),\n        };\n      });\n  };\n\n  // Prepare data for rendering\n  const rowData = templatesData?.items\n    ? prepareRowData(templatesData.items, slots)\n    : [];\n\n  // Calculate pagination info from pageInfo\n  const paginationInfo = templatesData?.pageInfo\n    ? {\n      currentPage: templatesData.pageInfo.currentPage,\n      pageSize: templatesData.pageInfo.pageSize,\n      totalPages: templatesData.pageInfo.totalPages,\n      totalCount: templatesData.totalCount,\n      startItem:\n        (templatesData.pageInfo.currentPage - 1) *\n        templatesData.pageInfo.pageSize +\n        1,\n      endItem: Math.min(\n        templatesData.pageInfo.currentPage * templatesData.pageInfo.pageSize,\n        templatesData.totalCount\n      ),\n      pageSizeOptions: getDefaultPageSizeOptions(),\n    }\n    : undefined;\n\n  const shouldShowPagination = !!paginationInfo;\n\n  // Empty state message\n  const emptyStateMessage = (\n    <Slot\n      name=\"EmptyTemplates\"\n      slot={slots?.EmptyTemplates}\n      context={{ templatesData }}\n    >\n      <IllustratedMessage heading=\"No Quote Templates 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    <QuoteTemplatesListTableComponent\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":["QuoteTemplatesListTable","rowData","loading","className","emptyStateMessage","showItemRange","itemRangeMessage","showPageSizePicker","pageSizePickerMessage","showPagination","paginationMessage","props","dictionary","useText","columns","shouldShowEmptyState","shouldShowItemRange","shouldShowPageSizePicker","shouldShowPagination","shouldShowFooter","jsxs","classes","jsx","Table","pageSize","onPageSizeChange","onPageChange","slots","templatesData","setTemplatesData","useState","setLoading","defaultPageSize","getDefaultPageSizeOptions","currentPageSize","setCurrentPageSize","currentPage","setCurrentPage","useEffect","fetchTemplates","data","getQuoteTemplates","error","unsubscribe","events","isAuthenticated","handlePageSizeChange","newPageSize","handlePageChange","newPage","handlePageSizeSelect","event","target","value","formattedDate","dateString","date","prepareRowData","templates","template","Slot","_a","Price","paginationInfo","IllustratedMessage","Picker","size","Pagination","QuoteTemplatesListTableComponent"],"mappings":"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"}

package/i18n/en_US.json.d.ts

@@ -221,8 +221,7 @@ declare const _default: {
       "actions": "Action"
     },
     "QuoteTemplatesListTable": {
-      "templateId": "ID",
-      "name": "Name",
+      "name": "Template Name",
       "state": "State",
       "status": "Status",
       "validUntil": "Valid Until",

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-quote-management", "version": "0.0.1-alpha20", "@dropins/tools": "1.6.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-quote-management", "version": "0.0.1-alpha21", "@dropins/tools": "1.6.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -6,5 +6,5 @@ All Rights Reserved. */
 .quote-management-shipping-address-display{display:flex;flex-direction:column;gap:var(--spacing-xsmall);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800)}.quote-management-shipping-address-display__field{margin:0;word-wrap:break-word;overflow-wrap:break-word}.quote-management-shipping-address-display__name{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing)}.quote-management-shipping-address-display--empty{padding:var(--spacing-medium);background-color:var(--color-neutral-50)}.quote-management-shipping-address-display__no-address{margin:0;color:var(--color-neutral-700);font-style:italic}
 .quote-management-items-quoted{display:flex;flex-direction:column;gap:var(--spacing-big)}.quote-management-product-list-table-container{display:flex;flex-direction:column;gap:var(--spacing-small)}.quote-management-product-list-table__checkbox{align-self:center;justify-self:center}.quote-management-product-list-table__product-name-container{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__product-name{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing)}.quote-management-product-list-table__configurable-option{display:flex;flex-direction:row;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__configurable-option-label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__configurable-option-value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__bundle-option{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__bundle-option-label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__bundle-option-values{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.quote-management-product-list-table__bundle-option-value{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xxsmall);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__bundle-option-value-original-price{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.quote-management-product-list-table__sku{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.quote-management-product-list-table__quantity{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing)}.quote-management-product-list-table__quantity-input{width:80px}@media only screen and (max-width: 767px){.quote-management-product-list-table__quantity-input{width:100%;max-width:200px}}.quote-management-product-list-table__discount-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.quote-management-product-list-table-container__submit-container{display:flex;justify-content:flex-end}.quote-management-quote-prices-summary{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.quote-management-quote-prices-summary__entry{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%}.quote-management-quote-prices-summary__accordion,.quote-management-quote-prices-summary__label{flex-grow:1}.quote-management-quote-prices-summary__label--strong{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.quote-management-quote-prices-summary__value{flex-grow:1;text-align:right}.dropin-modal__body.dropin-modal__body--medium{padding:var(--spacing-small)}.confirmation-modal__content{display:flex;flex-direction:column}.confirmation-modal__banner{margin-left:calc(-1 * var(--spacing-small));margin-right:calc(-1 * var(--spacing-small));margin-top:calc(-1 * var(--spacing-small));margin-bottom:var(--spacing-medium)}.confirmation-modal__title{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800);margin-bottom:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.confirmation-modal__message{margin-bottom:var(--spacing-medium);text-align:left;color:var(--color-neutral-800)}.confirmation-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-medium);margin-top:var(--spacing-big);margin-right:var(--spacing-small);padding-bottom:var(--spacing-small)}div.dropin-modal__body.dropin-modal__body--medium>div.dropin-modal__content{margin:var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-small)!important}.dropin-modal:has(.confirmation-modal__banner) .dropin-modal__header,.dropin-modal__body:has(.confirmation-modal__banner) .dropin-modal__header{display:none!important;height:0!important;padding:0!important;margin:0!important}@media only screen and (max-width: 768px){.confirmation-modal__banner .dropin-in-line-alert{padding:var(--spacing-xsmall) var(--spacing-small)!important;gap:var(--spacing-xsmall)!important}.confirmation-modal__actions{flex-direction:column-reverse;gap:var(--spacing-small)}.confirmation-modal__actions button{width:100%}}
 .quote-management-actions-bar__container{container-type:inline-size;container-name:actions-bar-container}.quote-management-actions-bar{background:var(--color-neutral-200);padding:var(--spacing-xsmall);display:flex;gap:var(--spacing-small);justify-content:space-between;align-items:center}.quote-management-actions-bar__dropdown{width:max-content}.quote-management-actions-bar__buttons{display:flex}.quote-management-actions-bar__button>span{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@container actions-bar-container (max-width: 768px){.quote-management-actions-bar{flex-direction:column;align-items:flex-start;gap:var(--spacing-xsmall)}.quote-management-actions-bar__dropdown{width:100%}.quote-management-actions-bar__buttons{flex-direction:column;align-items:flex-start;gap:var(--spacing-xsmall);width:100%}.quote-management-actions-bar__button{width:100%}}.quote-management-manage-negotiable-quote{display:grid;gap:var(--spacing-small);color:var(--color-neutral-800);width:100%;container-type:inline-size}.quote-management-manage-negotiable-quote__header{display:flex;gap:var(--spacing-big);align-items:center}.quote-management-manage-negotiable-quote__quote-name>*{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__quote-name-wrapper{display:flex;align-items:center;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__quote-name-title{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__rename-button{background:none;border:none;padding:var(--spacing-xsmall);cursor:pointer;display:inline-flex;align-items:center}.quote-management-manage-negotiable-quote__rename-button:disabled{cursor:not-allowed;opacity:.5}.quote-management-manage-negotiable-quote__quote-status>*{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);border:2px solid var(--color-neutral-300);padding:var(--spacing-xxsmall)}.quote-management-manage-negotiable-quote__banner{width:100%}.quote-management-manage-negotiable-quote__details{display:flex;flex-direction:row;gap:var(--spacing-xsmall);justify-content:space-between;align-items:center;flex-wrap:wrap}.quote-management-manage-negotiable-quote__detail{display:flex;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.quote-management-manage-negotiable-quote__detail-title{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing)}.quote-management-manage-negotiable-quote__detail-content{font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.quote-management-manage-negotiable-quote__item-actions{justify-content:flex-start}.quote-management-manage-negotiable-quote__quote-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__shipping-information-container{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__shipping-information-title>*{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__quote-comments-container{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.quote-management-manage-negotiable-quote__quote-comments-title>*{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.quote-management-manage-negotiable-quote__footer{display:flex;gap:var(--spacing-small);justify-content:flex-start}@container (max-width: 768px){.quote-management-manage-negotiable-quote__header{flex-direction:column}.quote-management-manage-negotiable-quote__action-bar{flex-direction:column;align-items:flex-start}.quote-management-manage-negotiable-quote__quote-actions{justify-content:flex-start}}.quote-order-summary{display:grid;position:relative;grid-auto-flow:row;padding:var(--spacing-medium)}.quote-order-summary__primary{background-color:var(--color-neutral-200)}.quote-order-summary__secondary{background-color:var(--color-neutral-50)}.quote-order-summary__content{display:grid;gap:var(--spacing-xsmall);margin-top:var(--spacing-small)}.quote-order-summary__heading{display:grid;font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);color:var(--color-neutral-800);gap:var(--spacing-small)}.quote-order-summary__discount .quote-order-summary__label,.quote-order-summary__discount .quote-order-summary__price{color:var(--color-warning-800)}.quote-order-summary__taxes .dropin-divider:last-child{margin-bottom:0}.quote-order-summary__total{margin-top:var(--spacing-medium)}.quote-order-summary__heading .quote-order-summary__divider-primary,.quote-order-summary__heading .quote-order-summary__divider-secondary{width:100%;margin:0}.quote-order-summary__divider-secondary{margin:0}.quote-order-summary__taxEntry.quote-order-summary__entry{margin-top:0}.quote-order-summary__entry,.quote-order-summary__taxEntry{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.quote-order-summary__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);grid-column:span 2;color:var(--color-neutral-700)}.quote-order-summary__shipping--edit{display:grid;grid-column:1 / span 2;gap:var(--spacing-small);padding-top:var(--spacing-small);padding-left:var(--spacing-small)}a.quote-order-summary__shippingLink{text-decoration:underline}.quote-order-summary__shipping--hide{display:none!important}.quote-order-summary__shipping--edit button{width:var(--spacing-huge);justify-self:end}.quote-order-summary__shipping--zip,.quote-order-summary__shipping--state{background-color:var(--color-neutral-50)}.quote-order-summary__taxes .dropin-accordion-section__content-container{gap:var(--spacing-small);margin:var(--spacing-small) 0}.quote-order-summary__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.quote-order-summary__label,.quote-order-summary__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.quote-order-summary__price{text-align:right;text-transform:uppercase}.quote-order-summary__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.quote-order-summary__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quote-order-summary__label--bold,.quote-order-summary__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.quote-management-quote-summary-list{container-type:inline-size;container-name:quote-summary-list}.quote-management-quote-summary-list__background--secondary{background-color:var(--color-neutral-200)}.quote-management-quote-summary-list__heading{display:grid;row-gap:var(--spacing-xsmall);padding:var(--spacing-medium) 0 0 0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.quote-management-quote-summary-list__heading--full-width{width:100%}.quote-management-quote-summary-list__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 var(--spacing-medium) 0}.quote-management-quote-summary-list__content{display:grid;grid-template-columns:1fr;padding:0}.quote-management-quote-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-xsmall)) 0 var(--spacing-medium) 0}.quote-management-quote-summary-list-footer__action,.quote-management-quote-summary-list-footer__action:focus .quote-management-quote-summary-list-footer__action:active,.quote-management-quote-summary-list-footer__action:link{font:var(--type-body-2-strong-font);margin:0 auto;width:auto;margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.quote-management-quote-summary-list-footer__action:hover{text-decoration:underline;text-underline-offset:var(--spacing-xxsmall);background:transparent;color:var(--color-brand-700)}.quote-management-quote-summary-list-footer__action:visited{background-color:transparent}.quote-management-quote-summary-list-accordion{border-left:var(--shape-border-width-2) solid var(--color-neutral-400);border-right:var(--shape-border-width-2) solid var(--color-neutral-400)}.quote-management-quote-summary-list-accordion__section{margin:var(--spacing-medium)}.dropin-cart-item__quantity{width:fit-content}@container quote-summary-list (width >= 768px){.quote-management-quote-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-small)) 0 var(--spacing-xxbig) 0}}@container quote-summary-list (width >= 1024px){.quote-management-quote-summary-list__content,.quote-management-quote-summary-list__heading{grid-column:1 / span 8}.quote-management-quote-summary-list__heading--full-width{grid-column:1 / span 12}.quote-management-quote-summary-list__content{padding:0}}.quotes-list-table__empty-state{padding:var(--spacing-large);text-align:center;color:var(--color-neutral-600);border-top:var(--shape-border-width-1) solid var(--color-neutral-200)}.quotes-list-table__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium);border-top:var(--shape-border-width-1) solid var(--color-neutral-200);gap:var(--spacing-medium)}.quotes-list-table__item-range{flex:1;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__pagination{flex:0 0 auto;display:flex;justify-content:center}.quotes-list-table__page-size-picker{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.quotes-list-table__page-size-picker>span{display:inline-flex;align-items:baseline}.quotes-list-table__page-size-picker .dropin-picker{display:inline-flex;align-items:center;margin:0 var(--spacing-xsmall);vertical-align:center}.quotes-list-table__page-size-picker .dropin-picker__select{height:auto;min-height:var(--sizing-medium);line-height:1.2;vertical-align:baseline}.quote-management-quote-templates-list-table,.quote-management-quote-templates-list-table__table{width:100%}.quote-templates-list-table__empty-state{padding:var(--spacing-large);text-align:center}.quote-templates-list-table__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium) 0;gap:var(--spacing-medium);flex-wrap:wrap}.quote-templates-list-table__item-range{display:flex;align-items:center;color:var(--color-neutral-700);font-size:var(--type-body-2-font-size)}.quote-templates-list-table__pagination{display:flex;justify-content:center;flex:1}.quote-templates-list-table__page-size-picker{display:flex;align-items:center;gap:var(--spacing-xsmall);color:var(--color-neutral-700);font-size:var(--type-body-2-font-size)}.quote-management-tabbed-content{width:100%}.quote-management-tabbed-content__tabs{display:flex;margin-bottom:-1px}.quote-management-tabbed-content__tab{background:var(--color-neutral-100);color:var(--color-neutral-700);border:solid 1px var(--color-neutral-400);padding:var(--spacing-xsmall) var(--spacing-medium);margin-left:-1px;cursor:pointer;font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.quote-management-tabbed-content__tab:first-child{margin-left:unset}.quote-management-tabbed-content__tab:hover{background:var(--color-neutral-300);color:var(--color-neutral-700)}.quote-management-tabbed-content__tab--active{background:var(--color-neutral-50);color:var(--color-neutral-800);border-bottom:none}.quote-management-tabbed-content__tab--active:hover{background:var(--color-neutral-50);color:var(--color-neutral-800)}.quote-management-tabbed-content__active-tab-content{background:var(--color-neutral-50);padding:var(--spacing-small);border:solid 1px var(--color-neutral-400)}.quote-management-rename-quote-modal__error-banner,.quote-management-rename-quote-modal__success-banner{margin-bottom:var(--spacing-medium)}.dropin-modal__header-title-content{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800);margin-top:var(--spacing-small);margin-left:var(--spacing-small)}.quote-management-rename-quote-modal__content{display:flex;flex-direction:column;gap:var(--spacing-medium);margin-bottom:var(--spacing-medium);width:100%}.quote-management-rename-quote-modal__error-text{color:var(--color-alert-800);font:var(--type-body-2-default-font);margin-top:var(--spacing-xsmall)}.quote-management-rename-quote-modal__actions{display:flex;justify-content:flex-start;gap:var(--spacing-small);margin-top:var(--spacing-medium);width:100%}.quote-management-rename-quote-modal__cancel-button{order:1}.quote-management-rename-quote-modal__save-button{order:2}@media only screen and (min-width: 768px) and (max-width: 1023px){.quote-management-rename-quote-modal .dropin-modal__close-button{top:var(--spacing-small);right:var(--spacing-small)}.quote-management-rename-quote-modal__actions{gap:var(--spacing-medium)}}@media only screen and (min-width: 1024px){.quote-management-rename-quote-modal__actions{gap:var(--spacing-medium)}}@media only screen and (max-width: 767px){.quote-management-rename-quote-modal .dropin-modal__close-button{margin:var(--spacing-small)}.quote-management-rename-quote-modal__error-banner .dropin-in-line-alert{padding:var(--spacing-xsmall) var(--spacing-small)!important;gap:var(--spacing-xsmall)!important}.quote-management-rename-quote-modal__content{gap:var(--spacing-small)}.quote-management-rename-quote-modal__actions{flex-direction:column-reverse;gap:var(--spacing-small);margin-top:var(--spacing-small)}.quote-management-rename-quote-modal__actions button{width:100%}.quote-management-rename-quote-modal__cancel-button{order:2}.quote-management-rename-quote-modal__save-button{order:1}}`,{styleId:"quote-management"});
-import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as i,useEffect as u}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const c={cancel:"Cancel",confirm:"Confirm"},m={Request:{title:"Request a Quote",comment:"Comment",commentError:"Please add your comment",quoteName:"Quote name",quoteNameError:"Please add a quote name",attachmentsError:"Error uploading attachments",requestCta:"Request a Quote",saveDraftCta:"Save as draft",error:{header:"Error",unauthenticated:"Please sign in to request a quote.",unauthorized:"You are not authorized to request a quote.",missingCart:"Could not find a valid cart."},success:{header:"Success",submitted:"Quote request submitted successfully!",draftSaved:"Quote saved as draft successfully!"}},Manage:{createdLabel:"Created:",salesRepLabel:"Sales Rep:",expiresLabel:"Expires:",actionsLabel:"Actions",actions:{remove:"Remove"},bannerTitle:"Alert",bannerStatusMessages:{submitted:"This quote is currently locked for editing. It will become available once released by the Merchant.",pending:"This quote is currently locked for editing. It will become available once released by the Merchant.",expired:"Your quote has expired and the product prices have been updated as per the latest prices in your catalog. You can either re-submit the quote to seller for further negotiation or go to checkout."},actionButtons:{close:"Close quote",delete:"Delete quote",print:"Print quote",createTemplate:"Create quote template",createCopy:"Create copy",sendForReview:"Send for review"},confirmationModal:{cancel:"Cancel",delete:{title:"Delete Quote",message:"Are you sure you want to delete this quote?",confirm:"Delete",errorHeading:"Error",errorFallback:"Failed to delete quote",successHeading:"Success",successDescription:"Quote has been successfully deleted"},close:{message:"Are you sure you want to close this quote?",confirm:"Close",confirmLoading:"Closing...",successHeading:"Success",successDescription:"Quote has been successfully closed"}},shippingInformation:{title:"Shipping Information"},shippingAddress:{noAddress:"No shipping address has been set for this quote."},quoteComments:{title:"Quote Comments",placeholder:"Add your comment",emptyState:"No comments yet",by:"by"},productListTable:{headers:{productName:"Product name",sku:"SKU",price:"Price",quantity:"Quantity",discount:"Discount",subtotal:"Subtotal",actions:"Actions"},submitButton:"Update",actions:{editNoteToSeller:"Edit note to seller",remove:"Remove"}},rename:{title:"Rename Quote",quoteNameLabel:"Quote name",reasonLabel:"Reason for change",renameButton:"Rename",cancelButton:"Cancel",errorHeading:"Error",quoteNameRequired:"Quote name is required",errorDefault:"Failed to rename quote. Please try again.",successHeading:"Success",successMessage:"Quote renamed successfully!"},tabbedContent:{itemsQuoted:"Items quoted",comments:"Comments",historyLog:"History log"},quotePricesSummary:{subtotal:{excludingTax:"Quote Subtotal (excluding tax)"},appliedTaxes:"Applied Taxes",grandTotal:{includingTax:"Quote Grand Total (including tax)"}},updateQuantitiesModal:{title:"Change Quote Items",description:"Making changes to any quote item changes the terms of the quote. After you update the quote, return it to the seller for review and approval.",cancelButton:"Cancel",updateButton:"Apply Changes",successHeading:"Success",successMessage:"Quote quantities have been successfully updated.",errorHeading:"Error",errorMessage:"Failed to update quote quantities. Please try again."}},PriceSummary:{taxToBeDetermined:"TBD",orderSummary:"Order Summary",giftOptionsTax:{printedCard:{title:"Printed card",inclTax:"Including taxes",exclTax:"excluding taxes"},itemGiftWrapping:{title:"Item gift wrapping",inclTax:"Including taxes",exclTax:"excluding taxes"},orderGiftWrapping:{title:"Order gift wrapping",inclTax:"Including taxes",exclTax:"excluding taxes"}},subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown"},total:{free:"Free",label:"Total",withoutTax:"Total excluding taxes",saved:"Total saved"}}},p={changeTypes:{created:"Quote Created",updated:"Quote Updated",statusChanged:"Status Changed",commentAdded:"Comment Added",expirationChanged:"Expiration Changed"},noteTypes:{buyerNoteAdded:"Buyer Note Added",sellerNoteAdded:"Seller Note Added"},authorLabels:{buyer:"(Buyer)",seller:"(Seller)"},changeDetails:{comment:'Comment: "{comment}"',statusChangedFromTo:"Status changed from {oldStatus} to {newStatus}",statusSetTo:"Status set to {newStatus}",expirationChangedFromTo:"Expiration changed from {oldExpiration} to {newExpiration}",expirationSetTo:"Expiration set to {newExpiration}",totalChangedFromTo:"Total changed from {oldTotal} to {newTotal}",customChange:'{title}: changed from "{oldValue}" to "{newValue}"',productsRemovedFromCatalog:"Products removed from catalog: {products}",productsRemovedFromQuote:"Products removed from quote: {products}",noDetailsAvailable:"No details available"},emptyState:"No history available for this quote."},g={never:"Never"},h={QuotesListTable:{quoteName:"Quote Name",created:"Created",createdBy:"Created By",status:"Status",lastUpdated:"Last Updated",quoteTemplate:"Quote Template",quoteTotal:"Quote Total",actions:"Action"},QuoteTemplatesListTable:{templateId:"ID",name:"Name",state:"State",status:"Status",validUntil:"Valid Until",minQuoteTotal:"Min. Quote Total (Negotiated)",ordersPlaced:"Orders Placed",lastOrdered:"Last Ordered",actions:"Action"}},x={ConfirmationModal:c,NegotiableQuote:m,historyLog:p,dateUtils:g,QuoteManagement:h},f={default:x},T=({children:a})=>{const[o,s]=i("en_US");return u(()=>{const e=l.on("locale",r=>{s(r)},{eager:!0});return()=>{e==null||e.off()}},[]),t(d,{lang:o,langDefinitions:f,children:a})},Q=new n(t(T,{}));export{Q as render};
+import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as i,useEffect as u}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";const c={cancel:"Cancel",confirm:"Confirm"},m={Request:{title:"Request a Quote",comment:"Comment",commentError:"Please add your comment",quoteName:"Quote name",quoteNameError:"Please add a quote name",attachmentsError:"Error uploading attachments",requestCta:"Request a Quote",saveDraftCta:"Save as draft",error:{header:"Error",unauthenticated:"Please sign in to request a quote.",unauthorized:"You are not authorized to request a quote.",missingCart:"Could not find a valid cart."},success:{header:"Success",submitted:"Quote request submitted successfully!",draftSaved:"Quote saved as draft successfully!"}},Manage:{createdLabel:"Created:",salesRepLabel:"Sales Rep:",expiresLabel:"Expires:",actionsLabel:"Actions",actions:{remove:"Remove"},bannerTitle:"Alert",bannerStatusMessages:{submitted:"This quote is currently locked for editing. It will become available once released by the Merchant.",pending:"This quote is currently locked for editing. It will become available once released by the Merchant.",expired:"Your quote has expired and the product prices have been updated as per the latest prices in your catalog. You can either re-submit the quote to seller for further negotiation or go to checkout."},actionButtons:{close:"Close quote",delete:"Delete quote",print:"Print quote",createTemplate:"Create quote template",createCopy:"Create copy",sendForReview:"Send for review"},confirmationModal:{cancel:"Cancel",delete:{title:"Delete Quote",message:"Are you sure you want to delete this quote?",confirm:"Delete",errorHeading:"Error",errorFallback:"Failed to delete quote",successHeading:"Success",successDescription:"Quote has been successfully deleted"},close:{message:"Are you sure you want to close this quote?",confirm:"Close",confirmLoading:"Closing...",successHeading:"Success",successDescription:"Quote has been successfully closed"}},shippingInformation:{title:"Shipping Information"},shippingAddress:{noAddress:"No shipping address has been set for this quote."},quoteComments:{title:"Quote Comments",placeholder:"Add your comment",emptyState:"No comments yet",by:"by"},productListTable:{headers:{productName:"Product name",sku:"SKU",price:"Price",quantity:"Quantity",discount:"Discount",subtotal:"Subtotal",actions:"Actions"},submitButton:"Update",actions:{editNoteToSeller:"Edit note to seller",remove:"Remove"}},rename:{title:"Rename Quote",quoteNameLabel:"Quote name",reasonLabel:"Reason for change",renameButton:"Rename",cancelButton:"Cancel",errorHeading:"Error",quoteNameRequired:"Quote name is required",errorDefault:"Failed to rename quote. Please try again.",successHeading:"Success",successMessage:"Quote renamed successfully!"},tabbedContent:{itemsQuoted:"Items quoted",comments:"Comments",historyLog:"History log"},quotePricesSummary:{subtotal:{excludingTax:"Quote Subtotal (excluding tax)"},appliedTaxes:"Applied Taxes",grandTotal:{includingTax:"Quote Grand Total (including tax)"}},updateQuantitiesModal:{title:"Change Quote Items",description:"Making changes to any quote item changes the terms of the quote. After you update the quote, return it to the seller for review and approval.",cancelButton:"Cancel",updateButton:"Apply Changes",successHeading:"Success",successMessage:"Quote quantities have been successfully updated.",errorHeading:"Error",errorMessage:"Failed to update quote quantities. Please try again."}},PriceSummary:{taxToBeDetermined:"TBD",orderSummary:"Order Summary",giftOptionsTax:{printedCard:{title:"Printed card",inclTax:"Including taxes",exclTax:"excluding taxes"},itemGiftWrapping:{title:"Item gift wrapping",inclTax:"Including taxes",exclTax:"excluding taxes"},orderGiftWrapping:{title:"Order gift wrapping",inclTax:"Including taxes",exclTax:"excluding taxes"}},subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown"},total:{free:"Free",label:"Total",withoutTax:"Total excluding taxes",saved:"Total saved"}}},p={changeTypes:{created:"Quote Created",updated:"Quote Updated",statusChanged:"Status Changed",commentAdded:"Comment Added",expirationChanged:"Expiration Changed"},noteTypes:{buyerNoteAdded:"Buyer Note Added",sellerNoteAdded:"Seller Note Added"},authorLabels:{buyer:"(Buyer)",seller:"(Seller)"},changeDetails:{comment:'Comment: "{comment}"',statusChangedFromTo:"Status changed from {oldStatus} to {newStatus}",statusSetTo:"Status set to {newStatus}",expirationChangedFromTo:"Expiration changed from {oldExpiration} to {newExpiration}",expirationSetTo:"Expiration set to {newExpiration}",totalChangedFromTo:"Total changed from {oldTotal} to {newTotal}",customChange:'{title}: changed from "{oldValue}" to "{newValue}"',productsRemovedFromCatalog:"Products removed from catalog: {products}",productsRemovedFromQuote:"Products removed from quote: {products}",noDetailsAvailable:"No details available"},emptyState:"No history available for this quote."},g={never:"Never"},h={QuotesListTable:{quoteName:"Quote Name",created:"Created",createdBy:"Created By",status:"Status",lastUpdated:"Last Updated",quoteTemplate:"Quote Template",quoteTotal:"Quote Total",actions:"Action"},QuoteTemplatesListTable:{name:"Template Name",state:"State",status:"Status",validUntil:"Valid Until",minQuoteTotal:"Min. Quote Total (Negotiated)",ordersPlaced:"Orders Placed",lastOrdered:"Last Ordered",actions:"Action"}},x={ConfirmationModal:c,NegotiableQuote:m,historyLog:p,dateUtils:g,QuoteManagement:h},f={default:x},T=({children:a})=>{const[o,s]=i("en_US");return u(()=>{const e=d.on("locale",r=>{s(r)},{eager:!0});return()=>{e==null||e.off()}},[]),t(l,{lang:o,langDefinitions:f,children:a})},Q=new n(t(T,{}));export{Q as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-quote-management/src/render/Provider.tsx","/@dropins/storefront-quote-management/src/render/render.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 } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"iwLAkBMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-quote-management/src/render/Provider.tsx","/@dropins/storefront-quote-management/src/render/render.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 } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"0vLAkBMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}