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

package/dist/assets/HealthMonitorDetailDrawer-BJRgJJOH-BzVkHFE6.js

@@ -0,0 +1,401 @@
+import{a as Re,F as fe,l as w,c2 as Ae,j as t,i as Ne,t as Le,cI as F,cJ as Be,bw as j,o as r,c as Ve,cK as se,cL as Ue,cM as _e,cN as ze,h as D,a4 as We,am as R,a3 as Ge,cO as Ke,k as v,p as Ye,bK as qe,O as je,cl as Je,b5 as Ze,u as Qe,y as Xe,an as et,w as tt,cP as rt,c1 as ot,$ as st}from"./index-D9zAXs3-.js";import{b as p,n as o}from"./vendor-Bs1fkIUX.js";import{r as at}from"./mui-Ty75qFQF.js";import{x as it,P as lt,y as nt,z as ct,k as dt,_ as pt,A as mt,B as ht,D as ut,E as xt,F as gt,G as $t,H as Se,J as yt,K as bt,M as ft}from"./liveblocks-C2xecagE.js";import{r as jt}from"./avatar-Dz7aEm3d-D64JGSQG.js";import{U as we,g as ve}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{R as St,T as wt,M as vt,Y as Ct,S as _,L as Pt}from"./HealthListRow-iF093_lw-DegqmjBi.js";import{t as It}from"./note-DCtChU1T-DArfpxk4.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";import"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import"./groupHelper-CTA_J_U7-CPJTcSSg.js";it(ct,nt,lt);const Mt={boxShadow:"none"},kt={width:"auto",outline:"none",background:"transparent"},{common:{texts:{anonymousUser:Y},strings:{atTheRate:Ot}}}=fe.getLocalizedStrings(),Ft=({roomId:e,threadMetadata:i,composerPlaceholder:m,isSubmitComment:C=!1,createThreadCallback:P,composerFormStyle:A={},composerEditorStyle:N={}})=>{const I=dt(),a=Qe(),u=p.useCallback(({body:L},M)=>{M.preventDefault(),M.stopPropagation();try{I({body:L,metadata:i}),P()}catch(c){console.log(c)}},[I,P,i]);return t.jsx(pt,{id:e,children:t.jsx(Nt,{children:t.jsxs(mt,{onComposerSubmit:u,style:{...Mt,...A},className:"customThreadComposer",children:[t.jsx(ht,{placeholder:m,style:{...Xe.smallRegular,...kt,color:a.colors.primary,...N},components:{Mention:Tt,MentionSuggestions:Et,Link:Rt}}),t.jsx(ut,{asChild:!0,children:t.jsx(At,{isSubmitComment:C})})]})})})};function Tt({userId:e}){const{user:i}=Se(e);return t.jsx(yt,{asChild:!0,children:t.jsxs(Vt,{children:[Ot,i?.name||Y]})})}function Et({userIds:e,selectedUserId:i}){return e.length===0?null:t.jsx(gt,{asChild:!0,children:t.jsx(Lt,{children:t.jsx($t,{asChild:!0,children:t.jsx(Bt,{children:e.map(m=>t.jsx(p.Suspense,{fallback:t.jsx(Ht,{}),children:t.jsx(Dt,{userId:m},m)},m))})})})})}function Ht(){return t.jsxs(Ce,{children:[t.jsx(Pe,{}),t.jsx("span",{children:Y})]})}function Dt({userId:e}){const{user:i}=Se(e);return t.jsx(ft,{asChild:!0,value:i.userId,children:t.jsxs(Ce,{children:[i.avatar?t.jsx(_t,{src:i.avatar,alt:""}):t.jsx(Pe,{}),t.jsx("span",{children:i.name||i.email||Y})]})},i.userId)}function Rt({href:e,children:i}){return t.jsx(xt,{href:e,asChild:!0,children:t.jsx(Ut,{children:i})})}const At=({isSubmitComment:e=!1})=>{const{isEmpty:i,submit:m}=bt();return p.useEffect(()=>{e&&!i&&m()},[e,i,m]),t.jsx(t.Fragment,{})},Nt=o.div`
+  .customThreadComposer span[data-slate-placeholder="true"] {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Lt=o.div`
+  width: auto;
+  padding: ${r.sp2} ${r.sp1};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${r.sp2};
+  box-shadow: ${e=>e.theme.colors.elevation3};
+`,Bt=o.div`
+  max-height: 400px;
+  overflow: scroll;
+  border-radius: ${r.sp2};
+  margin: ${r.sp0};
+  padding: ${r.sp0};
+`,Ce=o(st)`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  list-style: none;
+  padding: ${r.sp2} ${r.sp1};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover,
+  &[data-selected="true"] {
+    background: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Vt=o(ot)`
+  color: ${e=>e.theme.colors.link};
+  background: ${e=>e.theme.colors.linkLighter};
+  padding: 2px ${r.sp1};
+  border-radius: ${r.sp1};
+`,Ut=o(rt)`
+  color: ${e=>e.theme.colors.primary};
+  padding: 2px ${r.sp0};
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+    color: ${e=>e.theme.colors.link};
+  }
+`,Pe=o(jt)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${r.sp4};
+  width: ${r.sp4};
+  margin-right: ${r.sp1};
+`,_t=o.img`
+  border-radius: 50%;
+  margin-right: ${r.sp1};
+  height: ${r.sp4};
+  width: ${r.sp4};
+`,T=(e,i)=>`${e}.${i}`,ae=e=>`${e}_form`,h="healthMonitorDetails",ie="healthMonitorPage",le="netPromoterScore",ne="customerSatisfactionScore",ce="externalProductServiceExposure",de="additionalChurnFactors",Ie=e=>[{label:tr,options:e.increasingChurnProbability.map(i=>({label:i.value,value:i.code}))},{label:er,options:e.decreasingChurnProbability.map(i=>({label:i.value,value:i.code}))}],Me=e=>e==null?[]:e.increasingChurnProbability.map(i=>i.code).concat(e.decreasingChurnProbability.map(i=>i.code)),{common:{to:zt,from:Wt,cc:Gt,host:Kt,attendees:Yt,texts:{subject:pe,addMore:qt,select:Jt},strings:{colon:d,hyphen:me,comma:Zt,space:Qt}},cockpit:{health:{detailPage:l,common:{engagementTypes:he,labels:{lastEngagements:Xt,factorsThatDecreaseChurnProbability:er,factorsThatIncreaseChurnProbability:tr,contributingFactors:rr,increaseChurnProbability:or,decreasingChurnProbability:sr}}}},dateFormat:ar}=fe.getLocalizedStrings();function mo({localData:e,companyHealthMetricViewSelector:i,additionalChurnFactorsOptions:m,analytics:C,urlSource:P,onCloseDrawer:A,onSaveChangesToLocalStore:N,onSaveClick:I}){const{selectedCompanyDetail:a,localFormDataAndStatusByCompanyId:u}=i,[L,M]=p.useState(!1),c=St(a),[ke,J]=p.useState(!1),[Z,Q]=p.useState(!1),B=Re({mode:"all",defaultValues:ir(e,m),reValidateMode:"onBlur"}),k=p.useRef(null);function X(s){a!=null&&C.trackCockpitHealthMonitorChurnFormClicked(s,{companyId:a.companyInfo.companyId,companyName:a.companyInfo.name,zeniProductAndServicesCount:a.noOfProductVerticalsEnabled,daysToRenewal:_(a.companyHealthMetric.subscriptionRenewalDate)??null,netPromoterScore:u?.companyHealthMetricLocalData.netPromoterScore??null,customerSatisfactionScore:u?.companyHealthMetricLocalData.customerSatisfactionScore??null,externalServicesExposure:u?.companyHealthMetricLocalData.externalProductServiceExposure??null,runwayMonths:w.isCompanyRunwayInfinite(a.companyHealthMetric.runway)===!0?1e6:a.companyHealthMetric.runway===void 0?null:a.companyHealthMetric.runway.runwayMonths??null,dashBoardLastSeen:_(a.companyHealthMetric.customerLastDashboardVisit)??null,lastReportSent:_(a.managementInfo.lastReportSentDate)??null,churnProbability:a.companyHealthMetric.churnProbabilityPercentage??null})}const Oe=B.handleSubmit(()=>{X("Save"),k?.current&&k.current.scrollTo({top:0,behavior:"instant"}),J(!0),M(!0),I()}),Fe=async(s,n)=>{if(s!=null){const x={...n},oe=x[h][de].selectedOptions,De={netPromoterScore:x[h][le]?.selectedOption,customerSatisfactionScore:x[h][ne]?.selectedOption,externalProductServiceExposure:x[h][ce]?.selectedOption,additionalChurnFactors:{increasingChurnProbability:m.increasingChurnProbability.filter(U=>oe.indexOf(U.code)!=-1),decreasingChurnProbability:m.decreasingChurnProbability.filter(U=>oe.indexOf(U.code)!=-1)}};N(De)}},V=p.useRef(null),f=p.useRef(null),[ee,Te]=p.useState(null),te=p.useRef(null),O=Me(e.additionalChurnFactors);p.useEffect(()=>(f.current=setTimeout(()=>{V.current&&(Te(V.current),f.current&&clearTimeout(f.current))},10),()=>{f.current!=null&&clearTimeout(f.current)}),[O]),p.useEffect(()=>{const s=B.watch((n,{name:x})=>{x!=null&&n!=null&&Ae(()=>Fe(x,n))});return()=>{s.unsubscribe()}}),p.useEffect(()=>{if(a!=null){const s=a.controllers.map(n=>`${n.firstName} ${n.lastName}`);P||C.trackCockpitHealthMonitorRowClicked(a.companyInfo.companyId,a.companyInfo.name,s,a.companyHealthMetric.netPromoterScore,a.companyHealthMetric.customerSatisfactionScore,a.companyHealthMetric.churnProbabilityPercentage)}},[]);function Ee(s){return s!=null?`${l.churnProbabilityTexts.churnProbability} ${l.churnProbabilityTexts.is} ${c.churnProbabilityPercentage}${l.churnProbabilityTexts.percent}`:`${l.churnProbabilityTexts.churnProbability} ${l.churnProbabilityTexts.percent}`}function re(){X("Cancel"),A()}const He={valueContainer:s=>({...s,padding:`2px ${r.sp3}`,overflow:"unset"}),multiValue:s=>({...s,margin:0})};return t.jsxs(Mr,{ref:k,children:[t.jsxs(wr,{children:[t.jsx(vr,{children:`${a?.companyInfo.name}${l.heading}`}),t.jsx(dr,{onClick:re})]}),t.jsxs(Ir,{children:[i.localFormDataAndStatusByCompanyId?.saveStatus?.fetchState==="Error"?t.jsx(Nr,{children:t.jsxs(Lr,{children:[t.jsx(Vr,{}),i.localFormDataAndStatusByCompanyId.saveStatus.error?.message!=null?t.jsx(Br,{children:i.localFormDataAndStatusByCompanyId.saveStatus.error?.message}):null]})}):null,t.jsx(mr,{children:u?.saveStatus?.fetchState==="In-Progress"?t.jsxs(pr,{children:[t.jsx(Ne,{size:"ExtraLarge",start:!0}),t.jsx(Le,{children:l.calculatingProbability})]}):t.jsxs(Cr,{children:[t.jsx(Pr,{children:Ee(c.churnProbabilityPercentage)}),t.jsx(wt,{barHeight:32,percentage:c.churnProbabilityPercentage}),t.jsx(hr,{children:a?.companyHealthMetric.churnProbabilityPercentage!=null&&a?.companyHealthMetric.churnProbabilityReason.length!==0?t.jsxs(t.Fragment,{children:[t.jsx(ur,{children:rr}),a.companyHealthMetric.churnProbabilityReason.length!==0||a.companyHealthMetric.additionalChurnFactors.increasingChurnProbability.length!==0?t.jsxs(xe,{children:[t.jsx(ue,{children:`${or}${d}`}),t.jsxs($e,{children:[a.companyHealthMetric.churnProbabilityReason.map((s,n)=>t.jsx(z,{children:t.jsx(W,{children:s.text})},`${F()}_${n}}`)),a.companyHealthMetric.additionalChurnFactors.increasingChurnProbability.map((s,n)=>t.jsxs(z,{children:[t.jsx(W,{children:s.value}),t.jsx(ge,{children:"Newly added"})]},`${F()}_${n}}`))]})]}):null,a?.companyHealthMetric.additionalChurnFactors.decreasingChurnProbability.length!==0?t.jsxs(xe,{children:[t.jsx(ue,{children:`${sr}${d}`}),t.jsx($e,{children:a.companyHealthMetric.additionalChurnFactors.decreasingChurnProbability.map((s,n)=>t.jsxs(z,{children:[t.jsx(W,{children:s.value}),t.jsx(ge,{children:"Newly added"})]},`${F()}_${n}}`))})]}):null,t.jsxs($r,{onClick:()=>{Be(te?.current,k?.current),setTimeout(()=>{Q(!0)},500)},ref:te,children:[t.jsx(gr,{}),t.jsx(xr,{children:qt})]})]}):null})]})}),t.jsxs(Or,{children:[t.jsxs(yr,{children:[t.jsxs(fr,{children:[t.jsx(jr,{children:l.manualInput.header}),t.jsx(j,{maxWidth:"250px",variant:"small-description",data:l.tooltipTexts.manualInputText,placement:"top",children:t.jsx(E,{style:{marginTop:r.sp1,marginRight:r.sp0}})})]}),c.companyEngagementMetricsUpdatedAt!=null&&i.localFormDataAndStatusByCompanyId?.saveStatus?.fetchState!=="In-Progress"?t.jsx(br,{children:c.updatedByUserName!=null?t.jsxs(ye,{children:[`${l.lastUpdatedBy}${d} ${c.updatedByUserName}`,t.jsx(K,{}),`${c.companyEngagementMetricsUpdatedAt.date}${Zt}${Qt}${c.companyEngagementMetricsUpdatedAt.time}`]}):t.jsxs(ye,{children:[`${l.lastUpdatedAt}${d} ${c.companyEngagementMetricsUpdatedAt.date}`,t.jsx(K,{}),`${c.companyEngagementMetricsUpdatedAt.time}`]})}):null]}),t.jsx(Ve,{...B,children:t.jsx("form",{id:ae(ie),onSubmit:Oe,children:t.jsxs(Fr,{children:[t.jsx(se,{label:{label:`${l.manualInput.labels.netPromoterScore}${d}`,width:0,style:{width:"auto"}},singleSelectNumericField:{customStyleConfig:{input:(s,n)=>({input:{textAlign:n.selectProps.menuIsOpen===!1&&e.netPromoterScore==null?"right":"left"}})},placeholder:l.manualInput.placeholders.add,name:T(h,le),defaultValue:{allOptions:ve,selectedOption:e.netPromoterScore},registerOptions:{required:!0,validate:(s,n)=>n.healthMonitorDetails.customerSatisfactionScore.selectedOption?!0:s!=null&&!!s.selectedOption}},style:{width:"auto"}}),t.jsx(G,{}),t.jsx(se,{label:{label:`${l.manualInput.labels.customerSatisfactionScore}${d}`,width:0,labelIcon:t.jsx(j,{maxWidth:"300px",variant:"small-description",data:l.tooltipTexts.customerSatisfactionScoreText,placement:"top",children:t.jsx(E,{})}),style:{marginRight:r.sp2,width:"auto"}},singleSelectNumericField:{customStyleConfig:{input:(s,n)=>({input:{textAlign:n.selectProps.menuIsOpen===!1&&e.customerSatisfactionScore==null?"right":"left"}})},placeholder:l.manualInput.placeholders.add,name:T(h,ne),defaultValue:{allOptions:we,selectedOption:e.customerSatisfactionScore},registerOptions:{required:!0,validate:(s,n)=>n.healthMonitorDetails.netPromoterScore.selectedOption?!0:s!=null&&!!s.selectedOption}},style:{width:"auto"}}),t.jsx(G,{}),t.jsx(Ue,{label:{label:l.manualInput.labels.externalProductServices,labelIcon:t.jsx(j,{maxWidth:"265px",variant:"small-description",data:l.tooltipTexts.externalProductServicesText,placement:"top",children:t.jsx(E,{})}),style:{marginRight:r.sp2}},singleSelectPickerField:{placeholder:l.manualInput.placeholders.add,name:T(h,ce),defaultValue:{allOptions:w.companyHealthMetricDropDownOptions,selectedOption:e.externalProductServiceExposure},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}},style:{width:"auto"}}),t.jsx(G,{}),t.jsxs(Tr,{additionalNotesHidden:O.length===0,isFocused:Z,children:[t.jsx(_e,{fullWidthSelect:!0,label:{label:`${l.manualInput.labels.additionalContributingFactorsLabel}${d}`,labelIcon:t.jsx(j,{maxWidth:"280px",variant:"small-description",data:l.tooltipTexts.additionalContributingFactorsText,placement:"top",children:t.jsx(E,{})}),style:{width:"100%",marginRight:r.sp2,maxWidth:"fit-content"}},style:{border:"none",outline:"none",boxShadow:"none"},groupedMultiSelectField:{name:T(h,de),treeViewStructure:!0,registerOptions:{required:!1},defaultValue:{allOptions:Ie(m),selectedOptions:O},placeholder:Jt,customStyleConfig:He,showSelectedInNewLines:!0},isMenuOpen:Z,setIsMenuOpen:Q,menuPortalEnabled:!0}),O.length!==0&&t.jsxs(Hr,{children:[t.jsx(Gr,{}),t.jsx(Er,{ref:V,children:ee&&at.createPortal(t.jsx(Ft,{roomId:`cockpit_${a?.companyInfo.companyId}`,threadMetadata:{application:"cockpit",companyId:a?.companyInfo.companyId!=null?a.companyInfo.companyId:"",entityId:a?.companyInfo.companyId!=null?a.companyInfo.companyId:"",companyName:a?.companyInfo.name!=null?a.companyInfo.name:"",tab:"healthMonitor",isGlobalComment:!1,entityType:"healthMonitor.notes",url:window.location.href},composerPlaceholder:l.manualInput.placeholders.addANote,createThreadCallback:()=>{J(!1)},isSubmitComment:ke}),ee)})]})]})]})})})]}),t.jsxs(kr,{children:[t.jsx(Sr,{children:l.preFilledInput.header}),t.jsxs(Dr,{children:[t.jsx(S,{children:l.preFilledInput.labels.runway}),c.runway!=null?w.isCompanyRunwayInfinite(c.runway)===!0?t.jsx(Ar,{}):t.jsx(b,{children:vt(c.runway.runwayMonths)}):t.jsx(b,{children:l.notApplicable})]}),t.jsxs(H,{children:[t.jsx(S,{children:l.preFilledInput.labels.dashboardLastSeen}),t.jsx(b,{children:c.dashboardLastVisit??l.notApplicable})]}),t.jsxs(H,{children:[t.jsx(S,{children:l.preFilledInput.labels.lastReportSent}),t.jsx(b,{children:c.lastReportSent??l.notApplicable})]}),t.jsxs(H,{children:[t.jsx(S,{children:l.preFilledInput.labels.zeniProductServices}),t.jsx(b,{children:t.jsx(Ct,{productVerticals:a?.companyHealthMetric.verticalProductServices??[]})})]}),t.jsxs(H,{children:[t.jsx(S,{children:l.preFilledInput.labels.daysToRenewal}),t.jsx(b,{children:c.renewalDate??l.notApplicable})]}),t.jsx(Rr,{children:t.jsx(ze,{label:{label:`${Xt}${d}`},text:t.jsx(Ur,{children:c.lastEngagements.length>0?c.lastEngagements.map((s,n)=>t.jsx(_r,{children:t.jsx(j,{style:{padding:`12px ${r.sp3}`,color:D.heroDark},title:t.jsx(Wr,{children:s.type==="email"?t.jsxs(be,{children:[t.jsxs(g,{children:[t.jsxs($,{children:[pe,d]}),t.jsx(y,{children:s.subject})]}),t.jsxs(g,{children:[t.jsxs($,{children:[Wt,d]}),t.jsx(y,{children:s.from})]}),t.jsxs(g,{children:[t.jsxs($,{children:[zt,d]}),t.jsx(y,{children:s.to})]}),s.cc!=""?t.jsxs(g,{children:[t.jsxs($,{children:[Gt,d]}),t.jsx(y,{children:s.cc})]}):null]}):t.jsxs(be,{children:[t.jsxs(g,{children:[t.jsxs($,{children:[pe,d]}),t.jsx(y,{children:s.subject})]}),t.jsxs(g,{children:[t.jsxs($,{children:[Kt,d]}),t.jsx(y,{children:s.hostName})]}),t.jsxs(g,{children:[t.jsxs($,{children:[Yt,d]}),t.jsx(y,{children:s.attendees})]})]})}),placement:"left",children:t.jsxs(zr,{children:[t.jsxs(cr,{children:[s.type==="email"?t.jsx(Yr,{}):t.jsx(Kr,{}),t.jsx(lr,{children:s.type==="email"?he.email:he.meeting})]}),t.jsx(qr,{className:"engagementDot"}),t.jsx(nr,{children:s.scheduledAt?.utc(!0).local().format(ar.visual.MMMDCommaYYYYformat)??me})]},`${F()}_${n}}`)})},n)):me}),style:{width:"100%"}})})]})]}),w.hasCompanyHealthMetricFormFieldChanged(a?.companyHealthMetric,u?.companyHealthMetricLocalData)===!0||L===!1?t.jsx(We,{style:{zIndex:2,paddingTop:r.sp3,paddingBottom:r.sp3},formId:ae(ie),primaryBtn:{label:l.buttons.save,style:{minWidth:112},isLoading:u?.saveStatus?.fetchState==="In-Progress"},cancelBtn:{label:l.buttons.cancel,style:{minWidth:112},onClick:re}}):null]})}const ir=(e,i)=>({[h]:{netPromoterScore:{selectedOption:e.netPromoterScore,allOptions:ve},customerSatisfactionScore:{selectedOption:e.customerSatisfactionScore,allOptions:we},externalProductServiceExposure:{selectedOption:e.externalProductServiceExposure,allOptions:w.companyHealthMetricDropDownOptions},additionalChurnFactors:{selectedOptions:Me(e.additionalChurnFactors),allOptions:Ie(i)}}}),lr=o.div``,nr=o.div`
+  min-width: 100px;
+`,cr=o.div`
+  min-width: 80px;
+  display: flex;
+  align-items: center;
+`,dr=o(Ge)`
+  position: fixed;
+  right: ${r.sp8};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,E=o(Ze)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  margin-left: ${r.sp3};
+  margin-right: ${r.sp4};
+  margin-top: ${r.sp1};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pr=o.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  gap: ${r.sp5};
+`,mr=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-left: ${r.sp5};
+  padding-right: ${r.sp5};
+  padding-top: ${r.sp5};
+  min-height: 232px;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${r.sp2};
+  margin-bottom: ${r.sp6};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,hr=o.div`
+  margin-top: ${r.sp5};
+`,ur=o(R)`
+  color: ${e=>e.theme.colors.primary};
+`,ue=o(qe)`
+  margin-left: ${r.sp2};
+  margin-bottom: ${r.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,xr=o(v)`
+  color: inherit;
+`,gr=o(Je)`
+  margin-right: ${r.sp1};
+  width: ${r.sp3};
+  height: ${r.sp3};
+`,$r=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${r.sp3};
+`,xe=o.div`
+  padding: ${r.sp2};
+  margin-top: ${r.sp2};
+  margin-bottom: ${r.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${r.sp2};
+`,ge=o(je)`
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: ${r.sp1};
+  padding: 1px 6px;
+  display: inline;
+  white-space: nowrap;
+  cursor: default;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+  }
+`,$e=o.ul`
+  padding-left: ${r.sp4};
+  margin-top: ${r.sp0};
+  margin-bottom: ${r.sp0};
+`,z=o.li`
+  ::marker {
+    color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${r.sp2};
+  word-break: break-word;
+`,W=o(v)`
+  color: ${e=>e.theme.colors.primary};
+  display: inline;
+  margin-right: ${r.sp2};
+`,yr=o.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: ${r.sp2};
+  flex-direction: row;
+  align-items: center;
+`,br=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,ye=o(je)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+`,fr=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${r.sp2};
+`,jr=o(R)`
+  color: ${e=>e.theme.colors.primary};
+`,Sr=o(R)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${r.sp2};
+`,wr=o.div`
+  z-index: 2;
+  position: sticky;
+  top: 0;
+  margin-bottom: ${r.sp5};
+  min-height: 62px;
+  background: ${e=>e.theme.colors.grey4};
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,S=o(v)`
+  color: ${e=>e.theme.colors.hero};
+`,b=o(v)`
+  color: ${e=>e.theme.colors.primary};
+`,vr=o(R)`
+  color: ${e=>e.theme.colors.primary};
+`,Cr=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${r.sp6};
+`,Pr=o(Ye)`
+  color: ${e=>e.theme.colors.primary};
+  display: flex;
+  justify-content: center;
+`,Ir=o.div`
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  padding-left: ${r.sp8};
+  padding-right: ${r.sp8};
+`,Mr=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100%;
+  width: 100%;
+`,kr=o.div`
+  margin-bottom: 112px;
+`,Or=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: ${r.sp4};
+`,Fr=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
+  margin-bottom: ${r.sp3};
+  .select-option-wrapper {
+    .select-option {
+      padding-left: ${r.sp3};
+      padding-top: 10px;
+      height: ${r.sp6};
+    }
+  }
+`,Tr=o.div`
+  .select-option-wrapper {
+    .select-option {
+      padding-top: ${r.sp0};
+    }
+  }
+  border-bottom-left-radius: ${r.sp2};
+  border-bottom-right-radius: ${r.sp2};
+  outline: ${e=>e.isFocused?`1px solid ${e.theme.colors.primary}`:"none"};
+  :hover {
+    outline: ${e=>`1px solid ${e.theme.colors.primary}`};
+  }
+`,Er=o.div`
+  margin-bottom: ${r.sp0};
+  box-shadow: none;
+  border: none;
+  outline: none;
+  width: calc(100% - ${r.sp5});
+  margin-left: ${r.sp2};
+`,Hr=o.div`
+  display: flex;
+  width: calc(100% - ${r.sp7});
+  margin-left: ${r.sp2};
+  flex-direction: row;
+  align-items: center;
+  padding: ${r.sp2} ${r.sp3};
+  margin-bottom: ${r.sp2};
+  border-radius: ${r.sp2};
+  background: ${e=>e.theme.colors.background};
+`,G=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,q=o.div`
+  box-sizing: border-box;
+  min-height: ${r.sp8};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${r.sp2} ${r.sp4};
+  border: 1px solid;
+  border-radius: ${r.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-color: ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+`,Dr=o(q)`
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-width: 1px;
+  border-top-left-radius: ${r.sp2};
+  border-top-right-radius: ${r.sp2};
+  border-bottom-left-radius: ${r.sp0};
+  border-bottom-right-radius: ${r.sp0};
+  border-bottom: none;
+`,Rr=o(q)`
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-width: 1px;
+  border-top-left-radius: ${r.sp0};
+  border-top-right-radius: ${r.sp0};
+  border-bottom-left-radius: ${r.sp2};
+  border-bottom-right-radius: ${r.sp2};
+  padding: ${r.sp0};
+`,H=o(q)`
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: flex;
+  border-radius: ${r.sp0};
+  border-width: 1px;
+  border-bottom: none;
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Ar=o(et)`
+  height: ${r.sp4};
+  width: ${r.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Nr=o.div`
+  display: flex;
+  align-items: center;
+  padding: 12px ${r.sp3};
+  border-radius: ${r.sp2};
+  border: 1px solid red;
+  background-color: ${D.importantLight};
+  margin-bottom: ${r.sp3};
+`,Lr=o.div`
+  display: flex;
+  gap: ${r.sp2};
+`,Br=o(v)`
+  color: ${D.important};
+`,K=o.div`
+  width: ${r.sp1};
+  height: ${r.sp1};
+  background: ${e=>e.theme.colors.grey1};
+  border-radius: 100%;
+  margin: 0 6px;
+`,Vr=o(Ke)`
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${D.important};
+`,Ur=o.div`
+  padding: ${r.sp2} ${r.sp0};
+`,_r=o.div`
+  margin-bottom: ${r.sp3};
+  :last-of-type {
+    margin-bottom: ${r.sp0};
+  }
+`,zr=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${r.sp1};
+  justify-content: flex-end;
+  align-items: center;
+  &:hover {
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .engagementDot {
+      background: ${e=>e.theme.colors.primary};
+    }
+  }
+  cursor: pointer;
+`,Wr=o.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${r.sp2};
+  align-items: center;
+`,be=o.div`
+  display: flex;
+  flex-direction: column;
+  column-gap: ${r.sp2};
+  justify-content: flex-end;
+  align-items: start;
+  gap: ${r.sp1};
+`,g=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${r.sp3};
+  max-width: 350px;
+  width: 100%;
+`,$=o.div`
+  display: flex;
+  text-transform: capitalize;
+`,y=o.div`
+  display: flex;
+  color: ${e=>e.theme.colors.brandColorPearl};
+  text-align: right;
+  justify-content: flex-end;
+  width: 100%;
+  word-break: break-all;
+`,Gr=o(It)`
+  display: flex;
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: flex-start;
+`,Kr=o(Pt)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  margin-right: ${r.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,Yr=o(tt)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  margin-right: ${r.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,qr=o(K)`
+  background: ${e=>e.theme.colors.hero};
+`;export{mo as default,ae as uniqueFormName};

package/dist/assets/HealthMonitorPage-BT0gIPV6-BAgQvawR.js

@@ -0,0 +1,108 @@
+import{j as o,K as L,i as _,F as E,o as r,cp as B,r as Z,aj as X,bT as Y,cq as J,$ as O,c1 as Q,S as ee,O as te,bX as oe,b_ as re}from"./index-D9zAXs3-.js";import{n as c,b as l,w as ne}from"./vendor-Bs1fkIUX.js";import{$ as ae}from"./EmptySearchResults-CB9-FwYT-DCczU5qh.js";import{j as ie,h as se}from"./ReloadContainer-fx3kImdJ-D2lKf-Yd.js";import{b as le,R as ce,_ as de,M as pe,A as me,N as he,P as ue,y as ye,o as N,r as ge,n as fe,s as xe}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{N as Ce}from"./NavHeader-9VET6uub-DBlTa1KF.js";import{_ as we}from"./liveblocks-C2xecagE.js";import{c as V,$ as ke}from"./HealthListRow-iF093_lw-DegqmjBi.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";import"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import"./groupHelper-CTA_J_U7-CPJTcSSg.js";import"./note-DCtChU1T-DArfpxk4.js";function Se({companyNameSticky:e,sortConfig:i,onColumnSortConfigChanged:h}){const d=L(),[n,a]=l.useState(ee(V));l.useEffect(()=>{const t=[...n];for(const p of t)p.key===i.sortKey?p.sortOrder=i.sortOrder:p.sortOrder="ascending";a(t)},[i.sortKey,i.sortOrder]);const s=(t,p)=>{let m=p;i.sortKey===t&&(m=p==="ascending"?"descending":"ascending"),h(t,m)};return o.jsx(be,{height:xe,children:n.map(t=>o.jsxs(je,{companyNameSticky:e&&t.key==="companyName",sortDataValue:i.sortKey,actualDataValue:t.key,wrapperWidth:t.width,windowSize:d,children:[o.jsxs(Re,{onClick:()=>s(t.key,t.sortOrder),children:[o.jsx(te,{children:t.value}),o.jsx($e,{sortDataValue:i.sortKey,headerdata:t,children:o.jsx(oe,{width:12,height:12})})]}),o.jsx(Te,{isVisible:i.sortKey===t.key&&t.key!=="churnProbability",children:o.jsx(Ie,{onClick:()=>s("churnProbability","descending")})})]},t.key))})}const ve=ne.memo(Se),$e=c.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>`
+  rotate(${e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"180deg":"0deg"})
+`};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,be=c(O)`
+  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: ${r.sp3} ${r.sp4} ${r.sp3} ${r.sp0};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,je=c.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: ${r.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  box-sizing: border-box;
+  position: ${e=>e.companyNameSticky?"sticky":"static"};
+  z-index: ${e=>e.companyNameSticky?1:0};
+
+  padding-left: ${e=>e.actualDataValue==="companyName"?r.sp4:r.sp0};
+  flex: ${e=>e.actualDataValue==="companyName"?"1 1 auto":"initial"};
+`,Ie=c(re)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+`,Te=c.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,Re=c.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ne=e=>l.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M7.07568 15.1944H1.45068C1.28492 15.1944 1.12595 15.1285 1.00874 15.0113C0.891532 14.8941 0.825684 14.7351 0.825684 14.5694V1.44437C0.825684 1.27861 0.891532 1.11964 1.00874 1.00243C1.12595 0.885219 1.28492 0.819371 1.45068 0.819371H9.75881C9.9242 0.818742 10.0831 0.883694 10.2007 0.999996L12.5176 3.31687C12.6348 3.43405 12.7006 3.593 12.7007 3.75875V5.81937",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M3.32568 9.19999L5.17193 7.35374C5.26025 7.2656 5.37635 7.21073 5.50051 7.19843C5.62468 7.18612 5.74928 7.21715 5.85318 7.28624L6.72381 7.86687C6.83014 7.93767 6.95812 7.96849 7.08503 7.95384C7.21193 7.93919 7.32953 7.88003 7.41693 7.78687L9.12818 5.96124",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M3.32568 4.56938V10.8194H5.82568",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M13.0242 9.84985H10.4955C9.11614 9.84985 8.65637 11.1335 8.65637 12.1487C8.68901 12.8186 8.93013 13.4616 9.34603 13.9878V12.8384C9.34603 12.3786 9.57591 12.1487 10.4955 12.1487H13.0242V13.528L15.323 10.9993L13.0242 8.47054V9.84985Z",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})),{cockpit:{health:{healthMonitorFiltersHeaderInfoText:{showing:Ve,outOf:Le,customers:De}}},common:{headers:{comments:ze},analytics:Ee,strings:{space:Oe}},collaboration:{threads:{placeholder:{addANewComment:Pe,replyAComment:Me},tooltip:{resolveComment:Ae,unResolveComment:Fe}}}}=E.getLocalizedStrings();function Ue({healthView:e,mixpanelUrl:i,onRowClick:h,onColumnSortConfigChanged:d}){const n=L(),a=l.useRef(null),[s,t]=l.useState(null),{uiState:p}=e,[m,C]=l.useState(null),{unfilteredCompanyCount:$}=e,{companies:T}=e,{setOpenThread:I,setRequestToOpenThread:R,requestToOpenThread:w}=l.useContext(B),[A,F]=l.useState(void 0),y=l.useRef([]),k=!(n==="small"||n==="medium-compact"),U=f=>e.companies[f].companyInfo.name.length>fe?N+32:N,W=l.useMemo(()=>({makeCompanyNameSticky:k,uiState:p,onColumnSortConfigChanged:d}),[k,p,d]),H=l.useCallback((f,b,j)=>{const S=e.companies.findIndex(x=>x.companyInfo.companyId===f),u=V.findIndex(x=>x.key===b);S!==-1&&u!==-1&&(y.current[S]==null?y.current[S]=[j]:y.current[S][u]=j)},[e.companies]);l.useEffect(()=>{a.current&&a.current.resetAfterIndex(0)},[e]),l.useEffect(()=>{if(w!=null&&s!=null){const{companyId:f,entityType:b}=w,[j,S]=b.split("."),u=e.companies.findIndex(g=>g.companyInfo.companyId===f),x=V.findIndex(g=>g.key===S);u!==-1&&!(s.visibleStartIndex<=u&&s.visibleStopIndex>=u)&&a.current?.scrollToItem(u,"center"),setTimeout(()=>{const g=y.current[u]?.[0]?.getBoundingClientRect().bottom,v=y.current[u]?.[0]?.getBoundingClientRect().top;g!=null&&v!=null&&(window.innerHeight>=g&&window.innerHeight>=v||v<0)&&y.current[u][x]?.scrollIntoView({block:"center",behavior:"auto"})},0);const D=setInterval(()=>{const g=y.current[u]?.[x]?.getBoundingClientRect().left,v=y.current[u]?.[x]?.getBoundingClientRect().right,z=y.current[u]?.[x]?.offsetWidth;if(g!=null&&z!=null&&v!=null&&(g<window.innerWidth-z||v<window.innerWidth)){clearInterval(D);const K=w.threadId,G=w.onThreadShownCallback;K&&(R(null),I(w.threadId),G?.())}},500);setTimeout(()=>{clearInterval(D),R(null)},2e3)}},[w,s,I,R]);const q=()=>{window.open(i,"_blank")};return o.jsxs(He,{companyNameSticky:k,children:[k&&o.jsxs(Ze,{children:[o.jsxs(Xe,{children:[Ve," ",o.jsx(Be,{children:T.length})," ",Le,Oe,$," ",De]}),o.jsx(Ye,{children:o.jsx(Z,{label:Ee,variant:"secondary",onClick:q,size:"xs-small",prefixIcon:o.jsx(Je,{})})})]}),o.jsx(Ge,{companyNameSticky:k,children:o.jsxs(P.Provider,{value:W,children:[o.jsx(X,{children:({height:f,width:b})=>o.jsx(Y,{innerElementType:M,height:f,width:b,ref:a,overscanCount:ge,itemSize:U,onItemsRendered:j=>t(j),itemData:{healthView:e,makeCompanyNameSticky:k,addThreadRequestThreadId:A,setElementRef:H,setAddThreadRequestThreadId:F,onRowClick:h,setNoteData:C},itemCount:e.companies.length,children:We})}),m!=null?o.jsx(we,{id:m.roomId,children:o.jsx(J,{isDrawerOpen:!0,allowComposer:!0,autoExpand:!0,autoFocus:!1,drawerTitle:`${m.companyName} ${ze}`,filter:{application:"cockpit",companyId:m.companyId,entityType:m.entityType,isGlobalComment:!1,tab:"healthMonitor"},isLoading:!1,threadMetadata:{companyName:m.companyName,companyId:m.companyId,entityId:m.companyId,entityType:m.entityType,isGlobalComment:!1,application:"cockpit",tab:"healthMonitor",url:window.location.href},textOverrides:{composerPlaceholder:Pe,replyComposerPlaceholder:Me,threadResolve:Ae,threadUnResolve:Fe},onThreadClick:f=>null,onCloseAllThreadsDrawer:()=>C(null)})}):null]})})]})}const P=l.createContext(void 0),We=({index:e,style:i,data:h})=>{const{healthView:d,makeCompanyNameSticky:n,onRowClick:a,addThreadRequestThreadId:s,setElementRef:t,setNoteData:p,setAddThreadRequestThreadId:m}=h,C=d.companies[e],{companyId:$}=C.companyInfo;return o.jsx(qe,{style:{...i,width:"fit-content",minWidth:"100%",padding:`${r.sp0} ${r.sp8} ${r.sp3} ${r.sp0}`},children:o.jsx(ke,{companyView:d.companies[e],healthView:d,totalHeight:typeof i.height=="number"?i.height:N,companyNameSticky:n,addThreadRequestThreadId:s,setNoteData:p,setElementRef:t,setAddThreadRequestThreadId:m,onRowClick:a})},$)},M=l.forwardRef((e,i)=>{const{children:h,style:d,...n}=e,{makeCompanyNameSticky:a,uiState:s,onColumnSortConfigChanged:t}=l.useContext(P);return o.jsxs(Ke,{ref:i,style:{...d,width:"auto"},...n,children:[o.jsx(ve,{companyNameSticky:a,onColumnSortConfigChanged:t,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),o.jsx(_e,{children:h})]})});M.displayName="Health Monitor view inner element type";const He=c.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,qe=c.div`
+  top: ${r.sp0};
+  left: ${r.sp0};
+  padding-bottom: ${r.sp3};
+  box-sizing: border-box;
+`,Ke=c.div``,Ge=c.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: ${e=>e.companyNameSticky?"calc(100vh - 180px)":"calc(100vh - 110px)"};
+  max-width: 99.9%;
+`,_e=c.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Be=c(Q)`
+  margin-bottom: ${r.sp1};
+`,Ze=c.div`
+  position: sticky;
+  top: 0;
+  z-index: 6;
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${r.sp3} ${r.sp4};
+  margin: ${r.sp3} ${r.sp8} ${r.sp0} ${r.sp0};
+  border-radius: ${r.sp2};
+`,Xe=c(O)`
+  color: ${e=>e.theme.colors.hero};
+`,Ye=c.div``,Je=c(Ne)`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  margin-left: ${r.sp1};
+  cursor: pointer;
+  stroke: ${e=>e.theme.colors.primary};
+`,{cockpit:{emptySearchTextFirstLine:Qe,emptySearchTextSecondLine:et}}=E.getLocalizedStrings(),Tt=({headerActions:e,headerData:i,healthPageData:h,healthPageActions:d})=>{const{healthView:n,managementView:a,mixpanelUrl:s}=h,{onColumnSortConfigChanged:t,onRowClick:p,onCockpitReloadData:m,onFiltersChange:C}=d,{filterText:$,filters:T}=n.uiState,I=a.fetchState==="Completed"&&n.fetchState==="Completed"&&n.zeniUsers.fetchState==="Completed";return e.filterActions&&(e.filterActions.getCategoryWiseOptions=()=>ot(n)),o.jsxs(rt,{children:[o.jsx(Ce,{headerActions:{...e},headerData:{...i,allTabOptions:le,selectedTabOption:"healthMonitor",filterData:{filterText:$,filters:T},companiesLoaded:I}}),o.jsx(tt,{managementView:a,healthView:n,mixpanelUrl:s,onColumnSortConfigChanged:t,onRowClick:p,onCockpitReloadData:m,onClearFilter:()=>C({})})]})},tt=({healthView:e,managementView:i,mixpanelUrl:h,onCockpitReloadData:d,onRowClick:n,onColumnSortConfigChanged:a,onClearFilter:s})=>{const t=L();return e.fetchState==="Error"||e.zeniUsers.fetchState==="Error"?o.jsx(ie,{selectedCockpitOption:"healthMonitor",onCockpitReloadData:d}):i.fetchState==="In-Progress"||i.fetchState==="Not-Started"||e.fetchState==="In-Progress"||e.fetchState==="Not-Started"||e.zeniUsers.fetchState==="In-Progress"||e.zeniUsers.fetchState==="Not-Started"?o.jsx(nt,{children:o.jsx(_,{size:"ExtraLarge",start:!0})}):e.companies.length===0?o.jsx(ae,{emptySearchTextFirstLine:Qe,emptySearchTextSecondLine:et,filtersApplied:!0,onClearFilter:s}):o.jsx(at,{windowSize:t,children:o.jsx(Ue,{healthView:e,mixpanelUrl:h,onColumnSortConfigChanged:a,onRowClick:n})})},ot=e=>{const i=e.zeniUsers.values,h=ce,{companies:d}=e;return h.reduce((n,a)=>{switch(a.value){case"companyGroupId":if(d.length>0&&d[0].companyGroup!=null){const s=d[0].companyGroup.map(t=>{const p=t;return{label:p.name,value:p.id}});return{...n,[a.value]:s}}else return{...n,[a.value]:[]};case"verticalProductServices":return{...n,[a.value]:ye};case"runway":return{...n,[a.value]:ue};case"churnProbabilityPercentage":return{...n,[a.value]:he};case"netPromoterScore":return{...n,[a.value]:me};case"customerSatisfactionScore":return{...n,[a.value]:pe};case"monthlyRecurringRevenue":return{...n,[a.value]:de};case"externalProductServiceExposure":case"controller":case"customerSuccessManager":{const s=i.map(t=>({label:t.firstName||t.lastName?`${t.firstName} ${t.lastName}`:t.email,value:t.userId,photo:t.photo,email:t.email}));return{...n,[a.value]:s}}default:return{...n,[a.value]:[]}}},{})},rt=c.div`
+  height: calc(100vh - 45px);
+  overflow-y: hidden;
+  background-color: ${e=>e.theme.colors.grey4};
+`,nt=c.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=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey4};
+`,at=c.div`
+  height: calc(100% - 75px);
+  padding: ${e=>`${r.sp0} ${r.sp0} ${r.sp0} ${se.cockpitLeftPadding.valuePx(e.windowSize)}`};
+`;export{Tt as default,ot as getFilterCategoryValuesForHealthMonitor};

package/dist/assets/{HelpButton-BT_HyQ5k-B4E1vZtk.js → HelpButton-Dw0OujKs-8AApGgt1.js}

@@ -1,7 +1,7 @@
-import{e as $,j as t,_ as w,M as n,o,C as j,eE as S,ap as v,a7 as y}from"./index-CyJdCOlu.js";import{b as d,n as r}from"./vendor-CnQcJ2Lu.js";import{x as z}from"./MeetingCalenderPopup-C-Ca0puH-BuYhTZNY.js";const C={helpButtonBottom:new j(138,96,96)};function F({isFooterRendered:e,meetingUrl:h,analytics:u,productType:s,setShowPopup:i}){const m=$(),[l,x]=d.useState(!1),[g,a]=d.useState(!1),p=()=>{x(f=>!f)};return t.jsxs(t.Fragment,{children:[g===!0?t.jsx(z,{onCancelClick:()=>{a(!1),i?.(!1)},meetingUrl:h}):null,t.jsxs(H,{"data-testid":w("help-button",s),isFooterRendered:e,windowSize:m,onMouseEnter:p,onMouseLeave:p,onClick:()=>{s!=null&&u?.trackNeedHelp(s),a(!0),i?.(!0)},children:[t.jsx(B,{}),t.jsx(M,{helpTextHover:l,children:l?t.jsxs(c,{children:[n.getLocalizedStrings().common.needHelp.hoverPrefix,t.jsx(b,{children:n.getLocalizedStrings().common.needHelp.hoverSuffix})]}):t.jsx(c,{children:n.getLocalizedStrings().common.needHelp.text})})]})]})}const H=r.div`
+import{K as $,j as t,Z as w,F as n,o,x as j,em as y,ap as S,a7 as v}from"./index-D9zAXs3-.js";import{b as a,n as r}from"./vendor-Bs1fkIUX.js";import{x as z}from"./MeetingCalenderPopup-LNaVbSrR-TEQEw5Mb.js";const B={helpButtonBottom:new j(138,96,96)};function E({isFooterRendered:e,meetingUrl:h,analytics:m,productType:s,setShowPopup:i}){const u=$(),[l,x]=a.useState(!1),[g,d]=a.useState(!1),p=()=>{x(f=>!f)};return t.jsxs(t.Fragment,{children:[g===!0?t.jsx(z,{onCancelClick:()=>{d(!1),i?.(!1)},meetingUrl:h}):null,t.jsxs(H,{"data-testid":w("help-button",s),isFooterRendered:e,windowSize:u,onMouseEnter:p,onMouseLeave:p,onClick:()=>{s!=null&&m?.trackNeedHelp(s),d(!0),i?.(!0)},children:[t.jsx(F,{}),t.jsx(b,{helpTextHover:l,children:l?t.jsxs(c,{children:[n.getLocalizedStrings().common.needHelp.hoverPrefix,t.jsx(k,{children:n.getLocalizedStrings().common.needHelp.hoverSuffix})]}):t.jsx(c,{children:n.getLocalizedStrings().common.needHelp.text})})]})]})}const H=r.div`
   position: fixed;
   right: ${o.sp4};
-  bottom: ${e=>e.isFooterRendered?C.helpButtonBottom.valuePx(e.windowSize):o.sp4};
+  bottom: ${e=>e.isFooterRendered?B.helpButtonBottom.valuePx(e.windowSize):o.sp4};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -9,20 +9,20 @@ import{e as $,j as t,_ as w,M as n,o,C as j,eE as S,ap as v,a7 as y}from"./index
   padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp2};
   border-radius: 20px;
   cursor: default;
-`,M=r.div`
+`,b=r.div`
   width: ${e=>e.helpTextHover===!0?"265px":"75px"};
   transition: width 0.3s;
   padding-left: ${o.sp1};
-`,c=r(v)`
+`,c=r(S)`
   color: ${e=>e.theme.colors.grey5};
   overflow-x: hidden;
   white-space: nowrap;
-`,b=r(y)`
+`,k=r(v)`
   color: ${e=>e.theme.colors.grey5};
   cursor: pointer;
-`,B=r(S)`
+`,F=r(y)`
   cursor: pointer;
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey5};
-`;export{F as D};
+`;export{E as D};