File: //opt/netdata/usr/share/netdata/web/v3/6025.b7a85c162db9330751f5.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]="0b4816fd-4852-4270-a004-a8eb776a9daf",e._sentryDebugIdIdentifier="sentry-dbid-0b4816fd-4852-4270-a004-a8eb776a9daf")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"3a47ecd239cde341153600f7e31b0b1d0daf94f1"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[6025],{9618:(e,t,n)=>{n.d(t,{R:()=>s});var l=n(43329),a=n(52365);function s(e){const t=(0,a.A)(e?.in),n=t.getFullYear(),s=t.getMonth(),o=t.getDate(),r=(0,l.w)(e?.in,0);return r.setFullYear(n,s,o+1),r.setHours(0,0,0,0),r}},16025:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Le});n(98992),n(54520),n(81454);var l=n(96540),a=n(63766),s=n(79748),o=n(98563),r=n(63950),i=n.n(r),d=n(45087),u=n(37437),c=n(74848);const h=e=>{let{scope:t,setScope:n=i(),isDisabled:l,...s}=e;return(0,c.jsx)(a.Flex,{gap:3,...s,children:Object.entries(u.Wu).map((e=>{let[s,{text:o,tooltip:r}]=e;return(0,c.jsx)(a.RadioButton,{checked:s===t,onChange:()=>n(s),disabled:l,children:(0,c.jsx)(d.A,{content:r,align:"bottom",children:(0,c.jsx)(a.TextSmall,{color:"textDescription",children:o})})},s)}))})};var p=n(80320),g=n(6304);const m=e=>{let{selectedKey:t,selectedValue:n,onAddHostLabel:s=i(),onRemoveHostLabel:o=i(),isDefault:r=!1,showPlaceholder:u=i(),isDisabled:h}=e;const[g,m]=(0,l.useState)(t||""),[x,C]=(0,l.useState)(n||""),b=()=>{g&&x&&(s({[g]:x}),u())};return(0,c.jsxs)(a.Flex,{gap:2,children:[(0,c.jsx)(p.A,{component:"input",onChange:m,onBlur:b,placeholder:"Host key",value:g,disabled:h||!r}),(0,c.jsx)(p.A,{component:"input",onChange:C,onBlur:b,placeholder:"Host value",value:x,disabled:h||!r||!g}),r?(0,c.jsx)(d.A,{content:"Save label pair",align:"bottom",children:(0,c.jsx)(a.Button,{flavour:"borderless",disabled:!g||!x,children:(0,c.jsx)(a.Icon,{name:"check",color:"primary",size:"small"})})}):(0,c.jsx)(d.A,{content:"Remove label pair",align:"bottom",children:(0,c.jsx)(a.Button,{flavour:"borderless",onClick:()=>o(t),children:(0,c.jsx)(a.Icon,{name:"x",color:"primary",size:"small"})})})]})},x=e=>{let{hostLabels:t,onAddHostLabel:n,onRemoveHostLabel:l}=e;return Object.entries(t).map((e=>{let[t,a]=e;return(0,c.jsx)(m,{onAddHostLabel:n,selectedKey:t,selectedValue:a,onRemoveHostLabel:l},t)}))},C=e=>{let{hostLabels:t,onAddHostLabel:n=i(),onRemoveHostLabel:l=i(),isEdit:s,isDisabled:o}=e;const r=!!Object.entries(t||{}).length,[d,,u]=(0,g.A)(!1);return(0,c.jsxs)(a.Flex,{column:!0,gap:1,children:[(0,c.jsx)(a.TextSmall,{color:"textLite",children:"Host labels"}),r&&(0,c.jsx)(x,{hostLabels:t,onAddHostLabel:n,onRemoveHostLabel:l}),(!r||d)&&(0,c.jsx)(m,{onAddHostLabel:n,isDefault:!0,showPlaceholder:u,isDisabled:o},JSON.stringify(t)),s&&!d&&r&&(0,c.jsx)(a.Flex,{justifyContent:"end",children:(0,c.jsx)(a.Button,{flavour:"borderless",onClick:u,children:"Add host label"})})]})};var b=n(22297),f=n(9618),v=n(6463),j=n(42539),D=n(42790);const S=Object.entries(u.SB).map((e=>{let[t,n]=e;return{label:n,value:t}})),R=(0,f.R)(),A=(0,v.o)((0,j.W)(R,{years:1})),T=e=>{let{duration:t,setDuration:n,setDate:l,endDate:s,isDisabled:o}=e;const r=(0,D.rW)("offset");return(0,c.jsxs)(a.Flex,{gap:2,children:[(0,c.jsx)(p.A,{component:"select",title:"Duration",onChange:n,options:S,placeholder:"Select duration",value:t,isDisabled:o}),"custom"===t.value&&(0,c.jsx)(a.Flex,{alignSelf:"end",children:(0,c.jsx)(b.A,{isSinglePicker:!0,values:{singleDate:s},minDate:R,maxDate:A,utc:r,onChange:l,isPlaying:!1,accessorProps:u.Iv,padding:[4,0],width:"auto",accessorTooltipContent:"Select end date"})})]})},I=e=>{let{startDate:t,startOfToday:n,onStartDateChange:l,endDate:s,minEndDate:o,onEndDateChange:r,inOneYear:i,offset:d,forceRenderEndDate:h}=e;return(0,c.jsxs)(a.Flex,{gap:2,children:[(0,c.jsxs)(a.Flex,{column:!0,gap:2,flex:{grow:1,shrink:1},basis:0,children:[(0,c.jsx)(a.TextSmall,{children:"Start date"}),(0,c.jsx)(b.A,{isSinglePicker:!0,values:{singleDate:new Date(t)},minDate:n(),maxDate:i,utc:d,onChange:l,isPlaying:!1,accessorProps:u.Iv,padding:[4,0],width:"auto",accessorTooltipContent:"Select start date"})]}),(0,c.jsxs)(a.Flex,{column:!0,gap:2,flex:{grow:1,shrink:1},basis:0,children:[(0,c.jsx)(a.TextSmall,{children:"End date"}),(0,c.jsx)(b.A,{isSinglePicker:!0,values:{singleDate:s?new Date(s):s},minDate:o,maxDate:i,utc:d,onChange:r,isPlaying:!1,accessorProps:u.Iv,padding:[4,0],width:"auto",accessorTooltipContent:"Select end date"},h)]})]})},y=(0,l.memo)(I);n(72577);const E=e=>{let{value:t,onChange:n}=e;const s=(0,l.useMemo)((()=>u.q.find((e=>e.value===t))||""),[t]);return(0,c.jsx)(a.Select,{"data-testid":"recurrence-main-selector",value:s,options:u.q,onChange:n,menuPlacement:"auto"})},O=e=>{let{freq:t,interval:n,onFreqChange:s,onIntervalChange:o}=e;const r=(0,l.useMemo)((()=>u.Ws.find((e=>e.value===t))||""),[t]);return(0,c.jsxs)(a.Flex,{gap:2,alignItems:"center",children:[(0,c.jsx)(a.Text,{children:"Repeat every"}),(0,c.jsx)(a.TextInput,{"data-testid":"rrule-prop-interval",width:20,value:n,onChange:o,type:"number",min:1,step:1,size:"small"}),(0,c.jsx)(a.Select,{"data-testid":"rrule-prop-freq",value:r,options:u.Ws,onChange:s,styles:{minWidth:35}})]})};var k=n(69253),w=n(85577),F=n(65408);const L=(0,f.R)(),H=(0,v.o)((0,j.W)(L,{years:1})),q=e=>{let{option:t,count:n,until:s,onRecurrenceEndChange:o,onEndDateChange:r,onCountChange:i}=e;const d=(0,D.rW)("offset"),h=(0,l.useMemo)((()=>s?`${(0,w.GP)(new Date(s),"dd/MM/yyyy HH:mm")} UTC${d}`:"specific date"),[s,d]);return(0,c.jsxs)(a.Flex,{column:!0,gap:2,children:[(0,c.jsx)(a.TextSmall,{children:"Ends"}),(0,c.jsx)(k.A,{option:t,item:F.u7.never,onChange:o,TextComponent:a.TextSmall}),(0,c.jsx)(k.A,{option:t,item:F.u7.on,onChange:o,TextComponent:a.TextSmall,children:e=>{let{isDisabled:t}=e;return t?(0,c.jsx)(a.TextSmall,{color:"textLite",children:h}):(0,c.jsx)(b.A,{isSinglePicker:!0,values:{singleDate:s},minDate:L,maxDate:H,utc:d,onChange:r,isPlaying:!1,accessorProps:u.Iv,padding:[4,0],width:"auto",accessorTooltipContent:"Select end date"})}}),(0,c.jsx)(k.A,{option:t,item:F.u7.after,onChange:o,TextComponent:a.TextSmall,children:e=>{let{isDisabled:t}=e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.TextInput,{"data-testid":"rrule-prop-count",width:20,value:n,onChange:i,type:"number",min:1,step:1,size:"small",disabled:t}),(0,c.jsx)(a.TextSmall,{children:"occurence(s)"})]})}})]})};var N=n(41395);const P=e=>{let{rruleState:t,rruleText:n,rruleHandlers:l}=e;const{simpleFreq:s,freq:o,interval:r,endsOption:i,count:d,until:u}=t||{},{isCustomRule:h,onSimpleFreqChange:p,onFreqChange:g,onIntervalChange:m,onRecurrenceEndChange:x,onEndDateChange:C,onCountChange:b}=l||{};return(0,c.jsxs)(a.Flex,{column:!0,gap:3,children:[(0,c.jsx)(E,{value:s||"",onChange:p}),n?(0,c.jsx)(a.Text,{color:"primary",children:(0,N.Zr)(n)}):null,h?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(O,{freq:o,interval:r,onFreqChange:g,onIntervalChange:m}),(0,c.jsx)(q,{option:i,count:d,until:u,onRecurrenceEndChange:x,onEndDateChange:C,onCountChange:b})]}):null]})};var M=n(80696),U=n(64587);const W=(0,M.R)(),B=(0,f.R)(),_=(0,f.R)(),Y=(0,v.o)((0,j.W)(_,{years:1})),$=e=>{let{start:t,end:n,onChange:a,isEdit:s}=e;const[o,r]=(0,l.useState)(s?"schedule":u.SX),[i,d]=(0,l.useState)(u.DK),[c,h]=(0,l.useState)(0),p=(0,D.rW)("offset"),[g,m]=(0,l.useState)(t?new Date(t):s?null:W),[x,C]=(0,l.useState)(n?new Date(n):s?null:B),[b,f]=(0,l.useState)((0,v.o)((0,j.W)(g,{days:1}))),{utcOffset:S}=(0,U.$j)(g),{utcOffset:R}=(0,U.$j)(x);(0,l.useEffect)((()=>{const e=(0,j.W)(g,{days:1});f(e),!s&&g>=x&&C(e)}),[g]),(0,l.useEffect)((()=>{a({start:g,end:x,scheduleOption:o,duration:i})}),[g,x,o,i]);const A=(0,l.useCallback)(((e,t)=>{m(e),t||h((e=>e+1))}),[m,h]),T=(0,l.useCallback)((e=>{C(e)}),[C]),I=(0,l.useCallback)((e=>{A(Date.now()),T(e)}),[A,T]),y=(0,l.useMemo)((()=>S!=R),[S,R]);return{scheduleOption:o,setScheduleOption:r,duration:i,setDuration:d,setCustomDuration:I,startDate:g,endDate:x,inOneYear:Y,offset:p,onStartDateChange:A,onEndDateChange:T,forceRenderEndDate:c,minEndDate:b,dst:y}},z=e=>{let{dst:t}=e;return t?(0,c.jsxs)(a.Flex,{gap:2,alignItems:"center",children:[(0,c.jsx)(a.Icon,{name:"warning_triangle",color:"warning"}),(0,c.jsx)(a.TextSmall,{children:"UTC offeset difference exists between selected dates due to Daylight Saving Time (DST)."})]}):null},V=e=>{let{start:t,end:n,rruleState:l,rruleText:s,rruleHandlers:o,onChange:r,isDisabled:i,isEdit:h}=e;const{scheduleOption:p,setScheduleOption:g,duration:m,setDuration:x,setCustomDuration:C,startDate:b,endDate:f,inOneYear:v,offset:j,onStartDateChange:D,onEndDateChange:S,forceRenderEndDate:R,minEndDate:A,dst:I}=$({start:t,end:n,onChange:r,isEdit:h});return(0,c.jsxs)(a.Flex,{column:!0,gap:3,children:[(0,c.jsx)(z,{dst:I}),!h&&(0,c.jsx)(a.Flex,{gap:3,children:Object.entries(u.Yo).map((e=>{let[t,{text:n,tooltip:l}]=e;return(0,c.jsx)(a.RadioButton,{checked:t===p,onChange:()=>g(t),disabled:i,children:(0,c.jsx)(d.A,{content:l,align:"bottom",children:(0,c.jsx)(a.TextSmall,{color:"textDescription",children:n})})},t)}))}),"now"===p?(0,c.jsx)(T,{duration:m,setDuration:x,setDate:C,endDate:f,isDisabled:i}):(0,c.jsxs)(a.Flex,{column:!0,gap:2,children:[(0,c.jsx)(y,{startDate:b,startOfToday:M.R,onStartDateChange:D,endDate:f,minEndDate:A,onEndDateChange:S,inOneYear:v,offset:j,forceRenderEndDate:R}),(0,c.jsx)(P,{rruleState:l,rruleText:s,rruleHandlers:o})]})]})},K=e=>{let{content:t="Loading alerts..."}=e;return(0,c.jsx)(a.Flex,{height:45,alignItems:"center",justifyContent:"center",children:(0,c.jsx)(a.Text,{children:t})})};const G=(0,n(5331).VF)(),J=()=>(0,c.jsxs)(a.Text,{color:"textLite",children:["Timezone: ",G]});var Z=n(60670),Q=(n(8872),n(88934)),X=n(89942),ee=n(46587),te=n(99728),ne=n(24609),le=n(83268),ae=n(49635),se=n(81391),oe=n(30811),re=n(92068),ie=n(52035),de=n(34843),ue=n(84929),ce=n(1705);const he=(0,ue.Iz)((e=>(0,ie.eU)((()=>(0,ce.z5)(e)))));var pe=n(19075),ge=n(41258),me=n(76571),xe=n(11409),Ce=n(89544),be=n(63872),fe=n(92255);const ve=e=>{const t=new Date(e),n=t.getUTCFullYear(),l=t.getUTCMonth()+1,a=t.getUTCDate(),s=t.getUTCHours(),o=t.getUTCMinutes();return(0,fe.w$)(n,l,a,s,o)},je={simpleFreq:u.hq.value,freq:F.T6.day,interval:1,count:1,until:void 0,endsOption:u.GB},De={[F.T6.day]:fe.p3.DAILY,[F.T6.week]:fe.p3.WEEKLY,[F.T6.month]:fe.p3.MONTHLY,[F.T6.year]:fe.p3.YEARLY},Se=e=>{let{state:t,startDate:n,endDate:a,onRRuleChange:s,onRRuleTextChange:o,onRRuleStateChange:r}=e;(0,l.useEffect)((()=>{if(t.simpleFreq===u.hq.value)return s(""),void o("");const e=new fe.p3({freq:De[t.freq],dtstart:ve(n),..."custom"===t.simpleFreq?{interval:t.interval}:{},..."custom"===t.simpleFreq&&t.endsOption===F.Pu.on&&t.until?{until:ve(t.until)}:{},..."custom"===t.simpleFreq&&t.endsOption===F.Pu.after&&t.count?{count:t.count}:{}});s(e.toString()),o(e.toText())}),[t,n,a,s,o]);const i=(0,l.useCallback)((e=>{let{value:t}=e;r({simpleFreq:t,freq:"custom"===t?F.T6.day:t})}),[r]),d=(0,l.useCallback)((e=>{let{value:t}=e;r({freq:t})}),[r]),c=(0,l.useCallback)((e=>{let{target:t}=e;r({interval:t?.value})}),[r]),h=(0,l.useCallback)((e=>{r({endsOption:e})}),[r]),p=(0,l.useCallback)((e=>{r({until:e})}),[r]),g=(0,l.useCallback)((e=>{let{target:t}=e;r({count:t?.value})}),[r]);return{isCustomRule:"custom"===t.simpleFreq,onSimpleFreqChange:i,onFreqChange:d,onIntervalChange:c,onRecurrenceEndChange:h,onEndDateChange:p,onCountChange:g}},Re={name:"",rooms:[],nodes:[],hostLabels:null,alertNames:[],alertContexts:[],alertRoles:[],integrationIds:[],startsAt:null,lastsUntil:null,rrule:null,rruleState:je},Ae=e=>{let{id:t,name:n,...l}=e;return{label:n,value:t,...l}},Te=e=>({label:e,value:e}),Ie=e=>{let{rooms:t,nodes:n,hostLabels:l,startsAt:a,lastsUntil:s,...o}=e;const r=o.rrule?(e=>{if(!e)return null;try{const{options:t}=(0,fe.YI)(e);return{...t,simpleFreq:t.interval&&t.interval>1||t.count||t.until?"custom":fe.p3.FREQUENCIES[t.freq],freq:fe.p3.FREQUENCIES[t.freq],interval:t.interval||"",count:t.count||"",until:t.until||"",endsOption:t.until?F.Pu.on:t.count?F.Pu.after:F.Pu.never}}catch{return null}})(o.rrule):je;return{...o,scope:o.accountId?"personal":u._V,canSubmit:!!o?.name?.length,rooms:t?.length?t.map(Ae):[ae.PT],...n?.length?{nodes:n.map(Ae).filter((e=>{let{notAvailable:t}=e;return!t}))}:{},...l?{hostLabels:l}:{},...a?{startsAt:a}:{},...s?{lastsUntil:s}:{},...r?{rruleState:r}:{}}},ye=e=>{let{value:t}=e;return t},Ee=(e,t)=>{const{scope:n,rooms:l,nodes:a,hostLabels:s,startsAt:o,lastsUntil:r,scheduleOption:i,duration:d,rrule:c,rruleState:h,rruleText:p,...g}=e,m=l.filter((e=>{let{value:t}=e;return t!==u.jH.value})).map(ye),x=a.map(ye),C=!!Object.keys(s||{}).length,{start:b,end:f}=(e=>{let{startsAt:t,lastsUntil:n,scheduleOption:l,duration:a}=e;if("schedule"===l)return{start:t,end:n};let s,o=Date.now();switch(a){case"oneHour":s=(0,j.W)(o,{hours:1});break;case"sixHours":s=(0,j.W)(o,{hours:6});break;case"twelveHours":s=(0,j.W)(o,{hours:12});break;case"oneDay":s=(0,j.W)(o,{days:1});break;case"custom":s=n}return{start:o,...s?{end:s}:{}}})({startsAt:o,lastsUntil:r,scheduleOption:i,duration:d});return{...g,..."personal"===n?{account_id:t}:{},...m.length?{room_ids:m}:{},...x.length?{node_ids:x}:{},...C?{host_labels:s}:{},starts_at:new Date(b).toISOString(),...f?{lasts_until:new Date(f).toISOString()}:{},...h.simpleFreq!==u.hq.value?{rrule:c}:{}}},Oe=[{label:"CRITICAL",value:"CRITICAL"},{label:"WARNING",value:"WARNING"},{label:"CLEAR",value:"CLEAR"}],ke=e=>{let{rule:t,onClose:n,isEdit:a}=e;const s=(0,ee.NJ)(),o=(0,Q.Zp)(),r=(0,ne.bq)(),[i,d]=(0,g.A)(),c=(0,se.A)({all:!0}),h=c.find((e=>{let{label:t}=e;return"All nodes"===t}))?.value,{loaded:p,value:m,hasError:x}=(()=>{const e=(0,ne.vt)(),t=(0,de.md)((0,ue.Rq)(he(e)));return{loaded:"loading"!==t.state,value:t.data?.data||ce.rx,hasError:"hasError"===t.state}})(),C=(0,re._B)(),b=(0,re.FU)(),f=a?b:C,v=(0,oe.l)(),j=(0,re.Lz)(),[,,D]=(0,be.A)(),[S,R]=(0,l.useState)({alertNameOptions:[],alertContextOptions:[],alertRoleOptions:[]}),{alertNameOptions:A,alertContextOptions:T,alertRoleOptions:I}=S,y=(0,ne.vt)();(0,ge.A)(y,"modal");const[E,O]=(0,l.useState)([]),{loaded:k,loading:w,channels:F,error:L}=(0,me.t5)(y);(0,l.useEffect)((()=>{if(!w&&k&&!L){const e=F.reduce(((e,t)=>{let{enabled:n,name:l,integration:a}=t;return[...e,...n?[{value:a.id,label:`${l||""} (${a.title})`}]:[]]}),[]);O(e)}}),[w,k,F,L,O]);const[H,q]=(0,l.useState)((()=>({...Re,...Ie(t)}))),[N,P]=(0,l.useState)([]),{loaded:M,value:U}=(0,pe.I8)({alertNames:H.alertNames,contexts:H.alertContexts,allowEmptyName:!0});(0,l.useEffect)((()=>{const e=(U||[]).filter((e=>!((H.alertNames||[]).length&&!H.alertNames.includes(e.name))&&(!((H.alertContexts||[]).length&&!H.alertContexts.includes(e.context))&&!((H.nodeIds||[]).length&&!H.nodeIds.includes(e.nodeId))))).map((e=>{let{instance:t,instanceName:n}=e;return{value:t,label:n}}));P(e)}),[M,U,H.alertNames,H.alertContexts,H.nodeIds]);const W=(0,le.vv)(H.roomIds||[h]),B=(0,l.useCallback)((e=>q((t=>({...t,scope:e})))),[q]),_=(0,l.useCallback)((e=>q((t=>({...t,name:e,canSubmit:!!e?.length})))),[q]),Y=(0,l.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const n=(e=>e.length<=1?e:e[e.length-1].value===u.jH.value?[u.jH]:e.filter((e=>{let{value:t}=e;return!!t})))(e),l=n.map((e=>{let{value:t}=e;return t||h})),a=t.length<n.length?n.filter((e=>{let{value:n}=e;return!t.includes(n)}))[0]:null;q((e=>({...e,rooms:n,roomIds:l,lastRoomAdded:a||null})))}),[h,q]),$=(0,l.useCallback)((e=>q((t=>({...t,nodeIds:e.map((e=>{let{value:t}=e;return t})),nodes:e})))),[q]),z=(0,l.useCallback)((e=>q((t=>({...t,hostLabels:{...t.hostLabels,...e}})))),[q]),V=(0,l.useCallback)((e=>q((t=>{const n={...t.hostLabels};return delete n[e],{...t,hostLabels:n}}))),[q]),K=(0,l.useCallback)((e=>t=>q((n=>({...n,[e]:t.map((e=>{let{value:t}=e;return t}))})))),[q]),G=(0,l.useCallback)((e=>q((t=>({...t,integrationIds:e.map((e=>{let{value:t}=e;return t}))})))),[q]),J=(0,l.useCallback)((e=>{let{start:t,end:n,scheduleOption:l,duration:a}=e;return q((e=>({...e,startsAt:t,lastsUntil:n,scheduleOption:l,duration:a.value})))}),[q]),Z=(0,l.useCallback)((e=>{q((t=>({...t,rrule:e})))}),[q]),ae=(0,l.useCallback)((e=>{q((t=>({...t,rruleText:e})))}),[q]),ie=(0,l.useCallback)((e=>{q((t=>({...t,rruleState:{...t.rruleState,...e}})))}),[q]),fe=(0,l.useCallback)((()=>{d(),f(Ee(H,s)).then((()=>{n(),j(),v()})).catch((e=>D((0,xe.H)(e)))).finally(d)}),[H,s]),ve=(0,Ce.A)();(0,l.useEffect)((()=>{const e=H.lastRoomAdded?.value||h;let t=null;return e&&(t=ve(e)),()=>!!t?.cancel&&t.cancel()}),[H.roomIds,ve]),(0,l.useEffect)((()=>{if(p){const{contexts:e,names:t,roles:n}=m||{};R({alertNameOptions:t?t.map(Te):[],alertContextOptions:e?e.map(Te):[],alertRoleOptions:n?n.map(Te):[]})}}),[p]),(0,l.useEffect)((()=>{const e=(0,X.PP)(),t=(()=>{const{silencingRulePrefill:e}=(0,X.PP)();if(!e)return{};let t={};try{t=JSON.parse(e)}catch{}return t})(),{alertName:n,nodeId:l,context:a,instance:s,roomId:o}=t;if(o){const e=c.filter((e=>{let{value:t}=e;return t===o}));e&&Y(e)}if(n&&q((e=>({...e,alertNames:[n]}))),a&&q((e=>({...e,alertContexts:[a]}))),s&&q((e=>({...e,alertInstances:[s]}))),l){const e=W.filter((e=>{let{value:t}=e;return t===l}));e&&$(e)}(0,X.Z8)({...e,silencingRulePrefill:""})}),[q,K,$,W]);const je=(0,te.JT)("space:CreatePersonalSilencingRule"),De=(0,l.useCallback)((()=>o(`/spaces/${r}/settings/billing`)),[r,o]),Ae=Se({state:H.rruleState,startDate:H.startsAt,endDate:H.lastsUntil,onRRuleChange:Z,onRRuleTextChange:ae,onRRuleStateChange:ie});return{state:H,onScopeChange:B,onRuleNameChange:_,onRoomsSelectionChange:Y,roomOptions:c,onNodesSelectionChange:$,nodesOptions:W,alertMetasLoaded:p,alertMetas:m,alertNameOptions:A,alertContextOptions:T,alertInstancesEnabled:!0,alertInstancesOptions:N,alertRoleOptions:I,alertStatusOptions:Oe,channelsOptions:E,alertMetasError:x,onAlertValueChange:K,onIntegrationsValueChange:G,onAddHostLabel:z,onRemoveHostLabel:V,onDatesChange:J,loading:i,onSave:fe,spaceCreatePersonalSilencingRule:je,onUpdateButtonClick:De,rruleHandlers:Ae}},we=e=>e?.length?e.map(Te):[],Fe=()=>(0,c.jsx)(a.Box,{as:"hr",height:"1px",width:"100%",sx:{borderWidth:"1px 0px 0px 0px",borderColor:"borderSecondary",borderStyle:"solid"}}),Le=e=>{let{rule:t={},onClose:n,isEdit:r}=e;const{state:i,onScopeChange:u,onRuleNameChange:g,onRoomsSelectionChange:m,roomOptions:x,onNodesSelectionChange:b,nodesOptions:f,alertMetasLoaded:v,alertNameOptions:j,alertContextOptions:D,alertInstancesEnabled:S,alertInstancesOptions:R,alertRoleOptions:A,alertStatusOptions:T,channelsOptions:I,onAlertValueChange:y,onIntegrationsValueChange:E,onAddHostLabel:O,onRemoveHostLabel:k,onDatesChange:w,loading:F,onSave:L,spaceCreatePersonalSilencingRule:H,onUpdateButtonClick:q,rruleHandlers:N}=ke({rule:t,onClose:n,isEdit:r}),P=(0,l.useMemo)((()=>`${r?"Edit":"Add"} silencing rule`),[r]),M=(0,l.useCallback)((()=>I.filter((e=>{let{value:t}=e;return i.integrationIds.includes(t)}))),[i.integrationIds,I]);return(0,c.jsx)(a.Modal,{onEsc:n,backdropProps:{backdropBlur:!0},children:(0,c.jsxs)(o.$m,{children:[(0,c.jsx)(a.ModalHeader,{padding:[6,4,3],children:(0,c.jsxs)(a.Flex,{column:!0,gap:2,children:[(0,c.jsxs)(a.Flex,{flex:!0,alignItems:"center",justifyContent:"between",children:[(0,c.jsx)(a.H4,{children:P}),n&&(0,c.jsx)(o.Oj,{onClose:n})]}),(0,c.jsxs)(a.Text,{children:["Define an alert notification silencing rule that will apply to all users or just you."," ",(0,c.jsx)(s.A,{"data-ga":"alert-silencing::click-link-docs::rule-modal","data-testid":"silencing-rules-doc",href:"https://learn.netdata.cloud/docs/alerts-&-notifications/notifications/centralized-cloud-notifications/manage-alert-notification-silencing-rules",rel:"noopener noreferrer",target:"_blank",children:"Learn how to configure silencing rules."})]}),!H&&(0,c.jsx)(Z.A,{})]})}),(0,c.jsx)(a.ModalBody,{padding:[0],overflow:{vertical:"auto"},style:{maxHeight:"800px"},children:(0,c.jsx)(o.fn,{children:(0,c.jsxs)(a.Flex,{column:!0,gap:3,children:[(0,c.jsx)(h,{scope:i.scope,setScope:u,padding:[0,0,1,0],isDisabled:!H}),(0,c.jsx)(p.A,{component:"input",onChange:g,placeholder:"Add rule name",title:"Rule name*",value:i.name,disabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:e=>m(e,i.roomIds),options:x,placeholder:"Select rooms",title:"Rooms*",value:i.rooms,isDisabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:b,options:f,placeholder:"Select nodes",title:"Nodes",value:i.nodes,isDisabled:!H||!f.length}),(0,c.jsx)(C,{hostLabels:i.hostLabels,onAddHostLabel:O,onRemoveHostLabel:k,isEdit:r,isDisabled:!H}),v?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(Fe,{}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:y("alertNames"),options:j,placeholder:"Select alert name",title:"Alert name",value:we(i.alertNames),isDisabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:y("alertContexts"),options:D,placeholder:"Select alert context",title:"Alert context",value:we(i.alertContexts),isDisabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:y("alertInstances"),options:R,placeholder:"Select alert instance",title:"Alert instance",value:we(i.alertInstances),isDisabled:!H||!S}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:y("severities"),options:T,placeholder:"Select alert status",title:"Alert status",value:we(i.severities),isDisabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:y("alertRoles"),options:A,placeholder:"Select alert role",title:"Alert role",value:we(i.alertRoles),isDisabled:!H}),(0,c.jsx)(p.A,{component:"select",isMulti:!0,onChange:E,options:I,placeholder:"Select notification methods",title:"Notification Methods",value:M(),isDisabled:!H})]}):(0,c.jsx)(K,{}),(0,c.jsx)(Fe,{}),(0,c.jsx)(V,{start:i.startsAt,end:i.lastsUntil,rruleState:i.rruleState,rruleText:i.rruleText,rruleHandlers:N,onChange:w,isEdit:r,isDisabled:!H})]})})}),(0,c.jsxs)(a.ModalFooter,{alignItems:"center",justifyContent:"between",children:[(0,c.jsx)(J,{}),(0,c.jsxs)(a.Flex,{gap:4,alignItems:"center",children:[(0,c.jsx)(a.Button,{flavour:"borderless",label:"Cancel",onClick:n,disabled:F}),H?(0,c.jsx)(d.A,{content:r?"Update the rule":"Create the rule",align:"bottom",children:(0,c.jsx)(a.Button,{label:"OK",onClick:L,"data-ga":`alert-silencing::click-save-${r?"edit":"new"}-rule::rule-modal`,"data-testid":"saveRule-button",textTransform:"uppercase",isLoading:F,disabled:F||!i.canSubmit})}):(0,c.jsx)(d.A,{content:"Update to a paid plan in order to be able to create silencing rules",align:"bottom",children:(0,c.jsx)(a.Button,{label:"Upgrade!",onClick:q})})]})]})]})})}},69253:(e,t,n)=>{n.d(t,{A:()=>o});var l=n(96540),a=n(63766),s=n(74848);const o=e=>{let{option:t,item:n,onChange:o,children:r,TextComponent:i=a.Text,labelProps:d={},...u}=e;const{value:c,label:h}=n,p=t===c,g=(0,l.useCallback)((()=>{o(c)}),[c,o]);return(0,s.jsxs)(a.Flex,{alignItems:"center",gap:2,...u,children:[(0,s.jsx)(a.RadioButton,{checked:p,onChange:g}),(0,s.jsx)(i,{color:"menuItem",...d,children:h}),"function"===typeof r?r({isDisabled:!p}):r]})}},80696:(e,t,n)=>{n.d(t,{R:()=>a});var l=n(6463);function a(e){return(0,l.o)(Date.now(),e)}}}]);