!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"8b1701d6db299c2b7259bc89c3ef365137725d5e"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2908aa8d-8cfe-4086-a09d-0f5df9ffd42f",e._sentryDebugIdIdentifier="sentry-dbid-2908aa8d-8cfe-4086-a09d-0f5df9ffd42f")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[82],{7010(e,t,o){o.d(t,{A:()=>p});var n=o(96540),r=o(40961),l=o(38429),i=o(93331),s=o(22007),a=o(44862),d=o(74848);const c={right:"left",bottom:"top"},u={right:"left",top:"bottom"},g={left:"right",bottom:"top"},h={left:"right",top:"bottom"},p=e=>{let{open:t,children:o,containerRef:p,ref:m}=e;const x=(0,n.useRef)(),[f,y]=(0,n.useState)(),b=(0,n.useRef)(),v=(0,n.useRef)(),k=(0,n.useRef)(null),j=(0,n.useRef)(h),[C,w]=(0,n.useState)(h);b.current=f,v.current=(0,s.default)(f,x,C,"width");const I=(0,a.default)(),L=(0,n.useCallback)(e=>{let{x:t,y:o}=e;if(k.current={x:t,y:o},!b.current)return;if(b.current.style.left=`${t}px`,b.current.style.top=`${o}px`,!x.current||!p?.current)return void v.current?.();const n=p.current.getBoundingClientRect(),{width:r,height:l}=x.current.getBoundingClientRect(),i=n.left+t,s=n.top+o,a=(d=i+r>n.right,m=s+l>n.bottom,d&&m?c:d?u:m?g:h);var d,m;if(a!==j.current)return j.current=a,w(a),void requestAnimationFrame(()=>v.current?.());v.current?.()},[]);return(0,n.useImperativeHandle)(m,()=>({setPosition(e){e&&L(e)},clearPosition(){k.current=null}})),(0,n.useLayoutEffect)(()=>{t&&k.current&&L(k.current)},[t]),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.Flex,{ref:e=>y(e),position:"absolute"}),t&&o?r.createPortal((0,d.jsx)(i.default,{ref:x,column:!0,margin:[C.top?2:-2,C.right?-2:2],sx:{pointerEvents:"none"},zIndex:101,children:o}),I):null]})}},48367(e,t,o){o.d(t,{Cp:()=>l,LE:()=>n,Sf:()=>a,dO:()=>s,df:()=>i,x8:()=>r});const n=0,r={north:85.051129,south:-85.051129,east:179.999,west:-179.999},l=[[r.west,r.south],[r.east,r.north]],i=(e,t)=>{const o=Math.max(0,Math.min(e||0,t||0));return Math.max(56,Math.min(120,Math.round(.14*o)))},s=(e,t)=>{const o=Math.max(0,Number(e||0)),n=Math.max(0,Number(t||0));return o<=0||n<=0?0:o>=n?1:Math.max(0,Math.min(1,o/n))},a=(e,t)=>{const o=((e,t)=>1.2+4.3*s(e,t))(e,t),n=((e,t)=>.35+.63*s(e,t))(e,t);return{strokeWidth:o,strokeOpacity:n,hitWidth:Math.max(12,o+6)}}},60082(e,t,o){o.r(t),o.d(t,{default:()=>z});o(98992),o(72577),o(81454);var n=o(96540),r=o(54550),l=o(43937),i=(o(49367),o(882)),s=o(38429),a=o(7010),d=o(75811),c=o(85660),u=o(82226),g=o(3623),h=o(1313),p=o(98212),m=o(25059),x=o(53450),f=o(84819),y=o(57591),b=o(71103),v=o(48367),k=o(74848);const j=(0,i.styled)(s.IconButton).attrs({padding:[0]}).withConfig({displayName:"geoMapTab__MapIconButton",componentId:"sc-1o75g1q-0"})(["&&&{background:",";color:",";box-shadow:0 1px 4px rgba(0,0,0,0.2);width:24px;height:24px;}"],(0,s.getRgbColor)("bright",.92),(0,s.getColor)("textLite")),C=(0,i.styled)(s.Flex).attrs({column:!0,gap:1,padding:[2,3],round:2,background:"mainBackground",border:"borderSecondary"}).withConfig({displayName:"geoMapTab__OverlayCard",componentId:"sc-1o75g1q-1"})(["box-shadow:0 4px 12px rgba(0,0,0,0.2);"]),w=(0,i.styled)(C).withConfig({displayName:"geoMapTab__DetailCard",componentId:"sc-1o75g1q-2"})(["width:min(320px,calc(100% - 20px));"]),I=e=>{let{node:t}=e;return(0,k.jsxs)(C,{width:{min:"220px",max:"320px"},children:[(0,k.jsx)(s.Text,{strong:!0,children:t.label||"-"}),!!t.subtitle&&(0,k.jsx)(b.PA,{children:t.subtitle}),!!t.code&&t.code!==t.label&&(0,k.jsx)(s.TextSmall,{color:"textDescription",children:t.code}),(0,k.jsxs)(s.Flex,{column:!0,width:"100%",children:[(0,k.jsx)(b.tL,{label:"Total",value:(0,b.RU)(t.totalBytes)}),(0,k.jsx)(b.tL,{label:"Inbound",value:(0,b.RU)(t.inboundBytes)}),(0,k.jsx)(b.tL,{label:"Outbound",value:(0,b.RU)(t.outboundBytes)}),t.localBytes>0&&(0,k.jsx)(b.tL,{label:"Local",value:(0,b.RU)(t.localBytes)}),(0,k.jsx)(b.tL,{label:"Packets",value:(0,b.jw)(t.totalPackets)})]})]})},L=e=>{let{link:t}=e;if(!t)return null;const o=Array.isArray(t.directions)?t.directions:[],n=o[0]||null,r=o.length>1,l=r?`${t.nodeALabel} \u2194 ${t.nodeBLabel}`:n?`${n.sourceLabel} \u2192 ${n.targetLabel}`:`${t.nodeALabel} \u2194 ${t.nodeBLabel}`;return(0,k.jsxs)(w,{children:[(0,k.jsx)(s.Text,{strong:!0,children:l}),r&&(0,k.jsx)(b.PA,{children:"Combined bidirectional traffic"}),(0,k.jsxs)(s.Flex,{column:!0,width:"100%",children:[(0,k.jsx)(b.tL,{label:"Total bytes",value:(0,b.RU)(t.bytes)}),(0,k.jsx)(b.tL,{label:"Total packets",value:(0,b.jw)(t.packets)})]}),r&&o.map(e=>(0,k.jsxs)(s.Flex,{column:!0,gap:1,padding:[2,0,0,0],border:{side:"top",color:"borderSecondary"},children:[(0,k.jsxs)(b.PA,{children:[e.sourceLabel," \u2192 ",e.targetLabel]}),(0,k.jsxs)(s.Flex,{column:!0,width:"100%",children:[(0,k.jsx)(b.tL,{label:"Bytes",value:(0,b.RU)(e.bytes)}),(0,k.jsx)(b.tL,{label:"Packets",value:(0,b.jw)(e.packets)})]})]},e.id))]})},B=e=>{let{node:t,maxNodeBytes:o,onHoverNode:n}=e;const r=(l=t.totalBytes,!(i=o)||i<=0?16:14+12*Math.max(0,Math.min(1,Number(l||0)/i)));var l,i;return(0,k.jsx)(s.Box,{position:"relative",zIndex:1,"aria-label":`${t.kind} ${t.label||t.code||t.id}`,children:(0,k.jsx)(s.Popover,{plain:!0,align:"top",dropProps:{noEvents:!0,hideShadow:!0},content:()=>(0,k.jsx)(I,{node:t}),onHoverChange:e=>n(e?t.id:null),children:(0,k.jsx)(f.O9,{color:"#00ab44",style:{width:r,height:r,cursor:"default"}})})})},M=e=>{let{node:t,maxNodeBytes:o,onHoverNode:n}=e;return(0,k.jsx)(r.J8,{position:{lat:t._geo.latitude,lng:t._geo.longitude},zIndex:1,children:(0,k.jsx)(B,{node:t,maxNodeBytes:o,onHoverNode:n})})},A=e=>{let{node:t,maxNodeBytes:o,onHoverNode:n}=e;return(0,k.jsx)(l.pH,{longitude:t._geo.longitude,latitude:t._geo.latitude,anchor:"center",style:{zIndex:1},children:(0,k.jsx)(B,{node:t,maxNodeBytes:o,onHoverNode:n})})},S=e=>{let{cluster:t,isDark:o,onClick:n}=e;const r=(0,f.fA)(t.count),l=o?"#14765c":"#1f8f78";return(0,k.jsx)(f.lk,{bg:l,style:{width:r,height:r},role:"button",tabIndex:0,"aria-label":`Cluster of ${t.count} map nodes`,onClick:()=>n(t),children:t.count})},_=e=>{let{nodes:t,links:o,savedViewport:l,onViewportChange:i,onHoverLink:s,hoveredLinkId:a,maxNodeBytes:c,containerWidth:h,containerHeight:p,hoveredLinkColor:m,maxLinkBytes:f,onHoverNode:y}=e;const b=(0,r.ko)(),[j,C]=(0,n.useState)(l?.zoom||x.aM),[w,I]=(0,n.useState)(null),L=(0,n.useRef)(null);(0,n.useEffect)(()=>()=>clearTimeout(L.current),[]);const B=(0,n.useCallback)(e=>{const{zoom:t}=e.detail;C(t);const o=e.map?.getBounds();if(o){const e=o.getNorthEast(),t=o.getSouthWest();I({north:e.lat(),south:t.lat(),east:e.lng(),west:t.lng()})}a&&s(null),clearTimeout(L.current),L.current=setTimeout(()=>{const{center:o}=e.detail;o&&i({lat:o.lat,lng:o.lng,zoom:t})},x.l6)},[a,s,i]),{processed:A,getClusterExpansionZoom:_,nodeById:N}=(0,d.A)(t,j,w),E=(0,n.useCallback)(e=>{b&&(b.panTo({lat:e.lat,lng:e.lng}),b.setZoom(Math.min(_(e.id),x.nD)))},[b,_]),z=(0,n.useMemo)(()=>(0,u.bW)(t)||void 0,[t]),T=(0,n.useMemo)(()=>l?{lat:l.lat,lng:l.lng}:1===t.length?{lat:t[0]._geo.latitude,lng:t[0]._geo.longitude}:x.Ii,[t,l]),P=l?.zoom||(1===t.length?5:x.aM),R=(0,n.useMemo)(()=>(0,v.df)(h,p),[p,h]);return(0,n.useEffect)(()=>{const e=window.google?.maps;if(!b||!e||l||t.length<=1||!z)return;const o=new e.LatLngBounds({lat:z.south,lng:z.west},{lat:z.north,lng:z.east});b.fitBounds(o,R)},[b,l,t.length,z,R]),(0,k.jsxs)(r.T5,{defaultCenter:T,defaultZoom:P,defaultBounds:!l&&t.length>1?z:void 0,minZoom:v.LE,maxZoom:x.nD,restriction:{latLngBounds:v.x8,strictBounds:!1},gestureHandling:"greedy",disableDefaultUI:!1,mapTypeControl:!0,zoomControl:!0,streetViewControl:!1,fullscreenControl:!1,mapId:"netdata-geo-map",onCameraChanged:B,style:{width:"100%",height:"100%"},children:[o.length>0&&(0,k.jsx)(g.A,{links:o,nodeById:N,hoveredLinkId:a,hoveredColor:m,maxLinkBytes:f,getLinkStrokeWidths:v.Sf,onHoverLink:s}),A.map(e=>"cluster"===e.type?(0,k.jsx)(r.J8,{position:{lat:e.lat,lng:e.lng},zIndex:1,children:(0,k.jsx)(S,{cluster:e,onClick:E})},`cluster-${e.id}`):e.node?(0,k.jsx)(M,{node:e.node,maxNodeBytes:c,onHoverNode:y},e.id):null)]})},N=e=>{const t=(0,x.Sz)();return t?(0,k.jsx)(p.A,{children:(0,k.jsx)(r.c4,{apiKey:t,children:(0,k.jsx)(_,{...e})})}):(0,k.jsx)(p.A,{children:(0,k.jsx)(s.Flex,{justifyContent:"center",alignItems:"center",height:"100%",padding:[5],children:(0,k.jsx)(s.Text,{color:"textLite",children:"Google Maps API key not configured. Update your map settings."})})})},E=e=>{let{nodes:t,links:o,savedViewport:r,onViewportChange:s,onHoverLink:a,hoveredLinkId:c,maxNodeBytes:g,containerWidth:m,containerHeight:f,hoveredLinkColor:y,maxLinkBytes:b,onHoverNode:j}=e;const C="Default"!==(0,i.useTheme)().name,w=(0,n.useRef)(null),[I,L]=(0,n.useState)(r?.zoom||x.aM),[B,M]=(0,n.useState)(null),_=(0,n.useRef)(null);(0,n.useEffect)(()=>()=>clearTimeout(_.current),[]);const N=(0,n.useMemo)(()=>{const e=(0,u.bW)(t);if(e)return[[e.west,e.south],[e.east,e.north]]},[t]),E=(0,n.useMemo)(()=>1===t.length?{longitude:t[0]._geo.longitude,latitude:t[0]._geo.latitude}:{longitude:x.Ii.lng,latitude:x.Ii.lat},[t]),z=(0,n.useMemo)(()=>(0,v.df)(m,f),[f,m]),T=(0,n.useCallback)(e=>{const t=e?.getBounds();return t?{north:t.getNorth(),south:t.getSouth(),east:t.getEast(),west:t.getWest()}:null},[]),P=(0,n.useCallback)(e=>{const t=e.target;w.current=t,M(T(t)),L(t.getZoom())},[T]),R=(0,n.useCallback)(e=>{const t=e.target,o=t.getZoom();M(T(t)),L(o),c&&a(null),clearTimeout(_.current),_.current=setTimeout(()=>{const e=t.getCenter();s({lat:e.lat,lng:e.lng,zoom:o})},x.l6)},[T,c,a,s]),{processed:H,getClusterExpansionZoom:W,nodeById:K}=(0,d.A)(t,I,B),F=(0,n.useCallback)(e=>{const t=w.current;t&&t.flyTo({center:[e.lng,e.lat],zoom:Math.min(W(e.id),x.nD)})},[W]),O=(0,n.useCallback)(e=>{const t=e.features?.[0];a(t?.properties?.id?{id:t.properties.id,position:{x:e.point.x,y:e.point.y}}:null)},[a]);return(0,n.useEffect)(()=>{const e=w.current;!e||r||t.length<=1||!N||e.fitBounds(N,{padding:z,duration:0})},[r,t.length,N,z]),(0,k.jsx)(p.A,{children:(0,k.jsxs)(l.Ay,{ref:w,initialViewState:r?{longitude:r.lng,latitude:r.lat,zoom:r.zoom}:N?{bounds:N,fitBoundsOptions:{padding:z}}:{...E,zoom:1===t.length?5:x.aM},minZoom:v.LE,maxZoom:x.nD,maxBounds:v.Cp,renderWorldCopies:!1,mapStyle:C?"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json":"https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",style:{width:"100%",height:"100%"},onLoad:P,onMoveEnd:R,interactiveLayerIds:o.length>0?h.w:[],onMouseMove:O,onMouseLeave:()=>a(null),attributionControl:!1,children:[(0,k.jsx)(l.z0,{compact:!0}),(0,k.jsx)(l.ov,{position:"bottom-right"}),o.length>0&&(0,k.jsx)(h.A,{links:o,nodeById:K,hoveredLinkId:c,hoveredColor:y,maxLinkBytes:b,getLinkStrokeWidths:v.Sf}),H.map(e=>"cluster"===e.type?(0,k.jsx)(l.pH,{longitude:e.lng,latitude:e.lat,anchor:"center",style:{zIndex:1},children:(0,k.jsx)(S,{cluster:e,isDark:C,onClick:F})},`cluster-${e.id}`):e.node?(0,k.jsx)(A,{node:e.node,maxNodeBytes:g,onHoverNode:j},e.id):null)]})})},z=e=>{let{flows:t,view:o,columns:r,height:l="100%"}=e;const d=(0,i.useTheme)(),[u,g]=(0,n.useState)(!1),[h,p]=(0,n.useState)(null),[f,b]=(0,n.useState)(null),{provider:v,viewport:C,setViewport:w,setProvider:I,setGoogleApiKey:B}=(()=>{const[e,t]=(0,n.useState)(x._s),[o,r]=(0,n.useState)(null);return{provider:e,viewport:o,setViewport:r,setProvider:(0,n.useCallback)(e=>{const o=(0,x.Pq)();o.provider=e,(0,x.RN)(o),t(e===x.mK.google&&(0,x.Sz)()?x.mK.google:x.mK.libre)},[]),setGoogleApiKey:(0,n.useCallback)(e=>{const o=(0,x.Pq)();o.googleApiKey=e,(0,x.RN)(o),e&&o.provider===x.mK.google&&t(x.mK.google),e||o.provider!==x.mK.google||t(x.mK.libre)},[])}})(),[M,{width:A,height:S}]=(0,c.A)(),_=(0,n.useRef)(null),z=(0,n.useRef)(null),T=(0,n.useMemo)(()=>(0,y.oT)(t,o,r),[t,o,r]),P=f?.id||null,R=d.colors.accent||d.colors.primaryHighlight||d.colors.primary||"#ddffeb",H=(0,n.useCallback)(e=>{p(e),e&&b(null)},[]),W=(0,n.useCallback)(e=>h?(f&&b(null),void z.current?.clearPosition()):e?.id?(e.position&&z.current?.setPosition(e.position),void b({id:e.id})):(z.current?.clearPosition(),void b(null)),[f,h]),K=(0,n.useMemo)(()=>T.links.find(e=>e.id===P)||null,[T.links,P]);return(0,n.useEffect)(()=>{f?.id&&!K&&b(null)},[K,f?.id]),(0,k.jsxs)(s.Flex,{position:"relative",overflow:"hidden",width:"100%",height:l,ref:e=>{M(e),_.current=e},children:[(0,k.jsx)(a.A,{ref:z,open:!!K,containerRef:_,children:(0,k.jsx)(L,{link:K})}),(0,k.jsxs)(s.Flex,{position:"absolute",alignItems:"center",gap:2,zIndex:5,style:{top:10,right:10},children:[(0,k.jsx)(j,{icon:"gear",onClick:()=>g(e=>!e),flavour:"borderless",tooltip:"Map settings"}),u&&(0,k.jsx)(m.A,{onClose:()=>g(!1),provider:v,setProvider:I,setGoogleApiKey:B})]}),T.nodes.length?v===x.mK.google?(0,k.jsx)(N,{nodes:T.nodes,links:T.links,savedViewport:C,onViewportChange:w,onHoverLink:W,hoveredLinkId:P,maxNodeBytes:T.maxNodeBytes,containerWidth:A,containerHeight:S,hoveredLinkColor:R,maxLinkBytes:T.maxLinkBytes,onHoverNode:H}):(0,k.jsx)(E,{nodes:T.nodes,links:T.links,savedViewport:C,onViewportChange:w,onHoverLink:W,hoveredLinkId:P,maxNodeBytes:T.maxNodeBytes,containerWidth:A,containerHeight:S,hoveredLinkColor:R,maxLinkBytes:T.maxLinkBytes,onHoverNode:H}):(0,k.jsx)(s.Flex,{justifyContent:"center",alignItems:"center",height:"100%",padding:[5],children:(0,k.jsx)(s.Text,{color:"textLite",children:"No plottable geography available for the current selection."})})]})}},3623(e,t,o){o.d(t,{A:()=>a});o(98992),o(81454);var n=o(96540),r=o(54550),l=o(74848);const i=(e,t)=>{const o=e?.domEvent,n=t?.getDiv?.();if(!o||!n)return null;const r=n.getBoundingClientRect();return{x:o.clientX-r.left,y:o.clientY-r.top}},s=e=>{let{from:t,to:o,color:l,hoveredColor:s,isHovered:a,strokeWidth:d,strokeOpacity:c,hitWidth:u,onHover:g}=e;const h=(0,r.ko)();return(0,n.useEffect)(()=>{const e=window.google?.maps;if(!h||!t||!o||!e)return;const n=[{lat:t.latitude,lng:t.longitude},{lat:o.latitude,lng:o.longitude}],r=new e.Polyline({path:n,strokeColor:a?s:l,strokeOpacity:c,strokeWeight:d,geodesic:!0,zIndex:1,map:h}),p=new e.Polyline({path:[{lat:t.latitude,lng:t.longitude},{lat:o.latitude,lng:o.longitude}],strokeColor:l,strokeOpacity:.01,strokeWeight:u,geodesic:!0,zIndex:2,map:h});return g&&(p.addListener("mouseover",e=>g(i(e,h))),p.addListener("mousemove",e=>g(i(e,h))),p.addListener("mouseout",()=>g(null))),()=>{r.setMap(null),p.setMap(null),e.event.clearInstanceListeners(p)}},[h,t,o,l,s,a,d,c,u,g]),null},a=e=>{let{links:t,nodeById:o,hoveredLinkId:n,hoveredColor:r,maxLinkBytes:i,getLinkStrokeWidths:a,onHoverLink:d}=e;return t.map(e=>{const t=o[e.fromNodeId],c=o[e.toNodeId];if(!t||!c)return null;const{strokeWidth:u,strokeOpacity:g,hitWidth:h}=a(e.bytes,i,n===e.id);return(0,l.jsx)(s,{from:t._geo,to:c._geo,color:e.color,hoveredColor:r,isHovered:n===e.id,strokeWidth:u,strokeOpacity:g,hitWidth:h,onHover:t=>d(t?{id:e.id,position:t}:null)},e.id)})}},1313(e,t,o){o.d(t,{A:()=>s,w:()=>i});o(98992),o(54520),o(81454);var n=o(96540),r=o(43937),l=o(74848);const i=["geomap-links-hit"],s=e=>{let{links:t,nodeById:o,hoveredLinkId:i,hoveredColor:s,maxLinkBytes:a,getLinkStrokeWidths:d}=e;const c=(0,n.useMemo)(()=>({type:"FeatureCollection",features:t.filter(e=>o[e.fromNodeId]&&o[e.toNodeId]).map(e=>{const t=o[e.fromNodeId]._geo,n=o[e.toNodeId]._geo,{strokeWidth:r,strokeOpacity:l,hitWidth:c}=d(e.bytes,a,i===e.id);return{type:"Feature",properties:{id:e.id,color:e.color,hoveredColor:s,hovered:i===e.id,strokeWidth:r,strokeOpacity:l,hitWidth:c},geometry:{type:"LineString",coordinates:[[t.longitude,t.latitude],[n.longitude,n.latitude]]}}})}),[d,s,i,t,a,o]);return 0===t.length?null:(0,l.jsxs)(r.kL,{id:"geomap-links",type:"geojson",data:c,children:[(0,l.jsx)(r.Wd,{id:"geomap-links-line",type:"line",paint:{"line-color":["case",["get","hovered"],["get","hoveredColor"],["get","color"]],"line-width":["get","strokeWidth"],"line-opacity":["get","strokeOpacity"]},layout:{"line-cap":"round","line-join":"round"}}),(0,l.jsx)(r.Wd,{id:"geomap-links-hit",type:"line",paint:{"line-color":"transparent","line-width":["get","hitWidth"]}})]})}},98212(e,t,o){o.d(t,{A:()=>a});var n=o(96540),r=o(41514),l=o(38429),i=o(74848);class s extends n.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){(0,r.H)("geomap-error",{error:e.message,stack:t.componentStack})}render(){return this.state.hasError?(0,i.jsxs)(l.Flex,{column:!0,alignItems:"center",justifyContent:"center",height:"100%",gap:4,padding:[8],children:[(0,i.jsx)(l.Icon,{name:"alert_triangle",size:"large",color:"error"}),(0,i.jsx)(l.Text,{strong:!0,children:"Map failed to load"}),(0,i.jsx)(l.Text,{color:"textLite",textAlign:"center",width:{max:100},children:this.state.error?.message||"An error occurred while loading the map. Please check your network connection and try again."}),(0,i.jsx)(l.Button,{flavour:"borderless",onClick:()=>this.setState({hasError:!1,error:null}),children:"Retry"})]}):this.props.children}}const a=s},25059(e,t,o){o.d(t,{A:()=>c});var n=o(96540),r=o(882),l=o(22337),i=o(66188),s=o(38429),a=o(53450),d=o(74848);const c=e=>{let{onClose:t,provider:o,setProvider:c,setGoogleApiKey:u}=e;const g=(0,r.useTheme)(),h=(0,a.Pq)(),[p,m]=(0,n.useState)(o),[x,f]=(0,n.useState)(h.googleApiKey||""),[y,b]=(0,n.useState)(!1),v=e=>(0,s.getColor)(e)({theme:g}),k=(0,n.useCallback)(()=>{p===a.mK.google&&u(x.trim()),c(p),t()},[p,x,c,u,t]),j=p===a.mK.google&&!x.trim(),C=e=>{return{flex:1,border:`1px solid ${v(e?"primary":"borderSecondary")}`,background:e?(t="primary",o=.1,(0,s.getRgbColor)(t,o)({theme:g})):"transparent"};var t,o};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.Box,{position:"fixed",style:{inset:0,zIndex:9},onClick:t}),(0,d.jsxs)(s.Flex,{column:!0,padding:[3],gap:3,round:2,background:"mainBackground",border:{color:"borderSecondary"},position:"absolute",width:"280px",zIndex:10,style:{top:44,right:10,boxShadow:"0 4px 16px rgba(0,0,0,0.15)"},children:[(0,d.jsx)(s.TextMicro,{strong:!0,color:"textLite",children:"MAP PROVIDER"}),(0,d.jsxs)(s.Flex,{gap:1,children:[(0,d.jsx)(s.Button,{flavour:"borderless",small:!0,onClick:()=>m(a.mK.libre),"aria-label":"Select OpenStreetMap provider",style:C(p===a.mK.libre),children:"OpenStreetMap (Free)"}),(0,d.jsx)(s.Button,{flavour:"borderless",small:!0,onClick:()=>m(a.mK.google),"aria-label":"Select Google Maps provider",style:C(p===a.mK.google),children:"Google Maps"})]}),p===a.mK.google&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.TextMicro,{strong:!0,color:"textLite",children:"GOOGLE MAPS API KEY"}),(0,d.jsx)(s.TextInput,{type:y?"text":"password",value:x,onChange:e=>f(e.target.value),placeholder:"AIzaSy...","aria-label":"Google Maps API key",size:"small",iconRight:(0,d.jsx)(s.Button,{flavour:"borderless",onClick:()=>b(e=>!e),"aria-label":y?"Hide API key":"Show API key",style:{padding:2,minWidth:"auto",height:"auto"},children:(0,d.jsx)(l.gc,{icon:y?i.pS3:i.k6j,size:"sm"})})}),(0,d.jsx)(s.TextMicro,{color:"textLite",children:"Required for Google Maps. Get a key from the Google Cloud Console."})]}),(0,d.jsx)(s.Button,{onClick:k,disabled:j,"aria-label":"Save map settings",children:j?"API key required":"Save"})]})]})}},84819(e,t,o){o.d(t,{Hg:()=>g,O9:()=>s,fA:()=>h,fT:()=>c,lk:()=>u,sH:()=>d,t6:()=>a});var n=o(882),r=o(38429),l=o(53450);const i=(0,n.keyframes)(["0%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.8);opacity:0;}100%{transform:scale(1.8);opacity:0;}"]),s=(0,n.default)(r.Flex).attrs({alignItems:"center",justifyContent:"center",cursor:"pointer",position:"relative"}).withConfig({displayName:"shared__MarkerDot",componentId:"sc-27t4jv-0"})(["width:","px;height:","px;border-radius:50%;background:",";border:2px solid ",";box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.15s ease;&:hover{transform:scale(1.3);}"],l.DT,l.DT,e=>{let{color:t}=e;return t},(0,r.getRgbColor)("bright",.9)),a=(0,n.default)(r.Box).attrs({position:"absolute"}).withConfig({displayName:"shared__PulseRingCritical",componentId:"sc-27t4jv-1"})(["inset:-4px;border-radius:50%;border:2px solid ",";animation:"," ","s ease-out infinite;pointer-events:none;"],l.s2.critical,i,l.ap),d=(0,n.default)(r.Box).attrs({position:"absolute"}).withConfig({displayName:"shared__PulseRingWarning",componentId:"sc-27t4jv-2"})(["inset:-4px;border-radius:50%;border:2px solid ",";animation:"," ","s ease-out infinite;pointer-events:none;"],l.s2.warning,i,l.jf),c=(0,n.default)(r.Box).attrs({position:"absolute",zIndex:20}).withConfig({displayName:"shared__TooltipAnchor",componentId:"sc-27t4jv-3"})(["bottom:calc(100% + ","px);left:50%;transform:translateX(-50%);pointer-events:none;"],e=>{let{gap:t=12}=e;return t}),u=(0,n.default)(r.Flex).attrs({alignItems:"center",justifyContent:"center",cursor:"pointer",position:"relative"}).withConfig({displayName:"shared__ClusterDotBase",componentId:"sc-27t4jv-4"})(["border-radius:50%;background:",";border:3px solid ",";box-shadow:0 2px 8px rgba(0,0,0,0.3);font-size:13px;font-weight:700;color:",";transition:transform 0.15s ease;&:hover{transform:scale(1.15);}"],e=>{let{bg:t}=e;return t},(0,r.getRgbColor)("bright",.9),(0,r.getColor)("bright")),g=(0,n.default)(r.Box).attrs({position:"absolute"}).withConfig({displayName:"shared__ClusterAlertRing",componentId:"sc-27t4jv-5"})(["inset:-3px;border-radius:50%;border:2px solid ",";pointer-events:none;"],e=>{let{color:t}=e;return t}),h=e=>Math.min(l.zc+2*e,60)},53450(e,t,o){o.d(t,{DQ:()=>i,DT:()=>g,Ez:()=>a,FU:()=>I,Ii:()=>r,KC:()=>c,Pq:()=>x,RN:()=>f,Sz:()=>y,_s:()=>v,aM:()=>l,ap:()=>L,cE:()=>j,cF:()=>k,dD:()=>b,e9:()=>w,fK:()=>S,jf:()=>B,l6:()=>M,mK:()=>p,nD:()=>s,p9:()=>u,s2:()=>d,vQ:()=>A,z1:()=>C,zc:()=>h});o(33110),o(98992),o(81454);var n=o(81395);const r={lat:30,lng:10},l=2,i=2,s=20,a={live:"#00ab44",stale:"#c59c12",offline:"#8c8c8c",unseen:"#b3b3b3"},d={critical:"#ff4136",warning:"#ffc300"},c=10,u=12,g=18,h=40,p={libre:"libre",google:"google"},m="netdata-geomap-settings",x=()=>{try{const e=localStorage.getItem(m);if(e)return JSON.parse(e)}catch{}return{provider:p.libre,googleApiKey:""}},f=e=>{try{localStorage.setItem(m,JSON.stringify(e))}catch{}},y=()=>{const{googleApiKey:e}=x();return window.NETDATA_GOOGLE_MAPS_API_KEY||e||""},b=()=>!!y(),v=()=>{const{provider:e}=x();return e===p.google&&b()?p.google:p.libre},k=60,j=16,C=.8,w=.5,I=.2,L=1.2,B=1.8,M=300,A=e=>{const t=e?1:0;return n.default.slice(0,8).map(e=>e[t])},S=e=>{const t=e?1:0;return{mixed:n.default[2][t],mostOffline:n.default[9][t]}}},75811(e,t,o){o.d(t,{A:()=>a});o(98992),o(54520),o(81454);var n=o(96540),r=o(22882),l=o(53450),i=o(49519);const s=r.A.default||r.A,a=(e,t,o)=>{const r=(0,n.useMemo)(()=>{const t=new s({radius:l.cF,maxZoom:l.cE}),o=e.map(e=>({type:"Feature",properties:{nodeId:e.id},geometry:{type:"Point",coordinates:[e._geo.longitude,e._geo.latitude]}}));return t.load(o),t},[e]),a=(0,n.useMemo)(()=>{if(!o)return[];const e=[o.west,o.south,o.east,o.north];return r.getClusters(e,Math.floor(t))},[r,o,t]),d=(0,i.A)(e),c=(0,n.useCallback)(e=>{try{return r.getClusterExpansionZoom(e)}catch{return t+2}},[r,t]),u=(0,n.useCallback)(e=>{try{return r.getLeaves(e,1/0).map(e=>d[e.properties.nodeId]).filter(Boolean)}catch{return[]}},[r,d]);return{processed:(0,n.useMemo)(()=>a.map(e=>{const[t,o]=e.geometry.coordinates;return e.properties.cluster?{type:"cluster",id:e.properties.cluster_id,lat:o,lng:t,count:e.properties.point_count,nodes:u(e.properties.cluster_id)}:{type:"node",id:e.properties.nodeId,node:d[e.properties.nodeId]}}),[a,d,u]),getClusterExpansionZoom:c,nodeById:d}}},49519(e,t,o){o.d(t,{A:()=>r});var n=o(96540);const r=e=>(0,n.useMemo)(()=>{const t={};for(const o of e)t[o.id]=o;return t},[e])},82226(e,t,o){o.d(t,{OQ:()=>i,_9:()=>l,bW:()=>a,qY:()=>r,t3:()=>s});o(98992),o(54520),o(81454);var n=o(53450);const r=e=>e.isLive?n.Ez.live:e.isOffline?n.Ez.offline:"stale"===e.state?n.Ez.stale:n.Ez.unseen,l=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const o=e.length;if(0===o)return n.Ez.offline;const r=e.filter(e=>e.isLive).length/o;if(r>n.z1)return n.Ez.live;const l=(0,n.fK)(t);return r>n.e9?l.mixed:r>n.FU?l.mostOffline:n.Ez.offline},i=e=>{for(const t of e)if(t.health?.alerts?.critical)return"critical";for(const t of e)if(t.health?.alerts?.warning)return"warning";return null},s=e=>{const t=e.health?.alerts?.critical||0,o=e.health?.alerts?.warning||0;return{critical:t,warning:o,hasAlert:t>0||o>0,alertColor:t>0?n.s2.critical:n.s2.warning,alertSpeed:t>0?n.ap:n.jf}},a=e=>{if(e.length<=1)return null;let t=90,o=-90,n=180,r=-180;for(const s of e)t=Math.min(t,s._geo.latitude),o=Math.max(o,s._geo.latitude),n=Math.min(n,s._geo.longitude),r=Math.max(r,s._geo.longitude);const l=Math.max(.15*(o-t),2);if(r-n>180){const n=e.map(e=>{const t=e._geo.longitude;return t<0?t+360:t}),r=Math.min(...n),i=Math.max(...n),s=Math.max(.15*(i-r),2),a=r-s,d=i+s;return{north:o+l,south:t-l,west:a>180?a-360:a,east:d>180?d-360:d}}const i=Math.max(.15*(r-n),2);return{north:o+l,south:t-l,east:r+i,west:n-i}}}}]);