@zeniai/web-cockpit-ui 1.14.72-dev-betaSK01 → 1.14.73-dev

package/dist/assets/ChargeCardListPage-BTH_OAht-CJvC6mTi.js

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