@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/{ChargeCardListPage-B9O5pzNX-D8EvLErv.js → ChargeCardListPage-tdUKyHdz-DaeStUfM.js}

@@ -1,4 +1,4 @@
-import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,bE as ar,gb as rr,fm as ie,w as D,bV as nt,p,aQ as me,ac as V,a_ as st,b as Fe,x as G,ak as q,c as ir,M as or,d0 as nr,au as aa,bM as sr,b1 as ct,aV as dr,ao as lt,aa as cr,g$ as lr,ey as ur,aq as hr,ae as mr,gh as pr,a as Nt,u as _,da as ra,as as Cr,an as gr,e as br,c$ as fr,bx as xr,bX as yr}from"./index-D0RCZvbR.js";import{a as l}from"./sentry-D6_R-0PO.js";import{n as r,c as ut,k as Sr}from"./mui-CWpKo4a_.js";import{Fy as wr,GX as kr,bh as zt,bL as $r,bZ as Ir}from"./zeni-epic-state-CQm7BABf.js";import{t as vr}from"./SpendManagementSection-fQq7rBRb-B6t2uSf8.js";import{A as oe,r as jr,i as Ar}from"./ChargeCardListTable-BzxR1456-I7z_YYot.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-CB2uJfB7-CBexbuVE.js";import{N as Pr,J as Er}from"./PromoBaseCards-CN21NM41-DhBLPQmY.js";import{z as Ot,N as _t,k as Fr,P as Tr}from"./LockCardPage-C9qzP7dO-D1jjqQ7s.js";import{r as Mr,i as Dr}from"./graphic-no-data-net-burn-l-CzmycA0m-Rpwe6ATQ.js";import{t as Rr,o as Br}from"./arrow-south-east-round-PEovUgvH-aoBvaeWN.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.js";import"./RoleWithToolTip-5cp6EPl_-BFxPWWfA.js";import"./CardNumberSubText-C-RZAUkR-Be1AIDeL.js";import"./NavigationDots-BrrmV8fC-C-pOglim.js";import"./usp-line-BBd1wKwW-C1nI6oW7.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]="c01c6537-e402-46e1-a47c-166beb1a9bd7",e._sentryDebugIdIdentifier="sentry-dbid-c01c6537-e402-46e1-a47c-166beb1a9bd7")}catch{}})();const ht={infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Ee(),L=$!==void 0,H=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:L,children:[t.jsxs(na,{children:[L?t.jsx(Ur,{children:H}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),L?null:t.jsx(Kr,{children:n})]}),!L&&t.jsxs(qr,{children:[t.jsx(Jr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Yr,{})]}),U!=null&&L?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Qr,{isStatusMode:L,children:t.jsx(Er,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Ee();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Hr,{children:t.jsx(Gr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Pe.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Pe.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
+import{a9 as Za,aS as z,ax as er,fY as tr,iS as W,J as Pe,o as a,d as ta,V as t,bE as ar,ga as rr,fl as ie,b as D,bV as nt,p,aP as me,aR as V,a_ as st,F as Fe,y as H,aj as Y,H as ir,a as or,c$ as nr,at as aa,bM as sr,b1 as ct,aV as dr,an as lt,aa as cr,gW as lr,ex as ur,ap as hr,ad as mr,gg as pr,i as Nt,u as _,d9 as ra,ar as Cr,am as gr,R as br,c_ as fr,bx as xr,bX as yr}from"./index-ByXRm0Fj.js";import{a as l}from"./sentry-BfjekFHA.js";import{n as r,c as ut,k as Sr}from"./mui-BtuxyOQU.js";import{EP as wr,Gc as kr,bh as zt,bL as $r,bP as Ir}from"./zeni-epic-state-x1SruN8b.js";import{t as vr}from"./SpendManagementSection-D8rBpC-y-wjuhm2Gv.js";import{D as oe,r as jr,i as Ar}from"./ChargeCardListTable-CByk3iqX-BP_2jTx-.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-C4cgx2gm-EwMGXlYV.js";import{N as Er,J as Pr}from"./PromoBaseCards-D2UbhBhT-DISJBAGU.js";import{z as Ot,L as _t,k as Fr,P as Tr}from"./LockCardPage-CHv1xi2J-mFvWtqsS.js";import{r as Mr,i as Dr}from"./graphic-no-data-net-burn-l-CzmycA0m-QJP23LBP.js";import{t as Rr,o as Br}from"./arrow-south-east-round-PEovUgvH-Cl5bzAze.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";import"./RoleWithToolTip-DhBFvJea-vHmZXp6q.js";import"./CardNumberSubText-C-oVdziK-DnaANIDf.js";import"./NavigationDots-BQb_Fodq-CVrmLvYQ.js";import"./usp-line-BBd1wKwW-CdIO-gTm.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]="4f5048a3-42e2-48b2-9b4a-aa0234391091",e._sentryDebugIdIdentifier="sentry-dbid-4f5048a3-42e2-48b2-9b4a-aa0234391091")}catch{}})();const ht={infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ee=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,Ut=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const B=Pe(),L=$!==void 0,G=$==="rejected"?Ee.status.requestRejected:$==="under_review"?Ee.status.requestUnderReview:"";return t.jsxs(zr,{windowSize:B,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ia,{isStatusMode:L,children:[t.jsxs(na,{children:[L?t.jsx(Ur,{children:G}):t.jsx(oa,{children:u}),t.jsx(Wr,{children:d}),L?null:t.jsx(Jr,{children:n})]}),!L&&t.jsxs(Yr,{children:[t.jsx(qr,{}),m.length>0&&t.jsx(dt,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(sa,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Vr,{status:$,children:U}):null]}),t.jsx(Qr,{isStatusMode:L,children:t.jsx(Er,{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})})]})},Vt=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Or,{windowSize:m,cardType:e,children:t.jsxs(_r,{children:[t.jsxs(na,{children:[t.jsx(oa,{children:c}),t.jsx(Gr,{children:t.jsx(Hr,{children:u})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(ei,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(sa,{children:Ee.createNow}),t.jsx(ti,{})]})})]}),e==="creditCard"?t.jsxs(ai,{children:[t.jsx(ri,{children:Ee.creditLimit}),t.jsx(ii,{children:d})]}):null]})})},Nr=e=>{const c=e-1;let u=`
     0% {
       transform: translateY(0);
     }
