File: //opt/netdata/usr/local/local/share/netdata/web/v3/8009.3fe9742d09d2c331e085.chunk.js
try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="01d25a22-2f85-4b5f-a93b-ce6528b884ce",e._sentryDebugIdIdentifier="sentry-dbid-01d25a22-2f85-4b5f-a93b-ce6528b884ce")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"0d597b660e680dc5bde02dc0a1a30ba3e59b2b5c"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[8009],{37347:(e,t,a)=>{a.d(t,{A:()=>A});var n=a(96540),s=a(86177),l=a(34843),o=a(84929),d=a(24609),r=a(19186),i=a(52035),c=a(24719),u=a(1705),h=a(57377);const x=(0,o.Iz)((e=>{let{id:t,spaceId:a,roomId:n}=e;return(0,i.eU)((async()=>{const{data:e}=await(0,u.PY)(a,n,t);return e.configString?(0,c._3)({spaceId:a,payload:{config:e.configString}}).catch((e=>({error:e.response?.data?.errorMessage}))):Promise.reject("No alert configuration found")}))}),h.Ay);x.setShouldRemove((e=>Date.now()-new Date(e)>9e5));var p=a(24155),g=a(94615),m=a(67119),j=a(74848);const f=()=>(0,j.jsxs)(s.Flex,{column:!0,gap:2,children:[(0,j.jsx)(p.A,{width:"100%"}),(0,j.jsx)(p.A,{width:"80%"})]}),b=e=>{let{message:t="There was an error while fetching alert explanation"}=e;return(0,j.jsxs)(s.Flex,{alignItems:"center",gap:1,children:[(0,j.jsx)(s.Icon,{name:"warning_triangle",color:"warning"}),(0,j.jsx)(s.Text,{color:"textLite",children:t})]})},A=e=>{let{id:t,expandedState:a}=e;const{loaded:s,value:i,hasError:c,error:u}=(e=>{let{id:t}=e;const a=(0,d.vt)(),n=(0,r.ID)(),s=(0,l.md)((0,o.Rq)(x({id:t,spaceId:a,roomId:n})));return{loaded:"loading"!==s.state,value:s.data?.data,hasError:"hasError"===s.state||!!s.data?.error,error:s.error||s.data?.error}})({id:t}),h=(0,n.useMemo)((()=>a===m.w.collapsed?{height:{max:30},overflow:{vertical:"auto"}}:{}),[a]);return s?c?(0,j.jsx)(b,{message:u}):a===m.w.hidden?null:i?.explanation?(0,j.jsx)(g.A,{value:i?.explanation,...h}):(0,j.jsx)(b,{message:"No explanation returned for this alert definition"}):(0,j.jsx)(f,{})}},52678:(e,t,a)=>{a.d(t,{A:()=>d});var n=a(86177),s=a(74891),l=a(74848);const o=(0,s.A)(n.Icon),d=e=>{let{isOpen:t,toggle:a,hide:s}=e;return(0,l.jsxs)(n.Flex,{alignItems:"center",gap:2,children:[(0,l.jsx)(o,{name:"triangle_down",width:"10px",color:"menuItem",rotate:t?2:null,cursor:"pointer",onClick:a,tooltip:t?"Collapse":"Expand",tooltipProps:{align:"bottom"},noWrapper:!0}),(0,l.jsx)(o,{name:"hide",width:"10px",color:"menuItem",cursor:"pointer",onClick:s,tooltip:"Hide",tooltipProps:{align:"bottom"},noWrapper:!0})]})}},61013:(e,t,a)=>{a.d(t,{A:()=>l});var n=a(96540),s=a(67119);const l=function(){let{initialExpandedState:e=s.w.collapsed}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[t,a]=(0,n.useState)(e),l=(0,n.useCallback)((()=>{a(s.w.expanded)}),[a]),o=(0,n.useCallback)((()=>{a(s.w.collapsed)}),[a]),d=(0,n.useCallback)((()=>{a(s.w.hidden)}),[a]),r=(0,n.useCallback)((()=>{t!==s.w.expanded?l():o()}),[t,l,o]);return[t,r,l,o,d]}},67119:(e,t,a)=>{a.d(t,{w:()=>n});const n={expanded:"expanded",collapsed:"collapsed",hidden:"hidden"}},98009:(e,t,a)=>{a.r(t),a.d(t,{default:()=>V});var n=a(86177),s=a(19075),l=a(91721),o=a(37347),d=a(52678),r=a(90808),i=a(55579),c=a(28981),u=a(3527),h=a(96540),x=a(28657),p=a(63950),g=a.n(p),m=a(23226),j=a(24609),f=a(87733),b=a(19186),A=a(19371),I=a(10444),w=a(17829),y=a(62718),C=a(74848);const v=e=>t=>`alert-modal::${e.getAttribute("id")}::${t}`,S=e=>{let{instance:t,context:a,isFormattedValueLoaded:s,nodeId:l,status:o,lastStatusChange:d,formattedLastStatusChangeValue:r,lastUpdated:i,spaceId:c,roomId:u,setChartSelected:p=g()}=e;const S=(0,j.vt)();c=c||S;const k=(0,b.ID)();u=u||k;const T=(0,I.J)(),_=(0,A.eg)(),[,E]=(0,m.A)();(0,h.useEffect)((()=>(E(),E)),[]);const F=(0,f.K)({spaceId:c,roomId:u}),L=(0,h.useMemo)((()=>{if(!s)return;const e=_.makeChart({attributes:{nodeId:l,contextScope:[a],selectedInstances:t&&l?[`${t}@${l}`]:[],id:t,roomId:u,enabledResetRange:!1,overlays:{proceeded:{type:"proceeded"},alarm:{type:"alarm",status:o,value:r,when:d}},host:F,nodesScope:[l],toolboxElements:[],sparkline:T,hasToolbox:!T},makeTrack:v});return _.getRoot().appendChild(e),e}),[t,s]);return(0,w.Vt)({lastUpdated:i,lastStatusChange:d},s),(0,h.useEffect)((()=>(p((e=>({...e,...L}))),()=>{L&&L.destroy(),p(null)})),[L]),(0,C.jsx)(n.Flex,{flex:!1,width:"100%",height:75,children:s&&L?(0,C.jsx)(x.A,{"data-chartid":t,chart:L,hasHeader:!T,hasFooter:!T}):(0,C.jsx)(n.Flex,{alignItems:"center",justifyContent:"center",width:"100%",height:"100%",children:(0,C.jsx)(y.Bp,{size:"60px",animate:!0})})})},k=(0,h.memo)((e=>{let{id:t}=e;const{fullyLoaded:a,nodeId:n,instance:l,lastStatusChangeValue:o,lastStatusChange:d,units:r,context:i,value:c,lastUpdated:u,status:h}=(0,s.JL)(t),x=(0,w.J4)(c,r),p=(0,w.J4)(o,r);return(0,C.jsx)(S,{instance:l,context:i,formattedLastValue:x,formattedLastStatusChangeValue:p,lastStatusChange:d,lastUpdated:u,isFormattedValueLoaded:"clear"===h||a,nodeId:n,status:h,testid:"alertDetailsModal"})}));var T=a(14681),_=a(79748),E=a(34155),F=a(61013),L=a(24013),D=a(67119);const V=e=>{let{alertId:t,...a}=e;const{id:h,nodeId:x,fullyLoaded:p,info:g,value:m,lastStatusChange:j,lastStatusChangeValue:f,units:b,status:A,instanceName:I,type:y,component:v,class:S}=(0,s.JL)(t),V=(0,L.xY)(x,"name"),N=(0,L.d3)(x,{alertId:t}),J=(0,w.J4)(m,b),R=(0,w.J4)(f,b),[U,M,,,P]=(0,F.A)(),W=U===D.w.expanded;return p?(0,C.jsxs)(n.Flex,{column:!0,gap:3,padding:[4,0],...a,children:[(0,C.jsx)(n.Text,{color:"menuItem",children:g}),(0,C.jsx)(r.A,{children:(0,C.jsxs)(n.Flex,{column:!0,gap:3,padding:[3,4],children:[(0,C.jsxs)(n.Flex,{alignItems:"center",justifyContent:"between",children:[(0,C.jsx)(c.A,{label:"Alert explanation",icon:"question"}),(0,C.jsx)(d.A,{isOpen:W,toggle:M,hide:P})]}),(0,C.jsx)(o.A,{id:h,expandedState:U})]})}),(0,C.jsxs)(r.A,{children:[(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Latest value",icon:"alarm_bell"}),(0,C.jsx)(u.A,{loaded:!0,status:A,valueWithUnit:J})]}),(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Trigger value",icon:"notificationTrigger"}),(0,C.jsx)(u.A,{loaded:!0,status:A,valueWithUnit:R})]})]}),(0,C.jsx)(k,{id:t}),(0,C.jsxs)(r.A,{children:[(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Node",icon:"nodes_hollow"}),(0,C.jsx)(T.A,{Component:_.A,nodeId:x,extraKey:"alerts",onClick:N,textColor:"primary",children:V})]}),(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Instance",icon:"charts_view"}),(0,C.jsx)(n.Text,{color:"menuItem",children:I})]}),(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Type",icon:"data_retention"}),(0,C.jsx)(n.Text,{color:"menuItem",children:y})]}),(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Component",icon:"metrics"}),(0,C.jsx)(n.Text,{color:"menuItem",children:v})]}),(0,C.jsxs)(i.A,{children:[(0,C.jsx)(c.A,{label:"Class",icon:"networkingStack"}),(0,C.jsx)(n.Text,{color:"menuItem",children:S})]})]}),(0,C.jsx)(r.A,{children:(0,C.jsxs)(n.Flex,{column:!0,gap:3,padding:[3,4],children:[(0,C.jsx)(c.A,{label:"Instances",icon:"nodes_hollow"}),(0,C.jsx)(n.Text,{color:"menuItem",children:"A node may be claimed through multiple instances on the cloud (streaming through parent) and Netdata aggregates the alerts from all the instances and displays a single Active alert based on the highest severity, latest change."}),(0,C.jsx)(E.A,{lastStatusChangeValue:f,lastStatusChange:j,units:b,status:A,nodeName:V,instanceName:I,isHighlighted:!0,border:"none",background:"panelBg"})]})})]}):(0,C.jsx)(l.A,{})}}}]);