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