@zeniai/web-cockpit-ui 1.14.17-qa → 1.14.18-dev

package/dist/assets/{ChargeCardListPage-CBIYOllB-C5IIqKJ8.js → ChargeCardListPage-BT-8bueF-C8QRxzgr.js}

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