@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/CurrencySelectField-DOCEstMc-DZU689ma.js

@@ -0,0 +1,139 @@
+import{cO as M,d as _,cW as L,F as P,V as l,cX as N,aK as x,bF as H,o,dh as z,cq as X,bG as g,ak as q,b as w,eY as B,eZ as T,e_ as W,ag as Y,bE as Z,L as G,p as m}from"./index-DJLrbf0F.js";import{a as S}from"./core-CA3j8Axi.js";import{n}from"./mui-DpJXlk4t.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="603dabce-e62d-4474-8a3d-42ca1c891e49",e._sentryDebugIdIdentifier="sentry-dbid-603dabce-e62d-4474-8a3d-42ca1c891e49")}catch{}})();const $e=({name:e,registerOptions:t,defaultValue:r,isDisabled:a,style:c,placeholder:d,isOptionRemovable:i=!0,menuItemHeight:u=40,controlStyle:p})=>{const{control:f,formState:{errors:y}}=M(),b=_(),[j,k]=S.useState(!1),C=L(y,e??""),D=P.getLocalizedStrings().common.currency,I=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}},V={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(N,{name:e,control:f,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 S.createElement(H,{...F,ref:E,isMulti:!1,isSearchable:!0,isClearable:i,autoFocus:j===!0,openMenuOnClick:!0,controlShouldRenderValue:!0,placeholder:d,value:I(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:K,Option:Q,Input:J,SingleValue:ee,ValueContainer:A,DropdownIndicator:he,IndicatorSeparator:me,Placeholder:oe,ClearIndicator:ge,MenuList:U},hideSelectedOptions:!1,styles:V,isDisabled:a!=null})}})},K=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})})},Q=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]})})})},U=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:f,style:y})=>l.jsx(ce,{style:y,children:r[f]})})},A=e=>l.jsx(g.ValueContainer,{...e,className:"select-value-container",children:e.children}),J=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(q)`
+  color: ${e=>e.theme.colors.primary};
+`,oe=()=>null,le=({countryCode:e})=>{if(e!=null&&B(e)===!1)return l.jsx(l.Fragment,{});{const t=T[`${W(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};
+      ${w.standardRegular.css};
+    }
+
+    .currency-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?o.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${w.standardRegular.css};
+      color: ${e=>e.hasError===!0?m.important:e.theme.colors.primary};
+      margin: ${o.sp0};
+      cursor: inherit;
+      top: ${o.sp2};
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        text-align: ${e=>e.isFocused===!1?"right":"left"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError?m.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+`,te=n.div`
+  border-radius: inherit;
+  .select-option {
+    ${w.smallRegular.css};
+    height: ${o.sp6};
+    padding: 9px ${o.sp3};
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
+    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+    border-radius: inherit;
+    .close-tick-icon {
+      display: none;
+    }
+
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: ${e=>e.isOptionRemovable?"none":"inline-block"};
+      }
+      .close-tick-icon {
+        display: ${e=>e.isOptionRemovable?"inline-block":"none"};
+      }
+    }
+  }
+`,se=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,ie=n.div`
+  padding-right: ${o.sp2};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  fill: initial;
+  color: initial;
+`,ne=n(Y)`
+  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(Z)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.primary};
+`,pe=n(G)`
+  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-DMPNjFL_-ku4Vuy0S.js

