@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/ChargeCardListPage-CiUoFBZq-BBkjDTTQ.js

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