@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/{SpendManagementPerTabPage-HzCmGr0--xZeoOzCY.js → SpendManagementPerTabPage-Vs1Eoxgd-DGhcXeqs.js}

@@ -1,4 +1,4 @@
-import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as Jt,co as Yt,aO as ei,o as i,ca as ti,cj as rt,g1 as ii,b1 as oi,cq as ni,iK as li,iL as ri,m as si,bQ as Y,e as Le,bL as ai,aQ as di,y as p,g2 as ci,kR as pi,p as q,cV as mi,al as W,ak as F,ag as se,bB as ui,bO as ft,b as ze,aK as ee,aH as ye,iT as $t,iU as vt,kS as hi,f5 as gi,kT as bi,kU as St,kV as kt,k0 as xi,kW as yi,kX as wi,d as c,iS as Tt,cv as Ct,cy as Pt,av as Xe,gC as Je,a7 as Ye,ge as et,cO as jt,kY as _t,kZ as De,aL as Ie,k_ as tt,k$ as Bt,l0 as E,l1 as zt,gq as Lt,cT as Dt,dr as it}from"./index-Dm9r1f6s.js";import{a as C,S as It}from"./core-B-FNbYlu.js";import{n as o,b as X}from"./mui-DLNyBjYF.js";import{Gb as ke,FT as Te,Fn as Ae,bq as At}from"./zeni-epic-state-HWtMOH-U.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-BPKr5BUW-iZy1SY4R.js";import{d as Rt}from"./useLongPress-GCK2COYQ-BC43nxgO.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";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],Ci=[Re,Ee,ot,nt,Fe],Pi=[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:d,sortConfig:r}){const a=Le(),m=Q(),[b,x]=C.useState(Ei(n));C.useEffect(()=>{const l=[...b];for(const s of l)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";x(l)},[r.sortKey,r.sortOrder]);const w=(l,s)=>{let v=s;r.sortKey===l&&(v=s==="ascending"?"descending":"ascending"),d?.(l,v)},$=b.find(l=>l.key===r.sortKey)??b[0],y=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(Di,{children:t.jsx(Li,{})}),t.jsx(ft,{title:u.sortBy,placeholder:u.sortBy,pickerValues:h,valueToLabel:y,selectedValue:r.sortKey,onPickerSelectionChanged:l=>{w(l,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.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(Ii,{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=It.memo(ji),st=o(se)`
+import{a8 as Gt,cB as Zt,F as te,q as Z,kR as Ht,V as t,ab as Qt,cm as Xt,cn as Jt,co as Yt,aO as ei,o as i,ca as ti,cj as rt,g1 as ii,b1 as oi,cq as ni,iL as li,iM as ri,m as si,bQ as Y,d as Le,bL as ai,aQ as di,y as p,g2 as ci,kS as pi,p as G,cV as mi,al as W,ak as F,ag as se,bB as ui,bO as ft,b as ze,aK as ee,aH as xe,iU as $t,iV as vt,kT as hi,f5 as gi,kU as bi,kV as St,kW as kt,k1 as yi,kX as xi,kY as wi,c,iT as Tt,cv as Ct,cy as Pt,av as Xe,gD as Je,a7 as Ye,ge as et,cO as jt,kZ as _t,k_ as De,aL as Ie,k$ as tt,l0 as Bt,l1 as E,l2 as zt,gq as Lt,cT as Dt,dr as it}from"./index-DJLrbf0F.js";import{a as C,S as It}from"./core-CA3j8Axi.js";import{n as o,b as X}from"./mui-DpJXlk4t.js";import{Gq as ke,G6 as Te,FC as Ae,bq as At}from"./zeni-epic-state-CQt4n3Xe.js";import{K as fi,L as $i,_ as vi}from"./StatusSwitcher-7fiKLb5g-cQtYU__8.js";import{d as Rt}from"./useLongPress-GCK2COYQ-Ch-mrcwO.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.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]="cd211668-cf73-4f62-a3f1-5cc16fd3b4a2",e._sentryDebugIdIdentifier="sentry-dbid-cd211668-cf73-4f62-a3f1-5cc16fd3b4a2")}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],Ci=[Re,Ee,ot,nt,Fe],Pi=[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=Z(),[b,y]=C.useState(Ei(n));C.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(Di,{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(Ii,{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=It.memo(ji),st=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,16 +69,16 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ei=e=>{switch(e){case"draft":return ye(be);case"pending_approval":return ye(Ti);case"scheduled":return ye(Ci);case"paid":return ye(Pi)}},xe={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:qe,space:fe}}}=te.getLocalizedStrings(),Fi=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:d,isSelected:r,isBillPayCommentingEnabled:a,isProcessing:m,lowBalanceAlert:b,approvers:x,deletionAdditionalInfo:w,paidAdditionalInfo:$,showLowBalanceTooltip:y,onTransactionRowClick:h})=>{const u=Q(),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),P=C.useMemo(()=>B.filter(N=>N.resolved===!1),[B]),T=N=>{N.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:f,companyId:l.currentTenant?.companyId??qe,companyName:l.currentTenant?.companyName??qe,entityType:"bill.details",entityId:e.id}),v.trackCommentActivity("bill","clicked",l.currentTenant?.companyName??qe,l.controllersList.controllers.map(R=>it(R)),void 0,void 0,"comment on field")},k=C.useCallback(()=>{h(e.id)},[e.id]),L=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):De(x),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(Oi,{onClick:k,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ni,{children:[t.jsxs(Vi,{windowSize:u,responsiveWidth:be[0].width,children:[t.jsxs(Ki,{children:[t.jsx(Wi,{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(Gi,{children:`${d[0].label} ${d[0].value}`})]}),t.jsx(ct,{windowSize:u,responsiveWidth:be[1].width,children:d[1].value}),t.jsx(ct,{windowSize:u,responsiveWidth:be[2].width,children:d[2].value}),t.jsxs(Hi,{windowSize:u,responsiveWidth:be[3].width,children:[t.jsxs(Zi,{children:[n!==void 0?t.jsx(qi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(Qi,{children:le.hyphenText}),y===!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]}),x!==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(Ce,{children:`${le.byText}${fe}${L[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${fe}${L[0]}`}):null,w!=null?t.jsx(Ce,{children:w}):null,$!=null?t.jsx(Ce,{children:$}):null]}),t.jsx(Ui,{windowSize:u,responsiveWidth:be[4].width,children:Ie("0,0[.]00",e.totalAmountInUSD)})]})}),a&&P.length>0?t.jsx(tt,{isLoading:g,count:P.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(Ci);case"paid":return xe(Pi)}},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=Z(),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),P=C.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=C.useCallback(()=>{h(e.id)},[e.id]),L=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):De(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(Ki,{children:[t.jsx(Wi,{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(Hi,{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(Zi,{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(Ce,{children:`${le.byText}${fe}${L[0]}${le.dots}`})}):t.jsx(Ce,{children:`${le.byText}${fe}${L[0]}`}):null,w!=null?t.jsx(Ce,{children:w}):null,$!=null?t.jsx(Ce,{children:$}):null]}),t.jsx(Ui,{windowSize:u,responsiveWidth:be[4].width,children:Ie("0,0[.]00",e.totalAmountInUSD)})]})}),d&&P.length>0?t.jsx(tt,{isLoading:g,count:P.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};
-  padding-left: ${e=>xe.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>xe.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>xe.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>xe.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>ye.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>ye.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>ye.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>ye.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"?`${G.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${G.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -121,14 +121,14 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
               }
             }
           `}
-  margin-right: ${e=>xe.containerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>ye.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${i.sp0};
   box-sizing: border-box;
   align-items: center;
-`,Oi=o.div`
+`,Ni=o.div`
   display: block;
   width: 100%;
-`,Ni=o.div`
+`,Oi=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -150,7 +150,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   flex-grow: 1;
   word-break: break-word;
   display: -webkit-box;
-  -webkit-line-clamp: ${e=>xe.webkitLineClamp.value(e.windowSize)};
+  -webkit-line-clamp: ${e=>ye.webkitLineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -161,13 +161,13 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,Gi=o.div`
+`,qi=o.div`
   color: ${e=>e.theme.colors.grey1};
   overflow: hidden;
   text-overflow: ellipsis;
   width: 90%;
   white-space: nowrap;
-`,qi=o(W)`
+`,Gi=o(W)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -181,18 +181,18 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   display: inline-block;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,Qi=o(F)``,ct=o(F)`
+`,Zi=o(F)``,ct=o(F)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Zi=o.div`
+`,Hi=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${i.sp2};
-`,Hi=o.div`
+`,Qi=o.div`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
@@ -221,7 +221,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn 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:Qe,space:$e}}}=te.getLocalizedStrings(),eo=({transactionDetail:e,tagStatus:n,isProcessing:d,isSelected:r,isBillPayCommentingEnabled:a,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:w,lowBalanceAlert:$,approvers:y,deletionAdditionalInfo:h,paidAdditionalInfo:u,showLowBalanceTooltip:l,onTransactionRowClick:s})=>{const v=Q(),f=Xe(),B=Je(),g=Ye().analytics,P=`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=C.useMemo(()=>T.filter(V=>V.resolved===!1),[T]),U=V=>{V.stopPropagation(),B?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:P,companyId:f.currentTenant?.companyId??Qe,companyName:f.currentTenant?.companyName??Qe,entityType:"bill.details",entityId:e.id}),g.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??Qe,f.controllersList.controllers.map(Ue=>it(Ue)),void 0,void 0,"comment on field")},{getValues:A,setValue:N}=jt(),R=At(e.billPayInfo.billPaymentStatus.code)?_t(e.createdByUser):De(y),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=C.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!r&&N(m,[...oe,e.id])},[m,b,r,N,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=C.useCallback(()=>{Z()},[Z]),Ke=C.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),x?Z():s(e.id)},[Z,x,s,e.id]),We=Rt({onLongPress:de},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(to,{windowSize:v,statusCode:n?.code??"",isSelected:r,isProcessing:d,children:[t.jsx(io,{onClick:Ke,...We,"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:d,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:Ie("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(yo,{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(xo,{})})}):null]}),y!==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(Pe,{children:`${re.byText}${$e}${R[0]}${re.dots}`})}):t.jsx(Pe,{children:`${re.byText}${$e}${R[0]}`}):null,h!=null?t.jsx(Pe,{children:h}):null,u!=null?t.jsx(Pe,{children:u}):null]})]})]})}),a&&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:Ze,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=Z(),f=Xe(),B=Je(),g=Ye().analytics,P=`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=C.useMemo(()=>T.filter(V=>V.resolved===!1),[T]),U=V=>{V.stopPropagation(),B?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:P,companyId:f.currentTenant?.companyId??Ze,companyName:f.currentTenant?.companyName??Ze,entityType:"bill.details",entityId:e.id}),g.trackCommentActivity("bill","clicked",f.currentTenant?.companyName??Ze,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):De(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),H=C.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!r&&O(m,[...oe,e.id])},[m,b,r,O,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,oe]),de=C.useCallback(()=>{H()},[H]),Ke=C.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),y?H():s(e.id)},[H,y,s,e.id]),We=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:Ke,...We,"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:Ie("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(Pe,{children:`${re.byText}${$e}${R[0]}${re.dots}`})}):t.jsx(Pe,{children:`${re.byText}${$e}${R[0]}`}):null,h!=null?t.jsx(Pe,{children:h}):null,u!=null?t.jsx(Pe,{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};
@@ -230,7 +230,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   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"?`${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?X`
@@ -354,14 +354,14 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   display: flex;
   flex-direction: row;
   gap: ${i.sp2};
-`,xo=o(Dt)`
+`,yo=o(Dt)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,yo=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Me={key:"reportName",value:ae.name,sortOrder:"ascending",width:new p(30,30)},Oe={key:"type",value:ae.type,sortOrder:"ascending",width:new p(20,20)},Ne={key:"status",value:ae.status,sortOrder:"ascending",width:new p(20,20)},Ve={key:"amount",value:ae.amount,sortOrder:"ascending",width:new p(10,10)},pe=[Me,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new p(20,20)},Oe,Ne,Ve],wo=[Me,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new p(20,20)},Oe,Ne,Ve],fo=[Me,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new p(20,20)},Oe,Ne,Ve],$o=[Me,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new p(20,20)},Oe,Ne,Ve],Ft={draft:pe,pending_approval:wo,scheduled:fo,paid:$o},je={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[3],c[4])};function vo({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:d,sortConfig:r,analytics:a}){const m=Q(),b=Le(),[x,w]=C.useState(ye(Ft[n]));C.useEffect(()=>{const s=[...x];for(const v of s)v.key===r.sortKey?v.sortOrder=r.sortOrder:v.sortOrder="ascending";w(s)},[r.sortKey,r.sortOrder]);const $=(s,v)=>{let f=v;r.sortKey===s&&(f=v==="ascending"?"descending":"ascending"),a?.trackReimbursementListSort(s,f),d?.(s,f)},y=x.find(s=>s.key===r.sortKey)??x[0],h=s=>x.find(v=>v.key===s)?.value??"",u=x.map(s=>s.key),l=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return m==="small"?t.jsxs(mt,{height:$t,windowSize:m,children:[t.jsx(ko,{children:t.jsx(To,{})}),t.jsx(ft,{title:l.sortBy,placeholder:l.sortBy,pickerValues:u,valueToLabel:h,selectedValue:r.sortKey,onPickerSelectionChanged:s=>{$(s,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:b.colors.primary,selectedOptionColor:b.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(_o,{onClick:()=>$(y.key,y.sortOrder),"data-testid":ee("remi-list-header-small",r.sortKey),children:[t.jsx(se,{children:y.value}),t.jsx(ut,{sortDataValue:r.sortKey,headerdata:y,children:t.jsx(ht,{})})]})]}):t.jsx(mt,{height:vt,windowSize:m,children:x.map(s=>t.jsxs(So,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:m,children:[t.jsxs(jo,{onClick:()=>$(s.key,s.sortOrder),"data-testid":ee("remi-list-header",r.sortKey),children:[t.jsx(se,{children:s.value}),t.jsx(ut,{sortDataValue:r.sortKey,headerdata:s,children:t.jsx(ht,{})})]}),t.jsx(Po,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(Co,{onClick:()=>$("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",r.sortKey)})})]},s.key))})}const Mt=It.memo(vo),mt=o(se)`
+`,xo=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Me={key:"reportName",value:ae.name,sortOrder:"ascending",width:new p(30,30)},Ne={key:"type",value:ae.type,sortOrder:"ascending",width:new p(20,20)},Oe={key:"status",value:ae.status,sortOrder:"ascending",width:new p(20,20)},Ve={key:"amount",value:ae.amount,sortOrder:"ascending",width:new p(10,10)},pe=[Me,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new p(20,20)},Ne,Oe,Ve],wo=[Me,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new p(20,20)},Ne,Oe,Ve],fo=[Me,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new p(20,20)},Ne,Oe,Ve],$o=[Me,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new p(20,20)},Ne,Oe,Ve],Ft={draft:pe,pending_approval:wo,scheduled:fo,paid:$o},je={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[3],c[4])};function vo({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:a,sortConfig:r,analytics:d}){const m=Z(),b=Le(),[y,w]=C.useState(xe(Ft[n]));C.useEffect(()=>{const s=[...y];for(const v of s)v.key===r.sortKey?v.sortOrder=r.sortOrder:v.sortOrder="ascending";w(s)},[r.sortKey,r.sortOrder]);const $=(s,v)=>{let f=v;r.sortKey===s&&(f=v==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,f),a?.(s,f)},x=y.find(s=>s.key===r.sortKey)??y[0],h=s=>y.find(v=>v.key===s)?.value??"",u=y.map(s=>s.key),l=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return m==="small"?t.jsxs(mt,{height:$t,windowSize:m,children:[t.jsx(ko,{children:t.jsx(To,{})}),t.jsx(ft,{title:l.sortBy,placeholder:l.sortBy,pickerValues:u,valueToLabel:h,selectedValue:r.sortKey,onPickerSelectionChanged:s=>{$(s,"ascending")},optionTextStyle:ze.smallRegular,titleTextStyle:ze.smallRegular,titleColor:b.colors.primary,selectedOptionColor:b.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(_o,{onClick:()=>$(x.key,x.sortOrder),"data-testid":ee("remi-list-header-small",r.sortKey),children:[t.jsx(se,{children:x.value}),t.jsx(ut,{sortDataValue:r.sortKey,headerdata:x,children:t.jsx(ht,{})})]})]}):t.jsx(mt,{height:vt,windowSize:m,children:y.map(s=>t.jsxs(So,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:m,children:[t.jsxs(jo,{onClick:()=>$(s.key,s.sortOrder),"data-testid":ee("remi-list-header",r.sortKey),children:[t.jsx(se,{children:s.value}),t.jsx(ut,{sortDataValue:r.sortKey,headerdata:s,children:t.jsx(ht,{})})]}),t.jsx(Po,{sortDataValue:r.sortKey,windowSize:m,isVisible:r.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(Co,{onClick:()=>$("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",r.sortKey)})})]},s.key))})}const Mt=It.memo(vo),mt=o(se)`
   width: 100%;
   top: 0;
   left: 0;
@@ -429,7 +429,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn 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])},H=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Bo=({reimbursementDetail:e,tagStatus:n,isProcessing:d,isSelected:r,reportTitleAdditionalInfo:a,date:m,approvers:b,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:w,onTransactionRowClick:$})=>{const y=Q(),h=Xe(),u=C.useRef(null),[l,s]=C.useState(0);C.useLayoutEffect(()=>{u.current&&s(u.current.offsetWidth*Bt)},[y]);const v=Ye().analytics,f=Je(),B=`dashboard_${h.currentTenant?.companyId}`,g=()=>{$(e.id)},P=e.reimbursementTypesIncluded,T=De(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=C.useMemo(()=>L.filter(R=>R.resolved===!1),[L]),N=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:y,onClick:g,isProcessing:d,isSelected:r,statusCode:n?.code??k,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(Lo,{children:t.jsxs(Do,{children:[t.jsxs(Io,{windowSize:y,responsiveWidth:pe[0].width,ref:u,children:[t.jsx(Ao,{windowSize:y,reportNameWidth:l,children:e.reportTitle??H.newReimbursementTitle}),a!=null&&t.jsx(Ro,{children:`${H.byText} ${a?.firstName} ${a?.lastName}`})]}),t.jsx(Fo,{windowSize:y,responsiveWidth:pe[1].width,children:m}),P.length>1?t.jsx(gt,{windowSize:y,responsiveWidth:pe[2].width,children:t.jsx(Y,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(gt,{windowSize:y,responsiveWidth:pe[2].width,children:H.reimbursementType[P[0]]}),t.jsxs(Oo,{windowSize:y,responsiveWidth:pe[3].width,children:[n!==void 0?t.jsx(No,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(Mo,{children:H.hyphenText}),b!==void 0&&T.length>0?T.length>1?t.jsx(Y,{title:`${H.byText} `+T.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ze,{children:`${H.byText} `+T[0]+`${H.dots}`})}):t.jsx(Ze,{children:`${H.byText} `+T[0]}):null,x!=null?t.jsx(Ze,{children:x}):null]}),t.jsx(Eo,{windowSize:y,responsiveWidth:pe[4].width,children:Ie("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:N}):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=Z(),h=Xe(),u=C.useRef(null),[l,s]=C.useState(0);C.useLayoutEffect(()=>{u.current&&s(u.current.offsetWidth*Bt)},[x]);const v=Ye().analytics,f=Je(),B=`dashboard_${h.currentTenant?.companyId}`,g=()=>{$(e.id)},P=e.reimbursementTypesIncluded,T=De(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=C.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(Do,{children:[t.jsxs(Io,{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}),P.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[P[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(He,{children:`${Q.byText} `+T[0]+`${Q.dots}`})}):t.jsx(He,{children:`${Q.byText} `+T[0]}):null,y!=null?t.jsx(He,{children:y}):null]}),t.jsx(Eo,{windowSize:x,responsiveWidth:pe[4].width,children:Ie("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};
@@ -438,7 +438,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   padding-top: ${e=>ve.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>ve.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"?`${G.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${G.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
@@ -525,7 +525,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Oo=o(F)`
+`,No=o(F)`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
@@ -535,11 +535,11 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,Ze=o(W)`
+`,He=o(W)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
-`,No=o(W)`
+`,Oo=o(W)`
   display: flex;
   color: ${e=>e.color};
   align-items: center;
@@ -547,7 +547,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn 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)},K=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Vo=({reimbursementDetail:e,tagStatus:n,currentTab:d,isProcessing:r,isSelected:a,bulkSelectFormId:m,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:w,date:$,approvers:y,deletionAdditionalInfo:h,onTransactionRowClick:u})=>{const l=Q(),{getValues:s,setValue:v}=jt(),f=e.reimbursementTypesIncluded,B=De(y),g=ye(Ft[d]),P=s(m),T=C.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!a&&v(m,[...P,e.id])},[m,b,a,v,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,P]),k=C.useCallback(()=>{T()},[T]),L=C.useCallback(A=>{A.stopPropagation(),A.cancelable&&A.preventDefault(),x?T():u(e.id)},[T,x,u,e.id]),U=Rt({onLongPress:k},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Ko,{windowSize:l,statusCode:n?.code??"",isProcessing:r,isSelected:a,children:t.jsx(Wo,{onClick:L,...U,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Uo,{children:[t.jsxs(Go,{children:[t.jsxs(Qo,{children:[t.jsx(Zo,{windowSize:l,children:e.reportTitle??K.newReimbursementTitle}),w!=null&&t.jsx(Ho,{children:`${K.byText} ${w?.firstName} ${w?.lastName}`})]}),t.jsxs(Jo,{children:[g[1].value+": ",$]}),f.length>1?t.jsx(Y,{title:K.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(bt,{children:[K.reimbursementType.type+": ",K.reimbursementType.titleForBoth]})}):t.jsxs(bt,{children:[K.reimbursementType.type+": ",K.reimbursementType[f[0]]]})]}),t.jsxs(qo,{children:[t.jsx(Xo,{children:Ie("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??K.hyphenText}):t.jsx(t.Fragment,{children:K.hyphenText}),y!==void 0&&B.length>0?B.length>1?t.jsx(Y,{title:`${K.byText} `+B.join(` ${K.orText} `),placement:"bottom-start",children:t.jsx(He,{style:{marginLeft:"auto"},children:`${K.byText} `+B[0]+`${K.dots}`})}):t.jsx(He,{style:{marginLeft:"auto"},children:`${K.byText} `+B[0]}):null,h!=null?t.jsx(He,{children:h}):null]})]})]})})})},Ko=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)},K=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=Z(),{getValues:s,setValue:v}=jt(),f=e.reimbursementTypesIncluded,B=De(x),g=xe(Ft[a]),P=s(m),T=C.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&v(m,[...P,e.id])},[m,b,d,v,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,P]),k=C.useCallback(()=>{T()},[T]),L=C.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(Ko,{windowSize:l,statusCode:n?.code??"",isProcessing:r,isSelected:d,children:t.jsx(Wo,{onClick:L,...U,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Uo,{children:[t.jsxs(qo,{children:[t.jsxs(Zo,{children:[t.jsx(Ho,{windowSize:l,children:e.reportTitle??K.newReimbursementTitle}),w!=null&&t.jsx(Qo,{children:`${K.byText} ${w?.firstName} ${w?.lastName}`})]}),t.jsxs(Jo,{children:[g[1].value+": ",$]}),f.length>1?t.jsx(Y,{title:K.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(bt,{children:[K.reimbursementType.type+": ",K.reimbursementType.titleForBoth]})}):t.jsxs(bt,{children:[K.reimbursementType.type+": ",K.reimbursementType[f[0]]]})]}),t.jsxs(Go,{children:[t.jsx(Xo,{children:Ie("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??K.hyphenText}):t.jsx(t.Fragment,{children:K.hyphenText}),x!==void 0&&B.length>0?B.length>1?t.jsx(Y,{title:`${K.byText} `+B.join(` ${K.orText} `),placement:"bottom-start",children:t.jsx(Qe,{style:{marginLeft:"auto"},children:`${K.byText} `+B[0]+`${K.dots}`})}):t.jsx(Qe,{style:{marginLeft:"auto"},children:`${K.byText} `+B[0]}):null,h!=null?t.jsx(Qe,{children:h}):null]})]})]})})})},Ko=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -556,7 +556,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   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"?`${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?X`
@@ -608,19 +608,19 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Go=o.div`
+`,qo=o.div`
   display: flex;
   flex-direction: column;
-`,qo=o.div`
+`,Go=o.div`
   display: flex;
   flex-direction: column;
   text-align: right;
-`,Qo=o.div`
+`,Zo=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
-`,Zo=o(F)`
+`,Ho=o(F)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -630,7 +630,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?`${zt}px`:"initial"};
-`,Ho=o(W)`
+`,Qo=o(W)`
   color: ${e=>e.theme.colors.grey1};
 `,Xo=o(F)`
   display: flex;
@@ -651,7 +651,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-`,He=o(W)`
+`,Qe=o(W)`
   color: ${e=>e.theme.colors.grey1};
 `,en=o(W)`
   display: flex;
@@ -663,7 +663,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Be=40,tn=2,on=[new p(c[5],22),new p(20,20),new p(20,20),new p(18,18),new p(10,12)],nn=e=>on.map(n=>Number.parseFloat(n.valuePercentage(e))),ln=e=>{const n=Math.max(e.length-1,1),d=e.reduce((a,m)=>a+m,0),r=Math.max(100-d,0);return Math.min(tn,r/n)};function rn({backgroundColor:e,foregroundColor:n,uniqueKey:d,animated:r=!0,height:a=Be,width:m="100%",windowSize:b}){const x=Q(),w=nn(b??x),$=ln(w);let y=0;return t.jsx(ui,{speed:1,width:m,height:a,viewBox:`0 0 100 ${Be}`,animate:r!=!1,backgroundColor:e,foregroundColor:n,uniqueKey:d,preserveAspectRatio:"none",children:w.map((h,u)=>{const l=u===0,s=y;return y+=h+(u<w.length-1?$:0),t.jsx("rect",{x:s,y:l?0:8,rx:"4",ry:"4",width:h,height:l?Be:24},u)})})}const sn=3,_e={paddingLeft:new p(c[3],c[4]),paddingRight:new p(c[3],c[4]),paddingTop:new p(c[2],12),paddingBottom:new p(c[2],12)},an=o.div`
+`,Be=40,tn=2,on=[new p(c[5],22),new p(20,20),new p(20,20),new p(18,18),new p(10,12)],nn=e=>on.map(n=>Number.parseFloat(n.valuePercentage(e))),ln=e=>{const n=Math.max(e.length-1,1),a=e.reduce((d,m)=>d+m,0),r=Math.max(100-a,0);return Math.min(tn,r/n)};function rn({backgroundColor:e,foregroundColor:n,uniqueKey:a,animated:r=!0,height:d=Be,width:m="100%",windowSize:b}){const y=Z(),w=nn(b??y),$=ln(w);let x=0;return t.jsx(ui,{speed:1,width:m,height:d,viewBox:`0 0 100 ${Be}`,animate:r!=!1,backgroundColor:e,foregroundColor:n,uniqueKey:a,preserveAspectRatio:"none",children:w.map((h,u)=>{const l=u===0,s=x;return x+=h+(u<w.length-1?$:0),t.jsx("rect",{x:s,y:l?0:8,rx:"4",ry:"4",width:h,height:l?Be:24},u)})})}const sn=3,_e={paddingLeft:new p(c[3],c[4]),paddingRight:new p(c[3],c[4]),paddingTop:new p(c[2],12),paddingBottom:new p(c[2],12)},an=o.div`
   height: 100%;
   width: 100%;
   display: flex;
@@ -683,7 +683,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${i.sp2};
   box-sizing: border-box;
-  box-shadow: ${e=>e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${G.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${G.dropShadowNormalLight}`};
 `,cn=o.div`
   width: 100%;
   flex-shrink: 0;
@@ -694,7 +694,7 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   justify-content: center;
   margin-top: ${i.sp5};
   padding-bottom: ${i.sp3};
-`;function xt({header:e,updatingMessage:n}){const d=Le(),r=Q(),a=d.colors.background,m=d.colors.grey3;return t.jsxs(an,{windowSize:r,children:[e!=null?t.jsx(cn,{children:e}):null,Array.from({length:sn},(b,x)=>t.jsx(dn,{windowSize:r,children:t.jsx(rn,{backgroundColor:a,foregroundColor:m,animated:!0,uniqueKey:`spend-management-row-loader-${x}`,width:"100%",height:Be})},x)),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:Ot,reimbursement:hn}}=S,G=Ot.bulkActions,O=hn.bulkActions,M=S.common.strings.empty,ue="bulkSelectIds",gn=({transactionList:e,botEmail:n,selectedTab:d,selectedSubTab:r,isShowDeletedBillsEnabled:a,isShowDeletedReimbursementEnabled:m,isListeningToPusherEventForBillPayApprovalRules:b,isListeningToPusherEventForReimbursementApprovalRules:x,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,searchText:y,isAdmin:h,entity:u,uiState:l,bulkSubmissionLimit:s,isBulkActionAllowed:v,transactionsSelectedForBulkAction:f,isDetectInsufficientFundsEnabled:B,fetchState:g,analytics:P,onTransactionRowClick:T,onReloadTransactions:k,onColumnSortConfigChanged:L})=>{const U=Q(),A=j=>{const ie=u==="bill_pay"?e[j].vendor?.name??e[j].candidateVendorName??M:e[j].reportTitle??M;return pi(ie,U)},N=C.useRef(null);C.useEffect(()=>{N.current?.resetAfterIndex(0)},[U,N,d,r]);const R=C.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(d,u)}`,enabled:g==="Completed"}),t.jsx(_n,{children:u==="bill_pay"&&b===!0?t.jsx(xt,{header:t.jsx(Et,{companyNameSticky:!1,currentTab:d,onColumnSortConfigChanged:L,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),updatingMessage:S.commonSetUp.approval.updatingApprovalRules.replace("__entity__","bills")}):u==="reimbursement"&&x===!0?t.jsx(xt,{header:t.jsx(Mt,{companyNameSticky:!1,currentTab:d,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(Dn,{onClick:k,children:t.jsx(In,{})}),t.jsx(An,{children:S.peoplePage.reloadPage.label})]}):g==="Completed"&&e.length===0&&y!=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:N,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:a,isShowDeletedReimbursementEnabled:m,isBillPayCommentingEnabled:w,isReimbursementCommentingEnabled:$,transactionList:e,isAdmin:h,selectedTab:d,transactionsSelectedForBulkAction:f,bulkSubmissionLimit:s,uiState:l,analytics:P,isDetectInsufficientFundsEnabled:B,onTransactionRowClick:T,onColumnSortConfigChanged:L},initialScrollOffset:0,children:bn})})})})},rl=({transactionList:e,botEmail:n,allSubTabs:d,isAdmin:r,selectedTab:a,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:x,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:y,selectedSubTab:h,searchText:u,entity:l,uiState:s,bulkSubmissionLimit:v,isBulkActionAllowed:f,isRecurringBillInBulkActionList:B,transactionsSelectedForBulkAction:g,allowedBulkActions:P,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:k,onTransactionRowClick:L,onSubtabChange:U,fetchState:A,onReloadTransactions:N,onColumnSortConfigChanged:R,analytics:j,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:Z})=>{const de=qt({defaultValues:{bulkSelectIds:g},values:{bulkSelectIds:g}});C.useEffect(()=>{const z=de.watch((D,{name:_})=>{_!=null&&D!=null&&Qt(()=>Ke(_,D))});return()=>{z.unsubscribe()}});const Ke=async(z,D)=>{if(z===ue){let _=[];if(D[ue].includes(S.common.all.toLowerCase())){if(a==="scheduled"&&g.length===0){_=[];for(const I of e)if(I.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&_.push(I.id),_.length===v)break}else _=D[ue].filter(I=>I!==S.common.all.toLowerCase());if(l==="bill_pay"){const I=e.filter(we=>_.includes(we.id)),ne=ke(I);j?.trackBillPayBulkSelectAll(a,h,ne)}else{const I=e.filter(we=>_.includes(we.id)),ne=Te(I.map(we=>we.reimbursementTypesIncluded));j?.trackReimbursementBulkSelectAll(a,h,ne)}}else _=D[ue];ie?.(_)}},We=()=>{P.includes("cancel")?Wt():Gt()},V=Q(),[Ue,Se]=C.useState(!1),[J,Ge]=C.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});C.useEffect(()=>{const z=Zt(a,h,l);A==="Completed"&&z!=null&&j?.trackPageLoaded(z,l==="bill_pay"?"Bills":"Reimbursements")},[j,a,h,l,A]);const Vt=z=>{U(z)},Kt=C.useCallback(()=>{const{title:z,description:D}=Pn(l,g.length,a,B);if(Ge({type:"delete",title:z,description:D,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),l==="bill_pay"){const _=e.filter(ne=>g.includes(ne.id)),I=ke(_);j?.trackBillPayBulkDeleted(g.length,a,h,I)}else{const _=e.filter(ne=>g.includes(ne.id)),I=Te(_.map(ne=>ne.reimbursementTypesIncluded));j?.trackReimbursementBulkDeleted(g.length,a,h,I)}Se(!0)},[l,j,B,h,a,e,g]),Wt=C.useCallback(()=>{const{title:z,description:D}=Cn(l,g.length);Ge({type:"cancel",title:z,description:D,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 D=e.filter(I=>g.includes(I.id)),_=ke(D);j?.trackBillPayBulkPopupConfirm(J.type,a,h,_)}else{const D=e.filter(I=>g.includes(I.id)),_=Te(D.map(I=>I.reimbursementTypesIncluded));j?.trackReimbursementBulkPopupConfirm(J.type,a,h,_)}J.type==="delete"?Z?.("delete",z):Z?.("cancel",z)},onCancelClick:()=>{oe?.(),Se(!1),Ge({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},Gt=C.useCallback(()=>{if(l==="bill_pay"){const z=e.filter(_=>g.includes(_.id)),D=ke(z);j?.trackBillPayBulkSelection(g.length,a,h,D)}else{const z=e.filter(_=>g.includes(_.id)),D=Te(z.map(_=>_.reimbursementTypesIncluded));j?.trackReimbursementBulkSelection(g.length,a,h,D)}P.includes("send_for_approval")?Z?.("send_for_approval"):Z?.(k?"approve":"review")},[l,P,e,j,g,a,h,Z,k]),lt=P.filter(z=>z!=="delete").length>0;return t.jsxs(zn,{children:[t.jsx(fi,{tabIds:d,selectedTab:h,hasSubTabs:d.length>0,entity:l,enablePerformanceTracking:!1,onTabSelectedChange:Vt,isSwitcherLeftAlign:!0}),t.jsx(Ht,{...de,children:t.jsxs(Bn,{onSubmit:de.handleSubmit(We),children:[t.jsx(gn,{botEmail:n,selectedTab:a,selectedSubTab:h,searchText:u,transactionList:e,fetchState:A,onReloadTransactions:N,onTransactionRowClick:L,entity:l,uiState:s,isAdmin:r,onColumnSortConfigChanged:R,analytics:j,isShowDeletedBillsEnabled:m,isShowDeletedReimbursementEnabled:b,isListeningToPusherEventForBillPayApprovalRules:x,isListeningToPusherEventForReimbursementApprovalRules:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:y,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:a!=="draft",isEditPopup:!0}):null,g.length>0?t.jsx(ei,{helperContainerStyle:V==="small"?{margin:`${i.sp5} ${P.includes("delete")&&lt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:lt,primaryBtn:{label:Sn(l,P,g.length),isLoading:J.type!=="delete"&&T==="In-Progress",isDisabled:J.type==="delete"&&T==="In-Progress",type:"submit",style:kn(P)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:Tn(P,V)},leftSideComponent:$n(g.length,v,l,V),rightSideComponent:P.includes("delete")?vn(g.length,J.type==="delete"&&T==="In-Progress",Kt,V):null}):null]})})]})},bn=({style:e,data:n})=>{const{entity:d,transactionList:r,transactionsSelectedForBulkAction:a,isAdmin:m,isBulkActionAllowed:b,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:w,isBillPayCommentingEnabled:$,isReimbursementCommentingEnabled:y,bulkSubmissionLimit:h,selectedTab:u,uiState:l,analytics:s,isDetectInsufficientFundsEnabled:v,onTransactionRowClick:f,onColumnSortConfigChanged:B}=n,g=Q(),P=Le(),T=b?a.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:P.colors.grey4},infoIconContainerStyle:fn(g),name:ue,mode:T,selectionLimit:h,checkBoxes:d==="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(xn,{transactionDetail:k,selectedTab:u,isBillPayCommentingEnabled:$,isShowDeletedBillsEnabled:x,onTransactionRowClick:f,billsSelectedForBulkAction:a,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,a),exceptionInfo:yt(d,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(yn,{transactionDetail:k,isShowDeletedReimbursementEnabled:w,isReimbursementCommentingEnabled:y,selectedTab:u,isAdmin:m,onTransactionRowClick:f,remisSelectedForBulkAction:a,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:yt(d,k),exceptionType:wt(k)}))]})})},xn=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:d,billsSelectedForBulkAction:r,bulkSelectFormId:a,bulkSelectLimit:m,isBillPayCommentingEnabled:b,isSelectionMode:x,isDetectInsufficientFundsEnabled:w,onTransactionRowClick:$})=>{const y=Q()==="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 P=Ot.billDetails.paymentOutsideZeni.paymentModeOptions.find(T=>T.value===g)?.label;return`${S.common.via} ${P}`},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,d,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(Nt,{children:t.jsx(y,{reportTitleAdditionalInfo:h,transactionDetail:e,isBillPayCommentingEnabled:b,isSelected:r.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:r.length===m,isSelectionMode:x,bulkSelectFormId:a,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})})},yn=({transactionDetail:e,selectedTab:n,isAdmin:d,isShowDeletedReimbursementEnabled:r,isReimbursementCommentingEnabled:a,remisSelectedForBulkAction:m,bulkSelectFormId:b,bulkSelectLimit:x,isSelectionMode:w,onTransactionRowClick:$})=>{const y=Q()==="small"?Vo:Bo,h=xi(d,e.submittedBy),{bulkProcessingDetail:u}=e,l=Ae(u?.type);return t.jsx(Nt,{children:t.jsx(y,{reportTitleAdditionalInfo:h,reimbursementDetail:e,isReimbursementCommentingEnabled:a,isSelected:m.includes(e.id),isProcessing:l,isBulkSelectionLimitReached:m.length===x,isSelectionMode:w,bulkSelectFormId:b,currentTab:n,date:wi(e,n),approvers:e.isDeleted===!0?void 0:kt(e,n),tagStatus:yi(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,d,r)=>{const a=d==="bill_pay"?G.bill:O.report,m=(e>1?a+"s":a)+G.selected;return e>0?t.jsxs(Kn,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Wn,{multiDigit:e>=10,children:e}),t.jsx(Un,{children:m}),e===n?t.jsx(Gn,{children:un}):null]}):null},vn=(e,n,d,r)=>e>0?t.jsx(On,{style:r==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Nn,{isLoading:n,windowSize:r,className:"delete-icon-wrapper",onClick:n?()=>null:d,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,yt=(e,n)=>{const{bulkProcessingDetail:d,bulkSelectInfo:r}=n,a=Ae(d?.type),m=d?.type==="error";let b;if(a)b=d?.inProgressMessage;else if(m)b=d.error?.message;else if(r?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=S.spendManagement.billPay.bulkActions;b=x[r.bulkSelectExceptionInfo]}else{const{exceptions:x}=S.spendManagement.reimbursement.bulkActions;b=x[r.bulkSelectExceptionInfo]}return b},Sn=(e,n,d)=>{const{billPay:r}=S.spendManagement;return n.includes("cancel")?e==="reimbursement"?O.popUps.cancel.title.replace("__report__",d>1?O.reports:O.report):r.bulkActions.popUps.cancel.title.replace("<_bill_>",d>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 d;return n!=="small"&&(e.includes("cancel")?d={minWidth:"116px"}:e.includes("send_for_approval")&&(d={minWidth:"160px"})),d},Cn=(e,n)=>{const{this_:d,these:r,payment:a,payments:m,bills:b,bill:x,reports:w,report:$,they:y,it:h}=S.common.texts;return n>1?e==="bill_pay"?{title:G.popUps.cancel.title.replace("<_bill_>",S.drawerMenus.bills),description:G.popUps.cancel.description.replace("<_this_>",r).replace("<_bill_>",b).replace("<_it_>",y).replace("<_payment_>",m)}:{title:O.popUps.cancel.title.replace("__report__",O.reports),description:O.popUps.cancel.description.replace("<_this_>",r).replace("__report__",w).replace("<_it_>",y).replace("<_payment_>",m)}:e==="reimbursement"?{title:O.popUps.cancel.title.replace("__report__",O.report),description:O.popUps.cancel.description.replace("<_this_>",d).replace("__report__",$).replace("<_it_>",h).replace("<_payment_>",a)}:{title:G.popUps.cancel.title.replace("<_bill_>",G.bill),description:G.popUps.cancel.description.replace("<_this_>",d).replace("<_bill_>",x).replace("<_it_>",h).replace("<_payment_>",a)}},Pn=(e,n,d,r)=>{const{this_:a,these:m,payment:b,payments:x,bills:w,bill:$,report:y,reports:h,they:u,it:l}=S.common.texts,s=n>1;let v=M;e==="bill_pay"?v=G.popUps.delete.title.replace("<_bill_>",s?G.bills:G.bill):v=O.popUps.delete.title.replace("__report__",s?O.reports:O.report);let f=M;return d==="draft"?e==="bill_pay"?f=G.popUps.delete.descriptionDraft.replace("<_this_>",s?m:a).replace("<_bill_>",s?w:$):f=O.popUps.delete.descriptionDraft.replace("<_this_>",s?m:a).replace("__report__",s?h:y):r?f=G.popUps.delete.descriptionRecurring.replace("<_payment_>",s?b:x):e==="bill_pay"?f=G.popUps.delete.descriptionOther.replace("<_this_>",s?m:a).replace("<_bill_>",s?w:$).replace("<_it_>",s?u:l).replace("<_payment_>",s?x:b):f=O.popUps.delete.descriptionOther.replace("<_this_>",s?m:a).replace("__report__",s?h:y).replace("<_it_>",s?u:l).replace("<_payment_>",s?x:b),{title:v,description:f}},jn=(e,n)=>{const d=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&d!=null&&(d==="bookCloseDateProcessing"||d==="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=Z(),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:P,onTransactionRowClick:T,onReloadTransactions:k,onColumnSortConfigChanged:L})=>{const U=Z(),A=j=>{const ie=u==="bill_pay"?e[j].vendor?.name??e[j].candidateVendorName??M:e[j].reportTitle??M;return pi(ie,U)},O=C.useRef(null);C.useEffect(()=>{O.current?.resetAfterIndex(0)},[U,O,a,r]);const R=C.forwardRef((j,ie)=>{const{children:oe,style:H,...de}=j;return t.jsx(Mn,{ref:ie,style:{...H,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(Dn,{onClick:k,children:t.jsx(In,{})}),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:P,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:P,bulkSubmissionFetchState:T,isDetectInsufficientFundsEnabled:k,onTransactionRowClick:L,onSubtabChange:U,fetchState:A,onReloadTransactions:O,onColumnSortConfigChanged:R,analytics:j,updateBulkActionList:ie,removeAllTransactionsFromBulkActionList:oe,onProceedForBulkActionClick:H})=>{const de=Gt({defaultValues:{bulkSelectIds:g},values:{bulkSelectIds:g}});C.useEffect(()=>{const z=de.watch((D,{name:_})=>{_!=null&&D!=null&&Zt(()=>Ke(_,D))});return()=>{z.unsubscribe()}});const Ke=async(z,D)=>{if(z===ue){let _=[];if(D[ue].includes(S.common.all.toLowerCase())){if(d==="scheduled"&&g.length===0){_=[];for(const I of e)if(I.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&_.push(I.id),_.length===v)break}else _=D[ue].filter(I=>I!==S.common.all.toLowerCase());if(l==="bill_pay"){const I=e.filter(we=>_.includes(we.id)),ne=ke(I);j?.trackBillPayBulkSelectAll(d,h,ne)}else{const I=e.filter(we=>_.includes(we.id)),ne=Te(I.map(we=>we.reimbursementTypesIncluded));j?.trackReimbursementBulkSelectAll(d,h,ne)}}else _=D[ue];ie?.(_)}},We=()=>{P.includes("cancel")?Wt():qt()},V=Z(),[Ue,Se]=C.useState(!1),[J,qe]=C.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});C.useEffect(()=>{const z=Ht(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)},Kt=C.useCallback(()=>{const{title:z,description:D}=Pn(l,g.length,d,B);if(qe({type:"delete",title:z,description:D,primaryButtonText:S.common.texts.confirm,secondaryButtonText:S.common.texts.close}),l==="bill_pay"){const _=e.filter(ne=>g.includes(ne.id)),I=ke(_);j?.trackBillPayBulkDeleted(g.length,d,h,I)}else{const _=e.filter(ne=>g.includes(ne.id)),I=Te(_.map(ne=>ne.reimbursementTypesIncluded));j?.trackReimbursementBulkDeleted(g.length,d,h,I)}Se(!0)},[l,j,B,h,d,e,g]),Wt=C.useCallback(()=>{const{title:z,description:D}=Cn(l,g.length);qe({type:"cancel",title:z,description:D,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 D=e.filter(I=>g.includes(I.id)),_=ke(D);j?.trackBillPayBulkPopupConfirm(J.type,d,h,_)}else{const D=e.filter(I=>g.includes(I.id)),_=Te(D.map(I=>I.reimbursementTypesIncluded));j?.trackReimbursementBulkPopupConfirm(J.type,d,h,_)}J.type==="delete"?H?.("delete",z):H?.("cancel",z)},onCancelClick:()=>{oe?.(),Se(!1),qe({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},qt=C.useCallback(()=>{if(l==="bill_pay"){const z=e.filter(_=>g.includes(_.id)),D=ke(z);j?.trackBillPayBulkSelection(g.length,d,h,D)}else{const z=e.filter(_=>g.includes(_.id)),D=Te(z.map(_=>_.reimbursementTypesIncluded));j?.trackReimbursementBulkSelection(g.length,d,h,D)}P.includes("send_for_approval")?H?.("send_for_approval"):H?.(k?"approve":"review")},[l,P,e,j,g,d,h,H,k]),lt=P.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(We),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} ${P.includes("delete")&&lt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:lt,primaryBtn:{label:Sn(l,P,g.length),isLoading:J.type!=="delete"&&T==="In-Progress",isDisabled:J.type==="delete"&&T==="In-Progress",type:"submit",style:kn(P)},cancelBtn:{label:S.common.texts.goBack,isDisabled:T==="In-Progress",onClick:oe,style:Tn(P,V)},leftSideComponent:$n(g.length,v,l,V),rightSideComponent:P.includes("delete")?vn(g.length,J.type==="delete"&&T==="In-Progress",Kt,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=Z(),P=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:P.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=Z()==="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 P=Nt.billDetails.paymentOutsideZeni.paymentModeOptions.find(T=>T.value===g)?.label;return`${S.common.via} ${P}`},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=Z()==="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(Kn,{style:r==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Wn,{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},Cn=(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)}},Pn=(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`
@@ -745,23 +745,23 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   position: relative;
   width: auto;
   height: 100%;
-`,Mn=o.div``,Nt=o.div`
+`,Mn=o.div``,Ot=o.div`
   position: relative;
   width: 100%;
-`,On=o.div`
+`,Nn=o.div`
   display: flex;
   justify-content: flex-end;
-`,Nn=o.div`
+`,On=o.div`
   margin-right: ${i.sp8};
   cursor: ${e=>e.isLoading?"initial":"pointer"};
-  color: ${e=>e.windowSize==="small"?q.important:e.theme.colors.grey1};
+  color: ${e=>e.windowSize==="small"?G.important:e.theme.colors.grey1};
 `,Vn=o(mi)`
   width: ${i.sp4};
   height: ${i.sp4};
   cursor: pointer;
   color: inherit;
   &:hover {
-    color: ${q.important};
+    color: ${G.important};
   }
 `,Kn=o.div`
   display: flex;
@@ -780,6 +780,6 @@ import{a8 as qt,cB as Qt,F as te,q as Q,kQ as Zt,V as t,ab as Ht,cm as Xt,cn as
   align-items: center;
 `,Un=o(F)`
   color: ${e=>e.theme.colors.primary};
-`,Gn=o(se)`
-  color: ${q.important};
+`,qn=o(se)`
+  color: ${G.important};
 `;export{rl as default};