@zeniai/web-cockpit-ui 1.15.0-dev → 1.15.1-dev

package/dist/assets/{ChargeCardListPage-DlI8ZfB0-CMLNFzih.js → ChargeCardListPage-B2OEzCZI-DRTpob3Y.js}

@@ -1,4 +1,4 @@
-import{a8 as Qa,aO as z,aw as Za,fQ as er,iK as W,q as Ee,o as a,d as ea,V as t,bA as tr,g2 as ar,fd as ie,b as D,bR as ot,p,aL as me,aN as V,aW as nt,F as Fe,y as G,ai as J,R as rr,M as ir,cU as or,at as ta,bI as nr,a_ as dt,aR as sr,am as ct,a9 as dr,gP as cr,eo as lr,ao as ur,ac as hr,g8 as mr,n as Rt,c as _,d3 as aa,aq as pr,al as Cr,a as gr,cT as br,bu as fr,bT as xr}from"./index-Bs2B-MQ4.js";import{a as l}from"./sentry-gm2R3TtK.js";import{n as r,c as lt,k as yr}from"./mui-snKYaegN.js";import{EL as Sr,G2 as wr,bh as Nt,bL as kr,bP as $r}from"./zeni-epic-state-D2RxwWrl.js";import{t as Ir}from"./SpendManagementSection-mtTZeiX8-DB_R_dFU.js";import{D as oe,l as vr,r as jr}from"./ChargeCardListTable-CooASbVZ-CSvbg9sF.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-DBSmL-ms-DBZo83zK.js";import{N as Ar,J as Pr}from"./PromoBaseCards-CLQMN7aT-BxeQG0rP.js";import{z as zt,L as Ot,k as Er,P as Fr}from"./LockCardPage-DRYg_fxU-CFGUEJ0X.js";import{r as Tr,i as Mr}from"./graphic-no-data-net-burn-l-CzmycA0m-qDT1cGx5.js";import{t as Dr,o as Br}from"./arrow-south-east-round-PEovUgvH-Cun1Cxd1.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";import"./Menu-C9v-W9TY-DRVyGpH4.js";import"./RoleWithToolTip-C08wfnGb-CFjb8VCB.js";import"./CardNumberSubText-C6jdBRC2-YbNbzp0H.js";import"./NavigationDots-DISWi4Mq-BdTnuTup.js";import"./usp-line-BBd1wKwW-DO5-Shw0.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="51501e95-5609-4eda-94ad-813242d6f004",e._sentryDebugIdIdentifier="sentry-dbid-51501e95-5609-4eda-94ad-813242d6f004")}catch{}})();const ut={infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const R=Ee(),L=$!==void 0,H=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Nr,{windowSize:R,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(_r,{children:H}):t.jsx(ia,{children:u}),t.jsx(Vr,{children:d}),L?null:t.jsx(Hr,{children:n})]}),!L&&t.jsxs(qr,{children:[t.jsx(Jr,{}),m.length>0&&t.jsx(st,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(na,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Ur,{status:$,children:U}):null]}),t.jsx(Yr,{isStatusMode:L,children:t.jsx(Ar,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Ee();return t.jsx(zr,{windowSize:m,cardType:e,children:t.jsxs(Or,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Gr,{children:t.jsx(Wr,{children:u})}),t.jsx(Qr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(na,{children:Pe.createNow}),t.jsx(ei,{})]})})]}),e==="creditCard"?t.jsxs(ti,{children:[t.jsx(ai,{children:Pe.creditLimit}),t.jsx(ri,{children:d})]}):null]})})},Rr=e=>{const c=e-1;let u=`
+import{a8 as Qa,aO as z,aw as Za,fQ as er,iK as W,q as Ee,o as a,d as ea,V as t,bA as tr,g2 as ar,fd as ie,b as D,bR as ot,p,aL as me,aN as V,aW as nt,F as Fe,y as G,ai as J,R as rr,M as ir,cU as or,at as ta,bI as nr,a_ as dt,aR as sr,am as ct,a9 as dr,gP as cr,eo as lr,ao as ur,ac as hr,g8 as mr,n as Rt,c as _,d3 as aa,aq as pr,al as Cr,a as gr,cT as br,bu as fr,bT as xr}from"./index-qaSB49F0.js";import{a as l}from"./sentry-D4D7HRQR.js";import{n as r,c as lt,k as yr}from"./mui-Fyk6sRCR.js";import{EL as Sr,G2 as wr,bh as Nt,bL as kr,bP as $r}from"./zeni-epic-state-I555vKHy.js";import{t as Ir}from"./SpendManagementSection-BO--0F_T-COrpCsmV.js";import{D as oe,l as vr,r as jr}from"./ChargeCardListTable-BwYAxG4d-BDrITjcg.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-TkHihj_n-DsNKfZLq.js";import{N as Ar,J as Pr}from"./PromoBaseCards-Bwm7huaB-m2dOzdVj.js";import{z as zt,L as Ot,k as Er,P as Fr}from"./LockCardPage-DHjkslVx-BLTQi4Ro.js";import{r as Tr,i as Mr}from"./graphic-no-data-net-burn-l-CzmycA0m-D8mbIWvo.js";import{t as Dr,o as Br}from"./arrow-south-east-round-PEovUgvH-BLOUsrLT.js";import"./liveblocks-BmXYR5uO.js";import"./core-D7_k1EhP.js";import"./recharts-j_eh1fXg.js";import"./lottie--pGIoexZ.js";import"./analytics-CO_4s2X8.js";import"./lexical-CGMN4tXG.js";import"./utils-BTQ24URD.js";import"./Menu-CjpiRi32-CBwxThCE.js";import"./RoleWithToolTip-New3P2vC-2KCZppVG.js";import"./CardNumberSubText-BhtdU0IQ-BBiDBBhs.js";import"./NavigationDots-U7wL0ya4-Br1fZ1mY.js";import"./usp-line-BBd1wKwW-DELeCmm4.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="079dc352-a5a3-4511-9cd8-694a9725406f",e._sentryDebugIdIdentifier="sentry-dbid-079dc352-a5a3-4511-9cd8-694a9725406f")}catch{}})();const ut={infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const R=Ee(),L=$!==void 0,H=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Nr,{windowSize:R,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(_r,{children:H}):t.jsx(ia,{children:u}),t.jsx(Vr,{children:d}),L?null:t.jsx(Hr,{children:n})]}),!L&&t.jsxs(qr,{children:[t.jsx(Jr,{}),m.length>0&&t.jsx(st,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(na,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Ur,{status:$,children:U}):null]}),t.jsx(Yr,{isStatusMode:L,children:t.jsx(Ar,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Ee();return t.jsx(zr,{windowSize:m,cardType:e,children:t.jsxs(Or,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Gr,{children:t.jsx(Wr,{children:u})}),t.jsx(Qr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(na,{children:Pe.createNow}),t.jsx(ei,{})]})})]}),e==="creditCard"?t.jsxs(ti,{children:[t.jsx(ai,{children:Pe.creditLimit}),t.jsx(ri,{children:d})]}):null]})})},Rr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }

