@dropins/storefront-purchase-order 0.0.1-alpha2 → 0.0.1-alpha3

package/containers/CompanyPurchaseOrders.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as f,jsx as e,Fragment as g}from"@dropins/tools/preact-jsx-runtime.js";import{classes as y}from"@dropins/tools/lib.js";import{E as x,u as N,P as S,a as A,d as D}from"../chunks/usePurchaseOrders.js";import{P as w}from"../chunks/PurchaseOrdersTableActions.js";import{useText as E}from"@dropins/tools/i18n.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const I=({initialPageSize:t=D,routePurchaseOrderDetails:o,setColumns:d,setRowsData:c,className:u="",withHeader:l=!0,skeletonRowCount:n=10})=>{const h=x.COMPANY_PURCHASE_ORDERS,r=E({headerText:"PurchaseOrders.companyPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",noPurchaseOrders:"PurchaseOrders.companyPurchaseOrders.noPurchaseOrders"}),{totalCount:m,loading:s,tableConfig:a,paginationConfig:p,pageSizeConfig:i,selectedOrderIds:O,handleRejectSelected:P,handleApproveSelected:b,isAdmin:C,alertMessageConfig:T}=N({type:h,routePurchaseOrderDetails:o,setColumns:d,setRowsData:c,initialPageSize:t,t:r});return f("div",{className:y(["company-purchase-orders",u]),"data-testid":"company-purchase-orders-container",children:[l?e(S,{headerText:r.headerText}):null,e(A,{header:C?e(w,{loading:s,selectedCount:O.length,handleRejectSelected:P,handleApproveSelected:b}):e(g,{}),totalCount:m,columns:a.columns,rows:a.rows,paginationConfig:p,loading:s,skeletonRowCount:n,pageSizeConfig:i,emptyTitle:r.noPurchaseOrders,alertMessageConfig:T})]})};export{I as CompanyPurchaseOrders,I as default};
+import{jsxs as y,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{classes as x}from"@dropins/tools/lib.js";import{E as w,u as N,a as S,P as D,b as R,d as E}from"../chunks/useCustomerRolePermissions.js";import{P as j}from"../chunks/PurchaseOrdersTableActions.js";import{useText as v}from"@dropins/tools/i18n.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const k=({initialPageSize:t=E,routePurchaseOrderDetails:o,setColumns:u,setRowsData:d,className:c="",withHeader:l=!0,withWrapper:n=!0,skeletonRowCount:i=5})=>{const h=w.COMPANY_PURCHASE_ORDERS,e=v({headerText:"PurchaseOrders.companyPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",selectAllAriaLabel:"PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel",noPurchaseOrders:"PurchaseOrders.companyPurchaseOrders.noPurchaseOrders"}),{permissions:m,loadingPermissions:p}=N(),{totalCount:O,loading:s,tableConfig:a,paginationConfig:P,pageSizeConfig:b,selectedOrderIds:C,handleRejectSelected:T,handleApproveSelected:f,isAdmin:g,alertMessageConfig:A}=S({view:h,routePurchaseOrderDetails:o,setColumns:u,setRowsData:d,initialPageSize:t,permissions:m,loadingPermissions:p,t:e});return y("div",{className:x(["company-purchase-orders",c]),"data-testid":"company-purchase-orders-container",children:[l?r(D,{headerText:e.headerText}):null,r(R,{header:g?r(j,{loading:s,selectedCount:C.length,handleRejectSelected:T,handleApproveSelected:f}):null,totalCount:O,columns:a.columns,rows:a.rows,paginationConfig:P,loading:s,skeletonRowCount:i,pageSizeConfig:b,emptyTitle:e.noPurchaseOrders,alertMessageConfig:A,withWrapper:n})]})};export{k as CompanyPurchaseOrders,k as default};
 //# sourceMappingURL=CompanyPurchaseOrders.js.map

package/containers/CompanyPurchaseOrders.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompanyPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/CompanyPurchaseOrders/CompanyPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport { usePurchaseOrders } from '@/b2b-purchase-order/hooks/usePurchaseOrders';\nimport { CompanyPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { EnumPurchaseOrderType } from '@/b2b-purchase-order/types/api';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\n\nexport const CompanyPurchaseOrders: Container<CompanyPurchaseOrdersProps> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  skeletonRowCount = 10,\n}) => {\n  const type = EnumPurchaseOrderType.COMPANY_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.companyPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    noPurchaseOrders: 'PurchaseOrders.companyPurchaseOrders.noPurchaseOrders',\n  });\n\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isAdmin,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    type,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['company-purchase-orders', className])}\n      data-testid=\"company-purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        header={\n          isAdmin ? (\n            <PurchaseOrdersTableActions\n              loading={loading}\n              selectedCount={selectedOrderIds.length}\n              handleRejectSelected={handleRejectSelected}\n              handleApproveSelected={handleApproveSelected}\n            />\n          ) : (\n            <></>\n          )\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n      />\n    </div>\n  );\n};\n"],"names":["CompanyPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","skeletonRowCount","type","EnumPurchaseOrderType","t","useText","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isAdmin","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions","Fragment"],"mappings":"8fA6BO,MAAMA,EAA+D,CAAC,CAC3E,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,iBAAAC,EAAmB,EACrB,IAAM,CACJ,MAAMC,EAAOC,EAAsB,wBAE7BC,EAAIC,EAAQ,CAChB,WAAY,sDACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,iBAAkB,uDAAA,CACnB,EAEK,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,QAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAd,EACA,0BAAAN,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,EAAAU,CAAA,CACD,EAED,OACEa,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,0BAA2BnB,CAAS,CAAC,EACzD,cAAY,oCAEX,SAAA,CAAAC,EAAamB,EAACC,EAAA,CAAqB,WAAYhB,EAAE,WAAY,EAAK,KACnEe,EAACE,EAAA,CACC,OACEP,EACEK,EAACG,EAAA,CACC,QAAAf,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,EAGFM,EAAAI,EAAA,EAAE,EAGN,WAAAjB,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAC,EACA,QAAAF,EACA,iBAAAN,EACA,eAAAS,EACA,WAAYN,EAAE,iBACd,mBAAAW,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"CompanyPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/CompanyPurchaseOrders/CompanyPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport {\n  usePurchaseOrders,\n  useCustomerRolePermissions,\n} from '@/b2b-purchase-order/hooks';\nimport { CompanyPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\n\nexport const CompanyPurchaseOrders: Container<CompanyPurchaseOrdersProps> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  withWrapper = true,\n  skeletonRowCount = 5,\n}) => {\n  const view = EnumPurchaseOrdersView.COMPANY_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.companyPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    selectAllAriaLabel:\n      'PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel',\n    noPurchaseOrders: 'PurchaseOrders.companyPurchaseOrders.noPurchaseOrders',\n  });\n\n  const { permissions, loadingPermissions } = useCustomerRolePermissions();\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isAdmin,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    view,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    permissions,\n    loadingPermissions,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['company-purchase-orders', className])}\n      data-testid=\"company-purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        header={\n          isAdmin ? (\n            <PurchaseOrdersTableActions\n              loading={loading}\n              selectedCount={selectedOrderIds.length}\n              handleRejectSelected={handleRejectSelected}\n              handleApproveSelected={handleApproveSelected}\n            />\n          ) : null\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n        withWrapper={withWrapper}\n      />\n    </div>\n  );\n};\n"],"names":["CompanyPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","withWrapper","skeletonRowCount","view","EnumPurchaseOrdersView","t","useText","permissions","loadingPermissions","useCustomerRolePermissions","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isAdmin","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions"],"mappings":"ggBAgCO,MAAMA,EAA+D,CAAC,CAC3E,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,iBAAAC,EAAmB,CACrB,IAAM,CACJ,MAAMC,EAAOC,EAAuB,wBAE9BC,EAAIC,EAAQ,CAChB,WAAY,sDACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,mBACE,qEACF,iBAAkB,uDAAA,CACnB,EAEK,CAAE,YAAAC,EAAa,mBAAAC,CAAA,EAAuBC,EAAA,EACtC,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,QAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAjB,EACA,0BAAAP,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,YAAAa,EACA,mBAAAC,EACA,EAAAH,CAAA,CACD,EAED,OACEgB,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,0BAA2BvB,CAAS,CAAC,EACzD,cAAY,oCAEX,SAAA,CAAAC,EAAauB,EAACC,EAAA,CAAqB,WAAYnB,EAAE,WAAY,EAAK,KACnEkB,EAACE,EAAA,CACC,OACEP,EACEK,EAACG,EAAA,CACC,QAAAf,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,EAEA,KAEN,WAAAP,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAC,EACA,QAAAF,EACA,iBAAAT,EACA,eAAAY,EACA,WAAYT,EAAE,iBACd,mBAAAc,EACA,YAAAlB,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/containers/CustomerPurchaseOrders.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as P,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b}from"@dropins/tools/lib.js";import{E as T,u as C,P as f,a as g,d as x}from"../chunks/usePurchaseOrders.js";import"@dropins/tools/components.js";import{useText as y}from"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const H=({initialPageSize:a=x,routePurchaseOrderDetails:t,setColumns:u,setRowsData:o,className:d="",withHeader:c=!0,skeletonRowCount:l=10})=>{const n=T.CUSTOMER_PURCHASE_ORDERS,e=y({headerText:"PurchaseOrders.customerPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",noPurchaseOrders:"PurchaseOrders.customerPurchaseOrders.noPurchaseOrders"}),{pageSizeConfig:h,loading:m,paginationConfig:i,tableConfig:r,totalCount:O,alertMessageConfig:p}=C({type:n,routePurchaseOrderDetails:t,setColumns:u,setRowsData:o,initialPageSize:a,t:e});return P("div",{className:b(["purchase-orders",d]),"data-testid":"purchase-orders-container",children:[c?s(f,{headerText:e.headerText}):null,s(g,{totalCount:O,columns:r.columns,rows:r.rows,paginationConfig:i,loading:m,skeletonRowCount:l,pageSizeConfig:h,emptyTitle:e.noPurchaseOrders,alertMessageConfig:p})]})};export{H as CustomerPurchaseOrders,H as default};
+import{jsxs as T,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as f}from"@dropins/tools/lib.js";import{E as g,u as x,a as w,P as D,b as E,d as N}from"../chunks/useCustomerRolePermissions.js";import"@dropins/tools/components.js";import{useText as R}from"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const U=({initialPageSize:a=N,routePurchaseOrderDetails:t,setColumns:o,setRowsData:u,className:d="",withHeader:c=!0,withWrapper:l=!0,skeletonRowCount:n=5})=>{const i=g.CUSTOMER_PURCHASE_ORDERS,e=R({headerText:"PurchaseOrders.customerPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",noPurchaseOrders:"PurchaseOrders.customerPurchaseOrders.noPurchaseOrders"}),{permissions:m,loadingPermissions:h}=x(),{pageSizeConfig:O,loading:p,paginationConfig:P,tableConfig:r,totalCount:b,alertMessageConfig:C}=w({view:i,routePurchaseOrderDetails:t,setColumns:o,setRowsData:u,initialPageSize:a,permissions:m,loadingPermissions:h,t:e});return T("div",{className:f(["purchase-orders",d]),"data-testid":"purchase-orders-container",children:[c?s(D,{headerText:e.headerText}):null,s(E,{totalCount:b,columns:r.columns,rows:r.rows,paginationConfig:P,loading:p,skeletonRowCount:n,pageSizeConfig:O,emptyTitle:e.noPurchaseOrders,alertMessageConfig:C,withWrapper:l})]})};export{U as CustomerPurchaseOrders,U as default};
 //# sourceMappingURL=CustomerPurchaseOrders.js.map

