@zeniai/web-components 3.17.3 → 3.17.4

package/dist/ChargeCardListPage-BtOaYWEC.cjs

@@ -0,0 +1,412 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),l=require("react"),be=require("@emotion/react"),s=require("@emotion/styled"),Q=require("@zeniai/client-epic-state"),e=require("./index-DFkWjm-c.cjs"),Fo=require("./BusyIndication-uYazd6fr.cjs"),No=require("./SpendManagementSection-DjwnOd4_.cjs"),U=require("./ChargeCardListTable-Cwu6-wEj.cjs"),Lo=require("./ChargeCardPromoPage-BloCWs8G.cjs"),$t=require("./PromoBaseCards-DdQkU_zS.cjs"),X=require("./LockCardPage-CaSS5GkR.cjs"),kt=require("./graphic-no-data-net-burn-l-BsNm-O1g.cjs"),_t=require("./arrow-south-east-round-Bf4omcR_.cjs"),Ve={infoSubheadingTextMarginTop:new e.ResponsiveSized(e.sp[0],e.sp[0]),cardsMinWidth:new e.ResponsiveSized(343,353)},ve=e.appLocale.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,It=({cardPromoType:t,cardText:d,header:u,title:c,subTitle:a,slidingTextList:m,onClick:P,status:C,statusMessage:_})=>{const N=e.useWindowSizeContext(),k=C!==void 0,A=C==="rejected"?ve.status.requestRejected:C==="under_review"?ve.status.requestUnderReview:"";return o.jsxRuntimeExports.jsxs(zo,{windowSize:N,cardPromoType:t,"data-testid":e.generateDataTestId("list-page-promo-card",t),onClick:()=>P(t),children:[o.jsxRuntimeExports.jsxs(At,{isStatusMode:k,children:[o.jsxRuntimeExports.jsxs(qt,{children:[k?o.jsxRuntimeExports.jsx(Uo,{children:A}):o.jsxRuntimeExports.jsx(Ut,{children:u}),o.jsxRuntimeExports.jsx(Do,{children:c}),k?null:o.jsxRuntimeExports.jsx(Go,{children:a})]}),!k&&o.jsxRuntimeExports.jsxs(Yo,{children:[o.jsxRuntimeExports.jsx(Ko,{}),m.length>0&&o.jsxRuntimeExports.jsx(Qe,{slideUpCount:m.length,children:m.map((V,ee)=>o.jsxRuntimeExports.jsx(Dt,{children:V},`card-promo-${ee.toString()}`))}),o.jsxRuntimeExports.jsx(Jo,{})]}),_!=null&&k?o.jsxRuntimeExports.jsx(qo,{status:C,children:_}):null]}),o.jsxRuntimeExports.jsx(Zo,{isStatusMode:k,children:o.jsxRuntimeExports.jsx($t.PlasticBaseCard,{cardPromoType:t,cardText:d,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),o.jsxRuntimeExports.jsx(Qo,{isStatusMode:k,children:o.jsxRuntimeExports.jsx($t.MetalBaseCard,{cardPromoType:t,cardText:d,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Et=({cardType:t,header:d,title:u,creditLimit:c,onCreateNowClick:a})=>{const m=e.useWindowSizeContext();return o.jsxRuntimeExports.jsx(_o,{windowSize:m,cardType:t,children:o.jsxRuntimeExports.jsxs(Ao,{children:[o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Ut,{children:d}),o.jsxRuntimeExports.jsx(Wo,{children:o.jsxRuntimeExports.jsx(Ho,{children:u})}),o.jsxRuntimeExports.jsx(Xo,{windowSize:m,children:o.jsxRuntimeExports.jsxs(Vo,{windowSize:m,onClick:()=>a(t),"data-testid":e.generateDataTestId("total-cashback-info"),children:[o.jsxRuntimeExports.jsx(Dt,{children:ve.createNow}),o.jsxRuntimeExports.jsx(es,{})]})})]}),t==="creditCard"?o.jsxRuntimeExports.jsxs(ts,{children:[o.jsxRuntimeExports.jsx(os,{children:ve.creditLimit}),o.jsxRuntimeExports.jsx(ss,{children:c})]}):null]})})},Oo=t=>{const d=t-1;let u=`
+    0% {
+      transform: translateY(0);
+    }
+  `;const c=d*3.5,a=.5,m=3;for(let P=1;P<d;P++){const C=P*(m+a)*100/c,_=C-a*100/c,N=-21*P;u+=`
+    ${_}% {
+      transform: translateY(${N+21}px); 
+    }
+    ${C}% {
+      transform: translateY(${N}px);
+    }
+    `}return u+=`
+  ${((d-1)*(m+a)+m)*100/c}% {
+    transform: translateY(${-21*(d-1)}px);
+  }
+  99.99% {
+    transform: translateY(${-21*d}px);
+  }
+  100% {
+      transform: translateY(0);
+  }
+  `,be.keyframes`${u}`},zo=s.div`
+  display: flex;
+  flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
+  align-items: center;
+  gap: ${e.Space.sp3};
+  background-color: ${t=>t.cardPromoType==="debit"?t.theme.colors.brandColorOnyx:t.theme.colors.brandColorSapphireDark};
+  border-radius: 12px;
+  padding: ${e.Space.sp4};
+  color: white;
+  min-width: ${t=>Ve.cardsMinWidth.valuePx(t.windowSize)};
+  height: 188px;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  flex-grow: 1;
+  flex-basis: 33.33%;
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>t.theme.colors.elevation1};
+  ${t=>t.cardPromoType==="debit"?be.css`
+          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}
+`,_o=s.div`
+  background-color: ${t=>t.cardType==="debitCard"?t.theme.colors.brandColorOnyx:t.theme.colors.brandColorSapphire};
+  border-radius: 12px;
+  padding: ${e.Space.sp4};
+  color: white;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  min-width: ${t=>Ve.cardsMinWidth.valuePx(t.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 ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>t.theme.colors.elevation1};
+`,At=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: ${t=>t.isStatusMode===!0?"38px":e.Space.sp5};
+`,Ao=s(At)`
+  flex-direction: row;
+  justify-content: space-between;
+`,Ut=s(e.EyebrowSmallMedium)`
+  color: ${t=>t.theme.colors.brandColorGold};
+`,Uo=s(e.EyebrowSmallMedium)`
+  color: ${t=>t.theme.colors.brandColorGold};
+  text-transform: uppercase;
+`,qo=s(e.SmallRegular)`
+  color: ${e.Colors.neutralGrey5Light};
+  max-width: ${t=>t.status==="rejected"?"188px":"200px"};
+`,Do=s(e.H5Regular)`
+  color: ${t=>t.theme.colors.brandColorJade};
+`,Ho=s(e.H6Regular)`
+  color: ${e.Colors.neutralGrey5Light};
+  white-space: pre-line;
+`,Wo=s.div`
+  width: auto;
+  text-align: left;
+`,Go=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.brandColorJade};
+`,Yo=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp2};
+  height: 21px;
+  overflow: hidden;
+`,Qe=s(e.SmallRegular)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  overflow: hidden;
+  align-self: baseline;
+  width: 224px;
+  ${t=>be.css`
+    animation: ${Oo(t.slideUpCount)}
+      ${(t.slideUpCount-1)*3.5}s ease-out infinite;
+  `}
+`,qt=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,Ko=s(e.SvgTickRound)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${e.Colors.success};
+  border-radius: 50%;
+`,Jo=s(e.SvgArrowTailRight)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.brandColorJade};
+  margin-left: ${e.Space.sp3};
+`,Zo=s.div`
+  position: absolute;
+  top: ${t=>t.isStatusMode===!0?e.Space.sp5:e.Space.sp2};
+  right: -29px;
+`,Qo=s.div`
+  position: absolute;
+  top: ${t=>t.isStatusMode===!0?e.Space.sp9:"37px"};
+  right: -46px;
+`,Dt=s.div``,Xo=s.div`
+  border: 1px solid ${e.Colors.neutralGrey5Light};
+  border-radius: ${e.Space.sp12};
+  width: fit-content;
+  justify-self: ${t=>t.windowSize==="small"?"flex-start":"flex-end"};
+  margin-top: ${e.Space.sp1};
+  padding: ${e.Space.sp0} ${e.Space.sp2};
+`,Vo=s(e.ExtraSmallRegular)`
+  color: ${e.Colors.neutralGrey5Light};
+  margin-top: ${t=>Ve.infoSubheadingTextMarginTop.valuePx(t.windowSize)};
+  gap: ${e.Space.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,es=s(e.SvgArrowRight)`
+  color: ${e.Colors.neutralGrey5Light};
+  width: ${e.Space.sp2};
+  height: ${e.Space.sp2};
+`,ts=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,os=s(e.ExtraSmallRegular)`
+  color: ${e.Colors.neutralGrey5Light};
+`,ss=s(e.StandardRegular)`
+  color: ${e.Colors.neutralGrey5Light};
+`,ae="spendLimit",q=e.appLocale.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function ns({currentSpentAmount:t,hasCreditCard:d,hasDebitCard:u,maxLimitAmountForCreditCard:c,maxLimitAmountForDebitCard:a,isDisabled:m,updateLimitFetchState:P,onCancelClick:C,onSubmitClick:_}){const N=e.useWindowSizeContext(),k="SpendLimitForm",A=o.useForm({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ae]:void 0}}),{control:V,formState:{errors:ee}}=A,[$e,ke]=l.useState(void 0),g=o.useWatch({control:V,name:ae}),Ie=()=>{C()},Ee=A.handleSubmit(()=>{const y=A.getValues(ae);y!=null&&_(y)}),f=o.has(ee,ae),R=e.appLocale.getLocalizedStrings().common,T=Re.largeLabelWidth.value(N);return l.useEffect(()=>{ke(rs(t,d,u,c,a,g))},[g,t,c,a,d,u]),o.jsxRuntimeExports.jsx(as,{windowSize:N,role:"presentation",children:o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>C(),children:o.jsxRuntimeExports.jsxs(is,{windowSize:N,children:[o.jsxRuntimeExports.jsx(o.FormProvider,{...A,children:o.jsxRuntimeExports.jsxs(ms,{id:k,onSubmit:y=>{y.preventDefault(),Ee()},children:[o.jsxRuntimeExports.jsx(cs,{windowSize:N,children:q.heading}),o.jsxRuntimeExports.jsx(us,{hasError:f,children:o.jsxRuntimeExports.jsx(e.LabeledFormattedTextField,{label:{label:q.newLimit,width:T},showAdditionalInfoLabel:f,additionalInfoLabel:$e,formattedTextField:{type:"number",name:ae,defaultValue:void 0,placeholder:q.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:y=>{if(!y||y<=0||y<=t.amount)return!1;if(u&&d&&a!=null&&c!=null){const D=Math.min(a.amount,c.amount);if(y>D)return!1}else{if(u&&a!=null&&y>a.amount)return!1;if(d&&c!=null&&y>c.amount)return!1}return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),o.jsxRuntimeExports.jsx(ps,{children:o.jsxRuntimeExports.jsxs(ls,{children:[o.jsxRuntimeExports.jsx(e.Button,{label:R.cancel,onClick:Ie,style:{width:84}}),o.jsxRuntimeExports.jsx(ds,{}),o.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:R.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:P==="In-Progress",type:"submit",form:k,disabled:m})]})})]})})})}const rs=(t,d,u,c,a,m)=>{if(m!=null){if(m<=t.amount)return q.amountBelowErrorBulk;if(u&&d&&a!=null&&c!=null){const P=Math.min(a.amount,c.amount);if(m>P){const C=a.amount<c.amount?"debit":"credit",_=a.amount<c.amount?a:c;return q.maxLimitForCardTypeError.replace("_card_type_",C).replace("_amount_",e.amountToString("0,0.[00]",_))}}else{if(u&&a!=null&&m>a.amount)return q.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",e.amountToString("0,0.[00]",a));if(d&&c!=null&&m>c.amount)return q.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",e.amountToString("0,0.[00]",c))}}},Re={width:new e.ResponsiveSized(343,500,500),largeLabelWidth:new e.ResponsiveSized(108,108,108),popupLeftRightPadding:new e.ResponsiveSized(e.sp[5],e.sp[6]),popupTopBottomPadding:new e.ResponsiveSized(e.sp[5],e.sp[5])},as=s.div`
+  position: fixed;
+  top: ${e.Space.sp0};
+  left: ${e.Space.sp0};
+  width: 100%;
+  z-index: 100;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${e.Colors.overlayDark};
+`,is=s.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${t=>t.theme.colors.grey4};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  margin: auto;
+  width: ${t=>Re.width.valuePx(t.windowSize)};
+  padding: ${t=>`${Re.popupTopBottomPadding.valuePx(t.windowSize)} ${Re.popupLeftRightPadding.valuePx(t.windowSize)}`};
+  box-sizing: border-box;
+`,cs=s(e.H6Medium)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+`,ls=s.div`
+  display: flex;
+  justify-content: center;
+  padding-top: ${e.Space.sp4};
+`,ds=s.div`
+  width: ${e.Space.sp3};
+`,ps=s.div`
+  display: flex;
+  flex-direction: column;
+`,us=s.div`
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+  box-shadow: ${t=>`${e.Space.sp0} 1px 2px ${e.Space.sp0} ${t.theme.colors.issueChargeCardBackgroundShadow}`};
+  border-radius: ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey5};
+  width: 100%;
+  :hover {
+    border: ${t=>`1px solid ${t.theme.colors.primary}`};
+    input {
+      background-color: ${t=>t.hasError?e.Colors.importantLight:t.theme.colors.background} !important;
+    }
+  }
+`,ms=s.form`
+  display: contents;
+`,ie={contentContainerMargin:new e.ResponsiveSized(e.sp[3],e.sp[4],e.sp[8]),infoSubheadingTextMarginTop:new e.ResponsiveSized(e.sp[0],e.sp[0]),cardsMinWidth:new e.ResponsiveSized(343,353)},xs={remainingText:new e.ResponsiveSizedStyle("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:j,cardList:z,chargeCardsPromo:S}},common:F,dateFormat:je}=e.appLocale.getLocalizedStrings(),hs=({chargeCardListView:t,searchText:d,admins:u,companyLegalName:c,onFetchChargeCardsRecurringExpenses:a,onFetchDepositAccountLimit:m,onCloseChargeCard:P,onCloseChargeCardList:C,onLockChargeCard:_,onLockChargeCardList:N,onUnlockChargeCardList:k,updateChargeCardListSpendLimit:A,onUpdateSpendLimit:V,isCardControlsEnabled:ee,isCashbackFeatureEnabled:$e,creditCardPayNowThreshold:ke,isChargeCardFeatureEnabled:g,isCompanyInterestedInChargeCard:Ie,isCreditCardProductVisibleForExpressInterest:Ee,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:R,isChargeCardSetupEnabled:T,companyChargeCardInfoCreditAccountLimit:y,controllerEmails:D,onRevokeChargeCardList:et,depositAccountListWithDebitCardIssued:L,chargeCardCashbackDetailState:v,uiState:Gt,signedInUser:Pe,creditLimit:ce,cashbackRate:Te,onSearchTextChanged:Yt,onClickSetupIcon:Kt,isEarlyPayEnabled:te,onClickStatementsIcon:Jt,onChargeCardRowClick:Zt,updateChargeCardName:Qt,onChargeCardResendInviteClick:Xt,onChargeCardRevokeInviteClick:tt,onUnlockChargeCard:ot,onIssueCardClick:Vt,onBackClick:eo,onReloadCards:to,onTotalCashbackClick:oo,onColumnSortConfigChanged:so,onClickMenuIcon:no,onPromoCardClick:st,onCreateNowClick:nt,showPayNowInfoTooltip:ro,navigateToCreditCardPaymentPage:le,shouldShowPayNowInfoTooltip:Be,rowActionView:n,bulkActionView:p,onSetRowActionCardId:Me,onSetBulkActionCardIds:b})=>{const de=e.useToolkitContext().analytics,[rt,ao]=l.useState(!1),[we,pe]=l.useState(!1),[Fe,ue]=l.useState(!1),[io,H]=l.useState(!1),[co,W]=l.useState(!1),[lo,me]=l.useState(!1),[Ne,Le]=l.useState(!1),[Oe,ze]=l.useState(!1),[_e,at]=l.useState(void 0),po=p.chargeCards[0]?.status.code,{creditAccount:h,creditAccountRepayment:I}=t,E=l.useCallback(()=>{Me(void 0),at(void 0)},[Me]),B=p.chargeCards,uo=l.useMemo(()=>B.length===0?void 0:B.reduce((i,w)=>w.balance.amount>i.balance.amount?w:i,B[0]).balance,[B]),mo=l.useMemo(()=>{const r=B.filter(O=>O.type.code.includes("debit"));if(r.length===0)return;const i=r.map(O=>L.depositAccounts.find(wo=>wo.id===O.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter(O=>O!==void 0);return i.length===0?void 0:i.reduce((O,re)=>re.amount<O.amount?re:O)},[B,L.depositAccounts]),it=e.usePrevious(t.unlockChargeCardsFetchState.fetchState),ct=e.usePrevious(t.revokeChargeCardsInviteFetchState.fetchState),lt=e.usePrevious(t.lockChargeCardsFetchState.fetchState),dt=e.usePrevious(t.closeChargeCardsFetchState.fetchState),pt=e.usePrevious(t.updateChargeCardsSpendLimitFetchState.fetchState);l.useEffect(()=>{const r=it==="In-Progress"&&t.unlockChargeCardsFetchState.fetchState==="Completed",i=ct==="In-Progress"&&t.revokeChargeCardsInviteFetchState.fetchState==="Completed",w=lt==="In-Progress"&&t.lockChargeCardsFetchState.fetchState==="Completed",O=dt==="In-Progress"&&t.closeChargeCardsFetchState.fetchState==="Completed",re=pt==="In-Progress"&&t.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(r||i)&&b([]),w&&(H(!1),b([])),O&&(W(!1),b([])),re&&(me(!1),b([]))},[t.unlockChargeCardsFetchState.fetchState,t.revokeChargeCardsInviteFetchState.fetchState,t.lockChargeCardsFetchState.fetchState,t.closeChargeCardsFetchState.fetchState,t.updateChargeCardsSpendLimitFetchState.fetchState,it,ct,lt,dt,pt,b]);const G=n.cardId!=null?n.unlockChargeCardsFetchState.fetchState:void 0,ut=e.usePrevious(G),Ae=n.cardId!=null?n.updateChargeCardLimitFetchState.fetchState:void 0,mt=e.usePrevious(Ae),Ue=n.cardId!=null?n.updateChargeCardNameFetchState.fetchState:void 0,xt=e.usePrevious(Ue),qe=n.cardId!=null?n.lockChargeCardsFetchState.fetchState:void 0,ht=e.usePrevious(qe),De=n.cardId!=null?n.closeChargeCardsFetchState.fetchState:void 0,St=e.usePrevious(De),Y=n.cardId!=null?n.revokeChargeCardFetchState.fetchState:void 0,gt=e.usePrevious(Y);l.useEffect(()=>{n.cardId!=null&&ut==="In-Progress"&&G==="Completed"?E():n.cardId!=null&&mt==="In-Progress"&&Ae==="Completed"?(ze(!1),E()):n.cardId!=null&&xt==="In-Progress"&&Ue==="Completed"?(Le(!1),E()):n.cardId!=null&&ht==="In-Progress"&&qe==="Completed"?(pe(!1),E()):n.cardId!=null&&St==="In-Progress"&&De==="Completed"?(ue(!1),E()):n.cardId!=null&&gt==="In-Progress"&&Y==="Completed"&&E()},[n.cardId,G,Ae,Ue,qe,De,Y,ut,xt,mt,ht,St,gt,E]);const xo=l.useCallback(r=>{switch(r){case"close":a(p.bulkActionCardIds),W(!0);break;case"lock":a(p.bulkActionCardIds),H(!0);break;case"unlock":k(p.bulkActionCardIds);break;case"update_limit":me(!0);break;case"revoke_invite":et(p.bulkActionCardIds);break}},[p.bulkActionCardIds,a,et,k]),x=n.chargeCard;l.useEffect(()=>{if(!(_e===void 0||n.cardId===void 0||x===void 0))switch(_e){case U.ActionTypeForRowAction.CLOSE:Fe||(a([n.cardId]),ue(!0));break;case U.ActionTypeForRowAction.LOCK:we||(a([n.cardId]),pe(!0));break;case U.ActionTypeForRowAction.UNLOCK:G!=="In-Progress"&&G!=="Completed"&&ot(n.cardId);break;case U.ActionTypeForRowAction.REVOKE_INVITE:Y!=="In-Progress"&&Y!=="Completed"&&tt(n.cardId);break;case U.ActionTypeForRowAction.RENAME:Ne||Le(!0);break;case U.ActionTypeForRowAction.UPDATE_SPEND_LIMIT:Oe||(x.type.code.includes("debit")&&n.depositAccountLimitFetchState.fetchState!=="Completed"&&m(x.connectedAccountId,n.cardId),ze(!0));break}},[_e,n.cardId,Oe,Ne,Fe,we,G,Y,a,m,ot,tt]);const He=e.useGlobalInfoContext(),K=!!He.loggedInUserRole.includes("charge_card_user"),xe=e.isZeniFinopsRoles(He),$=Q.hasChargeCardAdminLevelAccess(He.loggedInUserRoleMap),J=l.useMemo(()=>$===!0?{creditCardCashbackOffer:`${v.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${v.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:e.roundAmountIfNeeded(v.cashbackSummary.cashbackEarned.amount),redeemedCashback:e.roundAmountIfNeeded(v.cashbackSummary.cashbackRedeemed.amount),availableCashback:e.roundAmountIfNeeded(v.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:v.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:v.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[$,v.cashbackAnalytics.creditCardCashbackOffer,v.cashbackAnalytics.debitCardCashbackOffer,v.cashbackSummary.cashbackEarned.amount,v.cashbackSummary.cashbackRedeemed.amount,v.cashbackSummary.cashbackAvailable.amount,v.cashbackAnalytics.creditCardCashbackRedemptionMode,v.cashbackAnalytics.debitCardCashbackRedemptionMode]),he=l.useMemo(()=>g&&T&&$===!0?{creditAccountId:h.id,creditAccountLimit:e.roundAmountIfNeeded(h.limit.amount),creditAccountAvailableAmount:e.roundAmountIfNeeded(h.available.amount),creditAccountSpentAmount:e.roundAmountIfNeeded(h.balance.amount+h.hold.amount),creditAccountStatus:h.status,outstandingBalance:e.roundAmountIfNeeded(I.remainingAmountDue.amount)}:void 0,[g,T,$,h.id,h.limit.amount,h.available.amount,h.balance.amount,h.hold.amount,h.status,I.remainingAmountDue.amount]),Se=l.useMemo(()=>f&&R?{debitAccountId:L.depositAccounts.map(r=>r.id),debitAccountName:L.depositAccounts.map(r=>r.accountName),debitAccountBalance:L.depositAccounts.map(r=>e.roundAmountIfNeeded(r.accountBalance.available.amount)),debitCardsSpend:e.roundAmountIfNeeded(t.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:L.depositAccounts.map(r=>r.accountStatus)}:void 0,[f,R,L.depositAccounts,t.debitCardSummary?.currentMonthSpends?.amount]),ge={isCreditCardOffered:g,isDebitCardOffered:f,isDebitCardEnabled:R,isCreditCardEnabled:T},ho=r=>{ao(r),r===!0&&(de.trackCardsListPageClicked("search"),(!g||h.fetchState==="Completed"&&I.fetchState==="Completed")&&(!(f&&R)||L.fetchState==="Completed")&&J!=null&&de.trackCardsCardListSearchClick(D,ge,J,he,Se))},M=e.useWindowSizeContext(),ft=xe&&!$,yt=t.creditAccount.balance.amount+t.creditAccount.hold.amount,oe={amount:yt,currencyCode:t.creditAccount.balance.currencyCode,currencySymbol:t.creditAccount.balance.currencySymbol},We=Math.round(oe.amount*100/t.creditAccount.limit.amount),So=isNaN(We)?0:yt!==0&&We===0?1:We,se=t.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Ge=$&&oe.amount>ke*t.creditAccount.limit.amount/100,ne=se!=null&&I.initiatedRepayments.amount>0,go={entity:"charge_cards",showNewButtonOnNavbar:$,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:$?z.newBtnLabel:F.strings.empty,hideSearchBtn:K,searchTextBoxStyle:{right:ft?e.Space.sp4:"96px"},moreIconContainerStyle:{paddingRight:ft?e.Space.sp0:e.Space.sp4},isSearchOpen:rt,searchPlaceHolder:z.searchPlaceHolder,searchText:d,showSettingsIcon:!K,showSettingsIconOnNavbar:$,showStatementButtonOnNavbar:g&&T,showPayEarlyButtonOnNavbar:te&&$&&oe.amount>0&&!ne&&!Ge,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:de,onSearchOpen:ho,onSearchTextChanged:Yt,onClickSetupIcon:Kt,onClickStatementsIcon:Jt,downloadState:"Not-Started",onNewButtonClick:Vt,onClickPayEarlyIcon:()=>le("More Button","Pay Early"),onMenuOpen:()=>{(!g||h.fetchState==="Completed"&&I.fetchState==="Completed")&&(!(f&&R)||L.fetchState==="Completed")&&J!=null&&de.trackCardsCardListMoreMenuClick(D,ge,J,he,Se)},filters:{categoryCombinationOperator:"AND",categories:[]}},fo=o.jsxRuntimeExports.jsx(No.SpendManagementSection,{spendManagementSectionProps:go}),yo=t.cards.length===0?!1:K&&Q.anyCardOnHold(t.cards),jo=t.fetchState==="Completed"?vs({isChargeCardFeatureEnabled:g,isChargeCardSetupEnabled:T,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:R}):"",fe=t.debitCardSummary!=null?t.debitCardSummary.currentMonthSpends.amount-t.debitCardSummary.lastCompletedMonthSpends.amount:0,Co=g&&T&&t.hasCreditCard,Ro=f&&R&&t.hasDebitCard,vo=g&&T&&xe&&!$,bo=f&&R&&xe&&!$,ye=t.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Q.dateNow(),"days")??0,Ye=[j.payNow,ye>0&&ye<11?`${j.billDueIn} ${ye} ${ye===1?F.timeStrings.day:F.timeStrings.days}`:j.creditLimitLow,j.payNow],jt=I.initiatedRepayments.amount===h.balance.amount+h.hold.amount,Ke=[j.paymentInitiated,`${z.header.limit} ${jt?F.resets:F.updates} ${F.by} ${Q.zeniDate(Q.getNextNthWorkingDay(I.initiatedRepaymentDate?.toDate()??Q.dateNow().toDate(),[0,6],3).toDateString()).format(je.visual.MMMDFormat)}`,j.paymentInitiated],Je=l.useRef(null),Ze=l.useRef(null),$o=o.useTheme(),[ko,Ct]=l.useState(!0);l.useEffect(()=>{const r=()=>{Ze.current&&(Ze.current.getBoundingClientRect().top<(M==="small"?68:40)?Ct(!1):Ct(!0))};r();const i=()=>{r()},w=Je.current;return w&&w.addEventListener("scroll",i),window.addEventListener("scroll",i),()=>{w&&w.removeEventListener("scroll",i),window.removeEventListener("scroll",i)}},[M]);const Io=r=>{const i=r.reasonType==="other"?r.reason:r.reasonType;n.cardId!=null&&P(n.cardId,i)},Eo=r=>{const i=r.reasonType==="other"?r.reason:r.reasonType;n.cardId!=null&&_(n.cardId,i)},Po=r=>{const i=r.reasonType==="other"?r.reason:r.reasonType;C(p.bulkActionCardIds,i)},To=r=>{const i=r.reasonType==="other"?r.reason:r.reasonType;N(p.bulkActionCardIds,i)},Z=l.useMemo(()=>{const r={};return p.chargeCards.forEach(i=>{r[i.id]=i}),{chargeCardsByCardId:r,cardRecurringExpensesByCardId:p.recurringExpensesByCardId,fetchState:p.recurringExpensesFetchState.fetchState}},[p]),Bo=l.useCallback(()=>{a(p.bulkActionCardIds),H(!0)},[p.bulkActionCardIds,a]),Mo=l.useCallback(()=>{a(p.bulkActionCardIds),W(!0)},[p.bulkActionCardIds,a]),Rt=l.useCallback(r=>{const i=p.bulkActionCardIds.filter(w=>w!==r);b(i),i.length===0&&(H(!1),W(!1))},[p.bulkActionCardIds,b]),vt=Ie&&y===0,bt=y===-1;return o.jsxRuntimeExports.jsxs(Bs,{ref:Je,children:[o.jsxRuntimeExports.jsx(e.NavBar,{title:jo,showBackButton:!0,showMenuIcon:M==="medium-compact"||M==="small",onClickMenuIcon:no,style:{zIndex:3},onBackClick:eo,rightSideComponent:fo,isSearchOpen:rt,hideSearchBtn:K,scrollableContent:Je,source:"ChargeCardListPage",backgroundColor:$o.colors.grey4}),t.fetchState==="Not-Started"||t.fetchState==="In-Progress"?o.jsxRuntimeExports.jsx(Fo.BusyIndication,{fetchState:t.fetchState,styles:{margin:"auto"}}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[K?null:o.jsxRuntimeExports.jsxs(Ms,{windowSize:M,children:[Co||vo?o.jsxRuntimeExports.jsxs(Mt,{windowSize:M,children:[o.jsxRuntimeExports.jsxs(Lt,{children:[o.jsxRuntimeExports.jsxs(Ot,{children:[o.jsxRuntimeExports.jsxs(zt,{children:[o.jsxRuntimeExports.jsx(Ft,{children:z.creditCardBalance}),o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:oe,integerStyles:{...e.textStyles.h5Regular.cssObject},decimalStyles:{...e.textStyles.largeSemiBold.cssObject}})]}),o.jsxRuntimeExports.jsxs(Is,{children:[o.jsxRuntimeExports.jsx(Ce,{style:{textAlign:"end"},children:F.texts.limit}),o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.creditAccount.limit,style:{justifyContent:"end"},integerStyles:e.textStyles.largeRegular.cssObject,decimalStyles:e.textStyles.smallRegular.cssObject})]})]}),o.jsxRuntimeExports.jsx(_s,{children:o.jsxRuntimeExports.jsx(As,{style:{width:`${So}%`,borderRadius:e.Space.sp1}})}),Ge&&!ne&&te?o.jsxRuntimeExports.jsx(e.Tooltip,{placement:"bottom",style:{color:e.Colors.heroDark,padding:`12px ${e.Space.sp3}`},title:o.jsxRuntimeExports.jsx(Cs,{children:j.creditLimitIsRunningLow}),children:o.jsxRuntimeExports.jsxs(wt,{children:[o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.creditAccount.available,integerStyles:e.textStyles.largeMedium.cssObject,decimalStyles:e.textStyles.smallMedium.cssObject}),o.jsxRuntimeExports.jsx(Nt,{windowSize:M,children:F.texts.remaining}),o.jsxRuntimeExports.jsx(Rs,{children:o.jsxRuntimeExports.jsx(js,{})})]})}):o.jsxRuntimeExports.jsxs(wt,{children:[o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.creditAccount.available,integerStyles:e.textStyles.largeMedium.cssObject,decimalStyles:e.textStyles.smallMedium.cssObject}),o.jsxRuntimeExports.jsx(Nt,{windowSize:M,children:F.texts.remaining})]})]}),o.jsxRuntimeExports.jsxs(Es,{showPaymentInitiatedInfo:ne,isEarlyPayEnabled:te,children:[ne&&te?null:o.jsxRuntimeExports.jsx(Ce,{children:`${F.texts.limitReset} ${se!=null?se.format(je.visual.MMMDFormat):null}`}),$&&te&&(ne?o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsx(e.Tooltip,{maxWidth:"242px",style:{padding:`12px ${e.Space.sp3}`},title:o.jsxRuntimeExports.jsxs(bs,{children:[o.jsxRuntimeExports.jsx(Bt,{children:`${j.paymentOf} ${e.amountToString("0,0.[00]",{amount:I.initiatedRepayments.amount,currencyCode:I.initiatedRepayments.currencyCode,currencySymbol:I.initiatedRepayments.currencySymbol})} ${j.madeOn} `}),o.jsxRuntimeExports.jsx($s,{children:I.initiatedRepaymentDate?.format(je.visual.MMMDFormat)}),F.strings.space,o.jsxRuntimeExports.jsx(Bt,{children:jt?j.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:j.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:o.jsxRuntimeExports.jsxs(Pt,{hasPointer:!1,children:[Ke.length>0&&o.jsxRuntimeExports.jsx(Qe,{slideUpCount:Ke.length,style:{alignItems:"flex-end",width:"auto"},children:Ke.map((r,i)=>o.jsxRuntimeExports.jsx(gs,{children:r},`card-payment-initiated-${i.toString()}`))}),o.jsxRuntimeExports.jsx(ys,{})]})})}):Ge?o.jsxRuntimeExports.jsx(e.Tooltip,{variant:"informative",arrow:!0,style:{top:e.Space.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:j.creditLimitIsLow,description:j.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:j.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:e.Space.sp0},tooltipIntroductionStyle:{color:e.Colors.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Be(!1),le("Toast Button","Pay Now")},showCloseButton:!0,onClose:r=>{r.preventDefault(),r.stopPropagation(),Be(!1)}},title:"informative",placement:"bottom-end",open:ro&&ko,children:o.jsxRuntimeExports.jsxs(Pt,{ref:Ze,onClick:()=>{Be(!1),le("Text Button","Pay Now")},hasPointer:!0,children:[Ye.length>0&&o.jsxRuntimeExports.jsx(Qe,{slideUpCount:Ye.length,style:{alignItems:"flex-end",width:"auto"},children:Ye.map((r,i)=>o.jsxRuntimeExports.jsx(Ss,{isImportant:i===1,children:r},`card-pay-now-${i.toString()}`))}),o.jsxRuntimeExports.jsx(Tt,{})]})}):oe.amount>0?o.jsxRuntimeExports.jsxs(fs,{onClick:()=>le("Text Button","Pay Early"),children:[j.payEarly,o.jsxRuntimeExports.jsx(Tt,{})]}):null)]})]}):g&&T?o.jsxRuntimeExports.jsx(Et,{cardType:"creditCard",header:S.listPage.spendSmarter,title:S.listPage.setUpText.replace("__cardType__",S.listPage.credit),creditLimit:e.amountValueToString("0,0",ce.amount,ce.currencySymbol),onCreateNowClick:nt}):Ee?o.jsxRuntimeExports.jsx(It,{cardPromoType:"credit",cardText:S.listPage.creditCards,header:S.listPage.getAccessTo,title:S.listPage.creditCards,subTitle:S.listPage.promoSubText.credit,slidingTextList:Xe("credit",Te,{amount:y,currencyCode:ce.currencyCode,currencySymbol:ce.currencySymbol}),onClick:st,status:bt?"rejected":vt?"under_review":void 0,statusMessage:bt?S.listPage.status.rejectedMessage:vt?S.listPage.status.underReviewMessage:void 0}):null,Ro||bo?o.jsxRuntimeExports.jsxs(Mt,{windowSize:M,children:[o.jsxRuntimeExports.jsxs(Lt,{children:[o.jsxRuntimeExports.jsx(Ot,{children:o.jsxRuntimeExports.jsxs(zt,{children:[o.jsxRuntimeExports.jsx(Ft,{children:z.debitCardSpend}),o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.debitCardSummary?.currentMonthSpends,integerStyles:{...e.textStyles.h5Regular.cssObject},decimalStyles:{...e.textStyles.largeSemiBold.cssObject}})]})}),o.jsxRuntimeExports.jsx(Fs,{children:fe!==0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[fe<0?o.jsxRuntimeExports.jsx(Ls,{}):o.jsxRuntimeExports.jsx(Os,{}),o.jsxRuntimeExports.jsx(Ns,{hasNegativeValue:fe<0,children:e.amountValueToString("0,0.00",fe,t.debitCardSummary?.currentMonthSpends.currencySymbol)}),o.jsxRuntimeExports.jsx(Wt,{children:z.compareToLastMonth})]}):null})]}),o.jsxRuntimeExports.jsx(Ht,{children:o.jsxRuntimeExports.jsx(Ce,{children:`${F.texts.limitReset} ${se!=null?se.format(je.visual.MMMDFormat):null}`})})]}):f&&R?o.jsxRuntimeExports.jsx(Et,{cardType:"debitCard",header:S.listPage.spendSmarter,title:S.listPage.setUpText.replace("__cardType__",S.listPage.debit),onCreateNowClick:nt}):f?o.jsxRuntimeExports.jsx(It,{cardPromoType:"debit",cardText:S.listPage.debitCards,header:S.listPage.getAccessTo,title:S.listPage.debitCards,subTitle:S.listPage.promoSubText.debit,slidingTextList:Xe("debit",Te),onClick:st}):null,o.jsxRuntimeExports.jsxs(ws,{windowSize:M,children:[$e?o.jsxRuntimeExports.jsxs(ks,{children:[o.jsxRuntimeExports.jsx(Ce,{style:{textAlign:"start"},children:z.totalCashback}),o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.totalCashback,style:{justifyContent:"flex-start"},integerStyles:e.textStyles.h5Regular.cssObject,decimalStyles:e.textStyles.smallSemiBold.cssObject}),t.totalCashback.amount>0?o.jsxRuntimeExports.jsx(Ts,{windowSize:M,children:o.jsxRuntimeExports.jsxs(zs,{windowSize:M,onClick:oo,"data-testid":e.generateDataTestId("total-cashback-info"),children:[o.jsxRuntimeExports.jsx(Ps,{children:z.overview}),o.jsxRuntimeExports.jsx(Us,{})]})}):null]}):null,o.jsxRuntimeExports.jsx(Ds,{children:o.jsxRuntimeExports.jsx(Hs,{})})]})]}),t.cards.length===0&&K===!0||yo?o.jsxRuntimeExports.jsx(qs,{children:o.jsxRuntimeExports.jsx(Lo.ChargeCardPromoUserContent,{companyLegalName:c,cards:t.cards,admins:u,hasZeniFinopsRoles:xe,cashbackRate:Te})}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[Fe&&n.cardId!=null&&x&&o.jsxRuntimeExports.jsx(X.CloseCardPage,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{ue(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[n.cardId]:x},cardRecurringExpensesByCardId:{[n.cardId]:n.recurringExpenses},cardRecurringExpenseFetchState:n.recurringExpensesFetchState.fetchState,closeCardFetchState:n.closeChargeCardsFetchState.fetchState,onConfirmClick:Io,onDismissClick:()=>{ue(!1),E()},onRemoveCardClick:()=>{}}),we&&n.cardId!=null&&x&&o.jsxRuntimeExports.jsx(X.LockCardPage,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{pe(!1),E()},isChargeCardAdmin:!0,chargeCardsByCardId:{[n.cardId]:x},cardRecurringExpensesByCardId:{[n.cardId]:n.recurringExpenses},cardRecurringExpenseFetchState:n.recurringExpensesFetchState.fetchState,lockCardFetchState:n.lockChargeCardsFetchState.fetchState,onConfirmClick:Eo,onDismissClick:()=>{pe(!1),E()},onRemoveCardClick:()=>{}}),co&&p.bulkActionCardIds.length>0&&o.jsxRuntimeExports.jsx(X.CloseCardPage,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{W(!1),b([])},isChargeCardAdmin:!0,chargeCardsByCardId:Z.chargeCardsByCardId,cardRecurringExpensesByCardId:Z.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:Z.fetchState,closeCardFetchState:t.closeChargeCardsFetchState.fetchState,onConfirmClick:Po,onDismissClick:()=>{W(!1),b([])},onRemoveCardClick:Rt}),io&&p.bulkActionCardIds.length>0&&o.jsxRuntimeExports.jsx(X.LockCardPage,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{H(!1),b([])},isChargeCardAdmin:!0,chargeCardsByCardId:Z.chargeCardsByCardId,cardRecurringExpensesByCardId:Z.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:Z.fetchState,lockCardFetchState:t.lockChargeCardsFetchState.fetchState,onConfirmClick:To,onDismissClick:()=>{H(!1),b([])},onRemoveCardClick:Rt}),Ne&&n.cardId!=null&&x&&o.jsxRuntimeExports.jsx(X.RenamePopup,{currentCardName:x.cardName,renameFetchState:n.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{Le(!1),E()},onSubmitClick:r=>{n.cardId!=null&&Qt(n.cardId,r)}}),Oe&&n.cardId!=null&&x&&o.jsxRuntimeExports.jsx(X.UpdateSpendLimitPopup,{controllerEmails:D,isChargeCardFeatureEnabled:g,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:R,isChargeCardSetupEnabled:T,productInformation:ge,cashbackInformation:J,creditAccountInformation:he,debitAccountInformation:Se,cardDetail:x,depositAccountLimitFetchState:n.depositAccountLimitFetchState.fetchState,creditAccount:h,creditAccountRepayment:I,signedInUser:Pe,isDebitCard:x.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:x.limit,currentSpentAmount:x.balance,maxLimitAmount:x.type.code.includes("debit")?n.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:h.limit,isDisabled:x.type.code.includes("debit")&&n.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:n.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{ze(!1),E()},onSubmitClick:r=>{if(n.cardId!=null){const i={amount:r,currencyCode:x.limit.currencyCode,currencySymbol:x.limit.currencySymbol};V(n.cardId,i,x.creditLimitFrequency,e.amountToString("0,0.[00]",i))}},recommendations:x.recommendations}),lo&&B.length>0&&o.jsxRuntimeExports.jsx(ns,{currentSpentAmount:uo??{amount:0,currencyCode:B[0].limit.currencyCode,currencySymbol:B[0].limit.currencySymbol},maxLimitAmountForCreditCard:t.creditAccount.limit,maxLimitAmountForDebitCard:mo,hasCreditCard:p.hasCreditCards,hasDebitCard:p.hasDebitCards,signedInUser:Pe,isDisabled:p.hasDebitCards&&L.fetchState!=="Completed",updateLimitFetchState:t.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{me(!1),b([])},onSubmitClick:r=>{const i={amount:r,currencyCode:B[0].limit.currencyCode,currencySymbol:B[0].limit.currencySymbol};A(p.bulkActionCardIds,i,B[0].creditLimitFrequency)}}),o.jsxRuntimeExports.jsx(U.ChargeCardListTable,{cardsSelectedForBulkAction:p.bulkActionCardIds,isBulkActionAllowed:$,firstSelectedCardStatus:po,bulkSubmissionLimit:U.CHARGE_CARD_BULK_SELECTION_LIMIT,removeAllCardsFromBulkActionList:()=>b([]),updateBulkActionList:b,onProceedForBulkActionClick:xo,onBulkLockClick:Bo,onBulkCloseClick:Mo,setShowBulkChangeSpendLimitPopup:me,depositAccountListWithDebitCardIssued:L,setCardIdForRowAction:Me,setActionTypeForRowAction:at,cashbackInformation:J,creditAccountInformation:he,debitAccountInformation:Se,productInformation:ge,controllerEmails:D,isChargeCardFeatureEnabled:g,isCardControlsEnabled:ee,isDebitCardFeatureEnabled:f,isDebitCardSetupEnabled:R,isChargeCardSetupEnabled:T,creditAccount:h,creditAccountRepayment:I,cardList:t.cards,showViewForCardUser:!1,signedInUser:Pe,fetchState:t.fetchState,revokeChargeCardsInviteFetchState:t.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:t.unlockChargeCardsFetchState.fetchState,onReloadCards:to,onChargeCardRowClick:Zt,searchText:d,receiptBotEmail:t.chargeCardConfig.receiptBotEmail,uiState:Gt,resendInviteId:t?.resendCardInvite?.cardId,onColumnSortConfigChanged:so,onChargeCardResendInviteClick:Xt,rowActionView:n})]})]})]})},Ss=s(e.SmallMedium)`
+  color: ${t=>t.isImportant?e.Colors.important:t.theme.colors.primary};
+  text-align: end;
+`,gs=s(e.SmallMedium)`
+  color: ${e.Colors.brandColorGoldDark};
+  text-align: end;
+`,Pt=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp1};
+  height: 21px;
+  overflow: hidden;
+  cursor: ${t=>t.hasPointer?"pointer":"default"};
+`,fs=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.primary};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+`,Tt=s(e.SvgArrowRight)`
+  color: ${t=>t.theme.colors.primary};
+  width: 12px;
+  height: 12px;
+`,ys=s(e.SvgInfo)`
+  color: ${e.Colors.brandColorGoldDark};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,js=s(e.SvgHighImportance)`
+  color: ${e.Colors.important};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Cs=s(e.SmallRegular)`
+  color: ${e.Colors.heroDark};
+  white-space: pre-line;
+  text-align: left;
+`,Rs=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Xe=(t,d,u)=>{const c=(d*100).toFixed(2);if(t==="credit"){const a=[...S.listPage.promoMultiText.credit];if(a[1]=a[1].replace("__cashBack__",c),u&&u.amount!==0)return a[0]=a[0].replace("__creditLimit__",e.amountValueToString("0,0",u.amount,u.currencySymbol)),[...a,a[0]];{const m=a.slice(1);return[...m,m[0]]}}else if(t==="debit"){const a=[...S.listPage.promoMultiText.debit];return a[0]=a[0].replace("__cashBack__",c),[...a,a[0]]}return[]},vs=({isChargeCardFeatureEnabled:t,isChargeCardSetupEnabled:d,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:c})=>t&&d&&u&&c?z.title.cards:t&&d?z.title.credit:u&&c?z.title.debit:"",bs=s.div`
+  text-align: left;
+`,Bt=s.span``,$s=s.span`
+  white-space: nowrap;
+`,ks=s.div`
+  min-width: 137px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+`,Is=s.div`
+  min-width: ${e.Space.sp12};
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,Ht=s.div`
+  min-width: ${e.Space.sp11};
+  padding: ${e.Space.sp2} ${e.Space.sp4};
+  background-color: ${t=>t.theme.colors.grey4};
+  border-bottom-left-radius: ${e.Space.sp2};
+  border-bottom-right-radius: ${e.Space.sp2};
+  border-top: 1px solid ${t=>t.theme.colors.grey3};
+  display: flex;
+`,Es=s(Ht)`
+  justify-content: ${t=>t.showPaymentInitiatedInfo&&t.isEarlyPayEnabled?"flex-end":"space-between"};
+`,Ps=s.div``,Ts=s.div`
+  border: 1px solid ${t=>t.theme.colors.hero};
+  border-radius: ${e.Space.sp12};
+  width: fit-content;
+  justify-self: ${t=>t.windowSize==="small"?"flex-start":"flex-end"};
+  margin-top: ${e.Space.sp1};
+  padding: ${e.Space.sp0} ${e.Space.sp2};
+`,Bs=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+`,Ms=s.div`
+  display: flex;
+  flex-direction: row;
+  margin-top: ${e.Space.sp3};
+  margin-right: ${t=>ie.contentContainerMargin.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp4};
+  margin-left: ${t=>ie.contentContainerMargin.valuePx(t.windowSize)};
+  align-items: center;
+  gap: ${e.Space.sp3};
+  ${t=>t.windowSize==="small"&&be.css`
+      overflow-x: scroll;
+      gap: ${e.Space.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;
+    `}
+`,Mt=s.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${e.Colors.Elevation1Light};
+  border-radius: ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey5};
+  min-width: ${t=>ie.cardsMinWidth.valuePx(t.windowSize)};
+  height: 188px;
+  justify-content: space-between;
+  flex-basis: 33.33%;
+`,ws=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-self: ${t=>t.windowSize==="small"?"flex-start":"center"};
+  text-align: ${t=>t.windowSize==="small"?"start":"end"};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${e.Colors.Elevation1Light};
+  border-radius: ${e.Space.sp2};
+  background-color: ${t=>t.theme.colors.grey5};
+  padding: ${e.Space.sp4};
+  align-self: stretch;
+  position: relative;
+  overflow: hidden;
+  min-width: ${t=>ie.cardsMinWidth.valuePx(t.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=s.div`
+  display: flex;
+  align-items: baseline;
+  gap: ${e.Space.sp2};
+  align-items: center;
+`,Ft=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Nt=s(e.StyledText)`
+  color: ${t=>t.theme.colors.primary};
+  ${t=>`${xs.remainingText.style(t.windowSize)}`};
+`,Ce=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+  white-space: nowrap;
+`,Fs=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${e.Space.sp1};
+  padding: 3px ${e.Space.sp0};
+  margin-top: 20px;
+`,Wt=s(e.SmallRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+`,Ns=s(Wt)`
+  color: ${t=>t.hasNegativeValue?e.Colors.success:e.Colors.important};
+`,Ls=s(_t.SvgArrowSouthEastRound)`
+  color: ${e.Colors.success};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Os=s(_t.SvgArrowNorthEastRound)`
+  color: ${e.Colors.important};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,zs=s(e.ExtraSmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-top: ${t=>ie.infoSubheadingTextMarginTop.valuePx(t.windowSize)};
+  gap: ${e.Space.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: min-content;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,_s=s.div`
+  width: 100%;
+  height: ${e.Space.sp1};
+  display: flex;
+  margin: ${e.Space.sp2} ${e.Space.sp0};
+  background: ${t=>t.theme.colors.grey3};
+`,As=s.div`
+  background: ${e.Colors.success};
+  width: 0%;
+  height: ${e.Space.sp1};
+
+  transition: width 4s ease;
+`,Us=s(e.SvgArrowRight)`
+  color: inherit;
+  width: ${e.Space.sp2};
+  height: ${e.Space.sp2};
+`,qs=s.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp7} ${e.Space.sp2};
+`,Lt=s.div`
+  padding: ${e.Space.sp4};
+  padding-bottom: ${e.Space.sp2};
+`,Ot=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,zt=s.div``,Ds=s.div`
+  height: ${e.Space.sp10};
+  width: ${e.Space.sp10};
+`;function Hs(){switch(o.useTheme().mode){case"light":return o.jsxRuntimeExports.jsx(kt.SvgGraphicNoDataNetBurnL,{});case"dark":default:return o.jsxRuntimeExports.jsx(kt.SvgGraphicNoDataNetBurnD,{})}}exports.default=hs;exports.getPromoSlidingTextList=Xe;