@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/BusinessVerificationPage-B6lyqGIK-BfLlNZ0a.js

@@ -1,140 +0,0 @@
-import{u as et,K as tt,a2 as we,j as i,F as Te,Y as Z,a as it,ce as at,l as L,B as st,c2 as nt,ab as rt,a1 as ot,r as lt,aW as ct,Z as dt,c3 as mt,bP as pt,bR as ut,bS as ft,i as yt,c as ht,a4 as gt,o,x as N,O as ke,g9 as xt,fS as Ce,fb as St,b$ as wt,a3 as Ct,k as $e,V as bt,Q as vt,n as $}from"./index-D9zAXs3-.js";import{b as P,n as d}from"./vendor-Bs1fkIUX.js";import{b as Dt,s as Tt}from"./CompanyOfficerDetailsSection-CeVdKqY7-DWrcELqw.js";import{r as kt}from"./verification-CW6uEyev-CQXAdM_w.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./LabeledAddressValueField-CkveEJJG-BEvwzrCB.js";import"./LabeledCreatableSingleSelectField-CIhXQBns-C3KOt5qj.js";import"./LabeledDocumentField-B8uyJA2N-B3iZ1bpr.js";import"./LabeledNameField-B73hOD1K-DrzOl55q.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";const x={width:new N(343,580,726),titleWidth:new N(343,580,726,826),subTitlePaddingTop:new N(12,$[3]),subTitlePaddingBottom:new N($[3],$[3]),verificationDetailsRowGap:new N(12,$[5],$[5]),termsPaddingLeftRight:new N($[0],$[3])},$t={stepTitle:new bt("h6Regular","h5Regular")},be="businessVerificationPage",b="companyDetails",v="companyOfficerDetails",{commonSetUp:{businessVerification:s},common:{settings:It,currency:jt,footer:ve,strings:{empty:Nt}}}=Te.getLocalizedStrings(),ui=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:F,isRefreshingViewInBackground:B,filesEndPoint:r,authParams:z,productType:y,allIndustries:_,companyTitles:E,maxInsuredAmount:u,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,onAddressClick:H,onRegisteredAddressClick:je,onBackClick:V,onGetOtp:Ne,onVerifyOtp:Pe,onResendOtp:Fe,onSendForVerificationClick:Ve,onEditFileName:ee,onCompanyDetailsChanged:Oe,updateFilesEntity:te,onDeleteFile:ie,onDeleteFileList:Le,onCompanyOfficerUpdated:Ae,saveNewAddressInLocalStore:ae,onSaveDetailsClick:Be,onClickMenuIcon:ze})=>{const _e=et(),m=tt(),{updateStatus:R,companyView:O,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,Ee=we(R.fetchState),U=O?.company.company.featuresActivationInfo.connectedAccountProvider,Re=U==="unit"?i.jsxs(_t,{children:[s.terms.term1,i.jsx(Z,{href:s.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.consent}),s.terms.term2,i.jsx(Z,{href:s.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.depositTerms}),s.terms.term3,i.jsx(Z,{href:s.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.privacy}),s.terms.term4,i.jsx(Z,{href:s.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:s.terms.tos}),s.terms.term5]}):s.terms.termsForStripe,[Ue,G]=P.useState(!1),[M,se]=P.useState("save"),[W,Me]=P.useState(!1),p=it({mode:"all",reValidateMode:"onChange",defaultValues:Pt(t,_,E,A)}),{isValid:Ze}=p.formState,X=O?.company.company.companyBillPayInfo,Q=O?.company.company.companyTreasuryInfo,j=y==="zeni_treasury"?Q?.companyVerificationStatus:X?.companyVerificationStatus,D=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),T=`Officer_${D<0?1:D+1}`,Ge=()=>{const e=w[T],a=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,k=e?.lastName,oe=e?.titleAtCompany,le=e?.documentTypeSelectedForVerification,ce=e?.phone,de=e?.addressStatus?.addressToCreate,me=de!=null?L.getFormattedAddress(de):void 0,pe=l?.companyDescription,K=l?.companyLegalName,ue=l?.companyIndustry,fe=l?.phone,ye=l?.website,he=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,J=l?.primaryContactLocalData,ge=J?.firstName,xe=J?.lastName,Se=J?.email;a!=null&&f!=null&&C!=null&&k!=null&&c!=null&&oe!=null&&ce!=null&&me!=null&&le!=null&&pe!=null&&K!=null&&fe!=null&&ye!=null&&ue!=null&&K!=null&&he!=null&&ge!=null&&xe!=null&&Se!=null&&g?.trackBusinessVerificationSend({email:a,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:k,companyRole:oe,phone:ce,formattedAddress:me,documentTypeForVerification:le},{companyDescription:pe,legalName:K,phone:fe,website:ye.toString(),industry:ue,formattedAddress:he},{firstName:ge,lastName:xe,email:Se},y,n?"Settings":void 0)},We=()=>{const e=w[T],a=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=a?.email??"",k=!!a?.firstName&&!!a?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&p.trigger(`${v}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!k?((!a?.firstName||!a?.lastName)&&p.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},Xe=()=>{const e=w[T],a=l?.primaryContactLocalData,c=e?.email,f=a?.email;if(c){if(!f)return(a?.firstName||a?.lastName)&&p.trigger(`${b}.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||Y!=null&&Y?.length>0)return p.trigger(`${v}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},Qe=p.handleSubmit(()=>{if(M!=="verification"&&se("verification"),U==="unit"&&w[T]?.isPhoneVerified!==!0){p.setError(`${v}.${D}.phone`,{type:"custom"});return}const e=at(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),a=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(a)).fetchState!=="In-Progress"&&Ze&&(Ge(),Ve?.(T))}),Ye=async(e,a)=>{e.includes(b)?Oe?.(a[b]):e.includes(v)&&Ae?.(a[v])},qe=P.useCallback(st((e,a)=>{Ye(e,a)},300),[]);P.useEffect(()=>{const e=p.watch((a,{name:c})=>{c!=null&&a!=null&&nt(()=>qe(c,a))});return()=>{e.unsubscribe()}});const ne=we(t.companyDetailsLocalData?.addressStatus);P.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ne==null&&(ae?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),p.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,ne,ae,p]);const re=O?.companyOfficers.slice(0,10).sort((e,a)=>e.user.createTime?.isAfter(a.user.createTime)===!0?1:-1),Y=re?.map(e=>e.user),Ke=re?.map(e=>e.role),Je={onOkClick:()=>{G(!1),V();const e=[],a=O?.company.company.incInfo.fileIds??[];p.getValues(`${b}.fileIds`).forEach(c=>{a.includes(c)||e.push(c)}),Ke?.forEach((c,f)=>{const C=c?.fileIds??[];p.getValues(`${v}.${f}.fileIds`).forEach(k=>{C.includes(k)||e.push(k)})}),e.length!==0&&Le?.(e)},onCancelClick:()=>{G(!1)}},He=rt(ot(u),u,jt.currencySymbol).toUpperCase(),q=j?.code==="pending_review"||j?.code==="verified";return y==="zeni_treasury"&&j?.code==="pending_review"&&Ee==="In-Progress"&&R.fetchState==="Completed"?i.jsxs(Xt,{children:[i.jsxs(Qt,{children:[i.jsx(kt,{}),i.jsx(Yt,{windowSize:m,children:s.submittedTitle}),i.jsx(Wt,{isReadonly:!1,children:s.submittedDescription})]}),i.jsx(lt,{label:s.submittedButton,onClick:V,variant:"primary"})]}):i.jsxs(Ft,{isSettings:n,children:[i.jsx(ct,{title:h&&S===!0?Nt:s.header,backgroundColor:_e.colors.grey5,style:{zIndex:W?1:4},onBackClick:()=>{mt(p.formState.dirtyFields)?G(!0):V()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:ze,rightSideComponent:h?i.jsx(qt,{"data-testid":dt("nav-bar-close-business-verification-overlay"),onClick:()=>{V()}}):null,source:"BusinessVerificationPage"}),Ue===!0?i.jsx(pt,{titleComponent:i.jsx(ft,{children:s.discardTitle}),descriptionComponent:i.jsx(ut,{children:s.discardDescription}),primaryButtonText:s.discard,secondaryButtonText:s.cancel,action:Je}):null,i.jsxs(Lt,{windowSize:m,children:[(!h||S===!1)&&i.jsx(Ot,{windowSize:m,children:n?It.infoText.businessVerification:s.title}),F==="In-Progress"||F==="Not-Started"?i.jsx(At,{children:i.jsx(yt,{size:"ExtraLarge",start:!0})}):i.jsx(ht,{...p,children:i.jsxs("form",{id:De(be),onSubmit:Qe,children:[h&&S===!0&&i.jsxs(Vt,{children:[i.jsxs(Et,{windowSize:m,children:[i.jsx(Rt,{windowSize:m,children:q?s.businessVerificationDetails:s.verifyBusinessDetails}),!q&&i.jsx(Ut,{children:i.jsxs(Mt,{children:[i.jsx(Zt,{}),i.jsx(Gt,{})]})})]}),i.jsx(Ie,{isReadonly:q,children:s.verifyBusinessDetailsDescription})]}),i.jsxs(Bt,{children:[i.jsx(Dt,{companyOfficerData:w,allNationalityCountries:A,allOfficers:Y??[],sectionId:v,isRefreshingViewInBackground:B,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:te,onEditFileName:ee,onOfficerAddressClick:H,onDeleteFile:ie,isDisabled:I,filesEndPoint:r,authParams:z,isPopupOpen:W,openPopup:Me,onGetOtp:Ne,onVerifyOtp:Pe,onResendOtp:Fe,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),i.jsx(Tt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:j,isRefreshingViewInBackground:B},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:j?.code==="pending_review"||j?.code==="verified"?"readonly":I,fileProps:{authParams:z,filesEndPoint:r,onEditFileName:ee,onDeleteFile:ie,updateFilesEntity:te},onCompanyAddressClick:H,onRegisteredAddressClick:je,connectedAccountProvider:U,allIndustries:_})]}),y==="zeni_accounts"?i.jsx(zt,{windowSize:m,children:s.threadText.replace("__amount__",He)}):null]})})]}),F==="Completed"&&(y==="zeni_treasury"?Q?.companyVerificationStatus?.code!=="pending_review"&&Q?.companyVerificationStatus?.code!=="verified":X?.businessVerificationStatus?.code!=="pending_review"&&X?.businessVerificationStatus?.code!=="verified")?i.jsx(gt,{formId:De(be),primaryBtn:{label:S?ve.submit:s.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?ve.back:s.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)V();else{const e=w[T],a=l?.primaryContactLocalData;M!=="save"&&se("save");const c=e?.email??"",f=We(),C=Xe();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:a?.firstName,lastName:a?.lastName,email:a?.email},y,n?"Settings":void 0),Be?.(T))}}},helperText:Re,style:{padding:`12px ${o.sp3}`,zIndex:W?0:4}}):null]})},Pt=(t,A,F,B)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:z,companyView:y}=t,_=Te.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:r?.companyDescription??"",ein:r?.companyFiles.find(u=>u.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(u=>u.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(u=>u.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(u=>u.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:_.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:r?.sourceOfFunds??"",allOptions:Object.keys(s.sourceOfFundOptions)}},[v]:Object.values(z).map((u,I)=>{const n=u,h=xt(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:St(n?.nationalityCountryCode,B.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:F?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:Ce(!0,n?.userFiles??[],h),back:Ce(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},De=t=>`${t}_form`,Ft=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};
-`,Vt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${o.sp1};
-  width: 100%;
-  padding-bottom: ${o.sp3};
-`,Ot=d($e)`
-  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"};
-`,Lt=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)};
-`,At=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};
-`,Bt=d.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${o.sp11};
-`,zt=d(ke)`
-  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)};
-`,_t=d(ke)`
-  text-align: center;
-  max-width: 750px;
-  color: ${t=>t.theme.colors.hero};
-`,Et=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${o.sp3};
-  width: 100%;
-`,Rt=d(vt)`
-  ${t=>`${$t.stepTitle.style(t.windowSize)}`};
-  color: ${t=>t.theme.colors.primary};
-  text-align: left;
-`,Ut=d.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${o.sp2};
-`,Mt=d.div`
-  display: flex;
-  width: 100%;
-  gap: ${o.sp3};
-`,Zt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.primary};
-  border-radius: ${o.sp2};
-  flex-shrink: 0;
-`,Gt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.grey3};
-  border-radius: ${o.sp2};
-  flex-shrink: 0;
-  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%);
-    }
-  }
-`,Ie=d($e)`
-  color: ${t=>t.theme.colors.hero};
-  margin-top: ${t=>t.isReadonly?o.sp0:o.sp3};
-  white-space: pre-line;
-`,Wt=d(Ie)`
-  margin-top: ${o.sp0};
-  text-align: center;
-`,Xt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp5};
-  margin: auto;
-`,Qt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.sp3};
-`,Yt=d(wt)`
-  color: ${t=>t.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,qt=d(Ct)`
-  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{ui as default,De as uniqueName};