@@ -76,26 +76,26 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
 `,Ur=r(ra)`
   color: ${e=>e.theme.colors.brandColorGold};
   text-transform: uppercase;
-`,Vr=r(q)`
+`,Vr=r(Y)`
   color: ${p.neutralGrey5Light};
   max-width: ${e=>e.status==="rejected"?"188px":"200px"};
 `,Wr=r(br)`
   color: ${e=>e.theme.colors.brandColorJade};
-`,Gr=r(Cr)`
+`,Hr=r(Cr)`
   color: ${p.neutralGrey5Light};
   white-space: pre-line;
-`,Hr=r.div`
+`,Gr=r.div`
   width: auto;
   text-align: left;
-`,Kr=r(q)`
+`,Jr=r(Y)`
   color: ${e=>e.theme.colors.brandColorJade};
-`,qr=r.div`
+`,Yr=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp2};
   height: 21px;
   overflow: hidden;
-`,dt=r(q)`
+`,dt=r(Y)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -111,21 +111,21 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,Jr=r(fr)`
+`,qr=r(fr)`
   width: ${a.sp3};
   height: ${a.sp3};
   color: ${p.success};
   border-radius: 50%;
-`,Yr=r(xr)`
+`,Kr=r(xr)`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e=>e.theme.colors.brandColorJade};
   margin-left: ${a.sp3};
-`,Xr=r.div`
+`,Qr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp5:a.sp2};
   right: -29px;
