@zeniai/web-cockpit-ui 1.14.19-qa → 1.14.20-dev

package/dist/assets/{SpendManagementPerTabPage-CbjC0IBF-BZmzopW1.js → SpendManagementPerTabPage-CLf-7YyR-60GdYb7a.js}

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

package/dist/assets/{SpendManagementSection-BKTkeRK6-BpVoD6ml.js → SpendManagementSection-DIVgOKWy-D35voP2u.js}

@@ -1,4 +1,4 @@
-import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J,b2 as Z,C as ee,gp as de,gq as pe,cu as te,b3 as M,ap as ue,d as oe,gr as he,b0 as re,Y as ge,gs as me,gt as xe,n as N,ao as fe,l as A,gu as ye,y as Ce,gv as be,gw as ve,c as we,cr as $e,bf as Se,fv as je,m as ke,h as V,a3 as Le,fw as Oe,a6 as Ee}from"./index-DjfQ_8_G.js";import{b as a,n as l,k as Ie}from"./vendor-CnQcJ2Lu.js";const Ae=l.div`
+import{e as z,u as _,M as L,j as o,bS as H,o as r,gq as ie,q as B,k as ce,v as Q,b2 as Z,C as ee,gr as de,gs as pe,cw as te,b3 as M,ap as ue,d as oe,gt as he,b0 as re,Y as ge,gu as me,gv as xe,n as N,ao as fe,l as A,gw as ye,y as Ce,gx as be,gy as ve,c as we,ct as $e,bf as Se,fx as je,m as ke,h as V,a3 as Le,fy as Oe,a6 as Ee}from"./index-Cnh9fv8f.js";import{b as a,n as l,k as Ie}from"./vendor-rkTZJa59.js";const Ae=l.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -6,7 +6,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   color: ${e=>e.theme.colors.primary};
   width: ${r.sp3};
   height: ${r.sp3};
-`,W=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Re(C),b=n.find(x=>x.value===e);return a.useEffect(()=>{const x=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(x)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:x=>{p(x)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:x=>Fe(x,s),SingleValue:x=>Te(x,s)}})},Te=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(M.SingleValue,{...e,children:o.jsx(ue,{children:n})})},Fe=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(M.Option,{...e,children:o.jsxs(Ae,{children:[o.jsx(oe,{children:i}),n?o.jsx(Me,{}):null]})})},Re=e=>({placeholder:t=>({...t,color:e.colors.grey1,...J.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}`})}),Be="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",ze=l.div`
+`,W=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Re(C),b=n.find(x=>x.value===e);return a.useEffect(()=>{const x=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(x)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:x=>{p(x)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:x=>Fe(x,s),SingleValue:x=>Te(x,s)}})},Te=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(M.SingleValue,{...e,children:o.jsx(ue,{children:n})})},Fe=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(M.Option,{...e,children:o.jsxs(Ae,{children:[o.jsx(oe,{children:i}),n?o.jsx(Me,{}):null]})})},Re=e=>({placeholder:t=>({...t,color:e.colors.grey1,...Q.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}`})}),Be="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",ze=l.div`
   display: flex;
   align-items: flex-start;
   padding: ${r.sp2} ${r.sp3};
@@ -52,7 +52,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
 `,Ye=l(Ee)`
   overflow: hidden;
   text-overflow: ellipsis;
-`,Ge=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=ve(y),[b,x]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&x(d=>ye([...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(f=>f.value===d)),v=a.useRef(Ce(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(ze,{children:i==="dateRange"?o.jsx(be,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(_e,{children:[S.length===0&&i==="user"&&o.jsx(Ve,{}),o.jsx(Z,{...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:Ke,MultiValueLabel:Xe,MultiValueRemove:Qe},filterOption:(d,f)=>Ze(d,f,i),noOptionsMessage:()=>Je(i,j)})]})})},qe=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Xe=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(M.MultiValueLabel,{...e,children:o.jsxs(Pe,{children:[ne(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})]})})},Ke=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(M.Option,{...h,children:o.jsxs(He,{children:[o.jsxs(De,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(oe,{children:e.label})]}),e.isSelected&&o.jsx(We,{})]})})},Qe=e=>o.jsx(M.MultiValueRemove,{...e,children:o.jsx(Ue,{})}),Je=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(ke,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(V,{children:n.noMatchesFound})}return o.jsx(V,{children:n.noOptions})},ne=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Oe,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ne,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Be},loading:"lazy"}),Ze=(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()),T={categoryCombinationOperator:"AND",categories:[]},le={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return A.BILL_PAY_FILTER_CATEGORIES;case"reimbursement":return A.hideCreatedByFilter(t)?A.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:A.REIMBURSEMENT_FILTER_CATEGORIES;case"task_management":return A.TASK_LIST_FILTER_CATEGORIES}},R=(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""},et=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...le,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},tt=({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})},ot=({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)})},rt={width:new ee(215,315)},U=l.div`
+`,Ge=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=ve(y),[b,x]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&x(d=>ye([...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(f=>f.value===d)),v=a.useRef(Ce(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(ze,{children:i==="dateRange"?o.jsx(be,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(_e,{children:[S.length===0&&i==="user"&&o.jsx(Ve,{}),o.jsx(Z,{...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:Ke,MultiValueLabel:Xe,MultiValueRemove:Je},filterOption:(d,f)=>Ze(d,f,i),noOptionsMessage:()=>Qe(i,j)})]})})},qe=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Xe=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(M.MultiValueLabel,{...e,children:o.jsxs(Pe,{children:[ne(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})]})})},Ke=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(M.Option,{...h,children:o.jsxs(He,{children:[o.jsxs(De,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(oe,{children:e.label})]}),e.isSelected&&o.jsx(We,{})]})})},Je=e=>o.jsx(M.MultiValueRemove,{...e,children:o.jsx(Ue,{})}),Qe=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(ke,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(V,{children:n.noMatchesFound})}return o.jsx(V,{children:n.noOptions})},ne=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Oe,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ne,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Be},loading:"lazy"}),Ze=(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()),T={categoryCombinationOperator:"AND",categories:[]},le={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return A.BILL_PAY_FILTER_CATEGORIES;case"reimbursement":return A.hideCreatedByFilter(t)?A.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:A.REIMBURSEMENT_FILTER_CATEGORIES;case"task_management":return A.TASK_LIST_FILTER_CATEGORIES}},R=(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""},et=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...le,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},tt=({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})},ot=({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)})},rt={width:new ee(215,315)},U=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp4};
@@ -123,7 +123,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   width: ${e=>rt.width.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.background};
   border-radius: ${r.sp1};
