@zeniai/web-app-ui 4.14.38-qa → 4.14.39-dev

package/dist/assets/{SpendManagementPerTabPage-BmUp80QX-5QSrTfVD.js → SpendManagementPerTabPage-C-kqNTci-61EpQHHf.js}

@@ -1,4 +1,4 @@
-import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as Gt,a9 as Zt,o as i,O as ee,bF as Xt,bN as ot,an as Jt,bV as Qt,L as Yt,bo as J,bd as qt,ab as ei,x as h,y as Ze,fI as ti,e as Q,cp as ii,H as V,l as O,C as se,jX as oi,eR as li,jY as ni,jZ as yt,j_ as bt,v as Ie,fw as ri,iW as si,j$ as ai,k0 as di,bm as xt,w as _e,E as q,dZ as Xe,m as Je,cM as Qe,cc as wt,k1 as ft,k2 as ze,a5 as Ae,cJ as Ye,a1 as fe,id as $t,b_ as vt,c1 as St,k3 as E,f_ as kt,co as Tt,cU as qe,j as p}from"./index-DBW4633P.js";import{a as B,b as Ct}from"./sentry-DINNQYpi.js";import{n as o,c as G}from"./mui-C_CXevf3.js";import{HF as Te,GQ as Ce,Gc as Le,cm as Pt}from"./zeni-epic-state-a7Sj5mjO.js";import{m as ci}from"./BusyIndication-Cd67eHX6-CtvBXiRL.js";import{K as pi,L as mi,_ as ui}from"./StatusSwitcher-BfQ9VbBH-Dgu_WG_g.js";import{L as hi,_ as gi,r as yi,M as jt,S as Bt,i as _t,I as It}from"./common-kiEGPQ33-i2MKa07U.js";import{d as zt}from"./useLongPress-GCK2COYQ-CI59nlOM.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./calculateSize-zPet_z9g-DAbLjY3A.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="f5e4299c-c230-4cf8-8ae1-64134c4ed132",e._sentryDebugIdIdentifier="sentry-dbid-f5e4299c-c230-4cf8-8ae1-64134c4ed132")}catch{}})();const he=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,De={key:"name",value:he.name,sortOrder:"ascending",width:new h(p[5],p[5])},Re={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new h(20,20)},bi={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new h(20,20)},et={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new h(20,20)},tt={key:"status",value:he.status,sortOrder:"ascending",width:new h(18,18)},xi={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new h(18,18)},Ee={key:"amount",value:he.amount,sortOrder:"ascending",width:new h(10,10)},xe=[De,Re,bi,tt,Ee],wi=[De,Re,et,tt,Ee],fi=[De,Re,et,tt,Ee],$i=[De,Re,et,xi,Ee],be={headerLastColumnTopPadding:new h(p[0],p[4]),headerLastColumnRightPadding:new h(p[3],p[11]),headerLastColumnBottomPadding:new h(p[0],p[4]),headerLastColumnLeftPadding:new h(p[0],p[4]),headerHeight:new h(jt,Bt)},vi=Ct.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r}){const s=Ze(),g=Y(),[y,x]=B.useState(Ii(l));B.useEffect(()=>{const a=[...y];for(const n of a)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";x(a)},[r.sortKey,r.sortOrder]);const $=(a,n)=>{let c=n;r.sortKey===a&&(c=n==="ascending"?"descending":"ascending"),d?.(a,c)},w=y.find(a=>a.key===r.sortKey)??y[0],b=y.map(a=>a.key),u=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs;return g==="small"?t.jsxs(lt,{windowSize:g,companyNameSticky:!1,children:[t.jsxs(Ti,{children:[t.jsx(Pi,{children:t.jsx(Ci,{})}),t.jsx(xt,{title:u.sortBy,placeholder:u.sortBy,pickerValues:b,valueToLabel:a=>y.find(n=>n.key===a)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:a=>{$(a,"ascending")},optionTextStyle:_e.smallRegular,titleTextStyle:_e.smallRegular,titleColor:s.colors.primary,selectedOptionColor:s.colors.hero,optionBackgroundColor:s.colors.grey5,downChevronVisible:!1,backgroundColor:s.colors.background})]}),t.jsxs(_i,{onClick:()=>$(w.key,w.sortOrder),"data-testid":q("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:w.value}),t.jsx(nt,{sortDataValue:r.sortKey,headerdata:w,children:t.jsx(rt,{})})]})]}):t.jsx(lt,{companyNameSticky:e,windowSize:g,children:y.map(a=>t.jsxs(Si,{companyNameSticky:e&&a.key==="name",sortDataValue:r.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:g,children:[t.jsxs(Bi,{onClick:()=>$(a.key,a.sortOrder),"data-testid":q("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(nt,{sortDataValue:r.sortKey,headerdata:a,children:t.jsx(rt,{})})]}),t.jsx(ji,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(ki,{onClick:()=>$("dueDate","ascending"),"data-testid":q("bill-pay-list-header-sort-close",r.sortKey)})})]},a.key))})}),lt=o(se)`
+import{T as Vt,c8 as Nt,e as J,jU as Wt,V as t,A as Kt,bR as Ut,bS as Ht,bT as Gt,a9 as Zt,o as i,O as ee,bF as Xt,bN as ot,an as Yt,bV as qt,L as Jt,bo as Y,bd as Qt,ab as ei,x as h,y as Ze,fy as ti,f as q,cp as ii,H as N,l as O,C as se,jV as oi,eH as li,jW as ni,jX as yt,jY as bt,_ as ze,fm as ri,iU as si,jZ as ai,j_ as di,bm as xt,w as Ie,b as Q,g6 as Xe,h as Ye,gU as qe,cc as wt,j$ as ft,k0 as Be,a5 as Ae,gW as Je,a1 as fe,ib as $t,b_ as vt,c1 as St,k1 as E,fT as kt,co as Tt,cR as Qe,m as p}from"./index-BngCC-zG.js";import{a as _,b as Ct}from"./sentry-CHlUi953.js";import{n as o,c as G}from"./mui-DyGc7Pg8.js";import{Hz as Te,GK as Ce,G6 as Le,cm as jt}from"./zeni-epic-state-D8D2Skiq.js";import{m as ci}from"./BusyIndication-9zDqSKBP-WSsX6_uU.js";import{K as pi,L as mi,_ as ui}from"./StatusSwitcher-Bv-ozN6U-BMGDezKv.js";import{L as hi,_ as gi,r as yi,M as Pt,S as _t,i as It,I as zt}from"./common-BpxEACHl-SqfXrkK_.js";import{d as Bt}from"./useLongPress-GCK2COYQ-C-ro8Pxu.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./calculateSize-B2w5JPEU-BqvYgtxt.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="af5c21c0-bed2-4a9b-a2a9-61087c5930cb",e._sentryDebugIdIdentifier="sentry-dbid-af5c21c0-bed2-4a9b-a2a9-61087c5930cb")}catch{}})();const he=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,De={key:"name",value:he.name,sortOrder:"ascending",width:new h(p[5],p[5])},Re={key:"invoiceDate",value:he.invoiceDate,sortOrder:"ascending",width:new h(20,20)},bi={key:"dueDate",value:he.dueDate,sortOrder:"ascending",width:new h(20,20)},et={key:"dueDate",value:he.paymentDate,sortOrder:"ascending",width:new h(20,20)},tt={key:"status",value:he.status,sortOrder:"ascending",width:new h(18,18)},xi={key:"paymentMethod",value:he.paymentMethod,sortOrder:"ascending",width:new h(18,18)},Ee={key:"amount",value:he.amount,sortOrder:"ascending",width:new h(10,10)},xe=[De,Re,bi,tt,Ee],wi=[De,Re,et,tt,Ee],fi=[De,Re,et,tt,Ee],$i=[De,Re,et,xi,Ee],be={headerLastColumnTopPadding:new h(p[0],p[4]),headerLastColumnRightPadding:new h(p[3],p[11]),headerLastColumnBottomPadding:new h(p[0],p[4]),headerLastColumnLeftPadding:new h(p[0],p[4]),headerHeight:new h(Pt,_t)},vi=Ct.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r}){const s=Ze(),g=J(),[y,x]=_.useState(zi(l));_.useEffect(()=>{const a=[...y];for(const n of a)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";x(a)},[r.sortKey,r.sortOrder]);const $=(a,n)=>{let c=n;r.sortKey===a&&(c=n==="ascending"?"descending":"ascending"),d?.(a,c)},w=y.find(a=>a.key===r.sortKey)??y[0],b=y.map(a=>a.key),u=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs;return g==="small"?t.jsxs(lt,{windowSize:g,companyNameSticky:!1,children:[t.jsxs(Ti,{children:[t.jsx(ji,{children:t.jsx(Ci,{})}),t.jsx(xt,{title:u.sortBy,placeholder:u.sortBy,pickerValues:b,valueToLabel:a=>y.find(n=>n.key===a)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:a=>{$(a,"ascending")},optionTextStyle:Ie.smallRegular,titleTextStyle:Ie.smallRegular,titleColor:s.colors.primary,selectedOptionColor:s.colors.hero,optionBackgroundColor:s.colors.grey5,downChevronVisible:!1,backgroundColor:s.colors.background})]}),t.jsxs(Ii,{onClick:()=>$(w.key,w.sortOrder),"data-testid":Q("bill-pay-list-header-mobile",r.sortKey),children:[t.jsx(se,{children:w.value}),t.jsx(nt,{sortDataValue:r.sortKey,headerdata:w,children:t.jsx(rt,{})})]})]}):t.jsx(lt,{companyNameSticky:e,windowSize:g,children:y.map(a=>t.jsxs(Si,{companyNameSticky:e&&a.key==="name",sortDataValue:r.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:g,children:[t.jsxs(_i,{onClick:()=>$(a.key,a.sortOrder),"data-testid":Q("bill-pay-list-header",r.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(nt,{sortDataValue:r.sortKey,headerdata:a,children:t.jsx(rt,{})})]}),t.jsx(Pi,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(ki,{onClick:()=>$("dueDate","ascending"),"data-testid":Q("bill-pay-list-header-sort-close",r.sortKey)})})]},a.key))})}),lt=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -47,29 +47,29 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   width: 12px;
   height: 12px;
   color: inherit;
-`,Pi=o.div`
+`,ji=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,ji=o.div`
+`,Pi=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
-`,Bi=o.div`
+`,_i=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,_i=o.div`
+`,Ii=o.div`
   display: flex;
   cursor: pointer;
   gap: 5px;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ii=e=>{switch(e){case"draft":return fe(xe);case"pending_approval":return fe(wi);case"scheduled":return fe(fi);case"paid":return fe($i)}},we={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],12),containerPaddingBottom:new h(p[2],12),containerMarginLeft:new h(p[4],p[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Ke,space:ve}},collaboration:{commentOnField:zi}}=ee.getLocalizedStrings(),Ai=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:s,isProcessing:g,isAffectedByApprovalRuleUpdate:y=!1,lowBalanceAlert:x,approvers:$,deletionAdditionalInfo:w,paidAdditionalInfo:b,showLowBalanceTooltip:u,onTransactionRowClick:a})=>{const n=g||y,c=Y(),f=Ie(),I=Xe(),C=Je().analytics,m=`dashboard_${f.currentTenant?.companyId}`,{threads:k,isLoading:T}=Qe({application:"dashboard",companyId:f.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),A=B.useMemo(()=>k.filter(W=>W.resolved===!1),[k]),R=B.useCallback(()=>{a(e.id)},[e.id]),v=Pt(e.billPayInfo.billPaymentStatus.code)?ft(e.createdByUser):ze($),P=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle;return t.jsxs(Li,{windowSize:c,statusCode:l?.code??"",isSelected:r,isProcessing:n,children:[t.jsx(Di,{onClick:R,"data-testid":q("bill-pay-transaction-row",e.id),children:t.jsxs(Ri,{children:[t.jsxs(Ei,{windowSize:c,responsiveWidth:xe[0].width,children:[t.jsxs(Fi,{children:[t.jsx(Ni,{windowSize:c,children:P}),e.isRecurring?t.jsx(J,{title:`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Hi,{isProcessing:n,children:t.jsx(Gi,{})})}):null]}),t.jsx(Mi,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(st,{windowSize:c,responsiveWidth:xe[1].width,children:d[1].value}),t.jsx(st,{windowSize:c,responsiveWidth:xe[2].width,children:d[2].value}),t.jsxs(Ui,{windowSize:c,responsiveWidth:xe[3].width,children:[t.jsxs(Ki,{children:[l!==void 0?t.jsx(Vi,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??ne.hyphenText}):t.jsx(Wi,{children:ne.hyphenText}),u===!0&&x!=null&&x.length>0?t.jsx(J,{title:x,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Zi,{})}):null]}),$!==void 0&&v.length>0?v.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${ne.byText}${ve}${v.join(`${ve}${ne.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${ne.byText}${ve}${v[0]}${ne.dots}`})}):t.jsx(Pe,{children:`${ne.byText}${ve}${v[0]}`}):null,w!=null?t.jsx(Pe,{children:w}):null,b!=null?t.jsx(Pe,{children:b}):null]}),t.jsx(Oi,{windowSize:c,responsiveWidth:xe[4].width,children:Ae("0,0[.]00",e.totalAmountInUSD)})]})}),s&&A.length>0?t.jsx(Ye,{isLoading:T,count:A.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:W=>{W.stopPropagation(),I?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:m,companyId:f.currentTenant?.companyId??Ke,companyName:f.currentTenant?.companyName??Ke,entityType:"bill.details",entityId:e.id}),C.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??Ke,f.controllersList.controllers.map(te=>qe(te)),void 0,void 0,zi)}}):null]})},Li=o.div`
+`,zi=e=>{switch(e){case"draft":return fe(xe);case"pending_approval":return fe(wi);case"scheduled":return fe(fi);case"paid":return fe($i)}},we={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],12),containerPaddingBottom:new h(p[2],12),containerMarginLeft:new h(p[4],p[8]),webkitLineClamp:new h(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:Ke,space:ve}},collaboration:{commentOnField:Bi}}=ee.getLocalizedStrings(),Ai=({transactionDetail:e,tagStatus:l,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:s,isProcessing:g,isAffectedByApprovalRuleUpdate:y=!1,lowBalanceAlert:x,approvers:$,deletionAdditionalInfo:w,paidAdditionalInfo:b,showLowBalanceTooltip:u,onTransactionRowClick:a})=>{const n=g||y,c=J(),f=ze(),z=Xe(),C=Ye().analytics,m=`dashboard_${f.currentTenant?.companyId}`,{threads:k,isLoading:T}=qe({application:"dashboard",companyId:f.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),A=_.useMemo(()=>k.filter(W=>W.resolved===!1),[k]),R=_.useCallback(()=>{a(e.id)},[e.id]),v=jt(e.billPayInfo.billPaymentStatus.code)?ft(e.createdByUser):Be($),j=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle;return t.jsxs(Li,{windowSize:c,statusCode:l?.code??"",isSelected:r,isProcessing:n,children:[t.jsx(Di,{onClick:R,"data-testid":Q("bill-pay-transaction-row",e.id),children:t.jsxs(Ri,{children:[t.jsxs(Ei,{windowSize:c,responsiveWidth:xe[0].width,children:[t.jsxs(Fi,{children:[t.jsx(Mi,{windowSize:c,children:j}),e.isRecurring?t.jsx(Y,{title:`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Hi,{isProcessing:n,children:t.jsx(Gi,{})})}):null]}),t.jsx(Vi,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(st,{windowSize:c,responsiveWidth:xe[1].width,children:d[1].value}),t.jsx(st,{windowSize:c,responsiveWidth:xe[2].width,children:d[2].value}),t.jsxs(Ui,{windowSize:c,responsiveWidth:xe[3].width,children:[t.jsxs(Ki,{children:[l!==void 0?t.jsx(Ni,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??ne.hyphenText}):t.jsx(Wi,{children:ne.hyphenText}),u===!0&&x!=null&&x.length>0?t.jsx(Y,{title:x,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Zi,{})}):null]}),$!==void 0&&v.length>0?v.length>1?t.jsx(Y,{style:{padding:"2px 5px"},title:`${ne.byText}${ve}${v.join(`${ve}${ne.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(je,{children:`${ne.byText}${ve}${v[0]}${ne.dots}`})}):t.jsx(je,{children:`${ne.byText}${ve}${v[0]}`}):null,w!=null?t.jsx(je,{children:w}):null,b!=null?t.jsx(je,{children:b}):null]}),t.jsx(Oi,{windowSize:c,responsiveWidth:xe[4].width,children:Ae("0,0[.]00",e.totalAmountInUSD)})]})}),s&&A.length>0?t.jsx(Je,{isLoading:T,count:A.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:W=>{W.stopPropagation(),z?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:m,companyId:f.currentTenant?.companyId??Ke,companyName:f.currentTenant?.companyName??Ke,entityType:"bill.details",entityId:e.id}),C.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??Ke,f.controllersList.controllers.map(te=>Qe(te)),void 0,void 0,Bi)}}):null]})},Li=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -78,7 +78,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   padding-top: ${e=>we.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>we.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -146,7 +146,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   align-items: center;
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Ni=o(O)`
+`,Mi=o(O)`
   flex-grow: 1;
   word-break: break-word;
   display: -webkit-box;
@@ -161,13 +161,13 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,Mi=o.div`
+`,Vi=o.div`
   color: ${e=>e.theme.colors.grey1};
   overflow: hidden;
   text-overflow: ellipsis;
   width: 90%;
   white-space: nowrap;
-`,Vi=o(V)`
+`,Ni=o(N)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -202,7 +202,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,Pe=o(V)`
+`,je=o(N)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
@@ -221,7 +221,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],p[3]),containerPaddingBottom:new h(p[2],p[3]),containerMarginLeft:new h(p[3],p[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:re}},common:{strings:{empty:Ue,space:Se}},collaboration:{commentOnField:Xi}}=ee.getLocalizedStrings(),Ji=({transactionDetail:e,tagStatus:l,isProcessing:d,isAffectedByApprovalRuleUpdate:r=!1,isSelected:s,isBillPayCommentingEnabled:g,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:$,reportTitleAdditionalInfo:w,lowBalanceAlert:b,approvers:u,deletionAdditionalInfo:a,paidAdditionalInfo:n,showLowBalanceTooltip:c,onTransactionRowClick:f})=>{const I=d||r,C=Y(),m=Ie(),k=Xe(),T=Je().analytics,A=`dashboard_${m.currentTenant?.companyId}`,{threads:R,isLoading:v}=Qe({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),P=B.useMemo(()=>R.filter(Z=>Z.resolved===!1),[R]),{getValues:W,setValue:te}=wt(),j=Pt(e.billPayInfo.billPaymentStatus.code)?ft(e.createdByUser):ze(u),ie=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:re.newBillTitle,oe=W(y),U=B.useCallback(()=>{!x&&e.bulkSelectInfo?.isSelectableForBulkAction&&!s&&te(y,[...oe,e.id])},[y,x,s,te,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=B.useCallback(()=>{U()},[U]),Ve=B.useCallback(Z=>{Z.stopPropagation(),Z.cancelable&&Z.preventDefault(),$?U():f(e.id)},[U,$,f,e.id]),ge=zt({onLongPress:de},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Qi,{windowSize:C,statusCode:l?.code??"",isSelected:s,isProcessing:I,children:[t.jsx(Yi,{onClick:Ve,...ge,"data-testid":q("bill-pay-trxn-row-small",e.id),children:t.jsxs(qi,{children:[t.jsxs(so,{children:[t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(io,{windowSize:C,children:ie}),e.isRecurring?t.jsx(J,{title:`${re.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(co,{isProcessing:I,children:t.jsx(po,{})})}):null]}),t.jsx(lo,{children:`${w[0].label} ${w[0].value}`})]}),t.jsx(at,{children:`${w[1].label} ${w[1].value}`}),t.jsx(at,{children:`${w[2].label} ${w[2].value}`})]}),t.jsxs(ao,{children:[t.jsx(oo,{children:Ae("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(ro,{hasAlertIcon:b!=null,children:[t.jsxs(mo,{children:[l!==void 0?t.jsx(no,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??re.hyphenText}):t.jsx(t.Fragment,{children:re.hyphenText}),c===!0&&b!=null&&b.length>0?t.jsx(ho,{onClick:Z=>Z.stopPropagation(),children:t.jsx(J,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(uo,{})})}):null]}),u!==void 0&&j.length>0?j.length>1?t.jsx(J,{title:`${re.byText}${Se}${j.join(`${Se}${re.orText}${Se}`)}`,placement:"bottom-start",children:t.jsx(je,{children:`${re.byText}${Se}${j[0]}${re.dots}`})}):t.jsx(je,{children:`${re.byText}${Se}${j[0]}`}):null,a!=null?t.jsx(je,{children:a}):null,n!=null?t.jsx(je,{children:n}):null]})]})]})}),g&&P.length>0?t.jsx(Ye,{isLoading:v,count:P.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:Z=>{Z.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:A,companyId:m.currentTenant?.companyId??Ue,companyName:m.currentTenant?.companyName??Ue,entityType:"bill.details",entityId:e.id}),T.trackCommentActivity("bill","clicked",m.currentTenant?.companyName??Ue,m.controllersList.controllers.map(ye=>qe(ye)),void 0,void 0,Xi)}}):null]})},Qi=o.div`
+`,ce={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],p[3]),containerPaddingBottom:new h(p[2],p[3]),containerMarginLeft:new h(p[3],p[8]),webkitLineClamp:new h(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:re}},common:{strings:{empty:Ue,space:Se}},collaboration:{commentOnField:Xi}}=ee.getLocalizedStrings(),Yi=({transactionDetail:e,tagStatus:l,isProcessing:d,isAffectedByApprovalRuleUpdate:r=!1,isSelected:s,isBillPayCommentingEnabled:g,bulkSelectFormId:y,isBulkSelectionLimitReached:x,isSelectionMode:$,reportTitleAdditionalInfo:w,lowBalanceAlert:b,approvers:u,deletionAdditionalInfo:a,paidAdditionalInfo:n,showLowBalanceTooltip:c,onTransactionRowClick:f})=>{const z=d||r,C=J(),m=ze(),k=Xe(),T=Ye().analytics,A=`dashboard_${m.currentTenant?.companyId}`,{threads:R,isLoading:v}=qe({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),j=_.useMemo(()=>R.filter(Z=>Z.resolved===!1),[R]),{getValues:W,setValue:te}=wt(),P=jt(e.billPayInfo.billPaymentStatus.code)?ft(e.createdByUser):Be(u),ie=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:re.newBillTitle,oe=W(y),U=_.useCallback(()=>{!x&&e.bulkSelectInfo?.isSelectableForBulkAction&&!s&&te(y,[...oe,e.id])},[y,x,s,te,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=_.useCallback(()=>{U()},[U]),Ne=_.useCallback(Z=>{Z.stopPropagation(),Z.cancelable&&Z.preventDefault(),$?U():f(e.id)},[U,$,f,e.id]),ge=Bt({onLongPress:de},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(qi,{windowSize:C,statusCode:l?.code??"",isSelected:s,isProcessing:z,children:[t.jsx(Ji,{onClick:Ne,...ge,"data-testid":Q("bill-pay-trxn-row-small",e.id),children:t.jsxs(Qi,{children:[t.jsxs(so,{children:[t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(io,{windowSize:C,children:ie}),e.isRecurring?t.jsx(Y,{title:`${re.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(co,{isProcessing:z,children:t.jsx(po,{})})}):null]}),t.jsx(lo,{children:`${w[0].label} ${w[0].value}`})]}),t.jsx(at,{children:`${w[1].label} ${w[1].value}`}),t.jsx(at,{children:`${w[2].label} ${w[2].value}`})]}),t.jsxs(ao,{children:[t.jsx(oo,{children:Ae("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(ro,{hasAlertIcon:b!=null,children:[t.jsxs(mo,{children:[l!==void 0?t.jsx(no,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??re.hyphenText}):t.jsx(t.Fragment,{children:re.hyphenText}),c===!0&&b!=null&&b.length>0?t.jsx(ho,{onClick:Z=>Z.stopPropagation(),children:t.jsx(Y,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(uo,{})})}):null]}),u!==void 0&&P.length>0?P.length>1?t.jsx(Y,{title:`${re.byText}${Se}${P.join(`${Se}${re.orText}${Se}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${re.byText}${Se}${P[0]}${re.dots}`})}):t.jsx(Pe,{children:`${re.byText}${Se}${P[0]}`}):null,a!=null?t.jsx(Pe,{children:a}):null,n!=null?t.jsx(Pe,{children:n}):null]})]})]})}),g&&j.length>0?t.jsx(Je,{isLoading:v,count:j.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:Z=>{Z.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:A,companyId:m.currentTenant?.companyId??Ue,companyName:m.currentTenant?.companyName??Ue,entityType:"bill.details",entityId:e.id}),T.trackCommentActivity("bill","clicked",m.currentTenant?.companyName??Ue,m.controllersList.controllers.map(ye=>Qe(ye)),void 0,void 0,Xi)}}):null]})},qi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -230,7 +230,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   padding-top: ${e=>ce.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>ce.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
   ${e=>e.isProcessing?G`
@@ -274,10 +274,10 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
           `}
   margin-right: ${e=>ce.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>ce.containerMarginLeft.valuePx(e.windowSize)};
-`,Yi=o.div`
+`,Ji=o.div`
   display: block;
   width: 100%;
-`,qi=o.div`
+`,Qi=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -302,14 +302,14 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: ${e=>e.windowSize==="small"?`${It}px`:"initial"};
+  max-width: ${e=>e.windowSize==="small"?`${zt}px`:"initial"};
 `,oo=o(O)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
-`,lo=o(V)`
+`,lo=o(N)`
   color: ${e=>e.theme.colors.grey1};
-`,no=o(V)`
+`,no=o(N)`
   color: ${e=>e.color};
   height: 20px;
   align-items: center;
@@ -322,7 +322,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   display: inline-flex;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,at=o(V)`
+`,at=o(N)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
@@ -334,7 +334,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   flex-direction: column;
   align-items: ${e=>e.hasAlertIcon?"flex-start":"flex-end"};
   justify-content: center;
-`,je=o(V)`
+`,Pe=o(N)`
   color: ${e=>e.theme.colors.grey1};
 `,so=o.div`
   display: flex;
@@ -361,7 +361,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ho=o.div``,ae=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Fe={key:"reportName",value:ae.name,sortOrder:"ascending",width:new h(30,30)},Ne={key:"type",value:ae.type,sortOrder:"ascending",width:new h(20,20)},Oe={key:"status",value:ae.status,sortOrder:"ascending",width:new h(20,20)},Me={key:"amount",value:ae.amount,sortOrder:"ascending",width:new h(10,10)},pe=[Fe,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new h(20,20)},Ne,Oe,Me],go=[Fe,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new h(20,20)},Ne,Oe,Me],yo=[Fe,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new h(20,20)},Ne,Oe,Me],bo=[Fe,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new h(20,20)},Ne,Oe,Me],At={draft:pe,pending_approval:go,scheduled:yo,paid:bo},Be={headerLastColumnTopPadding:new h(p[0],p[4]),headerLastColumnRightPadding:new h(p[3],p[11]),headerLastColumnBottomPadding:new h(p[0],p[4]),headerLastColumnLeftPadding:new h(p[3],p[4])},xo=Ct.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r,analytics:s}){const g=Y(),y=Ze(),[x,$]=B.useState(fe(At[l]));B.useEffect(()=>{const n=[...x];for(const c of n)c.key===r.sortKey?c.sortOrder=r.sortOrder:c.sortOrder="ascending";$(n)},[r.sortKey,r.sortOrder]);const w=(n,c)=>{let f=c;r.sortKey===n&&(f=c==="ascending"?"descending":"ascending"),s?.trackReimbursementListSort(n,f),d?.(n,f)},b=x.find(n=>n.key===r.sortKey)??x[0],u=x.map(n=>n.key),a=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return g==="small"?t.jsxs(dt,{height:jt,windowSize:g,children:[t.jsx(fo,{children:t.jsx($o,{})}),t.jsx(xt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:u,valueToLabel:n=>x.find(c=>c.key===n)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:n=>{w(n,"ascending")},optionTextStyle:_e.smallRegular,titleTextStyle:_e.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(To,{onClick:()=>w(b.key,b.sortOrder),"data-testid":q("remi-list-header-small",r.sortKey),children:[t.jsx(se,{children:b.value}),t.jsx(ct,{sortDataValue:r.sortKey,headerdata:b,children:t.jsx(pt,{})})]})]}):t.jsx(dt,{height:Bt,windowSize:g,children:x.map(n=>t.jsxs(wo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:g,children:[t.jsxs(ko,{onClick:()=>w(n.key,n.sortOrder),"data-testid":q("remi-list-header",r.sortKey),children:[t.jsx(se,{children:n.value}),t.jsx(ct,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(pt,{})})]}),t.jsx(So,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===n.key&&n.key!=="submittedOn",children:t.jsx(vo,{onClick:()=>w("submittedOn","ascending"),"data-testid":q("remi-list-close-sort",r.sortKey)})})]},n.key))})}),dt=o(se)`
+`,ho=o.div``,ae=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Fe={key:"reportName",value:ae.name,sortOrder:"ascending",width:new h(30,30)},Me={key:"type",value:ae.type,sortOrder:"ascending",width:new h(20,20)},Oe={key:"status",value:ae.status,sortOrder:"ascending",width:new h(20,20)},Ve={key:"amount",value:ae.amount,sortOrder:"ascending",width:new h(10,10)},pe=[Fe,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new h(20,20)},Me,Oe,Ve],go=[Fe,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new h(20,20)},Me,Oe,Ve],yo=[Fe,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new h(20,20)},Me,Oe,Ve],bo=[Fe,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new h(20,20)},Me,Oe,Ve],At={draft:pe,pending_approval:go,scheduled:yo,paid:bo},_e={headerLastColumnTopPadding:new h(p[0],p[4]),headerLastColumnRightPadding:new h(p[3],p[11]),headerLastColumnBottomPadding:new h(p[0],p[4]),headerLastColumnLeftPadding:new h(p[3],p[4])},xo=Ct.memo(function({companyNameSticky:e,currentTab:l,onColumnSortConfigChanged:d,sortConfig:r,analytics:s}){const g=J(),y=Ze(),[x,$]=_.useState(fe(At[l]));_.useEffect(()=>{const n=[...x];for(const c of n)c.key===r.sortKey?c.sortOrder=r.sortOrder:c.sortOrder="ascending";$(n)},[r.sortKey,r.sortOrder]);const w=(n,c)=>{let f=c;r.sortKey===n&&(f=c==="ascending"?"descending":"ascending"),s?.trackReimbursementListSort(n,f),d?.(n,f)},b=x.find(n=>n.key===r.sortKey)??x[0],u=x.map(n=>n.key),a=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return g==="small"?t.jsxs(dt,{height:Pt,windowSize:g,children:[t.jsx(fo,{children:t.jsx($o,{})}),t.jsx(xt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:u,valueToLabel:n=>x.find(c=>c.key===n)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:n=>{w(n,"ascending")},optionTextStyle:Ie.smallRegular,titleTextStyle:Ie.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(To,{onClick:()=>w(b.key,b.sortOrder),"data-testid":Q("remi-list-header-small",r.sortKey),children:[t.jsx(se,{children:b.value}),t.jsx(ct,{sortDataValue:r.sortKey,headerdata:b,children:t.jsx(pt,{})})]})]}):t.jsx(dt,{height:_t,windowSize:g,children:x.map(n=>t.jsxs(wo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:g,children:[t.jsxs(ko,{onClick:()=>w(n.key,n.sortOrder),"data-testid":Q("remi-list-header",r.sortKey),children:[t.jsx(se,{children:n.value}),t.jsx(ct,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(pt,{})})]}),t.jsx(So,{sortDataValue:r.sortKey,windowSize:g,isVisible:r.sortKey===n.key&&n.key!=="submittedOn",children:t.jsx(vo,{onClick:()=>w("submittedOn","ascending"),"data-testid":Q("remi-list-close-sort",r.sortKey)})})]},n.key))})}),dt=o(se)`
   width: 100%;
   top: 0;
   left: 0;
@@ -371,7 +371,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${Be.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Be.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Be.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Be.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${_e.headerLastColumnTopPadding.valuePx(e.windowSize)} ${_e.headerLastColumnRightPadding.valuePx(e.windowSize)} ${_e.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${_e.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
 `,wo=o.div`
@@ -429,7 +429,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,ke={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],12),containerPaddingBottom:new h(p[2],12),containerMarginLeft:new h(p[4],p[8])},Lt=ee.getLocalizedStrings(),H=Lt.spendManagement.reimbursement.reimbursementByTabs,{commentOnField:Co}=Lt.collaboration,Po=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:s,date:g,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:$,onTransactionRowClick:w})=>{const b=Y(),u=Ie(),a=B.useRef(null),[n,c]=B.useState(0);B.useLayoutEffect(()=>{a.current&&c(a.current.offsetWidth*_t)},[b]);const f=Je().analytics,I=Xe(),C=`dashboard_${u.currentTenant?.companyId}`,m=e.reimbursementTypesIncluded,k=ze(y),T=ee.getLocalizedStrings().common.strings.empty,{threads:A,isLoading:R}=Qe({application:"dashboard",companyId:u.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),v=B.useMemo(()=>A.filter(P=>P.resolved===!1),[A]);return t.jsxs(jo,{windowSize:b,onClick:()=>{w(e.id)},isProcessing:d,isSelected:r,statusCode:l?.code??T,"data-testid":q("remi-row-click",e.id),children:[t.jsx(Bo,{children:t.jsxs(_o,{children:[t.jsxs(Io,{windowSize:b,responsiveWidth:pe[0].width,ref:a,children:[t.jsx(zo,{windowSize:b,reportNameWidth:n,children:e.reportTitle??H.newReimbursementTitle}),s!=null&&t.jsx(Ao,{children:`${H.byText} ${s?.firstName} ${s?.lastName}`})]}),t.jsx(Do,{windowSize:b,responsiveWidth:pe[1].width,children:g}),m.length>1?t.jsx(mt,{windowSize:b,responsiveWidth:pe[2].width,children:t.jsx(J,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(mt,{windowSize:b,responsiveWidth:pe[2].width,children:H.reimbursementType[m[0]]}),t.jsxs(Eo,{windowSize:b,responsiveWidth:pe[3].width,children:[l!==void 0?t.jsx(Fo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??H.hyphenText}):t.jsx(Ro,{children:H.hyphenText}),y!==void 0&&k.length>0?k.length>1?t.jsx(J,{title:`${H.byText} `+k.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(He,{children:`${H.byText} `+k[0]+`${H.dots}`})}):t.jsx(He,{children:`${H.byText} `+k[0]}):null,x!=null?t.jsx(He,{children:x}):null]}),t.jsx(Lo,{windowSize:b,responsiveWidth:pe[4].width,children:Ae("0,0[.]00",e.amount)})]})}),$&&v.length>0?t.jsx(Ye,{isLoading:R,count:v.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:P=>{P.stopPropagation(),I?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:C,companyId:u.currentTenant?.companyId??T,companyName:u.currentTenant?.companyName??T,entityType:"reimbursement.details",entityId:e.id??T}),f.trackCommentActivity("reimbursement","clicked",u.currentTenant?.companyName??T,u.controllersList.controllers.map(W=>qe(W)),void 0,void 0,Co)}}):null]})},jo=o.div`
+`,ke={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],12),containerPaddingBottom:new h(p[2],12),containerMarginLeft:new h(p[4],p[8])},Lt=ee.getLocalizedStrings(),H=Lt.spendManagement.reimbursement.reimbursementByTabs,{commentOnField:Co}=Lt.collaboration,jo=({reimbursementDetail:e,tagStatus:l,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:s,date:g,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:$,onTransactionRowClick:w})=>{const b=J(),u=ze(),a=_.useRef(null),[n,c]=_.useState(0);_.useLayoutEffect(()=>{a.current&&c(a.current.offsetWidth*It)},[b]);const f=Ye().analytics,z=Xe(),C=`dashboard_${u.currentTenant?.companyId}`,m=e.reimbursementTypesIncluded,k=Be(y),T=ee.getLocalizedStrings().common.strings.empty,{threads:A,isLoading:R}=qe({application:"dashboard",companyId:u.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),v=_.useMemo(()=>A.filter(j=>j.resolved===!1),[A]);return t.jsxs(Po,{windowSize:b,onClick:()=>{w(e.id)},isProcessing:d,isSelected:r,statusCode:l?.code??T,"data-testid":Q("remi-row-click",e.id),children:[t.jsx(_o,{children:t.jsxs(Io,{children:[t.jsxs(zo,{windowSize:b,responsiveWidth:pe[0].width,ref:a,children:[t.jsx(Bo,{windowSize:b,reportNameWidth:n,children:e.reportTitle??H.newReimbursementTitle}),s!=null&&t.jsx(Ao,{children:`${H.byText} ${s?.firstName} ${s?.lastName}`})]}),t.jsx(Do,{windowSize:b,responsiveWidth:pe[1].width,children:g}),m.length>1?t.jsx(mt,{windowSize:b,responsiveWidth:pe[2].width,children:t.jsx(Y,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(mt,{windowSize:b,responsiveWidth:pe[2].width,children:H.reimbursementType[m[0]]}),t.jsxs(Eo,{windowSize:b,responsiveWidth:pe[3].width,children:[l!==void 0?t.jsx(Fo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??H.hyphenText}):t.jsx(Ro,{children:H.hyphenText}),y!==void 0&&k.length>0?k.length>1?t.jsx(Y,{title:`${H.byText} `+k.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(He,{children:`${H.byText} `+k[0]+`${H.dots}`})}):t.jsx(He,{children:`${H.byText} `+k[0]}):null,x!=null?t.jsx(He,{children:x}):null]}),t.jsx(Lo,{windowSize:b,responsiveWidth:pe[4].width,children:Ae("0,0[.]00",e.amount)})]})}),$&&v.length>0?t.jsx(Je,{isLoading:R,count:v.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:j=>{j.stopPropagation(),z?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:C,companyId:u.currentTenant?.companyId??T,companyName:u.currentTenant?.companyName??T,entityType:"reimbursement.details",entityId:e.id??T}),f.trackCommentActivity("reimbursement","clicked",u.currentTenant?.companyName??T,u.controllersList.controllers.map(W=>Qe(W)),void 0,void 0,Co)}}):null]})},Po=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -438,7 +438,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   padding-top: ${e=>ke.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>ke.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -484,27 +484,27 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
 
   margin-right: ${e=>ke.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${i.sp0};
-`,Bo=o.div`
+`,_o=o.div`
   display: flex;
   width: 100%;
-`,_o=o.div`
+`,Io=o.div`
   display: flex;
   width: 100%;
   height: 42px;
-`,Io=o.div`
+`,zo=o.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   column-gap: 12px;
   align-items: flex-start;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,zo=o(O)`
+`,Bo=o(O)`
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: ${e=>e.reportNameWidth!=null&&e.reportNameWidth>0?`${e.reportNameWidth}px`:100*_t+"%"};
+  width: ${e=>e.reportNameWidth!=null&&e.reportNameWidth>0?`${e.reportNameWidth}px`:100*It+"%"};
 `,Ao=o(se)`
   color: ${e=>e.theme.colors.grey1};
 `,Lo=o(O)`
@@ -535,11 +535,11 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,He=o(V)`
+`,He=o(N)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
-`,Fo=o(V)`
+`,Fo=o(N)`
   display: flex;
   color: ${e=>e.color};
   align-items: center;
@@ -547,7 +547,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,me={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],p[3]),containerPaddingBottom:new h(p[2],p[3]),containerMarginLeft:new h(p[3],p[8]),webkitLineClamp:new h(2,2,1,1,1)},M=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,No=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:r,isSelected:s,bulkSelectFormId:g,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:$,date:w,approvers:b,deletionAdditionalInfo:u,onTransactionRowClick:a})=>{const n=Y(),{getValues:c,setValue:f}=wt(),I=e.reimbursementTypesIncluded,C=ze(b),m=fe(At[d]),k=c(g),T=B.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!s&&f(g,[...k,e.id])},[g,y,s,f,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,k]),A=B.useCallback(()=>{T()},[T]),R=B.useCallback(P=>{P.stopPropagation(),P.cancelable&&P.preventDefault(),x?T():a(e.id)},[T,x,a,e.id]),v=zt({onLongPress:A},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Oo,{windowSize:n,statusCode:l?.code??"",isProcessing:r,isSelected:s,children:t.jsx(Mo,{onClick:R,...v,"data-testid":q("remi-row-click-mobile",e.id),children:t.jsxs(Vo,{children:[t.jsxs(Wo,{children:[t.jsxs(Uo,{children:[t.jsx(Ho,{windowSize:n,children:e.reportTitle??M.newReimbursementTitle}),$!=null&&t.jsx(Go,{children:`${M.byText} ${$?.firstName} ${$?.lastName}`})]}),t.jsxs(Xo,{children:[m[1].value+": ",w]}),I.length>1?t.jsx(J,{title:M.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ut,{children:[M.reimbursementType.type+": ",M.reimbursementType.titleForBoth]})}):t.jsxs(ut,{children:[M.reimbursementType.type+": ",M.reimbursementType[I[0]]]})]}),t.jsxs(Ko,{children:[t.jsx(Zo,{children:Ae("0,0[.]00",e.amount)}),t.jsxs(Jo,{children:[l!==void 0?t.jsx(Qo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??M.hyphenText}):t.jsx(t.Fragment,{children:M.hyphenText}),b!==void 0&&C.length>0?C.length>1?t.jsx(J,{title:`${M.byText} `+C.join(` ${M.orText} `),placement:"bottom-start",children:t.jsx(Ge,{style:{marginLeft:"auto"},children:`${M.byText} `+C[0]+`${M.dots}`})}):t.jsx(Ge,{style:{marginLeft:"auto"},children:`${M.byText} `+C[0]}):null,u!=null?t.jsx(Ge,{children:u}):null]})]})]})})})},Oo=o.div`
+`,me={containerPaddingLeft:new h(p[3],p[4]),containerPaddingRight:new h(p[3],p[4]),containerPaddingTop:new h(p[2],p[3]),containerPaddingBottom:new h(p[2],p[3]),containerMarginLeft:new h(p[3],p[8]),webkitLineClamp:new h(2,2,1,1,1)},V=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Mo=({reimbursementDetail:e,tagStatus:l,currentTab:d,isProcessing:r,isSelected:s,bulkSelectFormId:g,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:$,date:w,approvers:b,deletionAdditionalInfo:u,onTransactionRowClick:a})=>{const n=J(),{getValues:c,setValue:f}=wt(),z=e.reimbursementTypesIncluded,C=Be(b),m=fe(At[d]),k=c(g),T=_.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!s&&f(g,[...k,e.id])},[g,y,s,f,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,k]),A=_.useCallback(()=>{T()},[T]),R=_.useCallback(j=>{j.stopPropagation(),j.cancelable&&j.preventDefault(),x?T():a(e.id)},[T,x,a,e.id]),v=Bt({onLongPress:A},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Oo,{windowSize:n,statusCode:l?.code??"",isProcessing:r,isSelected:s,children:t.jsx(Vo,{onClick:R,...v,"data-testid":Q("remi-row-click-mobile",e.id),children:t.jsxs(No,{children:[t.jsxs(Wo,{children:[t.jsxs(Uo,{children:[t.jsx(Ho,{windowSize:n,children:e.reportTitle??V.newReimbursementTitle}),$!=null&&t.jsx(Go,{children:`${V.byText} ${$?.firstName} ${$?.lastName}`})]}),t.jsxs(Xo,{children:[m[1].value+": ",w]}),z.length>1?t.jsx(Y,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ut,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(ut,{children:[V.reimbursementType.type+": ",V.reimbursementType[z[0]]]})]}),t.jsxs(Ko,{children:[t.jsx(Zo,{children:Ae("0,0[.]00",e.amount)}),t.jsxs(Yo,{children:[l!==void 0?t.jsx(qo,{className:"statusTag",color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,children:l.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),b!==void 0&&C.length>0?C.length>1?t.jsx(Y,{title:`${V.byText} `+C.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(Ge,{style:{marginLeft:"auto"},children:`${V.byText} `+C[0]+`${V.dots}`})}):t.jsx(Ge,{style:{marginLeft:"auto"},children:`${V.byText} `+C[0]}):null,u!=null?t.jsx(Ge,{children:u}):null]})]})]})})})},Oo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -556,7 +556,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   padding-top: ${e=>me.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>me.containerPaddingBottom.valuePx(e.windowSize)};
   border: ${e=>` 1px solid ${e.isProcessing?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${Q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Q.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
   ${e=>e.isProcessing?G`
@@ -601,10 +601,10 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
 
   margin-right: ${e=>me.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>me.containerMarginLeft.valuePx(e.windowSize)};
-`,Mo=o.div`
+`,Vo=o.div`
   display: flex;
   width: 100%;
-`,Vo=o.div`
+`,No=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -629,31 +629,31 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: ${e=>e.windowSize==="small"?`${It}px`:"initial"};
-`,Go=o(V)`
+  max-width: ${e=>e.windowSize==="small"?`${zt}px`:"initial"};
+`,Go=o(N)`
   color: ${e=>e.theme.colors.grey1};
 `,Zo=o(O)`
   display: flex;
   margin-left: auto;
   color: ${e=>e.theme.colors.hero};
-`,Xo=o(V)`
+`,Xo=o(N)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,ut=o(V)`
+`,ut=o(N)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Jo=o.div`
+`,Yo=o.div`
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-`,Ge=o(V)`
+`,Ge=o(N)`
   color: ${e=>e.theme.colors.grey1};
-`,Qo=o(V)`
+`,qo=o(N)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -663,7 +663,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Yo={lastListItemHeight:new h(200,158)},S=ee.getLocalizedStrings(),{common:{texts:{maxLimit:qo}},spendManagement:{billPay:Dt,reimbursement:el}}=S,K=Dt.bulkActions,N=el.bulkActions,F=S.common.strings.empty,ue="bulkSelectIds",tl=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:s,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:w,searchText:b,isAdmin:u,entity:a,uiState:n,bulkSubmissionLimit:c,isBulkActionAllowed:f,transactionsSelectedForBulkAction:I,isDetectInsufficientFundsEnabled:C,fetchState:m,analytics:k,onTransactionRowClick:T,onReloadTransactions:A,onColumnSortConfigChanged:R})=>{const v=Y(),P=j=>{const ie=a==="bill_pay"?e[j].vendor?.name??e[j].candidateVendorName??F:e[j].reportTitle??F;return yi(ie,v)},W=B.useRef(null);B.useEffect(()=>{W.current?.resetAfterIndex(0)},[v,W,d,r]);const te=B.forwardRef((j,ie)=>{const{children:oe,style:U,...de}=j;return t.jsx(Tl,{ref:ie,style:{...U,width:"auto"},...de,children:t.jsx(kl,{children:oe})})});return te.displayName=S.spendManagement.billPay.billsByTabs.headerElementDisplayName,Xt({componentName:`${mi(a)}.${ui(d,a)}`,enabled:m==="Completed"}),t.jsx(gl,{children:m==="Error"?t.jsxs(xl,{children:[t.jsx(wl,{onClick:A,children:t.jsx(fl,{})}),t.jsx($l,{children:S.peoplePage.reloadPage.label})]}):m==="Completed"&&e.length===0&&b!=F?t.jsx(ot,{message:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataWithFilterText:S.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):m==="Completed"&&e.length===0?t.jsx(ot,{message:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataText:S.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataTextViaMail:S.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:a==="bill_pay"?void 0:S.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:l}):m==="Not-Started"||m==="In-Progress"?t.jsx(ci,{fetchState:m,styles:{margin:"auto"}}):t.jsx(vl,{windowSize:v,children:t.jsx(Jt,{children:({height:j,width:ie})=>t.jsx(Qt,{ref:W,height:j,itemCount:a==="bill_pay"||a==="reimbursement"?1:e.length,innerElementType:te,itemSize:P,estimatedItemSize:gi,itemKey:oe=>e[oe].id,width:ie,overscanCount:hi,itemData:{entity:a,isBulkActionAllowed:f,isShowDeletedBillsEnabled:s,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:w,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:I,bulkSubmissionLimit:c,uiState:n,analytics:k,isDetectInsufficientFundsEnabled:C,onTransactionRowClick:T,onColumnSortConfigChanged:R},initialScrollOffset:0,children:il})})})})},Ql=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:r,selectedTab:s,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:b,selectedSubTab:u,searchText:a,entity:n,uiState:c,bulkSubmissionLimit:f,isBulkActionAllowed:I,isRecurringBillInBulkActionList:C,transactionsSelectedForBulkAction:m,allowedBulkActions:k,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:A,onTransactionRowClick:R,onSubtabChange:v,fetchState:P,onReloadTransactions:W,onColumnSortConfigChanged:te,analytics:j,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:U})=>{const de=Mt({defaultValues:{bulkSelectIds:m},values:{bulkSelectIds:m}});B.useEffect(()=>{const z=de.watch((L,{name:_})=>{_!=null&&L!=null&&Vt(()=>Ve(_,L))});return()=>{z.unsubscribe()}});const Ve=async(z,L)=>{if(z===ue){let _=[];if(L[ue].includes(S.common.all.toLowerCase())){if(s==="scheduled"&&m.length===0){_=[];for(const D of e)if(D.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&_.push(D.id),_.length===f)break}else _=L[ue].filter(D=>D!==S.common.all.toLowerCase());if(n==="bill_pay"){const D=e.filter($e=>_.includes($e.id)),le=Te(D);j?.trackBillPayBulkSelectAll(s,u,le)}else{const D=e.filter($e=>_.includes($e.id)),le=Ce(D.map($e=>$e.reimbursementTypesIncluded));j?.trackReimbursementBulkSelectAll(s,u,le)}}else _=L[ue];ie?.(_)}},ge=Y(),[Z,ye]=B.useState(!1),[X,We]=B.useState({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F});B.useEffect(()=>{const z=Wt(s,u,n);P==="Completed"&&z!=null&&j?.trackPageLoaded(z,n==="bill_pay"?"Bills":"Reimbursements")},[j,s,u,n,P]);const Et=B.useCallback(()=>{const{title:z,description:L}=ul(n,m.length,s,C);if(We({type:"delete",title:z,description:L,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),n==="bill_pay"){const _=e.filter(le=>m.includes(le.id)),D=Te(_);j?.trackBillPayBulkDeleted(m.length,s,u,D)}else{const _=e.filter(le=>m.includes(le.id)),D=Ce(_.map(le=>le.reimbursementTypesIncluded));j?.trackReimbursementBulkDeleted(m.length,s,u,D)}ye(!0)},[n,j,C,u,s,e,m]),Ft=B.useCallback(()=>{const{title:z,description:L}=ml(n,m.length);We({type:"cancel",title:z,description:L,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),ye(!0)},[n,m.length]),Nt={onOkClick:z=>{if(ye(!1),n==="bill_pay"){const L=e.filter(D=>m.includes(D.id)),_=Te(L);j?.trackBillPayBulkPopupConfirm(X.type,s,u,_)}else{const L=e.filter(D=>m.includes(D.id)),_=Ce(L.map(D=>D.reimbursementTypesIncluded));j?.trackReimbursementBulkPopupConfirm(X.type,s,u,_)}X.type==="delete"?U?.("delete",z):U?.("cancel",z)},onCancelClick:()=>{oe?.(),ye(!1),We({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F})}},Ot=B.useCallback(()=>{if(n==="bill_pay"){const z=e.filter(_=>m.includes(_.id)),L=Te(z);j?.trackBillPayBulkSelection(m.length,s,u,L)}else{const z=e.filter(_=>m.includes(_.id)),L=Ce(z.map(_=>_.reimbursementTypesIncluded));j?.trackReimbursementBulkSelection(m.length,s,u,L)}k.includes("send_for_approval")?U?.("send_for_approval"):U?.(A?"approve":"review")},[n,k,e,j,m,s,u,U,A]),it=k.filter(z=>z!=="delete").length>0;return t.jsxs(bl,{children:[t.jsx(pi,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:n,enablePerformanceTracking:!1,onTabSelectedChange:z=>{v(z)},isSwitcherLeftAlign:!0}),t.jsx(Kt,{...de,children:t.jsxs(yl,{onSubmit:de.handleSubmit(()=>{k.includes("cancel")?Ft():Ot()}),children:[t.jsx(tl,{botEmail:l,selectedTab:s,selectedSubTab:u,searchText:a,transactionList:e,fetchState:P,onReloadTransactions:W,onTransactionRowClick:R,entity:n,uiState:c,isAdmin:r,onColumnSortConfigChanged:te,analytics:j,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:f,isBulkActionAllowed:I,transactionsSelectedForBulkAction:m,isDetectInsufficientFundsEnabled:A}),Z?t.jsx(Ut,{titleComponent:t.jsx(Gt,{children:X.title}),descriptionComponent:t.jsx(Ht,{children:X.description}),primaryButtonText:X.primaryButtonText,proceedButtonVariant:X.type==="delete"?"danger":"primary",secondaryButtonText:X.secondaryButtonText,action:Nt,isNotesIncluded:s!=="draft",isEditPopup:!0}):null,m.length>0?t.jsx(Zt,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&it?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:it,primaryBtn:{label:dl(n,k,m.length),isLoading:X.type!=="delete"&&T==="In-Progress",isDisabled:X.type==="delete"&&T==="In-Progress",type:"submit",style:cl(k)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:pl(k,ge)},leftSideComponent:sl(m.length,f,n,ge),rightSideComponent:k.includes("delete")?al(m.length,X.type==="delete"&&T==="In-Progress",Et,ge):null}):null]})})]})},il=({style:e,data:l})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:s,isAdmin:g,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:$,billPayApprovalRulesAffectedEntityIds:w,remiApprovalRulesAffectedEntityIds:b,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:a,bulkSubmissionLimit:n,selectedTab:c,uiState:f,analytics:I,isDetectInsufficientFundsEnabled:C,onTransactionRowClick:m,onColumnSortConfigChanged:k}=l,T=Y(),A=Ze(),R=y?s.length>0?"always_on":"checked_or_hover":"off";return t.jsx(Sl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ti,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:T==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:nl(T),labelCheckBoxStyle:{marginLeft:T==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:A.colors.grey4},infoIconContainerStyle:rl(T),name:ue,mode:R,selectionLimit:n,checkBoxes:d==="bill_pay"?[{label:t.jsx(vi,{companyNameSticky:!1,currentTab:c,onColumnSortConfigChanged:k,sortConfig:{sortKey:f.sortKey,sortOrder:f.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(v=>{const P=w?.includes(v.id)??!1;return{label:t.jsx(ol,{transactionDetail:v,selectedTab:c,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:m,billsSelectedForBulkAction:s,bulkSelectFormId:ue,bulkSelectLimit:n,isSelectionMode:R==="always_on",isDetectInsufficientFundsEnabled:C,billPayApprovalRulesAffectedEntityIds:w}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1||P,exceptionMode:hl(v,s),exceptionInfo:P?S.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",S.spendManagement.billPay.bulkActions.bill):ht(d,v),exceptionType:P?"info":gt(v)}})]:[{label:t.jsx(xo,{companyNameSticky:!1,currentTab:c,onColumnSortConfigChanged:k,analytics:I,sortConfig:{sortKey:f.sortKey,sortOrder:f.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(v=>{const P=b?.includes(v.id)??!1;return{label:t.jsx(ll,{transactionDetail:v,isShowDeletedReimbursementEnabled:$,isReimbursementCommentingEnabled:a,selectedTab:c,isAdmin:g,onTransactionRowClick:m,remisSelectedForBulkAction:s,bulkSelectFormId:ue,bulkSelectLimit:n,isSelectionMode:R==="always_on",isAffectedByApprovalRuleUpdate:P}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1||P,exceptionMode:"checked_or_hover",exceptionInfo:P?S.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",S.spendManagement.reimbursement.reimbursementDetail.reimbursement):ht(d,v),exceptionType:P?"info":gt(v)}})]})})},ol=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:s,bulkSelectLimit:g,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:w,billPayApprovalRulesAffectedEntityIds:b})=>{const u=Y()==="small"?Ji:Ai,a=oi(e,l),{bulkProcessingDetail:n}=e,c=Le(n?.type),f=b?.includes(e.id)??!1,I=$&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?li(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,C=ni(e.billPayInfo,l,d,e.isDeleted,e.dueDate),m=I!=null&&C?.code!=="failed"&&C?.code!=="processing"&&C?.code!=="cancelled"&&C?.code!=="returned"&&C?.code!=="rejected"&&C?.code!=="paid";return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:a,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:r.includes(e.id),isProcessing:c,isAffectedByApprovalRuleUpdate:f,isBulkSelectionLimitReached:r.length===g,isSelectionMode:x,bulkSelectFormId:s,tagStatus:C,approvers:e.isDeleted===!0?void 0:bt(e,l),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?yt(e,l):void 0,onTransactionRowClick:c||f?()=>null:w,paidAdditionalInfo:l!=="paid"||e.isDeleted?void 0:(()=>{const k=e.billPayInfo.outsideZeniTransactionPaymentMode;if(k==null||k==="other")return;const T=Dt.billDetails.paymentOutsideZeni.paymentModeOptions.find(A=>A.value===k)?.label;return`${S.common.via} ${T}`})(),lowBalanceAlert:I,showLowBalanceTooltip:m})})},ll=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:s,remisSelectedForBulkAction:g,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:$,onTransactionRowClick:w,isAffectedByApprovalRuleUpdate:b=!1})=>{const u=Y()==="small"?No:Po,a=Ie(),n=ri(a),c=si(d,e.submittedBy,n),{bulkProcessingDetail:f}=e,I=Le(f?.type)||b;return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:c,reimbursementDetail:e,isReimbursementCommentingEnabled:s,isSelected:g.includes(e.id),isProcessing:I,isBulkSelectionLimitReached:g.length===x,isSelectionMode:$,bulkSelectFormId:y,currentTab:l,date:di(e,l),approvers:e.isDeleted===!0?void 0:bt(e,l),tagStatus:ai(e,l,r),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?yt(e,l):void 0,onTransactionRowClick:I?()=>null:w})})},nl=e=>{let l={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(l={...l,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),l},rl=e=>{let l={zIndex:1,marginBottom:i.sp2};return e==="small"&&(l={...l,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),l},sl=(e,l,d,r)=>{const s=d==="bill_pay"?K.bill:N.report,g=(e>1?s+"s":s)+K.selected;return e>0?t.jsxs(Bl,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(_l,{multiDigit:e>=10,children:e}),t.jsx(Il,{children:g}),e===l?t.jsx(zl,{children:qo}):null]}):null},al=(e,l,d,r)=>e>0?t.jsx(Cl,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Pl,{isLoading:l,windowSize:r,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(Yt,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:S.common.delete,placement:"top",children:t.jsx(jl,{})})})}):null,ht=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=l,s=Le(d?.type),g=d?.type==="error";let y;if(s)y=d?.inProgressMessage;else if(g)y=d.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=S.spendManagement.billPay.bulkActions;y=x[r.bulkSelectExceptionInfo]}else{const{exceptions:x}=S.spendManagement.reimbursement.bulkActions;y=x[r.bulkSelectExceptionInfo]}return y},dl=(e,l,d)=>{const{billPay:r}=S.spendManagement;return l.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",d>1?N.reports:N.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",d>1?r.bulkActions.bills:r.bulkActions.bill):l.includes("send_for_approval")?r.billDetails.sendForApproval:S.common.review},cl=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},pl=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},ml=(e,l)=>{const{this_:d,these:r,payment:s,payments:g,bills:y,bill:x,reports:$,report:w,they:b,it:u}=S.common.texts;return l>1?e==="bill_pay"?{title:K.popUps.cancel.title.replace("<_bill_>",S.drawerMenus.bills),description:K.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",y).replace("<_it_>",b).replace("<_payment_>",g)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",r).replace("__report__",$).replace("<_it_>",b).replace("<_payment_>",g)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",d).replace("__report__",w).replace("<_it_>",u).replace("<_payment_>",s)}:{title:K.popUps.cancel.title.replace("<_bill_>",K.bill),description:K.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",u).replace("<_payment_>",s)}},ul=(e,l,d,r)=>{const{this_:s,these:g,payment:y,payments:x,bills:$,bill:w,report:b,reports:u,they:a,it:n}=S.common.texts,c=l>1;let f=F;f=e==="bill_pay"?K.popUps.delete.title.replace("<_bill_>",c?K.bills:K.bill):N.popUps.delete.title.replace("__report__",c?N.reports:N.report);let I=F;return I=d==="draft"?e==="bill_pay"?K.popUps.delete.descriptionDraft.replace("<_this_>",c?g:s).replace("<_bill_>",c?$:w):N.popUps.delete.descriptionDraft.replace("<_this_>",c?g:s).replace("__report__",c?u:b):r?K.popUps.delete.descriptionRecurring.replace("<_payment_>",c?y:x):e==="bill_pay"?K.popUps.delete.descriptionOther.replace("<_this_>",c?g:s).replace("<_bill_>",c?$:w).replace("<_it_>",c?a:n).replace("<_payment_>",c?x:y):N.popUps.delete.descriptionOther.replace("<_this_>",c?g:s).replace("__report__",c?u:b).replace("<_it_>",c?a:n).replace("<_payment_>",c?x:y),{title:f,description:I}},hl=(e,l)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return l.length!==0||d==null||d!=="bookCloseDateProcessing"&&d!=="noActionRecurring"?"checked_or_hover":"hover_only"},gt=e=>Le(e.bulkProcessingDetail?.type)?"info":"alert",gl=o.div`
+`,Jo={lastListItemHeight:new h(200,158)},S=ee.getLocalizedStrings(),{common:{texts:{maxLimit:Qo}},spendManagement:{billPay:Dt,reimbursement:el}}=S,K=Dt.bulkActions,M=el.bulkActions,F=S.common.strings.empty,ue="bulkSelectIds",tl=({transactionList:e,botEmail:l,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:s,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:w,searchText:b,isAdmin:u,entity:a,uiState:n,bulkSubmissionLimit:c,isBulkActionAllowed:f,transactionsSelectedForBulkAction:z,isDetectInsufficientFundsEnabled:C,fetchState:m,analytics:k,onTransactionRowClick:T,onReloadTransactions:A,onColumnSortConfigChanged:R})=>{const v=J(),j=P=>{const ie=a==="bill_pay"?e[P].vendor?.name??e[P].candidateVendorName??F:e[P].reportTitle??F;return yi(ie,v)},W=_.useRef(null);_.useEffect(()=>{W.current?.resetAfterIndex(0)},[v,W,d,r]);const te=_.forwardRef((P,ie)=>{const{children:oe,style:U,...de}=P;return t.jsx(Tl,{ref:ie,style:{...U,width:"auto"},...de,children:t.jsx(kl,{children:oe})})});return te.displayName=S.spendManagement.billPay.billsByTabs.headerElementDisplayName,Xt({componentName:`${mi(a)}.${ui(d,a)}`,enabled:m==="Completed"}),t.jsx(gl,{children:m==="Error"?t.jsxs(xl,{children:[t.jsx(wl,{onClick:A,children:t.jsx(fl,{})}),t.jsx($l,{children:S.peoplePage.reloadPage.label})]}):m==="Completed"&&e.length===0&&b!=F?t.jsx(ot,{message:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataWithFilterText:S.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):m==="Completed"&&e.length===0?t.jsx(ot,{message:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataText:S.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:a==="bill_pay"?S.spendManagement.billPay.billsByTabs.noDataTextViaMail:S.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:a==="bill_pay"?void 0:S.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:l}):m==="Not-Started"||m==="In-Progress"?t.jsx(ci,{fetchState:m,styles:{margin:"auto"}}):t.jsx(vl,{windowSize:v,children:t.jsx(Yt,{children:({height:P,width:ie})=>t.jsx(qt,{ref:W,height:P,itemCount:a==="bill_pay"||a==="reimbursement"?1:e.length,innerElementType:te,itemSize:j,estimatedItemSize:gi,itemKey:oe=>e[oe].id,width:ie,overscanCount:hi,itemData:{entity:a,isBulkActionAllowed:f,isShowDeletedBillsEnabled:s,isShowDeletedReimbursementEnabled:g,billPayApprovalRulesAffectedEntityIds:y,remiApprovalRulesAffectedEntityIds:x,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:w,transactionList:e,isAdmin:u,selectedTab:d,transactionsSelectedForBulkAction:z,bulkSubmissionLimit:c,uiState:n,analytics:k,isDetectInsufficientFundsEnabled:C,onTransactionRowClick:T,onColumnSortConfigChanged:R},initialScrollOffset:0,children:il})})})})},ql=({transactionList:e,botEmail:l,allSubTabs:d,isAdmin:r,selectedTab:s,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:b,selectedSubTab:u,searchText:a,entity:n,uiState:c,bulkSubmissionLimit:f,isBulkActionAllowed:z,isRecurringBillInBulkActionList:C,transactionsSelectedForBulkAction:m,allowedBulkActions:k,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:A,onTransactionRowClick:R,onSubtabChange:v,fetchState:j,onReloadTransactions:W,onColumnSortConfigChanged:te,analytics:P,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:U})=>{const de=Vt({defaultValues:{bulkSelectIds:m},values:{bulkSelectIds:m}});_.useEffect(()=>{const B=de.watch((L,{name:I})=>{I!=null&&L!=null&&Nt(()=>Ne(I,L))});return()=>{B.unsubscribe()}});const Ne=async(B,L)=>{if(B===ue){let I=[];if(L[ue].includes(S.common.all.toLowerCase())){if(s==="scheduled"&&m.length===0){I=[];for(const D of e)if(D.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&I.push(D.id),I.length===f)break}else I=L[ue].filter(D=>D!==S.common.all.toLowerCase());if(n==="bill_pay"){const D=e.filter($e=>I.includes($e.id)),le=Te(D);P?.trackBillPayBulkSelectAll(s,u,le)}else{const D=e.filter($e=>I.includes($e.id)),le=Ce(D.map($e=>$e.reimbursementTypesIncluded));P?.trackReimbursementBulkSelectAll(s,u,le)}}else I=L[ue];ie?.(I)}},ge=J(),[Z,ye]=_.useState(!1),[X,We]=_.useState({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F});_.useEffect(()=>{const B=Wt(s,u,n);j==="Completed"&&B!=null&&P?.trackPageLoaded(B,n==="bill_pay"?"Bills":"Reimbursements")},[P,s,u,n,j]);const Et=_.useCallback(()=>{const{title:B,description:L}=ul(n,m.length,s,C);if(We({type:"delete",title:B,description:L,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),n==="bill_pay"){const I=e.filter(le=>m.includes(le.id)),D=Te(I);P?.trackBillPayBulkDeleted(m.length,s,u,D)}else{const I=e.filter(le=>m.includes(le.id)),D=Ce(I.map(le=>le.reimbursementTypesIncluded));P?.trackReimbursementBulkDeleted(m.length,s,u,D)}ye(!0)},[n,P,C,u,s,e,m]),Ft=_.useCallback(()=>{const{title:B,description:L}=ml(n,m.length);We({type:"cancel",title:B,description:L,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),ye(!0)},[n,m.length]),Mt={onOkClick:B=>{if(ye(!1),n==="bill_pay"){const L=e.filter(D=>m.includes(D.id)),I=Te(L);P?.trackBillPayBulkPopupConfirm(X.type,s,u,I)}else{const L=e.filter(D=>m.includes(D.id)),I=Ce(L.map(D=>D.reimbursementTypesIncluded));P?.trackReimbursementBulkPopupConfirm(X.type,s,u,I)}X.type==="delete"?U?.("delete",B):U?.("cancel",B)},onCancelClick:()=>{oe?.(),ye(!1),We({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F})}},Ot=_.useCallback(()=>{if(n==="bill_pay"){const B=e.filter(I=>m.includes(I.id)),L=Te(B);P?.trackBillPayBulkSelection(m.length,s,u,L)}else{const B=e.filter(I=>m.includes(I.id)),L=Ce(B.map(I=>I.reimbursementTypesIncluded));P?.trackReimbursementBulkSelection(m.length,s,u,L)}k.includes("send_for_approval")?U?.("send_for_approval"):U?.(A?"approve":"review")},[n,k,e,P,m,s,u,U,A]),it=k.filter(B=>B!=="delete").length>0;return t.jsxs(bl,{children:[t.jsx(pi,{tabIds:d,selectedTab:u,hasSubTabs:d.length>0,entity:n,enablePerformanceTracking:!1,onTabSelectedChange:B=>{v(B)},isSwitcherLeftAlign:!0}),t.jsx(Kt,{...de,children:t.jsxs(yl,{onSubmit:de.handleSubmit(()=>{k.includes("cancel")?Ft():Ot()}),children:[t.jsx(tl,{botEmail:l,selectedTab:s,selectedSubTab:u,searchText:a,transactionList:e,fetchState:j,onReloadTransactions:W,onTransactionRowClick:R,entity:n,uiState:c,isAdmin:r,onColumnSortConfigChanged:te,analytics:P,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:y,billPayApprovalRulesAffectedEntityIds:x,remiApprovalRulesAffectedEntityIds:$,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:b,bulkSubmissionLimit:f,isBulkActionAllowed:z,transactionsSelectedForBulkAction:m,isDetectInsufficientFundsEnabled:A}),Z?t.jsx(Ut,{titleComponent:t.jsx(Gt,{children:X.title}),descriptionComponent:t.jsx(Ht,{children:X.description}),primaryButtonText:X.primaryButtonText,proceedButtonVariant:X.type==="delete"?"danger":"primary",secondaryButtonText:X.secondaryButtonText,action:Mt,isNotesIncluded:s!=="draft",isEditPopup:!0}):null,m.length>0?t.jsx(Zt,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&it?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:it,primaryBtn:{label:dl(n,k,m.length),isLoading:X.type!=="delete"&&T==="In-Progress",isDisabled:X.type==="delete"&&T==="In-Progress",type:"submit",style:cl(k)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:pl(k,ge)},leftSideComponent:sl(m.length,f,n,ge),rightSideComponent:k.includes("delete")?al(m.length,X.type==="delete"&&T==="In-Progress",Et,ge):null}):null]})})]})},il=({style:e,data:l})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:s,isAdmin:g,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:$,billPayApprovalRulesAffectedEntityIds:w,remiApprovalRulesAffectedEntityIds:b,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:a,bulkSubmissionLimit:n,selectedTab:c,uiState:f,analytics:z,isDetectInsufficientFundsEnabled:C,onTransactionRowClick:m,onColumnSortConfigChanged:k}=l,T=J(),A=Ze(),R=y?s.length>0?"always_on":"checked_or_hover":"off";return t.jsx(Sl,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(ti,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:T==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:nl(T),labelCheckBoxStyle:{marginLeft:T==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:A.colors.grey4},infoIconContainerStyle:rl(T),name:ue,mode:R,selectionLimit:n,checkBoxes:d==="bill_pay"?[{label:t.jsx(vi,{companyNameSticky:!1,currentTab:c,onColumnSortConfigChanged:k,sortConfig:{sortKey:f.sortKey,sortOrder:f.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(v=>{const j=w?.includes(v.id)??!1;return{label:t.jsx(ol,{transactionDetail:v,selectedTab:c,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:m,billsSelectedForBulkAction:s,bulkSelectFormId:ue,bulkSelectLimit:n,isSelectionMode:R==="always_on",isDetectInsufficientFundsEnabled:C,billPayApprovalRulesAffectedEntityIds:w}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1||j,exceptionMode:hl(v,s),exceptionInfo:j?S.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",S.spendManagement.billPay.bulkActions.bill):ht(d,v),exceptionType:j?"info":gt(v)}})]:[{label:t.jsx(xo,{companyNameSticky:!1,currentTab:c,onColumnSortConfigChanged:k,analytics:z,sortConfig:{sortKey:f.sortKey,sortOrder:f.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:S.common.all.toLowerCase(),isException:!1},...r.map(v=>{const j=b?.includes(v.id)??!1;return{label:t.jsx(ll,{transactionDetail:v,isShowDeletedReimbursementEnabled:$,isReimbursementCommentingEnabled:a,selectedTab:c,isAdmin:g,onTransactionRowClick:m,remisSelectedForBulkAction:s,bulkSelectFormId:ue,bulkSelectLimit:n,isSelectionMode:R==="always_on",isAffectedByApprovalRuleUpdate:j}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1||j,exceptionMode:"checked_or_hover",exceptionInfo:j?S.commonSetUp.approval.updatingWithApprovalRulesTooltip.replace("__entity__",S.spendManagement.reimbursement.reimbursementDetail.reimbursement):ht(d,v),exceptionType:j?"info":gt(v)}})]})})},ol=({transactionDetail:e,selectedTab:l,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:s,bulkSelectLimit:g,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:w,billPayApprovalRulesAffectedEntityIds:b})=>{const u=J()==="small"?Yi:Ai,a=oi(e,l),{bulkProcessingDetail:n}=e,c=Le(n?.type),f=b?.includes(e.id)??!1,z=$&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?li(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,C=ni(e.billPayInfo,l,d,e.isDeleted,e.dueDate),m=z!=null&&C?.code!=="failed"&&C?.code!=="processing"&&C?.code!=="cancelled"&&C?.code!=="returned"&&C?.code!=="rejected"&&C?.code!=="paid";return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:a,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:r.includes(e.id),isProcessing:c,isAffectedByApprovalRuleUpdate:f,isBulkSelectionLimitReached:r.length===g,isSelectionMode:x,bulkSelectFormId:s,tagStatus:C,approvers:e.isDeleted===!0?void 0:bt(e,l),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?yt(e,l):void 0,onTransactionRowClick:c||f?()=>null:w,paidAdditionalInfo:l!=="paid"||e.isDeleted?void 0:(()=>{const k=e.billPayInfo.outsideZeniTransactionPaymentMode;if(k==null||k==="other")return;const T=Dt.billDetails.paymentOutsideZeni.paymentModeOptions.find(A=>A.value===k)?.label;return`${S.common.via} ${T}`})(),lowBalanceAlert:z,showLowBalanceTooltip:m})})},ll=({transactionDetail:e,selectedTab:l,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:s,remisSelectedForBulkAction:g,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:$,onTransactionRowClick:w,isAffectedByApprovalRuleUpdate:b=!1})=>{const u=J()==="small"?Mo:jo,a=ze(),n=ri(a),c=si(d,e.submittedBy,n),{bulkProcessingDetail:f}=e,z=Le(f?.type)||b;return t.jsx(Rt,{children:t.jsx(u,{reportTitleAdditionalInfo:c,reimbursementDetail:e,isReimbursementCommentingEnabled:s,isSelected:g.includes(e.id),isProcessing:z,isBulkSelectionLimitReached:g.length===x,isSelectionMode:$,bulkSelectFormId:y,currentTab:l,date:di(e,l),approvers:e.isDeleted===!0?void 0:bt(e,l),tagStatus:ai(e,l,r),deletionAdditionalInfo:e.isDeleted===!0&&l!=="draft"?yt(e,l):void 0,onTransactionRowClick:z?()=>null:w})})},nl=e=>{let l={zIndex:1,marginBottom:i.sp3,backgroundColor:"inherit"};return e==="small"&&(l={...l,position:"absolute",left:i.sp1,width:i.sp4,height:i.sp4}),l},rl=e=>{let l={zIndex:1,marginBottom:i.sp2};return e==="small"&&(l={...l,position:"absolute",left:i.sp2,marginBottom:i.sp1,width:i.sp4,height:i.sp4}),l},sl=(e,l,d,r)=>{const s=d==="bill_pay"?K.bill:M.report,g=(e>1?s+"s":s)+K.selected;return e>0?t.jsxs(_l,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Il,{multiDigit:e>=10,children:e}),t.jsx(zl,{children:g}),e===l?t.jsx(Bl,{children:Qo}):null]}):null},al=(e,l,d,r)=>e>0?t.jsx(Cl,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(jl,{isLoading:l,windowSize:r,className:"delete-icon-wrapper",onClick:l?()=>null:d,children:l?t.jsx(Jt,{size:"Small",start:!0}):t.jsx(Y,{enterDelay:600,title:S.common.delete,placement:"top",children:t.jsx(Pl,{})})})}):null,ht=(e,l)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=l,s=Le(d?.type),g=d?.type==="error";let y;if(s)y=d?.inProgressMessage;else if(g)y=d.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=S.spendManagement.billPay.bulkActions;y=x[r.bulkSelectExceptionInfo]}else{const{exceptions:x}=S.spendManagement.reimbursement.bulkActions;y=x[r.bulkSelectExceptionInfo]}return y},dl=(e,l,d)=>{const{billPay:r}=S.spendManagement;return l.includes("cancel")?e==="reimbursement"?M.popUps.cancel.title.replace("__report__",d>1?M.reports:M.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",d>1?r.bulkActions.bills:r.bulkActions.bill):l.includes("send_for_approval")?r.billDetails.sendForApproval:S.common.review},cl=e=>{let l;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(l={minWidth:"92px"}),l},pl=(e,l)=>{let d;return l!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},ml=(e,l)=>{const{this_:d,these:r,payment:s,payments:g,bills:y,bill:x,reports:$,report:w,they:b,it:u}=S.common.texts;return l>1?e==="bill_pay"?{title:K.popUps.cancel.title.replace("<_bill_>",S.drawerMenus.bills),description:K.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",y).replace("<_it_>",b).replace("<_payment_>",g)}:{title:M.popUps.cancel.title.replace("__report__",M.reports),description:M.popUps.cancel.description.replace("<_this_>",r).replace("__report__",$).replace("<_it_>",b).replace("<_payment_>",g)}:e==="reimbursement"?{title:M.popUps.cancel.title.replace("__report__",M.report),description:M.popUps.cancel.description.replace("<_this_>",d).replace("__report__",w).replace("<_it_>",u).replace("<_payment_>",s)}:{title:K.popUps.cancel.title.replace("<_bill_>",K.bill),description:K.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",u).replace("<_payment_>",s)}},ul=(e,l,d,r)=>{const{this_:s,these:g,payment:y,payments:x,bills:$,bill:w,report:b,reports:u,they:a,it:n}=S.common.texts,c=l>1;let f=F;f=e==="bill_pay"?K.popUps.delete.title.replace("<_bill_>",c?K.bills:K.bill):M.popUps.delete.title.replace("__report__",c?M.reports:M.report);let z=F;return z=d==="draft"?e==="bill_pay"?K.popUps.delete.descriptionDraft.replace("<_this_>",c?g:s).replace("<_bill_>",c?$:w):M.popUps.delete.descriptionDraft.replace("<_this_>",c?g:s).replace("__report__",c?u:b):r?K.popUps.delete.descriptionRecurring.replace("<_payment_>",c?y:x):e==="bill_pay"?K.popUps.delete.descriptionOther.replace("<_this_>",c?g:s).replace("<_bill_>",c?$:w).replace("<_it_>",c?a:n).replace("<_payment_>",c?x:y):M.popUps.delete.descriptionOther.replace("<_this_>",c?g:s).replace("__report__",c?u:b).replace("<_it_>",c?a:n).replace("<_payment_>",c?x:y),{title:f,description:z}},hl=(e,l)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return l.length!==0||d==null||d!=="bookCloseDateProcessing"&&d!=="noActionRecurring"?"checked_or_hover":"hover_only"},gt=e=>Le(e.bulkProcessingDetail?.type)?"info":"alert",gl=o.div`
   display: block;
   height: 100%;
 `,yl=o.form`
@@ -687,7 +687,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,fl=o(qt)`
+`,fl=o(Qt)`
   height: ${i.sp5};
   width: ${i.sp5};
   color: ${e=>e.theme.colors.grey1};
@@ -702,7 +702,7 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   height: calc(100vh - 243px);
   max-width: 99.9%;
   .spend-management-list-item:last-of-type {
-    height: ${e=>Yo.lastListItemHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>Jo.lastListItemHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${i.sp9};
   }
 `,Sl=o.div`
@@ -720,25 +720,25 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
 `,Cl=o.div`
   display: flex;
   justify-content: flex-end;
-`,Pl=o.div`
+`,jl=o.div`
   margin-right: ${i.sp8};
   cursor: ${e=>e.isLoading?"initial":"pointer"};
-  color: ${e=>e.windowSize==="small"?Q.important:e.theme.colors.grey1};
-`,jl=o(ii)`
+  color: ${e=>e.windowSize==="small"?q.important:e.theme.colors.grey1};
+`,Pl=o(ii)`
   width: ${i.sp4};
   height: ${i.sp4};
   cursor: pointer;
   color: inherit;
   &:hover {
-    color: ${Q.important};
+    color: ${q.important};
   }
-`,Bl=o.div`
+`,_l=o.div`
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: ${i.sp2};
   margin-left: ${i.sp8};
-`,_l=o(V)`
+`,Il=o(N)`
   height: 18px;
   width: ${e=>e.multiDigit?"auto":"18px"};
   padding: ${i.sp0} 6px;
@@ -747,8 +747,8 @@ import{P as Mt,c8 as Vt,X as Y,jW as Wt,V as t,M as Kt,bR as Ut,bS as Ht,bT as G
   display: flex;
   justify-content: center;
   align-items: center;
-`,Il=o(O)`
+`,zl=o(O)`
   color: ${e=>e.theme.colors.primary};
-`,zl=o(se)`
-  color: ${Q.important};
-`;export{Ql as default};
+`,Bl=o(se)`
+  color: ${q.important};
+`;export{ql as default};