@zeniai/web-components 3.16.69 → 3.16.70

package/dist/ChargeCardListPage-DpT621yQ.cjs

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