!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"81e2ee4047c533a9c262178a6611e7b957d46030"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="00d61078-574a-45ba-9f52-74ad492efe1a",e._sentryDebugIdIdentifier="sentry-dbid-00d61078-574a-45ba-9f52-74ad492efe1a")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[9264],{39264(e,t,n){n.r(t),n.d(t,{default:()=>ue});var r=n(38429),s=n(882),a=n(10444),o=n(42790),i=n(57814),d=n(74848);const l=(0,s.default)(r.Flex).attrs(e=>({background:"inputBg",round:.5,padding:[.5,2],...e})).withConfig({displayName:"datePicker__DatePickerContainer",componentId:"sc-maq10-0"})([""]),c=e=>{let{start:t,end:n,isDisabled:s,onChange:c}=e;const u=(0,a.J)(),[{offset:m}]=(0,o.N9)();return t||n?(0,d.jsx)(l,{"data-testid":"alert-details-modal-tab-history-date-picker-container",children:(0,d.jsx)(i.A,{flavour:"alertHistory",values:{start:t,end:n},utc:m,onChange:c,isPlaying:!1,isSmall:u,fluid:!0,eventName:"alert-history-date-picker",isDisabled:s,accessorProps:{TextComponent:r.TextBig},accessorTooltipContent:{title:"Historical data time range",description:"Select the alert history data time range"}})}):null};var u=n(24155);n(98992),n(81454);const m=(0,s.default)(r.Box).withConfig({displayName:"item__Dot",componentId:"sc-hoih7x-0"})(["position:absolute;width:",";height:",";border-radius:50%;top:50%;transform:translate(-50%,-50%)"," box-sizing:border-box;z-index:1;"],e=>{let{size:t}=e;return t||"12px"},e=>{let{size:t}=e;return t||"12px"},e=>{let{item:t,activeItemId:n}=e;return t?.id&&t.id===n?" scale(1.3);":";"}),g=e=>(0,d.jsx)(m,{...e}),h=(0,s.default)(r.Flex).attrs(e=>({position:"absolute",bottom:"32px",left:"50%",...e})).withConfig({displayName:"label__TextContainer",componentId:"sc-1jwu32w-0"})(["transform:translateX(-50%);"]),x=(0,s.default)(r.Box).withConfig({displayName:"label__Dashed",componentId:"sc-1jwu32w-1"})(["position:absolute;height:100%;width:1px;bottom:0;border:dashed 1px ",";"],(0,r.getColor)("border")),p=e=>{let{text:t,left:n}=e;return(0,d.jsxs)(r.Flex,{height:"30px",position:"absolute",bottom:"-9px",left:n,children:[t?(0,d.jsx)(h,{children:(0,d.jsx)(r.TextSmall,{children:t})}):null,(0,d.jsx)(x,{})]})},f=(0,s.default)(r.Flex).attrs(e=>({width:"100%",height:"6px",position:"relative",background:"highlight",...e})).withConfig({displayName:"styled__InnerContainer",componentId:"sc-8q80lp-0"})(["top:50%;transform:translateY(-50%);"]),I=(0,s.default)(r.Box).withConfig({displayName:"styled__Segment",componentId:"sc-8q80lp-1"})(["position:absolute;height:4px;top:50%;transform:translateY(-50%);"]);n(3949);var b=n(96540);const j=e=>"number"===typeof e?e:new Date(e).getTime(),w={segments:[],dots:[],labelsArray:[]},y=e=>{let{startDate:t,endDate:n,items:r=[],getItemColor:s}=e;const a=j(t),o=j(n),i=o-a,[d,l]=(0,b.useState)(w),c=(0,b.useCallback)(e=>i<=0?0:(e-a)/i*100,[a,i]),u=(0,b.useMemo)(()=>r.sort((e,t)=>j(e.timestamp||0)-j(t.timestamp||0)),[r]);return(0,b.useEffect)(()=>{const e=[],t=[];u.forEach((n,r)=>{const i=j(n.timestamp),d=u[r+1],l=d?j(d.timestamp):o;if(l<a||i>o)return;const m=s(n);if(!m)return;const g=Math.max(a,i),h=Math.min(o,l),x=c(g),p=c(h)-x;e.push({key:`segment-${r}`,left:`${x}%`,width:`${p}%`,color:m}),i>=a&&i<=o&&t.push({key:`dot-${r}`,left:`${c(i)}%`,color:m,item:n})}),l(n=>({...n,segments:e,dots:t}))},[u,s,c,l]),{sortedItems:u,...d}},v=()=>"success",D=e=>{let{startDate:t,endDate:n,items:s=[],labels:a=[],activeItemId:o,Item:i=g,Label:l=p,getItemColor:c=v,innerContainerProps:u={},...m}=e;const{dots:h,segments:x}=y({startDate:t,endDate:n,items:s,getItemColor:c});return t&&n?(0,d.jsx)(r.Flex,{"data-testid":"timeline-container",position:"relative",width:"100%",height:"40px",children:(0,d.jsx)(r.Flex,{position:"absolute",bottom:0,width:"100%",height:"24px",background:"modalBackground",padding:[0,2],...m,children:(0,d.jsxs)(f,{...u,children:[x.map(e=>(0,d.jsx)(I,{left:e.left,width:e.width,background:e.color},e.key)),a.map(e=>(0,d.jsx)(l,{...e},e.id)),h.map(e=>{let{key:t,left:n,...r}=e;return(0,d.jsx)(i,{left:n,background:r.color,...r,activeItemId:o},t)})]})})}):null};var C=n(88652);const T=e=>String(e).padStart(2,"0"),k=e=>Math.round(10*e)/10+"%",$=(e,t)=>{const n=new Date(e),r=(60*n.getHours()+n.getMinutes())%t;if(0!==r||0!==n.getSeconds()){n.setSeconds(0,0);const e=0===r?t:t-r;n.setTime(n.getTime()+60*e*1e3)}return n},_=(e,t)=>{const n=new Date(e),r=new Date(t),s=r-n,a=s/36e5;if((0,C.r)(n,r)){const e=a<=1?15:a<6?60:120,t=[];let s=$(n,a<=1?15:60);for(;s<=r;){const r=(s-n)/36e5,o=T(s.getHours()),i=T(s.getMinutes());t.push({id:`item-${o}-${i}`,left:k(r/a*100),text:`${o}:${i}`}),s=new Date(s.getTime()+60*e*1e3)}return t}const o=$(n,60),i=(e=>{const t=new Date(e);return t.setMinutes(0,0,0),t})(r),d=Math.floor((i-o)/36e5/7);return Array.from({length:8},(e,t)=>{const r=new Date(o.getTime()+t*d*36e5),a=r.getFullYear(),i=T(r.getMonth()+1),l=T(r.getDate()),c=T(r.getHours()),u=T(r.getMinutes());return{id:`item-${a}-${i}-${l}-${c}-${u}`,left:k((r-n)/s*100),text:`${l}/${i} ${c}:${u}`}})},F=function(){let{start:e,end:t,transitions:n=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{items:(0,b.useMemo)(()=>n.map(e=>({id:e.transitionId,timestamp:1e3*e.when,status:e.new?.status})),[n]),labels:(0,b.useMemo)(()=>_(e,t),[e,t])}},M={WARNING:"warning",CRITICAL:"error",CLEAR:"success"},A=e=>{let{status:t}=e;return M[t]||"inputBg"},H=e=>{let{loaded:t,transitions:n=[],error:s,start:a,end:o,activeTransitionId:i}=e;const{items:l,labels:c}=F({start:a,end:o,transitions:n});return t?!l.length||s?null:(0,d.jsx)(r.Flex,{height:"54px",alignItems:"end",children:(0,d.jsx)(D,{startDate:a,endDate:o,activeItemId:i,items:l,labels:c,getItemColor:A,padding:[0,3]})}):(0,d.jsx)(u.A,{height:"24px"})};var S=n(45942),E=n(64587),B=n(98999),N=n(55100),P=n(71409),L=n(18121);const R=e=>{let{transitionId:t,new:n,when:s,units:a,onItemHover:o,...i}=e;const l=1e3*s,{status:c,value:u}=n||{},{localeDateString:m,localeTimeString:g}=(0,E.$j)(),[h,x]=(0,L.useHovered)({},[]),p=(0,b.useMemo)(()=>`${m(new Date(l))} ${g(new Date(l))}`,[l,m,g]);return(0,b.useEffect)(()=>{"function"===typeof o&&x&&o({transitionId:t})},[t,x,o]),(0,d.jsxs)(S.A,{ref:h,...i,isHovered:x,children:[(0,d.jsxs)(r.Flex,{height:"100%",alignItems:"center",children:[(0,d.jsx)(B.A,{status:c}),(0,d.jsx)(N.A,{timestamp:p})]}),(0,d.jsx)(P.A,{status:c,value:u,units:a})]})},z=()=>(0,d.jsx)(u.A,{height:"40px"}),Y=()=>(0,d.jsxs)(r.Flex,{column:!0,gap:4,children:[(0,d.jsx)(z,{}),(0,d.jsx)(z,{}),(0,d.jsx)(z,{}),(0,d.jsx)(z,{}),(0,d.jsx)(z,{}),(0,d.jsx)(z,{})]});var q=n(41395);const J=e=>{let{error:t}=e;return t?(0,d.jsxs)(r.Flex,{column:!0,gap:2,alignItems:"center",justifyContent:"center",padding:[4,0],children:[(0,d.jsxs)(r.Flex,{alignItems:"center",gap:2,children:[(0,d.jsx)(r.Icon,{name:"warning_triangle",color:"warning"}),(0,d.jsx)(r.TextBig,{children:"Error"})]}),(0,d.jsx)(r.Text,{children:(0,q.Zr)(t)})]}):null},W=()=>(0,d.jsxs)(r.Flex,{column:!0,gap:2,alignItems:"center",justifyContent:"center",padding:[4],children:[(0,d.jsx)(r.TextBig,{children:"No transitions found"}),(0,d.jsx)(r.Text,{children:"We couldn't find any transitions in this time range. Try a different range."})]}),G=e=>{let{loaded:t,transitions:n=[],error:s,onItemHover:a,containerHeightInPx:o}=e;const i=(0,b.useMemo)(()=>!o||40*(n.length+1)<o?"auto":o-180+"px",[o,n]),l=(0,b.useCallback)(()=>{a(null)},[a]);return t?s?(0,d.jsx)(J,{error:s}):n.length?(0,d.jsxs)(r.Flex,{"data-testid":"alert-transitions-list-view",column:!0,height:i,overflow:{vertical:"auto"},border:{side:"all",color:"border"},round:!0,onMouseLeave:l,children:[(0,d.jsxs)(S.A,{position:"sticky",top:0,background:"mainChartBg",border:{side:"bottom",color:"border"},padding:[0,0,0,6],onMouseEnter:l,children:[(0,d.jsx)(r.Flex,{padding:[0,2],children:(0,d.jsx)(r.Text,{strong:!0,color:"text",children:"Timestamp"})}),(0,d.jsx)(r.Flex,{width:"68px",padding:[0,2],children:(0,d.jsx)(r.Text,{strong:!0,color:"text",children:"Value"})})]}),n.map(e=>(0,d.jsx)(R,{onItemHover:a,...e},e.transitionId))]}):(0,d.jsx)(W,{}):(0,d.jsx)(Y,{})};n(74423),n(54520);var O=n(49176),U=n(19075),V=n(34843),X=n(25316),Z=n(24609),K=n(19186),Q=n(52035),ee=n(18790),te=n(1705),ne=n(57377);const re=(0,ee.I)(e=>{let{spaceId:t,roomId:n,payload:r={}}=e;return(0,Q.eU)(()=>(0,te.fw)({spaceId:t,roomId:n,payload:r}).then(e=>{let{data:t}=e;return t}))},ne.Ay);re.setShouldRemove(e=>Date.now()-new Date(e)>18e4);var se=n(65448);var ae=n(51952);const oe=Object.keys(ae.b),ie=new Date,de=ie.getTime(),le={after:(0,O.L)(ie,-1).getTime(),before:de},ce=e=>{let{spaceId:t,roomId:n,alertId:r}=e;const[s,a]=(0,b.useState)(le),{nodeId:o,instance:i}=(0,U.JL)(r),{loaded:d,transitions:l,error:c}=(e=>{let{spaceId:t,roomId:n,before:r,after:s,nodeId:a,instance:o}=e;const i=(0,Z.vt)(),d=(0,K.ID)(),l=t||i,c=n||d,u=(0,V.md)((0,X.A)(re({spaceId:l,roomId:c,payload:{before:r,after:s,node_ids:[a].filter(Boolean),charts:[o].filter(Boolean)}})));return{loaded:"loading"!==u.state,transitions:u.data?.transitions,hasError:"hasError"===u.state,error:u.error?(0,se.A)(u.error)?.errorMessage:null}})({spaceId:t,roomId:n,after:s.after,before:s.before,nodeId:o,instance:i}),u=(0,b.useMemo)(()=>(l||[]).filter(e=>{let{new:t}=e;return t?.status&&oe.includes(t.status)}).sort((e,t)=>e.when-t.when),[l]),m=(0,b.useCallback)(e=>{const t=Date.now(),n=e.start<0?1e3*e.start+t:e.start,r=e.start<0?1e3*e.end+t:e.end;a(e=>({...e,after:n,before:r}))},[a]),g=(0,b.useCallback)(e=>{a(t=>({...t,activeTransitionId:e?.transitionId}))},[a]);return{loaded:d,transitions:l,renderedTransitions:u,error:c,...s,onItemHover:g,onDatesChange:m}},ue=e=>{let{spaceId:t,roomId:n,alertId:s,containerHeightInPx:a,...o}=e;const{activeTransitionId:i,after:l,before:u,loaded:m,renderedTransitions:g,error:h,onItemHover:x,onDatesChange:p}=ce({spaceId:t,roomId:n,alertId:s});return(0,d.jsxs)(r.Flex,{"data-testid":"alert-details-modal-tab-history",column:!0,gap:4,padding:[4,0],...o,children:[(0,d.jsx)(r.Flex,{children:(0,d.jsx)(c,{start:l,end:u,isDisabled:!m,onChange:p})}),(0,d.jsx)(H,{loaded:m,transitions:g,error:h,start:l,end:u,activeTransitionId:i}),(0,d.jsx)(G,{loaded:m,transitions:g,error:h,onItemHover:x,containerHeightInPx:a})]})}}}]);