!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 o=(new e.Error).stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="450f1478-6d41-4568-b0f1-faf9ba857eb2",e._sentryDebugIdIdentifier="sentry-dbid-450f1478-6d41-4568-b0f1-faf9ba857eb2")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[1386],{31386(e,o,t){t.r(o),t.d(o,{default:()=>w});var n=t(64467),r=(t(98992),t(54520),t(3949),t(62953),t(96540)),l=t(41344),i=t(42358),a=t(7960),s=t(19186),d=t(44245),c=t(39484),g=(t(72577),t(22337)),p=t(66188),u=t(99728),b=t(53450),f=t(25059),h=t(65259),x=t(74848);const k=e=>{let{onClose:o,showTraffic:t,onToggleTraffic:n,provider:l,setProvider:a,setGoogleApiKey:s,onPinToTab:d,isDrawing:c,pendingNodeId:k,onToggleDrawMode:m,selectedLinkId:v,links:y,nodeById:j,onDeleteLink:w,onUpdateLink:I,onDeselectLink:S,canEdit:C}=e;const[P,D]=(0,r.useState)(!1),O=(0,u.JT)("space:UpdateSettings"),T=v?null===y||void 0===y?void 0:y.find((e=>e.id===v)):null;return(0,x.jsxs)(i.Flex,{alignItems:"center",justifyContent:"between",padding:[2,4],background:"mainBackground",border:{side:"bottom",color:"borderSecondary"},style:{zIndex:1,flexShrink:0},children:[(0,x.jsxs)(i.Flex,{alignItems:"center",gap:3,children:[(0,x.jsx)(i.Icon,{name:"netdataPress",color:"success",height:"18px",width:"18px"}),(0,x.jsx)(i.Text,{strong:!0,children:"Geo Map"}),c&&k&&(0,x.jsx)(i.TextSmall,{color:"textLite",style:{fontStyle:"italic"},children:"Click another node to connect"}),c&&!k&&(0,x.jsx)(i.TextSmall,{color:"textLite",style:{fontStyle:"italic"},children:"Click a node to start a link"}),T&&!c&&(0,x.jsx)(h.A,{link:T,nodeById:j,onUpdate:I,onDelete:w,onClose:S,canEdit:C})]}),(0,x.jsxs)(i.Flex,{alignItems:"center",gap:2,position:"relative",children:[l===b.mK.google&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(i.Button,{flavour:"hollow",small:!0,onClick:n,"aria-label":"Toggle traffic layer",active:t,children:(0,x.jsxs)(i.Flex,{alignItems:"center",gap:1,children:[(0,x.jsx)(g.gc,{icon:p.zC5,size:"sm"}),(0,x.jsx)("span",{children:"Traffic"})]})}),(0,x.jsx)(i.Box,{width:"1px",height:"20px",background:"borderSecondary"})]}),C&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(i.Button,{flavour:"hollow",small:!0,onClick:m,"aria-label":"Toggle draw link mode",icon:"pencilOutline",active:c,children:c?"Done":"Draw Links"}),(0,x.jsx)(i.Box,{width:"1px",height:"20px",background:"borderSecondary"})]}),d&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(i.IconButton,{icon:"pin_element",onClick:d,flavour:"hollow",tooltip:"Pin to tabs"}),(0,x.jsx)(i.Box,{width:"1px",height:"20px",background:"borderSecondary"})]}),O&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(i.IconButton,{icon:"gear",onClick:()=>D((e=>!e)),flavour:"hollow",tooltip:"Map settings"}),P&&(0,x.jsx)(f.A,{onClose:()=>D(!1),provider:l,setProvider:a,setGoogleApiKey:s})]}),(0,x.jsx)(i.Box,{width:"1px",height:"20px",background:"borderSecondary"}),(0,x.jsx)(i.IconButton,{icon:"x",neutral:!0,onClick:o,tooltip:"Close"})]})]})};function m(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?m(Object(t),!0).forEach((function(o){(0,n.A)(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}const y=(0,a.A)((()=>Promise.all([t.e(2882),t.e(4550),t.e(3348),t.e(2017)]).then(t.bind(t,93348))),"GoogleMapView"),j=(0,a.A)((()=>Promise.all([t.e(2882),t.e(8658),t.e(1452)]).then(t.bind(t,41452))),"MapLibreView"),w=e=>{let{onClose:o}=e;const t=(0,s.r9)(),n=(0,l.Zp)(),a=(0,d.tV)(),{isGoogle:g,handleNodeClick:p,viewport:u,setViewport:b,showTraffic:f,linkProps:h,settingsProps:m,editProps:w,isDrawing:I,pendingNodeId:S,selectedLinkId:C,setSelectedLinkId:P,toggleDrawMode:D,cancelPending:O}=(0,c.A)({onNodeNavigate:o}),T=(0,r.useCallback)((()=>{a({title:"Geo Map",id:"geo-map",destination:"geo-map",type:"geomap",icon:"node_hollow",tooltip:{title:"Geo Map",description:"Visualize node locations on an interactive map"}}),o(),n("".concat(t,"/geomap/geo-map"))}),[a,o,n,t]),L=(0,r.useCallback)((()=>{I&&S?O():I?D():C?P(null):o()}),[o,I,S,O,D,C,P]);return(0,x.jsx)(i.Layer,{full:!0,onEsc:L,children:(0,x.jsxs)(i.Flex,{column:!0,width:"100vw",height:"100vh",background:"mainBackground",children:[(0,x.jsx)(k,v(v({onClose:o,onPinToTab:T},m),w)),(0,x.jsx)(i.Flex,{flex:!0,position:"relative",overflow:"hidden",children:(0,x.jsx)(r.Suspense,{fallback:(0,x.jsx)(i.Flex,{justifyContent:"center",alignItems:"center",height:"100%",children:(0,x.jsx)(i.Text,{color:"textLite",children:"Loading map..."})}),children:g?(0,x.jsx)(y,{onNodeClick:p,showTraffic:f,savedViewport:u,onViewportChange:b,linkProps:h}):(0,x.jsx)(j,{onNodeClick:p,savedViewport:u,onViewportChange:b,linkProps:h})})})]})})}},65259(e,o,t){t.d(o,{A:()=>a});t(98992),t(81454);var n=t(51510),r=t(42358),l=t(53450),i=t(74848);const a=e=>{let{link:o,nodeById:t,onUpdate:a,onDelete:s,onClose:d,canEdit:c}=e;const g=(0,n.useTheme)(),p="Default"!==g.name,u=(0,l.vQ)(p),b=(0,r.getColor)("text")({theme:g}),f=t[o.fromNodeId],h=t[o.toNodeId];return(0,i.jsxs)(r.Flex,{alignItems:"center",gap:2,padding:[0,2],round:1,border:{color:"borderSecondary"},background:"panelBg",children:[(0,i.jsxs)(r.TextSmall,{strong:!0,whiteSpace:"nowrap",children:[(null===f||void 0===f?void 0:f.name)||(null===f||void 0===f?void 0:f.nm)||"?"," \u2192 ",(null===h||void 0===h?void 0:h.name)||(null===h||void 0===h?void 0:h.nm)||"?"]}),c&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.TextInput,{placeholder:"Label",value:o.label||"",onChange:e=>a(o.id,{label:e.target.value}),"aria-label":"Link label",size:"tiny",width:"120px"}),(0,i.jsx)(r.Flex,{alignItems:"center",gap:1,children:u.map((e=>(0,i.jsx)(r.Button,{flavour:"borderless",onClick:()=>a(o.id,{color:e}),"aria-label":"Color ".concat(e),style:{width:16,height:16,minWidth:16,minHeight:16,padding:0,borderRadius:3,background:e,border:"2px solid ".concat(o.color===e?b:"transparent"),flexShrink:0}},e)))}),(0,i.jsx)(r.Button,{flavour:"borderless",small:!0,danger:!0,onClick:()=>{s(o.id),d()},"aria-label":"Delete link",label:"Delete"})]}),(0,i.jsx)(r.Button,{flavour:"borderless",small:!0,neutral:!0,onClick:d,"aria-label":"Deselect link",label:"\u2715"})]})}},25059(e,o,t){t.d(o,{A:()=>c});t(42762),t(62953);var n=t(96540),r=t(51510),l=t(22337),i=t(66188),a=t(42358),s=t(53450),d=t(74848);const c=e=>{let{onClose:o,provider:t,setProvider:c,setGoogleApiKey:g}=e;const p=(0,r.useTheme)(),u=(0,s.Pq)(),[b,f]=(0,n.useState)(t),[h,x]=(0,n.useState)(u.googleApiKey||""),[k,m]=(0,n.useState)(!1),v=e=>(0,a.getColor)(e)({theme:p}),y=(0,n.useCallback)((()=>{b===s.mK.google&&g(h.trim()),c(b),o()}),[b,h,c,g,o]),j=b===s.mK.google&&!h.trim(),w=e=>{return{flex:1,border:"1px solid ".concat(v(e?"primary":"borderSecondary")),background:e?(o="primary",t=.1,(0,a.getRgbColor)(o,t)({theme:p})):"transparent"};var o,t};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a.Box,{position:"fixed",style:{inset:0,zIndex:9},onClick:o}),(0,d.jsxs)(a.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)(a.TextMicro,{strong:!0,color:"textLite",children:"MAP PROVIDER"}),(0,d.jsxs)(a.Flex,{gap:1,children:[(0,d.jsx)(a.Button,{flavour:"borderless",small:!0,onClick:()=>f(s.mK.libre),"aria-label":"Select OpenStreetMap provider",style:w(b===s.mK.libre),children:"OpenStreetMap (Free)"}),(0,d.jsx)(a.Button,{flavour:"borderless",small:!0,onClick:()=>f(s.mK.google),"aria-label":"Select Google Maps provider",style:w(b===s.mK.google),children:"Google Maps"})]}),b===s.mK.google&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a.TextMicro,{strong:!0,color:"textLite",children:"GOOGLE MAPS API KEY"}),(0,d.jsx)(a.TextInput,{type:k?"text":"password",value:h,onChange:e=>x(e.target.value),placeholder:"AIzaSy...","aria-label":"Google Maps API key",size:"small",iconRight:(0,d.jsx)(a.Button,{flavour:"borderless",onClick:()=>m((e=>!e)),"aria-label":k?"Hide API key":"Show API key",style:{padding:2,minWidth:"auto",height:"auto"},children:(0,d.jsx)(l.gc,{icon:k?i.pS3:i.k6j,size:"sm"})})}),(0,d.jsx)(a.TextMicro,{color:"textLite",children:"Required for Google Maps. Get a key from the Google Cloud Console."})]}),(0,d.jsx)(a.Button,{onClick:y,disabled:j,"aria-label":"Save map settings",children:j?"API key required":"Save"})]})]})}},53450(e,o,t){t.d(o,{DQ:()=>i,DT:()=>p,Ez:()=>s,FU:()=>S,Ii:()=>r,KC:()=>c,Pq:()=>h,RN:()=>x,Sz:()=>k,_s:()=>v,aM:()=>l,ap:()=>C,cE:()=>j,cF:()=>y,dD:()=>m,e9:()=>I,fK:()=>T,jf:()=>P,l6:()=>D,mK:()=>b,nD:()=>a,p9:()=>g,s2:()=>d,vQ:()=>O,z1:()=>w,zc:()=>u});t(33110),t(98992),t(81454);var n=t(81395);const r={lat:30,lng:10},l=2,i=2,a=20,s={live:"#00ab44",stale:"#c59c12",offline:"#8c8c8c",unseen:"#b3b3b3"},d={critical:"#ff4136",warning:"#ffc300"},c=10,g=12,p=18,u=40,b={libre:"libre",google:"google"},f="netdata-geomap-settings",h=()=>{try{const e=localStorage.getItem(f);if(e)return JSON.parse(e)}catch(e){}return{provider:b.libre,googleApiKey:""}},x=e=>{try{localStorage.setItem(f,JSON.stringify(e))}catch(o){}},k=()=>{const{googleApiKey:e}=h();return window.NETDATA_GOOGLE_MAPS_API_KEY||e||""},m=()=>!!k(),v=()=>{const{provider:e}=h();return e===b.google&&m()?b.google:b.libre},y=60,j=16,w=.8,I=.5,S=.2,C=1.2,P=1.8,D=300,O=e=>{const o=e?1:0;return n.default.slice(0,8).map((e=>e[o]))},T=e=>{const o=e?1:0;return{mixed:n.default[2][o],mostOffline:n.default[9][o]}}},39484(e,o,t){t.d(o,{A:()=>I});var n=t(96540),r=t(41344),l=t(99728),i=t(19186),a=t(53450),s=(t(62953),t(52035)),d=t(34843);const c=(0,s.eU)(!1),g=(0,s.eU)(null),p=()=>{const[e,o]=(0,n.useState)(a._s),[t,r]=(0,d.fp)(c),[l,i]=(0,d.fp)(g),s=(0,n.useCallback)((e=>{const t=(0,a.Pq)();t.provider=e,(0,a.RN)(t),o(e===a.mK.google&&(0,a.dD)()?a.mK.google:a.mK.libre),r(!1)}),[r]),p=(0,n.useCallback)((e=>{const t=(0,a.Pq)();t.googleApiKey=e,(0,a.RN)(t),e&&t.provider===a.mK.google&&o(a.mK.google),e||t.provider!==a.mK.google||o(a.mK.libre)}),[]);return{provider:e,setProvider:s,showTraffic:t,toggleTraffic:(0,n.useCallback)((()=>r((e=>!e))),[r]),viewport:l,setViewport:i,setGoogleApiKey:p}};var u=t(64467),b=(t(33110),t(98992),t(54520),t(3949),t(81454),t(37550),t(24609));function f(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?f(Object(t),!0).forEach((function(o){(0,u.A)(e,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}const x=e=>"netdata-geomap-links-".concat(e),k=e=>{try{const o=localStorage.getItem(x(e));if(o)return JSON.parse(o)}catch(o){}return[]},m=(e,o)=>{try{localStorage.setItem(x(e),JSON.stringify(o))}catch(t){}},v=()=>{const e=(0,b.vt)(),[o,t]=(0,n.useState)((()=>k(e)));(0,n.useEffect)((()=>{t(k(e))}),[e]);const r=(0,n.useCallback)((function(o,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#4A90D9";t((t=>{if(t.some((e=>e.fromNodeId===o&&e.toNodeId===n||e.fromNodeId===n&&e.toNodeId===o)))return t;const i="link-".concat(Math.random().toString(36).slice(2)),a=[...t,{id:i,fromNodeId:o,toNodeId:n,label:r,color:l}];return m(e,a),a}))}),[e]);return{links:o,addLink:r,removeLink:(0,n.useCallback)((o=>{t((t=>{const n=t.filter((e=>e.id!==o));return m(e,n),n}))}),[e]),updateLink:(0,n.useCallback)(((o,n)=>{t((t=>{const r=t.map((e=>e.id===o?h(h({},e),n):e));return m(e,r),r}))}),[e])}},y=e=>{let{addLink:o}=e;const[t,r]=(0,n.useState)(!1),[l,i]=(0,n.useState)(null),[a,s]=(0,n.useState)(null),d=(0,n.useCallback)((()=>{r((e=>!e)),i(null),s(null)}),[]),c=(0,n.useCallback)((e=>l?l===e?(i(null),!0):(o(l,e),i(null),!0):(i(e),!0)),[l,o]),g=(0,n.useCallback)((()=>{i(null)}),[]);return{isDrawing:t,pendingNodeId:l,selectedLinkId:a,setSelectedLinkId:s,toggleDrawMode:d,handleNodeClickInDrawMode:c,cancelPending:g}};var j=t(2817),w=t(49519);const I=function(){let{onNodeNavigate:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const o=(0,i.r9)(),t=(0,r.Zp)(),s=(0,l.JT)("space:UpdateSettings"),{provider:d,setProvider:c,showTraffic:g,toggleTraffic:u,viewport:b,setViewport:f,setGoogleApiKey:h}=p(),{links:x,addLink:k,removeLink:m,updateLink:I}=v(),S=(0,j.A)(),{isDrawing:C,pendingNodeId:P,selectedLinkId:D,setSelectedLinkId:O,toggleDrawMode:T,handleNodeClickInDrawMode:L,cancelPending:A}=y({addLink:k}),N=(0,w.A)(S),M=(0,n.useCallback)((n=>{C?L(n):n&&o&&(null===e||void 0===e||e(),t("".concat(o,"/nodes/").concat(n)))}),[C,L,o,t,e]),K=(0,n.useCallback)((()=>O(null)),[O]),B=d===a.mK.google,E=(0,n.useMemo)((()=>({links:x,selectedLinkId:D,onSelectLink:O,pendingNodeId:P,isDrawing:C})),[x,D,O,P,C]),G=(0,n.useMemo)((()=>({showTraffic:g,onToggleTraffic:u,provider:d,setProvider:c,setGoogleApiKey:h})),[g,u,d,c,h]),F=(0,n.useMemo)((()=>({isDrawing:C,pendingNodeId:P,onToggleDrawMode:T,selectedLinkId:D,links:x,nodeById:N,onDeleteLink:m,onUpdateLink:I,onDeselectLink:K,canEdit:s})),[C,P,T,D,x,N,m,I,K,s]);return{isGoogle:B,handleNodeClick:M,viewport:b,setViewport:f,showTraffic:g,linkProps:E,settingsProps:G,editProps:F,isDrawing:C,pendingNodeId:P,selectedLinkId:D,setSelectedLinkId:O,toggleDrawMode:T,cancelPending:A}}},49519(e,o,t){t.d(o,{A:()=>r});t(62953);var n=t(96540);const r=e=>(0,n.useMemo)((()=>{const o={};for(const t of e)o[t.id]=t;return o}),[e])}}]);