!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"54f5cb40e9d0ad4ae1f7dfb8309dd2c9f0bcc7c1"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="966953d5-1da1-4b4f-9a90-b111d2c510b4",e._sentryDebugIdIdentifier="sentry-dbid-966953d5-1da1-4b4f-9a90-b111d2c510b4")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[1910],{60959(e,t,o){o.d(t,{A:()=>l});var a=o(42358),n=o(10444),r=o(74848);const l=e=>{let{children:t}=e;return(0,n.J)()?(0,r.jsx)(a.Layer,{full:!0,children:(0,r.jsx)(a.Flex,{width:"100%",background:"mainBackground","data-testid":"mobileContainer",children:t})}):t}},87650(e,t,o){o.d(t,{A:()=>F});var a=o(42358),n=o(19075),r=o(62718),l=o(10444),i=o(19186),s=(o(98992),o(54520),o(3949),o(64467)),d=o(96540),c=o(41344),u=o(42790),p=o(24013),g=o(51510);const h=(0,g.default)(a.Flex).attrs({alignItems:"center"}).withConfig({displayName:"styled__StyledButtonContainer",componentId:"sc-1glv09p-0"})(["position:sticky;bottom:0;"]);var b=o(52007),f=o(1390),m=o(74630),x=o(94404),j=o(74891),y=o(74848);function I(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function w(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){(0,s.A)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const v=(0,x.A)((0,j.A)(a.Button)),O=e=>{let{disabled:t,nodeId:o,alertId:n,context:r,lastStatusChange:l,onClose:i,isLoading:s,small:g=!1,testid:x="alertDetailsModal"}=e;const j=(0,c.Zp)(),I=(0,p.Zl)(o),O=(0,d.useCallback)((()=>{i&&i(),j(I,n?{state:{alertId:n}}:{state:{contextToGo:r}})}),[I,n]),A=(0,u.rI)(),k=(0,d.useCallback)((()=>{const e=1e3*l,t=e-6e4;A((o=>w(w({},o),{},{highlight:{after:t,before:e},correlation:!0}))),O()}),[l,r,O,n]);return(0,y.jsx)(h,{justifyContent:"end",gap:2,children:(0,y.jsxs)(a.Flex,{gap:2,justifyContent:"end",children:[(0,y.jsx)(v,{small:g,onClick:k,flavour:"hollow",isLoading:s,icon:"correlation_inv",padding:[1,2],"data-testid":"".concat(x,"-runCorrelations-button"),"data-ga":"alert-modal::click-run-correlations::alerts-view",payload:{action:"Run correlations",alertId:n,nodeId:o},tooltip:"Run correlations",tooltipProps:{align:"bottom"},noWrapper:!0}),(0,y.jsx)(v,{small:g,onClick:O,flavour:"hollow",isLoading:s,disabled:s||t,padding:[1,2],icon:"metrics","data-testid":"".concat(x,"-goToNode-button"),"data-ga":"alert-modal::click-goto-chart::alerts-view",payload:{action:"Go to chart",alertId:n,nodeId:o},tooltip:"Go to chart",tooltipProps:{align:"bottom"},noWrapper:!0}),(0,y.jsx)(b.A,{alertId:n,nodeId:o,isLoading:s,small:g,"data-testid":"".concat(x,"-edit-alert-button"),icon:"pencilOutline",label:void 0,padding:[1,2],tooltip:"Edit alert configuration",tooltipProps:{align:"bottom"}}),(0,y.jsx)(f.A,{"data-testid":"".concat(x,"-troubleshoot-alert-button"),alertId:n,small:!0,flavour:"hollow",dropContainerProps:{iconContainerProps:{position:"relative",left:"45%"}},popoverProps:{localStorageKey:"dissmiss-ask-ai-popover-alert-page"},ui:"alert-page",padding:[1,2],label:void 0,tooltip:"Troubleshoot alert with AI",tooltipProps:{align:"bottom"},showPopover:!0}),(0,y.jsx)(m.A,{alertId:n,small:g,testid:x,padding:[1,2]})]})})},A=(0,d.memo)(O);var k=o(75894);const C=e=>{let{alertId:t,context:o,name:n,nodeId:r,status:i,lastStatusChange:s,fullyLoaded:d,isWebview:c}=e;const u=(0,l.J)();return(0,y.jsxs)(a.Flex,{justifyContent:"between",children:[(0,y.jsxs)(a.Flex,{alignItems:"center",gap:2,children:[(0,y.jsx)(a.TextBig,{color:"manuItem",children:n}),(0,y.jsx)(k.A,{margin:u?null:[.5,0,0],flavour:i,"data-testid":"alertView-statusPill",children:i})]}),!c&&d&&!u&&(0,y.jsx)(A,{lastStatusChange:s,alertId:t,context:o,name:n,nodeId:r,small:!0,testid:"alertView"})]})};var P=o(92318),L=o(60908);const S=g.default.img.withConfig({displayName:"sc-404__Illustration",componentId:"sc-4w81fg-0"})(["height:35%;width:35%;"]),D=g.default.div.withConfig({displayName:"sc-404__ButtonContainer",componentId:"sc-4w81fg-1"})(["margin:",";"],(0,a.getSizeBy)(4)),E=()=>{const e="".concat(P.A.assetsBaseURL,"/img/no-nodes-room.svg");return(0,y.jsx)(L.DL,{children:(0,y.jsxs)(a.Flex,{column:!0,alignItems:"center",justifyItems:"center",justifyContent:"center",height:"100%",width:"100%",padding:[0,0,"10%"],children:[(0,y.jsx)(S,{src:e,alt:"Unreachable alert",title:"Unreachable alert"}),(0,y.jsx)(a.H3,{children:"We couldn't find the alert"}),(0,y.jsx)(a.Text,{children:"This can be a temporary problem of that specific alert."}),(0,y.jsx)(D,{children:(0,y.jsx)(a.Button,{label:"Retry",icon:"reload"})})]})})};var _=o(81474),B=o(51262),T=o(12407);const R=e=>{let{children:t}=e;return(0,y.jsxs)(a.Flex,{background:"modalHeaderBackground",height:12,flex:!1,gap:4,padding:[0,2,0,4],alignItems:"center",children:[(0,y.jsx)(a.Icon,{name:"logo_s",color:"success",width:"23px"}),t]})},F=e=>{let{alertId:t,spaceId:o,roomId:s,isWebview:d}=e;const c=(0,i.XA)("name"),{isNodeRestricted:u}=(0,B.A)(),{fullyLoaded:p=!1,fullyLoading:g=!0,lastStatusChange:h,context:b,name:f,nodeId:m,status:x}=(0,n.JL)(t);(0,n.yk)(t,{spaceId:o,roomId:s});const j=(0,l.J)(),{restricted:I}=u(m);return I?(0,y.jsx)(L.Ay,{feature:"AlertDetailsViewRestricted",children:(0,y.jsx)(T.A,{})}):(0,y.jsx)(L.Ay,{feature:"AlertDetailsView",children:(0,y.jsxs)(a.Flex,{"data-testid":"alert-view-content",column:!0,padding:j?null:[0,0,10],background:j?"modalBackground":null,children:[!d&&j&&(0,y.jsx)(R,{children:(0,y.jsxs)(a.Flex,{column:!0,children:[(0,y.jsx)(a.H6,{color:"textLite",children:"ROOM"}),(0,y.jsx)(a.Text,{"data-testid":"alertView-mobile-roomName",children:c})]})}),(0,y.jsxs)(a.Flex,{column:!0,padding:[3],overflow:j?"auto":"visible",gap:3,children:[(0,y.jsx)(C,{alertId:t,context:b,status:x,name:f,nodeId:m,lastStatusChange:h,fullyLoaded:p,isWebview:d}),p?null:g?(0,y.jsx)(r.h4,{}):(0,y.jsx)(E,{}),p?(0,y.jsx)(_.A,{alertId:t,spaceId:o,roomId:s,flavour:"alertPage"}):null]}),j&&(0,y.jsx)(a.Box,{position:"sticky",padding:[4],background:"modalBackground",bottom:0,border:{side:"top",color:"border"},children:(0,y.jsxs)(a.TextSmall,{children:["In order to ",(0,y.jsx)(a.TextSmall,{strong:!0,children:"Run Correlations"})," or"," ",(0,y.jsx)(a.TextSmall,{strong:!0,children:"View the Chart"})," you will have to visit this alert from its' dedicated page on a desktop device."]})})]})})}},11910(e,t,o){o.r(t),o.d(t,{default:()=>b});var a=o(44245),n=o(19075),r=o(88255),l=o(62718),i=o(80045),s=(o(27495),o(96540)),d=o(41344),c=o(43276);const u=["alertId"];var p=o(87650),g=o(60959),h=o(74848);const b=()=>{const e=(()=>{const e=(0,d.g)(),{alertId:t}=e,o=(0,i.A)(e,u),{search:a}=(0,d.zy)(),{transition:n}=c.A.parse(a),r=(0,s.useRef)(n||t),l=(0,d.Zp)();return(0,s.useEffect)((()=>{n&&n!==t&&l((0,d.tW)("/spaces/:spaceSlug/rooms/:roomSlug/alerts/".concat(n),o),{replace:!0})}),[t,n]),r.current})(),{name:t="unknown alert",fullyLoaded:o=!1}=(0,n.JL)(e),b=(0,n.x)();return(0,a.ZB)({title:t,id:e,destination:e,params:location.hash,type:"alerts",isReady:o}),b?(0,h.jsx)(r.A,{overflow:{vertical:"auto"},margin:[0,0,8],padding:[3],children:b&&(0,h.jsx)(g.A,{children:(0,h.jsx)(p.A,{alertId:e})})}):(0,h.jsx)(l.xh,{})}},52007(e,t,o){o.d(t,{A:()=>g});o(98992),o(54520),o(3949);var a=o(64467),n=o(80045),r=o(42358),l=o(96026),i=o(74891),s=o(94404),d=o(74848);const c=["alertId","nodeId","small","isLoading","disabled"];function u(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}const p=(0,s.A)((0,i.A)(r.Button)),g=e=>{let{alertId:t,nodeId:o,small:r=!1,isLoading:i,disabled:s}=e,g=(0,n.A)(e,c);const{canEdit:h,goToEdit:b}=(0,l.q)({nodeIds:[o],alertId:t});return(0,d.jsx)(p,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?u(Object(o),!0).forEach((function(t){(0,a.A)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({small:r,label:"Edit alert",onClick:()=>b(o),flavour:"hollow",isLoading:i,disabled:i||!h||s,width:r?"112px":"150px","data-ga":"alert-modal::click-edit-congiguration::alerts-view",payload:{action:"Edit alert",alertId:t,nodeId:o},tooltip:h?null:"You cannot edit this alert."},g))}}}]);