@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/OnboardingCustomerPage-jmb-3M9K-C-4WzmwX.js

@@ -1,476 +0,0 @@
-import{u as X,K as ie,x as E,a as vo,F as G,c2 as ko,j as o,bP as Ne,h as L,bR as Ee,bS as ze,o as t,f2 as Do,c as Lo,bK as pe,r as oe,ad as be,a9 as ge,a4 as Oo,c3 as No,I as Eo,l as qe,cj as xe,k as We,ao as ae,c5 as R,gt as Be,gu as _e,f8 as zo,gv as _o,ah as Po,ch as Ae,bV as Pe,cd as Ge,e as Fo,aR as To,$ as He,gw as Mo,O as se,n as j,ck as Vo,b2 as Ro,V as qo,b3 as Q,y as te}from"./index-D9zAXs3-.js";import{b as g,n as d}from"./vendor-Bs1fkIUX.js";import{u as Wo}from"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";import{Z as Bo}from"./LabeledNameField-B73hOD1K-DrzOl55q.js";import{x as Ao}from"./LabeledSingleSelectWithoutClearableField-DgT7faZC-Or3zfyeO.js";import{$ as Go}from"./StatusTag-MQXQGj2--SPp-Hljk.js";import{V as Ho}from"./intuit-quick-books-logo-qyL3_3cm-Cj0LgD2I.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";const Qo=({localData:e,labelWidth:i,onCompanyDomainBlurred:n,isOnboardingAllowedForUser:u})=>{const l=G.getLocalizedStrings().cockpit.onboarding,{isCustomerCreated:f,isEmailGroupCreated:p,companyEmailDomain:b,companyId:S}=e.newOnboardingCustomerLocalData,C=f===!0||p===!0||S!=null||u===!1,O=b!=null&&Ko(b);return o.jsxs(Uo,{children:[o.jsx(ae,{children:l.customer.companyCredentials}),o.jsx(Zo,{children:o.jsx(R,{label:{label:l.customer.companyDomain,width:i},text:{type:"text",name:"companySection.companyDomain",placeholder:`${l.customer.add} ${l.customer.domain}`,options:{required:!0,pattern:Be}},onBlur:()=>{O&&n(b)},isDisabled:C===!0?"readonly":void 0})})]})},Uo=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.sp3};
-  padding-bottom: ${t.sp9};
-`,Zo=d.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,Ko=e=>Be.test(e),{common:{strings:{empty:Jo}}}=G.getLocalizedStrings(),Yo=({name:e,registerOptions:i,defaultValue:n,isDisabled:u,customStyleConfig:l,placeholder:f,valueToInfo:p})=>{const{control:b,formState:{errors:S}}=Ge(),C=X(),O=xe(S,e),$={...l,control:(r,h)=>({...r,width:"100%",...l?.control?.(r,h)}),container:(r,h)=>({...r,width:"100%",...l?.container?.(r,h)}),menu:(r,h)=>({...r,backgroundColor:C.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${C.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...l?.menu?.(r,h)}),menuList:(r,h)=>({...r,borderRadius:0,...l?.menuList?.(r,h)})},v=g.useCallback(r=>({value:r.value,label:r.label,isDisabled:r.isDisabled,isFiltered:r.isFiltered,info:p?.(r.value)??Jo}),[p]),z=r=>r.map(h=>v(h)),k=r=>{if(r==null||!r)return;const{selectedOptions:h,allOptions:a}=r,W=[];return h.forEach(P=>{const D=a.find(I=>I.value===P);D!=null&&W.push(v(D))}),W},_={isError:O,fieldName:e};return o.jsx(Vo,{name:e,control:b,defaultValue:n,rules:i,render:({field:{onChange:r,onBlur:h,value:a,ref:W}})=>{const P=a;return o.jsx(Ro,{..._,ref:W,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:f,value:k(P),options:z(P.allOptions),backspaceRemovesValue:!1,onChange:D=>{r({selectedOptions:D.map(I=>I.value),allOptions:P.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field-with-checkbox",onBlur:h,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:Xo,Option:at,Input:ot,MultiValue:tt,MultiValueLabel:rt,MultiValueRemove:ht,ValueContainer:et,DropdownIndicator:bt,IndicatorSeparator:gt,Placeholder:it,ClearIndicator:ft},hideSelectedOptions:!1,styles:$,isDisabled:u!=null})}})},Xo=e=>{const{menuIsOpen:i,isFocused:n,isDisabled:u,selectProps:l}=e,{value:f,isError:p}=l;return o.jsx(st,{menuIsOpen:i,isFocused:n,isDisabled:u,optionsLen:f.length,isError:p,children:o.jsx(Q.Control,{...e,className:"select-control",children:e.children})})},et=e=>{const{selectProps:i}=e,{value:n}=i;return o.jsxs(Q.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsx(lt,{className:"selected-options",children:n.map(u=>u.isFiltered===!0?null:o.jsx(nt,{children:o.jsx(ct,{children:u.label})},u.value))})]})},ot=e=>{const{selectProps:i}=e,{placeholder:n,value:u}=i;return o.jsx(Q.Input,{...e,autoComplete:"off",placeholder:u.length===0?n:void 0,children:e.children})},tt=e=>{const{data:i}=e;return i.isFiltered===!0?null:o.jsx(Q.MultiValue,{...e,children:e.children})},rt=e=>{const{data:i}=e;return o.jsx(Q.MultiValueLabel,{...e,children:i.label})},it=()=>null,at=e=>{const{data:i,isSelected:n,isFocused:u,selectProps:l}=e,{fieldName:f}=l,{isDisabled:p,value:b,label:S}=i;return o.jsx(dt,{isFocused:u,isSelected:n,isDisabled:p,children:o.jsx(Q.Option,{...e,className:"select-option",children:o.jsx(ut,{children:o.jsxs(pt,{children:[o.jsx(Wo,{name:`${f}.${b}`,checkBoxValue:b,value:n,isDisabled:p===!0?"disabled":void 0,onChange:()=>null}),o.jsx(mt,{isSelected:n,isDisabled:p,children:S})]})})})})},st=d.div`
-  width: 100%;
-  background-color: ${e=>e.menuIsOpen?e.theme.colors.background:e.isError===!0?L.importantLight:e.theme.colors.grey5};
-
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-
-  .select-control {
-    border: none;
-    padding: 0 ${t.sp3};
-    min-height: 100%;
-    background-color: ${e=>e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
-    box-shadow: none;
-
-    &:hover {
-      fill: ${e=>e.theme.colors.primary};
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-      border: none;
-    }
-
-    width: auto;
-    cursor: pointer;
-
-    .multi-select-field-with-checkbox__value-container {
-      gap: ${e=>e.isFocused?t.sp2:t.sp0};
-    }
-  }
-
-  .select-value-container {
-    width: 100%;
-    padding: 6px ${t.sp0};
-    overflow: auto;
-    display: ${e=>e.isFocused===!1&&e.optionsLen===0?"block":"flex"};
-    justify-content: flex-start;
-    align-items: center;
-    flex-wrap: wrap;
-    cursor: pointer;
-    ${te.extraSmallRegular.css};
-    .selected-options {
-      display: ${e=>e.isFocused?"none":"flex"};
-      overflow: initial;
-      text-overflow: unset;
-      white-space: initial;
-      text-align: right;
-      justify-content: flex-end;
-      gap: ${t.sp2};
-    }
-
-    .multi-select-field-with-checkbox__multi-value {
-      padding: 1px 6px;
-      min-width: fit-content;
-      background-color: transparent;
-      margin: ${t.sp0};
-      display: ${e=>e.isFocused?"flex":"none"};
-      color: ${e=>e.theme.colors.primary};
-      border: 1px solid ${e=>e.theme.colors.primary};
-      box-sizing: border-box;
-      border-radius: ${t.sp1};
-      :last-of-type {
-        margin: ${t.sp0};
-      }
-    }
-
-    .multi-select-field-with-checkbox__input-container {
-      display: flex;
-      width: ${e=>e.isFocused===!1&&e.optionsLen===0?"100%":e.isFocused===!1&&e.optionsLen>0?t.sp0:"fit-content"};
-      ${te.standardRegular.css};
-      color: ${e=>e.theme.colors.primary};
-      margin: ${t.sp0};
-      cursor: inherit;
-
-      > input {
-        text-align: ${e=>e.isFocused===!1&&e.optionsLen===0?"right":"initial"};
-        align-items: center;
-        z-index: 2;
-        overflow: hidden;
-        cursor: inherit;
-
-        ::placeholder {
-          color: ${e=>e.theme.colors.grey1};
-        }
-
-        :disabled {
-          visibility: visible;
-        }
-      }
-    }
-
-    .multi-select-field-with-checkbox__multi-value__label {
-      color: inherit;
-      padding: 0;
-      ${te.extraSmallRegular.css};
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-`,lt=d(se)`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: right;
-`,nt=d(se)`
-  padding: 1px 6px;
-  min-width: fit-content;
-  background-color: transparent;
-  margin: ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-  border: 1px solid ${e=>e.theme.colors.primary};
-  box-sizing: border-box;
-  border-radius: ${t.sp1};
-  :last-of-type {
-    margin: ${t.sp0};
-  }
-`,ct=d(se)`
-  color: inherit;
-  padding: ${t.sp0};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,dt=d.div`
-  .select-option {
-    ${te.smallRegular.css};
-    height: ${t.sp6};
-    padding: 9px ${t.sp3};
-    color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-
-    background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.isSelected?e.theme.colors.grey3:e.isFocused?e.theme.colors.background:e.theme.colors.grey5};
-
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-
-    .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.grey2:e.theme.colors.primary};
-
-      .right-tick-icon {
-        display: none;
-      }
-
-      .close-tick-icon {
-        display: inline-block;
-      }
-    }
-  }
-`,ut=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,mt=d.label`
-  margin-left: ${t.sp2};
-  margin-right: ${t.sp2};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
-`,pt=d.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-`,bt=()=>null,gt=()=>null,ht=()=>null,ft=()=>null,Qe={width:new E(343,580,726),labelMarginLeft:new E(j[3],j[4])},yt={infoLabel:new qo("extraSmallRegular","smallRegular")};function xt({label:e,multiSelectWithCheckBoxField:i,style:n,additionalInfoLabel:u}){const l=ie(),{formState:{errors:f}}=Ge(),p=xe(f,i.name);return o.jsxs($t,{isError:p,size:l,style:n,isDisabled:i.isDisabled!=null,children:[o.jsx(Ae,{isDisabled:i.isDisabled,label:e.label,htmlFor:i.name,style:{marginLeft:Qe.labelMarginLeft.value(l),marginRight:t.sp4,marginTop:t.sp2,width:e.width??"auto"}}),o.jsxs(Ct,{labelWidth:e.width,children:[o.jsx(Yo,{...i,isDisabled:i.isDisabled,customStyleConfig:{...i.customStyleConfig,container:()=>({display:"flex",width:"-webkit-fill-available",cursor:"inherit"}),control:()=>({display:"flex",flexGrow:1,width:"-webkit-fill-available",minHeight:t.sp6,height:"auto",flexWrap:"wrap",paddingLeft:t.sp2})}}),u!=null?o.jsx(wt,{windowSize:l,isError:p,children:u}):null]})]})}const $t=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>Qe.width.valuePx(e.size)};
-  min-height: ${t.sp6};
-  padding-right: ${t.sp2};
-  padding-top: ${t.sp2};
-  padding-bottom: ${t.sp2};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.isError?L.importantLight:e.theme.colors.background};
-      border-radius: ${e=>e.isError?"inherit":t.sp1};
-    }
-  }
-
-  .select-control {
-    background-color: ${e=>e.isError?L.importantLight:e.theme.colors.grey5};
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
-    .select-control {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?L.importantLight:e.theme.colors.background};
-    }
-  }
-`,Ct=d.div`
-  display: flex;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  justify-content: flex-end;
-  flex-direction: column;
-  position: relative;
-`,wt=d.label`
-  display: flex;
-  justify-content: flex-end;
-  color: ${e=>e.isError?L.important:e.theme.colors.hero};
-  ${e=>`${yt.infoLabel.style(e.windowSize)}`};
-  padding-right: ${t.sp3};
-  text-align: right;
-  margin-top: ${t.sp0};
-`,St={statusWidth:new E(228,228)},Ue=({isCompleted:e})=>{const i=ie(),n=G.getLocalizedStrings().cockpit.onboarding,u=St.statusWidth;return o.jsx(It,{width:u,windowSize:i,children:o.jsx(jt,{isCompleted:e,children:e?n.customer.completeText:n.customer.incompleteText})})},It=d.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  flex-grow: 1;
-  margin-left: ${t.sp3};
-  margin-top: ${t.sp1};
-`,jt=d(se)`
-  box-sizing: border-box;
-  align-items: center;
-  padding: ${t.sp0} 6px;
-  height: 20px;
-  background: transparent;
-  border: 1px solid
-    ${e=>e.isCompleted?L.successDark:L.important};
-  color: ${e=>e.isCompleted?L.successDark:L.important};
-  border-radius: ${t.sp1};
-`,q={width:new E(343,580,726),height:new E(j[6],j[6]),controlHeight:new E(j[6],j[6]),paddingTopBottom:new E(j[2],j[2]),marginRight:new E(j[2],j[2]),labelMarginLeft:new E(j[3],j[4]),labelMarginRight:new E(j[3],j[4]),labelMarginTop:new E(j[2],j[2])};function vt({isDisabled:e,label:i,firstSingleSelectField:n,secondSingleSelectField:u,concatText:l,style:f}){const p=ie(),b=X();return o.jsxs(kt,{size:p,style:f,isDisabled:e!=null,children:[o.jsx(Ae,{isDisabled:e,label:i.label,htmlFor:n.name,style:{marginLeft:q.labelMarginLeft.value(p),marginRight:q.labelMarginRight.value(p),marginTop:q.labelMarginTop.value(p),width:i.width??"auto"}}),o.jsx(Pe,{...n,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:i.width!=null?`calc(100% - ${i.width}px)`:"auto",height:q.controlHeight.value(p),backgroundColor:b.colors.background}}),o.jsx(Dt,{children:l}),o.jsx(Pe,{...u,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:i.width!=null?`calc(100% - ${i.width}px)`:"auto",height:q.controlHeight.value(p),backgroundColor:b.colors.background}})]})}const kt=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>q.width.valuePx(e.size)};
-  min-height: ${e=>q.height.valuePx(e.size)};
-  padding-right: ${e=>q.marginRight.valuePx(e.size)};
-  padding-top: ${e=>q.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>q.paddingTopBottom.valuePx(e.size)};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:focus-within {
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
-    .select-control {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-    }
-  }
-`,Dt=d.div`
-  display: flex;
-  height: ${t.sp6};
-  align-items: center;
-  padding: ${t.sp0} ${t.sp4};
-`,{cockpit:{onboarding:c},common:{strings:{colon:B,empty:Fe},placeholder:Lt,labels:Ot}}=G.getLocalizedStrings(),Nt=`${c.customer.add} ${c.customer.customerFirstName.toLowerCase()}`,Et=`${c.customer.add} ${c.customer.customerLastName.toLowerCase()}`,zt=`${c.customer.add} ${c.customer.customerName.toLowerCase()}`,Ze=g.forwardRef(({sectionId:e,localData:i,onboardedCompanies:n,isSubsidiary:u,labelWidth:l,realmIdAdditionalLabel:f,productsAdditionalLabel:p,isDisabled:b,largeLabelWidth:S},C)=>{const{emailGroupFetchState:O,newOnboardingCustomerLocalData:$,companyView:v,allProductsList:z}=i,k=X(),[_,r]=g.useState(re(z,$.selectedProducts??[]));g.useEffect(()=>{$.selectedProducts!=null&&r(re(z,$.selectedProducts))},[$.selectedProducts]);const h=O.fetchState!=="Completed"&&$.isEmailGroupCreated==null,a=b!=null||h?"disabled":b,W=i.companyView?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed===!0;let P;const D=n.find(I=>I.companyInfo.companyId===$.parentCompanyId);return D!=null&&(P={label:D.companyInfo.name,value:D.companyInfo.companyId}),o.jsxs(_t,{isDisabled:h,ref:C,children:[o.jsxs(Pt,{children:[o.jsx(ae,{children:c.customer.customerCreation}),$.companyId!=null&&o.jsx(Ue,{isCompleted:v?.company.companyOnboardingInfo.onboardingInfo?.customerCreated.completed===!0})]}),o.jsxs(Ft,{children:[o.jsx(Bo,{isDisabled:a==="disabled"?"disabled":b,label:{label:`${c.customer.customerName}${B}`,width:l},nameField:{name:`${e}.customerName`,registerOptions:{required:!0},defaultValue:{firstName:i.newOnboardingCustomerLocalData.customerName?.firstName??Fe,lastName:i.newOnboardingCustomerLocalData.customerName?.lastName??Fe},placeHolder:{firstName:Nt,lastName:Et,name:zt},showFullNameError:!0},showAdditionalInfoLabel:{label:c.customer.customerNameInfoText}}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.customerEmail}${B}`,width:l},text:{type:"email",name:`${e}.email`,placeholder:`${c.customer.add} ${c.customer.customerEmail.toLowerCase()}`,autoComplete:"off",options:{required:!0}},isDisabled:a==="disabled"?"disabled":b,showAdditionalInfoLabel:!0,additionalInfoLabel:c.customer.customerEmailInfoText}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.companyName}${B}`,width:l},text:{type:"text",name:`${e}.name`,placeholder:`${c.customer.add} ${c.customer.companyName.toLowerCase()}`,options:{required:!0}},isDisabled:a,showAdditionalInfoLabel:!0,additionalInfoLabel:c.customer.companyNameInfoText}),o.jsx(A,{}),u===!0?o.jsx(vt,{label:{label:`${c.customer.entity}${B}`,width:l},concatText:c.customer.of,firstSingleSelectField:{name:`${e}.entityType`,placeholder:`${c.customer.add} ${c.customer.entity.toLowerCase()}`,defaultValue:{selectedOption:{value:c.customer.subsidiary,label:c.customer.subsidiary},allOptions:[{value:c.customer.parent,label:c.customer.parent},{value:c.customer.subsidiary,label:c.customer.subsidiary}]},style:{backgroundColor:k.colors.background}},secondSingleSelectField:{name:`${e}.company`,placeholder:`${c.customer.add} ${c.customer.parent.toLowerCase()}`,defaultValue:{selectedOption:P,allOptions:n.map(I=>({label:I.companyInfo.name,value:I.companyInfo.companyId}))},style:{backgroundColor:k.colors.background},registerOptions:{required:u}},isDisabled:a}):o.jsx(Ao,{label:{label:`${c.customer.entity}${B}`,width:l},singleSelectWithoutClearableField:{name:`${e}.entityType`,placeholder:`${c.customer.add} ${c.customer.entity.toLowerCase()}`,defaultValue:{selectedOption:{value:c.customer.parent,label:c.customer.parent},allOptions:[{value:c.customer.parent,label:c.customer.parent},{value:c.customer.subsidiary,label:c.customer.subsidiary}]}},isDisabled:a}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.realmId}${B}`,width:l},text:{type:"text",name:`${e}.realmId`,placeholder:`${c.customer.add} ${c.customer.realmIdText}`,options:{pattern:_e}},showTooltip:!0,tooltipTitle:o.jsx(Tt,{}),isDisabled:a==="disabled"||W===!0?"disabled":b,isOptional:!0}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.confirmRealmId}${B}`,width:S},text:{type:"text",name:`${e}.confirmRealmId`,placeholder:`${c.customer.confirmRealmIdText}`,options:{pattern:_e,validate:(I,U)=>I===U[e].realmId}},additionalInfoLabel:f,disableCopyPaste:!0,isDisabled:a==="disabled"||W===!0?"disabled":b,isOptional:!0}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.hubSpotId}${B}`,width:l},text:{type:"text",name:"customerSection.hubSpotId",placeholder:`${c.customer.add} ${c.customer.hubSpotIdText}`,options:{pattern:zo}},isDisabled:a,isOptional:!0}),o.jsx(A,{}),o.jsx(R,{label:{label:`${c.customer.chargebeeId}${B}`,width:l},text:{type:"text",name:"customerSection.chargebeeId",placeholder:`${c.customer.add} ${c.customer.chargebeeIdText}`,options:{pattern:_o,required:!0}},isDisabled:a}),o.jsx(A,{}),o.jsx(xt,{label:{label:Ot.products,width:l},additionalInfoLabel:p||void 0,multiSelectWithCheckBoxField:{name:"customerSection.products",defaultValue:{allOptions:_,selectedOptions:$.selectedProducts??[]},placeholder:Lt.productsPlaceholder,isDisabled:a,registerOptions:{validate:I=>I!=null&&I.selectedOptions.length>0}}})]})]})});Ze.displayName="CustomerCreation";const _t=d.div`
-  opacity: ${e=>e.isDisabled?.4:1};
-  display: flex;
-  flex-direction: column;
-  gap: ${t.sp3};
-  padding-top: ${t.sp3};
-  padding-bottom: ${t.sp11};
-`,Pt=d.div`
-  display: flex;
-  justify-content: space-between;
-`,Ft=d.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,A=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Tt=()=>{const e=G.getLocalizedStrings().cockpit.onboarding.customer.reamlIdTooltip;return o.jsxs(o.Fragment,{children:[o.jsx(Te,{children:e.firstLine}),o.jsx(Te,{children:e.secondLine})]})},Te=d.div``,re=(e,i)=>{const n=i.includes("bookkeeping"),u=i.includes("zeni_checking"),l=i.includes("zeni_cards"),f=i.includes("zeni_treasury"),p=i.includes("zeni_payroll"),b=i.includes("zeni_cfo"),S=i.includes("zeni_tax"),C=p||b||S,O=["zeni_payroll","zeni_cfo","zeni_tax"],$=["zeni_bill_pay","zeni_reimbursements"],v=["zeni_checking","zeni_cards","zeni_bill_pay","zeni_reimbursements","zeni_treasury"];return e.map(z=>{const{code:k,name:_}=z,r={label:_,value:k,isDisabled:!1,isFiltered:!1};if($.includes(k))return n?(r.isDisabled=!0,r.isFiltered=!1):(r.isDisabled=!0,r.isFiltered=!0),r;if(C){const h=O.includes(k);return r.isFiltered=!h,r.isDisabled=!h,r}if(n)return k==="bookkeeping"?(r.isDisabled=!1,r.isFiltered=!1):v.includes(k)?(r.isDisabled=!0,r.isFiltered=!1):(r.isDisabled=!0,r.isFiltered=!0),r;if(u||l||f){const h=["bookkeeping","zeni_checking","zeni_cards","zeni_treasury"].includes(k);return r.isFiltered=!h,r.isDisabled=!h,r}return r})},Mt=e=>{switch(e){case"ExtraSmall":return j[2];case"Small":return j[3];case"Standard":return j[4];case"Large":return j[5];case"ExtraLarge":return j[7]}},Vt=d.div`
-  color: ${e=>e.theme.colors.primary};
-  display: flex;
-  justify-content: center;
-  height: ${t.sp10};
-  width: ${t.sp10};
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: 50%;
-  align-items: center;
-  box-shadow: ${t.sp0} 2px 2px 2px ${L.boxShadowElevation};
-`;function Rt({size:e,disableShrink:i,reverseSpinnerColor:n,style:u}){const l=X(),f=Mt(e),p=n?l.colors.grey5:l.colors.primary;return o.jsx(Vt,{style:{color:p,...u},children:o.jsx(Mo,{disableShrink:i,size:f,color:"inherit"})})}function qt({size:e,start:i,disableShrink:n,reverseSpinnerColor:u,style:l}){return i?o.jsx(Rt,{disableShrink:n===!0,size:e,reverseSpinnerColor:u===!0,style:l}):null}const Ke=g.forwardRef(({sectionId:e,localData:i,labelWidth:n,groupNameAdditionalLabel:u,groupEmailAdditionalLabel:l,isDisabled:f},p)=>{const b=G.getLocalizedStrings().cockpit.onboarding,{emailGroupFetchState:S,newOnboardingCustomerLocalData:C,companyView:O}=i,$=S.fetchState!=="Completed"&&C.isEmailGroupCreated==null,v=$||C.isEmailGroupCreated===!0||f!=null?"readonly":f;return o.jsxs(o.Fragment,{children:[S.fetchState==="In-Progress"?o.jsx(Gt,{children:o.jsx(qt,{size:"Large",start:!0})}):null,o.jsxs(Wt,{isDisabled:$,ref:p,children:[o.jsxs(Bt,{children:[o.jsx(ae,{children:b.customer.groupCreation}),C.companyId!=null&&o.jsx(Ue,{isCompleted:O?.company.companyOnboardingInfo.onboardingInfo?.groupCreated.completed===!0})]}),o.jsxs(At,{children:[o.jsx(R,{label:{label:`${b.customer.groupName}:`,width:n},text:{type:"text",name:`${e}.groupName`,placeholder:`${b.customer.add} ${b.customer.groupName.toLowerCase()}`,options:{required:C.groupId!=""&&C.groupId!=null}},additionalInfoLabel:u,isDisabled:v}),o.jsx(Me,{}),o.jsx(R,{label:{label:`${b.customer.groupEmail}:`,width:n},text:{type:"email",name:`${e}.groupEmail`,placeholder:`${b.customer.add} ${b.customer.groupEmail.toLowerCase()}`,options:{required:C.groupName!=""&&C.groupName!=null}},additionalInfoLabel:l,isDisabled:v}),o.jsx(Me,{}),o.jsx(R,{label:{label:`${b.customer.groupDescription}:`,width:n},text:{type:"text",name:`${e}.groupDescription`,placeholder:`${b.customer.add} ${b.customer.description.toLowerCase()}`},isDisabled:v})]})]})]})});Ke.displayName="GroupCreation";const Wt=d.div`
-  opacity: ${e=>e.isDisabled?.4:1};
-  display: flex;
-  flex-direction: column;
-  gap: ${t.sp3};
-  padding-top: ${t.sp3};
-  padding-bottom: ${t.sp9};
-`,Bt=d.div`
-  display: flex;
-  justify-content: space-between;
-`,At=d.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,Me=d.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Gt=d.div`
-  display: flex;
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  z-index: 10;
-  margin-top: 28px;
-`;function Ht({sectionId:e,isSectionDisabled:i,isLoading:n,accountingConnectionCreationMode:u,isConnected:l,isInviteSent:f,saveConnectionState:p,onQBOConnectClick:b}){const S=G.getLocalizedStrings().cockpit.onboarding;return o.jsxs(Qt,{isDisabled:i===!0,children:[o.jsx(er,{children:S.qboSectionTitle}),o.jsxs(Ut,{children:[o.jsx(or,{children:qe.ALL_ACCOUNTING_CONNECTION_CREATION_MODES.map((C,O)=>o.jsx(tr,{isDisabled:i===!0,leftSideContainer:O===0,children:o.jsx(Po,{label:{label:S.qboRadioButtonLabels[C]},style:{width:"100%"},isDisabled:l===!0||i===!0||f===!0?"disabled":void 0,changeLabelColorInDisableMode:!1,radioField:{name:`${e}.accountingConnectionCreationMode`,id:C,value:C}})},C))}),o.jsxs(ir,{isDisabled:i===!0||u!=="zeni_user",children:[o.jsxs(Zt,{children:[o.jsxs(Kt,{children:[o.jsx(Jt,{}),o.jsx(Yt,{}),o.jsx(Xt,{})]}),l!==!0?o.jsx(oe,{variant:"primary",label:S.connectQBOButtonLabel,style:{width:"fit-content"},disabled:i===!0||u!=="zeni_user",onClick:b,loading:n===!0}):o.jsx(Go,{complete:!0})]}),l===!0?o.jsx(rr,{children:S.qboSuccessText}):null,p==="Error"?o.jsx(ar,{children:S.qboErrorText}):null]})]})]})}const Qt=d.div`
-  opacity: ${e=>e.isDisabled?.4:1};
-  display: flex;
-  flex-direction: column;
-  row-gap: ${t.sp3};
-`,Ut=d.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  border-radius: ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  justify-content: space-between;
-  box-sizing: border-box;
-`,Zt=d.div`
-  display: flex;
-  justify-content: space-between;
-  row-gap: ${t.sp2};
-`,Kt=d.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.sp4};
-  justify-content: left;
-  color: ${e=>e.theme.colors.primary};
-`,Jt=d(Fo)`
-  height: 20px;
-  width: auto;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,Yt=d(To)`
-  height: ${t.sp4};
-  width: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Xt=d(Ho)`
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.primary};
-`,er=d(ae)`
-  color: ${e=>e.theme.colors.primary};
-`,or=d.div`
-  display: flex;
-`,tr=d.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-top-left-radius: ${e=>e.leftSideContainer===!0?t.sp2:t.sp0};
-  border-top-right-radius: ${e=>e.leftSideContainer===!1?t.sp2:t.sp0};
-  width: 50%;
-  padding: ${t.sp3} ${t.sp4};
-  &:hover {
-    border: ${e=>e.isDisabled===!1?`1px solid ${e.theme.colors.primary}`:null};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,rr=d(He)`
-  display: flex;
-  margin-top: ${t.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,ir=d.div`
-  padding: ${t.sp4};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-bottom-right-radius: ${t.sp2};
-  border-bottom-left-radius: ${t.sp2};
-  opacity: ${e=>e.isDisabled?.4:1};
-  &:hover {
-    border: ${e=>e.isDisabled===!1?`1px solid ${e.theme.colors.primary}`:null};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,ar=d(He)`
-  display: flex;
-  margin-top: ${t.sp3};
-  background-color: ${L.importantLight};
-  color: ${L.importantDark};
-  padding: ${t.sp2} ${t.sp2};
-  border-radius: ${t.sp1};
-`,sr=e=>g.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},g.createElement("path",{d:"M22.8894 20.8409C22.9572 20.9279 22.9956 21.0316 22.9996 21.1387C23.0037 21.2459 22.9733 21.3518 22.9122 21.4429C22.8511 21.5341 22.7622 21.6065 22.6565 21.651C22.5509 21.6955 22.4334 21.7101 22.3188 21.6929H1.6812C1.56661 21.7101 1.44908 21.6955 1.34346 21.651C1.23784 21.6065 1.14888 21.5341 1.08781 21.4429C1.02674 21.3518 0.996307 21.2459 1.00036 21.1387C1.00441 21.0316 1.04276 20.9279 1.11057 20.8409L11.5387 2.55163C11.7926 2.08273 12.2074 2.08273 12.4612 2.55163L22.8894 20.8409Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M12 15.61V9.60999",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M11.9908 18.1875C11.9571 18.1881 11.9239 18.1949 11.8931 18.2075C11.8622 18.2201 11.8344 18.2382 11.8113 18.2609C11.7882 18.2835 11.7701 18.3101 11.7582 18.3393C11.7464 18.3684 11.7409 18.3994 11.7421 18.4305C11.7448 18.4932 11.7735 18.5524 11.8224 18.5959C11.8712 18.6394 11.9364 18.6638 12.0042 18.664H12.0094C12.0431 18.6634 12.0763 18.6566 12.1071 18.644C12.1379 18.6314 12.1657 18.6133 12.1889 18.5907C12.212 18.568 12.2301 18.5414 12.2419 18.5123C12.2538 18.4831 12.2593 18.4521 12.2581 18.421C12.2554 18.359 12.2273 18.3003 12.1793 18.2569C12.1313 18.2135 12.0672 18.1887 12.0001 18.1875H11.9949",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ve="onboardingCustomerPage",lr="companySection",V="groupSection",w="customerSection",Je="qboConnectionSection",J={labelWidth:new E(120,180),largeLabelWidth:new E(120,210,210),extraLargeLabelWidth:new E(240,240,240),buttonWidth:new E(135,135)},{cockpit:{onboarding:m},common:{no:nr,yes:cr,strings:s}}=G.getLocalizedStrings();function Or({localData:e,screenType:i,qboConnectClicked:n,analytics:u,onOnboardingCustomerDataUpdated:l,onCloseClick:f,onSaveClick:p,onViewClick:b,onCompanyDomainBlurred:S,onNavigateToPreOnboarding:C,onQBOConnectClick:O}){const $=X(),v=ie(),z=J.labelWidth.value(v),k=J.largeLabelWidth.value(v),_=J.extraLargeLabelWidth.value(v),r=vo({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>Y(e),[e])}),{emailGroupFetchState:h,newOnboardingCustomerLocalData:a,onboardingCompletedCompanies:W,isOnboardingAllowedForUser:P,fetchState:D,sendInviteFetchState:I,uiState:U,companyView:T,externalConnections:Z}=e,[Ye,$e]=g.useState(s.empty),[Xe,Ce]=g.useState(s.empty),[eo]=g.useState(s.empty),[oo,le]=g.useState(s.empty),[to,we]=g.useState(s.empty),[ro,ne]=g.useState(!1),[io,ce]=g.useState(!1),[de,Se]=g.useState(m.customer.completePreOnboardingText),[ao,so]=g.useState(!1),Ie=g.useRef(null),je=g.useRef(null),lo=g.useRef(null),{isExistingCustomer:H,isCustomerOnboardedSuccessfully:ve}=br(e),no=H&&ve?m.customer.customerNameExistInManagementText:m.customer.customerNameExistInOnboardingText,co=g.useMemo(()=>no.replace("_company-domain_",a.companyEmailDomain??s.empty),[h.fetchState]),ke=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed,De=g.useCallback(()=>{const y=r.getValues();return y[w].realmId!==y[w].confirmRealmId?(le(m.customer.realmIdWarning),r.trigger(`${w}.confirmRealmId`),!1):(le(s.empty),r.clearErrors(`${w}.confirmRealmId`),!0)},[r]),Le=g.useCallback(()=>{const y=r.getValues();return y[w].entityType.selectedOption?.value=="Subsidiary"&&y[w].company.selectedOption==null?(r.setError("customerSection.company",{type:"required"}),!1):(r.clearErrors("customerSection.company"),!0)},[r]),Oe=g.useCallback(()=>a.customerName?.firstName&&!a.customerName?.lastName||!a.customerName?.firstName&&a.customerName?.lastName?(r.trigger(`${w}.customerName`),!1):(a.customerName?.firstName||a.customerName?.lastName)&&!a.email?(r.trigger(`${w}.email`),!1):(a.customerName?.firstName||a.customerName?.lastName)&&a.email&&a.selectedProducts?.length===0?(we(m.customer.productsWarning),r.trigger(`${w}.products`),!1):!0,[r,a.customerName,a.email,a.selectedProducts]),ee=g.useCallback(()=>De()&&Le()&&Oe(),[Le,De,Oe]),uo=r.handleSubmit(()=>{Se(m.customer.completePreOnboardingText),ee()&&ce(!0)},()=>{ee(),console.warn("Onboarding customer form error")}),ue=r.getValues()[w].email??s.empty,me=(y=!1)=>{const x={companyDomain:a.companyEmailDomain??s.empty,primaryContactEmail:ue},N={groupName:a.groupName??s.empty,groupEmail:a.groupId??s.empty,groupDescription:a.groupDescription??s.empty},M={firstName:a.customerName?.firstName??s.empty,lastName:a.customerName?.lastName??s.empty,customerEmail:ue,companyName:a.name??s.empty,entittyType:a.isSubsidiary===!0?m.customer.subsidiary:m.customer.parent??s.empty,chargebeeId:a.chargebeeId??s.empty,products:a.selectedProducts??[],qboRealmId:a.qboRealmId??s.empty,hubSpotId:a.hubSpotId},F={isSendInvite:y,isInviteAlreadySent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0,isZeniManagedQboConnectionSelected:a.accountingConnectionCreationMode==="zeni_user",isCustomerManagedQboConnectionSelected:a.accountingConnectionCreationMode==="customer",qboConnectionStatus:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed??!1};u?.trackOnboardingSaveOrSendInvite(x,N,M,F)},mo=()=>{const y={companyEmailDomain:a.companyEmailDomain??s.empty,primaryContactEmail:ue},x={groupName:a.groupName??s.empty,groupEmail:a.groupId??s.empty,groupDescription:a.groupDescription??s.empty,isCompanyEmailDomainAvailable:!0};u?.trackOnboardingNewCustomerGroupCreationCheck(y,x)},po=()=>{let y=!0;const x=r.getValues();if(x[V].groupEmail!==s.empty&&x[V].groupName===s.empty)$e(m.customer.groupNameWarning),r.setError("groupSection.groupName",{type:"required"}),y=!1;else if(x[V].groupName!==s.empty&&x[V].groupEmail===s.empty)Ce(m.customer.groupEmailWarning),r.setError("groupSection.groupEmail",{type:"required"}),y=!1;else{const{error:N}=r.getFieldState("groupSection.groupName"),{error:M}=r.getFieldState("groupSection.groupEmail");(N==null||N.type==="required")&&(M==null||M.type==="required")&&(y=!1,r.clearErrors("groupSection")),$e(s.empty),Ce(s.empty)}return y},bo={onOkClick:()=>{ne(!1),r.reset(),f()},onCancelClick:()=>{ne(!1)}},go={onOkClick:()=>{ce(!1),p(!0),me(!0)},onCancelClick:()=>{ce(!1)}},ho=async(y,x)=>{const N={...x};if(y.includes("groupName")&&x[V].groupName!=s.empty&&(x[V].groupName=x[V].groupName.charAt(0).toUpperCase()+x[V].groupName.slice(1)),(y.includes("groupName")||y.includes("groupEmail"))&&po(),y.includes("confirmRealmId")&&le(s.empty),y.includes("products")&&Eo(a.selectedProducts??[],x[w].products.selectedOptions)===!1){we(s.empty);const M=gr(a.selectedProducts??[],x[w].products.selectedOptions.map(K=>qe.toProductTypeStrict(K)).filter(K=>K!=null));N[w].products.selectedOptions=M;const F=re(e.allProductsList,M);r.setValue(`${w}.products`,{allOptions:F,selectedOptions:M})}y.includes("realmId")&&xe(r.formState.errors,`${w}.confirmRealmId`)&&r.trigger(`${w}.confirmRealmId`),l(N)},fo=y=>{const{dirtyFields:x}=r.formState;x.companySection?.companyDomain===!0&&S(y)},yo=()=>{Object.keys(r.formState.errors).length===0&&(C?.(),Se(s.empty))},xo=()=>{h.fetchState==="Error"?S(a.companyEmailDomain):ee()&&Object.keys(r.formState.errors).length===0&&(p(I.fetchState==="Error"),me())},$o=()=>{ee()&&Object.keys(r.formState.errors).length===0&&(p(!1),me())};g.useEffect(()=>{const y=r.watch((x,{name:N})=>{N!=null&&x!=null&&ko(()=>ho(N,x))});return()=>{y.unsubscribe()}}),g.useEffect(()=>{a.isCustomerCreationDisabled===!0&&(r.resetField("customerSection",{defaultValue:Y(e)[w],keepDirty:!0}),r.clearErrors("customerSection"))},[a.isCustomerCreationDisabled]),g.useEffect(()=>{so(a.isSubsidiary===!0),a.isSubsidiary!==!0&&r.resetField("customerSection.company",{defaultValue:Y(e)[w].company,keepDirty:!0}),r.resetField("customerSection.entityType",{defaultValue:Y(e)[w].entityType,keepDirty:!0})},[a.isSubsidiary]),g.useEffect(()=>{h.fetchState==="Completed"&&(r.reset(Y(e)),H||mo())},[h.fetchState]),g.useEffect(()=>{U.selectedStep==="STEP_1"?Ie.current?.scrollIntoView():U.selectedStep==="STEP_2"?je.current?.scrollIntoView():U.selectedStep==="STEP_3"&&lo.current?.scrollIntoView()},[]),g.useEffect(()=>{const y=T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed;if(Z?.saveConnectionState==="Error"){const x={firstName:a.customerName?.firstName??s.empty,lastName:a.customerName?.lastName??s.empty,customerEmail:r.getValues()[w].email??s.empty,qboConnectionResponseMessage:m.qboErrorText,isSuccess:!1};u?.trackOnboardingZeniManagedQBOConnection(x)}else if(y??!1){const x={firstName:a.customerName?.firstName??s.empty,lastName:a.customerName?.lastName??s.empty,customerEmail:r.getValues()[w].email??s.empty,qboConnectionResponseMessage:m.qboSuccessText,isSuccess:!0};u?.trackOnboardingZeniManagedQBOConnection(x)}},[Z?.saveConnectionState,T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed]),g.useEffect(()=>{if(a.accountingConnectionCreationMode){const y=T?.company.companyOnboardingInfo.onboardingInfo?.accountingConnectionCreationMode??s.empty;if(a.accountingConnectionCreationMode!==y){const x={firstName:a.customerName?.firstName??s.empty,lastName:a.customerName?.lastName??s.empty,customerEmail:r.getValues()[w].email??s.empty,isZeniOrCustomer:a.accountingConnectionCreationMode??s.empty};u?.trackOnboardingQBOConnectionSelected(x)}}},[a.accountingConnectionCreationMode]);const Co=(y,x)=>{const{fetchState:N}=y,{isEmailGroupCreated:M,selectedProducts:F}=x,K=N!=="Completed"&&M==null,Io=F==null||F.length===0,jo=(F?.includes("zeni_checking")===!0||F?.includes("zeni_treasury")===!0||F?.includes("zeni_cards")===!0||F?.includes("zeni_payroll")===!0||F?.includes("zeni_cfo")===!0||F?.includes("zeni_tax")===!0)&&F?.includes("bookkeeping")===!1;return K||Io||jo},wo=g.useMemo(()=>{const y=r.formState.isValid,x=a.selectedProducts!=null&&(a.selectedProducts.includes("zeni_payroll")===!0||a.selectedProducts.includes("zeni_cfo")===!0||a.selectedProducts.includes("zeni_tax")===!0),N=a.selectedProducts!=null&&(a.selectedProducts.includes("zeni_checking")===!0||a.selectedProducts.includes("zeni_cards")===!0||x)&&a.selectedProducts.includes("bookkeeping")===!1;return y!==!0||h.fetchState==="In-Progress"||h.fetchState==="Error"||D==="In-Progress"||D==="Error"||P!==!0||a.selectedProducts==null||a.selectedProducts.length===0||a.accountingConnectionCreationMode==null&&!N||a.accountingConnectionCreationMode==="zeni_user"&&ke!==!0&&!N||h.fetchState==="Completed"&&H||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0},[h.fetchState,H,P,D,r.formState.isValid,a.accountingConnectionCreationMode,ke,a.selectedProducts,T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted]),So=g.useMemo(()=>I.fetchState!=="In-Progress"&&I.fetchState!=="Error"&&D!=="In-Progress"&&D!=="Error"&&h.fetchState!=="In-Progress"&&H===!0,[h.fetchState,H,D,I.fetchState]);return o.jsxs(o.Fragment,{children:[ro===!0?o.jsx(Ne,{titleComponent:o.jsx(ze,{children:m.discardTitle}),descriptionComponent:o.jsx(Ee,{children:m.discardDescription}),primaryButtonText:m.delete,secondaryButtonText:m.cancel,action:bo,style:{background:L.overlayDark}}):null,io===!0?o.jsx(Ne,{titleComponent:o.jsx(ze,{style:{paddingLeft:t.sp6,paddingRight:t.sp6},children:m.confirmationPopup.title}),descriptionComponent:o.jsx(Ee,{children:m.confirmationPopup.subTitle}),primaryButtonText:cr,secondaryButtonText:nr,action:go,style:{background:L.overlayDark}}):null,o.jsx(Do,{title:i==="create"?m.customer.modalNewCustomerText:m.customer.modalEditCustomerText,backgroundColor:$.colors.grey5,style:{zIndex:4},onCloseClick:()=>{Object.keys(r.formState.dirtyFields).length>0?ne(!0):(r.reset(),f())}}),o.jsxs(dr,{children:[o.jsx(ur,{children:m.customer.subTitle}),o.jsx(Lo,{...r,children:o.jsxs("form",{id:`${Ve}_form`,onSubmit:uo,children:[o.jsx(Qo,{localData:e,labelWidth:z,onCompanyDomainBlurred:fo,primaryEmailDomainAdditionalLabel:eo,isOnboardingAllowedForUser:P}),So===!0?o.jsxs(fe,{children:[o.jsxs(ye,{children:[o.jsxs(Re,{children:[o.jsx(he,{}),o.jsx(pe,{children:m.customer.groupCreationError})]}),o.jsx(pr,{children:co})]}),o.jsx(oe,{style:{padding:`${t.sp1} ${t.sp2}`,backgroundColor:$.colors.champion,borderColor:$.colors.champion,color:$.mode==="light"?be.primary:ge.primary,height:"30px",width:t.sp7},label:m.customer.view,size:"small",onClick:()=>{b(ve?"management":"onboarding")}})]}):null,h.fetchState==="Error"||D==="Error"||I.fetchState==="Error"&&e.error!=null&&e.error?.code!==406?o.jsxs(fe,{children:[o.jsx(ye,{children:o.jsxs(Re,{children:[o.jsx(he,{}),o.jsx(pe,{children:m.customer.emailgroupAPIError})]})}),o.jsx(oe,{style:{padding:`${t.sp1} ${t.sp2}`,backgroundColor:$.colors.champion,borderColor:$.colors.champion,color:$.mode==="light"?be.primary:ge.primary},label:m.customer.tryAgainText,size:"small",onClick:xo})]}):null,I.fetchState==="Error"&&e.error!=null&&e.error?.code===406?o.jsxs(fe,{children:[o.jsx(he,{}),o.jsxs(ye,{children:[o.jsx(pe,{children:de!==s.empty?m.customer.preOnboardingError:m.customer.preOnboardingSaveError}),de!==s.empty?o.jsx(oe,{style:{padding:`${t.sp1} ${t.sp2}`,backgroundColor:$.colors.champion,borderColor:$.colors.champion,color:$.mode==="light"?be.primary:ge.primary},label:de,size:"small",onClick:yo}):null]})]}):null,o.jsx(Ke,{groupEmailAdditionalLabel:Xe,groupNameAdditionalLabel:Ye,labelWidth:z,localData:e,ref:Ie,sectionId:V}),o.jsx(Ze,{localData:e,onboardedCompanies:W.companies,isSubsidiary:ao,labelWidth:z,largeLabelWidth:k,extraLargeLabelWidth:_,realmIdAdditionalLabel:oo,productsAdditionalLabel:to,ref:je,sectionId:w,isDisabled:P===!1?"disabled":void 0}),o.jsx(mr,{children:o.jsx(Ht,{isSectionDisabled:Co(h,a),sectionId:Je,isLoading:n===!0||Z?.fetchState==="In-Progress"||Z?.saveConnectionState==="In-Progress",accountingConnectionCreationMode:e.newOnboardingCustomerLocalData.accountingConnectionCreationMode,onQBOConnectClick:O,isConnected:T?.company.companyOnboardingInfo.onboardingInfo?.qboLinked.completed===!0,isInviteSent:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0||T?.company.companyOnboardingInfo.onboardingInfo?.inviteAccepted===!0,saveConnectionState:Z?.saveConnectionState})})]})})]}),o.jsx(Oo,{formId:`${Ve}_form`,primaryBtn:{label:T?.company.companyOnboardingInfo.onboardingInfo?.inviteSent===!0?m.customer.resendInviteBtnText:m.customer.sendInviteBtnText,style:{width:J.buttonWidth.value(v),display:"flex",alignItems:"center",justifyContent:"center"},isLoading:I.fetchState==="In-Progress",isDisabled:wo},cancelBtn:{label:m.customer.saveBtnText,style:{width:J.buttonWidth.value(v),display:"flex",alignItems:"center",justifyContent:"center"},isDisabled:!(No(r.formState.dirtyFields)||e.emailGroupFetchState.fetchState==="Completed"),isLoading:D==="In-Progress"&&n===!1,shouldResetOnCancel:!1,onClick:$o,reverseSpinnerColor:!1}})]})}const Y=e=>{const{newOnboardingCustomerLocalData:i,onboardingCompletedCompanies:n}=e;let u;const l=n.companies.find(f=>f.companyInfo.companyId===i.parentCompanyId);return l!=null&&(u={label:l.companyInfo.name,value:l.companyInfo.companyId}),{[lr]:{companyDomain:i.companyEmailDomain??s.empty},[V]:{groupName:i.groupName??s.empty,groupEmail:i.groupId??s.empty,groupDescription:i.groupDescription??s.empty},[w]:{name:i.name??s.empty,entityType:{allOptions:[{label:m.customer.parent,value:m.customer.parent},{label:m.customer.subsidiary,value:m.customer.subsidiary}],selectedOption:i.isSubsidiary===!0?{label:m.customer.subsidiary,value:m.customer.subsidiary}:{label:m.customer.parent,value:m.customer.parent}},company:{selectedOption:u,allOptions:n.companies.map(f=>({label:f.companyInfo.name,value:f.companyInfo.companyId}))},realmId:i.qboRealmId??s.empty,confirmRealmId:i.qboRealmId??s.empty,chargebeeId:i.chargebeeId??s.empty,hubSpotId:i.hubSpotId??s.empty,email:i.email??s.empty,customerName:i.customerName??{firstName:s.empty,lastName:s.empty},products:{allOptions:re(e.allProductsList,i.selectedProducts??[]),selectedOptions:i.selectedProducts??[]}},[Je]:{accountingConnectionCreationMode:i.accountingConnectionCreationMode}}},Nr=(e,i)=>`${e}.${i}`,dr=d.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ur=d(We)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  padding: ${t.sp3} ${t.sp0} ${t.sp7};
-`,he=d(sr)`
-  color: ${L.important};
-  width: ${t.sp3};
-  height: ${t.sp3};
-`,fe=d.div`
-  display: flex;
-  gap: ${t.sp2};
-  padding: ${t.sp3};
-  color: ${L.important};
-  background-color: ${L.importantLight};
-  border-radius: ${t.sp2};
-  align-items: center;
-  justify-content: space-between;
-`,ye=d.div`
-  display: flex;
-  max-width: 95%;
-  align-items: flex-start;
-  flex-direction: column;
-`,mr=d.div`
-  padding-bottom: ${t.sp11};
-`,Re=d.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.sp2};
-`,pr=d(We)`
-  margin-left: ${t.sp4};
-`,br=e=>{const{newOnboardingCustomerLocalData:i}=e,{isOnboardingCompleted:n}=i;return{isExistingCustomer:n!=null,isCustomerOnboardedSuccessfully:n!=null&&n===!0}},gr=(e,i)=>{const n=["zeni_payroll","zeni_cfo","zeni_tax"],u=["bookkeeping","zeni_bill_pay","zeni_checking","zeni_reimbursements","zeni_cards","zeni_treasury"],l=["zeni_checking","zeni_treasury"],f=e.includes("bookkeeping"),p=i.includes("bookkeeping"),b=i.includes("zeni_checking"),S=i.includes("zeni_treasury"),C=e.includes("zeni_checking"),O=e.includes("zeni_treasury"),$=e.filter(_=>n.includes(_)),v=i.filter(_=>n.includes(_)),z=$.length>0,k=v.length>0;return!z&&k?v:z&&!k?[]:!f&&p?u:f&&!p?[]:S&&!O&&!C?[...e,...l]:O&&!b?e.filter(_=>!l.includes(_)):k?v:i};export{Or as default,Nr as uniqueName};