@zeniai/web-cockpit-ui 1.14.36-qa → 1.14.37-dev

package/dist/assets/{CustomerOnboardingPage-BGKjRruK-l9abCt_I.js → CustomerOnboardingPage-CuS2FfSh--tD5QTKd.js}

@@ -1,8 +1,8 @@
-import{j as r,e as Ke,u as Zt,a as en,ca as me,M as We,a2 as He,I as mt,L as Me,l as Q,aX as tn,o as re,F as nn,r as K,a4 as an,h8 as on,fJ as sn,fh as ft,cD as xt,cE as yt,C as fe,fM as ye,cn as rn,y as cn,h9 as gt,R as ht,cl as ln,fL as dn}from"./index-DHx5ymlr.js";import{b as p,n as P,k as It}from"./vendor-rkTZJa59.js";import{D as pn}from"./HelpButton-BkxT0f9t-BbQSDGRC.js";import{s as St,o as un}from"./PaymentAccountSetupBillingAddressSection-CfUpfrt6-BW_SKK1b.js";import{b as Ct,f as mn,a as bt}from"./CustomerOnboardingDetailPageSkeleton-DyIeAi4x-sDf2KJmg.js";import{s as fn,x as yn}from"./CompanyOfficerDetailsSection-WlKm-fM0-BGoXAhO_.js";import{o as gn}from"./QBOSetupSection-CwO2OwTA-lgs-jkrv.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-2P6uhLqh-Bv6Y7JYF.js";import"./SetUpAccountSection-C9PPpmcc-BwjqbpIO.js";import"./SetUpDefaultSection-D54P9sLQ-BDnsJt2v.js";import"./ChaseOverlay-DYQYE0RM-BNyyunYf.js";import"./LabeledAddressValueField-C-fJPbDr-si3fj6mD.js";import"./LabeledCreatableSingleSelectField-CNcoKtBi-Bc2UKXaN.js";import"./LabeledDocumentField-DB-XX9hy-mKhff6Yn.js";import"./QBOConnectionDialog-CSRVcpvB-C3IWq6r8.js";const hn=({companyView:t,companyOfficerLocalData:w,allNationalityCountries:c,isVerificationPopupOpen:f,setIsVerificationPopupOpen:A,verifiedPhoneNumber:x,onPhoneVerified:y,...I})=>{const m=Ke(),V=t?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:$}=l,F=t?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(Sn,{children:r.jsx(yn,{companyOfficerData:w,allOfficers:V??[],allNationalityCountries:c,sectionHeader:$,isPopupOpen:f,productType:"onboarding",connectedAccountProvider:F,showInfoTooltip:m!=="small",showCompletedIcon:m==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:x,onPhoneVerified:y,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:A,...I})})},Sn=P.div`
+import{j as r,e as Me,u as Zt,a as en,ca as me,B as We,a2 as Qe,N as mt,O as He,l as K,aX as tn,o as re,F as nn,q as M,a4 as an,h7 as on,fI as sn,fg as ft,cD as xt,cE as yt,C as fe,fL as ye,cn as rn,t as cn,h8 as gt,R as ht,cl as ln,fK as dn}from"./index-Du1ejFtI.js";import{b as p,n as P,k as It}from"./vendor-rkTZJa59.js";import{D as pn}from"./HelpButton-Dmp2RZDD-B2Rab4OD.js";import{s as St,o as un}from"./PaymentAccountSetupBillingAddressSection-YvYPpyzH-C8eu7aCq.js";import{b as Ct,f as mn,a as bt}from"./CustomerOnboardingDetailPageSkeleton-Bx_rpQHj-BvbC0CJP.js";import{s as fn,x as yn}from"./CompanyOfficerDetailsSection-_m4C7Xgf-B3wASBKA.js";import{o as gn}from"./QBOSetupSection-pBOQk_mE-Dd7Gnjqf.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-BJgsd-6e-BVSiedfG.js";import"./SetUpAccountSection-CjOOpWa2-DlvlGnwo.js";import"./SetUpDefaultSection-Ax1FuH_A-CyAf_lFy.js";import"./ChaseOverlay-Cm-3BKNK-ByPesCFg.js";import"./LabeledAddressValueField-RFI4bpOj-V_HSBjtL.js";import"./LabeledCreatableSingleSelectField-BFmP_-GA-Dc6F7WMx.js";import"./LabeledDocumentField-CyW3tPI--BGc7rzmx.js";import"./QBOConnectionDialog-BBVBEJWA-dgJxEpfC.js";const hn=({companyView:t,companyOfficerLocalData:w,allNationalityCountries:c,isVerificationPopupOpen:f,setIsVerificationPopupOpen:A,verifiedPhoneNumber:x,onPhoneVerified:y,...I})=>{const m=Me(),V=t?.companyOfficers.slice(0,10).sort((b,ee)=>b.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(b=>b.user),{company_officer:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:$}=l,N=t?.company.company.featuresActivationInfo.connectedAccountProvider;return r.jsx(Sn,{children:r.jsx(yn,{companyOfficerData:w,allOfficers:V??[],allNationalityCountries:c,sectionHeader:$,isPopupOpen:f,productType:"onboarding",connectedAccountProvider:N,showInfoTooltip:m!=="small",showCompletedIcon:m==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:x,onPhoneVerified:y,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:A,...I})})},Sn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`,Cn=({fileProps:t,companyDetails:w,companyIndustries:c,sectionId:f,isCompleted:A,isDisabled:x,style:y,onCompanyAddressClick:I,onRegisteredAddressClick:m})=>{const V=Ke(),{company_details:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:$}=l;return r.jsx(bn,{children:r.jsx(fn,{fileProps:t,companyDetails:w,sectionId:f,isDisabled:x,style:y,sectionHeader:$,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:A,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:I,onRegisteredAddressClick:m})})},bn=P.div`
+`,Cn=({fileProps:t,companyDetails:w,companyIndustries:c,sectionId:f,isCompleted:A,isDisabled:x,style:y,onCompanyAddressClick:I,onRegisteredAddressClick:m})=>{const V=Me(),{company_details:l}=We.getLocalizedStrings().customerOnboardingPage.sections,{title:$}=l;return r.jsx(bn,{children:r.jsx(fn,{fileProps:t,companyDetails:w,sectionId:f,isDisabled:x,style:y,sectionHeader:$,productType:"onboarding",showInfoTooltip:V!=="small",showCompletedIcon:V==="small",isCompleted:A,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:I,onRegisteredAddressClick:m})})},bn=P.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10,7 +10,7 @@ import{j as r,e as Ke,u as Zt,a as en,ca as me,M as We,a2 as He,I as mt,L as Me,
   display: flex;
 `,xn=P.input`
   display: none;
-`,In=({isValid:t,sectionId:w="onboardingQboConnection",...c})=>{const{register:f}=rn();return r.jsxs(Pn,{children:[r.jsx(xn,{type:"hidden",...f(`${w}.connected`,{validate:A=>A==="true"}),value:t?"true":"false"}),r.jsx(gn,{isValid:t,...c})]})},j="companyDetails",C="companyOfficer",Z="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",u="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(K[5],K[9],112),subTitlePaddingTop:new fe(K[3],K[3]),subTitlePaddingBottom:new fe(K[3],K[3])},On=t=>`${t}_form`,ce=We.getLocalizedStrings(),kn=({fileProps:t,isRefreshingViewInBackground:w,isAdmin:c,onboardingCustomerView:f,companyTitles:A,connectedAccountProvider:x,analytics:y,cardPaymentView:I,stripeKey:m,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:$,updateCardPaymentModalState:F,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:we,redirectToProductSuitePage:Se,onFormErrorsChange:N,...Ae})=>{const L=Ke(),ve=p.useRef(null),Ve=p.useRef(null),W=p.useRef(null),$e=p.useRef(null),[Ce,B]=p.useState(!1),[R,z]=p.useState("next"),[T,be]=p.useState(!1),[le,Pe]=p.useState(!1),[te,Y]=p.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:xe,onCompanyOfficerUpdated:D,onFetchLinkTokenClick:Ie,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:v,onEditFileName:Ye,updateFilesEntity:Je,onGetOtp:Ot,onSkipSetupClick:De,onUpdateCustomerView:Ne,updateStepHandler:U,onVerifyOtp:kt,onResendOtp:wt,handleOnConnectClick:At,updateQBOPopupState:vt,onUpdateStep:Fe,onAddressEditHandler:Vt}=Ae,$t=Zt(),s=en({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Qe(f,f.allNationalityCountries),values:Qe(f,f.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),q=p.useCallback(()=>{const e=[];return(s.getFieldState(Z).error!=null||s.getFieldState(u).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);p.useEffect(()=>{const e=q();N?.(e)},[q,N]),p.useEffect(()=>{const e=s.watch((n,{name:o,type:i})=>{o!=null&&(i==="change"||i==="blur")&&me(()=>{const d=q();N?.(d)})});return()=>e.unsubscribe()},[s,q,N]);const Xe=e=>{Ge(e)},Oe=p.useRef(""),Dt=e=>{Oe.current=e;const n=Object.values(f.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,o=n<0?0:n;s.clearErrors(`${C}.${o}.phone`)},Ge=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${X}.phone`):Ot(e)},{companyView:se,companyDetailsLocalData:g,companyOfficerLocalData:H,currentStep:a,completedSteps:Ze,saveStatus:O,allSteps:h,allRequiredStepsCompleted:Te,paymentAccount:M,paymentAccountStatus:et,externalConnections:_e,plaidConnectionDetails:Ee,uiState:je,allNationalityCountries:Le,pendingSaveDetails:{companyDetails:Nt,officer:Ft},subscriptionBillingAddress:J}=f,X=Object.values(H).findIndex(e=>e?.isSelectedForVerification===!0)??0,_=`Officer_${X<0?1:X+1}`,Tt=se?.companyOfficers.slice(0,10).sort((e,n)=>e.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Be=H[_]?.userId!=null?Tt?.find(e=>e.user.userId===H[_]?.userId)?.address:null,tt=H[_]?.addressStatus?.addressToCreate,ke=se?.companyAddress,nt=g?.addressStatus?.addressToCreate,Re=se?.registeredAddress,at=g?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:_t,common:S}=ce,{footer:Et,steps:jt}=_t,{buttons:ot}=Et,st=jt[a],ze=h.length,ie=He(O.fetchState),E=He(a);function Lt(){return _e?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Ee).some(d=>d.fetchStatus.fetchState==="Completed"),n=M?.providerVerificationStatus?.code?.includes("verified")??!1,o=I.cardsList.length>0,i=I.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&n||!n&&!M&&o||!o&&!M&&i};function it(){if(s.getFieldState(u).error)return!1;const e=s.getValues(u),n=J?.street.join("").trim(),o=J?.city,i=J?.state,d=J?.country,k=J?.postalCode!=null&&J.postalCode||e.postalCode||S.strings.empty;return!!n&&!!o&&!!i&&!!d&&!!k}const rt=He(M?.providerVerificationStatus?.code);p.useEffect(()=>{rt==="pending_manual_verification"&&M?.providerVerificationStatus?.code==="manually_verified"&&y.trackOnboardingBankAccountVerified("manual")},[y,M?.providerVerificationStatus?.code,rt]);const Bt=async(e,n)=>{if(e.includes(j))xe?.(n[j]);else if(e.includes(C))D?.(n[C]);else if(e.includes(u)&&n[u]!=null){const o=s.getValues(`${u}`).country;let i=n[u];if(e.includes(`${u}.street`)&&n[u].street!=null){const{addressValue:d}=n[u].street,k=xt(d?.country);i={street:n[u].street??S.strings.empty,city:d?.locality??S.strings.empty,state:d?.administrativeAreaLevel1??S.strings.empty,country:k,countryCode:d?.countryCode??S.strings.empty,postalCode:d?.postalCode??S.strings.empty,secondaryInfo:n[u].secondaryInfo,suite:n[u].suite},o.selectedOption!==k.selectedOption&&(i={...i,country:k})}else e===`${u}.country`&&o.selectedOption!=null?i={...i,countryCode:yt(o.selectedOption)}:o.selectedOption!=null&&e.includes(`${u}.street`)===!1&&(i={...i,countryCode:yt(o.selectedOption)});Vt(i)}};p.useEffect(()=>{const e=s.watch((n,{name:o})=>{o!=null&&n!=null&&me(()=>Bt(o,n))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{ie==="In-Progress"&&O.fetchState==="Completed"&&(s.reset(Qe(f,Le),{keepDirtyValues:!1}),E==="company_details"&&a==="link_payment_account"&&!h.includes("qbo_connection")&&!f.qboConnected&&Se())},[s,f,ie,O.fetchState,Le,E,a,h,Se]),p.useEffect(()=>{Ce&&ie==="In-Progress"&&O.fetchState==="Completed"&&(De(),y.track(mt.Event.onboardingSkipAndSave))},[ie,Ce,O.fetchState,De]),p.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&O.fetchState==="Completed"&&(U(te.fromStep,te.stepDirection,!0),Y(null))},[te,ie,O.fetchState,U]),p.useLayoutEffect(()=>{E!=null&&E!==a&&(h.indexOf(E)===h.indexOf(a)-1||h.indexOf(E)===ze-1&&h.indexOf(a)===0?R!=="next"&&z("next"):(h.indexOf(E)-1===h.indexOf(a)||h.indexOf(E)===0&&h.indexOf(a)===ze-1)&&R!=="previous"&&z("previous"))},[h,a,E,R,ze]);const ct=()=>{const e=H[_];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},Rt=!Me(tt!=null?Q.getFormattedAddress(tt):null,Be!=null?Q.getFormattedAddress(Be):null),zt=!Me(nt!=null?Q.getFormattedAddress(nt):null,ke!=null?Q.getFormattedAddress(ke):null),Ut=!Me(at!=null?Q.getFormattedAddress(at):null,Re!=null?Q.getFormattedAddress(Re):null),qt=s.getFieldState(j).isDirty||zt||Ut||Nt,Ue=s.getFieldState(C).isDirty&&ct()||Rt||Ft,lt=s.getFieldState(`${u}`).isDirty,Ht=g?.primaryContactLocalData,Mt=()=>{U(a,"previous",!0)},Qt=()=>{const e=s.getValues(u),n={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??S.strings.empty,secondaryInfo:e.secondaryInfo};y.trackOnboardingBillingAddressSave(n)},Kt=()=>{switch(Pe(!1),a){case"link_payment_account":lt?setTimeout(()=>{const e=q();N?.(e),it()&&lt?(Qt(),Ne(_,!1,!0),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):U(a,"next",!0)},200):U(a,"next",!0);break;case"qbo_connection":U(a,"next",!0);break;case"company_officer":if(Ue){const e=dt();if(me(()=>{const n=q();N?.(n)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const n=s.formState.errors[C]?.[X<0?0:X],o=n?.phone,i=n!=null&&Object.keys(n).some(d=>d!=="phone"&&n[d]!=null);if(o!=null&&!i){Xe(e.phoneNumber);return}}e.isValid&&(Ne(_,!1,!1),y.trackOnboardingCompanyOfficerSave(pt(),{legalName:g?.companyLegalName}),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else U(a,"next",!0);break;case"company_details":Pe(!0);{const e=!(it()&&ue()),n=!Lt()&&h.includes("qbo_connection");if(e||n){e&&(s.trigger(`${Z}`),s.trigger(`${u}`)),n&&s.trigger(ge),me(()=>{const o=q();N?.(o)}),e?Fe("link_payment_account"):n&&Fe("qbo_connection");return}}if(qt||Ue||!Ht?.email){const e=Yt(),n=Ue?dt():{isValid:!0};me(()=>{const o=q();N?.(o)}),e&&n.isValid?(Te&&(B(!0),Jt()),Ne(_,!Te,!1),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):n.isValid||Fe("company_officer")}else Te?Wt():U(a,"next",!0);break}},Wt=()=>{O.fetchState!=="In-Progress"&&(De(),y.track(mt.Event.onboardingSkipAndSave))},dt=()=>{const e=H[_],n=e?.email??S.strings.empty,o=e?.phone??S.strings.empty,i=e?.ssn??S.strings.empty,d=e?.ownershipInCompany,k=X<0?0:X,Gt=!!e?.firstName&&!!e?.lastName;let G=!0,ut=!1;return n&&!Gt&&(s.trigger([`${C}.${k}.name.firstName`,`${C}.${k}.name.lastName`],{shouldFocus:a==="company_officer"}),G=!1),(!n&&ct()||ht.test(n)===!1)&&(s.trigger(`${C}.${k}.email`,{shouldFocus:a==="company_officer"}),G=!1),o&&ye(o)===!1&&(s.trigger(`${C}.${k}.phone`,{shouldFocus:a==="company_officer"}),G=!1),o&&ye(o)===!0&&x==="unit"&&(Oe.current!==""&&o===Oe.current||(ut=!0,s.setError(`${C}.${k}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),G=!1)),d!=null&&d>100&&(s.trigger(`${C}.${k}.ownership`,{shouldFocus:a==="company_officer"}),G=!1),i&&dn.test(i)===!1&&(s.trigger(`${C}.${k}.ssn`,{shouldFocus:a==="company_officer"}),G=!1),{isValid:G,needsOtp:ut,phoneNumber:o}},Yt=()=>{const e=g?.website?.toString()??S.strings.empty,n=g?.phone??S.strings.empty,o=g?.taxIdOrEIN??S.strings.empty,i=g?.primaryContactLocalData?.email??S.strings.empty;let d=!0;return e&&gt.test(e)===!1&&(s.trigger(`${j}.companyWebsite`,{shouldFocus:a==="company_details"}),d=!1),gt.lastIndex=0,n&&ye(n)===!1&&(s.trigger(`${j}.companyPhone`,{shouldFocus:a==="company_details"}),d=!1),(!i||ht.test(i)===!1)&&(s.trigger(`${j}.primaryContactEmail`,{shouldFocus:a==="company_details"}),d=!1),o&&ln.test(o)===!1&&(s.trigger(`${j}.companyTaxId`,{shouldFocus:a==="company_details"}),d=!1),d},pt=()=>{const e=H[_];return{email:e?.email??S.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?Q.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Jt=()=>{const e=g?.primaryContactLocalData;y.trackBusinessVerificationSave(pt(),{companyDescription:g?.companyDescription,legalName:g?.companyLegalName,phone:g?.phone,website:g?.website?.toString(),industry:g?.companyIndustry??S.strings.empty,formattedAddress:g?.addressStatus?.addressToCreate!=null?Q.getFormattedAddress(g?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[qe,Xt]=p.useState(!1);return r.jsxs(vn,{children:[r.jsxs(Vn,{windowSize:L,children:[h.indexOf(a)>=0?r.jsx(tn,{title:st.sectionTitle,showBackButton:!1,backgroundColor:$t.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx($n,{windowSize:L,children:r.jsx(Nn,{windowSize:L,children:r.jsx(Dn,{})})}),r.jsx(nn,{...s,children:r.jsx(Tn,{id:On(Pt),children:h.map(e=>{let n;n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:M,accountStatus:et,plaidConnectionDetails:Ee,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:I,resetCardPaymentViewState:ee,updateCardPaymentModalState:F,cardSetupInProgress:qe,subscriptionBillingAddressSectionId:u});let o=ve;switch(e){case"link_payment_account":n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:M,accountStatus:et,plaidConnectionDetails:Ee,subscriptionBillingAddressSectionId:u,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:F,cardPaymentView:I,resetCardPaymentViewState:ee,cardSetupInProgress:qe,googleAPIKey:V,subscriptionBillingAddress:J});break;case"qbo_connection":n=r.jsx(In,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:_e?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:_e?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:At,updateQBOPopupState:vt}),o=Ve;break;case"company_officer":n=r.jsx(hn,{companyOfficerLocalData:H,allNationalityCountries:Le,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:w,companyTitles:A,isVerificationPopupOpen:T,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:wt,onOfficerAddressClick:i=>ne(i,Be?.addressId),updateFilesEntity:Je,onEditFileName:Ye,onDeleteFile:v,verifiedPhoneNumber:Oe.current,onPhoneVerified:Dt,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,triggerError:Ge}),o=$e;break;case"company_details":n=r.jsx(Cn,{fileProps:{...t,onEditFileName:Ye,onDeleteFile:v,updateFilesEntity:Je},sectionId:j,companyIndustries:f.companyIndustries,companyDetails:g,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:i=>{const d=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&d!=null?ne(i,d):ne(i,ke?.addressId)},onRegisteredAddressClick:i=>ne(i,Re?.addressId)}),o=W;break}return r.jsxs(Fn,{ref:o,isVisible:a===e,includeAnimation:a==="link_payment_account"||a==="qbo_connection"?!je.isQBOPopupOpen:a==="company_officer"?!T:!0,paddingBottom:e==="company_details"||e==="company_officer"?K[6]:K[0],stepAnimationDirection:R,children:[h.indexOf(a)>=0?r.jsx(_n,{windowSize:L,children:st.sectionSubTitle}):null,n]},e)})})}),r.jsx(an,{formId:`${Pt}`,style:{width:L==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Kt,label:a==="company_details"?S.footer.submit:ot.next,isLoading:O.fetchState==="In-Progress",isDisabled:O.fetchState==="In-Progress"},cancelBtn:{onClick:Mt,label:ot.back,isDisabled:O.fetchState==="In-Progress"||h.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(un,{handleConfirmCardSetupIntent:$,updateCardPaymentModalState:F,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:I,stripeKey:m,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:we,cardSetupInProgress:qe,setCardSetupInProgress:Xt})]})},wn=It`
+`,In=({isValid:t,sectionId:w="onboardingQboConnection",...c})=>{const{register:f}=rn();return r.jsxs(Pn,{children:[r.jsx(xn,{type:"hidden",...f(`${w}.connected`,{validate:A=>A==="true"}),value:t?"true":"false"}),r.jsx(gn,{isValid:t,...c})]})},j="companyDetails",C="companyOfficer",Z="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",u="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new fe(343,580,726,826),topNavBarHeight:new fe(52,52,63),topNavBarLeftRightSpace:new fe(M[5],M[9],112),subTitlePaddingTop:new fe(M[3],M[3]),subTitlePaddingBottom:new fe(M[3],M[3])},On=t=>`${t}_form`,ce=We.getLocalizedStrings(),kn=({fileProps:t,isRefreshingViewInBackground:w,isAdmin:c,onboardingCustomerView:f,companyTitles:A,connectedAccountProvider:x,analytics:y,cardPaymentView:I,stripeKey:m,googleAPIKey:V,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:$,updateCardPaymentModalState:N,handleAddCardPaymentSource:b,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:we,redirectToProductSuitePage:Se,onFormErrorsChange:F,...Ae})=>{const L=Me(),ve=p.useRef(null),Ve=p.useRef(null),W=p.useRef(null),$e=p.useRef(null),[Ce,B]=p.useState(!1),[R,z]=p.useState("next"),[T,be]=p.useState(!1),[le,Pe]=p.useState(!1),[te,Y]=p.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:xe,onCompanyOfficerUpdated:D,onFetchLinkTokenClick:Ie,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:v,onEditFileName:Ye,updateFilesEntity:Xe,onGetOtp:Ot,onSkipSetupClick:De,onUpdateCustomerView:Fe,updateStepHandler:U,onVerifyOtp:kt,onResendOtp:wt,handleOnConnectClick:At,updateQBOPopupState:vt,onUpdateStep:Ne,onAddressEditHandler:Vt}=Ae,$t=Zt(),s=en({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Ke(f,f.allNationalityCountries),values:Ke(f,f.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),q=p.useCallback(()=>{const e=[];return(s.getFieldState(Z).error!=null||s.getFieldState(u).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);p.useEffect(()=>{const e=q();F?.(e)},[q,F]),p.useEffect(()=>{const e=s.watch((n,{name:o,type:i})=>{o!=null&&(i==="change"||i==="blur")&&me(()=>{const d=q();F?.(d)})});return()=>e.unsubscribe()},[s,q,F]);const Ge=e=>{Je(e)},Oe=p.useRef(""),Dt=e=>{Oe.current=e;const n=Object.values(f.companyOfficerLocalData).findIndex(i=>i?.isSelectedForVerification===!0)??0,o=n<0?0:n;s.clearErrors(`${C}.${o}.phone`)},Je=e=>{e!=null&&!ye(e)?s.trigger(`${C}.${G}.phone`):Ot(e)},{companyView:se,companyDetailsLocalData:g,companyOfficerLocalData:Q,currentStep:a,completedSteps:Ze,saveStatus:O,allSteps:h,allRequiredStepsCompleted:Te,paymentAccount:H,paymentAccountStatus:et,externalConnections:_e,plaidConnectionDetails:Ee,uiState:je,allNationalityCountries:Le,pendingSaveDetails:{companyDetails:Ft,officer:Nt},subscriptionBillingAddress:X}=f,G=Object.values(Q).findIndex(e=>e?.isSelectedForVerification===!0)??0,_=`Officer_${G<0?1:G+1}`,Tt=se?.companyOfficers.slice(0,10).sort((e,n)=>e.user.createTime?.isAfter(n.user.createTime)===!0?1:-1),Be=Q[_]?.userId!=null?Tt?.find(e=>e.user.userId===Q[_]?.userId)?.address:null,tt=Q[_]?.addressStatus?.addressToCreate,ke=se?.companyAddress,nt=g?.addressStatus?.addressToCreate,Re=se?.registeredAddress,at=g?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:_t,common:S}=ce,{footer:Et,steps:jt}=_t,{buttons:ot}=Et,st=jt[a],ze=h.length,ie=Qe(O.fetchState),E=Qe(a);function Lt(){return _e?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Ee).some(d=>d.fetchStatus.fetchState==="Completed"),n=H?.providerVerificationStatus?.code?.includes("verified")??!1,o=I.cardsList.length>0,i=I.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&n||!n&&!H&&o||!o&&!H&&i};function it(){if(s.getFieldState(u).error)return!1;const e=s.getValues(u),n=X?.street.join("").trim(),o=X?.city,i=X?.state,d=X?.country,k=X?.postalCode!=null&&X.postalCode||e.postalCode||S.strings.empty;return!!n&&!!o&&!!i&&!!d&&!!k}const rt=Qe(H?.providerVerificationStatus?.code);p.useEffect(()=>{rt==="pending_manual_verification"&&H?.providerVerificationStatus?.code==="manually_verified"&&y.trackOnboardingBankAccountVerified("manual")},[y,H?.providerVerificationStatus?.code,rt]);const Bt=async(e,n)=>{if(e.includes(j))xe?.(n[j]);else if(e.includes(C))D?.(n[C]);else if(e.includes(u)&&n[u]!=null){const o=s.getValues(`${u}`).country;let i=n[u];if(e.includes(`${u}.street`)&&n[u].street!=null){const{addressValue:d}=n[u].street,k=xt(d?.country);i={street:n[u].street??S.strings.empty,city:d?.locality??S.strings.empty,state:d?.administrativeAreaLevel1??S.strings.empty,country:k,countryCode:d?.countryCode??S.strings.empty,postalCode:d?.postalCode??S.strings.empty,secondaryInfo:n[u].secondaryInfo,suite:n[u].suite},o.selectedOption!==k.selectedOption&&(i={...i,country:k})}else e===`${u}.country`&&o.selectedOption!=null?i={...i,countryCode:yt(o.selectedOption)}:o.selectedOption!=null&&e.includes(`${u}.street`)===!1&&(i={...i,countryCode:yt(o.selectedOption)});Vt(i)}};p.useEffect(()=>{const e=s.watch((n,{name:o})=>{o!=null&&n!=null&&me(()=>Bt(o,n))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{ie==="In-Progress"&&O.fetchState==="Completed"&&(s.reset(Ke(f,Le),{keepDirtyValues:!1}),E==="company_details"&&a==="link_payment_account"&&!h.includes("qbo_connection")&&!f.qboConnected&&Se())},[s,f,ie,O.fetchState,Le,E,a,h,Se]),p.useEffect(()=>{Ce&&ie==="In-Progress"&&O.fetchState==="Completed"&&(De(),y.track(mt.Event.onboardingSkipAndSave))},[ie,Ce,O.fetchState,De]),p.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&O.fetchState==="Completed"&&(U(te.fromStep,te.stepDirection,!0),Y(null))},[te,ie,O.fetchState,U]),p.useLayoutEffect(()=>{E!=null&&E!==a&&(h.indexOf(E)===h.indexOf(a)-1||h.indexOf(E)===ze-1&&h.indexOf(a)===0?R!=="next"&&z("next"):(h.indexOf(E)-1===h.indexOf(a)||h.indexOf(E)===0&&h.indexOf(a)===ze-1)&&R!=="previous"&&z("previous"))},[h,a,E,R,ze]);const ct=()=>{const e=Q[_];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},Rt=!He(tt!=null?K.getFormattedAddress(tt):null,Be!=null?K.getFormattedAddress(Be):null),zt=!He(nt!=null?K.getFormattedAddress(nt):null,ke!=null?K.getFormattedAddress(ke):null),Ut=!He(at!=null?K.getFormattedAddress(at):null,Re!=null?K.getFormattedAddress(Re):null),qt=s.getFieldState(j).isDirty||zt||Ut||Ft,Ue=s.getFieldState(C).isDirty&&ct()||Rt||Nt,lt=s.getFieldState(`${u}`).isDirty,Qt=g?.primaryContactLocalData,Ht=()=>{U(a,"previous",!0)},Kt=()=>{const e=s.getValues(u),n={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??S.strings.empty,secondaryInfo:e.secondaryInfo};y.trackOnboardingBillingAddressSave(n)},Mt=()=>{switch(Pe(!1),a){case"link_payment_account":lt?setTimeout(()=>{const e=q();F?.(e),it()&&lt?(Kt(),Fe(_,!1,!0),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):U(a,"next",!0)},200):U(a,"next",!0);break;case"qbo_connection":U(a,"next",!0);break;case"company_officer":if(Ue){const e=dt();if(me(()=>{const n=q();F?.(n)}),e.needsOtp&&e.phoneNumber&&ye(e.phoneNumber)){const n=s.formState.errors[C]?.[G<0?0:G],o=n?.phone,i=n!=null&&Object.keys(n).some(d=>d!=="phone"&&n[d]!=null);if(o!=null&&!i){Ge(e.phoneNumber);return}}e.isValid&&(Fe(_,!1,!1),y.trackOnboardingCompanyOfficerSave(pt(),{legalName:g?.companyLegalName}),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else U(a,"next",!0);break;case"company_details":Pe(!0);{const e=!(it()&&ue()),n=!Lt()&&h.includes("qbo_connection");if(e||n){e&&(s.trigger(`${Z}`),s.trigger(`${u}`)),n&&s.trigger(ge),me(()=>{const o=q();F?.(o)}),e?Ne("link_payment_account"):n&&Ne("qbo_connection");return}}if(qt||Ue||!Qt?.email){const e=Yt(),n=Ue?dt():{isValid:!0};me(()=>{const o=q();F?.(o)}),e&&n.isValid?(Te&&(B(!0),Xt()),Fe(_,!Te,!1),Y({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):n.isValid||Ne("company_officer")}else Te?Wt():U(a,"next",!0);break}},Wt=()=>{O.fetchState!=="In-Progress"&&(De(),y.track(mt.Event.onboardingSkipAndSave))},dt=()=>{const e=Q[_],n=e?.email??S.strings.empty,o=e?.phone??S.strings.empty,i=e?.ssn??S.strings.empty,d=e?.ownershipInCompany,k=G<0?0:G,Jt=!!e?.firstName&&!!e?.lastName;let J=!0,ut=!1;return n&&!Jt&&(s.trigger([`${C}.${k}.name.firstName`,`${C}.${k}.name.lastName`],{shouldFocus:a==="company_officer"}),J=!1),(!n&&ct()||ht.test(n)===!1)&&(s.trigger(`${C}.${k}.email`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!1&&(s.trigger(`${C}.${k}.phone`,{shouldFocus:a==="company_officer"}),J=!1),o&&ye(o)===!0&&x==="unit"&&(Oe.current!==""&&o===Oe.current||(ut=!0,s.setError(`${C}.${k}.phone`,{type:"custom",message:ce.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),J=!1)),d!=null&&d>100&&(s.trigger(`${C}.${k}.ownership`,{shouldFocus:a==="company_officer"}),J=!1),i&&dn.test(i)===!1&&(s.trigger(`${C}.${k}.ssn`,{shouldFocus:a==="company_officer"}),J=!1),{isValid:J,needsOtp:ut,phoneNumber:o}},Yt=()=>{const e=g?.website?.toString()??S.strings.empty,n=g?.phone??S.strings.empty,o=g?.taxIdOrEIN??S.strings.empty,i=g?.primaryContactLocalData?.email??S.strings.empty;let d=!0;return e&&gt.test(e)===!1&&(s.trigger(`${j}.companyWebsite`,{shouldFocus:a==="company_details"}),d=!1),gt.lastIndex=0,n&&ye(n)===!1&&(s.trigger(`${j}.companyPhone`,{shouldFocus:a==="company_details"}),d=!1),(!i||ht.test(i)===!1)&&(s.trigger(`${j}.primaryContactEmail`,{shouldFocus:a==="company_details"}),d=!1),o&&ln.test(o)===!1&&(s.trigger(`${j}.companyTaxId`,{shouldFocus:a==="company_details"}),d=!1),d},pt=()=>{const e=Q[_];return{email:e?.email??S.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?K.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Xt=()=>{const e=g?.primaryContactLocalData;y.trackBusinessVerificationSave(pt(),{companyDescription:g?.companyDescription,legalName:g?.companyLegalName,phone:g?.phone,website:g?.website?.toString(),industry:g?.companyIndustry??S.strings.empty,formattedAddress:g?.addressStatus?.addressToCreate!=null?K.getFormattedAddress(g?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[qe,Gt]=p.useState(!1);return r.jsxs(vn,{children:[r.jsxs(Vn,{windowSize:L,children:[h.indexOf(a)>=0?r.jsx(tn,{title:st.sectionTitle,showBackButton:!1,backgroundColor:$t.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):r.jsx($n,{windowSize:L,children:r.jsx(Fn,{windowSize:L,children:r.jsx(Dn,{})})}),r.jsx(nn,{...s,children:r.jsx(Tn,{id:On(Pt),children:h.map(e=>{let n;n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:H,accountStatus:et,plaidConnectionDetails:Ee,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:I,resetCardPaymentViewState:ee,updateCardPaymentModalState:N,cardSetupInProgress:qe,subscriptionBillingAddressSectionId:u});let o=ve;switch(e){case"link_payment_account":n=r.jsx(St,{connectedAccountProvider:x,paymentAccount:H,accountStatus:et,plaidConnectionDetails:Ee,subscriptionBillingAddressSectionId:u,sectionId:Z,hasError:s.getFieldState(Z).error!=null||le&&!ue(),isValid:ue(),analytics:y,onFetchLinkTokenClick:Ie,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:N,cardPaymentView:I,resetCardPaymentViewState:ee,cardSetupInProgress:qe,googleAPIKey:V,subscriptionBillingAddress:X});break;case"qbo_connection":n=r.jsx(In,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:c,isValid:_e?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:_e?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:At,updateQBOPopupState:vt}),o=Ve;break;case"company_officer":n=r.jsx(hn,{companyOfficerLocalData:Q,allNationalityCountries:Le,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:C,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:w,companyTitles:A,isVerificationPopupOpen:T,setIsVerificationPopupOpen:be,onGetOtp:Ge,onVerifyOtp:kt,onResendOtp:wt,onOfficerAddressClick:i=>ne(i,Be?.addressId),updateFilesEntity:Xe,onEditFileName:Ye,onDeleteFile:v,verifiedPhoneNumber:Oe.current,onPhoneVerified:Dt,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,triggerError:Je}),o=$e;break;case"company_details":n=r.jsx(Cn,{fileProps:{...t,onEditFileName:Ye,onDeleteFile:v,updateFilesEntity:Xe},sectionId:j,companyIndustries:f.companyIndustries,companyDetails:g,isDisabled:O.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:i=>{const d=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&d!=null?ne(i,d):ne(i,ke?.addressId)},onRegisteredAddressClick:i=>ne(i,Re?.addressId)}),o=W;break}return r.jsxs(Nn,{ref:o,isVisible:a===e,includeAnimation:a==="link_payment_account"||a==="qbo_connection"?!je.isQBOPopupOpen:a==="company_officer"?!T:!0,paddingBottom:e==="company_details"||e==="company_officer"?M[6]:M[0],stepAnimationDirection:R,children:[h.indexOf(a)>=0?r.jsx(_n,{windowSize:L,children:st.sectionSubTitle}):null,n]},e)})})}),r.jsx(an,{formId:`${Pt}`,style:{width:L==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Mt,label:a==="company_details"?S.footer.submit:ot.next,isLoading:O.fetchState==="In-Progress",isDisabled:O.fetchState==="In-Progress"},cancelBtn:{onClick:Ht,label:ot.back,isDisabled:O.fetchState==="In-Progress"||h.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),r.jsx(un,{handleConfirmCardSetupIntent:$,updateCardPaymentModalState:N,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:b,cardPaymentView:I,stripeKey:m,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:we,cardSetupInProgress:qe,setCardSetupInProgress:Gt})]})},wn=It`
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -63,13 +63,13 @@ import{j as r,e as Ke,u as Zt,a as en,ca as me,M as We,a2 as He,I as mt,L as Me,
   align-items: center;
   text-align: center;
   width: ${t=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(t.windowSize)})`};
-`,Dn=P.div``,Nn=P.div`
+`,Dn=P.div``,Fn=P.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   min-height: ${t=>he.topNavBarHeight.valuePx(t.windowSize)};
-`,Fn=P.div`
+`,Nn=P.div`
   min-height: 100%;
   display: ${t=>t.isVisible?"flex":"none"};
   flex-direction: column;
@@ -94,7 +94,7 @@ import{j as r,e as Ke,u as Zt,a as en,ca as me,M as We,a2 as He,I as mt,L as Me,
   text-align: ${t=>t.windowSize==="small"?"initial":"center"};
   width: 100%;
   white-space: pre-line;
-`,Qe=(t,w)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:f,companyView:A}=t,x=ce.commonSetUp.businessVerification,y=ce.companyPassport,I=A?.companyOfficers!=null&&A?.companyOfficers.length>0;return{[j]:{companyDescription:c?.companyDescription??ce.common.strings.empty,ein:c?.companyFiles.find(m=>m.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:t.companyIndustries.map(m=>m.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(m=>m.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(m=>m.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:y.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(f).map((m,V)=>{const l=m,$=sn(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:xt(l?.nationalityCountryCode,w.map(F=>F.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:x.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:ft(!0,l?.userFiles??[],$),back:ft(!1,l?.userFiles??[],$),selectDocumentType:$},isSelectedForVerification:!I&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[u]:on(u,t?.subscriptionBillingAddress)[u],[ge]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},ia=t=>{const{onboardingCustomerView:w,cardPaymentView:c,signedInUser:f,currentTenant:A,isOnAddressPage:x,stripeKey:y,googleAPIKey:I,onUpdateStep:m,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:$,meetingUrl:F,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,handleFetchPaymentSources:Se,updateCardPaymentModalState:N,resetCardPaymentViewState:Ae,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,...Ve}=t,{allSteps:W,completedSteps:$e,halfCompletedSteps:Ce,currentStep:B,fetchStatus:R}=w,z=p.useRef(B),T=p.useRef(W),[be,le]=p.useState(!1),[Pe,te]=p.useState([]),Y={allSteps:W,isOnAddressPage:x,completedSteps:$e,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:B,fetchStatus:R,signedInUser:f,currentTenant:A,onUpdateStep:D=>{m(D)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:$,setIsStepClicked:le};p.useEffect(()=>{if(z.current!==B){const D=z.current;be===!0&&(b?.trackOnboardingCurrentStep(B,D),le(!1)),z.current=B}},[B,be,b]),p.useEffect(()=>{W.length!==T.current.length&&(T.current=W)},[W]);const ne=(D,Ie,de)=>{const ae=T.current.length,pe=T.current.indexOf(D);switch(Ie){case"next":{const oe=(pe+1)%ae,v=T.current[oe];z.current=v,m(v),de===!0?b.trackOnboardingNext(D,v):b.trackOnboardingCurrentStep(v,D);break}case"previous":{const oe=(pe+ae-1)%ae,v=T.current[oe];z.current=v,m(v),de===!0?b.trackOnboardingBack(D,v):b.trackOnboardingCurrentStep(v,D);break}}},xe=R.fetchState==="In-Progress"||R.fetchState==="Not-Started";return r.jsx(En,{isOnAddressPage:x,children:x?r.jsx(Ct,{...Y}):r.jsxs(jn,{children:[r.jsx(Ct,{...Y}),xe?r.jsx(mn,{isNoStepsPage:!1}):r.jsx(kn,{onboardingCustomerView:w,analytics:b,updateStepHandler:ne,onUpdateStep:m,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,updateCardPaymentModalState:N,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:Ae,stripeKey:y,googleAPIKey:I,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,onFormErrorsChange:te,...Ve}),xe?null:r.jsx(pn,{isFooterRendered:!0,meetingUrl:F,analytics:b,productType:"onboarding"})]})})},En=P.div`
+`,Ke=(t,w)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:f,companyView:A}=t,x=ce.commonSetUp.businessVerification,y=ce.companyPassport,I=A?.companyOfficers!=null&&A?.companyOfficers.length>0;return{[j]:{companyDescription:c?.companyDescription??ce.common.strings.empty,ein:c?.companyFiles.find(m=>m.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:t.companyIndustries.map(m=>m.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(m=>m.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(m=>m.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:y.companyIncInfo.allTypesOfIncorporation}},[C]:Object.values(f).map((m,V)=>{const l=m,$=sn(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:xt(l?.nationalityCountryCode,w.map(N=>N.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:x.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:ft(!0,l?.userFiles??[],$),back:ft(!1,l?.userFiles??[],$),selectDocumentType:$},isSelectedForVerification:!I&&V===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[u]:on(u,t?.subscriptionBillingAddress)[u],[ge]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},ia=t=>{const{onboardingCustomerView:w,cardPaymentView:c,signedInUser:f,currentTenant:A,isOnAddressPage:x,stripeKey:y,googleAPIKey:I,onUpdateStep:m,onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:$,meetingUrl:N,analytics:b,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,handleFetchPaymentSources:Se,updateCardPaymentModalState:F,resetCardPaymentViewState:Ae,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,...Ve}=t,{allSteps:W,completedSteps:$e,halfCompletedSteps:Ce,currentStep:B,fetchStatus:R}=w,z=p.useRef(B),T=p.useRef(W),[be,le]=p.useState(!1),[Pe,te]=p.useState([]),Y={allSteps:W,isOnAddressPage:x,completedSteps:$e,halfCompletedSteps:Ce,errorSteps:Pe,currentStep:B,fetchStatus:R,signedInUser:f,currentTenant:A,onUpdateStep:D=>{m(D)},onZeniLogoClick:V,handleLogOutClick:l,handleCockpitClick:$,setIsStepClicked:le};p.useEffect(()=>{if(z.current!==B){const D=z.current;be===!0&&(b?.trackOnboardingCurrentStep(B,D),le(!1)),z.current=B}},[B,be,b]),p.useEffect(()=>{W.length!==T.current.length&&(T.current=W)},[W]);const ne=(D,Ie,de)=>{const ae=T.current.length,pe=T.current.indexOf(D);switch(Ie){case"next":{const oe=(pe+1)%ae,v=T.current[oe];z.current=v,m(v),de===!0?b.trackOnboardingNext(D,v):b.trackOnboardingCurrentStep(v,D);break}case"previous":{const oe=(pe+ae-1)%ae,v=T.current[oe];z.current=v,m(v),de===!0?b.trackOnboardingBack(D,v):b.trackOnboardingCurrentStep(v,D);break}}},xe=R.fetchState==="In-Progress"||R.fetchState==="Not-Started";return r.jsx(En,{isOnAddressPage:x,children:x?r.jsx(Ct,{...Y}):r.jsxs(jn,{children:[r.jsx(Ct,{...Y}),xe?r.jsx(mn,{isNoStepsPage:!1}):r.jsx(kn,{onboardingCustomerView:w,analytics:b,updateStepHandler:ne,onUpdateStep:m,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:we,updateCardPaymentModalState:F,handleFetchPaymentSources:Se,cardPaymentView:c,resetCardPaymentViewState:Ae,stripeKey:y,googleAPIKey:I,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:ve,onFormErrorsChange:te,...Ve}),xe?null:r.jsx(pn,{isFooterRendered:!0,meetingUrl:N,analytics:b,productType:"onboarding"})]})})},En=P.div`
   display: flex;
   flex-direction: column;
   width: ${t=>t.isOnAddressPage?"fit-content":"100%"};

package/dist/assets/{CustomerOnboardingProductSuitePage-Cmwfbh1x-CqTz3Oek.js → CustomerOnboardingProductSuitePage-B4HtoU9G-k9fDWiOr.js}

@@ -1,4 +1,4 @@
-import{e as M,x as U,Y as D,u as W,M as _,j as e,aX as A,o as t,_ as y,aJ as H,l as I,y as R,d as V,f as l,v as k,h as J,T as N,c7 as Y,s as Z,af as q}from"./index-DHx5ymlr.js";import{b as n,n as i}from"./vendor-rkTZJa59.js";import Q from"./ConfettiBurst-Cu0ce9ZQ-B-O04vC2.js";import{D as X}from"./HelpButton-BkxT0f9t-BbQSDGRC.js";import{_ as G}from"./ProductsCarousel-B8KxzJsX-D-U3TnaP.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-2P6uhLqh-Bv6Y7JYF.js";const K=o=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},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=_.getLocalizedStrings(),De=({hasVerifiedBankAccount:o,meetingUrl:$,showUpdatePaymentDetailButton:u=!1,isVisitingFirstTime:b=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=M(),x=U().analytics,f=D(),L=f.loggedInUser,a=f.currentTenant,[w,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=S,O=W(),{customerOnboardingPage:c}=ee,p=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:F}=s,{isPayrollEnabled:h,isCfoEnabled:g,isTaxEnabled:m}=F;return h&&g&&m?[r.withTaxAndPayroll,r.withCFO]:h&&g?[r.withPayroll,r.withCFO]:h&&m?[r.taxAndPayroll]:g&&m?[r.withTax,r.withCFO]:h?[r.onlyPayroll]:g?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},B=s=>{if(v(),!s)return;let r="";o?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,I.getProductSettingsString(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(A,{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":y("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:u?e.jsxs(Ce,{"data-testid":y("update-to-payment-address-details"),onClick:()=>B(a),children:[e.jsx(ke,{}),e.jsx(je,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx($e,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:p(a).length>1?t.sp2:t.sp1,padding:p(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:p(a)[0]})]}),e.jsx(C,{children:p(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(G,{scale:1,showUpdatePaymentDetailButton:u,stopCarousel:w})}),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(me,{className:"discover-class"})]})]}),e.jsx(ue,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(H,{signedInUser:L,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(X,{isFooterRendered:!1,meetingUrl:$,analytics:x,productType:"onboarding_interim",showPopup:w,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:b})]})},te=i.div`
+import{e as M,x as U,Y as D,u as W,B as _,j as e,aX as A,o as t,$ as y,aJ as H,l as I,t as R,M as V,g as l,v as k,f as J,T as N,c7 as Y,r as Z,af as q}from"./index-Du1ejFtI.js";import{b as n,n as i}from"./vendor-rkTZJa59.js";import Q from"./ConfettiBurst-BvcmPG2b-ZMa2QlEG.js";import{D as X}from"./HelpButton-Dmp2RZDD-B2Rab4OD.js";import{_ as G}from"./ProductsCarousel-B4zdUn5q-DoM0qjnT.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-BJgsd-6e-BVSiedfG.js";const K=o=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},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=_.getLocalizedStrings(),De=({hasVerifiedBankAccount:o,meetingUrl:$,showUpdatePaymentDetailButton:u=!1,isVisitingFirstTime:b=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=M(),x=U().analytics,f=D(),L=f.loggedInUser,a=f.currentTenant,[w,P]=n.useState(!1),{handleLogOutClick:z,onZeniLogoClick:T,handleCockpitClick:E}=S,O=W(),{customerOnboardingPage:c}=ee,p=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:F}=s,{isPayrollEnabled:h,isCfoEnabled:g,isTaxEnabled:m}=F;return h&&g&&m?[r.withTaxAndPayroll,r.withCFO]:h&&g?[r.withPayroll,r.withCFO]:h&&m?[r.taxAndPayroll]:g&&m?[r.withTax,r.withCFO]:h?[r.onlyPayroll]:g?[r.onlyCFO]:m?[r.onlyTax]:[r.default]},B=s=>{if(v(),!s)return;let r="";o?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,I.getProductSettingsString(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(A,{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":y("zeni-logo-customer-onboarding-product-suite"),onClick:T})}),rightSideComponent:u?e.jsxs(Ce,{"data-testid":y("update-to-payment-address-details"),onClick:()=>B(a),children:[e.jsx(ke,{}),e.jsx(je,{className:"btnText",children:c.productSuite.updatePaymentDetails})]}):e.jsx($e,{})})}),e.jsxs(re,{windowSize:d,children:[e.jsx(ne,{style:{gap:p(a).length>1?t.sp2:t.sp1,padding:p(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:p(a)[0]})]}),e.jsx(C,{children:p(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(G,{scale:1,showUpdatePaymentDetailButton:u,stopCarousel:w})}),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(me,{className:"discover-class"})]})]}),e.jsx(ue,{children:e.jsxs(xe,{children:[e.jsx(fe,{windowSize:d,children:e.jsx(H,{signedInUser:L,currentTenant:a,onLogOutClick:z,onCockpitClick:E})}),e.jsx(X,{isFooterRendered:!1,meetingUrl:$,analytics:x,productType:"onboarding_interim",showPopup:w,setShowPopup:P})]})})]})}),e.jsx(Q,{showConfetti:b})]})},te=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;