@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/{CustomerOnboardingPage-C3FgZjAN-BMoiiOVQ.js → CustomerOnboardingPage-TJK6s-LM-BKRL2lJB.js}

@@ -1,16 +1,16 @@
-import{V as r,fs as tn,q as We,e as nn,a8 as an,cB as me,F as Ye,aN as He,E as ft,aA as Ke,bz as on,o as re,ab as sn,d as Q,aO as rn,hE as cn,g6 as ln,ft as yt,eU as Ot,eV as gt,y as fe,g9 as ye,cO as dn,ak as pn,hF as ht,ac as St,cM as un,g8 as mn}from"./index-Dm9r1f6s.js";import{a as m}from"./core-B-FNbYlu.js";import{n as P,k as xt}from"./mui-DLNyBjYF.js";import{bi as j}from"./zeni-epic-state-HWtMOH-U.js";import{s as Ct,o as fn}from"./PaymentAccountSetupBillingAddressSection-BP-_59EO-hGRsM6bI.js";import{b as bt,f as yn,a as Pt}from"./CustomerOnboardingDetailPageSkeleton-C4Z1pDVe-BqoeEQuE.js";import{s as gn,S as hn}from"./CompanyOfficerDetailsSection-ChsNKXbx-BF5MOIbR.js";import{t as Sn}from"./QBOSetupSection-CjjNFfgF-hqHet92Q.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./SetUpAccountSection-9zELif-q-jAntwqfL.js";import"./LabeledAddressValueField-CoTtV0RQ-oEM2MjQO.js";import"./LabeledCreatableSingleSelectField-CnQsTYWe-BNKI3sBW.js";import"./LabeledDocumentField-MkryOLQ8-DH1KAWxk.js";import"./QBOConnectionDialog-BNiXUEAk-O1EeGUUa.js";const Cn=({companyView:n,companyOfficerLocalData:k,allNationalityCountries:c,isVerificationPopupOpen:g,setIsVerificationPopupOpen:v,verifiedPhoneNumber:I,onPhoneVerified:h,...O})=>{const y=We(),V=n?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:A}=l,$=n?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(bn,{children:r.jsx(hn,{companyOfficerData:k,allOfficers:V??[],allNationalityCountries:c,sectionHeader:A,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:$,showInfoTooltip:y!=="small",showCompletedIcon:y==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:I,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...O})})},bn=P.div`
+import{V as c,fs as tn,q as We,d as nn,a8 as an,cB as me,F as Ye,aN as He,C as ft,aA as Ke,bz as on,o as re,ab as sn,c as Q,aO as rn,hF as cn,g6 as ln,ft as yt,eU as Ot,eV as gt,y as fe,g9 as ye,cO as dn,ak as pn,hG as ht,ac as St,cM as un,g8 as mn}from"./index-DJLrbf0F.js";import{a as m}from"./core-CA3j8Axi.js";import{n as P,k as wt}from"./mui-DpJXlk4t.js";import{bi as j}from"./zeni-epic-state-CQt4n3Xe.js";import{s as Ct,o as fn}from"./PaymentAccountSetupBillingAddressSection-BiU8tQnm-4Kl9uXwr.js";import{b as bt,f as yn,a as It}from"./CustomerOnboardingDetailPageSkeleton-CBYo4VQn-Dn7fU-s8.js";import{s as gn,S as hn}from"./CompanyOfficerDetailsSection-DR_6TlQa-eD8A7jcO.js";import{t as Sn}from"./QBOSetupSection-B59etoGz-Dx4Hkrje.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./SetUpAccountSection-C1EnJv1V-nWkvB51T.js";import"./LabeledAddressValueField-CC7T3qZQ-m9gvzhHo.js";import"./LabeledCreatableSingleSelectField-DKD0oEl8-gq-eDRMt.js";import"./LabeledDocumentField-Dy3jwAiL-49YAoImC.js";import"./QBOConnectionDialog-DNB2C1vQ-B6h7mZJt.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new n.Error().stack;C&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[C]="4e659dc7-70d9-4805-85ae-833d3c1299cc",n._sentryDebugIdIdentifier="sentry-dbid-4e659dc7-70d9-4805-85ae-833d3c1299cc")}catch{}})();const Cn=({companyView:n,companyOfficerLocalData:C,allNationalityCountries:r,isVerificationPopupOpen:g,setIsVerificationPopupOpen:v,verifiedPhoneNumber:O,onPhoneVerified:h,...w})=>{const y=We(),V=n?.companyOfficers.slice(0,10).sort((I,ee)=>I.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(I=>I.user),{company_officer:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:_}=l,$=n?.company.company.featuresActivationInfo.connectedAccountProvider;return c.jsx(bn,{children:c.jsx(hn,{companyOfficerData:C,allOfficers:V??[],allNationalityCountries:r,sectionHeader:_,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:$,showInfoTooltip:y!=="small",showCompletedIcon:y==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:O,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:v,...w})})},bn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Pn=({fileProps:n,companyDetails:k,companyIndustries:c,sectionId:g,isCompleted:v,isDisabled:I,style:h,onCompanyAddressClick:O,onRegisteredAddressClick:y})=>{const V=We(),{company_details:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:A}=l;return r.jsx(In,{children:r.jsx(gn,{fileProps:n,companyDetails:k,sectionId:g,isDisabled:I,style:h,sectionHeader:A,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:v,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:O,onRegisteredAddressClick:y})})},In=P.div`
+`,In=({fileProps:n,companyDetails:C,companyIndustries:r,sectionId:g,isCompleted:v,isDisabled:O,style:h,onCompanyAddressClick:w,onRegisteredAddressClick:y})=>{const V=We(),{company_details:l}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:_}=l;return c.jsx(Pn,{children:c.jsx(gn,{fileProps:n,companyDetails:C,sectionId:g,isDisabled:O,style:h,sectionHeader:_,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:v,allIndustries:r,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:w,onRegisteredAddressClick:y})})},Pn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
 `,On=P.div`
   display: flex;
-`,xn=P.input`
+`,wn=P.input`
   display: none;
-`,wn=({isValid:n,sectionId:k="onboardingQboConnection",...c})=>{const{register:g}=dn();return r.jsxs(On,{children:[r.jsx(xn,{type:"hidden",...g(`${k}.connected`,{validate:v=>v==="true"}),value:n?"true":"false"}),r.jsx(Sn,{isValid:n,...c})]})},B="companyDetails",C="companyOfficer",J="onboardingPaymentAccountSetupSection",It="customerOnboardingDetailPage",f="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(Q[5],Q[9],112),subTitlePaddingTop:new fe(Q[3],Q[3]),subTitlePaddingBottom:new fe(Q[3],Q[3])},kn=n=>`${n}_form`,ce=Ye.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:k,isAdmin:c,onboardingCustomerView:g,companyTitles:v,connectedAccountProvider:I,analytics:h,cardPaymentView:O,stripeKey:y,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:A,updateCardPaymentModalState:$,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:ve,redirectToProductSuitePage:Se,onFormErrorsChange:D,...Ne})=>{const R=We(),Ve=m.useRef(null),Ae=m.useRef(null),W=m.useRef(null),_e=m.useRef(null),[Ce,z]=m.useState(!1),[U,q]=m.useState("next"),[F,be]=m.useState(!1),[le,Pe]=m.useState(!1),[te,Y]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Ie,onCompanyOfficerUpdated:_,onFetchLinkTokenClick:Oe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:N,onEditFileName:Ze,updateFilesEntity:Ge,onGetOtp:wt,onSkipSetupClick:De,onUpdateCustomerView:Te,updateStepHandler:M,onVerifyOtp:kt,onResendOtp:vt,handleOnConnectClick:Nt,updateQBOPopupState:Vt,onUpdateStep:$e,onAddressEditHandler:At}=Ne,_t=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Qe(g,g.allNationalityCountries),values:Qe(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),H=m.useCallback(()=>{const e=[];return(s.getFieldState(J).error!=null||s.getFieldState(f).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);m.useEffect(()=>{const e=H();D?.(e)},[H,D]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:i})=>{a!=null&&(i==="change"||i==="blur")&&me(()=>{const u=H();D?.(u)})});return()=>e.unsubscribe()},[s,H,D]);const Xe=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Je,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Fe,paymentAccount:K,paymentAccountStatus:et,externalConnections:Ee,plaidConnectionDetails:Le,uiState:je,allNationalityCountries:Be,pendingSaveDetails:{companyDetails:Dt,officer:Tt},subscriptionBillingAddress:Z}=g,xe=m.useRef(""),$t=e=>{xe.current=e;const t=Object.values(g.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,a=t<0?0:t;s.clearErrors(`${C}.${a}.phone`)},tt=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${G}.phone`):wt(e)},G=Object.values(E).findIndex(e=>e?.isSelectedForVerification===!0)??0,T=`Officer_${G<0?1:G+1}`,Ft=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),Re=E[T]?.userId!=null?Ft?.find(e=>e.user.userId===E[T]?.userId)?.address:null,nt=E[T]?.addressStatus?.addressToCreate,we=se?.companyAddress,at=d?.addressStatus?.addressToCreate,ze=se?.registeredAddress,ot=d?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Et,common:p}=ce,{footer:Lt,steps:jt}=Et,{buttons:st}=Lt,it=jt[o],Ue=S.length,ie=He(x.fetchState),L=He(o);function Bt(){return Ee?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Le).some(u=>u.fetchStatus.fetchState==="Completed"),t=K?.providerVerificationStatus?.code?.includes("verified")??!1,a=O.cardsList.length>0,i=O.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!K&&a||!a&&!K&&i};function rt(){if(s.getFieldState(f).error)return!1;const e=s.getValues(f),t=Z?.street.join("").trim(),a=Z?.city,i=Z?.state,u=Z?.country,w=Z?.postalCode!=null&&Z.postalCode||e.postalCode||p.strings.empty;return!!t&&!!a&&!!i&&!!u&&!!w}const ct=He(K?.providerVerificationStatus?.code),Rt=()=>{const e=d,t=[];return e?.companyLegalName!=null&&t.push("legal_name"),e?.companyDescription!=null&&e?.companyDescription!==p.strings.empty&&t.push("company_description"),e?.addressStatus?.addressToCreate!=null&&t.push("company_address"),e?.registeredAddressStatus?.addressToCreate!=null&&t.push("registered_address"),e?.website!=null&&t.push("website"),e?.companyIndustry!=null&&e?.companyIndustry!==p.strings.empty&&t.push("industry"),e?.typeOfIncorporation!=null&&e?.typeOfIncorporation!==p.strings.empty&&t.push("type_of_incorporation"),e?.incDate!=null&&t.push("inc_date"),e?.phone!=null&&t.push("phone"),e?.primaryContactLocalData?.firstName!=null&&e?.primaryContactLocalData?.lastName!=null&&t.push("primary_contact_name"),e?.primaryContactLocalData?.email!=null&&t.push("primary_contact_email"),e?.taxIdOrEIN!=null&&t.push("tax_id_or_ein"),e?.companyFiles.find(a=>a.documentType==="certificate_of_incorporation")!=null&&t.push("certificate_of_incorporation"),e?.companyFiles.find(a=>a.documentType==="tax_ein")!=null&&t.push("ein"),{completedFields:t,status:t.length===14?"complete":t.length>0?"partially_complete":"incomplete"}},zt=()=>{const e=E[T],t=[];return e?.firstName!=null&&e.firstName!==p.strings.empty&&t.push("first_name"),e?.lastName!=null&&e.lastName!==p.strings.empty&&t.push("last_name"),e?.birthday!=null&&t.push("dob"),e?.nationalityCountryCode!=null&&t.push("nationality"),e?.addressStatus?.addressToCreate!=null&&t.push("address"),e?.phone!=null&&e.phone!==p.strings.empty&&e.isPhoneVerified===!0&&t.push("phone"),e?.titleAtCompany!=null&&e.titleAtCompany!==p.strings.empty&&t.push("company_role"),e?.ownershipInCompany!=null&&t.push("ownership"),e?.ssn!=null&&e.ssn!==p.strings.empty&&t.push("ssn"),e?.documentTypeSelectedForVerification!=null&&t.push("document_type"),e?.fileIds!=null&&e.fileIds.length>0&&t.push("document_uploaded"),{completedFields:t,status:t.length===11?"complete":t.length>0?"partially_complete":"incomplete"}};m.useEffect(()=>{ct==="pending_manual_verification"&&K?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,K?.providerVerificationStatus?.code,ct]);const Ut=async(e,t)=>{if(e.includes(B))Ie?.(t[B]);else if(e.includes(C))_?.(t[C]);else if(e.includes(f)&&t[f]!=null){const a=s.getValues(`${f}`).country;let i=t[f];if(e.includes(`${f}.street`)&&t[f].street!=null){const{addressValue:u}=t[f].street,w=Ot(u?.country);i={street:t[f].street??p.strings.empty,city:u?.locality??p.strings.empty,state:u?.administrativeAreaLevel1??p.strings.empty,country:w,countryCode:u?.countryCode??p.strings.empty,postalCode:u?.postalCode??p.strings.empty,secondaryInfo:t[f].secondaryInfo,suite:t[f].suite},a.selectedOption!==w.selectedOption&&(i={...i,country:w})}else e===`${f}.country`&&a.selectedOption!=null?i={...i,countryCode:gt(a.selectedOption)}:a.selectedOption!=null&&e.includes(`${f}.street`)===!1&&(i={...i,countryCode:gt(a.selectedOption)});At(i)}};m.useEffect(()=>{const e=s.watch((t,{name:a})=>{a!=null&&t!=null&&me(()=>Ut(a,t))});return()=>{e.unsubscribe()}}),m.useEffect(()=>{ie==="In-Progress"&&x.fetchState==="Completed"&&(s.reset(Qe(g,Be),{keepDirtyValues:!1}),L==="company_details"&&o==="link_payment_account"&&!S.includes("qbo_connection")&&!g.qboConnected&&Se())},[s,g,ie,x.fetchState,Be,L,o,S,Se]),m.useEffect(()=>{Ce&&ie==="In-Progress"&&x.fetchState==="Completed"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},[ie,Ce,x.fetchState,De]),m.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&x.fetchState==="Completed"&&(Y(null),M(te.fromStep,te.stepDirection,!0))},[te,ie,x.fetchState,M]),m.useLayoutEffect(()=>{L!=null&&L!==o&&(S.indexOf(L)===S.indexOf(o)-1||S.indexOf(L)===Ue-1&&S.indexOf(o)===0?U!=="next"&&q("next"):(S.indexOf(L)-1===S.indexOf(o)||S.indexOf(L)===0&&S.indexOf(o)===Ue-1)&&U!=="previous"&&q("previous"))},[S,o,L,U,Ue]);const lt=()=>{const e=E[T];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},qt=!Ke(nt!=null?j(nt):null,Re!=null?j(Re):null),Mt=!Ke(at!=null?j(at):null,we!=null?j(we):null),Ht=!Ke(ot!=null?j(ot):null,ze!=null?j(ze):null),Kt=s.getFieldState(B).isDirty||Mt||Ht||Dt,qe=s.getFieldState(C).isDirty&&lt()||qt||Tt,dt=s.getFieldState(`${f}`).isDirty,ke=d?.primaryContactLocalData,Qt=()=>{M(o,"previous",!0)},Wt=()=>{const e=s.getValues(f),t={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??p.strings.empty,secondaryInfo:e.secondaryInfo};h.trackOnboardingBillingAddressSave(t)},Yt=()=>{switch(Pe(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=H();D?.(e),rt()&&dt?(Wt(),Te(T,!1,!0),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):M(o,"next",!0)},200):M(o,"next",!0);break;case"qbo_connection":M(o,"next",!0);break;case"company_officer":if(qe){const e=pt();if(me(()=>{const t=H();D?.(t)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const t=s.formState.errors[C]?.[G<0?0:G],a=t?.phone,i=t!=null&&Object.keys(t).some(u=>u!=="phone"&&t[u]!=null);if(a!=null&&!i){Xe(e.phoneNumber);return}}e.isValid&&(Te(T,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},zt()),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"}))}else M(o,"next",!0);break;case"company_details":Pe(!0);{const e=!(rt()&&ue()),t=!Bt()&&S.includes("qbo_connection");if(e||t){e&&(s.trigger(`${J}`),s.trigger(`${f}`)),t&&s.trigger(ge),me(()=>{const a=H();D?.(a)}),e?$e("link_payment_account"):t&&$e("qbo_connection");return}}if(Kt||qe||!ke?.email){const e=Gt(),t=qe?pt():{isValid:!0};me(()=>{const a=H();D?.(a)}),e&&t.isValid?(Fe&&(z(!0),Xt()),Te(T,!Fe,!1),h.trackOnboardingCompanyDetailsSave({companyDescription:d?.companyDescription,legalName:d?.companyLegalName,industry:d?.companyIndustry??p.strings.empty,incDate:d?.incDate?.toString(),phone:d?.phone,website:d?.website?.toString(),formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},Rt(),{firstName:ke?.firstName,lastName:ke?.lastName,email:ke?.email}),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||$e("company_officer")}else Fe?Zt():M(o,"next",!0);break}},Zt=()=>{x.fetchState!=="In-Progress"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},pt=()=>{const e=E[T],t=e?.email??p.strings.empty,a=e?.phone??p.strings.empty,i=e?.ssn??p.strings.empty,u=e?.ownershipInCompany,w=G<0?0:G,en=!!e?.firstName&&!!e?.lastName;let X=!0,mt=!1;return t&&!en&&(s.trigger([`${C}.${w}.name.firstName`,`${C}.${w}.name.lastName`],{shouldFocus:o==="company_officer"}),X=!1),(!t&&lt()||St.test(t)===!1)&&(s.trigger(`${C}.${w}.email`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!1&&(s.trigger(`${C}.${w}.phone`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!0&&I==="unit"&&(xe.current!==""&&a===xe.current||(mt=!0,s.setError(`${C}.${w}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:o==="company_officer"}),X=!1)),u!=null&&u>100&&(s.trigger(`${C}.${w}.ownership`,{shouldFocus:o==="company_officer"}),X=!1),i&&mn.test(i)===!1&&(s.trigger(`${C}.${w}.ssn`,{shouldFocus:o==="company_officer"}),X=!1),{isValid:X,needsOtp:mt,phoneNumber:a}},Gt=()=>{const e=d?.website?.toString()??p.strings.empty,t=d?.phone??p.strings.empty,a=d?.taxIdOrEIN??p.strings.empty,i=d?.primaryContactLocalData?.email??p.strings.empty;let u=!0;return e&&ht.test(e)===!1&&(s.trigger(`${B}.companyWebsite`,{shouldFocus:o==="company_details"}),u=!1),ht.lastIndex=0,t&&ye(t)===!1&&(s.trigger(`${B}.companyPhone`,{shouldFocus:o==="company_details"}),u=!1),(!i||St.test(i)===!1)&&(s.trigger(`${B}.primaryContactEmail`,{shouldFocus:o==="company_details"}),u=!1),a&&un.test(a)===!1&&(s.trigger(`${B}.companyTaxId`,{shouldFocus:o==="company_details"}),u=!1),u},ut=()=>{const e=E[T];return{email:e?.email??p.strings.empty,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?j(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Xt=()=>{const e=d?.primaryContactLocalData;h.trackBusinessVerificationSave(ut(),{companyDescription:d?.companyDescription,legalName:d?.companyLegalName,phone:d?.phone,website:d?.website?.toString(),industry:d?.companyIndustry??p.strings.empty,formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[Me,Jt]=m.useState(!1);return r.jsxs(An,{children:[r.jsxs(_n,{windowSize:R,children:[S.indexOf(o)>=0?r.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:_t.colors.grey4,style:{zIndex:4},showLeftSection:R!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx(Dn,{windowSize:R,children:r.jsx($n,{windowSize:R,children:r.jsx(Tn,{})})}),r.jsx(sn,{...s,children:r.jsx(En,{id:kn(It),children:S.map(e=>{let t;t=r.jsx(Ct,{connectedAccountProvider:I,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,sectionId:J,hasError:s.getFieldState(J).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:O,resetCardPaymentViewState:ee,updateCardPaymentModalState:$,cardSetupInProgress:Me,subscriptionBillingAddressSectionId:f});let a=Ve;switch(e){case"link_payment_account":t=r.jsx(Ct,{connectedAccountProvider:I,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,subscriptionBillingAddressSectionId:f,sectionId:J,hasError:s.getFieldState(J).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:$,cardPaymentView:O,resetCardPaymentViewState:ee,cardSetupInProgress:Me,googleAPIKey:V,subscriptionBillingAddress:Z});break;case"qbo_connection":t=r.jsx(wn,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:Ee?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:Ee?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:Nt,updateQBOPopupState:Vt}),a=Ae;break;case"company_officer":t=r.jsx(Cn,{companyOfficerLocalData:E,allNationalityCountries:Be,isCompleted:Je.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:n.filesEndPoint,authParams:n.authParams,isRefreshingViewInBackground:k,companyTitles:v,isVerificationPopupOpen:F,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:vt,onOfficerAddressClick:i=>ne(i,Re?.addressId),updateFilesEntity:Ge,onEditFileName:Ze,onDeleteFile:N,verifiedPhoneNumber:xe.current,onPhoneVerified:$t,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=_e;break;case"company_details":t=r.jsx(Pn,{fileProps:{...n,onEditFileName:Ze,onDeleteFile:N,updateFilesEntity:Ge},sectionId:B,companyIndustries:g.companyIndustries,companyDetails:d,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Je.includes("company_details"),onCompanyAddressClick:i=>{const u=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;we?.addressId==null&&u!=null?ne(i,u):ne(i,we?.addressId)},onRegisteredAddressClick:i=>ne(i,ze?.addressId)}),a=W;break}return r.jsxs(Fn,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!je.isQBOPopupOpen:o==="company_officer"?!F:!0,paddingBottom:e==="company_details"||e==="company_officer"?Q[6]:Q[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?r.jsx(Ln,{windowSize:R,children:it.sectionSubTitle}):null,t]},e)})})}),r.jsx(rn,{formId:`${It}`,style:{width:R==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Yt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Qt,label:st.back,isDisabled:x.fetchState==="In-Progress"||S.indexOf(o)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(fn,{handleConfirmCardSetupIntent:A,updateCardPaymentModalState:$,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:O,stripeKey:y,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ve,cardSetupInProgress:Me,setCardSetupInProgress:Jt})]})},Nn=xt`
+`,xn=({isValid:n,sectionId:C="onboardingQboConnection",...r})=>{const{register:g}=dn();return c.jsxs(On,{children:[c.jsx(wn,{type:"hidden",...g(`${C}.connected`,{validate:v=>v==="true"}),value:n?"true":"false"}),c.jsx(Sn,{isValid:n,...r})]})},B="companyDetails",b="companyOfficer",J="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",f="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(Q[5],Q[9],112),subTitlePaddingTop:new fe(Q[3],Q[3]),subTitlePaddingBottom:new fe(Q[3],Q[3])},kn=n=>`${n}_form`,ce=Ye.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:C,isAdmin:r,onboardingCustomerView:g,companyTitles:v,connectedAccountProvider:O,analytics:h,cardPaymentView:w,stripeKey:y,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:_,updateCardPaymentModalState:$,handleAddCardPaymentSource:I,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:ve,redirectToProductSuitePage:Se,onFormErrorsChange:D,...Ne})=>{const R=We(),Ve=m.useRef(null),_e=m.useRef(null),W=m.useRef(null),Ae=m.useRef(null),[Ce,z]=m.useState(!1),[U,q]=m.useState("next"),[F,be]=m.useState(!1),[le,Ie]=m.useState(!1),[te,Y]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Pe,onCompanyOfficerUpdated:A,onFetchLinkTokenClick:Oe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:N,onEditFileName:Ge,updateFilesEntity:Ze,onGetOtp:xt,onSkipSetupClick:De,onUpdateCustomerView:Te,updateStepHandler:M,onVerifyOtp:kt,onResendOtp:vt,handleOnConnectClick:Nt,updateQBOPopupState:Vt,onUpdateStep:$e,onAddressEditHandler:_t}=Ne,At=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Qe(g,g.allNationalityCountries),values:Qe(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),H=m.useCallback(()=>{const e=[];return(s.getFieldState(J).error!=null||s.getFieldState(f).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);m.useEffect(()=>{const e=H();D?.(e)},[H,D]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:i})=>{a!=null&&(i==="change"||i==="blur")&&me(()=>{const u=H();D?.(u)})});return()=>e.unsubscribe()},[s,H,D]);const Xe=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Je,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Fe,paymentAccount:K,paymentAccountStatus:et,externalConnections:Ee,plaidConnectionDetails:Le,uiState:je,allNationalityCountries:Be,pendingSaveDetails:{companyDetails:Dt,officer:Tt},subscriptionBillingAddress:G}=g,we=m.useRef(""),$t=e=>{we.current=e;const t=Object.values(g.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,a=t<0?0:t;s.clearErrors(`${b}.${a}.phone`)},tt=e=>{e!=null&&!ye(e)?s.trigger(`${b}.${Z}.phone`):xt(e)},Z=Object.values(E).findIndex(e=>e?.isSelectedForVerification===!0)??0,T=`Officer_${Z<0?1:Z+1}`,Ft=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),Re=E[T]?.userId!=null?Ft?.find(e=>e.user.userId===E[T]?.userId)?.address:null,nt=E[T]?.addressStatus?.addressToCreate,xe=se?.companyAddress,at=d?.addressStatus?.addressToCreate,ze=se?.registeredAddress,ot=d?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Et,common:p}=ce,{footer:Lt,steps:jt}=Et,{buttons:st}=Lt,it=jt[o],Ue=S.length,ie=He(x.fetchState),L=He(o);function Bt(){return Ee?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Le).some(u=>u.fetchStatus.fetchState==="Completed"),t=K?.providerVerificationStatus?.code?.includes("verified")??!1,a=w.cardsList.length>0,i=w.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!K&&a||!a&&!K&&i};function rt(){if(s.getFieldState(f).error)return!1;const e=s.getValues(f),t=G?.street.join("").trim(),a=G?.city,i=G?.state,u=G?.country,k=G?.postalCode!=null&&G.postalCode||e.postalCode||p.strings.empty;return!!t&&!!a&&!!i&&!!u&&!!k}const ct=He(K?.providerVerificationStatus?.code),Rt=()=>{const e=d,t=[];return e?.companyLegalName!=null&&t.push("legal_name"),e?.companyDescription!=null&&e?.companyDescription!==p.strings.empty&&t.push("company_description"),e?.addressStatus?.addressToCreate!=null&&t.push("company_address"),e?.registeredAddressStatus?.addressToCreate!=null&&t.push("registered_address"),e?.website!=null&&t.push("website"),e?.companyIndustry!=null&&e?.companyIndustry!==p.strings.empty&&t.push("industry"),e?.typeOfIncorporation!=null&&e?.typeOfIncorporation!==p.strings.empty&&t.push("type_of_incorporation"),e?.incDate!=null&&t.push("inc_date"),e?.phone!=null&&t.push("phone"),e?.primaryContactLocalData?.firstName!=null&&e?.primaryContactLocalData?.lastName!=null&&t.push("primary_contact_name"),e?.primaryContactLocalData?.email!=null&&t.push("primary_contact_email"),e?.taxIdOrEIN!=null&&t.push("tax_id_or_ein"),e?.companyFiles.find(a=>a.documentType==="certificate_of_incorporation")!=null&&t.push("certificate_of_incorporation"),e?.companyFiles.find(a=>a.documentType==="tax_ein")!=null&&t.push("ein"),{completedFields:t,status:t.length===14?"complete":t.length>0?"partially_complete":"incomplete"}},zt=()=>{const e=E[T],t=[];return e?.firstName!=null&&e.firstName!==p.strings.empty&&t.push("first_name"),e?.lastName!=null&&e.lastName!==p.strings.empty&&t.push("last_name"),e?.birthday!=null&&t.push("dob"),e?.nationalityCountryCode!=null&&t.push("nationality"),e?.addressStatus?.addressToCreate!=null&&t.push("address"),e?.phone!=null&&e.phone!==p.strings.empty&&e.isPhoneVerified===!0&&t.push("phone"),e?.titleAtCompany!=null&&e.titleAtCompany!==p.strings.empty&&t.push("company_role"),e?.ownershipInCompany!=null&&t.push("ownership"),e?.ssn!=null&&e.ssn!==p.strings.empty&&t.push("ssn"),e?.documentTypeSelectedForVerification!=null&&t.push("document_type"),e?.fileIds!=null&&e.fileIds.length>0&&t.push("document_uploaded"),{completedFields:t,status:t.length===11?"complete":t.length>0?"partially_complete":"incomplete"}};m.useEffect(()=>{ct==="pending_manual_verification"&&K?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,K?.providerVerificationStatus?.code,ct]);const Ut=async(e,t)=>{if(e.includes(B))Pe?.(t[B]);else if(e.includes(b))A?.(t[b]);else if(e.includes(f)&&t[f]!=null){const a=s.getValues(`${f}`).country;let i=t[f];if(e.includes(`${f}.street`)&&t[f].street!=null){const{addressValue:u}=t[f].street,k=Ot(u?.country);i={street:t[f].street??p.strings.empty,city:u?.locality??p.strings.empty,state:u?.administrativeAreaLevel1??p.strings.empty,country:k,countryCode:u?.countryCode??p.strings.empty,postalCode:u?.postalCode??p.strings.empty,secondaryInfo:t[f].secondaryInfo,suite:t[f].suite},a.selectedOption!==k.selectedOption&&(i={...i,country:k})}else e===`${f}.country`&&a.selectedOption!=null?i={...i,countryCode:gt(a.selectedOption)}:a.selectedOption!=null&&e.includes(`${f}.street`)===!1&&(i={...i,countryCode:gt(a.selectedOption)});_t(i)}};m.useEffect(()=>{const e=s.watch((t,{name:a})=>{a!=null&&t!=null&&me(()=>Ut(a,t))});return()=>{e.unsubscribe()}}),m.useEffect(()=>{ie==="In-Progress"&&x.fetchState==="Completed"&&(s.reset(Qe(g,Be),{keepDirtyValues:!1}),L==="company_details"&&o==="link_payment_account"&&!S.includes("qbo_connection")&&!g.qboConnected&&Se())},[s,g,ie,x.fetchState,Be,L,o,S,Se]),m.useEffect(()=>{Ce&&ie==="In-Progress"&&x.fetchState==="Completed"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},[ie,Ce,x.fetchState,De]),m.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&x.fetchState==="Completed"&&(Y(null),M(te.fromStep,te.stepDirection,!0))},[te,ie,x.fetchState,M]),m.useLayoutEffect(()=>{L!=null&&L!==o&&(S.indexOf(L)===S.indexOf(o)-1||S.indexOf(L)===Ue-1&&S.indexOf(o)===0?U!=="next"&&q("next"):(S.indexOf(L)-1===S.indexOf(o)||S.indexOf(L)===0&&S.indexOf(o)===Ue-1)&&U!=="previous"&&q("previous"))},[S,o,L,U,Ue]);const lt=()=>{const e=E[T];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},qt=!Ke(nt!=null?j(nt):null,Re!=null?j(Re):null),Mt=!Ke(at!=null?j(at):null,xe!=null?j(xe):null),Ht=!Ke(ot!=null?j(ot):null,ze!=null?j(ze):null),Kt=s.getFieldState(B).isDirty||Mt||Ht||Dt,qe=s.getFieldState(b).isDirty&&lt()||qt||Tt,dt=s.getFieldState(`${f}`).isDirty,ke=d?.primaryContactLocalData,Qt=()=>{M(o,"previous",!0)},Wt=()=>{const e=s.getValues(f),t={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??p.strings.empty,secondaryInfo:e.secondaryInfo};h.trackOnboardingBillingAddressSave(t)},Yt=()=>{switch(Ie(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=H();D?.(e),rt()&&dt?(Wt(),Te(T,!1,!0),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):M(o,"next",!0)},200):M(o,"next",!0);break;case"qbo_connection":M(o,"next",!0);break;case"company_officer":if(qe){const e=pt();if(me(()=>{const t=H();D?.(t)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const t=s.formState.errors[b]?.[Z<0?0:Z],a=t?.phone,i=t!=null&&Object.keys(t).some(u=>u!=="phone"&&t[u]!=null);if(a!=null&&!i){Xe(e.phoneNumber);return}}e.isValid&&(Te(T,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},zt()),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"}))}else M(o,"next",!0);break;case"company_details":Ie(!0);{const e=!(rt()&&ue()),t=!Bt()&&S.includes("qbo_connection");if(e||t){e&&(s.trigger(`${J}`),s.trigger(`${f}`)),t&&s.trigger(ge),me(()=>{const a=H();D?.(a)}),e?$e("link_payment_account"):t&&$e("qbo_connection");return}}if(Kt||qe||!ke?.email){const e=Zt(),t=qe?pt():{isValid:!0};me(()=>{const a=H();D?.(a)}),e&&t.isValid?(Fe&&(z(!0),Xt()),Te(T,!Fe,!1),h.trackOnboardingCompanyDetailsSave({companyDescription:d?.companyDescription,legalName:d?.companyLegalName,industry:d?.companyIndustry??p.strings.empty,incDate:d?.incDate?.toString(),phone:d?.phone,website:d?.website?.toString(),formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},Rt(),{firstName:ke?.firstName,lastName:ke?.lastName,email:ke?.email}),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||$e("company_officer")}else Fe?Gt():M(o,"next",!0);break}},Gt=()=>{x.fetchState!=="In-Progress"&&(De(),h.track(ft.Event.onboardingSkipAndSave))},pt=()=>{const e=E[T],t=e?.email??p.strings.empty,a=e?.phone??p.strings.empty,i=e?.ssn??p.strings.empty,u=e?.ownershipInCompany,k=Z<0?0:Z,en=!!e?.firstName&&!!e?.lastName;let X=!0,mt=!1;return t&&!en&&(s.trigger([`${b}.${k}.name.firstName`,`${b}.${k}.name.lastName`],{shouldFocus:o==="company_officer"}),X=!1),(!t&&lt()||St.test(t)===!1)&&(s.trigger(`${b}.${k}.email`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!1&&(s.trigger(`${b}.${k}.phone`,{shouldFocus:o==="company_officer"}),X=!1),a&&ye(a)===!0&&O==="unit"&&(we.current!==""&&a===we.current||(mt=!0,s.setError(`${b}.${k}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:o==="company_officer"}),X=!1)),u!=null&&u>100&&(s.trigger(`${b}.${k}.ownership`,{shouldFocus:o==="company_officer"}),X=!1),i&&mn.test(i)===!1&&(s.trigger(`${b}.${k}.ssn`,{shouldFocus:o==="company_officer"}),X=!1),{isValid:X,needsOtp:mt,phoneNumber:a}},Zt=()=>{const e=d?.website?.toString()??p.strings.empty,t=d?.phone??p.strings.empty,a=d?.taxIdOrEIN??p.strings.empty,i=d?.primaryContactLocalData?.email??p.strings.empty;let u=!0;return e&&ht.test(e)===!1&&(s.trigger(`${B}.companyWebsite`,{shouldFocus:o==="company_details"}),u=!1),ht.lastIndex=0,t&&ye(t)===!1&&(s.trigger(`${B}.companyPhone`,{shouldFocus:o==="company_details"}),u=!1),(!i||St.test(i)===!1)&&(s.trigger(`${B}.primaryContactEmail`,{shouldFocus:o==="company_details"}),u=!1),a&&un.test(a)===!1&&(s.trigger(`${B}.companyTaxId`,{shouldFocus:o==="company_details"}),u=!1),u},ut=()=>{const e=E[T];return{email:e?.email??p.strings.empty,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?j(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Xt=()=>{const e=d?.primaryContactLocalData;h.trackBusinessVerificationSave(ut(),{companyDescription:d?.companyDescription,legalName:d?.companyLegalName,phone:d?.phone,website:d?.website?.toString(),industry:d?.companyIndustry??p.strings.empty,formattedAddress:d?.addressStatus?.addressToCreate!=null?j(d?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[Me,Jt]=m.useState(!1);return c.jsxs(_n,{children:[c.jsxs(An,{windowSize:R,children:[S.indexOf(o)>=0?c.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:At.colors.grey4,style:{zIndex:4},showLeftSection:R!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):c.jsx(Dn,{windowSize:R,children:c.jsx($n,{windowSize:R,children:c.jsx(Tn,{})})}),c.jsx(sn,{...s,children:c.jsx(En,{id:kn(Pt),children:S.map(e=>{let t;t=c.jsx(Ct,{connectedAccountProvider:O,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,sectionId:J,hasError:s.getFieldState(J).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:w,resetCardPaymentViewState:ee,updateCardPaymentModalState:$,cardSetupInProgress:Me,subscriptionBillingAddressSectionId:f});let a=Ve;switch(e){case"link_payment_account":t=c.jsx(Ct,{connectedAccountProvider:O,paymentAccount:K,accountStatus:et,plaidConnectionDetails:Le,subscriptionBillingAddressSectionId:f,sectionId:J,hasError:s.getFieldState(J).error!=null||le&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:$,cardPaymentView:w,resetCardPaymentViewState:ee,cardSetupInProgress:Me,googleAPIKey:V,subscriptionBillingAddress:G});break;case"qbo_connection":t=c.jsx(xn,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:r,isValid:Ee?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:Ee?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:Nt,updateQBOPopupState:Vt}),a=_e;break;case"company_officer":t=c.jsx(Cn,{companyOfficerLocalData:E,allNationalityCountries:Be,isCompleted:Je.includes("company_officer"),companyView:se,sectionId:b,filesEndPoint:n.filesEndPoint,authParams:n.authParams,isRefreshingViewInBackground:C,companyTitles:v,isVerificationPopupOpen:F,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:vt,onOfficerAddressClick:i=>ne(i,Re?.addressId),updateFilesEntity:Ze,onEditFileName:Ge,onDeleteFile:N,verifiedPhoneNumber:we.current,onPhoneVerified:$t,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=Ae;break;case"company_details":t=c.jsx(In,{fileProps:{...n,onEditFileName:Ge,onDeleteFile:N,updateFilesEntity:Ze},sectionId:B,companyIndustries:g.companyIndustries,companyDetails:d,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Je.includes("company_details"),onCompanyAddressClick:i=>{const u=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;xe?.addressId==null&&u!=null?ne(i,u):ne(i,xe?.addressId)},onRegisteredAddressClick:i=>ne(i,ze?.addressId)}),a=W;break}return c.jsxs(Fn,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!je.isQBOPopupOpen:o==="company_officer"?!F:!0,paddingBottom:e==="company_details"||e==="company_officer"?Q[6]:Q[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?c.jsx(Ln,{windowSize:R,children:it.sectionSubTitle}):null,t]},e)})})}),c.jsx(rn,{formId:`${Pt}`,style:{width:R==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Yt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Qt,label:st.back,isDisabled:x.fetchState==="In-Progress"||S.indexOf(o)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),c.jsx(fn,{handleConfirmCardSetupIntent:_,updateCardPaymentModalState:$,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:I,cardPaymentView:w,stripeKey:y,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ve,cardSetupInProgress:Me,setCardSetupInProgress:Jt})]})},Nn=wt`
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -19,7 +19,7 @@ import{V as r,fs as tn,q as We,e as nn,a8 as an,cB as me,F as Ye,aN as He,E as f
     transform: translateY(0);
     opacity: 1;
   }
-`,Vn=xt`
+`,Vn=wt`
   from {
     transform: translateY(-100%);
     opacity: 0;
@@ -28,19 +28,19 @@ import{V as r,fs as tn,q as We,e as nn,a8 as an,cB as me,F as Ye,aN as He,E as f
     transform: translateY(0);
     opacity: 1;
   }
-`,An=P.div`
+`,_n=P.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  min-width: calc(100% - ${Pt}px);
-  padding-left: ${Pt}px;
+  min-width: calc(100% - ${It}px);
+  padding-left: ${It}px;
   flex: 1;
 
   ${n=>n.theme.breakpoints.down("md")} {
     width: 100%;
     padding-left: ${re.sp0};
   }
-`,_n=P.div`
+`,An=P.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -94,7 +94,7 @@ import{V as r,fs as tn,q as We,e as nn,a8 as an,cB as me,F as Ye,aN as He,E as f
   text-align: ${n=>n.windowSize==="small"?"initial":"center"};
   width: 100%;
   white-space: pre-line;
-`,Qe=(n,k)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:g,companyView:v}=n,I=ce.commonSetUp.businessVerification,h=ce.companyPassport,O=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[B]:{companyDescription:c?.companyDescription??ce.common.strings.empty,ein:c?.companyFiles.find(y=>y.documentType==="tax_ein"),companyId:c?.companyId,syncToken:c?.syncToken,companyLegalName:c?.companyLegalName,companyWebsite:c?.website?.toString()??ce.common.strings.empty,companyAddress:c?.addressStatus?.addressToCreate,registeredAddress:c?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:c?.companyIndustry,allOptions:n.companyIndustries.map(y=>y.code)},companyPhone:c?.phone,companyTaxId:c?.taxIdOrEIN,primaryContactName:{firstName:c?.primaryContactLocalData?.firstName,lastName:c?.primaryContactLocalData?.lastName},primaryContactEmail:c?.primaryContactLocalData?.email,primaryContactUserId:c?.primaryContactLocalData?.userId,primaryContactSyncToken:c?.primaryContactLocalData?.syncToken,fileIds:c?.companyFiles.map(y=>y.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(y=>y.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:h.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(g).map((y,V)=>{const l=y,A=ln(l?.documentTypeSelectedForVerification);return{userId:l?.userId,officerType:l?.officerType??`Officer_${V+1}`,name:{firstName:l?.firstName,lastName:l?.lastName},email:l?.email,fileIds:l?.fileIds??[],dob:l?.birthday?.toDate(),nationalityCountryCode:Ot(l?.nationalityCountryCode,k.map($=>$.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:I.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:yt(!0,l?.userFiles??[],A),back:yt(!1,l?.userFiles??[],A),selectDocumentType:A},isSelectedForVerification:!O&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[J]:{account:{allOptions:[],selectedOption:void 0}},[f]:cn(f,n?.subscriptionBillingAddress)[f],[ge]:{connected:n.externalConnections?.accounting[0]?.isValid??!1}}},ia=n=>{const{onboardingCustomerView:k,cardPaymentView:c,signedInUser:g,currentTenant:v,isOnAddressPage:I,stripeKey:h,googleAPIKey:O,onUpdateStep:y,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:A,meetingUrl:$,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,handleFetchPaymentSources:Se,updateCardPaymentModalState:D,resetCardPaymentViewState:Ne,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,...Ae}=n,{allSteps:W,completedSteps:_e,halfCompletedSteps:Ce,currentStep:z,fetchStatus:U}=k,q=m.useRef(z),F=m.useRef(W),[be,le]=m.useState(!1),[Pe,te]=m.useState([]),Y={allSteps:W,isOnAddressPage:I,completedSteps:_e,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:z,fetchStatus:U,signedInUser:g,currentTenant:v,onUpdateStep:_=>{y(_)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:A,setIsStepClicked:le};m.useEffect(()=>{if(q.current!==z){const _=q.current;be===!0&&(b?.trackOnboardingCurrentStep(z,_),le(!1)),q.current=z}},[z,be,b]),m.useEffect(()=>{W.length!==F.current.length&&(F.current=W)},[W]);const ne=(_,Oe,de)=>{const ae=F.current.length,pe=F.current.indexOf(_);switch(Oe){case"next":{const oe=(pe+1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?b.trackOnboardingNext(_,N):b.trackOnboardingCurrentStep(N,_);break}case"previous":{const oe=(pe+ae-1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?b.trackOnboardingBack(_,N):b.trackOnboardingCurrentStep(N,_);break}}},Ie=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return r.jsx(jn,{isOnAddressPage:I,children:I?r.jsx(bt,{...Y}):r.jsxs(Bn,{children:[r.jsx(bt,{...Y}),Ie?r.jsx(yn,{isNoStepsPage:!1}):r.jsx(vn,{onboardingCustomerView:k,analytics:b,updateStepHandler:ne,onUpdateStep:y,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,updateCardPaymentModalState:D,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:Ne,stripeKey:h,googleAPIKey:O,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,onFormErrorsChange:te,...Ae}),Ie?null:r.jsx(tn,{isFooterRendered:!0,meetingUrl:$,analytics:b,productType:"onboarding"})]})})},jn=P.div`
+`,Qe=(n,C)=>{const{companyDetailsLocalData:r,companyOfficerLocalData:g,companyView:v}=n,O=ce.commonSetUp.businessVerification,h=ce.companyPassport,w=v?.companyOfficers!=null&&v?.companyOfficers.length>0;return{[B]:{companyDescription:r?.companyDescription??ce.common.strings.empty,ein:r?.companyFiles.find(y=>y.documentType==="tax_ein"),companyId:r?.companyId,syncToken:r?.syncToken,companyLegalName:r?.companyLegalName,companyWebsite:r?.website?.toString()??ce.common.strings.empty,companyAddress:r?.addressStatus?.addressToCreate,registeredAddress:r?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:r?.companyIndustry,allOptions:n.companyIndustries.map(y=>y.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(y=>y.fileId)??[],certificateOfIncorporation:r?.companyFiles.find(y=>y.documentType==="certificate_of_incorporation"),incDate:r?.incDate?.toDate(),typeOfIncorporation:{selectedOption:r?.typeOfIncorporation,allOptions:h.companyIncInfo.allTypesOfIncorporation}},[b]:Object.values(g).map((y,V)=>{const l=y,_=ln(l?.documentTypeSelectedForVerification);return{userId:l?.userId,officerType:l?.officerType??`Officer_${V+1}`,name:{firstName:l?.firstName,lastName:l?.lastName},email:l?.email,fileIds:l?.fileIds??[],dob:l?.birthday?.toDate(),nationalityCountryCode:Ot(l?.nationalityCountryCode,C.map($=>$.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:O.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:yt(!0,l?.userFiles??[],_),back:yt(!1,l?.userFiles??[],_),selectDocumentType:_},isSelectedForVerification:!w&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[J]:{account:{allOptions:[],selectedOption:void 0}},[f]:cn(f,n?.subscriptionBillingAddress)[f],[ge]:{connected:n.externalConnections?.accounting[0]?.isValid??!1}}},ia=n=>{const{onboardingCustomerView:C,cardPaymentView:r,signedInUser:g,currentTenant:v,isOnAddressPage:O,stripeKey:h,googleAPIKey:w,onUpdateStep:y,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:_,meetingUrl:$,analytics:I,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,handleFetchPaymentSources:Se,updateCardPaymentModalState:D,resetCardPaymentViewState:Ne,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,..._e}=n,{allSteps:W,completedSteps:Ae,halfCompletedSteps:Ce,currentStep:z,fetchStatus:U}=C,q=m.useRef(z),F=m.useRef(W),[be,le]=m.useState(!1),[Ie,te]=m.useState([]),Y={allSteps:W,isOnAddressPage:O,completedSteps:Ae,halfCompletedSteps:Ce,errorSteps:Ie,currentStep:z,fetchStatus:U,signedInUser:g,currentTenant:v,onUpdateStep:A=>{y(A)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:_,setIsStepClicked:le};m.useEffect(()=>{if(q.current!==z){const A=q.current;be===!0&&(I?.trackOnboardingCurrentStep(z,A),le(!1)),q.current=z}},[z,be,I]),m.useEffect(()=>{W.length!==F.current.length&&(F.current=W)},[W]);const ne=(A,Oe,de)=>{const ae=F.current.length,pe=F.current.indexOf(A);switch(Oe){case"next":{const oe=(pe+1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?I.trackOnboardingNext(A,N):I.trackOnboardingCurrentStep(N,A);break}case"previous":{const oe=(pe+ae-1)%ae,N=F.current[oe];q.current=N,y(N),de===!0?I.trackOnboardingBack(A,N):I.trackOnboardingCurrentStep(N,A);break}}},Pe=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return c.jsx(jn,{isOnAddressPage:O,children:O?c.jsx(bt,{...Y}):c.jsxs(Bn,{children:[c.jsx(bt,{...Y}),Pe?c.jsx(yn,{isNoStepsPage:!1}):c.jsx(vn,{onboardingCustomerView:C,analytics:I,updateStepHandler:ne,onUpdateStep:y,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:ve,updateCardPaymentModalState:D,handleFetchPaymentSources:Se,cardPaymentView:r,resetCardPaymentViewState:Ne,stripeKey:h,googleAPIKey:w,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:Ve,onFormErrorsChange:te,..._e}),Pe?null:c.jsx(tn,{isFooterRendered:!0,meetingUrl:$,analytics:I,productType:"onboarding"})]})})},jn=P.div`
   display: flex;
   flex-direction: column;
   width: ${n=>n.isOnAddressPage?"fit-content":"100%"};

package/dist/assets/CustomerOnboardingProductSuitePage-lNIP5gSu-PR2itKHa.js

@@ -0,0 +1,202 @@
+import{q as B,a7 as I,av as M,d as _,F as U,V as e,bz as W,o as t,aK as k,bl as V,fs as A,ak as N,ae as H,p as l,b,ah as R,l as Z,D as J,ap as q,aZ as K}from"./index-DJLrbf0F.js";import{a as n}from"./core-CA3j8Axi.js";import{n as o}from"./mui-DpJXlk4t.js";import{FN as G}from"./zeni-epic-state-CQt4n3Xe.js";import Q from"./ConfettiBurst-Cl6jHJ8H-LC2meCe-.js";import{T as X}from"./ProductsCarousel-zdZkfaiY-CKycG9Wt.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new i.Error().stack;p&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[p]="4e47cfcf-c90a-4487-80e2-15060c2b713d",i._sentryDebugIdIdentifier="sentry-dbid-4e47cfcf-c90a-4487-80e2-15060c2b713d")}catch{}})();const Y=i=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},n.createElement("path",{d:"M9.88423 20.4894C8.54548 20.3068 6.19267 19.6022 4.33971 17.8674C2.48676 16.1326 1.39881 13.7328 1.31521 11.1959C1.23161 8.65899 2.15921 6.19276 3.89394 4.33977C5.62866 2.48678 8.02843 1.39882 10.5653 1.31522C13.1022 1.23161 15.5684 2.15923 17.4213 3.89399C19.2743 5.62875 20.1176 7.48634 20.4166 9.67794",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.5596 7.50903H10.7439C10.39 7.50916 10.0465 7.62876 9.76901 7.84845C9.49152 8.06815 9.29632 8.37508 9.21501 8.71955C9.1337 9.06401 9.17105 9.42584 9.321 9.74644C9.47096 10.067 9.72474 10.3276 10.0412 10.486L11.6941 11.3133C12.0107 11.4717 12.2644 11.7323 12.4144 12.0529C12.5643 12.3735 12.6017 12.7353 12.5204 13.0798C12.4391 13.4242 12.2439 13.7312 11.9664 13.9509C11.6889 14.1706 11.3454 14.2902 10.9915 14.2903H9.16902",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.4437 14.2906V15.5621",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.2918 6.23773V7.50922",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.5285 21.8743L12 22.8825L13.0081 19.3539L20.2143 12.1476C20.3088 12.0531 20.437 12 20.5707 12C20.7044 12 20.8325 12.0531 20.9271 12.1476L22.7347 13.9542C22.7816 14.001 22.8189 14.0567 22.8443 14.1179C22.8697 14.1791 22.8828 14.2448 22.8828 14.3111C22.8828 14.3774 22.8697 14.4431 22.8443 14.5043C22.8189 14.5655 22.7816 14.6212 22.7347 14.668L15.5285 21.8743Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M18.5536 13.8079L21.074 16.3283",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.6133 18.7533L16.1337 21.2737",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ee=U.getLocalizedStrings(),Me=({hasVerifiedBankAccount:i,meetingUrl:p,showUpdatePaymentDetailButton:f=!1,isVisitingFirstTime:$=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=B(),x=I().analytics,w=M(),L=w.loggedInUser,a=w.currentTenant,[y,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=S,O=_(),{customerOnboardingPage:c}=ee,h=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:F}=s,{isPayrollEnabled:g,isCfoEnabled:u,isTaxEnabled:m}=F;return g&&u&&m?[r.withTaxAndPayroll,r.withCFO]:g&&u?[r.withPayroll,r.withCFO]:g&&m?[r.taxAndPayroll]:u&&m?[r.withTax,r.withCFO]:g?[r.onlyPayroll]:u?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},D=s=>{if(v(),!s)return;let r="";i?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,G(s.productSettings))};return e.jsxs(e.Fragment,{children:[e.jsx(te,{children:e.jsxs(ie,{windowSize:d,children:[e.jsx(oe,{windowSize:d,children:e.jsx(W,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:O.colors.grey4,style:{zIndex:5},source:"CustomerOnboardingProductSuitePage",showLeftSection:d!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:e.jsx(we,{children:e.jsx(ye,{"data-testid":k("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:f?e.jsxs(be,{"data-testid":k("update-to-payment-address-details"),onClick:()=>D(a),children:[e.jsx(ke,{}),e.jsx(Ce,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx(je,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:h(a).length>1?t.sp2:t.sp1,padding:h(a).length>1?`12px ${t.sp4} 12px ${t.sp4}`:`12px ${t.sp3} 12px ${t.sp3}`},children:e.jsxs(se,{children:[e.jsxs(C,{children:[e.jsx(ae,{children:e.jsx(le,{})}),e.jsx(j,{children:h(a)[0]})]}),e.jsx(C,{children:h(a).slice(1).map(s=>e.jsx(j,{children:s},s))})]})}),e.jsx(de,{children:e.jsx(ce,{children:c.productSuite.sectionTitle})}),e.jsx(pe,{children:e.jsx(X,{scale:1,showUpdatePaymentDetailButton:f,stopCarousel:y})}),e.jsxs(he,{href:"https://www.zeni.ai",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ge,{className:"discover-class",children:c.productSuite.sectionFooter}),e.jsx(ue,{className:"discover-class"})]})]}),e.jsx(me,{children:e.jsxs(fe,{children:[e.jsx(xe,{windowSize:d,children:e.jsx(V,{signedInUser:L,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(A,{isFooterRendered:!1,meetingUrl:p,analytics:x,productType:"onboarding_interim",showPopup:y,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:$})]})},te=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100%;
+  overflow: visible;
+`,ie=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  background-image: ${i=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${i.windowSize==="small"?"m":"w"}-${i.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${i=>i.theme.colors.grey4};
+  background-size: inherit;
+  background-attachment: fixed;
+  background-position: ${i=>i.windowSize==="small"?"center center":"right center"};
+  background-repeat: no-repeat;
+
+  ${i=>i.theme.breakpoints.down("lg")} {
+    background-size: cover;
+  }
+`,oe=o.div`
+  position: fixed;
+  width: 100%;
+  top: ${t.sp0};
+  left: 0;
+  right: 0;
+  height: 62px;
+  padding: 0 ${t.sp2};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 3;
+`,re=o.div`
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin: 86px 0 0 0;
+`,ne=o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  border-radius: 50px;
+  margin-bottom: ${t.sp7};
+  cursor: default;
+  overflow: hidden;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: ${l.brandColorJadeLight};
+    opacity: 0.5;
+    z-index: 0;
+  }
+
+  > * {
+    position: relative;
+    z-index: 1;
+  }
+`,se=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+`,C=o.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+`,ae=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${b.largeRegular.lineHeight};
+  height: ${b.largeRegular.lineHeight};
+  border-radius: 50%;
+  outline: 1px solid ${l.brandColorJadeDark};
+  background-color: ${l.brandColorPearl};
+`,le=o(R)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${l.brandColorSapphire};
+`,j=o(Z)`
+  color: ${l.brandColorSapphire};
+  text-align: center;
+  margin-left: ${t.sp2};
+`,de=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin-bottom: ${t.sp4};
+  cursor: default;
+`,ce=o(J)`
+  color: ${i=>i.theme.colors.primary};
+  text-align: center;
+  margin-left: ${t.sp2};
+  margin-right: ${t.sp2};
+`,pe=o.div`
+  width: 1328px;
+  height: 512px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  margin-bottom: ${t.sp4};
+`,he=o.a`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  width: 100%;
+  cursor: pointer;
+  color: ${l.brandColorSapphire};
+  &:hover {
+    .discover-class {
+      color: ${i=>i.theme.colors.primary};
+    }
+  }
+`,ge=o(q)`
+  color: inherit;
+  text-align: center;
+`,ue=o(K)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: inherit;
+  margin-left: 6px;
+  margin-top: ${t.sp1};
+`,me=o.div`
+  width: 100%;
+  padding: 10px ${t.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 3;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+`,fe=o.div`
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+`,xe=o.div`
+  display: flex;
+  left: ${t.sp4};
+  bottom: ${t.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,we=o.div`
+  display: flex;
+`,ye=o(H)`
+  height: ${t.sp4};
+  width: 102px;
+  color: ${i=>i.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${t.sp5};
+`,ke=o(Y)`
+  width: ${t.sp4};
+  min-width: ${t.sp4};
+  height: ${t.sp4};
+`,be=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: fit-content;
+  white-space: nowrap;
+  cursor: pointer;
+  color: ${i=>i.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${i=>i.theme.colors.primary};
+    }
+    svg {
+      color: ${i=>i.theme.colors.primary};
+    }
+  }
+  margin-right: ${t.sp2};
+`,Ce=o(N)`
+  margin-left: ${t.sp2};
+`,je=o.div`
+  width: 200px;
+  height: ${t.sp4};
+`;export{Me as CustomerOnboardingProductSuitePage,Me as default};