@zeniai/web-cockpit-ui 1.14.84-qa → 1.14.85-dev

package/dist/assets/{SpendManagementPerTabPage-CoKTIQ2b-B3UZW97j.js → SpendManagementPerTabPage-DbXTM50B-DF3kTGNr.js}

@@ -1,4 +1,4 @@
-import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as Ut,co as Gt,aO as Ht,o as i,ca as Zt,cj as it,g0 as Qt,b1 as Yt,cq as qt,iJ as Xt,iK as Jt,A as ei,bQ as Q,bL as ti,aQ as ii,y as g,e as Ge,g1 as oi,kR as ni,p as Y,cV as li,al as W,ak as O,ag as re,kS as ri,f4 as si,kT as ai,kU as gt,kV as bt,j$ as di,kW as ci,kX as pi,bO as yt,b as Ce,aK as J,av as He,gB as Ze,a7 as Qe,gd as Ye,cO as xt,kY as wt,kZ as Be,aL as _e,k_ as qe,aH as xe,iS as ft,iT as $t,k$ as vt,iR as St,cv as kt,cy as Tt,l0 as R,l1 as Pt,gp as jt,cT as Ct,dv as Xe,u as p}from"./index-DdsM_njZ.js";import{a as P,w as Bt}from"./core-3dlyNYRL.js";import{n as o,b as Z}from"./mui-bYXq4XMS.js";import{Gb as Se,gc as ke,fI as Le,bq as _t}from"./zeni-epic-state-LPACxnXP.js";import{K as mi,L as ui,_ as hi}from"./StatusSwitcher-DlBY_FC1-BZi0rJQ6.js";import{d as Lt}from"./useLongPress-GCK2COYQ-8uipnze8.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const me=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,ze={key:"name",value:me.name,sortOrder:"ascending",width:new g(p[5],p[5])},De={key:"invoiceDate",value:me.invoiceDate,sortOrder:"ascending",width:new g(20,20)},gi={key:"dueDate",value:me.dueDate,sortOrder:"ascending",width:new g(20,20)},Je={key:"dueDate",value:me.paymentDate,sortOrder:"ascending",width:new g(20,20)},et={key:"status",value:me.status,sortOrder:"ascending",width:new g(18,18)},bi={key:"paymentMethod",value:me.paymentMethod,sortOrder:"ascending",width:new g(18,18)},Ie={key:"amount",value:me.amount,sortOrder:"ascending",width:new g(10,10)},be=[ze,De,gi,et,Ie],yi=[ze,De,Je,et,Ie],xi=[ze,De,Je,et,Ie],wi=[ze,De,Je,bi,Ie],ge={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[0],p[4]),headerHeight:new g(ft,$t)};function fi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ge(),b=q(),[y,x]=P.useState(_i(n));P.useEffect(()=>{const a=[...y];for(const s of a)s.key===l.sortKey?s.sortOrder=l.sortOrder:s.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,s)=>{let $=s;l.sortKey===a&&($=s==="ascending"?"descending":"ascending"),c?.(a,$)},u=y.find(a=>a.key===l.sortKey)??y[0],h=a=>y.find(s=>s.key===a)?.value??"",m=y.map(a=>a.key),w=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs;return b==="small"?t.jsxs(ot,{windowSize:b,companyNameSticky:!1,children:[t.jsxs(ki,{children:[t.jsx(Pi,{children:t.jsx(Ti,{})}),t.jsx(yt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:h,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Bi,{onClick:()=>f(u.key,u.sortOrder),"data-testid":J("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(re,{children:u.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(lt,{})})]})]}):t.jsx(ot,{companyNameSticky:e,windowSize:b,children:y.map(a=>t.jsxs(vi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:b,children:[t.jsxs(Ci,{onClick:()=>f(a.key,a.sortOrder),"data-testid":J("bill-pay-list-header",l.sortKey),children:[t.jsx(re,{children:a.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(lt,{})})]}),t.jsx(ji,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(Si,{onClick:()=>f("dueDate","ascending"),"data-testid":J("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const $i=Bt.memo(fi),ot=o(re)`
+import{a8 as Ot,cB as Mt,F as ee,Q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as Ut,co as Gt,aO as Ht,o as i,ca as Xt,cj as it,g1 as Zt,b1 as qt,cq as Qt,iK as Yt,iL as Jt,A as ei,bQ as Z,bL as ti,aQ as ii,y as g,d as Ge,g2 as oi,kR as ni,p as q,cV as li,al as W,ak as O,ag as re,kS as ri,f5 as si,kT as ai,kU as gt,kV as bt,k0 as di,kW as ci,kX as pi,bO as yt,b as Ce,aK as J,av as He,gC as Xe,a7 as Ze,ge as qe,cO as xt,kY as wt,kZ as Be,aL as _e,k_ as Qe,aH as xe,iT as ft,iU as $t,k$ as vt,iS as St,cv as kt,cy as Tt,l0 as R,l1 as Pt,gq as jt,cT as Ct,dw as Ye,u as p}from"./index-BS0RW8dr.js";import{a as P,w as Bt}from"./core-3dlyNYRL.js";import{n as o,b as X}from"./mui-bYXq4XMS.js";import{Gb as Se,gc as ke,fI as Le,bq as _t}from"./zeni-epic-state-LPACxnXP.js";import{K as mi,L as ui,_ as hi}from"./StatusSwitcher-xQ_AW7ze-DWj9eTCE.js";import{d as Lt}from"./useLongPress-GCK2COYQ-8uipnze8.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const me=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs.header,ze={key:"name",value:me.name,sortOrder:"ascending",width:new g(p[5],p[5])},De={key:"invoiceDate",value:me.invoiceDate,sortOrder:"ascending",width:new g(20,20)},gi={key:"dueDate",value:me.dueDate,sortOrder:"ascending",width:new g(20,20)},Je={key:"dueDate",value:me.paymentDate,sortOrder:"ascending",width:new g(20,20)},et={key:"status",value:me.status,sortOrder:"ascending",width:new g(18,18)},bi={key:"paymentMethod",value:me.paymentMethod,sortOrder:"ascending",width:new g(18,18)},Ie={key:"amount",value:me.amount,sortOrder:"ascending",width:new g(10,10)},be=[ze,De,gi,et,Ie],yi=[ze,De,Je,et,Ie],xi=[ze,De,Je,et,Ie],wi=[ze,De,Je,bi,Ie],ge={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[0],p[4]),headerHeight:new g(ft,$t)};function fi({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l}){const d=Ge(),b=Q(),[y,x]=P.useState(_i(n));P.useEffect(()=>{const a=[...y];for(const s of a)s.key===l.sortKey?s.sortOrder=l.sortOrder:s.sortOrder="ascending";x(a)},[l.sortKey,l.sortOrder]);const f=(a,s)=>{let $=s;l.sortKey===a&&($=s==="ascending"?"descending":"ascending"),c?.(a,$)},u=y.find(a=>a.key===l.sortKey)??y[0],h=a=>y.find(s=>s.key===a)?.value??"",m=y.map(a=>a.key),w=ee.getLocalizedStrings().spendManagement.billPay.billsByTabs;return b==="small"?t.jsxs(ot,{windowSize:b,companyNameSticky:!1,children:[t.jsxs(ki,{children:[t.jsx(Pi,{children:t.jsx(Ti,{})}),t.jsx(yt,{title:w.sortBy,placeholder:w.sortBy,pickerValues:m,valueToLabel:h,selectedValue:l.sortKey,onPickerSelectionChanged:a=>{f(a,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.background})]}),t.jsxs(Bi,{onClick:()=>f(u.key,u.sortOrder),"data-testid":J("bill-pay-list-header-mobile",l.sortKey),children:[t.jsx(re,{children:u.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:u,children:t.jsx(lt,{})})]})]}):t.jsx(ot,{companyNameSticky:e,windowSize:b,children:y.map(a=>t.jsxs(vi,{companyNameSticky:e&&a.key==="name",sortDataValue:l.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:b,children:[t.jsxs(Ci,{onClick:()=>f(a.key,a.sortOrder),"data-testid":J("bill-pay-list-header",l.sortKey),children:[t.jsx(re,{children:a.value}),t.jsx(nt,{sortDataValue:l.sortKey,headerdata:a,children:t.jsx(lt,{})})]}),t.jsx(ji,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===a.key&&a.key!=="dueDate",children:t.jsx(Si,{onClick:()=>f("dueDate","ascending"),"data-testid":J("bill-pay-list-header-sort-close",l.sortKey)})})]},a.key))})}const $i=Bt.memo(fi),ot=o(re)`
   width: 100%;
   top: ${i.sp0};
   left: ${i.sp0};
@@ -69,7 +69,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,_i=e=>{switch(e){case"draft":return xe(be);case"pending_approval":return xe(yi);case"scheduled":return xe(xi);case"paid":return xe(wi)}},ye={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:oe}},common:{strings:{empty:Ve,space:fe}}}=ee.getLocalizedStrings(),Li=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:b,lowBalanceAlert:y,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const w=q(),a=He(),s=Ze(),$=Qe().analytics,r=`dashboard_${a.currentTenant?.companyId}`,{threads:k,isLoading:B}=Ye({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(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:r,companyId:a.currentTenant?.companyId??Ve,companyName:a.currentTenant?.companyName??Ve,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Ve,a.controllersList.controllers.map(D=>Xe(D)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=_t(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):Be(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:oe.newBillTitle,E=()=>`${oe.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(zi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:b,children:[t.jsx(Di,{onClick:v,"data-testid":J("bill-pay-transaction-row",e.id),children:t.jsxs(Ii,{children:[t.jsxs(Ai,{windowSize:w,responsiveWidth:be[0].width,children:[t.jsxs(Ri,{children:[t.jsx(Ei,{windowSize:w,children:K}),e.isRecurring?t.jsx(Q,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Ki,{isProcessing:b,children:t.jsx(Ui,{})})}):null]}),t.jsx(Ni,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(rt,{windowSize:w,responsiveWidth:be[1].width,children:c[1].value}),t.jsx(rt,{windowSize:w,responsiveWidth:be[2].width,children:c[2].value}),t.jsxs(Wi,{windowSize:w,responsiveWidth:be[3].width,children:[t.jsxs(Vi,{children:[n!==void 0?t.jsx(Oi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??oe.hyphenText}):t.jsx(Mi,{children:oe.hyphenText}),h===!0&&y!=null&&y.length>0?t.jsx(Q,{title:y,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Gi,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(Q,{style:{padding:"2px 5px"},title:`${oe.byText}${fe}${z.join(`${fe}${oe.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${oe.byText}${fe}${z[0]}${oe.dots}`})}):t.jsx(Te,{children:`${oe.byText}${fe}${z[0]}`}):null,f!=null?t.jsx(Te,{children:f}):null,u!=null?t.jsx(Te,{children:u}):null]}),t.jsx(Fi,{windowSize:w,responsiveWidth:be[4].width,children:_e("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(qe,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},zi=o.div`
+`,_i=e=>{switch(e){case"draft":return xe(be);case"pending_approval":return xe(yi);case"scheduled":return xe(xi);case"paid":return xe(wi)}},ye={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8]),webkitLineClamp:new g(2,1,1,1,1)},{spendManagement:{billPay:{billDetails:oe}},common:{strings:{empty:Ve,space:fe}}}=ee.getLocalizedStrings(),Li=({transactionDetail:e,tagStatus:n,reportTitleAdditionalInfo:c,isSelected:l,isBillPayCommentingEnabled:d,isProcessing:b,lowBalanceAlert:y,approvers:x,deletionAdditionalInfo:f,paidAdditionalInfo:u,showLowBalanceTooltip:h,onTransactionRowClick:m})=>{const w=Q(),a=He(),s=Xe(),$=Ze().analytics,r=`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(),s?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:r,companyId:a.currentTenant?.companyId??Ve,companyName:a.currentTenant?.companyName??Ve,entityType:"bill.details",entityId:e.id}),$.trackCommentActivity("bill","clicked",a.currentTenant?.companyName??Ve,a.controllersList.controllers.map(D=>Ye(D)),void 0,void 0,"comment on field")},v=P.useCallback(()=>{m(e.id)},[e.id]),z=_t(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):Be(x),K=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:oe.newBillTitle,E=()=>`${oe.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`;return t.jsxs(zi,{windowSize:w,statusCode:n?.code??"",isSelected:l,isProcessing:b,children:[t.jsx(Di,{onClick:v,"data-testid":J("bill-pay-transaction-row",e.id),children:t.jsxs(Ii,{children:[t.jsxs(Ai,{windowSize:w,responsiveWidth:be[0].width,children:[t.jsxs(Ri,{children:[t.jsx(Ei,{windowSize:w,children:K}),e.isRecurring?t.jsx(Z,{title:E(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(Ki,{isProcessing:b,children:t.jsx(Ui,{})})}):null]}),t.jsx(Ni,{children:`${c[0].label} ${c[0].value}`})]}),t.jsx(rt,{windowSize:w,responsiveWidth:be[1].width,children:c[1].value}),t.jsx(rt,{windowSize:w,responsiveWidth:be[2].width,children:c[2].value}),t.jsxs(Wi,{windowSize:w,responsiveWidth:be[3].width,children:[t.jsxs(Vi,{children:[n!==void 0?t.jsx(Oi,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??oe.hyphenText}):t.jsx(Mi,{children:oe.hyphenText}),h===!0&&y!=null&&y.length>0?t.jsx(Z,{title:y,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",children:t.jsx(Gi,{})}):null]}),x!==void 0&&z.length>0?z.length>1?t.jsx(Z,{style:{padding:"2px 5px"},title:`${oe.byText}${fe}${z.join(`${fe}${oe.orText}${fe}`)}`,placement:"bottom-start",children:t.jsx(Te,{children:`${oe.byText}${fe}${z[0]}${oe.dots}`})}):t.jsx(Te,{children:`${oe.byText}${fe}${z[0]}`}):null,f!=null?t.jsx(Te,{children:f}):null,u!=null?t.jsx(Te,{children:u}):null]}),t.jsx(Fi,{windowSize:w,responsiveWidth:be[4].width,children:_e("0,0[.]00",e.totalAmountInUSD)})]})}),d&&L.length>0?t.jsx(Qe,{isLoading:B,count:L.length,style:{position:"absolute",float:"right",right:"44px",top:i.sp1},openThread:j}):null]})},zi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -78,11 +78,11 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   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"?`${Y.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Y.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -94,7 +94,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -106,7 +106,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -221,7 +221,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ae={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:We,space:$e}}}=ee.getLocalizedStrings(),Hi=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:s})=>{const $=q(),r=He(),k=Ze(),B=Qe().analytics,L=`dashboard_${r.currentTenant?.companyId}`,{threads:j,isLoading:v}=Ye({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(M=>M.resolved===!1),[j]),K=M=>{M.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:r.currentTenant?.companyId??We,companyName:r.currentTenant?.companyName??We,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??We,r.controllersList.controllers.map(U=>Xe(U)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=xt(),D=_t(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):Be(h),X=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,te=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,le=E(b),ue=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(b,[...le,e.id])},[b,y,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,le]),Ne=P.useCallback(()=>{ue()},[ue]),he=P.useCallback(M=>{M.stopPropagation(),M.cancelable&&M.preventDefault(),x?ue():s(e.id)},[ue,x,s,e.id]),Oe=Lt({onLongPress:Ne},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Zi,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Qi,{onClick:he,...Oe,"data-testid":J("bill-pay-trxn-row-small",e.id),children:t.jsxs(Yi,{children:[t.jsxs(no,{children:[t.jsxs(qi,{children:[t.jsxs(Xi,{children:[t.jsx(Ji,{windowSize:$,children:X}),e.isRecurring?t.jsx(Q,{title:te(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ro,{isProcessing:c,children:t.jsx(so,{})})}):null]}),t.jsx(to,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(st,{children:`${f[1].label} ${f[1].value}`}),t.jsx(st,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(lo,{children:[t.jsx(eo,{children:_e("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(oo,{hasAlertIcon:u!=null,children:[t.jsxs(ao,{children:[n!==void 0?t.jsx(io,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(t.Fragment,{children:ne.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(po,{onClick:M=>M.stopPropagation(),children:t.jsx(Q,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(co,{})})}):null]}),h!==void 0&&D.length>0?D.length>1?t.jsx(Q,{title:`${ne.byText}${$e}${D.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${ne.byText}${$e}${D[0]}${ne.dots}`})}):t.jsx(Pe,{children:`${ne.byText}${$e}${D[0]}`}):null,m!=null?t.jsx(Pe,{children:m}):null,w!=null?t.jsx(Pe,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(qe,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Zi=o.div`
+`,ae={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},{spendManagement:{billPay:{billDetails:ne}},common:{strings:{empty:We,space:$e}}}=ee.getLocalizedStrings(),Hi=({transactionDetail:e,tagStatus:n,isProcessing:c,isSelected:l,isBillPayCommentingEnabled:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,lowBalanceAlert:u,approvers:h,deletionAdditionalInfo:m,paidAdditionalInfo:w,showLowBalanceTooltip:a,onTransactionRowClick:s})=>{const $=Q(),r=He(),k=Xe(),B=Ze().analytics,L=`dashboard_${r.currentTenant?.companyId}`,{threads:j,isLoading:v}=qe({application:"dashboard",companyId:r.currentTenant?.companyId,tab:"bill",entityId:e.id,isGlobalComment:!1},"both",!1),z=P.useMemo(()=>j.filter(M=>M.resolved===!1),[j]),K=M=>{M.stopPropagation(),k?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:L,companyId:r.currentTenant?.companyId??We,companyName:r.currentTenant?.companyName??We,entityType:"bill.details",entityId:e.id}),B.trackCommentActivity("bill","clicked",r.currentTenant?.companyName??We,r.controllersList.controllers.map(U=>Ye(U)),void 0,void 0,"comment on field")},{getValues:E,setValue:S}=xt(),D=_t(e.billPayInfo.billPaymentStatus.code)?wt(e.createdByUser):Be(h),Y=e.vendor?.name!=null?e.vendor.name:e.candidateVendorName!=""?e.candidateVendorName:ne.newBillTitle,te=()=>`${ne.recurringBill.recurring} ${e.recurringBillInstance}/${e.recurringBillConfig?.totalPaymentCycles}`,le=E(b),ue=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!l&&S(b,[...le,e.id])},[b,y,l,S,e.bulkSelectInfo?.isSelectableForBulkAction,e.id,le]),Ne=P.useCallback(()=>{ue()},[ue]),he=P.useCallback(M=>{M.stopPropagation(),M.cancelable&&M.preventDefault(),x?ue():s(e.id)},[ue,x,s,e.id]),Oe=Lt({onLongPress:Ne},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(Xi,{windowSize:$,statusCode:n?.code??"",isSelected:l,isProcessing:c,children:[t.jsx(Zi,{onClick:he,...Oe,"data-testid":J("bill-pay-trxn-row-small",e.id),children:t.jsxs(qi,{children:[t.jsxs(no,{children:[t.jsxs(Qi,{children:[t.jsxs(Yi,{children:[t.jsx(Ji,{windowSize:$,children:Y}),e.isRecurring?t.jsx(Z,{title:te(),placement:"right",style:{padding:`2px ${i.sp2}`},children:t.jsx(ro,{isProcessing:c,children:t.jsx(so,{})})}):null]}),t.jsx(to,{children:`${f[0].label} ${f[0].value}`})]}),t.jsx(st,{children:`${f[1].label} ${f[1].value}`}),t.jsx(st,{children:`${f[2].label} ${f[2].value}`})]}),t.jsxs(lo,{children:[t.jsx(eo,{children:_e("0,0[.]00",e.totalAmountInUSD)}),t.jsxs(oo,{hasAlertIcon:u!=null,children:[t.jsxs(ao,{children:[n!==void 0?t.jsx(io,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??ne.hyphenText}):t.jsx(t.Fragment,{children:ne.hyphenText}),a===!0&&u!=null&&u.length>0?t.jsx(po,{onClick:M=>M.stopPropagation(),children:t.jsx(Z,{title:u,placement:"bottom",display:"flex",style:{padding:`12px ${i.sp3}`},position:"relative",maxWidth:"311px",enterDelay:600,children:t.jsx(co,{})})}):null]}),h!==void 0&&D.length>0?D.length>1?t.jsx(Z,{title:`${ne.byText}${$e}${D.join(`${$e}${ne.orText}${$e}`)}`,placement:"bottom-start",children:t.jsx(Pe,{children:`${ne.byText}${$e}${D[0]}${ne.dots}`})}):t.jsx(Pe,{children:`${ne.byText}${$e}${D[0]}`}):null,m!=null?t.jsx(Pe,{children:m}):null,w!=null?t.jsx(Pe,{children:w}):null]})]})]})}),d&&z.length>0?t.jsx(Qe,{isLoading:v,count:z.length,style:{position:"absolute",float:"right",right:"6px",top:i.sp1},openThread:K}):null]})},Xi=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -230,10 +230,10 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   padding-top: ${e=>ae.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>ae.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"?`${Y.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Y.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.dropShadowNormalLight}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -245,7 +245,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -257,7 +257,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -274,19 +274,19 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
           `}
   margin-right: ${e=>ae.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>ae.containerMarginLeft.valuePx(e.windowSize)};
-`,Qi=o.div`
+`,Zi=o.div`
   display: block;
   width: 100%;
-`,Yi=o.div`
+`,qi=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,qi=o.div`
+`,Qi=o.div`
   display: flex;
   flex-direction: column;
   column-gap: 12px;
   align-items: flex-start;
-`,Xi=o.div`
+`,Yi=o.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp1};
@@ -361,7 +361,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,po=o.div``,se=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ae={key:"reportName",value:se.name,sortOrder:"ascending",width:new g(30,30)},Re={key:"type",value:se.type,sortOrder:"ascending",width:new g(20,20)},Ee={key:"status",value:se.status,sortOrder:"ascending",width:new g(20,20)},Fe={key:"amount",value:se.amount,sortOrder:"ascending",width:new g(10,10)},de=[Ae,{key:"submittedOn",value:se.created,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],mo=[Ae,{key:"submittedOn",value:se.submitted,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],uo=[Ae,{key:"submittedOn",value:se.paymentDate,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],ho=[Ae,{key:"submittedOn",value:se.paidOn,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],zt={draft:de,pending_approval:mo,scheduled:uo,paid:ho},je={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[3],p[4])};function go({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const b=q(),y=Ge(),[x,f]=P.useState(xe(zt[n]));P.useEffect(()=>{const s=[...x];for(const $ of s)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(s)},[l.sortKey,l.sortOrder]);const u=(s,$)=>{let r=$;l.sortKey===s&&(r=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,r),c?.(s,r)},h=x.find(s=>s.key===l.sortKey)??x[0],m=s=>x.find($=>$.key===s)?.value??"",w=x.map(s=>s.key),a=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return b==="small"?t.jsxs(at,{height:ft,windowSize:b,children:[t.jsx(xo,{children:t.jsx(wo,{})}),t.jsx(yt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(So,{onClick:()=>u(h.key,h.sortOrder),"data-testid":J("remi-list-header-small",l.sortKey),children:[t.jsx(re,{children:h.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:h,children:t.jsx(ct,{})})]})]}):t.jsx(at,{height:$t,windowSize:b,children:x.map(s=>t.jsxs(yo,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:b,children:[t.jsxs(vo,{onClick:()=>u(s.key,s.sortOrder),"data-testid":J("remi-list-header",l.sortKey),children:[t.jsx(re,{children:s.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:s,children:t.jsx(ct,{})})]}),t.jsx($o,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(fo,{onClick:()=>u("submittedOn","ascending"),"data-testid":J("remi-list-close-sort",l.sortKey)})})]},s.key))})}const bo=Bt.memo(go),at=o(re)`
+`,po=o.div``,se=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs.header,Ae={key:"reportName",value:se.name,sortOrder:"ascending",width:new g(30,30)},Re={key:"type",value:se.type,sortOrder:"ascending",width:new g(20,20)},Ee={key:"status",value:se.status,sortOrder:"ascending",width:new g(20,20)},Fe={key:"amount",value:se.amount,sortOrder:"ascending",width:new g(10,10)},de=[Ae,{key:"submittedOn",value:se.created,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],mo=[Ae,{key:"submittedOn",value:se.submitted,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],uo=[Ae,{key:"submittedOn",value:se.paymentDate,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],ho=[Ae,{key:"submittedOn",value:se.paidOn,sortOrder:"ascending",width:new g(20,20)},Re,Ee,Fe],zt={draft:de,pending_approval:mo,scheduled:uo,paid:ho},je={headerLastColumnTopPadding:new g(p[0],p[4]),headerLastColumnRightPadding:new g(p[3],p[11]),headerLastColumnBottomPadding:new g(p[0],p[4]),headerLastColumnLeftPadding:new g(p[3],p[4])};function go({companyNameSticky:e,currentTab:n,onColumnSortConfigChanged:c,sortConfig:l,analytics:d}){const b=Q(),y=Ge(),[x,f]=P.useState(xe(zt[n]));P.useEffect(()=>{const s=[...x];for(const $ of s)$.key===l.sortKey?$.sortOrder=l.sortOrder:$.sortOrder="ascending";f(s)},[l.sortKey,l.sortOrder]);const u=(s,$)=>{let r=$;l.sortKey===s&&(r=$==="ascending"?"descending":"ascending"),d?.trackReimbursementListSort(s,r),c?.(s,r)},h=x.find(s=>s.key===l.sortKey)??x[0],m=s=>x.find($=>$.key===s)?.value??"",w=x.map(s=>s.key),a=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs;return b==="small"?t.jsxs(at,{height:ft,windowSize:b,children:[t.jsx(xo,{children:t.jsx(wo,{})}),t.jsx(yt,{title:a.sortBy,placeholder:a.sortBy,pickerValues:w,valueToLabel:m,selectedValue:l.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:Ce.smallRegular,titleTextStyle:Ce.smallRegular,titleColor:y.colors.primary,selectedOptionColor:y.colors.hero,optionBackgroundColor:"inherit",downChevronVisible:!1}),t.jsxs(So,{onClick:()=>u(h.key,h.sortOrder),"data-testid":J("remi-list-header-small",l.sortKey),children:[t.jsx(re,{children:h.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:h,children:t.jsx(ct,{})})]})]}):t.jsx(at,{height:$t,windowSize:b,children:x.map(s=>t.jsxs(yo,{companyNameSticky:e,sortDataValue:l.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:b,children:[t.jsxs(vo,{onClick:()=>u(s.key,s.sortOrder),"data-testid":J("remi-list-header",l.sortKey),children:[t.jsx(re,{children:s.value}),t.jsx(dt,{sortDataValue:l.sortKey,headerdata:s,children:t.jsx(ct,{})})]}),t.jsx($o,{sortDataValue:l.sortKey,windowSize:b,isVisible:l.sortKey===s.key&&s.key!=="submittedOn",children:t.jsx(fo,{onClick:()=>u("submittedOn","ascending"),"data-testid":J("remi-list-close-sort",l.sortKey)})})]},s.key))})}const bo=Bt.memo(go),at=o(re)`
   width: 100%;
   top: 0;
   left: 0;
@@ -429,7 +429,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
     color: ${e=>e.theme.colors.primary};
   }
   margin-left: auto;
-`,ve={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8])},H=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,ko=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:b,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=q(),m=He(),w=P.useRef(null),[a,s]=P.useState(0);P.useLayoutEffect(()=>{w.current&&s(w.current.offsetWidth*vt)},[h]);const $=Qe().analytics,r=Ze(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Be(y),v=ee.getLocalizedStrings().common.strings.empty,{threads:z,isLoading:K}=Ye({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(),r?.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(X=>Xe(X)),void 0,void 0,"comment on field")};return t.jsxs(To,{windowSize:h,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":J("remi-row-click",e.id),children:[t.jsx(Po,{children:t.jsxs(jo,{children:[t.jsxs(Co,{windowSize:h,responsiveWidth:de[0].width,ref:w,children:[t.jsx(Bo,{windowSize:h,reportNameWidth:a,children:e.reportTitle??H.newReimbursementTitle}),d!=null&&t.jsx(_o,{children:`${H.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(zo,{windowSize:h,responsiveWidth:de[1].width,children:b}),L.length>1?t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:t.jsx(Q,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:H.reimbursementType[L[0]]}),t.jsxs(Io,{windowSize:h,responsiveWidth:de[3].width,children:[n!==void 0?t.jsx(Ao,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(Do,{children:H.hyphenText}),y!==void 0&&j.length>0?j.length>1?t.jsx(Q,{title:`${H.byText} `+j.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ke,{children:`${H.byText} `+j[0]+`${H.dots}`})}):t.jsx(Ke,{children:`${H.byText} `+j[0]}):null,x!=null?t.jsx(Ke,{children:x}):null]}),t.jsx(Lo,{windowSize:h,responsiveWidth:de[4].width,children:_e("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(qe,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},To=o.div`
+`,ve={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],12),containerPaddingBottom:new g(p[2],12),containerMarginLeft:new g(p[4],p[8])},H=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,ko=({reimbursementDetail:e,tagStatus:n,isProcessing:c,isSelected:l,reportTitleAdditionalInfo:d,date:b,approvers:y,deletionAdditionalInfo:x,isReimbursementCommentingEnabled:f,onTransactionRowClick:u})=>{const h=Q(),m=He(),w=P.useRef(null),[a,s]=P.useState(0);P.useLayoutEffect(()=>{w.current&&s(w.current.offsetWidth*vt)},[h]);const $=Ze().analytics,r=Xe(),k=`dashboard_${m.currentTenant?.companyId}`,B=()=>{u(e.id)},L=e.reimbursementTypesIncluded,j=Be(y),v=ee.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(D=>D.resolved===!1),[z]),S=D=>{D.stopPropagation(),r?.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(Y=>Ye(Y)),void 0,void 0,"comment on field")};return t.jsxs(To,{windowSize:h,onClick:B,isProcessing:c,isSelected:l,statusCode:n?.code??v,"data-testid":J("remi-row-click",e.id),children:[t.jsx(Po,{children:t.jsxs(jo,{children:[t.jsxs(Co,{windowSize:h,responsiveWidth:de[0].width,ref:w,children:[t.jsx(Bo,{windowSize:h,reportNameWidth:a,children:e.reportTitle??H.newReimbursementTitle}),d!=null&&t.jsx(_o,{children:`${H.byText} ${d?.firstName} ${d?.lastName}`})]}),t.jsx(zo,{windowSize:h,responsiveWidth:de[1].width,children:b}),L.length>1?t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:t.jsx(Z,{title:H.reimbursementType.both,placement:"bottom-start",display:"flex",children:H.reimbursementType.titleForBoth})}):t.jsx(pt,{windowSize:h,responsiveWidth:de[2].width,children:H.reimbursementType[L[0]]}),t.jsxs(Io,{windowSize:h,responsiveWidth:de[3].width,children:[n!==void 0?t.jsx(Ao,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??H.hyphenText}):t.jsx(Do,{children:H.hyphenText}),y!==void 0&&j.length>0?j.length>1?t.jsx(Z,{title:`${H.byText} `+j.join(` ${H.orText} `),placement:"bottom-start",children:t.jsx(Ke,{children:`${H.byText} `+j[0]+`${H.dots}`})}):t.jsx(Ke,{children:`${H.byText} `+j[0]}):null,x!=null?t.jsx(Ke,{children:x}):null]}),t.jsx(Lo,{windowSize:h,responsiveWidth:de[4].width,children:_e("0,0[.]00",e.amount)})]})}),f&&E.length>0?t.jsx(Qe,{isLoading:K,count:E.length,style:{position:"absolute",float:"right",right:`calc(${i.sp6} + ${i.sp1})`,top:i.sp1},openThread:S}):null]})},To=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.isProcessing?"transparent":e.theme.colors.grey5};
@@ -438,11 +438,11 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,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"?`${Y.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Y.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
 
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -454,7 +454,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -466,7 +466,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -547,7 +547,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   padding: 1px 6px 1px 6px;
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
-`,ce={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},V=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Ro=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=q(),{getValues:s,setValue:$}=xt(),r=e.reimbursementTypesIncluded,k=Be(h),B=xe(zt[c]),L=s(b),j=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(b,[...L,e.id])},[b,y,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=Lt({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Eo,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(Fo,{onClick:z,...K,"data-testid":J("remi-row-click-mobile",e.id),children:t.jsxs(No,{children:[t.jsxs(Oo,{children:[t.jsxs(Vo,{children:[t.jsx(Wo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Ko,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Go,{children:[B[1].value+": ",u]}),r.length>1?t.jsx(Q,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType[r[0]]]})]}),t.jsxs(Mo,{children:[t.jsx(Uo,{children:_e("0,0[.]00",e.amount)}),t.jsxs(Ho,{children:[n!==void 0?t.jsx(Zo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),h!==void 0&&k.length>0?k.length>1?t.jsx(Q,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(Ue,{children:m}):null]})]})]})})})},Eo=o.div`
+`,ce={containerPaddingLeft:new g(p[3],p[4]),containerPaddingRight:new g(p[3],p[4]),containerPaddingTop:new g(p[2],p[3]),containerPaddingBottom:new g(p[2],p[3]),containerMarginLeft:new g(p[3],p[8]),webkitLineClamp:new g(2,2,1,1,1)},V=ee.getLocalizedStrings().spendManagement.reimbursement.reimbursementByTabs,Ro=({reimbursementDetail:e,tagStatus:n,currentTab:c,isProcessing:l,isSelected:d,bulkSelectFormId:b,isBulkSelectionLimitReached:y,isSelectionMode:x,reportTitleAdditionalInfo:f,date:u,approvers:h,deletionAdditionalInfo:m,onTransactionRowClick:w})=>{const a=Q(),{getValues:s,setValue:$}=xt(),r=e.reimbursementTypesIncluded,k=Be(h),B=xe(zt[c]),L=s(b),j=P.useCallback(()=>{!y&&e.bulkSelectInfo?.isSelectableForBulkAction&&!d&&$(b,[...L,e.id])},[b,y,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=Lt({onLongPress:v},{shouldPreventDefault:!1,delay:1e3});return t.jsx(Eo,{windowSize:a,statusCode:n?.code??"",isProcessing:l,isSelected:d,children:t.jsx(Fo,{onClick:z,...K,"data-testid":J("remi-row-click-mobile",e.id),children:t.jsxs(No,{children:[t.jsxs(Oo,{children:[t.jsxs(Vo,{children:[t.jsx(Wo,{windowSize:a,children:e.reportTitle??V.newReimbursementTitle}),f!=null&&t.jsx(Ko,{children:`${V.byText} ${f?.firstName} ${f?.lastName}`})]}),t.jsxs(Go,{children:[B[1].value+": ",u]}),r.length>1?t.jsx(Z,{title:V.reimbursementType.both,placement:"bottom-start",display:"flex",children:t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType.titleForBoth]})}):t.jsxs(mt,{children:[V.reimbursementType.type+": ",V.reimbursementType[r[0]]]})]}),t.jsxs(Mo,{children:[t.jsx(Uo,{children:_e("0,0[.]00",e.amount)}),t.jsxs(Ho,{children:[n!==void 0?t.jsx(Xo,{className:"statusTag",color:n.color,bgColor:n.bgColor,borderColor:n.borderColor,children:n.value??V.hyphenText}):t.jsx(t.Fragment,{children:V.hyphenText}),h!==void 0&&k.length>0?k.length>1?t.jsx(Z,{title:`${V.byText} `+k.join(` ${V.orText} `),placement:"bottom-start",children:t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]+`${V.dots}`})}):t.jsx(Ue,{style:{marginLeft:"auto"},children:`${V.byText} `+k[0]}):null,m!=null?t.jsx(Ue,{children:m}):null]})]})]})})})},Eo=o.div`
   display: flex;
   margin-bottom: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey5};
@@ -556,10 +556,10 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,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"?`${Y.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${Y.boxShadowElevation}`};
+  box-shadow: ${e=>e.isProcessing?"none":e.theme.mode==="dark"?`${q.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${q.boxShadowElevation}`};
   border-radius: ${i.sp2};
   cursor: ${e=>e.isProcessing?"initial":"pointer"};
-  ${e=>e.isProcessing?Z`
+  ${e=>e.isProcessing?X`
           color: ${e.theme.colors.grey2};
           border-color: ${e.theme.colors.grey2};
           div {
@@ -571,7 +571,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
             color: ${e.theme.colors.grey2};
             border-color: ${e.theme.colors.grey2};
           }
-        `:e.isSelected?Z`
+        `:e.isSelected?X`
             color: ${e.theme.colors.primary};
             border-color: ${e.theme.colors.primary};
             div {
@@ -583,7 +583,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
               color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
               border-color: ${R.includes(e.statusCode)?e.theme.colors.primary:void 0};
             }
-          `:Z`
+          `:X`
             &:hover {
               color: ${e.theme.colors.primary};
               border-color: ${e.theme.colors.primary};
@@ -653,7 +653,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   flex-direction: column;
 `,Ue=o(W)`
   color: ${e=>e.theme.colors.grey1};
-`,Zo=o(W)`
+`,Xo=o(W)`
   display: flex;
   color: ${e=>e.color};
   height: 20px;
@@ -663,7 +663,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   border: ${e=>`1px solid ${e.borderColor}`};
   border-radius: ${i.sp1};
   margin-left: auto;
-`,Qo={lastListItemHeight:new g(200,158)},T=ee.getLocalizedStrings(),{common:{texts:{maxLimit:Yo}},spendManagement:{billPay:Dt,reimbursement:qo}}=T,G=Dt.bulkActions,N=qo.bulkActions,F=T.common.strings.empty,pe="bulkSelectIds",Xo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:$,fetchState:r,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=q(),z=S=>{const D=h==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??F:e[S].reportTitle??F;return ni(D,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,D)=>{const{children:X,style:te,...le}=S;return t.jsx(Sn,{ref:D,style:{...te,width:"auto"},...le,children:t.jsx(vn,{children:X})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Zt({componentName:`${ui(h)}.${hi(c,h)}`,enabled:r==="Completed"}),t.jsx(un,{children:r==="Error"?t.jsxs(bn,{children:[t.jsx(yn,{onClick:L,children:t.jsx(xn,{})}),t.jsx(wn,{children:T.peoplePage.reloadPage.label})]}):r==="Completed"&&e.length===0&&f!=F?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):r==="Completed"&&e.length===0?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:h==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):r==="Not-Started"||r==="In-Progress"?t.jsx(Qt,{fetchState:r,styles:{margin:"auto"}}):t.jsx(fn,{windowSize:v,children:t.jsx(Yt,{children:({height:S,width:D})=>t.jsx(qt,{ref:K,height:S,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Jt,itemKey:X=>e[X].id,width:D,overscanCount:Xt,itemData:{entity:h,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:s,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Jo})})})})},Kn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:s,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:r,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:D,removeAllTransactionsFromBulkActionList:X,onProceedForBulkActionClick:te})=>{const le=Ot({defaultValues:{bulkSelectIds:r},values:{bulkSelectIds:r}});P.useEffect(()=>{const _=le.watch((I,{name:C})=>{C!=null&&I!=null&&Mt(()=>ue(C,I))});return()=>{_.unsubscribe()}});const ue=async(_,I)=>{if(_===pe){let C=[];if(I[pe].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&r.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=I[pe].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(we=>C.includes(we.id)),ie=Se(A);S?.trackBillPayBulkSelectAll(d,u,ie)}else{const A=e.filter(we=>C.includes(we.id)),ie=ke(A.map(we=>we.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,ie)}}else C=I[pe];D?.(C)}},Ne=()=>{k.includes("cancel")?Et():Nt()},he=q(),[Oe,M]=P.useState(!1),[U,Me]=P.useState({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F});P.useEffect(()=>{const _=Vt(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const At=_=>{v(_)},Rt=P.useCallback(()=>{const{title:_,description:I}=pn(m,r.length,d,$);if(Me({type:"delete",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(ie=>r.includes(ie.id)),A=Se(C);S?.trackBillPayBulkDeleted(r.length,d,u,A)}else{const C=e.filter(ie=>r.includes(ie.id)),A=ke(C.map(ie=>ie.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(r.length,d,u,A)}M(!0)},[m,S,$,u,d,e,r]),Et=P.useCallback(()=>{const{title:_,description:I}=cn(m,r.length);Me({type:"cancel",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),M(!0)},[m,r.length]),Ft={onOkClick:_=>{if(M(!1),m==="bill_pay"){const I=e.filter(A=>r.includes(A.id)),C=Se(I);S?.trackBillPayBulkPopupConfirm(U.type,d,u,C)}else{const I=e.filter(A=>r.includes(A.id)),C=ke(I.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(U.type,d,u,C)}U.type==="delete"?te?.("delete",_):te?.("cancel",_)},onCancelClick:()=>{X?.(),M(!1),Me({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F})}},Nt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>r.includes(C.id)),I=Se(_);S?.trackBillPayBulkSelection(r.length,d,u,I)}else{const _=e.filter(C=>r.includes(C.id)),I=ke(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(r.length,d,u,I)}k.includes("send_for_approval")?te?.("send_for_approval"):te?.(L?"approve":"review")},[m,k,e,S,r,d,u,te,L]),tt=k.filter(_=>_!=="delete").length>0;return t.jsxs(gn,{children:[t.jsx(mi,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:At,isSwitcherLeftAlign:!0}),t.jsx(Wt,{...le,children:t.jsxs(hn,{onSubmit:le.handleSubmit(Ne),children:[t.jsx(Xo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:h,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:s,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:L}),Oe?t.jsx(Kt,{titleComponent:t.jsx(Gt,{children:U.title}),descriptionComponent:t.jsx(Ut,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ft,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,r.length>0?t.jsx(Ht,{helperContainerStyle:he==="small"?{margin:`${i.sp5} ${k.includes("delete")&&tt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:tt,primaryBtn:{label:sn(m,k,r.length),isLoading:U.type!=="delete"&&B==="In-Progress",isDisabled:U.type==="delete"&&B==="In-Progress",type:"submit",style:an(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:X,style:dn(k,he)},leftSideComponent:ln(r.length,a,m,he),rightSideComponent:k.includes("delete")?rn(r.length,U.type==="delete"&&B==="In-Progress",Rt,he):null}):null]})})]})},Jo=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:b,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:s,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:r,onColumnSortConfigChanged:k}=n,B=q(),L=Ge(),j=y?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx($n,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(oi,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:on(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:nn(B),name:pe,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx($i,{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(en,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:r,billsSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:mn(v,d),exceptionInfo:ut(c,v),exceptionType:ht(v)}))]:[{label:t.jsx(bo,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:s,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(tn,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:w,isAdmin:b,onTransactionRowClick:r,remisSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:ut(c,v),exceptionType:ht(v)}))]})})},en=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:b,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=q()==="small"?Hi:Li,m=ri(e,n),{bulkProcessingDetail:w}=e,a=Le(w?.type),s=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=Dt.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?si(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,r=ai(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&r?.code!=="failed"&&r?.code!=="processing"&&r?.code!=="cancelled"&&r?.code!=="returned"&&r?.code!=="rejected"&&r?.code!=="paid";return t.jsx(It,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===b,isSelectionMode:x,bulkSelectFormId:d,tagStatus:r,approvers:e.isDeleted===!0?void 0:bt(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},tn=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:b,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const h=q()==="small"?Ro:ko,m=di(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=Le(w?.type);return t.jsx(It,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:b.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:b.length===x,isSelectionMode:f,bulkSelectFormId:y,currentTab:n,date:pi(e,n),approvers:e.isDeleted===!0?void 0:bt(e,n),tagStatus:ci(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},on=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},nn=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},ln=(e,n,c,l)=>{const d=c==="bill_pay"?G.bill:N.report,b=(e>1?d+"s":d)+G.selected;return e>0?t.jsxs(jn,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Cn,{multiDigit:e>=10,children:e}),t.jsx(Bn,{children:b}),e===n?t.jsx(_n,{children:Yo}):null]}):null},rn=(e,n,c,l)=>e>0?t.jsx(kn,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Tn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(ei,{size:"Small",start:!0}):t.jsx(Q,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(Pn,{})})})}):null,ut=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=Le(c?.type),b=c?.type==="error";let y;if(d)y=c?.inProgressMessage;else if(b)y=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;y=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;y=x[l.bulkSelectExceptionInfo]}return y},sn=(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},an=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},dn=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},cn=(e,n)=>{const{this_:c,these:l,payment:d,payments:b,bills:y,bill:x,reports:f,report:u,they:h,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_>",y).replace("<_it_>",h).replace("<_payment_>",b)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",b)}: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)}},pn=(e,n,c,l)=>{const{this_:d,these:b,payment:y,payments:x,bills:f,bill:u,report:h,reports:m,they:w,it:a}=T.common.texts,s=n>1;let $=F;e==="bill_pay"?$=G.popUps.delete.title.replace("<_bill_>",s?G.bills:G.bill):$=N.popUps.delete.title.replace("__report__",s?N.reports:N.report);let r=F;return c==="draft"?e==="bill_pay"?r=G.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u):r=N.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("__report__",s?m:h):l?r=G.popUps.delete.descriptionRecurring.replace("<_payment_>",s?y:x):e==="bill_pay"?r=G.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y):r=N.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("__report__",s?m:h).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y),{title:$,description:r}},mn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},ht=e=>Le(e.bulkProcessingDetail?.type)?"info":"alert",un=o.div`
+`,Zo={lastListItemHeight:new g(200,158)},T=ee.getLocalizedStrings(),{common:{texts:{maxLimit:qo}},spendManagement:{billPay:Dt,reimbursement:Qo}}=T,G=Dt.bulkActions,N=Qo.bulkActions,F=T.common.strings.empty,pe="bulkSelectIds",Yo=({transactionList:e,botEmail:n,selectedTab:c,selectedSubTab:l,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,searchText:f,isAdmin:u,entity:h,uiState:m,bulkSubmissionLimit:w,isBulkActionAllowed:a,transactionsSelectedForBulkAction:s,isDetectInsufficientFundsEnabled:$,fetchState:r,analytics:k,onTransactionRowClick:B,onReloadTransactions:L,onColumnSortConfigChanged:j})=>{const v=Q(),z=S=>{const D=h==="bill_pay"?e[S].vendor?.name??e[S].candidateVendorName??F:e[S].reportTitle??F;return ni(D,v)},K=P.useRef(null);P.useEffect(()=>{K.current?.resetAfterIndex(0)},[v,K,c,l]);const E=P.forwardRef((S,D)=>{const{children:Y,style:te,...le}=S;return t.jsx(Sn,{ref:D,style:{...te,width:"auto"},...le,children:t.jsx(vn,{children:Y})})});return E.displayName=T.spendManagement.billPay.billsByTabs.headerElementDisplayName,Xt({componentName:`${ui(h)}.${hi(c,h)}`,enabled:r==="Completed"}),t.jsx(un,{children:r==="Error"?t.jsxs(bn,{children:[t.jsx(yn,{onClick:L,children:t.jsx(xn,{})}),t.jsx(wn,{children:T.peoplePage.reloadPage.label})]}):r==="Completed"&&e.length===0&&f!=F?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataWithFilterText:T.spendManagement.reimbursement.reimbursementByTabs.noDataWithFilterText}):r==="Completed"&&e.length===0?t.jsx(it,{message:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataText:T.spendManagement.reimbursement.reimbursementByTabs.noDataText,orMessage:h==="bill_pay"?T.spendManagement.billPay.billsByTabs.noDataTextViaMail:T.spendManagement.reimbursement.reimbursementByTabs.noDataTextViaMail,emailTextPrefix:h==="bill_pay"?void 0:T.spendManagement.reimbursement.reimbursementByTabs.receiptTo,botEmail:n}):r==="Not-Started"||r==="In-Progress"?t.jsx(Zt,{fetchState:r,styles:{margin:"auto"}}):t.jsx(fn,{windowSize:v,children:t.jsx(qt,{children:({height:S,width:D})=>t.jsx(Qt,{ref:K,height:S,itemCount:h==="bill_pay"||h==="reimbursement"?1:e.length,innerElementType:E,itemSize:z,estimatedItemSize:Jt,itemKey:Y=>e[Y].id,width:D,overscanCount:Yt,itemData:{entity:h,isBulkActionAllowed:a,isShowDeletedBillsEnabled:d,isShowDeletedReimbursementEnabled:b,isBillPayCommentingEnabled:y,isReimbursementCommentingEnabled:x,transactionList:e,isAdmin:u,selectedTab:c,transactionsSelectedForBulkAction:s,bulkSubmissionLimit:w,uiState:m,analytics:k,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:B,onColumnSortConfigChanged:j},initialScrollOffset:0,children:Jo})})})})},Kn=({transactionList:e,botEmail:n,allSubTabs:c,isAdmin:l,selectedTab:d,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,selectedSubTab:u,searchText:h,entity:m,uiState:w,bulkSubmissionLimit:a,isBulkActionAllowed:s,isRecurringBillInBulkActionList:$,transactionsSelectedForBulkAction:r,allowedBulkActions:k,bulkSubmissionFetchState:B,isDetectInsufficientFundsEnabled:L,onTransactionRowClick:j,onSubtabChange:v,fetchState:z,onReloadTransactions:K,onColumnSortConfigChanged:E,analytics:S,updateBulkActionList:D,removeAllTransactionsFromBulkActionList:Y,onProceedForBulkActionClick:te})=>{const le=Ot({defaultValues:{bulkSelectIds:r},values:{bulkSelectIds:r}});P.useEffect(()=>{const _=le.watch((I,{name:C})=>{C!=null&&I!=null&&Mt(()=>ue(C,I))});return()=>{_.unsubscribe()}});const ue=async(_,I)=>{if(_===pe){let C=[];if(I[pe].includes(T.common.all.toLowerCase())){if(d==="scheduled"&&r.length===0){C=[];for(const A of e)if(A.bulkSelectInfo?.isSelectableForBulkActionSelectAll&&C.push(A.id),C.length===a)break}else C=I[pe].filter(A=>A!==T.common.all.toLowerCase());if(m==="bill_pay"){const A=e.filter(we=>C.includes(we.id)),ie=Se(A);S?.trackBillPayBulkSelectAll(d,u,ie)}else{const A=e.filter(we=>C.includes(we.id)),ie=ke(A.map(we=>we.reimbursementTypesIncluded));S?.trackReimbursementBulkSelectAll(d,u,ie)}}else C=I[pe];D?.(C)}},Ne=()=>{k.includes("cancel")?Et():Nt()},he=Q(),[Oe,M]=P.useState(!1),[U,Me]=P.useState({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F});P.useEffect(()=>{const _=Vt(d,u,m);z==="Completed"&&_!=null&&S?.trackPageLoaded(_,m==="bill_pay"?"Bills":"Reimbursements")},[S,d,u,m,z]);const At=_=>{v(_)},Rt=P.useCallback(()=>{const{title:_,description:I}=pn(m,r.length,d,$);if(Me({type:"delete",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),m==="bill_pay"){const C=e.filter(ie=>r.includes(ie.id)),A=Se(C);S?.trackBillPayBulkDeleted(r.length,d,u,A)}else{const C=e.filter(ie=>r.includes(ie.id)),A=ke(C.map(ie=>ie.reimbursementTypesIncluded));S?.trackReimbursementBulkDeleted(r.length,d,u,A)}M(!0)},[m,S,$,u,d,e,r]),Et=P.useCallback(()=>{const{title:_,description:I}=cn(m,r.length);Me({type:"cancel",title:_,description:I,primaryButtonText:T.common.texts.confirm,secondaryButtonText:T.common.texts.close}),M(!0)},[m,r.length]),Ft={onOkClick:_=>{if(M(!1),m==="bill_pay"){const I=e.filter(A=>r.includes(A.id)),C=Se(I);S?.trackBillPayBulkPopupConfirm(U.type,d,u,C)}else{const I=e.filter(A=>r.includes(A.id)),C=ke(I.map(A=>A.reimbursementTypesIncluded));S?.trackReimbursementBulkPopupConfirm(U.type,d,u,C)}U.type==="delete"?te?.("delete",_):te?.("cancel",_)},onCancelClick:()=>{Y?.(),M(!1),Me({type:F,title:F,description:F,primaryButtonText:F,secondaryButtonText:F})}},Nt=P.useCallback(()=>{if(m==="bill_pay"){const _=e.filter(C=>r.includes(C.id)),I=Se(_);S?.trackBillPayBulkSelection(r.length,d,u,I)}else{const _=e.filter(C=>r.includes(C.id)),I=ke(_.map(C=>C.reimbursementTypesIncluded));S?.trackReimbursementBulkSelection(r.length,d,u,I)}k.includes("send_for_approval")?te?.("send_for_approval"):te?.(L?"approve":"review")},[m,k,e,S,r,d,u,te,L]),tt=k.filter(_=>_!=="delete").length>0;return t.jsxs(gn,{children:[t.jsx(mi,{tabIds:c,selectedTab:u,hasSubTabs:c.length>0,entity:m,enablePerformanceTracking:!1,onTabSelectedChange:At,isSwitcherLeftAlign:!0}),t.jsx(Wt,{...le,children:t.jsxs(hn,{onSubmit:le.handleSubmit(Ne),children:[t.jsx(Yo,{botEmail:n,selectedTab:d,selectedSubTab:u,searchText:h,transactionList:e,fetchState:z,onReloadTransactions:K,onTransactionRowClick:j,entity:m,uiState:w,isAdmin:l,onColumnSortConfigChanged:E,analytics:S,isShowDeletedBillsEnabled:b,isShowDeletedReimbursementEnabled:y,isBillPayCommentingEnabled:x,isReimbursementCommentingEnabled:f,bulkSubmissionLimit:a,isBulkActionAllowed:s,transactionsSelectedForBulkAction:r,isDetectInsufficientFundsEnabled:L}),Oe?t.jsx(Kt,{titleComponent:t.jsx(Gt,{children:U.title}),descriptionComponent:t.jsx(Ut,{children:U.description}),primaryButtonText:U.primaryButtonText,proceedButtonVariant:U.type==="delete"?"danger":"primary",secondaryButtonText:U.secondaryButtonText,action:Ft,isNotesIncluded:d!=="draft",isEditPopup:!0}):null,r.length>0?t.jsx(Ht,{helperContainerStyle:he==="small"?{margin:`${i.sp5} ${k.includes("delete")&&tt?i.sp7:i.sp0} ${i.sp2} ${i.sp0}`}:{},showPrimaryButton:tt,primaryBtn:{label:sn(m,k,r.length),isLoading:U.type!=="delete"&&B==="In-Progress",isDisabled:U.type==="delete"&&B==="In-Progress",type:"submit",style:an(k)},cancelBtn:{label:T.common.texts.goBack,isDisabled:B==="In-Progress",onClick:Y,style:dn(k,he)},leftSideComponent:ln(r.length,a,m,he),rightSideComponent:k.includes("delete")?rn(r.length,U.type==="delete"&&B==="In-Progress",Rt,he):null}):null]})})]})},Jo=({style:e,data:n})=>{const{entity:c,transactionList:l,transactionsSelectedForBulkAction:d,isAdmin:b,isBulkActionAllowed:y,isShowDeletedBillsEnabled:x,isShowDeletedReimbursementEnabled:f,isBillPayCommentingEnabled:u,isReimbursementCommentingEnabled:h,bulkSubmissionLimit:m,selectedTab:w,uiState:a,analytics:s,isDetectInsufficientFundsEnabled:$,onTransactionRowClick:r,onColumnSortConfigChanged:k}=n,B=Q(),L=Ge(),j=y?d.length>0?"always_on":"checked_or_hover":"off";return t.jsx($n,{style:{...e,width:"100%"},className:"spend-management-list-item",children:t.jsx(oi,{style:{width:"100%"},checkBoxContainerStyle:{gap:i.sp3,width:"auto",marginLeft:B==="small"?i.sp0:i.sp4},labelStyle:{width:"100%"},checkBoxStyle:on(B),labelCheckBoxStyle:{marginLeft:B==="small"?i.sp2:i.sp0},checkBoxIconStyle:{backgroundColor:L.colors.grey4},infoIconContainerStyle:nn(B),name:pe,mode:j,selectionLimit:m,checkBoxes:c==="bill_pay"?[{label:t.jsx($i,{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(en,{transactionDetail:v,selectedTab:w,isBillPayCommentingEnabled:u,isShowDeletedBillsEnabled:x,onTransactionRowClick:r,billsSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on",isDetectInsufficientFundsEnabled:$}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:mn(v,d),exceptionInfo:ut(c,v),exceptionType:ht(v)}))]:[{label:t.jsx(bo,{companyNameSticky:!1,currentTab:w,onColumnSortConfigChanged:k,analytics:s,sortConfig:{sortKey:a.sortKey,sortOrder:a.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:T.common.all.toLowerCase(),isException:!1},...l.map(v=>({label:t.jsx(tn,{transactionDetail:v,isShowDeletedReimbursementEnabled:f,isReimbursementCommentingEnabled:h,selectedTab:w,isAdmin:b,onTransactionRowClick:r,remisSelectedForBulkAction:d,bulkSelectFormId:pe,bulkSelectLimit:m,isSelectionMode:j==="always_on"}),value:v.id,groupLabel:!1,defaultChecked:!1,isException:v.bulkSelectInfo?.isSelectableForBulkAction===!1,exceptionMode:"checked_or_hover",exceptionInfo:ut(c,v),exceptionType:ht(v)}))]})})},en=({transactionDetail:e,selectedTab:n,isShowDeletedBillsEnabled:c,billsSelectedForBulkAction:l,bulkSelectFormId:d,bulkSelectLimit:b,isBillPayCommentingEnabled:y,isSelectionMode:x,isDetectInsufficientFundsEnabled:f,onTransactionRowClick:u})=>{const h=Q()==="small"?Hi:Li,m=ri(e,n),{bulkProcessingDetail:w}=e,a=Le(w?.type),s=()=>{const B=e.billPayInfo.outsideZeniTransactionPaymentMode;if(B==null||B==="other")return;const L=Dt.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?si(e.totalAmountWithFeesInUSD,e.withdrawFrom,e.billPayInfo.paymentDate):void 0,r=ai(e.billPayInfo,n,c,e.isDeleted,e.dueDate),k=$!=null&&r?.code!=="failed"&&r?.code!=="processing"&&r?.code!=="cancelled"&&r?.code!=="returned"&&r?.code!=="rejected"&&r?.code!=="paid";return t.jsx(It,{children:t.jsx(h,{reportTitleAdditionalInfo:m,transactionDetail:e,isBillPayCommentingEnabled:y,isSelected:l.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:l.length===b,isSelectionMode:x,bulkSelectFormId:d,tagStatus:r,approvers:e.isDeleted===!0?void 0:bt(e,n),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u,paidAdditionalInfo:n==="paid"&&!e.isDeleted?s():void 0,lowBalanceAlert:$,showLowBalanceTooltip:k})})},tn=({transactionDetail:e,selectedTab:n,isAdmin:c,isShowDeletedReimbursementEnabled:l,isReimbursementCommentingEnabled:d,remisSelectedForBulkAction:b,bulkSelectFormId:y,bulkSelectLimit:x,isSelectionMode:f,onTransactionRowClick:u})=>{const h=Q()==="small"?Ro:ko,m=di(c,e.submittedBy),{bulkProcessingDetail:w}=e,a=Le(w?.type);return t.jsx(It,{children:t.jsx(h,{reportTitleAdditionalInfo:m,reimbursementDetail:e,isReimbursementCommentingEnabled:d,isSelected:b.includes(e.id),isProcessing:a,isBulkSelectionLimitReached:b.length===x,isSelectionMode:f,bulkSelectFormId:y,currentTab:n,date:pi(e,n),approvers:e.isDeleted===!0?void 0:bt(e,n),tagStatus:ci(e,n,l),deletionAdditionalInfo:e.isDeleted===!0&&n!=="draft"?gt(e,n):void 0,onTransactionRowClick:a?()=>null:u})})},on=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},nn=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},ln=(e,n,c,l)=>{const d=c==="bill_pay"?G.bill:N.report,b=(e>1?d+"s":d)+G.selected;return e>0?t.jsxs(jn,{style:l==="small"?{position:"absolute",top:i.sp2,left:`-${i.sp5}`}:{},children:[t.jsx(Cn,{multiDigit:e>=10,children:e}),t.jsx(Bn,{children:b}),e===n?t.jsx(_n,{children:qo}):null]}):null},rn=(e,n,c,l)=>e>0?t.jsx(kn,{style:l==="small"?{position:"absolute",top:i.sp7,right:`-${i.sp5}`}:{},children:t.jsx(Tn,{isLoading:n,windowSize:l,className:"delete-icon-wrapper",onClick:n?()=>null:c,children:n?t.jsx(ei,{size:"Small",start:!0}):t.jsx(Z,{enterDelay:600,title:T.common.delete,placement:"top",children:t.jsx(Pn,{})})})}):null,ut=(e,n)=>{const{bulkProcessingDetail:c,bulkSelectInfo:l}=n,d=Le(c?.type),b=c?.type==="error";let y;if(d)y=c?.inProgressMessage;else if(b)y=c.error?.message;else if(l?.bulkSelectExceptionInfo!=null)if(e==="bill_pay"){const{exceptions:x}=T.spendManagement.billPay.bulkActions;y=x[l.bulkSelectExceptionInfo]}else{const{exceptions:x}=T.spendManagement.reimbursement.bulkActions;y=x[l.bulkSelectExceptionInfo]}return y},sn=(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},an=e=>{let n;return e.includes("cancel")===!1&&e.includes("send_for_approval")===!1&&(n={minWidth:"92px"}),n},dn=(e,n)=>{let c;return n!=="small"&&(e.includes("cancel")?c={minWidth:"116px"}:e.includes("send_for_approval")&&(c={minWidth:"160px"})),c},cn=(e,n)=>{const{this_:c,these:l,payment:d,payments:b,bills:y,bill:x,reports:f,report:u,they:h,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_>",y).replace("<_it_>",h).replace("<_payment_>",b)}:{title:N.popUps.cancel.title.replace("__report__",N.reports),description:N.popUps.cancel.description.replace("<_this_>",l).replace("__report__",f).replace("<_it_>",h).replace("<_payment_>",b)}: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)}},pn=(e,n,c,l)=>{const{this_:d,these:b,payment:y,payments:x,bills:f,bill:u,report:h,reports:m,they:w,it:a}=T.common.texts,s=n>1;let $=F;e==="bill_pay"?$=G.popUps.delete.title.replace("<_bill_>",s?G.bills:G.bill):$=N.popUps.delete.title.replace("__report__",s?N.reports:N.report);let r=F;return c==="draft"?e==="bill_pay"?r=G.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u):r=N.popUps.delete.descriptionDraft.replace("<_this_>",s?b:d).replace("__report__",s?m:h):l?r=G.popUps.delete.descriptionRecurring.replace("<_payment_>",s?y:x):e==="bill_pay"?r=G.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("<_bill_>",s?f:u).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y):r=N.popUps.delete.descriptionOther.replace("<_this_>",s?b:d).replace("__report__",s?m:h).replace("<_it_>",s?w:a).replace("<_payment_>",s?x:y),{title:$,description:r}},mn=(e,n)=>{const c=e.bulkSelectInfo?.bulkSelectExceptionInfo;return n.length===0&&c!=null&&(c==="bookCloseDateProcessing"||c==="noActionRecurring")?"hover_only":"checked_or_hover"},ht=e=>Le(e.bulkProcessingDetail?.type)?"info":"alert",un=o.div`
   display: block;
   height: 100%;
 `,hn=o.form`
@@ -702,7 +702,7 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
   height: calc(100vh - 243px);
   max-width: 99.9%;
   .spend-management-list-item:last-of-type {
-    height: ${e=>Qo.lastListItemHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>Zo.lastListItemHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${i.sp9};
   }
 `,$n=o.div`
@@ -723,14 +723,14 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
 `,Tn=o.div`
   margin-right: ${i.sp8};
   cursor: ${e=>e.isLoading?"initial":"pointer"};
-  color: ${e=>e.windowSize==="small"?Y.important:e.theme.colors.grey1};
+  color: ${e=>e.windowSize==="small"?q.important:e.theme.colors.grey1};
 `,Pn=o(li)`
   width: ${i.sp4};
   height: ${i.sp4};
   cursor: pointer;
   color: inherit;
   &:hover {
-    color: ${Y.important};
+    color: ${q.important};
   }
 `,jn=o.div`
   display: flex;
@@ -750,5 +750,5 @@ import{a8 as Ot,cB as Mt,F as ee,Q as q,kQ as Vt,V as t,ab as Wt,cm as Kt,cn as
 `,Bn=o(O)`
   color: ${e=>e.theme.colors.primary};
 `,_n=o(re)`
-  color: ${Y.important};
+  color: ${q.important};
 `;export{Kn as default};

package/dist/assets/{SpendManagementSection-UkTY6qX0-BIM5797j.js → SpendManagementSection-BMU1BTEo-BBFzWPwD.js}

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

package/dist/assets/{StatementItem-Bx6mxa3U-B9qGz6O-.js → StatementItem-qLZEMVrM-C5sUBNaG.js}

@@ -1,4 +1,4 @@
-import{Q as y,F as S,hC as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}from"./index-DdsM_njZ.js";import{a as P}from"./core-3dlyNYRL.js";import{n as i}from"./mui-bYXq4XMS.js";import{g as C}from"./BoxItem-CdqDzfZN-C4lBJFfu.js";import{w as L}from"./downloadPdf-CCUPfpyu-CLDRZEaM.js";const d=S.getLocalizedStrings().months,n={downloadButtonSize:new z(k[4],20)},B=i.div`
+import{Q as y,F as S,hD as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}from"./index-BS0RW8dr.js";import{a as P}from"./core-3dlyNYRL.js";import{n as i}from"./mui-bYXq4XMS.js";import{g as L}from"./BoxItem-CP9cPZQd-BW2Fv6YZ.js";import{w as B}from"./downloadPdf-DUAAPKqC-BN9D0Y0M.js";const d=S.getLocalizedStrings().months,n={downloadButtonSize:new z(k[4],20)},C=i.div`
   display: flex;
   padding: ${r.sp3} ${r.sp4};
   flex-direction: row;
@@ -8,7 +8,7 @@ import{Q as y,F as S,hC as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}
   justify-content: space-between;
   align-items: center;
   width: 100%;
-`,N=i(v)`
+`,D=i(v)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -18,9 +18,9 @@ import{Q as y,F as S,hC as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}
   word-break: break-word;
   text-align: left;
   overflow: hidden;
-`,R=i.div`
+`,N=i.div`
   cursor: pointer;
-`,q=i(j)`
+`,O=i(j)`
   width: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
   height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
   min-height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
@@ -28,4 +28,4 @@ import{Q as y,F as S,hC as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;function V({accountLast4:t,currentTenantCompanyName:l,data:e,authParams:m,downloadEndPoint:s,documentType:a="statement",boxType:p}){const[c,w]=P.useState(!1),h=y(),x=a==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=a==="taxLetter"?`${l}-treasury-tax-letter-${e.title.year}.pdf`:`${l}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,f={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},u=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(N,{children:x}),o.jsx(R,{onClick:()=>L(a==="treasuryStatement"||a==="taxLetter"?`${s}/statements/${e.id}`:`${s}/statements?query=${encodeURIComponent(JSON.stringify(f))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(q,{windowSize:h})})]})});return o.jsx(C,{content:u,boxType:p,isDisabled:!1,isNotClickable:!0})}export{V as O};
+`;function V({accountLast4:t,currentTenantCompanyName:l,data:e,authParams:m,downloadEndPoint:s,documentType:a="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),h=a==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=a==="taxLetter"?`${l}-treasury-tax-letter-${e.title.year}.pdf`:`${l}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,f={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},u=o.jsx(C,{children:o.jsxs(T,{children:[o.jsx(D,{children:h}),o.jsx(N,{onClick:()=>B(a==="treasuryStatement"||a==="taxLetter"?`${s}/statements/${e.id}`:`${s}/statements?query=${encodeURIComponent(JSON.stringify(f))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(O,{windowSize:x})})]})});return o.jsx(L,{content:u,boxType:p,isDisabled:!1,isNotClickable:!0})}export{V as O};