-`,Qr=r.div`
+`,Xr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
   right: -46px;
@@ -155,7 +155,7 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   color: ${p.neutralGrey5Light};
 `,ii=r(gr)`
   color: ${p.neutralGrey5Light};
-`,he="spendLimit",K=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function oi({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:$,onSubmitClick:U}){const B=Ee(),L="SpendLimitForm",H=cr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=H,[Te,Me]=l.useState(void 0),y=lr({control:ne,name:he}),De=()=>{$()},Re=H.handleSubmit(()=>{const w=H.getValues(he);w!=null&&U(w)}),S=ur(se,he),I=Fe.getLocalizedStrings().common,P=Le.largeLabelWidth.value(B);return l.useEffect(()=>{Me(ni(e,c,u,d,n,y))},[y,e,d,n,c,u]),t.jsx(si,{windowSize:B,role:"presentation",children:t.jsx(hr,{onClickAway:()=>$(),children:t.jsxs(di,{windowSize:B,children:[t.jsx(mr,{...H,children:t.jsxs(pi,{id:L,onSubmit:w=>{w.preventDefault(),Re()},children:[t.jsx(ci,{windowSize:B,children:K.heading}),t.jsx(mi,{hasError:S,children:t.jsx(pr,{label:{label:K.newLimit,width:P},showAdditionalInfoLabel:S,additionalInfoLabel:Te,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:K.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const J=Math.min(n.amount,d.amount);if(w>J)return!1}else if(u&&n!=null&&w>n.amount||c&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(hi,{children:t.jsxs(li,{children:[t.jsx(Nt,{label:I.cancel,onClick:De,style:{width:84}}),t.jsx(ui,{}),t.jsx(Nt,{variant:"primary",label:I.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ni=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return K.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const $=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return K.maxLimitForCardTypeError.replace("_card_type_",$).replace("_amount_",me("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return K.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return K.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Le={width:new G(343,500,500),largeLabelWidth:new G(108,108,108),popupLeftRightPadding:new G(_[5],_[6]),popupTopBottomPadding:new G(_[5],_[5])},si=r.div`
+`,he="spendLimit",J=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function oi({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:$,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=cr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=G,[Te,Me]=l.useState(void 0),y=lr({control:ne,name:he}),De=()=>{$()},Re=G.handleSubmit(()=>{const w=G.getValues(he);w!=null&&U(w)}),S=ur(se,he),I=Fe.getLocalizedStrings().common,E=Le.largeLabelWidth.value(B);return l.useEffect(()=>{Me(ni(e,c,u,d,n,y))},[y,e,d,n,c,u]),t.jsx(si,{windowSize:B,role:"presentation",children:t.jsx(hr,{onClickAway:()=>$(),children:t.jsxs(di,{windowSize:B,children:[t.jsx(mr,{...G,children:t.jsxs(pi,{id:L,onSubmit:w=>{w.preventDefault(),Re()},children:[t.jsx(ci,{windowSize:B,children:J.heading}),t.jsx(mi,{hasError:S,children:t.jsx(pr,{label:{label:J.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Te,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>{if(!w||w<=0||w<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const q=Math.min(n.amount,d.amount);if(w>q)return!1}else if(u&&n!=null&&w>n.amount||c&&d!=null&&w>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(hi,{children:t.jsxs(li,{children:[t.jsx(Nt,{label:I.cancel,onClick:De,style:{width:84}}),t.jsx(ui,{}),t.jsx(Nt,{variant:"primary",label:I.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ni=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return J.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const $=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return J.maxLimitForCardTypeError.replace("_card_type_",$).replace("_amount_",me("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return J.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return J.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Le={width:new H(343,500,500),largeLabelWidth:new H(108,108,108),popupLeftRightPadding:new H(_[5],_[6]),popupTopBottomPadding:new H(_[5],_[5])},si=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   }
 `,pi=r.form`
   display: contents;
-`,pe={contentContainerMargin:new G(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},Ci={remainingText:new ir("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:x,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Fe.getLocalizedStrings(),po=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:$,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:H,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:y,isCompanyInterestedInChargeCard:De,isCreditCardProductVisibleForExpressInterest:Re,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:P,companyChargeCardInfoCreditAccountLimit:w,controllerEmails:J,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:N,chargeCardCashbackDetailState:v,uiState:la,signedInUser:Be,creditLimit:Ce,cashbackRate:Ne,onSearchTextChanged:ua,navigateToCreditCardPaymentHistoryPage:ha,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:de,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:ba,onChargeCardResendInviteClick:fa,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:xa,onBackClick:ya,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Oe,onSetBulkActionCardIds:j})=>{const be=Za().analytics,[ft,va]=l.useState(!1),[_e,fe]=l.useState(!1),[Ue,xe]=l.useState(!1),[ja,Y]=l.useState(!1),[Aa,X]=l.useState(!1),[La,ye]=l.useState(!1),[Ve,We]=l.useState(!1),[Ge,He]=l.useState(!1),[Ke,xt]=l.useState(void 0),Pa=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,E=l.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),T=h.chargeCards,Ea=l.useMemo(()=>T.length===0?void 0:T.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,T[0]).balance,[T]),Fa=l.useMemo(()=>{const i=T.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>N.depositAccounts.find(re=>re.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,re)=>re.amount<f.amount?re:f)},[T,N.depositAccounts]),yt=z(e.unlockChargeCardsFetchState.fetchState),St=z(e.revokeChargeCardsInviteFetchState.fetchState),wt=z(e.lockChargeCardsFetchState.fetchState),kt=z(e.closeChargeCardsFetchState.fetchState),$t=z(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=yt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",re=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Qa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(Y(!1),j([])),re&&(X(!1),j([])),Qa&&(ye(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,yt,St,wt,kt,$t,j]);const Q=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=z(Q),qe=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=z(qe),Je=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=z(Je),Ye=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=z(Ye),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=z(Xe),Z=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Pt=z(Z);l.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&Q==="Completed"?E():o.cardId!=null&&vt==="In-Progress"&&qe==="Completed"?(He(!1),E()):o.cardId!=null&&jt==="In-Progress"&&Je==="Completed"?(We(!1),E()):o.cardId!=null&&At==="In-Progress"&&Ye==="Completed"?(fe(!1),E()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(xe(!1),E()):o.cardId!=null&&Pt==="In-Progress"&&Z==="Completed"&&E()},[o.cardId,Q,qe,Je,Ye,Xe,Z,It,jt,vt,At,Lt,Pt,E]);const Ta=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),X(!0);break;case"lock":n(h.bulkActionCardIds),Y(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":ye(!0);break;case"revoke_invite":mt(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,mt,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Ke===void 0||o.cardId===void 0||C===void 0))switch(Ke){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:Q!=="In-Progress"&&Q!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:Ge||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),He(!0));break}},[Ke,o.cardId,Ge,Ve,Ue,_e,Q,Z,n,m,Ct,pt]);const Qe=er(),ee=!!Qe.loggedInUserRole.includes("charge_card_user"),Se=tr(Qe),k=wr(Qe.loggedInUserRoleMap),te=l.useMemo(()=>k===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:W(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:W(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:W(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=l.useMemo(()=>y&&P&&k===!0?{creditAccountId:g.id,creditAccountLimit:W(g.limit.amount),creditAccountAvailableAmount:W(g.available.amount),creditAccountSpentAmount:W(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:W(A.remainingAmountDue.amount)}:void 0,[y,P,k,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=l.useMemo(()=>S&&I?{debitAccountId:N.depositAccounts.map(i=>i.id),debitAccountName:N.depositAccounts.map(i=>i.accountName),debitAccountBalance:N.depositAccounts.map(i=>W(i.accountBalance.available.amount)),debitCardsSpend:W(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:N.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,I,N.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:y,isDebitCardOffered:S,isDebitCardEnabled:I,isCreditCardEnabled:P},Ma=i=>{va(i),i===!0&&(be.trackCardsListPageClicked("search"),(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListSearchClick(J,$e,te,we,ke))},M=Ee(),Et=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ze=Math.round(ce.amount*100/e.creditAccount.limit.amount),Da=isNaN(Ze)?0:Ft!==0&&Ze===0?1:Ze,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&ce.amount>Me*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?O.newBtnLabel:R.strings.empty,hideSearchBtn:ee,searchTextBoxStyle:{right:Et?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Et?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!ee,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:y&&P,showPayEarlyButtonOnNavbar:de&&k&&ce.amount>0&&!ue&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&y&&P,onClickPaymentHistoryIcon:ha,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Ma,onSearchTextChanged:ua,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:xa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListMoreMenuClick(J,$e,te,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ba=t.jsx(vr,{spendManagementSectionProps:Ra}),Na=e.cards.length===0?!1:ee&&kr(e.cards),za=e.fetchState==="Completed"?ki({isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:P,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Oa=y&&P&&e.hasCreditCard,_a=S&&I&&e.hasDebitCard,Ua=y&&P&&Se&&!k,Va=S&&I&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,tt=[x.payNow,ve>0&&ve<11?`${x.billDueIn} ${ve} ${ve===1?R.timeStrings.day:R.timeStrings.days}`:x.creditLimitLow,x.payNow],at=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,Tt=A.paymentMethod==="ACH",rt=[x.paymentInitiated,`${O.header.limit} ${at?R.resets:R.updates} ${R.by} ${$r(Ir(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],Tt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,x.paymentInitiated],it=l.useRef(null),ot=l.useRef(null),Wa=ta(),[Ga,Mt]=l.useState(!0);l.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(M==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=it.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[M]);const Ha=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Ka=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(h.bulkActionCardIds,s)},Ja=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},ae=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ya=l.useCallback(()=>{n(h.bulkActionCardIds),Y(!0)},[h.bulkActionCardIds,n]),Xa=l.useCallback(()=>{n(h.bulkActionCardIds),X(!0)},[h.bulkActionCardIds,n]),Dt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(Y(!1),X(!1))},[h.bulkActionCardIds,j]),Rt=De&&w===0,Bt=w===-1;return t.jsxs(Ei,{ref:it,children:[t.jsx(ar,{title:za,showBackButton:!0,showMenuIcon:M==="medium-compact"||M==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:ya,rightSideComponent:Ba,isSearchOpen:ft,hideSearchBtn:ee,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Wa.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(rr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ee?null:t.jsxs(Fi,{windowSize:M,children:[Oa||Ua?t.jsxs(qt,{windowSize:M,"data-testid":V("credit-card-spend-bar-container"),children:[t.jsxs(Qt,{children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Yt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(ji,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(zi,{children:t.jsx(Oi,{style:{width:`${Da}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Si,{children:x.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:M,children:R.texts.remaining}),t.jsx(wi,{children:t.jsx(yi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Xt,{windowSize:M,children:R.texts.remaining})]})]}),t.jsxs(Ai,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`}),k&&de&&(ue?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs($i,{children:[t.jsx(Kt,{children:`${x.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${x.madeOn} `}),t.jsx(Ii,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Kt,{children:Tt?at?x.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:x.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?x.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:x.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Wt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(bi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(xi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:x.creditLimitIsLow,description:x.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:x.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ga,children:t.jsxs(Wt,{ref:ot,onClick:()=>{ze(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(gi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Gt,{})]})}):ce.amount>0?t.jsxs(fi,{onClick:()=>ge("Text Button","Pay Early"),children:[x.payEarly,t.jsx(Gt,{})]}):null)]})]}):y&&P?t.jsx(Vt,{cardType:"creditCard","data-testid":V("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):Re?t.jsx(Ut,{cardPromoType:"credit","data-testid":V("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Ht("credit",Ne,{amount:w,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Rt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Rt?b.listPage.status.underReviewMessage:void 0}):null,_a||Va?t.jsxs(qt,{windowSize:M,"data-testid":V("debit-spend-bar-container"),children:[t.jsxs(Qt,{children:[t.jsx(Zt,{children:t.jsxs(ea,{children:[t.jsx(Yt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Mi,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Ri,{}):t.jsx(Bi,{}),t.jsx(Di,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:O.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`})})]}):S&&I?t.jsx(Vt,{cardType:"debitCard","data-testid":V("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(Ut,{cardPromoType:"debit","data-testid":V("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Ht("debit",Ne),onClick:gt}):null,t.jsxs(Ti,{windowSize:M,"data-testid":V("credit-spend-info-container"),children:[Te?t.jsxs(vi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Pi,{windowSize:M,children:t.jsxs(Ni,{windowSize:M,onClick:wa,"data-testid":V("total-cashback-info"),children:[t.jsx(Li,{children:O.overview}),t.jsx(_i,{})]})}):null]}):null,t.jsx(Vi,{children:t.jsx(Wi,{})})]})]}),e.cards.length===0&&ee===!0||Na?t.jsx(Ui,{children:t.jsx(Lr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Ne})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ha,onDismissClick:()=>{xe(!1),E()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ka,onDismissClick:()=>{fe(!1),E()},onRemoveCardClick:()=>{}}),Aa&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{X(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{X(!1),j([])},onRemoveCardClick:Dt}),ja&&h.bulkActionCardIds.length>0&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{Y(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{Y(!1),j([])},onRemoveCardClick:Dt}),Ve&&o.cardId!=null&&C&&t.jsx(Fr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),E()},onSubmitClick:i=>{o.cardId!=null&&ba(o.cardId,i)}}),Ge&&o.cardId!=null&&C&&t.jsx(Tr,{controllerEmails:J,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:P,productInformation:$e,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{He(!1),E()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),La&&T.length>0&&t.jsx(oi,{currentSpentAmount:Ea??{amount:0,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Be,isDisabled:h.hasDebitCards&&N.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{ye(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol};H(h.bulkActionCardIds,s,T[0].creditLimitFrequency)}}),t.jsx(jr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Pa,bulkSubmissionLimit:Ar,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Ta,onBulkLockClick:Ya,onBulkCloseClick:Xa,setShowBulkChangeSpendLimitPopup:ye,depositAccountListWithDebitCardIssued:N,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:J,isChargeCardFeatureEnabled:y,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:P,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:fa,rowActionView:o})]})]})]})},gi=r(aa)`
+`,pe={contentContainerMargin:new H(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new H(_[0],_[0]),cardsMinWidth:new H(343,353)},Ci={remainingText:new ir("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:x,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Fe.getLocalizedStrings(),po=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:$,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:y,isCompanyInterestedInChargeCard:De,isCreditCardProductVisibleForExpressInterest:Re,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:w,controllerEmails:q,onRevokeChargeCardList:mt,depositAccountListWithDebitCardIssued:N,chargeCardCashbackDetailState:v,uiState:la,signedInUser:Be,creditLimit:Ce,cashbackRate:Ne,onSearchTextChanged:ua,navigateToCreditCardPaymentHistoryPage:ha,onClickSetupIcon:ma,isChargeCardPaymentHistoryFeatureEnabled:pa,isEarlyPayEnabled:de,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:ba,onChargeCardResendInviteClick:fa,onChargeCardRevokeInviteClick:pt,onUnlockChargeCard:Ct,onIssueCardClick:xa,onBackClick:ya,onReloadCards:Sa,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:$a,onPromoCardClick:gt,onCreateNowClick:bt,showPayNowInfoTooltip:Ia,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Oe,onSetBulkActionCardIds:j})=>{const be=Za().analytics,[ft,va]=l.useState(!1),[_e,fe]=l.useState(!1),[Ue,xe]=l.useState(!1),[ja,K]=l.useState(!1),[Aa,Q]=l.useState(!1),[La,ye]=l.useState(!1),[Ve,We]=l.useState(!1),[He,Ge]=l.useState(!1),[Je,xt]=l.useState(void 0),Ea=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=l.useCallback(()=>{Oe(void 0),xt(void 0)},[Oe]),T=h.chargeCards,Pa=l.useMemo(()=>T.length===0?void 0:T.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,T[0]).balance,[T]),Fa=l.useMemo(()=>{const i=T.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>N.depositAccounts.find(re=>re.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,re)=>re.amount<f.amount?re:f)},[T,N.depositAccounts]),yt=z(e.unlockChargeCardsFetchState.fetchState),St=z(e.revokeChargeCardsInviteFetchState.fetchState),wt=z(e.lockChargeCardsFetchState.fetchState),kt=z(e.closeChargeCardsFetchState.fetchState),$t=z(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=yt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=wt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",re=kt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Xa=$t==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),re&&(Q(!1),j([])),Xa&&(ye(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,yt,St,wt,kt,$t,j]);const X=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,It=z(X),Ye=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,vt=z(Ye),qe=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=z(qe),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,At=z(Ke),Qe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=z(Qe),Z=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,Et=z(Z);l.useEffect(()=>{o.cardId!=null&&It==="In-Progress"&&X==="Completed"?P():o.cardId!=null&&vt==="In-Progress"&&Ye==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&qe==="Completed"?(We(!1),P()):o.cardId!=null&&At==="In-Progress"&&Ke==="Completed"?(fe(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Qe==="Completed"?(xe(!1),P()):o.cardId!=null&&Et==="In-Progress"&&Z==="Completed"&&P()},[o.cardId,X,Ye,qe,Ke,Qe,Z,It,jt,vt,At,Lt,Et,P]);const Ta=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),Q(!0);break;case"lock":n(h.bulkActionCardIds),K(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":ye(!0);break;case"revoke_invite":mt(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,mt,L]),C=o.chargeCard;l.useEffect(()=>{if(!(Je===void 0||o.cardId===void 0||C===void 0))switch(Je){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:X!=="In-Progress"&&X!=="Completed"&&Ct(o.cardId);break;case oe.REVOKE_INVITE:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:He||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Je,o.cardId,He,Ve,Ue,_e,X,Z,n,m,Ct,pt]);const Xe=er(),ee=!!Xe.loggedInUserRole.includes("charge_card_user"),Se=tr(Xe),k=wr(Xe.loggedInUserRoleMap),te=l.useMemo(()=>k===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:W(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:W(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:W(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[k,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=l.useMemo(()=>y&&E&&k===!0?{creditAccountId:g.id,creditAccountLimit:W(g.limit.amount),creditAccountAvailableAmount:W(g.available.amount),creditAccountSpentAmount:W(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:W(A.remainingAmountDue.amount)}:void 0,[y,E,k,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),ke=l.useMemo(()=>S&&I?{debitAccountId:N.depositAccounts.map(i=>i.id),debitAccountName:N.depositAccounts.map(i=>i.accountName),debitAccountBalance:N.depositAccounts.map(i=>W(i.accountBalance.available.amount)),debitCardsSpend:W(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:N.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,I,N.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:y,isDebitCardOffered:S,isDebitCardEnabled:I,isCreditCardEnabled:E},Ma=i=>{va(i),i===!0&&(be.trackCardsListPageClicked("search"),(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListSearchClick(q,$e,te,we,ke))},M=Pe(),Pt=Se&&!k,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ze=Math.round(ce.amount*100/e.creditAccount.limit.amount),Da=isNaN(Ze)?0:Ft!==0&&Ze===0?1:Ze,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=k&&ce.amount>Me*e.creditAccount.limit.amount/100,ue=le!=null&&A.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:k,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:k?O.newBtnLabel:R.strings.empty,hideSearchBtn:ee,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:ft,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!ee,showSettingsIconOnNavbar:k,showStatementButtonOnNavbar:y&&E,showPayEarlyButtonOnNavbar:de&&k&&ce.amount>0&&!ue&&!et,showPaymentHistoryButtonOnNavbar:k&&pa&&y&&E,onClickPaymentHistoryIcon:ha,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Ma,onSearchTextChanged:ua,onClickSetupIcon:ma,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:xa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!y||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListMoreMenuClick(q,$e,te,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ba=t.jsx(vr,{spendManagementSectionProps:Ra}),Na=e.cards.length===0?!1:ee&&kr(e.cards),za=e.fetchState==="Completed"?ki({isChargeCardFeatureEnabled:y,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Oa=y&&E&&e.hasCreditCard,_a=S&&I&&e.hasDebitCard,Ua=y&&E&&Se&&!k,Va=S&&I&&Se&&!k,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,tt=[x.payNow,ve>0&&ve<11?`${x.billDueIn} ${ve} ${ve===1?R.timeStrings.day:R.timeStrings.days}`:x.creditLimitLow,x.payNow],at=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,Tt=A.paymentMethod==="ACH",rt=[x.paymentInitiated,`${O.header.limit} ${at?R.resets:R.updates} ${R.by} ${$r(Ir(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],Tt?3:1).toDateString()).format(je.visual.MMMDFormat)}`,x.paymentInitiated],it=l.useRef(null),ot=l.useRef(null),Wa=ta(),[Ha,Mt]=l.useState(!0);l.useEffect(()=>{const i=()=>{ot.current&&(ot.current.getBoundingClientRect().top<(M==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=it.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[M]);const Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Ja=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(h.bulkActionCardIds,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(h.bulkActionCardIds,s)},ae=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ka=l.useCallback(()=>{n(h.bulkActionCardIds),K(!0)},[h.bulkActionCardIds,n]),Qa=l.useCallback(()=>{n(h.bulkActionCardIds),Q(!0)},[h.bulkActionCardIds,n]),Dt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),Q(!1))},[h.bulkActionCardIds,j]),Rt=De&&w===0,Bt=w===-1;return t.jsxs(Pi,{ref:it,children:[t.jsx(ar,{title:za,showBackButton:!0,showMenuIcon:M==="medium-compact"||M==="small",onClickMenuIcon:$a,style:{zIndex:3},onBackClick:ya,rightSideComponent:Ba,isSearchOpen:ft,hideSearchBtn:ee,scrollableContent:it,source:"ChargeCardListPage",backgroundColor:Wa.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(rr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ee?null:t.jsxs(Fi,{windowSize:M,children:[Oa||Ua?t.jsxs(Yt,{windowSize:M,"data-testid":V("credit-card-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsxs(Zt,{children:[t.jsxs(ea,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(ji,{children:[t.jsx(Ae,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(zi,{children:t.jsx(Oi,{style:{width:`${Da}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(nt,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Si,{children:x.creditLimitIsRunningLow}),children:t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:M,children:R.texts.remaining}),t.jsx(wi,{children:t.jsx(yi,{})})]})}):t.jsxs(qt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:M,children:R.texts.remaining})]})]}),t.jsxs(Ai,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`}),k&&de&&(ue?t.jsx("div",{children:t.jsx(nt,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs($i,{children:[t.jsx(Jt,{children:`${x.paymentOf} ${me("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${x.madeOn} `}),t.jsx(Ii,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Jt,{children:Tt?at?x.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:x.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays:at?x.isProcessingAndWillResetTheCreditLimitIn1BusinessDay:x.isProcessingAndWillUpdateTheCreditLimitIn1BusinessDay})]}),placement:"bottom",children:t.jsxs(Wt,{hasPointer:!1,children:[rt.length>0&&t.jsx(dt,{slideUpCount:rt.length,style:{alignItems:"flex-end",width:"auto"},children:rt.map((i,s)=>t.jsx(bi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(xi,{})]})})}):et?t.jsx(nt,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:x.creditLimitIsLow,description:x.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:x.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:Ia&&Ha,children:t.jsxs(Wt,{ref:ot,onClick:()=>{ze(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(dt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(gi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Ht,{})]})}):ce.amount>0?t.jsxs(fi,{onClick:()=>ge("Text Button","Pay Early"),children:[x.payEarly,t.jsx(Ht,{})]}):null)]})]}):y&&E?t.jsx(Vt,{cardType:"creditCard","data-testid":V("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:st("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:bt}):Re?t.jsx(Ut,{cardPromoType:"credit","data-testid":V("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Ne,{amount:w,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:gt,status:Bt?"rejected":Rt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Rt?b.listPage.status.underReviewMessage:void 0}):null,_a||Va?t.jsxs(Yt,{windowSize:M,"data-testid":V("debit-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsx(Zt,{children:t.jsxs(ea,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Mi,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Ri,{}):t.jsx(Bi,{}),t.jsx(Di,{hasNegativeValue:Ie<0,children:st("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ca,{children:O.compareToLastMonth})]}):null})]}),t.jsx(da,{children:t.jsx(Ae,{children:`${R.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`})})]}):S&&I?t.jsx(Vt,{cardType:"debitCard","data-testid":V("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:bt}):S?t.jsx(Ut,{cardPromoType:"debit","data-testid":V("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Ne),onClick:gt}):null,t.jsxs(Ti,{windowSize:M,"data-testid":V("credit-spend-info-container"),children:[Te?t.jsxs(vi,{children:[t.jsx(Ae,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ei,{windowSize:M,children:t.jsxs(Ni,{windowSize:M,onClick:wa,"data-testid":V("total-cashback-info"),children:[t.jsx(Li,{children:O.overview}),t.jsx(_i,{})]})}):null]}):null,t.jsx(Vi,{children:t.jsx(Wi,{})})]})]}),e.cards.length===0&&ee===!0||Na?t.jsx(Ui,{children:t.jsx(Lr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Ne})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{xe(!1),P()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Aa&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Q(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{Q(!1),j([])},onRemoveCardClick:Dt}),ja&&h.bulkActionCardIds.length>0&&t.jsx(_t,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Dt}),Ve&&o.cardId!=null&&C&&t.jsx(Fr,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),P()},onSubmitClick:i=>{o.cardId!=null&&ba(o.cardId,i)}}),He&&o.cardId!=null&&C&&t.jsx(Tr,{controllerEmails:q,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,productInformation:$e,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Be,isDebitCard:C.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:C.limit,currentSpentAmount:C.balance,maxLimitAmount:C.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:g.limit,isDisabled:C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{Ge(!1),P()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),La&&T.length>0&&t.jsx(oi,{currentSpentAmount:Pa??{amount:0,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Fa,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Be,isDisabled:h.hasDebitCards&&N.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{ye(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol};G(h.bulkActionCardIds,s,T[0].creditLimitFrequency)}}),t.jsx(jr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:k,firstSelectedCardStatus:Ea,bulkSubmissionLimit:Ar,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Ta,onBulkLockClick:Ka,onBulkCloseClick:Qa,setShowBulkChangeSpendLimitPopup:ye,depositAccountListWithDebitCardIssued:N,setCardIdForRowAction:Oe,setActionTypeForRowAction:xt,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:q,isChargeCardFeatureEnabled:y,isCardControlsEnabled:se,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:Sa,onChargeCardRowClick:ga,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:la,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:fa,rowActionView:o})]})]})]})},gi=r(aa)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,bi=r(aa)`
@@ -219,13 +219,13 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   height: 21px;
   overflow: hidden;
   cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,fi=r(q)`
