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

package/dist/assets/Header-DLZFUQF8-BI2bQ6MH.js

@@ -0,0 +1,226 @@
+import{co as nt,cu as xe,j as t,gK as rt,aK as it,u as ye,n as J,cp as at,cI as lt,a as dt,F as Q,gL as ct,l as w,c as pt,k as ee,gM as ht,go as mt,gN as ut,o,h as M,bP as ft,bR as gt,bS as xt,a4 as yt,am as St,cr as $t,a3 as vt,K as bt,i as jt,gO as wt,gP as Rt,gH as Et,$ as Se,bL as kt,bK as Ct,a6 as Tt,af as Lt}from"./index-D9zAXs3-.js";import{b as r,n as s,k as $e}from"./vendor-Bs1fkIUX.js";import{o as Mt,g as At,c as L,d as ve,u as X,x as Ft,h as Dt,T as It,l as _t,i as Pt,p as he,r as zt,f as Bt,z as Nt,E as qt,k as Wt,U as be,a as Ht,n as Ot,b as Ut,C as Gt,s as Zt}from"./TextHighlightSection-Y0L_w9RR-D8_NKTqM.js";import{p as Vt}from"./cockpitHelpers-Y5_CbmvR-BhJ5C_6h.js";const Yt=s.div`
+  background-color: ${e=>e.highlight?e.theme.colors.brandColorGoldLight:e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.highlight?e.theme.colors.brandColorGoldDark:e.theme.colors.background}`};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${o.sp3} ${o.sp4};
+  display: flex;
+  align-items: center;
+  cursor: ${e=>e.isAuditScoreLoading?"default":"pointer"};
+  pointer-events: ${e=>e.isAuditScoreLoading?"none":"auto"};
+  &:hover {
+    outline: ${e=>e.isAuditScoreLoading?"none":`1px solid ${e.theme.colors.primary}`};
+  }
+`,Kt=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  justify-content: space-between;
+  width: 100%;
+`,Xt=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Jt=s.div`
+  display: flex;
+  height: ${o.sp7};
+  padding-right: ${o.sp2};
+  justify-content: center;
+`,Qt=s.div`
+  display: flex;
+  flex-direction: row;
+  padding-left: ${o.sp3};
+  align-items: center;
+  justify-content: space-between;
+`,eo=s.div``,to=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,oo=s(Ct)`
+  color: ${e=>e.theme.colors.primary};
+`,so=s(ee)`
+  color: ${M.brandColorGoldDark};
+`,no=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+`,ro=s(Tt)`
+  color: ${e=>e.theme.colors.hero};
+`,io=s.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  justify-content: flex-end;
+`,ao=s(Lt)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,je=r.forwardRef(({highlight:e,auditSummaryData:x,isAuditScoreLoadingCompleted:y,onClickAuditScore:n},i)=>{const{cockpit:g,common:d,dateFormat:{visual:S}}=Q.getLocalizedStrings(),v=bt(),h=x.auditSummary,f=!y||x.fetchState==="In-Progress"||x.fetchState==="Not-Started",A=ye();let b;return h.bypassedAuditScore<=50?b=M.important:h.bypassedAuditScore<=75?b=M.alert:b=M.success,t.jsx(Yt,{ref:i,highlight:e,isAuditScoreLoading:f,onClick:()=>!f&&n(),children:t.jsxs(Kt,{auditPercentage:h.bypassedAuditScore,children:[t.jsxs(Xt,{children:[f?t.jsx(jt,{size:"Standard",start:f}):t.jsx(Jt,{children:t.jsx(wt,{value:h.bypassedAuditScore,text:`${Math.ceil(h.bypassedAuditScore)}%`,strokeWidth:10,styles:Rt({rotation:.5,strokeLinecap:"butt",pathColor:b,textColor:A.colors.primary,trailColor:A.colors.grey3,textSize:o.sp4})})}),t.jsx(Qt,{children:t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(oo,{children:f?g.monthEndReport.auditScoreSectionLoadingTitle.replace("__date__",w.dateNow().subtract(1,"month").format(S.MMMMYYYYFormat)):g.monthEndReport.auditScoreSectionTitle}),f?null:t.jsx(so,{children:h.fixesRequired>0?`${d.strings.openingBrace}${h.fixesRequired} ${h.fixesRequired>1?d.texts.issues:d.texts.issue}${d.strings.closingBrace}`:d.strings.empty})]}),t.jsx(no,{children:t.jsx(ro,{children:f?g.review.auditReportDrawer.subTitle:g.monthEndReport.auditScoreSectionSubtitle})})]})})]}),f?null:t.jsx(io,{windowSize:v,children:t.jsx(ao,{width:o.sp4,height:o.sp4})})]})})});je.displayName="MonthEndReportAuditSummarySection";const lo=[...w.SUPPORTED_ATTACHMENT_FILE_TYPES],co=7*1024*100,po=s.div`
+  width: ${L}px;
+  margin: ${o.sp4} ${o.sp0};
+`,ho=s.div`
+  width: ${e=>`${e.availableWidth}px`};
+  min-width: auto;
+  position: relative;
+  height: fit-content;
+  min-height: ${o.sp12};
+`,mo=s.div`
+  flex-grow: 1;
+  overflow: auto;
+  min-height: 2em;
+  display: flex;
+  flex-direction: row;
+  position: relative;
+
+  pointer-events: auto;
+  user-select: text;
+
+  // Disable select for Zeni Logo and File Separator
+  #${be} img[alt*="company logo"],
+  .attachFileSeparator {
+    user-select: none;
+  }
+`,uo=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: flex-end;
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp3};
+`,fo=s.div`
+  position: relative;
+`,me=s(ee)`
+  position: relative;
+`,go=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.background}`};
+  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${o.sp5};
+  color: ${e=>e.theme.colors.primary};
+  position: relative;
+  .lexicalEditor__nestedListItem {
+    list-style-type: none;
+  }
+  user-select: text;
+
+  .monthEndReportCanvasWrapper > * {
+    isolation: isolate;
+    z-index: ${J[1]};
+  }
+`,xo=s.div`
+  user-select: text;
+`,yo=s.div`
+  position: absolute;
+  top: ${o.sp4}; // Attachment icon position from the top
+  right: -${o.sp3}; // To show attachment icon on the edge
+`,So=s.div`
+  margin-top: ${o.sp2};
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  margin-bottom: ${o.sp4};
+  position: relative;
+
+  .toolbar {
+    user-select: none;
+  }
+`,$o=s(Se)`
+  color: ${e=>e.theme.colors.grey1};
+  user-select: none;
+`,vo=s(Et)`
+  color: ${e=>e.theme.colors.primary};
+`,bo=s.div`
+  flex-direction: column;
+  row-gap: ${o.sp3};
+  display: flex;
+`,jo=$e`
+ 0% {
+  transform: translateX(100%);
+ }
+ 100% {
+   transform: translateX(0)
+ }
+`,wo=$e`
+ 0% {
+   transform: translateX(0)
+ }
+ 100% {
+   transform: translateX(100%)
+ }
+`,Ro=s.div`
+  animation: ${e=>e.allThreadsSectionOpen?jo:wo}
+    0.5s forwards;
+  width: calc(35% - ${o.sp4});
+  height: 100vh;
+  position: fixed;
+  right: ${o.sp0};
+  top: ${o.sp0};
+  z-index: ${J[2]};
+  min-width: ${X}px;
+  max-width: ${ve}px;
+`,P="monthEndReportFormSection",ue="monthEndReportPage",l=Q.getLocalizedStrings();function qo({companyId:e,enableZeniGPTFeature:x,enableSendingMonthEndEmail:y,monthEndReportView:n,previewMode:i,customerRequestData:g,allThreadsSectionOpen:d,filterMetaData:S,newThreadMetadata:v,isAuditScoreLoadingCompleted:h,improveUsingZeniGPTClick:f,onRemoveFileAttachment:A,onUpdateFileAttachment:b,onCloseAllThreadsSection:F,previewMonthEndReport:we,saveMonthEndReport:Re,onEditClick:z,onOpenFileAttachmentSnackBar:te,onClickAuditScore:Ee,onClickCustomerRequest:ke,sendMonthEndReport:oe}){const se=ye(),[B,ne]=r.useState(),[Ce,Te]=r.useState(0),[Le,Me]=r.useState(0),Ae=r.useRef(),N=r.useRef(null),q=r.useRef(null),W=r.useRef(null),{html:re,subject:Fe,improveUsingZeniGPTStatus:De}=n,[c,H]=r.useState(),[Ie,O]=r.useState(!1),[R,ie]=r.useState(!1),[_e,ae]=r.useState(!1),[Pe,D]=r.useState(!1),j=r.useRef(null),ze=r.useRef(null),Be=Mt(d,250),Ne=n.fetchState==="Not-Started"||n.fetchState==="In-Progress"||n.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||n.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:E,sortedThreads:U,threadsPositions:qe,observer:We,unresolvedThreadsMap:He,handleRemoveFloatingThread:Oe}=At(S,j,!i,Ne),[le,Ue]=r.useState(0),G=r.useCallback(()=>{const p=E.current?.[E.current?.length-1];Ue(window.scrollY+(p?.getBoundingClientRect()?.bottom??0))},[E]),k=r.useCallback(()=>{d?Me(Math.min((window.innerWidth-L)/2,window.innerWidth-L-ve-J[4])):Te(Math.min((window.innerWidth-L)/2,window.innerWidth-L-X))},[d]);r.useEffect(()=>{k()},[d,k]),r.useEffect(()=>(window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}),[k]),r.useEffect(()=>(window.addEventListener("scroll",G),()=>window.removeEventListener("scroll",G)),[G]);const{openThread:de,addThread:ce,setOpenThread:Z}=r.useContext(at),C=Ft(he,!1,!i),V=j.current?.getBoundingClientRect(),pe=C!=null&&C.coords&&V?{left:C.coords.left-V.left,top:C.coords.top-V.top}:void 0,Ge=r.useCallback(()=>{const p=window.getSelection()?.getRangeAt(0),a=Dt();if(!p||a==null)return;const m={...v,...a,startPath:a.startPath.join(),endPath:a.endPath.join()},u=`${lt()}${xe}`,$=`cockpit_${e}`;ce(u,{type:"thread",id:u,roomId:$,createdAt:new Date,updatedAt:new Date,comments:[],metadata:m,resolved:!1}),Z(u)},[ce,e,v,Z]),Ze=()=>{ae(!0),setTimeout(()=>{ae(!1)},2e3)};r.useEffect(()=>{de!=null&&d&&F()},[d,de,F]);const Y=De.fetchState==="In-Progress",I=dt({mode:"all",defaultValues:fe(n),values:fe(n)}),Ve=I.handleSubmit(p=>{const{recipientEmailList:a,subject:m}=p[P],u=n.auditSummaryData.auditSummary.bypassedAuditScore,$=n.auditSummaryData.isControllerOrReviewer;if(i===!0)u>=75?oe?.(c?.id):u<75&&($||y)&&D(!0);else if(u>=75||u<75&&($||y)){const T=B?.replace(ct,l.common.strings.empty);a!=null&&m!=null&&we(a,m,c?.id,T!=null&&T.length>0?B:void 0)}else Qe()}),Ye=()=>{N.current!=null&&N.current.click()},Ke=()=>{c!==void 0&&c!=null&&(A([c.id]),H(void 0),O(!1))},Xe=p=>{const a=p.target.files?p.target.files[0]:null;if(a)if(!w.toSupportedAttachmentFileType(a.type)||R)console.warn("Please select a valid file.");else{const m=new FileReader;m.onload=function(u){const $=u.target?.result;if(typeof $=="string"){const T={data:$.split(",")[1],name:a.name,id:w.getAttachmentFileIdByFileName(e,a.name)};H(T),O(!0),b([T])}},m.readAsDataURL(a)}},Je=()=>{q.current&&q.current.scrollIntoView({behavior:"smooth"})},Qe=()=>{W.current&&(W.current.scrollIntoView({behavior:"smooth"}),Ze())},et=()=>{const p=I.getValues(),{recipientEmailList:a,subject:m}=p[P];a!=null&&m!=null&&Re(a,m,c?.id,B)};r.useEffect(()=>{ne(n.zeniRequestsHtml)},[n.zeniRequestsHtml]),r.useEffect(()=>{Ae.current=c},[c]),r.useEffect(()=>{H(w.mapAttachmentFileToAttachmentFilePayload(n.attachmentFile)),O(!1)},[n.attachmentFile]),r.useEffect(()=>{R&&te()},[R,te]);const K=w.dateNow().subtract(1,"month").format(l.dateFormat.visual.MMMMFormat),_=re!=null?re.split(It):[],tt=n.concatenatedHtml,ot=()=>n.lastDraftSavedDate!=null&&i===!1?t.jsx(Zt,{time:n.lastDraftSavedDate,user:n.reportLastSavedByUser,timeStampLabel:l.cockpit.monthEndReport.timeStampLabel}):null,st={onOkClick:()=>{oe?.(c?.id),D(!1),I.reset()},onCancelClick:()=>{z==null?D(!1):z(),D(!1)}};return t.jsxs(t.Fragment,{children:[t.jsxs(mo,{ref:ze,style:le>0?{height:le}:void 0,children:[t.jsx(ho,{availableWidth:d?Le:Ce}),t.jsxs(po,{children:[t.jsx(pt,{...I,children:t.jsx("form",{id:ge(ue),onSubmit:Ve,children:t.jsxs(bo,{children:[t.jsx(_t,{sectionId:P,previewMode:i,subject:Fe}),i?null:t.jsxs(t.Fragment,{children:[t.jsx(je,{ref:W,highlight:_e,onClickAuditScore:Ee,auditSummaryData:n.auditSummaryData,isAuditScoreLoadingCompleted:h}),t.jsx(Pt,{totalItems:(n.zeniRequestsData??[]).length+Vt(n.companyMonthEndReportTemplatesData).length,onClickCustomerRequest:ke})]}),t.jsxs(go,{id:he,ref:j,children:[t.jsxs(xo,{className:"monthEndReportCanvasWrapper",children:[c!=null||R?t.jsx(yo,{onClick:Je,children:t.jsx(zt,{fileSizeError:R,setFileSizeError:ie,loading:!1,showAnimation:!i&&Ie})}):null,i?t.jsx(me,{dangerouslySetInnerHTML:{__html:Bt(tt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(fo,{id:Nt,children:[t.jsx(ee,{dangerouslySetInnerHTML:{__html:_[0]!=null?_[0]+"</body></html>":l.common.strings.empty}}),t.jsxs(uo,{children:[t.jsx(vo,{children:l.cockpit.monthEndReport.editorTitle}),t.jsx($o,{children:l.cockpit.monthEndReport.editorNote})]})]}),t.jsx(So,{id:qt,children:t.jsx(Wt,{handleFileInputClick:Ye,fileAttached:c!=null,enableZeniGPTFeature:x,isZeniGPTResponseLoading:Y,initialHtmlString:n.zeniRequestsHtml,improveUsingZeniGPTClick:f,setZeniRequestsHtml:ne,customerRequestData:g})}),t.jsx(me,{id:be,dangerouslySetInnerHTML:{__html:_[1]!=null?"<html><body>"+_[1]:l.common.strings.empty}})]}),c!=null?t.jsx(Ht,{ref:q,fileName:c.name,fileSize:ht(c.data),onRemove:Ke,isRemovable:!i}):null]}),pe?t.jsx(Ot,{style:{zIndex:15},coords:pe,alignment:C.alignment,onClick:Ge}):null,t.jsx(Ut,{canvasContainerRef:j,sortedThreads:U,editorMode:!i})]})]})})}),t.jsx(mt,{name:c?.name??l.common.strings.empty,fileRef:N,sizeLimit:co,acceptableTypes:lo,onFileChange:async p=>{Xe(p)},onFileSizeError:p=>ie(p),multiple:!1})]}),Be?t.jsx(Ro,{allThreadsSectionOpen:d,children:t.jsx(ut,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${se.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${M.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:se.colors.background},threadsContainerStyle:{paddingBottom:i?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:l.common.texts.comments,filter:S,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(p,a)=>{Z(a);const m=U.findIndex(u=>u[0]===a);F(),E.current?.[m]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>F()})}):t.jsx(Gt,{observer:We,canvasContainerRef:j,sortedThreads:U,threadsPositions:qe,threadsRefs:E,unresolvedThreadsMap:He,editorMode:!i,style:{minWidth:`${X}px`,position:"relative",height:"fit-content",width:"auto",top:`${j.current?.offsetTop}px`},handleRemoveFloatingThread:Oe})]}),Pe?t.jsx(ft,{titleComponent:t.jsx(xt,{children:l.cockpit.monthEndReport.sendMonthInsightsTitle.replace("__month__",K)}),descriptionComponent:t.jsx(gt,{children:l.cockpit.monthEndReport.sendMonthInsightsDescription.replace("__month__",K)}),primaryButtonText:l.cockpit.monthEndReport.sendAnyway,primaryButtonWidth:150,proceedButtonVariant:"danger",secondaryButtonWidth:150,secondaryButtonText:l.cockpit.monthEndReport.editButtonLabel,action:st}):null,t.jsx(yt,{style:{zIndex:10},leftSideComponent:ot(),formId:ge(ue),helperText:i===!0?l.cockpit.monthEndReport.reportSentDateInfo:void 0,cancelBtn:{isDisabled:!h||Y,label:i===!0?l.cockpit.monthEndReport.editButtonLabel:l.cockpit.monthEndReport.saveChanges,onClick:i===!0?z:et,style:{width:"225px"},size:"medium",isLoading:n.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:!h||Y,isLoading:i===!0?n.sendMonthEndReportStatus.fetchState==="In-Progress":n.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:i===!0?"unset":"225px"},label:i===!0?l.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",K):l.cockpit.monthEndReport.preview,size:"medium"}})]})}const fe=e=>({[P]:{recipientEmailList:e.recipientEmailList,subject:e.subject??l.common.strings.empty}}),ge=e=>`${e}_form`,Eo=s(Se)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  svg {
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    cursor: pointer;
+    color: ${e=>e.theme.colors.champion};
+    svg {
+      color: ${e=>e.theme.colors.champion};
+    }
+  }
+`,ko=s(kt)`
+  cursor: pointer;
+  width: ${o.sp3};
+  height: ${o.sp3};
+`;function Co({onClick:e}){return t.jsxs(Eo,{onClick:()=>{e?.()},children:[t.jsx(ko,{}),Q.getLocalizedStrings().cockpit.monthEndReport.refresh]})}const To=s.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp3} ${o.sp8};
+  flex-shrink: 0;
+`,Lo=s(vt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Mo=s.div`
+  display: flex;
+  column-gap: ${o.sp4};
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  flex: 1 1 0px;
+`,Ao=s(St)`
+  color: ${e=>e.theme.colors.primary};
+`,Fo=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex: 1 1 0px;
+`,Do=s($t)`
+  display: flex;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  align-items: center;
+  justify-content: center;
+`,Io=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,_o=s.div`
+  display: flex;
+  flex: 1 1 0px;
+`;function Wo({companyName:e,threadMetadata:x,monthCalendar:y,onAllThreadsClick:n,onNavigateBack:i,onRefresh:g}){const{threads:d,isLoading:S}=nt(x,!1),v=d.filter(h=>h.id.includes(xe)===!1);return t.jsxs(To,{children:[t.jsx(_o,{}),t.jsxs(Fo,{children:[t.jsx(Ao,{children:e}),y!=null&&t.jsx(rt,{...y})]}),t.jsxs(Mo,{children:[t.jsxs(Io,{isDisabled:S,onClick:n,children:[t.jsx(it,{count:v.length,isLoading:S}),t.jsx(Do,{})]}),g!=null&&t.jsx(Co,{onClick:g}),t.jsx(Lo,{onClick:i})]})]})}export{P as H,Wo as e,qo as t};

