!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"24dad2414db89a9e2209703b6e48226fc420eca1"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1136e67e-c1ac-4f7a-a8a2-b15586e6d7fc",e._sentryDebugIdIdentifier="sentry-dbid-1136e67e-c1ac-4f7a-a8a2-b15586e6d7fc")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[2948],{22948(e,t,a){a.r(t),a.d(t,{default:()=>X});a(62953);var s=a(42358),r=a(77148),o=a(96540),i=a(52035),n=a(34843),l=a(18790),c=a(25316),d=a(24609),u=a(91130),h=a(15505);const f=(e,t)=>e&&t?u.A.post("/api/v2/spaces/".concat(e,"/notifications"),t,{transform:h.bn}):Promise.resolve({data:{}});var y=a(57377);const p=(0,i.eU)(0),b=(0,l.I)((e=>{let{spaceId:t}=e;return(0,i.eU)((e=>(e(p),(e=>e?u.A.get("/api/v2/spaces/".concat(e,"/notifications"),{transform:h.bn}):Promise.resolve({data:{}}))(t))))}),y.Ay),g=()=>{var e,t;const a=(0,d.vt)(),s=(0,n.md)((0,c.A)(b({spaceId:a}))),r=(0,n.Xr)(p),i=(0,o.useCallback)((()=>r((e=>e+1))),[r]);return{loaded:"loading"!==s.state,value:null===(e=s.data)||void 0===e?void 0:e.data,hasError:"hasError"===s.state,error:"hasError"===s.state?null===(t=s.error)||void 0===t||null===(t=t.response)||void 0===t?void 0:t.data:null,refresh:i}},v=()=>{const e=(0,d.vt)();return(0,o.useCallback)((t=>function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e&&t.length?u.A.delete("/api/v2/spaces/".concat(e,"/notifications"),{data:t}):Promise.resolve({data:{}})}(e,t)),[e])};var m=a(55093),x=a(29022),j=a(74848);const A={missingCanReadNotifications:"You don't have permissions to view this page",default:"Something went wrong"},D=e=>{let{error:t}=e;const{errorMessage:a,errorMsgKey:r}=t||{},o=A[r]||a||A.default;return(0,j.jsx)(x.A,{title:"Error",children:(0,j.jsx)(s.TextBig,{children:o})})};a(9391),a(98992),a(72577);var w=a(64903),I=a(99728),T=a(63872),C=a(94404);const O=(0,C.A)(s.Button),S=e=>{let{notifications:t,refresh:a,startLoading:r,stopLoading:i}=e;const{defaultReachabilityDelay:n,settings:l}=t||{},c=l.find((e=>{let{roomID:t}=e;return null===t})),{id:u,reachabilityDelay:h}=c||{},y=h&&h!==n,p=(()=>{const e=(0,d.vt)();return(0,o.useCallback)((t=>f(e,[{reachabilityDelay:t}])),[e])})(),b=v(),g=(0,I.JT)("space:NotificationsManage"),[m,x]=(0,T.A)(),A=(0,o.useCallback)((e=>{r(),p(e).then((()=>{m({header:"Success",text:"Successfully updated space delay"}),a()})).catch(x).finally(i)}),[p,a,r,i,m,x]),D=(0,o.useCallback)((()=>{u&&(r(),b([u]).then((()=>{m({header:"Success",text:"Successfully reset space delay"}),a()})).catch(x).finally(i))}),[u,b,a,r,i,m,x]);return(0,j.jsxs)(s.Flex,{gap:2,alignItems:"end",children:[(0,j.jsx)(w.A,{value:null!==h&&void 0!==h?h:n,onChange:A,disabled:!g,disabledTooltip:"You don't have permissions to edit this value",testId:"space-reachability-delay-selector"}),y?(0,j.jsx)(O,{label:"Reset to Netdata's default delay",icon:"refresh",flavour:"borderless",textTransform:"",style:{height:"28px"},onClick:D,disabled:!g,payload:{testId:"space-reachability-delay-selector"}}):null]})};var k=a(63950),L=a.n(k),R=a(64467),E=(a(54520),a(3949),a(81454),a(49916));const P=[{id:"name",accessor:"name",header:"Room",cell:e=>{let{getValue:t}=e;return(0,j.jsx)(s.Flex,{alignItems:"center",children:(0,j.jsx)(s.Text,{children:t()})})}},{id:"reachabilityDelay",accessor:"reachabilityDelay",header:"Delay",cell:e=>{let{row:t,getValue:a}=e;const r=a(),i=t.original.id,{refresh:n}=g(),l=(()=>{const e=(0,d.vt)();return(0,o.useCallback)(((t,a)=>f(e,[{roomID:t,reachabilityDelay:a}])),[e])})(),c=(0,I.JT)("space:NotificationsManage"),[u,h]=(0,T.A)(),y=(0,o.useCallback)((e=>{l(i,e).then((()=>{u({header:"Success",text:"Successfully updated delay"}),n()})).catch(h)}),[i,l,n,u,h]);return(0,j.jsx)(s.Flex,{alignItems:"center",children:(0,j.jsx)(w.A,{value:r,onChange:y,disabled:!c,disabledTooltip:"You don't have permissions to edit this value",testId:"room-reachability-delay-selector"})})}}];function M(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,s)}return a}function N(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?M(Object(a),!0).forEach((function(t){(0,R.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):M(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const _=()=>{const{value:e,refresh:t}=g(),{defaultReachabilityDelay:a,settings:s}=e||{},r=s.find((e=>{let{roomID:t}=e;return null==t})),{reachabilityDelay:i}=r||{},n=(0,E.DL)(),l=(0,o.useMemo)((()=>n.map((e=>{const t=s.find((t=>{let{roomID:a}=t;return a==e.id})),r=(null===t||void 0===t?void 0:t.reachabilityDelay)||i||a,o=null===t||void 0===t?void 0:t.id;return N(N({},e),{},{settingId:o,reachabilityDelay:r})}))),[n,a,s]),c=v(),d=(0,I.JT)("space:NotificationsManage"),[u,h]=(0,T.A)(),f=(0,o.useMemo)((()=>({addRule:{handleAction:e=>{const{settingId:a}=e;a&&c([a]).then((()=>{u({header:"Success",text:"Successfully reset delay"}),t()})).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,t]);return{data:l,columns:P,rowActions:f}},Y=(0,C.A)(s.Button),F=e=>{let{notifications:t,refresh:a,startLoading:s,stopLoading:r}=e;const{settings:i}=t||{},n=(0,o.useMemo)((()=>i.filter((e=>{let{roomID:t}=e;return null!=t}))),[i]),l=!!n.length,c=v(),d=(0,I.JT)("space:NotificationsManage"),u=(0,o.useMemo)((()=>!d||!l),[d,l]),[h,f]=(0,T.A)(),y=(0,o.useCallback)((()=>{const e=n.map((e=>{let{id:t}=e;return t}));s(),c(e).then((()=>{h({header:"Success",text:"Successfully reset space delay"}),a()})).catch(f).finally(r)}),[n,s,c,h,a,f,r]);return(0,j.jsx)(Y,{flavour:"borderless",label:"Reset all to space default",icon:"refresh",disabled:u,onClick:y})},J=e=>{let{notifications:t,refresh:a,startLoading:r,stopLoading:o}=e;const{data:i,columns:n,rowActions:l}=_({notifications:t});return(0,j.jsx)(s.Table,{data:i,dataColumns:n,rowActions:l,onSearch:L(),headerChildren:(0,j.jsx)(F,{notifications:t,refresh:a,startLoading:r,stopLoading:o})})};var B=a(6304),K=a(76375),U=a(62927),V=a(60908);const X=()=>{const[e,,t,a]=(0,B.A)(),{loaded:o,value:i,hasError:n,error:l,refresh:c}=g(),{loaded:d,isPaid:u}=(0,K.A)(),h=(0,I.JT)("space:NotificationsRead");return!o||e?(0,j.jsx)(m.A,{height:"calc(100% - 97px)"}):n?(0,j.jsx)(D,{error:l}):h?(0,j.jsx)(V.Ay,{tab:"Notifications::Reachability",children:(0,j.jsxs)(s.Flex,{column:!0,"data-testid":"reachability-notifications-container",gap:4,height:"100%",width:"100%",margin:[3,0],padding:[2,4],children:[(0,j.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,j.jsx)(U.A,{}):null,(0,j.jsx)(S,{notifications:i,refresh:c,startLoading:t,stopLoading:a}),(0,j.jsx)(r.A,{}),(0,j.jsx)(s.Flex,{height:"calc(100vh - 320px)",overflow:{vertical:"auto"},children:(0,j.jsx)(J,{notifications:i,refresh:c,startLoading:t,stopLoading:a})})]})}):(0,j.jsx)(D,{error:{errorMsgKey:"missingCanReadNotifications"}})}}}]);