package/dist/assets/{ChargeCardListTable-CooASbVZ-CSvbg9sF.js → ChargeCardListTable-BwYAxG4d-BDrITjcg.js}

@@ -1,4 +1,4 @@
-import{cb as ni,V as t,a9 as li,ac as di,F as le,q as ie,aw as Se,a8 as ci,d as ze,gW as hi,iL as pi,iM as ui,iN as mi,aP as gi,o as i,aN as X,ck as xi,b as Be,p as I,b2 as wi,cr as Ci,iO as fi,iP as yi,bR as ye,bM as Si,aR as ki,y as C,ez as vi,b9 as $i,iQ as ji,aS as bi,u as Ii,ai as ee,gZ as Li,am as G,al as Z,c as p,cP as zi,ex as Ai,iR as Fi,iS as Pi,R as ft,bW as yt,iT as St,iU as Ri,bP as Bi,cw as Ge,iV as kt,dq as Di,dr as q,aL as ce,ct as vt,k as $t,iW as _i,cz as Ei,iD as Ze,bI as jt,bK as bt,iX as Ti,iY as Vi,aT as $e,bs as Oi,bX as Ui,bY as Ni,iZ as Mi}from"./index-Bs2B-MQ4.js";import{S as pe,a as f}from"./sentry-gm2R3TtK.js";import{n as o,c as Je}from"./mui-snKYaegN.js";import{P as Ve}from"./Menu-C9v-W9TY-DRVyGpH4.js";import{T as It}from"./RoleWithToolTip-C08wfnGb-CFjb8VCB.js";import{j as Oe}from"./CardNumberSubText-C6jdBRC2-YbNbzp0H.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="6bdbc6dd-40a5-4965-8cce-1ce96b801e9c",e._sentryDebugIdIdentifier="sentry-dbid-6bdbc6dd-40a5-4965-8cce-1ce96b801e9c")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ye={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Qe,width:new C(0,0),value:Wi},Ye,et,tt,it,ot]:[Qe,Ye,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(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))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Xi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),z=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),V=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,F=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",O=Di(a.cardHolderUser,!1),H=a.balance,A=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),V!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(V)}${Hi}`})}):null]}),J=a.type.code,_=$.cardList.tooltip[J],de=_!=null?W?_.self:`${O} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Zi,{windowSize:v,children:t.jsx(Ji,{onClick:M,"data-testid":X("card-row",a.id),children:t.jsxs(Yi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:A[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:A[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:A[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Oe,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:A[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":X("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:A[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:A[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&F:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Ve,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Ae=>{b||m(Ae)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Qi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Ze,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Ze,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},T=o(Z)`
+import{cb as ni,V as t,a9 as li,ac as di,F as le,q as ie,aw as Se,a8 as ci,d as ze,gW as hi,iL as pi,iM as ui,iN as mi,aP as gi,o as i,aN as X,ck as xi,b as Be,p as I,b2 as wi,cr as Ci,iO as fi,iP as yi,bR as ye,bM as Si,aR as ki,y as C,ez as vi,b9 as $i,iQ as ji,aS as bi,u as Ii,ai as ee,gZ as Li,am as G,al as Z,c as p,cP as zi,ex as Ai,iR as Fi,iS as Pi,R as ft,bW as yt,iT as St,iU as Ri,bP as Bi,cw as Ge,iV as kt,dq as Di,dr as q,aL as ce,ct as vt,k as $t,iW as _i,cz as Ei,iD as Ze,bI as jt,bK as bt,iX as Ti,iY as Vi,aT as $e,bs as Oi,bX as Ui,bY as Ni,iZ as Mi}from"./index-qaSB49F0.js";import{S as pe,a as f}from"./sentry-D4D7HRQR.js";import{n as o,c as Je}from"./mui-Fyk6sRCR.js";import{P as Ve}from"./Menu-CjpiRi32-CBwxThCE.js";import{T as It}from"./RoleWithToolTip-New3P2vC-2KCZppVG.js";import{j as Oe}from"./CardNumberSubText-BhtdU0IQ-BBiDBBhs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="935b79a4-63d9-44c9-b8f2-fea15cb66d98",e._sentryDebugIdIdentifier="sentry-dbid-935b79a4-63d9-44c9-b8f2-fea15cb66d98")}catch{}})();const ge=le.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Wi=le.getLocalizedStrings().common.strings.empty,Qe={key:"owner",value:ge.owner,sortOrder:"ascending",width:new C(120,120,160,200,200)},Ye={key:"cardName",value:ge.cardName,sortOrder:"ascending",width:new C(120,120,160,171,171)},et={key:"cardType",value:ge.cardType,sortOrder:"ascending",width:new C(120,120,130,170,170)},tt={key:"status",value:ge.status,sortOrder:"ascending",width:new C(115,115,125,132,132)},it={key:"utilisation",value:ge.utilisation,sortOrder:"ascending",width:new C(p[11],p[11],p[11],p[12],120)},ot={key:"limit",value:ge.limit,sortOrder:"ascending",width:new C(68,68,68,120,120)},Lt=e=>e===!0?[{...Qe,width:new C(0,0),value:Wi},Ye,et,tt,it,ot]:[Qe,Ye,et,tt,it,ot],{common:Ce,spendManagement:{billPay:{paymentDetails:{feePercent:Hi}},chargeCard:$}}=le.getLocalizedStrings(),re={containerPaddingLeft:new C(p[3],p[2]),containerPaddingRight:new C(p[2],p[3]),containerPaddingTop:new C(p[2],p[3]),containerPaddingBottom:new C(p[2],p[3]),containerMarginLeft:new C(p[4],p[0]),containerMarginRight:new C(p[4],p[0]),webkitLineClamp:new C(2,1,1,1,1)};var Ki=(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))(Ki||{});const qi={moreItemFont:new ft("extraSmallRegular","smallRegular")},Xi=({setCardIdForRowAction:e,setActionTypeForRowAction:s,rowActionView:r,revokeChargeCardsInviteFetchState:d,unlockChargeCardsFetchState:c,cardsSelectedForBulkAction:l,cardDetail:a,isCardControlsEnabled:n,showViewForCardUser:x,signedInUser:w,resendInviteId:g,index:S,onChargeCardRowClick:j,onChargeCardResendInviteClick:k})=>{const[h,m]=f.useState(!1),[y,R]=f.useState(!1);f.useEffect(()=>{h||R(!1)},[h]),f.useEffect(()=>{l.length>0&&h&&(m(!1),R(!1))},[l.length,h]);const B=r.cardId===a.id,D=l.includes(a.id),z=B&&r.unlockChargeCardsFetchState.fetchState==="In-Progress"||D&&c==="In-Progress",N=B&&r.revokeChargeCardFetchState.fetchState==="In-Progress"||D&&d==="In-Progress",u=z||N,v=ie(),E=!!Se().loggedInUserRole.includes("charge_card_user")||x,M=f.useCallback(()=>{j(a.id,S)},[a.id]),V=kt(a)/a.limit.amount*100,W=a?.cardHolderUserId===w.userId,F=a.status.code!=="closed"&&a.status.code!=="closed_by_customer",O=Di(a.cardHolderUser,!1),H=a.balance,A=Lt(E),te=t.jsxs(t.Fragment,{children:[t.jsx(q,{isLoading:u,customStyle:{width:i.sp9,height:"20px",borderRadius:i.sp1},children:t.jsx(uo,{title:ce("0,0.[00]",H),className:"amountToUtilize",children:ce("0,0.[00]",H)})}),V!==0?t.jsx(q,{isLoading:u,customStyle:{width:i.sp11,height:i.sp3,borderRadius:i.sp1},children:t.jsx(mo,{className:"amountToUtilize",children:`${Math.round(V)}${Hi}`})}):null]}),J=a.type.code,_=$.cardList.tooltip[J],de=_!=null?W?_.self:`${O} ${_.cardUser}`:Ce.strings.empty;return t.jsx(Zi,{windowSize:v,children:t.jsx(Ji,{onClick:M,"data-testid":X("card-row",a.id),children:t.jsxs(Yi,{children:[E?null:t.jsx(ue,{children:t.jsxs(eo,{windowSize:v,responsiveWidth:A[0].width,children:[t.jsx(q,{isLoading:u,flex:"0 0",customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:t.jsx(vt,{personBasic:a.cardHolderUser,styles:{height:i.sp6,width:i.sp6,minWidth:i.sp6}})}),t.jsxs(io,{isLoading:u,children:[t.jsx(to,{isLoading:u,children:t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(oo,{windowSize:v,title:O,className:"cardHolderName",children:O===Ce.strings.empty?Ce.strings.hyphen:O})})}),t.jsx(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:t.jsx(nt,{className:"additionalInfoContainer",children:a.cardHolderRoles?.userRoles!=null&&t.jsx(It,{roles:a.cardHolderRoles?.userRoles})})})]})]})}),t.jsx(ue,{children:t.jsxs(no,{isLoading:u,windowSize:v,responsiveWidth:A[1].width,children:[t.jsx(q,{isLoading:u,customStyle:{width:"88px",height:"20px",borderRadius:i.sp1},children:t.jsx(lo,{title:a.cardName,className:"cardName",children:a.cardName})}),t.jsxs(q,{isLoading:u,customStyle:{width:"104px",height:i.sp3,borderRadius:i.sp1},children:[" ",t.jsx(yo,{windowSize:v,className:"cardNameSubText",children:a.status.code==="request_on_hold"?Ce.strings.hyphen:$.cardDetails.expiryHideOut+Ce.strings.space+a.accountLast4})]})]})}),t.jsx(ue,{children:t.jsx(co,{windowSize:v,responsiveWidth:A[2].width,children:t.jsx(ho,{className:"card-type",children:t.jsx(q,{isLoading:u,customStyle:{width:"144px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(Oe,{cardDetail:a,forDetailPage:!1})})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:A[3].width,children:t.jsx(q,{isLoading:u,customStyle:{width:"112px",height:i.sp4,borderRadius:i.sp1},children:g===a.id?t.jsx($t,{size:"Small",start:!0}):t.jsxs(po,{children:[t.jsx(wo,{children:a.status.code==="request_on_hold"?t.jsxs(ye,{display:"flex",title:de,placement:"top",style:{padding:`${i.sp2} ${i.sp3}`},children:[t.jsx(Le,{status:a.status.code,style:{cursor:"pointer"}}),t.jsx(go,{style:{marginLeft:i.sp1},className:"infoIconTooltip"})]}):t.jsx(Le,{status:a.status.code})}),a.status.code==="request_on_hold"&&!W?t.jsx(xo,{onClick:K=>{K.stopPropagation(),k(a.id)},"data-testid":X("send-reminder",a.id),children:$.cardList.sendReminder}):null]})})})}),t.jsx(ue,{children:t.jsx(lt,{windowSize:v,isLoading:u,responsiveWidth:A[4].width,children:te})}),t.jsx(ue,{children:t.jsxs(so,{windowSize:v,responsiveWidth:A[5].width,children:[t.jsxs(ro,{windowSize:v,isLoading:u,children:[t.jsx(q,{isLoading:u,customStyle:{width:"68px",height:"20px",borderRadius:i.sp1},children:t.jsx(ao,{className:"limitAmount",windowSize:v,title:ce("0,0.[00]",a.limit),children:ce("0,0.[00]",a.limit)})}),t.jsx(nt,{className:"additionalInfoContainer",children:t.jsx(q,{isLoading:u,customStyle:{width:i.sp8,height:i.sp3,borderRadius:i.sp1},children:a.creditLimitFrequency.name})})]}),t.jsx(Co,{className:"menu-icon",onMouseEnter:()=>{!h&&F&&R(!0)},onMouseLeave:()=>{F&&R(!1)},children:(()=>{const K=a.status.code==="locked",oe=a.status.code==="closed"||a.status.code==="closed_by_customer",xe=E?n&&!u&&!oe&&!(K&&a.isLockedByAdmin):n?!u&&F:a.status.code==="request_on_hold",b=l.length>0;return xe&&t.jsx(ye,{open:y&&!h&&!b,variant:"standard",title:$.cardList.moreActionsTooltip,placement:"bottom-end",children:t.jsx(Ve,{isMenuVisible:!0,menuItems:t.jsx(fo,{children:t.jsx(zt,{cardDetail:a,isCardControlsEnabled:n,isChargeCardUser:E,setIsMenuOpen:m,setCardIdForRowAction:e,setActionTypeForRowAction:s})}),setIsMenuOpen:Ae=>{b||m(Ae)},isMenuOpen:h&&!b,menuIconStyles:{height:"auto",cursor:b?"not-allowed":"pointer",opacity:b?.5:1,pointerEvents:b?"none":"auto"},styles:{transform:`translate(${i.sp3},${i.sp2})`}})})})()})]})})]})})})},zt=({cardDetail:e,isCardControlsEnabled:s,isChargeCardUser:r,setIsMenuOpen:d,setCardIdForRowAction:c,setActionTypeForRowAction:l})=>{const a=ie();return s?e.status.code==="request_on_hold"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:[t.jsx(Qi,{}),t.jsx(fe,{children:$.cardDetails.revokeInvite})]})]}):e.status.code==="inactive"?r?t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="locked"?r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("unlock")},children:[t.jsx(at,{}),t.jsx(T,{children:$.cardDetails.moreOptions.unlock})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsx(je,{}),t.jsxs(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):r?t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("update_spend_limit")},children:[t.jsx(st,{}),t.jsx(T,{children:$.cardDetails.moreOptions.updateSpendLimit})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("rename")},children:[t.jsx(se,{}),t.jsx(T,{children:$.cardDetails.moreOptions.rename})]}),t.jsxs(L,{windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("lock")},children:[t.jsx(rt,{}),t.jsx(T,{children:$.cardDetails.moreOptions.lock})]}),t.jsx(je,{}),t.jsxs(L,{windowSize:a,hoverImportant:!0,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("close")},children:[t.jsx(Re,{}),t.jsx(fe,{children:$.cardDetails.moreOptions.close})]})]}):e.status.code==="request_on_hold"?t.jsx(L,{hoverImportant:!0,windowSize:a,onClick:n=>{n.stopPropagation(),d(!1),c(e.id),l("revoke_invite")},children:t.jsx(fe,{children:$.cardDetails.revokeInvite})}):null},Le=({status:e,style:s})=>{const r=ze(),d=Gi(e,r),c=le.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return ie()==="small"?t.jsx(Ze,{textColor:d,text:c[e],tagStyles:{maxWidth:i.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...s}}):t.jsx(Ze,{textColor:d,text:c[e],styles:s,tagStyles:{padding:"1px 6px"}})},Gi=(e,s)=>{switch(e){case"active":return new $e(I.success);case"request_on_hold":return new $e(I.graphColor36);case"inactive":return new $e(I.alert);default:return new $e(s.colors.grey1)}},T=o(Z)`
   color: inherit;
 `,fe=o(Z)`
   color: ${I.important};

package/dist/assets/ChargeCardPaymentHistoryPage-COWdn2l7-D7wLS9yc.js

@@ -0,0 +1,565 @@
+import{a8 as Pe,aw as Le,q as H,d as _,V as t,bA as ze,b as R,g2 as Re,F as I,c as l,o as i,y as x,jh as Ie,cb as Te,ji as X,aN as A,b2 as De,cr as Be,iO as Ae,bM as Me,aR as Oe,al as W,dr as b,gU as Z,aL as V,bR as Ne,ct as He,bP as We,am as N,cw as G,p as $,gV as he,fM as pe,fI as me,cg as Ee,ai as F,iD as ge,bK as Ke,jj as Ve,iW as _e,cz as Fe,aT as L,iX as Ue,iY as Ye}from"./index-qaSB49F0.js";import{a as S,S as q}from"./sentry-D4D7HRQR.js";import{n,c as J}from"./mui-Fyk6sRCR.js";import{t as Ze}from"./SpendManagementSection-BO--0F_T-COrpCsmV.js";import{r as qe,a as Xe,i as ue,g as Ge}from"./SpendManagementListViewPage-DJgNAGhp-JXA21DLB.js";import{ck as ye,G5 as xe}from"./zeni-epic-state-I555vKHy.js";import{r as Je}from"./auto-transfer-rule-mbafm5D3-DXWlGTms.js";import"./liveblocks-BmXYR5uO.js";import"./core-D7_k1EhP.js";import"./recharts-j_eh1fXg.js";import"./lottie--pGIoexZ.js";import"./analytics-CO_4s2X8.js";import"./lexical-CGMN4tXG.js";import"./utils-BTQ24URD.js";import"./StatusSwitcher-Bcqhq2ht-tjRFz3FC.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]="b8bda1d1-dca2-42e9-ab60-3b44572eb6bb",e._sentryDebugIdIdentifier="sentry-dbid-b8bda1d1-dca2-42e9-ab60-3b44572eb6bb")}catch{}})();const E=I.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)},fe=()=>[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(Ue,Ye)};function ot({companyNameSticky:e,sortConfig:o,onColumnSortConfigChanged:c}){const a=_(),r=H(),[d,g]=S.useState(fe());S.useEffect(()=>{const s=[...d];for(const m of s)m.key===o.sortKey?m.sortOrder=o.sortOrder:m.sortOrder="ascending";g(s)},[o.sortKey,o.sortOrder]);const y=(s,m)=>{let C=m;o.sortKey===s&&(C=m==="ascending"?"descending":"ascending"),c(s,C)},h=d.find(s=>s.key===o.sortKey)??d[0],p=s=>d.find(m=>m.key===s)?.value??"",u=d.map(s=>s.key),j=I.getLocalizedStrings().spendManagement.chargeCard.paymentHistory;return r==="small"?t.jsxs(dt,{windowSize:r,children:[t.jsxs(ht,{children:[t.jsx(mt,{children:t.jsx(pt,{})}),t.jsx(We,{title:j.header.paymentDate,placeholder:j.header.paymentDate,pickerValues:u,valueToLabel:p,selectedValue:o.sortKey,onPickerSelectionChanged:s=>{y(s,"ascending")},optionTextStyle:R.extraSmallRegular,titleTextStyle:R.extraSmallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.grey4})]}),t.jsxs(yt,{onClick:()=>y(h.key,h.sortOrder),"data-testid":A("mobile-payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:h.value}),t.jsx(Q,{windowSize:r,sortDataValue:o.sortKey,headerdata:h,children:t.jsx(ee,{windowSize:r,children:t.jsx(G,{})})})]})]}):t.jsx(st,{windowSize:r,children:t.jsx(rt,{children:d.map(s=>s.width.value(r)!==0&&t.jsxs(lt,{companyNameSticky:e,sortDataValue:o.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:r,children:[t.jsxs(ut,{onClick:()=>y(s.key,s.sortOrder),"data-testid":A("payment-history-list-sort-clicked",o.sortKey),children:[t.jsx(N,{children:s.value}),t.jsx(Q,{windowSize:r,sortDataValue:o.sortKey,headerdata:s,children:t.jsx(ee,{windowSize:r,children:t.jsx(G,{})})})]}),t.jsx(gt,{sortDataValue:o.sortKey,windowSize:r,isVisible:o.sortKey===s.key&&!(o.sortKey==="paymentDate"&&o.sortOrder==="ascending"),children:t.jsx(ct,{onClick:()=>y("paymentDate","ascending"),"data-testid":A("payment-history-list-sort-cancel",o.sortKey)})})]},s.key))})})}const at=q.memo(ot),st=n.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  width: 100%;
+`,rt=n.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${P.containerPaddingTop} ${P.containerPaddingRight}
+    ${P.containerPaddingBottom} ${P.containerPaddingLeft};
+  justify-content: space-between;
+`,dt=n(F)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>P.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${P.headerLastColumnTopPadding.valuePx(e.windowSize)} ${P.headerLastColumnRightPadding.valuePx(e.windowSize)} ${P.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${P.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+  width: 100%;
+`,lt=n.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  left: ${i.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?J`
+          position: sticky;
+          z-index: 1;
+        `:J`
+          position: static;
+          z-index: 0;
+        `};
+  box-sizing: border-box;
+  overflow: hidden;
+  padding-left: ${i.sp3};
+  padding-right: ${e=>e.actualDataValue==="amount"?i.sp2:i.sp3};
+`,ct=n(Fe)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Q=n.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+`,ee=n.div`
+  width: ${i.sp2};
+  height: ${i.sp2};
+  cursor: pointer;
+  color: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,ht=n.div`
+  gap: ${i.sp1};
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,pt=n(_e)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: inherit;
+`,mt=n.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,gt=n.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,ut=n.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,yt=n.div`
+  display: flex;
+  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}}}=I.getLocalizedStrings(),xt=e=>e.base64!==void 0?`${pe}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",ft=({repayment:e,accountInfo:o,isLatestFailedPayment:c=!1,isLoading:a=!1,isZeniTenant:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=H(),j=S.useCallback(Y=>{Y.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),s=I.getLocalizedStrings(),m=e.repaymentDate.format(s.dateFormat.visual.MMMDCommaYYYYformat),C=Ge(p,h,M.sourceAccountUnknown),v=ue(e),w=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,f=v||!r&&w,z=f?M.autopay:ye(e.paidByUser),T=e.status==="Rejected"||e.status==="Returned",K=e.status==="Clear"||e.status==="Sent",U=e.updateTime.format(s.dateFormat.visual.MMMDCommaYYYYformat),k=fe();return t.jsx(bt,{windowSize:u,children:t.jsx(jt,{children:t.jsxs(St,{children:[t.jsx(Ct,{windowSize:u,responsiveWidth:k[0].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:K?t.jsx(Ne,{placement:"bottom-start",title:t.jsxs(Yt,{children:[t.jsxs(ne,{children:[t.jsx(oe,{children:M.initiatedOn}),t.jsx(ae,{children:m})]}),t.jsxs(ne,{children:[t.jsx(oe,{children:M.completedOn}),t.jsx(ae,{children:U})]})]}),style:{padding:"12px 16px"},display:"block",children:t.jsx(te,{className:"paymentDate",children:m})}):t.jsx(te,{className:"paymentDate",children:m})})}),t.jsxs(kt,{windowSize:u,responsiveWidth:k[1].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:t.jsx(Pt,{children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(Lt,{children:t.jsx(zt,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(Tt,{src:xt(g),loading:"lazy"}):t.jsx(Rt,{children:t.jsx(It,{})})})}),t.jsx(Dt,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:p!=null&&p!==""?t.jsxs(ie,{className:"sourceAccount",children:[t.jsx(Bt,{children:p}),h!=null&&h!==""&&t.jsx(At,{children:`•••• ${h}`})]}):t.jsx(ie,{className:"sourceAccount",children:C})})})]}),t.jsx(Mt,{windowSize:u,isLoading:a,responsiveWidth:k[2].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsxs(Ot,{children:[t.jsx(Nt,{children:t.jsx(wt,{status:e.status})}),T===!0&&c===!0&&d!=null&&t.jsxs(t.Fragment,{children:[t.jsx(vt,{}),t.jsx(Ht,{onClick:j,"data-testid":A("retry-payment",e.cardRepaymentId),children:M.retryPayment})]})]})})}),t.jsxs(Wt,{windowSize:u,responsiveWidth:k[3].width,children:[t.jsx(b,{isLoading:a,customStyle:{width:i.sp4,height:i.sp4,borderRadius:"50%"},children:f?t.jsx(Et,{children:t.jsx(Kt,{})}):t.jsx(Vt,{children:t.jsx(He,{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(_t,{className:"initiatedBy",children:z})})]}),t.jsx(Ft,{windowSize:u,responsiveWidth:k[4].width,children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(Ut,{className:"amount",windowSize:u,title:V("0,0.00",e.amount),children:V("0,0.00",e.amount)})})})]})})})},wt=({status:e,style:o})=>{const c=_(),a=$t(e,c),r=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},$t=(e,o)=>{switch(e){case"Clear":case"Sent":return new L($.success);case"Pending":case"PendingReview":return new L($.alert);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},vt=n.div`
+  width: ${i.sp1};
+  height: ${i.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: ${i.sp2};
+`,bt=n.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>B.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>B.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>B.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>B.containerPaddingBottom.valuePx(e.windowSize)};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?$.Elevation1Dark:$.Elevation1Light};
+  border-radius: ${i.sp2};
+  width: 100%;
+  cursor: ${e=>e.onClick?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    .paymentDate,
+    .sourceAccount,
+    .initiatedBy,
+    .amount {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  margin-right: ${e=>B.containerMarginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>B.containerMarginRight.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp3};
+  box-sizing: border-box;
+  align-items: center;
+`,jt=n.div`
+  display: block;
+  width: 100%;
+`,St=n.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,Ct=n.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  padding-left: ${i.sp3};
+  display: flex;
+  align-items: center;
+`,te=n(W)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,kt=n.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${i.sp2};
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  padding-left: ${i.sp3};
+`,Pt=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  min-width: ${i.sp4};
+`,Lt=n.div`
+  min-width: ${i.sp4};
+  width: ${i.sp4};
+  height: ${i.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,zt=n(he)`
+  min-width: inherit;
+  width: ${i.sp4};
+  height: ${i.sp4};
+`,Rt=n.div`
+  min-width: ${i.sp4};
+  width: ${i.sp4};
+  height: ${i.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,It=n(me)`
+  min-width: inherit;
+  width: ${i.sp4};
+  height: ${i.sp4};
+`,Tt=n.img`
+  display: flex;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  min-width: ${i.sp4};
+  border-radius: 50%;
+  object-fit: cover;
+`,Dt=n.div`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`,ie=n(W)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: baseline;
+  column-gap: ${i.sp1};
+  overflow: hidden;
+  min-width: 0;
+`,Bt=n.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+`,At=n.span`
+  white-space: nowrap;
+  flex-shrink: 0;
+`,Mt=n.div`
+  position: relative;
+  top: 2px;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  padding-left: ${i.sp3};
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: ${e=>e.isLoading?i.sp1:i.sp0};
+`,Ot=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: ${i.sp2};
+`,Nt=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+  &:hover {
+    .infoIconTooltip {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ht=n(Ve)`
+  font-size: ${R.smallRegular.fontSize};
+  font-weight: ${R.smallRegular.fontWeight};
+  line-height: ${R.smallRegular.lineHeight};
+  font-family: ${R.smallRegular.fontFamily};
+  letter-spacing: ${R.smallRegular.letterSpacing};
+  color: ${$.link};
+  &:after {
+    background: ${$.link};
+  }
+  &:hover {
+    color: ${$.link};
+  }
+`,Wt=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  padding-left: ${i.sp3};
+`,Et=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  border-radius: 50%;
+`,Kt=n(Je)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Vt=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+`,_t=n(W)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Ft=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-left: ${i.sp3};
+  padding-right: ${i.sp2};
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+`,Ut=n(W)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Yt=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+`,ne=n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${i.sp3};
+`,oe=n(F)`
+  color: ${e=>e.theme.colors.hero};
+`,ae=n(F)`
+  color: ${$.brandColorPearl};
+`,Zt=new L(Z(0)).lighten(.3).hex(),{spendManagement:{chargeCard:{paymentHistory:O}}}=I.getLocalizedStrings(),qt=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:r,onRetryPaymentClick:d})=>{const{accountLogo:g,accountType:y,depositAccountLast4:h,depositAccountName:p}=o??{},u=S.useCallback(f=>{f.stopPropagation(),d&&d(e.cardRepaymentId)},[d,e.cardRepaymentId]),j=I.getLocalizedStrings(),s=e.repaymentDate.format(j.dateFormat.visual.MMMDCommaYYYYformat),m=ue(e),C=e.paidByUser?.email?.endsWith("@zeni.ai")??!1,v=m||!r&&C?O.autopay:ye(e.paidByUser),w=e.status==="Rejected"||e.status==="Returned";return t.jsx(Qt,{children:t.jsxs(ei,{children:[t.jsxs(ti,{children:[t.jsx(ii,{children:t.jsx(b,{isLoading:a,customStyle:{width:i.sp6,height:i.sp6,borderRadius:"50%"},children:y==="depositAccount"&&p!=null&&p!==""?t.jsx(ni,{children:t.jsx(oi,{color:Z(0)})}):y==="paymentAccount"&&g!==void 0&&(g.base64||g.url)?t.jsx(ri,{src:qt(g),loading:"lazy"}):t.jsx(ai,{children:t.jsx(si,{})})})}),t.jsxs(di,{children:[t.jsx(li,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"20px",borderRadius:i.sp1},children:t.jsx(ci,{className:"sourceAccount",children:p!=null&&p!==""?p:O.sourceAccountUnknown})})}),t.jsx(hi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:"16px",borderRadius:i.sp1},children:t.jsx(pi,{children:h!=null&&h!==""?`Checking •••• ${h}`:""})})}),t.jsx(mi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(gi,{children:[O.header.initiatedBy,":"," ",t.jsx(ui,{className:"initiatedBy",children:v})]})})}),t.jsx(yi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"150px",height:"16px",borderRadius:i.sp1},children:t.jsxs(xi,{children:[O.header.paymentDate,":"," ",t.jsx(fi,{className:"paymentDate",children:s})]})})})]})]}),t.jsxs(wi,{children:[t.jsx($i,{children:t.jsx(b,{isLoading:a,customStyle:{width:"100px",height:"20px",borderRadius:i.sp1},children:t.jsx(vi,{className:"amount",title:V("0,0.[00]",e.amount),children:V("0,0.[00]",e.amount)})})}),t.jsx(bi,{children:t.jsx(b,{isLoading:a,customStyle:{width:"120px",height:i.sp4,borderRadius:i.sp1},children:t.jsx(ji,{children:t.jsx(Si,{children:t.jsx(Gt,{status:e.status})})})})}),w===!0&&c===!0&&d!=null&&t.jsx(Ci,{children:t.jsx(ki,{onClick:u,"data-testid":A("retry-payment",e.cardRepaymentId),children:O.retryPayment})})]})]})})},Gt=({status:e,style:o})=>{const c=_(),a=Jt(e,c),r=xe(e);return t.jsx(ge,{textColor:a,borderColor:a,text:r,tagStyles:{padding:"1px 6px",...o}})},Jt=(e,o)=>{switch(e){case"Clear":case"Sent":return new L($.success);case"Pending":case"PendingReview":return new L($.info);case"Rejected":case"Returned":return new L($.important);default:return new L(o.colors.grey1)}},Qt=n.div`
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${i.sp3};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?$.Elevation1Dark:$.Elevation1Light};
+  border-radius: ${i.sp2};
+  width: 100%;
+  margin-bottom: ${i.sp3};
+  box-sizing: border-box;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    .paymentDate,
+    .sourceAccount,
+    .initiatedBy,
+    .amount {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,ei=n.div`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: ${i.sp3};
+`,ti=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${i.sp2};
+  flex: 1;
+  min-width: 0;
+`,ii=n.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  width: ${i.sp6};
+  height: ${i.sp6};
+  min-width: ${i.sp6};
+  margin-top: ${i.sp1};
+`,ni=n.div`
+  min-width: ${i.sp6};
+  width: ${i.sp6};
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: ${Zt};
+`,oi=n(he)`
+  min-width: inherit;
+  width: ${i.sp6};
+  height: ${i.sp6};
+`,ai=n.div`
+  min-width: ${i.sp6};
+  width: ${i.sp6};
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+`,si=n(me)`
+  min-width: inherit;
+  width: ${i.sp6};
+  height: ${i.sp6};
+`,ri=n.img`
+  display: flex;
+  width: ${i.sp6};
+  height: ${i.sp6};
+  min-width: ${i.sp6};
+  border-radius: 50%;
+  object-fit: cover;
+`,di=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp0};
+  flex: 1;
+  min-width: 0;
+`,li=n.div`
+  display: flex;
+  align-items: center;
+`,ci=n(Ee)`
+  color: ${e=>e.theme.colors.primary};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 600;
+`,hi=n.div`
+  display: flex;
+  align-items: center;
+`,pi=n(F)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  top: -2px;
+`,mi=n.div`
+  display: flex;
+  align-items: center;
+  margin-top: 3px;
+`,gi=n(N)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,ui=n.span`
+  color: ${e=>e.theme.colors.hero};
+`,yi=n.div`
+  display: flex;
+  align-items: center;
+  position: relative;
+  top: -2px;
+`,xi=n(N)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,fi=n.span`
+  color: ${e=>e.theme.colors.hero};
+`,wi=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: flex-start;
+  flex-shrink: 0;
+`,$i=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,vi=n(N)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,bi=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: flex-start;
+  margin-top: ${i.sp1};
+  margin-bottom: ${i.sp3};
+`,ji=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: ${i.sp2};
+  flex-wrap: wrap;
+  justify-content: flex-end;
+`,Si=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+  &:hover {
+    .infoIconTooltip {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ci=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,ki=n(Ke)`
+  color: ${$.link};
+  cursor: pointer;
+  text-decoration: underline;
+  &:hover {
+    text-decoration: underline;
+  }
+`,Pi={lastListItemHeight:new x(200,114)},Li=I.getLocalizedStrings(),{spendManagement:{chargeCard:se},common:zi}=Li,re=50,Ri=64,Ii=351,Ti=86,we=q.memo(({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,searchText:a,isZeniTenant:r,onColumnSortConfigChanged:d,onReloadPayments:g,onRetryPaymentClick:y})=>{const h=H(),p=S.useCallback(v=>v===0?re:h==="small"?132:X,[h]),u=S.useMemo(()=>{let v=re+Ri;for(let w=1;w<=o.length;w++)v+=p(w);return v},[o.length,p]),j=S.useMemo(()=>window.innerHeight-Ii,[]),s=u>j,m=S.useRef(null);S.useEffect(()=>{m.current?.resetAfterIndex(0)},[h]);const C=()=>e==="Error"?t.jsxs(Oi,{children:[t.jsx(Ni,{onClick:g,"data-testid":A("payment-history-list-reload"),children:t.jsx(Hi,{})}),t.jsx(Wi,{children:zi.reloadPage.label})]}):e==="Completed"&&o.length===0?t.jsx(Vi,{children:t.jsx(_i,{children:a!==""?se.paymentHistory.noPaymentHistoryMatchedSearch:se.paymentHistory.noPaymentHistoryAvailable})}):t.jsx(ve,{children:t.jsx(Ei,{windowSize:h,availableHeight:j,isListTooLarge:s,children:t.jsx(De,{children:({height:v,width:w})=>t.jsx(Be,{ref:m,height:v,itemCount:o.length+1,innerElementType:$e,itemSize:p,estimatedItemSize:X,itemKey:f=>f===0?"header":o[f-1].repayment.cardRepaymentId,width:w,overscanCount:Ae,initialScrollOffset:0,children:f=>t.jsx(Di,{...f,repaymentListWithAccountInfo:o,sortConfig:c,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:y})})})})});return t.jsx(Mi,{fetchState:e,children:C()})},(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);we.displayName="ChargeCardPaymentHistoryContent";const $e=S.forwardRef((e,o)=>{const{children:c,style:a,...r}=e;return t.jsx(ve,{ref:o,style:{...a,width:"auto"},...r,children:t.jsx(Ki,{children:c})})});$e.displayName="ChargeCardPaymentHistoryInnerElement";const Di=({index:e,style:o,repaymentListWithAccountInfo:c,sortConfig:a,isZeniTenant:r,onColumnSortConfigChanged:d,onRetryPaymentClick:g})=>{const y=H(),h=e===0,p=h?null:c[e-1],u=p?.repayment??null,j=p?.accountInfo,s=S.useMemo(()=>{if(c.length===0)return null;const w=c.map(z=>z.repayment),f=w.slice(1).reduce((z,T)=>T.repaymentDate.isAfter(z.repaymentDate)?T:z,w[0]);return f.status==="Rejected"||f.status==="Returned"?f.cardRepaymentId:null},[c]),m={...o,width:"100%"};if(h)return t.jsx(de,{style:m,className:"spend-management-list-item",children:t.jsx(at,{companyNameSticky:!1,sortConfig:a,onColumnSortConfigChanged:d})});if(u==null)return null;const C=s!==null&&u.cardRepaymentId===s,v=y==="small"?Xt:ft;return t.jsx(de,{style:m,className:"spend-management-list-item",children:t.jsx(v,{repayment:u,accountInfo:j,isLatestFailedPayment:C,isZeniTenant:r,onRetryPaymentClick:g})})},Bi=({fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})=>(Te({componentName:"charge_card_payment_history.list",enabled:e==="Completed"}),t.jsx(we,{fetchState:e,repaymentListWithAccountInfo:o,sortConfig:c,onColumnSortConfigChanged:a,onReloadPayments:r,searchText:d,isZeniTenant:g,onRetryPaymentClick:y})),Ai=q.memo(Bi),Mi=n.div`
+  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
+  display: block;
+  height: 100%;
+`,Oi=n.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ni=n.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Hi=n(Me)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Wi=n(Oe)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ei=n.div`
+  position: sticky;
+  height: ${e=>e.isListTooLarge||e.windowSize==="small"?`calc(100vh - ${Ti}px)`:`${e.availableHeight}px`};
+  max-width: 99.9%;
+  ${({isListTooLarge:e,windowSize:o})=>(e||o==="small")&&`
+    .spend-management-list-item:last-of-type {
+      /* NOTE: !important is used to ensure padding is applied to the last item in the virtualized list. */
+      height: ${Pi.lastListItemHeight.valuePx(o)} !important;
+      padding-bottom: ${i.sp8};
+    }
+  `}
+
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  & > div > div::-webkit-scrollbar {
+    display: none;
+  }
+  /* Hide scrollbar for IE, Edge and Firefox */
+  & > div > div {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+`,de=n.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,Ki=n.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,ve=n.div``,Vi=n.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,_i=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:Fi}=I.getLocalizedStrings(),cn=({repaymentList:e,fetchState:o,sortConfig:c,accountInfoByAccountId:a,searchText:r,filters:d,isZeniTenant:g,onBackClick:y,repaymentHistoryUsers:h,onColumnSortConfigChanged:p,onFiltersChange:u,onReloadPayments:j,onRetryPaymentClick:s,onSearchTextChanged:m,onClickMenuIcon:C,downloadParams:v,downloadState:w,updateDownloadStateHandler:f})=>{const z=Pe().analytics,T=Le(),[K,U]=S.useState(!1),k=H(),Y=_(),be=D=>{U(D)},je={entity:"charge_card_payment_history",showNewButtonOnNavbar:!1,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:Fi.strings.empty,hideSearchBtn:!1,searchTextBoxStyle:{right:"86px"},moreIconContainerStyle:{paddingRight:l[4]},isSearchOpen:K,searchPlaceHolder:ce.searchPlaceHolder,searchText:r,showSettingsIcon:!1,showSettingsIconOnNavbar:!1,showStatementButtonOnNavbar:!1,showPayEarlyButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,showDownloadIcon:!0,onDownloadClick:async()=>{f("In-Progress");try{await Ie({localeID:"en-US",fileType:"excel",entity:"charge_card_payment_history",filter:{filters:d,searchText:r},...v})}finally{f("Completed")}},disableDownloadButton:w==="In-Progress"||o!=="Completed"||e.length===0,analytics:z,onSearchOpen:be,filterIconContainerStyle:{...k==="small"&&{position:"static",paddingRight:"10px"}},onSearchTextChanged:m,onClickSetupIcon:()=>{},onClickStatementsIcon:()=>{},downloadState:w,onNewButtonClick:()=>{},onClickPayEarlyIcon:()=>{},onMenuOpen:()=>{},filters:d,onFiltersChange:u,createdByUserListLoaded:o==="Completed",getFilterOptions:()=>Xe("charge_card_payment_history",h,T.loggedInUserRole??[],[],a),renderDropdownOptionIcon:qe},Se=t.jsx(Ze,{spendManagementSectionProps:je}),Ce=ce.pageTitle,ke=S.useMemo(()=>e.map(D=>({repayment:D,accountInfo:D.paymentAccountId!=null&&D.paymentAccountId!==""?a?.[D.paymentAccountId]:void 0})),[e,a]);return t.jsxs(Ui,{children:[t.jsx(ze,{title:Ce,showBackButton:!0,showMenuIcon:k==="medium-compact"||k==="small",onClickMenuIcon:C,titleTextStyles:k==="small"?{...R.standardMedium.cssObject}:void 0,style:{zIndex:3},onBackClick:y,rightSideComponent:Se,isSearchOpen:K,hideSearchBtn:!1,scrollableContent:void 0,source:"ChargeCardPaymentHistoryPage",backgroundColor:Y.colors.grey4}),o==="Not-Started"||o==="In-Progress"?t.jsx(Re,{fetchState:o,styles:{margin:"auto"}}):t.jsx(Yi,{windowSize:k,children:t.jsx(Ai,{fetchState:o,repaymentListWithAccountInfo:ke,sortConfig:c,onColumnSortConfigChanged:p,onReloadPayments:j,searchText:r,isZeniTenant:g,onRetryPaymentClick:s})})]})},Ui=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+`,Yi=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{cn as default};