!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"0725d67f2585acd82a0d73d488b6cd9060c3224d"};var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="afb777a7-5879-4e42-9afd-e28fa20a72ae",e._sentryDebugIdIdentifier="sentry-dbid-afb777a7-5879-4e42-9afd-e28fa20a72ae")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[2948],{22948(e,a,t){t.r(a),t.d(a,{default:()=>K});var s=t(78904),r=t(77148),i=t(96540),o=t(52035),l=t(34843),n=t(18790),c=t(25316),d=t(24609),u=t(91130),h=t(15505);const f=(e,a)=>e&&a?u.A.post(`/api/v2/spaces/${e}/notifications`,a,{transform:h.bn}):Promise.resolve({data:{}});var y=t(57377);const g=(0,o.eU)(0),p=(0,n.I)(e=>{let{spaceId:a}=e;return(0,o.eU)(e=>(e(g),(e=>e?u.A.get(`/api/v2/spaces/${e}/notifications`,{transform:h.bn}):Promise.resolve({data:{}}))(a)))},y.Ay),b=()=>{const e=(0,d.vt)(),a=(0,l.md)((0,c.A)(p({spaceId:e}))),t=(0,l.Xr)(g),s=(0,i.useCallback)(()=>t(e=>e+1),[t]);return{loaded:"loading"!==a.state,value:a.data?.data,hasError:"hasError"===a.state,error:"hasError"===a.state?a.error?.response?.data:null,refresh:s}},m=()=>{const e=(0,d.vt)();return(0,i.useCallback)(a=>function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&a.length?u.A.delete(`/api/v2/spaces/${e}/notifications`,{data:a}):Promise.resolve({data:{}})}(e,a),[e])};var x=t(55093),v=t(29022),A=t(74848);const j={missingCanReadNotifications:"You don't have permissions to view this page",default:"Something went wrong"},D=e=>{let{error:a}=e;const{errorMessage:t,errorMsgKey:r}=a||{},i=j[r]||t||j.default;return(0,A.jsx)(v.A,{title:"Error",children:(0,A.jsx)(s.TextBig,{children:i})})};t(98992),t(72577);var I=t(64903),T=t(99728),C=t(63872),w=t(94404);const k=(0,w.A)(s.Button),S=e=>{let{notifications:a,refresh:t,startLoading:r,stopLoading:o}=e;const{defaultReachabilityDelay:l,settings:n}=a||{},c=n.find(e=>{let{roomID:a}=e;return null===a}),{id:u,reachabilityDelay:h}=c||{},y=h&&h!==l,g=(()=>{const e=(0,d.vt)();return(0,i.useCallback)(a=>f(e,[{reachabilityDelay:a}]),[e])})(),p=m(),b=(0,T.JT)("space:NotificationsManage"),[x,v]=(0,C.A)(),j=(0,i.useCallback)(e=>{r(),g(e).then(()=>{x({header:"Success",text:"Successfully updated space delay"}),t()}).catch(v).finally(o)},[g,t,r,o,x,v]),D=(0,i.useCallback)(()=>{u&&(r(),p([u]).then(()=>{x({header:"Success",text:"Successfully reset space delay"}),t()}).catch(v).finally(o))},[u,p,t,r,o,x,v]);return(0,A.jsxs)(s.Flex,{gap:2,alignItems:"end",children:[(0,A.jsx)(I.A,{value:null!==h&&void 0!==h?h:l,onChange:j,disabled:!b,disabledTooltip:"You don't have permissions to edit this value",testId:"space-reachability-delay-selector"}),y?(0,A.jsx)(k,{label:"Reset to Netdata's default delay",icon:"refresh",flavour:"borderless",textTransform:"",style:{height:"28px"},onClick:D,disabled:!b,payload:{testId:"space-reachability-delay-selector"}}):null]})};var L=t(63950),R=t.n(L),M=(t(81454),t(49916));const E=[{id:"name",accessor:"name",header:"Room",cell:e=>{let{getValue:a}=e;return(0,A.jsx)(s.Flex,{alignItems:"center",children:(0,A.jsx)(s.Text,{children:a()})})}},{id:"reachabilityDelay",accessor:"reachabilityDelay",header:"Delay",cell:e=>{let{row:a,getValue:t}=e;const r=t(),o=a.original.id,{refresh:l}=b(),n=(()=>{const e=(0,d.vt)();return(0,i.useCallback)((a,t)=>f(e,[{roomID:a,reachabilityDelay:t}]),[e])})(),c=(0,T.JT)("space:NotificationsManage"),[u,h]=(0,C.A)(),y=(0,i.useCallback)(e=>{n(o,e).then(()=>{u({header:"Success",text:"Successfully updated delay"}),l()}).catch(h)},[o,n,l,u,h]);return(0,A.jsx)(s.Flex,{alignItems:"center",children:(0,A.jsx)(I.A,{value:r,onChange:y,disabled:!c,disabledTooltip:"You don't have permissions to edit this value",testId:"room-reachability-delay-selector"})})}}],N=()=>{const{value:e,refresh:a}=b(),{defaultReachabilityDelay:t,settings:s}=e||{},r=s.find(e=>{let{roomID:a}=e;return null==a}),{reachabilityDelay:o}=r||{},l=(0,M.DL)(),n=(0,i.useMemo)(()=>l.map(e=>{const a=s.find(a=>{let{roomID:t}=a;return t==e.id}),r=a?.reachabilityDelay||o||t,i=a?.id;return{...e,settingId:i,reachabilityDelay:r}}),[l,t,s]),c=m(),d=(0,T.JT)("space:NotificationsManage"),[u,h]=(0,C.A)(),f=(0,i.useMemo)(()=>({addRule:{handleAction:e=>{const{settingId:t}=e;t&&c([t]).then(()=>{u({header:"Success",text:"Successfully reset delay"}),a()}).catch(h)},icon:"refresh",flavour:"borderless",neutral:!1,isDisabled:e=>!d||!e.settingId,tooltipText:"Reset value",disabledTooltipText:d?"You cannot reset the default value":"You don't have permissions to reset this value",confirmation:!1}}),[d,a]);return{data:n,columns:E,rowActions:f}};t(54520);const _=(0,w.A)(s.Button),Y=e=>{let{notifications:a,refresh:t,startLoading:s,stopLoading:r}=e;const{settings:o}=a||{},l=(0,i.useMemo)(()=>o.filter(e=>{let{roomID:a}=e;return null!=a}),[o]),n=!!l.length,c=m(),d=(0,T.JT)("space:NotificationsManage"),u=(0,i.useMemo)(()=>!d||!n,[d,n]),[h,f]=(0,C.A)(),y=(0,i.useCallback)(()=>{const e=l.map(e=>{let{id:a}=e;return a});s(),c(e).then(()=>{h({header:"Success",text:"Successfully reset space delay"}),t()}).catch(f).finally(r)},[l,s,c,h,t,f,r]);return(0,A.jsx)(_,{flavour:"borderless",label:"Reset all to space default",icon:"refresh",disabled:u,onClick:y})},F=e=>{let{notifications:a,refresh:t,startLoading:r,stopLoading:i}=e;const{data:o,columns:l,rowActions:n}=N({notifications:a});return(0,A.jsx)(s.Table,{data:o,dataColumns:l,rowActions:n,onSearch:R(),headerChildren:(0,A.jsx)(Y,{notifications:a,refresh:t,startLoading:r,stopLoading:i})})};var J=t(6304),P=t(76375),B=t(62927),$=t(60908);const K=()=>{const[e,,a,t]=(0,J.A)(),{loaded:i,value:o,hasError:l,error:n,refresh:c}=b(),{loaded:d,isPaid:u}=(0,P.A)(),h=(0,T.JT)("space:NotificationsRead");return!i||e?(0,A.jsx)(x.A,{height:"calc(100% - 97px)"}):l?(0,A.jsx)(D,{error:n}):h?(0,A.jsx)($.Ay,{tab:"Notifications::Reachability",children:(0,A.jsxs)(s.Flex,{column:!0,"data-testid":"reachability-notifications-container",gap:4,height:"100%",width:"100%",margin:[3,0],padding:[2,4],children:[(0,A.jsx)(s.Text,{children:"Set delay for all reachability notifications for this space. The delay is automatically applied to all rooms, but you can also manually set specific delays for each room separately."}),d&&!u?(0,A.jsx)(B.A,{}):null,(0,A.jsx)(S,{notifications:o,refresh:c,startLoading:a,stopLoading:t}),(0,A.jsx)(r.A,{}),(0,A.jsx)(s.Flex,{height:"calc(100vh - 320px)",overflow:{vertical:"auto"},children:(0,A.jsx)(F,{notifications:o,refresh:c,startLoading:a,stopLoading:t})})]})}):(0,A.jsx)(D,{error:{errorMsgKey:"missingCanReadNotifications"}})}}}]);