@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/CurrencySelectField-ksMvik33-CjY_Sqhm.js

@@ -0,0 +1,139 @@
+import{cO as M,e as N,cW as P,F as H,V as l,cX as L,aK as x,bF as _,o,dl as z,cq as X,bG as g,ak as B,b as S,eX as G,eY as W,eZ as Y,ag as Z,bE as q,_ as K,p as m}from"./index-XNBiWrYj.js";import{a as w}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";const $e=({name:e,registerOptions:t,defaultValue:r,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:y,formState:{errors:f}}=M(),b=N(),[j,k]=w.useState(!1),C=P(f,e??""),D=H.getLocalizedStrings().common.currency,V=s=>{if(!(s==null||!s))return{value:s,label:r.allOptions.find(h=>h.value===s)?.label??s,countryCode:r.allOptions.find(h=>h.value===s)?.countryCode??D.countryCode}},I={container:s=>({...s,width:"100%",...c}),menu:s=>({...s,backgroundColor:b.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${b.colors.dropShadowHover}`,border:`1px solid ${b.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:b.colors.primary,margin:0}),singleValue:s=>({...s,margin:0,position:"absolute"})},F={hasError:C,menuItemHeight:u,controlStyle:p,isOptionRemovable:i};return l.jsx(L,{name:e,control:y,defaultValue:r,rules:t,"data-testid":x("currency-select-field",e),render:({field:{onChange:s,onBlur:h,value:R,ref:E}})=>{const v=R;return w.createElement(_,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:V(v.selectedOption),options:r.allOptions,"data-testid":x("currency-select",e),onChange:$=>{i&&$?.value!=null&&v?.selectedOption===$.value?s({selectedOption:void 0,allOptions:r.allOptions}):s({selectedOption:$?.value,allOptions:r.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:Q,Option:U,Input:T,SingleValue:ee,ValueContainer:J,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:A},hideSelectedOptions:!1,styles:I,isDisabled:a!=null})}})},Q=e=>{const{menuIsOpen:t,isFocused:r,isDisabled:a,selectProps:c}=e,{value:d,hasError:i,controlStyle:u}=c;return l.jsx(re,{controlStyle:u,menuIsOpen:t,isFocused:r,isDisabled:a,selectedValue:d,hasError:i,children:l.jsx(g.Control,{...e,className:"select-control",children:e.children})})},U=e=>{const{data:t,isSelected:r,isDisabled:a,isFocused:c,selectProps:d}=e,{isOptionRemovable:i}=d,u=t.countryCode,p=typeof t.label=="string"?t.label:t.value;return l.jsx(te,{isOptionRemovable:i,className:"select-option-wrapper",isFocused:c,isSelected:r,isDisabled:a,"data-testid":x("currency-select-field-option",p),children:l.jsx(g.Option,{...e,className:"select-option",children:l.jsxs(se,{children:[l.jsx(le,{countryCode:u}),l.jsx(ae,{isSelected:r,children:l.jsx(ne,{isSelected:r,isDisabled:a,children:t.label})}),r?l.jsxs(de,{children:[l.jsx(ue,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},A=e=>{const{options:t,children:r,maxHeight:a,getValue:c,selectProps:d}=e,{menuItemHeight:i}=d,[u]=c(),p=t.indexOf(u)*i;return l.jsx(X,{height:r.length>7?a:r.length*i,width:"100%",itemCount:r.length,itemSize:()=>i,initialScrollOffset:p,children:({index:y,style:f})=>l.jsx(ce,{style:f,children:r[y]})})},J=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),T=e=>{const{selectProps:t}=e,{placeholder:r,value:a}=t;return l.jsx(O,{children:l.jsx(g.Input,{...e,autoComplete:"new-password",placeholder:a==null?r:void 0,children:e.children})})},ee=e=>{const{data:t}=e;return l.jsx(g.SingleValue,{...e,children:l.jsx(O,{children:t.label})})},O=n(B)`
+  color: ${e=>e.theme.colors.primary};
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&G(e)===!1)return l.jsx(l.Fragment,{});{const t=W[`${Y(e??"")}`];return l.jsx(ie,{children:l.jsx(t,{width:o.sp4,height:o.sp3})})}},re=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};
+      ${S.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"};
+      ${S.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};
+        }
+      }
+    }
+  }
+`,te=n.div`
+  border-radius: inherit;
+  .select-option {
+    ${S.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(Z)`
+  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(q)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.primary};
+`,pe=n(K)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,he=()=>null,me=()=>null,ge=()=>null;export{$e as S};

package/dist/assets/{CustomerOnboardingActivationPage-DPghXiES-Be3J744M.js → CustomerOnboardingActivationPage-DfT_gkE4-Dk7tFjjw.js}

@@ -1,4 +1,4 @@
-import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}from"./index-2CdI-B2B.js";import{a as u}from"./core-tlHkQPPu.js";import{n as o}from"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const f=o.div`
+import{V as t,Q as b,F as d,aN as l,aK as p,A as x,o as i,ae as g,E as h,d as m}from"./index-XNBiWrYj.js";import{a as u}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const f=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -14,13 +14,13 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   height: 100%;
   z-index: 4;
   background: ${e=>e.theme.colors.background};
-`,j=o(x)`
+`,j=o(g)`
   margin: 20px 12px ${i.sp0} ${i.sp0};
   height: ${i.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,v=o.div`
+`,y=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -33,7 +33,7 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   height: 100%;
   left: 240px;
   background: ${e=>e.theme.colors.background};
-`,y=o(h)`
+`,v=o(h)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${i.sp1};
   padding: ${i.sp0} ${i.sp3};
@@ -44,15 +44,15 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   text-align: center;
 `,w=o.div`
   margin-top: ${i.sp3};
-`,z=({dashboardFetchState:e,onZeniLogoClick:s,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,n=l(e);return u.useEffect(()=>{n==="In-Progress"&&e!=="In-Progress"&&r()},[e,n,r]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:s})}),t.jsxs(v,{children:[t.jsx(y,{children:a}),t.jsx(k,{children:c}),t.jsx(w,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},L=o.div`
+`,z=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(j,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})}),t.jsxs(y,{children:[t.jsx(v,{children:a}),t.jsx(k,{children:c}),t.jsx(w,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},L=o.div`
   display: flex;
   flex-direction: column;
   height: 100vh;
   position: relative;
-`,S=o.div`
+`,P=o.div`
   width: 100%;
   position: absolute;
-`,P=o.div`
+`,D=o.div`
   position: relative;
   display: flex;
   -webkit-box-align: center;
@@ -60,12 +60,12 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   justify-content: center;
   padding: ${i.sp0} ${i.sp3};
   min-height: ${i.sp8};
-`,C=o(x)`
+`,S=o(g)`
   height: ${i.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,I=o.div`
+`,C=o.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -74,7 +74,7 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   justify-content: center;
   background: ${e=>e.theme.colors.background};
   padding: ${i.sp0} ${i.sp3};
-`,D=o(h)`
+`,E=o(h)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${i.sp1};
   text-align: center;
@@ -83,6 +83,6 @@ import{j as t,u as b,a as d,bB as l,bm as p,A as g,b as i,ad as x,H as h,L as m}
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   width: 100%;
-`,E=o.div`
+`,I=o.div`
   margin-top: ${i.sp3};
-`,R=({dashboardFetchState:e,onZeniLogoClick:s,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,n=l(e);return u.useEffect(()=>{n==="In-Progress"&&e!=="In-Progress"&&r()},[e,n,r]),t.jsxs(L,{children:[t.jsx(S,{children:t.jsx(P,{children:t.jsx(C,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:s})})}),t.jsxs(I,{children:[t.jsx(D,{children:a}),t.jsx(F,{children:c}),t.jsx(E,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},q=e=>b()==="small"?t.jsx(R,{...e}):t.jsx(z,{...e});export{q as default};
+`,A=({dashboardFetchState:e,onZeniLogoClick:n,onDashboardFetchDone:r})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return u.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&r()},[e,s,r]),t.jsxs(L,{children:[t.jsx(P,{children:t.jsx(D,{children:t.jsx(S,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:n})})}),t.jsxs(C,{children:[t.jsx(E,{children:a}),t.jsx(F,{children:c}),t.jsx(I,{children:t.jsx(x,{size:"Large",start:!0})})]})]})},G=e=>b()==="small"?t.jsx(A,{...e}):t.jsx(z,{...e});export{G as default};

