@zeniai/web-cockpit-ui 1.15.6-prod → 1.15.7-dev

package/dist/assets/{SpendManagementPerTabPage-B82q9yMk-B1JAZuX-.js → SpendManagementPerTabPage-DyPyPQjh-CeHpfSNV.js}

@@ -1,4 +1,4 @@
-import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as Yt,aP as ei,o as i,F as te,cb as ti,ck as rt,g2 as ii,b2 as oi,cr as ni,iO as li,iP as ri,k as si,bR as Y,d as Le,bM as ai,aR as di,y as p,g3 as ci,kX as pi,p as G,cW as mi,am as K,al as F,ai as se,bC as ui,bP as ft,b as ze,aN as ee,aH as xe,iX as $t,iY as vt,kY as hi,f6 as gi,kZ as bi,k_ as St,k$ as kt,k6 as yi,l0 as xi,l1 as wi,c,iW as Tt,cw as Pt,cz as Ct,aw as Ze,gG as Je,a8 as Ye,gh as et,cP as jt,l2 as _t,l3 as Ie,aL as De,l4 as tt,l5 as Bt,l6 as E,l7 as zt,gt as Lt,cU as It,dq as it}from"./index-Cb-eu--2.js";import{a as P,S as Dt}from"./sentry-agJ08X3c.js";import{n as o,c as Z}from"./mui-CvhriUJf.js";import{Gy as ke,Ge as Te,FH as Ae,bp as At}from"./zeni-epic-state-CwvuK4v8.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-Cw0Sq3bY-C5eVaKdh.js";import{d as Rt}from"./useLongPress-GCK2COYQ-DGRuYRk_.js";import"./liveblocks-Bz_57PUs.js";import"./core-DRgi22QZ.js";import"./recharts-NgHQTHYn.js";import"./lottie-D9rmsbLV.js";import"./analytics-D1LdKGXu.js";import"./lexical-ewc-g90D.js";import"./utils-D6Foy4XN.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="3218d0bd-e753-4fb5-b77e-3d18fda6e70e",e._sentryDebugIdIdentifier="sentry-dbid-3218d0bd-e753-4fb5-b77e-3d18fda6e70e")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Re={key:"name",value:he.name,sortOrder:"ascending",width:new p(c[5],c[5])},Ee={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new p(20,20)},Si={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new p(20,20)},ot={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new p(20,20)},nt={key:"status",value:he.status,sortOrder:"ascending",width:new p(18,18)},ki={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new p(18,18)},Fe={key:"amount",value:he.amount,sortOrder:"ascending",width:new p(10,10)},be=[Re,Ee,Si,nt,Fe],Ti=[Re,Ee,ot,nt,Fe],Pi=[Re,Ee,ot,nt,Fe],Ci=[Re,Ee,ot,ki,Fe],ge={headerLastColumnTopPadding:new p(c[0],c[4]),headerLastColumnRightPadding:new p(c[3],c[11]),headerLastColumnBottomPadding:new p(c[0],c[4]),headerLastColumnLeftPadding:new p(c[0],c[4]),headerHeight:new p($t,vt)};function ji({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:a,sortConfig:r}){const d=Le(),m=H(),[b,y]=P.useState(Ei(n));P.useEffect(()=>{const l=[...b];for(const s of l)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";y(l)},[r.sortKey,r.sortOrder]);const w=(l,s)=>{let v=s;r.sortKey===l&&(v=s==="ascending"?"descending":"ascending"),a?.(l,v)},$=b.find(l=>l.key===r.sortKey)??b[0],x=l=>b.find(s=>s.key===l)?.value??"",h=b.map(l=>l.key),u=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return m==="small"?t.jsxs(st,{windowSize:m,companyNameSticky:!1,children:[t.jsxs(zi,{children:[t.jsx(Ii,{children:t.jsx(Li,{})}),t.jsx(ft,{title:u.sortBy,placeholder:u.sortBy,pickerValues:h,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:l=>{w(l,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Ri,{onClick:()=>w($.key,$.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:$.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:$,children:t.jsx(dt,{})})]})]}):t.jsx(st,{companyNameSticky:e,windowSize:m,children:b.map(l=>t.jsxs(_i,{companyNameSticky:e&&l.key==="name",sortDataValue:r.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:m,children:[t.jsxs(Ai,{onClick:()=>w(l.key,l.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:l.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:l,children:t.jsx(dt,{})})]}),t.jsx(Di,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===l.key&&l.key!=="dueDate",children:t.jsx(Bi,{onClick:()=>w("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},l.key))})}const Et=Dt.memo(ji),st=o(se)`
+import{a9 as Gt,cC as Ht,q as H,kV as Zt,V as t,ac as Qt,cn as Xt,co as Jt,cp as Yt,aP as ei,o as i,F as te,cb as ti,ck as rt,g2 as ii,b2 as oi,cr as ni,iM as li,iN as ri,A as si,bR as Y,e as Le,bM as ai,aR as di,y as p,g3 as ci,kW as pi,p as G,cW as mi,am as K,al as F,ai as se,bC as ui,bP as ft,b as ze,aN as ee,aH as xe,iV as $t,iW as vt,kX as hi,f6 as gi,kY as bi,kZ as St,k_ as kt,k4 as yi,k$ as xi,l0 as wi,d as c,iU as Tt,cw as Pt,cz as Ct,aw as Xe,gE as Je,a8 as Ye,gf as et,cP as jt,l1 as _t,l2 as Ie,aL as De,l3 as tt,l4 as Bt,l5 as E,l6 as zt,gr as Lt,cU as It,ds as it}from"./index-l9FViNoO.js";import{a as P,S as Dt}from"./sentry-DWELwT5u.js";import{n as o,c as X}from"./mui-cKt0zt2w.js";import{Gy as ke,Ge as Te,FH as Ae,bp as At}from"./zeni-epic-state-atBaoFS-.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-BS4h8SJh-CcRGAnPy.js";import{d as Rt}from"./useLongPress-GCK2COYQ-BJatk2tg.js";import"./liveblocks-BKCvXoiA.js";import"./core-B8o5Jj6O.js";import"./recharts-DKlDhqpA.js";import"./lottie-CTuuushW.js";import"./analytics-nCDopMZa.js";import"./lexical-B19SDutg.js";import"./utils-Db67jZaM.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="4f25b2b3-48c4-4055-b5fd-0b89ccd4bff8",e._sentryDebugIdIdentifier="sentry-dbid-4f25b2b3-48c4-4055-b5fd-0b89ccd4bff8")}catch{}})();const he=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,Re={key:"name",value:he.name,sortOrder:"ascending",width:new p(c[5],c[5])},Ee={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new p(20,20)},Si={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new p(20,20)},ot={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new p(20,20)},nt={key:"status",value:he.status,sortOrder:"ascending",width:new p(18,18)},ki={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new p(18,18)},Fe={key:"amount",value:he.amount,sortOrder:"ascending",width:new p(10,10)},be=[Re,Ee,Si,nt,Fe],Ti=[Re,Ee,ot,nt,Fe],Pi=[Re,Ee,ot,nt,Fe],Ci=[Re,Ee,ot,ki,Fe],ge={headerLastColumnTopPadding:new p(c[0],c[4]),headerLastColumnRightPadding:new p(c[3],c[11]),headerLastColumnBottomPadding:new p(c[0],c[4]),headerLastColumnLeftPadding:new p(c[0],c[4]),headerHeight:new p($t,vt)};function ji({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:a,sortConfig:r}){const d=Le(),m=H(),[b,y]=P.useState(Ei(n));P.useEffect(()=>{const l=[...b];for(const s of l)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";y(l)},[r.sortKey,r.sortOrder]);const w=(l,s)=>{let v=s;r.sortKey===l&&(v=s==="ascending"?"descending":"ascending"),a?.(l,v)},$=b.find(l=>l.key===r.sortKey)??b[0],x=l=>b.find(s=>s.key===l)?.value??"",h=b.map(l=>l.key),u=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return m==="small"?t.jsxs(st,{windowSize:m,companyNameSticky:!1,children:[t.jsxs(zi,{children:[t.jsx(Ii,{children:t.jsx(Li,{})}),t.jsx(ft,{title:u.sortBy,placeholder:u.sortBy,pickerValues:h,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:l=>{w(l,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Ri,{onClick:()=>w($.key,$.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:$.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:$,children:t.jsx(dt,{})})]})]}):t.jsx(st,{companyNameSticky:e,windowSize:m,children:b.map(l=>t.jsxs(_i,{companyNameSticky:e&&l.key==="name",sortDataValue:r.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:m,children:[t.jsxs(Ai,{onClick:()=>w(l.key,l.sortOrder),"data-testid":ee("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:l.value}),t.jsx(at,{sortDataValue:r.sortKey,headerdata:l,children:t.jsx(dt,{})})]}),t.jsx(Di,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===l.key&&l.key!=="dueDate",children:t.jsx(Bi,{onClick:()=>w("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",r.sortKey)})})]},l.key))})}const Et=Dt.memo(ji),st=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,7 +69,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ei=e=>{switch(e){case"draft":return xe(be);case"pending_approval":return xe(Ti);case"scheduled":return xe(Pi);case"paid":return xe(Ci)}},ye={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],12),containerPaddingBottom:new p(c[2],12),containerMarginLeft:new p(c[4],c[8]),webkitLineClamp:new p(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:Ge,space:fe}}}=te.getLocalizedStrings(),Fi=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:a,isSelected:r,isBillPayCommentingEnabled:d,isProcessing:m,lowBalanceAlert:b,approvers:y,deletionAdditionalInfo:w,paidAdditionalInfo:$,showLowBalanceTooltip:x,onTransactionRowClick:h})=>{const u=H(),l=Ze(),s=Je(),v=Ye().analytics,f=`dashboard_${l.currentTenant?.companyId}`,{threads:B,isLoading:g}=et({application:"dashboard",companyId:l.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),C=P.useMemo(()=>B.filter(O=>O.resolved===!1),[B]),T=O=>{O.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:f,companyId:l.currentTenant?.companyId??Ge,companyName:l.currentTenant?.companyName??Ge,entityType:"bill.details",entityId:e.id}),v.trackCommentActivity("bill","clicked",l.currentTenant?.companyName??Ge,l.controllersList.controllers.map(R=>it(R)),void 0,void 0,"comment on field")},k=P.useCallback(()=>{h(e.id)},[e.id]),L=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):Ie(y),U=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,A=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Mi,{windowSize:u,statusCode:n?.code??"",isSelected:r,isProcessing:m,children:[t.jsx(Ni,{onClick:k,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Oi,{children:[t.jsxs(Vi,{windowSize:u,responsiveWidth:be[0].width,children:[t.jsxs(Wi,{children:[t.jsx(Ki,{windowSize:u,children:U}),e.isRecurring?t.jsx(Y,{title:A(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Zi,{isProcessing:m,children:t.jsx(Ji,{})})}):null]}),t.jsx(qi,{children:`${a[0].label} ${a[0].value}`})]}),t.jsx(ct,{windowSize:u,responsiveWidth:be[1].width,children:a[1].value}),t.jsx(ct,{windowSize:u,responsiveWidth:be[2].width,children:a[2].value}),t.jsxs(Xi,{windowSize:u,responsiveWidth:be[3].width,children:[t.jsxs(Qi,{children:[n!==void 0?t.jsx(Gi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(Hi,{children:le.hyphenText}),x===!0&&b!=null&&b.length>0?t.jsx(Y,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Yi,{})}):null]}),y!==void 0&&L.length>0?L.length>1?t.jsx(Y,{style:{padding:"2px 5px"},title:`${le.byText}${fe}${L.join(`${fe}${le.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${le.byText}${fe}${L[0]}${le.dots}`})}):t.jsx(Pe,{children:`${le.byText}${fe}${L[0]}`}):null,w!=null?t.jsx(Pe,{children:w}):null,$!=null?t.jsx(Pe,{children:$}):null]}),t.jsx(Ui,{windowSize:u,responsiveWidth:be[4].width,children:De("0,0[.]00",e.totalAmountInUSD)})]})}),d&&C.length>0?t.jsx(tt,{isLoading:g,count:C.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:T}):null]})},Mi=o.div`
+`,Ei=e=>{switch(e){case"draft":return xe(be);case"pending_approval":return xe(Ti);case"scheduled":return xe(Pi);case"paid":return xe(Ci)}},ye={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],12),containerPaddingBottom:new p(c[2],12),containerMarginLeft:new p(c[4],c[8]),webkitLineClamp:new p(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:le}},common:{strings:{empty:Ge,space:fe}}}=te.getLocalizedStrings(),Fi=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:a,isSelected:r,isBillPayCommentingEnabled:d,isProcessing:m,lowBalanceAlert:b,approvers:y,deletionAdditionalInfo:w,paidAdditionalInfo:$,showLowBalanceTooltip:x,onTransactionRowClick:h})=>{const u=H(),l=Xe(),s=Je(),v=Ye().analytics,f=`dashboard_${l.currentTenant?.companyId}`,{threads:B,isLoading:g}=et({application:"dashboard",companyId:l.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),C=P.useMemo(()=>B.filter(O=>O.resolved===!1),[B]),T=O=>{O.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:f,companyId:l.currentTenant?.companyId??Ge,companyName:l.currentTenant?.companyName??Ge,entityType:"bill.details",entityId:e.id}),v.trackCommentActivity("bill","clicked",l.currentTenant?.companyName??Ge,l.controllersList.controllers.map(R=>it(R)),void 0,void 0,"comment on field")},k=P.useCallback(()=>{h(e.id)},[e.id]),L=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):Ie(y),U=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,A=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Mi,{windowSize:u,statusCode:n?.code??"",isSelected:r,isProcessing:m,children:[t.jsx(Ni,{onClick:k,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Oi,{children:[t.jsxs(Vi,{windowSize:u,responsiveWidth:be[0].width,children:[t.jsxs(Wi,{children:[t.jsx(Ki,{windowSize:u,children:U}),e.isRecurring?t.jsx(Y,{title:A(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Xi,{isProcessing:m,children:t.jsx(Ji,{})})}):null]}),t.jsx(qi,{children:`${a[0].label} ${a[0].value}`})]}),t.jsx(ct,{windowSize:u,responsiveWidth:be[1].width,children:a[1].value}),t.jsx(ct,{windowSize:u,responsiveWidth:be[2].width,children:a[2].value}),t.jsxs(Qi,{windowSize:u,responsiveWidth:be[3].width,children:[t.jsxs(Zi,{children:[n!==void 0?t.jsx(Gi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(Hi,{children:le.hyphenText}),x===!0&&b!=null&&b.length>0?t.jsx(Y,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Yi,{})}):null]}),y!==void 0&&L.length>0?L.length>1?t.jsx(Y,{style:{padding:"2px 5px"},title:`${le.byText}${fe}${L.join(`${fe}${le.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${le.byText}${fe}${L[0]}${le.dots}`})}):t.jsx(Pe,{children:`${le.byText}${fe}${L[0]}`}):null,w!=null?t.jsx(Pe,{children:w}):null,$!=null?t.jsx(Pe,{children:$}):null]}),t.jsx(Ui,{windowSize:u,responsiveWidth:be[4].width,children:De("0,0[.]00",e.totalAmountInUSD)})]})}),d&&C.length>0?t.jsx(tt,{isLoading:g,count:C.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:T}):null]})},Mi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -82,7 +82,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -94,7 +94,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -106,7 +106,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
               color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -187,12 +187,12 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Qi=o.div`
+`,Zi=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${i.sp2};
-`,Xi=o.div`
+`,Qi=o.div`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
@@ -206,7 +206,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
-`,Zi=o.div`
+`,Xi=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
@@ -221,7 +221,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],c[3]),containerPaddingBottom:new p(c[2],c[3]),containerMarginLeft:new p(c[3],c[8]),webkitLineClamp:new p(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:re}},common:{strings:{empty:He,space:$e}}}=te.getLocalizedStrings(),eo=({transactionDetail:e,tagStatus:n,isProcessing:a,isSelected:r,isBillPayCommentingEnabled:d,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:y,reportTitleAdditionalInfo:w,lowBalanceAlert:$,approvers:x,deletionAdditionalInfo:h,paidAdditionalInfo:u,showLowBalanceTooltip:l,onTransactionRowClick:s})=>{const v=H(),f=Ze(),B=Je(),g=Ye().analytics,C=`dashboard_${f.currentTenant?.companyId}`,{threads:T,isLoading:k}=et({application:"dashboard",companyId:f.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>T.filter(V=>V.resolved===!1),[T]),U=V=>{V.stopPropagation(),B?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:C,companyId:f.currentTenant?.companyId??He,companyName:f.currentTenant?.companyName??He,entityType:"bill.details",entityId:e.id}),g.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??He,f.controllersList.controllers.map(Ue=>it(Ue)),void 0,void 0,"comment on field")},{getValues:A,setValue:O}=jt(),R=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):Ie(x),j=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:re.newBillTitle,ie=()=>`${re.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,oe=A(m),Q=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!r&&O(m,[...oe,e.id])},[m,b,r,O,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=P.useCallback(()=>{Q()},[Q]),We=P.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),y?Q():s(e.id)},[Q,y,s,e.id]),Ke=Rt({onLongPress:de},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(to,{windowSize:v,statusCode:n?.code??"",isSelected:r,isProcessing:a,children:[t.jsx(io,{onClick:We,...Ke,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(oo,{children:[t.jsxs(mo,{children:[t.jsxs(no,{children:[t.jsxs(lo,{children:[t.jsx(ro,{windowSize:v,children:j}),e.isRecurring?t.jsx(Y,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ho,{isProcessing:a,children:t.jsx(go,{})})}):null]}),t.jsx(ao,{children:`${w[0].label} ${w[0].value}`})]}),t.jsx(pt,{children:`${w[1].label} ${w[1].value}`}),t.jsx(pt,{children:`${w[2].label} ${w[2].value}`})]}),t.jsxs(uo,{children:[t.jsx(so,{children:De("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(po,{hasAlertIcon:$!=null,children:[t.jsxs(bo,{children:[n!==void 0?t.jsx(co,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??re.hyphenText}):t.jsx(t.Fragment,{children:re.hyphenText}),l===!0&&$!=null&&$.length>0?t.jsx(xo,{onClick:V=>V.stopPropagation(),children:t.jsx(Y,{title:$,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(yo,{})})}):null]}),x!==void 0&&R.length>0?R.length>1?t.jsx(Y,{title:`${re.byText}${$e}${R.join(`${$e}${re.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${re.byText}${$e}${R[0]}${re.dots}`})}):t.jsx(Ce,{children:`${re.byText}${$e}${R[0]}`}):null,h!=null?t.jsx(Ce,{children:h}):null,u!=null?t.jsx(Ce,{children:u}):null]})]})]})}),d&&L.length>0?t.jsx(tt,{isLoading:k,count:L.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:U}):null]})},to=o.div`
+`,ce={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],c[3]),containerPaddingBottom:new p(c[2],c[3]),containerMarginLeft:new p(c[3],c[8]),webkitLineClamp:new p(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:re}},common:{strings:{empty:He,space:$e}}}=te.getLocalizedStrings(),eo=({transactionDetail:e,tagStatus:n,isProcessing:a,isSelected:r,isBillPayCommentingEnabled:d,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:y,reportTitleAdditionalInfo:w,lowBalanceAlert:$,approvers:x,deletionAdditionalInfo:h,paidAdditionalInfo:u,showLowBalanceTooltip:l,onTransactionRowClick:s})=>{const v=H(),f=Xe(),B=Je(),g=Ye().analytics,C=`dashboard_${f.currentTenant?.companyId}`,{threads:T,isLoading:k}=et({application:"dashboard",companyId:f.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>T.filter(V=>V.resolved===!1),[T]),U=V=>{V.stopPropagation(),B?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:C,companyId:f.currentTenant?.companyId??He,companyName:f.currentTenant?.companyName??He,entityType:"bill.details",entityId:e.id}),g.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??He,f.controllersList.controllers.map(Ue=>it(Ue)),void 0,void 0,"comment on field")},{getValues:A,setValue:O}=jt(),R=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):Ie(x),j=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:re.newBillTitle,ie=()=>`${re.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,oe=A(m),Z=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!r&&O(m,[...oe,e.id])},[m,b,r,O,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=P.useCallback(()=>{Z()},[Z]),We=P.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),y?Z():s(e.id)},[Z,y,s,e.id]),Ke=Rt({onLongPress:de},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(to,{windowSize:v,statusCode:n?.code??"",isSelected:r,isProcessing:a,children:[t.jsx(io,{onClick:We,...Ke,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(oo,{children:[t.jsxs(mo,{children:[t.jsxs(no,{children:[t.jsxs(lo,{children:[t.jsx(ro,{windowSize:v,children:j}),e.isRecurring?t.jsx(Y,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ho,{isProcessing:a,children:t.jsx(go,{})})}):null]}),t.jsx(ao,{children:`${w[0].label} ${w[0].value}`})]}),t.jsx(pt,{children:`${w[1].label} ${w[1].value}`}),t.jsx(pt,{children:`${w[2].label} ${w[2].value}`})]}),t.jsxs(uo,{children:[t.jsx(so,{children:De("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(po,{hasAlertIcon:$!=null,children:[t.jsxs(bo,{children:[n!==void 0?t.jsx(co,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??re.hyphenText}):t.jsx(t.Fragment,{children:re.hyphenText}),l===!0&&$!=null&&$.length>0?t.jsx(xo,{onClick:V=>V.stopPropagation(),children:t.jsx(Y,{title:$,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(yo,{})})}):null]}),x!==void 0&&R.length>0?R.length>1?t.jsx(Y,{title:`${re.byText}${$e}${R.join(`${$e}${re.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Ce,{children:`${re.byText}${$e}${R[0]}${re.dots}`})}):t.jsx(Ce,{children:`${re.byText}${$e}${R[0]}`}):null,h!=null?t.jsx(Ce,{children:h}):null,u!=null?t.jsx(Ce,{children:u}):null]})]})]})}),d&&L.length>0?t.jsx(tt,{isLoading:k,count:L.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:U}):null]})},to=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -233,7 +233,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${G.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${G.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -245,7 +245,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -257,7 +257,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
               color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -429,7 +429,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,ve={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],12),containerPaddingBottom:new p(c[2],12),containerMarginLeft:new p(c[4],c[8])},X=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Bo=({reimbursementDetail:e,tagStatus:n,isProcessing:a,isSelected:r,reportTitleAdditionalInfo:d,date:m,approvers:b,deletionAdditionalInfo:y,isReimbursementCommentingEnabled:w,onTransactionRowClick:$})=>{const x=H(),h=Ze(),u=P.useRef(null),[l,s]=P.useState(0);P.useLayoutEffect(()=>{u.current&&s(u.current.offsetWidth*Bt)},[x]);const v=Ye().analytics,f=Je(),B=`dashboard_${h.currentTenant?.companyId}`,g=()=>{$(e.id)},C=e.reimbursementTypesIncluded,T=Ie(b),k=te.getLocalizedStrings().common.strings.empty,{threads:L,isLoading:U}=et({application:"dashboard",companyId:h.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),A=P.useMemo(()=>L.filter(R=>R.resolved===!1),[L]),O=R=>{R.stopPropagation(),f?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:B,companyId:h.currentTenant?.companyId??k,companyName:h.currentTenant?.companyName??k,entityType:"reimbursement.details",entityId:e.id??k}),v.trackCommentActivity("reimbursement","clicked",h.currentTenant?.companyName??k,h.controllersList.controllers.map(j=>it(j)),void 0,void 0,"comment on field")};return t.jsxs(zo,{windowSize:x,onClick:g,isProcessing:a,isSelected:r,statusCode:n?.code??k,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(Lo,{children:t.jsxs(Io,{children:[t.jsxs(Do,{windowSize:x,responsiveWidth:pe[0].width,ref:u,children:[t.jsx(Ao,{windowSize:x,reportNameWidth:l,children:e.reportTitle??X.newReimbursementTitle}),d!=null&&t.jsx(Ro,{children:`${X.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Fo,{windowSize:x,responsiveWidth:pe[1].width,children:m}),C.length>1?t.jsx(gt,{windowSize:x,responsiveWidth:pe[2].width,children:t.jsx(Y,{title:X.reimbursementType.both,placement:"bottom-start",display:"flex",children:X.reimbursementType.titleForBoth})}):t.jsx(gt,{windowSize:x,responsiveWidth:pe[2].width,children:X.reimbursementType[C[0]]}),t.jsxs(No,{windowSize:x,responsiveWidth:pe[3].width,children:[n!==void 0?t.jsx(Oo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??X.hyphenText}):t.jsx(Mo,{children:X.hyphenText}),b!==void 0&&T.length>0?T.length>1?t.jsx(Y,{title:`${X.byText} `+T.join(` ${X.orText} `),placement:"bottom-start",children:t.jsx(Qe,{children:`${X.byText} `+T[0]+`${X.dots}`})}):t.jsx(Qe,{children:`${X.byText} `+T[0]}):null,y!=null?t.jsx(Qe,{children:y}):null]}),t.jsx(Eo,{windowSize:x,responsiveWidth:pe[4].width,children:De("0,0[.]00",e.amount)})]})}),w&&A.length>0?t.jsx(tt,{isLoading:U,count:A.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:O}):null]})},zo=o.div`
+`,ve={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],12),containerPaddingBottom:new p(c[2],12),containerMarginLeft:new p(c[4],c[8])},Q=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Bo=({reimbursementDetail:e,tagStatus:n,isProcessing:a,isSelected:r,reportTitleAdditionalInfo:d,date:m,approvers:b,deletionAdditionalInfo:y,isReimbursementCommentingEnabled:w,onTransactionRowClick:$})=>{const x=H(),h=Xe(),u=P.useRef(null),[l,s]=P.useState(0);P.useLayoutEffect(()=>{u.current&&s(u.current.offsetWidth*Bt)},[x]);const v=Ye().analytics,f=Je(),B=`dashboard_${h.currentTenant?.companyId}`,g=()=>{$(e.id)},C=e.reimbursementTypesIncluded,T=Ie(b),k=te.getLocalizedStrings().common.strings.empty,{threads:L,isLoading:U}=et({application:"dashboard",companyId:h.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),A=P.useMemo(()=>L.filter(R=>R.resolved===!1),[L]),O=R=>{R.stopPropagation(),f?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:B,companyId:h.currentTenant?.companyId??k,companyName:h.currentTenant?.companyName??k,entityType:"reimbursement.details",entityId:e.id??k}),v.trackCommentActivity("reimbursement","clicked",h.currentTenant?.companyName??k,h.controllersList.controllers.map(j=>it(j)),void 0,void 0,"comment on field")};return t.jsxs(zo,{windowSize:x,onClick:g,isProcessing:a,isSelected:r,statusCode:n?.code??k,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(Lo,{children:t.jsxs(Io,{children:[t.jsxs(Do,{windowSize:x,responsiveWidth:pe[0].width,ref:u,children:[t.jsx(Ao,{windowSize:x,reportNameWidth:l,children:e.reportTitle??Q.newReimbursementTitle}),d!=null&&t.jsx(Ro,{children:`${Q.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Fo,{windowSize:x,responsiveWidth:pe[1].width,children:m}),C.length>1?t.jsx(gt,{windowSize:x,responsiveWidth:pe[2].width,children:t.jsx(Y,{title:Q.reimbursementType.both,placement:"bottom-start",display:"flex",children:Q.reimbursementType.titleForBoth})}):t.jsx(gt,{windowSize:x,responsiveWidth:pe[2].width,children:Q.reimbursementType[C[0]]}),t.jsxs(No,{windowSize:x,responsiveWidth:pe[3].width,children:[n!==void 0?t.jsx(Oo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??Q.hyphenText}):t.jsx(Mo,{children:Q.hyphenText}),b!==void 0&&T.length>0?T.length>1?t.jsx(Y,{title:`${Q.byText} `+T.join(` ${Q.orText} `),placement:"bottom-start",children:t.jsx(Ze,{children:`${Q.byText} `+T[0]+`${Q.dots}`})}):t.jsx(Ze,{children:`${Q.byText} `+T[0]}):null,y!=null?t.jsx(Ze,{children:y}):null]}),t.jsx(Eo,{windowSize:x,responsiveWidth:pe[4].width,children:De("0,0[.]00",e.amount)})]})}),w&&A.length>0?t.jsx(tt,{isLoading:U,count:A.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:O}):null]})},zo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -442,7 +442,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -454,7 +454,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -466,7 +466,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
               color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -535,7 +535,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,Qe=o(K)`
+`,Ze=o(K)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
@@ -547,7 +547,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,me={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],c[3]),containerPaddingBottom:new p(c[2],c[3]),containerMarginLeft:new p(c[3],c[8]),webkitLineClamp:new p(2,2,1,1,1)},W=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Vo=({reimbursementDetail:e,tagStatus:n,currentTab:a,isProcessing:r,isSelected:d,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:y,reportTitleAdditionalInfo:w,date:$,approvers:x,deletionAdditionalInfo:h,onTransactionRowClick:u})=>{const l=H(),{getValues:s,setValue:v}=jt(),f=e.reimbursementTypesIncluded,B=Ie(x),g=xe(Ft[a]),C=s(m),T=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&v(m,[...C,e.id])},[m,b,d,v,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,C]),k=P.useCallback(()=>{T()},[T]),L=P.useCallback(A=>{A.stopPropagation(),A.cancelable&&A.preventDefault(),y?T():u(e.id)},[T,y,u,e.id]),U=Rt({onLongPress:k},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Wo,{windowSize:l,statusCode:n?.code??"",isProcessing:r,isSelected:d,children:t.jsx(Ko,{onClick:L,...U,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Uo,{children:[t.jsxs(qo,{children:[t.jsxs(Ho,{children:[t.jsx(Qo,{windowSize:l,children:e.reportTitle??W.newReimbursementTitle}),w!=null&&t.jsx(Xo,{children:`${W.byText} ${w?.firstName} ${w?.lastName}`})]}),t.jsxs(Jo,{children:[g[1].value+": ",$]}),f.length>1?t.jsx(Y,{title:W.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(bt,{children:[W.reimbursementType.type+": ",W.reimbursementType.titleForBoth]})}):t.jsxs(bt,{children:[W.reimbursementType.type+": ",W.reimbursementType[f[0]]]})]}),t.jsxs(Go,{children:[t.jsx(Zo,{children:De("0,0[.]00",e.amount)}),t.jsxs(Yo,{children:[n!==void 0?t.jsx(en,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??W.hyphenText}):t.jsx(t.Fragment,{children:W.hyphenText}),x!==void 0&&B.length>0?B.length>1?t.jsx(Y,{title:`${W.byText} `+B.join(` ${W.orText} `),placement:"bottom-start",children:t.jsx(Xe,{style:{marginLeft:"auto"},children:`${W.byText} `+B[0]+`${W.dots}`})}):t.jsx(Xe,{style:{marginLeft:"auto"},children:`${W.byText} `+B[0]}):null,h!=null?t.jsx(Xe,{children:h}):null]})]})]})})})},Wo=o.div`
+`,me={containerPaddingLeft:new p(c[3],c[4]),containerPaddingRight:new p(c[3],c[4]),containerPaddingTop:new p(c[2],c[3]),containerPaddingBottom:new p(c[2],c[3]),containerMarginLeft:new p(c[3],c[8]),webkitLineClamp:new p(2,2,1,1,1)},W=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Vo=({reimbursementDetail:e,tagStatus:n,currentTab:a,isProcessing:r,isSelected:d,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:y,reportTitleAdditionalInfo:w,date:$,approvers:x,deletionAdditionalInfo:h,onTransactionRowClick:u})=>{const l=H(),{getValues:s,setValue:v}=jt(),f=e.reimbursementTypesIncluded,B=Ie(x),g=xe(Ft[a]),C=s(m),T=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&v(m,[...C,e.id])},[m,b,d,v,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,C]),k=P.useCallback(()=>{T()},[T]),L=P.useCallback(A=>{A.stopPropagation(),A.cancelable&&A.preventDefault(),y?T():u(e.id)},[T,y,u,e.id]),U=Rt({onLongPress:k},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Wo,{windowSize:l,statusCode:n?.code??"",isProcessing:r,isSelected:d,children:t.jsx(Ko,{onClick:L,...U,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Uo,{children:[t.jsxs(qo,{children:[t.jsxs(Ho,{children:[t.jsx(Zo,{windowSize:l,children:e.reportTitle??W.newReimbursementTitle}),w!=null&&t.jsx(Qo,{children:`${W.byText} ${w?.firstName} ${w?.lastName}`})]}),t.jsxs(Jo,{children:[g[1].value+": ",$]}),f.length>1?t.jsx(Y,{title:W.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(bt,{children:[W.reimbursementType.type+": ",W.reimbursementType.titleForBoth]})}):t.jsxs(bt,{children:[W.reimbursementType.type+": ",W.reimbursementType[f[0]]]})]}),t.jsxs(Go,{children:[t.jsx(Xo,{children:De("0,0[.]00",e.amount)}),t.jsxs(Yo,{children:[n!==void 0?t.jsx(en,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??W.hyphenText}):t.jsx(t.Fragment,{children:W.hyphenText}),x!==void 0&&B.length>0?B.length>1?t.jsx(Y,{title:`${W.byText} `+B.join(` ${W.orText} `),placement:"bottom-start",children:t.jsx(Qe,{style:{marginLeft:"auto"},children:`${W.byText} `+B[0]+`${W.dots}`})}):t.jsx(Qe,{style:{marginLeft:"auto"},children:`${W.byText} `+B[0]}):null,h!=null?t.jsx(Qe,{children:h}):null]})]})]})})})},Wo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -559,7 +559,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${G.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${G.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -571,7 +571,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -583,7 +583,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
               color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${E.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -620,7 +620,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
-`,Qo=o(F)`
+`,Zo=o(F)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -630,9 +630,9 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?`${zt}px`:"initial"};
-`,Xo=o(K)`
+`,Qo=o(K)`
   color: ${e=>e.theme.colors.grey1};
-`,Zo=o(F)`
+`,Xo=o(F)`
   display: flex;
   margin-left: auto;
   color: ${e=>e.theme.colors.hero};
@@ -651,7 +651,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-`,Xe=o(K)`
+`,Qe=o(K)`
   color: ${e=>e.theme.colors.grey1};
 `,en=o(K)`
   display: flex;
@@ -694,7 +694,7 @@ import{a9 as Gt,cC as Ht,q as H,kW as Qt,V as t,ac as Xt,cn as Zt,co as Jt,cp as
   justify-content: center;
   margin-top: ${i.sp5};
   padding-bottom: ${i.sp3};
-`;function yt({header:e,updatingMessage:n}){const a=Le(),r=H(),d=a.colors.background,m=a.colors.grey3;return t.jsxs(an,{windowSize:r,children:[e!=null?t.jsx(cn,{children:e}):null,Array.from({length:sn},(b,y)=>t.jsx(dn,{windowSize:r,children:t.jsx(rn,{backgroundColor:d,foregroundColor:m,animated:!0,uniqueKey:`spend-management-row-loader-${y}`,width:"100%",height:Be})},y)),n!=null?t.jsx(pn,{windowSize:r,children:n}):null]})}const mn={lastListItemHeight:new p(200,158)},S=te.getLocalizedStrings(),{common:{texts:{maxLimit:un}},spendManagement:{billPay:Nt,reimbursement:hn}}=S,q=Nt.bulkActions,N=hn.bulkActions,M=S.common.strings.empty,ue="bulkSelectIds",gn=({transactionList:e,botEmail:n,selectedTab:a,selectedSubTab:r,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:m,isListeningToPusherEventForBillPayApprovalRules:b,isListeningToPusherEventForReimbursementApprovalRules:y,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,searchText:x,isAdmin:h,entity:u,uiState:l,bulkSubmissionLimit:s,isBulkActionAllowed:v,transactionsSelectedForBulkAction:f,isDetectInsufficientFundsEnabled:B,fetchState:g,analytics:C,onTransactionRowClick:T,onReloadTransactions:k,onColumnSortConfigChanged:L})=>{const U=H(),A=j=>{const ie=u==="bill_pay"?e[j].vendor?.name??e[j].candidateVendorName??M:e[j].reportTitle??M;return pi(ie,U)},O=P.useRef(null);P.useEffect(()=>{O.current?.resetAfterIndex(0)},[U,O,a,r]);const R=P.forwardRef((j,ie)=>{const{children:oe,style:Q,...de}=j;return t.jsx(Mn,{ref:ie,style:{...Q,width:"auto"},...de,children:t.jsx(Fn,{children:oe})})});return R.displayName=S.spendManagement.billPay.billsByTabs.headerElementDisplayName,ti({componentName:`${$i(u)}.${vi(a,u)}`,enabled:g==="Completed"}),t.jsx(_n,{children:u==="bill_pay"&&b===!0?t.jsx(yt,{header:t.jsx(Et,{companyNameSticky:!1,currentTab:a,onColumnSortConfigChanged:L,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),updatingMessage:S.commonSetUp.approval.updatingApprovalRules.replace("__entity__","bills")}):u==="reimbursement"&&y===!0?t.jsx(yt,{header:t.jsx(Mt,{companyNameSticky:!1,currentTab:a,onColumnSortConfigChanged:L,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),updatingMessage:S.commonSetUp.approval.updatingApprovalRules.replace("__entity__","reimbursements")}):g==="Error"?t.jsxs(Ln,{children:[t.jsx(In,{onClick:k,children:t.jsx(Dn,{})}),t.jsx(An,{children:S.peoplePage.reloadPage.label})]}):g==="Completed"&&e.length===0&&x!=M?t.jsx(rt,{message:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataWithFilterText:S.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):g==="Completed"&&e.length===0?t.jsx(rt,{message:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataText:S.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataTextViaMail:S.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:u==="bill_pay"?void 0:S.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):g==="Not-Started"||g==="In-Progress"?t.jsx(ii,{fetchState:g,styles:{margin:"auto"}}):t.jsx(Rn,{windowSize:U,children:t.jsx(oi,{children:({height:j,width:ie})=>t.jsx(ni,{ref:O,height:j,itemCount:u==="bill_pay"||u==="reimbursement"?1:e.length,innerElementType:R,itemSize:A,estimatedItemSize:ri,itemKey:oe=>e[oe].id,width:ie,overscanCount:li,itemData:{entity:u,isBulkActionAllowed:v,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:m,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,transactionList:e,isAdmin:h,selectedTab:a,transactionsSelectedForBulkAction:f,bulkSubmissionLimit:s,uiState:l,analytics:C,isDetectInsufficientFundsEnabled:B,onTransactionRowClick:T,onColumnSortConfigChanged:L},initialScrollOffset:0,children:bn})})})})},rl=({transactionList:e,botEmail:n,allSubTabs:a,isAdmin:r,selectedTab:d,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:y,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,selectedSubTab:h,searchText:u,entity:l,uiState:s,bulkSubmissionLimit:v,isBulkActionAllowed:f,isRecurringBillInBulkActionList:B,transactionsSelectedForBulkAction:g,allowedBulkActions:C,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:k,onTransactionRowClick:L,onSubtabChange:U,fetchState:A,onReloadTransactions:O,onColumnSortConfigChanged:R,analytics:j,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:Q})=>{const de=Gt({defaultValues:{bulkSelectIds:g},values:{bulkSelectIds:g}});P.useEffect(()=>{const z=de.watch((I,{name:_})=>{_!=null&&I!=null&&Ht(()=>We(_,I))});return()=>{z.unsubscribe()}});const We=async(z,I)=>{if(z===ue){let _=[];if(I[ue].includes(S.common.all.toLowerCase())){if(d==="scheduled"&&g.length===0){_=[];for(const D of e)if(D.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&_.push(D.id),_.length===v)break}else _=I[ue].filter(D=>D!==S.common.all.toLowerCase());if(l==="bill_pay"){const D=e.filter(we=>_.includes(we.id)),ne=ke(D);j?.trackBillPayBulkSelectAll(d,h,ne)}else{const D=e.filter(we=>_.includes(we.id)),ne=Te(D.map(we=>we.reimbursementTypesIncluded));j?.trackReimbursementBulkSelectAll(d,h,ne)}}else _=I[ue];ie?.(_)}},Ke=()=>{C.includes("cancel")?Kt():qt()},V=H(),[Ue,Se]=P.useState(!1),[J,qe]=P.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});P.useEffect(()=>{const z=Qt(d,h,l);A==="Completed"&&z!=null&&j?.trackPageLoaded(z,l==="bill_pay"?"Bills":"Reimbursements")},[j,d,h,l,A]);const Vt=z=>{U(z)},Wt=P.useCallback(()=>{const{title:z,description:I}=Cn(l,g.length,d,B);if(qe({type:"delete",title:z,description:I,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),l==="bill_pay"){const _=e.filter(ne=>g.includes(ne.id)),D=ke(_);j?.trackBillPayBulkDeleted(g.length,d,h,D)}else{const _=e.filter(ne=>g.includes(ne.id)),D=Te(_.map(ne=>ne.reimbursementTypesIncluded));j?.trackReimbursementBulkDeleted(g.length,d,h,D)}Se(!0)},[l,j,B,h,d,e,g]),Kt=P.useCallback(()=>{const{title:z,description:I}=Pn(l,g.length);qe({type:"cancel",title:z,description:I,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),Se(!0)},[l,g.length]),Ut={onOkClick:z=>{if(Se(!1),l==="bill_pay"){const I=e.filter(D=>g.includes(D.id)),_=ke(I);j?.trackBillPayBulkPopupConfirm(J.type,d,h,_)}else{const I=e.filter(D=>g.includes(D.id)),_=Te(I.map(D=>D.reimbursementTypesIncluded));j?.trackReimbursementBulkPopupConfirm(J.type,d,h,_)}J.type==="delete"?Q?.("delete",z):Q?.("cancel",z)},onCancelClick:()=>{oe?.(),Se(!1),qe({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},qt=P.useCallback(()=>{if(l==="bill_pay"){const z=e.filter(_=>g.includes(_.id)),I=ke(z);j?.trackBillPayBulkSelection(g.length,d,h,I)}else{const z=e.filter(_=>g.includes(_.id)),I=Te(z.map(_=>_.reimbursementTypesIncluded));j?.trackReimbursementBulkSelection(g.length,d,h,I)}C.includes("send_for_approval")?Q?.("send_for_approval"):Q?.(k?"approve":"review")},[l,C,e,j,g,d,h,Q,k]),lt=C.filter(z=>z!=="delete").length>0;return t.jsxs(zn,{children:[t.jsx(fi,{tabIds:a,selectedTab:h,hasSubTabs:a.length>0,entity:l,enablePerformanceTracking:!1,onTabSelectedChange:Vt,isSwitcherLeftAlign:!0}),t.jsx(Xt,{...de,children:t.jsxs(Bn,{onSubmit:de.handleSubmit(Ke),children:[t.jsx(gn,{botEmail:n,selectedTab:d,selectedSubTab:h,searchText:u,transactionList:e,fetchState:A,onReloadTransactions:O,onTransactionRowClick:L,entity:l,uiState:s,isAdmin:r,onColumnSortConfigChanged:R,analytics:j,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:y,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,bulkSubmissionLimit:v,isBulkActionAllowed:f,transactionsSelectedForBulkAction:g,isDetectInsufficientFundsEnabled:k}),Ue?t.jsx(Zt,{titleComponent:t.jsx(Yt,{children:J.title}),descriptionComponent:t.jsx(Jt,{children:J.description}),primaryButtonText:J.primaryButtonText,proceedButtonVariant:J.type==="delete"?"danger":"primary",secondaryButtonText:J.secondaryButtonText,action:Ut,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,g.length>0?t.jsx(ei,{helperContainerStyle:V==="small"?{margin:`${i.sp5} ${C.includes("delete")&&lt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:lt,primaryBtn:{label:Sn(l,C,g.length),isLoading:J.type!=="delete"&&T==="In-Progress",isDisabled:J.type==="delete"&&T==="In-Progress",type:"submit",style:kn(C)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:Tn(C,V)},leftSideComponent:$n(g.length,v,l,V),rightSideComponent:C.includes("delete")?vn(g.length,J.type==="delete"&&T==="In-Progress",Wt,V):null}):null]})})]})},bn=({style:e,data:n})=>{const{entity:a,transactionList:r,transactionsSelectedForBulkAction:d,isAdmin:m,isBulkActionAllowed:b,isShowDeletedBillsEnabled:y,isShowDeletedReimbursementEnabled:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,bulkSubmissionLimit:h,selectedTab:u,uiState:l,analytics:s,isDetectInsufficientFundsEnabled:v,onTransactionRowClick:f,onColumnSortConfigChanged:B}=n,g=H(),C=Le(),T=b?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(En,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ci,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:g==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:wn(g),labelCheckBoxStyle:{marginLeft:g==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:C.colors.grey4},infoIconContainerStyle:fn(g),name:ue,mode:T,selectionLimit:h,checkBoxes:a==="bill_pay"?[{label:t.jsx(Et,{companyNameSticky:!1,currentTab:u,onColumnSortConfigChanged:B,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(k=>({label:t.jsx(yn,{transactionDetail:k,selectedTab:u,isBillPayCommentingEnabled:$,isShowDeletedBillsEnabled:y,onTransactionRowClick:f,billsSelectedForBulkAction:d,bulkSelectFormId:ue,bulkSelectLimit:h,isSelectionMode:T==="always_on",isDetectInsufficientFundsEnabled:v}),value:k.id,groupLabel:!1,defaultChecked:!1,isException:k.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:jn(k,d),exceptionInfo:xt(a,k),exceptionType:wt(k)}))]:[{label:t.jsx(Mt,{companyNameSticky:!1,currentTab:u,onColumnSortConfigChanged:B,analytics:s,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(k=>({label:t.jsx(xn,{transactionDetail:k,isShowDeletedReimbursementEnabled:w,isReimbursementCommentingEnabled:x,selectedTab:u,isAdmin:m,onTransactionRowClick:f,remisSelectedForBulkAction:d,bulkSelectFormId:ue,bulkSelectLimit:h,isSelectionMode:T==="always_on"}),value:k.id,groupLabel:!1,defaultChecked:!1,isException:k.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:xt(a,k),exceptionType:wt(k)}))]})})},yn=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:a,billsSelectedForBulkAction:r,bulkSelectFormId:d,bulkSelectLimit:m,isBillPayCommentingEnabled:b,isSelectionMode:y,isDetectInsufficientFundsEnabled:w,onTransactionRowClick:$})=>{const x=H()==="small"?eo:Fi,h=hi(e,n),{bulkProcessingDetail:u}=e,l=Ae(u?.type),s=()=>{const g=e.billPayInfo.outsideZeniTransactionPaymentMode;if(g==null||g==="other")return;const C=Nt.billDetails.paymentOutsideZeni.paymentModeOptions.find(T=>T.value===g)?.label;return`${S.common.via} ${C}`},v=w&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?gi(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,f=bi(e.billPayInfo,n,a,e.isDeleted,e.dueDate),B=v!=null&&f?.code!=="failed"&&f?.code!=="processing"&&f?.code!=="cancelled"&&f?.code!=="returned"&&f?.code!=="rejected"&&f?.code!=="paid";return t.jsx(Ot,{children:t.jsx(x,{reportTitleAdditionalInfo:h,transactionDetail:e,isBillPayCommentingEnabled:b,isSelected:r.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:r.length===m,isSelectionMode:y,bulkSelectFormId:d,tagStatus:f,approvers:e.isDeleted===!0?void 0:kt(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?St(e,n):void 0,onTransactionRowClick:l?()=>null:$,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:v,showLowBalanceTooltip:B})})},xn=({transactionDetail:e,selectedTab:n,isAdmin:a,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:m,bulkSelectFormId:b,bulkSelectLimit:y,isSelectionMode:w,onTransactionRowClick:$})=>{const x=H()==="small"?Vo:Bo,h=yi(a,e.submittedBy),{bulkProcessingDetail:u}=e,l=Ae(u?.type);return t.jsx(Ot,{children:t.jsx(x,{reportTitleAdditionalInfo:h,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:m.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:m.length===y,isSelectionMode:w,bulkSelectFormId:b,currentTab:n,date:wi(e,n),approvers:e.isDeleted===!0?void 0:kt(e,n),tagStatus:xi(e,n,r),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?St(e,n):void 0,onTransactionRowClick:l?()=>null:$})})},wn=e=>{let n={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),n},fn=e=>{let n={zIndex:1,marginBottom:i.sp2};return e==="small"&&(n={...n,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),n},$n=(e,n,a,r)=>{const d=a==="bill_pay"?q.bill:N.report,m=(e>1?d+"s":d)+q.selected;return e>0?t.jsxs(Wn,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Kn,{multiDigit:e>=10,children:e}),t.jsx(Un,{children:m}),e===n?t.jsx(qn,{children:un}):null]}):null},vn=(e,n,a,r)=>e>0?t.jsx(Nn,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(On,{isLoading:n,windowSize:r,className:"delete-icon-wrapper",onClick:n?()=>null:a,children:n?t.jsx(si,{size:"Small",start:!0}):t.jsx(Y,{enterDelay:600,title:S.common.delete,placement:"top",children:t.jsx(Vn,{})})})}):null,xt=(e,n)=>{const{bulkProcessingDetail:a,bulkSelectInfo:r}=n,d=Ae(a?.type),m=a?.type==="error";let b;if(d)b=a?.inProgressMessage;else if(m)b=a.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:y}=S.spendManagement.billPay.bulkActions;b=y[r.bulkSelectExceptionInfo]}else{const{exceptions:y}=S.spendManagement.reimbursement.bulkActions;b=y[r.bulkSelectExceptionInfo]}return b},Sn=(e,n,a)=>{const{billPay:r}=S.spendManagement;return n.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",a>1?N.reports:N.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",a>1?r.bulkActions.bills:r.bulkActions.bill):n.includes("send_for_approval")?r.billDetails.sendForApproval:S.common.review},kn=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},Tn=(e,n)=>{let a;return n!=="small"&&(e.includes("cancel")?a={minWidth:"116px"}:e.includes("send_for_approval")&&(a={minWidth:"160px"})),a},Pn=(e,n)=>{const{this_:a,these:r,payment:d,payments:m,bills:b,bill:y,reports:w,report:$,they:x,it:h}=S.common.texts;return n>1?e==="bill_pay"?{title:q.popUps.cancel.title.replace("<_bill_>",S.drawerMenus.bills),description:q.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",b).replace("<_it_>",x).replace("<_payment_>",m)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",r).replace("__report__",w).replace("<_it_>",x).replace("<_payment_>",m)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",a).replace("__report__",$).replace("<_it_>",h).replace("<_payment_>",d)}:{title:q.popUps.cancel.title.replace("<_bill_>",q.bill),description:q.popUps.cancel.description.replace("<_this_>",a).replace("<_bill_>",y).replace("<_it_>",h).replace("<_payment_>",d)}},Cn=(e,n,a,r)=>{const{this_:d,these:m,payment:b,payments:y,bills:w,bill:$,report:x,reports:h,they:u,it:l}=S.common.texts,s=n>1;let v=M;e==="bill_pay"?v=q.popUps.delete.title.replace("<_bill_>",s?q.bills:q.bill):v=N.popUps.delete.title.replace("__report__",s?N.reports:N.report);let f=M;return a==="draft"?e==="bill_pay"?f=q.popUps.delete.descriptionDraft.replace("<_this_>",s?m:d).replace("<_bill_>",s?w:$):f=N.popUps.delete.descriptionDraft.replace("<_this_>",s?m:d).replace("__report__",s?h:x):r?f=q.popUps.delete.descriptionRecurring.replace("<_payment_>",s?b:y):e==="bill_pay"?f=q.popUps.delete.descriptionOther.replace("<_this_>",s?m:d).replace("<_bill_>",s?w:$).replace("<_it_>",s?u:l).replace("<_payment_>",s?y:b):f=N.popUps.delete.descriptionOther.replace("<_this_>",s?m:d).replace("__report__",s?h:x).replace("<_it_>",s?u:l).replace("<_payment_>",s?y:b),{title:v,description:f}},jn=(e,n)=>{const a=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&a!=null&&(a==="bookCloseDateProcessing"||a==="noActionRecurring")?"hover_only":"checked_or_hover"},wt=e=>Ae(e.bulkProcessingDetail?.type)?"info":"alert",_n=o.div`
+`;function yt({header:e,updatingMessage:n}){const a=Le(),r=H(),d=a.colors.background,m=a.colors.grey3;return t.jsxs(an,{windowSize:r,children:[e!=null?t.jsx(cn,{children:e}):null,Array.from({length:sn},(b,y)=>t.jsx(dn,{windowSize:r,children:t.jsx(rn,{backgroundColor:d,foregroundColor:m,animated:!0,uniqueKey:`spend-management-row-loader-${y}`,width:"100%",height:Be})},y)),n!=null?t.jsx(pn,{windowSize:r,children:n}):null]})}const mn={lastListItemHeight:new p(200,158)},S=te.getLocalizedStrings(),{common:{texts:{maxLimit:un}},spendManagement:{billPay:Nt,reimbursement:hn}}=S,q=Nt.bulkActions,N=hn.bulkActions,M=S.common.strings.empty,ue="bulkSelectIds",gn=({transactionList:e,botEmail:n,selectedTab:a,selectedSubTab:r,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:m,isListeningToPusherEventForBillPayApprovalRules:b,isListeningToPusherEventForReimbursementApprovalRules:y,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,searchText:x,isAdmin:h,entity:u,uiState:l,bulkSubmissionLimit:s,isBulkActionAllowed:v,transactionsSelectedForBulkAction:f,isDetectInsufficientFundsEnabled:B,fetchState:g,analytics:C,onTransactionRowClick:T,onReloadTransactions:k,onColumnSortConfigChanged:L})=>{const U=H(),A=j=>{const ie=u==="bill_pay"?e[j].vendor?.name??e[j].candidateVendorName??M:e[j].reportTitle??M;return pi(ie,U)},O=P.useRef(null);P.useEffect(()=>{O.current?.resetAfterIndex(0)},[U,O,a,r]);const R=P.forwardRef((j,ie)=>{const{children:oe,style:Z,...de}=j;return t.jsx(Mn,{ref:ie,style:{...Z,width:"auto"},...de,children:t.jsx(Fn,{children:oe})})});return R.displayName=S.spendManagement.billPay.billsByTabs.headerElementDisplayName,ti({componentName:`${$i(u)}.${vi(a,u)}`,enabled:g==="Completed"}),t.jsx(_n,{children:u==="bill_pay"&&b===!0?t.jsx(yt,{header:t.jsx(Et,{companyNameSticky:!1,currentTab:a,onColumnSortConfigChanged:L,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),updatingMessage:S.commonSetUp.approval.updatingApprovalRules.replace("__entity__","bills")}):u==="reimbursement"&&y===!0?t.jsx(yt,{header:t.jsx(Mt,{companyNameSticky:!1,currentTab:a,onColumnSortConfigChanged:L,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),updatingMessage:S.commonSetUp.approval.updatingApprovalRules.replace("__entity__","reimbursements")}):g==="Error"?t.jsxs(Ln,{children:[t.jsx(In,{onClick:k,children:t.jsx(Dn,{})}),t.jsx(An,{children:S.peoplePage.reloadPage.label})]}):g==="Completed"&&e.length===0&&x!=M?t.jsx(rt,{message:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataWithFilterText:S.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):g==="Completed"&&e.length===0?t.jsx(rt,{message:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataText:S.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:u==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataTextViaMail:S.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:u==="bill_pay"?void 0:S.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):g==="Not-Started"||g==="In-Progress"?t.jsx(ii,{fetchState:g,styles:{margin:"auto"}}):t.jsx(Rn,{windowSize:U,children:t.jsx(oi,{children:({height:j,width:ie})=>t.jsx(ni,{ref:O,height:j,itemCount:u==="bill_pay"||u==="reimbursement"?1:e.length,innerElementType:R,itemSize:A,estimatedItemSize:ri,itemKey:oe=>e[oe].id,width:ie,overscanCount:li,itemData:{entity:u,isBulkActionAllowed:v,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:m,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,transactionList:e,isAdmin:h,selectedTab:a,transactionsSelectedForBulkAction:f,bulkSubmissionLimit:s,uiState:l,analytics:C,isDetectInsufficientFundsEnabled:B,onTransactionRowClick:T,onColumnSortConfigChanged:L},initialScrollOffset:0,children:bn})})})})},rl=({transactionList:e,botEmail:n,allSubTabs:a,isAdmin:r,selectedTab:d,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:y,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,selectedSubTab:h,searchText:u,entity:l,uiState:s,bulkSubmissionLimit:v,isBulkActionAllowed:f,isRecurringBillInBulkActionList:B,transactionsSelectedForBulkAction:g,allowedBulkActions:C,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:k,onTransactionRowClick:L,onSubtabChange:U,fetchState:A,onReloadTransactions:O,onColumnSortConfigChanged:R,analytics:j,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:Z})=>{const de=Gt({defaultValues:{bulkSelectIds:g},values:{bulkSelectIds:g}});P.useEffect(()=>{const z=de.watch((I,{name:_})=>{_!=null&&I!=null&&Ht(()=>We(_,I))});return()=>{z.unsubscribe()}});const We=async(z,I)=>{if(z===ue){let _=[];if(I[ue].includes(S.common.all.toLowerCase())){if(d==="scheduled"&&g.length===0){_=[];for(const D of e)if(D.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&_.push(D.id),_.length===v)break}else _=I[ue].filter(D=>D!==S.common.all.toLowerCase());if(l==="bill_pay"){const D=e.filter(we=>_.includes(we.id)),ne=ke(D);j?.trackBillPayBulkSelectAll(d,h,ne)}else{const D=e.filter(we=>_.includes(we.id)),ne=Te(D.map(we=>we.reimbursementTypesIncluded));j?.trackReimbursementBulkSelectAll(d,h,ne)}}else _=I[ue];ie?.(_)}},Ke=()=>{C.includes("cancel")?Kt():qt()},V=H(),[Ue,Se]=P.useState(!1),[J,qe]=P.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});P.useEffect(()=>{const z=Zt(d,h,l);A==="Completed"&&z!=null&&j?.trackPageLoaded(z,l==="bill_pay"?"Bills":"Reimbursements")},[j,d,h,l,A]);const Vt=z=>{U(z)},Wt=P.useCallback(()=>{const{title:z,description:I}=Cn(l,g.length,d,B);if(qe({type:"delete",title:z,description:I,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),l==="bill_pay"){const _=e.filter(ne=>g.includes(ne.id)),D=ke(_);j?.trackBillPayBulkDeleted(g.length,d,h,D)}else{const _=e.filter(ne=>g.includes(ne.id)),D=Te(_.map(ne=>ne.reimbursementTypesIncluded));j?.trackReimbursementBulkDeleted(g.length,d,h,D)}Se(!0)},[l,j,B,h,d,e,g]),Kt=P.useCallback(()=>{const{title:z,description:I}=Pn(l,g.length);qe({type:"cancel",title:z,description:I,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),Se(!0)},[l,g.length]),Ut={onOkClick:z=>{if(Se(!1),l==="bill_pay"){const I=e.filter(D=>g.includes(D.id)),_=ke(I);j?.trackBillPayBulkPopupConfirm(J.type,d,h,_)}else{const I=e.filter(D=>g.includes(D.id)),_=Te(I.map(D=>D.reimbursementTypesIncluded));j?.trackReimbursementBulkPopupConfirm(J.type,d,h,_)}J.type==="delete"?Z?.("delete",z):Z?.("cancel",z)},onCancelClick:()=>{oe?.(),Se(!1),qe({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},qt=P.useCallback(()=>{if(l==="bill_pay"){const z=e.filter(_=>g.includes(_.id)),I=ke(z);j?.trackBillPayBulkSelection(g.length,d,h,I)}else{const z=e.filter(_=>g.includes(_.id)),I=Te(z.map(_=>_.reimbursementTypesIncluded));j?.trackReimbursementBulkSelection(g.length,d,h,I)}C.includes("send_for_approval")?Z?.("send_for_approval"):Z?.(k?"approve":"review")},[l,C,e,j,g,d,h,Z,k]),lt=C.filter(z=>z!=="delete").length>0;return t.jsxs(zn,{children:[t.jsx(fi,{tabIds:a,selectedTab:h,hasSubTabs:a.length>0,entity:l,enablePerformanceTracking:!1,onTabSelectedChange:Vt,isSwitcherLeftAlign:!0}),t.jsx(Qt,{...de,children:t.jsxs(Bn,{onSubmit:de.handleSubmit(Ke),children:[t.jsx(gn,{botEmail:n,selectedTab:d,selectedSubTab:h,searchText:u,transactionList:e,fetchState:A,onReloadTransactions:O,onTransactionRowClick:L,entity:l,uiState:s,isAdmin:r,onColumnSortConfigChanged:R,analytics:j,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:y,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,bulkSubmissionLimit:v,isBulkActionAllowed:f,transactionsSelectedForBulkAction:g,isDetectInsufficientFundsEnabled:k}),Ue?t.jsx(Xt,{titleComponent:t.jsx(Yt,{children:J.title}),descriptionComponent:t.jsx(Jt,{children:J.description}),primaryButtonText:J.primaryButtonText,proceedButtonVariant:J.type==="delete"?"danger":"primary",secondaryButtonText:J.secondaryButtonText,action:Ut,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,g.length>0?t.jsx(ei,{helperContainerStyle:V==="small"?{margin:`${i.sp5} ${C.includes("delete")&&lt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:lt,primaryBtn:{label:Sn(l,C,g.length),isLoading:J.type!=="delete"&&T==="In-Progress",isDisabled:J.type==="delete"&&T==="In-Progress",type:"submit",style:kn(C)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:Tn(C,V)},leftSideComponent:$n(g.length,v,l,V),rightSideComponent:C.includes("delete")?vn(g.length,J.type==="delete"&&T==="In-Progress",Wt,V):null}):null]})})]})},bn=({style:e,data:n})=>{const{entity:a,transactionList:r,transactionsSelectedForBulkAction:d,isAdmin:m,isBulkActionAllowed:b,isShowDeletedBillsEnabled:y,isShowDeletedReimbursementEnabled:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:x,bulkSubmissionLimit:h,selectedTab:u,uiState:l,analytics:s,isDetectInsufficientFundsEnabled:v,onTransactionRowClick:f,onColumnSortConfigChanged:B}=n,g=H(),C=Le(),T=b?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(En,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ci,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:g==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:wn(g),labelCheckBoxStyle:{marginLeft:g==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:C.colors.grey4},infoIconContainerStyle:fn(g),name:ue,mode:T,selectionLimit:h,checkBoxes:a==="bill_pay"?[{label:t.jsx(Et,{companyNameSticky:!1,currentTab:u,onColumnSortConfigChanged:B,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(k=>({label:t.jsx(yn,{transactionDetail:k,selectedTab:u,isBillPayCommentingEnabled:$,isShowDeletedBillsEnabled:y,onTransactionRowClick:f,billsSelectedForBulkAction:d,bulkSelectFormId:ue,bulkSelectLimit:h,isSelectionMode:T==="always_on",isDetectInsufficientFundsEnabled:v}),value:k.id,groupLabel:!1,defaultChecked:!1,isException:k.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:jn(k,d),exceptionInfo:xt(a,k),exceptionType:wt(k)}))]:[{label:t.jsx(Mt,{companyNameSticky:!1,currentTab:u,onColumnSortConfigChanged:B,analytics:s,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(k=>({label:t.jsx(xn,{transactionDetail:k,isShowDeletedReimbursementEnabled:w,isReimbursementCommentingEnabled:x,selectedTab:u,isAdmin:m,onTransactionRowClick:f,remisSelectedForBulkAction:d,bulkSelectFormId:ue,bulkSelectLimit:h,isSelectionMode:T==="always_on"}),value:k.id,groupLabel:!1,defaultChecked:!1,isException:k.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:xt(a,k),exceptionType:wt(k)}))]})})},yn=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:a,billsSelectedForBulkAction:r,bulkSelectFormId:d,bulkSelectLimit:m,isBillPayCommentingEnabled:b,isSelectionMode:y,isDetectInsufficientFundsEnabled:w,onTransactionRowClick:$})=>{const x=H()==="small"?eo:Fi,h=hi(e,n),{bulkProcessingDetail:u}=e,l=Ae(u?.type),s=()=>{const g=e.billPayInfo.outsideZeniTransactionPaymentMode;if(g==null||g==="other")return;const C=Nt.billDetails.paymentOutsideZeni.paymentModeOptions.find(T=>T.value===g)?.label;return`${S.common.via} ${C}`},v=w&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?gi(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,f=bi(e.billPayInfo,n,a,e.isDeleted,e.dueDate),B=v!=null&&f?.code!=="failed"&&f?.code!=="processing"&&f?.code!=="cancelled"&&f?.code!=="returned"&&f?.code!=="rejected"&&f?.code!=="paid";return t.jsx(Ot,{children:t.jsx(x,{reportTitleAdditionalInfo:h,transactionDetail:e,isBillPayCommentingEnabled:b,isSelected:r.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:r.length===m,isSelectionMode:y,bulkSelectFormId:d,tagStatus:f,approvers:e.isDeleted===!0?void 0:kt(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?St(e,n):void 0,onTransactionRowClick:l?()=>null:$,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:v,showLowBalanceTooltip:B})})},xn=({transactionDetail:e,selectedTab:n,isAdmin:a,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:m,bulkSelectFormId:b,bulkSelectLimit:y,isSelectionMode:w,onTransactionRowClick:$})=>{const x=H()==="small"?Vo:Bo,h=yi(a,e.submittedBy),{bulkProcessingDetail:u}=e,l=Ae(u?.type);return t.jsx(Ot,{children:t.jsx(x,{reportTitleAdditionalInfo:h,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:m.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:m.length===y,isSelectionMode:w,bulkSelectFormId:b,currentTab:n,date:wi(e,n),approvers:e.isDeleted===!0?void 0:kt(e,n),tagStatus:xi(e,n,r),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?St(e,n):void 0,onTransactionRowClick:l?()=>null:$})})},wn=e=>{let n={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(n={...n,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),n},fn=e=>{let n={zIndex:1,marginBottom:i.sp2};return e==="small"&&(n={...n,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),n},$n=(e,n,a,r)=>{const d=a==="bill_pay"?q.bill:N.report,m=(e>1?d+"s":d)+q.selected;return e>0?t.jsxs(Wn,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Kn,{multiDigit:e>=10,children:e}),t.jsx(Un,{children:m}),e===n?t.jsx(qn,{children:un}):null]}):null},vn=(e,n,a,r)=>e>0?t.jsx(Nn,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(On,{isLoading:n,windowSize:r,className:"delete-icon-wrapper",onClick:n?()=>null:a,children:n?t.jsx(si,{size:"Small",start:!0}):t.jsx(Y,{enterDelay:600,title:S.common.delete,placement:"top",children:t.jsx(Vn,{})})})}):null,xt=(e,n)=>{const{bulkProcessingDetail:a,bulkSelectInfo:r}=n,d=Ae(a?.type),m=a?.type==="error";let b;if(d)b=a?.inProgressMessage;else if(m)b=a.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:y}=S.spendManagement.billPay.bulkActions;b=y[r.bulkSelectExceptionInfo]}else{const{exceptions:y}=S.spendManagement.reimbursement.bulkActions;b=y[r.bulkSelectExceptionInfo]}return b},Sn=(e,n,a)=>{const{billPay:r}=S.spendManagement;return n.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",a>1?N.reports:N.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",a>1?r.bulkActions.bills:r.bulkActions.bill):n.includes("send_for_approval")?r.billDetails.sendForApproval:S.common.review},kn=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},Tn=(e,n)=>{let a;return n!=="small"&&(e.includes("cancel")?a={minWidth:"116px"}:e.includes("send_for_approval")&&(a={minWidth:"160px"})),a},Pn=(e,n)=>{const{this_:a,these:r,payment:d,payments:m,bills:b,bill:y,reports:w,report:$,they:x,it:h}=S.common.texts;return n>1?e==="bill_pay"?{title:q.popUps.cancel.title.replace("<_bill_>",S.drawerMenus.bills),description:q.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",b).replace("<_it_>",x).replace("<_payment_>",m)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",r).replace("__report__",w).replace("<_it_>",x).replace("<_payment_>",m)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",a).replace("__report__",$).replace("<_it_>",h).replace("<_payment_>",d)}:{title:q.popUps.cancel.title.replace("<_bill_>",q.bill),description:q.popUps.cancel.description.replace("<_this_>",a).replace("<_bill_>",y).replace("<_it_>",h).replace("<_payment_>",d)}},Cn=(e,n,a,r)=>{const{this_:d,these:m,payment:b,payments:y,bills:w,bill:$,report:x,reports:h,they:u,it:l}=S.common.texts,s=n>1;let v=M;e==="bill_pay"?v=q.popUps.delete.title.replace("<_bill_>",s?q.bills:q.bill):v=N.popUps.delete.title.replace("__report__",s?N.reports:N.report);let f=M;return a==="draft"?e==="bill_pay"?f=q.popUps.delete.descriptionDraft.replace("<_this_>",s?m:d).replace("<_bill_>",s?w:$):f=N.popUps.delete.descriptionDraft.replace("<_this_>",s?m:d).replace("__report__",s?h:x):r?f=q.popUps.delete.descriptionRecurring.replace("<_payment_>",s?b:y):e==="bill_pay"?f=q.popUps.delete.descriptionOther.replace("<_this_>",s?m:d).replace("<_bill_>",s?w:$).replace("<_it_>",s?u:l).replace("<_payment_>",s?y:b):f=N.popUps.delete.descriptionOther.replace("<_this_>",s?m:d).replace("__report__",s?h:x).replace("<_it_>",s?u:l).replace("<_payment_>",s?y:b),{title:v,description:f}},jn=(e,n)=>{const a=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&a!=null&&(a==="bookCloseDateProcessing"||a==="noActionRecurring")?"hover_only":"checked_or_hover"},wt=e=>Ae(e.bulkProcessingDetail?.type)?"info":"alert",_n=o.div`
   display: block;
   height: 100%;
 `,Bn=o.form`

package/dist/assets/{SpendManagementSection-Bcex-9e7-CxkR_zoB.js → SpendManagementSection-C5fvFmdh-D7vZlQqH.js}

@@ -1,12 +1,12 @@
-import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as he,b as oe,bF as re,F as j,y as ne,g$ as ge,c1 as me,h0 as fe,cX as le,bG as M,b9 as ye,ai as se,h1 as xe,bE as ae,aw as be,h2 as Ce,h3 as we,al as V,b8 as ve,h4 as $e,ay as je,h5 as Se,p as ke,cW as Oe,bM as Le,fY as Ie,h6 as Ee,M as W,L as _e,fZ as Me,aR as Ae}from"./index-Cb-eu--2.js";import{a as s}from"./sentry-agJ08X3c.js";import{n as l,k as Fe}from"./mui-CvhriUJf.js";import{FO as Te,FP as Re,FL as Be,FM as De,FN as ze,FK as Pe}from"./zeni-epic-state-CwvuK4v8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="db53187e-e7b6-4216-bc80-0f4931e58c6b",e._sentryDebugIdIdentifier="sentry-dbid-db53187e-e7b6-4216-bc80-0f4931e58c6b")}catch{}})();const He=l.div`
+import{q as B,e as D,V as o,cl as H,o as r,aN as N,A as te,gY as ue,d as R,n as he,b as oe,bF as re,F as S,y as ne,gZ as ge,c1 as me,g_ as fe,cZ as le,bG as A,b9 as ye,ai as ae,g$ as xe,bE as se,aw as be,h0 as Ce,h1 as we,al as V,b8 as ve,h2 as $e,ay as Se,h3 as je,p as ke,cW as Oe,bM as Le,fY as Ie,h4 as Ee,a as W,_ as _e,fZ as Ae,aR as Fe}from"./index-l9FViNoO.js";import{a}from"./sentry-DWELwT5u.js";import{n as l,k as Me}from"./mui-cKt0zt2w.js";import{FO as Te,FP as Re,FL as Be,FM as De,FN as ze,FK as Pe}from"./zeni-epic-state-atBaoFS-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b29407dd-86eb-4ae1-bc1e-603b402a1ba3",e._sentryDebugIdIdentifier="sentry-dbid-b29407dd-86eb-4ae1-bc1e-603b402a1ba3")}catch{}})();const He=l.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Ne=l(ae)`
+`,Ne=l(se)`
   color: ${e=>e.theme.colors.primary};
   width: ${r.sp3};
   height: ${r.sp3};
-`,U=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:a,onChange:p,getOptionLabel:c})=>{const y=D(),f=s.useRef(null),g=Ue(y),w=n.find(m=>m.value===e);return s.useEffect(()=>{const m=setTimeout(()=>{f.current!=null&&t&&f.current.focus()},300);return()=>{clearTimeout(m)}},[t]),o.jsx(re,{ref:f,isMulti:!1,value:w,onChange:m=>{p(m)},placeholder:a,options:n,styles:g,openMenuOnFocus:!0,components:{Option:m=>We(m,c),SingleValue:m=>Ve(m,c)}})},Ve=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(M.SingleValue,{...e,children:o.jsx(ye,{children:n})})},We=(e,t)=>{const{isSelected:n}=e,a=t?.(e.data.value)??e.data.label;return o.jsx(M.Option,{...e,children:o.jsxs(He,{children:[o.jsx(se,{children:a}),n?o.jsx(Ne,{}):null]})})},Ue=e=>({placeholder:t=>({...t,color:e.colors.grey1,...oe.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),G="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",Ge=l.div`
+`,U=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:s,onChange:p,getOptionLabel:c})=>{const y=D(),f=a.useRef(null),g=Ue(y),w=n.find(m=>m.value===e);return a.useEffect(()=>{const m=setTimeout(()=>{f.current!=null&&t&&f.current.focus()},300);return()=>{clearTimeout(m)}},[t]),o.jsx(re,{ref:f,isMulti:!1,value:w,onChange:m=>{p(m)},placeholder:s,options:n,styles:g,openMenuOnFocus:!0,components:{Option:m=>We(m,c),SingleValue:m=>Ve(m,c)}})},Ve=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(A.SingleValue,{...e,children:o.jsx(ye,{children:n})})},We=(e,t)=>{const{isSelected:n}=e,s=t?.(e.data.value)??e.data.label;return o.jsx(A.Option,{...e,children:o.jsxs(He,{children:[o.jsx(ae,{children:s}),n?o.jsx(Ne,{}):null]})})},Ue=e=>({placeholder:t=>({...t,color:e.colors.grey1,...oe.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),G="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",Ge=l.div`
   display: flex;
   align-items: flex-start;
   padding: ${r.sp2} ${r.sp3};
@@ -17,16 +17,16 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   column-gap: ${r.sp2};
   width: 100%;
   min-height: ${r.sp4};
-`,Xe=l.div`
+`,Ze=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp1};
-`,Ze=l.div`
+`,qe=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp2};
   word-break: break-all;
-`,qe=l.div`
+`,Ke=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp3};
@@ -37,11 +37,11 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Ke=l(Ie)`
+`,Qe=l(Ie)`
   color: ${e=>e.theme.colors.hero};
   height: ${r.sp4};
   width: ${r.sp4};
-`,Qe=l(ae)`
+`,Xe=l(se)`
   color: ${e=>e.theme.colors.primary};
   height: ${r.sp3};
   min-width: ${r.sp3};
@@ -49,25 +49,25 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   color: ${e=>e.theme.colors.primary};
   height: 10px;
   width: 10px;
-`,et=l(Ae)`
+`,et=l(Fe)`
   overflow: hidden;
   text-overflow: ellipsis;
-`,tt=({options:e,value:t,placeHolder:n,filterCategoryType:a,searchAutoCompleteData:p,searchAutoCompleteActions:c,onChange:y,renderOptionIcon:f})=>{const g=D(),w=Ee(g),[m,E]=s.useState(e);s.useEffect(()=>{a==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&E(u=>$e([...u,...p?.entityAutoCompleteView!=null?ot(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=a==="searchAutocomplete"?t.map(u=>({label:u,value:u})):t.map(u=>m.find($=>$.value===u)),v=s.useRef(je(u=>c?.onAutoCompleteInputChange?.(u),500,{trailing:!0})).current,k=p?.entityAutoCompleteView.fetchState,L={options:e,filterCategoryType:a,searchAutoCompleteStatus:k,renderOptionIcon:f},I=j.getLocalizedStrings().common.filters;return o.jsx(Ge,{children:a==="dateRange"?o.jsx(Se,{onDateRangeChange:u=>{y([{label:I.startDate,value:u.startDate??""},{label:I.endDate,value:u.endDate??""}])},selectedDates:t}):o.jsxs(Ye,{children:[S.length===0&&a==="user"&&o.jsx(Ke,{}),o.jsx(re,{...L,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:u=>{a==="searchAutocomplete"&&v(u)},onChange:u=>{y(u)},placeholder:n,options:m,styles:w,menuPosition:"fixed",components:{Option:nt,MultiValueLabel:rt,MultiValueRemove:lt},filterOption:(u,$)=>at(u,$,a),noOptionsMessage:()=>st(a,k)})]})})},ot=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),rt=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:a,renderOptionIcon:p}=t,c=n.findIndex(y=>y.value===e.data.value);return o.jsx(M.MultiValueLabel,{...e,children:o.jsxs(Xe,{children:[ie(e.data,c,a,p),o.jsx(et,{children:e.children})]})})},nt=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:a,...p}=e.innerProps,{options:c,filterCategoryType:y,renderOptionIcon:f}=e.selectProps,g=c.findIndex(m=>m.value===e.data.value),w={...e,innerProps:p};return o.jsx(M.Option,{...w,children:o.jsxs(qe,{children:[o.jsxs(Ze,{children:[ie(e.data,g,y,f),o.jsx(se,{children:e.label})]}),e.isSelected&&o.jsx(Qe,{})]})})},lt=e=>o.jsx(M.MultiValueRemove,{...e,children:o.jsx(Je,{})}),st=(e,t)=>{const n=j.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(te,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(W,{children:n.noMatchesFound})}return o.jsx(W,{children:n.noOptions})},ie=(e,t,n,a)=>{if(n==="dropdown")return(a!=null?a(e):null)??(e.photo!=null?o.jsx(Y,{src:e.photo.href,alt:"",onError:({currentTarget:g})=>{g.onerror=null,g.src=G},loading:"lazy"}):null);if(n!=="user")return null;const p=(e.label??"").split(" "),c=p[0]??"",y=p[1]??"";return e.photo==null?o.jsx(Me,{firstName:c,lastName:y,size:`${r.sp3}`,index:t,fontSize:"9px"}):o.jsx(Y,{src:e.photo.href,alt:j.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:f})=>{f.onerror=null,f.src=G},loading:"lazy"})},at=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),A={categoryCombinationOperator:"AND",categories:[]},ce={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return Pe;case"reimbursement":return ze(t)?Be:De;case"task_management":return Re;case"charge_card_payment_history":return Te}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return j.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return j.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return j.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}if(e==="charge_card_payment_history"){const n=t;return j.getLocalizedStrings().spendManagement.filters.filterCategories.chargeCardPaymentHistory[n]}return""},it=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...ce,field:t.value}]}:{...e,categories:e.categories.map((a,p)=>p!==n?a:{...a,field:t.value,values:[]})},ct=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((a,p)=>p!==n?a:{...a,matchingOperator:t.value})},dt=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((a,p)=>p!==n?a:{...a,values:t.map(c=>c.value)})},pt={width:new ne(215,315)},X=l.div`
+`,tt=({options:e,value:t,placeHolder:n,filterCategoryType:s,searchAutoCompleteData:p,searchAutoCompleteActions:c,onChange:y,renderOptionIcon:f})=>{const g=D(),w=Ee(g),[m,E]=a.useState(e);a.useEffect(()=>{s==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&E(u=>$e([...u,...p?.entityAutoCompleteView!=null?ot(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const j=s==="searchAutocomplete"?t.map(u=>({label:u,value:u})):t.map(u=>m.find($=>$.value===u)),v=a.useRef(Se(u=>c?.onAutoCompleteInputChange?.(u),500,{trailing:!0})).current,k=p?.entityAutoCompleteView.fetchState,L={options:e,filterCategoryType:s,searchAutoCompleteStatus:k,renderOptionIcon:f},I=S.getLocalizedStrings().common.filters;return o.jsx(Ge,{children:s==="dateRange"?o.jsx(je,{onDateRangeChange:u=>{y([{label:I.startDate,value:u.startDate??""},{label:I.endDate,value:u.endDate??""}])},selectedDates:t}):o.jsxs(Ye,{children:[j.length===0&&s==="user"&&o.jsx(Qe,{}),o.jsx(re,{...L,isMulti:!0,hideSelectedOptions:!1,value:j,onInputChange:u=>{s==="searchAutocomplete"&&v(u)},onChange:u=>{y(u)},placeholder:n,options:m,styles:w,menuPosition:"fixed",components:{Option:nt,MultiValueLabel:rt,MultiValueRemove:lt},filterOption:(u,$)=>st(u,$,s),noOptionsMessage:()=>at(s,k)})]})})},ot=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),rt=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:s,renderOptionIcon:p}=t,c=n.findIndex(y=>y.value===e.data.value);return o.jsx(A.MultiValueLabel,{...e,children:o.jsxs(Ze,{children:[ie(e.data,c,s,p),o.jsx(et,{children:e.children})]})})},nt=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:s,...p}=e.innerProps,{options:c,filterCategoryType:y,renderOptionIcon:f}=e.selectProps,g=c.findIndex(m=>m.value===e.data.value),w={...e,innerProps:p};return o.jsx(A.Option,{...w,children:o.jsxs(Ke,{children:[o.jsxs(qe,{children:[ie(e.data,g,y,f),o.jsx(ae,{children:e.label})]}),e.isSelected&&o.jsx(Xe,{})]})})},lt=e=>o.jsx(A.MultiValueRemove,{...e,children:o.jsx(Je,{})}),at=(e,t)=>{const n=S.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(te,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(W,{children:n.noMatchesFound})}return o.jsx(W,{children:n.noOptions})},ie=(e,t,n,s)=>{if(n==="dropdown")return(s!=null?s(e):null)??(e.photo!=null?o.jsx(Y,{src:e.photo.href,alt:"",onError:({currentTarget:g})=>{g.onerror=null,g.src=G},loading:"lazy"}):null);if(n!=="user")return null;const p=(e.label??"").split(" "),c=p[0]??"",y=p[1]??"";return e.photo==null?o.jsx(Ae,{firstName:c,lastName:y,size:`${r.sp3}`,index:t,fontSize:"9px"}):o.jsx(Y,{src:e.photo.href,alt:S.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:f})=>{f.onerror=null,f.src=G},loading:"lazy"})},st=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),F={categoryCombinationOperator:"AND",categories:[]},ce={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},M=(e,t)=>{switch(e){case"bill_pay":return Pe;case"reimbursement":return ze(t)?Be:De;case"task_management":return Re;case"charge_card_payment_history":return Te}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return S.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return S.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return S.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}if(e==="charge_card_payment_history"){const n=t;return S.getLocalizedStrings().spendManagement.filters.filterCategories.chargeCardPaymentHistory[n]}return""},it=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...ce,field:t.value}]}:{...e,categories:e.categories.map((s,p)=>p!==n?s:{...s,field:t.value,values:[]})},ct=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((s,p)=>p!==n?s:{...s,matchingOperator:t.value})},dt=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((s,p)=>p!==n?s:{...s,values:t.map(c=>c.value)})},pt={width:new ne(215,315)},Z=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp4};
-`,Z=l.div`
+`,q=l.div`
   display: flex;
   column-gap: ${r.sp3};
   align-items: flex-start;
   flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
   row-gap: ${e=>e.windowSize==="small"?r.sp3:r.sp0};
-`,q=l.div`
+`,K=l.div`
   width: 90px;
   color: ${e=>e.theme.colors.primary};
-`,K=l.div`
+`,Q=l.div`
   width: 194px;
-`,Q=l.button`
+`,X=l.button`
   display: flex;
   align-items: center;
   column-gap: ${r.sp1};
@@ -127,7 +127,7 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   display: flex;
   align-items: center;
   column-gap: ${r.sp3};
-`,Ct=Fe`
+`,Ct=Me`
 0% {
   opacity: 0;
 }
@@ -139,7 +139,7 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   align-items: flex-start;
   column-gap: ${r.sp3};
   animation: ${Ct} 0.4s;
-`,de=s.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:a,vendorSearchAutoCompleteActions:p,onFiltersChange:c,renderDropdownOptionIcon:y},f)=>{const g=be(),w=B(),m=s.useCallback((d,h)=>{const C=it({currentFilters:e,selectedOption:d,categoryIndex:h});c(C)},[e,c]),E=s.useCallback((d,h)=>{const C=ct({currentFilters:e,selectedOption:d,categoryIndex:h});c(C)},[e,c]),S=s.useCallback(d=>{if(e!=null){const h={...e,categoryCombinationOperator:d};c(h)}},[e,c]),v=s.useCallback(d=>{if(d===0&&e.categories!=null&&e.categories.length===1){c(A);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,d),...e.categories.slice(d+1)].filter(h=>h.field!=null).length){const h={...e,categories:[...e.categories.slice(0,d),...e.categories.slice(d+1)]};c(h);return}c(A)}},[c,e]),k=()=>{e.categories!=null&&e.categories.length&&c({...e,categories:[...e.categories,{...ce}]})},L=()=>{c(A)},I=s.useCallback((d,h)=>{const C=dt({currentFilters:e,selectedOptions:d,categoryIndex:h});c(C)},[e,c]),u=j.getLocalizedStrings().spendManagement.filters,$=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(mt,{children:[o.jsxs(Q,{onClick:k,children:[o.jsx(ut,{}),o.jsx(V,{children:u.addFilterBtnText})]}),o.jsxs(Q,{onClick:L,children:[o.jsx(ht,{}),o.jsx(V,{children:u.clearAllBtnText})]})]}):null,b=()=>e.categories==null||e.categories.length===0?o.jsx(X,{children:o.jsx(Z,{children:o.jsxs(ee,{children:[o.jsx(q,{children:o.jsx(J,{children:u.filterByLabel})}),o.jsx(K,{children:o.jsx(U,{defaultMenuIsOpen:!0,onChange:m,placeHolder:u.categoryPlaceholder,getOptionLabel:d=>T(n,d),options:F(n,g.loggedInUserRole)})})]})})}):o.jsx(s.Fragment,{children:e.categories.map((d,h)=>{const C=F(n,g.loggedInUserRole??[]).find(i=>i.value===d.field),x=C?.type,_=C!=null?T(n,C?.value):"";return o.jsxs(Z,{windowSize:w,children:[o.jsxs(ee,{children:[o.jsxs(q,{children:[h===0&&o.jsx(J,{children:u.filterByLabel}),h!==0?o.jsx(Ce,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:h>1}):null]}),o.jsx(K,{children:o.jsx(U,{value:d.field,placeHolder:u.categoryPlaceholder,onChange:i=>m(i,h),getOptionLabel:i=>T(n,i),options:F(n,g.loggedInUserRole??[])})})]}),d.field?o.jsxs(wt,{children:[o.jsx(gt,{children:o.jsx(we,{categoryIndex:h,value:d.matchingOperator,onChange:E})}),o.jsxs(xt,{children:[o.jsx(bt,{windowSize:w,children:o.jsx(tt,{options:t[d.field]!=null?t[d.field]:[],placeHolder:x==="searchAutocomplete"?u.searchPlaceholder:`${u.select} ${_}`,value:d.values,filterCategoryType:x??"dropdown",onChange:i=>I(i,h),valuesCombinationOperator:d.valuesCombinationOperator,searchAutoCompleteData:a,searchAutoCompleteActions:p,renderOptionIcon:y})}),o.jsx(ft,{onClick:()=>v(h),windowSize:w,children:o.jsx(yt,{})})]})]}):null]},d.field?d.field+h:h)})});return o.jsxs(X,{ref:f,children:[b(),$()]})});de.displayName="FiltersSelection";const vt=l.div`
+`,de=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:p,onFiltersChange:c,renderDropdownOptionIcon:y},f)=>{const g=be(),w=B(),m=a.useCallback((d,h)=>{const C=it({currentFilters:e,selectedOption:d,categoryIndex:h});c(C)},[e,c]),E=a.useCallback((d,h)=>{const C=ct({currentFilters:e,selectedOption:d,categoryIndex:h});c(C)},[e,c]),j=a.useCallback(d=>{if(e!=null){const h={...e,categoryCombinationOperator:d};c(h)}},[e,c]),v=a.useCallback(d=>{if(d===0&&e.categories!=null&&e.categories.length===1){c(F);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,d),...e.categories.slice(d+1)].filter(h=>h.field!=null).length){const h={...e,categories:[...e.categories.slice(0,d),...e.categories.slice(d+1)]};c(h);return}c(F)}},[c,e]),k=()=>{e.categories!=null&&e.categories.length&&c({...e,categories:[...e.categories,{...ce}]})},L=()=>{c(F)},I=a.useCallback((d,h)=>{const C=dt({currentFilters:e,selectedOptions:d,categoryIndex:h});c(C)},[e,c]),u=S.getLocalizedStrings().spendManagement.filters,$=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(mt,{children:[o.jsxs(X,{onClick:k,children:[o.jsx(ut,{}),o.jsx(V,{children:u.addFilterBtnText})]}),o.jsxs(X,{onClick:L,children:[o.jsx(ht,{}),o.jsx(V,{children:u.clearAllBtnText})]})]}):null,b=()=>e.categories==null||e.categories.length===0?o.jsx(Z,{children:o.jsx(q,{children:o.jsxs(ee,{children:[o.jsx(K,{children:o.jsx(J,{children:u.filterByLabel})}),o.jsx(Q,{children:o.jsx(U,{defaultMenuIsOpen:!0,onChange:m,placeHolder:u.categoryPlaceholder,getOptionLabel:d=>T(n,d),options:M(n,g.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((d,h)=>{const C=M(n,g.loggedInUserRole??[]).find(i=>i.value===d.field),x=C?.type,_=C!=null?T(n,C?.value):"";return o.jsxs(q,{windowSize:w,children:[o.jsxs(ee,{children:[o.jsxs(K,{children:[h===0&&o.jsx(J,{children:u.filterByLabel}),h!==0?o.jsx(Ce,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:j,buttonsDisabled:h>1}):null]}),o.jsx(Q,{children:o.jsx(U,{value:d.field,placeHolder:u.categoryPlaceholder,onChange:i=>m(i,h),getOptionLabel:i=>T(n,i),options:M(n,g.loggedInUserRole??[])})})]}),d.field?o.jsxs(wt,{children:[o.jsx(gt,{children:o.jsx(we,{categoryIndex:h,value:d.matchingOperator,onChange:E})}),o.jsxs(xt,{children:[o.jsx(bt,{windowSize:w,children:o.jsx(tt,{options:t[d.field]!=null?t[d.field]:[],placeHolder:x==="searchAutocomplete"?u.searchPlaceholder:`${u.select} ${_}`,value:d.values,filterCategoryType:x??"dropdown",onChange:i=>I(i,h),valuesCombinationOperator:d.valuesCombinationOperator,searchAutoCompleteData:s,searchAutoCompleteActions:p,renderOptionIcon:y})}),o.jsx(ft,{onClick:()=>v(h),windowSize:w,children:o.jsx(yt,{})})]})]}):null]},d.field?d.field+h:h)})});return o.jsxs(Z,{ref:f,children:[b(),$()]})});de.displayName="FiltersSelection";const vt=l.div`
   padding-top: ${r.sp4};
   padding-bottom: ${r.sp4};
   box-sizing: border-box;
@@ -154,10 +154,10 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   padding-left: ${r.sp4};
   padding-right: ${r.sp4};
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,jt=l.div`
+`,St=l.div`
   padding-left: ${r.sp4};
   padding-right: ${r.sp4};
-`,St=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:a,disableFilters:p=!1,transactionsLoaded:c=!0,createdByUserListLoaded:y=!0,analytics:f,groupByFiltersComponent:g,onFiltersChange:w,getCategoryWiseOptions:m,renderDropdownOptionIcon:E})=>{const S=s.useRef(null),[v,k]=s.useState(!1),L=s.useRef(!1),[I,u]=s.useState({bill_pay:{},reimbursement:{},task_management:{},charge_card_payment_history:{}}),[$,b]=s.useState("auto"),d=s.useRef(null),h=B(),C=s.useCallback(()=>{k(!1)},[]),x=j.getLocalizedStrings().common.strings.empty,_=s.useCallback(()=>{e!=="task_management"&&e!=="charge_card_payment_history"&&f?.trackSpendManagmentFilterClick(e),p===!1&&k(!0)},[p,f,e]);s.useEffect(()=>{m&&y&&c&&u(O=>Object.keys(O[e]??{}).length===0?{...O,[e]:m()}:O)},[e,c,y]);const i=s.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return g!=null?88+g.height:88;const O=d.current,P=O!=null?O.clientHeight:0;return h==="small"?"auto":R[7]+(P>0?P:88)+(g!=null?g.height:0)},[t,h,g]);s.useEffect(()=>{if(v!==L.current){b("auto");return}b(i())},[i,v]),s.useEffect(()=>{L.current=v},[v]),s.useEffect(()=>{$==="auto"&&b(i())},[$,i]);const pe=()=>o.jsx(xe,{anchorEl:S.current,open:v,onClose:C,paperStyle:{overflow:"visible"},children:o.jsxs(vt,{height:$,windowSize:h,children:[g!=null?o.jsx($t,{children:g?.component}):null,o.jsx(jt,{children:o.jsx(de,{filters:t,onFiltersChange:w,filterValues:I[e],selectedEntity:e,ref:d,vendorSearchAutoCompleteActions:a,vendorSearchAutoCompleteData:n,renderDropdownOptionIcon:E})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),z=t?.categories==null||t?.categories.length===0?0:t.categories.filter(O=>O.field!=null&&O.values.length>0).length;return o.jsxs(s.Fragment,{children:[o.jsx(ge,{searchPlaceholder:x,isFilterBtnActive:v||z>0,ref:S,isFilterDisabled:p,onFilterButtonClick:_,filtersCount:z,includeSearch:!1,filterText:x}),p!=!0&&pe()]})},kt=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:Ot}=j.getLocalizedStrings(),Lt={filterIconContainerPaddingRight:new ne(18,10)};function Wt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:a,disableDownloadButton:p,filters:c,searchText:y,downloadParams:f,downloadState:g,showSettingsIcon:w=!0,showSettingsIconOnNavbar:m,showDownloadButtonOnNavbar:E,showStatementButtonOnNavbar:S,showPayEarlyButtonOnNavbar:v,showPaymentHistoryButtonOnNavbar:k,groupByFiltersComponent:L,updateDownloadStateHandler:I,onMenuOpen:u,filterIconContainerStyle:$}=e,b=B(),d=D(),[h,C]=s.useState(void 0);s.useEffect(()=>{g!=="Error"&&C(!1)},[g]);let x=Ot.moreMenuOptions;m||(x=x.filter(i=>i.value!=="settings")),S||(x=x.filter(i=>i.value!=="statements")),v||(x=x.filter(i=>i.value!=="payEarly")),k||(x=x.filter(i=>i.value!=="paymentHistory")),E||(x=x.filter(i=>i.value!=="download"));const _={};return e.entity==="charge_cards"?_.width="275px":e.entity==="reimbursement"&&(_.width="208px"),o.jsxs(At,{children:[o.jsxs(Mt,{isSearchOpen:e.isSearchOpen&&b==="small",windowsize:b,children:[b!=="small"&&!e.hideSearchBtn?o.jsx(H,{"data-testid":N("list-page-search-input-box"),style:{position:"absolute",left:"unset",...a},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:i=>{e.onSearchTextChanged?.(i)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:_,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management"||e.entity==="charge_card_payment_history")&&e.onFiltersChange!=null?o.jsx(Rt,{size:b,style:$,children:o.jsx(St,{entity:e.entity,groupByFiltersComponent:L,onFiltersChange:e.onFiltersChange,filters:e.filters,disableFilters:e.disableFilters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics,renderDropdownOptionIcon:e.renderDropdownOptionIcon})}):null,e.showDownloadIcon===!0&&e.onDownloadClick!=null?o.jsx(_t,{onClick:e.onDownloadClick,disabled:p,children:g==="In-Progress"?o.jsx(te,{size:"Standard",start:!0}):o.jsx(Et,{"data-testid":N("spend-management-download-icon"),disabled:p})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(Tt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(It,{})}):null,w?o.jsx(Ft,{onClick:()=>C(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ue,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:b!=="small"?h:void 0,options:x,onMenuOpen:u,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:i=>({...i,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:d.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${d.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:R[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:R[0],marginLeft:-1}})},onOptionSelection:i=>{i==="settings"?e.onClickSetupIcon?.():i==="statements"?e.onClickStatementsIcon?.():i==="payEarly"?e.onClickPayEarlyIcon?.():i==="paymentHistory"&&e.onClickPaymentHistoryIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&f!=null?{entity:t,isDisabled:p,filter:{filters:c,searchText:y},downloadParams:f,downloadState:g,updateDownloadStateHandler:I}:void 0}):o.jsx(Dt,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:b==="small"?o.jsx(Bt,{onClick:e.onNewButtonClick,children:o.jsx(zt,{})}):o.jsx(he,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...oe.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),b==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:b!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:i=>{e.onSearchTextChanged?.(i)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const It=l(kt)`
+`,jt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:s,disableFilters:p=!1,transactionsLoaded:c=!0,createdByUserListLoaded:y=!0,analytics:f,groupByFiltersComponent:g,onFiltersChange:w,getCategoryWiseOptions:m,renderDropdownOptionIcon:E})=>{const j=a.useRef(null),[v,k]=a.useState(!1),L=a.useRef(!1),[I,u]=a.useState({bill_pay:{},reimbursement:{},task_management:{},charge_card_payment_history:{}}),[$,b]=a.useState("auto"),d=a.useRef(null),h=B(),C=a.useCallback(()=>{k(!1)},[]),x=S.getLocalizedStrings().common.strings.empty,_=a.useCallback(()=>{e!=="task_management"&&e!=="charge_card_payment_history"&&f?.trackSpendManagmentFilterClick(e),p===!1&&k(!0)},[p,f,e]);a.useEffect(()=>{m&&y&&c&&u(O=>Object.keys(O[e]??{}).length===0?{...O,[e]:m()}:O)},[e,c,y]);const i=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return g!=null?88+g.height:88;const O=d.current,P=O!=null?O.clientHeight:0;return h==="small"?"auto":R[7]+(P>0?P:88)+(g!=null?g.height:0)},[t,h,g]);a.useEffect(()=>{if(v!==L.current){b("auto");return}b(i())},[i,v]),a.useEffect(()=>{L.current=v},[v]),a.useEffect(()=>{$==="auto"&&b(i())},[$,i]);const pe=()=>o.jsx(xe,{anchorEl:j.current,open:v,onClose:C,paperStyle:{overflow:"visible"},children:o.jsxs(vt,{height:$,windowSize:h,children:[g!=null?o.jsx($t,{children:g?.component}):null,o.jsx(St,{children:o.jsx(de,{filters:t,onFiltersChange:w,filterValues:I[e],selectedEntity:e,ref:d,vendorSearchAutoCompleteActions:s,vendorSearchAutoCompleteData:n,renderDropdownOptionIcon:E})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),z=t?.categories==null||t?.categories.length===0?0:t.categories.filter(O=>O.field!=null&&O.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(ge,{searchPlaceholder:x,isFilterBtnActive:v||z>0,ref:j,isFilterDisabled:p,onFilterButtonClick:_,filtersCount:z,includeSearch:!1,filterText:x}),p!=!0&&pe()]})},kt=e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:Ot}=S.getLocalizedStrings(),Lt={filterIconContainerPaddingRight:new ne(18,10)};function Wt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:s,disableDownloadButton:p,filters:c,searchText:y,downloadParams:f,downloadState:g,showSettingsIcon:w=!0,showSettingsIconOnNavbar:m,showDownloadButtonOnNavbar:E,showStatementButtonOnNavbar:j,showPayEarlyButtonOnNavbar:v,showPaymentHistoryButtonOnNavbar:k,groupByFiltersComponent:L,updateDownloadStateHandler:I,onMenuOpen:u,filterIconContainerStyle:$}=e,b=B(),d=D(),[h,C]=a.useState(void 0);a.useEffect(()=>{g!=="Error"&&C(!1)},[g]);let x=Ot.moreMenuOptions;m||(x=x.filter(i=>i.value!=="settings")),j||(x=x.filter(i=>i.value!=="statements")),v||(x=x.filter(i=>i.value!=="payEarly")),k||(x=x.filter(i=>i.value!=="paymentHistory")),E||(x=x.filter(i=>i.value!=="download"));const _={};return e.entity==="charge_cards"?_.width="275px":e.entity==="reimbursement"&&(_.width="208px"),o.jsxs(Ft,{children:[o.jsxs(At,{isSearchOpen:e.isSearchOpen&&b==="small",windowsize:b,children:[b!=="small"&&!e.hideSearchBtn?o.jsx(H,{"data-testid":N("list-page-search-input-box"),style:{position:"absolute",left:"unset",...s},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:i=>{e.onSearchTextChanged?.(i)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:_,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management"||e.entity==="charge_card_payment_history")&&e.onFiltersChange!=null?o.jsx(Rt,{size:b,style:$,children:o.jsx(jt,{entity:e.entity,groupByFiltersComponent:L,onFiltersChange:e.onFiltersChange,filters:e.filters,disableFilters:e.disableFilters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics,renderDropdownOptionIcon:e.renderDropdownOptionIcon})}):null,e.showDownloadIcon===!0&&e.onDownloadClick!=null?o.jsx(_t,{onClick:e.onDownloadClick,disabled:p,children:g==="In-Progress"?o.jsx(te,{size:"Standard",start:!0}):o.jsx(Et,{"data-testid":N("spend-management-download-icon"),disabled:p})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(Tt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(It,{})}):null,w?o.jsx(Mt,{onClick:()=>C(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ue,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:b!=="small"?h:void 0,options:x,onMenuOpen:u,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:i=>({...i,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:d.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${d.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:R[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:R[0],marginLeft:-1}})},onOptionSelection:i=>{i==="settings"?e.onClickSetupIcon?.():i==="statements"?e.onClickStatementsIcon?.():i==="payEarly"?e.onClickPayEarlyIcon?.():i==="paymentHistory"&&e.onClickPaymentHistoryIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&f!=null?{entity:t,isDisabled:p,filter:{filters:c,searchText:y},downloadParams:f,downloadState:g,updateDownloadStateHandler:I}:void 0}):o.jsx(Dt,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:b==="small"?o.jsx(Bt,{onClick:e.onNewButtonClick,children:o.jsx(zt,{})}):o.jsx(he,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...oe.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),b==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:b!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:i=>{e.onSearchTextChanged?.(i)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const It=l(kt)`
   height: ${r.sp4};
   width: ${r.sp4};
 `,Et=l(me)`
@@ -176,16 +176,16 @@ import{q as B,d as D,V as o,cl as H,o as r,aN as N,k as te,g_ as ue,c as R,n as
   &:hover {
     color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
   }
-`,Mt=l.div`
+`,At=l.div`
   display: flex;
   justify-content: flex-end;
   position: relative;
   align-items: center;
   width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,At=l.div`
+`,Ft=l.div`
   display: flex;
   flex-direction: column;
-`,Ft=l.div`
+`,Mt=l.div`
   display: flex;
   align-items: center;
   justify-content: center;