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

package/dist/assets/OnboardingPage-LCaIErMj-Bhag4ahh.js

@@ -1,408 +0,0 @@
-import{j as t,bP as mt,h as xe,F as K,bR as ht,bS as pt,o as n,K as le,i as ut,cp as nt,x as q,aj as gt,bT as yt,cq as xt,bg as oe,n as L,e_ as bt,r as Ee,a3 as ft,$ as de,am as kt,cV as Ct,p as wt,ap as $t,e$ as vt,a6 as St,a as jt,co as Tt,cu as je,l as Ve,cv as It,cw as Ue,cx as Ke,c2 as Ot,c as At,C as Lt,y as Qe,cy as Nt,aK as Et,cz as Dt,cA as zt,cB as Rt,cg as rt,bw as it,b as _,f0 as Pt,f1 as Te,bK as Bt,a7 as Mt,S as qt,O as We,bX as Vt,b_ as Ft}from"./index-D9zAXs3-.js";import{b as l,n as r,w as Wt,k as Ut,i as Ge}from"./vendor-Bs1fkIUX.js";import{$ as Kt}from"./EmptySearchResults-CB9-FwYT-DCczU5qh.js";import{j as Qt,h as Gt}from"./ReloadContainer-fx3kImdJ-D2lKf-Yd.js";import{b as _t,o as Fe,n as Ht,r as Xt,s as Yt}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{N as Zt}from"./NavHeader-9VET6uub-DBlTa1KF.js";import{_ as Jt}from"./liveblocks-C2xecagE.js";import{d as eo,y as to,T as Y,l as Ie}from"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import{s as oo}from"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import{$ as Ne}from"./StatusTag-MQXQGj2--SPp-Hljk.js";import{t as no}from"./note-DCtChU1T-DArfpxk4.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";const ie={1:12,2:64,3:95};function ro({qboConnectionPool:e,isLoading:i,onQBOConnectClick:h}){const y=K.getLocalizedStrings().cockpit.onboarding.qboSetupAutomated;return t.jsx(io,{children:t.jsx(ao,{children:t.jsxs(so,{children:[i===!0?t.jsx(_e,{children:t.jsx(oe,{width:154,height:L[4]})}):t.jsx(_e,{children:y.qboSectionText}),t.jsxs(lo,{children:[t.jsxs(Pe,{minWidth:n.sp9,children:[i===!0?t.jsx(ge,{children:t.jsx(oe,{width:ie[1],height:L[3]})}):t.jsx(ge,{children:e.essentialConnectionsCount}),i===!0?t.jsx(ae,{children:t.jsx(oe,{width:ie[2],height:L[3]})}):t.jsx(ae,{children:y.typeOfQBOAccount.essentials})]}),t.jsxs(Pe,{minWidth:"28px",children:[i===!0?t.jsx(ge,{children:t.jsx(oe,{width:ie[1],height:L[3]})}):t.jsx(ge,{children:e.plusConnectionsCount}),i===!0?t.jsx(ae,{children:t.jsx(oe,{width:ie[2],height:L[3]})}):t.jsx(ae,{children:y.typeOfQBOAccount.plus})]}),t.jsxs(Pe,{minWidth:"62px",children:[i===!0?t.jsx(ge,{children:t.jsx(oe,{width:ie[1],height:L[3]})}):t.jsx(ge,{children:e.advanceConnectionsCount}),i===!0?t.jsx(ae,{children:t.jsx(oe,{width:ie[2],height:L[3]})}):t.jsx(ae,{children:y.typeOfQBOAccount.advanced})]})]}),i===!0?t.jsx(He,{children:t.jsx(oe,{width:ie[3],height:L[4]})}):t.jsxs(He,{onClick:()=>{h()},children:[t.jsx(co,{className:"setupQbo"}),t.jsx(ae,{className:"setupQbo",children:y.setupQBO})]})]})})})}const io=r.div`
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  background-color: inherit;
-  margin-top: ${n.sp3};
-  margin-bottom: 1px;
-  outline: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${n.sp2};
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  margin-right: ${n.sp8};
-  &:hover {
-    .setupQbo {
-      color: ${e=>e.theme.colors.primary};
-    }
-    outline-color: ${e=>e.theme.colors.primary};
-  }
-`,ao=r.div`
-  padding: ${n.sp3};
-`,so=r.div`
-  display: flex;
-  justify-content: space-between;
-  row-gap: ${n.sp2};
-`,_e=r(de)`
-  display: flex;
-  align-items: center;
-  justify-content: left;
-  color: ${e=>e.theme.colors.primary};
-  min-width: 154px;
-  margin-right: ${n.sp6};
-`,lo=r.div`
-  display: flex;
-  width: fit-content;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: 80px;
-`,Pe=r.div`
-  display: flex;
-  min-width: ${e=>e.minWidth};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,ge=r(kt)`
-  color: ${e=>e.theme.colors.primary};
-`,He=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  min-width: 95px;
-  margin-left: ${n.sp9};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  cursor: pointer;
-`,co=r(Ct)`
-  display: flex;
-  width: ${n.sp3};
-  height: ${n.sp3};
-  align-self: center;
-  margin-right: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,ae=r(de)`
-  color: ${e=>e.theme.colors.hero};
-`,mo=r.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${n.sp2};
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  outline: none;
-  width: fit-content;
-`,ho=r(wt)`
-  margin-top: ${n.sp7};
-  color: ${e=>e.theme.colors.primary};
-`,po=r($t)`
-  color: ${e=>e.theme.colors.hero};
-  padding-left: ${n.sp8};
-  padding-right: ${n.sp8};
-  margin-top: ${n.sp4};
-`,uo=r.ol`
-  color: ${e=>e.theme.colors.hero};
-  padding-left: ${n.sp11};
-  padding-right: ${n.sp8};
-  margin-bottom: 30px;
-  white-space: pre-line;
-  text-align: left;
-  width: ${e=>e.windowSize==="small"?"auto":"432px"};
-`,Oe=r(vt)``,go=r.hr`
-  width: 100%;
-  border: 0.2px solid ${e=>e.theme.colors.grey3};
-  margin-top: auto;
-`;function yo(e){const{onCancelClick:i,onGoLiveClick:h,showGoLivePopup:y,loading:d}=e,c=K.getLocalizedStrings().cockpit.onboarding,s=le();return t.jsx(bt,{"aria-labelledby":"modal-title","aria-describedby":"modal-description",open:y,BackdropProps:{style:{backgroundColor:xe.modalBackground}},children:t.jsxs(mo,{children:[t.jsx(ho,{children:c.goLiveTitle}),t.jsx(po,{children:c.goLiveDescription}),t.jsxs(uo,{windowSize:s,children:[t.jsx(Oe,{children:c.goLiveSteps.stepOne}),t.jsx(Oe,{children:c.goLiveSteps.stepTwo}),t.jsx(Oe,{children:c.goLiveSteps.stepThree}),t.jsx(Oe,{children:c.goLiveSteps.stepFour})]}),t.jsx(go,{}),t.jsxs(xo,{onClick:a=>a.stopPropagation(),children:[t.jsx(Ee,{label:c.cancel,onClick:i,size:"standard",type:"reset",disabled:d}),t.jsx(bo,{space:n.sp3}),t.jsx(Ee,{variant:"primary",label:c.goLiveText,loading:d,disabled:d,size:"standard",onClick:h})]})]})})}const xo=r.div`
-  display: flex;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 2;
-  justify-content: center;
-  background: ${e=>e.theme.colors.grey5};
-  padding: 10px ${n.sp3};
-`,bo=r.div`
-  margin-right: ${e=>e.space};
-`,at={maxWidth:new q(280,322),contentMaxWidth:new q(200,250)},fo=Ut`
- 0% {
-   transform: translateX(100%)
- }
- 100% {
-   transform: translateX(0)
- }
-`,ko=r.div`
-  position: fixed;
-  top: ${n.sp3};
-  right: ${n.sp3};
-  z-index: 1400;
-  box-sizing: initial;
-  padding: ${n.sp3} ${n.sp4};
-  max-width: ${e=>at.maxWidth.valuePx(e.windowSize)};
-  background: ${e=>e.theme.colors.black};
-  border-radius: 12px;
-  box-shadow: ${e=>`${n.sp0} ${n.sp1} ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-start;
-  animation: ${fo} 0.4s;
-`,Xe=r(St)`
-  color: ${xe.neutralGrey2Light};
-  word-break: break-word;
-`,Ye=r.div`
-  max-width: ${e=>at.contentMaxWidth.valuePx(e.windowSize)};
-  margin: ${n.sp0} 12px;
-`,Co=r.div`
-  margin-top: ${n.sp1};
-  width: ${n.sp3};
-  height: ${n.sp3};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${xe.primaryDark};
-  }
-`,ke=K.getLocalizedStrings().cockpit.onboarding;function Ze(e){const i=le(),{customMessageText:h,onRemoveSnackbar:y,customerCreationType:d={stage:"none",type:"create"}}=e;l.useEffect(()=>{setTimeout(y,5e3)});const c=wo(d);return t.jsxs(ko,{windowSize:i,children:[h?t.jsx(Ye,{windowSize:i,children:t.jsx(Xe,{children:h})}):t.jsx(Ye,{windowSize:i,children:t.jsx(Xe,{children:c})}),t.jsx(Co,{onClick:y,children:t.jsx(ft,{})})]})}const wo=e=>{switch(e?.stage){case"both":return ke.bothCreated;case"customer":return e?.type==="create"?ke.customerCreated:ke.customerUpdated;case"group":return ke.groupCreated;case"company_details":return ke.companyDetailsUpdated;default:return""}},Z=K.getLocalizedStrings().cockpit.onboarding.header,se=[{key:"companyName",value:Z.name,sortOrder:"ascending",width:new q(344,344),isThreadAllowed:!0},{key:"groupCreated",value:Z.groupCreation,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"customerCreated",value:Z.customerCreation,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"bankAccountLinked",value:Z.setupPayment,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"qboLinked",value:Z.connectToQBO,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"identityVerified",value:Z.verifyIdentity,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"businessVerified",value:Z.verifyBusiness,sortOrder:"ascending",width:new q(288,288),isThreadAllowed:!0},{key:"enroller",value:Z.enroller,sortOrder:"ascending",width:new q(220,220),isThreadAllowed:!0},{key:"invite",value:Z.invite,sortOrder:"ascending",width:new q(180,180),isThreadAllowed:!0}];se.map(e=>e.key);function $o({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:h}){const y=le(),[d,c]=l.useState(qt(se));l.useEffect(()=>{const a=[...d];for(const x of a)x.key===i.sortKey?x.sortOrder=i.sortOrder:x.sortOrder="ascending";c(a)},[i.sortKey,i.sortOrder]);const s=(a,x)=>{let f=x;i.sortKey===a&&(f=x==="ascending"?"descending":"ascending"),h(a,f)};return t.jsx(jo,{height:Yt,children:d.map(a=>t.jsxs(To,{companyNameSticky:e&&a.key==="companyName",sortDataValue:i.sortKey,actualDataValue:a.key,wrapperWidth:a.width,windowSize:y,children:[t.jsxs(Ao,{onClick:()=>s(Ve.toOnboardingSortKeyType(a.key),a.sortOrder),children:[t.jsx(We,{children:a.value}),t.jsx(So,{sortDataValue:i.sortKey,headerdata:a,children:t.jsx(Vt,{width:12,height:12})})]}),t.jsx(Oo,{isVisible:i.sortKey===a.key,children:t.jsx(Io,{onClick:()=>s("latestCreated","descending")})})]},a.key))})}const vo=Wt.memo($o),So=r.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-
-  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
-`,jo=r(de)`
-  top: 0;
-  left: 0;
-  width: fit-content;
-  min-width: 100%;
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-sizing: border-box;
-  padding: ${n.sp3} ${n.sp4} ${n.sp3} ${n.sp0};
-  position: sticky;
-  color: ${e=>e.theme.colors.grey1};
-`,To=r.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-  left: ${n.sp0};
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  box-sizing: border-box;
-  ${e=>e.companyNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
-  ${e=>e.actualDataValue==="companyName"?`padding-left: ${n.sp4}; flex: 1 1 auto`:`padding-left: ${n.sp0};`}
-`,Io=r(Ft)`
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-`,Oo=r.div`
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-  display: flex;
-  align-items: center;
-  padding-top: 2px;
-`,Ao=r.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Lo=({headerItemData:e,onboardingInfo:i,allUsers:h,isDisabled:y=!1,onOnboardingStepClicked:d})=>{const c=e.key;if(i!=null&&(c==="businessVerified"||c==="identityVerified")){const s=i[c],a=s.userIds!=null?h.find(f=>f.userId===s.userIds[0]):null,x=s.status==="Error"?K.getLocalizedStrings().cockpit.review.errors.unitVerificationFailed:null;return s.status==="Error"?t.jsxs(Je,{children:[t.jsxs(No,{children:[t.jsx(rt,{width:L[3],height:L[3]}),t.jsx(Do,{children:t.jsx(zo,{children:t.jsx(it,{display:"flex",placement:"bottom",title:t.jsx(Ro,{children:x}),children:t.jsx(Eo,{children:x})})})})]}),t.jsx(_,{controller:a!=null,children:t.jsx(et,{setMargin:!0,children:`${K.getLocalizedStrings().common.by} ${a?.firstName} ${a?.lastName}`})})]}):t.jsxs(Je,{children:[t.jsx(Ne,{isDisabled:y,complete:s.status==="Complete",onClick:d!=null?()=>{d(e.key)}:void 0,pendingReview:s.status==="Pending Review",notInitiated:s.status==="Not Initiated"}),t.jsx(_,{controller:a!=null,children:t.jsx(et,{setMargin:!1,children:`${K.getLocalizedStrings().common.by} ${a?.firstName} ${a?.lastName}`})}),t.jsx(_,{controller:a==null,children:t.jsx(Po,{})})]})}return null},Je=r.div``,No=r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${n.sp1};
-
-  svg {
-    color: ${xe.important};
-  }
-`,Eo=r(de)`
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp2};
-  max-width: 170px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  overflow: hidden;
-`,Do=r.div`
-  display: flex;
-  align-items: center;
-  cursor: default;
-`,zo=r.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ro=r(de)`
-  padding: 12px;
-  color: ${e=>e.theme.colors.grey1};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${n.sp1};
-`,et=r(We)`
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${e=>e.setMargin===!0?"20px":n.sp0};
-`,Po=r.div`
-  height: 18px;
-`,{common:b,cockpit:tt}=K.getLocalizedStrings(),Be=({headerItemData:e,onboardingInfo:i,allUsers:h,retryButtonLoading:y,viaCockpit:d=!1,isDisabled:c=!1,headerKey:s,onOnboardingStepClicked:a,onRetry:x})=>{if(i!=null&&Pt(e.key,i)===!0){const f=e.key,k=i[f],m=k.userIds!=null?h.find(D=>D.userId===k.userIds[0]):null,N=k.errorDetails!=null?k.errorDetails.summary:f==="qboLinked"?tt.review.errors.qboLinked:tt.review.errors.bankAccountLinked,S=`${b.via} ${b.cockpit}`;return k.error===!0&&(f==="qboLinked"||f==="bankAccountLinked")?t.jsxs(Ae,{children:[t.jsxs(Bo,{children:[t.jsx(rt,{width:L[3],height:L[3]}),t.jsxs(Vo,{children:[t.jsx(Fo,{children:t.jsx(it,{display:"flex",placement:"bottom",title:t.jsx(Wo,{children:N}),children:t.jsx(Mo,{children:N})})}),t.jsx(qo,{}),t.jsx(Ee,{variant:"link",size:"small",label:b.retry,loading:y===!0,onClick:x})]})]}),t.jsx(_,{controller:m!=null,children:t.jsx(Le,{setMargin:!0,children:`${d===!0?S:b.strings.empty}${f==="bankAccountLinked"&&Te(h,m?.userId)===!0?`${b.via} ${b.texts.chargebee}`:`${b.by} ${m?.firstName??b.strings.empty} ${m?.lastName??b.strings.empty}`}`})})]}):k.completed===!0?t.jsxs(Ae,{children:[t.jsx(Ne,{complete:!0,onClick:a!=null?()=>{a(e.key)}:void 0}),t.jsx(_,{controller:m!=null,children:t.jsx(Le,{setMargin:!1,children:`${d===!0?S:b.strings.empty}${f==="bankAccountLinked"&&Te(h,m?.userId)===!0?`${b.via} ${b.texts.chargebee}`:`${b.by} ${m?.firstName??b.strings.empty} ${m?.lastName??b.strings.empty}`}`})}),t.jsx(_,{controller:m==null,children:t.jsx(Me,{})})]}):k.pendingVerification===!0&&s==="bankAccountLinked"?t.jsxs(Ae,{children:[t.jsx(Ne,{complete:!1,pendingVerification:!0,onClick:a!=null?()=>{a(e.key)}:void 0}),t.jsx(_,{controller:m!=null,children:t.jsx(Le,{setMargin:!1,children:`${d===!0?S:b.strings.empty}${f==="bankAccountLinked"&&Te(h,m?.userId)===!0?`${b.via} ${b.texts.chargebee}`:`${b.by} ${m?.firstName??b.strings.empty} ${m?.lastName??b.strings.empty}`}`})}),t.jsx(_,{controller:m==null,children:t.jsx(Me,{})})]}):t.jsxs(Ae,{children:[t.jsx(Ne,{isDisabled:c,complete:!1,onClick:a!=null?()=>{a(e.key)}:void 0}),t.jsx(_,{controller:m!=null,children:t.jsx(Le,{setMargin:!1,children:`${d===!0?S:b.strings.empty}${f==="bankAccountLinked"&&Te(h,m?.userId)===!0?`${b.via} ${b.texts.chargebee}`:`${b.by} ${m?.firstName??b.strings.empty} ${m?.lastName??b.strings.empty}`}`})}),t.jsx(_,{controller:m==null,children:t.jsx(Me,{})})]})}return null},Ae=r.div``,Bo=r.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${n.sp1};
-
-  svg {
-    color: ${xe.important};
-  }
-`,Mo=r(de)`
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${n.sp2};
-  max-width: 170px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  overflow: hidden;
-`,qo=r.div`
-  border-left: 1px solid ${e=>e.theme.colors.grey2};
-  height: ${n.sp4};
-`,Vo=r.div`
-  display: flex;
-  align-items: center;
-  cursor: default;
-`,Fo=r.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Wo=r(de)`
-  padding: 12px;
-  color: ${e=>e.theme.colors.grey1};
-  background: ${e=>e.theme.colors.overlayColor};
-  border-radius: ${n.sp1};
-`,Le=r(We)`
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${e=>e.setMargin===!0?"20px":n.sp0};
-`,Me=r.div`
-  height: 18px;
-`,{common:{strings:Uo},cockpit:{onboarding:qe}}=K.getLocalizedStrings(),Ko=["bankAccountLinked","qboLinked","identityVerified","businessVerified"],Qo=({companyView:e,companyNameSticky:i,allUsers:h,sendInviteFetchState:y,retryBankAccountConnectionFetchState:d,totalHeight:c,addThreadRequestThreadId:s,targetElementFromNavigation:a,resetTargetElementFromNavigation:x,setNoteData:f,setElementRef:k,setAddThreadRequestThreadId:m,onOnboardingStepClicked:N,onSendInviteClick:S,redirectToDashboardOnboarding:D,onRetryBankAccountConnection:J})=>{const[Q,z]=l.useState(null),j=le(),ce=jt({mode:"all"}),{company:{company:{companyInfo:{companyId:u,name:V,primaryEmailDomain:T},companyOnboardingInfo:{onboardingInfo:p}}},tenant:me}=e,be=Go(e,h),R=`cockpit_${u}`,Ce="onboarding.notes",{threads:we,isLoading:he}=Tt({entityType:Ce,companyId:u},!1),{openThread:I,threads:O,addThread:pe,removeThread:ne,setOpenThread:ee}=l.useContext(nt),$e=I!==null?O.get(I):null,ve=I?.includes(u)===!0,De=I!=null&&O.get(I)==null&&ve,ze=s!=null&&O.get(s)?.metadata.companyId===u,Se=l.useCallback(()=>{I?.includes(je)===!0&&ne(I),s!=null&&m(void 0)},[s,I,ne,m]),w=o=>t.jsx(Rt,{isElementThreadOpen:o.isElementThreadOpen??!1,isElementThreadPresent:o.isElementThreadPresent??!1,itemKey:o.itemKey,elementThreadId:o.elementThreadId??Uo.empty,roomId:R,addThreadRequestThreadId:s,openThreadId:I,threadStyle:o.threadStyle,openThreadMetadata:$e?.metadata??null,onElementClick:$,onAddThreadClick:F,targetElement:a??Q}),E=l.useCallback(o=>{if(o===I)ee(null);else if(O.has(o))ee(o);else if(o.includes(je)){const[P,B]=o.replace(je,"").split("."),A=eo(It(P),Ve.toOnboardingSortKeyType(B),u,V);pe(o,{type:"thread",id:o,roomId:R,createdAt:new Date,updatedAt:new Date,comments:[],metadata:A,resolved:!1}),ee(o)}},[u,V,I,O,pe,ee,R]),$=l.useCallback((o,P,B=!1)=>{const A=se.find(X=>X.key===P);if(x(),A!=null&&(o.type==="contextmenu"||B===!0)){if(A.isThreadAllowed===!1)return;Se(),o.preventDefault(),o.stopPropagation();const X=Ue({tab:"onboarding",key:A.key});if(o.target instanceof HTMLElement||o.target instanceof SVGElement)if(B===!0&&o.target instanceof HTMLElement)z(o.target.parentElement);else if(o.target instanceof HTMLElement){const M=to(o.target,Y);z(M||o.target)}else{const M=o.target.closest(`.${Y}`);M instanceof HTMLElement&&z(M)}const C=[...Ke(O,{entityType:X,companyId:u},"both")],re=C.length>0&&C[0].length>0?C[0][0]:Ie("onboarding",A.key,u);O.has(re)?E(re):s===re?m(void 0):(m(re),ee(null))}},[O,u,s,E,m,ee,x,Se]),F=l.useCallback((o,P)=>{o.stopPropagation();const B=Ie("onboarding",P,u);m(void 0),E(B)},[u,m,E]),v=(o,P)=>{},W=l.useCallback(()=>{J(u)},[J,u]);l.useEffect(()=>{const o=ce.watch((P,{name:B})=>{B!=null&&P.companyData!=null&&Ot(()=>v())});return()=>{o.unsubscribe()}});const ue=p?.inviteSent,U=p?.accountingConnectionCreationMode,H=l.useCallback(o=>{if(p==null)return!1;switch(o){case"bankAccountLinked":case"qboLinked":case"identityVerified":case"businessVerified":return!0;default:return!1}},[p]),G=l.useCallback(o=>{if(Ko.includes(o)&&H(o)){D(T);return}N(u,o)},[D,T,u,N,H]),fe=Ve.isTenantBankingOnly(me),Re=l.useMemo(()=>{const o=p?.inviteAccepted===!0,P=p?.groupCreated.completed===!0,B=p?.customerCreated.completed===!0,A=p?.accountingConnectionCreationMode==null,X=p?.accountingConnectionCreationMode==="zeni_user"&&p?.qboLinked.completed!==!0,C=!fe;return o||!P||!B||A&&C||X&&C},[p?.accountingConnectionCreationMode,p?.customerCreated.completed,p?.groupCreated.completed,p?.inviteAccepted,p?.qboLinked.completed,fe]),dt=l.useMemo(()=>p?.inviteSent===!0?qe.resendInvite:qe.sendInvite,[p?.inviteSent]);return t.jsx(At,{...ce,children:t.jsx("form",{style:{height:"100%"},children:t.jsx(Lt,{onClickAway:()=>{x(),s!=null&&(m(void 0),s.includes(je)&&ne(s))},children:t.jsx(Ho,{windowSize:j,isThreadOpen:ve||ze,totalHeight:c,isCreationInProgress:De,children:se.map((o,P)=>{const B=Ue({tab:"onboarding",key:o.key}),A=se.length-2<=P,X=[...Ke(O,{entityType:B,companyId:u},"both")],C=X.length>0&&X[0].length>0?X[0][0]:Ie("onboarding",o.key,u),re=O.get(C),M=re!=null&&re.resolved===!1,te=C===I,ct=s===C;switch(o.key){case"companyName":return t.jsxs(Xo,{companyNameSticky:i,columnWidth:o.width,windowSize:j,isThreadOpen:te||ct,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),ref:g=>{k(u,o.key,g)},children:[t.jsxs(_o,{children:[t.jsx(Yo,{onClick:g=>{g.preventDefault()},children:V||T}),t.jsx(Nt,{isElementThreadOpen:te,targetElement:a??Q,roomId:R,openThreadId:I,openThreadMetadata:$e?.metadata??null})]}),t.jsxs(Zo,{className:"notesIcon",onClick:g=>{g.preventDefault(),f({roomId:R,companyId:u,companyName:V,entityType:Ce})},children:[t.jsx(Et,{count:we.length,isLoading:he}),t.jsx(Jo,{})]}),t.jsx(Dt,{isElementThreadPresent:M,itemKey:o.key,style:{left:n.sp4},onElementClick:$}),t.jsx(zt,{elementThreadId:Ie("onboarding",o.key,u),addThreadRequestThreadId:s,itemKey:o.key,onAddThreadClick:F})]},C);case"groupCreated":case"customerCreated":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(Be,{headerItemData:o,onOnboardingStepClicked:G,onboardingInfo:p,allUsers:h}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);case"bankAccountLinked":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(Be,{headerItemData:o,onOnboardingStepClicked:G,onboardingInfo:p,allUsers:h,isDisabled:ue!==!0,onRetry:W,retryButtonLoading:d==="In-Progress",headerKey:o.key}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);case"qboLinked":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(Be,{headerItemData:o,onOnboardingStepClicked:G,onboardingInfo:p,allUsers:h,isDisabled:U==="customer"&&ue!==!0||fe}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);case"identityVerified":case"businessVerified":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(Lo,{headerItemData:o,onOnboardingStepClicked:G,onboardingInfo:p,allUsers:h,isDisabled:ue!==!0}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);case"enroller":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(oo,{name:"companyData.controller",value:be.controller,placeholderLabel:qe.onboardingUsersPlaceholder,isReadOnly:!0,pickerStyles:{titleTextStyle:Qe.standardRegular,multiValueLabelTitleStyle:Qe.standardRegular}}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);case"invite":return t.jsxs(ye,{ref:g=>{k(u,o.key,g)},columnWidth:o.width,windowSize:j,isThreadAllowed:o.isThreadAllowed,className:Y,onContextMenu:g=>$(g,o.key),children:[t.jsx(Ee,{disabled:Re,variant:"primary",label:dt,onClick:()=>S(u,p?.inviteSent??!1),size:"small",loading:y==="In-Progress"}),w({isElementThreadOpen:te,isElementThreadPresent:M,itemKey:o.key,elementThreadId:C,threadStyle:A?{right:n.sp0}:void 0})]},C);default:return null}})})})})})};function Go(e,i){const h=e.company.company.companyOnboardingInfo.onboardingUserIds,y=i.filter(c=>h.findIndex(s=>s===c.userId)>-1),d=[];return h.forEach(c=>{const s=y.filter(a=>a.userId===c)[0];s!=null&&d.push(s)}),{controller:{allUsers:i,selectedUsers:d}}}const _o=r.div``,Ho=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: ${n.sp0} ${n.sp4} ${n.sp0} ${n.sp0};
-  width: fit-content;
-  box-sizing: border-box;
-  height: ${e=>`${e.totalHeight-L[3]}px`};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp2} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${n.sp2};
-  color: ${e=>e.theme.colors.hero};
-
-  .passportIcon {
-    visibility: ${e=>e.windowSize==="small"?"visible":"hidden"};
-    cursor: pointer;
-  }
-
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    box-shadow: ${e=>`${n.sp0} 2px ${n.sp2} ${e.theme.colors.dropShadowHover}`};
-    color: ${e=>e.theme.colors.primary};
-
-    .notesIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-
-  ${e=>e.isThreadOpen?Ge`
-          box-shadow: ${n.sp0} 2px ${n.sp2}
-            ${e.theme.colors.dropShadowHover};
-          border: 1px solid ${e.theme.colors.primary};
-        `:null};
-
-  @keyframes animate {
-    0% {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-    100% {
-      border-color: ${e=>e.theme.colors.hero};
-    }
-    50% {
-      border-color: ${e=>e.theme.colors.grey2};
-    }
-    100% {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-  ${e=>e.isCreationInProgress?Ge`
-          border: 1px solid ${e.theme.colors.primary};
-          animation: animate 3s linear infinite;
-        `:null};
-`,Xo=r(Bt)`
-  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
-  height: 100%;
-  display: flex;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  left: 0;
-  padding: 9px ${n.sp6} 9px ${n.sp4};
-  position: ${e=>e.companyNameSticky?"sticky":"static"};
-  z-index: ${e=>e.isThreadOpen?5:4};
-  flex: 1 1 auto;
-  justify-content: space-between;
-  gap: ${n.sp3};
-  box-sizing: border-box;
-  border-bottom-left-radius: ${n.sp2};
-  border-top-left-radius: ${n.sp2};
-  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
-`,Yo=r(Mt)`
-  word-break: break-word;
-  margin-right: 10px;
-  cursor: pointer;
-`,Zo=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Jo=r(no)`
-  display: flex;
-  width: ${n.sp4};
-  height: ${n.sp4};
-  align-items: center;
-  justify-content: center;
-`,ye=r.div`
-  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
-  display: flex;
-  align-items: center;
-  height: 100%;
-  justify-content: flex-start;
-  z-index: auto;
-  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
-  position: relative;
-`,en={onboardingRightPadding:new q(L[3],L[8])},{cockpit:{onboarding:tn},common:{headers:{comments:on}},collaboration:{threads:{placeholder:{addANewComment:nn,replyAComment:rn},tooltip:{resolveComment:an,unResolveComment:sn}}}}=K.getLocalizedStrings(),ln=({onboardingView:e,qboConnectionPoolFlag:i,onSendInviteClick:h,onOnboardingStepClicked:y,onCancelClicked:d,onGoLiveClicked:c,onScroll:s,onUpdateCustomerCreationStatus:a,onColumnSortConfigChanged:x,redirectToDashboardOnboarding:f,onRetryBankAccountConnection:k,onQBOConnectClick:m})=>{const N=le(),S=l.useRef(null),[D,J]=l.useState(null),{setOpenThread:Q,setRequestToOpenThread:z,requestToOpenThread:j}=l.useContext(nt),[ce,u]=l.useState(void 0),V=l.useRef(null),T=l.useRef([]),[p,me]=l.useState(null),be=!(N==="small"||N==="medium-compact"),{uiState:R}=e,Ce=tn.onboardingCompleted.replace("_company-name_",R.selectedCustomerName),[we,he]=l.useState("Not-Started"),[I,O]=l.useState("Not-Started"),{saveFetchState:pe,customerCreationStatus:ne}=e;l.useEffect(()=>{pe.fetchState==="Completed"&&ne.stage!=="none"?(O("Not-Started"),he(pe.fetchState)):he("Not-Started")},[pe.fetchState,ne]),l.useEffect(()=>{e.updateStatus.fetchState==="Completed"?(he("Not-Started"),O(e.updateStatus.fetchState)):O("Not-Started")},[e.updateStatus.fetchState]);const ee=0,$e=l.useCallback(()=>{const w=e.onboardingCustomers.filter(E=>E.company.company.companyInfo.companyId===R.selectedCompanyId);if(w.length>0){const{company:E,onboardingCustomerInfo:$,tenant:F}=w[0],v={companyEmailDomain:$.companyEmailDomain,companyId:E.company.companyInfo.companyId,isOnboardingCompleted:!0,isOnboardingTenant:!0,tenantId:F.tenantId,userEmailWithPreOnboardSuccess:$.userEmailWithPreOnboardSuccess};c(v)}},[c,e.onboardingCustomers,R.selectedCompanyId]),ve=l.useCallback(w=>e.onboardingCustomers[w].company.company.companyInfo.name.length>Ht?Fe+32:Fe,[e.onboardingCustomers]);l.useEffect(()=>{S.current&&S.current.resetAfterIndex(0)},[e]);const De=l.useMemo(()=>({makeCompanyNameSticky:be,uiState:R,onColumnSortConfigChanged:x}),[be,R,x]),ze=l.useCallback((w,E,$)=>{const F=e.onboardingCustomers.findIndex(W=>W.company.company.companyInfo.companyId===w),v=se.findIndex(W=>W.key===E);F!==-1&&v!==-1&&(T.current[F]==null?T.current[F]=[$]:T.current[F][v]=$)},[e.onboardingCustomers]),Se=l.useCallback(()=>{V.current=null,z(null)},[z]);return l.useEffect(()=>{if(j!=null&&D!=null){const{companyId:w,entityType:E}=j,[$,F]=E.split("."),v=e.onboardingCustomers.findIndex(U=>U.company.company.companyInfo.companyId===w),W=se.findIndex(U=>U.key===F);v!==-1&&!(D.visibleStartIndex<=v&&D.visibleStopIndex>=v)&&S.current?.scrollToItem(v,"center"),setTimeout(()=>{const U=T.current[v]?.[0]?.getBoundingClientRect().bottom,H=T.current[v]?.[0]?.getBoundingClientRect().top;if(U!=null&&H!=null&&(window.innerHeight>=U&&window.innerHeight>=H||H<0)){const G=T.current[v][W];G!=null&&(V.current={companyId:w,target:G}),T.current[v][W]?.scrollIntoView({block:"center",behavior:"auto"})}},0);const ue=setInterval(()=>{const U=T.current[v]?.[W]?.getBoundingClientRect().left,H=T.current[v]?.[W]?.getBoundingClientRect().right,G=T.current[v]?.[W]?.offsetWidth;if(V.current?.companyId===w&&U!=null&&G!=null&&H!=null&&(U<window.innerWidth-G||H<window.innerWidth)){clearInterval(ue);const fe=j.threadId,Re=j.onThreadShownCallback;fe&&(z(null),Q(j.threadId),Re?.())}},500);setTimeout(()=>{clearInterval(ue),z(null)},2e3)}},[j,D,Q,z]),t.jsxs(t.Fragment,{children:[i?t.jsx(ro,{qboConnectionPool:e.qboConnectionPool,isLoading:e.qboConnectionPool.saveQBOConnectionPoolState.fetchState==="In-Progress",onQBOConnectClick:m}):null,t.jsxs(cn,{children:[R.showGoLivePopUp===!0?t.jsx(yo,{hasAdminRole:!0,onCancelClick:()=>{d()},onGoLiveClick:$e,showGoLivePopup:R.showGoLivePopUp,loading:e.updateStatus.fetchState==="In-Progress"}):null,we==="Completed"?t.jsx(Ze,{customerCreationType:ne,fetchState:we,onRemoveSnackbar:()=>{a(),he("Not-Started")}}):null,I==="Completed"?t.jsx(Ze,{fetchState:I,customMessageText:Ce,onRemoveSnackbar:()=>{O("Not-Started")}}):null,t.jsxs(st.Provider,{value:De,children:[t.jsx(gt,{children:({height:w,width:E})=>t.jsx(yt,{height:w,width:E,itemCount:e.onboardingCustomers.length,itemSize:ve,onItemsRendered:$=>J($),overscanCount:Xt,itemData:{onboardingView:e,makeCompanyNameSticky:be,addThreadRequestThreadId:ce,targetElement:V.current?.target,resetTargetElementFromNavigation:Se,setElementRef:ze,setAddThreadRequestThreadId:u,setNoteData:me,onOnboardingStepClicked:y,onSendInviteClick:h,redirectToDashboardOnboarding:f,onRetryBankAccountConnection:k},ref:S,innerElementType:lt,onScroll:({scrollOffset:$})=>{s($)},initialScrollOffset:ee,style:{willChange:"auto"},children:dn})}),p!=null?t.jsx(Jt,{id:p.roomId,children:t.jsx(xt,{isDrawerOpen:!0,allowComposer:!0,autoExpand:!0,autoFocus:!1,drawerTitle:`${p.companyName} ${on}`,filter:{application:"cockpit",companyId:p.companyId,entityType:p.entityType,isGlobalComment:!1,tab:"onboarding"},isLoading:!1,threadMetadata:{companyName:p.companyName,companyId:p.companyId,entityId:p.companyId,entityType:p.entityType,isGlobalComment:!1,application:"cockpit",tab:"onboarding",url:window.location.href},textOverrides:{composerPlaceholder:nn,replyComposerPlaceholder:rn,threadResolve:an,threadUnResolve:sn},onThreadClick:w=>null,onCloseAllThreadsDrawer:()=>me(null)})}):null]})]})]})},st=l.createContext(void 0),lt=l.forwardRef((e,i)=>{const{children:h,style:y,...d}=e,{makeCompanyNameSticky:c,uiState:s,onColumnSortConfigChanged:a}=l.useContext(st);return t.jsxs(pn,{ref:i,style:{...y,width:"auto"},...d,children:[t.jsx(vo,{companyNameSticky:c,onColumnSortConfigChanged:a,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(hn,{children:h})]})});lt.displayName="Onboarding list view inner element type";const dn=({index:e,style:i,data:h})=>{const y=le(),{onboardingView:d,makeCompanyNameSticky:c,addThreadRequestThreadId:s,targetElement:a,resetTargetElementFromNavigation:x,setElementRef:f,setNoteData:k,setAddThreadRequestThreadId:m,onOnboardingStepClicked:N,onSendInviteClick:S,redirectToDashboardOnboarding:D,onRetryBankAccountConnection:J}=h,Q=d.onboardingCustomers[e],{companyId:z}=Q.company.company.companyInfo;return t.jsx(mn,{isCollapsed:!0,style:{...i,width:"fit-content",minWidth:"100%",padding:`${n.sp0} ${en.onboardingRightPadding.valuePx(y)} ${n.sp3} ${n.sp0}`},children:t.jsx(Qo,{totalHeight:typeof i.height=="number"?i.height:Fe,companyView:d.onboardingCustomers[e],companyNameSticky:c,allUsers:d.zeniUsers.values,sendInviteFetchState:d.sendInviteFetchStateByCompanyId[d.onboardingCustomers[e].company.company.companyInfo.companyId]?.fetchState,addThreadRequestThreadId:s,targetElementFromNavigation:a,resetTargetElementFromNavigation:x,setNoteData:k,setElementRef:f,setAddThreadRequestThreadId:m,retryBankAccountConnectionFetchState:d.retryBankAccountConnectionFetchStateByCompanyId[d.onboardingCustomers[e].company.company.companyInfo.companyId]?.fetchState,onOnboardingStepClicked:N,onSendInviteClick:S,redirectToDashboardOnboarding:D,onRetryBankAccountConnection:J})},z)},cn=r.div`
-  /** Subtract top so list can occupy remaining available height */
-  height: calc(100vh - 108px);
-  max-width: 99.9%;
-`,mn=r.div`
-  top: ${n.sp0};
-  left: ${n.sp0};
-  padding-bottom: ${n.sp3};
-  box-sizing: border-box;
-  transition: ${e=>e.isCollapsed?"height 200ms ease-out":"height 100ms ease-in"};
-`,hn=r.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,pn=r.div``,un=r.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey4};
-`,gn=r.div`
-  height: calc(100% - 75px);
-  padding: ${e=>`${n.sp0} ${n.sp0} ${n.sp0} ${Gt.cockpitLeftPadding.valuePx(e.windowSize)}`};
-`,yn=r.div`
-  height: calc(100vh - 45px);
-  overflow-y: hidden;
-  background-color: ${e=>e.theme.colors.grey4};
-`,{cockpit:{emptySearchTextFirstLine:xn,emptySearchTextSecondLine:bn,onboarding:ot},common:{no:fn,yes:kn}}=K.getLocalizedStrings(),Un=({headerData:e,headerActions:i,onboardingPageActions:h,onboardingPageData:y})=>{const[d,c]=l.useState(!1),[s,a]=l.useState(void 0),{onboardingView:x,qboConnectionPoolFlag:f}=y,{onScroll:k,onOnboardingStepClicked:m,onCancelClicked:N,onGoLiveClicked:S,onUpdateCustomerCreationStatus:D,onCockpitReloadData:J,onSendInviteClick:Q,onColumnSortConfigChanged:z,redirectToDashboardOnboarding:j,onRetryBankAccountConnection:ce,onQBOConnectClick:u}=h,V=x.fetchState==="Completed"&&x.zeniUsers.fetchState==="Completed",T={onOkClick:()=>{c(!1),s!=null&&Q(s)},onCancelClick:()=>{c(!1)}};return t.jsxs(yn,{children:[d===!0?t.jsx(mt,{titleComponent:t.jsx(pt,{style:{paddingLeft:n.sp6,paddingRight:n.sp6},children:ot.confirmationPopup.title}),descriptionComponent:t.jsx(ht,{children:ot.confirmationPopup.subTitle}),primaryButtonText:kn,secondaryButtonText:fn,action:T,style:{background:xe.overlayDark}}):null,t.jsx(Zt,{headerActions:{...i},headerData:{...e,allTabOptions:_t,companiesLoaded:V,filterData:{filterText:x.uiState.filterText,disableFilters:!0},selectedTabOption:"onboarding"}}),t.jsx(Cn,{qboConnectionPoolFlag:f,onQBOConnectClick:u,onboardingView:x,onScroll:k,onCockpitReloadData:J,onOnboardingStepClicked:m,onGoLiveClicked:S,onCancelClicked:N,onUpdateCustomerCreationStatus:D,onSendInviteClick:(p,me)=>{me?Q(p):(a(p),c(!0))},onColumnSortConfigChanged:z,redirectToDashboardOnboarding:j,onRetryBankAccountConnection:ce})]})},Cn=({onboardingView:e,qboConnectionPoolFlag:i,onSendInviteClick:h,onScroll:y,onOnboardingStepClicked:d,onCancelClicked:c,onGoLiveClicked:s,onUpdateCustomerCreationStatus:a,onCockpitReloadData:x,onColumnSortConfigChanged:f,redirectToDashboardOnboarding:k,onRetryBankAccountConnection:m,onQBOConnectClick:N})=>{const S=le();return e.fetchState==="Error"?t.jsx(Qt,{onCockpitReloadData:x,selectedCockpitOption:"onboarding"}):e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(un,{children:t.jsx(ut,{size:"ExtraLarge",start:!0})}):e.onboardingCustomers.length===0?t.jsx(Kt,{emptySearchTextFirstLine:xn,emptySearchTextSecondLine:bn}):t.jsx(gn,{windowSize:S,children:t.jsx(ln,{qboConnectionPoolFlag:i,onQBOConnectClick:N,onboardingView:e,onColumnSortConfigChanged:f,onOnboardingStepClicked:d,onCancelClicked:c,onGoLiveClicked:s,onScroll:y,onUpdateCustomerCreationStatus:a,onSendInviteClick:h,redirectToDashboardOnboarding:k,onRetryBankAccountConnection:m})})};export{Un as default};

package/dist/assets/PandLWithForecastPage-3h8Q4kZg-CZgSqzQW.js

@@ -1,107 +0,0 @@
-import{j as o,H as M,u as T,K as v,Z as A,aW as ne,F as c,r as ie,i as ae,x as D,y as ce,o as s,I as le,a8 as de,b$ as ge,c0 as me,m as pe,n as P,l as G,a$ as he,c1 as ue,a6 as fe,a7 as xe,ap as we}from"./index-D9zAXs3-.js";import{n,b as F}from"./vendor-Bs1fkIUX.js";import{M as je}from"./NavBarWithPicker-CBOGjIl3-ajX8qLcM.js";import{m as Se}from"./analyticsHelper-B3JHS_Qr-D08xKZsr.js";import{M as $e}from"./TimeframeSwitcherWithToggle-DMblyoo8-ize9yIra.js";import{T as be,R as Pe}from"./CollapsableReportTable-CDe76ha7-3Q7qsS_e.js";import{M as E}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import{T as ke,I as ye,L as Ce}from"./mapSectionWithAcOnlyToTreeNode-BujdmE12-MD1XTXUW.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-DLd8jhti-Bxl7AnhE.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";import"./TimeframeSwitcher-DABwUJSm-DPkuAUy9.js";import"./AccountRow-COaolUm5-Bsrm5YYV.js";import"./clock-CJkylEKt-CJ3FIZ_o.js";import"./Loader-Cqmoylhp-CKPikayq.js";import"./sectionColor-euXcOIkp-Cmmp8esL.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ve=n.div`
-  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
-  text-align: center;
-`,Le=n(me)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp7} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,Te=n(ge)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp5} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,J=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Ie=n.div``,Q=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"408px"};
-  display: flex;
-  flex-direction: column;
-`,Z=n.div`
-  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-`,X=n.div`
-  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
-  background: ${e=>e.theme.colors.background};
-  border-radius: 12px;
-  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
-  padding: 15px;
-`,k=n.div`
-  border-radius: ${s.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,B=n(we)`
-  color: ${e=>e.theme.colors.champion};
-`,N=n(xe)`
-  color: ${e=>e.theme.colors.champion};
-`,O=n(fe)`
-  color: ${e=>e.theme.colors.champion};
-`,_=n(ue)`
-  color: ${e=>e.theme.colors.champion};
-`,y=n.div``,C=n.div`
-  padding-left: ${s.sp3};
-`,ee=n(E)`
-  color: ${e=>e.theme.colors.graphColor18};
-`,oe=n(E)`
-  color: ${e=>e.theme.colors.graphColor25};
-`,te=n(E)`
-  color: ${e=>e.theme.colors.graphColor04};
-`,Me=n(pe)`
-  margin: ${s.sp3} auto;
-  max-width: 422px;
-  color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(Q,{windowSize:t,children:[o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(oe,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(k,{windowSize:t,children:[o.jsx(y,{children:o.jsx(te,{})}),o.jsxs(C,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsxs(Q,{windowSize:t,children:[o.jsxs(k,{windowSize:t,style:{width:"408px"},children:[o.jsx(y,{children:o.jsx(ee,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(k,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(y,{children:o.jsx(oe,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(k,{windowSize:t,style:{width:"408px"},children:[o.jsx(y,{children:o.jsx(te,{})}),o.jsxs(C,{children:[o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Z,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Be=({meetingUrl:e,onBackClick:t,onClickMenuIcon:r})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:r,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Ne(e,t,r=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],p=H({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(G.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(ke({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ye({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else G.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(Ce({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:r?[p]:[],contentNodes:m}}function Oe(e,t,r,a=!0){Object.assign(e.config,t);const l=r.sections.expenses.balances.length>0?[...r.sections.expenses.balances,...r.sections.expenses.additionalBalances]:[...r.sections.income.balances,...r.sections.income.additionalBalances],d=H({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(r=>se(r,t))}const L={contentPaddingLeft:new D(P[3],P[3],P[8]),contentPaddingRight:new D(P[3],P[3],P[8])},_e=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ee=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: 99.9%;
-  margin-top: ${s.sp2};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=n.div`
-  display: flex;
-  width: 100%;
-  flex: 1;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding-left: ${e=>e.paddingLeft}px;
-  padding-right: ${e=>e.paddingRight}px;
-`,We=n.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:r,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];r?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>p?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(je,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ge=({report:e,type:t,isActualVsForecastOn:r,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=r===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const j={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Pe(t)===!0&&r===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Ne(e,j,b);z(e),$(w)}else{const w=Oe(x,j,e,b);$(w)}},[t,r,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(j,w)=>{l(j,w)},onCompareModeChanged:d,scrollPosition:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:r,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:j,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return re(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Be,{meetingUrl:m,onBackClick:j,onClickMenuIcon:w}):q([a.fetchState])===!0?o.jsx(U,{fetchState:qe(R)}):o.jsxs(_e,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,onForecastSelectionChanged:(S,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(S,W)},vsActualOn:t,onVsActualChanged:S=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[V].name,S),u?.(S)},selectedTimeframe:e,onTimeframeChanged:S=>{i?.trackTimeframeSwitch(Se(S),M.Event.profitAndLossWithForecast),h?.(S)},onBackClick:j,isPandLReportFetching:q([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ge,{report:d,type:p,isActualVsForecastOn:t,compareMode:r,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,r)=>t===!0&&r==="Completed",!0),re=e=>e.reduce((t,r)=>t===!0||r==="Error",!1),q=e=>e.reduce((t,r)=>t===!0||r==="Not-Started"||r==="In-Progress",!1),qe=e=>Ue(e)===!0?"Completed":re(e)===!0?"Error":"In-Progress";export{uo as default,q as isAnyInProgress};