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

package/dist/assets/BusinessVerificationPage-Nw_fedst-Ce7UF4J6.js

@@ -1,138 +0,0 @@
-import{x as ct,q as dt,cJ as ve,j as a,O as Ve,c6 as W,c1 as mt,fz as ut,dF as pt,cr as ft,fk as yt,cR as De,cH as $e,n as ht,dD as gt,cF as xt,fl as St,eX as wt,eY as Ct,eZ as Tt,Y as bt,c4 as vt,cK as Dt,o,y as P,fd as G,ce as Le,jC as $t,j2 as ke,fP as kt,_ as It,A as jt,cd as Fe,b as Pt,H as Nt,u as k}from"./index-kF4u7Flm.js";import{b as N,n as d}from"./vendor-Bs1fkIUX.js";import{b as Ot,s as Vt}from"./CompanyOfficerDetailsSection-CJKyxEnf-B2MTqDnr.js";import{r as Lt}from"./verification-CW6uEyev-CQXAdM_w.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"./LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js";import"./LabeledCreatableSingleSelectField-BhaeopJt-tsmH64cn.js";import"./LabeledDocumentField-ED03S2kQ-BGespvxP.js";const x={width:new P(343,580,726),titleWidth:new P(343,580,726,826),subTitlePaddingTop:new P(12,k[3]),subTitlePaddingBottom:new P(k[3],k[3]),verificationDetailsRowGap:new P(12,k[5],k[5]),termsPaddingLeftRight:new P(k[0],k[3])},Ft={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",T="companyDetails",b="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:_t,currency:je,footer:Pe,strings:{empty:At}}}=Ve.getLocalizedStrings(),ga=({businessVerificationDetails:t,allNationalityCountries:F,verficationDetailsFetchState:O,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:A,productType:y,allIndustries:B,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:X=!1,transferDetails:E,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:Ae,onBackClick:V,onGetOtp:Be,onVerifyOtp:ze,onResendOtp:Ee,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:Xe,onExecuteTreasuryTransfer:qe})=>{const Ye=ct(),m=dt(),{updateStatus:R,companyView:L,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,He=ve(R.fetchState),U=L?.company.company.featuresActivationInfo.connectedAccountProvider,Je=U==="unit"?a.jsxs(Xt,{children:[i.terms.term1,a.jsx(W,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(W,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(W,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(W,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ke,q]=N.useState(!1),[M,oe]=N.useState("save"),[Y,Ze]=N.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:Bt(t,B,z,F)}),{isValid:Qe}=u.formState,H=L?.company.company.companyBillPayInfo,J=L?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?J?.companyVerificationStatus:H?.companyVerificationStatus,v=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),D=`Officer_${v<0?1:v+1}`,et=()=>{const e=w[D],s=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,me=e?.titleAtCompany,ue=e?.documentTypeSelectedForVerification,pe=e?.phone,fe=e?.addressStatus?.addressToCreate,ye=fe!=null?G(fe):void 0,he=l?.companyDescription,Q=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0,ee=l?.primaryContactLocalData,Ce=ee?.firstName,Te=ee?.lastName,be=ee?.email;s!=null&&f!=null&&C!=null&&$!=null&&c!=null&&me!=null&&pe!=null&&ye!=null&&ue!=null&&he!=null&&Q!=null&&xe!=null&&Se!=null&&ge!=null&&Q!=null&&we!=null&&Ce!=null&&Te!=null&&be!=null&&g?.trackBusinessVerificationSend({email:s,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:me,phone:pe,formattedAddress:ye,documentTypeForVerification:ue},{companyDescription:he,legalName:Q,phone:xe,website:Se.toString(),industry:ge,formattedAddress:we},{firstName:Ce,lastName:Te,email:be},y,n?"Settings":void 0)},tt=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=s?.email??"",$=!!s?.firstName&&!!s?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${b}.${v<0?0:v}.name`,{shouldFocus:!0}),!1):C&&!$?((!s?.firstName||!s?.lastName)&&u.trigger(`${T}.primaryContactName`,{shouldFocus:!0}),!1):!0},at=()=>{const e=w[D],s=l?.primaryContactLocalData,c=e?.email,f=s?.email;if(c){if(!f)return(s?.firstName||s?.lastName)&&u.trigger(`${T}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||K!=null&&K?.length>0)return u.trigger(`${b}.${v<0?0:v}.email`,{shouldFocus:!0}),!1;return!0},it=u.handleSubmit(()=>{if(M!=="verification"&&oe("verification"),U==="unit"&&w[D]?.isPhoneVerified!==!0){u.setError(`${b}.${v}.phone`,{type:"custom"});return}const e=ut(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),s=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);pt(e.concat(s)).fetchState!=="In-Progress"&&Qe&&(et(),Re?.(D),X===!0&&qe?.())}),st=async(e,s)=>{e.includes(T)?Ue?.(s[T]):e.includes(b)&&We?.(s[b])},nt=N.useCallback(ft((e,s)=>{st(e,s)},300),[]);N.useEffect(()=>{const e=u.watch((s,{name:c})=>{c!=null&&s!=null&&yt(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);N.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&le==null&&(re?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${T}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,le,re,u]);const ce=L?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),K=ce?.map(e=>e.user),rt=ce?.map(e=>e.role),ot={onOkClick:()=>{q(!1),V();const e=[],s=L?.company.company.incInfo.fileIds??[];u.getValues(`${T}.fileIds`).forEach(c=>{s.includes(c)||e.push(c)}),rt?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${b}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Me?.(e)},onCancelClick:()=>{q(!1)}},lt=De($e(p),p,je.currencySymbol).toUpperCase(),Z=j?.code==="pending_review"||j?.code==="verified",de=(E?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&j?.code==="pending_review"&&He==="In-Progress"&&R.fetchState==="Completed"?a.jsxs(Qt,{children:[a.jsxs(ea,{children:[a.jsx(Lt,{}),a.jsx(ta,{windowSize:m,children:X===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Zt,{isReadonly:!1,children:X===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(E?.treasuryTransferMoneyLocalData?.amount?.amount??0),E?.treasuryTransferMoneyLocalData?.amount?.amount??0,je.currencySymbol)).replace("__account__",E?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(ht,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(zt,{isSettings:n,children:[a.jsx(gt,{title:h&&S===!0?At:i.header,backgroundColor:Ye.colors.grey5,style:{zIndex:Y?1:4},onBackClick:()=>{St(u.formState.dirtyFields)?q(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Xe,rightSideComponent:h?a.jsx(aa,{"data-testid":xt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Ke===!0?a.jsx(wt,{titleComponent:a.jsx(Tt,{children:i.discardTitle}),descriptionComponent:a.jsx(Ct,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Ut,{windowSize:m,children:[(!h||S===!1)&&a.jsx(Rt,{windowSize:m,children:n?_t.infoText.businessVerification:i.title}),O==="In-Progress"||O==="Not-Started"?a.jsx(Mt,{children:a.jsx(bt,{size:"ExtraLarge",start:!0})}):a.jsx(vt,{...u,children:a.jsxs("form",{id:Ne(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(Et,{children:[a.jsxs(qt,{windowSize:m,children:[a.jsx(Yt,{windowSize:m,children:Z?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Z&&a.jsx(Ht,{children:a.jsxs(Jt,{children:[a.jsx(Oe,{}),de&&a.jsx(Oe,{}),a.jsx(Kt,{})]})})]}),a.jsx(_e,{isReadonly:Z,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Wt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:F,allOfficers:K??[],sectionId:b,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:A,isPopupOpen:Y,openPopup:Ze,onGetOtp:Be,onVerifyOtp:ze,onResendOtp:Ee,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Vt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:T,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":I,fileProps:{authParams:A,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:Ae,connectedAccountProvider:U,allIndustries:B})]}),y==="zeni_accounts"?a.jsx(Gt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),O==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsx(Dt,{formId:Ne(Ie),primaryBtn:{label:S?Pe.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?Pe.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[D],s=l?.primaryContactLocalData;M!=="save"&&oe("save");const c=e?.email??"",f=tt(),C=at();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?G(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?G(l?.addressStatus?.addressToCreate):void 0},{firstName:s?.firstName,lastName:s?.lastName,email:s?.email},y,n?"Settings":void 0),Ge?.(D))}}},helperText:Je,style:{padding:`12px ${o.sp3}`,zIndex:Y?0:4}}):null]})},Bt=(t,F,O,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:A,companyView:y}=t,B=Ve.getLocalizedStrings().companyPassport,z=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[T]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:r?.companyId??"",syncToken:r?.syncToken,companyLegalName:r?.companyLegalName??"",companyWebsite:r?.website?.toString()??"",companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:F?.map(p=>p.code)},companyPhone:r?.phone??"",companyTaxId:r?.taxIdOrEIN??"",primaryContactName:{firstName:r?.primaryContactLocalData?.firstName??"",lastName:r?.primaryContactLocalData?.lastName??""},primaryContactEmail:r?.primaryContactLocalData?.email??"",primaryContactUserId:r?.primaryContactLocalData?.userId,primaryContactSyncToken:r?.primaryContactLocalData?.syncToken,fileIds:r?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:B.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[b]:Object.values(A).map((p,I)=>{const n=p,h=$t(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:kt(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:O?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:ke(!0,n?.userFiles??[],h),back:ke(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!z&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},Ne=t=>`${t}_form`,zt=d.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${o.sp3};
-  background-color: ${t=>t.isSettings?"unset":t.theme.colors.grey5};
-`,Et=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${o.sp1};
-  width: 100%;
-  padding-bottom: ${o.sp3};
-`,Rt=d(Fe)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>x.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>x.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>x.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-`,Ut=d.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: ${o.sp9};
-  row-gap: ${t=>x.verificationDetailsRowGap.valuePx(t.windowSize)};
-`,Mt=d.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${t=>t.theme.colors.grey4};
-`,Wt=d.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp11};
-`,Gt=d(Le)`
-  margin-top: ${o.sp2};
-  padding: ${o.sp2} ${o.sp2};
-  text-align: center;
-  color: ${t=>t.theme.colors.grey1};
-  width: ${t=>x.width.valuePx(t.windowSize)};
-`,Xt=d(Le)`
-  text-align: center;
-  max-width: 750px;
-  color: ${t=>t.theme.colors.hero};
-`,qt=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  width: 100%;
-`,Yt=d(Nt)`
-  ${t=>`${Ft.stepTitle.style(t.windowSize)}`};
-  color: ${t=>t.theme.colors.primary};
-  text-align: left;
-`,Ht=d.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${o.sp2};
-`,Jt=d.div`
-  display: flex;
-  width: 100%;
-  gap: ${o.sp3};
-`,Oe=d.div`
-  flex: 1;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.primary};
-  border-radius: ${o.sp2};
-`,Kt=d.div`
-  flex: 1;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${t=>t.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`,_e=d(Fe)`
-  color: ${t=>t.theme.colors.hero};
-  margin-top: ${t=>t.isReadonly?o.sp0:o.sp3};
-  white-space: pre-line;
-`,Zt=d(_e)`
-  margin-top: ${o.sp0};
-  text-align: center;
-`,Qt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp5};
-  margin: auto;
-`,ea=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp3};
-`,ta=d(It)`
-  color: ${t=>t.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,aa=d(jt)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;export{ga as default,Ne as uniqueName};

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

@@ -1,406 +0,0 @@
-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};