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

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

@@ -0,0 +1,408 @@
+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/{OpExByVendorPage-CMEokGbw-5aOd51kS.js → OpExByVendorPage-DWCdLRPc-peo3zX7H.js}

@@ -1,4 +1,4 @@
-import{e as H,hq as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hp as ke,aY as we,aW as ve,hr as Be,hs as je,o as u,a6 as Oe,m as $e,C as F,aj as le,E as ie,a8 as Pe,q as j,a$ as Te,bI as De,bJ as Ne,bK as Ee,c as a,n as ce,bc as Ie,b7 as Ae,aw as Me,v as Z,av as Le,ab as Fe,b8 as Ve,ba as Re,l as ze}from"./index-CyJdCOlu.js";import{b as x,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-CPj7oOMJ-Cv2ANOse.js";import{V as Ge}from"./toChartData-Cp_80Bi6-Dfd3dSx4.js";import{m as V}from"./analyticsHelper-CsfdC0kT-BpVlkMRS.js";import{p as He}from"./TimeRangeSwitcher-CkXysnFa-BxX2v8T-.js";import{M as qe}from"./TimeframeSwitcherWithToggle-B9Lo2-pD-oHueEdHK.js";import{C as Je}from"./NoDataChart-D5DKMqIS-BEaaizBY.js";import{d as Ue}from"./NoDataTable-CPEKYH-4-ChRW7vff.js";import{H as Qe,k as oe}from"./detailCommon-BJ8iCchG-CdCS4VPM.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Xe,W as J}from"./CollapsableReportTable-NSlKGCNZ-9GlkRzVX.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-B-iRb2_j-BOYVHL5U.js";import{d as re}from"./mapLoadingInProgressToTreeNode-R394S2in-pIplKgrn.js";import{l as Ze}from"./mapSpacerToTreeNode-CLYF1Foh-BkgQTnh2.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-B-S09J4A-MdxeQVLH.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-ZcS_RTJN-DNHX6IR1.js";const eo=m.div`
+import{K as G,i5 as ye,F as B,u as q,B as be,j as t,Z as _e,bf as Se,i4 as ke,aY as we,aW as ve,i6 as Be,i7 as Oe,o as u,a6 as je,i as Pe,x as F,aj as le,I as ie,a8 as Te,n as O,a$ as $e,bH as De,bI as Ne,bJ as Ie,h as a,k as ce,bc as Ee,b7 as Ae,aw as Me,y as X,av as Le,ab as Fe,b8 as Ve,ba as ze,l as Re}from"./index-D9zAXs3-.js";import{b as y,n as m,w as We}from"./vendor-Bs1fkIUX.js";import{p as Ke,d as Ye,y as H,b as de,u as ee}from"./chartTypes-CICM6xJ3-DAE7LSQz.js";import{V as He}from"./toChartData-D_8GUwpP-CFofR1sw.js";import{m as V}from"./analyticsHelper-B3JHS_Qr-D08xKZsr.js";import{p as Ge}from"./TimeRangeSwitcher-RLCCDvSp-DYQOEgth.js";import{M as qe}from"./TimeframeSwitcherWithToggle-DMblyoo8-ize9yIra.js";import{C as Je}from"./NoDataChart-BSoXaJD0-JxM1S3Cy.js";import{d as Ue}from"./NoDataTable-iH1r029I-DLkBIcoK.js";import{H as Ze,k as oe}from"./detailCommon-DAG_rX2o-B0QDOSIy.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{T as Qe,I as J}from"./CollapsableReportTable-CDe76ha7-3Q7qsS_e.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-DVzQl7Bb-DDS_OBZQ.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CtvSoL64-CS0Ie6NV.js";import{l as Xe}from"./mapSpacerToTreeNode-CY5XRFK--DC8NIrxN.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"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";import"./AccountRow-COaolUm5-Bsrm5YYV.js";import"./clock-CJkylEKt-CJ3FIZ_o.js";import"./Loader-Cqmoylhp-CKPikayq.js";import"./sectionColor-euXcOIkp-Cmmp8esL.js";const eo=m.div`
   display: flex;
 `,oo=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{e as H,hq as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hp as ke,aY
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},co=m.div`
+`,ao=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),io=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ke(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?He(e,[...o],l,s):void 0},co=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[n,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(Re,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=ze.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?j[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Me,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function yo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function xo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=xo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>yo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F(j[3],j[3],j[8]),contentPaddingLeft:new F(j[0],j[0],j[0]),contentPaddingRight:new F(j[3],j[3],j[8])},ko=m.div`
+`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=Re.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(e),g=i!==!1,c=h?(s-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ee,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Me,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...X.extraSmallRegular.cssObject}}),t.jsx(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...X.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function mo(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function go(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function yo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=yo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Xe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],I={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},ko=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -38,8 +38,8 @@ import{e as H,hq as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hp as ke,aY
   position: relative;
   box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
 `,vo=m.div`
   display: flex;
   width: 100%;
@@ -55,7 +55,7 @@ import{e as H,hq as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hp as ke,aY
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,jo=m.div`
+`,Oo=m.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -70,31 +70,31 @@ import{e as H,hq as xe,M as B,u as q,y as be,j as t,_ as _e,bf as Se,hp as ke,aY
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Oo=m(Oe)`
+`,jo=m(je)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
-`,$o=m.div`
+`,Po=m.div`
   display: flex;
   padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,Po=m.div``,To=m.div``,Do=m.div`
