@zeniai/web-cockpit-ui 1.14.20-qa → 1.14.21-dev

package/dist/assets/ChargeCardListPage-DMYZIi2J-C0pY-hXD.js

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