package/containers/CustomerPurchaseOrders.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/CustomerPurchaseOrders/CustomerPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport { usePurchaseOrders } from '@/b2b-purchase-order/hooks';\nimport { CustomerPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrderType } from '@/b2b-purchase-order/types/api';\n\nexport const CustomerPurchaseOrders: Container<CustomerPurchaseOrdersProps> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  skeletonRowCount = 10,\n}) => {\n  const type = EnumPurchaseOrderType.CUSTOMER_PURCHASE_ORDERS;\n  const t = useText({\n    headerText: 'PurchaseOrders.customerPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    noPurchaseOrders: 'PurchaseOrders.customerPurchaseOrders.noPurchaseOrders',\n  });\n\n  const {\n    pageSizeConfig,\n    loading,\n    paginationConfig,\n    tableConfig,\n    totalCount,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    type,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['purchase-orders', className])}\n      data-testid=\"purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n      />\n    </div>\n  );\n};\n"],"names":["CustomerPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","skeletonRowCount","type","EnumPurchaseOrderType","t","useText","pageSizeConfig","loading","paginationConfig","tableConfig","totalCount","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable"],"mappings":"obA4BO,MAAMA,EAAiE,CAAC,CAC7E,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,iBAAAC,EAAmB,EACrB,IAAM,CACJ,MAAMC,EAAOC,EAAsB,yBAC7BC,EAAIC,EAAQ,CAChB,WAAY,uDACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,iBAAkB,wDAAA,CACnB,EAEK,CACJ,eAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAV,EACA,0BAAAN,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,EAAAU,CAAA,CACD,EAED,OACES,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,kBAAmBf,CAAS,CAAC,EACjD,cAAY,4BAEX,SAAA,CAAAC,EAAae,EAACC,EAAA,CAAqB,WAAYZ,EAAE,WAAY,EAAK,KACnEW,EAACE,EAAA,CACC,WAAAP,EACA,QAASD,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAD,EACA,QAAAD,EACA,iBAAAN,EACA,eAAAK,EACA,WAAYF,EAAE,iBACd,mBAAAO,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"CustomerPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/CustomerPurchaseOrders/CustomerPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n} from '@/b2b-purchase-order/components';\nimport {\n  usePurchaseOrders,\n  useCustomerRolePermissions,\n} from '@/b2b-purchase-order/hooks';\nimport { CustomerPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\n\nexport const CustomerPurchaseOrders: Container<CustomerPurchaseOrdersProps> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  withWrapper = true,\n  skeletonRowCount = 5,\n}) => {\n  const view = EnumPurchaseOrdersView.CUSTOMER_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.customerPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    noPurchaseOrders: 'PurchaseOrders.customerPurchaseOrders.noPurchaseOrders',\n  });\n\n  const { permissions, loadingPermissions } = useCustomerRolePermissions();\n  const {\n    pageSizeConfig,\n    loading,\n    paginationConfig,\n    tableConfig,\n    totalCount,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    view,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    permissions,\n    loadingPermissions,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['purchase-orders', className])}\n      data-testid=\"purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n        withWrapper={withWrapper}\n      />\n    </div>\n  );\n};\n"],"names":["CustomerPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","withWrapper","skeletonRowCount","view","EnumPurchaseOrdersView","t","useText","permissions","loadingPermissions","useCustomerRolePermissions","pageSizeConfig","loading","paginationConfig","tableConfig","totalCount","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable"],"mappings":"ocA+BO,MAAMA,EAAiE,CAAC,CAC7E,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,iBAAAC,EAAmB,CACrB,IAAM,CACJ,MAAMC,EAAOC,EAAuB,yBAE9BC,EAAIC,EAAQ,CAChB,WAAY,uDACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,iBAAkB,wDAAA,CACnB,EAEK,CAAE,YAAAC,EAAa,mBAAAC,CAAA,EAAuBC,EAAA,EACtC,CACJ,eAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,WAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAb,EACA,0BAAAP,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,YAAAa,EACA,mBAAAC,EACA,EAAAH,CAAA,CACD,EAED,OACEY,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,kBAAmBnB,CAAS,CAAC,EACjD,cAAY,4BAEX,SAAA,CAAAC,EAAamB,EAACC,EAAA,CAAqB,WAAYf,EAAE,WAAY,EAAK,KACnEc,EAACE,EAAA,CACC,WAAAP,EACA,QAASD,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAD,EACA,QAAAD,EACA,iBAAAT,EACA,eAAAQ,EACA,WAAYL,EAAE,iBACd,mBAAAU,EACA,YAAAd,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/containers/RequireApprovalPurchaseOrders.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsxs as f,jsx as e,Fragment as t}from"@dropins/tools/preact-jsx-runtime.js";import{classes as v}from"@dropins/tools/lib.js";import{E as A,u as R,P as D,a as M,d as j}from"../chunks/usePurchaseOrders.js";import{P as x}from"../chunks/PurchaseOrdersTableActions.js";import{useText as E}from"@dropins/tools/i18n.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const U=({initialPageSize:o=j,routePurchaseOrderDetails:d,setColumns:c,setRowsData:u,className:l="",withHeader:p=!0,skeletonRowCount:i=10})=>{const h=A.CUSTOMER_APPROVAL_PURCHASE_ORDERS,r=E({headerText:"PurchaseOrders.requireApprovalPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",noPurchaseOrders:"PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders",alertHeaderApprove:"PurchaseOrders.alertMessages.header.approve",alertHeaderReject:"PurchaseOrders.alertMessages.header.reject",alertHeaderError:"PurchaseOrders.alertMessages.header.error",alertDescriptionApprove:"PurchaseOrders.alertMessages.description.approve",alertDescriptionReject:"PurchaseOrders.alertMessages.description.reject",alertDescriptionError:"PurchaseOrders.alertMessages.description.error"}),{totalCount:n,loading:s,tableConfig:a,paginationConfig:O,pageSizeConfig:P,selectedOrderIds:m,handleRejectSelected:b,handleApproveSelected:T,isApproval:g,alertMessageConfig:C}=R({type:h,routePurchaseOrderDetails:d,setColumns:c,setRowsData:u,initialPageSize:o,t:r});return f("div",{className:v(["require-approval-purchase-orders",l]),"data-testid":"require-approval-purchase-orders-container",children:[p?e(D,{headerText:r.headerText}):null,e(M,{header:e(t,{children:g?e(x,{loading:s,selectedCount:m.length,handleRejectSelected:b,handleApproveSelected:T}):e(t,{})}),totalCount:n,columns:a.columns,rows:a.rows,paginationConfig:O,loading:s,skeletonRowCount:i,pageSizeConfig:P,emptyTitle:r.noPurchaseOrders,alertMessageConfig:C})]})};export{U as RequireApprovalPurchaseOrders,U as default};
+import{jsxs as R,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{classes as D}from"@dropins/tools/lib.js";import{E as M,u as S,a as j,P as w,b as x,d as E}from"../chunks/useCustomerRolePermissions.js";import{P as q}from"../chunks/PurchaseOrdersTableActions.js";import{useText as N}from"@dropins/tools/i18n.js";import"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact-hooks.js";import"../chunks/getPurchaseOrders.js";import"@dropins/tools/fetch-graphql.js";const F=({initialPageSize:l=E,routePurchaseOrderDetails:d,setColumns:u,setRowsData:c,className:i="",withHeader:p=!0,withWrapper:n=!0,skeletonRowCount:h=5})=>{const O=M.CUSTOMER_APPROVAL_PURCHASE_ORDERS,e=N({headerText:"PurchaseOrders.requireApprovalPurchaseOrders.containerTitle",actionView:"PurchaseOrders.purchaseOrdersTable.actionView",poNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber",orderNumber:"PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber",createdDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate",updatedDate:"PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate",createdBy:"PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy",status:"PurchaseOrders.purchaseOrdersTable.tableColumns.status",total:"PurchaseOrders.purchaseOrdersTable.tableColumns.total",action:"PurchaseOrders.purchaseOrdersTable.tableColumns.action",selectAllAriaLabel:"PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel",noPurchaseOrders:"PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders",alertHeaderApprove:"PurchaseOrders.alertMessages.header.approve",alertHeaderReject:"PurchaseOrders.alertMessages.header.reject",alertHeaderError:"PurchaseOrders.alertMessages.header.error",alertDescriptionApprove:"PurchaseOrders.alertMessages.description.approve",alertDescriptionReject:"PurchaseOrders.alertMessages.description.reject",alertDescriptionError:"PurchaseOrders.alertMessages.description.error"}),{permissions:m,loadingPermissions:P}=S(),{totalCount:s,loading:a,tableConfig:t,paginationConfig:b,pageSizeConfig:g,selectedOrderIds:C,handleRejectSelected:T,handleApproveSelected:A,isRequireApprovalPOsView:v,alertMessageConfig:f,pendingApprovalCount:o}=j({view:O,routePurchaseOrderDetails:d,setColumns:u,setRowsData:c,initialPageSize:l,permissions:m,loadingPermissions:P,t:e});return R("div",{className:D(["require-approval-purchase-orders",i]),"data-testid":"require-approval-purchase-orders-container",children:[p?r(w,{headerText:e.headerText,tagNumber:o>0?String(o):void 0}):null,r(x,{header:v&&s>0?r(q,{loading:a,selectedCount:C.length,handleRejectSelected:T,handleApproveSelected:A}):null,totalCount:s,columns:t.columns,rows:t.rows,paginationConfig:b,loading:a,skeletonRowCount:h,pageSizeConfig:g,emptyTitle:e.noPurchaseOrders,alertMessageConfig:f,withWrapper:n})]})};export{F as RequireApprovalPurchaseOrders,F as default};
 //# sourceMappingURL=RequireApprovalPurchaseOrders.js.map

package/containers/RequireApprovalPurchaseOrders.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequireApprovalPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/RequireApprovalPurchaseOrders/RequireApprovalPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport { usePurchaseOrders } from '@/b2b-purchase-order/hooks';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrderType } from '@/b2b-purchase-order/types/api';\nimport { RequireApprovalPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\n\nexport const RequireApprovalPurchaseOrders: Container<\n  RequireApprovalPurchaseOrdersProps\n> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  skeletonRowCount = 10,\n}) => {\n  const type = EnumPurchaseOrderType.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n  const t = useText({\n    headerText: 'PurchaseOrders.requireApprovalPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    noPurchaseOrders:\n      'PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders',\n    alertHeaderApprove: 'PurchaseOrders.alertMessages.header.approve',\n    alertHeaderReject: 'PurchaseOrders.alertMessages.header.reject',\n    alertHeaderError: 'PurchaseOrders.alertMessages.header.error',\n    alertDescriptionApprove: 'PurchaseOrders.alertMessages.description.approve',\n    alertDescriptionReject: 'PurchaseOrders.alertMessages.description.reject',\n    alertDescriptionError: 'PurchaseOrders.alertMessages.description.error',\n  });\n\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isApproval,\n    alertMessageConfig,\n  } = usePurchaseOrders({\n    type,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['require-approval-purchase-orders', className])}\n      data-testid=\"require-approval-purchase-orders-container\"\n    >\n      {withHeader ? <PurchaseOrdersHeader headerText={t.headerText} /> : null}\n      <PurchaseOrdersTable\n        header={\n          <>\n            {isApproval ? (\n              <PurchaseOrdersTableActions\n                loading={loading}\n                selectedCount={selectedOrderIds.length}\n                handleRejectSelected={handleRejectSelected}\n                handleApproveSelected={handleApproveSelected}\n              />\n            ) : (\n              <></>\n            )}\n          </>\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n      />\n    </div>\n  );\n};\n"],"names":["RequireApprovalPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","skeletonRowCount","type","EnumPurchaseOrderType","t","useText","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isApproval","alertMessageConfig","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions"],"mappings":"8fA6BO,MAAMA,EAET,CAAC,CACH,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,iBAAAC,EAAmB,EACrB,IAAM,CACJ,MAAMC,EAAOC,EAAsB,kCAC7BC,EAAIC,EAAQ,CAChB,WAAY,8DACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,iBACE,gEACF,mBAAoB,8CACpB,kBAAmB,6CACnB,iBAAkB,4CAClB,wBAAyB,mDACzB,uBAAwB,kDACxB,sBAAuB,gDAAA,CACxB,EAEK,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,mBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAd,EACA,0BAAAN,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,EAAAU,CAAA,CACD,EAED,OACEa,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,mCAAoCnB,CAAS,CAAC,EAClE,cAAY,6CAEX,SAAA,CAAAC,EAAamB,EAACC,EAAA,CAAqB,WAAYhB,EAAE,WAAY,EAAK,KACnEe,EAACE,EAAA,CACC,YAEK,SAAAP,EACCK,EAACG,EAAA,CACC,QAAAf,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,QAGA,EAEN,EAEF,WAAAP,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAC,EACA,QAAAF,EACA,iBAAAN,EACA,eAAAS,EACA,WAAYN,EAAE,iBACd,mBAAAW,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"RequireApprovalPurchaseOrders.js","sources":["/@dropins/storefront-purchase-order/src/containers/RequireApprovalPurchaseOrders/RequireApprovalPurchaseOrders.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport {\n  PurchaseOrdersTable,\n  PurchaseOrdersHeader,\n  PurchaseOrdersTableActions,\n} from '@/b2b-purchase-order/components';\nimport {\n  usePurchaseOrders,\n  useCustomerRolePermissions,\n} from '@/b2b-purchase-order/hooks';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { defaultPageSizeConfig } from '@/b2b-purchase-order/configs';\nimport { EnumPurchaseOrdersView } from '@/b2b-purchase-order/types/api';\nimport { RequireApprovalPurchaseOrdersProps } from '@/b2b-purchase-order/types/containers';\n\nexport const RequireApprovalPurchaseOrders: Container<\n  RequireApprovalPurchaseOrdersProps\n> = ({\n  initialPageSize = defaultPageSizeConfig,\n  routePurchaseOrderDetails,\n  setColumns,\n  setRowsData,\n  className = '',\n  withHeader = true,\n  withWrapper = true,\n  skeletonRowCount = 5,\n}) => {\n  const view = EnumPurchaseOrdersView.CUSTOMER_APPROVAL_PURCHASE_ORDERS;\n\n  const t = useText({\n    headerText: 'PurchaseOrders.requireApprovalPurchaseOrders.containerTitle',\n    actionView: 'PurchaseOrders.purchaseOrdersTable.actionView',\n    poNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.poNumber',\n    orderNumber: 'PurchaseOrders.purchaseOrdersTable.tableColumns.orderNumber',\n    createdDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdDate',\n    updatedDate: 'PurchaseOrders.purchaseOrdersTable.tableColumns.updatedDate',\n    createdBy: 'PurchaseOrders.purchaseOrdersTable.tableColumns.createdBy',\n    status: 'PurchaseOrders.purchaseOrdersTable.tableColumns.status',\n    total: 'PurchaseOrders.purchaseOrdersTable.tableColumns.total',\n    action: 'PurchaseOrders.purchaseOrdersTable.tableColumns.action',\n    selectAllAriaLabel:\n      'PurchaseOrders.purchaseOrdersTable.tableColumns.selectAllAriaLabel',\n    noPurchaseOrders:\n      'PurchaseOrders.requireApprovalPurchaseOrders.noPurchaseOrders',\n    alertHeaderApprove: 'PurchaseOrders.alertMessages.header.approve',\n    alertHeaderReject: 'PurchaseOrders.alertMessages.header.reject',\n    alertHeaderError: 'PurchaseOrders.alertMessages.header.error',\n    alertDescriptionApprove: 'PurchaseOrders.alertMessages.description.approve',\n    alertDescriptionReject: 'PurchaseOrders.alertMessages.description.reject',\n    alertDescriptionError: 'PurchaseOrders.alertMessages.description.error',\n  });\n\n  const { permissions, loadingPermissions } = useCustomerRolePermissions();\n  const {\n    totalCount,\n    loading,\n    tableConfig,\n    paginationConfig,\n    pageSizeConfig,\n    selectedOrderIds,\n    handleRejectSelected,\n    handleApproveSelected,\n    isRequireApprovalPOsView,\n    alertMessageConfig,\n    pendingApprovalCount,\n  } = usePurchaseOrders({\n    view,\n    routePurchaseOrderDetails,\n    setColumns,\n    setRowsData,\n    initialPageSize,\n    permissions,\n    loadingPermissions,\n    t,\n  });\n\n  return (\n    <div\n      className={classes(['require-approval-purchase-orders', className])}\n      data-testid=\"require-approval-purchase-orders-container\"\n    >\n      {withHeader ? (\n        <PurchaseOrdersHeader\n          headerText={t.headerText}\n          tagNumber={\n            pendingApprovalCount > 0 ? String(pendingApprovalCount) : undefined\n          }\n        />\n      ) : null}\n      <PurchaseOrdersTable\n        header={\n          isRequireApprovalPOsView && totalCount > 0 ? (\n            <PurchaseOrdersTableActions\n              loading={loading}\n              selectedCount={selectedOrderIds.length}\n              handleRejectSelected={handleRejectSelected}\n              handleApproveSelected={handleApproveSelected}\n            />\n          ) : null\n        }\n        totalCount={totalCount}\n        columns={tableConfig.columns}\n        rows={tableConfig.rows}\n        paginationConfig={paginationConfig}\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        pageSizeConfig={pageSizeConfig}\n        emptyTitle={t.noPurchaseOrders}\n        alertMessageConfig={alertMessageConfig}\n        withWrapper={withWrapper}\n      />\n    </div>\n  );\n};\n"],"names":["RequireApprovalPurchaseOrders","initialPageSize","defaultPageSizeConfig","routePurchaseOrderDetails","setColumns","setRowsData","className","withHeader","withWrapper","skeletonRowCount","view","EnumPurchaseOrdersView","t","useText","permissions","loadingPermissions","useCustomerRolePermissions","totalCount","loading","tableConfig","paginationConfig","pageSizeConfig","selectedOrderIds","handleRejectSelected","handleApproveSelected","isRequireApprovalPOsView","alertMessageConfig","pendingApprovalCount","usePurchaseOrders","jsxs","classes","jsx","PurchaseOrdersHeader","PurchaseOrdersTable","PurchaseOrdersTableActions"],"mappings":"ggBAgCO,MAAMA,EAET,CAAC,CACH,gBAAAC,EAAkBC,EAClB,0BAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,iBAAAC,EAAmB,CACrB,IAAM,CACJ,MAAMC,EAAOC,EAAuB,kCAE9BC,EAAIC,EAAQ,CAChB,WAAY,8DACZ,WAAY,gDACZ,SAAU,2DACV,YAAa,8DACb,YAAa,8DACb,YAAa,8DACb,UAAW,4DACX,OAAQ,yDACR,MAAO,wDACP,OAAQ,yDACR,mBACE,qEACF,iBACE,gEACF,mBAAoB,8CACpB,kBAAmB,6CACnB,iBAAkB,4CAClB,wBAAyB,mDACzB,uBAAwB,kDACxB,sBAAuB,gDAAA,CACxB,EAEK,CAAE,YAAAC,EAAa,mBAAAC,CAAA,EAAuBC,EAAA,EACtC,CACJ,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,mBAAAC,EACA,qBAAAC,CAAA,EACEC,EAAkB,CACpB,KAAAlB,EACA,0BAAAP,EACA,WAAAC,EACA,YAAAC,EACA,gBAAAJ,EACA,YAAAa,EACA,mBAAAC,EACA,EAAAH,CAAA,CACD,EAED,OACEiB,EAAC,MAAA,CACC,UAAWC,EAAQ,CAAC,mCAAoCxB,CAAS,CAAC,EAClE,cAAY,6CAEX,SAAA,CAAAC,EACCwB,EAACC,EAAA,CACC,WAAYpB,EAAE,WACd,UACEe,EAAuB,EAAI,OAAOA,CAAoB,EAAI,MAAA,CAAA,EAG5D,KACJI,EAACE,EAAA,CACC,OACER,GAA4BR,EAAa,EACvCc,EAACG,EAAA,CACC,QAAAhB,EACA,cAAeI,EAAiB,OAChC,qBAAAC,EACA,sBAAAC,CAAA,CAAA,EAEA,KAEN,WAAAP,EACA,QAASE,EAAY,QACrB,KAAMA,EAAY,KAClB,iBAAAC,EACA,QAAAF,EACA,iBAAAT,EACA,eAAAY,EACA,WAAYT,EAAE,iBACd,mBAAAc,EACA,YAAAlB,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/data/transforms/transform-customer-role-permissions.d.ts

@@ -1,4 +1,20 @@
 import { CustomerRolePermissionsModel } from '../models/customer-role-permissions-model';
 
-export declare const transformCustomerRolePermissions: (response: any) => CustomerRolePermissionsModel;
+type PermissionsPayload = {
+    admin?: boolean;
+    [key: string]: boolean | undefined;
+};
+/**
+ * Transforms flat permissions object from auth/permissions event into CustomerRolePermissionsModel
+ *
+ * Permission Logic:
+ * - true: Permission granted
+ * - false: Permission disabled (overrides admin privileges - indicates PO feature is disabled)
+ * - Default: Admins get access, regular users don't
+ *
+ * @param permissionsData - Flat object with permission keys and admin flag
+ * @returns CustomerRolePermissionsModel
+ */
+export declare const transformPermissions: (permissionsData: PermissionsPayload | null | undefined) => CustomerRolePermissionsModel;
+export {};
 //# sourceMappingURL=transform-customer-role-permissions.d.ts.map

package/hooks/index.d.ts

@@ -15,4 +15,5 @@
  * from Adobe.
  *******************************************************************/
 export * from './usePurchaseOrders';
+export * from './useCustomerRolePermissions';
 //# sourceMappingURL=index.d.ts.map

package/hooks/useCustomerRolePermissions.d.ts

@@ -0,0 +1,18 @@
+import { CustomerRolePermissionsModel } from '../data/models';
+
+/**
+ * Hook to consume customer role permissions from the auth/permissions event
+ *
+ * Initializes with last payload and subscribes to real-time updates.
+ * Transforms permissions data where:
+ * - true: Permission granted
+ * - false: Permission disabled (overrides admin - PO feature disabled)
+ * - Default: Admins get access, regular users don't
+ *
+ * @returns {permissions: CustomerRolePermissionsModel, loadingPermissions: boolean}
+ */
+export declare const useCustomerRolePermissions: () => {
+    permissions: CustomerRolePermissionsModel;
+    loadingPermissions: boolean;
+};
+//# sourceMappingURL=useCustomerRolePermissions.d.ts.map

package/hooks/usePurchaseOrders.d.ts

@@ -1,4 +1,4 @@
 import { UsePurchaseOrdersParams, UsePurchaseOrdersReturn } from '../types/hooks';
 
-export declare const usePurchaseOrders: ({ type, initialPageSize, routePurchaseOrderDetails, setColumns, setRowsData, t, }: UsePurchaseOrdersParams) => UsePurchaseOrdersReturn;
+export declare const usePurchaseOrders: ({ view, initialPageSize, routePurchaseOrderDetails, setColumns, setRowsData, t, permissions, loadingPermissions, }: UsePurchaseOrdersParams) => UsePurchaseOrdersReturn;
 //# sourceMappingURL=usePurchaseOrders.d.ts.map

package/i18n/en_US.json.d.ts

@@ -1,20 +1,20 @@
 declare const _default: {
   "PurchaseOrders": {
     "customerPurchaseOrders": {
-      "containerTitle": "Purchase orders",
-      "noPurchaseOrders": "No my purchase orders found."
+      "containerTitle": "My purchase orders",
+      "noPurchaseOrders": "No purchase orders found."
     },
     "companyPurchaseOrders": {
-      "containerTitle": "Company Purchase orders",
+      "containerTitle": "Company purchase orders",
       "noPurchaseOrders": "No company purchase orders found."
     },
     "requireApprovalPurchaseOrders": {
-      "containerTitle": "Requires My Approval",
+      "containerTitle": "Requires my approval",
       "noPurchaseOrders": "No purchase orders requiring my approval found."
     },
     "approvalRulesList": {
       "containerTitle": "Approval Rules",
-      "buttons":{
+      "buttons": {
         "newRule": "Add New Rule"
       }
     },
@@ -25,9 +25,9 @@ declare const _default: {
         "error": "Error"
       },
       "description": {
-        "approve": "Purchase orders approved successfully",
-        "reject": "Purchase orders rejected successfully",
-        "error": "There was an error processing your request. Please try again."
+        "approve": "The selected purchase orders were approved successfully.",
+        "reject": "The selected purchase orders were rejected successfully.",
+        "error": "An error occurred while processing your request."
       }
     },
     "purchaseOrdersTable": {
@@ -79,7 +79,8 @@ declare const _default: {
         "ruleName": "Rule Name",
         "ruleType": "Rule Type",
         "appliesTo": "Applies To",
-        "approver": "Approver"
+        "approver": "Approver",
+        "selectAllAriaLabel": "Select all not approved purchase orders"
       }
     }
   }

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-purchase-order", "version": "0.0.1-alpha2", "@dropins/tools": "1.5.0-alpha3002", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-purchase-order", "version": "0.0.1-alpha3", "@dropins/tools": "1.5.0-alpha2903", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,5 +1,5 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(n,t){try{if(typeof document<"u"){const e=document.createElement("style"),s=t.styleId;for(const a in t.attributes)e.setAttribute(a,t.attributes[a]);e.setAttribute("data-dropin",s),e.appendChild(document.createTextNode(n));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(e);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})('.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.purchase-orders-header{margin-bottom:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}',{styleId:"b2b-purchase-order"});
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as d}from"@dropins/tools/lib.js";import{useState as n,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as u}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const c={customerPurchaseOrders:{containerTitle:"Purchase orders",noPurchaseOrders:"No my purchase orders found."},companyPurchaseOrders:{containerTitle:"Company Purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires My Approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval Rules",buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"Purchase orders approved successfully",reject:"Purchase orders rejected successfully",error:"There was an error processing your request. Please try again."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}} to {{to}} of {{total}} total",pageSizeLabel:{start:"Show",end:"per page"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",ruleType:"Rule Type",appliesTo:"Applies To",approver:"Approver"}}},i={PurchaseOrders:c},m={default:i},f=({children:a})=>{const[o,s]=n("en_US");return p(()=>{const e=l.on("locale",t=>{s(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(u,{lang:o,langDefinitions:m,children:a})},O=new d(r(f,{}));export{O as render};
+(function(s,r){try{if(typeof document<"u"){const e=document.createElement("style"),i=r.styleId;for(const a in r.attributes)e.setAttribute(a,r.attributes[a]);e.setAttribute("data-dropin",i),e.appendChild(document.createTextNode(s));const t=document.querySelector('style[data-dropin="sdk"]');if(t)t.after(e);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(e):document.head.append(e)}}}catch(e){console.error("dropin-styles (injectCodeFunction)",e)}})('.b2b-purchase-order-purchase-orders-table{display:flex;flex-direction:column;gap:var(--spacing-medium)}.b2b-purchase-order-purchase-orders-table a{cursor:pointer}.b2b-purchase-order-purchase-orders-table .purchase-orders-table__item--skeleton{max-width:200px}.purchase-orders-table__empty-state{text-align:center;color:var(--color-neutral-600);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.purchase-orders-table__pagination-wrapper{display:flex;justify-content:space-between;align-items:center}.purchase-orders-table__pagination-page-size{display:flex;align-items:center;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter,.purchase-orders-table__pagination-page-size{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}@media (max-width: 783px){.purchase-orders-table__pagination-wrapper{display:grid;grid-template-areas:"counter page-size" "pagination pagination";grid-template-columns:auto auto;gap:var(--spacing-small)}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination;justify-self:center}}@media (max-width: 600px){.purchase-orders-table__pagination-wrapper{grid-template-areas:"counter" "page-size" "pagination";grid-template-columns:1fr;justify-items:center}.purchase-orders-table__pagination-counter{grid-area:counter}.purchase-orders-table__pagination-page-size{grid-area:page-size}.purchase-orders-table__pagination{grid-area:pagination}}.purchase-orders-header{display:flex;align-items:center;margin-bottom:var(--spacing-medium)}.purchase-orders-header__header{width:auto}.purchase-orders-header .dropin-tag-container{padding:0 12px;margin-left:var(--spacing-small)}.b2b-purchase-order-purchase-orders-table-actions{display:flex;justify-content:space-between;align-items:center}.b2b-purchase-order-purchase-orders-table-actions__buttons{display:flex;gap:10px;justify-content:space-between}',{styleId:"b2b-purchase-order"});
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as d}from"@dropins/tools/lib.js";import{useState as p,useEffect as n}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as u}from"@dropins/tools/event-bus.js";const c={customerPurchaseOrders:{containerTitle:"My purchase orders",noPurchaseOrders:"No purchase orders found."},companyPurchaseOrders:{containerTitle:"Company purchase orders",noPurchaseOrders:"No company purchase orders found."},requireApprovalPurchaseOrders:{containerTitle:"Requires my approval",noPurchaseOrders:"No purchase orders requiring my approval found."},approvalRulesList:{containerTitle:"Approval Rules",buttons:{newRule:"Add New Rule"}},alertMessages:{header:{approve:"Approve Purchase Orders",reject:"Reject Purchase Orders",error:"Error"},description:{approve:"The selected purchase orders were approved successfully.",reject:"The selected purchase orders were rejected successfully.",error:"An error occurred while processing your request."}},purchaseOrdersTable:{noPurchaseOrders:{default:"No purchase orders found."},pagination:{status:"Items {{from}} to {{to}} of {{total}} total",pageSizeLabel:{start:"Show",end:"per page"}},loading:"Loading purchase orders...",actionView:"View",actionEdit:"Edit",actionDelete:"Delete",rulesStatus:{enabled:"Enabled",disabled:"Disabled"},ruleTypes:{grand_total:"Grand Total",number_of_skus:"Number of SKUs",any_item:"Any Item",all_items:"All Items"},appliesToAll:"All",statusOrder:{order_placed:"Order placed",order_failed:"Order failed",pending:"Pending",approved:"Approved",rejected:"Rejected",canceled:"Canceled",order_in_progress:"Order in progress",approval_required:"Approval required",approved_pending_payment:"Approved pending Payment"},tableColumns:{poNumber:"PO #",orderNumber:"Order #",createdDate:"Created",updatedDate:"Updated",createdBy:"Created By",status:"Status",total:"Total",action:"Action",ruleName:"Rule Name",ruleType:"Rule Type",appliesTo:"Applies To",approver:"Approver",selectAllAriaLabel:"Select all not approved purchase orders"}}},i={PurchaseOrders:c},m={default:i},h=({children:a})=>{const[o,s]=p("en_US");return n(()=>{const e=u.on("locale",t=>{s(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:o,langDefinitions:m,children:a})},A=new d(r(h,{}));export{A as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/src/render/render.tsx"],"sourcesContent":["import { 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","import { 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":"2/DASMA,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-purchase-order/src/render/Provider.tsx","/@dropins/storefront-purchase-order/src/render/render.tsx"],"sourcesContent":["import { 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","import { 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":"ilEASMA,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"}

package/types/api/api.enums.types.d.ts

@@ -13,7 +13,7 @@ export declare enum PurchaseOrderApprovalRuleConditionOperator {
     MORE_THAN_OR_EQUAL_TO = "MORE_THAN_OR_EQUAL_TO",
     LESS_THAN_OR_EQUAL_TO = "LESS_THAN_OR_EQUAL_TO"
 }
-export declare enum EnumPurchaseOrderType {
+export declare enum EnumPurchaseOrdersView {
     CUSTOMER_PURCHASE_ORDERS = "customerPurchaseOrders",
     COMPANY_PURCHASE_ORDERS = "companyPurchaseOrders",
     CUSTOMER_APPROVAL_PURCHASE_ORDERS = "customerApprovalPurchaseOrders"

package/types/components/purchaseOrdersTable.types.d.ts

@@ -1,11 +1,17 @@
 import { VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
 import { PageSizeListProps, PaginationState } from '.';
 import { AlertMessageConfigType } from '../hooks';
 
-export interface Column {
+export type Column = {
+    label: string;
     key: string;
-    label: string | VNode;
-}
+    ariaLabel?: string;
+} | {
+    label: VNode<HTMLAttributes<HTMLElement>>;
+    key: string;
+    ariaLabel: string;
+};
 export interface Row {
     [key: string]: VNode | string | number | undefined;
     _rowDetails?: VNode | string;
@@ -24,8 +30,9 @@ export interface PurchaseOrdersTableProps {
     emptyTitle?: string;
     variant?: 'primary' | 'secondary';
     skeletonRowCount?: number | string;
-    footer?: VNode | string;
-    header?: VNode | string;
+    footer?: VNode | string | null;
+    header?: VNode | string | null;
     alertMessageConfig: AlertMessageConfigType;
+    withWrapper?: boolean;
 }
 //# sourceMappingURL=purchaseOrdersTable.types.d.ts.map

package/types/containers/companyPurchaseOrders.types.d.ts

@@ -7,6 +7,7 @@ export interface CompanyPurchaseOrdersProps {
     setRowsData?: (defaultRows: Row[]) => Row[];
     className?: string;
     withHeader?: boolean;
+    withWrapper?: boolean;
     skeletonRowCount?: number;
 }
 //# sourceMappingURL=companyPurchaseOrders.types.d.ts.map

package/types/containers/customerPurchaseOrders.types.d.ts

@@ -7,6 +7,7 @@ export interface CustomerPurchaseOrdersProps {
     setRowsData?: (defaultRows: Row[]) => Row[];
     className?: string;
     withHeader?: boolean;
+    withWrapper?: boolean;
     skeletonRowCount?: number;
 }
 //# sourceMappingURL=customerPurchaseOrders.types.d.ts.map

package/types/containers/requireApprovalPurchaseOrders.types.d.ts

@@ -7,6 +7,7 @@ export interface RequireApprovalPurchaseOrdersProps {
     setRowsData?: (defaultRows: Row[]) => Row[];
     className?: string;
     withHeader?: boolean;
+    withWrapper?: boolean;
     skeletonRowCount?: number;
 }
 //# sourceMappingURL=requireApprovalPurchaseOrders.types.d.ts.map

package/types/hooks/usePurchaseOrders.types.d.ts

@@ -1,6 +1,7 @@
 import { PageSizeListProps, PaginationState } from '../components/pagination.types';
 import { Column, Row } from '../components/purchaseOrdersTable.types';
-import { EnumPurchaseOrderType } from '../api';
+import { EnumPurchaseOrdersView } from '../api';
+import { CustomerRolePermissionsModel } from '../../data/models';
 
 export type AlertMessageConfigType = {
     heading: string;
@@ -13,10 +14,12 @@ export interface UsePurchaseOrdersParams {
     setColumns?: (defaultColumns: Column[]) => Column[];
     setRowsData?: (defaultRows: Row[]) => Row[];
     t: Record<string, string>;
-    type: EnumPurchaseOrderType;
+    view: EnumPurchaseOrdersView;
+    permissions: CustomerRolePermissionsModel;
+    loadingPermissions: boolean;
 }
 export interface UsePurchaseOrdersReturn {
-    isApproval: boolean;
+    isRequireApprovalPOsView: boolean;
     isAdmin: boolean;
     totalCount: number;
     loading: boolean;
@@ -33,5 +36,6 @@ export interface UsePurchaseOrdersReturn {
     handleRejectSelected: () => void;
     handleApproveSelected: () => void;
     alertMessageConfig: AlertMessageConfigType;
+    pendingApprovalCount: number;
 }
 //# sourceMappingURL=usePurchaseOrders.types.d.ts.map

package/api/getCustomerRolePermissions/getCustomerRolePermissions.d.ts

@@ -1,4 +0,0 @@
-import { CustomerRolePermissionsModel } from '../../data/models';
-
-export declare const getCustomerRolePermissions: () => Promise<CustomerRolePermissionsModel>;
-//# sourceMappingURL=getCustomerRolePermissions.d.ts.map

package/api/getCustomerRolePermissions/graphql/getCustomerRolePermissions.d.ts

@@ -1,16 +0,0 @@
-/********************************************************************
- *
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- *******************************************************************/
-export declare const GET_CUSTOMER_ROLE_PERMISSIONS = "\n  query GET_CUSTOMER_ROLE_PERMISSIONS {\n    customer {\n      purchase_orders_enabled\n      role {\n        id\n        name\n        permissions {\n          id\n          text\n          sort_order\n          children {\n            # 2\n            id\n            text\n            sort_order\n            children {\n              # 3\n              id\n              text\n              sort_order\n              children {\n                # 4\n                id\n                text\n                sort_order\n                children {\n                  # 5\n                  id\n                  text\n                  sort_order\n                  children {\n                    # 6\n                    id\n                    text\n                    sort_order\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n";
-//# sourceMappingURL=getCustomerRolePermissions.d.ts.map

package/api/getCustomerRolePermissions/index.d.ts

@@ -1,18 +0,0 @@
-/********************************************************************
- * ADOBE CONFIDENTIAL
- * __________________
- *
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- *******************************************************************/
-export * from './getCustomerRolePermissions';
-//# sourceMappingURL=index.d.ts.map

package/api/initialize/lib/getPermissions.d.ts

@@ -1,19 +0,0 @@
-/********************************************************************
- * ADOBE CONFIDENTIAL
- * __________________
- *
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- *******************************************************************/
-export declare const getPermissions: () => Promise<any>;
-export declare const clearPermissionsCache: () => void;
-//# sourceMappingURL=getPermissions.d.ts.map

package/api/initialize/lib/index.d.ts

@@ -1,18 +0,0 @@
-/********************************************************************
- * ADOBE CONFIDENTIAL
- * __________________
- *
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- *******************************************************************/
-export * from './getPermissions';
-//# sourceMappingURL=index.d.ts.map

package/chunks/usePurchaseOrders.js

@@ -1,4 +0,0 @@
-/*! Copyright 2025 Adobe
-All Rights Reserved. */
-import{jsxs as $,jsx as c}from"@dropins/tools/preact-jsx-runtime.js";import{Card as te,InLineAlert as se,Table as ae,Pagination as ne,Picker as ce,Header as oe}from"@dropins/tools/components.js";import{classes as ie}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import{useText as le,Text as L}from"@dropins/tools/i18n.js";import{useState as S,useEffect as F,useCallback as A,useMemo as U}from"@dropins/tools/preact-hooks.js";import{g as de,r as ue,a as he}from"./getPurchaseOrders.js";const pe=s=>{try{return new URL(s,window.location.origin).origin===window.location.origin}catch{return s.startsWith("/")||s.startsWith("./")||s.startsWith("../")}},J=(s,i="en-US")=>{try{const o=new Date(s);return isNaN(o.getTime())?s:o.toLocaleString(i,{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0})}catch{return s}},ge=(s,i,o)=>{if(o<=0)return{from:0,to:0,total:0};const u=Math.max(1,Math.ceil(o/i)),p=Math.min(Math.max(s,1),u),n=(p-1)*i+1,l=Math.min(p*i,o);return{from:n,to:l,total:o}},Ae=({pageSizeConfig:s,totalCount:i=0,columns:o=[],rows:u=[],paginationConfig:p,alertMessageConfig:n={heading:"",description:"",type:"success"},loading:l=!1,className:d="",variant:h="secondary",skeletonRowCount:_=10,emptyTitle:g,header:v,footer:m})=>{var N,k;const M=le({title:"PurchaseOrders.purchaseOrdersTable.noPurchaseOrders.default"}),{heading:I,description:f,type:V}=n,{currentPage:E,totalPages:y,handlePageChange:C}=p,{pageSizeOptionsList:P,onChange:H}=s,{from:z,to:j,total:R}=ge(E,+((N=P.find(T=>T.selected))==null?void 0:N.value)||0,i);return $(te,{variant:h,"data-testid":"addressCard",className:ie(["b2b-purchase-order-purchase-orders-table",d]),children:[I||f?c(se,{heading:I,description:f,type:V}):null,v?c("div",{className:"purchase-orders-table__header",children:v}):null,c(ae,{className:"purchase-orders-table__table-wrapper",mobileLayout:"stacked",columns:o,rowData:u,loading:l,skeletonRowCount:+_}),!l&&u.length===0&&c("div",{className:"purchase-orders-table__empty-state",role:"status","aria-live":"polite",children:c("p",{children:g||M.title})}),$("div",{className:"purchase-orders-table__pagination-wrapper",children:[i?c("div",{className:"purchase-orders-table__pagination-counter",children:c(L,{id:"PurchaseOrders.purchaseOrdersTable.pagination.status",fields:{from:z,to:j,total:R}})}):null,y>1&&c(ne,{className:"purchase-orders-table__pagination",currentPage:E,totalPages:y,onChange:C}),P.length?$("div",{className:"purchase-orders-table__pagination-page-size",children:[c(L,{id:"PurchaseOrders.purchaseOrdersTable.pagination.pageSizeLabel.start"}),c(ce,{disabled:l,handleSelect:H,options:P,value:((k=P.find(T=>T.selected))==null?void 0:k.value)||""}),c(L,{id:"PurchaseOrders.purchaseOrdersTable.pagination.pageSizeLabel.end"})]}):null]}),m?c("div",{className:"purchase-orders-table__footer",children:m}):null]})},_e=({headerText:s})=>c(oe,{title:s,divider:!1,className:"purchase-orders-header","data-testid":"purchase-orders-header"});var B=(s=>(s.CUSTOMER_PURCHASE_ORDERS="customerPurchaseOrders",s.COMPANY_PURCHASE_ORDERS="companyPurchaseOrders",s.CUSTOMER_APPROVAL_PURCHASE_ORDERS="customerApprovalPurchaseOrders",s))(B||{});const ve=[{text:"10",value:"10",selected:!1},{text:"20",value:"20",selected:!0},{text:"30",value:"30",selected:!1},{text:"50",value:"50",selected:!1}],K=[{key:"poNumber",label:"PO #"},{key:"orderNumber",label:"Order #"},{key:"createdDate",label:"Created"},{key:"updatedDate",label:"Updated"},{key:"createdBy",label:"Created By"},{key:"status",label:"Status"},{key:"total",label:"Total"},{key:"action",label:"Action"}],me=[{key:"checkboxView",label:""},...K],Se=({type:s,initialPageSize:i,routePurchaseOrderDetails:o,setColumns:u,setRowsData:p,t:n})=>{const l=s===B.COMPANY_PURCHASE_ORDERS,d=s===B.CUSTOMER_APPROVAL_PURCHASE_ORDERS,[h,_]=S([]),[g,v]=S([]),[m,M]=S(i),[I,f]=S(!0),[V,E]=S({currentPage:1,totalPages:1,totalCount:0}),[y,C]=S({heading:"",description:"",type:"success"}),{currentPage:P,totalPages:H,totalCount:z}=V;F(()=>{if(y.heading||y.description){const r=setTimeout(()=>{C({heading:"",description:"",type:"success"})},7e3);return()=>clearTimeout(r)}},[y]);const j=A(r=>{const t=r.target.value;M(e=>e.map(a=>({...a,selected:a.value===t})))},[]),R=U(()=>{const r=sessionStorage.getItem("b2b-po-permissions");if(!r)return!1;const t=JSON.parse(r);return t==null?void 0:t.isAdmin},[]),N=U(()=>{let r={};return l&&(r={companyPurchaseOrders:!0}),d&&(r={requireMyApproval:!0}),r},[l,d]);F(()=>{var t;f(!0);const r=(t=m==null?void 0:m.find(e=>e.selected))==null?void 0:t.value;de(N,parseInt(r||"20",10),P).then(e=>{var w,x;const a=(e==null?void 0:e.purchaseOrderItems)??[],b=(w=e==null?void 0:e.pageInfo)==null?void 0:w.currentPage,O=(x=e==null?void 0:e.pageInfo)==null?void 0:x.totalPages,D=e==null?void 0:e.totalCount;E({currentPage:b,totalPages:O,totalCount:D}),v(a)}).catch(e=>{console.error("Failed to fetch purchase orders:",e)}).finally(()=>{f(!1)})},[P,m,N]);const k=A(r=>{const t=o==null?void 0:o(r);return pe(t??"")?t:"#"},[o]),T=A(r=>{E(t=>({...t,currentPage:r}))},[]),q=A(r=>{const t=r.target.value,e=r.target.checked;_(a=>e?[...a,t]:a.filter(b=>b!==t))},[]),G=A(r=>{const t=r.target.checked;_(()=>t?g.filter(e=>["PENDING","APPROVAL_REQUIRED"].includes(e.status)).map(e=>e.uid??""):[])},[g]),X=A(()=>{ue(h).then(r=>{const t=(r==null?void 0:r.purchaseOrders)??[];v(e=>e.map(a=>t.find(O=>O.uid===a.uid)??a)),C({heading:n.alertHeaderReject,description:n.alertDescriptionReject,type:"success"}),_([])}).catch(r=>{C({heading:n.alertHeaderError,description:n.alertDescriptionError,type:"error"}),console.error(r)}).finally(()=>{f(!1)})},[h,n]),Z=A(()=>{f(!0),he(h).then(r=>{const t=(r==null?void 0:r.purchaseOrders)??[];v(e=>e.map(a=>t.find(O=>O.uid===a.uid)??a)),C({heading:n.alertHeaderApprove,description:n.alertDescriptionApprove,type:"success"}),_([])}).catch(r=>{C({heading:n.alertHeaderError,description:n.alertDescriptionError,type:"error"}),console.error(r)}).finally(()=>{f(!1)})},[h,n]),ee=U(()=>{const r=l||d?me:K;return(u==null?void 0:u(r))??r.map(e=>e.key==="checkboxView"&&(R||d)?{...e,label:c("input",{type:"checkbox",name:"selectAll",disabled:g.every(a=>!["PENDING","APPROVAL_REQUIRED"].includes(a.status)),onChange:G})}:{...e,label:n[e.key]||e.label})},[n,R,l,d,u,g,G]),re=U(()=>{const r=g.map(e=>{var b,O,D,w,x,Q,W,Y;const a=e.number??"";return{...R||d?{checkboxView:c("input",{type:"checkbox",name:a,value:e.uid,checked:h.includes(e.uid),onChange:q,disabled:!["PENDING","APPROVAL_REQUIRED"].includes(e.status)})}:{},poNumber:a,orderNumber:e.order.orderNumber,createdDate:J(e.createdAt),updatedDate:J(e.updatedAt),createdBy:`${((b=e.createdBy)==null?void 0:b.firstname)??""} ${((O=e.createdBy)==null?void 0:O.lastname)??""}`.trim(),status:c(L,{id:`PurchaseOrders.purchaseOrdersTable.statusOrder.${e.status.toLowerCase()}`}),total:`${(x=(w=(D=e==null?void 0:e.quote)==null?void 0:D.prices)==null?void 0:w.grandTotal)==null?void 0:x.value} ${(Y=(W=(Q=e==null?void 0:e.quote)==null?void 0:Q.prices)==null?void 0:W.grandTotal)==null?void 0:Y.currency}`,action:c("a",{href:k(a),"aria-label":`View purchase order ${a}`,children:n.actionView})}});let t=r;if(p){const e=p(r);e!==void 0&&Array.isArray(e)&&(t=e)}return t},[g,p,R,d,h,q,k,n.actionView]);return{totalCount:z,loading:I,tableConfig:{columns:ee,rows:re},paginationConfig:{currentPage:P,totalPages:H,handlePageChange:T},pageSizeConfig:{pageSizeOptionsList:m,onChange:j},selectedOrderIds:h,handleRejectSelected:X,handleApproveSelected:Z,isAdmin:R,isApproval:d,alertMessageConfig:y}};export{B as E,_e as P,Ae as a,ve as d,Se as u};
-//# sourceMappingURL=usePurchaseOrders.js.map