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

package/dist/assets/{ChargeCardListTable-B-bNbtZQ-BuEumynS.js → ChargeCardListTable-YznzSsJo-KwncCUaT.js}

@@ -1,8 +1,8 @@
-import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,gr as dt,a9 as ct,o as t,E as X,bN as ht,w as Be,e as I,an as pt,bV as ut,bo as ye,bX as Oe,bd as mt,ab as gt,x as C,eg as xt,au as wt,i8 as Ct,ac as ft,aA as yt,C as ee,gv as kt,H as G,l as J,j as u,cc as St,ee as vt,i9 as jt,ia as $t,N as Ci,bt as fi,ib as bt,bm as It,b_ as Ge,ic as yi,cU as Lt,cV as q,a5 as de,L as ki,id as zt,c1 as At,i0 as Je,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-BocbTmE1.js";import{b as he,a as f}from"./sentry-DINNQYpi.js";import{n as o,c as Ye}from"./mui-C_CXevf3.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-kiEGPQ33-BvLj55nP.js";import{d as ji}from"./ZeniAvatar-pjdoqfWE-DmYSRpHD.js";import{T as $i}from"./RoleWithToolTip-x2rnvWn9-CndfBCzZ.js";import{j as Ve}from"./CardNumberSubText-CcH9jUoZ-HppogTjx.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-05QrBanM.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-fA9hPtxv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="f58561ca-96a6-4ffc-a294-95e322ac1819",e._sentryDebugIdIdentifier="sentry-dbid-f58561ca-96a6-4ffc-a294-95e322ac1819")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Qe,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Qe,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Xt,{windowSize:v,children:i.jsx(Gt,{onClick:U,"data-testid":X("card-row",n.id),children:i.jsxs(Yt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Qt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:Y=>{Y.stopPropagation(),h(n.id)},"data-testid":X("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const Y=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(Y&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Jt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Je,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Je,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(r.colors.grey1)}},E=o(J)`
+import{bF as st,V as i,T as nt,A as at,O as le,e as oe,_ as ke,h as lt,y as ze,gm as dt,a9 as ct,o as t,b as G,bN as ht,w as Be,f as I,an as pt,bV as ut,bo as ye,bX as Oe,bd as mt,ab as gt,x as C,e6 as xt,au as wt,i6 as Ct,ac as ft,aA as yt,C as ee,gq as kt,H as J,l as X,m as u,cc as St,e4 as vt,i7 as jt,i8 as $t,d as Ci,bt as fi,i9 as bt,bm as It,b_ as Je,ia as yi,cR as Lt,cS as q,a5 as de,L as ki,ib as zt,c1 as At,h_ as Xe,b6 as Si,b8 as vi,ad as je,aR as Ft}from"./index-BngCC-zG.js";import{b as he,a as f}from"./sentry-CHlUi953.js";import{n as o,c as Ye}from"./mui-DyGc7Pg8.js";import{H as Pt,o as Rt,R as Bt,L as Dt,_ as _t,M as Et,S as Tt}from"./common-BpxEACHl-SqfXrkK_.js";import{d as ji}from"./ZeniAvatar-Bzhq25CU-DO1x3yqH.js";import{T as $i}from"./RoleWithToolTip-Ct3_VuDM-zYFjvA-a.js";import{j as Ve}from"./CardNumberSubText-_ZZbaz_k-D2s6-wsQ.js";import{t as bi,r as Ot}from"./spend-limit-D6SyboD4-DKcfJ6au.js";import{o as Vt,r as Nt}from"./unlock-BPWn2I5L-BfuVrsIJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="be3a5107-26de-4f70-9eb3-d6257260180e",e._sentryDebugIdIdentifier="sentry-dbid-be3a5107-26de-4f70-9eb3-d6257260180e")}catch{}})();const me=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Mt=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:me.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ze={key:"cardName",value:me.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},ei={key:"cardType",value:me.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},ii={key:"status",value:me.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},ti={key:"utilisation",value:me.utilisation,sortOrder:"ascending",width:new C(u[11],u[11],u[11],u[12],120)},oi={key:"limit",value:me.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Ii=e=>e===!0?[{...Qe,width:new C(0,0),value:Mt},Ze,ei,ii,ti,oi]:[Qe,Ze,ei,ii,ti,oi],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Ut}},chargeCard:j}}=le.getLocalizedStrings(),se={containerPaddingLeft:new C(u[3],u[2]),containerPaddingRight:new C(u[2],u[3]),containerPaddingTop:new C(u[2],u[3]),containerPaddingBottom:new C(u[2],u[3]),containerMarginLeft:new C(u[4],u[0]),containerMarginRight:new C(u[4],u[0]),webkitLineClamp:new C(2,1,1,1,1)};var Wt=(e=>(e.CLOSE="close",e.LOCK="lock",e.UNLOCK="unlock",e.RENAME="rename",e.UPDATE_SPEND_LIMIT="update_spend_limit",e.REVOKE_INVITE="revoke_invite",e))(Wt||{});const Ht={moreItemFont:new Ci("extraSmallRegular","smallRegular")},Kt=({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardRowClick:S,onChargeCardResendInviteClick:h})=>{const[p,w]=f.useState(!1),[$,R]=f.useState(!1);f.useEffect(()=>{p||R(!1)},[p]),f.useEffect(()=>{l.length>0&&p&&(w(!1),R(!1))},[l.length,p]);const B=s.cardId===n.id,D=l.includes(n.id),z=B&&s.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",M=B&&s.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",g=z||M,v=oe(),_=!!ke().loggedInUserRole.includes("charge_card_user")||x,U=f.useCallback(()=>{S(n.id,k)},[n.id]),T=yi(n)/n.limit.amount*100,W=n?.cardHolderUserId===m.userId,F=n.status.code!=="closed"&&n.status.code!=="closed_by_customer",O=Lt(n.cardHolderUser,!1),K=n.balance,A=Ii(_),H=i.jsxs(i.Fragment,{children:[i.jsx(q,{isLoading:g,customStyle:{width:t.sp9,height:"20px",borderRadius:t.sp1},children:i.jsx(ho,{title:de("0,0.[00]",K),className:"amountToUtilize",children:de("0,0.[00]",K)})}),T!==0?i.jsx(q,{isLoading:g,customStyle:{width:t.sp11,height:t.sp3,borderRadius:t.sp1},children:i.jsx(po,{className:"amountToUtilize",children:`${Math.round(T)}${Ut}`})}):null]}),V=n.type.code,ie=j.cardList.tooltip[V],te=ie!=null?W?ie.self:`${O} ${ie.cardUser}`:Ce.strings.empty;return i.jsx(Gt,{windowSize:v,children:i.jsx(Jt,{onClick:U,"data-testid":G("card-row",n.id),children:i.jsxs(Yt,{children:[_?null:i.jsx(pe,{children:i.jsxs(Qt,{windowSize:v,responsiveWidth:A[0].width,children:[i.jsx(q,{isLoading:g,flex:"0 0",customStyle:{width:t.sp6,height:t.sp6,borderRadius:"50%"},children:i.jsx(ji,{personBasic:n.cardHolderUser,styles:{height:t.sp6,width:t.sp6,minWidth:t.sp6}})}),i.jsxs(eo,{isLoading:g,children:[i.jsx(Zt,{isLoading:g,children:i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(io,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),i.jsx(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:i.jsx(ai,{className:"additionalInfoContainer",children:n.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:n.cardHolderRoles?.userRoles})})})]})]})}),i.jsx(pe,{children:i.jsxs(so,{isLoading:g,windowSize:v,responsiveWidth:A[1].width,children:[i.jsx(q,{isLoading:g,customStyle:{width:"88px",height:"20px",borderRadius:t.sp1},children:i.jsx(no,{title:n.cardName,className:"cardName",children:n.cardName})}),i.jsxs(q,{isLoading:g,customStyle:{width:"104px",height:t.sp3,borderRadius:t.sp1},children:[" ",i.jsx(Co,{windowSize:v,className:"cardNameSubText",children:n.status.code==="request_on_hold"?Ce.strings.hyphen:j.cardDetails.expiryHideOut+Ce.strings.space+n.accountLast4})]})]})}),i.jsx(pe,{children:i.jsx(ao,{windowSize:v,responsiveWidth:A[2].width,children:i.jsx(lo,{className:"card-type",children:i.jsx(q,{isLoading:g,customStyle:{width:"144px",height:t.sp4,borderRadius:t.sp1},children:i.jsx(Ve,{cardDetail:n,forDetailPage:!1})})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[3].width,children:i.jsx(q,{isLoading:g,customStyle:{width:"112px",height:t.sp4,borderRadius:t.sp1},children:y===n.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(co,{children:[i.jsx(go,{children:n.status.code==="request_on_hold"?i.jsxs(ye,{display:"flex",title:te,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:[i.jsx(Le,{status:n.status.code,style:{cursor:"pointer"}}),i.jsx(uo,{style:{marginLeft:t.sp1},className:"infoIconTooltip"})]}):i.jsx(Le,{status:n.status.code})}),n.status.code!=="request_on_hold"||W?null:i.jsx(mo,{onClick:Y=>{Y.stopPropagation(),h(n.id)},"data-testid":G("send-reminder",n.id),children:j.cardList.sendReminder})]})})})}),i.jsx(pe,{children:i.jsx(li,{windowSize:v,isLoading:g,responsiveWidth:A[4].width,children:H})}),i.jsx(pe,{children:i.jsxs(to,{windowSize:v,responsiveWidth:A[5].width,children:[i.jsxs(oo,{windowSize:v,isLoading:g,children:[i.jsx(q,{isLoading:g,customStyle:{width:"68px",height:"20px",borderRadius:t.sp1},children:i.jsx(ro,{className:"limitAmount",windowSize:v,title:de("0,0.[00]",n.limit),children:de("0,0.[00]",n.limit)})}),i.jsx(ai,{className:"additionalInfoContainer",children:i.jsx(q,{isLoading:g,customStyle:{width:t.sp8,height:t.sp3,borderRadius:t.sp1},children:n.creditLimitFrequency.name})})]}),i.jsx(xo,{className:"menu-icon",onMouseEnter:()=>{!p&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const Y=n.status.code==="locked",ge=n.status.code==="closed"||n.status.code==="closed_by_customer",xe=_?a&&!g&&!ge&&!(Y&&n.isLockedByAdmin):a?!g&&F:n.status.code==="request_on_hold",b=l.length>0;return xe&&i.jsx(ye,{open:$&&!p&&!b,variant:"standard",title:j.cardList.moreActionsTooltip,placement:"bottom-end",children:i.jsx(Oe,{isMenuVisible:!0,menuItems:i.jsx(wo,{children:i.jsx(Li,{cardDetail:n,isCardControlsEnabled:a,isChargeCardUser:_,setIsMenuOpen:w,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:Ae=>{b||w(Ae)},isMenuOpen:p&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${t.sp3},${t.sp2})`}})})})()})]})})]})})})},Li=({cardDetail:e,isCardControlsEnabled:r,isChargeCardUser:s,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const n=oe();return r?e.status.code==="request_on_hold"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[i.jsx(Xt,{}),i.jsx(fe,{children:j.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?s?i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[i.jsx(ni,{}),i.jsx(E,{children:j.cardDetails.moreOptions.unlock})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsx($e,{}),i.jsxs(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):s?i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[i.jsx(ri,{}),i.jsx(E,{children:j.cardDetails.moreOptions.updateSpendLimit})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("rename")},children:[i.jsx(re,{}),i.jsx(E,{children:j.cardDetails.moreOptions.rename})]}),i.jsxs(L,{windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("lock")},children:[i.jsx(si,{}),i.jsx(E,{children:j.cardDetails.moreOptions.lock})]}),i.jsx($e,{}),i.jsxs(L,{windowSize:n,hoverImportant:!0,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("close")},children:[i.jsx(Re,{}),i.jsx(fe,{children:j.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?i.jsx(L,{hoverImportant:!0,windowSize:n,onClick:a=>{a.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:i.jsx(fe,{children:j.cardDetails.revokeInvite})}):null},Le=({status:e,style:r})=>{const s=ze(),d=qt(e,s),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return oe()==="small"?i.jsx(Xe,{textColor:d,text:c[e],tagStyles:{maxWidth:t.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...r}}):i.jsx(Xe,{textColor:d,text:c[e],styles:r,tagStyles:{padding:"1px 6px"}})},qt=(e,r)=>{switch(e){case"active":return new je(I.success);case"request_on_hold":return new je(I.graphColor36);case"inactive":return new je(I.alert);default:return new je(r.colors.grey1)}},E=o(X)`
   color: inherit;
-`,fe=o(J)`
+`,fe=o(X)`
   color: ${I.important};
-`,Xt=o.div`
+`,Gt=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>se.containerPaddingLeft.valuePx(e.windowSize)};
@@ -39,10 +39,10 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   margin-bottom: ${t.sp3};
   box-sizing: border-box;
   align-items: center;
-`,Gt=o.div`
+`,Jt=o.div`
   display: block;
   width: 100%;
-`,Jt=o(Vt)`
+`,Xt=o(Vt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${I.important};
@@ -90,7 +90,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,io=o(J)`
+`,io=o(X)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>se.webkitLineClamp.value(e.windowSize)};
@@ -108,14 +108,14 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${t.sp6};
-`,oo=o(J)`
+`,oo=o(X)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
   justify-content: flex-start;
   align-items: flex-end;
   gap: ${e=>e.isLoading?t.sp1:t.sp0};
-`,ro=o(J)`
+`,ro=o(X)`
   color: ${e=>e.theme.colors.hero};
   flex-grow: 1;
   -webkit-line-clamp: ${e=>se.webkitLineClamp.value(e.windowSize)};
@@ -147,21 +147,21 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   flex-direction: column;
   justify-content: center;
   gap: ${e=>e.isLoading?t.sp1:t.sp0};
-`,no=o(J)`
+`,no=o(X)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${t.sp1};
-`,ao=o(J)`
+`,ao=o(X)`
   color: ${e=>e.theme.colors.hero};
   width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   box-sizing: border-box;
   display: flex;
   align-items: center;
-`,lo=o(J)`
+`,lo=o(X)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   padding-right: ${t.sp2};
@@ -184,7 +184,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   display: flex;
   align-items: start;
   flex-direction: column;
-`,ho=o(J)`
+`,ho=o(X)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -192,7 +192,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   white-space: nowrap;
 `,po=o(ee)`
   color: ${e=>e.theme.colors.hero};
-`;o(G)`
+`;o(J)`
   display: flex;
   gap: ${t.sp2};
   align-items: center;
@@ -269,9 +269,9 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,zi=he.memo(({allCheckBoxValues:e,checkBox:r,fieldName:s,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:n,registerOptions:a,style:x,mode:m,checkBoxContainerStyle:y,checkBoxIconStyle:k,checkBoxStyle:S,labelCheckBoxStyle:h,labelStyle:p,width:w,isDisabled:$,selectionLimit:R,infoIconContainerStyle:B,checkedIconColor:D,draggable:z=!1,onDragStart:M})=>{const{control:g}=St();return i.jsx(vt,{control:g,name:s,rules:a,render:({field:{value:v,onChange:_,ref:U}})=>i.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...y,...c},"data-testid":l??X("virtualized-checkbox-field",s),children:i.jsx(jt,{checkBox:r,index:d,value:v,allCheckBoxValues:e,mode:m,name:s,checkBoxContainerStyle:x,checkBoxIconStyle:k,checkBoxStyle:r.groupLabel?h:S,labelCheckBoxStyle:h,labelStyle:p,width:w,groupLabelCheckBox:n,infoIconContainerStyle:B,selectionLimit:R,checkedIconColor:D,isDisabled:$,draggable:z,onDragStart:M,ref:U,onChangeHandler:T=>$t({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:n,onChange:_})})})})},(e,r)=>e.checkBox===r.checkBox&&e.index===r.index&&e.mode===r.mode&&e.isDisabled===r.isDisabled&&e.selectionLimit===r.selectionLimit&&e.allCheckBoxValues.length===r.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===r.groupLabelCheckBox?.value);zi.displayName="VirtualizedCheckBoxField";const fo=o.div`
+`,zi=he.memo(({allCheckBoxValues:e,checkBox:r,fieldName:s,index:d,containerStyle:c,"data-testid":l,groupLabelCheckBox:n,registerOptions:a,style:x,mode:m,checkBoxContainerStyle:y,checkBoxIconStyle:k,checkBoxStyle:S,labelCheckBoxStyle:h,labelStyle:p,width:w,isDisabled:$,selectionLimit:R,infoIconContainerStyle:B,checkedIconColor:D,draggable:z=!1,onDragStart:M})=>{const{control:g}=St();return i.jsx(vt,{control:g,name:s,rules:a,render:({field:{value:v,onChange:_,ref:U}})=>i.jsx(fo,{style:{display:"flex",alignItems:"center",width:"100%",...y,...c},"data-testid":l??G("virtualized-checkbox-field",s),children:i.jsx(jt,{checkBox:r,index:d,value:v,allCheckBoxValues:e,mode:m,name:s,checkBoxContainerStyle:x,checkBoxIconStyle:k,checkBoxStyle:r.groupLabel?h:S,labelCheckBoxStyle:h,labelStyle:p,width:w,groupLabelCheckBox:n,infoIconContainerStyle:B,selectionLimit:R,checkedIconColor:D,isDisabled:$,draggable:z,onDragStart:M,ref:U,onChangeHandler:T=>$t({event:T,value:v,allCheckBoxValues:e,groupLabelCheckBox:n,onChange:_})})})})},(e,r)=>e.checkBox===r.checkBox&&e.index===r.index&&e.mode===r.mode&&e.isDisabled===r.isDisabled&&e.selectionLimit===r.selectionLimit&&e.allCheckBoxValues.length===r.allCheckBoxValues.length&&e.groupLabelCheckBox?.value===r.groupLabelCheckBox?.value);zi.displayName="VirtualizedCheckBoxField";const fo=o.div`
   position: relative;
-`,Q={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new C(u[0],u[4]),headerLastColumnRightPadding:new C(u[3],u[11]),headerLastColumnBottomPadding:new C(u[0],u[4]),headerLastColumnLeftPadding:new C(u[0],u[11]),headerHeight:new C(Et,Tt)},yo=he.memo(function({companyNameSticky:e,sortConfig:r,showViewForCardUser:s,onColumnSortConfigChanged:d}){const c=ze(),l=oe(),n=!!ke().loggedInUserRole.includes("charge_card_user")||s,[a,x]=f.useState(Ii(n));f.useEffect(()=>{const h=[...a];for(const p of h)p.key===r.sortKey?p.sortOrder=r.sortOrder:p.sortOrder="ascending";x(h)},[r.sortKey,r.sortOrder]);const m=(h,p)=>{let w=p;r.sortKey===h&&(w=p==="ascending"?"descending":"ascending"),d(h,w)},y=a.find(h=>h.key===r.sortKey)??(n?a[1]:a[0]),k=(n?a.filter(h=>h.key!=="owner"):a).map(h=>h.key),S=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(vo,{windowSize:l,children:[i.jsxs(bo,{children:[i.jsx(Lo,{children:i.jsx(Io,{})}),i.jsx(It,{title:S.sortBy,placeholder:S.sortBy,pickerValues:k,valueToLabel:h=>a.find(p=>p.key===h)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:h=>{m(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),i.jsxs(Fo,{onClick:()=>m(y.key,y.sortOrder),"data-testid":X("mobile-cards-list-sort-clicked",r.sortKey),children:[i.jsx(G,{children:y.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:y,children:i.jsx(ci,{windowSize:l,children:i.jsx(Ge,{})})})]})]}):i.jsx(ko,{windowSize:l,children:i.jsx(So,{children:a.map(h=>h.width.value(l)!==0&&i.jsxs(jo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[i.jsxs(Ao,{onClick:()=>m(h.key,h.sortOrder),"data-testid":X("cards-list-sort-clicked",r.sortKey),children:[i.jsx(G,{children:h.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:h,children:i.jsx(ci,{windowSize:l,children:i.jsx(Ge,{})})})]}),i.jsx(zo,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===h.key&&(n?h.key!=="cardName":h.key!=="owner"),children:i.jsx($o,{onClick:()=>m(n?"cardName":"owner","ascending"),"data-testid":X("cards-list-sort-cancel",r.sortKey)})})]},h.key))})})}),ko=o.div`
+`,Q={containerPaddingLeft:t.sp2,containerPaddingRight:t.sp3,containerPaddingTop:t.sp3,containerPaddingBottom:t.sp3,headerLastColumnTopPadding:new C(u[0],u[4]),headerLastColumnRightPadding:new C(u[3],u[11]),headerLastColumnBottomPadding:new C(u[0],u[4]),headerLastColumnLeftPadding:new C(u[0],u[11]),headerHeight:new C(Et,Tt)},yo=he.memo(function({companyNameSticky:e,sortConfig:r,showViewForCardUser:s,onColumnSortConfigChanged:d}){const c=ze(),l=oe(),n=!!ke().loggedInUserRole.includes("charge_card_user")||s,[a,x]=f.useState(Ii(n));f.useEffect(()=>{const h=[...a];for(const p of h)p.key===r.sortKey?p.sortOrder=r.sortOrder:p.sortOrder="ascending";x(h)},[r.sortKey,r.sortOrder]);const m=(h,p)=>{let w=p;r.sortKey===h&&(w=p==="ascending"?"descending":"ascending"),d(h,w)},y=a.find(h=>h.key===r.sortKey)??(n?a[1]:a[0]),k=(n?a.filter(h=>h.key!=="owner"):a).map(h=>h.key),S=le.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(vo,{windowSize:l,children:[i.jsxs(bo,{children:[i.jsx(Lo,{children:i.jsx(Io,{})}),i.jsx(It,{title:S.sortBy,placeholder:S.sortBy,pickerValues:k,valueToLabel:h=>a.find(p=>p.key===h)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:h=>{m(h,"ascending")},optionTextStyle:Be.extraSmallRegular,titleTextStyle:Be.extraSmallRegular,titleColor:c.colors.primary,selectedOptionColor:c.colors.hero,optionBackgroundColor:c.colors.grey5,downChevronVisible:!1,backgroundColor:c.colors.grey4})]}),i.jsxs(Fo,{onClick:()=>m(y.key,y.sortOrder),"data-testid":G("mobile-cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:y.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:y,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]})]}):i.jsx(ko,{windowSize:l,children:i.jsx(So,{children:a.map(h=>h.width.value(l)!==0&&i.jsxs(jo,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:h.key,wrapperWidth:h.width,windowSize:l,children:[i.jsxs(Ao,{onClick:()=>m(h.key,h.sortOrder),"data-testid":G("cards-list-sort-clicked",r.sortKey),children:[i.jsx(J,{children:h.value}),i.jsx(di,{windowSize:l,sortDataValue:r.sortKey,headerdata:h,children:i.jsx(ci,{windowSize:l,children:i.jsx(Je,{})})})]}),i.jsx(zo,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===h.key&&(n?h.key!=="cardName":h.key!=="owner"),children:i.jsx($o,{onClick:()=>m(n?"cardName":"owner","ascending"),"data-testid":G("cards-list-sort-cancel",r.sortKey)})})]},h.key))})})}),ko=o.div`
   top: ${t.sp0};
   left: ${t.sp0};
   z-index: 2;
@@ -365,7 +365,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Po}},chargeCard:ce},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(u[3],u[8]),webkitLineClamp:new C(2,2,1,1,1)},Ro=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:n,index:a,onChargeCardRowClick:x,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h})=>{const p=!!ke().loggedInUserRole.includes("charge_card_user")||c,w=f.useCallback(()=>{x(s.id,a)},[s.id]);return p?i.jsx(Bo,{cardDetail:s,onRowClick:w}):i.jsx(Do,{setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:l,resendInviteId:n,onRowClick:w,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h,showViewForCardUser:c})},Ai=({cardDetail:e})=>{const r=e.balance,s=yi(e)/e.limit.amount*100;return i.jsxs(Oo,{children:[i.jsx(Ho,{children:de("0,0.[00]",r)}),s!==0?i.jsx(Mo,{children:`${Math.round(s)}${Po}`}):null]})},Bo=({cardDetail:e,onRowClick:r})=>{const s=oe();return i.jsx(Fi,{windowSize:s,children:i.jsx(Pi,{onClick:r,"data-testid":X("charge-card-user-row",e.id),children:i.jsxs(_e,{children:[i.jsx(Vi,{children:i.jsxs(Mi,{cardUser:!0,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:Z.labels.cardName}),i.jsxs(_i,{children:[i.jsx(Ti,{title:e.cardName,children:e.cardName}),i.jsx(Gi,{windowSize:s,children:ce.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",e.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ni,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:e}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:ce.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Xi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Do=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:n,onChargeCardResendInviteClick:a,rowActionView:x,revokeChargeCardsInviteFetchState:m,unlockChargeCardsFetchState:y,cardsSelectedForBulkAction:k,showViewForCardUser:S})=>{const[h,p]=f.useState(!1);f.useEffect(()=>{k.length>0&&h&&p(!1)},[k.length,h]);const w=!!ke().loggedInUserRole.includes("charge_card_user")||S,$=`${s.cardHolderUser?.firstName??""} ${s.cardHolderUser?.lastName??""}`,R=s?.cardHolderUserId===c.userId,B=oe(),D=s.type.code,z=ce.cardList.tooltip[D],M=z!=null?R?z.self:`${$} ${z.cardUser}`:Z.strings.empty,g=x.cardId===s.id,v=k.includes(s.id),_=g&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&y==="In-Progress",U=g&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&m==="In-Progress",T=_||U,W=s.status.code!=="closed"&&s.status.code!=="closed_by_customer";return i.jsx(Fi,{windowSize:B,children:i.jsxs(Pi,{onClick:n,"data-testid":X("charge-card-admin-row",s.id),children:[i.jsxs(_e,{children:[i.jsxs(Vi,{children:[i.jsx(Vo,{children:i.jsx(ji,{personBasic:s.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(No,{children:i.jsxs(Wo,{children:[i.jsx(_o,{children:i.jsx(Eo,{windowSize:B,title:$,children:$})}),i.jsx(Ee,{style:{marginTop:`-${t.sp1}`},children:s.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:s.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ni,{children:i.jsx(i.Fragment,{children:l===s.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(Jo,{children:[i.jsxs(To,{children:[s.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:s}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:s.status.code}),s.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:M,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Xi,{className:"infoIconTooltip"})}):null]})]}),s.status.code!=="request_on_hold"||R?null:i.jsx(Ko,{children:i.jsx(qo,{onClick:F=>{F.stopPropagation(),a(s.id)},"data-testid":X("send-reminder-clicked",s.id),children:ce.cardList.sendReminder})})]})})})]}),i.jsxs(_e,{children:[i.jsxs(Mi,{cardUser:!1,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:`${Z.labels.cardName}`}),i.jsxs(_i,{children:[i.jsx(Ti,{title:s.cardName,children:s.cardName}),i.jsx(Gi,{windowSize:B,children:s.status.code==="request_on_hold"?Z.strings.hyphen:ce.cardDetails.expiryHideOut+Z.strings.space+s.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Te,{children:i.jsx(Ve,{cardDetail:s,forDetailPage:!1})})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",s.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:s.creditLimitFrequency.name})]})]})]}),i.jsx(Uo,{children:i.jsx(Xo,{showMenu:!0,className:"menu-icon",children:(()=>{const F=s.status.code==="locked",O=s.status.code==="closed"||s.status.code==="closed_by_customer",K=w?d&&!T&&!O&&!(F&&s.isLockedByAdmin):d?!T&&W:s.status.code==="request_on_hold",A=k.length>0;return K&&i.jsx(Oe,{menuItems:i.jsx(Go,{children:i.jsx(Li,{cardDetail:s,isCardControlsEnabled:d,isChargeCardUser:w,setIsMenuOpen:p,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:H=>{A||p(H)},isMenuOpen:h&&!A,menuIconStyles:{cursor:A?"not-allowed":"pointer",opacity:A?.5:1,pointerEvents:A?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Fi=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Po}},chargeCard:ce},common:Z}=le.getLocalizedStrings(),De={containerMarginLeft:new C(u[3],u[8]),webkitLineClamp:new C(2,2,1,1,1)},Ro=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,showViewForCardUser:c,signedInUser:l,resendInviteId:n,index:a,onChargeCardRowClick:x,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h})=>{const p=!!ke().loggedInUserRole.includes("charge_card_user")||c,w=f.useCallback(()=>{x(s.id,a)},[s.id]);return p?i.jsx(Bo,{cardDetail:s,onRowClick:w}):i.jsx(Do,{setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:l,resendInviteId:n,onRowClick:w,onChargeCardResendInviteClick:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:h,showViewForCardUser:c})},Ai=({cardDetail:e})=>{const r=e.balance,s=yi(e)/e.limit.amount*100;return i.jsxs(Oo,{children:[i.jsx(Ho,{children:de("0,0.[00]",r)}),s!==0?i.jsx(Mo,{children:`${Math.round(s)}${Po}`}):null]})},Bo=({cardDetail:e,onRowClick:r})=>{const s=oe();return i.jsx(Fi,{windowSize:s,children:i.jsx(Pi,{onClick:r,"data-testid":G("charge-card-user-row",e.id),children:i.jsxs(_e,{children:[i.jsx(Vi,{children:i.jsxs(Mi,{cardUser:!0,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:Z.labels.cardName}),i.jsxs(_i,{children:[i.jsx(Ti,{title:e.cardName,children:e.cardName}),i.jsx(Ji,{windowSize:s,children:ce.cardDetails.expiryHideOut+Z.strings.space+e.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Ve,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",e.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ni,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:e}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:ce.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]})})]})})})},Do=({setCardIdForRowAction:e,setActionTypeForRowAction:r,cardDetail:s,isCardControlsEnabled:d,signedInUser:c,resendInviteId:l,onRowClick:n,onChargeCardResendInviteClick:a,rowActionView:x,revokeChargeCardsInviteFetchState:m,unlockChargeCardsFetchState:y,cardsSelectedForBulkAction:k,showViewForCardUser:S})=>{const[h,p]=f.useState(!1);f.useEffect(()=>{k.length>0&&h&&p(!1)},[k.length,h]);const w=!!ke().loggedInUserRole.includes("charge_card_user")||S,$=`${s.cardHolderUser?.firstName??""} ${s.cardHolderUser?.lastName??""}`,R=s?.cardHolderUserId===c.userId,B=oe(),D=s.type.code,z=ce.cardList.tooltip[D],M=z!=null?R?z.self:`${$} ${z.cardUser}`:Z.strings.empty,g=x.cardId===s.id,v=k.includes(s.id),_=g&&x.unlockChargeCardsFetchState.fetchState==="In-Progress"||v&&y==="In-Progress",U=g&&x.revokeChargeCardFetchState.fetchState==="In-Progress"||v&&m==="In-Progress",T=_||U,W=s.status.code!=="closed"&&s.status.code!=="closed_by_customer";return i.jsx(Fi,{windowSize:B,children:i.jsxs(Pi,{onClick:n,"data-testid":G("charge-card-admin-row",s.id),children:[i.jsxs(_e,{children:[i.jsxs(Vi,{children:[i.jsx(Vo,{children:i.jsx(ji,{personBasic:s.cardHolderUser,styles:{height:t.sp6,width:t.sp6}})}),i.jsx(No,{children:i.jsxs(Wo,{children:[i.jsx(_o,{children:i.jsx(Eo,{windowSize:B,title:$,children:$})}),i.jsx(Ee,{style:{marginTop:`-${t.sp1}`},children:s.cardHolderRoles?.userRoles!=null&&i.jsx($i,{roles:s.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ni,{children:i.jsx(i.Fragment,{children:l===s.id?i.jsx(ki,{size:"Small",start:!0}):i.jsxs(Xo,{children:[i.jsxs(To,{children:[s.status.code!=="request_on_hold"?i.jsx(Ai,{cardDetail:s}):null,i.jsxs(Oi,{children:[i.jsx(Le,{status:s.status.code}),s.status.code==="request_on_hold"?i.jsx(ye,{display:"flex",title:M,placement:"top",style:{padding:`${t.sp2} ${t.sp3}`},children:i.jsx(Gi,{className:"infoIconTooltip"})}):null]})]}),s.status.code!=="request_on_hold"||R?null:i.jsx(Ko,{children:i.jsx(qo,{onClick:F=>{F.stopPropagation(),a(s.id)},"data-testid":G("send-reminder-clicked",s.id),children:ce.cardList.sendReminder})})]})})})]}),i.jsxs(_e,{children:[i.jsxs(Mi,{cardUser:!1,children:[i.jsxs(Di,{children:[i.jsx(Ei,{children:`${Z.labels.cardName}`}),i.jsxs(_i,{children:[i.jsx(Ti,{title:s.cardName,children:s.cardName}),i.jsx(Ji,{windowSize:B,children:s.status.code==="request_on_hold"?Z.strings.hyphen:ce.cardDetails.expiryHideOut+Z.strings.space+s.accountLast4})]})]}),i.jsxs(Ri,{children:[i.jsx(Bi,{children:`${ce.cardList.header.cardType}${Z.strings.colon}`}),i.jsx(Te,{children:i.jsx(Te,{children:i.jsx(Ve,{cardDetail:s,forDetailPage:!1})})})]}),i.jsxs(Ui,{children:[i.jsx(Hi,{children:Z.labels.limit}),i.jsxs(Ki,{children:[i.jsx(Wi,{children:de("0,0.[00]",s.limit)}),i.jsx(qi,{}),i.jsx(Ee,{children:s.creditLimitFrequency.name})]})]})]}),i.jsx(Uo,{children:i.jsx(Go,{showMenu:!0,className:"menu-icon",children:(()=>{const F=s.status.code==="locked",O=s.status.code==="closed"||s.status.code==="closed_by_customer",K=w?d&&!T&&!O&&!(F&&s.isLockedByAdmin):d?!T&&W:s.status.code==="request_on_hold",A=k.length>0;return K&&i.jsx(Oe,{menuItems:i.jsx(Jo,{children:i.jsx(Li,{cardDetail:s,isCardControlsEnabled:d,isChargeCardUser:w,setIsMenuOpen:p,setCardIdForRowAction:e,setActionTypeForRowAction:r})}),setIsMenuOpen:H=>{A||p(H)},isMenuOpen:h&&!A,menuIconStyles:{cursor:A?"not-allowed":"pointer",opacity:A?.5:1,pointerEvents:A?"none":"auto"},styles:{transform:"translate(5px,0px)"}})})()})})]})]})})},Fi=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -396,7 +396,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   align-items: center;
   gap: ${t.sp1};
   flex-grow: 1;
-`,Eo=o(J)`
+`,Eo=o(X)`
   color: ${e=>e.theme.colors.hero};
   display: -webkit-box;
   -webkit-line-clamp: ${e=>De.webkitLineClamp.value(e.windowSize)};
@@ -408,10 +408,10 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,Ee=o(G)`
+`,Ee=o(J)`
   color: ${e=>e.theme.colors.hero};
   min-height: 18px;
-`,Ri=o(G)`
+`,Ri=o(J)`
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   display: flex;
@@ -422,7 +422,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Di=o(G)`
+`,Di=o(J)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
@@ -451,7 +451,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,Vo=o.div``,No=o.div``,Mo=o(G)`
+`,Vo=o.div``,No=o.div``,Mo=o(J)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   margin-top: -${t.sp1};
@@ -474,7 +474,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   position: relative;
 `,Wo=o.div`
   margin-bottom: 6px;
-`,Ui=o(G)`
+`,Ui=o(J)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   gap: ${t.sp6};
@@ -488,7 +488,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   width: ${t.sp1};
   height: ${t.sp1};
   background-color: ${e=>e.theme.colors.hero};
-`,Ho=o(G)`
+`,Ho=o(J)`
   color: ${e=>e.theme.colors.hero};
 `,Ko=o.div`
   padding-right: 20px;
@@ -499,7 +499,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   &:hover {
     text-decoration: underline;
   }
-`,Xi=o(Si)`
+`,Gi=o(Si)`
   width: ${t.sp3};
   height: ${t.sp3};
   margin-bottom: 0;
@@ -507,17 +507,17 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Xo=o.div`
+`,Go=o.div`
   position: absolute;
   right: -${t.sp2};
   top: ${t.sp2};
-`,Go=o.div`
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
 `,Jo=o.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Xo=o.div`
   display: flex;
   align-items: end;
   flex-direction: column;
-`,Gi=o(G)`
+`,Ji=o(J)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
@@ -526,7 +526,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   display: flex;
   align-items: center;
   gap: ${t.sp1};
-`,Ur=20,Ie=(e,r,s)=>!(s!=null&&e.status.code!==s||e.status.code==="closed"||e.status.code==="closed_by_customer"),Yo=(e,r,s)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(s!=null&&e.status.code!==s){const l=d.spendManagement.chargeCard.cardList.status[s];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ae={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(u[3],u[8]),styledAIIconContainerSize:new C(u[3],u[3]),checkBoxContainerStyleMarginLeft:new C(u[0],u[4]),checkBoxContainerStyleMarginRight:new C(u[0],u[8]),labelCheckBoxStyleMarginLeft:new C(u[2],u[0])},Qo={moreItemFont:new Ci("extraSmallRegular","smallRegular")},ue=le.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:ne}=ue,Ji=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,showViewForCardUser:a,productInformation:x,isChargeCardFeatureEnabled:m,isChargeCardSetupEnabled:y,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:S,cashbackInformation:h,creditAccountInformation:p,debitAccountInformation:w,depositAccountListWithDebitCardIssued:$,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,receiptBotEmail:g,searchText:v,resendInviteId:_,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O,onProceedForBulkActionClick:K,onBulkCloseClick:A,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:V,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:ge,handleClearSelection:xe})=>{const b=oe(),Ae=ke(),Ne=lt().analytics,Me=!!Ae.loggedInUserRole.includes("charge_card_user"),Ue=ze(),[,We]=dt(),[Se,He]=f.useState(!1),[Fe,Ke]=f.useState(!1),it=f.useCallback(()=>{g!=null&&((!m||s.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(k&&S)||$.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(r,x,"Cards List","Copy","copied","Receipt Email",g,h,p,w),We(g),He(!0))},[g,m,s.fetchState,d.fetchState,k,S,$.fetchState,Ne,r,x,h,p,w,We]);f.useEffect(()=>{if(Se===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[Se]);const tt=f.useCallback(N=>{K(N)},[K]),Pe=f.useCallback(N=>N===0?50:b!=="small"?Pt:Me?Rt:Bt,[b,Me]),ot=f.useMemo(()=>{let N=114;for(let we=1;we<=e.length;we++)N+=Pe(we);return N},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-351,[]),rt=ot>qe,Xe=f.useRef(null);return f.useEffect(()=>{Xe.current?.resetAfterIndex(0)},[b]),i.jsxs(nr,{fetchState:D,children:[D==="Error"?i.jsxs(ar,{children:[i.jsx(lr,{onClick:Y,"data-testid":X("charge-card-list-reload"),children:i.jsx(dr,{})}),i.jsx(cr,{children:ne.reloadPage.label})]}):D==="Completed"&&e.length===0?i.jsx(ht,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Ue.colors.primary,...Be.largeRegular.cssObject}}):i.jsxs(et,{children:[g!=null?i.jsxs(mr,{windowSize:b,children:[i.jsx(yr,{windowSize:b,children:i.jsx(kr,{})}),i.jsxs(Sr,{windowSize:b,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:P.aiCardAgentText}),ne.strings.space,P.receiptBotMessage,ne.strings.space]}),i.jsxs(fr,{"data-testid":X("charge-card-list-copy-email"),onClick:it,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[i.jsx(xr,{children:g}),Se===!0?i.jsxs(pi,{children:[i.jsx(Cr,{}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe||Se,color:I.primaryDark,children:ne.copyToClipBoard.copied})})]}):i.jsxs(pi,{children:[i.jsx(wr,{color:Fe?Ue.colors.primary:void 0}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe&&b!=="small",children:ne.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:b,availableHeight:qe,isListTooLarge:rt,children:i.jsx(pt,{children:({height:N,width:we})=>i.jsx(ut,{ref:Xe,height:N,itemCount:e.length+1,innerElementType:Qi,itemSize:Pe,estimatedItemSize:_t,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:Dt,initialScrollOffset:0,children:ve=>i.jsx(tr,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,resendInviteId:_,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,showViewForCardUser:a,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,onColumnSortConfigChanged:ge,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O})})})})]}),W.length>0&&M!=="In-Progress"&&z!=="In-Progress"?i.jsx(ct,{helperContainerStyle:b==="small"?{margin:`${t.sp5} ${t.sp7} ${t.sp2} ${t.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:er(F),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Yi(F);N&&tt(N)}},cancelBtn:{label:ne.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ir(F)},leftSideComponent:jr(W.length,O,b),rightSideComponent:i.jsx(Lr,{firstSelectedCardStatus:F,windowSize:b,setShowBulkChangeSpendLimitPopup:V,onBulkCloseClick:A,onBulkLockClick:H})}):null]})},(e,r)=>e.cardList===r.cardList&&e.cardsSelectedForBulkAction.length===r.cardsSelectedForBulkAction.length&&e.fetchState===r.fetchState&&e.uiState.sortKey===r.uiState.sortKey&&e.uiState.sortOrder===r.uiState.sortOrder&&e.rowActionView===r.rowActionView&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.searchText===r.searchText&&e.receiptBotEmail===r.receiptBotEmail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.firstSelectedCardStatus===r.firstSelectedCardStatus&&e.handleClearSelection===r.handleClearSelection);Ji.displayName="ChargeCardListContent";const Zo=({cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:n,...a})=>{const x="bulkSelectIds",m=nt({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const k=m.watch((S,{name:h})=>{if(h===x){let p=[];const w=S[x]??[];if(w.includes(ue.common.all.toLowerCase()))if(e.length===0){p=[];for(const $ of r)if(Ie($,0,s)&&p.push($.id),p.length===d)break}else p=w.filter($=>$!==ue.common.all.toLowerCase());else p=w.filter($=>$!=null);c(p)}});return()=>k.unsubscribe()},[c,e.length,r,s,d]);const y=f.useCallback(()=>{m.setValue(x,[]),l()},[m,l]);return i.jsx(at,{...m,children:i.jsx(Ji,{...a,cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,isChargeCardSetupEnabled:n,handleClearSelection:y})})},Yi=e=>{if(e!=null)switch(e){case"active":return"update_limit";case"locked":return"unlock";case"inactive":return"close";case"request_on_hold":return"revoke_invite";default:return}},er=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return ne.proceed}},ir=e=>{switch(Yi(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Qi=f.forwardRef((e,r)=>{const{children:s,style:d,...c}=e;return i.jsx(et,{ref:r,style:{...d,width:"auto"},...c,children:i.jsx(ur,{children:s})})});Qi.displayName=P.cardList.headerElementDisplayName;const Wr=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:n,setActionTypeForRowAction:a,receiptBotEmail:x,searchText:m,resendInviteId:y,showViewForCardUser:k,signedInUser:S,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,onChargeCardRowClick:H,onReloadCards:V,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te,depositAccountListWithDebitCardIssued:Y,rowActionView:ge,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(st({componentName:"cards.list",enabled:c==="Completed"}),i.jsx(Zo,{cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:n,setActionTypeForRowAction:a,rowActionView:ge,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,depositAccountListWithDebitCardIssued:Y,showViewForCardUser:k,signedInUser:S,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:m,resendInviteId:y,onReloadCards:V,onChargeCardRowClick:H,uiState:l,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te}))),tr=({uiState:e,onColumnSortConfigChanged:r,isBulkActionAllowed:s,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:n,index:a,setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,style:h,cardList:p,showViewForCardUser:w,signedInUser:$,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const z=oe(),M=ze(),g=y.cardId!=null&&y.unlockChargeCardsFetchState.fetchState==="In-Progress"||S==="In-Progress"&&c.length>0,v=!s||g||d===!1||p.length<=1?"off":c.length>0?"always_on":"checked_or_hover",_={gap:t.sp3,width:"auto",marginLeft:ae.checkBoxContainerStyleMarginLeft.valuePx(z),marginRight:ae.checkBoxContainerStyleMarginRight.valuePx(z)},U={marginLeft:ae.labelCheckBoxStyleMarginLeft.valuePx(z)},T=rr(z),W=or(z),F={backgroundColor:M.colors.grey4},O={...h,width:"100%"},K=f.useMemo(()=>{const te=[ue.common.all.toLowerCase()];for(const Y of p)if((!d||Ie(Y,0,l))&&(te.push(Y.id),n!=null&&te.length===n+1))break;return te},[p,d,l,n]),A={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0)},H=a===0,V=H?null:p[a-1],ie=f.useMemo(()=>H?{label:i.jsx(yo,{companyNameSticky:!1,showViewForCardUser:w,onColumnSortConfigChanged:r,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0&&p.length>1)}:V==null?{label:i.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:i.jsx(Zi,{setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:w,cardDetail:V,signedInUser:$,resendInviteId:R,index:a-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:V.id,groupLabel:!1,defaultChecked:!1,isException:!(!d||!s)&&!Ie(V,0,l),exceptionMode:"checked_or_hover",exceptionInfo:Yo(V,0,l),exceptionType:Ie(V,0,l)?void 0:"info"},[H,V,w,r,e.sortKey,e.sortOrder,c,x,m,y,k,S,d,$,R,a,B,D,l]);return i.jsx(pr,{style:O,className:"spend-management-list-item",children:i.jsx(zi,{checkBox:ie,fieldName:"bulkSelectIds",index:a,allCheckBoxValues:K,groupLabelCheckBox:A,mode:v,checkBoxContainerStyle:_,checkBoxIconStyle:F,checkBoxStyle:H?U:T,labelCheckBoxStyle:U,labelStyle:{width:"100%"},style:{gap:t.sp3},infoIconContainerStyle:W,selectionLimit:n})})},or=e=>{let r={zIndex:1,height:t.sp3,display:"flex",alignItems:"center"};return e==="small"&&(r={...r,position:"absolute",left:t.sp2,marginBottom:t.sp1,width:t.sp4,height:t.sp4}),r},rr=e=>{let r={zIndex:1,marginBottom:t.sp3,backgroundColor:"inherit"};return e==="small"&&(r={...r,position:"absolute",left:t.sp1,width:t.sp4,height:t.sp4}),r},Zi=he.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardResendInviteClick:S,onChargeCardRowClick:h})=>{const p=oe()==="small"?Ro:Kt;return i.jsx(p,{cardDetail:n,index:k,isCardControlsEnabled:a,setActionTypeForRowAction:r,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:m,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:s,onChargeCardRowClick:h,resendInviteId:y,onChargeCardResendInviteClick:S})},(e,r)=>{const s=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=r.cardsSelectedForBulkAction.includes(r.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=r.rowActionView.cardId===r.cardDetail.id;return s===d&&c===l&&e.cardDetail===r.cardDetail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.resendInviteId===r.resendInviteId&&e.showViewForCardUser===r.showViewForCardUser&&e.signedInUser===r.signedInUser&&e.index===r.index});Zi.displayName="ChargeCardRowWrapper";const sr=o(Ct)`
+`,Ur=20,Ie=(e,r,s)=>!(s!=null&&e.status.code!==s||e.status.code==="closed"||e.status.code==="closed_by_customer"),Yo=(e,r,s)=>{const d=le.getLocalizedStrings(),c=d.spendManagement.chargeCard.cardList.bulkActions.exceptionMessages;if(e.status.code==="closed"||e.status.code==="closed_by_customer")return c.closedCardsCannotBeSelected;if(s!=null&&e.status.code!==s){const l=d.spendManagement.chargeCard.cardList.status[s];return c.onlyCardsUnderStatusCanBeSelectedTogether.replace("__status__",l)}return c.cardCannotBeSelectedForAction},ae={lastListItemHeight:new C(200,158),bannerWrapperMarginLeftRight:new C(u[3],u[8]),styledAIIconContainerSize:new C(u[3],u[3]),checkBoxContainerStyleMarginLeft:new C(u[0],u[4]),checkBoxContainerStyleMarginRight:new C(u[0],u[8]),labelCheckBoxStyleMarginLeft:new C(u[2],u[0])},Qo={moreItemFont:new Ci("extraSmallRegular","smallRegular")},ue=le.getLocalizedStrings(),{spendManagement:{chargeCard:P},common:ne}=ue,Xi=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,showViewForCardUser:a,productInformation:x,isChargeCardFeatureEnabled:m,isChargeCardSetupEnabled:y,isDebitCardFeatureEnabled:k,isDebitCardSetupEnabled:S,cashbackInformation:h,creditAccountInformation:p,debitAccountInformation:w,depositAccountListWithDebitCardIssued:$,uiState:R,signedInUser:B,fetchState:D,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,receiptBotEmail:g,searchText:v,resendInviteId:_,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O,onProceedForBulkActionClick:K,onBulkCloseClick:A,onBulkLockClick:H,setShowBulkChangeSpendLimitPopup:V,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,onReloadCards:Y,onColumnSortConfigChanged:ge,handleClearSelection:xe})=>{const b=oe(),Ae=ke(),Ne=lt().analytics,Me=!!Ae.loggedInUserRole.includes("charge_card_user"),Ue=ze(),[,We]=dt(),[Se,He]=f.useState(!1),[Fe,Ke]=f.useState(!1),it=f.useCallback(()=>{g!=null&&((!m||s.fetchState==="Completed"&&d.fetchState==="Completed")&&(!(k&&S)||$.fetchState==="Completed")&&Ne.trackCardsCopyIconClick(r,x,"Cards List","Copy","copied","Receipt Email",g,h,p,w),We(g),He(!0))},[g,m,s.fetchState,d.fetchState,k,S,$.fetchState,Ne,r,x,h,p,w,We]);f.useEffect(()=>{if(Se===!0){const N=setTimeout(()=>{He(!1)},800);return()=>clearTimeout(N)}},[Se]);const tt=f.useCallback(N=>{K(N)},[K]),Pe=f.useCallback(N=>N===0?50:b!=="small"?Pt:Me?Rt:Bt,[b,Me]),ot=f.useMemo(()=>{let N=114;for(let we=1;we<=e.length;we++)N+=Pe(we);return N},[e.length,Pe]),qe=f.useMemo(()=>window.innerHeight-351,[]),rt=ot>qe,Ge=f.useRef(null);return f.useEffect(()=>{Ge.current?.resetAfterIndex(0)},[b]),i.jsxs(nr,{fetchState:D,children:[D==="Error"?i.jsxs(ar,{children:[i.jsx(lr,{onClick:Y,"data-testid":G("charge-card-list-reload"),children:i.jsx(dr,{})}),i.jsx(cr,{children:ne.reloadPage.label})]}):D==="Completed"&&e.length===0?i.jsx(ht,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:P.cardList.getStarted,message:v!==""?P.cardList.noDataWithFilterText:P.cardList.noDataText,messageStyle:{maxWidth:345,color:Ue.colors.primary,...Be.largeRegular.cssObject}}):i.jsxs(et,{children:[g!=null?i.jsxs(mr,{windowSize:b,children:[i.jsx(yr,{windowSize:b,children:i.jsx(kr,{})}),i.jsxs(Sr,{windowSize:b,children:[i.jsxs(gr,{children:[i.jsx(sr,{children:P.aiCardAgentText}),ne.strings.space,P.receiptBotMessage,ne.strings.space]}),i.jsxs(fr,{"data-testid":G("charge-card-list-copy-email"),onClick:it,onMouseEnter:()=>Ke(!0),onMouseLeave:()=>Ke(!1),children:[i.jsx(xr,{children:g}),Se===!0?i.jsxs(pi,{children:[i.jsx(Cr,{}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe||Se,color:I.primaryDark,children:ne.copyToClipBoard.copied})})]}):i.jsxs(pi,{children:[i.jsx(wr,{color:Fe?Ue.colors.primary:void 0}),i.jsx(hi,{children:i.jsx(ui,{shouldDisplay:Fe&&b!=="small",children:ne.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(hr,{windowSize:b,availableHeight:qe,isListTooLarge:rt,children:i.jsx(pt,{children:({height:N,width:we})=>i.jsx(ut,{ref:Ge,height:N,itemCount:e.length+1,innerElementType:Qi,itemSize:Pe,estimatedItemSize:_t,itemKey:ve=>ve===0?"header":e[ve-1].id,width:we,overscanCount:Dt,initialScrollOffset:0,children:ve=>i.jsx(tr,{...ve,setCardIdForRowAction:c,setActionTypeForRowAction:l,rowActionView:n,resendInviteId:_,onChargeCardResendInviteClick:ie,onChargeCardRowClick:te,showViewForCardUser:a,cardList:e,signedInUser:B,uiState:R,revokeChargeCardsInviteFetchState:z,unlockChargeCardsFetchState:M,onColumnSortConfigChanged:ge,isBulkActionAllowed:U,isCardControlsEnabled:T,cardsSelectedForBulkAction:W,firstSelectedCardStatus:F,bulkSubmissionLimit:O})})})})]}),W.length>0&&M!=="In-Progress"&&z!=="In-Progress"?i.jsx(ct,{helperContainerStyle:b==="small"?{margin:`${t.sp5} ${t.sp7} ${t.sp2} ${t.sp0}`}:{},showPrimaryButton:!0,primaryBtn:{label:er(F),isLoading:!1,isDisabled:!1,type:"button",onClick:()=>{const N=Yi(F);N&&tt(N)}},cancelBtn:{label:ne.texts.goBack,isDisabled:!1,onClick:xe,style:b==="small"?{}:ir(F)},leftSideComponent:jr(W.length,O,b),rightSideComponent:i.jsx(Lr,{firstSelectedCardStatus:F,windowSize:b,setShowBulkChangeSpendLimitPopup:V,onBulkCloseClick:A,onBulkLockClick:H})}):null]})},(e,r)=>e.cardList===r.cardList&&e.cardsSelectedForBulkAction.length===r.cardsSelectedForBulkAction.length&&e.fetchState===r.fetchState&&e.uiState.sortKey===r.uiState.sortKey&&e.uiState.sortOrder===r.uiState.sortOrder&&e.rowActionView===r.rowActionView&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.searchText===r.searchText&&e.receiptBotEmail===r.receiptBotEmail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.firstSelectedCardStatus===r.firstSelectedCardStatus&&e.handleClearSelection===r.handleClearSelection);Xi.displayName="ChargeCardListContent";const Zo=({cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,updateBulkActionList:c,removeAllCardsFromBulkActionList:l,isChargeCardSetupEnabled:n,...a})=>{const x="bulkSelectIds",m=nt({defaultValues:{[x]:e},values:{[x]:e}});f.useEffect(()=>{const k=m.watch((S,{name:h})=>{if(h===x){let p=[];const w=S[x]??[];if(w.includes(ue.common.all.toLowerCase()))if(e.length===0){p=[];for(const $ of r)if(Ie($,0,s)&&p.push($.id),p.length===d)break}else p=w.filter($=>$!==ue.common.all.toLowerCase());else p=w.filter($=>$!=null);c(p)}});return()=>k.unsubscribe()},[c,e.length,r,s,d]);const y=f.useCallback(()=>{m.setValue(x,[]),l()},[m,l]);return i.jsx(at,{...m,children:i.jsx(Xi,{...a,cardsSelectedForBulkAction:e,cardList:r,firstSelectedCardStatus:s,bulkSubmissionLimit:d,isChargeCardSetupEnabled:n,handleClearSelection:y})})},Yi=e=>{if(e!=null)switch(e){case"active":return"update_limit";case"locked":return"unlock";case"inactive":return"close";case"request_on_hold":return"revoke_invite";default:return}},er=e=>{if(e==null)return"Proceed";switch(e){case"active":return P.cardDetails.moreOptions.updateSpendLimit;case"locked":return P.cardDetails.moreOptions.unlock;case"inactive":return P.closeCard.closeCard;case"request_on_hold":return P.cardDetails.revokeInvite;default:return ne.proceed}},ir=e=>{switch(Yi(e)){case"update_limit":return{minWidth:"173px"};case"unlock":return{minWidth:"119px"};case"close":return{minWidth:"111px"};case"revoke_invite":return{minWidth:"128px"};default:return{}}},Qi=f.forwardRef((e,r)=>{const{children:s,style:d,...c}=e;return i.jsx(et,{ref:r,style:{...d,width:"auto"},...c,children:i.jsx(ur,{children:s})})});Qi.displayName=P.cardList.headerElementDisplayName;const Wr=he.memo(({cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,fetchState:c,uiState:l,setCardIdForRowAction:n,setActionTypeForRowAction:a,receiptBotEmail:x,searchText:m,resendInviteId:y,showViewForCardUser:k,signedInUser:S,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,onChargeCardRowClick:H,onReloadCards:V,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te,depositAccountListWithDebitCardIssued:Y,rowActionView:ge,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b})=>(st({componentName:"cards.list",enabled:c==="Completed"}),i.jsx(Zo,{cardList:e,controllerEmails:r,creditAccount:s,creditAccountRepayment:d,setCardIdForRowAction:n,setActionTypeForRowAction:a,rowActionView:ge,isChargeCardFeatureEnabled:h,isChargeCardSetupEnabled:p,isDebitCardFeatureEnabled:w,isDebitCardSetupEnabled:$,cashbackInformation:R,creditAccountInformation:B,debitAccountInformation:D,productInformation:z,isBulkActionAllowed:M,isCardControlsEnabled:g,cardsSelectedForBulkAction:v,firstSelectedCardStatus:_,bulkSubmissionLimit:U,updateBulkActionList:T,removeAllCardsFromBulkActionList:W,onProceedForBulkActionClick:F,onBulkCloseClick:O,onBulkLockClick:K,setShowBulkChangeSpendLimitPopup:A,depositAccountListWithDebitCardIssued:Y,showViewForCardUser:k,signedInUser:S,fetchState:c,revokeChargeCardsInviteFetchState:xe,unlockChargeCardsFetchState:b,receiptBotEmail:x,searchText:m,resendInviteId:y,onReloadCards:V,onChargeCardRowClick:H,uiState:l,onColumnSortConfigChanged:ie,onChargeCardResendInviteClick:te}))),tr=({uiState:e,onColumnSortConfigChanged:r,isBulkActionAllowed:s,isCardControlsEnabled:d,cardsSelectedForBulkAction:c,firstSelectedCardStatus:l,bulkSubmissionLimit:n,index:a,setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,style:h,cardList:p,showViewForCardUser:w,signedInUser:$,resendInviteId:R,onChargeCardResendInviteClick:B,onChargeCardRowClick:D})=>{const z=oe(),M=ze(),g=y.cardId!=null&&y.unlockChargeCardsFetchState.fetchState==="In-Progress"||S==="In-Progress"&&c.length>0,v=!s||g||d===!1||p.length<=1?"off":c.length>0?"always_on":"checked_or_hover",_={gap:t.sp3,width:"auto",marginLeft:ae.checkBoxContainerStyleMarginLeft.valuePx(z),marginRight:ae.checkBoxContainerStyleMarginRight.valuePx(z)},U={marginLeft:ae.labelCheckBoxStyleMarginLeft.valuePx(z)},T=rr(z),W=or(z),F={backgroundColor:M.colors.grey4},O={...h,width:"100%"},K=f.useMemo(()=>{const te=[ue.common.all.toLowerCase()];for(const Y of p)if((!d||Ie(Y,0,l))&&(te.push(Y.id),n!=null&&te.length===n+1))break;return te},[p,d,l,n]),A={label:"",defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0)},H=a===0,V=H?null:p[a-1],ie=f.useMemo(()=>H?{label:i.jsx(yo,{companyNameSticky:!1,showViewForCardUser:w,onColumnSortConfigChanged:r,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),defaultChecked:!1,groupLabel:!0,value:ue.common.all.toLowerCase(),isException:!(c.length>0&&p.length>1)}:V==null?{label:i.jsx("div",{}),value:"",groupLabel:!1,defaultChecked:!1,isException:!1}:{label:i.jsx(Zi,{setCardIdForRowAction:x,setActionTypeForRowAction:m,rowActionView:y,revokeChargeCardsInviteFetchState:k,unlockChargeCardsFetchState:S,cardsSelectedForBulkAction:c,isCardControlsEnabled:d,showViewForCardUser:w,cardDetail:V,signedInUser:$,resendInviteId:R,index:a-1,onChargeCardResendInviteClick:B,onChargeCardRowClick:D}),value:V.id,groupLabel:!1,defaultChecked:!1,isException:!(!d||!s)&&!Ie(V,0,l),exceptionMode:"checked_or_hover",exceptionInfo:Yo(V,0,l),exceptionType:Ie(V,0,l)?void 0:"info"},[H,V,w,r,e.sortKey,e.sortOrder,c,x,m,y,k,S,d,$,R,a,B,D,l]);return i.jsx(pr,{style:O,className:"spend-management-list-item",children:i.jsx(zi,{checkBox:ie,fieldName:"bulkSelectIds",index:a,allCheckBoxValues:K,groupLabelCheckBox:A,mode:v,checkBoxContainerStyle:_,checkBoxIconStyle:F,checkBoxStyle:H?U:T,labelCheckBoxStyle:U,labelStyle:{width:"100%"},style:{gap:t.sp3},infoIconContainerStyle:W,selectionLimit:n})})},or=e=>{let r={zIndex:1,height:t.sp3,display:"flex",alignItems:"center"};return e==="small"&&(r={...r,position:"absolute",left:t.sp2,marginBottom:t.sp1,width:t.sp4,height:t.sp4}),r},rr=e=>{let r={zIndex:1,marginBottom:t.sp3,backgroundColor:"inherit"};return e==="small"&&(r={...r,position:"absolute",left:t.sp1,width:t.sp4,height:t.sp4}),r},Zi=he.memo(({setCardIdForRowAction:e,setActionTypeForRowAction:r,rowActionView:s,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:n,isCardControlsEnabled:a,showViewForCardUser:x,signedInUser:m,resendInviteId:y,index:k,onChargeCardResendInviteClick:S,onChargeCardRowClick:h})=>{const p=oe()==="small"?Ro:Kt;return i.jsx(p,{cardDetail:n,index:k,isCardControlsEnabled:a,setActionTypeForRowAction:r,setCardIdForRowAction:e,showViewForCardUser:x,signedInUser:m,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,rowActionView:s,onChargeCardRowClick:h,resendInviteId:y,onChargeCardResendInviteClick:S})},(e,r)=>{const s=e.cardsSelectedForBulkAction.includes(e.cardDetail.id),d=r.cardsSelectedForBulkAction.includes(r.cardDetail.id),c=e.rowActionView.cardId===e.cardDetail.id,l=r.rowActionView.cardId===r.cardDetail.id;return s===d&&c===l&&e.cardDetail===r.cardDetail&&e.isCardControlsEnabled===r.isCardControlsEnabled&&e.unlockChargeCardsFetchState===r.unlockChargeCardsFetchState&&e.revokeChargeCardsInviteFetchState===r.revokeChargeCardsInviteFetchState&&e.resendInviteId===r.resendInviteId&&e.showViewForCardUser===r.showViewForCardUser&&e.signedInUser===r.signedInUser&&e.index===r.index});Zi.displayName="ChargeCardRowWrapper";const sr=o(Ct)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${I.brandColorPearl};`}
 `,nr=o.div`
@@ -647,7 +647,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   align-items: center;
   gap: ${t.sp2};
   margin-left: ${t.sp8};
-`,jr=(e,r,s)=>{const d=P.common.card,c=(e>1?d+"s":d)+P.cardList.bulkActions.selected;return e>0?i.jsxs(vr,{style:s==="small"?{position:"absolute",top:t.sp2,left:`-${t.sp5}`}:{},children:[i.jsx($r,{multiDigit:e>=10,children:e}),i.jsx(br,{children:c}),e===r?i.jsx(Ir,{children:ne.texts.maxLimit}):null]}):null},$r=o(G)`
+`,jr=(e,r,s)=>{const d=P.common.card,c=(e>1?d+"s":d)+P.cardList.bulkActions.selected;return e>0?i.jsxs(vr,{style:s==="small"?{position:"absolute",top:t.sp2,left:`-${t.sp5}`}:{},children:[i.jsx($r,{multiDigit:e>=10,children:e}),i.jsx(br,{children:c}),e===r?i.jsx(Ir,{children:ne.texts.maxLimit}):null]}):null},$r=o(J)`
   height: 18px;
   width: ${e=>e.multiDigit?"auto":"18px"};
   padding: ${t.sp0} 6px;
@@ -658,7 +658,7 @@ import{bF as st,V as i,P as nt,M as at,O as le,X as oe,v as ke,m as lt,y as ze,g
   align-items: center;
   box-sizing: border-box;
   color: ${e=>e.theme.colors.primary};
-`,br=o(J)`
+`,br=o(X)`
   color: ${e=>e.theme.colors.primary};
 `,Ir=o(ee)`
   color: ${I.important};

package/dist/assets/{ChargeCardPaymentHistoryPage-Cu-zT5tO-CNy0B9A3.js → ChargeCardPaymentHistoryPage--jOwsMla-DQFHZBZ2.js}

@@ -1,4 +1,4 @@
-import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i,x,bF as Re,E as O,an as Ie,bV as Te,bd as De,ab as Be,l as W,cV as j,gp as U,a5 as _,bo as Oe,bm as Me,H as N,b_ as X,e as f,gq as he,fs as pe,fo as me,bH as Ae,C as F,i0 as ge,b8 as Ne,iy as He,id as We,c1 as Ee,ad as z}from"./index-BocbTmE1.js";import{a as S,b as G}from"./sentry-DINNQYpi.js";import{n,c as J}from"./mui-C_CXevf3.js";import{m as Ve}from"./BusyIndication-Cd67eHX6-C7aB5h-1.js";import{t as _e}from"./SpendManagementSection-DKZNTYXT-D04hpJmz.js";import{r as Ke,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-BieufnDb-Cqid6Xsk.js";import{m as Ze}from"./MoreMenuButton-Ct8k8Oax-C0IXgNiJ.js";import{c as Q,L as Ue,M as Ge,S as qe}from"./common-kiEGPQ33-BvLj55nP.js";import{GB as ue,GC as xe}from"./zeni-epic-state-a7Sj5mjO.js";import{d as Xe}from"./ZeniAvatar-pjdoqfWE-DmYSRpHD.js";import{r as Je}from"./auto-transfer-rule-mbafm5D3-BXD0aAHO.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./filter-cZIFUNvj-DR0oScp6.js";import"./ZeniDatePicker-K3F-G3-0-pGSyeWuf.js";import"./avatar-Dz7aEm3d-tC3a4UX-.js";import"./StatusSwitcher-BfQ9VbBH-C2uXiIL4.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./money-2cg1MuG4-C1UnGCa2.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import"./unlock-BPWn2I5L-fA9hPtxv.js";import"./calculateSize-zPet_z9g-UKcDxIjM.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="4db7c89f-ffb2-4284-9feb-60eeddee6709",e._sentryDebugIdIdentifier="sentry-dbid-4db7c89f-ffb2-4284-9feb-60eeddee6709")}catch{}})();const E=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Qe={key:"paymentDate",value:E.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:E.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:E.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:E.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:E.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Qe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ge,qe)},ot=G.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=K(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(X,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(X,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
+import{h as Pe,_ as Le,e as H,y as V,V as t,a_ as ze,w as I,O as T,m as l,o as i,x,bF as Re,b as O,an as Ie,bV as Te,bd as De,ab as Be,l as W,cS as b,gk as U,a5 as K,bo as Oe,bm as Me,H as N,b_ as J,f,gl as he,fi as pe,fe as me,bH as Ae,C as F,h_ as ge,b8 as Ne,iw as He,ib as We,c1 as _e,ad as z}from"./index-BngCC-zG.js";import{a as S,b as G}from"./sentry-CHlUi953.js";import{n,c as Q}from"./mui-DyGc7Pg8.js";import{m as Ee}from"./BusyIndication-9zDqSKBP-WSsX6_uU.js";import{t as Ke}from"./SpendManagementSection-CIz4nE_w-CLtvB3Jo.js";import{r as Ve,a as Fe,i as ye,g as Ye}from"./SpendManagementListViewPage-CFUxCqkU-DWVJ8T34.js";import{m as Ze}from"./MoreMenuButton-BsBKwXvk-DeCIVX9G.js";import{c as X,L as Ue,M as Ge,S as qe}from"./common-BpxEACHl-SqfXrkK_.js";import{Gv as ue,Gw as xe}from"./zeni-epic-state-D8D2Skiq.js";import{d as Je}from"./ZeniAvatar-Bzhq25CU-DO1x3yqH.js";import{r as Qe}from"./auto-transfer-rule-mbafm5D3-CrxycPHV.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./filter-cZIFUNvj-BeqNUW3e.js";import"./ZeniDatePicker-BHXPxPnI-CRe89Wst.js";import"./avatar-Dz7aEm3d-B1h__iIh.js";import"./StatusSwitcher-Bv-ozN6U-BMGDezKv.js";import"./bank-letter-BOcVjN6J-B0RfZgcz.js";import"./spend-limit-D6SyboD4-DKcfJ6au.js";import"./dollar-round-D18u7nlm-BkHqkGHG.js";import"./money-2cg1MuG4-DZxnWrWu.js";import"./page-summary-D7_VQHwN-V_V9hbFl.js";import"./transaction-placeholder-CpOwZAMG-BRNI97Lv.js";import"./unlock-BPWn2I5L-BfuVrsIJ.js";import"./calculateSize-B2w5JPEU-BqvYgtxt.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="7bc2edc3-9079-4186-bad8-6b5f97fe7684",e._sentryDebugIdIdentifier="sentry-dbid-7bc2edc3-9079-4186-bad8-6b5f97fe7684")}catch{}})();const _=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory.header,Xe={key:"paymentDate",value:_.paymentDate,sortOrder:"ascending",width:new x(18,18,18,18,18)},et={key:"sourceAccount",value:_.sourceAccount,sortOrder:"ascending",width:new x(30,30,30,30,30)},tt={key:"paymentStatus",value:_.paymentStatus,sortOrder:"ascending",width:new x(22,22,22,22,22)},it={key:"initiatedBy",value:_.initiatedBy,sortOrder:"ascending",width:new x(18,18,18,18,18)},nt={key:"amount",value:_.amount,sortOrder:"ascending",width:new x(12,12,12,12,12)},we=()=>[Xe,et,tt,it,nt],P={containerPaddingLeft:i.sp2,containerPaddingRight:i.sp3,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new x(l[0],l[4]),headerLastColumnRightPadding:new x(l[3],l[11]),headerLastColumnBottomPadding:new x(l[0],l[4]),headerLastColumnLeftPadding:new x(l[0],l[11]),headerHeight:new x(Ge,qe)},ot=G.memo(function({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=V(),s=H(),[d,y]=S.useState(we());S.useEffect(()=>{const r=[...d];for(const g of r)g.key===o.sortKey?g.sortOrder=o.sortOrder:g.sortOrder="ascending";y(r)},[o.sortKey,o.sortOrder]);const u=(r,g)=>{let w=g;o.sortKey===r&&(w=g==="ascending"?"descending":"ascending"),c(r,w)},h=d.find(r=>r.key===o.sortKey)??d[0],p=d.map(r=>r.key),m=T.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return s==="small"?t.jsxs(st,{windowSize:s,children:[t.jsxs(ct,{children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(Me,{title:m.header.paymentDate,placeholder:m.header.paymentDate,pickerValues:p,valueToLabel:r=>d.find(g=>g.key===r)?.value??"",selectedValue:o.sortKey,onPickerSelectionChanged:r=>{u(r,"ascending")},optionTextStyle:I.extraSmallRegular,titleTextStyle:I.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>u(h.key,h.sortOrder),"data-testid":O("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]})]}):t.jsx(at,{windowSize:s,children:t.jsx(rt,{children:d.map(r=>r.width.value(s)!==0&&t.jsxs(dt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:s,children:[t.jsxs(gt,{onClick:()=>u(r.key,r.sortOrder),"data-testid":O("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:r.value}),t.jsx(ee,{windowSize:s,sortDataValue:o.sortKey,headerdata:r,children:t.jsx(te,{windowSize:s,children:t.jsx(J,{})})})]}),t.jsx(mt,{sortDataValue:o.sortKey,windowSize:s,isVisible:o.sortKey===r.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(lt,{onClick:()=>u("paymentDate","ascending"),"data-testid":O("payment-history-list-sort-cancel",o.sortKey)})})]},r.key))})})}),at=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -35,10 +35,10 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   align-items: center;
   left: ${i.sp0};
   justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?J`
+  ${e=>e.companyNameSticky?Q`
           position: sticky;
           z-index: 1;
-        `:J`
+        `:Q`
           position: static;
           z-index: 0;
         `};
@@ -46,7 +46,7 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   overflow: hidden;
   padding-left: ${i.sp3};
   padding-right: ${e=>e.actualDataValue==="amount"?i.sp2:i.sp3};
-`,lt=n(Ee)`
+`,lt=n(_e)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
@@ -91,7 +91,7 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=H(),r=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),g=T.getLocalizedStrings(),w=e.repaymentDate.format(g.dateFormat.visual.MMMDCommaYYYYformat),$=Ye(p,h,M.sourceAccountUnknown),b=ye(e),v=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,C=b||!s&&v,R=C?M.autopay:ue(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",V=e.status==="Sent",Y=e.updateTime.format(g.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(vt,{windowSize:m,children:t.jsx(jt,{children:t.jsxs(bt,{children:[t.jsx(St,{windowSize:m,responsiveWidth:k[0].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:V?t.jsx(Oe,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:M.initiatedOn}),t.jsx(re,{children:w})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:M.completedOn}),t.jsx(re,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:w})}):t.jsx(ie,{className:"paymentDate",children:w})})}),t.jsxs(Ct,{windowSize:m,responsiveWidth:k[1].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(kt,{children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(Pt,{children:t.jsx(Lt,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(It,{src:ut(y),loading:"lazy"}):t.jsx(zt,{children:t.jsx(Rt,{})})})}),t.jsx(Tt,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(Dt,{children:p}),h!=null&&h!==""&&t.jsx(Bt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:$})})})]}),t.jsx(Ot,{windowSize:m,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Mt,{children:[t.jsx(At,{children:t.jsx(wt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),t.jsx(Nt,{onClick:r,"data-testid":O("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Ht,{windowSize:m,responsiveWidth:k[3].width,children:[t.jsx(j,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:C?t.jsx(Wt,{children:t.jsx(Et,{})}):t.jsx(Vt,{children:t.jsx(Xe,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(j,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(_t,{className:"initiatedBy",children:R})})]}),t.jsx(Kt,{windowSize:m,responsiveWidth:k[4].width,children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ft,{className:"amount",windowSize:m,title:_("0,0.00",e.amount),children:_("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=K(),a=ft(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},ft=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},$t=n.div`
+`,B={containerPaddingLeft:new x(l[3],l[2]),containerPaddingRight:new x(l[2],l[3]),containerPaddingTop:new x(l[2],l[3]),containerPaddingBottom:new x(l[2],l[3]),containerMarginLeft:new x(l[4],l[0]),containerMarginRight:new x(l[4],l[0])},{spendManagement:{chargeCard:{paymentHistory:M}}}=T.getLocalizedStrings(),ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",xt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=H(),r=S.useCallback(Z=>{Z.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),g=T.getLocalizedStrings(),w=e.repaymentDate.format(g.dateFormat.visual.MMMDCommaYYYYformat),$=Ye(p,h,M.sourceAccountUnknown),j=ye(e),v=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,C=j||!s&&v,R=C?M.autopay:ue(e.paidByUser),D=e.status==="Rejected"||e.status==="Returned",E=e.status==="Sent",Y=e.updateTime.format(g.dateFormat.visual.MMMDCommaYYYYformat),k=we();return t.jsx(vt,{windowSize:m,children:t.jsx(bt,{children:t.jsxs(jt,{children:[t.jsx(St,{windowSize:m,responsiveWidth:k[0].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:E?t.jsx(Oe,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(oe,{children:[t.jsx(ae,{children:M.initiatedOn}),t.jsx(re,{children:w})]}),t.jsxs(oe,{children:[t.jsx(ae,{children:M.completedOn}),t.jsx(re,{children:Y})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(ie,{className:"paymentDate",children:w})}):t.jsx(ie,{className:"paymentDate",children:w})})}),t.jsxs(Ct,{windowSize:m,responsiveWidth:k[1].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(kt,{children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(Pt,{children:t.jsx(Lt,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(It,{src:ut(y),loading:"lazy"}):t.jsx(zt,{children:t.jsx(Rt,{})})})}),t.jsx(Tt,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ne,{className:"sourceAccount",children:[t.jsx(Dt,{children:p}),h!=null&&h!==""&&t.jsx(Bt,{children:`•••• ${h}`})]}):t.jsx(ne,{className:"sourceAccount",children:$})})})]}),t.jsx(Ot,{windowSize:m,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Mt,{children:[t.jsx(At,{children:t.jsx(wt,{status:e.status})}),D===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),t.jsx(Nt,{onClick:r,"data-testid":O("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Ht,{windowSize:m,responsiveWidth:k[3].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:C?t.jsx(Wt,{children:t.jsx(_t,{})}):t.jsx(Et,{children:t.jsx(Je,{personBasic:e.paidByUser,styles:{height:i.sp4,width:i.sp4,minWidth:i.sp4}})})}),t.jsx(b,{isLoading:a,customStyle:{width:"80px",height:"20px",borderRadius:i.sp1,marginLeft:i.sp2},children:t.jsx(Kt,{className:"initiatedBy",children:R})})]}),t.jsx(Vt,{windowSize:m,responsiveWidth:k[4].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ft,{className:"amount",windowSize:m,title:K("0,0.00",e.amount),children:K("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=V(),a=ft(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},ft=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},$t=n.div`
   width: ${i.sp1};
   height: ${i.sp1};
   background-color: ${e=>e.theme.colors.grey1};
@@ -124,10 +124,10 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   margin-bottom: ${i.sp3};
   box-sizing: border-box;
   align-items: center;
-`,jt=n.div`
+`,bt=n.div`
   display: block;
   width: 100%;
-`,bt=n.div`
+`,jt=n.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -259,11 +259,11 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   width: ${i.sp4};
   height: ${i.sp4};
   border-radius: 50%;
-`,Et=n(Je)`
+`,_t=n(Qe)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
-`,Vt=n.div`
+`,Et=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -271,13 +271,13 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   height: ${i.sp4};
   border-radius: 50%;
   background-color: ${e=>e.theme.colors.grey3};
-`,_t=n(W)`
+`,Kt=n(W)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Kt=n.div`
+`,Vt=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -304,7 +304,7 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   color: ${e=>e.theme.colors.hero};
 `,re=n(F)`
   color: ${f.brandColorPearl};
-`,Zt=new z(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),Ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Gt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=S.useCallback(C=>{C.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),r=T.getLocalizedStrings(),g=e.repaymentDate.format(r.dateFormat.visual.MMMDCommaYYYYformat),w=ye(e),$=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,b=w||!s&&$?A.autopay:ue(e.paidByUser),v=e.status==="Rejected"||e.status==="Returned";return t.jsx(Jt,{children:t.jsxs(Qt,{children:[t.jsxs(ei,{children:[t.jsx(ti,{children:t.jsx(j,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(ii,{children:t.jsx(ni,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(ri,{src:Ut(y),loading:"lazy"}):t.jsx(oi,{children:t.jsx(ai,{})})})}),t.jsxs(si,{children:[t.jsx(di,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(li,{className:"sourceAccount",children:p!=null&&p!==""?p:A.sourceAccountUnknown})})}),t.jsx(ci,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(hi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(pi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(mi,{children:[A.header.initiatedBy,":"," ",t.jsx(gi,{className:"initiatedBy",children:b})]})})}),t.jsx(yi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(ui,{children:[A.header.paymentDate,":"," ",t.jsx(xi,{className:"paymentDate",children:g})]})})})]})]}),t.jsxs(wi,{children:[t.jsx(fi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx($i,{className:"amount",title:_("0,0.[00]",e.amount),children:_("0,0.[00]",e.amount)})})}),t.jsx(vi,{children:t.jsx(j,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(ji,{children:t.jsx(bi,{children:t.jsx(qt,{status:e.status})})})})}),v===!0&&c===!0&&d!=null&&t.jsx(Si,{children:t.jsx(Ci,{onClick:m,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=K(),a=Xt(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},Xt=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},Jt=n.div`
+`,Zt=new z(U(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:A}}}=T.getLocalizedStrings(),Ut=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Gt=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:s,onRetryPaymentClick:d})=>{const{accountLogo:y,accountType:u,depositAccountLast4:h,depositAccountName:p}=o??{},m=S.useCallback(C=>{C.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),r=T.getLocalizedStrings(),g=e.repaymentDate.format(r.dateFormat.visual.MMMDCommaYYYYformat),w=ye(e),$=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,j=w||!s&&$?A.autopay:ue(e.paidByUser),v=e.status==="Rejected"||e.status==="Returned";return t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsxs(ei,{children:[t.jsx(ti,{children:t.jsx(b,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:u==="depositAccount"&&p!=null&&p!==""?t.jsx(ii,{children:t.jsx(ni,{color:U(0)})}):u==="paymentAccount"&&y!==void 0&&(y.base64||y.url)?t.jsx(ri,{src:Ut(y),loading:"lazy"}):t.jsx(oi,{children:t.jsx(ai,{})})})}),t.jsxs(si,{children:[t.jsx(di,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(li,{className:"sourceAccount",children:p!=null&&p!==""?p:A.sourceAccountUnknown})})}),t.jsx(ci,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(hi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(pi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(mi,{children:[A.header.initiatedBy,":"," ",t.jsx(gi,{className:"initiatedBy",children:j})]})})}),t.jsx(yi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(ui,{children:[A.header.paymentDate,":"," ",t.jsx(xi,{className:"paymentDate",children:g})]})})})]})]}),t.jsxs(wi,{children:[t.jsx(fi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx($i,{className:"amount",title:K("0,0.[00]",e.amount),children:K("0,0.[00]",e.amount)})})}),t.jsx(vi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(bi,{children:t.jsx(ji,{children:t.jsx(qt,{status:e.status})})})})}),v===!0&&c===!0&&d!=null&&t.jsx(Si,{children:t.jsx(Ci,{onClick:m,"data-testid":O("retry-payment",e.cardRepaymentId),children:A.retryPayment})})]})]})})},qt=({status:e,style:o})=>{const c=V(),a=Jt(e,c),s=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:s,tagStyles:{padding:"1px 6px",...o}})},Jt=(e,o)=>{switch(e){case"Sent":return new z(f.success);case"Clearing":case"Pending":case"PendingReview":return new z(f.alert);case"Rejected":case"Returned":return new z(f.important);default:return new z(o.colors.grey1)}},Qt=n.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${i.sp3};
@@ -324,7 +324,7 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Qt=n.div`
+`,Xt=n.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -454,14 +454,14 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   justify-content: flex-start;
   margin-top: ${i.sp1};
   margin-bottom: ${i.sp3};
-`,ji=n.div`
+`,bi=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
   gap: ${i.sp2};
   flex-wrap: wrap;
   justify-content: flex-end;
-`,bi=n.div`
+`,ji=n.div`
   display: flex;
   align-items: center;
   gap: ${i.sp2};
@@ -481,7 +481,7 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
   &:hover {
     text-decoration: underline;
   }
-`,ki={lastListItemHeight:new x(200,114)},Pi=T.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:Li}=Pi,fe=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:s,onColumnSortConfigChanged:d,onReloadPayments:y,onRetryPaymentClick:u})=>{const h=H(),p=S.useCallback($=>$===0?50:h==="small"?132:Q,[h]),m=S.useMemo(()=>{let $=114;for(let b=1;b<=o.length;b++)$+=p(b);return $},[o.length,p]),r=S.useMemo(()=>window.innerHeight-351,[]),g=m>r,w=S.useRef(null);return S.useEffect(()=>{w.current?.resetAfterIndex(0)},[h]),t.jsx(Ii,{fetchState:e,children:e==="Error"?t.jsxs(Ti,{children:[t.jsx(Di,{onClick:y,"data-testid":O("payment-history-list-reload"),children:t.jsx(Bi,{})}),t.jsx(Oi,{children:Li.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Ni,{children:t.jsx(Hi,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Mi,{windowSize:h,availableHeight:r,isListTooLarge:g,children:t.jsx(Ie,{children:({height:$,width:b})=>t.jsx(Te,{ref:w,height:$,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:Q,itemKey:v=>v===0?"header":o[v-1].repayment.cardRepaymentId,width:b,overscanCount:Ue,initialScrollOffset:0,children:v=>t.jsx(zi,{...v,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:u})})})})})})},(e,o)=>e.repaymentListWithAccountInfo===o.repaymentListWithAccountInfo&&e.fetchState===o.fetchState&&e.sortConfig.sortKey===o.sortConfig.sortKey&&e.sortConfig.sortOrder===o.sortConfig.sortOrder&&e.searchText===o.searchText&&e.isZeniTenant===o.isZeniTenant);fe.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...s}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...s,children:t.jsx(Ai,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const zi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:y})=>{const u=H(),h=e===0,p=h?null:c[e-1],m=p?.repayment??null,r=p?.accountInfo,g=S.useMemo(()=>{if(c.length===0)return null;const v=c.map(R=>R.repayment),C=v.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,v[0]);return C.status==="Rejected"||C.status==="Returned"?C.cardRepaymentId:null},[c]),w={...o,width:"100%"};if(h)return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(ot,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(m==null)return null;const $=g!==null&&m.cardRepaymentId===g,b=u==="small"?Gt:xt;return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(b,{repayment:m,accountInfo:r,isLatestFailedPayment:$,isZeniTenant:s,onRetryPaymentClick:y})})},Ri=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u})=>(Re({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(fe,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u}))),Ii=n.div`
+`,ki={lastListItemHeight:new x(200,114)},Pi=T.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:Li}=Pi,fe=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:s,onColumnSortConfigChanged:d,onReloadPayments:y,onRetryPaymentClick:u})=>{const h=H(),p=S.useCallback($=>$===0?50:h==="small"?132:X,[h]),m=S.useMemo(()=>{let $=114;for(let j=1;j<=o.length;j++)$+=p(j);return $},[o.length,p]),r=S.useMemo(()=>window.innerHeight-351,[]),g=m>r,w=S.useRef(null);return S.useEffect(()=>{w.current?.resetAfterIndex(0)},[h]),t.jsx(Ii,{fetchState:e,children:e==="Error"?t.jsxs(Ti,{children:[t.jsx(Di,{onClick:y,"data-testid":O("payment-history-list-reload"),children:t.jsx(Bi,{})}),t.jsx(Oi,{children:Li.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Ni,{children:t.jsx(Hi,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Mi,{windowSize:h,availableHeight:r,isListTooLarge:g,children:t.jsx(Ie,{children:({height:$,width:j})=>t.jsx(Te,{ref:w,height:$,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:X,itemKey:v=>v===0?"header":o[v-1].repayment.cardRepaymentId,width:j,overscanCount:Ue,initialScrollOffset:0,children:v=>t.jsx(zi,{...v,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:u})})})})})})},(e,o)=>e.repaymentListWithAccountInfo===o.repaymentListWithAccountInfo&&e.fetchState===o.fetchState&&e.sortConfig.sortKey===o.sortConfig.sortKey&&e.sortConfig.sortOrder===o.sortConfig.sortOrder&&e.searchText===o.searchText&&e.isZeniTenant===o.isZeniTenant);fe.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...s}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...s,children:t.jsx(Ai,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const zi=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:s,onColumnSortConfigChanged:d,onRetryPaymentClick:y})=>{const u=H(),h=e===0,p=h?null:c[e-1],m=p?.repayment??null,r=p?.accountInfo,g=S.useMemo(()=>{if(c.length===0)return null;const v=c.map(R=>R.repayment),C=v.slice(1).reduce((R,D)=>D.repaymentDate.isAfter(R.repaymentDate)?D:R,v[0]);return C.status==="Rejected"||C.status==="Returned"?C.cardRepaymentId:null},[c]),w={...o,width:"100%"};if(h)return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(ot,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(m==null)return null;const $=g!==null&&m.cardRepaymentId===g,j=u==="small"?Gt:xt;return t.jsx(de,{style:w,className:"spend-management-list-item",children:t.jsx(j,{repayment:m,accountInfo:r,isLatestFailedPayment:$,isZeniTenant:s,onRetryPaymentClick:y})})},Ri=G.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u})=>(Re({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(fe,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:s,searchText:d,isZeniTenant:y,onRetryPaymentClick:u}))),Ii=n.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -551,15 +551,15 @@ import{m as Pe,v as Le,X as H,y as K,V as t,a_ as ze,w as I,O as T,j as l,o as i
 `,Hi=n(W)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,le={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:ce}},common:Wi}=T.getLocalizedStrings(),jn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:s,filters:d,isZeniTenant:y,onBackClick:u,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:m,onReloadPayments:r,onRetryPaymentClick:g,onSearchTextChanged:w,onClickMenuIcon:$,downloadParams:b,downloadState:v,updateDownloadStateHandler:C})=>{const R=Pe().analytics,D=Le(),[V,Y]=S.useState(!1),k=H(),Z=K(),je=s===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),q=o==="Completed"&&je&&e.length===0,be={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Wi.strings.empty,hideSearchBtn:!1,disableSearch:q,disableFilters:q,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:V,searchPlaceHolder:ce.searchPlaceHolder,searchText:s,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{C("In-Progress");try{await Ze({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:s},...b})}finally{C("Completed")}},disableDownloadButton:v==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:L=>{Y(L)},filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:w,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:v,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:m,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Fe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ke},Se=t.jsx(_e,{spendManagementSectionProps:be}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ei,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:$,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:u,rightSideComponent:Se,isSearchOpen:V,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Ve,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Vi,{windowSize:k,children:t.jsx(Ri,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:r,searchText:s,isZeniTenant:y,onRetryPaymentClick:g})})]})},Ei=n.div`
+`,le={contentContainerMargin:new x(l[3],l[4],l[8])},{spendManagement:{chargeCard:{paymentHistory:ce}},common:Wi}=T.getLocalizedStrings(),bn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:s,filters:d,isZeniTenant:y,onBackClick:u,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:m,onReloadPayments:r,onRetryPaymentClick:g,onSearchTextChanged:w,onClickMenuIcon:$,downloadParams:j,downloadState:v,updateDownloadStateHandler:C})=>{const R=Pe().analytics,D=Le(),[E,Y]=S.useState(!1),k=H(),Z=V(),be=s===""&&(d?.categories==null||d.categories.length===0||d.categories.every(L=>L.values==null||L.values.length===0)),q=o==="Completed"&&be&&e.length===0,je={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Wi.strings.empty,hideSearchBtn:!1,disableSearch:q,disableFilters:q,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:E,searchPlaceHolder:ce.searchPlaceHolder,searchText:s,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{C("In-Progress");try{await Ze({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:s},...j})}finally{C("Completed")}},disableDownloadButton:v==="In-Progress"||o!=="Completed"||e.length===0,analytics:R,onSearchOpen:L=>{Y(L)},filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:w,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:v,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:m,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Fe("charge_card_payment_history",h,D.loggedInUserRole??[],[],a),renderDropdownOptionIcon:Ve},Se=t.jsx(Ke,{spendManagementSectionProps:je}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(L=>({repayment:L,accountInfo:L.paymentAccountId!=null&&L.paymentAccountId!==""?a?.[L.paymentAccountId]:void 0})),[e,a]);return t.jsxs(_i,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:$,titleTextStyles:k==="small"?{...I.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:u,rightSideComponent:Se,isSearchOpen:E,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Z.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Ee,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Ei,{windowSize:k,children:t.jsx(Ri,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:r,searchText:s,isZeniTenant:y,onRetryPaymentClick:g})})]})},_i=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100vh;
   overflow: auto;
-`,Vi=n.div`
+`,Ei=n.div`
   margin-top: ${i.sp4};
   margin-right: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
   margin-bottom: ${i.sp0};
   margin-left: ${e=>le.contentContainerMargin.valuePx(e.windowSize)};
-`;export{jn as default};
+`;export{bn as default};