package/dist/assets/CustomerOnboardingContainerPage-DZ9vkiEO-ah6dg727.js

@@ -0,0 +1 @@
+import{V as t}from"./index-XNBiWrYj.js";import o from"./CustomerOnboardingNoStepsPage-61UorFvn-DF0b8zE7.js";import i from"./CustomerOnboardingPage-C12XXjv0-mi5gJ6u3.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./PaymentAccountSetupBillingAddressSection-kUAm-v-A-BSna9XIu.js";import"./SetUpAccountSection-DOavnCkG-CmcaONdQ.js";import"./CustomerOnboardingDetailPageSkeleton-DfOtXgss-1gud75px.js";import"./CompanyOfficerDetailsSection-CiVliExW-DzmWuQm0.js";import"./LabeledAddressValueField-C_8kPzjy-5OUHMeqd.js";import"./LabeledCreatableSingleSelectField-sEf-9BOE-pPbJFdXC.js";import"./LabeledDocumentField-rGzXpShn-Cfh7MC5-.js";import"./QBOSetupSection-FrO9rgct-B0n-bnvz.js";import"./QBOConnectionDialog-BxSTc99Z-DVq4lO-s.js";const k=r=>r.currentTenant?.productSettings.isOtherProductsEnabled===!0?t.jsx(o,{...r}):t.jsx(i,{...r});export{k as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-DImhzWZN-BU1ePL5b.js → CustomerOnboardingDetailPageSkeleton-DfOtXgss-1gud75px.js}

