@zeniai/web-cockpit-ui 1.14.12-qa → 1.14.13-dev

package/dist/assets/BusinessVerificationPage-BoSLJbyU-f7l6iMFH.js

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

package/dist/assets/ChargeCardPromoPage-dIg8OIlx-Ddw_9zEm.js

@@ -1,219 +0,0 @@
-import{X as b,M as oe,j as r,u as H,w as $e,d2 as ye,a2 as be,a0 as je,l as Se,fk as Te,aV as ve,K as q,_ as Y,o as t,c0 as ze,k as O,c1 as Pe,Z as ke,C as g,bP as Be,bs as Ae,i5 as Ie,v as Me,q as m,Q as j,g as $,ap as Re,a7 as Le,i6 as _e}from"./index-BP54u7bE.js";import{b as S,n as a,j as Ee,k as De}from"./vendor-CnQcJ2Lu.js";import{x as Fe}from"./MeetingCalenderPopup-MtSyJ1AS-C61rImN5.js";import{f as Ue}from"./NavigationDots-BQfoX9p0-CtOBXvA3.js";import{J as N,N as G}from"./PromoBaseCards-DTsaas8S-Bp3Sdx9s.js";import{M as R}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const x={containerPaddingTopBottom:new g(m[0],m[0]),uspContainerMarginX:new g(m[6],m[0]),midContainerGap:new g(m[4],84),iconContainerMinHeight:new g(236,396),emptySectionHeight:new g(m[6],43),navigationBottom:new g(m[4],94),navigationLeft:new g(192,244),carouselHeight:new g(268,396),carouselMarginTop:new g(54,m[4]),carouselMarginLeft:new g(120,m[12]),buttonTrayGap:new g(m[3],m[5]),termsOfAgreementMarginTop:new g(m[5],m[10]),contactAdminContainerMarginTop:new g(m[0],m[10]),contactAdminContainerMarginBottom:new g(m[4],m[0]),contactAdminContainerMarginLeftRight:new g(m[3],m[0])},T={promoBadgeText:new j("standardRegular","largeRegular"),promoBadgeTextBold:new j("standardBold","largeBold"),cardsContent:new j("extraSmallRegular","smallRegular"),contactAdmin:new j("extraSmallRegular","largeRegular"),uspText:new j("smallRegular","standardRegular"),uspBoldText:new j("smallMedium","standardMedium")},{common:ee,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:p,isCreditCardProductVisible:h,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:f,admins:z,cashbackRate:P,cardPromoType:u="credit",onSetupButtonClick:l,onBackClick:d,onClickMenuIcon:pe,onSetupChargeCardSuccess:V,onExpressInterestClick:me})=>{const he=H(),Z=$e(),v=b(),J=ye().analytics,{chargeCardTermsDetails:L,companyChargeCardInfo:C,companyLocaleInfo:_}=i,K=be(L?.fetchStatus.fetchState),[xe,Q]=S.useState(!1),ge=()=>{J.trackCardsPromoPageClicked("schedule demo"),J.trackCardsScheduleDemoClick(p,{isCreditCardOffered:h,isDebitCardOffered:c,isDebitCardEnabled:w,isCreditCardEnabled:f},"Cards Promo"),Q(!0)},ue=C!=null&&_!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;S.useEffect(()=>{K==="In-Progress"&&L?.fetchStatus.fetchState==="Completed"&&V()},[K,V,L?.fetchStatus]);const W=Se.hasChargeCardAdminLevelAccess(Z.loggedInUserRoleMap),we=Te(Z),E=u==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,fe=u==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:Ce}=i,X=E?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ze,{children:[r.jsx(ve,{title:o.title[u],backgroundColor:he.colors.grey4,onBackClick:d,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:pe,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(Fe,{onCancelClick:()=>{Q(!1)},meetingUrl:e}):null,r.jsx(We,{windowSize:v,children:W===!0?r.jsxs(Qe,{children:[r.jsxs(Ke,{children:[r.jsx(Ge,{isApproved:fe,creditAmount:ue,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E}),r.jsx(ne,{cardPromoType:u,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:u,isUnderReview:F,isRejected:D,showExpressInterest:E})]}):r.jsx(He,{companyLegalName:s,cards:[],admins:z,cashbackRate:P,hasZeniFinopsRoles:we,cardPromoType:u})}),W&&!(F||D)?r.jsxs(ir,{windowSize:v,children:[r.jsx(q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ge,"data-testid":Y("schedule-demo-button")}),r.jsx(Je,{windowSize:v,children:o.orText}),r.jsx(q,{variant:"primary",label:X,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||Ce==="In-Progress",onClick:X===o.getPreApprovedNow?me:()=>l(u),"data-testid":Y("enable-card-button")})]}):null]})},Ne=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(pr,{windowSize:i,children:[r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(U,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isUnderReview:i,isRejected:n,showExpressInterest:p,isCardUser:h=!1})=>{const c=b();return r.jsx(tr,{windowSize:c,children:r.jsx(Ie,{topTermLabel:e==="credit"||e==="debit_and_credit"?o.terms.checkingAccountTerm:void 0,buttonTermLabel:i===!0||n===!0||h===!0?void 0:p===!0?o.terms.approvalTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:n===!1||h===!1,style:{marginTop:x.termsOfAgreementMarginTop.valuePx(c)}})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:p,showExpressInterest:h})=>{const c=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,f=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,ee.strings.space]}):h?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:p?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,ee.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:c==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(qe,{cardPromoType:s,hideBadge:i==null||s==="debit",windowSize:c,children:[n||p?null:r.jsx(Cr,{}),r.jsx(Ye,{windowSize:c,children:f})]})]})},He=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:p,cardPromoType:h="credit"})=>{const c=b(),w=h==="debit_and_credit"?o.promoTextDebitCreditCard:h==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[c==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:c}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:h,cashbackRate:n}),p?null:r.jsx(Ne,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:h})]})},Oe=({cards:e,companyLegalName:s})=>{const i=H(),n=b();let p="",h;if(e.length===1){h=e[0].cardCreatedByUser.photo;const c=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;p=o.cardAssigned.singleCreditCard.replace("__issuing-user__",c).replace("__company-name__",s)}else p=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[h!=null?r.jsx(Xe,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:h.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:c})=>{c.onerror=null,c.src=Be},loading:"lazy"}):null,r.jsx(mr,{windowSize:n,mode:i.mode,children:r.jsx(xr,{windowSize:n,children:p})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=o.businessText;return s==="debit"&&(i=`${i} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ve,{}):r.jsxs(ar,{windowSize:e,children:[r.jsx(N,{cardPromoType:s,cardText:i,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=o.benefits;return r.jsxs(rr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(dr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item1.pre}),r.jsx(A,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx(y,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(nr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx(y,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx(y,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(sr,{})}),r.jsxs(M,{children:[r.jsx(y,{windowSize:i,children:n.item4.pre}),r.jsx(A,{windowSize:i,children:n.item4.bold}),r.jsx(y,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=b(),s=H(),[i,n]=S.useState(0),[p,h]=S.useState(!1),c=o.businessText,w=`${c} ${o.debit}`,f=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:c},{id:4,cardType:"credit",cardText:c}];S.useEffect(()=>(p||(k=setInterval(()=>{n(l=>{const d=l+1;return d===f.length?(h(!0),0):d})},2e3)),()=>clearInterval(k)),[p,f.length]),S.useEffect(()=>{p&&k!=null&&clearInterval(k)},[p]);const z=(l,d)=>{switch((l-i+f.length)%f.length){case 0:return{transform:`translate(0,${d?"100%":0}) scale(1)`,zIndex:d?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${d?"80%":"5%"}) scale(0.75)`,zIndex:d?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${d?"80%":"5%"}) scale(0.75)`,zIndex:d?4:5,opacity:1,transition:"all 0.4s"};default:return}},P=l=>{const d=z(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},u=l=>{p||h(!0),n(l)};return r.jsxs(gr,{windowSize:e,children:[r.jsx(ur,{windowSize:e,children:f.map((l,d)=>r.jsxs(wr,{children:[r.jsx(ie,{isReflection:!1,style:{...z(d,!1)},onClick:()=>u(d),children:d===0||d===2?r.jsx(N,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},l.id),r.jsx(ie,{isReflection:!0,style:{...P(d)},children:d===0||d===2?r.jsx(N,{cardPromoType:l.cardType,cardText:l.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(G,{cardPromoType:l.cardType,cardText:l.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${l.id}`)]},l.id))}),p&&r.jsx(Ue,{numberOfDots:f.length,activeIndex:i,handleClick:n,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:x.navigationBottom.valuePx(e),left:x.navigationLeft.valuePx(e),zIndex:7}})]})},Ze=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Je=a(Me)`
-  color: ${e=>e.theme.colors.hero};
-`,Ke=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Qe=a.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  width: 100%;
-`,We=a.div`
-  padding-top: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  text-align: center;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
-`,se=a(Pe)`
-  max-width: 927px;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,de=a(ke)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,le=a(ze)`
-  margin: auto;
-  max-width: 343px;
-  display: flex;
-  justify-content: center;
-  text-align: center;
-  flex-wrap: wrap;
-  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,ce=a(O)`
-  max-width: 314px;
-  margin: auto;
-  color: ${e=>e.theme.colors.primary};
-  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
-  text-align: center;
-  margin-top: 6px;
-`,Xe=a.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,qe=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  overflow: hidden;
-  padding: ${t.sp2} ${t.sp3};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-left: ${e=>e.windowSize==="small"?t.sp3:"auto"};
-  margin-right: ${e=>e.windowSize==="small"?t.sp3:"auto"};
-  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
-  width: fit-content;
-  gap: ${t.sp1};
-  ${e=>e.hideBadge&&`
-    visibility: hidden;
-    `}
-`,Ye=a(O)`
-  color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
-  text-align: ${e=>e.windowSize==="small"?"left":"center"};
-  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,er=a.span``,te=a.span`
-  color: ${$.success};
-`,rr=a.div`
-  display: flex;
-  gap: ${e=>x.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,tr=a.div`
-  display: flex;
-  flex-direction: column;
-`,ir=a.div`
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  position: sticky;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 8;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  row-gap: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  gap: ${e=>x.buttonTrayGap.valuePx(e.windowSize)};
-`,or=a.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,ar=a.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>x.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,B=a.div`
-  border-radius: ${t.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  width: ${e=>e.windowSize==="small"?"288px":"100%"};
-  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
-  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,y=a(Re)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${T.uspText.style(e.windowSize)}`};
-`,A=a(Le)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
-`,I=a.div``,M=a.div`
-  padding-left: ${t.sp3};
-`,nr=a(R)`
-  color: ${$.graphColor16Dark};
-`,sr=a(R)`
-  color: ${$.alert};
-`,dr=a(R)`
-  color: ${$.graphColor11};
-`,lr=a(R)`
-  color: ${$.success};
-`,cr=a.div`
-  height: ${e=>x.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:Ee`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,pr=a(O)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>x.contactAdminContainerMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>x.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>x.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>x.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  text-align: center;
-`,U=a(_e)`
-  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,mr=a.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,hr=a.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  display: flex;
-  gap: ${t.sp2};
-  margin: auto;
-  max-width: fit-content;
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-bottom: ${t.sp6};
-`,xr=a.span`
-  ${e=>`${T.cardsContent.style(e.windowSize)}`};
-`,gr=a.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>x.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,ur=a.div`
-  position: relative;
-  margin-top: ${e=>x.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>x.carouselMarginLeft.valuePx(e.windowSize)};
-`,wr=a.div`
-  position: relative;
-  overflow: visible;
-`,ie=a.div`
-  position: absolute;
-  ${e=>e.isReflection&&`
-  background-color: ${e.theme.colors.grey4};
-  clip-path: inset(16% 0 0 0);
-  `}
-`,fr=De`
-  0% {
-    left: -${t.sp6};
-  }
-  100% {
-    left: calc(100% + ${t.sp6});
-  }
-`,Cr=a.div`
-  position: absolute;
-  background:
-    ${$.promoCardGradient1Strong}, ${$.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${fr} 3s linear infinite;
-`;export{He as ChargeCardPromoUserContent,Mr as default};

package/dist/assets/CheckDepositDrawerPage-uABg3PMN-DvmvYwzA.js

@@ -1,206 +0,0 @@
-import{X as Q,j as t,_ as $,gZ as pe,M as ee,a0 as M,K as G,o,a4 as he,C as l,a3 as oe,k as ue,ao as me,c0 as te,v as ge,e as F,a2 as xe,a as ke,c3 as fe,g as w,F as De,fD as $e,c6 as we,eN as J,cd as W,q as s,cW as be,bH as ye,bm as je,cz as Pe,f7 as Se,m as q,f9 as Le}from"./index-BP54u7bE.js";import{b as f,n as a}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const ve="checkDepositDetailPage",g="checkDepositDetails",Fe="amount",Ce="depositTo",Te="source",ie="fileIds",R="selectDocument",E=e=>{const p=[];return e.checkFront!=null&&p.push(e.checkFront.fileId),e.checkBack!=null&&p.push(e.checkBack.fileId),{[g]:{[Fe]:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,[Te]:e.checkDepositLocalData.source,[Ce]:{allOptions:e.depositAccounts.depositAccounts.map(x=>({label:x.accountName,value:x.id})),selectedOption:e.checkDepositLocalData.depositTo?.id},[ie]:p,[R]:{front:e.checkFront,back:e.checkBack}}}},D=(e,p)=>`${e}.${p}`,ze=e=>`${e}_form`,u={largeLabelWidth:new l(160,160,160),rowContentPaddingLeft:new l(s[3],s[4]),checkPicRowContentPaddingXAxis:new l(s[3],s[4]),labeleMarginLeft:new l(s[0],s[0]),labeleMarginBottom:new l(s[2],s[0]),labelMarginRight:new l(s[3],s[3]),labeledFieldPaddingLeft:new l(s[3],s[0]),labeledFieldPaddingRight:new l(s[3],s[2]),labeledFieldPaddingTop:new l(s[3],s[3]),labeledFieldPaddingBottom:new l(s[3],s[2]),infoLabelPaddingRight:new l(s[0],s[3]),infoLabelMarginTop:new l(s[1],s[0])},{spendManagement:Be,common:V}=ee.getLocalizedStrings(),c=Be.zeniAccounts.zeniAccountList,Ae=V.documents;function Ie({checkDeposit:e,analytics:p,filesEndPoint:x,openPopup:b,authParams:y,onSaveChangesToLocalStore:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T}){const r=Q(),n=e.fetchState,L=xe(n),[v,K]=f.useState(!1),[se,z]=f.useState(!1),B=u.largeLabelWidth.value(r),k=ke({mode:"all",reValidateMode:"onBlur",defaultValues:E(e),values:E(e)}),{isValid:re}=k.formState,Z=i=>{const d={amount:{amount:i[g].amount??0,currencyCode:V.currency.currencyCode,currencySymbol:V.currency.currencySymbol},source:i[g].source,depositTo:e.depositAccounts.depositAccounts.find(h=>h.id===i[g].depositTo.selectedOption),fileIds:i[g][ie]};C(d)},ce=async(i,d)=>{if(i!=null){if(i.includes("source")||i.includes("amount"))return;const h=Object.assign({},d);Z(h)}};f.useEffect(()=>{const i=k.watch((d,{name:h})=>{h!=null&&d!=null&&fe(()=>ce(h,d))});return()=>{i.unsubscribe()}}),f.useEffect(()=>{L==="Completed"&&n==="Not-Started"&&k.reset(E(e))},[L,n,k,e]),f.useEffect(()=>{e.error!=null?z(!0):z(!1)},[e.error]);const le=k.handleSubmit(()=>{if(re){p.trackAccountsDepositCheckFormClicked("Deposit",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null);const i=k.getValues();Z(i),T?.()}}),ne=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(I=>I.id===i),A=e.depositAccounts.depositAccounts.findIndex(I=>I.id===i);return h?t.jsx(Ve,{color:Se(A),isSelectedValue:d}):null},de=(i,d)=>{if(!i)return null;const h=e.depositAccounts.depositAccounts.find(A=>A.id===i);return h?d===!0?t.jsx(Re,{children:h?.maskedAccountNumber}):t.jsxs(Me,{children:[t.jsx(X,{children:h?.maskedAccountNumber}),t.jsx(to,{}),t.jsx(X,{children:M("0,0[.]00",h?.accountBalance?.available)})]}):null};return t.jsxs(t.Fragment,{children:[se?t.jsx(Oe,{children:t.jsxs(qe,{children:[t.jsxs(Ke,{children:[t.jsx(Ge,{}),t.jsxs(Je,{children:[t.jsx(We,{children:e.error?.title}),t.jsx(Xe,{children:e.error?.message})]})]}),t.jsx(Ze,{children:t.jsx(ro,{"data-testid":$("check-deposit-form-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),z(!1)},style:{width:o.sp3,height:o.sp3,color:w.heroLight}})})]})}):null,t.jsx(Ye,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),t.jsx(De,{...k,children:t.jsx("form",{id:ze(ve),onSubmit:le,children:t.jsxs(He,{children:[t.jsx($e,{showAdditionalInfoLabel:!1,label:{label:c.checkDepositDrawer.amountLabel,width:B},formattedTextField:{type:"number",name:D(g,"amount"),defaultValue:e.checkDepositLocalData.amount.amount===0?void 0:e.checkDepositLocalData.amount.amount,placeholder:c.checkDepositDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:i=>!!i&&i>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}}),t.jsx(N,{}),t.jsx(we,{label:{label:c.checkDepositDrawer.sourceLabel,width:B},style:{width:"100%"},text:{type:"text",name:D(g,"source"),defaultValue:e.checkDepositLocalData.source,placeholder:c.checkDepositDrawer.sourcePlaceholder,options:{required:!0,validate:i=>i!=null}}}),t.jsx(N,{}),t.jsx(ae,{size:r,children:t.jsx(eo,{size:r,children:t.jsx(_e,{label:{label:c.checkDepositDrawer.depositToLabel,width:B,style:{marginLeft:u.labeleMarginLeft.valuePx(r),marginBottom:u.labeleMarginBottom.valuePx(r),marginRight:u.labelMarginRight.valuePx(r)}},style:{paddingTop:u.labeledFieldPaddingTop.valuePx(r),paddingBottom:u.labeledFieldPaddingBottom.valuePx(r),paddingLeft:u.labeledFieldPaddingLeft.valuePx(r),paddingRight:u.labeledFieldPaddingRight.valuePx(r),border:"none",width:"100%",outline:"none",padding:0,display:r==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:r==="small"?"left":"right",paddingRight:u.infoLabelPaddingRight.valuePx(r),marginTop:u.infoLabelMarginTop.valuePx(r)},singleSelectPickerField:{valueToLogo:(i,d)=>ne(i,d),valueToSubLabels:(i,d)=>de(i,d),name:D(g,"depositTo"),placeholder:c.checkDepositDrawer.depositToPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e.checkDepositLocalData.depositTo?.id,allOptions:e.depositAccounts.depositAccounts.map(i=>({label:i.accountName,value:i.id}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>!!(i!=null&&i.selectedOption)}}})})}),t.jsx(N,{}),t.jsxs(Ue,{size:r,children:[t.jsxs(Qe,{size:r,children:[t.jsx(Ee,{children:c.checkDepositDrawer.checkPicLabel}),t.jsx(Y,{isLast:!1,children:c.checkDepositDrawer.frontSide}),t.jsx(J,{name:`${D(g,R)}.front`,registerOptions:{required:!0},file:e.checkFront,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"front"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>K(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.frontSideError,useMobileCam:!0,compressImage:!0}),t.jsx(Y,{isLast:!0,children:c.checkDepositDrawer.backSide}),t.jsx(J,{name:`${D(g,R)}.back`,registerOptions:{required:!0},file:e.checkBack,isDisabled:!1,deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:x,authParams:y,acceptableTypes:["image/jpg","image/jpeg"],supportedImageFileFormat:"image/jpeg",sizeLimit:W,placeholderText:r==="small"?c.checkDepositDrawer.uploadDocument:c.checkDepositDrawer.dragDropClickPlaceholder,filemetadataPayload:{documentType:"check",purposeId:"others",documentSide:"back"},hasError:v,updateFilesEntity:j,onDeleteFile:P,onFileSizeError:i=>K(i),onEditFileName:S,openPopup:b,showPhotoPicker:!0,errorInfoLabel:c.checkDepositDrawer.backSideError,useMobileCam:!0,compressImage:!0}),t.jsx(io,{children:c.checkDepositDrawer.picGuides.map(i=>t.jsxs(ao,{children:[t.jsx(oo,{}),t.jsx(Ne,{children:i})]},i))})]}),t.jsx(so,{windowSize:r,children:Ae.formatJPGText10MB})]})]})})})]})}const Ee=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,Ne=a(F)`
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${o.sp3};
-`,Me=a(q)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,X=a.div``,Re=a.span`
-  margin-left: ${o.sp2};
-`,Ve=a(Le)`
-  min-width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  width: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  height: ${e=>e.isSelectedValue?o.sp4:o.sp5};
-  margin-right: ${o.sp2};
-`,Oe=a.div`
-  margin-top: ${o.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${o.sp2};
-  box-shadow: ${e=>`${o.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,qe=a.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${o.sp3} ${o.sp4};
-  background-color: ${w.importantLight};
-  border-radius: ${o.sp2};
-`,Ke=a.div`
-  display: flex;
-  align-items: flex-start;
-`,Ze=a.div``,Ge=a(be)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${w.important};
-`,Je=a.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${o.sp2};
-`,We=a(ye)`
-  color: ${w.important};
-`,Xe=a(F)`
-  color: ${w.important};
-`,Ye=a(je)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${o.sp5} ${o.sp0} ${o.sp3} ${o.sp0};
-`,_e=a(Pe)`
-  border-radius: ${o.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,He=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  margin-bottom: ${o.sp3};
-`,N=a.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ae=a.div`
-  display: flex;
-  flex-direction: "row";
-  padding: ${o.sp2};
-  padding-left: ${e=>u.rowContentPaddingLeft.valuePx(e.size)};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,Ue=a(ae)`
-  flex-direction: column;
-  padding: ${o.sp0};
-`,Qe=a.div`
-  padding: ${e=>`${o.sp3} ${u.checkPicRowContentPaddingXAxis.valuePx(e.size)}`};
-`,eo=a.div`
-  width: 100%;
-  display: flex;
-  flex-grow: ${e=>e.size==="small"?1:0};
-  align-items: flex-start;
-`,Y=a(q)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${o.sp2};
-  margin-top: ${e=>e.isLast?o.sp3:o.sp0};
-`,oo=a.div`
-  background-color: ${e=>e.theme.colors.hero};
-  border-radius: 50%;
-  border-style: solid;
-  width: 2px;
-  height: 2px;
-  position: absolute;
-  top: 10px;
-`,to=a.div`
-  width: ${o.sp1};
-  height: ${o.sp1};
-  min-width: ${o.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,io=a.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${o.sp3} ${o.sp0};
-  margin-bottom: ${o.sp0};
-`,ao=a.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`,so=a(q)`
-  margin-top: ${o.sp2};
-  padding: ${o.sp1} ${o.sp4};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${o.sp0} ${o.sp0} ${o.sp2} ${o.sp2};
-  width: 100%;
-  box-sizing: border-box;
-  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
-  color: ${e=>e.theme.colors.grey1};
-`,ro=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,co="checkDepositDetailPage",lo={NavBarContainerPaddingYAxis:new l(10,s[3])},no=e=>`${e}_form`,O={containerPaddingLeft:new l(s[3],s[6],s[8]),containerPaddingRight:new l(s[3],s[6],s[8]),successContentMargin:new l(s[3],s[12])},{spendManagement:po}=ee.getLocalizedStrings(),m=po.zeniAccounts.zeniAccountList,Co=({checkDeposit:e,analytics:p,filesEndPoint:x,authParams:b,onSaveChangesToLocalStore:y,onAnotherTransferClick:C,updateFilesEntity:j,onDeleteFile:P,onEditFileName:S,onCheckDpositClick:T,onDismissClick:r})=>{const n=Q(),[L,v]=f.useState(!1);return t.jsx(go,{windowSize:n,children:e.fetchState==="Completed"?t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),t.jsxs(fo,{windowSize:n,children:[t.jsx(pe,{width:150,height:150,shouldDisplay:!0,animationInLoop:!0}),t.jsxs(xo,{children:[m.checkDepositDrawer.transferSuccessMsgPrefix,t.jsx(mo,{children:M("0,0.[00]",e.checkDepositLocalData.amount)}),m.checkDepositDrawer.transferSuccessMsgSuffix]}),t.jsxs(ko,{children:[t.jsx(G,{variant:"secondary",label:m.checkDepositDrawer.makeAnotherTransferBtn,onClick:C,"data-testid":$("check-deposit-drawer-another-transfer")}),t.jsx(G,{variant:"primary",label:m.checkDepositDrawer.goToAccountBtn,onClick:r,style:{marginLeft:n==="small"?o.sp3:o.sp5},"data-testid":$("check-deposit-drawer-go-to-account")})]})]})]}):t.jsxs(t.Fragment,{children:[t.jsxs(_,{windowSize:n,children:[t.jsx(H,{windowSize:n,children:t.jsx(U,{"data-testid":$("check-deposit-drawer-close"),onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cross",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}})}),n==="small"?t.jsx(Do,{windowSize:n,children:m.checkDepositDrawer.title}):t.jsx($o,{children:m.checkDepositDrawer.title}),n==="small"?t.jsx(uo,{children:m.checkDepositDrawer.subTitle}):t.jsx(ho,{children:m.checkDepositDrawer.subTitle}),t.jsx(Ie,{analytics:p,authParams:b,checkDeposit:e,filesEndPoint:x,onSaveChangesToLocalStore:y,openPopup:v,onCheckDpositClick:T,onDeleteFile:P,onEditFileName:S,updateFilesEntity:j})]}),t.jsx(he,{formId:no(co),helperText:m.checkDepositDrawer.footNote,helperStyle:{paddingTop:o.sp0,paddingBottom:o.sp0},style:{zIndex:L?0:4,paddingTop:o.sp3,paddingBottom:o.sp3},primaryBtn:{label:m.checkDepositDrawer.depositBtn,isLoading:e.fetchState==="In-Progress"},cancelBtn:{label:m.checkDepositDrawer.cancelBtn,onClick:()=>{p.trackAccountsDepositCheckFormClicked("Cancel",e.checkDepositLocalData.amount.amount,e.checkDepositLocalData.source,e.checkDepositLocalData.depositTo?.accountName,e.checkFront!=null,e.checkBack!=null),r?.()}}})]})})},ho=a(F)`
-  color: ${e=>e.theme.colors.hero};
-`,uo=a(ge)`
-  color: ${e=>e.theme.colors.hero};
-`,mo=a(me)`
-  display: inline;
-`,go=a.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`,xo=a(ue)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,_=a.div`
-  height: ${e=>e.windowSize==="small"?"auto":"100%"};
-  padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
-`,ko=a.div`
-  display: flex;
-  justify-content: center;
-  margin-top: ${o.sp7};
-`,fo=a.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${o.sp0} ${O.successContentMargin.valuePx(e.windowSize)} `};
-  align-items: center;
-`,H=a.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${o.sp0};
-  padding: ${e=>`${lo.NavBarContainerPaddingYAxis.valuePx(e.windowSize)} ${o.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,U=a(oe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${o.sp4};
-  height: ${o.sp4};
-  min-height: ${o.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Do=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-  margin-bottom: ${o.sp0};
-  margin-right: ${o.sp3};
-`,$o=a(te)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${o.sp3};
-`;export{Co as default,no as uniqueFormName};