@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/CurrencySelectField-BAh7SHrG-CBSRpu74.js

@@ -1,139 +0,0 @@
-import{cU as M,g as N,eJ as _,O as P,V as l,eS as H,bJ as L,o,dx as z,ac as x,cC as X,bK as b,an as B,w,fh as J,fi as Q,fj as T,ak as K,bI as U,b as W,d as m}from"./index-C8o-xzAN.js";import{a as v}from"./sentry-DBhcw6Be.js";import{n}from"./mui-DOS4CfBc.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="17aab05b-6e1f-48a6-85af-19bd3d4973bb",e._sentryDebugIdIdentifier="sentry-dbid-17aab05b-6e1f-48a6-85af-19bd3d4973bb")}catch{}})();const $e=({name:e,registerOptions:r,defaultValue:t,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),g=N(),[j,k]=v.useState(!1),C=_(y,e??""),I=P.getLocalizedStrings().common.currency,D=s=>{if(!(s==null||!s))return{value:s,label:t.allOptions.find(h=>h.value===s)?.label??s,countryCode:t.allOptions.find(h=>h.value===s)?.countryCode??I.countryCode}},V={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:g.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${g.colors.dropShadowHover}`,border:`1px solid ${g.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${o.sp0} ${o.sp0} ${o.sp0}`,overflow:"hidden"}),menuList:s=>({...s,borderRadius:o.sp1}),input:()=>({color:g.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(H,{name:e,control:f,defaultValue:t,rules:r,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:E,ref:R}})=>{const S=E;return v.createElement(L,{...F,ref:R,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:D(S.selectedOption),options:t.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&S?.selectedOption===$.value?s({selectedOption:void 0,allOptions:t.allOptions}):s({selectedOption:$?.value,allOptions:t.allOptions})},onMenuClose:()=>k(!1),key:z(),tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"currency-select-field",onBlur:h,menuPlacement:"auto",maxMenuHeight:240,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:Y,Option:Z,Input:G,SingleValue:ee,ValueContainer:A,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:be,MenuList:q},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},Y=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(te,{controlStyle:u,menuIsOpen:r,isFocused:t,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(b.Control,{...e,className:"select-control",children:e.children})})},Z=e=>{const{data:r,isSelected:t,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=r.countryCode,p=typeof r.label=="string"?r.label:r.value;return l.jsx(re,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:t,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(b.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:t,children:l.jsx(ne,{isSelected:t,isDisabled:a,children:r.label})}),t?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},q=e=>{const{options:r,children:t,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=r.indexOf(u)*i;return l.jsx(X,{height:t.length>7?a:t.length*i,width:"100%",itemCount:t.length,itemSize:()=>i,initialScrollOffset:p,children:({index:f,style:y})=>l.jsx(ce,{style:y,children:t[f]})})},A=e=>l.jsx(b.ValueContainer,{...e,className:"select-value-container",children:e.children}),G=e=>{const{selectProps:r}=e,{placeholder:t,value:a}=r;return l.jsx(O,{children:l.jsx(b.Input,{...e,autoComplete:"new-password",placeholder:a==null?t:void 0,children:e.children})})},ee=e=>{const{data:r}=e;return l.jsx(b.SingleValue,{...e,children:l.jsx(O,{children:r.label})})},O=n(B)`
-  color: ${e=>e.theme.colors.primary};
-`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&J(e)===!1)return l.jsx(l.Fragment,{});{const r=Q[`${T(e??"")}`];return l.jsx(ie,{children:l.jsx(r,{width:o.sp4,height:o.sp3})})}},te=n.span`
-  width: 100%;
-  background-color: ${e=>e.hasError?m.importantLight:e.menuIsOpen?e.theme.colors.background:e.controlStyle?.backgroundColor!=null?e.controlStyle?.backgroundColor:e.theme.colors.grey5};
-  border-radius: ${o.sp1};
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  .select-control {
-    border: none;
-    height: ${o.sp6};
-    background-color: inherit;
-    box-shadow: none;
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?m.importantLight:e.theme.colors.background};
-      border-color: none;
-    }
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    margin: ${o.sp0} ${o.sp3};
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-    justify-content: ${e=>e.controlStyle?.justifyContent!=null?e.controlStyle?.justifyContent:e.menuIsOpen===!1?"flex-end":"flex-start"};
-
-    .currency-select-field__single-value {
-      display: flex;
-      margin: ${o.sp0};
-      color: ${e=>e.hasError?m.important:e.theme.colors.primary};
-      ${w.standardRegular.css};
-    }
-
-    .currency-select-field__input-container {
-      display: flex;
-      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
-      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${w.standardRegular.css};
-      color: ${e=>e.hasError===!0?m.important:e.theme.colors.primary};
-      margin: ${o.sp0};
-      cursor: inherit;
-      top: ${o.sp2};
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
-        text-align: ${e=>e.isFocused===!1?"right":"left"};
-        align-items: center;
-        overflow: hidden;
-        cursor: inherit;
-        :disabled {
-          visibility: visible;
-        }
-        ::placeholder {
-          color: ${e=>e.hasError?m.important:e.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,re=n.div`
-  border-radius: inherit;
-  .select-option {
-    ${w.smallRegular.css};
-    height: ${o.sp6};
-    padding: 9px ${o.sp3};
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-    opacity: ${e=>e.isDisabled?.32:1};
-    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
-    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    border-radius: inherit;
-    .close-tick-icon {
-      display: none;
-    }
-
-    &:hover {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
-      .right-tick-icon {
-        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
-      }
-      .close-tick-icon {
-        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
-      }
-    }
-  }
-`,se=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,ie=n.div`
-  padding-right: ${o.sp2};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  fill: initial;
-  color: initial;
-`,ne=n(K)`
-  padding-right: 10px;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  ${e=>e.isSelected&&"cursor: default"};
-`,ae=n.div`
-  width: ${e=>e.isSelected?`calc(100% - ${o.sp3})`:"100%"};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,ce=n.div`
-  :first-of-type {
-    border-top-left-radius: ${o.sp1};
-    border-top-right-radius: ${o.sp1};
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: ${o.sp1};
-    border-bottom-right-radius: ${o.sp1};
-  }
-`,de=n.div`
-  display: flex;
-`,ue=n(U)`
-  width: 12px;
-  height: 12px;
-  margin-right: 2px;
-  margin-left: ${o.sp1};
-  color: ${e=>e.theme.colors.primary};
-`,pe=n(W)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,he=()=>null,me=()=>null,be=()=>null;export{$e as S};

package/dist/assets/CustomerOnboardingActivationPage-f3Aa6E5r-DcPBpEPv.js

@@ -1,88 +0,0 @@
-import{e as u,V as t,O as c,aS as l,ac as p,L as g,o as i,ah as h,c as x,n as m}from"./index-C8o-xzAN.js";import{a as f}from"./sentry-DBhcw6Be.js";import{n as o}from"./mui-DOS4CfBc.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="6241ea81-1a52-432d-9f67-58930b8f85a4",e._sentryDebugIdIdentifier="sentry-dbid-6241ea81-1a52-432d-9f67-58930b8f85a4")}catch{}})();const b=o.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,$=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  padding: ${i.sp0} 20px;
-  width: 240px;
-  box-sizing: border-box;
-  position: fixed;
-  justify-content: space-between;
-  height: 100%;
-  z-index: 4;
-  background: ${e=>e.theme.colors.background};
-`,y=o(h)`
-  margin: 20px 12px ${i.sp0} ${i.sp0};
-  height: ${i.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,j=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  padding-right: 240px;
-  width: calc(100% - 240px);
-  box-sizing: border-box;
-  position: fixed;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  left: 240px;
-  background: ${e=>e.theme.colors.background};
-`,w=o(x)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${i.sp1};
-  padding: ${i.sp0} ${i.sp3};
-  text-align: center;
-`,v=o(m)`
-  color: ${e=>e.theme.colors.hero};
-  padding: ${i.sp0} ${i.sp3};
-  text-align: center;
-`,k=o.div`
-  margin-top: ${i.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(b,{children:[t.jsx($,{children:t.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),t.jsxs(j,{children:[t.jsx(w,{children:a}),t.jsx(v,{children:d}),t.jsx(k,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},I=o.div`
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  position: relative;
-`,L=o.div`
-  width: 100%;
-  position: absolute;
-`,D=o.div`
-  position: relative;
-  display: flex;
-  -webkit-box-align: center;
-  align-items: center;
-  justify-content: center;
-  padding: ${i.sp0} ${i.sp3};
-  min-height: ${i.sp8};
-`,P=o(h)`
-  height: ${i.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,S=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  background: ${e=>e.theme.colors.background};
-  padding: ${i.sp0} ${i.sp3};
-`,C=o(x)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${i.sp1};
-  text-align: center;
-  width: 100%;
-`,E=o(m)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-  width: 100%;
-`,O=o.div`
-  margin-top: ${i.sp3};
-`,T=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:d}=c.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return f.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(I,{children:[t.jsx(L,{children:t.jsx(D,{children:t.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),t.jsxs(S,{children:[t.jsx(C,{children:a}),t.jsx(E,{children:d}),t.jsx(O,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},J=e=>u()==="small"?t.jsx(T,{...e}):t.jsx(z,{...e});export{J as default};

package/dist/assets/CustomerOnboardingContainerPage-CWAtSu08-DAhlgLSo.js

@@ -1 +0,0 @@
-import{V as o}from"./index-C8o-xzAN.js";import i from"./CustomerOnboardingNoStepsPage-Bh_F0-oC-ui07nfsA.js";import e from"./CustomerOnboardingPage-B9hSO88_-BFSPGucc.js";import"./sentry-DBhcw6Be.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./mui-DOS4CfBc.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./PaymentAccountSetupBillingAddressSection-9ma8SpIa-DnLcaoHi.js";import"./commonTypes-5tEXwrX4-DThfJWJu.js";import"./SetUpAccountSection-CctbMmoK-ZyErAiPF.js";import"./CustomerOnboardingDetailPageSkeleton-DYuiWn8s-DBRyrBpA.js";import"./CompanyOfficerDetailsSection-CrOIN4IW-B9X3JGYF.js";import"./helper-Ckm10Uko-DCD3fpXN.js";import"./LabeledAddressValueField-BgWwd5Gw-DFe8vIUL.js";import"./LabeledCountryMultiSelectField-BYYjzwUG-DXWiTuV-.js";import"./LabeledCreatableSingleSelectField-CISYMojq-DqRsgtUm.js";import"./LabeledDocumentField-C_bcFxdY-DJ7-SOXf.js";import"./QBOSetupSection-DjnN9dgv-D9sOi7j3.js";import"./QBOConnectionDialog-CmpnnuzP-5mKGNZm7.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="6cb288cc-84e0-45e9-90bc-4c8c0faa2c99",t._sentryDebugIdIdentifier="sentry-dbid-6cb288cc-84e0-45e9-90bc-4c8c0faa2c99")}catch{}})();const P=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(i,{...t}):o.jsx(e,{...t});export{P as default};

package/dist/assets/CustomerOnboardingDetailPageSkeleton-DYuiWn8s-DBRyrBpA.js

@@ -1,162 +0,0 @@
-import{V as s,ac as v,bp as E,g as f,e as I,bW as b,o as t,u as T,x as $,ah as R,O as N,d as u,p as P,i3 as U,g1 as W,au as L,ao as O,i4 as _}from"./index-C8o-xzAN.js";import{n as r}from"./mui-DOS4CfBc.js";import{P as S}from"./sentry-DBhcw6Be.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="cc1c3514-a28c-4c9d-b7a9-26c83f4e1558",e._sentryDebugIdIdentifier="sentry-dbid-cc1c3514-a28c-4c9d-b7a9-26c83f4e1558")}catch{}})();const V=r(_)`
-  /* Size is controlled by styles.root prop */
-`,F=r.div`
-  position: relative;
-  width: ${t.sp3};
-  height: ${t.sp3};
-  border-radius: 50%;
-  background-color: ${u.brandColorJadeLight};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border-radius: 50%;
-    border: 2px solid ${({theme:e})=>e.colors.grey2};
-    pointer-events: none;
-    z-index: 1;
-  }
-`,J=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const n=setTimeout(()=>{d(e)},100);return()=>clearTimeout(n)},[e]),s.jsx(s.Fragment,{children:o(l)})},Z=({valueEnd:e=50})=>{const i=f();return s.jsx(J,{valueStart:0,valueEnd:e,children:o=>s.jsx(F,{theme:i,children:s.jsx(V,{value:o,strokeWidth:50,circleRatio:1,styles:{...U({pathColor:u.success,trailColor:"transparent",pathTransitionDuration:1.5,rotation:1,strokeLinecap:"butt"}),root:{width:t.sp3,height:t.sp3,position:"relative",zIndex:2,display:"flex",alignItems:"center",justifyContent:"center"}}})})})},w=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:n})=>e||i||d||l?l?u.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,k=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,q=r.div`
-  width: 100%;
-  display: flex;
-  background: ${e=>e.isActive?e.theme.colors.grey5:null};
-  transition: background-color 0.2s ease-in;
-  box-shadow: ${e=>e.isActive?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-  border-radius: ${t.sp2};
-  padding: ${t.sp3};
-  cursor: ${e=>e.isDisabled?"no-drop":"pointer"};
-  box-sizing: border-box;
-  &:hover {
-    background: ${e=>{const i=e.isCompleted||e.isHalfCompleted;return e.isActive?e.theme.colors.grey3:i&&e.isDisabled===!1?e.theme.colors.grey5:"initial"}};
-    .step-content-title {
-      color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-    }
-    .step-content-subtitle {
-      color: ${e=>k({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-    }
-  }
-`,B=r.div`
-  margin-right: ${t.sp2};
-  margin-top: 2px;
-`,G=r(W)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${u.success};
-`,K=r(P)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  color: ${u.runwayRed};
-`,M=r.div`
-  height: ${t.sp3};
-  width: ${t.sp3};
-  border: 1px solid
-    ${e=>e.isActive?e.theme.colors.primary:e.disabledStep?e.theme.colors.grey2:e.theme.colors.hero};
-  border-radius: 50%;
-`,Q=r.div`
-  display: flex;
-  flex-direction: column;
-`,X=r(L)`
-  color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`,Y=r(O)`
-  color: ${e=>k({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=d||a.includes(e)&&i===!1;return s.jsxs(q,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:n,onClick:d===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":v("step-box",e),children:[s.jsx(B,{children:n?s.jsx(K,{}):l?s.jsx(Z,{}):o?s.jsx(G,{}):s.jsx(M,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:n,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  margin-top: 84px;
-  flex-direction: column;
-  justify-content: start;
-  gap: ${t.sp6};
-  width: 198px;
-`,se=r.div`
-  width: 100%;
-`;function ie({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:n,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=N.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(te,{children:e.map(a=>s.jsx(se,{children:s.jsx(ee,{isActive:a===d,isCompleted:i.includes(a),isHalfCompleted:o.includes(a),isError:l.includes(a),isDisabled:n,onboardingStep:a,stepText:p[a].stepText,stepSubText:p[a].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},a))})}const oe=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  margin-top: 84px;
-  flex-direction: column;
-  justify-content: start;
-  gap: ${t.sp6};
-  width: 198px;
-`,re=r.div`
-  height: 89px; // As per figma specs
-  border-radius: ${t.sp2};
-  width: 100%;
-  display: flex;
-  box-sizing: border-box;
-`,le=()=>{const e=f();return s.jsx(oe,{children:[...Array(2)].map((i,o)=>s.jsx(re,{children:s.jsx(b,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},x=240,de=r.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  padding: ${t.sp0} 20px;
-  width: ${x}px;
-  box-sizing: border-box;
-  position: fixed;
-  height: 100%;
-  z-index: 4;
-  background: ${e=>e.theme.colors.background};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  ${e=>e.theme.breakpoints.down("md")} {
-    display: none;
-  }
-  border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,ne=r.div`
-  margin: ${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0};
-  width: fit-content;
-`,ae=r(R)`
-  margin: 20px 12px ${t.sp0} 12px;
-  height: ${t.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-`,be=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:n,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:a,onZeniLogoClick:c,handleLogOutClick:j,handleCockpitClick:A,setIsStepClicked:D}=e,H=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",z=[];return s.jsxs(de,{children:[s.jsx(ae,{"data-testid":v("zeni-logo-customer-onboarding-drawer"),onClick:c}),H?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:z,completedSteps:l,halfCompletedSteps:d,errorSteps:n,currentStep:h,onUpdateStep:a,setIsStepClicked:D}),s.jsx(ne,{children:s.jsx(E,{signedInUser:m,currentTenant:g,onLogOutClick:j,onCockpitClick:A})})]})},y={titleRectangleWidth:new $(250,500,550,600),subTitleRectangleWidth:new $(343,600,700,800)},pe=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100vh;
-  min-width: ${e=>e.isNoStepsPage?"100%":`calc(100% - ${x}px)`};
-  padding-left: ${e=>e.isNoStepsPage?t.sp0:`${x}px`};
-  flex: 1;
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${t.sp0};
-  }
-`,ce=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  min-height: 100vh;
-  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;
-  }
-`,he=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${t.sp3};
-  margin-top: 94px; // As per Figma Specs - Nav Bar Height + 32 px
-`,C=r.div`
-  border-radius: ${t.sp2};
-  width: 100%;
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-`,xe=({isNoStepsPage:e=!1})=>{const i=f(),o=I();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(C,{children:s.jsx(b,{width:y.titleRectangleWidth.value(o),height:T[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(b,{width:y.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{x as a,be as b,xe as f};

package/dist/assets/CustomerOnboardingNoStepsPage-Bh_F0-oC-ui07nfsA.js

@@ -1,66 +0,0 @@
-import{a9 as se,V as o,fL as Ce,e as be,g as Pe,aa as we,aS as xe,cQ as ke,bE as Ie,o as i,ac as Ae,ae as $e,aT as ve,bp as Oe,i1 as Ve,O as Te,fd as je,fe as oe,ah as Le,x as Q,an as Ee,u as A}from"./index-C8o-xzAN.js";import{n as c}from"./mui-DOS4CfBc.js";import{a as $}from"./sentry-DBhcw6Be.js";import{r as Ue,t as _e}from"./PaymentAccountSetupBillingAddressSection-9ma8SpIa-DnLcaoHi.js";import{f as ze}from"./CustomerOnboardingDetailPageSkeleton-DYuiWn8s-DBRyrBpA.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./commonTypes-5tEXwrX4-DThfJWJu.js";import"./SetUpAccountSection-CctbMmoK-ZyErAiPF.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]="5f224641-b05d-411a-ba63-75b6bc3bfc28",e._sentryDebugIdIdentifier="sentry-dbid-5f224641-b05d-411a-ba63-75b6bc3bfc28")}catch{}})();const q="onboardingPaymentAccountSetupSection",ie="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",J={titleWidth:new Q(343,580,726,826),subTitlePaddingTop:new Q(A[3],A[3]),subTitlePaddingBottom:new Q(A[3],A[3])},Be=e=>`${e}_form`,De=Te.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:O,googleAPIKey:V,signedInUser:b,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:E,updateCardPaymentModalState:P,handleAddCardPaymentSource:U,resetCardPaymentViewState:_,handleResetCardPaymentErrorStatuses:z,redirectToProductSuitePage:w,onUpdateCustomerView:B,...D})=>{const m=be(),F=se(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:S,onEstablishConnectionSuccess:N,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=D,Z=Pe(),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}=De,{footer:ue,steps:pe}=ce,{buttons:H}=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"),B(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:Z.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(We,{children:o.jsx(Ze,{"data-testid":Ae("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx($e,{...r,children:o.jsx(Ne,{id:Be(ie),children:o.jsxs(Re,{children:[o.jsx(He,{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:P,cardPaymentView:p,resetCardPaymentViewState:_,cardSetupInProgress:ae,googleAPIKey:V,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx(ve,{formId:`${ie}`,leftSideComponent:o.jsx(Ge,{windowSize:m,children:o.jsx(Oe,{signedInUser:b,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:H.submit,isLoading:g.fetchState==="In-Progress",isDisabled:g.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:H.submitText.replace("__action__",H.submit),helperStyle:{width:"auto",padding:i.sp0,rowGap:i.sp0,textAlign:"center"}})]}),o.jsx(_e,{handleConfirmCardSetupIntent:E,updateCardPaymentModalState:P,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:U,cardPaymentView:p,stripeKey:O,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;
-`,We=c.div`
-  display: flex;
-`,Ze=c(Le)`
-  height: ${i.sp4};
-  width: 102px;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${i.sp4};
-`,He=c(Ee)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>J.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>J.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>J.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-  width: 100%;
-`,v=e=>({[q]:{account:{allOptions:[],selectedOption:void 0}},[n]:Ve(n,e?.subscriptionBillingAddress)[n]}),ut=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:O,currentTenant:V,isOnAddressPage:b,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:E,onZeniLogoClick:P,handleLogOutClick:U,handleCockpitClick:_,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:B,updateCardPaymentModalState:D,resetCardPaymentViewState:m,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:R,fetchStatus:S}=u,N=se(),{analytics:G}=N,W={allSteps:M,isOnAddressPage:b,currentStep:R,fetchStatus:S,signedInUser:O,currentTenant:V,onUpdateStep:Z=>{E(Z)},onZeniLogoClick:P,handleLogOutClick:U,handleCockpitClick:_,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Qe,{isOnAddressPage:b,children:[x?o.jsx(ze,{isNoStepsPage:!0}):o.jsx(Fe,{...W,onboardingCustomerView:u,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:D,handleFetchPaymentSources:B,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"})]})},Qe=c.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`;export{ut as default};

package/dist/assets/CustomerOnboardingPage-B9hSO88_-BFSPGucc.js

@@ -1,107 +0,0 @@
-import{V as l,fL as tn,e as Qe,g as nn,aa as an,cQ as me,aS as We,K as yt,aG as Ke,bE as on,o as re,ae as sn,u as M,aT as rn,i1 as ln,gp as cn,fM as ft,fd as Pt,O as Ye,fe as gt,x as ye,gs as fe,cU as dn,an as pn,i2 as ht,af as St,d2 as un,gr as mn}from"./index-C8o-xzAN.js";import{a as m}from"./sentry-DBhcw6Be.js";import{n as O,k as wt}from"./mui-DOS4CfBc.js";import{bi as j,Gc as yn,Gd as fn}from"./zeni-epic-state-DMWYYyyR.js";import{r as Ct,t as gn}from"./PaymentAccountSetupBillingAddressSection-9ma8SpIa-DnLcaoHi.js";import{b as bt,f as hn,a as It}from"./CustomerOnboardingDetailPageSkeleton-DYuiWn8s-DBRyrBpA.js";import{z as Sn,r as Cn}from"./CompanyOfficerDetailsSection-CrOIN4IW-B9X3JGYF.js";import{t as bn}from"./QBOSetupSection-DjnN9dgv-D9sOi7j3.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./commonTypes-5tEXwrX4-DThfJWJu.js";import"./SetUpAccountSection-CctbMmoK-ZyErAiPF.js";import"./helper-Ckm10Uko-DCD3fpXN.js";import"./LabeledAddressValueField-BgWwd5Gw-DFe8vIUL.js";import"./LabeledCountryMultiSelectField-BYYjzwUG-DXWiTuV-.js";import"./LabeledCreatableSingleSelectField-CISYMojq-DqRsgtUm.js";import"./LabeledDocumentField-C_bcFxdY-DJ7-SOXf.js";import"./QBOConnectionDialog-CmpnnuzP-5mKGNZm7.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]="ee19b0cd-0c02-4361-9476-06849a914ab8",n._sentryDebugIdIdentifier="sentry-dbid-ee19b0cd-0c02-4361-9476-06849a914ab8")}catch{}})();const In=({companyView:n,companyOfficerLocalData:C,allNationalityCountries:i,isVerificationPopupOpen:g,setIsVerificationPopupOpen:_,verifiedPhoneNumber:P,onPhoneVerified:h,...w})=>{const f=Qe(),V=n?.companyOfficers.slice(0,10).sort((I,ee)=>I.user.createTime?.isAfter(ee.user.createTime)===!0?1:-1)?.map(I=>I.user),{company_officer:c}=Ye.getLocalizedStrings().customerOnboardingPage.sections,{title:v}=c,D=n?.company.company.featuresActivationInfo.connectedAccountProvider;return l.jsx(On,{children:l.jsx(Cn,{companyOfficerData:C,allOfficers:V??[],allNationalityCountries:i,sectionHeader:v,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:D,showInfoTooltip:f!=="small",showCompletedIcon:f==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:P,onPhoneVerified:h,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:_,...w})})},On=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Pn=({allNationalityCountries:n,fileProps:C,companyDetails:i,companyIndustries:g,sectionId:_,isCompleted:P,isDisabled:h,style:w,onCompanyAddressClick:f,onRegisteredAddressClick:V})=>{const c=Qe(),{company_details:v}=Ye.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:P,allIndustries:g,allNationalityCountries:n,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","stateOfIncorporation","countriesOfOperations","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:f,onRegisteredAddressClick:V})})},wn=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,xn=O.div`
-  display: flex;
-`,kn=O.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",Ot="customerOnboardingDetailPage",y="onboardingSubscriptionBillingAddress",ge="onboardingQboConnection",he={titleWidth:new ye(343,580,726,826),topNavBarHeight:new ye(52,52,63),topNavBarLeftRightSpace:new ye(M[5],M[9],112),subTitlePaddingTop:new ye(M[3],M[3]),subTitlePaddingBottom:new ye(M[3],M[3])},Nn=n=>`${n}_form`,le=Ye.getLocalizedStrings(),vn=({fileProps:n,isRefreshingViewInBackground:C,isAdmin:i,onboardingCustomerView:g,companyTitles:_,connectedAccountProvider:P,analytics:h,cardPaymentView:w,stripeKey:f,googleAPIKey:V,handleCreateCardSetupIntent:c,handleConfirmCardSetupIntent:v,updateCardPaymentModalState:D,handleAddCardPaymentSource:I,resetCardPaymentViewState:ee,handleResetCardPaymentErrorStatuses:Ne,redirectToProductSuitePage:Se,onFormErrorsChange:T,...ve})=>{const R=Qe(),De=m.useRef(null),Ae=m.useRef(null),Q=m.useRef(null),Ve=m.useRef(null),[Ce,z]=m.useState(!1),[U,q]=m.useState("next"),[F,be]=m.useState(!1),[ce,Ie]=m.useState(!1),[te,Y]=m.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Oe,onCompanyOfficerUpdated:A,onFetchLinkTokenClick:Pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:N,onEditFileName:Ge,updateFilesEntity:Je,onGetOtp:xt,onSkipSetupClick:Te,onUpdateCustomerView:$e,updateStepHandler:H,onVerifyOtp:kt,onResendOtp:_t,handleOnConnectClick:Nt,updateQBOPopupState:vt,onUpdateStep:Fe,onAddressEditHandler:Dt}=ve,At=nn(),s=an({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Me(g,g.allNationalityCountries),values:Me(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),W=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=W();T?.(e)},[W,T]),m.useEffect(()=>{const e=s.watch((t,{name:a,type:r})=>{a!=null&&(r==="change"||r==="blur")&&me(()=>{const u=W();T?.(u)})});return()=>e.unsubscribe()},[s,W,T]);const Xe=e=>{tt(e)},{companyView:se,companyDetailsLocalData:d,companyOfficerLocalData:E,currentStep:o,completedSteps:Ze,saveStatus:x,allSteps:S,allRequiredStepsCompleted:Ee,paymentAccount:K,paymentAccountStatus:et,externalConnections:Le,plaidConnectionDetails:je,uiState:Be,allNationalityCountries:we,pendingSaveDetails:{companyDetails:Vt,officer:Tt},subscriptionBillingAddress:G}=g,xe=m.useRef(""),$t=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,$=`Officer_${J<0?1:J+1}`,Ft=se?.companyOfficers.slice(0,10).sort((e,t)=>e.user.createTime?.isAfter(t.user.createTime)===!0?1:-1),Re=E[$]?.userId!=null?Ft?.find(e=>e.user.userId===E[$]?.userId)?.address:null,nt=E[$]?.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=We(x.fetchState),L=We(o);function Bt(){return Le?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(je).some(u=>u.fetchStatus.fetchState==="Completed"),t=K?.providerVerificationStatus?.code?.includes("verified")??!1,a=w.cardsList.length>0,r=w.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&t||!t&&!K&&a||!a&&!K&&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=We(K?.providerVerificationStatus?.code),Rt=()=>{const e=d,t=[];return e?.companyLegalName!=null&&t.push("legal_name"),e?.companyDescription!=null&&e?.companyDescription!==p.strings.empty&&t.push("company_description"),e?.addressStatus?.addressToCreate!=null&&t.push("company_address"),e?.registeredAddressStatus?.addressToCreate!=null&&t.push("registered_address"),e?.website!=null&&t.push("website"),e?.companyIndustry!=null&&e?.companyIndustry!==p.strings.empty&&t.push("industry"),e?.typeOfIncorporation!=null&&e?.typeOfIncorporation!==p.strings.empty&&t.push("type_of_incorporation"),e?.incDate!=null&&t.push("inc_date"),e?.phone!=null&&t.push("phone"),e?.primaryContactLocalData?.firstName!=null&&e?.primaryContactLocalData?.lastName!=null&&t.push("primary_contact_name"),e?.primaryContactLocalData?.email!=null&&t.push("primary_contact_email"),e?.taxIdOrEIN!=null&&t.push("tax_id_or_ein"),e?.companyFiles.find(a=>a.documentType==="certificate_of_incorporation")!=null&&t.push("certificate_of_incorporation"),e?.companyFiles.find(a=>a.documentType==="tax_ein")!=null&&t.push("ein"),{completedFields:t,status:t.length===14?"complete":t.length>0?"partially_complete":"incomplete"}},zt=()=>{const e=E[$],t=[];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"&&K?.providerVerificationStatus?.code==="manually_verified"&&h.trackOnboardingBankAccountVerified("manual")},[h,K?.providerVerificationStatus?.code,lt]);const Ut=async(e,t)=>{if(e.includes(B))Oe?.(t[B]);else if(e.includes(b))A?.(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=Pt(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(Me(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"&&(Y(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[$];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},qt=!Ke(nt!=null?j(nt):null,Re!=null?j(Re):null),Ht=!Ke(at!=null?j(at):null,ke!=null?j(ke):null),Wt=!Ke(ot!=null?j(ot):null,ze!=null?j(ze):null),Kt=s.getFieldState(B).isDirty||Ht||Wt||Vt,qe=s.getFieldState(b).isDirty&&ct()||qt||Tt,dt=s.getFieldState(`${y}`).isDirty,_e=d?.primaryContactLocalData,Mt=()=>{H(o,"previous",!0)},Qt=()=>{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)},Yt=()=>{switch(Ie(!1),o){case"link_payment_account":dt?setTimeout(()=>{const e=W();T?.(e),rt()&&dt?(Qt(),$e($,!1,!0),Y({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=W();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&&($e($,!1,!1),h.trackOnboardingCompanyOfficerSave(ut(),{legalName:d?.companyLegalName},zt()),Y({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=W();T?.(a)}),e?Fe("link_payment_account"):t&&Fe("qbo_connection");return}}if(Kt||qe||!_e?.email){const e=Jt(),t=qe?pt():{isValid:!0};me(()=>{const a=W();T?.(a)}),e&&t.isValid?(Ee&&(z(!0),Xt()),$e($,!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}),Y({fromStep:o,shouldNavigate:!0,stepDirection:"next"})):t.isValid||Fe("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[$],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&&P==="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[$];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(Vn,{children:[l.jsxs(Tn,{windowSize:R,children:[S.indexOf(o)>=0?l.jsx(on,{title:it.sectionTitle,showBackButton:!1,backgroundColor:At.colors.grey4,style:{zIndex:4},showLeftSection:R!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:re.sp0,paddingBottom:re.sp0},source:"CustomerOnboardingDetailPage"}):l.jsx($n,{windowSize:R,children:l.jsx(En,{windowSize:R,children:l.jsx(Fn,{})})}),l.jsx(sn,{...s,children:l.jsx(jn,{id:Nn(Ot),children:S.map(e=>{let t;t=l.jsx(Ct,{connectedAccountProvider:P,paymentAccount:K,accountStatus:et,plaidConnectionDetails:je,sectionId:Z,hasError:s.getFieldState(Z).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Pe,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:P,paymentAccount:K,accountStatus:et,plaidConnectionDetails:je,subscriptionBillingAddressSectionId:y,sectionId:Z,hasError:s.getFieldState(Z).error!=null||ce&&!ue(),isValid:ue(),analytics:h,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ae,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:D,cardPaymentView:w,resetCardPaymentViewState:ee,cardSetupInProgress:He,googleAPIKey:V,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=Ae;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:F,setIsVerificationPopupOpen:be,onGetOtp:Xe,onVerifyOtp:kt,onResendOtp:_t,onOfficerAddressClick:r=>ne(r,Re?.addressId),updateFilesEntity:Je,onEditFileName:Ge,onDeleteFile:N,verifiedPhoneNumber:xe.current,onPhoneVerified:$t,isDisabled:x.fetchState==="In-Progress"?"readonly":void 0,triggerError:tt}),a=Ve;break;case"company_details":t=l.jsx(Pn,{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=Q;break}return l.jsxs(Ln,{ref:a,isVisible:o===e,includeAnimation:o==="link_payment_account"||o==="qbo_connection"?!Be.isQBOPopupOpen:o==="company_officer"?!F:!0,paddingBottom:e==="company_details"||e==="company_officer"?M[6]:M[0],stepAnimationDirection:U,children:[S.indexOf(o)>=0?l.jsx(Bn,{windowSize:R,children:it.sectionSubTitle}):null,t]},e)})})}),l.jsx(rn,{formId:`${Ot}`,style:{width:R==="small"?"auto":"100%",paddingTop:re.sp2,paddingBottom:re.sp2},primaryBtn:{onClick:Yt,label:o==="company_details"?p.footer.submit:st.next,isLoading:x.fetchState==="In-Progress",isDisabled:x.fetchState==="In-Progress"},cancelBtn:{onClick:Mt,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;
-  }
-`,An=wt`
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Vn=O.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=O.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;
-  }
-`,$n=O.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  width: ${n=>`calc(100% - ${he.topNavBarLeftRightSpace.valuePx(n.windowSize)})`};
-`,Fn=O.div``,En=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: ${n=>he.topNavBarHeight.valuePx(n.windowSize)};
-`,Ln=O.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:An};
-  ${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=O.form`
-  padding-top: ${re.sp0};
-  flex: 1;
-`,Bn=O(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;
-`,Me=(n,C)=>{const{companyDetailsLocalData:i,companyOfficerLocalData:g,companyView:_}=n,P=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,V)=>{const c=f,v=cn(c?.documentTypeSelectedForVerification);return{userId:c?.userId,officerType:c?.officerType??`Officer_${V+1}`,name:{firstName:c?.firstName,lastName:c?.lastName},email:c?.email,fileIds:c?.fileIds??[],dob:c?.birthday?.toDate(),nationalityCountryCode:Pt(c?.nationalityCountryCode,C.map(D=>D.countryCode)),ssn:c?.ssn,role:{selectedOption:c?.titleAtCompany,allOptions:P.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&&V===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:P,stripeKey:h,googleAPIKey:w,onUpdateStep:f,onZeniLogoClick:V,handleLogOutClick:c,handleCockpitClick:v,meetingUrl:D,analytics:I,handleCreateCardSetupIntent:ee,handleConfirmCardSetupIntent:Ne,handleFetchPaymentSources:Se,updateCardPaymentModalState:T,resetCardPaymentViewState:ve,handleResetCardPaymentErrorStatuses:R,redirectToProductSuitePage:De,...Ae}=n,{allSteps:Q,completedSteps:Ve,halfCompletedSteps:Ce,currentStep:z,fetchStatus:U}=C,q=m.useRef(z),F=m.useRef(Q),[be,ce]=m.useState(!1),[Ie,te]=m.useState([]),Y={allSteps:Q,isOnAddressPage:P,completedSteps:Ve,halfCompletedSteps:Ce,errorSteps:Ie,currentStep:z,fetchStatus:U,signedInUser:g,currentTenant:_,onUpdateStep:A=>{f(A)},onZeniLogoClick:V,handleLogOutClick:c,handleCockpitClick:v,setIsStepClicked:ce};m.useEffect(()=>{if(q.current!==z){const A=q.current;be===!0&&(I?.trackOnboardingCurrentStep(z,A),ce(!1)),q.current=z}},[z,be,I]),m.useEffect(()=>{Q.length!==F.current.length&&(F.current=Q)},[Q]);const ne=(A,Pe,de)=>{const ae=F.current.length,pe=F.current.indexOf(A);switch(Pe){case"next":{const oe=(pe+1)%ae,N=F.current[oe];q.current=N,f(N),de===!0?I.trackOnboardingNext(A,N):I.trackOnboardingCurrentStep(N,A);break}case"previous":{const oe=(pe+ae-1)%ae,N=F.current[oe];q.current=N,f(N),de===!0?I.trackOnboardingBack(A,N):I.trackOnboardingCurrentStep(N,A);break}}},Oe=U.fetchState==="In-Progress"||U.fetchState==="Not-Started";return l.jsx(Rn,{isOnAddressPage:P,children:P?l.jsx(bt,{...Y}):l.jsxs(zn,{children:[l.jsx(bt,{...Y}),Oe?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,...Ae}),Oe?null:l.jsx(tn,{isFooterRendered:!0,meetingUrl:D,analytics:I,productType:"onboarding"})]})})},Rn=O.div`
-  display: flex;
-  flex-direction: column;
-  width: ${n=>n.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`,zn=O.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-`;export{pa as default};