@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/ChargeCardListPage-_3lJqIYP-iewbQ3J2.js

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