@@ -1,6 +1,6 @@
-import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E,a as T,C as u,S as I,j8 as L,h9 as N,av as P,ai as U,j9 as W}from"./index-2CdI-B2B.js";import{n as r}from"./mui-kiGMfX4-.js";import{o as S}from"./core-tlHkQPPu.js";const F=r(W)`
+import{V as s,aK as y,bl as E,e as f,Q as T,bM as x,o as t,u as R,y as $,ae as I,F as N,p as u,a as U,hF as P,fJ as L,as as W,al as F,hG as O}from"./index-XNBiWrYj.js";import{n as r}from"./mui-bYXq4XMS.js";import{w as S}from"./core-3dlyNYRL.js";const V=r(O)`
   /* Size is controlled by styles.root prop */
-`,O=r.div`
+`,J=r.div`
   position: relative;
   width: ${t.sp3};
   height: ${t.sp3};
@@ -22,7 +22,7 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
     pointer-events: none;
     z-index: 1;
   }
-`,B=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},Z=({valueEnd:e=50})=>{const i=b();return s.jsx(B,{valueStart:0,valueEnd:e,children:o=>s.jsx(O,{theme:i,children:s.jsx(F,{value:o,strokeWidth:50,circleRatio:1,styles:{...L({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"}}})})})},y=({isActive:e,isCompleted:i,isDisabled:o,isError:l,isHalfCompleted:d,theme:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,j=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,J=r.div`
+`,Q=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const a=setTimeout(()=>{d(e)},100);return()=>clearTimeout(a)},[e]),s.jsx(s.Fragment,{children:o(l)})},G=({valueEnd:e=50})=>{const i=f();return s.jsx(Q,{valueStart:0,valueEnd:e,children:o=>s.jsx(J,{theme:i,children:s.jsx(V,{value:o,strokeWidth:50,circleRatio:1,styles:{...P({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:a})=>e||i||d||l?l?u.runwayRed:a.colors.primary:o?a.colors.grey1:a.colors.hero,j=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,K=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -35,7 +35,7 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
   &: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=>y({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
+      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=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
@@ -44,28 +44,28 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
 `,M=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,q=r(N)`
+`,X=r(L)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,G=r(I)`
+`,Z=r(U)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,K=r.div`
+`,q=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`
+`,B=r.div`
   display: flex;
   flex-direction: column;
-`,V=r(P)`
-  color: ${e=>y({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`,X=r(U)`
+`,Y=r(W)`
+  color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
+`,_=r(F)`
   color: ${e=>j({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`;function Y({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(J,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":v("step-box",e),children:[s.jsx(M,{children:a?s.jsx(G,{}):l?s.jsx(Z,{}):o?s.jsx(q,{}):s.jsx(K,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(V,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(X,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const _=r.div`
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(K,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:a,onClick:d===!1?()=>{n.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":y("step-box",e),children:[s.jsx(M,{children:a?s.jsx(Z,{}):l?s.jsx(G,{}):o?s.jsx(X,{}):s.jsx(q,{isActive:i,disabledStep:c})}),s.jsxs(B,{children:[s.jsx(Y,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(_,{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;
@@ -73,9 +73,9 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
   justify-content: start;
   gap: ${t.sp6};
   width: 198px;
-`,ee=r.div`
+`,se=r.div`
   width: 100%;
-`;function te({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:a,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=T.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(_,{children:e.map(n=>s.jsx(ee,{children:s.jsx(Y,{isActive:n===d,isCompleted:i.includes(n),isHalfCompleted:o.includes(n),isError:l.includes(n),isDisabled:a,onboardingStep:n,stepText:p[n].stepText,stepSubText:p[n].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},n))})}const se=r.div`
+`;function ie({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:a,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=N.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(te,{children:e.map(n=>s.jsx(se,{children:s.jsx(ee,{isActive:n===d,isCompleted:i.includes(n),isHalfCompleted:o.includes(n),isError:l.includes(n),isDisabled:a,onboardingStep:n,stepText:p[n].stepText,stepSubText:p[n].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},n))})}const oe=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -83,18 +83,18 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
   justify-content: start;
   gap: ${t.sp6};
   width: 198px;
-`,ie=r.div`
+`,re=r.div`
   height: 89px; // As per figma specs
   border-radius: ${t.sp2};
   width: 100%;
   display: flex;
   box-sizing: border-box;
-`,oe=()=>{const e=b();return s.jsx(se,{children:[...Array(2)].map((i,o)=>s.jsx(ie,{children:s.jsx(x,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},re=240,le=r.div`
+`,le=()=>{const e=f();return s.jsx(oe,{children:[...Array(2)].map((i,o)=>s.jsx(re,{children:s.jsx(x,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},b=240,de=r.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   padding: ${t.sp0} 20px;
-  width: ${re}px;
+  width: ${b}px;
   box-sizing: border-box;
   position: fixed;
   height: 100%;
@@ -105,30 +105,30 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
     display: none;
   }
   border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,de=r.div`
+`,ae=r.div`
   margin: ${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0};
   width: fit-content;
-`,ae=r(E)`
+`,ne=r(I)`
   margin: 20px 12px ${t.sp0} 12px;
   height: ${t.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,ue=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:w,handleCockpitClick:k,setIsStepClicked:A}=e,z=p.fetchState==="In-Progress"||p.fetchState==="Not-Started";return s.jsxs(le,{children:[s.jsx(ae,{"data-testid":v("zeni-logo-customer-onboarding-drawer"),onClick:c}),z?s.jsx(oe,{}):s.jsx(te,{allSteps:o,isDisabled:i,disabledSteps:[],completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:A}),s.jsx(de,{children:s.jsx(H,{signedInUser:m,currentTenant:g,onLogOutClick:w,onCockpitClick:k})})]})},C={titleRectangleWidth:new f(250,500,550,600),subTitleRectangleWidth:new f(343,600,700,800)},ne=r.div`
+`,xe=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:n,onZeniLogoClick:c,handleLogOutClick:k,handleCockpitClick:A,setIsStepClicked:D}=e,z=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",H=[];return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),z?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:D}),s.jsx(ae,{children:s.jsx(E,{signedInUser:m,currentTenant:g,onLogOutClick:k,onCockpitClick:A})})]})},C={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% - 240px)"};
-  padding-left: ${e=>e.isNoStepsPage?t.sp0:"240px"};
+  min-width: ${e=>e.isNoStepsPage?"100%":`calc(100% - ${b}px)`};
+  padding-left: ${e=>e.isNoStepsPage?t.sp0:`${b}px`};
   flex: 1;
 
   ${e=>e.theme.breakpoints.down("md")} {
     width: 100%;
     padding-left: ${t.sp0};
   }
-`,pe=r.div`
+`,ce=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -145,18 +145,18 @@ import{j as s,bm as v,c0 as H,i as b,u as D,cA as x,b as t,s as R,R as f,ad as E
   ${e=>e.theme.breakpoints.down("lg")} {
     background-size: cover;
   }
-`,ce=r.div`
+`,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
-`,$=r.div`
+`,v=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=b(),o=D();return s.jsx(ne,{isNoStepsPage:e,children:s.jsx(pe,{windowSize:o,children:s.jsxs(ce,{children:[s.jsx($,{children:s.jsx(x,{width:C.titleRectangleWidth.value(o),height:R[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx($,{children:s.jsx(x,{width:C.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{re as F,xe as X,ue as q};
+`,be=({isNoStepsPage:e=!1})=>{const i=f(),o=T();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(v,{children:s.jsx(x,{width:C.titleRectangleWidth.value(o),height:R[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(v,{children:s.jsx(x,{width:C.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{b as a,xe as b,be as f};

package/dist/assets/CustomerOnboardingNoStepsPage-61UorFvn-DF0b8zE7.js

@@ -0,0 +1,66 @@
+import{a7 as se,V as o,fr as Ce,Q as Pe,e as be,a8 as we,hD as xe,F as ke,aN as Ie,cB as Ae,bz as $e,o as i,aK as Oe,ab as Ve,aO as ve,bl as je,d2 as Te,d3 as oe,ae as Le,y as Q,ak as ze,u as A}from"./index-XNBiWrYj.js";import{n as c}from"./mui-bYXq4XMS.js";import{a as $}from"./core-3dlyNYRL.js";import{s as Ue,o as Be}from"./PaymentAccountSetupBillingAddressSection-kUAm-v-A-BSna9XIu.js";import{f as Ee}from"./CustomerOnboardingDetailPageSkeleton-DfOtXgss-1gud75px.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./SetUpAccountSection-DOavnCkG-CmcaONdQ.js";const X="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])},_e=e=>`${e}_form`,Fe=ke.getLocalizedStrings(),De=({onboardingCustomerView:e,connectedAccountProvider:C,cardPaymentView:y,stripeKey:V,googleAPIKey:v,signedInUser:P,currentTenant:j,onUpdateStep:T,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:z,updateCardPaymentModalState:b,handleAddCardPaymentSource:U,resetCardPaymentViewState:B,handleResetCardPaymentErrorStatuses:E,redirectToProductSuitePage:w,onUpdateCustomerView:_,...F})=>{const u=Pe(),D=se(),{analytics:h}=D,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionClick:S,onEstablishConnectionSuccess:R,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=F,Z=be(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:O(e),values:O(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:p,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:q,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:m}=e,{customerOnboardingPage:ce,common:g}=Fe,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=Ie(p.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,f=Te(l?.country);d={street:a[n].street??g.strings.empty,city:l?.locality??g.strings.empty,state:l?.administrativeAreaLevel1??g.strings.empty,country:f,countryCode:l?.countryCode??g.strings.empty,postalCode:l?.postalCode??g.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},s.selectedOption!==f.selectedOption&&(d={...d,country:f})}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&&Ae(()=>ge(s,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&r.reset(O(e),{keepDirtyValues:!1})},[r,e,I,p.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??g.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(q).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,s=y.cardsList.length>0,d=y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&s||!s&&!k&&d};function he(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=m?.street.join("").trim(),s=m?.city,d=m?.state,l=m?.country,f=m?.postalCode!=null&&m.postalCode||t.postalCode||g.strings.empty;return!!a&&!!s&&!!d&&!!l&&!!f}const Se=async()=>{const t=await r.trigger(n),a=await r.trigger(X);t&&a&&(ye(),T("link_payment_account"),_(me,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&p.fetchState==="Completed"&&(r.reset(O(e),{keepDirtyValues:!1}),w())},[r,e,I,p.fetchState,Y,w]);const[ae,fe]=$.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:u,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:i.sp0,paddingBottom:i.sp0},leftSideComponent:o.jsx(We,{children:o.jsx(Ze,{"data-testid":Oe("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:W})})}),o.jsx(Ve,{...r,children:o.jsx(Re,{id:_e(ie),children:o.jsxs(Ne,{children:[o.jsx(He,{windowSize:u,children:ee.sectionSubTitle}),o.jsx(Ue,{connectedAccountProvider:C,paymentAccount:k,accountStatus:de,plaidConnectionDetails:q,subscriptionBillingAddressSectionId:n,sectionId:X,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionSuccess:R,updateCardPaymentModalState:b,cardPaymentView:y,resetCardPaymentViewState:B,cardSetupInProgress:ae,googleAPIKey:v,subscriptionBillingAddress:m})]},"link_payment_account")})}),o.jsx(ve,{formId:`${ie}`,leftSideComponent:o.jsx(Ge,{windowSize:u,children:o.jsx(je,{signedInUser:P,currentTenant:j,onLogOutClick:G})}),style:{width:u==="small"?"auto":"100%",padding:i.sp0,rowGap:i.sp1},helperContainerStyle:{width:"100%",rowGap:i.sp1,marginTop:"12px",marginBottom:i.sp2},primaryBtn:{onClick:Se,label:H.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(he()&&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(Be,{handleConfirmCardSetupIntent:z,updateCardPaymentModalState:b,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:U,cardPaymentView:y,stripeKey:V,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:E,cardSetupInProgress:ae,setCardSetupInProgress:fe})]})},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;
+  }
+`,Ne=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding-bottom: ${i.sp0};
+`,Re=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(ze)`
+  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%;
+`,O=e=>({[X]:{account:{allOptions:[],selectedOption:void 0}},[n]:xe(n,e?.subscriptionBillingAddress)[n]}),ct=e=>{const{onboardingCustomerView:C,cardPaymentView:y,signedInUser:V,currentTenant:v,isOnAddressPage:P,stripeKey:j,googleAPIKey:T,meetingUrl:L,onUpdateStep:z,onZeniLogoClick:b,handleLogOutClick:U,handleCockpitClick:B,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:_,updateCardPaymentModalState:F,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:D,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:N,fetchStatus:S}=C,R=se(),{analytics:G}=R,W={allSteps:M,isOnAddressPage:P,currentStep:N,fetchStatus:S,signedInUser:V,currentTenant:v,onUpdateStep:Z=>{z(Z)},onZeniLogoClick:b,handleLogOutClick:U,handleCockpitClick:B,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(Qe,{isOnAddressPage:P,children:[x?o.jsx(Ee,{isNoStepsPage:!0}):o.jsx(De,{...W,onboardingCustomerView:C,handleCreateCardSetupIntent:E,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:F,handleFetchPaymentSources:_,cardPaymentView:y,resetCardPaymentViewState:u,stripeKey:j,googleAPIKey:T,handleResetCardPaymentErrorStatuses:D,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{ct as default};

package/dist/assets/CustomerOnboardingPage-C12XXjv0-mi5gJ6u3.js

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