@zeniai/web-cockpit-ui 1.15.24-qa → 1.15.25-dev

package/dist/assets/CustomerOnboardingNoStepsPage-BuWnQGPi-BSZV9BI0.js

@@ -0,0 +1,66 @@
+import{a8 as se,V as o,fB as Ce,J as Pe,d as be,a9 as we,aR as xe,cH as ke,bD as Ie,o as i,ab as Ae,ad as $e,aS as Ve,bo as ve,hP as Oe,F as Te,f1 as je,f2 as oe,ag as Le,y as J,am as Be,u as A}from"./index-BIYLqgct.js";import{n as c}from"./mui-rLvQ8A4a.js";import{a as $}from"./sentry-DhNwX3jk.js";import{r as Ue,t as _e}from"./PaymentAccountSetupBillingAddressSection-C026Xg59-Du1LULBI.js";import{f as ze}from"./CustomerOnboardingDetailPageSkeleton-DSqc1_bS-CATYZXta.js";import"./liveblocks-DXGUxn7J.js";import"./core-DQ8U4CJb.js";import"./recharts-BYppTjSs.js";import"./zeni-epic-state-DwkN4IvA.js";import"./lottie-C1yptpVV.js";import"./analytics-DkApCpAh.js";import"./lexical-CvUIM9vD.js";import"./utils-BdIPH7k8.js";import"./commonTypes-DP3nDhtI-D-fLD29s.js";import"./SetUpAccountSection-DiEFZwFL-DC1aQ-pj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="67257c6f-84ca-403a-9a87-5a8ca83c8fa0",e._sentryDebugIdIdentifier="sentry-dbid-67257c6f-84ca-403a-9a87-5a8ca83c8fa0")}catch{}})();const q="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",Q={titleWidth:new J(343,580,726,826),subTitlePaddingTop:new J(A[3],A[3]),subTitlePaddingBottom:new J(A[3],A[3])},De=e=>`${e}_form`,Ee=Te.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:v,googleAPIKey:O,signedInUser:P,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:B,updateCardPaymentModalState:b,handleAddCardPaymentSource:U,resetCardPaymentViewState:_,handleResetCardPaymentErrorStatuses:z,redirectToProductSuitePage:w,onUpdateCustomerView:D,...E})=>{const m=Pe(),F=se(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:N,handleLogOutClick:G,onZeniLogoClick:H,onAddressEditHandler:x}=E,W=be(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:V(e),values:V(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:g,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:y}=e,{customerOnboardingPage:ce,common:f}=Ee,{footer:ue,steps:pe}=ce,{buttons:Z}=ue,ee=pe.link_payment_account,I=xe(g.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,me=`Officer_${te<0?1:te+1}`,ge=async(t,a)=>{if(t.includes(n)&&a[n]!=null){const s=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,C=je(l?.country);d={street:a[n].street??f.strings.empty,city:l?.locality??f.strings.empty,state:l?.administrativeAreaLevel1??f.strings.empty,country:C,countryCode:l?.countryCode??f.strings.empty,postalCode:l?.postalCode??f.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},s.selectedOption!==C.selectedOption&&(d={...d,country:C})}else t===`${n}.country`&&s.selectedOption!=null?d={...d,countryCode:oe(s.selectedOption)}:s.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(s.selectedOption)});x(d)}};$.useEffect(()=>{const t=r.watch((a,{name:s})=>{s!=null&&a!=null&&ke(()=>ge(s,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&r.reset(V(e),{keepDirtyValues:!1})},[r,e,I,g.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??f.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=p.cardsList.length>0,d=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function fe(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=y?.street.join("").trim(),s=y?.city,d=y?.state,l=y?.country,C=y?.postalCode!=null&&y.postalCode||t.postalCode||f.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!C}const he=async()=>{const t=await r.trigger(n),a=await r.trigger(q);t&&a&&(ye(),j("link_payment_account"),D(me,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&g.fetchState==="Completed"&&(r.reset(V(e),{keepDirtyValues:!1}),w())},[r,e,I,g.fetchState,Y,w]);const[ae,Se]=$.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:m,children:[o.jsx(Ie,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:W.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:m!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(He,{children:o.jsx(We,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),o.jsx($e,{...r,children:o.jsx(Ne,{id:De(ie),children:o.jsxs(Re,{children:[o.jsx(Ze,{windowSize:m,children:ee.sectionSubTitle}),o.jsx(Ue,{connectedAccountProvider:u,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:q,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:N,updateCardPaymentModalState:b,cardPaymentView:p,resetCardPaymentViewState:_,cardSetupInProgress:ae,googleAPIKey:O,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx(Ve,{formId:`${ie}`,leftSideComponent:o.jsx(Ge,{windowSize:m,children:o.jsx(ve,{signedInUser:P,currentTenant:T,onLogOutClick:G})}),style:{width:m==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.sp2},primaryBtn:{onClick:he,label:Z.submit,isLoading:g.fetchState==="In-Progress",isDisabled:g.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:Z.submitText.replace("__action__",Z.submit),helperStyle:{width:"auto",padding:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(_e,{handleConfirmCardSetupIntent:B,updateCardPaymentModalState:b,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:U,cardPaymentView:p,stripeKey:v,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:z,cardSetupInProgress:ae,setCardSetupInProgress:Se})]})},Ke=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${i.sp0};
+  }
+`,Me=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize==="small"?"m":"w"}-${e.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${e=>e.theme.colors.grey4};
+  background-size: inherit;
+  background-attachment: fixed;
+  background-position: ${e=>e.windowSize==="small"?"center center":"right center"};
+  background-repeat: no-repeat;
+
+  ${e=>e.theme.breakpoints.down("lg")} {
+    background-size: cover;
+  }
+`,Re=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding-bottom: ${i.sp0};
+`,Ne=c.form`
+  padding-top: ${i.sp0};
+  flex: 1;
+`,Ge=c.div`
+  display: flex;
+  height: ${i.sp7};
+  left: ${i.sp4};
+  bottom: ${i.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,He=c.div`
+  display: flex;
+`,We=c(Le)`
+  height: ${i.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${i.sp4};
+`,Ze=c(Be)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>Q.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>Q.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Q.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+  width: 100%;
+`,V=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:Oe(n,e?.subscriptionBillingAddress)[n]}),ut=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:v,currentTenant:O,isOnAddressPage:P,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:B,onZeniLogoClick:b,handleLogOutClick:U,handleCockpitClick:_,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:D,updateCardPaymentModalState:E,resetCardPaymentViewState:m,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:R,fetchStatus:S}=u,N=se(),{analytics:G}=N,H={allSteps:M,isOnAddressPage:P,currentStep:R,fetchStatus:S,signedInUser:v,currentTenant:O,onUpdateStep:W=>{B(W)},onZeniLogoClick:b,handleLogOutClick:U,handleCockpitClick:_,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Je,{isOnAddressPage:P,children:[x?o.jsx(ze,{isNoStepsPage:!0}):o.jsx(Fe,{...H,onboardingCustomerView:u,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:E,handleFetchPaymentSources:D,cardPaymentView:p,resetCardPaymentViewState:m,stripeKey:T,googleAPIKey:j,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},Je=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`;export{ut as default};

package/dist/assets/CustomerOnboardingPage-Bl2oAvin-B7GmsFRo.js

@@ -0,0 +1,107 @@
+import{V as l,fB as tn,J as Ke,d as nn,a9 as an,cH as me,aR as Qe,w as yt,aF as We,bD as on,o as re,ad as sn,u as Y,aS as rn,hP as ln,gf as cn,fC as ft,f1 as Ot,F as Me,f2 as gt,y as ye,gi as fe,cL as dn,am as pn,hQ as ht,ae as St,cV as un,gh as mn}from"./index-BIYLqgct.js";import{a as m}from"./sentry-DhNwX3jk.js";import{n as P,k as wt}from"./mui-rLvQ8A4a.js";import{bi as j,Fp as yn,Fq as fn}from"./zeni-epic-state-DwkN4IvA.js";import{r as Ct,t as gn}from"./PaymentAccountSetupBillingAddressSection-C026Xg59-Du1LULBI.js";import{b as bt,f as hn,a as It}from"./CustomerOnboardingDetailPageSkeleton-DSqc1_bS-CATYZXta.js";import{z as Sn,r as Cn}from"./CompanyOfficerDetailsSection-5Gmlo5HX-mf8toy40.js";import{t as bn}from"./QBOSetupSection-CQHdqpJF-CH_S6Ewi.js";import"./liveblocks-DXGUxn7J.js";import"./core-DQ8U4CJb.js";import"./recharts-BYppTjSs.js";import"./lottie-C1yptpVV.js";import"./analytics-DkApCpAh.js";import"./lexical-CvUIM9vD.js";import"./utils-BdIPH7k8.js";import"./commonTypes-DP3nDhtI-D-fLD29s.js";import"./SetUpAccountSection-DiEFZwFL-DC1aQ-pj.js";import"./helper-Byvbf3nO-BTmT7Zux.js";import"./LabeledAddressValueField-DNGOSAvq-BXE6xS8k.js";import"./LabeledCountryMultiSelectField-B8Lbv837-DgWr30M7.js";import"./LabeledCreatableSingleSelectField-N1wb0l0p-Dc3bkr-e.js";import"./LabeledDocumentField-vSq1xSUM-C_0QT0Hr.js";import"./QBOConnectionDialog-B_AOC_hG-BSWcu79k.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]="1ecd6123-0fd5-4d61-b6ad-5dc9322ff98c",n._sentryDebugIdIdentifier="sentry-dbid-1ecd6123-0fd5-4d61-b6ad-5dc9322ff98c")}catch{}})();const In=({companyView:n,companyOfficerLocalData:C,allNationalityCountries:i,isVerificationPopupOpen:g,setIsVerificationPopupOpen:_,verifiedPhoneNumber:O,onPhoneVerified:h,...w})=>{const f=Ke(),A=n?.companyOfficers.slice(0,10).sort((I,ee)=>I.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(I=>I.user),{company_officer:c}=Me.getLocalizedStrings().customerOnboardingPage.sections,{title:v}=c,D=n?.company.company.featuresActivationInfo.connectedAccountProvider;return l.jsx(Pn,{children:l.jsx(Cn,{companyOfficerData:C,allOfficers:A??[],allNationalityCountries:i,sectionHeader:v,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:D,showInfoTooltip:f!=="small",showCompletedIcon:f==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:O,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:_,...w})})},Pn=P.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,On=({allNationalityCountries:n,fileProps:C,companyDetails:i,companyIndustries:g,sectionId:_,isCompleted:O,isDisabled:h,style:w,onCompanyAddressClick:f,onRegisteredAddressClick:A})=>{const c=Ke(),{company_details:v}=Me.getLocalizedStrings().customerOnboardingPage.sections,{title:D}=v;return l.jsx(wn,{children:l.jsx(Sn,{fileProps:C,companyDetails:i,sectionId:_,isDisabled:h,style:w,sectionHeader:D,productType:"onboarding",showInfoTooltip:c!=="small",showCompletedIcon:c==="small",isCompleted:O,allIndustries:g,allNationalityCountries:n,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","stateOfIncorporation","countriesOfOperations","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:f,onRegisteredAddressClick:A})})},wn=P.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,xn=P.div`
+  display: flex;
+`,kn=P.input`
+  display: none;
+`,_n=({isValid:n,sectionId:C="onboardingQboConnection",...i})=>{const{register:g}=dn();return l.jsxs(xn,{children:[l.jsx(kn,{type:"hidden",...g(`${C}.connected`,{validate:_=>_==="true"}),value:n?"true":"false"}),l.jsx(bn,{isValid:n,...i})]})},B="companyDetails",b="companyOfficer",Z="onboardingPaymentAccountSetupSection",Pt="customerOnboardingDetailPage",y="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new ye(343,580,726,826),topNavBarHeight:new ye(52,52,63),topNavBarLeftRightSpace:new ye(Y[5],Y[9],112),subTitlePaddingTop:new ye(Y[3],Y[3]),subTitlePaddingBottom:new ye(Y[3],Y[3])},Nn=n=>`${n}_form`,le=Me.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:C,isAdmin:i,onboardingCustomerView:g,companyTitles:_,connectedAccountProvider:O,analytics:h,cardPaymentView:w,stripeKey:f,googleAPIKey:A,handleCreateCardSetupIntent:c,handleConfirmCardSetupIntent:v,updateCardPaymentModalState:D,handleAddCardPaymentSource:I,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:Ne,redirectToProductSuitePage:Se,onFormErrorsChange:T,...ve})=>{const R=Ke(),De=m.useRef(null),Ve=m.useRef(null),K=m.useRef(null),Ae=m.useRef(null),[Ce,z]=m.useState(!1),[U,q]=m.useState("next"),[$,be]=m.useState(!1),[ce,Ie]=m.useState(!1),[te,M]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Pe,onCompanyOfficerUpdated:V,onFetchLinkTokenClick:Oe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:N,onEditFileName:Ge,updateFilesEntity:Je,onGetOtp:xt,onSkipSetupClick:Te,onUpdateCustomerView:Fe,updateStepHandler:H,onVerifyOtp:kt,onResendOtp:_t,handleOnConnectClick:Nt,updateQBOPopupState:vt,onUpdateStep:$e,onAddressEditHandler:Dt}=ve,Vt=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Ye(g,g.allNationalityCountries),values:Ye(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),Q=m.useCallback(()=>{const e=[];return(s.getFieldState(Z).error!=null||s.getFieldState(y).error!=null)&&e.push("link_payment_account"),s.getFieldState(ge).error!=null&&e.push("qbo_connection"),e},[s]);m.useEffect(()=>{const e=Q();T?.(e)},[Q,T]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:r})=>{a!=null&&(r==="change"||r==="blur")&&me(()=>{const u=Q();T?.(u)})});return()=>e.unsubscribe()},[s,Q,T]);const Xe=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Ze,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Ee,paymentAccount:W,paymentAccountStatus:et,externalConnections:Le,plaidConnectionDetails:je,uiState:Be,allNationalityCountries:we,pendingSaveDetails:{companyDetails:At,officer:Tt},subscriptionBillingAddress:G}=g,xe=m.useRef(""),Ft=e=>{xe.current=e;const t=Object.values(g.companyOfficerLocalData).findIndex(r=>r?.isSelectedForVerification===!0)??0,a=t<0?0:t;s.clearErrors(`${b}.${a}.phone`)},tt=e=>{e!=null&&!fe(e)?s.trigger(`${b}.${J}.phone`):xt(e)},J=Object.values(E).findIndex(e=>e?.isSelectedForVerification===!0)??0,F=`Officer_${J<0?1:J+1}`,$t=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),Re=E[F]?.userId!=null?$t?.find(e=>e.user.userId===E[F]?.userId)?.address:null,nt=E[F]?.addressStatus?.addressToCreate,ke=se?.companyAddress,at=d?.addressStatus?.addressToCreate,ze=se?.registeredAddress,ot=d?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:Et,common:p}=le,{footer:Lt,steps:jt}=Et,{buttons:st}=Lt,it=jt[o],Ue=S.length,ie=Qe(x.fetchState),L=Qe(o);function Bt(){return Le?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(je).some(u=>u.fetchStatus.fetchState==="Completed"),t=W?.providerVerificationStatus?.code?.includes("verified")??!1,a=w.cardsList.length>0,r=w.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!W&&a||!a&&!W&&r};function rt(){if(s.getFieldState(y).error)return!1;const e=s.getValues(y),t=G?.street.join("").trim(),a=G?.city,r=G?.state,u=G?.country,k=G?.postalCode!=null&&G.postalCode||e.postalCode||p.strings.empty;return!!t&&!!a&&!!r&&!!u&&!!k}const lt=Qe(W?.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[F],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(()=>{lt==="pending_manual_verification"&&W?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,W?.providerVerificationStatus?.code,lt]);const Ut=async(e,t)=>{if(e.includes(B))Pe?.(t[B]);else if(e.includes(b))V?.(t[b]);else if(e.includes(y)&&t[y]!=null){const a=s.getValues(`${y}`).country;let r=t[y];if(e.includes(`${y}.street`)&&t[y].street!=null){const{addressValue:u}=t[y].street,k=Ot(u?.country);r={street:t[y].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[y].secondaryInfo,suite:t[y].suite},a.selectedOption!==k.selectedOption&&(r={...r,country:k})}else e===`${y}.country`&&a.selectedOption!=null?r={...r,countryCode:gt(a.selectedOption)}:a.selectedOption!=null&&e.includes(`${y}.street`)===!1&&(r={...r,countryCode:gt(a.selectedOption)});Dt(r)}};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(Ye(g,we),{keepDirtyValues:!1}),L==="company_details"&&o==="link_payment_account"&&!S.includes("qbo_connection")&&!g.qboConnected&&Se())},[s,g,ie,x.fetchState,we,L,o,S,Se]),m.useEffect(()=>{Ce&&ie==="In-Progress"&&x.fetchState==="Completed"&&(Te(),h.track(yt.Event.onboardingSkipAndSave))},[ie,Ce,x.fetchState,Te]),m.useEffect(()=>{te?.shouldNavigate===!0&&ie==="In-Progress"&&x.fetchState==="Completed"&&(M(null),H(te.fromStep,te.stepDirection,!0))},[te,ie,x.fetchState,H]),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 ct=()=>{const e=E[F];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=!We(nt!=null?j(nt):null,Re!=null?j(Re):null),Ht=!We(at!=null?j(at):null,ke!=null?j(ke):null),Qt=!We(ot!=null?j(ot):null,ze!=null?j(ze):null),Wt=s.getFieldState(B).isDirty||Ht||Qt||At,qe=s.getFieldState(b).isDirty&&ct()||qt||Tt,dt=s.getFieldState(`${y}`).isDirty,_e=d?.primaryContactLocalData,Yt=()=>{H(o,"previous",!0)},Kt=()=>{const e=s.getValues(y),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)},Mt=()=>{switch(Ie(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=Q();T?.(e),rt()&&dt?(Kt(),Fe(F,!1,!0),M({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):H(o,"next",!0)},200):H(o,"next",!0);break;case"qbo_connection":H(o,"next",!0);break;case"company_officer":if(qe){const e=pt();if(me(()=>{const t=Q();T?.(t)}),e.needsOtp&&e.phoneNumber&&fe(e.phoneNumber)){const t=s.formState.errors[b]?.[J<0?0:J],a=t?.phone,r=t!=null&&Object.keys(t).some(u=>u!=="phone"&&t[u]!=null);if(a!=null&&!r){Xe(e.phoneNumber);return}}e.isValid&&(Fe(F,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},zt()),M({fromStep:o,shouldNavigate:!0,stepDirection:"next"}))}else H(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(`${Z}`),s.trigger(`${y}`)),t&&s.trigger(ge),me(()=>{const a=Q();T?.(a)}),e?$e("link_payment_account"):t&&$e("qbo_connection");return}}if(Wt||qe||!_e?.email){const e=Jt(),t=qe?pt():{isValid:!0};me(()=>{const a=Q();T?.(a)}),e&&t.isValid?(Ee&&(z(!0),Xt()),Fe(F,!Ee,!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:_e?.firstName,lastName:_e?.lastName,email:_e?.email}),M({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||$e("company_officer")}else Ee?Gt():H(o,"next",!0);break}},Gt=()=>{x.fetchState!=="In-Progress"&&(Te(),h.track(yt.Event.onboardingSkipAndSave))},pt=()=>{const e=E[F],t=e?.email??p.strings.empty,a=e?.phone??p.strings.empty,r=e?.ssn??p.strings.empty,u=e?.ownershipInCompany,k=J<0?0:J,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&&ct()||St.test(t)===!1)&&(s.trigger(`${b}.${k}.email`,{shouldFocus:o==="company_officer"}),X=!1),a&&fe(a)===!1&&(s.trigger(`${b}.${k}.phone`,{shouldFocus:o==="company_officer"}),X=!1),a&&fe(a)===!0&&O==="unit"&&(xe.current!==""&&a===xe.current||(mt=!0,s.setError(`${b}.${k}.phone`,{type:"custom",message:le.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:o==="company_officer"}),X=!1)),u!=null&&u>100&&(s.trigger(`${b}.${k}.ownership`,{shouldFocus:o==="company_officer"}),X=!1),r&&mn.test(r)===!1&&(s.trigger(`${b}.${k}.ssn`,{shouldFocus:o==="company_officer"}),X=!1),{isValid:X,needsOtp:mt,phoneNumber:a}},Jt=()=>{const e=d?.website?.toString()??p.strings.empty,t=d?.phone??p.strings.empty,a=d?.taxIdOrEIN??p.strings.empty,r=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&&fe(t)===!1&&(s.trigger(`${B}.companyPhone`,{shouldFocus:o==="company_details"}),u=!1),(!r||St.test(r)===!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[F];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")},[He,Zt]=m.useState(!1);return l.jsxs(An,{children:[l.jsxs(Tn,{windowSize:R,children:[S.indexOf(o)>=0?l.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:Vt.colors.grey4,style:{zIndex:4},showLeftSection:R!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):l.jsx(Fn,{windowSize:R,children:l.jsx(En,{windowSize:R,children:l.jsx($n,{})})}),l.jsx(sn,{...s,children:l.jsx(jn,{id:Nn(Pt),children:S.map(e=>{let t;t=l.jsx(Ct,{connectedAccountProvider:O,paymentAccount:W,accountStatus:et,plaidConnectionDetails:je,sectionId:Z,hasError:s.getFieldState(Z).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,cardPaymentView:w,resetCardPaymentViewState:ee,updateCardPaymentModalState:D,cardSetupInProgress:He,subscriptionBillingAddressSectionId:y});let a=De;switch(e){case"link_payment_account":t=l.jsx(Ct,{connectedAccountProvider:O,paymentAccount:W,accountStatus:et,plaidConnectionDetails:je,subscriptionBillingAddressSectionId:y,sectionId:Z,hasError:s.getFieldState(Z).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:D,cardPaymentView:w,resetCardPaymentViewState:ee,cardSetupInProgress:He,googleAPIKey:A,subscriptionBillingAddress:G});break;case"qbo_connection":t=l.jsx(_n,{sectionId:ge,hasError:s.getFieldState(ge).error!=null,isAdmin:i,isValid:Le?.accounting[0]?.isValid??!1,companyName:se?.company.company.companyInfo.companyLegalName,saveConnectionState:Le?.saveConnectionState,isQBOPopupOpen:Be.isQBOPopupOpen,handleOnConnectClick:Nt,updateQBOPopupState:vt}),a=Ve;break;case"company_officer":t=l.jsx(In,{companyOfficerLocalData:E,allNationalityCountries:we,isCompleted:Ze.includes("company_officer"),companyView:se,sectionId:b,filesEndPoint:n.filesEndPoint,authParams:n.authParams,isRefreshingViewInBackground:C,companyTitles:_,isVerificationPopupOpen:$,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:_t,onOfficerAddressClick:r=>ne(r,Re?.addressId),updateFilesEntity:Je,onEditFileName:Ge,onDeleteFile:N,verifiedPhoneNumber:xe.current,onPhoneVerified:Ft,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=Ae;break;case"company_details":t=l.jsx(On,{fileProps:{...n,onEditFileName:Ge,onDeleteFile:N,updateFilesEntity:Je},allNationalityCountries:we,sectionId:B,companyIndustries:g.companyIndustries,companyDetails:d,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ze.includes("company_details"),onCompanyAddressClick:r=>{const u=se?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;ke?.addressId==null&&u!=null?ne(r,u):ne(r,ke?.addressId)},onRegisteredAddressClick:r=>ne(r,ze?.addressId)}),a=K;break}return l.jsxs(Ln,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!Be.isQBOPopupOpen:o==="company_officer"?!$:!0,paddingBottom:e==="company_details"||e==="company_officer"?Y[6]:Y[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?l.jsx(Bn,{windowSize:R,children:it.sectionSubTitle}):null,t]},e)})})}),l.jsx(rn,{formId:`${Pt}`,style:{width:R==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Mt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Yt,label:st.back,isDisabled:x.fetchState==="In-Progress"||S.indexOf(o)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),l.jsx(gn,{handleConfirmCardSetupIntent:v,updateCardPaymentModalState:D,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:I,cardPaymentView:w,stripeKey:f,isCardPaymentOpen:Be.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:Ne,cardSetupInProgress:He,setCardSetupInProgress:Zt})]})},Dn=wt`
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+`,Vn=wt`
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+`,An=P.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: calc(100% - ${It}px);
+  padding-left: ${It}px;
+  flex: 1;
+
+  ${n=>n.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${re.sp0};
+  }
+`,Tn=P.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  width: 100%;
+  min-height: 100vh;
+  background-image: ${n=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${n.windowSize==="small"?"m":"w"}-${n.theme.mode==="dark"?"d":"l"}.svg)`};
+  background-color: ${n=>n.theme.colors.grey4};
+  background-size: inherit;
+  background-attachment: fixed;
+  background-position: ${n=>n.windowSize==="small"?"center center":"right center"};
+  background-repeat: no-repeat;
+
+  ${n=>n.theme.breakpoints.down("lg")} {
+    background-size: cover;
+  }
+`,Fn=P.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  width: ${n=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(n.windowSize)})`};
+`,$n=P.div``,En=P.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  min-height: ${n=>he.topNavBarHeight.valuePx(n.windowSize)};
+`,Ln=P.div`
+  min-height: 100%;
+  display: ${n=>n.isVisible?"flex":"none"};
+  flex-direction: column;
+  padding-bottom: ${n=>n.paddingBottom+"px"};
+  animation-name: ${n=>n.stepAnimationDirection==="next"?Dn:Vn};
+  ${n=>n.includeAnimation?`
+          animation-duration: 0.6s; 
+          animation-delay: 0s;  
+          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
+          animation-fill-mode: both;
+        `:null}
+`,jn=P.form`
+  padding-top: ${re.sp0};
+  flex: 1;
+`,Bn=P(pn)`
+  color: ${n=>n.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${n=>he.titleWidth.valuePx(n.windowSize)};
+  padding-top: ${n=>he.subTitlePaddingTop.valuePx(n.windowSize)};
+  padding-bottom: ${n=>he.subTitlePaddingBottom.valuePx(n.windowSize)};
+  text-align: ${n=>n.windowSize==="small"?"initial":"center"};
+  width: 100%;
+  white-space: pre-line;
+`,Ye=(n,C)=>{const{companyDetailsLocalData:i,companyOfficerLocalData:g,companyView:_}=n,O=le.commonSetUp.businessVerification,h=le.companyPassport,w=_?.companyOfficers!=null&&_?.companyOfficers.length>0;return{[B]:{companyDescription:i?.companyDescription??le.common.strings.empty,ein:i?.companyFiles.find(f=>f.documentType==="tax_ein"),companyId:i?.companyId,syncToken:i?.syncToken,companyLegalName:i?.companyLegalName,companyWebsite:i?.website?.toString()??le.common.strings.empty,companyAddress:i?.addressStatus?.addressToCreate,registeredAddress:i?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:i?.companyIndustry,allOptions:n.companyIndustries.map(f=>f.code)},companyIndustryType:{selectedOption:i?.companyIndustryType,allOptions:[...yn]},companySubIndustry:{selectedOption:i?.companySubIndustry,allOptions:fn(i?.companyIndustryType)},companyPhone:i?.phone,companyTaxId:i?.taxIdOrEIN,primaryContactName:{firstName:i?.primaryContactLocalData?.firstName,lastName:i?.primaryContactLocalData?.lastName},primaryContactEmail:i?.primaryContactLocalData?.email,primaryContactUserId:i?.primaryContactLocalData?.userId,primaryContactSyncToken:i?.primaryContactLocalData?.syncToken,fileIds:i?.companyFiles.map(f=>f.fileId)??[],certificateOfIncorporation:i?.companyFiles.find(f=>f.documentType==="certificate_of_incorporation"),incDate:i?.incDate?.toDate(),typeOfIncorporation:{selectedOption:i?.typeOfIncorporation,allOptions:h.companyIncInfo.allTypesOfIncorporation}},[b]:Object.values(g).map((f,A)=>{const c=f,v=cn(c?.documentTypeSelectedForVerification);return{userId:c?.userId,officerType:c?.officerType??`Officer_${A+1}`,name:{firstName:c?.firstName,lastName:c?.lastName},email:c?.email,fileIds:c?.fileIds??[],dob:c?.birthday?.toDate(),nationalityCountryCode:Ot(c?.nationalityCountryCode,C.map(D=>D.countryCode)),ssn:c?.ssn,role:{selectedOption:c?.titleAtCompany,allOptions:O.allTypesOfRoles},phone:c?.phone,ownership:c?.ownershipInCompany,officerAddress:c?.addressStatus?.addressToCreate,selectDocument:{front:ft(!0,c?.userFiles??[],v),back:ft(!1,c?.userFiles??[],v),selectDocumentType:v},isSelectedForVerification:!w&&A===0?!0:c?.isSelectedForVerification??!1,userVerificationStatus:c?.userVerificationStatus,syncToken:c?.syncToken,isPhoneVerified:c?.isPhoneVerified,otpChallenge:c?.otpChallenge}}),[Z]:{account:{allOptions:[],selectedOption:void 0}},[y]:ln(y,n?.subscriptionBillingAddress)[y],[ge]:{connected:n.externalConnections?.accounting[0]?.isValid??!1}}},pa=n=>{const{onboardingCustomerView:C,cardPaymentView:i,signedInUser:g,currentTenant:_,isOnAddressPage:O,stripeKey:h,googleAPIKey:w,onUpdateStep:f,onZeniLogoClick:A,handleLogOutClick:c,handleCockpitClick:v,meetingUrl:D,analytics:I,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:Ne,handleFetchPaymentSources:Se,updateCardPaymentModalState:T,resetCardPaymentViewState:ve,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:De,...Ve}=n,{allSteps:K,completedSteps:Ae,halfCompletedSteps:Ce,currentStep:z,fetchStatus:U}=C,q=m.useRef(z),$=m.useRef(K),[be,ce]=m.useState(!1),[Ie,te]=m.useState([]),M={allSteps:K,isOnAddressPage:O,completedSteps:Ae,halfCompletedSteps:Ce,errorSteps:Ie,currentStep:z,fetchStatus:U,signedInUser:g,currentTenant:_,onUpdateStep:V=>{f(V)},onZeniLogoClick:A,handleLogOutClick:c,handleCockpitClick:v,setIsStepClicked:ce};m.useEffect(()=>{if(q.current!==z){const V=q.current;be===!0&&(I?.trackOnboardingCurrentStep(z,V),ce(!1)),q.current=z}},[z,be,I]),m.useEffect(()=>{K.length!==$.current.length&&($.current=K)},[K]);const ne=(V,Oe,de)=>{const ae=$.current.length,pe=$.current.indexOf(V);switch(Oe){case"next":{const oe=(pe+1)%ae,N=$.current[oe];q.current=N,f(N),de===!0?I.trackOnboardingNext(V,N):I.trackOnboardingCurrentStep(N,V);break}case"previous":{const oe=(pe+ae-1)%ae,N=$.current[oe];q.current=N,f(N),de===!0?I.trackOnboardingBack(V,N):I.trackOnboardingCurrentStep(N,V);break}}},Pe=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return l.jsx(Rn,{isOnAddressPage:O,children:O?l.jsx(bt,{...M}):l.jsxs(zn,{children:[l.jsx(bt,{...M}),Pe?l.jsx(hn,{isNoStepsPage:!1}):l.jsx(vn,{onboardingCustomerView:C,analytics:I,updateStepHandler:ne,onUpdateStep:f,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:Ne,updateCardPaymentModalState:T,handleFetchPaymentSources:Se,cardPaymentView:i,resetCardPaymentViewState:ve,stripeKey:h,googleAPIKey:w,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:De,onFormErrorsChange:te,...Ve}),Pe?null:l.jsx(tn,{isFooterRendered:!0,meetingUrl:D,analytics:I,productType:"onboarding"})]})})},Rn=P.div`
+  display: flex;
+  flex-direction: column;
+  width: ${n=>n.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`,zn=P.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+`;export{pa as default};

package/dist/assets/{CustomerOnboardingProductSuitePage-DrUE-f0H-CurdzAi_.js → CustomerOnboardingProductSuitePage-CZDipU2j-BbQ2Iy2J.js}

@@ -1,4 +1,4 @@
-import{J as B,a8 as I,aw as M,e as U,V as e,bD as _,o as t,aQ as b,bo as V,fy as W,F as H,al as A,af as R,p as l,b as k,ag as J,d as N,R as Z,aq as q,b0 as Q}from"./index-c9CJIpO5.js";import{a as n}from"./sentry-BhPnLTGd.js";import{n as o}from"./mui-D41H02IU.js";import{FX as X}from"./zeni-epic-state-CqFcQgfC.js";import G from"./ConfettiBurst-arWK85ba-Dxqk_qSJ.js";import{T as K}from"./ProductsCarousel-Dp5Of83--C9TEcIb9.js";import"./liveblocks-CPDN-bxu.js";import"./core-abG3s-mt.js";import"./recharts-B5Zd2InX.js";import"./lottie-DoLcJmSl.js";import"./analytics-DyCH8fdj.js";import"./lexical-Ce5kgHxh.js";import"./utils-B-wjDpf0.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]="07b6ac83-d3f6-43f5-8107-0fa72736b9dc",i._sentryDebugIdIdentifier="sentry-dbid-07b6ac83-d3f6-43f5-8107-0fa72736b9dc")}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=H.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:T,onZeniLogoClick:z,handleCockpitClick:E}=S,D=U(),{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]},O=s=>{if(v(),!s)return;let r="";i?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,X(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(_,{title:c.productSuite.navTitle,showBackButton:!1,backgroundColor:D.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":b("zeni-logo-customer-onboarding-product-suite"),onClick:z})}),rightSideComponent:f?e.jsxs(ke,{"data-testid":b("update-to-payment-address-details"),onClick:()=>O(a),children:[e.jsx(be,{}),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(K,{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:T,onCockpitClick:E})}),e.jsx(W,{isFooterRendered:!1,meetingUrl:p,analytics:x,productType:"onboarding_interim",showPopup:y,setShowPopup:P})]})})]})}),e.jsx(G,{showConfetti:$})]})},te=o.div`
+import{J as F,a8 as I,ax as M,d as U,V as e,bD as _,o as t,ab as b,bo as V,fB as W,F as A,am as H,ag as R,p as l,b as k,ah as J,c as N,R as Z,ar as G,b0 as q}from"./index-BIYLqgct.js";import{a as n}from"./sentry-DhNwX3jk.js";import{n as o}from"./mui-rLvQ8A4a.js";import{G1 as K}from"./zeni-epic-state-DwkN4IvA.js";import Q from"./ConfettiBurst-C_6Uy7eR-Np_3vQFo.js";import{T as X}from"./ProductsCarousel-fMS3PJAc-r1K9Xxoj.js";import"./liveblocks-DXGUxn7J.js";import"./core-DQ8U4CJb.js";import"./recharts-BYppTjSs.js";import"./lottie-C1yptpVV.js";import"./analytics-DkApCpAh.js";import"./lexical-CvUIM9vD.js";import"./utils-BdIPH7k8.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]="e583c0fc-9601-4a74-92bf-3f92a4edd355",i._sentryDebugIdIdentifier="sentry-dbid-e583c0fc-9601-4a74-92bf-3f92a4edd355")}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=A.getLocalizedStrings(),Me=({hasVerifiedBankAccount:i,meetingUrl:p,showUpdatePaymentDetailButton:f=!1,isVisitingFirstTime:$=!1,handleUpdatePaymentAddressDetailClick:v,...S})=>{const d=F(),x=I().analytics,w=M(),L=w.loggedInUser,a=w.currentTenant,[y,P]=n.useState(!1),{handleLogOutClick:T,onZeniLogoClick:z,handleCockpitClick:E}=S,O=U(),{customerOnboardingPage:c}=ee,h=s=>{const r=c.productSuite.messageBox;if(!s)return[r.withTaxAndPayroll,r.withCFO];const{productSettings:D}=s,{isPayrollEnabled:g,isCfoEnabled:u,isTaxEnabled:m}=D;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]},B=s=>{if(v(),!s)return;let r="";i?r="bank_account":r="credit_card",x.trackOnboardingClickUpdatePaymentDetails(r,K(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(_,{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":b("zeni-logo-customer-onboarding-product-suite"),onClick:z})}),rightSideComponent:f?e.jsxs(ke,{"data-testid":b("update-to-payment-address-details"),onClick:()=>B(a),children:[e.jsx(be,{}),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:T,onCockpitClick:E})}),e.jsx(W,{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;
@@ -129,10 +129,10 @@ import{J as B,a8 as I,aw as M,e as U,V as e,bD as _,o as t,aQ as b,bo as V,fy as
       color: ${i=>i.theme.colors.primary};
     }
   }
-`,ge=o(q)`
+`,ge=o(G)`
   color: inherit;
   text-align: center;
-`,ue=o(Q)`
+`,ue=o(q)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: inherit;
@@ -194,7 +194,7 @@ import{J as B,a8 as I,aw as M,e as U,V as e,bD as _,o as t,aQ as b,bo as V,fy as
     }
   }
   margin-right: ${t.sp2};
-`,Ce=o(A)`
+`,Ce=o(H)`
   margin-left: ${t.sp2};
 `,je=o.div`
   width: 200px;