+`,To=m.div``,$o=m.div``,Do=m.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
-  height: ${e=>E.chartHeight.valuePx(e.windowSize)};
+  height: ${e=>I.chartHeight.valuePx(e.windowSize)};
   padding-bottom: ${u.sp6};
 `,No=m.div`
   display: flex;
-`,Eo=m.div`
+`,Io=m.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp6};
-`,Io=m.div`
+`,Eo=m.div`
   display: flex;
   position: sticky;
   justify-content: center;
   padding-top: ${u.sp8};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
 `,Ao=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):null,mr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=x.useState(o.searchString[o.timeframe]),[A,M]=x.useState(!1),k=H(),T=x.useRef(null),W=xe(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Q=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:$}=o,D=o.searchString[$],fe=x.useCallback(w=>{n($,D,w)},[$,D,n]),Ce=x.useCallback((w,y)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(y,w,!1)):(C(!1),v(y))},[v,n,C]),X=x.useRef(be((w,y)=>Ce(w,y),500,{trailing:!0})).current,ye=(w,y)=>{c(w,y,$),C(!0),n($,D,!1)};if(x.useEffect(()=>{async function w(){await uo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[$],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),x.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(jo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Oo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Mo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:y=>{I(y),y.trim().length>=2?X(y,$):y.trim().length==0&&X("",$)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async y=>{if(y==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:y=>l(je(y.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Eo,{children:t.jsx(Qe,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:ye,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(Po,{children:[t.jsx($o,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Je,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=x.useState(void 0),[S,v]=x.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Te(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=bo(e,r,k,P);v(e),b(T)}else{const T=_o(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Io,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Ao,{children:t.jsx(Xe,{backgroundColor:new Pe(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{mr as default};
+`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:j,onClickMenuIcon:R})=>{const[T,E]=y.useState(o.searchString[o.timeframe]),[A,M]=y.useState(!1),k=G(),$=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Z=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:P}=o,D=o.searchString[P],fe=y.useCallback(w=>{n(P,D,w)},[P,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:$.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),Q=y.useRef(be((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,P),C(!0),n(P,D,!1)};if(y.useEffect(()=>{async function w(){await uo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[P],...s}),j?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),y.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Mo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:T??"",onSearchTextChanged:x=>{E(x),x.trim().length>=2?Q(x,P):x.trim().length==0&&Q("",P)},downloadPresent:!0}),t.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Z.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Z.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:j}),Y!=null?t.jsx(Io,{children:t.jsx(Ze,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:$,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:j})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx($o,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Ge,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=G();return e?t.jsx(No,{children:t.jsx(Je,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",z("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=y.useState(void 0),[S,v]=y.useState(void 0),j=G(),R=q(),T=!(j==="small"||j==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:$e(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const $=bo(e,r,k,T);v(e),b($)}else{const $=_o(d,k,e,T);b($)}},[r.mode,e]);const E=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Eo,{windowSize:j,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Ao,{children:t.jsx(Qe,{backgroundColor:new Te(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:T,isStickyName:T},treeNodePadding:{left:I.contentPaddingLeft.value(j),right:I.contentPaddingRight.value(j)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:E,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};

package/dist/assets/{OverlayContainerPage-9K5jaX8Z-DmDVJorJ.js → OverlayContainerPage-1M2CZQoK-DROfCTrK.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-CyJdCOlu.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const p=n.div`
+import{u as i,j as r}from"./index-D9zAXs3-.js";import{n}from"./vendor-Bs1fkIUX.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 p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;