!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"2c7094d16bd3a302c2584dca4b609461a773522e"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="96e00eed-0e0d-4042-92e6-c948d1621213",e._sentryDebugIdIdentifier="sentry-dbid-96e00eed-0e0d-4042-92e6-c948d1621213")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[8009],{67119(e,t,n){n.d(t,{w:()=>r});const r={expanded:"expanded",collapsed:"collapsed",hidden:"hidden"}},37347(e,t,n){n.d(t,{A:()=>w});n(98992),n(54520),n(3949);var r=n(64467),a=n(96540),o=n(42358),s=n(34843),l=n(25316),d=n(24609),c=n(19186),i=n(52035),u=n(18790),p=n(24719),h=n(1705),g=n(57377);const x=(0,u.I)((e=>{let{id:t,spaceId:n,roomId:r}=e;return(0,i.eU)((async()=>{const{data:e}=await(0,h.PY)(n,r,t);return e.configString?(0,p._3)({spaceId:n,payload:{config:e.configString}}).catch((e=>{var t;return{error:null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.errorMessage}})):Promise.reject("No alert configuration found")}))}),g.Ay);x.setShouldRemove((e=>Date.now()-new Date(e)>9e5));var j=n(24155),m=n(94615),b=n(67119),f=n(74848);function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}const I=()=>(0,f.jsxs)(o.Flex,{column:!0,gap:2,children:[(0,f.jsx)(j.A,{width:"100%"}),(0,f.jsx)(j.A,{width:"80%"})]}),v=e=>{let{message:t="There was an error while fetching alert explanation"}=e;return(0,f.jsxs)(o.Flex,{alignItems:"center",gap:1,children:[(0,f.jsx)(o.Icon,{name:"warning_triangle",color:"warning"}),(0,f.jsx)(o.Text,{color:"textLite",children:t})]})},w=e=>{let{id:t,spaceId:n,roomId:o,expandedState:i}=e;const{loaded:u,value:p,hasError:h,error:g}=(e=>{var t,n,r;let{id:a,spaceId:o,roomId:i}=e;const u=(0,d.vt)(),p=(0,c.ID)(),h=(0,s.md)((0,l.A)(x({id:a,spaceId:o||u,roomId:i||p})));return{loaded:"loading"!==h.state,value:null===(t=h.data)||void 0===t?void 0:t.data,hasError:"hasError"===h.state||!(null===(n=h.data)||void 0===n||!n.error),error:h.error||(null===(r=h.data)||void 0===r?void 0:r.error)}})({id:t,spaceId:n,roomId:o}),j=(0,a.useMemo)((()=>i===b.w.collapsed?{height:{max:30},overflow:{vertical:"auto"}}:{}),[i]);return u?h?(0,f.jsx)(v,{message:null===g||void 0===g?void 0:g.message}):i===b.w.hidden?null:null!==p&&void 0!==p&&p.explanation?(0,f.jsx)(m.A,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){(0,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({value:null===p||void 0===p?void 0:p.explanation},j)):(0,f.jsx)(v,{message:"No explanation returned for this alert definition"}):(0,f.jsx)(I,{})}},61013(e,t,n){n.d(t,{A:()=>o});n(62953);var r=n(96540),a=n(67119);const o=function(){let{initialExpandedState:e=a.w.collapsed}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[t,n]=(0,r.useState)(e),o=(0,r.useCallback)((()=>{n(a.w.expanded)}),[n]),s=(0,r.useCallback)((()=>{n(a.w.collapsed)}),[n]),l=(0,r.useCallback)((()=>{n(a.w.hidden)}),[n]),d=(0,r.useCallback)((()=>{t!==a.w.expanded?o():s()}),[t,o,s]);return[t,d,o,s,l]}},52678(e,t,n){n.d(t,{A:()=>l});var r=n(42358),a=n(74891),o=n(74848);const s=(0,a.A)(r.Icon),l=e=>{let{isOpen:t,toggle:n,hide:a}=e;return(0,o.jsxs)(r.Flex,{alignItems:"center",gap:2,children:[(0,o.jsx)(s,{name:"triangle_down",width:"10px",color:"menuItem",rotate:t?2:null,cursor:"pointer",onClick:n,tooltip:t?"Collapse":"Expand",tooltipProps:{align:"bottom"},noWrapper:!0}),(0,o.jsx)(s,{name:"hide",width:"10px",color:"menuItem",cursor:"pointer",onClick:a,tooltip:"Hide",tooltipProps:{align:"bottom"},noWrapper:!0})]})}},98009(e,t,n){n.r(t),n.d(t,{default:()=>M});var r=n(64467),a=n(80045),o=(n(98992),n(54520),n(3949),n(62953),n(42358)),s=n(19075),l=n(91721),d=n(37347),c=n(52678),i=n(90808),u=n(55579),p=n(28981),h=n(3527),g=n(96540),x=n(28657),j=n(63950),m=n.n(j),b=n(23226),f=n(24609),y=n(87733),I=n(19186),v=n(87398),w=n(10444),O=n(17829),A=n(62718),C=n(74848);function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){(0,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=e=>t=>"alert-modal::".concat(e.getAttribute("id"),"::").concat(t),D=e=>{let{instance:t,context:n,isFormattedValueLoaded:r,nodeId:a,status:s,lastStatusChange:l,formattedLastStatusChangeValue:d,lastUpdated:c,spaceId:i,roomId:u,setChartSelected:p=m()}=e;const h=(0,f.vt)();i=i||h;const j=(0,I.ID)();u=u||j;const S=(0,w.J)(),D=(0,v.eg)(),[,E]=(0,b.A)();(0,g.useEffect)((()=>(E(),E)),[]);const T=(0,y.K)({spaceId:i,roomId:u}),_=(0,g.useMemo)((()=>{if(!r)return;const e=D.makeChart({attributes:{nodeId:a,contextScope:[n],selectedInstances:t&&a?["".concat(t,"@").concat(a)]:[],id:t,roomId:u,enabledResetRange:!1,overlays:{proceeded:{type:"proceeded"},alarm:{type:"alarm",status:s,value:d,when:l}},host:T,nodesScope:[a],toolboxElements:[],sparkline:S,hasToolbox:!S},makeTrack:k});return D.getRoot().appendChild(e),e}),[t,r]);return(0,O.Vt)({lastUpdated:c,lastStatusChange:l},r),(0,g.useEffect)((()=>(p((e=>P(P({},e),_))),()=>{_&&_.destroy(),p(null)})),[_]),(0,C.jsx)(o.Flex,{flex:!1,width:"100%",height:75,children:r&&_?(0,C.jsx)(x.A,{"data-chartid":t,chart:_,hasHeader:!S,hasFooter:!S}):(0,C.jsx)(o.Flex,{alignItems:"center",justifyContent:"center",width:"100%",height:"100%",children:(0,C.jsx)(A.Bp,{size:"60px",animate:!0})})})},E=(0,g.memo)((e=>{let{id:t}=e;const{fullyLoaded:n,nodeId:r,instance:a,lastStatusChangeValue:o,lastStatusChange:l,units:d,context:c,value:i,lastUpdated:u,status:p}=(0,s.JL)(t),h=(0,O.J4)(i,d),g=(0,O.J4)(o,d);return(0,C.jsx)(D,{instance:a,context:c,formattedLastValue:h,formattedLastStatusChangeValue:g,lastStatusChange:l,lastUpdated:u,isFormattedValueLoaded:"clear"===p||n,nodeId:r,status:p,testid:"alertDetailsModal"})}));var T=n(14681),_=n(79748),F=n(34155),L=n(61013),V=n(24013),N=n(67119);const J=["alertId","spaceId","roomId"];function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){(0,r.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const M=e=>{let{alertId:t,spaceId:n,roomId:r}=e,g=(0,a.A)(e,J);const{id:x,nodeId:j,fullyLoaded:m,info:b,value:f,lastStatusChange:y,lastStatusChangeValue:I,units:v,status:w,instanceName:A,type:S,component:P,class:k}=(0,s.JL)(t),D=(0,V.xY)(j,"name"),U=(0,V.d3)(j,{alertId:t}),M=(0,O.J4)(f,v),W=(0,O.J4)(I,v),[H,Y,,,B]=(0,L.A)(),K=H===N.w.expanded;return m?(0,C.jsxs)(o.Flex,R(R({column:!0,gap:3,padding:[4,0]},g),{},{children:[(0,C.jsx)(o.Text,{color:"menuItem",children:b}),(0,C.jsx)(i.A,{children:(0,C.jsxs)(o.Flex,{column:!0,gap:3,padding:[3,4],children:[(0,C.jsxs)(o.Flex,{alignItems:"center",justifyContent:"between",children:[(0,C.jsx)(p.A,{label:"Alert explanation",icon:"question"}),(0,C.jsx)(c.A,{isOpen:K,toggle:Y,hide:B})]}),(0,C.jsx)(d.A,{id:x,expandedState:H,spaceId:n,roomId:r})]})}),(0,C.jsxs)(i.A,{children:[(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Latest value",icon:"alarm_bell"}),(0,C.jsx)(h.A,{loaded:!0,status:w,valueWithUnit:M})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Trigger value",icon:"notificationTrigger"}),(0,C.jsx)(h.A,{loaded:!0,status:w,valueWithUnit:W})]})]}),(0,C.jsx)(E,{id:t}),(0,C.jsxs)(i.A,{children:[(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Node",icon:"nodes_hollow"}),(0,C.jsx)(T.A,{Component:_.A,nodeId:j,extraKey:"alerts",onClick:U,textColor:"primary",children:D})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Instance",icon:"charts_view"}),(0,C.jsx)(o.Text,{color:"menuItem",children:A})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Type",icon:"data_retention"}),(0,C.jsx)(o.Text,{color:"menuItem",children:S})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Component",icon:"metrics"}),(0,C.jsx)(o.Text,{color:"menuItem",children:P})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Class",icon:"networkingStack"}),(0,C.jsx)(o.Text,{color:"menuItem",children:k})]})]}),(0,C.jsx)(i.A,{children:(0,C.jsxs)(o.Flex,{column:!0,gap:3,padding:[3,4],children:[(0,C.jsx)(p.A,{label:"Instances",icon:"nodes_hollow"}),(0,C.jsx)(o.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)(F.A,{lastStatusChangeValue:I,lastStatusChange:y,units:v,status:w,nodeName:D,instanceName:A,isHighlighted:!0,border:"none",background:"panelBg"})]})})]})):(0,C.jsx)(l.A,{})}}}]);