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

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-DIey8Q_A-qZcba9zt.js → CustomerOnboardingDetailPageSkeleton-DImhzWZN-BU1ePL5b.js}

@@ -1,6 +1,6 @@
-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-ePPQ9tNX.js";import{n as r}from"./mui-bYXq4XMS.js";import{w as S}from"./core-3dlyNYRL.js";const V=r(O)`
+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)`
   /* Size is controlled by styles.root prop */
-`,J=r.div`
+`,O=r.div`
   position: relative;
   width: ${t.sp3};
   height: ${t.sp3};
@@ -22,7 +22,7 @@ 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
     pointer-events: none;
     z-index: 1;
   }
-`,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)})},B=({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,G=r.div`
+`,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`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -35,37 +35,37 @@ 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
   &: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})};
+      color: ${e=>y({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})};
     }
   }
-`,K=r.div`
+`,M=r.div`
   margin-right: ${t.sp2};
   margin-top: 2px;
-`,M=r(L)`
+`,q=r(N)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,Z=r(U)`
+`,G=r(I)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,Q=r.div`
+`,K=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%;
-`,X=r.div`
+`,Q=r.div`
   display: flex;
   flex-direction: column;
-`,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)`
+`,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)`
   color: ${e=>j({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:a,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:n}){const c=d||n.includes(e)&&i===!1;return s.jsxs(G,{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(K,{children:a?s.jsx(Z,{}):l?s.jsx(B,{}):o?s.jsx(M,{}):s.jsx(Q,{isActive:i,disabledStep:c})}),s.jsxs(X,{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`
+`;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`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -73,9 +73,9 @@ 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
   justify-content: start;
   gap: ${t.sp6};
   width: 198px;
-`,se=r.div`
+`,ee=r.div`
   width: 100%;
-`;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`
+`;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`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -83,18 +83,18 @@ 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
   justify-content: start;
   gap: ${t.sp6};
   width: 198px;
-`,re=r.div`
+`,ie=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(x,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},b=240,de=r.div`
+`,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`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   padding: ${t.sp0} 20px;
-  width: ${b}px;
+  width: ${re}px;
   box-sizing: border-box;
   position: fixed;
   height: 100%;
@@ -105,30 +105,30 @@ 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
     display: none;
   }
   border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,ae=r.div`
+`,de=r.div`
   margin: ${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0};
   width: fit-content;
-`,ne=r(I)`
+`,ae=r(E)`
   margin: 20px 12px ${t.sp0} 12px;
   height: ${t.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,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:z}=e,D=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}),D?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:H,completedSteps:l,halfCompletedSteps:d,errorSteps:a,currentStep:h,onUpdateStep:n,setIsStepClicked:z}),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`
+`,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`
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100vh;
-  min-width: ${e=>e.isNoStepsPage?"100%":`calc(100% - ${b}px)`};
-  padding-left: ${e=>e.isNoStepsPage?t.sp0:`${b}px`};
+  min-width: ${e=>e.isNoStepsPage?"100%":"calc(100% - 240px)"};
+  padding-left: ${e=>e.isNoStepsPage?t.sp0:"240px"};
   flex: 1;
 
   ${e=>e.theme.breakpoints.down("md")} {
     width: 100%;
     padding-left: ${t.sp0};
   }
-`,ce=r.div`
+`,pe=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -145,18 +145,18 @@ 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
   ${e=>e.theme.breakpoints.down("lg")} {
     background-size: cover;
   }
-`,he=r.div`
+`,ce=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
-`,v=r.div`
+`,$=r.div`
   border-radius: ${t.sp2};
   width: 100%;
   display: flex;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
-`,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};
+`,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};

package/dist/assets/CustomerOnboardingNoStepsPage-B0y5uw1X-DTSY3wEk.js

@@ -0,0 +1,66 @@
+import{a7 as le,j as n,gS as fe,u as Ce,i as Pe,a8 as we,j5 as be,a as xe,bB as ke,dt as Ae,gi as Ie,gj as ve,cf as $e,b as a,bm as Oe,aa as je,bC as Ve,c0 as Te,ad as Be,R as Q,ah as Le,s as $}from"./index-2CdI-B2B.js";import{n as c}from"./mui-kiGMfX4-.js";import{a as O}from"./core-tlHkQPPu.js";import{D as ze,A as Ee}from"./PaymentAccountSetupBillingAddressSection-NPYLXD6--Bula2_j9.js";import{X as Ue}from"./CustomerOnboardingDetailPageSkeleton-DImhzWZN-BU1ePL5b.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./SetUpAccountSection-DQMufunh-D76vpY_K.js";const ee="onboardingPaymentAccountSetupSection",de="customerOnboardingNoStepsDetailPage",t="onboardingSubscriptionBillingAddress",Y={titleWidth:new Q(343,580,726,826),subTitlePaddingTop:new Q($[3],$[3]),subTitlePaddingBottom:new Q($[3],$[3])},De=xe.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:w,cardPaymentView:S,stripeKey:V,googleAPIKey:T,signedInUser:b,currentTenant:B,onUpdateStep:L,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:E,updateCardPaymentModalState:x,handleAddCardPaymentSource:U,resetCardPaymentViewState:D,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:k,onUpdateCustomerView:_,...R})=>{const p=Ce(),K=le(),{analytics:f}=K,{onFetchLinkTokenClick:M,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:G,onEstablishConnectionClick:C,onEstablishConnectionSuccess:W,handleLogOutClick:Z,onZeniLogoClick:H,onAddressEditHandler:A}=R,X=Pe(),s=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:j(e),values:j(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:ce,saveStatus:m,paymentAccount:I,paymentAccountStatus:ue,plaidConnectionDetails:te,uiState:pe,allNationalityCountries:ne,subscriptionBillingAddress:g}=e,{customerOnboardingPage:me,common:y}=De,{footer:ge,steps:ye}=me,{buttons:q}=ge,ae=ye.link_payment_account,v=ke(m.fetchState),oe=Object.values(ce).findIndex(d=>d?.isSelectedForVerification===!0)??0,Se=`Officer_${oe<0?1:oe+1}`;O.useEffect(()=>{const d=s.watch((l,{name:o})=>{o!=null&&l!=null&&Ae(()=>(async(r,i)=>{if(r.includes(t)&&i[t]!=null){const u=s.getValues(`${t}`).country;let h=i[t];if(r.includes(`${t}.street`)&&i[t].street!=null){const{addressValue:P}=i[t].street,J=Ie(P?.country);h={street:i[t].street??y.strings.empty,city:P?.locality??y.strings.empty,state:P?.administrativeAreaLevel1??y.strings.empty,country:J,countryCode:P?.countryCode??y.strings.empty,postalCode:P?.postalCode??y.strings.empty,secondaryInfo:i[t].secondaryInfo,suite:i[t].suite},u.selectedOption!==J.selectedOption&&(h={...h,country:J})}else(r===`${t}.country`&&u.selectedOption!=null||u.selectedOption!=null&&r.includes(`${t}.street`)===!1)&&(h={...h,countryCode:ve(u.selectedOption)});A(h)}})(o,l))});return()=>{d.unsubscribe()}}),O.useEffect(()=>{v==="In-Progress"&&m.fetchState==="Completed"&&s.reset(j(e),{keepDirtyValues:!1})},[s,e,v,m.fetchState,ne]);const se=()=>{const d=Object.values(te).some(u=>u.fetchStatus.fetchState==="Completed"),l=I?.providerVerificationStatus?.code?.includes("verified")??!1,o=S.cardsList.length>0,r=S.bankAccountsList[0],i=r?.providerVerificationStatus?.code?.includes("verified")??!1;return d&&l||!l&&!I&&o||!o&&!I&&i};O.useEffect(()=>{v==="In-Progress"&&m.fetchState==="Completed"&&(s.reset(j(e),{keepDirtyValues:!1}),k())},[s,e,v,m.fetchState,ne,k]);const[ie,he]=O.useState(!1);return n.jsxs(_e,{children:[n.jsxs(Re,{windowSize:p,children:[n.jsx($e,{title:ae.sectionTitle,showBackButton:!1,backgroundColor:X.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:p!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:a.sp0,paddingBottom:a.sp0},leftSideComponent:n.jsx(Ge,{children:n.jsx(We,{"data-testid":Oe("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),n.jsx(je,{...s,children:n.jsx(Me,{id:(re=de,`${re}_form`),children:n.jsxs(Ke,{children:[n.jsx(Ze,{windowSize:p,children:ae.sectionSubTitle}),n.jsx(ze,{connectedAccountProvider:w,paymentAccount:I,accountStatus:ue,plaidConnectionDetails:te,subscriptionBillingAddressSectionId:t,sectionId:ee,analytics:f,isValid:se(),onFetchLinkTokenClick:M,onEstablishConnectionClick:C,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:G,onEstablishConnectionSuccess:W,updateCardPaymentModalState:x,cardPaymentView:S,resetCardPaymentViewState:D,cardSetupInProgress:ie,googleAPIKey:T,subscriptionBillingAddress:g})]},"link_payment_account")})}),n.jsx(Ve,{formId:`${de}`,leftSideComponent:n.jsx(Ne,{windowSize:p,children:n.jsx(Te,{signedInUser:b,currentTenant:B,onLogOutClick:Z})}),style:{width:p==="small"?"auto":"100%",padding:a.sp0,rowGap:a.sp1},helperContainerStyle:{width:"100%",rowGap:a.sp1,marginTop:"12px",marginBottom:a.sp2},primaryBtn:{onClick:async()=>{const d=await s.trigger(t),l=await s.trigger(ee);d&&l&&((()=>{const o=s.getValues(t),r={street:o.street.addressString,suite:o.suite,city:o.city,state:o.state,postalCode:o.postalCode,country:o.country.selectedOption??y.strings.empty,secondaryInfo:o.secondaryInfo};f.trackOnboardingBillingAddressSave(r)})(),L("link_payment_account"),_(Se,!1,!0))},label:q.submit,isLoading:m.fetchState==="In-Progress",isDisabled:m.fetchState==="In-Progress"||!(function(){if(s.getFieldState(t).error)return!1;const d=s.getValues(t),l=g?.street.join("").trim(),o=g?.city,r=g?.state,i=g?.country,u=g?.postalCode!=null&&g.postalCode||d.postalCode||y.strings.empty;return!!l&&!!o&&!!r&&!!i&&!!u}()&&se())},containerStyle:{width:"auto",justifyContent:"center"},helperText:q.submitText.replace("__action__",q.submit),helperStyle:{width:"auto",padding:a.sp0,rowGap:a.sp0,textAlign:"center"}})]}),n.jsx(Ee,{handleConfirmCardSetupIntent:E,updateCardPaymentModalState:x,handleCreateCardSetupIntent:z,handleAddCardPaymentSource:U,cardPaymentView:S,stripeKey:V,isCardPaymentOpen:pe.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:F,cardSetupInProgress:ie,setCardSetupInProgress:he})]});var re},_e=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${a.sp0};
+  }
+`,Re=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;
+  }
+`,Ke=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  padding-bottom: ${a.sp0};
+`,Me=c.form`
+  padding-top: ${a.sp0};
+  flex: 1;
+`,Ne=c.div`
+  display: flex;
+  height: ${a.sp7};
+  left: ${a.sp4};
+  bottom: ${a.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,Ge=c.div`
+  display: flex;
+`,We=c(Be)`
+  height: ${a.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${a.sp4};
+`,Ze=c(Le)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>Y.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>Y.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Y.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+  width: 100%;
+`,j=e=>({[ee]:{account:{allOptions:[],selectedOption:void 0}},[t]:be(t,e?.subscriptionBillingAddress)[t]}),it=e=>{const{onboardingCustomerView:w,cardPaymentView:S,signedInUser:V,currentTenant:T,isOnAddressPage:b,stripeKey:B,googleAPIKey:L,meetingUrl:z,onUpdateStep:E,onZeniLogoClick:x,handleLogOutClick:U,handleCockpitClick:D,handleCreateCardSetupIntent:F,handleConfirmCardSetupIntent:k,handleFetchPaymentSources:_,updateCardPaymentModalState:R,resetCardPaymentViewState:p,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:f,...M}=e,{allSteps:N,currentStep:G,fetchStatus:C}=w,W=le(),{analytics:Z}=W,H={allSteps:N,isOnAddressPage:b,currentStep:G,fetchStatus:C,signedInUser:V,currentTenant:T,onUpdateStep:X=>{E(X)},onZeniLogoClick:x,handleLogOutClick:U,handleCockpitClick:D,redirectToProductSuitePage:f},A=C.fetchState==="In-Progress"||C.fetchState==="Not-Started";return n.jsxs(He,{isOnAddressPage:b,children:[A?n.jsx(Ue,{isNoStepsPage:!0}):n.jsx(Fe,{...H,onboardingCustomerView:w,handleCreateCardSetupIntent:F,handleConfirmCardSetupIntent:k,updateCardPaymentModalState:R,handleFetchPaymentSources:_,cardPaymentView:S,resetCardPaymentViewState:p,stripeKey:B,googleAPIKey:L,handleResetCardPaymentErrorStatuses:K,redirectToProductSuitePage:f,...M}),A?null:n.jsx(fe,{isFooterRendered:!0,meetingUrl:z,analytics:Z,productType:"onboarding"})]})},He=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`;export{it as default};

package/dist/assets/CustomerOnboardingPage-BheJqVUY-DnAWhFCF.js

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

package/dist/assets/CustomerOnboardingProductSuitePage-BaYYKqZ9-C13CIlQM.js

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