@zeniai/web-cockpit-ui 1.13.91-prod → 1.13.92-dev

package/dist/assets/{ChargeCardListPage-DSOp7sFg-BUxYEe2Y.js → ChargeCardListPage-fXayrykw-DfSXe2y4.js}

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