+`,fi=r(Y)`
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 2px;
-`,Gt=r(ct)`
+`,Ht=r(ct)`
   color: ${e=>e.theme.colors.primary};
   width: 12px;
   height: 12px;
@@ -237,7 +237,7 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Si=r(q)`
+`,Si=r(Y)`
   color: ${p.heroDark};
   white-space: pre-line;
   text-align: left;
@@ -245,9 +245,9 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   display: flex;
   align-items: center;
   justify-content: center;
-`,Ht=(e,c,u)=>{const d=(c*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),u&&u.amount!==0)return n[0]=n[0].replace("__creditLimit__",st("0,0",u.amount,u.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},ki=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:d})=>e&&c&&u&&d?O.title.cards:e&&c?O.title.credit:u&&d?O.title.debit:"",$i=r.div`
+`,Gt=(e,c,u)=>{const d=(c*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),u&&u.amount!==0)return n[0]=n[0].replace("__creditLimit__",st("0,0",u.amount,u.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},ki=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:d})=>e&&c&&u&&d?O.title.cards:e&&c?O.title.credit:u&&d?O.title.debit:"",$i=r.div`
   text-align: left;
-`,Kt=r.span``,Ii=r.span`
+`,Jt=r.span``,Ii=r.span`
   white-space: nowrap;
 `,vi=r.div`
   min-width: 137px;
@@ -270,14 +270,14 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   display: flex;
 `,Ai=r(da)`
   justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
-`,Li=r.div``,Pi=r.div`
+`,Li=r.div``,Ei=r.div`
   border: 1px solid ${e=>e.theme.colors.hero};
   border-radius: ${a.sp12};
   width: fit-content;
   justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
   margin-top: ${a.sp1};
   padding: ${a.sp0} ${a.sp2};
-`,Ei=r.div`
+`,Pi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -304,7 +304,7 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
       -ms-overflow-style: none;
       scrollbar-width: none;
     `}
-`,qt=r.div`
+`,Yt=r.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -337,17 +337,17 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   height: 188px;
   flex-grow: 1;
   flex-basis: 33.33%;
