@zeniai/web-cockpit-ui 1.14.99-prod → 1.15.0-dev

package/dist/assets/ChargeCardListPage-DlI8ZfB0-CMLNFzih.js

@@ -0,0 +1,412 @@
+import{a8 as Qa,aO as z,aw as Za,fQ as er,iK as W,q as Ee,o as a,d as ea,V as t,bA as tr,g2 as ar,fd as ie,b as D,bR as ot,p,aL as me,aN as V,aW as nt,F as Fe,y as G,ai as J,R as rr,M as ir,cU as or,at as ta,bI as nr,a_ as dt,aR as sr,am as ct,a9 as dr,gP as cr,eo as lr,ao as ur,ac as hr,g8 as mr,n as Rt,c as _,d3 as aa,aq as pr,al as Cr,a as gr,cT as br,bu as fr,bT as xr}from"./index-Bs2B-MQ4.js";import{a as l}from"./sentry-gm2R3TtK.js";import{n as r,c as lt,k as yr}from"./mui-snKYaegN.js";import{EL as Sr,G2 as wr,bh as Nt,bL as kr,bP as $r}from"./zeni-epic-state-D2RxwWrl.js";import{t as Ir}from"./SpendManagementSection-mtTZeiX8-DB_R_dFU.js";import{D as oe,l as vr,r as jr}from"./ChargeCardListTable-CooASbVZ-CSvbg9sF.js";import{ChargeCardPromoUserContent as Lr}from"./ChargeCardPromoPage-DBSmL-ms-DBZo83zK.js";import{N as Ar,J as Pr}from"./PromoBaseCards-CLQMN7aT-BxeQG0rP.js";import{z as zt,L as Ot,k as Er,P as Fr}from"./LockCardPage-DRYg_fxU-CFGUEJ0X.js";import{r as Tr,i as Mr}from"./graphic-no-data-net-burn-l-CzmycA0m-qDT1cGx5.js";import{t as Dr,o as Br}from"./arrow-south-east-round-PEovUgvH-Cun1Cxd1.js";import"./liveblocks-48Yy2aTy.js";import"./core-9PMMelIA.js";import"./recharts-DGmpNqLb.js";import"./lottie-ChwWMuYN.js";import"./analytics-D0z7Cz17.js";import"./lexical-CaQwXIc3.js";import"./utils-C7Aiy3iw.js";import"./Menu-C9v-W9TY-DRVyGpH4.js";import"./RoleWithToolTip-C08wfnGb-CFjb8VCB.js";import"./CardNumberSubText-C6jdBRC2-YbNbzp0H.js";import"./NavigationDots-DISWi4Mq-BdTnuTup.js";import"./usp-line-BBd1wKwW-DO5-Shw0.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="51501e95-5609-4eda-94ad-813242d6f004",e._sentryDebugIdIdentifier="sentry-dbid-51501e95-5609-4eda-94ad-813242d6f004")}catch{}})();const ut={infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},Pe=Fe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:c,header:u,title:d,subTitle:n,slidingTextList:m,onClick:F,status:$,statusMessage:U})=>{const R=Ee(),L=$!==void 0,H=$==="rejected"?Pe.status.requestRejected:$==="under_review"?Pe.status.requestUnderReview:"";return t.jsxs(Nr,{windowSize:R,cardPromoType:e,"data-testid":V("list-page-promo-card",e),onClick:()=>F(e),children:[t.jsxs(ra,{isStatusMode:L,children:[t.jsxs(oa,{children:[L?t.jsx(_r,{children:H}):t.jsx(ia,{children:u}),t.jsx(Vr,{children:d}),L?null:t.jsx(Hr,{children:n})]}),!L&&t.jsxs(qr,{children:[t.jsx(Jr,{}),m.length>0&&t.jsx(st,{slideUpCount:m.length,children:m.map((ne,se)=>t.jsx(na,{children:ne},`card-promo-${se.toString()}`))}),t.jsx(Kr,{})]}),U!=null&&L?t.jsx(Ur,{status:$,children:U}):null]}),t.jsx(Yr,{isStatusMode:L,children:t.jsx(Ar,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(Xr,{isStatusMode:L,children:t.jsx(Pr,{cardPromoType:e,cardText:c,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ut=({cardType:e,header:c,title:u,creditLimit:d,onCreateNowClick:n})=>{const m=Ee();return t.jsx(zr,{windowSize:m,cardType:e,children:t.jsxs(Or,{children:[t.jsxs(oa,{children:[t.jsx(ia,{children:c}),t.jsx(Gr,{children:t.jsx(Wr,{children:u})}),t.jsx(Qr,{windowSize:m,children:t.jsxs(Zr,{windowSize:m,onClick:()=>n(e),"data-testid":V("total-cashback-info"),children:[t.jsx(na,{children:Pe.createNow}),t.jsx(ei,{})]})})]}),e==="creditCard"?t.jsxs(ti,{children:[t.jsx(ai,{children:Pe.creditLimit}),t.jsx(ri,{children:d})]}):null]})})},Rr=e=>{const c=e-1;let u=`
+    0% {
+      transform: translateY(0);
+    }
+  `;const d=c*3.5,n=.5,m=3;for(let F=1;F<c;F++){const $=F*(m+n)*100/d,U=$-n*100/d,R=-21*F;u+=`
+    ${U}% {
+      transform: translateY(${R+21}px); 
+    }
+    ${$}% {
+      transform: translateY(${R}px);
+    }
+    `}return u+=`
+  ${((c-1)*(m+n)+m)*100/d}% {
+    transform: translateY(${-21*(c-1)}px);
+  }
+  99.99% {
+    transform: translateY(${-21*c}px);
+  }
+  100% {
+      transform: translateY(0);
+  }
+  `,yr`${u}`},Nr=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  gap: ${a.sp3};
+  background-color: ${e=>e.cardPromoType==="debit"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphireDark};
+  border-radius: 12px;
+  padding: ${a.sp4};
+  color: white;
+  min-width: ${e=>ut.cardsMinWidth.valuePx(e.windowSize)};
+  height: 188px;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  flex-grow: 1;
+  flex-basis: 33.33%;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardPromoType==="debit"?lt`
+          background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/MetalCardPattern.svg);
+          background-repeat: no-repeat;
+          background-position-x: -120px;
+          background-position-y: -54px;
+        `:null}
+`,zr=r.div`
+  background-color: ${e=>e.cardType==="debitCard"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphire};
+  border-radius: 12px;
+  padding: ${a.sp4};
+  color: white;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  min-width: ${e=>ut.cardsMinWidth.valuePx(e.windowSize)};
+  height: 188px;
+  box-sizing: border-box;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
+  background-repeat: no-repeat;
+  background-position: bottom right;
+  align-self: stretch;
+  flex-grow: 1;
+  flex-basis: 33.33%;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,ra=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: ${e=>e.isStatusMode===!0?"38px":a.sp5};
+`,Or=r(ra)`
+  flex-direction: row;
+  justify-content: space-between;
+`,ia=r(aa)`
+  color: ${e=>e.theme.colors.brandColorGold};
+`,_r=r(aa)`
+  color: ${e=>e.theme.colors.brandColorGold};
+  text-transform: uppercase;
+`,Ur=r(J)`
+  color: ${p.neutralGrey5Light};
+  max-width: ${e=>e.status==="rejected"?"188px":"200px"};
+`,Vr=r(gr)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Wr=r(pr)`
+  color: ${p.neutralGrey5Light};
+  white-space: pre-line;
+`,Gr=r.div`
+  width: auto;
+  text-align: left;
+`,Hr=r(J)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,qr=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp2};
+  height: 21px;
+  overflow: hidden;
+`,st=r(J)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  overflow: hidden;
+  align-self: baseline;
+  width: 224px;
+  ${e=>lt`
+    animation: ${Rr(e.slideUpCount)}
+      ${(e.slideUpCount-1)*3.5}s ease-out infinite;
+  `}
+`,oa=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,Jr=r(br)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+  color: ${p.success};
+  border-radius: 50%;
+`,Kr=r(fr)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${e=>e.theme.colors.brandColorJade};
+  margin-left: ${a.sp3};
+`,Yr=r.div`
+  position: absolute;
+  top: ${e=>e.isStatusMode===!0?a.sp5:a.sp2};
+  right: -29px;
+`,Xr=r.div`
+  position: absolute;
+  top: ${e=>e.isStatusMode===!0?a.sp9:"37px"};
+  right: -46px;
+`,na=r.div``,Qr=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)`
+  color: ${p.neutralGrey5Light};
+  margin-top: ${e=>ut.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  gap: ${a.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,ei=r(dt)`
+  color: ${p.neutralGrey5Light};
+  width: ${a.sp2};
+  height: ${a.sp2};
+`,ti=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,ai=r(ct)`
+  color: ${p.neutralGrey5Light};
+`,ri=r(Cr)`
+  color: ${p.neutralGrey5Light};
+`,he="spendLimit",q=Fe.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ii({currentSpentAmount:e,hasCreditCard:c,hasDebitCard:u,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:n,isDisabled:m,updateLimitFetchState:F,onCancelClick:$,onSubmitClick:U}){const R=Ee(),L="SpendLimitForm",H=dr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[he]:void 0}}),{control:ne,formState:{errors:se}}=H,[Te,Me]=l.useState(void 0),x=cr({control:ne,name:he}),De=()=>{$()},Be=H.handleSubmit(()=>{const S=H.getValues(he);S!=null&&U(S)}),y=lr(se,he),I=Fe.getLocalizedStrings().common,A=Ae.largeLabelWidth.value(R);return l.useEffect(()=>{Me(oi(e,c,u,d,n,x))},[x,e,d,n,c,u]),t.jsx(ni,{windowSize:R,role:"presentation",children:t.jsx(ur,{onClickAway:()=>$(),children:t.jsxs(si,{windowSize:R,children:[t.jsx(hr,{...H,children:t.jsxs(mi,{id:L,onSubmit:S=>{S.preventDefault(),Be()},children:[t.jsx(di,{windowSize:R,children:q.heading}),t.jsx(hi,{hasError:y,children:t.jsx(mr,{label:{label:q.newLimit,width:A},showAdditionalInfoLabel:y,additionalInfoLabel:Te,formattedTextField:{type:"number",name:he,defaultValue:void 0,placeholder:q.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:S=>{if(!S||S<=0||S<=e.amount)return!1;if(u&&c&&n!=null&&d!=null){const K=Math.min(n.amount,d.amount);if(S>K)return!1}else if(u&&n!=null&&S>n.amount||c&&d!=null&&S>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(ui,{children:t.jsxs(ci,{children:[t.jsx(Rt,{label:I.cancel,onClick:De,style:{width:84}}),t.jsx(li,{}),t.jsx(Rt,{variant:"primary",label:I.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:F==="In-Progress",type:"submit",form:L,disabled:m})]})})]})})})}const oi=(e,c,u,d,n,m)=>{if(m!=null){if(m<=e.amount)return q.amountBelowErrorBulk;if(u&&c&&n!=null&&d!=null){const F=Math.min(n.amount,d.amount);if(m>F){const $=n.amount<d.amount?"debit":"credit",U=n.amount<d.amount?n:d;return q.maxLimitForCardTypeError.replace("_card_type_",$).replace("_amount_",me("0,0.[00]",U))}}else{if(u&&n!=null&&m>n.amount)return q.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",me("0,0.[00]",n));if(c&&d!=null&&m>d.amount)return q.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",me("0,0.[00]",d))}}},Ae={width:new G(343,500,500),largeLabelWidth:new G(108,108,108),popupLeftRightPadding:new G(_[5],_[6]),popupTopBottomPadding:new G(_[5],_[5])},ni=r.div`
+  position: fixed;
+  top: ${a.sp0};
+  left: ${a.sp0};
+  width: 100%;
+  z-index: 100;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${p.overlayDark};
+`,si=r.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${a.sp2};
+  position: relative;
+  margin: auto;
+  width: ${e=>Ae.width.valuePx(e.windowSize)};
+  padding: ${e=>`${Ae.popupTopBottomPadding.valuePx(e.windowSize)} ${Ae.popupLeftRightPadding.valuePx(e.windowSize)}`};
+  box-sizing: border-box;
+`,di=r(xr)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,ci=r.div`
+  display: flex;
+  justify-content: center;
+  padding-top: ${a.sp4};
+`,li=r.div`
+  width: ${a.sp3};
+`,ui=r.div`
+  display: flex;
+  flex-direction: column;
+`,hi=r.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${a.sp0} 1px 2px ${a.sp0} ${e.theme.colors.issueChargeCardBackgroundShadow}`};
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  width: 100%;
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+    input {
+      background-color: ${e=>e.hasError?p.importantLight:e.theme.colors.background} !important;
+    }
+  }
+`,mi=r.form`
+  display: contents;
+`,pe={contentContainerMargin:new G(_[3],_[4],_[8]),infoSubheadingTextMarginTop:new G(_[0],_[0]),cardsMinWidth:new G(343,353)},pi={remainingText:new rr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:k,cardList:O,chargeCardsPromo:b}},common:B,dateFormat:je}=Fe.getLocalizedStrings(),po=({chargeCardListView:e,searchText:c,admins:u,companyLegalName:d,onFetchChargeCardsRecurringExpenses:n,onFetchDepositAccountLimit:m,onCloseChargeCard:F,onCloseChargeCardList:$,onLockChargeCard:U,onLockChargeCardList:R,onUnlockChargeCardList:L,updateChargeCardListSpendLimit:H,onUpdateSpendLimit:ne,isCardControlsEnabled:se,isCashbackFeatureEnabled:Te,creditCardPayNowThreshold:Me,isChargeCardFeatureEnabled:x,isCompanyInterestedInChargeCard:De,isCreditCardProductVisibleForExpressInterest:Be,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:A,companyChargeCardInfoCreditAccountLimit:S,controllerEmails:K,onRevokeChargeCardList:ht,depositAccountListWithDebitCardIssued:N,chargeCardCashbackDetailState:v,uiState:ca,signedInUser:Re,creditLimit:Ce,cashbackRate:Ne,onSearchTextChanged:la,navigateToCreditCardPaymentHistoryPage:ua,onClickSetupIcon:ha,isChargeCardPaymentHistoryFeatureEnabled:ma,isEarlyPayEnabled:de,onClickStatementsIcon:pa,onChargeCardRowClick:Ca,updateChargeCardName:ga,onChargeCardResendInviteClick:ba,onChargeCardRevokeInviteClick:mt,onUnlockChargeCard:pt,onIssueCardClick:fa,onBackClick:xa,onReloadCards:ya,onTotalCashbackClick:Sa,onColumnSortConfigChanged:wa,onClickMenuIcon:ka,onPromoCardClick:Ct,onCreateNowClick:gt,showPayNowInfoTooltip:$a,navigateToCreditCardPaymentPage:ge,shouldShowPayNowInfoTooltip:ze,rowActionView:o,bulkActionView:h,onSetRowActionCardId:Oe,onSetBulkActionCardIds:j})=>{const be=Qa().analytics,[bt,Ia]=l.useState(!1),[_e,fe]=l.useState(!1),[Ue,xe]=l.useState(!1),[va,Y]=l.useState(!1),[ja,X]=l.useState(!1),[La,ye]=l.useState(!1),[Ve,We]=l.useState(!1),[Ge,He]=l.useState(!1),[qe,ft]=l.useState(void 0),Aa=h.chargeCards[0]?.status.code,{creditAccount:g,creditAccountRepayment:P}=e,E=l.useCallback(()=>{Oe(void 0),ft(void 0)},[Oe]),T=h.chargeCards,Pa=l.useMemo(()=>T.length===0?void 0:T.reduce((i,s)=>s.balance.amount>i.balance.amount?s:i,T[0]).balance,[T]),Ea=l.useMemo(()=>{const i=T.filter(f=>f.type.code.includes("debit"));if(i.length===0)return;const s=i.map(f=>N.depositAccounts.find(re=>re.id===f.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(f=>f!==void 0);return s.length===0?void 0:s.reduce((f,re)=>re.amount<f.amount?re:f)},[T,N.depositAccounts]),xt=z(e.unlockChargeCardsFetchState.fetchState),yt=z(e.revokeChargeCardsInviteFetchState.fetchState),St=z(e.lockChargeCardsFetchState.fetchState),wt=z(e.closeChargeCardsFetchState.fetchState),kt=z(e.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const i=xt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",s=yt==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",f=St==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",re=wt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Xa=kt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(i||s)&&j([]),f&&(Y(!1),j([])),re&&(X(!1),j([])),Xa&&(ye(!1),j([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,xt,yt,St,wt,kt,j]);const Q=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,$t=z(Q),Je=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,It=z(Je),Ke=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,vt=z(Ke),Ye=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,jt=z(Ye),Xe=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,Lt=z(Xe),Z=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,At=z(Z);l.useEffect(()=>{o.cardId!=null&&$t==="In-Progress"&&Q==="Completed"?E():o.cardId!=null&&It==="In-Progress"&&Je==="Completed"?(He(!1),E()):o.cardId!=null&&vt==="In-Progress"&&Ke==="Completed"?(We(!1),E()):o.cardId!=null&&jt==="In-Progress"&&Ye==="Completed"?(fe(!1),E()):o.cardId!=null&&Lt==="In-Progress"&&Xe==="Completed"?(xe(!1),E()):o.cardId!=null&&At==="In-Progress"&&Z==="Completed"&&E()},[o.cardId,Q,Je,Ke,Ye,Xe,Z,$t,vt,It,jt,Lt,At,E]);const Fa=l.useCallback(i=>{switch(i){case"close":n(h.bulkActionCardIds),X(!0);break;case"lock":n(h.bulkActionCardIds),Y(!0);break;case"unlock":L(h.bulkActionCardIds);break;case"update_limit":ye(!0);break;case"revoke_invite":ht(h.bulkActionCardIds);break}},[h.bulkActionCardIds,n,ht,L]),C=o.chargeCard;l.useEffect(()=>{if(!(qe===void 0||o.cardId===void 0||C===void 0))switch(qe){case oe.CLOSE:Ue||(n([o.cardId]),xe(!0));break;case oe.LOCK:_e||(n([o.cardId]),fe(!0));break;case oe.UNLOCK:Q!=="In-Progress"&&Q!=="Completed"&&pt(o.cardId);break;case oe.REVOKE_INVITE:Z!=="In-Progress"&&Z!=="Completed"&&mt(o.cardId);break;case oe.RENAME:Ve||We(!0);break;case oe.UPDATE_SPEND_LIMIT:Ge||(C.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&m(C.connectedAccountId,o.cardId),He(!0));break}},[qe,o.cardId,Ge,Ve,Ue,_e,Q,Z,n,m,pt,mt]);const Qe=Za(),ee=!!Qe.loggedInUserRole.includes("charge_card_user"),Se=er(Qe),w=Sr(Qe.loggedInUserRoleMap),te=l.useMemo(()=>w===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:W(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:W(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:W(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[w,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),we=l.useMemo(()=>x&&A&&w===!0?{creditAccountId:g.id,creditAccountLimit:W(g.limit.amount),creditAccountAvailableAmount:W(g.available.amount),creditAccountSpentAmount:W(g.balance.amount+g.hold.amount),creditAccountStatus:g.status,outstandingBalance:W(P.remainingAmountDue.amount)}:void 0,[x,A,w,g.id,g.limit.amount,g.available.amount,g.balance.amount,g.hold.amount,g.status,P.remainingAmountDue.amount]),ke=l.useMemo(()=>y&&I?{debitAccountId:N.depositAccounts.map(i=>i.id),debitAccountName:N.depositAccounts.map(i=>i.accountName),debitAccountBalance:N.depositAccounts.map(i=>W(i.accountBalance.available.amount)),debitCardsSpend:W(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:N.depositAccounts.map(i=>i.accountStatus)}:void 0,[y,I,N.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),$e={isCreditCardOffered:x,isDebitCardOffered:y,isDebitCardEnabled:I,isCreditCardEnabled:A},Ta=i=>{Ia(i),i===!0&&(be.trackCardsListPageClicked("search"),(!x||g.fetchState==="Completed"&&P.fetchState==="Completed")&&(!(y&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListSearchClick(K,$e,te,we,ke))},M=Ee(),Pt=Se&&!w,Et=e.creditAccount.balance.amount+e.creditAccount.hold.amount,ce={amount:Et,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ze=Math.round(ce.amount*100/e.creditAccount.limit.amount),Ma=isNaN(Ze)?0:Et!==0&&Ze===0?1:Ze,le=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,et=w&&ce.amount>Me*e.creditAccount.limit.amount/100,ue=le!=null&&P.initiatedRepayments.amount>0,Da={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?O.newBtnLabel:B.strings.empty,hideSearchBtn:ee,searchTextBoxStyle:{right:Pt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:Pt?a.sp0:a.sp4},isSearchOpen:bt,searchPlaceHolder:O.searchPlaceHolder,searchText:c,showSettingsIcon:!ee,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:x&&A,showPayEarlyButtonOnNavbar:de&&w&&ce.amount>0&&!ue&&!et,showPaymentHistoryButtonOnNavbar:w&&ma&&x&&A,onClickPaymentHistoryIcon:ua,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Ta,onSearchTextChanged:la,onClickSetupIcon:ha,onClickStatementsIcon:pa,downloadState:"Not-Started",onNewButtonClick:fa,onClickPayEarlyIcon:()=>ge("More Button","Pay Early"),onMenuOpen:()=>{(!x||g.fetchState==="Completed"&&P.fetchState==="Completed")&&(!(y&&I)||N.fetchState==="Completed")&&te!=null&&be.trackCardsCardListMoreMenuClick(K,$e,te,we,ke)},filters:{categoryCombinationOperator:"AND",categories:[]}},Ba=t.jsx(Ir,{spendManagementSectionProps:Da}),Ra=e.cards.length===0?!1:ee&&wr(e.cards),Na=e.fetchState==="Completed"?wi({isChargeCardFeatureEnabled:x,isChargeCardSetupEnabled:A,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I}):"",Ie=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,za=x&&A&&e.hasCreditCard,Oa=y&&I&&e.hasDebitCard,_a=x&&A&&Se&&!w,Ua=y&&I&&Se&&!w,ve=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Nt(),"days")??0,tt=[k.payNow,ve>0&&ve<11?`${k.billDueIn} ${ve} ${ve===1?B.timeStrings.day:B.timeStrings.days}`:k.creditLimitLow,k.payNow],Ft=P.initiatedRepayments.amount===g.balance.amount+g.hold.amount,at=[k.paymentInitiated,`${O.header.limit} ${Ft?B.resets:B.updates} ${B.by} ${kr($r(P.initiatedRepaymentDate?.toDate()??Nt().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,k.paymentInitiated],rt=l.useRef(null),it=l.useRef(null),Va=ea(),[Wa,Tt]=l.useState(!0);l.useEffect(()=>{const i=()=>{it.current&&(it.current.getBoundingClientRect().top<(M==="small"?68:40)?Tt(!1):Tt(!0))};i();const s=()=>{i()},f=rt.current;return f&&f.addEventListener("scroll",s),window.addEventListener("scroll",s),()=>{f&&f.removeEventListener("scroll",s),window.removeEventListener("scroll",s)}},[M]);const Ga=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&F(o.cardId,s)},Ha=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;o.cardId!=null&&U(o.cardId,s)},qa=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;$(h.bulkActionCardIds,s)},Ja=i=>{const s=i.reasonType==="other"?i.reason:i.reasonType;R(h.bulkActionCardIds,s)},ae=l.useMemo(()=>{const i={};return h.chargeCards.forEach(s=>{i[s.id]=s}),{chargeCardsByCardId:i,cardRecurringExpensesByCardId:h.recurringExpensesByCardId,fetchState:h.recurringExpensesFetchState.fetchState}},[h]),Ka=l.useCallback(()=>{n(h.bulkActionCardIds),Y(!0)},[h.bulkActionCardIds,n]),Ya=l.useCallback(()=>{n(h.bulkActionCardIds),X(!0)},[h.bulkActionCardIds,n]),Mt=l.useCallback(i=>{const s=h.bulkActionCardIds.filter(f=>f!==i);j(s),s.length===0&&(Y(!1),X(!1))},[h.bulkActionCardIds,j]),Dt=De&&S===0,Bt=S===-1;return t.jsxs(Pi,{ref:rt,children:[t.jsx(tr,{title:Na,showBackButton:!0,showMenuIcon:M==="medium-compact"||M==="small",onClickMenuIcon:ka,style:{zIndex:3},onBackClick:xa,rightSideComponent:Ba,isSearchOpen:bt,hideSearchBtn:ee,scrollableContent:rt,source:"ChargeCardListPage",backgroundColor:Va.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(ar,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ee?null:t.jsxs(Ei,{windowSize:M,children:[za||_a?t.jsxs(qt,{windowSize:M,"data-testid":V("credit-card-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsxs(Qt,{children:[t.jsxs(Zt,{children:[t.jsx(Kt,{children:O.creditCardBalance}),t.jsx(ie,{amount:ce,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]}),t.jsxs(vi,{children:[t.jsx(Le,{style:{textAlign:"end"},children:B.texts.limit}),t.jsx(ie,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject})]})]}),t.jsx(Ni,{children:t.jsx(zi,{style:{width:`${Ma}%`,borderRadius:a.sp1}})}),et&&!ue&&de?t.jsx(ot,{placement:"bottom",style:{color:p.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(yi,{children:k.creditLimitIsRunningLow}),children:t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:M,children:B.texts.remaining}),t.jsx(Si,{children:t.jsx(xi,{})})]})}):t.jsxs(Jt,{children:[t.jsx(ie,{amount:e.creditAccount.available,integerStyles:D.largeMedium.cssObject,decimalStyles:D.smallMedium.cssObject}),t.jsx(Yt,{windowSize:M,children:B.texts.remaining})]})]}),t.jsxs(ji,{showPaymentInitiatedInfo:ue,isEarlyPayEnabled:de,children:[ue&&de?null:t.jsx(Le,{children:`${B.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`}),w&&de&&(ue?t.jsx("div",{children:t.jsx(ot,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ki,{children:[t.jsx(Ht,{children:`${k.paymentOf} ${me("0,0.[00]",{amount:P.initiatedRepayments.amount,currencyCode:P.initiatedRepayments.currencyCode,currencySymbol:P.initiatedRepayments.currencySymbol})} ${k.madeOn} `}),t.jsx($i,{children:P.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),B.strings.space,t.jsx(Ht,{children:Ft?k.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:k.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Vt,{hasPointer:!1,children:[at.length>0&&t.jsx(st,{slideUpCount:at.length,style:{alignItems:"flex-end",width:"auto"},children:at.map((i,s)=>t.jsx(gi,{children:i},`card-payment-initiated-${s.toString()}`))}),t.jsx(fi,{})]})})}):et?t.jsx(ot,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:k.creditLimitIsLow,description:k.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:k.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:p.important},buttonStyle:{width:"31%"},onButtonClick:()=>{ze(!1),ge("Toast Button","Pay Now")},showCloseButton:!0,onClose:i=>{i.preventDefault(),i.stopPropagation(),ze(!1)}},title:"informative",placement:"bottom-end",open:$a&&Wa,children:t.jsxs(Vt,{ref:it,onClick:()=>{ze(!1),ge("Text Button","Pay Now")},hasPointer:!0,children:[tt.length>0&&t.jsx(st,{slideUpCount:tt.length,style:{alignItems:"flex-end",width:"auto"},children:tt.map((i,s)=>t.jsx(Ci,{isImportant:s===1,children:i},`card-pay-now-${s.toString()}`))}),t.jsx(Wt,{})]})}):ce.amount>0?t.jsxs(bi,{onClick:()=>ge("Text Button","Pay Early"),children:[k.payEarly,t.jsx(Wt,{})]}):null)]})]}):x&&A?t.jsx(Ut,{cardType:"creditCard","data-testid":V("card-list-page-promo-card-back","credit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.credit),creditLimit:nt("0,0",Ce.amount,Ce.currencySymbol),onCreateNowClick:gt}):Be?t.jsx(_t,{cardPromoType:"credit","data-testid":V("card-list-page-promo-card","credit"),cardText:b.listPage.creditCards,header:b.listPage.getAccessTo,title:b.listPage.creditCards,subTitle:b.listPage.promoSubText.credit,slidingTextList:Gt("credit",Ne,{amount:S,currencyCode:Ce.currencyCode,currencySymbol:Ce.currencySymbol}),onClick:Ct,status:Bt?"rejected":Dt?"under_review":void 0,statusMessage:Bt?b.listPage.status.rejectedMessage:Dt?b.listPage.status.underReviewMessage:void 0}):null,Oa||Ua?t.jsxs(qt,{windowSize:M,"data-testid":V("debit-spend-bar-container"),children:[t.jsxs(Xt,{children:[t.jsx(Qt,{children:t.jsxs(Zt,{children:[t.jsx(Kt,{children:O.debitCardSpend}),t.jsx(ie,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...D.h5Regular.cssObject},decimalStyles:{...D.largeSemiBold.cssObject}})]})}),t.jsx(Ti,{children:Ie!==0?t.jsxs(t.Fragment,{children:[Ie<0?t.jsx(Di,{}):t.jsx(Bi,{}),t.jsx(Mi,{hasNegativeValue:Ie<0,children:nt("0,0.00",Ie,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(da,{children:O.compareToLastMonth})]}):null})]}),t.jsx(sa,{children:t.jsx(Le,{children:`${B.texts.limitReset} ${le!=null?le.format(je.visual.MMMDFormat):null}`})})]}):y&&I?t.jsx(Ut,{cardType:"debitCard","data-testid":V("card-list-page-promo-card-back","debit"),header:b.listPage.spendSmarter,title:b.listPage.setUpText.replace("__cardType__",b.listPage.debit),onCreateNowClick:gt}):y?t.jsx(_t,{cardPromoType:"debit","data-testid":V("card-list-page-promo-card","debit"),cardText:b.listPage.debitCards,header:b.listPage.getAccessTo,title:b.listPage.debitCards,subTitle:b.listPage.promoSubText.debit,slidingTextList:Gt("debit",Ne),onClick:Ct}):null,t.jsxs(Fi,{windowSize:M,"data-testid":V("credit-spend-info-container"),children:[Te?t.jsxs(Ii,{children:[t.jsx(Le,{style:{textAlign:"start"},children:O.totalCashback}),t.jsx(ie,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:D.h5Regular.cssObject,decimalStyles:D.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ai,{windowSize:M,children:t.jsxs(Ri,{windowSize:M,onClick:Sa,"data-testid":V("total-cashback-info"),children:[t.jsx(Li,{children:O.overview}),t.jsx(Oi,{})]})}):null]}):null,t.jsx(Ui,{children:t.jsx(Vi,{})})]})]}),e.cards.length===0&&ee===!0||Ra?t.jsx(_i,{children:t.jsx(Lr,{companyLegalName:d,cards:e.cards,admins:u,hasZeniFinopsRoles:Se,cashbackRate:Ne})}):t.jsxs(t.Fragment,{children:[Ue&&o.cardId!=null&&C&&t.jsx(zt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{xe(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ga,onDismissClick:()=>{xe(!1),E()},onRemoveCardClick:()=>{}}),_e&&o.cardId!=null&&C&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{fe(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:C},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ha,onDismissClick:()=>{fe(!1),E()},onRemoveCardClick:()=>{}}),ja&&h.bulkActionCardIds.length>0&&t.jsx(zt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{X(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{X(!1),j([])},onRemoveCardClick:Mt}),va&&h.bulkActionCardIds.length>0&&t.jsx(Ot,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{Y(!1),j([])},isChargeCardAdmin:!0,chargeCardsByCardId:ae.chargeCardsByCardId,cardRecurringExpensesByCardId:ae.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ae.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{Y(!1),j([])},onRemoveCardClick:Mt}),Ve&&o.cardId!=null&&C&&t.jsx(Er,{currentCardName:C.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{We(!1),E()},onSubmitClick:i=>{o.cardId!=null&&ga(o.cardId,i)}}),Ge&&o.cardId!=null&&C&&t.jsx(Fr,{controllerEmails:K,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:A,productInformation:$e,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,cardDetail:C,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:g,creditAccountRepayment:P,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:()=>{He(!1),E()},onSubmitClick:i=>{if(o.cardId!=null){const s={amount:i,currencyCode:C.limit.currencyCode,currencySymbol:C.limit.currencySymbol};ne(o.cardId,s,C.creditLimitFrequency,me("0,0.[00]",s))}},recommendations:C.recommendations}),La&&T.length>0&&t.jsx(ii,{currentSpentAmount:Pa??{amount:0,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Ea,hasCreditCard:h.hasCreditCards,hasDebitCard:h.hasDebitCards,signedInUser:Re,isDisabled:h.hasDebitCards&&N.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{ye(!1),j([])},onSubmitClick:i=>{const s={amount:i,currencyCode:T[0].limit.currencyCode,currencySymbol:T[0].limit.currencySymbol};H(h.bulkActionCardIds,s,T[0].creditLimitFrequency)}}),t.jsx(vr,{cardsSelectedForBulkAction:h.bulkActionCardIds,isBulkActionAllowed:w,firstSelectedCardStatus:Aa,bulkSubmissionLimit:jr,removeAllCardsFromBulkActionList:()=>j([]),updateBulkActionList:j,onProceedForBulkActionClick:Fa,onBulkLockClick:Ka,onBulkCloseClick:Ya,setShowBulkChangeSpendLimitPopup:ye,depositAccountListWithDebitCardIssued:N,setCardIdForRowAction:Oe,setActionTypeForRowAction:ft,cashbackInformation:te,creditAccountInformation:we,debitAccountInformation:ke,productInformation:$e,controllerEmails:K,isChargeCardFeatureEnabled:x,isCardControlsEnabled:se,isDebitCardFeatureEnabled:y,isDebitCardSetupEnabled:I,isChargeCardSetupEnabled:A,creditAccount:g,creditAccountRepayment:P,cardList:e.cards,showViewForCardUser:!1,signedInUser:Re,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:ya,onChargeCardRowClick:Ca,searchText:c,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ca,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:wa,onChargeCardResendInviteClick:ba,rowActionView:o})]})]})]})},Ci=r(ta)`
+  color: ${e=>e.isImportant?p.important:e.theme.colors.primary};
+  text-align: end;
+`,gi=r(ta)`
+  color: ${p.brandColorGoldDark};
+  text-align: end;
+`,Vt=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp1};
+  height: 21px;
+  overflow: hidden;
+  cursor: ${e=>e.hasPointer?"pointer":"default"};
+`,bi=r(J)`
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+`,Wt=r(dt)`
+  color: ${e=>e.theme.colors.primary};
+  width: 12px;
+  height: 12px;
+`,fi=r(nr)`
+  color: ${p.brandColorGoldDark};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,xi=r(or)`
+  color: ${p.important};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,yi=r(J)`
+  color: ${p.heroDark};
+  white-space: pre-line;
+  text-align: left;
+`,Si=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Gt=(e,c,u)=>{const d=(c*100).toFixed(2);if(e==="credit"){const n=[...b.listPage.promoMultiText.credit];if(n[1]=n[1].replace("__cashBack__",d),u&&u.amount!==0)return n[0]=n[0].replace("__creditLimit__",nt("0,0",u.amount,u.currencySymbol)),[...n,n[0]];{const m=n.slice(1);return[...m,m[0]]}}else if(e==="debit"){const n=[...b.listPage.promoMultiText.debit];return n[0]=n[0].replace("__cashBack__",d),[...n,n[0]]}return[]},wi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:c,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:d})=>e&&c&&u&&d?O.title.cards:e&&c?O.title.credit:u&&d?O.title.debit:"",ki=r.div`
+  text-align: left;
+`,Ht=r.span``,$i=r.span`
+  white-space: nowrap;
+`,Ii=r.div`
+  min-width: 137px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+`,vi=r.div`
+  min-width: ${a.sp12};
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,sa=r.div`
+  min-width: ${a.sp11};
+  padding: ${a.sp2} ${a.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-bottom-left-radius: ${a.sp2};
+  border-bottom-right-radius: ${a.sp2};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  display: flex;
+`,ji=r(sa)`
+  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
+`,Li=r.div``,Ai=r.div`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${a.sp12};
+  width: fit-content;
+  justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
+  margin-top: ${a.sp1};
+  padding: ${a.sp0} ${a.sp2};
+`,Pi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+`,Ei=r.div`
+  display: flex;
+  flex-direction: row;
+  margin-top: ${a.sp3};
+  margin-right: ${e=>pe.contentContainerMargin.valuePx(e.windowSize)};
+  margin-bottom: ${a.sp4};
+  margin-left: ${e=>pe.contentContainerMargin.valuePx(e.windowSize)};
+  align-items: center;
+  gap: ${a.sp3};
+  ${e=>e.windowSize==="small"&&lt`
+      overflow-x: scroll;
+      gap: ${a.sp2};
+      min-height: 190px;
+      /* Hide scrollbar for Chrome, Safari and Opera */
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      /* Hide scrollbar for IE, Edge and Firefox */
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    `}
+`,qt=r.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${p.Elevation1Light};
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  min-width: ${e=>pe.cardsMinWidth.valuePx(e.windowSize)};
+  height: 188px;
+  justify-content: space-between;
+  flex-basis: 33.33%;
+`,Fi=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-self: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  text-align: ${e=>e.windowSize==="small"?"start":"end"};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${p.Elevation1Light};
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${a.sp4};
+  align-self: stretch;
+  position: relative;
+  overflow: hidden;
+  min-width: ${e=>pe.cardsMinWidth.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
+  background-repeat: no-repeat;
+  background-position: bottom right;
+  height: 188px;
+  flex-grow: 1;
+  flex-basis: 33.33%;
+`,Jt=r.div`
+  display: flex;
+  align-items: baseline;
+  gap: ${a.sp2};
+  align-items: center;
+`,Kt=r(J)`
+  color: ${e=>e.theme.colors.hero};
+`,Yt=r(ir)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${pi.remainingText.style(e.windowSize)}`};
+`,Le=r(J)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+`,Ti=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp1};
+  padding: 3px ${a.sp0};
+  margin-top: 20px;
+`,da=r(sr)`
+  color: ${e=>e.theme.colors.hero};
+`,Mi=r(da)`
+  color: ${e=>e.hasNegativeValue?p.success:p.important};
+`,Di=r(Dr)`
+  color: ${p.success};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,Bi=r(Br)`
+  color: ${p.important};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,Ri=r(ct)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>pe.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  gap: ${a.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: min-content;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ni=r.div`
+  width: 100%;
+  height: ${a.sp1};
+  display: flex;
+  margin: ${a.sp2} ${a.sp0};
+  background: ${e=>e.theme.colors.grey3};
+`,zi=r.div`
+  background: ${p.success};
+  width: 0%;
+  height: ${a.sp1};
+
+  transition: width 4s ease;
+`,Oi=r(dt)`
+  color: inherit;
+  width: ${a.sp2};
+  height: ${a.sp2};
+`,_i=r.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
+`,Xt=r.div`
+  padding: ${a.sp4};
+  padding-bottom: ${a.sp2};
+`,Qt=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Zt=r.div``,Ui=r.div`
+  height: ${a.sp10};
+  width: ${a.sp10};
+`;function Vi(){switch(ea().mode){case"light":return t.jsx(Mr,{});case"dark":default:return t.jsx(Tr,{})}}export{po as default,Gt as getPromoSlidingTextList};