@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/{ChargeCardListPage-Dgj-WWWI-w23hoUyI.js → ChargeCardListPage-Jhx05dVV-DjDdThgH.js}

@@ -1,8 +1,8 @@
-import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aL as he,aV as ot,aK as st,y as W,ag as J,B as tr,M as ar,cT as rr,as as ta,bI as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gL as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,u as _,d4 as aa,ap as hr,ak as mr,E as pr,cS as Cr,bt as gr,bS as br}from"./index-DcV3YN51.js";import{a as c}from"./core-3dlyNYRL.js";import{n as r,b as lt,k as fr}from"./mui-bYXq4XMS.js";import{Er as xr,FJ as Sr,bj as zt,bO as yr,bS as wr}from"./zeni-epic-state-BwKvATgd.js";import{K as kr}from"./SpendManagementSection-BqWbsmBW-DdAcoAqN.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-uJZKWoh7-C3O6hd1k.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-uqT96W3_-BnyG_G4H.js";import{N as vr,J as Lr}from"./PromoBaseCards-CI7UOpeY-B1evZov_.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-KTyESoXL-BEIak2Ih.js";import{r as Er,i as Fr}from"./graphic-no-data-net-burn-l-CzmycA0m-DcAe6xm4.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-7DsZUZDF.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./Menu-CGN2qO6T-C4Fa3L7f.js";import"./RoleWithToolTip-DSSGBzvw-LpQZuizj.js";import"./CardNumberSubText-W81SQ4GF-D9TP2ZHa.js";import"./NavigationDots-DyMqwpgy-JfxKvmss.js";import"./usp-line-BBd1wKwW-ClwDS-nj.js";const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Ee.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:m,onClick:E,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>E(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:h}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(Jr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(qr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Kr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:l}),t.jsx(Vr,{children:t.jsx(Ur,{children:h})}),t.jsx(Qr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Hr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const l=e-1;let h=`
+import{a7 as Za,aN as N,av as Ha,fP as Qa,iG as V,q as Pe,F as Fe,o as a,e as ea,V as t,bz as Xa,g1 as er,fc as re,b as D,bQ as it,p,aL as he,aV as ot,aK as st,y as W,ag as q,a as tr,B as ar,cT as rr,as as ta,bI as ir,aZ as dt,aQ as or,al as ct,a8 as nr,gL as sr,cW as dr,an as cr,ab as lr,g7 as ur,n as Bt,d as _,d4 as aa,ap as hr,ak as mr,D as pr,cS as Cr,bt as gr,bS as br}from"./index-BhteR_e0.js";import{a as c}from"./core-B-FNbYlu.js";import{n as r,b as lt,k as fr}from"./mui-DLNyBjYF.js";import{Er as xr,FJ as Sr,bj as zt,bO as yr,bS as wr}from"./zeni-epic-state-HWtMOH-U.js";import{K as kr}from"./SpendManagementSection-LzT-Bnhy-DcyEJGSm.js";import{D as ie,l as $r,r as Ir}from"./ChargeCardListTable-D-eYWaxh-CZeSVtIX.js";import{ChargeCardPromoUserContent as jr}from"./ChargeCardPromoPage-CzR82VtA-DoVVgv51.js";import{N as vr,J as Lr}from"./PromoBaseCards-CmOYEhSO-D3yPErwW.js";import{z as Nt,L as Ot,k as Ar,P as Pr}from"./LockCardPage-DqQGGac2-Bntrtxvn.js";import{r as Fr,i as Er}from"./graphic-no-data-net-burn-l-CzmycA0m-Bw4ambPw.js";import{t as Mr,o as Tr}from"./arrow-south-east-round-PEovUgvH-DFZl4BUT.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./Menu-D0jF6uaE-AMW53cTN.js";import"./RoleWithToolTip-B7woUKhj-CCCbdbHN.js";import"./CardNumberSubText-D_fWhc_K-BxJ3GoBc.js";import"./NavigationDots-BT-m0FmS-CJdtX5bS.js";import"./usp-line-BBd1wKwW-_aHpaGit.js";const ut={infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},Ae=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:l,header:h,title:d,subTitle:n,slidingTextList:m,onClick:F,status:k,statusMessage:U})=>{const B=Pe(),L=k!==void 0,G=k==="rejected"?Ae.status.requestRejected:k==="under_review"?Ae.status.requestUnderReview:"";return t.jsxs(Rr,{windowSize:B,cardPromoType:e,"data-testid":st("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(Nr,{children:G}):t.jsx(ia,{children:h}),t.jsx(_r,{children:d}),L?null:t.jsx(Wr,{children:n})]}),!L&&t.jsxs(Gr,{children:[t.jsx(Yr,{}),m.length>0&&t.jsx(nt,{slideUpCount:m.length,children:m.map((oe,ne)=>t.jsx(na,{children:oe},`card-promo-${ne.toString()}`))}),t.jsx(qr,{})]}),U!=null&&L?t.jsx(Or,{status:k,children:U}):null]}),t.jsx(Jr,{isStatusMode:L,children:t.jsx(vr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Kr,{isStatusMode:L,children:t.jsx(Lr,{cardPromoType:e,cardText:l,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:l,title:h,creditLimit:d,onCreateNowClick:n})=>{const m=Pe();return t.jsx(Br,{windowSize:m,cardType:e,children:t.jsxs(zr,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:l}),t.jsx(Vr,{children:t.jsx(Ur,{children:h})}),t.jsx(Zr,{windowSize:m,children:t.jsxs(Hr,{windowSize:m,onClick:()=>n(e),"data-testid":st("total-cashback-info"),children:[t.jsx(na,{children:Ae.createNow}),t.jsx(Qr,{})]})})]}),e==="creditCard"?t.jsxs(Xr,{children:[t.jsx(ei,{children:Ae.creditLimit}),t.jsx(ti,{children:d})]}):null]})})},Dr=e=>{const l=e-1;let h=`
     0% {
       transform: translateY(0);
     }
-  `;const d=l*3.5,n=.5,m=3;for(let E=1;E<l;E++){const k=E*(m+n)*100/d,U=k-n*100/d,B=-21*E;h+=`
+  `;const d=l*3.5,n=.5,m=3;for(let F=1;F<l;F++){const k=F*(m+n)*100/d,U=k-n*100/d,B=-21*F;h+=`
     ${U}% {
       transform: translateY(${B+21}px); 
     }
@@ -76,7 +76,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
 `,Nr=r(aa)`
   color: ${e=>e.theme.colors.brandColorGold};
   text-transform: uppercase;
-`,Or=r(J)`
+`,Or=r(q)`
   color: ${p.neutralGrey5Light};
   max-width: ${e=>e.status==="rejected"?"188px":"200px"};
 `,_r=r(pr)`
@@ -87,7 +87,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
 `,Vr=r.div`
   width: auto;
   text-align: left;
-`,Wr=r(J)`
+`,Wr=r(q)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,Gr=r.div`
   display: flex;
@@ -95,7 +95,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   gap: ${a.sp2};
   height: 21px;
   overflow: hidden;
-`,nt=r(J)`
+`,nt=r(q)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -116,12 +116,12 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   height: ${a.sp3};
   color: ${p.success};
   border-radius: 50%;
-`,Jr=r(gr)`
+`,qr=r(gr)`
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${e=>e.theme.colors.brandColorJade};
   margin-left: ${a.sp3};
-`,qr=r.div`
+`,Jr=r.div`
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp5:a.sp2};
   right: -29px;
@@ -129,21 +129,21 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   position: absolute;
   top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
   right: -46px;
-`,na=r.div``,Qr=r.div`
+`,na=r.div``,Zr=r.div`
   border: 1px solid ${p.neutralGrey5Light};
   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};
-`,Zr=r(ct)`
+`,Hr=r(ct)`
   color: ${p.neutralGrey5Light};
   margin-top: ${e=>ut.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
   gap: ${a.sp1};
   display: flex;
   align-items: center;
   cursor: pointer;
-`,Hr=r(dt)`
+`,Qr=r(dt)`
   color: ${p.neutralGrey5Light};
   width: ${a.sp2};
   height: ${a.sp2};
@@ -155,7 +155,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   color: ${p.neutralGrey5Light};
 `,ti=r(mr)`
   color: ${p.neutralGrey5Light};
-`,ue="spendLimit",Y=Ee.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ai({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:E,onCancelClick:k,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ue]:void 0}}),{control:oe,formState:{errors:ne}}=G,[Fe,Me]=c.useState(void 0),x=sr({control:oe,name:ue}),Te=()=>{k()},De=G.handleSubmit(()=>{const y=G.getValues(ue);y!=null&&U(y)}),S=dr(ne,ue),$=Ee.getLocalizedStrings().common,F=Le.largeLabelWidth.value(B);return c.useEffect(()=>{Me(ri(e,l,h,d,n,x))},[x,e,d,n,l,h]),t.jsx(ii,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(oi,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(ui,{id:L,onSubmit:y=>{y.preventDefault(),De()},children:[t.jsx(ni,{windowSize:B,children:Y.heading}),t.jsx(li,{hasError:S,children:t.jsx(ur,{label:{label:Y.newLimit,width:F},showAdditionalInfoLabel:S,additionalInfoLabel:Fe,formattedTextField:{type:"number",name:ue,defaultValue:void 0,placeholder:Y.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const q=Math.min(n.amount,d.amount);if(y>q)return!1}else if(h&&n!=null&&y>n.amount||l&&d!=null&&y>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ci,{children:t.jsxs(si,{children:[t.jsx(Bt,{label:$.cancel,onClick:Te,style:{width:84}}),t.jsx(di,{}),t.jsx(Bt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:E==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ri=(e,l,h,d,n,m)=>{if(m!=null){if(m<=e.amount)return Y.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const E=Math.min(n.amount,d.amount);if(m>E){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return Y.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",he("0,0.[00]",U))}}else{if(h&&n!=null&&m>n.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(l&&d!=null&&m>d.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ii=r.div`
+`,ue="spendLimit",Y=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ai({currentSpentAmount:e,hasCreditCard:l,hasDebitCard:h,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:k,onSubmitClick:U}){const B=Pe(),L="SpendLimitForm",G=nr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ue]:void 0}}),{control:oe,formState:{errors:ne}}=G,[Ee,Me]=c.useState(void 0),x=sr({control:oe,name:ue}),Te=()=>{k()},De=G.handleSubmit(()=>{const y=G.getValues(ue);y!=null&&U(y)}),S=dr(ne,ue),$=Fe.getLocalizedStrings().common,E=Le.largeLabelWidth.value(B);return c.useEffect(()=>{Me(ri(e,l,h,d,n,x))},[x,e,d,n,l,h]),t.jsx(ii,{windowSize:B,role:"presentation",children:t.jsx(cr,{onClickAway:()=>k(),children:t.jsxs(oi,{windowSize:B,children:[t.jsx(lr,{...G,children:t.jsxs(ui,{id:L,onSubmit:y=>{y.preventDefault(),De()},children:[t.jsx(ni,{windowSize:B,children:Y.heading}),t.jsx(li,{hasError:S,children:t.jsx(ur,{label:{label:Y.newLimit,width:E},showAdditionalInfoLabel:S,additionalInfoLabel:Ee,formattedTextField:{type:"number",name:ue,defaultValue:void 0,placeholder:Y.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=e.amount)return!1;if(h&&l&&n!=null&&d!=null){const J=Math.min(n.amount,d.amount);if(y>J)return!1}else if(h&&n!=null&&y>n.amount||l&&d!=null&&y>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ci,{children:t.jsxs(si,{children:[t.jsx(Bt,{label:$.cancel,onClick:Te,style:{width:84}}),t.jsx(di,{}),t.jsx(Bt,{variant:"primary",label:$.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const ri=(e,l,h,d,n,m)=>{if(m!=null){if(m<=e.amount)return Y.amountBelowErrorBulk;if(h&&l&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const k=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return Y.maxLimitForCardTypeError.replace("_card_type_",k).replace("_amount_",he("0,0.[00]",U))}}else{if(h&&n!=null&&m>n.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",he("0,0.[00]",n));if(l&&d!=null&&m>d.amount)return Y.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",he("0,0.[00]",d))}}},Le={width:new W(343,500,500),largeLabelWidth:new W(108,108,108),popupLeftRightPadding:new W(_[5],_[6]),popupTopBottomPadding:new W(_[5],_[5])},ii=r.div`
   position: fixed;
   top: ${a.sp0};
   left: ${a.sp0};
@@ -206,7 +206,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   }
 `,ui=r.form`
   display: contents;
-`,me={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},hi={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Ee.getLocalizedStrings(),ho=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:E,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:oe,isCardControlsEnabled:ne,isCashbackFeatureEnabled:Fe,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Te,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:q,onRevokeChargeCardList:ht,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:I,uiState:ca,signedInUser:Re,creditLimit:pe,cashbackRate:Be,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:se,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:mt,onUnlockChargeCard:pt,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:Sa,onClickMenuIcon:ya,onPromoCardClick:Ct,onCreateNowClick:gt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Ne,onSetBulkActionCardIds:j})=>{const ge=Qa().analytics,[bt,ka]=c.useState(!1),[Oe,be]=c.useState(!1),[_e,fe]=c.useState(!1),[$a,K]=c.useState(!1),[Ia,Q]=c.useState(!1),[ja,xe]=c.useState(!1),[Ue,Ve]=c.useState(!1),[We,Ge]=c.useState(!1),[Ye,ft]=c.useState(void 0),va=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Ne(void 0),ft(void 0)},[Ne]),M=u.chargeCards,La=c.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=c.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),xt=N(e.unlockChargeCardsFetchState.fetchState),St=N(e.revokeChargeCardsInviteFetchState.fetchState),yt=N(e.lockChargeCardsFetchState.fetchState),wt=N(e.closeChargeCardsFetchState.fetchState),kt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=xt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=yt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=wt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ka=kt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),ae&&(Q(!1),j([])),Ka&&(xe(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,xt,St,yt,wt,kt,j]);const Z=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,$t=N(Z),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(Je),qe=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=N(qe),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,vt=N(Ke),Qe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=N(Qe),H=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,At=N(H);c.useEffect(()=>{o.cardId!=null&&$t==="In-Progress"&&Z==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&Je==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&qe==="Completed"?(Ve(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Ke==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Qe==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&H==="Completed"&&P()},[o.cardId,Z,Je,qe,Ke,Qe,H,$t,jt,It,vt,Lt,At,P]);const Pa=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),Q(!0);break;case"lock":n(u.bulkActionCardIds),K(!0);break;case"unlock":L(u.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":ht(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,ht,L]),C=o.chargeCard;c.useEffect(()=>{if(!(Ye===void 0||o.cardId===void 0||C===void 0))switch(Ye){case ie.CLOSE:_e||(n([o.cardId]),fe(!0));break;case ie.LOCK:Oe||(n([o.cardId]),be(!0));break;case ie.UNLOCK:Z!=="In-Progress"&&Z!=="Completed"&&pt(o.cardId);break;case ie.REVOKE_INVITE:H!=="In-Progress"&&H!=="Completed"&&mt(o.cardId);break;case ie.RENAME:Ue||Ve(!0);break;case ie.UPDATE_SPEND_LIMIT:We||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Ye,o.cardId,We,Ue,_e,Oe,Z,H,n,m,pt,mt]);const Ze=Za(),X=!!Ze.loggedInUserRole.includes("charge_card_user"),Se=Ha(Ze),v=xr(Ze.loggedInUserRoleMap),ee=c.useMemo(()=>v===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),ye=c.useMemo(()=>x&&F&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,F,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=c.useMemo(()=>S&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:x,isDebitCardOffered:S,isDebitCardEnabled:$,isCreditCardEnabled:F},Ea=i=>{ka(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListSearchClick(q,ke,ee,ye,we))},T=Pe(),Pt=Se&&!v,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,de={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},He=Math.round(de.amount*100/e.creditAccount.limit.amount),Fa=isNaN(He)?0:Et!==0&&He===0?1:He,ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Xe=v&&de.amount>Me*e.creditAccount.limit.amount/100,le=ce!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:O.searchPlaceHolder,searchText:l,showSettingsIcon:!X,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&F,showPayEarlyButtonOnNavbar:se&&v&&de.amount>0&&!le&&!Xe,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Ea,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListMoreMenuClick(q,ke,ee,ye,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(kr,{spendManagementSectionProps:Ma}),Da=e.cards.length===0?!1:X&&Sr(e.cards),Ra=e.fetchState==="Completed"?Si({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:F,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$}):"",$e=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&F&&e.hasCreditCard,za=S&&$&&e.hasDebitCard,Na=x&&F&&Se&&!v,Oa=S&&$&&Se&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,et=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?R.timeStrings.day:R.timeStrings.days}`:w.creditLimitLow,w.payNow],Ft=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,tt=[w.paymentInitiated,`${O.header.limit} ${Ft?R.resets:R.updates} ${R.by} ${yr(wr(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,w.paymentInitiated],at=c.useRef(null),rt=c.useRef(null),_a=ea(),[Ua,Mt]=c.useState(!0);c.useEffect(()=>{const i=()=>{rt.current&&(rt.current.getBoundingClientRect().top<(T==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=at.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&E(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(u.bulkActionCardIds,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},te=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),Ja=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),Q(!0)},[u.bulkActionCardIds,n]),Tt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),Q(!1))},[u.bulkActionCardIds,j]),Dt=Te&&y===0,Rt=y===-1;return t.jsxs(Li,{ref:at,children:[t.jsx(Xa,{title:Ra,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ya,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:bt,hideSearchBtn:X,scrollableContent:at,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(Ai,{windowSize:T,children:[Ba||Na?t.jsxs(Jt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsxs(Ht,{children:[t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(re,{amount:de,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs($i,{children:[t.jsx(ve,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(re,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ri,{children:t.jsx(Bi,{style:{width:`${Fa}%`,borderRadius:a.sp1}})}),Xe&&!le&&se?t.jsx(it,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(fi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(qt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:T,children:R.texts.remaining}),t.jsx(xi,{children:t.jsx(bi,{})})]})}):t.jsxs(qt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Qt,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ii,{showPaymentInitiatedInfo:le,isEarlyPayEnabled:se,children:[le&&se?null:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`}),v&&se&&(le?t.jsx("div",{children:t.jsx(it,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(yi,{children:[t.jsx(Yt,{children:`${w.paymentOf} ${he("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(wi,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Yt,{children:Ft?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[tt.length>0&&t.jsx(nt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(pi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(gi,{})]})})}):Xe?t.jsx(it,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:rt,onClick:()=>{ze(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[et.length>0&&t.jsx(nt,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(mi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):de.amount>0?t.jsxs(Ci,{onClick:()=>Ce("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&F?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:ot("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:gt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Be,{amount:y,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:Ct,status:Rt?"rejected":Dt?"under_review":void 0,statusMessage:Rt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(Jt,{windowSize:T,children:[t.jsxs(Zt,{children:[t.jsx(Ht,{children:t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(re,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ei,{children:$e!==0?t.jsxs(t.Fragment,{children:[$e<0?t.jsx(Mi,{}):t.jsx(Ti,{}),t.jsx(Fi,{hasNegativeValue:$e<0,children:ot("0,0.00",$e,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`})})]}):S&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:gt}):S?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Be),onClick:Ct}):null,t.jsxs(Pi,{windowSize:T,children:[Fe?t.jsxs(ki,{children:[t.jsx(ve,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(re,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(vi,{windowSize:T,children:t.jsxs(Di,{windowSize:T,onClick:xa,"data-testid":st("total-cashback-info"),children:[t.jsx(ji,{children:O.overview}),t.jsx(zi,{})]})}):null]}):null,t.jsx(Oi,{children:t.jsx(_i,{})})]})]}),e.cards.length===0&&X===!0||Da?t.jsx(Ni,{children:t.jsx(jr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:Se,cashbackRate:Be})}):t.jsxs(t.Fragment,{children:[_e&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Oe&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Ia&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Q(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{Q(!1),j([])},onRemoveCardClick:Tt}),$a&&u.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Tt}),Ue&&o.cardId!=null&&C&&t.jsx(Ar,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ve(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),We&&o.cardId!=null&&C&&t.jsx(Pr,{controllerEmails:q,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,productInformation:ke,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Re,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};oe(o.cardId,s,C.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:C.recommendations}),ja&&M.length>0&&t.jsx(ai,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Re,isDisabled:u.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(u.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx($r,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:Ir,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Pa,onBulkLockClick:Ja,onBulkCloseClick:qa,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Ne,setActionTypeForRowAction:ft,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,productInformation:ke,controllerEmails:q,isChargeCardFeatureEnabled:x,isCardControlsEnabled:ne,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:F,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Sa,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},mi=r(ta)`
+`,me={contentContainerMargin:new W(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new W(_[0],_[0]),cardsMinWidth:new W(343,353)},hi={remainingText:new tr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:w,cardList:O,chargeCardsPromo:b}},common:R,dateFormat:je}=Fe.getLocalizedStrings(),ho=({chargeCardListView:e,searchText:l,admins:h,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:k,onLockChargeCard:U,onLockChargeCardList:B,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:G,onUpdateSpendLimit:oe,isCardControlsEnabled:ne,isCashbackFeatureEnabled:Ee,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:Te,isCreditCardProductVisibleForExpressInterest:De,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:J,onRevokeChargeCardList:ht,depositAccountListWithDebitCardIssued:z,chargeCardCashbackDetailState:I,uiState:ca,signedInUser:Re,creditLimit:pe,cashbackRate:Be,onSearchTextChanged:la,onClickSetupIcon:ua,isEarlyPayEnabled:se,onClickStatementsIcon:ha,onChargeCardRowClick:ma,updateChargeCardName:pa,onChargeCardResendInviteClick:Ca,onChargeCardRevokeInviteClick:mt,onUnlockChargeCard:pt,onIssueCardClick:ga,onBackClick:ba,onReloadCards:fa,onTotalCashbackClick:xa,onColumnSortConfigChanged:Sa,onClickMenuIcon:ya,onPromoCardClick:Ct,onCreateNowClick:gt,showPayNowInfoTooltip:wa,navigateToCreditCardPaymentPage:Ce,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:u,onSetRowActionCardId:Ne,onSetBulkActionCardIds:j})=>{const ge=Za().analytics,[bt,ka]=c.useState(!1),[Oe,be]=c.useState(!1),[_e,fe]=c.useState(!1),[$a,K]=c.useState(!1),[Ia,Z]=c.useState(!1),[ja,xe]=c.useState(!1),[Ue,Ve]=c.useState(!1),[We,Ge]=c.useState(!1),[Ye,ft]=c.useState(void 0),va=u.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:A}=e,P=c.useCallback(()=>{Ne(void 0),ft(void 0)},[Ne]),M=u.chargeCards,La=c.useMemo(()=>M.length===0?void 0:M.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,M[0]).balance,[M]),Aa=c.useMemo(()=>{const i=M.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>z.depositAccounts.find(ae=>ae.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,ae)=>ae.amount<f.amount?ae:f)},[M,z.depositAccounts]),xt=N(e.unlockChargeCardsFetchState.fetchState),St=N(e.revokeChargeCardsInviteFetchState.fetchState),yt=N(e.lockChargeCardsFetchState.fetchState),wt=N(e.closeChargeCardsFetchState.fetchState),kt=N(e.updateChargeCardsSpendLimitFetchState.fetchState);c.useEffect(()=>{const i=xt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=St==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=yt==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ae=wt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Ka=kt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(K(!1),j([])),ae&&(Z(!1),j([])),Ka&&(xe(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,xt,St,yt,wt,kt,j]);const H=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,$t=N(H),qe=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=N(qe),Je=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,jt=N(Je),Ke=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,vt=N(Ke),Ze=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=N(Ze),Q=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,At=N(Q);c.useEffect(()=>{o.cardId!=null&&$t==="In-Progress"&&H==="Completed"?P():o.cardId!=null&&It==="In-Progress"&&qe==="Completed"?(Ge(!1),P()):o.cardId!=null&&jt==="In-Progress"&&Je==="Completed"?(Ve(!1),P()):o.cardId!=null&&vt==="In-Progress"&&Ke==="Completed"?(be(!1),P()):o.cardId!=null&&Lt==="In-Progress"&&Ze==="Completed"?(fe(!1),P()):o.cardId!=null&&At==="In-Progress"&&Q==="Completed"&&P()},[o.cardId,H,qe,Je,Ke,Ze,Q,$t,jt,It,vt,Lt,At,P]);const Pa=c.useCallback(i=>{switch(i){case"close":n(u.bulkActionCardIds),Z(!0);break;case"lock":n(u.bulkActionCardIds),K(!0);break;case"unlock":L(u.bulkActionCardIds);break;case"update_limit":xe(!0);break;case"revoke_invite":ht(u.bulkActionCardIds);break}},[u.bulkActionCardIds,n,ht,L]),C=o.chargeCard;c.useEffect(()=>{if(!(Ye===void 0||o.cardId===void 0||C===void 0))switch(Ye){case ie.CLOSE:_e||(n([o.cardId]),fe(!0));break;case ie.LOCK:Oe||(n([o.cardId]),be(!0));break;case ie.UNLOCK:H!=="In-Progress"&&H!=="Completed"&&pt(o.cardId);break;case ie.REVOKE_INVITE:Q!=="In-Progress"&&Q!=="Completed"&&mt(o.cardId);break;case ie.RENAME:Ue||Ve(!0);break;case ie.UPDATE_SPEND_LIMIT:We||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),Ge(!0));break}},[Ye,o.cardId,We,Ue,_e,Oe,H,Q,n,m,pt,mt]);const He=Ha(),X=!!He.loggedInUserRole.includes("charge_card_user"),Se=Qa(He),v=xr(He.loggedInUserRoleMap),ee=c.useMemo(()=>v===!0?{creditCardCashbackOffer:`${I.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${I.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:V(I.cashbackSummary.cashbackEarned.amount),redeemedCashback:V(I.cashbackSummary.cashbackRedeemed.amount),availableCashback:V(I.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:I.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:I.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[v,I.cashbackAnalytics.creditCardCashbackOffer,I.cashbackAnalytics.debitCardCashbackOffer,I.cashbackSummary.cashbackEarned.amount,I.cashbackSummary.cashbackRedeemed.amount,I.cashbackSummary.cashbackAvailable.amount,I.cashbackAnalytics.creditCardCashbackRedemptionMode,I.cashbackAnalytics.debitCardCashbackRedemptionMode]),ye=c.useMemo(()=>x&&E&&v===!0?{creditAccountId:g.id,creditAccountLimit:V(g.limit.amount),creditAccountAvailableAmount:V(g.available.amount),creditAccountSpentAmount:V(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:V(A.remainingAmountDue.amount)}:void 0,[x,E,v,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,A.remainingAmountDue.amount]),we=c.useMemo(()=>S&&$?{debitAccountId:z.depositAccounts.map(i=>i.id),debitAccountName:z.depositAccounts.map(i=>i.accountName),debitAccountBalance:z.depositAccounts.map(i=>V(i.accountBalance.available.amount)),debitCardsSpend:V(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:z.depositAccounts.map(i=>i.accountStatus)}:void 0,[S,$,z.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),ke={isCreditCardOffered:x,isDebitCardOffered:S,isDebitCardEnabled:$,isCreditCardEnabled:E},Fa=i=>{ka(i),i===!0&&(ge.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListSearchClick(J,ke,ee,ye,we))},T=Pe(),Pt=Se&&!v,Ft=e.creditAccount.balance.amount+e.creditAccount.hold.amount,de={amount:Ft,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Qe=Math.round(de.amount*100/e.creditAccount.limit.amount),Ea=isNaN(Qe)?0:Ft!==0&&Qe===0?1:Qe,ce=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Xe=v&&de.amount>Me*e.creditAccount.limit.amount/100,le=ce!=null&&A.initiatedRepayments.amount>0,Ma={entity:"charge_cards",showNewButtonOnNavbar:v,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:v?O.newBtnLabel:R.strings.empty,hideSearchBtn:X,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:O.searchPlaceHolder,searchText:l,showSettingsIcon:!X,showSettingsIconOnNavbar:v,showStatementButtonOnNavbar:x&&E,showPayEarlyButtonOnNavbar:se&&v&&de.amount>0&&!le&&!Xe,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:ge,onSearchOpen:Fa,onSearchTextChanged:la,onClickSetupIcon:ua,onClickStatementsIcon:ha,downloadState:"Not-Started",onNewButtonClick:ga,onClickPayEarlyIcon:()=>Ce("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&A.fetchState==="Completed")&&(!(S&&$)||z.fetchState==="Completed")&&ee!=null&&ge.trackCardsCardListMoreMenuClick(J,ke,ee,ye,we)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ta=t.jsx(kr,{spendManagementSectionProps:Ma}),Da=e.cards.length===0?!1:X&&Sr(e.cards),Ra=e.fetchState==="Completed"?Si({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:E,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$}):"",$e=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Ba=x&&E&&e.hasCreditCard,za=S&&$&&e.hasDebitCard,Na=x&&E&&Se&&!v,Oa=S&&$&&Se&&!v,Ie=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(zt(),"days")??0,et=[w.payNow,Ie>0&&Ie<11?`${w.billDueIn} ${Ie} ${Ie===1?R.timeStrings.day:R.timeStrings.days}`:w.creditLimitLow,w.payNow],Et=A.initiatedRepayments.amount===g.balance.amount+g.hold.amount,tt=[w.paymentInitiated,`${O.header.limit} ${Et?R.resets:R.updates} ${R.by} ${yr(wr(A.initiatedRepaymentDate?.toDate()??zt().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,w.paymentInitiated],at=c.useRef(null),rt=c.useRef(null),_a=ea(),[Ua,Mt]=c.useState(!0);c.useEffect(()=>{const i=()=>{rt.current&&(rt.current.getBoundingClientRect().top<(T==="small"?68:40)?Mt(!1):Mt(!0))};i();const s=()=>{i()},f=at.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[T]);const Va=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Wa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;k(u.bulkActionCardIds,s)},Ya=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;B(u.bulkActionCardIds,s)},te=c.useMemo(()=>{const i={};return u.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:u.recurringExpensesByCardId,fetchState:u.recurringExpensesFetchState.fetchState}},[u]),qa=c.useCallback(()=>{n(u.bulkActionCardIds),K(!0)},[u.bulkActionCardIds,n]),Ja=c.useCallback(()=>{n(u.bulkActionCardIds),Z(!0)},[u.bulkActionCardIds,n]),Tt=c.useCallback(i=>{const s=u.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(K(!1),Z(!1))},[u.bulkActionCardIds,j]),Dt=Te&&y===0,Rt=y===-1;return t.jsxs(Li,{ref:at,children:[t.jsx(Xa,{title:Ra,showBackButton:!0,showMenuIcon:T==="medium-compact"||T==="small",onClickMenuIcon:ya,style:{zIndex:3},onBackClick:ba,rightSideComponent:Ta,isSearchOpen:bt,hideSearchBtn:X,scrollableContent:at,source:"ChargeCardListPage",backgroundColor:_a.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(er,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[X?null:t.jsxs(Ai,{windowSize:T,children:[Ba||Na?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsxs(Qt,{children:[t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(re,{amount:de,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs($i,{children:[t.jsx(ve,{style:{textAlign:"end"},children:R.texts.limit}),t.jsx(re,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ri,{children:t.jsx(Bi,{style:{width:`${Ea}%`,borderRadius:a.sp1}})}),Xe&&!le&&se?t.jsx(it,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(fi,{children:w.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Zt,{windowSize:T,children:R.texts.remaining}),t.jsx(xi,{children:t.jsx(bi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(re,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Zt,{windowSize:T,children:R.texts.remaining})]})]}),t.jsxs(Ii,{showPaymentInitiatedInfo:le,isEarlyPayEnabled:se,children:[le&&se?null:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`}),v&&se&&(le?t.jsx("div",{children:t.jsx(it,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(yi,{children:[t.jsx(Yt,{children:`${w.paymentOf} ${he("0,0.[00]",{amount:A.initiatedRepayments.amount,currencyCode:A.initiatedRepayments.currencyCode,currencySymbol:A.initiatedRepayments.currencySymbol})} ${w.madeOn} `}),t.jsx(wi,{children:A.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),R.strings.space,t.jsx(Yt,{children:Et?w.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:w.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[tt.length>0&&t.jsx(nt,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(pi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(gi,{})]})})}):Xe?t.jsx(it,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:w.creditLimitIsLow,description:w.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:w.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),Ce("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:wa&&Ua,children:t.jsxs(Vt,{ref:rt,onClick:()=>{ze(!1),Ce("Text Button","Pay Now")},hasPointer:!0,children:[et.length>0&&t.jsx(nt,{slideUpCount:et.length,style:{alignItems:"flex-end",width:"auto"},children:et.map((i,s)=>t.jsx(mi,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):de.amount>0?t.jsxs(Ci,{onClick:()=>Ce("Text Button","Pay Early"),children:[w.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&E?t.jsx(Ut,{cardType:"creditCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:ot("0,0",pe.amount,pe.currencySymbol),onCreateNowClick:gt}):De?t.jsx(_t,{cardPromoType:"credit",cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Be,{amount:y,currencyCode:pe.currencyCode,currencySymbol:pe.currencySymbol}),onClick:Ct,status:Rt?"rejected":Dt?"under_review":void 0,statusMessage:Rt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,za||Oa?t.jsxs(qt,{windowSize:T,children:[t.jsxs(Ht,{children:[t.jsx(Qt,{children:t.jsxs(Xt,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(re,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Fi,{children:$e!==0?t.jsxs(t.Fragment,{children:[$e<0?t.jsx(Mi,{}):t.jsx(Ti,{}),t.jsx(Ei,{hasNegativeValue:$e<0,children:ot("0,0.00",$e,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(ve,{children:`${R.texts.limitReset} ${ce!=null?ce.format(je.visual.MMMDFormat):null}`})})]}):S&&$?t.jsx(Ut,{cardType:"debitCard",header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:gt}):S?t.jsx(_t,{cardPromoType:"debit",cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Be),onClick:Ct}):null,t.jsxs(Pi,{windowSize:T,children:[Ee?t.jsxs(ki,{children:[t.jsx(ve,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(re,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(vi,{windowSize:T,children:t.jsxs(Di,{windowSize:T,onClick:xa,"data-testid":st("total-cashback-info"),children:[t.jsx(ji,{children:O.overview}),t.jsx(zi,{})]})}):null]}):null,t.jsx(Oi,{children:t.jsx(_i,{})})]})]}),e.cards.length===0&&X===!0||Da?t.jsx(Ni,{children:t.jsx(jr,{companyLegalName:d,cards:e.cards,admins:h,hasZeniFinopsRoles:Se,cashbackRate:Be})}):t.jsxs(t.Fragment,{children:[_e&&o.cardId!=null&&C&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{fe(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Va,onDismissClick:()=>{fe(!1),P()},onRemoveCardClick:()=>{}}),Oe&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{be(!1),P()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Wa,onDismissClick:()=>{be(!1),P()},onRemoveCardClick:()=>{}}),Ia&&u.bulkActionCardIds.length>0&&t.jsx(Nt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Z(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{Z(!1),j([])},onRemoveCardClick:Tt}),$a&&u.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{K(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:te.chargeCardsByCardId,cardRecurringExpensesByCardId:te.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:te.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{K(!1),j([])},onRemoveCardClick:Tt}),Ue&&o.cardId!=null&&C&&t.jsx(Ar,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Ve(!1),P()},onSubmitClick:i=>{o.cardId!=null&&pa(o.cardId,i)}}),We&&o.cardId!=null&&C&&t.jsx(Pr,{controllerEmails:J,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,productInformation:ke,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:A,signedInUser:Re,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};oe(o.cardId,s,C.creditLimitFrequency,he("0,0.[00]",s))}},recommendations:C.recommendations}),ja&&M.length>0&&t.jsx(ai,{currentSpentAmount:La??{amount:0,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Aa,hasCreditCard:u.hasCreditCards,hasDebitCard:u.hasDebitCards,signedInUser:Re,isDisabled:u.hasDebitCards&&z.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{xe(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:M[0].limit.currencyCode,currencySymbol:M[0].limit.currencySymbol};G(u.bulkActionCardIds,s,M[0].creditLimitFrequency)}}),t.jsx($r,{cardsSelectedForBulkAction:u.bulkActionCardIds,isBulkActionAllowed:v,firstSelectedCardStatus:va,bulkSubmissionLimit:Ir,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Pa,onBulkLockClick:qa,onBulkCloseClick:Ja,setShowBulkChangeSpendLimitPopup:xe,depositAccountListWithDebitCardIssued:z,setCardIdForRowAction:Ne,setActionTypeForRowAction:ft,cashbackInformation:ee,creditAccountInformation:ye,debitAccountInformation:we,productInformation:ke,controllerEmails:J,isChargeCardFeatureEnabled:x,isCardControlsEnabled:ne,isDebitCardFeatureEnabled:S,isDebitCardSetupEnabled:$,isChargeCardSetupEnabled:E,creditAccount:g,creditAccountRepayment:A,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:fa,onChargeCardRowClick:ma,searchText:l,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:Sa,onChargeCardResendInviteClick:Ca,rowActionView:o})]})]})]})},mi=r(ta)`
   color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
   text-align: end;
 `,pi=r(ta)`
@@ -219,7 +219,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   height: 21px;
   overflow: hidden;
   cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,Ci=r(J)`
+`,Ci=r(q)`
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   display: flex;
@@ -237,7 +237,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   color: ${p.important};
   width: ${a.sp3};
   height: ${a.sp3};
-`,fi=r(J)`
+`,fi=r(q)`
   color: ${p.heroDark};
   white-space: pre-line;
   text-align: left;
@@ -304,7 +304,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
       -ms-overflow-style: none;
       scrollbar-width: none;
     `}
-`,Jt=r.div`
+`,qt=r.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -337,20 +337,20 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   height: 188px;
   flex-grow: 1;
   flex-basis: 33.33%;
-`,qt=r.div`
+`,Jt=r.div`
   display: flex;
   align-items: baseline;
   gap: ${a.sp2};
   align-items: center;
-`,Kt=r(J)`
+`,Kt=r(q)`
   color: ${e=>e.theme.colors.hero};
-`,Qt=r(ar)`
+`,Zt=r(ar)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${hi.remainingText.style(e.windowSize)}`};
-`,ve=r(J)`
+`,ve=r(q)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
-`,Ei=r.div`
+`,Fi=r.div`
   display: flex;
   align-items: center;
   gap: ${a.sp1};
@@ -358,7 +358,7 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   margin-top: 20px;
 `,da=r(or)`
   color: ${e=>e.theme.colors.hero};
-`,Fi=r(da)`
+`,Ei=r(da)`
   color: ${e=>e.hasNegativeValue?p.success:p.important};
 `,Mi=r(Mr)`
   color: ${p.success};
@@ -399,14 +399,14 @@ import{a7 as Qa,aN as N,av as Za,fP as Ha,iG as V,Q as Pe,F as Ee,o as a,d as ea
   display: flex;
   flex-direction: column;
   margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
-`,Zt=r.div`
+`,Ht=r.div`
   padding: ${a.sp4};
   padding-bottom: ${a.sp2};
-`,Ht=r.div`
+`,Qt=r.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
 `,Xt=r.div``,Oi=r.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function _i(){switch(ea().mode){case"light":return t.jsx(Fr,{});case"dark":default:return t.jsx(Er,{})}}export{ho as default,Gt as getPromoSlidingTextList};
+`;function _i(){switch(ea().mode){case"light":return t.jsx(Er,{});case"dark":default:return t.jsx(Fr,{})}}export{ho as default,Gt as getPromoSlidingTextList};