!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"aeeb2702d6a0b41e7dabfc313b63e720f0845c35"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c13759de-d66c-4399-85de-daa5acb7e25e",e._sentryDebugIdIdentifier="sentry-dbid-c13759de-d66c-4399-85de-daa5acb7e25e")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[8009],{67119(e,t,n){n.d(t,{w:()=>a});const a={expanded:"expanded",collapsed:"collapsed",hidden:"hidden"}},37347(e,t,n){n.d(t,{A:()=>O});n(98992),n(54520),n(3949);var a=n(64467),r=n(96540),o=n(68978),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:a}=e;return(0,i.eU)((async()=>{const{data:e}=await(0,h.PY)(n,a,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),b=n(94615),f=n(67119),m=n(74848);function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}const w=()=>(0,m.jsxs)(o.Flex,{column:!0,gap:2,children:[(0,m.jsx)(j.A,{width:"100%"}),(0,m.jsx)(j.A,{width:"80%"})]}),v=e=>{let{message:t="There was an error while fetching alert explanation"}=e;return(0,m.jsxs)(o.Flex,{alignItems:"center",gap:1,children:[(0,m.jsx)(o.Icon,{name:"warning_triangle",color:"warning"}),(0,m.jsx)(o.Text,{color:"textLite",children:t})]})},O=e=>{let{id:t,expandedState:n}=e;const{loaded:o,value:i,hasError:u,error:p}=(e=>{var t,n,a;let{id:r}=e;const o=(0,d.vt)(),i=(0,c.ID)(),u=(0,s.md)((0,l.A)(x({id:r,spaceId:o,roomId:i})));return{loaded:"loading"!==u.state,value:null===(t=u.data)||void 0===t?void 0:t.data,hasError:"hasError"===u.state||!(null===(n=u.data)||void 0===n||!n.error),error:u.error||(null===(a=u.data)||void 0===a?void 0:a.error)}})({id:t}),h=(0,r.useMemo)((()=>n===f.w.collapsed?{height:{max:30},overflow:{vertical:"auto"}}:{}),[n]);return o?u?(0,m.jsx)(v,{message:p}):n===f.w.hidden?null:null!==i&&void 0!==i&&i.explanation?(0,m.jsx)(b.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,a.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===i||void 0===i?void 0:i.explanation},h)):(0,m.jsx)(v,{message:"No explanation returned for this alert definition"}):(0,m.jsx)(w,{})}},61013(e,t,n){n.d(t,{A:()=>o});n(62953);var a=n(96540),r=n(67119);const o=function(){let{initialExpandedState:e=r.w.collapsed}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[t,n]=(0,a.useState)(e),o=(0,a.useCallback)((()=>{n(r.w.expanded)}),[n]),s=(0,a.useCallback)((()=>{n(r.w.collapsed)}),[n]),l=(0,a.useCallback)((()=>{n(r.w.hidden)}),[n]),d=(0,a.useCallback)((()=>{t!==r.w.expanded?o():s()}),[t,o,s]);return[t,d,o,s,l]}},52678(e,t,n){n.d(t,{A:()=>l});var a=n(68978),r=n(74891),o=n(74848);const s=(0,r.A)(a.Icon),l=e=>{let{isOpen:t,toggle:n,hide:r}=e;return(0,o.jsxs)(a.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:r,tooltip:"Hide",tooltipProps:{align:"bottom"},noWrapper:!0})]})}},98009(e,t,n){n.r(t),n.d(t,{default:()=>M});var a=n(64467),r=n(80045),o=(n(98992),n(54520),n(3949),n(62953),n(68978)),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),b=n.n(j),f=n(23226),m=n(24609),y=n(87733),w=n(19186),v=n(19371),O=n(10444),A=n(17829),I=n(62718),C=n(74848);function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}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,a.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:a,nodeId:r,status:s,lastStatusChange:l,formattedLastStatusChangeValue:d,lastUpdated:c,spaceId:i,roomId:u,setChartSelected:p=b()}=e;const h=(0,m.vt)();i=i||h;const j=(0,w.ID)();u=u||j;const S=(0,O.J)(),D=(0,v.eg)(),[,E]=(0,f.A)();(0,g.useEffect)((()=>(E(),E)),[]);const T=(0,y.K)({spaceId:i,roomId:u}),_=(0,g.useMemo)((()=>{if(!a)return;const e=D.makeChart({attributes:{nodeId:r,contextScope:[n],selectedInstances:t&&r?["".concat(t,"@").concat(r)]:[],id:t,roomId:u,enabledResetRange:!1,overlays:{proceeded:{type:"proceeded"},alarm:{type:"alarm",status:s,value:d,when:l}},host:T,nodesScope:[r],toolboxElements:[],sparkline:S,hasToolbox:!S},makeTrack:k});return D.getRoot().appendChild(e),e}),[t,a]);return(0,A.Vt)({lastUpdated:c,lastStatusChange:l},a),(0,g.useEffect)((()=>(p((e=>P(P({},e),_))),()=>{_&&_.destroy(),p(null)})),[_]),(0,C.jsx)(o.Flex,{flex:!1,width:"100%",height:75,children:a&&_?(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)(I.Bp,{size:"60px",animate:!0})})})},E=(0,g.memo)((e=>{let{id:t}=e;const{fullyLoaded:n,nodeId:a,instance:r,lastStatusChangeValue:o,lastStatusChange:l,units:d,context:c,value:i,lastUpdated:u,status:p}=(0,s.JL)(t),h=(0,A.J4)(i,d),g=(0,A.J4)(o,d);return(0,C.jsx)(D,{instance:r,context:c,formattedLastValue:h,formattedLastStatusChangeValue:g,lastStatusChange:l,lastUpdated:u,isFormattedValueLoaded:"clear"===p||n,nodeId:a,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"];function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}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,a.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}=e,n=(0,r.A)(e,J);const{id:a,nodeId:g,fullyLoaded:x,info:j,value:b,lastStatusChange:f,lastStatusChangeValue:m,units:y,status:w,instanceName:v,type:O,component:I,class:S}=(0,s.JL)(t),P=(0,V.xY)(g,"name"),k=(0,V.d3)(g,{alertId:t}),D=(0,A.J4)(b,y),U=(0,A.J4)(m,y),[M,W,,,H]=(0,L.A)(),Y=M===N.w.expanded;return x?(0,C.jsxs)(o.Flex,R(R({column:!0,gap:3,padding:[4,0]},n),{},{children:[(0,C.jsx)(o.Text,{color:"menuItem",children:j}),(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:Y,toggle:W,hide:H})]}),(0,C.jsx)(d.A,{id:a,expandedState:M})]})}),(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:D})]}),(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:U})]})]}),(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:g,extraKey:"alerts",onClick:k,textColor:"primary",children:P})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Instance",icon:"charts_view"}),(0,C.jsx)(o.Text,{color:"menuItem",children:v})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Type",icon:"data_retention"}),(0,C.jsx)(o.Text,{color:"menuItem",children:O})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Component",icon:"metrics"}),(0,C.jsx)(o.Text,{color:"menuItem",children:I})]}),(0,C.jsxs)(u.A,{children:[(0,C.jsx)(p.A,{label:"Class",icon:"networkingStack"}),(0,C.jsx)(o.Text,{color:"menuItem",children:S})]})]}),(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:m,lastStatusChange:f,units:y,status:w,nodeName:P,instanceName:v,isHighlighted:!0,border:"none",background:"panelBg"})]})})]})):(0,C.jsx)(l.A,{})}}}]);