!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"2c7094d16bd3a302c2584dca4b609461a773522e"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="799e00bc-9800-40f9-afc6-f0c474465ba8",e._sentryDebugIdIdentifier="sentry-dbid-799e00bc-9800-40f9-afc6-f0c474465ba8")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[6141],{56141(e,t,r){r.r(t),r.d(t,{default:()=>q});r(9391),r(98992),r(81454),r(62953);var n=r(96540),l=r(63950),s=r.n(l),o=r(42358),c=r(10444),i=r(63872),a=r(94404),d=r(60908),u=r(24609),x=r(77148),f=r(64467),h=(r(54520),r(72577),r(3949),r(8872),r(51510));function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const b=(0,h.default)(o.MenuDropdown).attrs((e=>function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){(0,f.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({background:"transparent",hideShadow:!0,height:{max:"300px"},width:{max:"600px"},overflow:"auto",padding:[2]},e))).withConfig({displayName:"styled__CheckboxesContainer",componentId:"sc-8uj6na-0"})([""]);var g=r(50979),j=r(51262),y=r(74891),m=r(74848);const v=(0,y.A)(o.Checkbox),O=e=>{let{index:t,item:r,onItemClick:l}=e;const{group:s,label:c,value:i,node:a={}}=r,{id:d,selected:u,disabled:x}=a,{isNodeRestricted:f}=(0,j.A)(),{restricted:h,reason:p}=f(d),b=h&&"ErrNodeIsNotPreferred"!=p,y=(0,n.useMemo)((()=>b?g.KV[p]||g.KV.default:null),[b,p]),O=(0,n.useMemo)((()=>x||b),[x,b]),w=s&&t>0?[3,0,1,0]:[1,0];return(0,m.jsx)(o.Flex,{padding:w,children:s?(0,m.jsxs)(o.Flex,{gap:2,alignItems:"center",children:[(0,m.jsx)(o.Icon,{name:s.iconName,size:"small"}),(0,m.jsx)(o.Text,{color:s.textColor||"textFocus",children:s.label})]}):(0,m.jsx)(o.Flex,{children:(0,m.jsx)(v,{checked:u,disabled:O,onChange:e=>{O||l({value:i,label:c,checked:e})},label:c,value:i,labelPosition:"right",tooltip:y})})})};var w=r(28688);function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}const N={live:{iconName:"connectivityStatusLive",label:"Live",textColor:"primary"},offline:{iconName:"connectivityStatusOffline",label:"Offline",textColor:"textFocus"},stale:{iconName:"connectivityStatusStale",label:"Stale",textColor:"textFocus"}},P=(e,t)=>{var r;return t&&Object.keys(t)&&null!==(r=t[e])&&void 0!==r&&r.length?[{group:N[e]},...t[e]]:[]},k=(e,t,r)=>{const n=e.reduce(((e,n)=>{const l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){(0,f.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},n),s=n.isLive?"live":n.isOffline?"offline":"stale";t.find((e=>{let{value:t}=e;return t==n.id}))?l.selected=!0:r==t.length&&(l.disabled=!0);const o={label:n.name,value:n.id,node:l};return e[s]?e[s]=[...e[s],o]:e[s]=[o],e}),{});return[...P("live",n),...P("offline",n),...P("stale",n)]},C=e=>{let{selectedNodes:t,setSelectedNodes:r,activeNodesLimit:l=0}=e;const{nodes:s}=(0,w.A)(),[o,c]=(0,n.useState)([]),i=(0,n.useCallback)((e=>{let{value:n,label:l,checked:s}=e;s&&!t.find((e=>e.value==n))?r((e=>[...e,{value:n,label:l}])):!s&&t.find((e=>e.value==n))&&r((e=>e.filter((e=>e.value!=n))))}),[t]);return(0,n.useEffect)((()=>{s&&c(k(s,t,l))}),[s,t]),(0,m.jsx)(b,{items:o,Item:O,onItemClick:i,searchMargin:[0,0,4,0],hasSearch:!0})};var T=r(38773),A=r(55093),B=r(80045);const I=["label"];function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){(0,f.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const E=e=>{let{isTitle:t,value:r,selectedNodes:l,setSelectedNodes:c=s(),children:i}=e;const a=(0,n.useCallback)((()=>{t||c((e=>e.filter((e=>e.value!=r))))}),[t,r,l,c]),d=F({gap:1,height:"18px",alignItems:"center",padding:[0,2],margin:[0,0,2,0],round:!0},t?{}:{background:"nodeBadgeBackground"});return(0,m.jsxs)(o.Flex,F(F({},d),{},{children:[!t&&(0,m.jsx)(o.Icon,{name:"x",size:"small",onClick:a,color:"text",cursor:"pointer"}),i]}))},M=e=>{let{selectedNodes:t,setSelectedNodes:r}=e;return t.length?(0,m.jsxs)(o.Flex,{flexWrap:!0,gap:2,children:[(0,m.jsx)(E,{isTitle:!0,children:(0,m.jsx)(o.TextBig,{children:"Selected Nodes:"})}),t.map((e=>{let{label:n}=e,l=(0,B.A)(e,I);return(0,m.jsx)(E,F(F({selectedNodes:t,setSelectedNodes:r},l),{},{children:(0,m.jsx)(o.TextSmall,{color:"text",children:n})}),l.value)}))]}):null};var _=r(95565),L=r(39175);const R=e=>{let{selectedNodes:t,setSelectedNodes:r,loading:n,error:l}=e;const s=(0,u.vt)(),c=(0,L.ES)(s),{loaded:i,currentPlan:a,maxNodes:d}=(0,j.A)();return(0,m.jsx)(o.Flex,{column:!0,gap:4,children:n&&i?(0,m.jsx)(A.A,{height:"280px",title:"Saving selection..."}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(o.Flex,{column:!0,margin:[3,0,0,0],gap:4,children:[c?(0,m.jsxs)(o.TextBig,{children:["Local dashboard does not allow more than"," ",(0,m.jsxs)(o.TextBig,{strong:!0,children:[d," active nodes"]}),"."]}):(0,m.jsxs)(o.TextBig,{children:["Your current"," ",(0,m.jsxs)(o.TextBig,{strong:!0,children:[a.class," (",a.version,")"]})," ","plan does not allow more than ",(0,m.jsxs)(o.TextBig,{strong:!0,children:[d," active nodes"]}),"."]}),(0,m.jsxs)(o.TextBig,{children:["To proceed, select the ",(0,m.jsxs)(o.TextBig,{strong:!0,children:[d," Nodes"]})," that you wish to keep active. Any Nodes beyond this limit will be deactivated."]}),l&&(0,m.jsxs)(o.Flex,{gap:2,alignItems:"center",children:[(0,m.jsx)(o.Icon,{name:"warning_triangle",size:"medium",color:"warning"}),(0,m.jsx)(o.TextBig,{children:"For some reason, we coudn't save your selection. Please retry."})]})]}),(0,m.jsx)(x.A,{}),(0,m.jsx)(C,{selectedNodes:t,setSelectedNodes:r,activeNodesLimit:d}),(0,m.jsx)(x.A,{}),(0,m.jsxs)(o.Flex,{column:!0,gap:4,children:[(0,m.jsx)(M,{selectedNodes:t,setSelectedNodes:r}),c?(0,m.jsxs)(o.TextBig,{children:["Remember, you can"," ",(0,m.jsx)(_.A,{children:(0,m.jsx)(o.TextBig,{color:"primary",children:"upgrade your space back to the Business plan"})})," ","for unlimited access at any time."]}):null,(0,m.jsxs)(o.TextBig,{children:["The node selection isn't a commitment, you can modify the active Nodes any time on the"," ",(0,m.jsx)(T.A,{children:(0,m.jsx)(o.TextBig,{color:"primary",children:"Space Settings page"})}),"."]})]})]})})},z=(0,h.default)(o.ModalContent).attrs((e=>{let{isMobile:t}=e;return{width:t?{base:"95vw"}:{base:150}}})).withConfig({displayName:"styled__PreferredNodesModalContent",componentId:"sc-1v8zr4l-0"})([""]);var Y=r(24013),H=r(30811),K=r(6304);const V=(0,a.A)(o.Button),q=e=>{let{onSuccessfulSave:t=s()}=e;const r=(0,H.l)(),l=(0,c.J)(),[a,u]=(0,i.A)(),x=(0,Y.je)(),[f,h]=(0,n.useState)([]),[p,b]=(0,n.useState)(),[g,,j,y]=(0,K.A)(),v=(0,n.useCallback)((()=>{j(),x(f.map((e=>{let{value:t}=e;return t}))).then((()=>{a({header:"Success",text:"You selection was successfully saved"}),t(),r()})).catch((()=>{b(!0),u({header:"Error",text:"Selection failed to be saved"})})).finally((()=>{y()}))}),[f,x]);return(0,m.jsx)(o.Modal,{backdropProps:{backdropBlur:!0},children:(0,m.jsx)(d.Ay,{feature:"PreferredNodesModal",children:(0,m.jsxs)(z,{isMobile:l,children:[(0,m.jsx)(o.ModalHeader,{children:(0,m.jsxs)(o.Flex,{gap:2,alignItems:"center",children:[(0,m.jsx)(o.Icon,{name:"netdataPress",color:"text"}),(0,m.jsx)(o.H4,{children:"Required Action"})]})}),(0,m.jsx)(o.ModalBody,{children:(0,m.jsx)(R,{selectedNodes:f,setSelectedNodes:h,loading:g,error:p})}),!g&&(0,m.jsx)(o.ModalFooter,{children:(0,m.jsx)(o.Flex,{gap:4,justifyContent:"end",padding:[1,2],children:(0,m.jsx)(V,{feature:"SavePreferredNodes",label:"Save",onClick:v,disabled:g||!f.length,payload:{selectedNodes:f.map((e=>{let{value:t}=e;return t})).join(",")}})})})]})})})}}}]);