package/dist/assets/BusyIndication-_H8LL7GJ-BjR55KdD.js

@@ -1,9 +0,0 @@
-import{j as e,i as r,o as i}from"./index-D9zAXs3-.js";import{n as o}from"./vendor-Bs1fkIUX.js";const n=o.div`
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin: ${i.sp12} 0 0 0;
-`,d=({fetchState:t,styles:s})=>t==="In-Progress"||t==="Not-Started"?e.jsx(n,{style:s,children:e.jsx(r,{size:"ExtraLarge",start:!0})}):null;export{d};

package/dist/assets/ChargeCardListPage-_YORyJOy-uqdfjUZk.js

@@ -1,355 +0,0 @@
-import{cT as St,z as jt,f_ as vt,l as M,fV as v,K as me,F as Ne,o as a,u as _e,j as t,aW as kt,ft as A,y as C,bw as le,h as n,a0 as Pt,ab as ce,Z as he,x as N,$ as E,V as Tt,Q as It,cg as Mt,aD as Fe,b5 as At,af as ue,a6 as Et,O as ge,n as T,cU as Lt,p as Rt,k as Dt,b$ as zt,aR as Bt}from"./index-D9zAXs3-.js";import{b as O,n as i,i as xe,k as Ot}from"./vendor-Bs1fkIUX.js";import{d as Nt}from"./BusyIndication-_H8LL7GJ-BjR55KdD.js";import{X as _t}from"./SpendManagementSection-atmLAM4T-DeXVF-9S.js";import{ChargeCardPromoUserContent as Ft}from"./ChargeCardPromoPage-DO2UJyXm-Dwx7STGG.js";import{N as Wt,J as Ut}from"./PromoBaseCards-CLKhsYfl-BEkL1oHo.js";import{t as Gt}from"./tick-round-CPC394H5-C8roQJBa.js";import{M as Yt}from"./ChargeCardListTable-DE1xnRyd-D2F1GAJW.js";import{r as Ht,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-W-GGrHSF.js";import{t as Vt,o as Zt}from"./arrow-south-east-round-PEovUgvH-DnzbA_s-.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";import"./MeetingCalenderPopup-LNaVbSrR-TEQEw5Mb.js";import"./NavigationDots-CGOsNTLj-ZRX96j5F.js";import"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./common-CU4uS1La-DdHnWUCD.js";import"./calculateSize-BUfcd-gF-DqmEdKsX.js";import"./Menu-BCNEnlpd-D3With3F.js";import"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import"./RoleWithToolTip-CUogd8qi-BfjjZiS9.js";import"./CardNumberSubText-Bo_ZeAR0-DocU3odv.js";import"./ChargeCardUtils-DYpmF85C-qBaPG14m.js";const be={infoSubheadingTextMarginTop:new N(T[0],T[0]),cardsMinWidth:new N(343,353)},ve=Ne.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:p,subTitle:r,slidingTextList:u,onClick:d})=>{const m=me();return t.jsxs(Kt,{windowSize:m,cardPromoType:e,"data-testid":he("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(We,{children:[t.jsxs(Ge,{children:[t.jsx(Ue,{children:l}),t.jsx(ea,{children:p}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),u.length>0&&t.jsx(pe,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ye,{children:g},`card-promo-${x.toString()}`))}),t.jsx(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:p,onCreateNowClick:r})=>{const u=me();return t.jsx(Qt,{windowSize:u,cardType:e,children:t.jsxs(Xt,{children:[t.jsxs(Ge,{children:[t.jsx(Ue,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":he("total-cashback-info"),children:[t.jsx(Ye,{children:ve.createNow}),t.jsx(pa,{})]})})]}),e==="creditCard"?t.jsxs(ma,{children:[t.jsx(ha,{children:ve.creditLimit}),t.jsx(ua,{children:p})]}):null]})})},qt=e=>{const s=e-1;let l=`
-    0% {
-      transform: translateY(0);
-    }
-  `;const p=s*3.5,r=.5,u=3;for(let d=1;d<s;d++){const m=d*(u+r)*100/p,g=m-r*100/p,x=-21*d;l+=`
-    ${g}% {
-      transform: translateY(${x+21}px); 
-    }
-    ${m}% {
-      transform: translateY(${x}px);
-    }
-    `}return l+=`
-  ${((s-1)*(u+r)+u)*100/p}% {
-    transform: translateY(${-21*(s-1)}px);
-  }
-  99.99% {
-    transform: translateY(${-21*s}px);
-  }
-  100% {
-      transform: translateY(0);
-  }
-  `,Ot`${l}`},Kt=i.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=>be.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"?xe`
-          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}
-`,Qt=i.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=>be.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};
-`,We=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: ${a.sp5};
-`,Xt=i(We)`
-  flex-direction: row;
-  justify-content: space-between;
-`,Ue=i(Lt)`
-  color: ${e=>e.theme.colors.brandColorGold};
-`,ea=i(zt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ta=i(Rt)`
-  color: ${n.neutralGrey5Light};
-  white-space: pre-line;
-`,aa=i.div`
-  width: auto;
-  text-align: left;
-`,ia=i(E)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ra=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp2};
-  height: 21px;
-  overflow: hidden;
-`,pe=i(E)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  overflow: hidden;
-  align-self: baseline;
-  width: 224px;
-  ${e=>xe`
-    animation: ${qt(e.slideUpCount)}
-      ${(e.slideUpCount-1)*3.5}s ease-out infinite;
-  `}
-`,Ge=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,na=i(Gt)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${n.success};
-  border-radius: 50%;
-`,oa=i(Bt)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.brandColorJade};
-  margin-left: ${a.sp3};
-`,sa=i.div`
-  position: absolute;
-  top: ${a.sp2};
-  right: -29px;
-`,da=i.div`
-  position: absolute;
-  top: 37px;
-  right: -46px;
-`,Ye=i.div``,la=i.div`
-  border: 1px solid ${n.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};
-`,ca=i(ge)`
-  color: ${n.neutralGrey5Light};
-  margin-top: ${e=>be.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,pa=i(ue)`
-  color: ${n.neutralGrey5Light};
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,ma=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,ha=i(ge)`
-  color: ${n.neutralGrey5Light};
-`,ua=i(Dt)`
-  color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new N(T[3],T[4],T[8]),infoSubheadingTextMarginTop:new N(T[0],T[0]),cardsMinWidth:new N(343,353)},ga={remainingText:new Tt("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:h,cardList:$,chargeCardsPromo:c}},common:y,dateFormat:V}=Ne.getLocalizedStrings(),Pi=({chargeCardListView:e,searchText:s,admins:l,companyLegalName:p,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:Ve,controllerEmails:q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ze,signedInUser:qe,creditLimit:F,cashbackRate:K,onSearchTextChanged:Ke,onClickSetupIcon:Qe,isEarlyPayEnabled:L,onClickStatementsIcon:Xe,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:dt,onPromoCardClick:Ce,onCreateNowClick:ye,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:W,shouldShowPayNowInfoTooltip:Q})=>{const U=St().analytics,[fe,ct]=O.useState(!1),{creditAccount:S,creditAccountRepayment:f}=e,X=jt(),I=!!X.loggedInUserRole.includes("charge_card_user"),G=vt(X),w=M.hasChargeCardAdminLevelAccess(X.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,ee=d&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(f.remainingAmountDue.amount)}:void 0,te=m&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,ae={isCreditCardOffered:d,isDebitCardOffered:m,isDebitCardEnabled:g,isCreditCardEnabled:x},pt=o=>{ct(o),o===!0&&(U.trackCardsListPageClicked("search"),(!d||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(m&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(q,ae,R,ee,te))},b=me(),we=G&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),mt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,B=z!=null&&f.initiatedRepayments.amount>0,ht={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:y.strings.empty,hideSearchBtn:I,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:fe,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!I,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:d&&x,showPayEarlyButtonOnNavbar:L&&w&&D.amount>0&&!B&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:pt,onSearchTextChanged:Ke,onClickSetupIcon:Qe,onClickStatementsIcon:Xe,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!d||S.fetchState==="Completed"&&f.fetchState==="Completed")&&(!(m&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(q,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(_t,{spendManagementSectionProps:ht}),gt=e.cards.length===0?!1:I&&M.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:g}):"",Y=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=d&&x&&e.hasCreditCard,Ct=m&&g&&e.hasDebitCard,yt=d&&x&&G&&!w,ft=m&&g&&G&&!w,H=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(M.dateNow(),"days")??0,ne=[h.payNow,H>0&&H<11?`${h.billDueIn} ${H} ${H===1?y.timeStrings.day:y.timeStrings.days}`:h.creditLimitLow,h.payNow],Se=f.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[h.paymentInitiated,`${$.header.limit} ${Se?y.resets:y.updates} ${y.by} ${M.zeniDate(M.getNextNthWorkingDay(f.initiatedRepaymentDate?.toDate()??M.dateNow().toDate(),[0,6],3).toDateString()).format(V.visual.MMMDFormat)}`,h.paymentInitiated],se=O.useRef(null),de=O.useRef(null),wt=_e(),[$t,je]=O.useState(!0);return O.useEffect(()=>{const o=()=>{de.current&&(de.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},J=se.current;return J&&J.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{J&&J.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Aa,{ref:se,children:[t.jsx(kt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:dt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:fe,hideSearchBtn:I,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(Nt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[I?null:t.jsxs(Ea,{windowSize:b,children:[bt||yt?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Be,{children:[t.jsxs(Oe,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(A,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Pa,{children:[t.jsx(Z,{style:{textAlign:"end"},children:y.texts.limit}),t.jsx(A,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Na,{children:t.jsx(_a,{style:{width:`${mt}%`,borderRadius:a.sp1}})}),re&&!B&&L?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{children:h.creditLimitIsRunningLow}),children:t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining}),t.jsx($a,{children:t.jsx(fa,{})})]})}):t.jsxs(Le,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:y.texts.remaining})]})]}),t.jsxs(Ta,{showPaymentInitiatedInfo:B,isEarlyPayEnabled:L,children:[B&&L?null:t.jsx(Z,{children:`${y.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`}),w&&L&&(B?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ae,{children:`${h.paymentOf} ${Pt("0,0.[00]",{amount:f.initiatedRepayments.amount,currencyCode:f.initiatedRepayments.currencyCode,currencySymbol:f.initiatedRepayments.currencySymbol})} ${h.madeOn} `}),t.jsx(va,{children:f.initiatedRepaymentDate?.format(V.visual.MMMDFormat)}),y.strings.space,t.jsx(Ae,{children:Se?h.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:h.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Te,{hasPointer:!1,children:[oe.length>0&&t.jsx(pe,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(ya,{})]})})}):re?t.jsx(le,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:h.creditLimitIsLow,description:h.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:h.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Q(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),Q(!1)}},title:"informative",placement:"bottom-end",open:lt&&$t,children:t.jsxs(Te,{ref:de,onClick:()=>{Q(!1),W("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(pe,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Ie,{})]})}):D.amount>0?t.jsxs(Ca,{onClick:()=>W("Text Button","Pay Early"),children:[h.payEarly,t.jsx(Ie,{})]}):null)]})]}):d&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:ye}):d?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Me("credit",K,{amount:Ve,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||ft?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Be,{children:t.jsxs(Oe,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ra,{children:Y!==0?t.jsxs(t.Fragment,{children:[Y<0?t.jsx(za,{}):t.jsx(Ba,{}),t.jsx(Da,{hasNegativeValue:Y<0,children:ce("0,0.00",Y,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(Je,{children:$.compareToLastMonth})]}):null})]}),t.jsx(He,{children:t.jsx(Z,{children:`${y.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`})})]}):m&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:ye}):m?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Me("debit",K),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(Z,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:ot,"data-testid":he("total-cashback-info"),children:[t.jsx(Ia,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Ga,{})})]})]}),e.cards.length===0&&I===!0||gt?t.jsx(Wa,{children:t.jsx(Ft,{companyLegalName:p,cards:e.cards,admins:l,hasZeniFinopsRoles:G,cashbackRate:K})}):t.jsx(Yt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:q,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:f,cardList:e.cards,showViewForCardUser:!1,signedInUser:qe,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ze,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
-  color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
-  text-align: end;
-`,ba=i(Fe)`
-  color: ${n.brandColorGoldDark};
-  text-align: end;
-`,Te=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  height: 21px;
-  overflow: hidden;
-  cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,Ca=i(E)`
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 2px;
-`,Ie=i(ue)`
-  color: ${e=>e.theme.colors.primary};
-  width: 12px;
-  height: 12px;
-`,ya=i(At)`
-  color: ${n.brandColorGoldDark};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,fa=i(Mt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,wa=i(E)`
-  color: ${n.heroDark};
-  white-space: pre-line;
-  text-align: left;
-`,$a=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Me=(e,s,l)=>{const p=(s*100).toFixed(2);if(e==="credit"){const r=c.listPage.promoMultiText.credit;return l&&(r[0]=r[0].replace("__creditLimit__",ce("0,0",l.amount,l.currencySymbol))),r[1]=r[1].replace("__cashBack__",p),[...r,r[0]]}else if(e==="debit"){const r=c.listPage.promoMultiText.debit;return r[0]=r[0].replace("__cashBack__",p),[...r,r[0]]}return[]},Sa=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:s,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:p})=>e&&s&&l&&p?$.title.cards:e&&s?$.title.credit:l&&p?$.title.debit:"",ja=i.div`
-  text-align: left;
-`,Ae=i.span``,va=i.span`
-  white-space: nowrap;
-`,ka=i.div`
-  min-width: 137px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-`,Pa=i.div`
-  min-width: ${a.sp12};
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-`,He=i.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;
-`,Ta=i(He)`
-  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
-`,Ia=i.div``,Ma=i.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};
-`,Aa=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  overflow: auto;
-`,Ea=i.div`
-  display: flex;
-  flex-direction: row;
-  margin-top: ${a.sp3};
-  margin-right: ${e=>_.contentContainerMargin.valuePx(e.windowSize)};
-  margin-bottom: ${a.sp4};
-  margin-left: ${e=>_.contentContainerMargin.valuePx(e.windowSize)};
-  align-items: center;
-  gap: ${a.sp3};
-  ${e=>e.windowSize==="small"&&xe`
-      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;
-    `}
-`,Ee=i.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${n.Elevation1Light};
-  border-radius: ${a.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  min-width: ${e=>_.cardsMinWidth.valuePx(e.windowSize)};
-  height: 188px;
-  justify-content: space-between;
-  flex-basis: 33.33%;
-`,La=i.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: ${n.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=>_.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%;
-`,Le=i.div`
-  display: flex;
-  align-items: baseline;
-  gap: ${a.sp2};
-  align-items: center;
-`,Re=i(E)`
-  color: ${e=>e.theme.colors.hero};
-`,De=i(It)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ga.remainingText.style(e.windowSize)}`};
-`,Z=i(E)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-`,Ra=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  padding: 3px ${a.sp0};
-  margin-top: 20px;
-`,Je=i(Et)`
-  color: ${e=>e.theme.colors.hero};
-`,Da=i(Je)`
-  color: ${e=>e.hasNegativeValue?n.success:n.important};
-`,za=i(Vt)`
-  color: ${n.success};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Ba=i(Zt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Oa=i(ge)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>_.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: min-content;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Na=i.div`
-  width: 100%;
-  height: ${a.sp1};
-  display: flex;
-  margin: ${a.sp2} ${a.sp0};
-  background: ${e=>e.theme.colors.grey3};
-`,_a=i.div`
-  background: ${n.success};
-  width: 0%;
-  height: ${a.sp1};
-
-  transition: width 4s ease;
-`,Fa=i(ue)`
-  color: inherit;
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,Wa=i.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
-`,ze=i.div`
-  padding: ${a.sp4};
-  padding-bottom: ${a.sp2};
-`,Be=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Oe=i.div``,Ua=i.div`
-  height: ${a.sp10};
-  width: ${a.sp10};
-`;function Ga(){switch(_e().mode){case"light":return t.jsx(Jt,{});case"dark":default:return t.jsx(Ht,{})}}export{Pi as default,Me as getPromoSlidingTextList};