package/dist/assets/HealthListRow-iF093_lw-DegqmjBi.js

@@ -0,0 +1,210 @@
+import{cQ as er,l as v,F as he,u as rr,j as t,h as $,cI as J,o as n,y as re,n as _,k as D,bw as U,O as te,x,K as tr,co as ar,cp as nr,cu as se,cv as or,cw as Pe,cx as Me,C as ir,$ as L,a0 as sr,cy as lr,aK as dr,cz as cr,cA as hr,cB as mr,w as pr,b5 as ur,an as gr,bK as yr}from"./index-D9zAXs3-.js";import{b as I,n as o,i as Ce}from"./vendor-Bs1fkIUX.js";import{v as xr,c as wr}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{d as fr,l as le,T as k}from"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import{n as $r}from"./groupHelper-CTA_J_U7-CPJTcSSg.js";import{t as br}from"./note-DCtChU1T-DArfpxk4.js";const K=he.getLocalizedStrings().cockpit.health;function kr({percentage:e=-1,barHeight:i}){const c=rr();return t.jsxs(Sr,{children:[t.jsxs(Q,{width:"13%",backgroundColor:e>0?$.success:c.colors.grey2,height:i,children:[t.jsx(fe,{height:i,children:K.detailPage.meterRangePercents.zeroPercent}),t.jsx(de,{isRight:!0,height:i,children:K.detailPage.meterRangePercents.fiftyPercent}),e>=0&&e<50?t.jsx(X,{height:i,percentage:e,low:0,high:50}):null]}),t.jsx(Q,{height:i,width:"17%",backgroundColor:e>50?$.alert:c.colors.grey2,children:e>=50&&e<60?t.jsx(X,{height:i,percentage:e,low:50,high:60}):null}),t.jsxs(Q,{height:i,width:"23%",backgroundColor:e>60?$.graphColor34Dark:c.colors.grey2,children:[t.jsx(de,{height:i,isRight:!1,children:K.detailPage.meterRangePercents.sixtyPercent}),t.jsx(de,{height:i,isRight:!0,children:K.detailPage.meterRangePercents.seventyFivePercent}),e>=60&&e<75?t.jsx(X,{height:i,percentage:e,low:60,high:75}):null]}),t.jsx(Q,{height:i,width:"24%",backgroundColor:e>75?$.graphColor35Dark:c.colors.grey2,children:e>=75&&e<90?t.jsx(X,{height:i,percentage:e,low:75,high:90}):null}),t.jsxs(Q,{height:i,width:"20%",backgroundColor:e>90?$.graphColor01Dark:c.colors.grey2,children:[t.jsx(de,{height:i,isRight:!1,children:K.detailPage.meterRangePercents.ninetyPercent}),t.jsx(fe,{height:i,children:K.detailPage.meterRangePercents.hundredPercent}),e>=90&&e<=100?t.jsx(X,{height:i,percentage:e,low:90,high:100}):null]})]})}const Tr=(e,i,c)=>{const T=c-i;return(e-i)/T*100},X=({percentage:e,low:i,high:c,height:T})=>t.jsx(jr,{height:T,style:{left:`${Tr(e,i,c)}%`},children:t.jsx(U,{title:`${e}${K.detailPage.churnProbabilityTexts.percent}`,placement:"top",style:{padding:`2px ${n.sp2}`},children:t.jsx("div",{style:{color:"transparent"},children:e})})}),Sr=o.div`
+  display: flex;
+  gap: 2px;
+`,Q=o.div`
+  display: flex;
+  justify-content: space-between;
+
+  background-color: ${e=>e.backgroundColor};
+  height: ${e=>`${e.height}px`};
+  width: ${e=>e.width};
+  position: relative;
+`,fe=o(D)`
+  margin-top: ${e=>e.height===_[5]?n.sp5:"12px"};
+  margin-left: ${n.sp0};
+  margin-right: ${n.sp0};
+  font-size: ${e=>e.height===_[5]?re.standardRegular.fontSize:re.extraSmallRegular.fontSize};
+  color: ${e=>e.theme.colors.champion};
+`,de=o(fe)`
+  transform: ${e=>e.isRight?" translateX(70%)":" translateX(-35%);"};
+`,jr=o.div`
+  cursor: pointer;
+  z-index: ${e=>e.height===_[5]?1:0};
+  height: 30px;
+  height: ${e=>e.height===_[5]?"42px":"20px"};
+  border-radius: 2px;
+  width: ${n.sp1};
+  top: ${e=>e.height===_[5]?"-5px":`-${n.sp1}`};
+  left: 19%;
+  position: absolute;
+  background-color: ${e=>e.theme.colors.primary};
+`,{dateFormat:Ee,timeFormat:vr,timeframe:E,common:Pr}=he.getLocalizedStrings(),dt=e=>{if(e!=null){const i=v.dateNow();return Math.abs(i.diff(e,"days"))}};function ee(e){if(e==null)return;const i=v.dateNow();if(Math.abs(i.diff(e,"days"))<=0)return`0 ${E.day}`;const[c,T]=e<i?[e,i]:[i,e],h=c.year(),me=c.month(),g=c.date(),C=T.year(),ae=T.month(),p=T.date();let F=C-h,u=ae-me,R=p-g;if(R<0){u--;const Z=new Date(C,ae,0);R+=Z.getDate()}u<0&&(F--,u+=12);const W=[];return F>0&&W.push(`${F} ${F>1?E.year:E.year.slice(0,-1)}`),u>0&&W.push(`${u} ${u>1?E.month:E.month.slice(0,-1)}`),R>0&&W.push(`${R} ${R>1?E.day:E.day.slice(0,-1)}`),W.join(", ")}function Mr(e){if(e==null)return Pr.strings.hyphen;const i=Math.floor(Number(e)/12),c=Number(e)%12,T=i>1?E.year:E.year.slice(0,-1),h=c>1?E.month:E.month.slice(0,-1);return i===0?`${e} ${h}`:c===0?`${i} ${T}`:`${i} ${T}, ${c} ${h}`}const Cr=e=>({name:e?.companyInfo.name??"",productVerticals:e?.companyHealthMetric.verticalProductServices??void 0,runway:e?.companyHealthMetric.runway,churnProbabilityPercentage:e?.companyHealthMetric.churnProbabilityPercentage,netPromoterScore:e?.companyHealthMetric.netPromoterScore,customerSatisfactionScore:e?.companyHealthMetric.customerSatisfactionScore,lastReportSent:e?.managementInfo.lastReportSentDate!=null?ee(v.zeniDate(e?.managementInfo.lastReportSentDate.toISOString())):void 0,dashboardLastVisit:e?.companyHealthMetric.customerLastDashboardVisit!=null?v.zeniDate(e?.companyHealthMetric.customerLastDashboardVisit.toISOString()).format(Ee.visual.MMMDCommaYYYYformat):void 0,companyEngagementMetricsUpdatedAt:e?.companyHealthMetric.companyEngagementMetricsUpdatedAt!=null?{date:v.zeniDate(e?.companyHealthMetric.companyEngagementMetricsUpdatedAt.toISOString()).format(Ee.visual.MMMDCommaYYYYformat),time:v.zeniDate(e?.companyHealthMetric.companyEngagementMetricsUpdatedAt.toISOString()).format(vr.hhmmAFormat)}:void 0,noOfVerticalsEnabled:e?.noOfProductVerticalsEnabled,renewalDate:e?.companyHealthMetric.subscriptionRenewalDate!=null?ee(v.zeniDate(e?.companyHealthMetric.subscriptionRenewalDate.toISOString())):void 0,lastEngagements:e!=null?e.companyHealthMetric.lastEngagements:[],additionalChurnFactors:e!=null?e.companyHealthMetric.additionalChurnFactors:{increasingChurnProbability:[],decreasingChurnProbability:[]},updatedByUserName:e?.companyHealthMetric.updatedByUser!=null?er(e.companyHealthMetric.updatedByUser):void 0}),w=he.getLocalizedStrings().cockpit.health.header,ce=[{key:"companyName",value:w.name,sortOrder:"ascending",width:new x(392,392),isThreadAllowed:!0},{key:"churnProbability",value:w.churnProbability,sortOrder:"ascending",width:new x(380,380),isThreadAllowed:!0},{key:"controller",value:w.controller,sortOrder:"ascending",width:new x(200,200),isThreadAllowed:!0},{key:"customerSuccessManager",value:w.customerSuccessManager,sortOrder:"ascending",width:new x(200,200),isThreadAllowed:!0},{key:"lastEngagement",value:w.lastEngagement,sortOrder:"ascending",width:new x(270,270),isThreadAllowed:!0},{key:"companyEngagementMetricsUpdatedAt",value:w.companyEngagementMetricsUpdatedAt,sortOrder:"ascending",width:new x(160,160),isThreadAllowed:!0},{key:"runway",value:w.runway,sortOrder:"ascending",width:new x(220,220),isThreadAllowed:!0},{key:"netPromoterScore",value:w.netPromoterScore,sortOrder:"ascending",width:new x(120,120),isThreadAllowed:!0},{key:"customerSatisfactionScore",value:w.customerSatisfactionScore,sortOrder:"ascending",width:new x(120,120),isThreadAllowed:!0},{key:"lastReportSent",value:w.lastReportSent,sortOrder:"ascending",width:new x(250,250),isThreadAllowed:!0},{key:"dashboardLastSeen",value:w.dashboardLastSeen,sortOrder:"ascending",width:new x(270,270),isThreadAllowed:!0},{key:"subscriptionDate",value:w.subscriptionDate,sortOrder:"ascending",width:new x(200,200),isThreadAllowed:!0},{key:"renewalDate",value:w.renewalDate,sortOrder:"ascending",width:new x(180,180),isThreadAllowed:!0},{key:"group",value:w.group,sortOrder:"ascending",width:new x(148,148),isThreadAllowed:!0},{key:"monthlyRecurringRevenue",value:w.monthlyRecurringRevenue,sortOrder:"ascending",width:new x(196,196),isThreadAllowed:!0},{key:"externalProductServiceExposure",value:w.externalProductServiceExposure,sortOrder:"ascending",width:new x(270,270),isThreadAllowed:!0},{key:"productVerticals",value:w.productVerticals,sortOrder:"ascending",width:new x(360,360),isThreadAllowed:!0}];ce.map(e=>e.key);const Er=e=>I.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},I.createElement("path",{d:"M4.11639 19.0303C3.08086 19.0303 2.24139 18.1909 2.24139 17.1553V6.84558C2.24139 5.81005 3.08086 4.97058 4.11639 4.97058H14.6262C15.6617 4.97058 16.5012 5.81005 16.5012 6.84558V17.1553C16.5012 18.1909 15.6617 19.0303 14.6262 19.0303H4.11639Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),I.createElement("path",{d:"M16.9887 14.3447C16.6883 14.1801 16.5017 13.865 16.5017 13.5225V10.4787C16.5017 10.1362 16.6883 9.821 16.9887 9.65646L20.3707 7.80387C20.9955 7.46163 21.7586 7.91373 21.7586 8.62608V15.3751C21.7586 16.0874 20.9955 16.5395 20.3707 16.1973L16.9887 14.3447Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}));function ct({companyView:e,healthView:i,companyNameSticky:c,totalHeight:T,addThreadRequestThreadId:h,setNoteData:me,setElementRef:g,setAddThreadRequestThreadId:C,onRowClick:ae}){const p=tr(),F=he.getLocalizedStrings(),{common:{strings:{hyphen:u,backspace:R,space:W,colon:Z,dot:Ne}},cockpit:{health:{detailPage:{churnProbabilityTexts:{churnProbability:He,for:Ye,is:Ke,percent:Le},notApplicable:Fe},common:{engagementTypes:ne,labels:{lastEngagements:We,factorsThatDecreaseChurnProbability:Ve,factorsThatIncreaseChurnProbability:Ue}}}},dateFormat:G}=F,{companyInfo:{companyId:l,name:oe},companyHealthMetric:M,controllers:_e,managementInfo:{lastReportSentDate:$e,customerSuccessManagerUserIds:Ze}}=e,pe=Cr(e),Ge=i.zeniUsers.values.filter(r=>Ze.includes(r.userId)),B=`cockpit_${l}`,be="healthMonitor.notes",{threads:Be,isLoading:qe}=ar({entityType:be,companyId:l},!1),d={name:oe,companyId:l,companyGroup:e.companyGroup!=null?e.companyGroup.find(r=>r.id===e.managementInfo.companyGroupId):void 0,monthlyRecurringRevenue:e.monthlyRecurringRevenue,productVerticals:M.verticalProductServices,runway:M.runway,churnProbabilityPercentage:M.churnProbabilityPercentage,netPromoterScore:M.netPromoterScore,customerSatisfactionScore:M.customerSatisfactionScore,controllers:_e.map(r=>v.getUserName(r)),customerSuccessManagers:Ge.map(r=>v.getUserName(r)),lastReportSent:$e!=null?v.zeniDate($e.toISOString()):void 0,subscriptionStartDate:M.subscriptionStartDate!=null?v.zeniDate(M.subscriptionStartDate.toISOString()).format(G.visual.MMMDCommaYYYYformat):void 0,renewalDate:M.subscriptionRenewalDate!=null?v.zeniDate(M.subscriptionRenewalDate.toISOString()):void 0,companyEngagementMetricsUpdatedAt:M.companyEngagementMetricsUpdatedAt,externalProductServiceExposure:M.externalProductServiceExposure},{openThread:P,threads:A,addThread:ke,removeThread:ue,setOpenThread:V,setRequestToOpenThread:ge}=I.useContext(nr),Te=P!==null?A.get(P):null,Se=P?.includes(l)===!0,Xe=P!=null&&A.get(P)==null&&Se,Qe=h!=null&&A.get(h)?.metadata.companyId===l,je=I.useCallback(()=>{P?.includes(se)===!0&&ue(P),h!=null&&C(void 0)},[h,P,ue,C]),ie=I.useCallback(r=>{if(r===P)V(null);else if(A.has(r))V(r);else if(r.includes(se)){const[O,z]=r.replace(se,"").split("."),m=fr(or(O),v.toHealthSortKeyType(z),l,oe);ke(r,{type:"thread",id:r,roomId:B,createdAt:new Date,updatedAt:new Date,comments:[],metadata:m,resolved:!1}),V(r)}},[l,oe,P,A,ke,V,B]),y=I.useCallback((r,O,z=!1)=>{const m=ce.find(N=>N.key===O);if(ge(null),m!=null&&(r.type==="contextmenu"||z===!0)){if(m.isThreadAllowed===!1)return;je(),r.preventDefault(),r.stopPropagation();const N=Pe({tab:"healthMonitor",key:m.key}),s=[...Me(A,{entityType:N,companyId:l},"both")],H=s.length>0&&s[0].length>0?s[0][0]:le("healthMonitor",m.key,l);A.has(H)?ie(H):h===H?C(void 0):(C(H),V(null))}},[A,l,h,ie,C,V,ge,je]),ve=I.useCallback((r,O)=>{r.stopPropagation();const z=le("healthMonitor",O,l);C(void 0),ie(z)},[l,C,ie]),S=r=>t.jsx(mr,{isElementThreadOpen:r.isElementThreadOpen??!1,isElementThreadPresent:r.isElementThreadPresent??!1,itemKey:r.itemKey,elementThreadId:r.elementThreadId??"",roomId:B,addThreadRequestThreadId:h,openThreadId:P,threadStyle:r.threadStyle,openThreadMetadata:Te?.metadata??null,onElementClick:y,onAddThreadClick:ve});return t.jsx(ir,{onClickAway:()=>{ge(null),h!=null&&(C(void 0),h.includes(se)&&ue(h))},children:t.jsx(Dr,{windowSize:p,isThreadOpen:Se||Qe,totalHeight:T,isCreationInProgress:Xe,onClick:()=>ae(d.companyId),children:ce.map((r,O)=>{const z=Pe({tab:"healthMonitor",key:r.key}),m=ce.length-2<=O,N=[...Me(A,{entityType:z,companyId:l},"both")],s=N.length>0&&N[0].length>0?N[0][0]:le("healthMonitor",r.key,l),H=A.get(s),b=H!=null&&H.resolved===!1,f=s===P,Je=h===s,q=pe.lastEngagements;switch(r.key){case"companyName":return t.jsxs(zr,{companyNameSticky:c,columnWidth:r.width,windowSize:p,isThreadOpen:f||Je,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),ref:a=>{g(l,r.key,a)},children:[t.jsxs(Yr,{children:[d.name,t.jsx(lr,{isElementThreadOpen:f,roomId:B,openThreadId:P,openThreadMetadata:Te?.metadata??null})]}),t.jsx(U,{style:{padding:`2px ${n.sp2}`},title:"Notes",children:t.jsxs(Lr,{className:"notesIcon",onClick:a=>{a.preventDefault(),a.stopPropagation(),me({roomId:B,companyId:l,companyName:oe,entityType:be})},children:[t.jsx(dr,{count:Be.length,isLoading:qe}),t.jsx(Fr,{})]})}),t.jsx(cr,{isElementThreadPresent:b,itemKey:r.key,style:{left:n.sp4},onElementClick:y}),t.jsx(hr,{elementThreadId:le("healthMonitor",r.key,l),addThreadRequestThreadId:h,itemKey:r.key,onAddThreadClick:ve})]},s);case"productVerticals":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(Ar,{productVerticals:M.verticalProductServices}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"runway":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[d.runway!=null?v.isCompanyRunwayInfinite(d.runway)===!0?t.jsx(Wr,{}):Mr(d.runway.runwayMonths):t.jsx(D,{children:u}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"churnProbability":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(Kr,{children:t.jsx(kr,{percentage:d.churnProbabilityPercentage,barHeight:12})}),pe.churnProbabilityPercentage!=null?t.jsx(U,{style:{padding:`12px ${n.sp3}`,textAlign:"left"},title:t.jsxs(_r,{children:[t.jsx(Zr,{children:`${He} ${Ye} ${e.companyInfo.name} ${Ke} ${Math.round(pe.churnProbabilityPercentage??0)}${Le}${Ne}`}),e.companyHealthMetric.churnProbabilityReason.length!==0||e.companyHealthMetric.additionalChurnFactors.increasingChurnProbability.length!==0?t.jsxs(De,{children:[t.jsxs(Ie,{children:[Ue,Z]}),t.jsxs(Re,{children:[e.companyHealthMetric.churnProbabilityReason.map((a,Y)=>t.jsx(xe,{children:t.jsx(we,{children:a.text})},`${J()}_${Y}}`)),e.companyHealthMetric.additionalChurnFactors.increasingChurnProbability.map((a,Y)=>t.jsx(xe,{children:t.jsx(we,{children:a.value})},`${J()}_${Y}}`))]})]}):null,e.companyHealthMetric.additionalChurnFactors.decreasingChurnProbability.length!==0?t.jsxs(De,{children:[t.jsxs(Ie,{children:[Ve,Z]}),t.jsx(Re,{children:e.companyHealthMetric.additionalChurnFactors.decreasingChurnProbability.map((a,Y)=>t.jsx(xe,{children:t.jsx(we,{children:a.value})},`${J()}_${Y}}`))})]}):null]}),children:t.jsx(Ur,{style:{marginTop:n.sp1,marginLeft:n.sp1,marginRight:n.sp0}})}):null,S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"customerSatisfactionScore":case"netPromoterScore":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[d[r.key]!=null?t.jsxs(t.Fragment,{children:[t.jsx(Hr,{children:d[r.key]}),t.jsx(Nr,{children:R}),r.key==="netPromoterScore"?t.jsxs(Ae,{children:[" ",xr," "]}):t.jsxs(Ae,{children:[" ",wr," "]})]}):d.churnProbabilityPercentage!=null?Fe:u,S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"controller":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(U,{enterDelay:600,style:{padding:`2px ${n.sp2}`},title:d.controllers.join(", "),children:d.controllers[0]}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"customerSuccessManager":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(U,{enterDelay:600,style:{padding:`2px ${n.sp2}`,textAlign:"left"},maxWidth:"300px",title:d.customerSuccessManagers.join(", "),children:d.customerSuccessManagers[0]}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"lastReportSent":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(ye,{children:d.lastReportSent!=null?t.jsxs(t.Fragment,{children:[t.jsx(D,{children:ee(d.lastReportSent)}),t.jsx(te,{children:d.lastReportSent.format(G.visual.MMMDCommaYYYYformat)})]}):t.jsx(D,{children:u})}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"renewalDate":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(ye,{children:d.renewalDate!=null?t.jsxs(t.Fragment,{children:[t.jsx(D,{children:ee(d.renewalDate)}),t.jsx(te,{children:d.renewalDate.format(G.visual.MMMDCommaYYYYformat)})]}):t.jsx(D,{children:u})}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"group":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[d.companyGroup!=null?t.jsx(Vr,{textColor:$r[d.companyGroup.id],children:d.companyGroup.name.toUpperCase()}):u,S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"monthlyRecurringRevenue":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[sr("0,0",d.monthlyRecurringRevenue),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"externalProductServiceExposure":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[d.externalProductServiceExposure!=null?d.externalProductServiceExposure.name:u,S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"lastEngagement":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[q.length>0?t.jsxs(U,{style:{padding:`12px ${n.sp3}`},title:t.jsxs(Gr,{children:[t.jsxs(Br,{children:[We,Z]}),q.map((a,Y)=>t.jsxs(qr,{children:[t.jsxs(Xr,{children:[a.type==="email"?t.jsx(et,{}):t.jsx(rt,{}),t.jsx(Rr,{children:a.type==="email"?ne.email:ne.meeting})]}),t.jsx(Qr,{children:a.scheduledAt?.utc(!0).local().format(G.visual.MMMDCommaYYYYformat)??u})]},`${J()}_${Y}}`))]}),children:[q[0].scheduledAt?.utc(!0).local().format(G.visual.MMMDCommaYYYYformat)??u,t.jsxs(Jr,{children:[q[0].type==="email"?t.jsx(Oe,{className:"engagement-email-icon"}):t.jsx(ze,{className:"engagement-meeting-icon"}),t.jsxs(tt,{children:["Via",W,q[0].type==="email"?ne.email:ne.meeting]})]})]}):t.jsx(L,{children:u}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"dashboardLastSeen":case"subscriptionDate":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[d.subscriptionStartDate??u,S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);case"companyEngagementMetricsUpdatedAt":return t.jsxs(j,{ref:a=>{g(l,r.key,a)},columnWidth:r.width,windowSize:p,isThreadAllowed:r.isThreadAllowed,className:k,onContextMenu:a=>y(a,r.key),children:[t.jsx(ye,{children:d.companyEngagementMetricsUpdatedAt!=null?t.jsx(D,{children:ee(d.companyEngagementMetricsUpdatedAt)}):t.jsx(D,{children:u})}),S({isElementThreadOpen:f,isElementThreadPresent:b,itemKey:r.key,elementThreadId:s,threadStyle:m?{right:n.sp0}:void 0})]},s);default:return null}})})})}const Ar=({productVerticals:e})=>{const i=c=>{switch(c){case"billpay":return{key:"ZBP",color:$.graphColor34Dark};case"reimbursement":return{key:"ZR",color:$.graphColor06Dark};case"accounts":return{key:"ZA",color:$.graphColor09Dark};case"cards":return{key:"ZC",color:$.graphColor33Dark};case"payroll_manager_service_plan":return{key:"Payroll",color:$.graphColor26Dark};case"zeni_tax_plan":return{key:"Tax",color:$.graphColor35Dark};case"cfo_plan":return{key:"CFO",color:$.graphColor17Dark};default:return}};return t.jsx(Ir,{children:e.map((c,T)=>{const h=i(c.productServiceKey);return h!=null?t.jsx(Or,{color:h.color,isEnabled:c.isEnabled,children:h.key},`${J()}_${T}`):t.jsx(t.Fragment,{})})})},Dr=o.div`
+  cursor: pointer;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${n.sp2};
+  display: flex;
+  padding: ${n.sp0} ${n.sp4} ${n.sp0} ${n.sp0};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  height: ${e=>`${e.totalHeight-_[3]}px`};
+  background-color: ${e=>e.theme.colors.grey5};
+
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${n.sp0} 2px ${n.sp2} ${e.theme.colors.dropShadowHover}`};
+    .engagement-meeting-icon,
+    .engagement-email-icon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  ${e=>e.isThreadOpen?Ce`
+          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?Ce`
+          border: 1px solid ${e.theme.colors.primary};
+          animation: animate 3s linear infinite;
+        `:null};
+`,Ir=o.div`
+  display: flex;
+  justify-content: flex-start;
+  gap: ${n.sp2};
+`,Rr=o.div``,Or=o(te)`
+  padding: 1px 6px;
+  border-radius: ${n.sp1};
+  border: ${e=>`1px solid ${e.isEnabled?e.color:e.theme.colors.grey2}`};
+  color: ${e=>e.isEnabled?e.color:e.theme.colors.grey2};
+`,zr=o(yr)`
+  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"};
+`,Nr=o.div`
+  ${re.extraSmallRegular.css};
+`,Hr=o.div`
+  ${re.largeRegular.css};
+`,Ae=o.div`
+  ${re.extraSmallRegular.css};
+  padding-top: ${n.sp1};
+`,Yr=o.div``,Kr=o.div`
+  width: 85%;
+`,ye=o.div`
+  justify-content: center;
+  align-items: center;
+`,Lr=o.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};
+  }
+`,Fr=o(br)`
+  display: flex;
+  width: ${n.sp4};
+  height: ${n.sp4};
+  align-items: center;
+  justify-content: center;
+`,Wr=o(gr)`
+  height: ${n.sp4};
+  width: ${n.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,j=o(D)`
+  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;
+`,Vr=o(te)`
+  border: 1px solid ${e=>e.textColor.borderColor.toString()};
+  color: ${e=>e.textColor.color.toString()};
+  background-color: ${e=>e.textColor.bgColor.toString()};
+  padding: 1px 6px;
+  border-radius: ${n.sp1};
+  width: fit-content;
+`,Ur=o(ur)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,_r=o.div``,Zr=o(L)``,De=o.div`
+  margin-top: ${n.sp2};
+`,Ie=o(L)``,Re=o.ul`
+  padding-left: ${n.sp4};
+  margin-top: ${n.sp0};
+`,Gr=o.div``,Br=o(L)`
+  color: ${$.heroDark};
+`,qr=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  max-width: 300px;
+  gap: ${n.sp2};
+  margin-top: ${n.sp2};
+`,Xr=o(L)`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  padding-right: ${n.sp3};
+  color: ${$.heroDark};
+`,Qr=o(L)`
+  align-self: end;
+  width: 100%;
+  color: ${e=>e.theme.colors.brandColorPearl};
+  text-align: right;
+  justify-content: flex-end;
+  width: 100%;
+`,xe=o.li``,we=o(L)`
+  word-break: break-all;
+`,Jr=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Oe=o(pr)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,ze=o(Er)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  margin-right: ${n.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,et=o(Oe)`
+  color: ${$.heroDark};
+`,rt=o(ze)`
+  color: ${$.heroDark};
+`,tt=o(te)``;export{ct as $,Er as L,Mr as M,Cr as R,dt as S,kr as T,Ar as Y,ce as c};