@zeniai/web-cockpit-ui 1.14.10-qa → 1.14.11-dev

package/dist/assets/{ChargeCardListPage-C_Wxtym7-j7bJNLel.js → ChargeCardListPage-CglfbPqr-D7muWz7z.js}

@@ -1,4 +1,4 @@
-import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j as t,aV as kt,fy as Pt,cO as A,f as C,bs as le,g as n,a0 as It,ab as ce,_ as me,C as B,v as E,Q as Tt,h as Mt,cl as At,aC as Fe,b4 as Et,af as ue,a6 as Lt,m as ge,q as I,d3 as Rt,Z as Dt,e as zt,c0 as Nt,ck as Ot,aQ as Bt}from"./index-C7yzTmij.js";import{b as O,n as i,j as xe,k as _t}from"./vendor-CnQcJ2Lu.js";import{Y as Ft}from"./SpendManagementSection-CbbqZI-h-CVwzMKo9.js";import{ChargeCardPromoUserContent as Ut}from"./ChargeCardPromoPage-BAovEsQH-Ek96Dkwb.js";import{N as Wt,J as Gt}from"./PromoBaseCards-CDbwBfld-DHXh6Jz5.js";import{M as Yt}from"./ChargeCardListTable-tXjQM1HV-Dzwl1fw-.js";import{r as Ht,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Vt,o as Zt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-gItmg01b-Cu9NWj0e.js";import"./NavigationDots-Bgh-o0zo-K6CBNKPZ.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-vFgR8B3A-uLxvXXvL.js";import"./RoleWithToolTip-BPrl2KpS-CivGY3G2.js";import"./CardNumberSubText-Bakmjdzp-lSIgWyzd.js";import"./ChargeCardUtils-EeXYTubM-APgPlZEM.js";const be={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=pe();return t.jsxs(Qt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:l}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ye,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Gt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Kt,{windowSize:u,cardType:e,children:t.jsxs(Xt,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ye,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},qt=e=>{const s=e-1;let l=`
+import{d5 as St,y as jt,fm as vt,l as M,fh as v,X as pe,B as Be,o as a,u as _e,j as t,aV as kt,fA as Pt,cR as A,v as C,bw as le,d as n,a0 as It,ab as ce,_ as me,C as B,$ as E,Q as Tt,g as Mt,co as At,aC as Fe,b4 as Et,af as ue,a6 as Lt,M as ge,s as I,d6 as Rt,Y as Dt,n as zt,c3 as Nt,cn as Ot,aQ as Bt}from"./index-CIAgrDi2.js";import{b as O,n as i,j as xe,k as _t}from"./vendor-CnQcJ2Lu.js";import{Y as Ft}from"./SpendManagementSection-bMsztUap-upI-ZdzC.js";import{ChargeCardPromoUserContent as Wt}from"./ChargeCardPromoPage-BfsQUUYb-D4zqkYsh.js";import{N as Yt,J as Ut}from"./PromoBaseCards-DG1CAZvU-Kp-BaaPo.js";import{E as Gt}from"./ChargeCardListTable-BxAeA97m-C-BUBRdZ.js";import{r as Jt,i as Ht}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Vt,o as qt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-COpKcBhx-C1b7HyPI.js";import"./NavigationDots-MA8SVlUT-BNaROjbH.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-frAXxk4e-ChxiZJil.js";import"./RoleWithToolTip-BP8MTZdU-BOm9Us2_.js";import"./CardNumberSubText-B5ejHnml-CLY9anWS.js";import"./ChargeCardUtils-Bivw83fy-L79bEW0e.js";const be={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=pe();return t.jsxs(Zt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(We,{children:[t.jsxs(Ue,{children:[t.jsx(Ye,{children:l}),t.jsx(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ge,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Yt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Kt,{windowSize:u,cardType:e,children:t.jsxs(Xt,{children:[t.jsxs(Ue,{children:[t.jsx(Ye,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{children:h})]}):null]})})},Qt=e=>{const s=e-1;let l=`
     0% {
       transform: translateY(0);
     }
@@ -19,7 +19,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   100% {
       transform: translateY(0);
   }
-  `,_t`${l}`},Qt=i.div`
+  `,_t`${l}`},Zt=i.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -63,15 +63,15 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   flex-basis: 33.33%;
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>e.theme.colors.elevation1};
-`,Ue=i.div`
+`,We=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: ${a.sp5};
-`,Xt=i(Ue)`
+`,Xt=i(We)`
   flex-direction: row;
   justify-content: space-between;
-`,We=i(Rt)`
+`,Ye=i(Rt)`
   color: ${e=>e.theme.colors.brandColorGold};
 `,ea=i(Nt)`
   color: ${e=>e.theme.colors.brandColorJade};
@@ -98,10 +98,10 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   align-self: baseline;
   width: 224px;
   ${e=>xe`
-    animation: ${qt(e.slideUpCount)}
+    animation: ${Qt(e.slideUpCount)}
       ${(e.slideUpCount-1)*3.5}s ease-out infinite;
   `}
-`,Ge=i.div`
+`,Ue=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -123,7 +123,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   position: absolute;
   top: 37px;
   right: -46px;
-`,Ye=i.div``,la=i.div`
+`,Ge=i.div``,la=i.div`
   border: 1px solid ${n.neutralGrey5Light};
   border-radius: ${a.sp12};
   width: fit-content;
@@ -149,7 +149,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   color: ${n.neutralGrey5Light};
 `,ua=i(zt)`
   color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new B(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ga={remainingText:new Tt("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:f,dateFormat:V}=Be.getLocalizedStrings(),mi=({chargeCardListView:e,searchText:s,admins:l,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:Ve,controllerEmails:q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ze,signedInUser:qe,creditLimit:F,cashbackRate:Q,onSearchTextChanged:Qe,onClickSetupIcon:Ke,isEarlyPayEnabled:L,onClickStatementsIcon:Xe,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:dt,onPromoCardClick:Ce,onCreateNowClick:fe,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:U,shouldShowPayNowInfoTooltip:K})=>{const W=St().analytics,[ye,ct]=O.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,X=jt(),T=!!X.loggedInUserRole.includes("charge_card_user"),G=vt(X),w=M.hasChargeCardAdminLevelAccess(X.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,ee=d&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(y.remainingAmountDue.amount)}:void 0,te=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,ae={isCreditCardOffered:d,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ht=o=>{ct(o),o===!0&&(W.trackCardsListPageClicked("search"),(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&W.trackCardsCardListSearchClick(q,ae,R,ee,te))},b=pe(),we=G&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),pt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,N=z!=null&&y.initiatedRepayments.amount>0,mt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:f.strings.empty,hideSearchBtn:T,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:ye,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!T,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:d&&x,showPayEarlyButtonOnNavbar:L&&w&&D.amount>0&&!N&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:W,onSearchOpen:ht,onSearchTextChanged:Qe,onClickSetupIcon:Ke,onClickStatementsIcon:Xe,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>U("More Button","Pay Early"),onMenuOpen:()=>{(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&W.trackCardsCardListMoreMenuClick(q,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Ft,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:T&&M.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",Y=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=d&&x&&e.hasCreditCard,Ct=p&&g&&e.hasDebitCard,ft=d&&x&&G&&!w,yt=p&&g&&G&&!w,H=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(M.dateNow(),"days")??0,ne=[m.payNow,H>0&&H<11?`${m.billDueIn} ${H} ${H===1?f.timeStrings.day:f.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=y.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[m.paymentInitiated,`${$.header.limit} ${Se?f.resets:f.updates} ${f.by} ${M.zeniDate(M.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??M.dateNow().toDate(),[0,6],3).toDateString()).format(V.visual.MMMDFormat)}`,m.paymentInitiated],se=O.useRef(null),de=O.useRef(null),wt=_e(),[$t,je]=O.useState(!0);return O.useEffect(()=>{const o=()=>{de.current&&(de.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},J=se.current;return J&&J.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{J&&J.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Aa,{ref:se,children:[t.jsx(kt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:dt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:ye,hideSearchBtn:T,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Pt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[T?null:t.jsxs(Ea,{windowSize:b,children:[bt||ft?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Ne,{children:[t.jsxs(Oe,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(A,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Pa,{children:[t.jsx(Z,{style:{textAlign:"end"},children:f.texts.limit}),t.jsx(A,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Ba,{children:t.jsx(_a,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!N&&L?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining}),t.jsx($a,{children:t.jsx(ya,{})})]})}):t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining})]})]}),t.jsxs(Ia,{showPaymentInitiatedInfo:N,isEarlyPayEnabled:L,children:[N&&L?null:t.jsx(Z,{children:`${f.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`}),w&&L&&(N?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ae,{children:`${m.paymentOf} ${It("0,0.[00]",{amount:y.initiatedRepayments.amount,currencyCode:y.initiatedRepayments.currencyCode,currencySymbol:y.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(va,{children:y.initiatedRepaymentDate?.format(V.visual.MMMDFormat)}),f.strings.space,t.jsx(Ae,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Ie,{hasPointer:!1,children:[oe.length>0&&t.jsx(he,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(fa,{})]})})}):re?t.jsx(le,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{K(!1),U("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),K(!1)}},title:"informative",placement:"bottom-end",open:lt&&$t,children:t.jsxs(Ie,{ref:de,onClick:()=>{K(!1),U("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(he,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Te,{})]})}):D.amount>0?t.jsxs(Ca,{onClick:()=>U("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Te,{})]}):null)]})]}):d&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:fe}):d?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Me("credit",Q,{amount:Ve,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||yt?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Ne,{children:t.jsxs(Oe,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ra,{children:Y!==0?t.jsxs(t.Fragment,{children:[Y<0?t.jsx(za,{}):t.jsx(Na,{}),t.jsx(Da,{hasNegativeValue:Y<0,children:ce("0,0.00",Y,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(Je,{children:$.compareToLastMonth})]}):null})]}),t.jsx(He,{children:t.jsx(Z,{children:`${f.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:fe}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Me("debit",Q),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(Z,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Ta,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Wa,{children:t.jsx(Ga,{})})]})]}),e.cards.length===0&&T===!0||gt?t.jsx(Ua,{children:t.jsx(Ut,{companyLegalName:h,cards:e.cards,admins:l,hasZeniFinopsRoles:G,cashbackRate:Q})}):t.jsx(Yt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:q,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:y,cardList:e.cards,showViewForCardUser:!1,signedInUser:qe,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ze,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
+`,_={contentContainerMargin:new B(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ga={remainingText:new Tt("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:y,dateFormat:V}=Be.getLocalizedStrings(),mi=({chargeCardListView:e,searchText:s,admins:l,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:Ve,controllerEmails:Q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:qe,signedInUser:Qe,creditLimit:F,cashbackRate:Z,onSearchTextChanged:Ze,onClickSetupIcon:Ke,isEarlyPayEnabled:L,onClickStatementsIcon:Xe,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:dt,onPromoCardClick:Ce,onCreateNowClick:ye,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:W,shouldShowPayNowInfoTooltip:K})=>{const Y=St().analytics,[fe,ct]=O.useState(!1),{creditAccount:S,creditAccountRepayment:f}=e,X=jt(),T=!!X.loggedInUserRole.includes("charge_card_user"),U=vt(X),w=M.hasChargeCardAdminLevelAccess(X.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,ee=d&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(f.remainingAmountDue.amount)}:void 0,te=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,ae={isCreditCardOffered:d,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ht=o=>{ct(o),o===!0&&(Y.trackCardsListPageClicked("search"),(!d||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&Y.trackCardsCardListSearchClick(Q,ae,R,ee,te))},b=pe(),we=U&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),pt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,N=z!=null&&f.initiatedRepayments.amount>0,mt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:y.strings.empty,hideSearchBtn:T,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:fe,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!T,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:d&&x,showPayEarlyButtonOnNavbar:L&&w&&D.amount>0&&!N&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:Y,onSearchOpen:ht,onSearchTextChanged:Ze,onClickSetupIcon:Ke,onClickStatementsIcon:Xe,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!d||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&Y.trackCardsCardListMoreMenuClick(Q,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Ft,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:T&&M.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",G=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=d&&x&&e.hasCreditCard,Ct=p&&g&&e.hasDebitCard,yt=d&&x&&U&&!w,ft=p&&g&&U&&!w,J=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(M.dateNow(),"days")??0,ne=[m.payNow,J>0&&J<11?`${m.billDueIn} ${J} ${J===1?y.timeStrings.day:y.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=f.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[m.paymentInitiated,`${$.header.limit} ${Se?y.resets:y.updates} ${y.by} ${M.zeniDate(M.getNextNthWorkingDay(f.initiatedRepaymentDate?.toDate()??M.dateNow().toDate(),[0,6],3).toDateString()).format(V.visual.MMMDFormat)}`,m.paymentInitiated],se=O.useRef(null),de=O.useRef(null),wt=_e(),[$t,je]=O.useState(!0);return O.useEffect(()=>{const o=()=>{de.current&&(de.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},H=se.current;return H&&H.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{H&&H.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Aa,{ref:se,children:[t.jsx(kt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:dt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:fe,hideSearchBtn:T,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Pt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[T?null:t.jsxs(Ea,{windowSize:b,children:[bt||yt?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Ne,{children:[t.jsxs(Oe,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(A,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Pa,{children:[t.jsx(q,{style:{textAlign:"end"},children:y.texts.limit}),t.jsx(A,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Ba,{children:t.jsx(_a,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!N&&L?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining}),t.jsx($a,{children:t.jsx(fa,{})})]})}):t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining})]})]}),t.jsxs(Ia,{showPaymentInitiatedInfo:N,isEarlyPayEnabled:L,children:[N&&L?null:t.jsx(q,{children:`${y.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`}),w&&L&&(N?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ae,{children:`${m.paymentOf} ${It("0,0.[00]",{amount:f.initiatedRepayments.amount,currencyCode:f.initiatedRepayments.currencyCode,currencySymbol:f.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(va,{children:f.initiatedRepaymentDate?.format(V.visual.MMMDFormat)}),y.strings.space,t.jsx(Ae,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Ie,{hasPointer:!1,children:[oe.length>0&&t.jsx(he,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(ya,{})]})})}):re?t.jsx(le,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{K(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),K(!1)}},title:"informative",placement:"bottom-end",open:lt&&$t,children:t.jsxs(Ie,{ref:de,onClick:()=>{K(!1),W("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(he,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Te,{})]})}):D.amount>0?t.jsxs(Ca,{onClick:()=>W("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Te,{})]}):null)]})]}):d&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:ye}):d?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Me("credit",Z,{amount:Ve,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||ft?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Ne,{children:t.jsxs(Oe,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ra,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(za,{}):t.jsx(Na,{}),t.jsx(Da,{hasNegativeValue:G<0,children:ce("0,0.00",G,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(He,{children:$.compareToLastMonth})]}):null})]}),t.jsx(Je,{children:t.jsx(q,{children:`${y.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:ye}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Me("debit",Z),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(q,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Ta,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Ya,{children:t.jsx(Ua,{})})]})]}),e.cards.length===0&&T===!0||gt?t.jsx(Wa,{children:t.jsx(Wt,{companyLegalName:h,cards:e.cards,admins:l,hasZeniFinopsRoles:U,cashbackRate:Z})}):t.jsx(Gt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:Q,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:f,cardList:e.cards,showViewForCardUser:!1,signedInUser:Qe,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:qe,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
   color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
   text-align: end;
 `,ba=i(Fe)`
@@ -172,11 +172,11 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   color: ${e=>e.theme.colors.primary};
   width: 12px;
   height: 12px;
-`,fa=i(Et)`
+`,ya=i(Et)`
   color: ${n.brandColorGoldDark};
   width: ${a.sp3};
   height: ${a.sp3};
-`,ya=i(At)`
+`,fa=i(At)`
   color: ${n.important};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -203,7 +203,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-`,He=i.div`
+`,Je=i.div`
   min-width: ${a.sp11};
   padding: ${a.sp2} ${a.sp4};
   background-color: ${e=>e.theme.colors.grey4};
@@ -211,7 +211,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   border-bottom-right-radius: ${a.sp2};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
   display: flex;
-`,Ia=i(He)`
+`,Ia=i(Je)`
   justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
 `,Ta=i.div``,Ma=i.div`
   border: 1px solid ${e=>e.theme.colors.hero};
@@ -290,7 +290,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
 `,De=i(Mt)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ga.remainingText.style(e.windowSize)}`};
-`,Z=i(E)`
+`,q=i(E)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
 `,Ra=i.div`
@@ -299,15 +299,15 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   gap: ${a.sp1};
   padding: 3px ${a.sp0};
   margin-top: 20px;
-`,Je=i(Lt)`
+`,He=i(Lt)`
   color: ${e=>e.theme.colors.hero};
-`,Da=i(Je)`
+`,Da=i(He)`
   color: ${e=>e.hasNegativeValue?n.success:n.important};
 `,za=i(Vt)`
   color: ${n.success};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Na=i(Zt)`
+`,Na=i(qt)`
   color: ${n.important};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -338,7 +338,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   color: inherit;
   width: ${a.sp2};
   height: ${a.sp2};
-`,Ua=i.div`
+`,Wa=i.div`
   display: flex;
   flex-direction: column;
   margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
@@ -349,7 +349,7 @@ import{d2 as St,w as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Oe=i.div``,Wa=i.div`
+`,Oe=i.div``,Ya=i.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Ga(){switch(_e().mode){case"light":return t.jsx(Jt,{});case"dark":default:return t.jsx(Ht,{})}}export{mi as default,Me as getPromoSlidingTextList};
+`;function Ua(){switch(_e().mode){case"light":return t.jsx(Ht,{});case"dark":default:return t.jsx(Jt,{})}}export{mi as default,Me as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-tXjQM1HV-Dzwl1fw-.js → ChargeCardListTable-BxAeA97m-C-BUBRdZ.js}

@@ -1,11 +1,11 @@
-import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as yi,_ as b,M as _,bL as ji,f as oe,g as y,aj as bi,bT as ki,ia as Si,ib as Ii,o as r,be as zi,a6 as Li,C as p,eu as Ri,ap as Pi,ic as Di,a7 as Ui,ay as Ni,v as F,fe as Ti,q as a,dq as Vi,a0 as T,bV as De,c as Ue,bs as le,bl as _i,m as k,bY as we,e as U,i1 as ue,b4 as Ne,bc as Te,id as Mi,b$ as Oi,a8 as G,ie as Ei,ig as Fi}from"./index-C7yzTmij.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as Ve}from"./Menu-vFgR8B3A-uLxvXXvL.js";import{T as _e}from"./RoleWithToolTip-BPrl2KpS-CivGY3G2.js";import{R as ce}from"./CardNumberSubText-Bakmjdzp-lSIgWyzd.js";import{_ as Me}from"./ChargeCardUtils-EeXYTubM-APgPlZEM.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=_.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Oe=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Ei,Fi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=V(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Oe(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Gi,{children:[i.jsx(Zi,{children:i.jsx(Qi,{})}),i.jsx(_i,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(qi,{windowSize:l,children:i.jsx(Bi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Xi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Yi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),qi=o.div`
+import{j as i,X as _,y as ee,d5 as $i,u as de,fe as fi,ia as vi,ib as Ci,ic as yi,_ as b,B as V,bO as ji,v as oe,d as y,aj as bi,bW as ki,id as Si,ie as Ii,o as r,be as zi,a6 as Li,C as p,ex as Ri,ap as Pi,ig as Di,a7 as Ui,ay as Ni,$ as F,fg as Ti,s as a,dt as _i,a0 as T,bY as De,i as Ue,bw as le,bl as Vi,M as k,b$ as we,n as U,i4 as ue,b4 as Ne,bc as Te,ih as Ei,c2 as Oi,a8 as Q,ii as Wi,ij as Fi}from"./index-CIAgrDi2.js";import{b as C,n as o,f as Mi,j as $e}from"./vendor-CnQcJ2Lu.js";import{R as _e}from"./Menu-frAXxk4e-ChxiZJil.js";import{T as Ve}from"./RoleWithToolTip-BP8MTZdU-BOm9Us2_.js";import{R as ce}from"./CardNumberSubText-B5ejHnml-CLY9anWS.js";import{_ as Ee}from"./ChargeCardUtils-Bivw83fy-L79bEW0e.js";const M=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=V.getLocalizedStrings().common.strings.empty,fe={key:"owner",value:M.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:M.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:M.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:M.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:M.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:M.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Oe=e=>e===!0?[{...fe,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[fe,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Wi,Fi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),x=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Oe(x));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let f=g;t.sortKey===s&&(f=g==="ascending"?"descending":"ascending"),h(s,f)},$=c.find(s=>s.key===t.sortKey)??(x?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",m=(x?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Xi,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Zi,{children:i.jsx(Gi,{})}),i.jsx(Vi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:m,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u($.key,$.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:$.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:$,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(Bi,{windowSize:l,children:i.jsx(qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(x?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Ji,{onClick:()=>u(x?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Mi.memo(Hi),Bi=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
   padding-top: ${r.sp3};
-`,Bi=o.div`
+`,qi=o.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
@@ -14,7 +14,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   margin-left: ${r.sp8};
   margin-right: ${r.sp8};
   justify-content: space-between;
-`,Ji=o(F)`
+`,Xi=o(F)`
   top: ${r.sp0};
   left: ${r.sp0};
   min-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
@@ -28,7 +28,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: space-between;
   position: sticky;
-`,Xi=o.div`
+`,Yi=o.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
   width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
   max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
@@ -37,10 +37,10 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   align-items: center;
   left: ${r.sp0};
   justify-content: ${e=>e.actualDataValue==="limit"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?fe`
+  ${e=>e.companyNameSticky?$e`
           position: sticky;
           z-index: 1;
-        `:fe`
+        `:$e`
           position: static;
           z-index: 0;
         `};
@@ -48,7 +48,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   overflow: hidden;
   padding-left: ${r.sp3};
   padding-right: ${r.sp3};
-`,Yi=o(Oi)`
+`,Ji=o(Oi)`
   width: ${r.sp3};
   height: ${r.sp3};
   cursor: pointer;
@@ -65,11 +65,11 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   align-items: center;
   justify-content: center;
-`,Gi=o.div`
+`,Qi=o.div`
   gap: ${r.sp1};
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Qi=o(Mi)`
+`,Gi=o(Ei)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: inherit;
@@ -93,7 +93,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:B,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:Q}}=_.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),x=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),M=e.balance,I=Oe(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=Q.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:B.strings.empty;return i.jsx(ar,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(O,{children:i.jsxs(lr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:x,title:R,className:"cardHolderName",children:R===B.strings.empty?B.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(O,{children:i.jsxs(wr,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:x,children:e.status.code==="request_on_hold"?B.strings.hyphen:Q.cardDetails.expiryHideOut+B.strings.space+e.accountLast4})]})}),i.jsx(O,{children:i.jsx(fr,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:Q.cardList.sendReminder}):null]})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(O,{children:i.jsxs(mr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(xr,{windowSize:x,children:[i.jsx(gr,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(Ve,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:Q.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=_.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return V()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new G(y.success);case"request_on_hold":return new G(y.graphColor36);case"inactive":return new G(y.alert);default:return new G(t.colors.grey1)}},ar=o.div`
+`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:G}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[$,S]=C.useState(!1),m=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Ee(e)/e.limit.amount*100,f=e?.cardHolderUserId===n.userId,R=_i(e.cardHolderUser,!1),E=e.balance,I=Oe(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",E),className:"amountToUtilize",children:T("0,0.[00]",E)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=G.cardList.tooltip[H],K=N!=null?f?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(ar,{windowSize:m,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(O,{children:i.jsxs(lr,{windowSize:m,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:m,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(O,{children:i.jsxs(wr,{windowSize:m,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:m,children:e.status.code==="request_on_hold"?q.strings.hyphen:G.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(O,{children:i.jsx($r,{windowSize:m,responsiveWidth:I[2].width,children:i.jsx(fr,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!f?i.jsx(br,{onClick:v=>{v.stopPropagation(),x(e.id)},"data-testid":b("send-reminder",e.id),children:G.cardList.sendReminder}):null]})})}),i.jsx(O,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[4].width,children:A})}),i.jsx(O,{children:i.jsxs(xr,{windowSize:m,responsiveWidth:I[5].width,children:[i.jsxs(mr,{windowSize:m,children:[i.jsx(gr,{className:"limitAmount",windowSize:m,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:$,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:G.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(y.success);case"request_on_hold":return new Q(y.graphColor36);case"inactive":return new Q(y.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -160,7 +160,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,mr=o.div`
+`,xr=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -168,7 +168,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${r.sp3};
-`,xr=o(U)`
+`,mr=o(U)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
@@ -212,14 +212,14 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: -${r.sp1};
-`,fr=o(U)`
+`,$r=o(U)`
   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;
-`,$r=o(U)`
+`,fr=o(U)`
   color: ${e=>e.theme.colors.hero};
   max-width: 100%;
   padding-right: ${r.sp2};
@@ -317,7 +317,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=_.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Ee=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(_r,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Er,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=V();return i.jsx(Fe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ye,{children:i.jsxs(Qe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:L.labels.cardName}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Ge,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Xe,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=V(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Fe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ye,{children:[i.jsx(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Ge,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Xr,{children:[i.jsxs(Vr,{children:[e.status.code!=="request_on_hold"?i.jsx(Ee,{cardDetail:e}):null,i.jsxs(Xe,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Qe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(Be,{children:`${L.labels.cardName}`}),i.jsxs(qe,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(qr,{showMenu:!0,className:"menu-icon",children:i.jsx(Ve,{menuItems:i.jsx(Br,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Fe=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=V.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})},We=({cardDetail:e})=>{const t=e.balance,n=Ee(e)/e.limit.amount*100;return i.jsxs(Vr,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Wr,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=_();return i.jsx(Fe,{windowSize:n,children:i.jsx(Me,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Je,{children:i.jsxs(Ge,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{children:[i.jsx(Xe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(We,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[x,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,$=_(),S=e.type.code,m=D.cardList.tooltip[S],j=m!=null?u?m.self:`${w} ${m.cardUser}`:L.strings.empty;return i.jsx(Fe,{windowSize:$,children:i.jsxs(Me,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Je,{children:[i.jsx(Er,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Or,{children:i.jsxs(Mr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:$,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(We,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Ge,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{children:[i.jsx(Xe,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:$,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Fr,{children:e.status.code==="request_on_hold"&&i.jsx(Br,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(qr,{children:i.jsx(Xr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:x,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Fe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -334,7 +334,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   }
   margin-right: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
   margin-left: ${e=>te.containerMarginLeft.valuePx(e.windowSize)};
-`,We=o.div`
+`,Me=o.div`
   display: block;
   width: 100%;
 `,se=o.div`
@@ -377,43 +377,43 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,Vr=o.div`
+`,_r=o.div`
   display: flex;
   flex-direction: column;
   gap: ${r.sp1};
-`,_r=o.div`
+`,Vr=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,qe=o.div`
+`,Be=o.div`
   display: flex;
   flex-direction: column;
   max-width: 155px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Be=o.div``,Je=o.div`
+`,qe=o.div``,Xe=o.div`
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,Xe=o.div`
+`,Ye=o.div`
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,Mr=o.div``,Or=o.div``,Er=o(k)`
+`,Er=o.div``,Or=o.div``,Wr=o(k)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   margin-top: -${r.sp1};
-`,Ye=o.div`
+`,Je=o.div`
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,Ge=o.div`
+`,Qe=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Qe=o.div`
+`,Ge=o.div`
   display: flex;
   flex-direction: column;
   margin-left: ${e=>e.cardUser?r.sp0:r.sp7};
@@ -422,7 +422,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   flex-direction: column;
   align-items: flex-end;
   position: relative;
-`,Wr=o.div`
+`,Mr=o.div`
   margin-bottom: 6px;
 `,Ze=o(k)`
   color: ${e=>e.theme.colors.hero};
@@ -457,13 +457,13 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,qr=o.div`
+`,Br=o.div`
   position: absolute;
   right: -${r.sp2};
   top: ${r.sp2};
-`,Br=o.div`
+`,qr=o.div`
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Jr=o(k)`
+`,Xr=o(k)`
   height: ${r.sp6};
   display: flex;
   align-items: center;
@@ -473,7 +473,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   :hover {
     background-color: ${e=>e.theme.colors.background};
   }
-`,Xr=o.div`
+`,Yr=o.div`
   display: flex;
   align-items: end;
   flex-direction: column;
@@ -486,7 +486,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,X={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:E},common:J}=_.getLocalizedStrings(),Yr=66,Gr=64,Qr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=V(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[Y,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{$!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{Y===!0&&setTimeout(()=>{pe(!1)},800)},[Y]);const xe=()=>v!=="small"?vi:ci?Ci:yi,mi=e.length*xe()+Yr+Gr,ge=window.innerHeight-Qr,xi=mi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:E.cardList.getStarted,message:R!==""?E.cardList.noDataWithFilterText:E.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(xo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:E.aiCardAgentText}),J.strings.space,E.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wo,{children:$}),Y===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||Y,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:q=>io(q,t,K,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:q=>e[q].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:q=>i.jsx(ro,{...q,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mo,{children:n})]})});ai.displayName=E.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=V()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},to=o(Di)`
+`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:W},common:X}=V.getLocalizedStrings(),Jr=66,Qr=64,Gr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:x,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:$,debitAccountInformation:S,depositAccountListWithDebitCardIssued:m,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:f,searchText:R,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=_(),di=ee(),li=$i().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=fi(),[J,pe]=C.useState(!1),[ie,xe]=C.useState(!1),pi=()=>{f!=null&&((!h||x.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||m.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",f,u,$,S),hi(f),pe(!0))};C.useEffect(()=>{J===!0&&setTimeout(()=>{pe(!1)},800)},[J]);const me=()=>v!=="small"?vi:ci?Ci:yi,xi=e.length*me()+Jr+Qr,ge=window.innerHeight-Gr,mi=xi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:X.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:W.cardList.getStarted,message:R!==""?W.cardList.noDataWithFilterText:W.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[f!=null?i.jsxs(mo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:W.aiCardAgentText}),X.strings.space,W.receiptBotMessage,X.strings.space]}),i.jsxs(fo,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>xe(!0),onMouseLeave:()=>xe(!1),children:[i.jsx(wo,{children:f}),J===!0?i.jsxs(Re,{children:[i.jsx($o,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||J,color:y.primaryDark,children:X.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:X.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:mi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:B=>io(B,t,K,j,g),itemSize:me,estimatedItemSize:Ii,itemKey:B=>e[B].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:B=>i.jsx(ro,{...B,resendInviteId:E,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:x,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(xo,{children:n})]})});ai.displayName=W.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:x,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,onChargeCardRowClick:m,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f,controllerEmails:R,creditAccountRepayment:E,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:$,productInformation:S,creditAccount:v,creditAccountRepayment:E,depositAccountListWithDebitCardIssued:I,showViewForCardUser:x,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:m,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:f}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x,onChargeCardRowClick:c})=>{const w=_()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x})},to=o(Di)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
 `,so=o.div`
@@ -526,7 +526,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   ${({isListTooLarge:e,windowSize:t})=>(e||t==="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: ${X.lastListItemHeight.valuePx(t)} !important;
+      height: ${Y.lastListItemHeight.valuePx(t)} !important;
       padding-bottom: ${r.sp9};
     }
   `}
@@ -535,11 +535,11 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   left: ${r.sp0};
   padding-bottom: ${r.sp3};
   box-sizing: border-box;
-`,mo=o.div`
+`,xo=o.div`
   position: relative;
   width: auto;
   height: 100%;
-`,ni=o.div``,xo=o.div`
+`,ni=o.div``,mo=o.div`
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,
@@ -550,7 +550,7 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${r.sp1};
   margin: 0
-    ${e=>X.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
+    ${e=>Y.bannerWrapperMarginLeftRight.valuePx(e.windowSize)};
 `,go=o(Pi)`
   color: ${e=>e.theme.colors.primary};
 `,wo=o(Ui)`
@@ -563,11 +563,11 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,fo=o(Ni)`
+`,$o=o(Ni)`
   height: ${r.sp3};
   width: ${r.sp3};
   color: ${y.success};
-`,$o=o.span`
+`,fo=o.span`
   cursor: pointer;
 `,Le=o.span`
   position: absolute;
@@ -588,9 +588,9 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
   left: -50%;
   display: ${e=>e.shouldDisplay?"block":"none"};
 `,vo=o.div`
-  width: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
-  min-width: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
-  height: ${e=>X.styledAIIconContainerSize.valuePx(e.windowSize)};
+  width: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
+  min-width: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
+  height: ${e=>Y.styledAIIconContainerSize.valuePx(e.windowSize)};
   top: ${r.sp1};
   position: ${e=>e.windowSize==="small"?"relative":"static"};
 `,Co=o(Ri)`
@@ -600,4 +600,4 @@ import{j as i,X as V,w as ee,d2 as fi,u as de,fc as $i,i7 as vi,i8 as Ci,i9 as y
 `,yo=o.div`
   width: 100%;
   max-width: ${e=>e.windowSize==="small"?"calc(100% - 20px)":"unset"};
-`;export{Lo as M};
+`;export{Lo as E};