@zeniai/web-cockpit-ui 1.14.17-prod → 1.14.18-dev

package/dist/assets/{SpendManagementPerTabPage-IBAw8wc4-0AzTQ-pL.js → SpendManagementPerTabPage-BzOooEMS-CS5nadJ3.js}

@@ -1,4 +1,4 @@
-import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,bU as Vt,bV as Wt,a4 as Ut,o as i,bP as et,fB as Kt,aj as qt,bX as Gt,i7 as Ht,i8 as Yt,m as Xt,bx as X,bf as Jt,a6 as Zt,C as h,u as Ue,fC as Qt,kJ as ei,g as J,cr as ti,B as U,n as F,d as se,kK as ii,cL as oi,kL as ni,kM as ut,kN as ht,ji as li,kO as ri,kP as si,bm as gt,v as je,$ as ee,Y as Ke,g8 as qe,d6 as Ge,fN as He,ck as yt,kQ as bt,kR as Ce,a0 as Be,kS as Ye,V as we,ib as xt,ic as wt,kT as ft,ia as $t,c0 as vt,c3 as St,kU as R,kV as kt,fZ as Tt,cp as Pt,du as Xe,q as p}from"./index-Brv5pz8V.js";import{b as P,n as o,f as jt,j as Y}from"./vendor-CnQcJ2Lu.js";import{d as Ct}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{K as ai}from"./StatusSwitcher-CtuL5COG-4YMPvI5d.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const ue=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,_e={key:"name",value:ue.name,sortOrder:"ascending",width:new h(p[5],p[5])},Le={key:"invoiceDate",value:ue.invoiceDate,sortOrder:"ascending",width:new h(20,20)},di={key:"dueDate",value:ue.dueDate,sortOrder:"ascending",width:new h(20,20)},Je={key:"dueDate",value:ue.paymentDate,sortOrder:"ascending",width:new h(20,20)},Ze={key:"status",value:ue.status,sortOrder:"ascending",width:new h(18,18)},ci={key:"paymentMethod",value:ue.paymentMethod,sortOrder:"ascending",width:new h(18,18)},ze={key:"amount",value:ue.amount,sortOrder:"ascending",width:new h(10,10)},be=[_e,Le,di,Ze,ze],pi=[_e,Le,Je,Ze,ze],mi=[_e,Le,Je,Ze,ze],ui=[_e,Le,Je,ci,ze],ye={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(xt,wt)};function hi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ue(),g=Z(),[b,x]=P.useState(ki(n));P.useEffect(()=>{const a=[...b];for(const r of a)r.key===l.sortKey?r.sortOrder=l.sortOrder:r.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,r)=>{let $=r;l.sortKey===a&&($=r==="ascending"?"descending":"ascending"),c?.(a,$)},u=b.find(a=>a.key===l.sortKey)??b[0],y=a=>b.find(r=>r.key===a)?.value??"",m=b.map(a=>a.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return g==="small"?t.jsxs(tt,{windowSize:g,companyNameSticky:!1,children:[t.jsxs(xi,{children:[t.jsx(fi,{children:t.jsx(wi,{})}),t.jsx(gt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:y,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Si,{onClick:()=>f(u.key,u.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(se,{children:u.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(ot,{})})]})]}):t.jsx(tt,{companyNameSticky:e,windowSize:g,children:b.map(a=>t.jsxs(yi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:g,children:[t.jsxs(vi,{onClick:()=>f(a.key,a.sortOrder),"data-testid":ee("bill-pay-list-header",l.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(ot,{})})]}),t.jsx($i,{sortDataValue:l.sortKey,windowSize:g,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(bi,{onClick:()=>f("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const gi=jt.memo(hi),tt=o(se)`
+import{a as Et,c4 as Mt,M as te,l as W,X as Y,kG as Ft,j as t,F as Nt,bP as Vt,bR as Ot,bS as Wt,a4 as Ut,o as i,bM as et,fz as Kt,aj as Gt,bU as Ht,i4 as qt,i5 as Zt,c as Jt,bt as J,bf as Xt,a6 as Yt,C as h,u as Ue,fA as Qt,kH as ei,g as X,co as ti,m as U,e as N,v as se,kI as ii,cI as oi,kJ as ni,kK as ut,kL as ht,jf as li,kM as ri,kN as si,bm as gt,f as je,_ as ee,w as Ke,g6 as Ge,d3 as He,fL as qe,ch as yt,kO as bt,kP as Ce,a0 as Be,kQ as Ze,S as we,i8 as xt,i9 as wt,kR as ft,i7 as $t,bZ as vt,c0 as St,kS as R,kT as kt,fX as Tt,cm as Pt,dr as Je,q as p}from"./index-C5chxI3W.js";import{b as P,n as o,f as jt,j as Z}from"./vendor-CnQcJ2Lu.js";import{d as Ct}from"./useLongPress-GCK2COYQ-gxLtL5O4.js";import{E as ai}from"./StatusSwitcher-B3gZD4Xk-Bh4cnysY.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const ue=te.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,_e={key:"name",value:ue.name,sortOrder:"ascending",width:new h(p[5],p[5])},Le={key:"invoiceDate",value:ue.invoiceDate,sortOrder:"ascending",width:new h(20,20)},di={key:"dueDate",value:ue.dueDate,sortOrder:"ascending",width:new h(20,20)},Xe={key:"dueDate",value:ue.paymentDate,sortOrder:"ascending",width:new h(20,20)},Ye={key:"status",value:ue.status,sortOrder:"ascending",width:new h(18,18)},ci={key:"paymentMethod",value:ue.paymentMethod,sortOrder:"ascending",width:new h(18,18)},ze={key:"amount",value:ue.amount,sortOrder:"ascending",width:new h(10,10)},be=[_e,Le,di,Ye,ze],pi=[_e,Le,Xe,Ye,ze],mi=[_e,Le,Xe,Ye,ze],ui=[_e,Le,Xe,ci,ze],ye={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(xt,wt)};function hi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ue(),g=Y(),[b,x]=P.useState(ki(n));P.useEffect(()=>{const a=[...b];for(const r of a)r.key===l.sortKey?r.sortOrder=l.sortOrder:r.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,r)=>{let $=r;l.sortKey===a&&($=r==="ascending"?"descending":"ascending"),c?.(a,$)},u=b.find(a=>a.key===l.sortKey)??b[0],y=a=>b.find(r=>r.key===a)?.value??"",m=b.map(a=>a.key),w=te.getLocalizedStrings().spendManagement.billPay.billsByTabs;return g==="small"?t.jsxs(tt,{windowSize:g,companyNameSticky:!1,children:[t.jsxs(xi,{children:[t.jsx(fi,{children:t.jsx(wi,{})}),t.jsx(gt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:y,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Si,{onClick:()=>f(u.key,u.sortOrder),"data-testid":ee("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(se,{children:u.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(ot,{})})]})]}):t.jsx(tt,{companyNameSticky:e,windowSize:g,children:b.map(a=>t.jsxs(yi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:g,children:[t.jsxs(vi,{onClick:()=>f(a.key,a.sortOrder),"data-testid":ee("bill-pay-list-header",l.sortKey),children:[t.jsx(se,{children:a.value}),t.jsx(it,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(ot,{})})]}),t.jsx($i,{sortDataValue:l.sortKey,windowSize:g,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(bi,{onClick:()=>f("dueDate","ascending"),"data-testid":ee("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const gi=jt.memo(hi),tt=o(se)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,7 +69,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ki=e=>{switch(e){case"draft":return we(be);case"pending_approval":return we(pi);case"scheduled":return we(mi);case"paid":return we(ui)}},xe={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:Fe,space:$e}}}=te.getLocalizedStrings(),Ti=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:g,lowBalanceAlert:b,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:y,onTransactionRowClick:m})=>{const w=Z(),a=Ke(),r=qe(),$=Ge().analytics,s=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:B}=He({application:"dashboard",companyId:a.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>k.filter(S=>S.resolved===!1),[k]),j=S=>{S.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:s,companyId:a.currentTenant?.companyId??Fe,companyName:a.currentTenant?.companyName??Fe,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Fe,a.controllersList.controllers.map(D=>Xe(D)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?bt(e.createdByUser):Ce(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,E=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Pi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:g,children:[t.jsx(ji,{onClick:v,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ci,{children:[t.jsxs(Bi,{windowSize:w,responsiveWidth:be[0].width,children:[t.jsxs(_i,{children:[t.jsx(Li,{windowSize:w,children:K}),e.isRecurring?t.jsx(X,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Mi,{isProcessing:g,children:t.jsx(Ni,{})})}):null]}),t.jsx(Di,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(nt,{windowSize:w,responsiveWidth:be[1].width,children:c[1].value}),t.jsx(nt,{windowSize:w,responsiveWidth:be[2].width,children:c[2].value}),t.jsxs(Ei,{windowSize:w,responsiveWidth:be[3].width,children:[t.jsxs(Ri,{children:[n!==void 0?t.jsx(Ii,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(Ai,{children:ne.hyphenText}),y===!0&&b!=null&&b.length>0?t.jsx(X,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Fi,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(X,{style:{padding:"2px 5px"},title:`${ne.byText}${$e}${z.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}${ne.dots}`})}):t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}`}):null,f!=null?t.jsx(ke,{children:f}):null,u!=null?t.jsx(ke,{children:u}):null]}),t.jsx(zi,{windowSize:w,responsiveWidth:be[4].width,children:Be("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(Ye,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},Pi=o.div`
+`,ki=e=>{switch(e){case"draft":return we(be);case"pending_approval":return we(pi);case"scheduled":return we(mi);case"paid":return we(ui)}},xe={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:Ne,space:$e}}}=te.getLocalizedStrings(),Ti=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:g,lowBalanceAlert:b,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:y,onTransactionRowClick:m})=>{const w=Y(),a=Ke(),r=Ge(),$=He().analytics,s=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:B}=qe({application:"dashboard",companyId:a.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),L=P.useMemo(()=>k.filter(S=>S.resolved===!1),[k]),j=S=>{S.stopPropagation(),r?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:s,companyId:a.currentTenant?.companyId??Ne,companyName:a.currentTenant?.companyName??Ne,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Ne,a.controllersList.controllers.map(I=>Je(I)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?bt(e.createdByUser):Ce(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,E=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(Pi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:g,children:[t.jsx(ji,{onClick:v,"data-testid":ee("bill-pay-transaction-row",e.id),children:t.jsxs(Ci,{children:[t.jsxs(Bi,{windowSize:w,responsiveWidth:be[0].width,children:[t.jsxs(_i,{children:[t.jsx(Li,{windowSize:w,children:K}),e.isRecurring?t.jsx(J,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Mi,{isProcessing:g,children:t.jsx(Fi,{})})}):null]}),t.jsx(Ii,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(nt,{windowSize:w,responsiveWidth:be[1].width,children:c[1].value}),t.jsx(nt,{windowSize:w,responsiveWidth:be[2].width,children:c[2].value}),t.jsxs(Ei,{windowSize:w,responsiveWidth:be[3].width,children:[t.jsxs(Ri,{children:[n!==void 0?t.jsx(Di,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(Ai,{children:ne.hyphenText}),y===!0&&b!=null&&b.length>0?t.jsx(J,{title:b,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Ni,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(J,{style:{padding:"2px 5px"},title:`${ne.byText}${$e}${z.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}${ne.dots}`})}):t.jsx(ke,{children:`${ne.byText}${$e}${z[0]}`}):null,f!=null?t.jsx(ke,{children:f}):null,u!=null?t.jsx(ke,{children:u}):null]}),t.jsx(zi,{windowSize:w,responsiveWidth:be[4].width,children:Be("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(Ze,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},Pi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -78,11 +78,11 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   padding-top: ${e=>xe.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>xe.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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Y`
+  ${e=>e.isProcessing?Z`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -94,7 +94,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Y`
+        `:e.isSelected?Z`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -106,7 +106,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Y`
+          `:Z`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -146,7 +146,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   align-items: center;
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Li=o(F)`
+`,Li=o(N)`
   flex-grow: 1;
   word-break: break-word;
   display: -webkit-box;
@@ -155,19 +155,19 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?"200px":"initial"};
-`,zi=o(F)`
+`,zi=o(N)`
   display: flex;
   align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,Di=o.div`
+`,Ii=o.div`
   color: ${e=>e.theme.colors.grey1};
   overflow: hidden;
   text-overflow: ellipsis;
   width: 90%;
   white-space: nowrap;
-`,Ii=o(U)`
+`,Di=o(U)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -181,7 +181,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   display: inline-block;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,Ai=o(F)``,nt=o(F)`
+`,Ai=o(N)``,nt=o(N)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
@@ -210,18 +210,18 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   display: flex;
   align-items: center;
   color: ${e=>e.isProcessing?e.theme.colors.grey2:e.theme.colors.primary};
-`,Ni=o(Tt)`
+`,Fi=o(Tt)`
   width: 12px;
   height: 12px;
   color: inherit;
-`,Fi=o(Pt)`
+`,Ni=o(Pt)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,de={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:le}},common:{strings:{empty:Oe,space:ve}}}=te.getLocalizedStrings(),Oi=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:g,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:y,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:r})=>{const $=Z(),s=Ke(),k=qe(),B=Ge().analytics,L=`dashboard_${s.currentTenant?.companyId}`,{threads:j,isLoading:v}=He({application:"dashboard",companyId:s.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(O=>O.resolved===!1),[j]),K=O=>{O.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:s.currentTenant?.companyId??Oe,companyName:s.currentTenant?.companyName??Oe,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",s.currentTenant?.companyName??Oe,s.controllersList.controllers.map(q=>Xe(q)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=yt(),D=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?bt(e.createdByUser):Ce(y),Q=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,ie=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,re=E(g),he=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(g,[...re,e.id])},[g,b,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,re]),Ee=P.useCallback(()=>{he()},[he]),ge=P.useCallback(O=>{O.stopPropagation(),O.cancelable&&O.preventDefault(),x?he():r(e.id)},[he,x,r,e.id]),Me=Ct({onLongPress:Ee},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Vi,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Wi,{onClick:ge,...Me,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(Ui,{children:[t.jsxs(Zi,{children:[t.jsxs(Ki,{children:[t.jsxs(qi,{children:[t.jsx(Gi,{windowSize:$,children:Q}),e.isRecurring?t.jsx(X,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(eo,{isProcessing:c,children:t.jsx(to,{})})}):null]}),t.jsx(Yi,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(lt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(lt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(Qi,{children:[t.jsx(Hi,{children:Be("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(Ji,{hasAlertIcon:u!=null,children:[t.jsxs(io,{children:[n!==void 0?t.jsx(Xi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(t.Fragment,{children:le.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(no,{onClick:O=>O.stopPropagation(),children:t.jsx(X,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(oo,{})})}):null]}),y!==void 0&&D.length>0?D.length>1?t.jsx(X,{title:`${le.byText}${ve}${D.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${le.byText}${ve}${D[0]}${le.dots}`})}):t.jsx(Te,{children:`${le.byText}${ve}${D[0]}`}):null,m!=null?t.jsx(Te,{children:m}):null,w!=null?t.jsx(Te,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(Ye,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Vi=o.div`
+`,de={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:le}},common:{strings:{empty:Ve,space:ve}}}=te.getLocalizedStrings(),Vi=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:g,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:y,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:r})=>{const $=Y(),s=Ke(),k=Ge(),B=He().analytics,L=`dashboard_${s.currentTenant?.companyId}`,{threads:j,isLoading:v}=qe({application:"dashboard",companyId:s.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(V=>V.resolved===!1),[j]),K=V=>{V.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:s.currentTenant?.companyId??Ve,companyName:s.currentTenant?.companyName??Ve,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",s.currentTenant?.companyName??Ve,s.controllersList.controllers.map(G=>Je(G)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=yt(),I=W.isAwaitingMarkAsPaid(e.billPayInfo.billPaymentStatus.code)?bt(e.createdByUser):Ce(y),Q=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:le.newBillTitle,ie=()=>`${le.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,re=E(g),he=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(g,[...re,e.id])},[g,b,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,re]),Ee=P.useCallback(()=>{he()},[he]),ge=P.useCallback(V=>{V.stopPropagation(),V.cancelable&&V.preventDefault(),x?he():r(e.id)},[he,x,r,e.id]),Me=Ct({onLongPress:Ee},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Oi,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Wi,{onClick:ge,...Me,"data-testid":ee("bill-pay-trxn-row-small",e.id),children:t.jsxs(Ui,{children:[t.jsxs(Yi,{children:[t.jsxs(Ki,{children:[t.jsxs(Gi,{children:[t.jsx(Hi,{windowSize:$,children:Q}),e.isRecurring?t.jsx(J,{title:ie(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(eo,{isProcessing:c,children:t.jsx(to,{})})}):null]}),t.jsx(Zi,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(lt,{children:`${f[1].label} ${f[1].value}`}),t.jsx(lt,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(Qi,{children:[t.jsx(qi,{children:Be("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(Xi,{hasAlertIcon:u!=null,children:[t.jsxs(io,{children:[n!==void 0?t.jsx(Ji,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??le.hyphenText}):t.jsx(t.Fragment,{children:le.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(no,{onClick:V=>V.stopPropagation(),children:t.jsx(J,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(oo,{})})}):null]}),y!==void 0&&I.length>0?I.length>1?t.jsx(J,{title:`${le.byText}${ve}${I.join(`${ve}${le.orText}${ve}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${le.byText}${ve}${I[0]}${le.dots}`})}):t.jsx(Te,{children:`${le.byText}${ve}${I[0]}`}):null,m!=null?t.jsx(Te,{children:m}):null,w!=null?t.jsx(Te,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(Ze,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Oi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -230,10 +230,10 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   padding-top: ${e=>de.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>de.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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Y`
+  ${e=>e.isProcessing?Z`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -245,7 +245,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Y`
+        `:e.isSelected?Z`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -257,7 +257,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Y`
+          `:Z`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -286,14 +286,14 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
-`,qi=o.div`
+`,Gi=o.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp1};
   align-items: center;
   margin-right: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Gi=o(F)`
+`,Hi=o(N)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -303,13 +303,13 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: ${e=>e.windowSize==="small"?`${kt}px`:"initial"};
-`,Hi=o(F)`
+`,qi=o(N)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-end;
-`,Yi=o(U)`
+`,Zi=o(U)`
   color: ${e=>e.theme.colors.grey1};
-`,Xi=o(U)`
+`,Ji=o(U)`
   color: ${e=>e.color};
   height: 20px;
   align-items: center;
@@ -327,7 +327,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Ji=o.div`
+`,Xi=o.div`
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
@@ -336,7 +336,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   justify-content: center;
 `,Te=o(U)`
   color: ${e=>e.theme.colors.grey1};
-`,Zi=o.div`
+`,Yi=o.div`
   display: flex;
   flex-direction: column;
 `,Qi=o.div`
@@ -361,7 +361,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,no=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,De={key:"reportName",value:ae.name,sortOrder:"ascending",width:new h(30,30)},Ie={key:"type",value:ae.type,sortOrder:"ascending",width:new h(20,20)},Ae={key:"status",value:ae.status,sortOrder:"ascending",width:new h(20,20)},Re={key:"amount",value:ae.amount,sortOrder:"ascending",width:new h(10,10)},ce=[De,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new h(20,20)},Ie,Ae,Re],lo=[De,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new h(20,20)},Ie,Ae,Re],ro=[De,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new h(20,20)},Ie,Ae,Re],so=[De,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new h(20,20)},Ie,Ae,Re],Bt={draft:ce,pending_approval:lo,scheduled:ro,paid:so},Pe={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])};function ao({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const g=Z(),b=Ue(),[x,f]=P.useState(we(Bt[n]));P.useEffect(()=>{const r=[...x];for(const $ of r)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(r)},[l.sortKey,l.sortOrder]);const u=(r,$)=>{let s=$;l.sortKey===r&&(s=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(r,s),c?.(r,s)},y=x.find(r=>r.key===l.sortKey)??x[0],m=r=>x.find($=>$.key===r)?.value??"",w=x.map(r=>r.key),a=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return g==="small"?t.jsxs(rt,{height:xt,windowSize:g,children:[t.jsx(mo,{children:t.jsx(uo,{})}),t.jsx(gt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:b.colors.primary,selectedOptionColor:b.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(bo,{onClick:()=>u(y.key,y.sortOrder),"data-testid":ee("remi-list-header-small",l.sortKey),children:[t.jsx(se,{children:y.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:y,children:t.jsx(at,{})})]})]}):t.jsx(rt,{height:wt,windowSize:g,children:x.map(r=>t.jsxs(po,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:g,children:[t.jsxs(yo,{onClick:()=>u(r.key,r.sortOrder),"data-testid":ee("remi-list-header",l.sortKey),children:[t.jsx(se,{children:r.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:r,children:t.jsx(at,{})})]}),t.jsx(go,{sortDataValue:l.sortKey,windowSize:g,isVisible:l.sortKey===r.key&&r.key!=="submittedOn",children:t.jsx(ho,{onClick:()=>u("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",l.sortKey)})})]},r.key))})}const co=jt.memo(ao),rt=o(se)`
+`,no=o.div``,ae=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ie={key:"reportName",value:ae.name,sortOrder:"ascending",width:new h(30,30)},De={key:"type",value:ae.type,sortOrder:"ascending",width:new h(20,20)},Ae={key:"status",value:ae.status,sortOrder:"ascending",width:new h(20,20)},Re={key:"amount",value:ae.amount,sortOrder:"ascending",width:new h(10,10)},ce=[Ie,{key:"submittedOn",value:ae.created,sortOrder:"ascending",width:new h(20,20)},De,Ae,Re],lo=[Ie,{key:"submittedOn",value:ae.submitted,sortOrder:"ascending",width:new h(20,20)},De,Ae,Re],ro=[Ie,{key:"submittedOn",value:ae.paymentDate,sortOrder:"ascending",width:new h(20,20)},De,Ae,Re],so=[Ie,{key:"submittedOn",value:ae.paidOn,sortOrder:"ascending",width:new h(20,20)},De,Ae,Re],Bt={draft:ce,pending_approval:lo,scheduled:ro,paid:so},Pe={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])};function ao({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const g=Y(),b=Ue(),[x,f]=P.useState(we(Bt[n]));P.useEffect(()=>{const r=[...x];for(const $ of r)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(r)},[l.sortKey,l.sortOrder]);const u=(r,$)=>{let s=$;l.sortKey===r&&(s=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(r,s),c?.(r,s)},y=x.find(r=>r.key===l.sortKey)??x[0],m=r=>x.find($=>$.key===r)?.value??"",w=x.map(r=>r.key),a=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return g==="small"?t.jsxs(rt,{height:xt,windowSize:g,children:[t.jsx(mo,{children:t.jsx(uo,{})}),t.jsx(gt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:je.smallRegular,titleTextStyle:je.smallRegular,titleColor:b.colors.primary,selectedOptionColor:b.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(bo,{onClick:()=>u(y.key,y.sortOrder),"data-testid":ee("remi-list-header-small",l.sortKey),children:[t.jsx(se,{children:y.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:y,children:t.jsx(at,{})})]})]}):t.jsx(rt,{height:wt,windowSize:g,children:x.map(r=>t.jsxs(po,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:g,children:[t.jsxs(yo,{onClick:()=>u(r.key,r.sortOrder),"data-testid":ee("remi-list-header",l.sortKey),children:[t.jsx(se,{children:r.value}),t.jsx(st,{sortDataValue:l.sortKey,headerdata:r,children:t.jsx(at,{})})]}),t.jsx(go,{sortDataValue:l.sortKey,windowSize:g,isVisible:l.sortKey===r.key&&r.key!=="submittedOn",children:t.jsx(ho,{onClick:()=>u("submittedOn","ascending"),"data-testid":ee("remi-list-close-sort",l.sortKey)})})]},r.key))})}const co=jt.memo(ao),rt=o(se)`
   width: 100%;
   top: 0;
   left: 0;
@@ -429,7 +429,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,Se={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])},H=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,xo=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:g,approvers:b,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const y=Z(),m=Ke(),w=P.useRef(null),[a,r]=P.useState(0);P.useLayoutEffect(()=>{w.current&&r(w.current.offsetWidth*ft)},[y]);const $=Ge().analytics,s=qe(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Ce(b),v=te.getLocalizedStrings().common.strings.empty,{threads:z,isLoading:K}=He({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),E=P.useMemo(()=>z.filter(D=>D.resolved===!1),[z]),S=D=>{D.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:k,companyId:m.currentTenant?.companyId??v,companyName:m.currentTenant?.companyName??v,entityType:"reimbursement.details",entityId:e.id??v}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??v,m.controllersList.controllers.map(Q=>Xe(Q)),void 0,void 0,"comment on field")};return t.jsxs(wo,{windowSize:y,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(fo,{children:t.jsxs($o,{children:[t.jsxs(vo,{windowSize:y,responsiveWidth:ce[0].width,ref:w,children:[t.jsx(So,{windowSize:y,reportNameWidth:a,children:e.reportTitle??H.newReimbursementTitle}),d!=null&&t.jsx(ko,{children:`${H.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Po,{windowSize:y,responsiveWidth:ce[1].width,children:g}),L.length>1?t.jsx(dt,{windowSize:y,responsiveWidth:ce[2].width,children:t.jsx(X,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(dt,{windowSize:y,responsiveWidth:ce[2].width,children:H.reimbursementType[L[0]]}),t.jsxs(Co,{windowSize:y,responsiveWidth:ce[3].width,children:[n!==void 0?t.jsx(Bo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(jo,{children:H.hyphenText}),b!==void 0&&j.length>0?j.length>1?t.jsx(X,{title:`${H.byText} `+j.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ve,{children:`${H.byText} `+j[0]+`${H.dots}`})}):t.jsx(Ve,{children:`${H.byText} `+j[0]}):null,x!=null?t.jsx(Ve,{children:x}):null]}),t.jsx(To,{windowSize:y,responsiveWidth:ce[4].width,children:Be("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Ye,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},wo=o.div`
+`,Se={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])},q=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,xo=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:g,approvers:b,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const y=Y(),m=Ke(),w=P.useRef(null),[a,r]=P.useState(0);P.useLayoutEffect(()=>{w.current&&r(w.current.offsetWidth*ft)},[y]);const $=He().analytics,s=Ge(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Ce(b),v=te.getLocalizedStrings().common.strings.empty,{threads:z,isLoading:K}=qe({application:"dashboard",companyId:m.currentTenant?.companyId,tab:"reimbursement",entityId:e.id,isGlobalComment:!1},"both",!1),E=P.useMemo(()=>z.filter(I=>I.resolved===!1),[z]),S=I=>{I.stopPropagation(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:k,companyId:m.currentTenant?.companyId??v,companyName:m.currentTenant?.companyName??v,entityType:"reimbursement.details",entityId:e.id??v}),$.trackCommentActivity("reimbursement","clicked",m.currentTenant?.companyName??v,m.controllersList.controllers.map(Q=>Je(Q)),void 0,void 0,"comment on field")};return t.jsxs(wo,{windowSize:y,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":ee("remi-row-click",e.id),children:[t.jsx(fo,{children:t.jsxs($o,{children:[t.jsxs(vo,{windowSize:y,responsiveWidth:ce[0].width,ref:w,children:[t.jsx(So,{windowSize:y,reportNameWidth:a,children:e.reportTitle??q.newReimbursementTitle}),d!=null&&t.jsx(ko,{children:`${q.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(Po,{windowSize:y,responsiveWidth:ce[1].width,children:g}),L.length>1?t.jsx(dt,{windowSize:y,responsiveWidth:ce[2].width,children:t.jsx(J,{title:q.reimbursementType.both,placement:"bottom-start",display:"flex",children:q.reimbursementType.titleForBoth})}):t.jsx(dt,{windowSize:y,responsiveWidth:ce[2].width,children:q.reimbursementType[L[0]]}),t.jsxs(Co,{windowSize:y,responsiveWidth:ce[3].width,children:[n!==void 0?t.jsx(Bo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??q.hyphenText}):t.jsx(jo,{children:q.hyphenText}),b!==void 0&&j.length>0?j.length>1?t.jsx(J,{title:`${q.byText} `+j.join(` ${q.orText} `),placement:"bottom-start",children:t.jsx(Oe,{children:`${q.byText} `+j[0]+`${q.dots}`})}):t.jsx(Oe,{children:`${q.byText} `+j[0]}):null,x!=null?t.jsx(Oe,{children:x}):null]}),t.jsx(To,{windowSize:y,responsiveWidth:ce[4].width,children:Be("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Ze,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},wo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -438,11 +438,11 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   padding-top: ${e=>Se.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>Se.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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Y`
+  ${e=>e.isProcessing?Z`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -454,7 +454,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Y`
+        `:e.isSelected?Z`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -466,7 +466,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Y`
+          `:Z`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -498,7 +498,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   column-gap: 12px;
   align-items: flex-start;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,So=o(F)`
+`,So=o(N)`
   color: ${e=>e.theme.colors.hero};
   align-items: center;
   white-space: nowrap;
@@ -507,25 +507,25 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   width: ${e=>e.reportNameWidth!=null&&e.reportNameWidth>0?`${e.reportNameWidth}px`:`${ft*100}%`};
 `,ko=o(se)`
   color: ${e=>e.theme.colors.grey1};
-`,To=o(F)`
+`,To=o(N)`
   display: flex;
   align-items: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?"flex-start":"center"};
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   justify-content: flex-end;
-`,Po=o(F)`
+`,Po=o(N)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,jo=o(F)``,dt=o(F)`
+`,jo=o(N)``,dt=o(N)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Co=o(F)`
+`,Co=o(N)`
   position: relative;
   top: 2px;
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
@@ -535,7 +535,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-`,Ve=o(U)`
+`,Oe=o(U)`
   position: relative;
   top: 1px;
   color: ${e=>e.theme.colors.grey1};
@@ -547,7 +547,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,pe={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=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,_o=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:g,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:y,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=Z(),{getValues:r,setValue:$}=yt(),s=e.reimbursementTypesIncluded,k=Ce(y),B=we(Bt[c]),L=r(g),j=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(g,[...L,e.id])},[g,b,d,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,L]),v=P.useCallback(()=>{j()},[j]),z=P.useCallback(E=>{E.stopPropagation(),E.cancelable&&E.preventDefault(),x?j():w(e.id)},[j,x,w,e.id]),K=Ct({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Lo,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(zo,{onClick:z,...K,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Do,{children:[t.jsxs(Io,{children:[t.jsxs(Ro,{children:[t.jsx(Eo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Mo,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Fo,{children:[B[1].value+": ",u]}),s.length>1?t.jsx(X,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(ct,{children:[V.reimbursementType.type+": ",V.reimbursementType[s[0]]]})]}),t.jsxs(Ao,{children:[t.jsx(No,{children:Be("0,0[.]00",e.amount)}),t.jsxs(Oo,{children:[n!==void 0?t.jsx(Vo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),y!==void 0&&k.length>0?k.length>1?t.jsx(X,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(We,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(We,{children:m}):null]})]})]})})})},Lo=o.div`
+`,pe={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)},O=te.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,_o=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:g,isBulkSelectionLimitReached:b,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:y,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=Y(),{getValues:r,setValue:$}=yt(),s=e.reimbursementTypesIncluded,k=Ce(y),B=we(Bt[c]),L=r(g),j=P.useCallback(()=>{!b&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(g,[...L,e.id])},[g,b,d,$,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,L]),v=P.useCallback(()=>{j()},[j]),z=P.useCallback(E=>{E.stopPropagation(),E.cancelable&&E.preventDefault(),x?j():w(e.id)},[j,x,w,e.id]),K=Ct({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Lo,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(zo,{onClick:z,...K,"data-testid":ee("remi-row-click-mobile",e.id),children:t.jsxs(Io,{children:[t.jsxs(Do,{children:[t.jsxs(Ro,{children:[t.jsx(Eo,{windowSize:a,children:e.reportTitle??O.newReimbursementTitle}),f!=null&&t.jsx(Mo,{children:`${O.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(No,{children:[B[1].value+": ",u]}),s.length>1?t.jsx(J,{title:O.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(ct,{children:[O.reimbursementType.type+": ",O.reimbursementType.titleForBoth]})}):t.jsxs(ct,{children:[O.reimbursementType.type+": ",O.reimbursementType[s[0]]]})]}),t.jsxs(Ao,{children:[t.jsx(Fo,{children:Be("0,0[.]00",e.amount)}),t.jsxs(Vo,{children:[n!==void 0?t.jsx(Oo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??O.hyphenText}):t.jsx(t.Fragment,{children:O.hyphenText}),y!==void 0&&k.length>0?k.length>1?t.jsx(J,{title:`${O.byText} `+k.join(` ${O.orText} `),placement:"bottom-start",children:t.jsx(We,{style:{marginLeft:"auto"},children:`${O.byText} `+k[0]+`${O.dots}`})}):t.jsx(We,{style:{marginLeft:"auto"},children:`${O.byText} `+k[0]}):null,m!=null?t.jsx(We,{children:m}):null]})]})]})})})},Lo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -556,10 +556,10 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   padding-top: ${e=>pe.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>pe.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"?`${J.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${J.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${X.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${X.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Y`
+  ${e=>e.isProcessing?Z`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -571,7 +571,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Y`
+        `:e.isSelected?Z`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -583,7 +583,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Y`
+          `:Z`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -604,11 +604,11 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
 `,zo=o.div`
   display: flex;
   width: 100%;
-`,Do=o.div`
+`,Io=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Io=o.div`
+`,Do=o.div`
   display: flex;
   flex-direction: column;
 `,Ao=o.div`
@@ -620,7 +620,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
-`,Eo=o(F)`
+`,Eo=o(N)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   word-break: break-word;
@@ -632,11 +632,11 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   max-width: ${e=>e.windowSize==="small"?`${kt}px`:"initial"};
 `,Mo=o(U)`
   color: ${e=>e.theme.colors.grey1};
-`,No=o(F)`
+`,Fo=o(N)`
   display: flex;
   margin-left: auto;
   color: ${e=>e.theme.colors.hero};
-`,Fo=o(U)`
+`,No=o(U)`
   color: ${e=>e.theme.colors.grey1};
   box-sizing: border-box;
   display: flex;
@@ -646,14 +646,14 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,Oo=o.div`
+`,Vo=o.div`
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
 `,We=o(U)`
   color: ${e=>e.theme.colors.grey1};
-`,Vo=o(U)`
+`,Oo=o(U)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -663,7 +663,7 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Wo={lastListItemHeight:new h(200,158)},T=te.getLocalizedStrings(),{common:{texts:{maxLimit:Uo}},spendManagement:{billPay:_t,reimbursement:Ko}}=T,G=_t.bulkActions,N=Ko.bulkActions,M=T.common.strings.empty,me="bulkSelectIds",qo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:b,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:y,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:$,fetchState:s,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=Z(),z=S=>{const D=y==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??M:e[S].reportTitle??M;return ei(D,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,D)=>{const{children:Q,style:ie,...re}=S;return t.jsx(bn,{ref:D,style:{...ie,width:"auto"},...re,children:t.jsx(yn,{children:Q})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,t.jsx(sn,{children:s==="Error"?t.jsxs(cn,{children:[t.jsx(pn,{onClick:L,children:t.jsx(mn,{})}),t.jsx(un,{children:T.peoplePage.reloadPage.label})]}):s==="Completed"&&e.length===0&&f!=M?t.jsx(et,{message:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):s==="Completed"&&e.length===0?t.jsx(et,{message:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:y==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):s==="Not-Started"||s==="In-Progress"?t.jsx(Kt,{fetchState:s,styles:{margin:"auto"}}):t.jsx(hn,{windowSize:v,children:t.jsx(qt,{children:({height:S,width:D})=>t.jsx(Gt,{ref:K,height:S,itemCount:y==="bill_pay"||y==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Yt,itemKey:Q=>e[Q].id,width:D,overscanCount:Ht,itemData:{entity:y,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:b,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:r,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Go})})})})},Rn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:y,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:r,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:s,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:D,removeAllTransactionsFromBulkActionList:Q,onProceedForBulkActionClick:ie})=>{const re=Et({defaultValues:{bulkSelectIds:s},values:{bulkSelectIds:s}});P.useEffect(()=>{const _=re.watch((I,{name:C})=>{C!=null&&I!=null&&Mt(()=>he(C,I))});return()=>{_.unsubscribe()}});const he=async(_,I)=>{if(_===me){let C=[];if(I[me].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&s.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=I[me].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(fe=>C.includes(fe.id)),oe=W.getBillListUniqueType(A);S?.trackBillPayBulkSelectAll(d,u,oe)}else{const A=e.filter(fe=>C.includes(fe.id)),oe=W.getRemiListUniqueType(A.map(fe=>fe.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,oe)}}else C=I[me];D?.(C)}},Ee=()=>{k.includes("cancel")?It():Rt()},ge=Z(),[Me,O]=P.useState(!1),[q,Ne]=P.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});P.useEffect(()=>{const _=Nt(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const zt=_=>{v(_)},Dt=P.useCallback(()=>{const{title:_,description:I}=ln(m,s.length,d,$);if(Ne({type:"delete",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(oe=>s.includes(oe.id)),A=W.getBillListUniqueType(C);S?.trackBillPayBulkDeleted(s.length,d,u,A)}else{const C=e.filter(oe=>s.includes(oe.id)),A=W.getRemiListUniqueType(C.map(oe=>oe.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(s.length,d,u,A)}O(!0)},[m,S,$,u,d,e,s]),It=P.useCallback(()=>{const{title:_,description:I}=nn(m,s.length);Ne({type:"cancel",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),O(!0)},[m,s.length]),At={onOkClick:_=>{if(O(!1),m==="bill_pay"){const I=e.filter(A=>s.includes(A.id)),C=W.getBillListUniqueType(I);S?.trackBillPayBulkPopupConfirm(q.type,d,u,C)}else{const I=e.filter(A=>s.includes(A.id)),C=W.getRemiListUniqueType(I.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(q.type,d,u,C)}q.type==="delete"?ie?.("delete",_):ie?.("cancel",_)},onCancelClick:()=>{Q?.(),O(!1),Ne({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},Rt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>s.includes(C.id)),I=W.getBillListUniqueType(_);S?.trackBillPayBulkSelection(s.length,d,u,I)}else{const _=e.filter(C=>s.includes(C.id)),I=W.getRemiListUniqueType(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(s.length,d,u,I)}k.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(L?"approve":"review")},[m,k,e,S,s,d,u,ie,L]),Qe=k.filter(_=>_!=="delete").length>0;return t.jsxs(dn,{children:[t.jsx(ai,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:zt,isSwitcherLeftAlign:!0}),t.jsx(Ft,{...re,children:t.jsxs(an,{onSubmit:re.handleSubmit(Ee),children:[t.jsx(qo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:y,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:r,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:L}),Me?t.jsx(Ot,{titleComponent:t.jsx(Wt,{children:q.title}),descriptionComponent:t.jsx(Vt,{children:q.description}),primaryButtonText:q.primaryButtonText,proceedButtonVariant:q.type==="delete"?"danger":"primary",secondaryButtonText:q.secondaryButtonText,action:At,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,s.length>0?t.jsx(Ut,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&Qe?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:Qe,primaryBtn:{label:en(m,k,s.length),isLoading:q.type!=="delete"&&B==="In-Progress",isDisabled:q.type==="delete"&&B==="In-Progress",type:"submit",style:tn(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:Q,style:on(k,ge)},leftSideComponent:Zo(s.length,a,m,ge),rightSideComponent:k.includes("delete")?Qo(s.length,q.type==="delete"&&B==="In-Progress",Dt,ge):null}):null]})})]})},Go=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:g,isBulkActionAllowed:b,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:y,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:r,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:s,onColumnSortConfigChanged:k}=n,B=Z(),L=Ue(),j=b?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(gn,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(Qt,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:Xo(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:Jo(B),name:me,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx(gi,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Ho,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:s,billsSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:rn(v,d),exceptionInfo:pt(c,v),exceptionType:mt(v)}))]:[{label:t.jsx(co,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:r,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Yo,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:y,selectedTab:w,isAdmin:g,onTransactionRowClick:s,remisSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:pt(c,v),exceptionType:mt(v)}))]})})},Ho=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:g,isBillPayCommentingEnabled:b,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const y=Z()==="small"?Oi:Ti,m=ii(e,n),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type),r=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=_t.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===B)?.label;return`${T.common.via} ${L}`},$=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?oi(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,s=ni(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&s?.code!=="failed"&&s?.code!=="processing"&&s?.code!=="cancelled"&&s?.code!=="returned"&&s?.code!=="rejected"&&s?.code!=="paid";return t.jsx(Lt,{children:t.jsx(y,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:b,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===g,isSelectionMode:x,bulkSelectFormId:d,tagStatus:s,approvers:e.isDeleted===!0?void 0:ht(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?r():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},Yo=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:g,bulkSelectFormId:b,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const y=Z()==="small"?_o:xo,m=li(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type);return t.jsx(Lt,{children:t.jsx(y,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:g.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:g.length===x,isSelectionMode:f,bulkSelectFormId:b,currentTab:n,date:si(e,n),approvers:e.isDeleted===!0?void 0:ht(e,n),tagStatus:ri(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},Xo=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},Jo=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},Zo=(e,n,c,l)=>{const d=c==="bill_pay"?G.bill:N.report,g=(e>1?d+"s":d)+G.selected;return e>0?t.jsxs($n,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(vn,{multiDigit:e>=10,children:e}),t.jsx(Sn,{children:g}),e===n?t.jsx(kn,{children:Uo}):null]}):null},Qo=(e,n,c,l)=>e>0?t.jsx(xn,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(wn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(Xt,{size:"Small",start:!0}):t.jsx(X,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(fn,{})})})}):null,pt=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=W.isBulkProcessing(c?.type),g=c?.type==="error";let b;if(d)b=c?.inProgressMessage;else if(g)b=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;b=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;b=x[l.bulkSelectExceptionInfo]}return b},en=(e,n,c)=>{const{billPay:l}=T.spendManagement;return n.includes("cancel")?e==="reimbursement"?N.popUps.cancel.title.replace("__report__",c>1?N.reports:N.report):l.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?l.bulkActions.bills:l.bulkActions.bill):n.includes("send_for_approval")?l.billDetails.sendForApproval:T.common.review},tn=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},on=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},nn=(e,n)=>{const{this_:c,these:l,payment:d,payments:g,bills:b,bill:x,reports:f,report:u,they:y,it:m}=T.common.texts;return n>1?e==="bill_pay"?{title:G.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:G.popUps.cancel.description.replace("<_this_>",l).replace("<_bill_>",b).replace("<_it_>",y).replace("<_payment_>",g)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",y).replace("<_payment_>",g)}:e==="reimbursement"?{title:N.popUps.cancel.title.replace("__report__",N.report),description:N.popUps.cancel.description.replace("<_this_>",c).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",d)}:{title:G.popUps.cancel.title.replace("<_bill_>",G.bill),description:G.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",x).replace("<_it_>",m).replace("<_payment_>",d)}},ln=(e,n,c,l)=>{const{this_:d,these:g,payment:b,payments:x,bills:f,bill:u,report:y,reports:m,they:w,it:a}=T.common.texts,r=n>1;let $=M;e==="bill_pay"?$=G.popUps.delete.title.replace("<_bill_>",r?G.bills:G.bill):$=N.popUps.delete.title.replace("__report__",r?N.reports:N.report);let s=M;return c==="draft"?e==="bill_pay"?s=G.popUps.delete.descriptionDraft.replace("<_this_>",r?g:d).replace("<_bill_>",r?f:u):s=N.popUps.delete.descriptionDraft.replace("<_this_>",r?g:d).replace("__report__",r?m:y):l?s=G.popUps.delete.descriptionRecurring.replace("<_payment_>",r?b:x):e==="bill_pay"?s=G.popUps.delete.descriptionOther.replace("<_this_>",r?g:d).replace("<_bill_>",r?f:u).replace("<_it_>",r?w:a).replace("<_payment_>",r?x:b):s=N.popUps.delete.descriptionOther.replace("<_this_>",r?g:d).replace("__report__",r?m:y).replace("<_it_>",r?w:a).replace("<_payment_>",r?x:b),{title:$,description:s}},rn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},mt=e=>W.isBulkProcessing(e.bulkProcessingDetail?.type)?"info":"alert",sn=o.div`
+`,Wo={lastListItemHeight:new h(200,158)},T=te.getLocalizedStrings(),{common:{texts:{maxLimit:Uo}},spendManagement:{billPay:_t,reimbursement:Ko}}=T,H=_t.bulkActions,F=Ko.bulkActions,M=T.common.strings.empty,me="bulkSelectIds",Go=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:b,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:y,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:$,fetchState:s,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=Y(),z=S=>{const I=y==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??M:e[S].reportTitle??M;return ei(I,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,I)=>{const{children:Q,style:ie,...re}=S;return t.jsx(bn,{ref:I,style:{...ie,width:"auto"},...re,children:t.jsx(yn,{children:Q})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,t.jsx(sn,{children:s==="Error"?t.jsxs(cn,{children:[t.jsx(pn,{onClick:L,children:t.jsx(mn,{})}),t.jsx(un,{children:T.peoplePage.reloadPage.label})]}):s==="Completed"&&e.length===0&&f!=M?t.jsx(et,{message:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):s==="Completed"&&e.length===0?t.jsx(et,{message:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:y==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:y==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):s==="Not-Started"||s==="In-Progress"?t.jsx(Kt,{fetchState:s,styles:{margin:"auto"}}):t.jsx(hn,{windowSize:v,children:t.jsx(Gt,{children:({height:S,width:I})=>t.jsx(Ht,{ref:K,height:S,itemCount:y==="bill_pay"||y==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Zt,itemKey:Q=>e[Q].id,width:I,overscanCount:qt,itemData:{entity:y,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:g,isBillPayCommentingEnabled:b,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:r,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Ho})})})})},Rn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:y,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:r,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:s,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:I,removeAllTransactionsFromBulkActionList:Q,onProceedForBulkActionClick:ie})=>{const re=Et({defaultValues:{bulkSelectIds:s},values:{bulkSelectIds:s}});P.useEffect(()=>{const _=re.watch((D,{name:C})=>{C!=null&&D!=null&&Mt(()=>he(C,D))});return()=>{_.unsubscribe()}});const he=async(_,D)=>{if(_===me){let C=[];if(D[me].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&s.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=D[me].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(fe=>C.includes(fe.id)),oe=W.getBillListUniqueType(A);S?.trackBillPayBulkSelectAll(d,u,oe)}else{const A=e.filter(fe=>C.includes(fe.id)),oe=W.getRemiListUniqueType(A.map(fe=>fe.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,oe)}}else C=D[me];I?.(C)}},Ee=()=>{k.includes("cancel")?Dt():Rt()},ge=Y(),[Me,V]=P.useState(!1),[G,Fe]=P.useState({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M});P.useEffect(()=>{const _=Ft(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const zt=_=>{v(_)},It=P.useCallback(()=>{const{title:_,description:D}=ln(m,s.length,d,$);if(Fe({type:"delete",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(oe=>s.includes(oe.id)),A=W.getBillListUniqueType(C);S?.trackBillPayBulkDeleted(s.length,d,u,A)}else{const C=e.filter(oe=>s.includes(oe.id)),A=W.getRemiListUniqueType(C.map(oe=>oe.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(s.length,d,u,A)}V(!0)},[m,S,$,u,d,e,s]),Dt=P.useCallback(()=>{const{title:_,description:D}=nn(m,s.length);Fe({type:"cancel",title:_,description:D,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),V(!0)},[m,s.length]),At={onOkClick:_=>{if(V(!1),m==="bill_pay"){const D=e.filter(A=>s.includes(A.id)),C=W.getBillListUniqueType(D);S?.trackBillPayBulkPopupConfirm(G.type,d,u,C)}else{const D=e.filter(A=>s.includes(A.id)),C=W.getRemiListUniqueType(D.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(G.type,d,u,C)}G.type==="delete"?ie?.("delete",_):ie?.("cancel",_)},onCancelClick:()=>{Q?.(),V(!1),Fe({type:M,title:M,description:M,primaryButtonText:M,secondaryButtonText:M})}},Rt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>s.includes(C.id)),D=W.getBillListUniqueType(_);S?.trackBillPayBulkSelection(s.length,d,u,D)}else{const _=e.filter(C=>s.includes(C.id)),D=W.getRemiListUniqueType(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(s.length,d,u,D)}k.includes("send_for_approval")?ie?.("send_for_approval"):ie?.(L?"approve":"review")},[m,k,e,S,s,d,u,ie,L]),Qe=k.filter(_=>_!=="delete").length>0;return t.jsxs(dn,{children:[t.jsx(ai,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:zt,isSwitcherLeftAlign:!0}),t.jsx(Nt,{...re,children:t.jsxs(an,{onSubmit:re.handleSubmit(Ee),children:[t.jsx(Go,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:y,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:g,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:r,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:L}),Me?t.jsx(Vt,{titleComponent:t.jsx(Wt,{children:G.title}),descriptionComponent:t.jsx(Ot,{children:G.description}),primaryButtonText:G.primaryButtonText,proceedButtonVariant:G.type==="delete"?"danger":"primary",secondaryButtonText:G.secondaryButtonText,action:At,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,s.length>0?t.jsx(Ut,{helperContainerStyle:ge==="small"?{margin:`${i.sp5} ${k.includes("delete")&&Qe?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:Qe,primaryBtn:{label:en(m,k,s.length),isLoading:G.type!=="delete"&&B==="In-Progress",isDisabled:G.type==="delete"&&B==="In-Progress",type:"submit",style:tn(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:Q,style:on(k,ge)},leftSideComponent:Yo(s.length,a,m,ge),rightSideComponent:k.includes("delete")?Qo(s.length,G.type==="delete"&&B==="In-Progress",It,ge):null}):null]})})]})},Ho=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:g,isBulkActionAllowed:b,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:y,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:r,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:s,onColumnSortConfigChanged:k}=n,B=Y(),L=Ue(),j=b?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx(gn,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(Qt,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:Jo(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:Xo(B),name:me,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx(gi,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(qo,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:s,billsSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:rn(v,d),exceptionInfo:pt(c,v),exceptionType:mt(v)}))]:[{label:t.jsx(co,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:r,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(Zo,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:y,selectedTab:w,isAdmin:g,onTransactionRowClick:s,remisSelectedForBulkAction:d,bulkSelectFormId:me,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:pt(c,v),exceptionType:mt(v)}))]})})},qo=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:g,isBillPayCommentingEnabled:b,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const y=Y()==="small"?Vi:Ti,m=ii(e,n),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type),r=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=_t.billDetails.paymentOutsideZeni.paymentModeOptions.find(j=>j.value===B)?.label;return`${T.common.via} ${L}`},$=f&&e.billPayInfo.stage.code==="scheduled"&&!e.isDeleted&&e.totalAmountWithFeesInUSD!=null?oi(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,s=ni(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&s?.code!=="failed"&&s?.code!=="processing"&&s?.code!=="cancelled"&&s?.code!=="returned"&&s?.code!=="rejected"&&s?.code!=="paid";return t.jsx(Lt,{children:t.jsx(y,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:b,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===g,isSelectionMode:x,bulkSelectFormId:d,tagStatus:s,approvers:e.isDeleted===!0?void 0:ht(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?r():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},Zo=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:g,bulkSelectFormId:b,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const y=Y()==="small"?_o:xo,m=li(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=W.isBulkProcessing(w?.type);return t.jsx(Lt,{children:t.jsx(y,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:g.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:g.length===x,isSelectionMode:f,bulkSelectFormId:b,currentTab:n,date:si(e,n),approvers:e.isDeleted===!0?void 0:ht(e,n),tagStatus:ri(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?ut(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},Jo=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},Xo=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},Yo=(e,n,c,l)=>{const d=c==="bill_pay"?H.bill:F.report,g=(e>1?d+"s":d)+H.selected;return e>0?t.jsxs($n,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(vn,{multiDigit:e>=10,children:e}),t.jsx(Sn,{children:g}),e===n?t.jsx(kn,{children:Uo}):null]}):null},Qo=(e,n,c,l)=>e>0?t.jsx(xn,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(wn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(Jt,{size:"Small",start:!0}):t.jsx(J,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(fn,{})})})}):null,pt=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=W.isBulkProcessing(c?.type),g=c?.type==="error";let b;if(d)b=c?.inProgressMessage;else if(g)b=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;b=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;b=x[l.bulkSelectExceptionInfo]}return b},en=(e,n,c)=>{const{billPay:l}=T.spendManagement;return n.includes("cancel")?e==="reimbursement"?F.popUps.cancel.title.replace("__report__",c>1?F.reports:F.report):l.bulkActions.popUps.cancel.title.replace("<_bill_>",c>1?l.bulkActions.bills:l.bulkActions.bill):n.includes("send_for_approval")?l.billDetails.sendForApproval:T.common.review},tn=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},on=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},nn=(e,n)=>{const{this_:c,these:l,payment:d,payments:g,bills:b,bill:x,reports:f,report:u,they:y,it:m}=T.common.texts;return n>1?e==="bill_pay"?{title:H.popUps.cancel.title.replace("<_bill_>",T.drawerMenus.bills),description:H.popUps.cancel.description.replace("<_this_>",l).replace("<_bill_>",b).replace("<_it_>",y).replace("<_payment_>",g)}:{title:F.popUps.cancel.title.replace("__report__",F.reports),description:F.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",y).replace("<_payment_>",g)}:e==="reimbursement"?{title:F.popUps.cancel.title.replace("__report__",F.report),description:F.popUps.cancel.description.replace("<_this_>",c).replace("__report__",u).replace("<_it_>",m).replace("<_payment_>",d)}:{title:H.popUps.cancel.title.replace("<_bill_>",H.bill),description:H.popUps.cancel.description.replace("<_this_>",c).replace("<_bill_>",x).replace("<_it_>",m).replace("<_payment_>",d)}},ln=(e,n,c,l)=>{const{this_:d,these:g,payment:b,payments:x,bills:f,bill:u,report:y,reports:m,they:w,it:a}=T.common.texts,r=n>1;let $=M;e==="bill_pay"?$=H.popUps.delete.title.replace("<_bill_>",r?H.bills:H.bill):$=F.popUps.delete.title.replace("__report__",r?F.reports:F.report);let s=M;return c==="draft"?e==="bill_pay"?s=H.popUps.delete.descriptionDraft.replace("<_this_>",r?g:d).replace("<_bill_>",r?f:u):s=F.popUps.delete.descriptionDraft.replace("<_this_>",r?g:d).replace("__report__",r?m:y):l?s=H.popUps.delete.descriptionRecurring.replace("<_payment_>",r?b:x):e==="bill_pay"?s=H.popUps.delete.descriptionOther.replace("<_this_>",r?g:d).replace("<_bill_>",r?f:u).replace("<_it_>",r?w:a).replace("<_payment_>",r?x:b):s=F.popUps.delete.descriptionOther.replace("<_this_>",r?g:d).replace("__report__",r?m:y).replace("<_it_>",r?w:a).replace("<_payment_>",r?x:b),{title:$,description:s}},rn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},mt=e=>W.isBulkProcessing(e.bulkProcessingDetail?.type)?"info":"alert",sn=o.div`
   display: block;
   height: 100%;
 `,an=o.form`
@@ -687,14 +687,14 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,mn=o(Jt)`
+`,mn=o(Xt)`
   height: ${i.sp5};
   width: ${i.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,un=o(Zt)`
+`,un=o(Yt)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
 `,hn=o.div`
@@ -723,14 +723,14 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
 `,wn=o.div`
   margin-right: ${i.sp8};
   cursor: ${e=>e.isLoading?"initial":"pointer"};
-  color: ${e=>e.windowSize==="small"?J.important:e.theme.colors.grey1};
+  color: ${e=>e.windowSize==="small"?X.important:e.theme.colors.grey1};
 `,fn=o(ti)`
   width: ${i.sp4};
   height: ${i.sp4};
   cursor: pointer;
   color: inherit;
   &:hover {
-    color: ${J.important};
+    color: ${X.important};
   }
 `,$n=o.div`
   display: flex;
@@ -747,8 +747,8 @@ import{a as Et,c7 as Mt,M as te,l as W,e as Z,kI as Nt,j as t,F as Ft,bS as Ot,b
   display: flex;
   justify-content: center;
   align-items: center;
-`,Sn=o(F)`
+`,Sn=o(N)`
   color: ${e=>e.theme.colors.primary};
 `,kn=o(se)`
-  color: ${J.important};
+  color: ${X.important};
 `;export{Rn as default};