-`,Q=l.div`
+`,J=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp3};
@@ -139,7 +139,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   align-items: flex-start;
   column-gap: ${r.sp3};
   animation: ${ut} 0.4s;
-`,ae=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=ge(),h=z(),b=a.useCallback((c,u)=>{const g=et({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),x=a.useCallback((c,u)=>{const g=tt({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(T);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(T)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...le}]})},O=()=>{s(T)},$=a.useCallback((c,u)=>{const g=ot({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,f=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(st,{children:[o.jsxs(X,{onClick:j,children:[o.jsx(nt,{}),o.jsx(N,{children:d.addFilterBtnText})]}),o.jsxs(X,{onClick:O,children:[o.jsx(lt,{}),o.jsx(N,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(U,{children:o.jsx(Y,{children:o.jsxs(Q,{children:[o.jsx(G,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(q,{children:o.jsx(W,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>R(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?R(n,g?.value):"";return o.jsxs(Y,{windowSize:h,children:[o.jsxs(Q,{children:[o.jsxs(G,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(me,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(q,{children:o.jsx(W,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>R(n,w),options:F(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(ht,{children:[o.jsx(at,{children:o.jsx(xe,{categoryIndex:u,value:c.matchingOperator,onChange:x})}),o.jsxs(dt,{children:[o.jsx(pt,{windowSize:h,children:o.jsx(Ge,{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(it,{onClick:()=>v(u),windowSize:h,children:o.jsx(ct,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(U,{ref:C,children:[E(),f()]})});ae.displayName="FiltersSelection";const gt=l.div`
+`,ae=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=ge(),h=z(),b=a.useCallback((c,u)=>{const g=et({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),x=a.useCallback((c,u)=>{const g=tt({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(T);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(T)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...le}]})},O=()=>{s(T)},$=a.useCallback((c,u)=>{const g=ot({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,f=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(st,{children:[o.jsxs(X,{onClick:j,children:[o.jsx(nt,{}),o.jsx(N,{children:d.addFilterBtnText})]}),o.jsxs(X,{onClick:O,children:[o.jsx(lt,{}),o.jsx(N,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(U,{children:o.jsx(Y,{children:o.jsxs(J,{children:[o.jsx(G,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(q,{children:o.jsx(W,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>R(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?R(n,g?.value):"";return o.jsxs(Y,{windowSize:h,children:[o.jsxs(J,{children:[o.jsxs(G,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(me,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(q,{children:o.jsx(W,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>R(n,w),options:F(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(ht,{children:[o.jsx(at,{children:o.jsx(xe,{categoryIndex:u,value:c.matchingOperator,onChange:x})}),o.jsxs(dt,{children:[o.jsx(pt,{windowSize:h,children:o.jsx(Ge,{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(it,{onClick:()=>v(u),windowSize:h,children:o.jsx(ct,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(U,{ref:C,children:[E(),f()]})});ae.displayName="FiltersSelection";const gt=l.div`
   padding-top: ${r.sp4};
   padding-bottom: ${r.sp4};
   box-sizing: border-box;
@@ -157,7 +157,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
 `,xt=l.div`
   padding-left: ${r.sp4};
   padding-right: ${r.sp4};
-`,ft=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:x})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[f,E]=a.useState("auto"),c=a.useRef(null),u=z(),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(()=>{x&&Object.keys($[e]).length===0&&C&&s&&d(I=>({...I,[e]:x()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const I=c.current,D=I!=null?I.clientHeight:0;return u==="small"?"auto":B[7]+(D>0?D: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(()=>{f==="auto"&&E(w())},[f,w]);const se=()=>o.jsx(he,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(gt,{height:f,windowSize:u,children:[h!=null?o.jsx(mt,{children:h?.component}):null,o.jsx(xt,{children:o.jsx(ae,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),P=t?.categories==null||t?.categories.length===0?0:t.categories.filter(I=>I.field!=null&&I.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(de,{searchPlaceholder:k,isFilterBtnActive:v||P>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:P,includeSearch:!1,filterText:k}),p!=!0&&se()]})},yt=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:Ct}=L.getLocalizedStrings(),bt={filterIconContainerPaddingRight:new ee(18,10)};function Mt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:x,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,f=z(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=Ct.moreMenuOptions;x||(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($t,{children:[o.jsxs(wt,{isSearchOpen:e.isSearchOpen&&f==="small",windowsize:f,children:[f!=="small"&&!e.hideSearchBtn?o.jsx(H,{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(kt,{size:f,children:o.jsx(ft,{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(jt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(vt,{})}):null,b?o.jsx(St,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ie,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:f!=="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:B[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:B[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(Ot,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:f==="small"?o.jsx(Lt,{onClick:e.onNewButtonClick,children:o.jsx(Et,{})}):o.jsx(ce,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...J.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),f==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:f!=="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 vt=l(yt)`
+`,ft=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:x})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[f,E]=a.useState("auto"),c=a.useRef(null),u=z(),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(()=>{x&&Object.keys($[e]).length===0&&C&&s&&d(I=>({...I,[e]:x()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const I=c.current,D=I!=null?I.clientHeight:0;return u==="small"?"auto":B[7]+(D>0?D: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(()=>{f==="auto"&&E(w())},[f,w]);const se=()=>o.jsx(he,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(gt,{height:f,windowSize:u,children:[h!=null?o.jsx(mt,{children:h?.component}):null,o.jsx(xt,{children:o.jsx(ae,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),P=t?.categories==null||t?.categories.length===0?0:t.categories.filter(I=>I.field!=null&&I.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(de,{searchPlaceholder:k,isFilterBtnActive:v||P>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:P,includeSearch:!1,filterText:k}),p!=!0&&se()]})},yt=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:Ct}=L.getLocalizedStrings(),bt={filterIconContainerPaddingRight:new ee(18,10)};function Mt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:x,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,f=z(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=Ct.moreMenuOptions;x||(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($t,{children:[o.jsxs(wt,{isSearchOpen:e.isSearchOpen&&f==="small",windowsize:f,children:[f!=="small"&&!e.hideSearchBtn?o.jsx(H,{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(kt,{size:f,children:o.jsx(ft,{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(jt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(vt,{})}):null,b?o.jsx(St,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ie,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:f!=="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:B[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:B[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(Ot,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:f==="small"?o.jsx(Lt,{onClick:e.onNewButtonClick,children:o.jsx(Et,{})}):o.jsx(ce,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...Q.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),f==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:f!=="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 vt=l(yt)`
   height: ${r.sp4};
   width: ${r.sp4};
 `,wt=l.div`

package/dist/assets/{SpendMgmtSetupAccountSection-D8Yv-Jng-DLg3IqDb.js → SpendMgmtSetupAccountSection-DFyUBsg3-DRIU7IWr.js}

@@ -1,4 +1,4 @@
-import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as re,j as t,aS as Ye,C as d,f6 as Xe,f7 as Ke,f8 as Qe,bF as et,q as o,a0 as tt,e$ as ye,f0 as ve,o as i,_ as N,f9 as Le,m as pe,c as j,f1 as it,b as ze,fa as nt,f2 as at,d as ot,bx as $e,cD as lt,a7 as st,fb as rt,B as _e,af as Ae,fc as ct,cp as dt}from"./index-DjfQ_8_G.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-Bi8r7UDG.js";import{S as pt}from"./ChargeCardUtils-6kq_92Ri-Dli-fqCF.js";import{Z as ht}from"./CreditCardPaymentPlgSection-BGh2TJeK-iEMZXSJH.js";import{M as gt}from"./ChaseOverlay-N7gGQaMQ-DQdim44v.js";import{J as mt}from"./SetUpDefaultSection-a6NTauck-DWk4cHNK.js";const Q={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=K.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
+import{e as Te,cm as qe,u as Ge,M as K,cu as Je,a2 as se,f0 as Ze,l as W,a8 as re,j as t,aS as Ye,C as d,f8 as Xe,f9 as Ke,fa as Qe,bt as et,q as o,a0 as tt,f1 as ye,f2 as ve,o as i,_ as V,fb as Le,m as pe,c as j,f3 as it,b as ze,fc as nt,f4 as at,d as ot,bA as $e,cF as lt,a7 as st,fd as rt,B as Ae,af as _e,fe as ct,cr as dt}from"./index-Cnh9fv8f.js";import{b as f,n}from"./vendor-rkTZJa59.js";import{r as ut}from"./mui-C42whWwM.js";import{S as pt}from"./ChargeCardUtils-BcwLwgz7-DrE0N0EF.js";import{Z as ht}from"./CreditCardPaymentPlgSection-8NQI5gcx-CtF_TfUM.js";import{M as gt}from"./ChaseOverlay-ClcKUdpT-Buerorcp.js";import{q as mt}from"./SetUpDefaultSection-B-ZEHQUb-iLzGQnWH.js";const Q={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:_,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=K.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:_,"data-testid":V("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:_?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>Q.rowGap.valuePx(e.windowSize)};
@@ -24,7 +24,7 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   align-items: center;
   justify-content: center;
   margin-left: ${i.sp2};
-`,$t=n(_e)`
+`,$t=n(Ae)`
   display: flex;
   align-items: center;
   padding-top: ${i.sp1};
@@ -46,22 +46,22 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   }
 `,Ct=n.span`
   pointer-events: ${e=>e.isLoading===!0?"none":"initial"};
-`,jt=n(Ae)`
+`,jt=n(_e)`
   margin-left: ${i.sp1};
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:q=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:G,onFetchLinkTokenClick:L,onEstablishConnectionClick:J,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:D,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=qe(),U=f.useRef(null),R=Ge(),{setUp:h}=K.getLocalizedStrings().commonSetUp,Z=K.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Je(Re,ae),[z,Y]=f.useState(void 0),g=x.link_account,_=x.update_account,w=z==="update_account"?_:g,[B,ge]=f.useState(w.linkToken??null),[F,X]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(_.updateStatus.fetchState),De=se(_.fetchStatus.fetchState),Ue=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):J(l,z),Y(void 0),X(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,J]),Fe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),Y(void 0),X(!1)},[u,r,m,e?.id,E]),{open:O,ready:xe}=Ze({token:B,onSuccess:Ue,onExit:Fe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&_.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),D()))},[g.updateStatus.fetchState,D,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,_.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!F&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&X(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,F]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{F&&O()},[F,O]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Oe=()=>{u.trackConnectBankGetBalance(r,m),Y("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ve=()=>{me(!0)},Ne=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:q,icon:{element:t.jsx(Ye,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ne)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[q===!0?t.jsx(Nt,{children:H?t.jsx(Ht,{}):t.jsx(qt,{})}):null,t.jsx(Vt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ot,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[t.jsx(Xe,{ref:U,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Qe(p,l,C),valueToSubLabels:(l,C)=>Ke(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),Y("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):F?O():X(!0)}}),t.jsxs(Dt,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Zt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:_.fetchStatus,updateStatus:_.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:De,prevUpdateState:oe},onUpdateLinkTokenClick:Oe,onChaseInfoClick:Ve}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Jt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":N("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Z.earn,t.jsx(_t,{children:Z.percentageCashback.replace("__percentage__",pt)}),Z.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Z.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Kt,{isOptionSelected:!0,children:t.jsx(Qt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Yt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ft,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=K.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:q,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:G,linkUpdateStatus:L,prevFetchState:J,prevUpdateState:E}=b,D=v&&J==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(V,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(V,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:q,placement:"bottom",maxWidth:"264px",children:t.jsxs(Ut,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:D?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(V,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(V,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),D?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(V,{onClick:A,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
+`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:_,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:q=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:G,onFetchLinkTokenClick:L,onEstablishConnectionClick:J,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:D,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=qe(),U=f.useRef(null),R=Ge(),{setUp:h}=K.getLocalizedStrings().commonSetUp,Z=K.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Je(Re,ae),[z,Y]=f.useState(void 0),g=x.link_account,A=x.update_account,w=z==="update_account"?A:g,[B,ge]=f.useState(w.linkToken??null),[F,X]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(A.updateStatus.fetchState),De=se(A.fetchStatus.fetchState),Ue=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):J(l,z),Y(void 0),X(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,J]),Fe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),Y(void 0),X(!1)},[u,r,m,e?.id,E]),{open:O,ready:xe}=Ze({token:B,onSuccess:Ue,onExit:Fe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&A.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),D()))},[g.updateStatus.fetchState,D,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,A.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!F&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&X(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,F]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{F&&O()},[F,O]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Oe=()=>{u.trackConnectBankGetBalance(r,m),Y("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ne=()=>{me(!0)},Ve=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:q,icon:{element:t.jsx(Ye,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ve)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[q===!0?t.jsx(Vt,{children:H?t.jsx(Ht,{}):t.jsx(qt,{})}):null,t.jsx(Nt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ot,{windowSize:a,isDisabled:S,children:[t.jsxs(_t,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(_,a,R.mode==="dark",e,We)}):null,t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[t.jsx(Xe,{ref:U,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Qe(p,l,C),valueToSubLabels:(l,C)=>Ke(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),Y("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):F?O():X(!0)}}),t.jsxs(Dt,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Zt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:A.fetchStatus,updateStatus:A.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:De,prevUpdateState:oe},onUpdateLinkTokenClick:Oe,onChaseInfoClick:Ne}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Jt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":V("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Z.earn,t.jsx(At,{children:Z.percentageCashback.replace("__percentage__",pt)}),Z.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Z.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Kt,{isOptionSelected:!0,children:t.jsx(Qt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Yt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ft,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:_})=>{const{commonSetUp:M}=K.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:q,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:G,linkUpdateStatus:L,prevFetchState:J,prevUpdateState:E}=b,D=v&&J==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(N,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(N,{style:{cursor:"pointer"},onClick:$,"data-testid":V("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:q,placement:"bottom",maxWidth:"264px",children:t.jsxs(Ut,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:D?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(N,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(N,{onClick:$,"data-testid":V("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),D?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(N,{onClick:_,"data-testid":V("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,_t=n(rt)`
+`,At=n(rt)`
   color: ${e=>e.theme.colors.primary};
 `,Ce=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
-`,At=n.div`
+`,_t=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -102,7 +102,7 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
     cursor: pointer;
     color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
   }
-`,V=n(_e)`
+`,N=n(Ae)`
   display: flex;
   align-items: center;
 `,Ut=n.div`
@@ -142,10 +142,10 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
 `,Wt=n.div`
   display: flex;
   align-items: center;
-`,Vt=n.div`
+`,Nt=n.div`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${Pt.title.style(e.windowSize)}`};
-`,Nt=n.div`
+`,Vt=n.div`
   margin-right: ${i.sp2};
 `,Ht=n(it)`
   width: ${i.sp3};
@@ -180,7 +180,7 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   display: flex;
   color: inherit;
   margin-left: ${i.sp1};
-`,ue=n(Ae)`
+`,ue=n(_e)`
   width: 12px;
   height: 12px;
 `,je=n(dt)`

package/dist/assets/{StatementItem-DSJvKpAv-CgQXd1HG.js → StatementItem-CSyEn4Pz-CIQDSk8U.js}

@@ -1,6 +1,6 @@
-import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}from"./index-DjfQ_8_G.js";import{b as P,n as i}from"./vendor-CnQcJ2Lu.js";import{g as C}from"./BoxItem-BL-UVx2X-Chlftilo.js";import{w as L}from"./downloadPdf-hPck-AA1-BRfoLwQe.js";const d=S.getLocalizedStrings().months,r={downloadButtonSize:new v(k[4],20)},B=i.div`
+import{e as y,M as S,h5 as b,j as o,m as g,o as n,n as j,C as v,bx as z,q as k}from"./index-Cnh9fv8f.js";import{b as P,n as i}from"./vendor-rkTZJa59.js";import{g as C}from"./BoxItem-DCsIK5bA-DrkhsCS_.js";import{w as L}from"./downloadPdf-BJozh7zE-M2Rp1JlQ.js";const d=S.getLocalizedStrings().months,r={downloadButtonSize:new v(k[4],20)},B=i.div`
   display: flex;
-  padding: ${a.sp3} ${a.sp4};
+  padding: ${n.sp3} ${n.sp4};
   flex-direction: row;
   width: 100%;
 `,T=i.div`
@@ -12,15 +12,15 @@ import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}f
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
-  margin-left: ${a.sp2};
-  max-height: ${a.sp11};
+  margin-left: ${n.sp2};
+  max-height: ${n.sp11};
   text-overflow: ellipsis;
   word-break: break-word;
   text-align: left;
   overflow: hidden;
 `,E=i.div`
   cursor: pointer;
-`,N=i(z)`
+`,M=i(z)`
   width: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
   height: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
   min-height: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
@@ -28,4 +28,4 @@ import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}f
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;function A({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(q,{children:h}),o.jsx(E,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(N,{windowSize:x})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{A as O};
+`;function A({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:a="statement",boxType:p}){const[x,c]=P.useState(!1),w=y(),h=a==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=a==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(q,{children:h}),o.jsx(E,{onClick:()=>L(a==="treasuryStatement"||a==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,c),children:x?o.jsx(g,{size:"Small",start:!0}):o.jsx(M,{windowSize:w})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{A as M};