@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/ChargeCardListPage-v5hH98Wi-BhiUhdgm.js

@@ -0,0 +1,406 @@
+import{k as Zt,c as Qt,mm as Qa,e as Pt,at as er,mn as tr,mo as Dt,c0 as ar,cJ as V,co as rr,je as ir,cI as nr,j7 as Y,q as Pe,O as De,o as a,cD as Bt,ao as or,iB as sr,x as ea,j as t,dD as dr,ju as cr,iv as oe,C as z,eh as at,h as f,cG as pe,cR as rt,cF as nt,y as J,c9 as de,b as lr,H as ur,fD as hr,cl as ta,dS as mr,cV as ot,cM as pr,ce as st,c1 as Cr,ki as gr,fH as fr,cg as Sr,c4 as br,jD as xr,n as Tt,u as G,fV as yr,ci as wr,cd as kr,_ as vr,fC as $r,dx as Ir,ej as jr}from"./index-kF4u7Flm.js";import{b as p,n as r,i as dt,k as Ar}from"./vendor-Bs1fkIUX.js";import{X as Lr}from"./SpendManagementSection-kucZgC-H-Cqflt6S1.js";import{D as se,a as Fr,l as Er}from"./ChargeCardListTable-BGWV4zJl-CcT6S7FA.js";import{ChargeCardPromoUserContent as Pr}from"./ChargeCardPromoPage-CPEaGOL3-CiA1pNTj.js";import{N as Dr,J as Br}from"./PromoBaseCards-BAPolzxE-DjUVr5kX.js";import{L as Rt,N as Nt,k as Tr,z as Rr}from"./LockCardPage-DYfgK11k-BFAZ4k7o.js";import{r as Nr,i as Mr}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as _r,o as Or}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-B6iTf2H7-Cu2Vb11u.js";import"./RoleWithToolTip-BqI6M0x_-3Pz3ZAbU.js";import"./CardNumberSubText-CmhH95Ff-D70_vfvB.js";import"./ChargeCardUtils-BRgkrCTs-Bo37IpfS.js";import"./MeetingCalenderPopup-BxV_UIXP-BXGtVHle.js";import"./NavigationDots-BxPgEW_p-Cjr25BX_.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";function aa(e,s){return Zt(e.chargeCardByID,s,void 0)}const zr=(e,s)=>{var c;const{chargeCardDetailState:d}=e;return(c=d.depositAccountLimitFetchStateByDepositAccountId[s])!==null&&c!==void 0?c:{fetchState:"Not-Started",error:void 0}},Ur=(e,s)=>{var c,d,i,h,m;const{chargeCardDetailState:g,chargeCardListState:S}=e,l=Zt(g.detailById,s,void 0);return{revokeChargeCardFetchState:S.revokeCardInvite.cardId===s?S.revokeCardInvite.saveStatus:{fetchState:"Not-Started",error:void 0},updateChargeCardNameFetchState:(c=l?.updateChargeCardNameFetchState)!==null&&c!==void 0?c:{fetchState:"Not-Started",error:void 0},updateChargeCardLimitFetchState:(d=l?.updateChargeCardLimitFetchState)!==null&&d!==void 0?d:{fetchState:"Not-Started",error:void 0},closeChargeCardsFetchState:(i=l?.closeChargeCardFetchState)!==null&&i!==void 0?i:{fetchState:"Not-Started",error:void 0},lockChargeCardsFetchState:(h=l?.lockChargeCardFetchState)!==null&&h!==void 0?h:{fetchState:"Not-Started",error:void 0},unlockChargeCardsFetchState:(m=l?.unlockChargeCardFetchState)!==null&&m!==void 0?m:{fetchState:"Not-Started",error:void 0}}},Vr=e=>e.reduce((s,c)=>s===!0&&c.status.code==="request_on_hold",!0),ra=(e,{userState:s,userRoleState:c,classState:d,addressState:i})=>{const h=[];return e.forEach(m=>{const g=Pt(s,m.cardHolderUserId),S=Pt(s,m.cardCreaterUserId),l=er(c,m.cardHolderUserId),A=l!=null?tr(d,{classId:l.accountingClassIDs[0],reportId:"class_list"}):void 0,y=m.mailingAddressId!=null?Dt(i,m.mailingAddressId):void 0,L=Dt(i,m.billingAddressId);S==null||g==null||l==null||L==null?console.error(`Cannot find details for card ${m.cardName} id ${m.id} - Created by ${S?.firstName}, for ${g?.firstName} with role ${l} and billing address in ${L?.country}.`):h.push(Object.assign(Object.assign({},m),{cardHolderUser:g,cardCreatedByUser:S,cardHolderRoles:l,billingAddress:L,department:A,mailingAddress:y}))}),h},Wr=e=>e.chargeCardListState.rowActionCardId,ia=e=>e.chargeCardDetailState,Gr=e=>e.depositAccountState,na=e=>e.chargeCardState;Qt([Wr,ia,Gr,na,e=>e.chargeCardListState,e=>e.userState,e=>e.userRoleState,e=>e.classState,e=>e.addressState],(e,s,c,d,i,h,m,g,S)=>{var l;if(e==null)return{closeChargeCardsFetchState:{fetchState:"Not-Started",error:void 0},lockChargeCardsFetchState:{fetchState:"Not-Started",error:void 0},unlockChargeCardsFetchState:{fetchState:"Not-Started",error:void 0},revokeChargeCardFetchState:{fetchState:"Not-Started",error:void 0},updateChargeCardLimitFetchState:{fetchState:"Not-Started",error:void 0},updateChargeCardNameFetchState:{fetchState:"Not-Started",error:void 0},depositAccountLimitFetchState:{fetchState:"Not-Started",error:void 0},recurringExpenses:[],recurringExpensesFetchState:{fetchState:"Not-Started",error:void 0},cardId:void 0,chargeCard:void 0,depositAccountLimit:void 0};const A={userState:h,userRoleState:m,classState:g,addressState:S,chargeCardDetailState:s,chargeCardListState:i},y=aa(d,e);let L;y!=null&&(L=ra([y],A)[0]);const q=Ur(A,e);let k,H={fetchState:"Not-Started",error:void 0};y?.type.code.includes("debit")===!0&&(k=Qa(c,y.connectedAccountId),H=zr(A,y.connectedAccountId));const w=(l=s.recurringExpensesByChargeCardId[e])!==null&&l!==void 0?l:[],v=s.recurringExpensesFetchState;return Object.assign(Object.assign({},q),{depositAccountLimitFetchState:H,recurringExpenses:w,recurringExpensesFetchState:{fetchState:v.fetchState,error:v.error},cardId:e,chargeCard:L,depositAccountLimit:k})});const Hr=e=>e.chargeCardListState.bulkActionCardIds;Qt([Hr,na,ia,e=>e.userState,e=>e.userRoleState,e=>e.classState,e=>e.addressState],(e,s,c,d,i,h,m)=>{if(e.length===0)return{bulkActionCardIds:[],chargeCards:[],hasCreditCards:!1,hasDebitCards:!1,recurringExpensesByCardId:{},recurringExpensesFetchState:{fetchState:"Not-Started",error:void 0}};const g={userState:d,userRoleState:i,classState:h,addressState:m},S=e.map(k=>aa(s,k)).filter(k=>k!=null),l=ra(S,g),A={};e.forEach(k=>{var H;A[k]=(H=c.recurringExpensesByChargeCardId[k])!==null&&H!==void 0?H:[]});const y=l.some(k=>k.type.code.includes("debit")),L=l.some(k=>k.type.code.includes("credit")),q=c.recurringExpensesFetchState;return{bulkActionCardIds:e,chargeCards:l,hasCreditCards:L,hasDebitCards:y,recurringExpensesByCardId:A,recurringExpensesFetchState:{fetchState:q.fetchState,error:q.error}}});const ct={infoSubheadingTextMarginTop:new J(G[0],G[0]),cardsMinWidth:new J(343,353)},Mt=De.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,_t=({cardPromoType:e,cardText:s,header:c,title:d,subTitle:i,slidingTextList:h,onClick:m})=>{const g=Pe();return t.jsxs(Jr,{windowSize:g,cardPromoType:e,"data-testid":nt("list-page-promo-card",e),onClick:()=>m(e),children:[t.jsxs(oa,{children:[t.jsxs(da,{children:[t.jsx(sa,{children:c}),t.jsx(Xr,{children:d}),t.jsx(ei,{children:i})]}),t.jsxs(ti,{children:[t.jsx(ai,{}),h.length>0&&t.jsx(it,{slideUpCount:h.length,children:h.map((S,l)=>t.jsx(ca,{children:S},`card-promo-${l.toString()}`))}),t.jsx(ri,{})]})]}),t.jsx(ii,{children:t.jsx(Dr,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(ni,{children:t.jsx(Br,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Ot=({cardType:e,header:s,title:c,creditLimit:d,onCreateNowClick:i})=>{const h=Pe();return t.jsx(qr,{windowSize:h,cardType:e,children:t.jsxs(Kr,{children:[t.jsxs(da,{children:[t.jsx(sa,{children:s}),t.jsx(Qr,{children:t.jsx(Zr,{children:c})}),t.jsx(oi,{windowSize:h,children:t.jsxs(si,{windowSize:h,onClick:()=>i(e),"data-testid":nt("total-cashback-info"),children:[t.jsx(ca,{children:Mt.createNow}),t.jsx(di,{})]})})]}),e==="creditCard"?t.jsxs(ci,{children:[t.jsx(li,{children:Mt.creditLimit}),t.jsx(ui,{children:d})]}):null]})})},Yr=e=>{const s=e-1;let c=`
+    0% {
+      transform: translateY(0);
+    }
+  `;const d=s*3.5,i=.5,h=3;for(let m=1;m<s;m++){const g=m*(h+i)*100/d,S=g-i*100/d,l=-21*m;c+=`
+    ${S}% {
+      transform: translateY(${l+21}px); 
+    }
+    ${g}% {
+      transform: translateY(${l}px);
+    }
+    `}return c+=`
+  ${((s-1)*(h+i)+h)*100/d}% {
+    transform: translateY(${-21*(s-1)}px);
+  }
+  99.99% {
+    transform: translateY(${-21*s}px);
+  }
+  100% {
+      transform: translateY(0);
+  }
+  `,Ar`${c}`},Jr=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  gap: ${a.sp3};
+  background-color: ${e=>e.cardPromoType==="debit"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphireDark};
+  border-radius: 12px;
+  padding: ${a.sp4};
+  color: white;
+  min-width: ${e=>ct.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"?dt`
+          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}
+`,qr=r.div`
+  background-color: ${e=>e.cardType==="debitCard"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphire};
+  border-radius: 12px;
+  padding: ${a.sp4};
+  color: white;
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+  min-width: ${e=>ct.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};
+`,oa=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: ${a.sp5};
+`,Kr=r(oa)`
+  flex-direction: row;
+  justify-content: space-between;
+`,sa=r(yr)`
+  color: ${e=>e.theme.colors.brandColorGold};
+`,Xr=r(vr)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Zr=r(wr)`
+  color: ${f.neutralGrey5Light};
+  white-space: pre-line;
+`,Qr=r.div`
+  width: auto;
+  text-align: left;
+`,ei=r(de)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,ti=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp2};
+  height: 21px;
+  overflow: hidden;
+`,it=r(de)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  overflow: hidden;
+  align-self: baseline;
+  width: 224px;
+  ${e=>dt`
+    animation: ${Yr(e.slideUpCount)}
+      ${(e.slideUpCount-1)*3.5}s ease-out infinite;
+  `}
+`,da=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,ai=r($r)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+  color: ${f.success};
+  border-radius: 50%;
+`,ri=r(Ir)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${e=>e.theme.colors.brandColorJade};
+  margin-left: ${a.sp3};
+`,ii=r.div`
+  position: absolute;
+  top: ${a.sp2};
+  right: -29px;
+`,ni=r.div`
+  position: absolute;
+  top: 37px;
+  right: -46px;
+`,ca=r.div``,oi=r.div`
+  border: 1px solid ${f.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};
+`,si=r(st)`
+  color: ${f.neutralGrey5Light};
+  margin-top: ${e=>ct.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  gap: ${a.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,di=r(ot)`
+  color: ${f.neutralGrey5Light};
+  width: ${a.sp2};
+  height: ${a.sp2};
+`,ci=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,li=r(st)`
+  color: ${f.neutralGrey5Light};
+`,ui=r(kr)`
+  color: ${f.neutralGrey5Light};
+`,me="spendLimit",K=De.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup;function hi({currentSpentAmount:e,hasCreditCard:s,hasDebitCard:c,maxLimitAmountForCreditCard:d,maxLimitAmountForDebitCard:i,isDisabled:h,updateLimitFetchState:m,onCancelClick:g,onSubmitClick:S}){const l=Pe(),A="SpendLimitForm",y=Cr({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[me]:void 0}}),{control:L,formState:{errors:q}}=y,[k,H]=p.useState(void 0),w=gr({control:L,name:me}),v=()=>{g()},F=y.handleSubmit(()=>{const E=y.getValues(me);E!=null&&S(E)}),T=fr(q,me),ge=De.getLocalizedStrings().common,X=Ee.largeLabelWidth.value(l);return p.useEffect(()=>{H(mi(e,s,c,d,i,w))},[w,e,d,i,s,c]),t.jsx(pi,{windowSize:l,role:"presentation",children:t.jsx(Sr,{onClickAway:()=>g(),children:t.jsxs(Ci,{windowSize:l,children:[t.jsx(br,{...y,children:t.jsxs(yi,{id:A,onSubmit:E=>{E.preventDefault(),F()},children:[t.jsx(gi,{windowSize:l,children:K.heading}),t.jsx(xi,{hasError:T,children:t.jsx(xr,{label:{label:K.newLimit,width:X},showAdditionalInfoLabel:T,additionalInfoLabel:k,formattedTextField:{type:"number",name:me,defaultValue:void 0,placeholder:K.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:E=>{if(!E||E<=0||E<=e.amount)return!1;if(c&&s&&i!=null&&d!=null){const R=Math.min(i.amount,d.amount);if(E>R)return!1}else if(c&&i!=null&&E>i.amount||s&&d!=null&&E>d.amount)return!1;return!0}},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1})})]})}),t.jsx(bi,{children:t.jsxs(fi,{children:[t.jsx(Tt,{label:ge.cancel,onClick:v,style:{width:84}}),t.jsx(Si,{}),t.jsx(Tt,{variant:"primary",label:ge.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:m==="In-Progress",type:"submit",form:A,disabled:h})]})})]})})})}const mi=(e,s,c,d,i,h)=>{if(h!=null){if(h<=e.amount)return K.amountBelowErrorBulk;if(c&&s&&i!=null&&d!=null){const m=Math.min(i.amount,d.amount);if(h>m){const g=i.amount<d.amount?"debit":"credit",S=i.amount<d.amount?i:d;return K.maxLimitForCardTypeError.replace("_card_type_",g).replace("_amount_",pe("0,0.[00]",S))}}else{if(c&&i!=null&&h>i.amount)return K.maxLimitForCardTypeError.replace("_card_type_","debit").replace("_amount_",pe("0,0.[00]",i));if(s&&d!=null&&h>d.amount)return K.maxLimitForCardTypeError.replace("_card_type_","credit").replace("_amount_",pe("0,0.[00]",d))}}},Ee={width:new J(343,500,500),largeLabelWidth:new J(108,108,108),popupLeftRightPadding:new J(G[5],G[6]),popupTopBottomPadding:new J(G[5],G[5])},pi=r.div`
+  position: fixed;
+  top: ${a.sp0};
+  left: ${a.sp0};
+  width: 100%;
+  z-index: 100;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${f.overlayDark};
+`,Ci=r.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${a.sp2};
+  position: relative;
+  margin: auto;
+  width: ${e=>Ee.width.valuePx(e.windowSize)};
+  padding: ${e=>`${Ee.popupTopBottomPadding.valuePx(e.windowSize)} ${Ee.popupLeftRightPadding.valuePx(e.windowSize)}`};
+  box-sizing: border-box;
+`,gi=r(jr)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,fi=r.div`
+  display: flex;
+  justify-content: center;
+  padding-top: ${a.sp4};
+`,Si=r.div`
+  width: ${a.sp3};
+`,bi=r.div`
+  display: flex;
+  flex-direction: column;
+`,xi=r.div`
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>`${a.sp0} 1px 2px ${a.sp0} ${e.theme.colors.issueChargeCardBackgroundShadow}`};
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  width: 100%;
+  :hover {
+    border: ${e=>`1px solid ${e.theme.colors.primary}`};
+    input {
+      background-color: ${e=>e.hasError?f.importantLight:e.theme.colors.background} !important;
+    }
+  }
+`,yi=r.form`
+  display: contents;
+`,Ce={contentContainerMargin:new J(G[3],G[4],G[8]),infoSubheadingTextMarginTop:new J(G[0],G[0]),cardsMinWidth:new J(343,353)},wi={remainingText:new lr("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:j,cardList:W,chargeCardsPromo:I}},common:U,dateFormat:Le}=De.getLocalizedStrings(),wn=({chargeCardListView:e,searchText:s,admins:c,companyLegalName:d,onFetchChargeCardsRecurringExpenses:i,onFetchDepositAccountLimit:h,onCloseChargeCard:m,onCloseChargeCardList:g,onLockChargeCard:S,onLockChargeCardList:l,onUnlockChargeCardList:A,updateChargeCardListSpendLimit:y,onUpdateSpendLimit:L,isCardControlsEnabled:q,isCashbackFeatureEnabled:k,creditCardPayNowThreshold:H,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:F,isChargeCardSetupEnabled:T,companyChargeCardInfoCreditAccountLimit:ge,controllerEmails:X,onRevokeChargeCardList:E,depositAccountListWithDebitCardIssued:R,chargeCardCashbackDetailState:P,uiState:ha,signedInUser:Be,creditLimit:fe,cashbackRate:Te,onSearchTextChanged:ma,onClickSetupIcon:pa,isEarlyPayEnabled:ce,onClickStatementsIcon:Ca,onChargeCardRowClick:ga,updateChargeCardName:fa,onChargeCardResendInviteClick:Sa,onChargeCardRevokeInviteClick:lt,onUnlockChargeCard:ut,onIssueCardClick:ba,onBackClick:xa,onReloadCards:ya,onTotalCashbackClick:wa,onColumnSortConfigChanged:ka,onClickMenuIcon:va,onPromoCardClick:ht,onCreateNowClick:mt,showPayNowInfoTooltip:$a,navigateToCreditCardPaymentPage:Se,shouldShowPayNowInfoTooltip:Re,rowActionView:o,bulkActionView:C,onSetRowActionCardId:Ne,onSetBulkActionCardIds:D})=>{const be=ar().analytics,[pt,Ia]=p.useState(!1),[Me,xe]=p.useState(!1),[_e,ye]=p.useState(!1),[ja,Z]=p.useState(!1),[Aa,Q]=p.useState(!1),[La,we]=p.useState(!1),[Oe,ze]=p.useState(!1),[Ue,Ve]=p.useState(!1),[We,Ct]=p.useState(void 0),Fa=C.chargeCards[0]?.status.code,{creditAccount:x,creditAccountRepayment:N}=e,M=p.useCallback(()=>{Ne(void 0),Ct(void 0)},[Ne]),_=C.chargeCards,Ea=p.useMemo(()=>_.length===0?void 0:_.reduce((n,u)=>u.balance.amount>n.balance.amount?u:n,_[0]).balance,[_]),Pa=p.useMemo(()=>{const n=_.filter($=>$.type.code.includes("debit"));if(n.length===0)return;const u=n.map($=>R.depositAccounts.find(ne=>ne.id===$.connectedAccountId)?.cardLimits.dailyCardTransactionLimit).filter($=>$!==void 0);return u.length===0?void 0:u.reduce(($,ne)=>ne.amount<$.amount?ne:$)},[_,R.depositAccounts]),gt=V(e.unlockChargeCardsFetchState.fetchState),ft=V(e.revokeChargeCardsInviteFetchState.fetchState),St=V(e.lockChargeCardsFetchState.fetchState),bt=V(e.closeChargeCardsFetchState.fetchState),xt=V(e.updateChargeCardsSpendLimitFetchState.fetchState);p.useEffect(()=>{const n=gt==="In-Progress"&&e.unlockChargeCardsFetchState.fetchState==="Completed",u=ft==="In-Progress"&&e.revokeChargeCardsInviteFetchState.fetchState==="Completed",$=St==="In-Progress"&&e.lockChargeCardsFetchState.fetchState==="Completed",ne=bt==="In-Progress"&&e.closeChargeCardsFetchState.fetchState==="Completed",Za=xt==="In-Progress"&&e.updateChargeCardsSpendLimitFetchState.fetchState==="Completed";(n||u)&&D([]),$&&(Z(!1),D([])),ne&&(Q(!1),D([])),Za&&(we(!1),D([]))},[e.unlockChargeCardsFetchState.fetchState,e.revokeChargeCardsInviteFetchState.fetchState,e.lockChargeCardsFetchState.fetchState,e.closeChargeCardsFetchState.fetchState,e.updateChargeCardsSpendLimitFetchState.fetchState,gt,ft,St,bt,xt,D]);const ee=o.cardId!=null?o.unlockChargeCardsFetchState.fetchState:void 0,yt=V(ee),Ge=o.cardId!=null?o.updateChargeCardLimitFetchState.fetchState:void 0,wt=V(Ge),He=o.cardId!=null?o.updateChargeCardNameFetchState.fetchState:void 0,kt=V(He),Ye=o.cardId!=null?o.lockChargeCardsFetchState.fetchState:void 0,vt=V(Ye),Je=o.cardId!=null?o.closeChargeCardsFetchState.fetchState:void 0,$t=V(Je),te=o.cardId!=null?o.revokeChargeCardFetchState.fetchState:void 0,It=V(te);p.useEffect(()=>{o.cardId!=null&&yt==="In-Progress"&&ee==="Completed"?M():o.cardId!=null&&wt==="In-Progress"&&Ge==="Completed"?(Ve(!1),M()):o.cardId!=null&&kt==="In-Progress"&&He==="Completed"?(ze(!1),M()):o.cardId!=null&&vt==="In-Progress"&&Ye==="Completed"?(xe(!1),M()):o.cardId!=null&&$t==="In-Progress"&&Je==="Completed"?(ye(!1),M()):o.cardId!=null&&It==="In-Progress"&&te==="Completed"&&M()},[o.cardId,ee,Ge,He,Ye,Je,te,yt,kt,wt,vt,$t,It,M]);const Da=p.useCallback(n=>{switch(n){case"close":i(C.bulkActionCardIds),Q(!0);break;case"lock":i(C.bulkActionCardIds),Z(!0);break;case"unlock":A(C.bulkActionCardIds);break;case"update_limit":we(!0);break;case"revoke_invite":E(C.bulkActionCardIds);break}},[C.bulkActionCardIds,i,E,A]),b=o.chargeCard;p.useEffect(()=>{if(!(We===void 0||o.cardId===void 0||b===void 0))switch(We){case se.CLOSE:_e||(i([o.cardId]),ye(!0));break;case se.LOCK:Me||(i([o.cardId]),xe(!0));break;case se.UNLOCK:ee!=="In-Progress"&&ee!=="Completed"&&ut(o.cardId);break;case se.REVOKE_INVITE:te!=="In-Progress"&&te!=="Completed"&&lt(o.cardId);break;case se.RENAME:Oe||ze(!0);break;case se.UPDATE_SPEND_LIMIT:Ue||(b.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed"&&h(b.connectedAccountId,o.cardId),Ve(!0));break}},[We,o.cardId,Ue,Oe,_e,Me,ee,te,i,h,ut,lt]);const qe=rr(),ae=!!qe.loggedInUserRole.includes("charge_card_user"),ke=ir(qe),B=nr(qe.loggedInUserRoleMap),re=p.useMemo(()=>B===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:Y(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:Y(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:Y(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,[B,P.cashbackAnalytics.creditCardCashbackOffer,P.cashbackAnalytics.debitCardCashbackOffer,P.cashbackSummary.cashbackEarned.amount,P.cashbackSummary.cashbackRedeemed.amount,P.cashbackSummary.cashbackAvailable.amount,P.cashbackAnalytics.creditCardCashbackRedemptionMode,P.cashbackAnalytics.debitCardCashbackRedemptionMode]),ve=p.useMemo(()=>w&&T&&B===!0?{creditAccountId:x.id,creditAccountLimit:Y(x.limit.amount),creditAccountAvailableAmount:Y(x.available.amount),creditAccountSpentAmount:Y(x.balance.amount+x.hold.amount),creditAccountStatus:x.status,outstandingBalance:Y(N.remainingAmountDue.amount)}:void 0,[w,T,B,x.id,x.limit.amount,x.available.amount,x.balance.amount,x.hold.amount,x.status,N.remainingAmountDue.amount]),$e=p.useMemo(()=>v&&F?{debitAccountId:R.depositAccounts.map(n=>n.id),debitAccountName:R.depositAccounts.map(n=>n.accountName),debitAccountBalance:R.depositAccounts.map(n=>Y(n.accountBalance.available.amount)),debitCardsSpend:Y(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:R.depositAccounts.map(n=>n.accountStatus)}:void 0,[v,F,R.depositAccounts,e.debitCardSummary?.currentMonthSpends?.amount]),Ie={isCreditCardOffered:w,isDebitCardOffered:v,isDebitCardEnabled:F,isCreditCardEnabled:T},Ba=n=>{Ia(n),n===!0&&(be.trackCardsListPageClicked("search"),(!w||x.fetchState==="Completed"&&N.fetchState==="Completed")&&(!(v&&F)||R.fetchState==="Completed")&&re!=null&&be.trackCardsCardListSearchClick(X,Ie,re,ve,$e))},O=Pe(),jt=ke&&!B,At=e.creditAccount.balance.amount+e.creditAccount.hold.amount,le={amount:At,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},Ke=Math.round(le.amount*100/e.creditAccount.limit.amount),Ta=isNaN(Ke)?0:At!==0&&Ke===0?1:Ke,ue=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,Xe=B&&le.amount>H*e.creditAccount.limit.amount/100,he=ue!=null&&N.initiatedRepayments.amount>0,Ra={entity:"charge_cards",showNewButtonOnNavbar:B,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:B?W.newBtnLabel:U.strings.empty,hideSearchBtn:ae,searchTextBoxStyle:{right:jt?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:jt?a.sp0:a.sp4},isSearchOpen:pt,searchPlaceHolder:W.searchPlaceHolder,searchText:s,showSettingsIcon:!ae,showSettingsIconOnNavbar:B,showStatementButtonOnNavbar:w&&T,showPayEarlyButtonOnNavbar:ce&&B&&le.amount>0&&!he&&!Xe,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:be,onSearchOpen:Ba,onSearchTextChanged:ma,onClickSetupIcon:pa,onClickStatementsIcon:Ca,downloadState:"Not-Started",onNewButtonClick:ba,onClickPayEarlyIcon:()=>Se("More Button","Pay Early"),onMenuOpen:()=>{(!w||x.fetchState==="Completed"&&N.fetchState==="Completed")&&(!(v&&F)||R.fetchState==="Completed")&&re!=null&&be.trackCardsCardListMoreMenuClick(X,Ie,re,ve,$e)},filters:{categoryCombinationOperator:"AND",categories:[]}},Na=t.jsx(Lr,{spendManagementSectionProps:Ra}),Ma=e.cards.length===0?!1:ae&&Vr(e.cards),_a=e.fetchState==="Completed"?Fi({isChargeCardFeatureEnabled:w,isChargeCardSetupEnabled:T,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:F}):"",je=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,Oa=w&&T&&e.hasCreditCard,za=v&&F&&e.hasDebitCard,Ua=w&&T&&ke&&!B,Va=v&&F&&ke&&!B,Ae=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(Bt(),"days")??0,Ze=[j.payNow,Ae>0&&Ae<11?`${j.billDueIn} ${Ae} ${Ae===1?U.timeStrings.day:U.timeStrings.days}`:j.creditLimitLow,j.payNow],Lt=N.initiatedRepayments.amount===x.balance.amount+x.hold.amount,Qe=[j.paymentInitiated,`${W.header.limit} ${Lt?U.resets:U.updates} ${U.by} ${or(sr(N.initiatedRepaymentDate?.toDate()??Bt().toDate(),[0,6],3).toDateString()).format(Le.visual.MMMDFormat)}`,j.paymentInitiated],et=p.useRef(null),tt=p.useRef(null),Wa=ea(),[Ga,Ft]=p.useState(!0);p.useEffect(()=>{const n=()=>{tt.current&&(tt.current.getBoundingClientRect().top<(O==="small"?68:40)?Ft(!1):Ft(!0))};n();const u=()=>{n()},$=et.current;return $&&$.addEventListener("scroll",u),window.addEventListener("scroll",u),()=>{$&&$.removeEventListener("scroll",u),window.removeEventListener("scroll",u)}},[O]);const Ha=n=>{const u=n.reasonType==="other"?n.reason:n.reasonType;o.cardId!=null&&m(o.cardId,u)},Ya=n=>{const u=n.reasonType==="other"?n.reason:n.reasonType;o.cardId!=null&&S(o.cardId,u)},Ja=n=>{const u=n.reasonType==="other"?n.reason:n.reasonType;g(C.bulkActionCardIds,u)},qa=n=>{const u=n.reasonType==="other"?n.reason:n.reasonType;l(C.bulkActionCardIds,u)},ie=p.useMemo(()=>{const n={};return C.chargeCards.forEach(u=>{n[u.id]=u}),{chargeCardsByCardId:n,cardRecurringExpensesByCardId:C.recurringExpensesByCardId,fetchState:C.recurringExpensesFetchState.fetchState}},[C]),Ka=p.useCallback(()=>{i(C.bulkActionCardIds),Z(!0)},[C.bulkActionCardIds,i]),Xa=p.useCallback(()=>{i(C.bulkActionCardIds),Q(!0)},[C.bulkActionCardIds,i]),Et=p.useCallback(n=>{const u=C.bulkActionCardIds.filter($=>$!==n);D(u),u.length===0&&(Z(!1),Q(!1))},[C.bulkActionCardIds,D]);return t.jsxs(Mi,{ref:et,children:[t.jsx(dr,{title:_a,showBackButton:!0,showMenuIcon:O==="medium-compact"||O==="small",onClickMenuIcon:va,style:{zIndex:3},onBackClick:xa,rightSideComponent:Na,isSearchOpen:pt,hideSearchBtn:ae,scrollableContent:et,source:"ChargeCardListPage",backgroundColor:Wa.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(cr,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[ae?null:t.jsxs(_i,{windowSize:O,children:[Oa||Ua?t.jsxs(Gt,{windowSize:O,children:[t.jsxs(qt,{children:[t.jsxs(Kt,{children:[t.jsxs(Xt,{children:[t.jsx(Yt,{children:W.creditCardBalance}),t.jsx(oe,{amount:le,integerStyles:{...z.h5Regular.cssObject},decimalStyles:{...z.largeSemiBold.cssObject}})]}),t.jsxs(Bi,{children:[t.jsx(Fe,{style:{textAlign:"end"},children:U.texts.limit}),t.jsx(oe,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:z.largeRegular.cssObject,decimalStyles:z.smallRegular.cssObject})]})]}),t.jsx(Hi,{children:t.jsx(Yi,{style:{width:`${Ta}%`,borderRadius:a.sp1}})}),Xe&&!he&&ce?t.jsx(at,{placement:"bottom",style:{color:f.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(Ai,{children:j.creditLimitIsRunningLow}),children:t.jsxs(Ht,{children:[t.jsx(oe,{amount:e.creditAccount.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsx(Jt,{windowSize:O,children:U.texts.remaining}),t.jsx(Li,{children:t.jsx(ji,{})})]})}):t.jsxs(Ht,{children:[t.jsx(oe,{amount:e.creditAccount.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsx(Jt,{windowSize:O,children:U.texts.remaining})]})]}),t.jsxs(Ti,{showPaymentInitiatedInfo:he,isEarlyPayEnabled:ce,children:[he&&ce?null:t.jsx(Fe,{children:`${U.texts.limitReset} ${ue!=null?ue.format(Le.visual.MMMDFormat):null}`}),B&&ce&&(he?t.jsx("div",{children:t.jsx(at,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(Ei,{children:[t.jsx(Wt,{children:`${j.paymentOf} ${pe("0,0.[00]",{amount:N.initiatedRepayments.amount,currencyCode:N.initiatedRepayments.currencyCode,currencySymbol:N.initiatedRepayments.currencySymbol})} ${j.madeOn} `}),t.jsx(Pi,{children:N.initiatedRepaymentDate?.format(Le.visual.MMMDFormat)}),U.strings.space,t.jsx(Wt,{children:Lt?j.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:j.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(zt,{hasPointer:!1,children:[Qe.length>0&&t.jsx(it,{slideUpCount:Qe.length,style:{alignItems:"flex-end",width:"auto"},children:Qe.map((n,u)=>t.jsx(vi,{children:n},`card-payment-initiated-${u.toString()}`))}),t.jsx(Ii,{})]})})}):Xe?t.jsx(at,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:j.creditLimitIsLow,description:j.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:j.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:f.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Re(!1),Se("Toast Button","Pay Now")},showCloseButton:!0,onClose:n=>{n.preventDefault(),n.stopPropagation(),Re(!1)}},title:"informative",placement:"bottom-end",open:$a&&Ga,children:t.jsxs(zt,{ref:tt,onClick:()=>{Re(!1),Se("Text Button","Pay Now")},hasPointer:!0,children:[Ze.length>0&&t.jsx(it,{slideUpCount:Ze.length,style:{alignItems:"flex-end",width:"auto"},children:Ze.map((n,u)=>t.jsx(ki,{isImportant:u===1,children:n},`card-pay-now-${u.toString()}`))}),t.jsx(Ut,{})]})}):le.amount>0?t.jsxs($i,{onClick:()=>Se("Text Button","Pay Early"),children:[j.payEarly,t.jsx(Ut,{})]}):null)]})]}):w&&T?t.jsx(Ot,{cardType:"creditCard",header:I.listPage.spendSmarter,title:I.listPage.setUpText.replace("__cardType__",I.listPage.credit),creditLimit:rt("0,0",fe.amount,fe.currencySymbol),onCreateNowClick:mt}):w?t.jsx(_t,{cardPromoType:"credit",cardText:I.listPage.creditCards,header:I.listPage.getAccessTo,title:I.listPage.creditCards,subTitle:I.listPage.promoSubText.credit,slidingTextList:Vt("credit",Te,{amount:ge,currencyCode:fe.currencyCode,currencySymbol:fe.currencySymbol}),onClick:ht}):null,za||Va?t.jsxs(Gt,{windowSize:O,children:[t.jsxs(qt,{children:[t.jsx(Kt,{children:t.jsxs(Xt,{children:[t.jsx(Yt,{children:W.debitCardSpend}),t.jsx(oe,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...z.h5Regular.cssObject},decimalStyles:{...z.largeSemiBold.cssObject}})]})}),t.jsx(zi,{children:je!==0?t.jsxs(t.Fragment,{children:[je<0?t.jsx(Vi,{}):t.jsx(Wi,{}),t.jsx(Ui,{hasNegativeValue:je<0,children:rt("0,0.00",je,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(ua,{children:W.compareToLastMonth})]}):null})]}),t.jsx(la,{children:t.jsx(Fe,{children:`${U.texts.limitReset} ${ue!=null?ue.format(Le.visual.MMMDFormat):null}`})})]}):v&&F?t.jsx(Ot,{cardType:"debitCard",header:I.listPage.spendSmarter,title:I.listPage.setUpText.replace("__cardType__",I.listPage.debit),onCreateNowClick:mt}):v?t.jsx(_t,{cardPromoType:"debit",cardText:I.listPage.debitCards,header:I.listPage.getAccessTo,title:I.listPage.debitCards,subTitle:I.listPage.promoSubText.debit,slidingTextList:Vt("debit",Te),onClick:ht}):null,t.jsxs(Oi,{windowSize:O,children:[k?t.jsxs(Di,{children:[t.jsx(Fe,{style:{textAlign:"start"},children:W.totalCashback}),t.jsx(oe,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:z.h5Regular.cssObject,decimalStyles:z.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ni,{windowSize:O,children:t.jsxs(Gi,{windowSize:O,onClick:wa,"data-testid":nt("total-cashback-info"),children:[t.jsx(Ri,{children:W.overview}),t.jsx(Ji,{})]})}):null]}):null,t.jsx(Ki,{children:t.jsx(Xi,{})})]})]}),e.cards.length===0&&ae===!0||Ma?t.jsx(qi,{children:t.jsx(Pr,{companyLegalName:d,cards:e.cards,admins:c,hasZeniFinopsRoles:ke,cashbackRate:Te})}):t.jsxs(t.Fragment,{children:[_e&&o.cardId!=null&&b&&t.jsx(Rt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{ye(!1),M()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:b},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,closeCardFetchState:o.closeChargeCardsFetchState.fetchState,onConfirmClick:Ha,onDismissClick:()=>{ye(!1),M()},onRemoveCardClick:()=>{}}),Me&&o.cardId!=null&&b&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{xe(!1),M()},isChargeCardAdmin:!0,chargeCardsByCardId:{[o.cardId]:b},cardRecurringExpensesByCardId:{[o.cardId]:o.recurringExpenses},cardRecurringExpenseFetchState:o.recurringExpensesFetchState.fetchState,lockCardFetchState:o.lockChargeCardsFetchState.fetchState,onConfirmClick:Ya,onDismissClick:()=>{xe(!1),M()},onRemoveCardClick:()=>{}}),Aa&&C.bulkActionCardIds.length>0&&t.jsx(Rt,{showCloseCardDrawer:!0,onCloseCloseCardDrawer:()=>{Q(!1),D([])},isChargeCardAdmin:!0,chargeCardsByCardId:ie.chargeCardsByCardId,cardRecurringExpensesByCardId:ie.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ie.fetchState,closeCardFetchState:e.closeChargeCardsFetchState.fetchState,onConfirmClick:Ja,onDismissClick:()=>{Q(!1),D([])},onRemoveCardClick:Et}),ja&&C.bulkActionCardIds.length>0&&t.jsx(Nt,{showLockCardDrawer:!0,onCloseLockCardDrawer:()=>{Z(!1),D([])},isChargeCardAdmin:!0,chargeCardsByCardId:ie.chargeCardsByCardId,cardRecurringExpensesByCardId:ie.cardRecurringExpensesByCardId,cardRecurringExpenseFetchState:ie.fetchState,lockCardFetchState:e.lockChargeCardsFetchState.fetchState,onConfirmClick:qa,onDismissClick:()=>{Z(!1),D([])},onRemoveCardClick:Et}),Oe&&o.cardId!=null&&b&&t.jsx(Tr,{currentCardName:b.cardName,renameFetchState:o.updateChargeCardNameFetchState.fetchState,onCancelClick:()=>{ze(!1),M()},onSubmitClick:n=>{o.cardId!=null&&fa(o.cardId,n)}}),Ue&&o.cardId!=null&&b&&t.jsx(Rr,{controllerEmails:X,isChargeCardFeatureEnabled:w,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:F,isChargeCardSetupEnabled:T,productInformation:Ie,cashbackInformation:re,creditAccountInformation:ve,debitAccountInformation:$e,cardDetail:b,depositAccountLimitFetchState:o.depositAccountLimitFetchState.fetchState,creditAccount:x,creditAccountRepayment:N,signedInUser:Be,isDebitCard:b.type.code.includes("debit"),classListFetchState:"Not-Started",currentLimitAmount:b.limit,currentSpentAmount:b.balance,maxLimitAmount:b.type.code.includes("debit")?o.depositAccountLimit?.cardLimits.dailyCardTransactionLimit:x.limit,isDisabled:b.type.code.includes("debit")&&o.depositAccountLimitFetchState.fetchState!=="Completed",updateLimitFetchState:o.updateChargeCardLimitFetchState.fetchState,onCancelClick:()=>{Ve(!1),M()},onSubmitClick:n=>{if(o.cardId!=null){const u={amount:n,currencyCode:b.limit.currencyCode,currencySymbol:b.limit.currencySymbol};L(o.cardId,u,b.creditLimitFrequency,pe("0,0.[00]",u))}},recommendations:b.recommendations}),La&&_.length>0&&t.jsx(hi,{currentSpentAmount:Ea??{amount:0,currencyCode:_[0].limit.currencyCode,currencySymbol:_[0].limit.currencySymbol},maxLimitAmountForCreditCard:e.creditAccount.limit,maxLimitAmountForDebitCard:Pa,hasCreditCard:C.hasCreditCards,hasDebitCard:C.hasDebitCards,signedInUser:Be,isDisabled:C.hasDebitCards&&R.fetchState!=="Completed",updateLimitFetchState:e.updateChargeCardsSpendLimitFetchState.fetchState,onCancelClick:()=>{we(!1),D([])},onSubmitClick:n=>{const u={amount:n,currencyCode:_[0].limit.currencyCode,currencySymbol:_[0].limit.currencySymbol};y(C.bulkActionCardIds,u,_[0].creditLimitFrequency)}}),t.jsx(Fr,{cardsSelectedForBulkAction:C.bulkActionCardIds,isBulkActionAllowed:B,firstSelectedCardStatus:Fa,bulkSubmissionLimit:Er,removeAllCardsFromBulkActionList:()=>D([]),updateBulkActionList:D,onProceedForBulkActionClick:Da,onBulkLockClick:Ka,onBulkCloseClick:Xa,setShowBulkChangeSpendLimitPopup:we,depositAccountListWithDebitCardIssued:R,setCardIdForRowAction:Ne,setActionTypeForRowAction:Ct,cashbackInformation:re,creditAccountInformation:ve,debitAccountInformation:$e,productInformation:Ie,controllerEmails:X,isChargeCardFeatureEnabled:w,isCardControlsEnabled:q,isDebitCardFeatureEnabled:v,isDebitCardSetupEnabled:F,isChargeCardSetupEnabled:T,creditAccount:x,creditAccountRepayment:N,cardList:e.cards,showViewForCardUser:!1,signedInUser:Be,fetchState:e.fetchState,revokeChargeCardsInviteFetchState:e.revokeChargeCardsInviteFetchState.fetchState,unlockChargeCardsFetchState:e.unlockChargeCardsFetchState.fetchState,onReloadCards:ya,onChargeCardRowClick:ga,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:ha,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ka,onChargeCardResendInviteClick:Sa,rowActionView:o})]})]})]})},ki=r(ta)`
+  color: ${e=>e.isImportant?f.important:e.theme.colors.primary};
+  text-align: end;
+`,vi=r(ta)`
+  color: ${f.brandColorGoldDark};
+  text-align: end;
+`,zt=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp1};
+  height: 21px;
+  overflow: hidden;
+  cursor: ${e=>e.hasPointer?"pointer":"default"};
+`,$i=r(de)`
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+`,Ut=r(ot)`
+  color: ${e=>e.theme.colors.primary};
+  width: 12px;
+  height: 12px;
+`,Ii=r(mr)`
+  color: ${f.brandColorGoldDark};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,ji=r(hr)`
+  color: ${f.important};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,Ai=r(de)`
+  color: ${f.heroDark};
+  white-space: pre-line;
+  text-align: left;
+`,Li=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Vt=(e,s,c)=>{const d=(s*100).toFixed(2);if(e==="credit"){const i=I.listPage.promoMultiText.credit;return c&&(i[0]=i[0].replace("__creditLimit__",rt("0,0",c.amount,c.currencySymbol))),i[1]=i[1].replace("__cashBack__",d),[...i,i[0]]}else if(e==="debit"){const i=I.listPage.promoMultiText.debit;return i[0]=i[0].replace("__cashBack__",d),[...i,i[0]]}return[]},Fi=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:s,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:d})=>e&&s&&c&&d?W.title.cards:e&&s?W.title.credit:c&&d?W.title.debit:"",Ei=r.div`
+  text-align: left;
+`,Wt=r.span``,Pi=r.span`
+  white-space: nowrap;
+`,Di=r.div`
+  min-width: 137px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+`,Bi=r.div`
+  min-width: ${a.sp12};
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`,la=r.div`
+  min-width: ${a.sp11};
+  padding: ${a.sp2} ${a.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-bottom-left-radius: ${a.sp2};
+  border-bottom-right-radius: ${a.sp2};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  display: flex;
+`,Ti=r(la)`
+  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
+`,Ri=r.div``,Ni=r.div`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${a.sp12};
+  width: fit-content;
+  justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
+  margin-top: ${a.sp1};
+  padding: ${a.sp0} ${a.sp2};
+`,Mi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+`,_i=r.div`
+  display: flex;
+  flex-direction: row;
+  margin-top: ${a.sp3};
+  margin-right: ${e=>Ce.contentContainerMargin.valuePx(e.windowSize)};
+  margin-bottom: ${a.sp4};
+  margin-left: ${e=>Ce.contentContainerMargin.valuePx(e.windowSize)};
+  align-items: center;
+  gap: ${a.sp3};
+  ${e=>e.windowSize==="small"&&dt`
+      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;
+    `}
+`,Gt=r.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${f.Elevation1Light};
+  border-radius: ${a.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  min-width: ${e=>Ce.cardsMinWidth.valuePx(e.windowSize)};
+  height: 188px;
+  justify-content: space-between;
+  flex-basis: 33.33%;
+`,Oi=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-self: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  text-align: ${e=>e.windowSize==="small"?"start":"end"};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${f.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=>Ce.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%;
+`,Ht=r.div`
+  display: flex;
+  align-items: baseline;
+  gap: ${a.sp2};
+  align-items: center;
+`,Yt=r(de)`
+  color: ${e=>e.theme.colors.hero};
+`,Jt=r(ur)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${wi.remainingText.style(e.windowSize)}`};
+`,Fe=r(de)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: nowrap;
+`,zi=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${a.sp1};
+  padding: 3px ${a.sp0};
+  margin-top: 20px;
+`,ua=r(pr)`
+  color: ${e=>e.theme.colors.hero};
+`,Ui=r(ua)`
+  color: ${e=>e.hasNegativeValue?f.success:f.important};
+`,Vi=r(_r)`
+  color: ${f.success};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,Wi=r(Or)`
+  color: ${f.important};
+  width: ${a.sp3};
+  height: ${a.sp3};
+`,Gi=r(st)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>Ce.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
+  gap: ${a.sp1};
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: min-content;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Hi=r.div`
+  width: 100%;
+  height: ${a.sp1};
+  display: flex;
+  margin: ${a.sp2} ${a.sp0};
+  background: ${e=>e.theme.colors.grey3};
+`,Yi=r.div`
+  background: ${f.success};
+  width: 0%;
+  height: ${a.sp1};
+
+  transition: width 4s ease;
+`,Ji=r(ot)`
+  color: inherit;
+  width: ${a.sp2};
+  height: ${a.sp2};
+`,qi=r.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
+`,qt=r.div`
+  padding: ${a.sp4};
+  padding-bottom: ${a.sp2};
+`,Kt=r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Xt=r.div``,Ki=r.div`
+  height: ${a.sp10};
+  width: ${a.sp10};
+`;function Xi(){switch(ea().mode){case"light":return t.jsx(Mr,{});case"dark":default:return t.jsx(Nr,{})}}export{wn as default,Vt as getPromoSlidingTextList};