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

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

@@ -1,138 +0,0 @@
-import{d as ct,q as dt,aP as ve,j as a,O as Ve,af as G,aa as mt,d4 as ut,l as L,az as pt,cS as ft,aX as De,aO as $e,n as yt,bF as ht,aM as gt,cT as xt,cD as St,cE as wt,cF as Ct,P as Tt,ad as bt,aQ as vt,o,y as j,an as Fe,gl as Dt,fV as ke,dj as $t,_ as kt,A as It,am as Le,c as Pt,H as jt,u as k}from"./index-sAOH0Fje.js";import{b as O,n as d}from"./vendor-Bs1fkIUX.js";import{b as Ot,s as Nt}from"./CompanyOfficerDetailsSection-CJKyxEnf-BshC7d2B.js";import{r as Vt}from"./verification-CW6uEyev-CQXAdM_w.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledAddressValueField-YP7bXlgZ-8CibrbWw.js";import"./LabeledCreatableSingleSelectField-BhaeopJt-r1U--LmU.js";import"./LabeledDocumentField-ED03S2kQ-wbMhlpMQ.js";const x={width:new j(343,580,726),titleWidth:new j(343,580,726,826),subTitlePaddingTop:new j(12,k[3]),subTitlePaddingBottom:new j(k[3],k[3]),verificationDetailsRowGap:new j(12,k[5],k[5]),termsPaddingLeftRight:new j(k[0],k[3])},Ft={stepTitle:new Pt("h6Regular","h5Regular")},Ie="businessVerificationPage",T="companyDetails",b="companyOfficerDetails",{commonSetUp:{businessVerification:i},common:{settings:Lt,currency:Pe,footer:je,strings:{empty:At}}}=Ve.getLocalizedStrings(),ha=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:N,isRefreshingViewInBackground:_,filesEndPoint:r,authParams:B,productType:y,allIndustries:E,companyTitles:z,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,isTreasuryTransferInitiated:X=!1,transferDetails:R,onOverlayClose:te,onAddressClick:ae,onRegisteredAddressClick:_e,onBackClick:V,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,onSendForVerificationClick:Re,onEditFileName:ie,onCompanyDetailsChanged:Ue,updateFilesEntity:se,onDeleteFile:ne,onDeleteFileList:Me,onCompanyOfficerUpdated:We,saveNewAddressInLocalStore:re,onSaveDetailsClick:Ge,onClickMenuIcon:Xe,onExecuteTreasuryTransfer:qe})=>{const Qe=ct(),m=dt(),{updateStatus:U,companyView:F,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,He=ve(U.fetchState),M=F?.company.company.featuresActivationInfo.connectedAccountProvider,Je=M==="unit"?a.jsxs(Gt,{children:[i.terms.term1,a.jsx(G,{href:i.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.consent}),i.terms.term2,a.jsx(G,{href:i.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.depositTerms}),i.terms.term3,a.jsx(G,{href:i.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:i.terms.privacy}),i.terms.term4,a.jsx(G,{href:i.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:i.terms.tos}),i.terms.term5]}):i.terms.termsForStripe,[Ke,q]=O.useState(!1),[W,oe]=O.useState("save"),[Q,Ye]=O.useState(!1),u=mt({mode:"all",reValidateMode:"onChange",defaultValues:_t(t,E,z,A)}),{isValid:Ze}=u.formState,H=F?.company.company.companyBillPayInfo,J=F?.company.company.companyTreasuryInfo,P=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?L.getFormattedAddress(fe):void 0,he=l?.companyDescription,Z=l?.companyLegalName,ge=l?.companyIndustry,xe=l?.phone,Se=l?.website,we=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(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&&Z!=null&&xe!=null&&Se!=null&&ge!=null&&Z!=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:Z,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(W!=="verification"&&oe("verification"),M==="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);L.reduceAllFetchState(e.concat(s)).fetchState!=="In-Progress"&&Ze&&(et(),Re?.(D),X===!0&&qe?.())}),st=async(e,s)=>{e.includes(T)?Ue?.(s[T]):e.includes(b)&&We?.(s[b])},nt=O.useCallback(pt((e,s)=>{st(e,s)},300),[]);O.useEffect(()=>{const e=u.watch((s,{name:c})=>{c!=null&&s!=null&&ft(()=>nt(c,s))});return()=>{e.unsubscribe()}});const le=ve(t.companyDetailsLocalData?.addressStatus);O.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=F?.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=F?.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,Pe.currencySymbol).toUpperCase(),Y=P?.code==="pending_review"||P?.code==="verified",de=(R?.treasuryTransferMoneyLocalData?.amount?.amount??0)>0;return y==="zeni_treasury"&&P?.code==="pending_review"&&He==="In-Progress"&&U.fetchState==="Completed"?a.jsxs(Yt,{children:[a.jsxs(Zt,{children:[a.jsx(Vt,{}),a.jsx(ea,{windowSize:m,children:X===!0?i.submittedTitleWithTransfer:i.submittedTitle}),a.jsx(Kt,{isReadonly:!1,children:X===!0?i.submittedDescriptionWithTransfer.replace("__amount__",De($e(R?.treasuryTransferMoneyLocalData?.amount?.amount??0),R?.treasuryTransferMoneyLocalData?.amount?.amount??0,Pe.currencySymbol)).replace("__account__",R?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):i.submittedDescription})]}),a.jsx(yt,{label:i.submittedButton,onClick:()=>{V(),te?.()},variant:"primary"})]}):a.jsxs(Bt,{isSettings:n,children:[a.jsx(ht,{title:h&&S===!0?At:i.header,backgroundColor:Qe.colors.grey5,style:{zIndex:Q?1:4},onBackClick:()=>{xt(u.formState.dirtyFields)?q(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:Xe,rightSideComponent:h?a.jsx(ta,{"data-testid":gt("nav-bar-close-business-verification-overlay"),onClick:()=>{V(),te?.()}}):null,source:"BusinessVerificationPage"}),Ke===!0?a.jsx(St,{titleComponent:a.jsx(Ct,{children:i.discardTitle}),descriptionComponent:a.jsx(wt,{children:i.discardDescription}),primaryButtonText:i.discard,secondaryButtonText:i.cancel,action:ot}):null,a.jsxs(Rt,{windowSize:m,children:[(!h||S===!1)&&a.jsx(zt,{windowSize:m,children:n?Lt.infoText.businessVerification:i.title}),N==="In-Progress"||N==="Not-Started"?a.jsx(Ut,{children:a.jsx(Tt,{size:"ExtraLarge",start:!0})}):a.jsx(bt,{...u,children:a.jsxs("form",{id:Oe(Ie),onSubmit:it,children:[h&&S===!0&&a.jsxs(Et,{children:[a.jsxs(Xt,{windowSize:m,children:[a.jsx(qt,{windowSize:m,children:Y?i.businessVerificationDetails:de?i.verifyBusinessDetails:i.verifyBusinessDetailsWithoutTransfer}),!Y&&a.jsx(Qt,{children:a.jsxs(Ht,{children:[a.jsx(Ne,{}),de&&a.jsx(Ne,{}),a.jsx(Jt,{})]})})]}),a.jsx(Ae,{isReadonly:Y,children:i.verifyBusinessDetailsDescription})]}),a.jsxs(Mt,{children:[a.jsx(Ot,{companyOfficerData:w,allNationalityCountries:A,allOfficers:K??[],sectionId:b,isRefreshingViewInBackground:_,connectedAccountProvider:M,productType:"business_verification",updateFilesEntity:se,onEditFileName:ie,onOfficerAddressClick:ae,onDeleteFile:ne,isDisabled:I,filesEndPoint:r,authParams:B,isPopupOpen:Q,openPopup:Ye,onGetOtp:Be,onVerifyOtp:Ee,onResendOtp:ze,companyTitles:z,isForTreasury:y==="zeni_treasury",isOverlay:h}),a.jsx(Nt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:P,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:T,isDisabled:P?.code==="pending_review"||P?.code==="verified"?"readonly":I,fileProps:{authParams:B,filesEndPoint:r,onEditFileName:ie,onDeleteFile:ne,updateFilesEntity:se},onCompanyAddressClick:ae,onRegisteredAddressClick:_e,connectedAccountProvider:M,allIndustries:E})]}),y==="zeni_accounts"?a.jsx(Wt,{windowSize:m,children:i.threadText.replace("__amount__",lt)}):null]})})]}),N==="Completed"&&(y==="zeni_treasury"?J?.companyVerificationStatus?.code!=="pending_review"&&J?.companyVerificationStatus?.code!=="verified":H?.businessVerificationStatus?.code!=="pending_review"&&H?.businessVerificationStatus?.code!=="verified")?a.jsx(vt,{formId:Oe(Ie),primaryBtn:{label:S?je.submit:i.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="verification"&&U.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?je.back:i.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:W==="save"&&U.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[D],s=l?.primaryContactLocalData;W!=="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?L.getFormattedAddress(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?L.getFormattedAddress(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:Q?0:4}}):null]})},_t=(t,A,N,_)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:B,companyView:y}=t,E=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:A?.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:E.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(i.sourceOfFundOptions)}},[b]:Object.values(B).map((p,I)=>{const n=p,h=Dt(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:$t(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:N?.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}})}},Oe=t=>`${t}_form`,Bt=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};
-`,zt=d(Le)`
-  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"};
-`,Rt=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)};
-`,Ut=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};
-`,Mt=d.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp11};
-`,Wt=d(Fe)`
-  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)};
-`,Gt=d(Fe)`
-  text-align: center;
-  max-width: 750px;
-  color: ${t=>t.theme.colors.hero};
-`,Xt=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  width: 100%;
-`,qt=d(jt)`
-  ${t=>`${Ft.stepTitle.style(t.windowSize)}`};
-  color: ${t=>t.theme.colors.primary};
-  text-align: left;
-`,Qt=d.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${o.sp2};
-`,Ht=d.div`
-  display: flex;
-  width: 100%;
-  gap: ${o.sp3};
-`,Ne=d.div`
-  flex: 1;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.primary};
-  border-radius: ${o.sp2};
-`,Jt=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%);
-    }
-  }
-`,Ae=d(Le)`
-  color: ${t=>t.theme.colors.hero};
-  margin-top: ${t=>t.isReadonly?o.sp0:o.sp3};
-  white-space: pre-line;
-`,Kt=d(Ae)`
-  margin-top: ${o.sp0};
-  text-align: center;
-`,Yt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp5};
-  margin: auto;
-`,Zt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp3};
-`,ea=d(kt)`
-  color: ${t=>t.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,ta=d(It)`
-  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{ha as default,Oe as uniqueName};

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

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