-`,Jt=r.div`
+`,qt=r.div`
   display: flex;
   align-items: baseline;
   gap: ${a.sp2};
   align-items: center;
-`,Yt=r(q)`
+`,Kt=r(Y)`
   color: ${e=>e.theme.colors.hero};
-`,Xt=r(or)`
+`,Qt=r(or)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${Ci.remainingText.style(e.windowSize)}`};
-`,Ae=r(q)`
+`,Ae=r(Y)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
 `,Mi=r.div`
@@ -399,7 +399,7 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
   display: flex;
   flex-direction: column;
   margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
-`,Qt=r.div`
+`,Xt=r.div`
   padding: ${a.sp4};
   padding-bottom: ${a.sp2};
 `,Zt=r.div`
@@ -409,4 +409,4 @@ import{a9 as Za,aS as z,ay as er,fZ as tr,iX as W,K as Ee,o as a,y as ta,V as t,
 `,ea=r.div``,Vi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Wi(){switch(ta().mode){case"light":return t.jsx(Dr,{});case"dark":default:return t.jsx(Mr,{})}}export{po as default,Ht as getPromoSlidingTextList};
+`;function Wi(){switch(ta().mode){case"light":return t.jsx(Dr,{});case"dark":default:return t.jsx(Mr,{})}}export{po as default,Gt as getPromoSlidingTextList};