@@ -0,0 +1,88 @@
+import{V as t,q as u,F as d,aN as l,aK as p,m as g,o as i,ae as h,D as x,l as b}from"./index-DJLrbf0F.js";import{a as m}from"./core-CA3j8Axi.js";import{n as o}from"./mui-DpJXlk4t.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="a0046dc7-6cbc-4531-b7c2-712bb0464f40",e._sentryDebugIdIdentifier="sentry-dbid-a0046dc7-6cbc-4531-b7c2-712bb0464f40")}catch{}})();const f=o.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,$=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding: ${i.sp0} 20px;
+  width: 240px;
+  box-sizing: border-box;
+  position: fixed;
+  justify-content: space-between;
+  height: 100%;
+  z-index: 4;
+  background: ${e=>e.theme.colors.background};
+`,y=o(h)`
+  margin: 20px 12px ${i.sp0} ${i.sp0};
+  height: ${i.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,j=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding-right: 240px;
+  width: calc(100% - 240px);
+  box-sizing: border-box;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  left: 240px;
+  background: ${e=>e.theme.colors.background};
+`,w=o(x)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${i.sp1};
+  padding: ${i.sp0} ${i.sp3};
+  text-align: center;
+`,v=o(b)`
+  color: ${e=>e.theme.colors.hero};
+  padding: ${i.sp0} ${i.sp3};
+  text-align: center;
+`,k=o.div`
+  margin-top: ${i.sp3};
+`,z=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return m.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(f,{children:[t.jsx($,{children:t.jsx(y,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})}),t.jsxs(j,{children:[t.jsx(w,{children:a}),t.jsx(v,{children:c}),t.jsx(k,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},D=o.div`
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  position: relative;
+`,I=o.div`
+  width: 100%;
+  position: absolute;
+`,L=o.div`
+  position: relative;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  justify-content: center;
+  padding: ${i.sp0} ${i.sp3};
+  min-height: ${i.sp8};
+`,P=o(h)`
+  height: ${i.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,S=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${i.sp0} ${i.sp3};
+`,C=o(x)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${i.sp1};
+  text-align: center;
+  width: 100%;
+`,F=o(b)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+  width: 100%;
+`,T=o.div`
+  margin-top: ${i.sp3};
+`,E=({dashboardFetchState:e,onZeniLogoClick:r,onDashboardFetchDone:n})=>{const{title:a,subTitle:c}=d.getLocalizedStrings().customerOnboardingPage.thankYou,s=l(e);return m.useEffect(()=>{s==="In-Progress"&&e!=="In-Progress"&&n()},[e,s,n]),t.jsxs(D,{children:[t.jsx(I,{children:t.jsx(L,{children:t.jsx(P,{"data-testid":p("zeni-logo-customer-onboarding-activation-page"),onClick:r})})}),t.jsxs(S,{children:[t.jsx(C,{children:a}),t.jsx(F,{children:c}),t.jsx(T,{children:t.jsx(g,{size:"Large",start:!0})})]})]})},G=e=>u()==="small"?t.jsx(E,{...e}):t.jsx(z,{...e});export{G as default};

package/dist/assets/CustomerOnboardingContainerPage-SmOFmXBW-DTgF2r26.js

@@ -0,0 +1 @@
+import{V as o}from"./index-DJLrbf0F.js";import i from"./CustomerOnboardingNoStepsPage-EBVRCYfJ-CfvYqECa.js";import e from"./CustomerOnboardingPage-TJK6s-LM-BKRL2lJB.js";import"./core-CA3j8Axi.js";import"./mui-DpJXlk4t.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./PaymentAccountSetupBillingAddressSection-BiU8tQnm-4Kl9uXwr.js";import"./SetUpAccountSection-C1EnJv1V-nWkvB51T.js";import"./CustomerOnboardingDetailPageSkeleton-CBYo4VQn-Dn7fU-s8.js";import"./CompanyOfficerDetailsSection-DR_6TlQa-eD8A7jcO.js";import"./LabeledAddressValueField-CC7T3qZQ-m9gvzhHo.js";import"./LabeledCreatableSingleSelectField-DKD0oEl8-gq-eDRMt.js";import"./LabeledDocumentField-Dy3jwAiL-49YAoImC.js";import"./QBOSetupSection-B59etoGz-Dx4Hkrje.js";import"./QBOConnectionDialog-DNB2C1vQ-B6h7mZJt.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new t.Error().stack;r&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[r]="d4a744b4-94f0-4335-a1ca-f03726510e17",t._sentryDebugIdIdentifier="sentry-dbid-d4a744b4-94f0-4335-a1ca-f03726510e17")}catch{}})();const k=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?o.jsx(i,{...t}):o.jsx(e,{...t});export{k as default};

package/dist/assets/{CustomerOnboardingDetailPageSkeleton-C4Z1pDVe-BqoeEQuE.js → CustomerOnboardingDetailPageSkeleton-CBYo4VQn-Dn7fU-s8.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,d as R,y as $,ae as I,F as N,p as u,u as U,hG as P,fK as L,as as O,al as W,hH as q}from"./index-Dm9r1f6s.js";import{n as r}from"./mui-DLNyBjYF.js";import{S}from"./core-B-FNbYlu.js";const F=r(q)`
+import{V as s,aK as v,bl as E,d as f,q as I,bM as b,o as t,c as T,y as $,ae as R,F as N,p as u,h as U,hH as P,fK as L,as as _,al as O,hI as W}from"./index-DJLrbf0F.js";import{n as r}from"./mui-DpJXlk4t.js";import{S}from"./core-CA3j8Axi.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="b889922a-e5a4-4ed0-93b4-3d59a519d915",e._sentryDebugIdIdentifier="sentry-dbid-b889922a-e5a4-4ed0-93b4-3d59a519d915")}catch{}})();const q=r(W)`
   /* Size is controlled by styles.root prop */
-`,K=r.div`
+`,F=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,d as R,y as $,ae as I
     pointer-events: none;
     z-index: 1;
   }
-`,M=({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)})},V=({valueEnd:e=50})=>{const i=f();return s.jsx(M,{valueStart:0,valueEnd:e,children:o=>s.jsx(K,{theme:i,children:s.jsx(F,{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`
+`,K=({valueEnd:e,valueStart:i,children:o})=>{const[l,d]=S.useState(i);return S.useEffect(()=>{const n=setTimeout(()=>{d(e)},100);return()=>clearTimeout(n)},[e]),s.jsx(s.Fragment,{children:o(l)})},M=({valueEnd:e=50})=>{const i=f();return s.jsx(K,{valueStart:0,valueEnd:e,children:o=>s.jsx(F,{theme:i,children:s.jsx(q,{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:n})=>e||i||d||l?l?u.runwayRed:n.colors.primary:o?n.colors.grey1:n.colors.hero,k=({isActive:e,isCompleted:i,isDisabled:o,isHalfCompleted:l,theme:d})=>e||i||l?d.colors.primary:o?d.colors.grey1:d.colors.hero,V=r.div`
   width: 100%;
   display: flex;
   background: ${e=>e.isActive?e.theme.colors.grey5:null};
@@ -38,7 +38,7 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
       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})};
+      color: ${e=>k({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.isDisabled,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
     }
   }
 `,J=r.div`
@@ -48,11 +48,11 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.success};
-`,_=r(U)`
+`,B=r(U)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: ${u.runwayRed};
-`,B=r.div`
+`,G=r.div`
   height: ${t.sp3};
   width: ${t.sp3};
   border: 1px solid
@@ -61,11 +61,11 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
 `,Q=r.div`
   display: flex;
   flex-direction: column;
-`,X=r(O)`
+`,X=r(_)`
   color: ${e=>w({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isError:e.isError,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
-`,Y=r(W)`
-  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(J,{children:a?s.jsx(_,{}):l?s.jsx(V,{}):o?s.jsx(Z,{}):s.jsx(B,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:a,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
+`,Y=r(O)`
+  color: ${e=>k({isActive:e.isActive,isCompleted:e.isCompleted,isDisabled:e.disabledStep,isHalfCompleted:e.isHalfCompleted,theme:e.theme})};
+`;function ee({onboardingStep:e,isActive:i,isCompleted:o,isHalfCompleted:l,isDisabled:d,isError:n,stepText:h,stepSubText:m,onUpdateStep:g,setIsStepClicked:p,disabledSteps:a}){const c=d||a.includes(e)&&i===!1;return s.jsxs(V,{isActive:i,isDisabled:c,isCompleted:o,isHalfCompleted:l,isError:n,onClick:d===!1?()=>{a.includes(e)&&i===!1||(p(!0),g(e))}:void 0,"data-testid":v("step-box",e),children:[s.jsx(J,{children:n?s.jsx(B,{}):l?s.jsx(M,{}):o?s.jsx(Z,{}):s.jsx(G,{isActive:i,disabledStep:c})}),s.jsxs(Q,{children:[s.jsx(X,{className:"step-content-title",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,isError:n,children:h}),s.jsx(Y,{className:"step-content-subtitle",isActive:i,isCompleted:o,isHalfCompleted:l,disabledStep:c,children:m})]})]})}const te=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -75,7 +75,7 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
   width: 198px;
 `,se=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 ie({allSteps:e,completedSteps:i,halfCompletedSteps:o,errorSteps:l,currentStep:d,isDisabled:n,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g}){const p=N.getLocalizedStrings().customerOnboardingPage.steps;return s.jsx(te,{children:e.map(a=>s.jsx(se,{children:s.jsx(ee,{isActive:a===d,isCompleted:i.includes(a),isHalfCompleted:o.includes(a),isError:l.includes(a),isDisabled:n,onboardingStep:a,stepText:p[a].stepText,stepSubText:p[a].stepSubText,onUpdateStep:h,setIsStepClicked:m,disabledSteps:g})},a))})}const oe=r.div`
   display: flex;
   flex: 1 1 auto;
   margin-top: 84px;
@@ -89,12 +89,12 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
   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`
+`,le=()=>{const e=f();return s.jsx(oe,{children:[...Array(2)].map((i,o)=>s.jsx(re,{children:s.jsx(b,{width:198,height:89,backgroundColor:e.colors.grey3,style:{borderRadius:t.sp2}})},o))})},x=240,de=r.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   padding: ${t.sp0} 20px;
-  width: ${b}px;
+  width: ${x}px;
   box-sizing: border-box;
   position: fixed;
   height: 100%;
@@ -105,23 +105,23 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
     display: none;
   }
   border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,ae=r.div`
+`,ne=r.div`
   margin: ${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0};
   width: fit-content;
-`,ne=r(I)`
+`,ae=r(R)`
   margin: 20px 12px ${t.sp0} 12px;
   height: ${t.sp4};
   width: 102px;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
   flex-shrink: 0;
-`,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,H=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",D=[];return s.jsxs(de,{children:[s.jsx(ne,{"data-testid":y("zeni-logo-customer-onboarding-drawer"),onClick:c}),H?s.jsx(le,{}):s.jsx(ie,{allSteps:o,isDisabled:i,disabledSteps:D,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`
+`,be=e=>{const{isOnAddressPage:i,allSteps:o,completedSteps:l,halfCompletedSteps:d,errorSteps:n,currentStep:h,signedInUser:m,currentTenant:g,fetchStatus:p,onUpdateStep:a,onZeniLogoClick:c,handleLogOutClick:j,handleCockpitClick:A,setIsStepClicked:D}=e,z=p.fetchState==="In-Progress"||p.fetchState==="Not-Started",H=[];return s.jsxs(de,{children:[s.jsx(ae,{"data-testid":v("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:n,currentStep:h,onUpdateStep:a,setIsStepClicked:D}),s.jsx(ne,{children:s.jsx(E,{signedInUser:m,currentTenant:g,onLogOutClick:j,onCockpitClick:A})})]})},y={titleRectangleWidth:new $(250,500,550,600),subTitleRectangleWidth:new $(343,600,700,800)},pe=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100vh;
-  min-width: ${e=>e.isNoStepsPage?"100%":`calc(100% - ${b}px)`};
-  padding-left: ${e=>e.isNoStepsPage?t.sp0:`${b}px`};
+  min-width: ${e=>e.isNoStepsPage?"100%":`calc(100% - ${x}px)`};
+  padding-left: ${e=>e.isNoStepsPage?t.sp0:`${x}px`};
   flex: 1;
 
   ${e=>e.theme.breakpoints.down("md")} {
@@ -152,11 +152,11 @@ import{V as s,aK as y,bl as E,e as f,q as T,bM as x,o as t,d as R,y as $,ae as I
   justify-content: center;
   gap: ${t.sp3};
   margin-top: 94px; // As per Figma Specs - Nav Bar Height + 32 px
-`,v=r.div`
+`,C=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=f(),o=I();return s.jsx(pe,{isNoStepsPage:e,children:s.jsx(ce,{windowSize:o,children:s.jsxs(he,{children:[s.jsx(C,{children:s.jsx(b,{width:y.titleRectangleWidth.value(o),height:T[6],backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})}),s.jsx(C,{children:s.jsx(b,{width:y.subTitleRectangleWidth.value(o),height:27,backgroundColor:i.colors.grey3,style:{borderRadius:t.sp2}})})]})})})};export{x as a,be as b,xe as f};

package/dist/assets/CustomerOnboardingNoStepsPage-EBVRCYfJ-CfvYqECa.js

@@ -0,0 +1,66 @@
+import{a7 as ie,V as o,fs as Ce,q as be,d as Pe,a8 as we,hF as xe,F as ke,aN as Ie,cB as Ae,bz as $e,o as s,aK as Oe,ab as Ve,aO as ve,bl as Te,eU as je,eV as oe,ae as Le,y as q,ak as Ue,c as A}from"./index-DJLrbf0F.js";import{n as c}from"./mui-DpJXlk4t.js";import{a as $}from"./core-CA3j8Axi.js";import{s as ze,o as Ee}from"./PaymentAccountSetupBillingAddressSection-BiU8tQnm-4Kl9uXwr.js";import{f as _e}from"./CustomerOnboardingDetailPageSkeleton-CBYo4VQn-Dn7fU-s8.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";import"./SetUpAccountSection-C1EnJv1V-nWkvB51T.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},u=new e.Error().stack;u&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[u]="3c376be1-34f3-40e0-8afd-095e693c5302",e._sentryDebugIdIdentifier="sentry-dbid-3c376be1-34f3-40e0-8afd-095e693c5302")}catch{}})();const Q="onboardingPaymentAccountSetupSection",se="customerOnboardingNoStepsDetailPage",n="onboardingSubscriptionBillingAddress",J={titleWidth:new q(343,580,726,826),subTitlePaddingTop:new q(A[3],A[3]),subTitlePaddingBottom:new q(A[3],A[3])},Be=e=>`${e}_form`,De=ke.getLocalizedStrings(),Fe=({onboardingCustomerView:e,connectedAccountProvider:u,cardPaymentView:p,stripeKey:V,googleAPIKey:v,signedInUser:b,currentTenant:T,onUpdateStep:j,handleCreateCardSetupIntent:L,handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleAddCardPaymentSource:z,resetCardPaymentViewState:E,handleResetCardPaymentErrorStatuses:_,redirectToProductSuitePage:w,onUpdateCustomerView:B,...D})=>{const g=be(),F=ie(),{analytics:h}=F,{onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionClick:S,onEstablishConnectionSuccess:R,handleLogOutClick:G,onZeniLogoClick:W,onAddressEditHandler:x}=D,Z=Pe(),r=we({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:O(e),values:O(e),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:re,saveStatus:m,paymentAccount:k,paymentAccountStatus:de,plaidConnectionDetails:X,uiState:le,allNationalityCountries:Y,subscriptionBillingAddress:y}=e,{customerOnboardingPage:ce,common:f}=De,{footer:ue,steps:pe}=ce,{buttons:H}=ue,ee=pe.link_payment_account,I=Ie(m.fetchState),te=Object.values(re).findIndex(t=>t?.isSelectedForVerification===!0)??0,ge=`Officer_${te<0?1:te+1}`,me=async(t,a)=>{if(t.includes(n)&&a[n]!=null){const i=r.getValues(`${n}`).country;let d=a[n];if(t.includes(`${n}.street`)&&a[n].street!=null){const{addressValue:l}=a[n].street,C=je(l?.country);d={street:a[n].street??f.strings.empty,city:l?.locality??f.strings.empty,state:l?.administrativeAreaLevel1??f.strings.empty,country:C,countryCode:l?.countryCode??f.strings.empty,postalCode:l?.postalCode??f.strings.empty,secondaryInfo:a[n].secondaryInfo,suite:a[n].suite},i.selectedOption!==C.selectedOption&&(d={...d,country:C})}else t===`${n}.country`&&i.selectedOption!=null?d={...d,countryCode:oe(i.selectedOption)}:i.selectedOption!=null&&t.includes(`${n}.street`)===!1&&(d={...d,countryCode:oe(i.selectedOption)});x(d)}};$.useEffect(()=>{const t=r.watch((a,{name:i})=>{i!=null&&a!=null&&Ae(()=>me(i,a))});return()=>{t.unsubscribe()}}),$.useEffect(()=>{I==="In-Progress"&&m.fetchState==="Completed"&&r.reset(O(e),{keepDirtyValues:!1})},[r,e,I,m.fetchState,Y]);const ye=()=>{const t=r.getValues(n),a={street:t.street.addressString,suite:t.suite,city:t.city,state:t.state,postalCode:t.postalCode,country:t.country.selectedOption??f.strings.empty,secondaryInfo:t.secondaryInfo};h.trackOnboardingBillingAddressSave(a)},ne=()=>{const t=Object.values(X).some(l=>l.fetchStatus.fetchState==="Completed"),a=k?.providerVerificationStatus?.code?.includes("verified")??!1,i=p.cardsList.length>0,d=p.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return t&&a||!a&&!k&&i||!i&&!k&&d};function fe(){if(r.getFieldState(n).error)return!1;const t=r.getValues(n),a=y?.street.join("").trim(),i=y?.city,d=y?.state,l=y?.country,C=y?.postalCode!=null&&y.postalCode||t.postalCode||f.strings.empty;return!!a&&!!i&&!!d&&!!l&&!!C}const he=async()=>{const t=await r.trigger(n),a=await r.trigger(Q);t&&a&&(ye(),j("link_payment_account"),B(ge,!1,!0))};$.useEffect(()=>{I==="In-Progress"&&m.fetchState==="Completed"&&(r.reset(O(e),{keepDirtyValues:!1}),w())},[r,e,I,m.fetchState,Y,w]);const[ae,Se]=$.useState(!1);return o.jsxs(Ke,{children:[o.jsxs(Me,{windowSize:g,children:[o.jsx($e,{title:ee.sectionTitle,showBackButton:!1,backgroundColor:Z.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:g!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:s.sp0,paddingBottom:s.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:Be(se),children:o.jsxs(Ne,{children:[o.jsx(He,{windowSize:g,children:ee.sectionSubTitle}),o.jsx(ze,{connectedAccountProvider:u,paymentAccount:k,accountStatus:de,plaidConnectionDetails:X,subscriptionBillingAddressSectionId:n,sectionId:Q,analytics:h,isValid:ne(),onFetchLinkTokenClick:K,onEstablishConnectionClick:S,onUpdatePaymentAccountStatus:M,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionSuccess:R,updateCardPaymentModalState:P,cardPaymentView:p,resetCardPaymentViewState:E,cardSetupInProgress:ae,googleAPIKey:v,subscriptionBillingAddress:y})]},"link_payment_account")})}),o.jsx(ve,{formId:`${se}`,leftSideComponent:o.jsx(Ge,{windowSize:g,children:o.jsx(Te,{signedInUser:b,currentTenant:T,onLogOutClick:G})}),style:{width:g==="small"?"auto":"100%",padding:s.sp0,rowGap:s.sp1},helperContainerStyle:{width:"100%",rowGap:s.sp1,marginTop:"12px",marginBottom:s.sp2},primaryBtn:{onClick:he,label:H.submit,isLoading:m.fetchState==="In-Progress",isDisabled:m.fetchState==="In-Progress"||!(fe()&&ne())},containerStyle:{width:"auto",justifyContent:"center"},helperText:H.submitText.replace("__action__",H.submit),helperStyle:{width:"auto",padding:s.sp0,rowGap:s.sp0,textAlign:"center"}})]}),o.jsx(Ee,{handleConfirmCardSetupIntent:U,updateCardPaymentModalState:P,handleCreateCardSetupIntent:L,handleAddCardPaymentSource:z,cardPaymentView:p,stripeKey:V,isCardPaymentOpen:le.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:_,cardSetupInProgress:ae,setCardSetupInProgress:Se})]})},Ke=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 100% ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    padding-left: ${s.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: ${s.sp0};
+`,Re=c.form`
+  padding-top: ${s.sp0};
+  flex: 1;
+`,Ge=c.div`
+  display: flex;
+  height: ${s.sp7};
+  left: ${s.sp4};
+  bottom: ${s.sp3};
+  position: fixed;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`,We=c.div`
+  display: flex;
+`,Ze=c(Le)`
+  height: ${s.sp4};
+  width: 102px;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+  flex-shrink: 0;
+  margin-left: -${s.sp4};
+`,He=c(Ue)`
+  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=>({[Q]:{account:{allOptions:[],selectedOption:void 0}},[n]:xe(n,e?.subscriptionBillingAddress)[n]}),ct=e=>{const{onboardingCustomerView:u,cardPaymentView:p,signedInUser:V,currentTenant:v,isOnAddressPage:b,stripeKey:T,googleAPIKey:j,meetingUrl:L,onUpdateStep:U,onZeniLogoClick:P,handleLogOutClick:z,handleCockpitClick:E,handleCreateCardSetupIntent:_,handleConfirmCardSetupIntent:w,handleFetchPaymentSources:B,updateCardPaymentModalState:D,resetCardPaymentViewState:g,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}=e,{allSteps:M,currentStep:N,fetchStatus:S}=u,R=ie(),{analytics:G}=R,W={allSteps:M,isOnAddressPage:b,currentStep:N,fetchStatus:S,signedInUser:V,currentTenant:v,onUpdateStep:Z=>{U(Z)},onZeniLogoClick:P,handleLogOutClick:z,handleCockpitClick:E,redirectToProductSuitePage:h},x=S.fetchState==="In-Progress"||S.fetchState==="Not-Started";return o.jsxs(qe,{isOnAddressPage:b,children:[x?o.jsx(_e,{isNoStepsPage:!0}):o.jsx(Fe,{...W,onboardingCustomerView:u,handleCreateCardSetupIntent:_,handleConfirmCardSetupIntent:w,updateCardPaymentModalState:D,handleFetchPaymentSources:B,cardPaymentView:p,resetCardPaymentViewState:g,stripeKey:T,googleAPIKey:j,handleResetCardPaymentErrorStatuses:F,redirectToProductSuitePage:h,...K}),x?null:o.jsx(Ce,{isFooterRendered:!0,meetingUrl:L,analytics:G,productType:"onboarding"})]})},qe=c.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isOnAddressPage?"fit-content":"100%"};
+  height: 100vh;
+`;export{ct as default};