try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="5d1d0bd0-00df-4d0d-ac0f-6003377fda0d",e._sentryDebugIdIdentifier="sentry-dbid-5d1d0bd0-00df-4d0d-ac0f-6003377fda0d")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"f8a093c851f250f6860aa19890017cfe4325d631"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[8554],{41405:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(58618),i=t(74848);const s=e=>{let{src:n,alt:t,...s}=e;return n?(0,i.jsx)("img",{"data-testid":`image-${n||t}`,src:(0,o.gb)(n),alt:t||n,...s}):null}},88554:(e,n,t)=>{t.r(n),t.d(n,{default:()=>K});var o=t(96540),i=t(33185),s=t(92415),r=t(58618);const a=function(){let{theme:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"Default"==e.name},d=(0,i.default)(s.Flex).attrs((e=>({position:"relative",column:!0,flex:"1",justifyContent:"between",background:"mainBackground",...e}))).withConfig({displayName:"styled__MainContainer",componentId:"sc-1qpbiav-0"})([""]),l=(0,i.default)(s.Flex).attrs((e=>({justifyContent:"center",...e}))).withConfig({displayName:"styled__NodeScreenContainer",componentId:"sc-1qpbiav-1"})(["",""],(e=>{if(a(e))return"\n & g#node_inset_shadow {\n opacity: 0.1;\n }\n "})),c=(0,i.default)(s.Flex).attrs((e=>({position:"absolute",zIndex:3,alignItems:"center",justifyContent:"center",...e}))).withConfig({displayName:"styled__NodeButtonContainer",componentId:"sc-1qpbiav-2"})(["inset:0;& > svg{position:absolute;margin:auto;left:50%;transform:translateX(-50%);top:0;bottom:0;"," & #outtie_1_highlight{opacity:1;filter:blur(2px);stroke-dasharray:",";stroke-dashoffset:830;will-change:transform;animation:",";}& #outtie_2_highlight{opacity:1;filter:blur(2px);stroke-dasharray:",";stroke-dashoffset:945;will-change:transform;animation:",";}","}@keyframes outtie_1{0{stroke-dashoffset:830;}50%{stroke-dashoffset:0;opacity:1;}100%{stroke-dashoffset:-830;opacity:0.25;}}@keyframes outtie_2{0{stroke-dashoffset:945;}50%{stroke-dashoffset:0;}100%{stroke-dashoffset:-945;opacity:0.25;}}"],(e=>{let{isOnboarding:n}=e;return n?"left: 160px; transition: 240ms ease; transition-property: left, width; animation: none;":""}),(e=>{let{isOnboarding:n,isLoading:t}=e;return n&&!t?"0":"830"}),(e=>{let{isOnboarding:n,isLoading:t}=e;return!n||t?"outtie_1 10s\n linear(\n 0 0%,\n 0 1.8%,\n 0.01 3.6%,\n 0.03 6.35%,\n 0.07 9.1%,\n 0.13 11.4%,\n 0.19 13.4%,\n 0.27 15%,\n 0.34 16.1%,\n 0.54 18.35%,\n 0.66 20.6%,\n 0.72 22.4%,\n 0.77 24.6%,\n 0.81 27.3%,\n 0.85 30.4%,\n 0.88 35.1%,\n 0.92 40.6%,\n 0.94 47.2%,\n 0.96 55%,\n 0.98 64%,\n 0.99 74.4%,\n 1 86.4%,\n 1 100%\n )\n forwards infinite":"none"}),(e=>{let{isOnboarding:n,isLoading:t}=e;return n&&!t?"0":"945"}),(e=>{let{isOnboarding:n,isLoading:t}=e;return!n||t?"outtie_2 10s\n linear(\n 0 0%,\n 0 1.8%,\n 0.01 3.6%,\n 0.03 6.35%,\n 0.07 9.1%,\n 0.13 11.4%,\n 0.19 13.4%,\n 0.27 15%,\n 0.34 16.1%,\n 0.54 18.35%,\n 0.66 20.6%,\n 0.72 22.4%,\n 0.77 24.6%,\n 0.81 27.3%,\n 0.85 30.4%,\n 0.88 35.1%,\n 0.92 40.6%,\n 0.94 47.2%,\n 0.96 55%,\n 0.98 64%,\n 0.99 74.4%,\n 1 86.4%,\n 1 100%\n )\n forwards infinite":"none"}),(e=>{if(a(e))return`\n & #outtie_1,\n & #outtie_2 {\n stroke: ${(0,s.getColor)("borderSecondary")({theme:e.theme})};\n }\n\n & #outtie_1_highlight,\n & #outtie_2_highlight {\n stroke: black;\n filter: blur(0px);\n }\n `})),g=(0,i.default)(s.Flex).attrs((e=>({width:"320px",height:"320px",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:"5",...e}))).withConfig({displayName:"styled__StyledNodeButton",componentId:"sc-1qpbiav-3"})(["&:hover{~ svg #outtie_1_highlight,~ svg #outtie_2_highlight{stroke-dasharray:0;animation:none;}}"]),u=(0,i.default)(s.Flex).withConfig({displayName:"styled__NodeButtonWaiting",componentId:"sc-1qpbiav-4"})(["position:absolute;margin:auto;left:160px;transform:translateX(-50%);top:0;bottom:0;color:var(--green100);display:flex;align-items:center;"]),h=(0,i.default)(s.Flex).attrs((e=>{let{containerHeight:n,...t}=e;return{position:"absolute",width:t.isOnboarding?"calc(100% - 346px)":"0",height:`${n||500}px`,background:"pnlBackground",border:{side:"all",color:"pnlBorder"},padding:[4],round:!0,top:0,bottom:0,left:"320px",zIndex:10,...t}})).withConfig({displayName:"styled__KickstartContainer",componentId:"sc-1qpbiav-5"})(["opacity:",";visibility:",";margin:auto;transition:400ms ease;&:before{visibility:",';content:"";position:absolute;right:100%;width:108px;height:1px;background:',";top:0;bottom:0;margin:auto;}"],(e=>{let{isOnboarding:n}=e;return n?"1":"0"}),(e=>{let{isOnboarding:n}=e;return n?"visible":"hidden"}),(e=>{let{isOnboarding:n}=e;return n?"visible":"hidden"}),(e=>{let{theme:n}=e;return(0,s.getColor)("pnlBorder")({theme:n})})),f=(0,i.default)(s.Flex).attrs((e=>{let{containerHeight:n,...t}=e;return{height:(n||500)-32-30+"px",padding:[0,2,0,0],overflow:{vertical:"auto"},...t}})).withConfig({displayName:"styled__KickstartContentContainer",componentId:"sc-1qpbiav-6"})([""]),p=i.default.div.withConfig({displayName:"styled__NoiseBg",componentId:"sc-1qpbiav-7"})(['position:absolute;inset:0;background:url("','");filter:',";animation:noise 3s forwards infinite linear;transform:translateZ(0);background-size:cover;transition:",";"," @keyframes noise{0{background-position:0 100%;}100%{background-position:50% 50%;}}"],(e=>{let{theme:n}=e;return(0,r.gb)(`/img/onboarding/noise${"Default"==n.name?"-light":""}.svg`)}),(e=>{let{isHover:n,isOnboarding:t}=e;return t?"contrast(1) saturate(100) blur(20px)":n?"contrast(1) saturate(100) blur(1px)":"blur(0.2px)"}),(e=>{let{isHover:n,isOnboarding:t}=e;return t?"1000ms ease":n?"100ms ease":"5000ms ease"}),(e=>{let{isHover:n,isOnboarding:t}=e;return t?"animation: none;":n?"animation-duration: 10s;":""})),x=(0,i.default)(s.Flex).attrs((e=>({alignItems:"center",justifyContent:"between",padding:[6],...e}))).withConfig({displayName:"styled__Section",componentId:"sc-1qpbiav-8"})([""]),m=(0,i.default)(s.Flex).attrs((e=>({alignItems:"center",height:"40px",border:{side:"all",color:"pnlBorder"},round:!0,padding:[0,4],background:"pnlBackground",...e}))).withConfig({displayName:"styled__BorderedContainer",componentId:"sc-1qpbiav-9"})([""]),b=(0,i.default)(m).attrs((e=>({gap:4,...e}))).withConfig({displayName:"styled__StyledButton",componentId:"sc-1qpbiav-10"})(["&:hover{background-color:",";border-color:",";text-decoration:none;}"],(0,s.getColor)("secondaryHighlight"),(0,s.getColor)("primaryHighlight"));var C=t(24609),v=t(75616),j=t(74848);const y=()=>{const[e,n]=(0,o.useState)(),t=(0,o.useCallback)((e=>{let{isEditable:t}=e;n(t)}),[n]),i=(0,o.useMemo)((()=>e?{height:"60px"}:{}),[e]);return(0,j.jsx)(m,{...i,children:(0,j.jsx)(v.A,{onStateChange:t})})},_=()=>{const e=1==(0,C.UV)("ids").length;return(0,j.jsxs)(x,{"data-testid":"onboarding-header-container",zIndex:5,children:[e?(0,j.jsx)(m,{children:(0,j.jsx)(s.Text,{color:"pnlText",children:"Welcome, a new space has been created."})}):(0,j.jsx)("div",{}),(0,j.jsx)(y,{})]})},k=e=>{let{isOnboarding:n}=e;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("svg",{width:n?"120":"320",height:n?"120":"320",viewBox:"0 0 320 320",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("g",{id:"node_inset_shadow",filter:"url(#inset_shadow)",children:(0,j.jsx)("path",{d:"M152.015 44.7406C156.958 41.8937 163.042 41.8937 167.985 44.7406L255.908 95.3794C260.867 98.2354 263.923 103.522 263.923 109.244V210.455C263.923 216.177 260.867 221.464 255.908 224.319L167.985 274.958C163.042 277.805 156.958 277.805 152.015 274.958L64.0916 224.319C59.1329 221.464 56.077 216.177 56.077 210.455V109.244C56.077 103.522 59.1329 98.2354 64.0916 95.3795L152.015 44.7406Z",fill:"rgba(0,0,0,.3)"})}),(0,j.jsx)("path",{id:"outtie_1",d:"M152.264 24.9838C157.053 22.2259 162.947 22.2259 167.736 24.9838L272.979 85.5983C277.783 88.365 280.744 93.4864 280.744 99.0299V220.192C280.744 225.735 277.783 230.856 272.979 233.623L167.736 294.238C162.947 296.996 157.053 296.996 152.264 294.238L47.0206 233.623C42.2169 230.856 39.2564 225.735 39.2564 220.192V99.0299C39.2564 93.4864 42.2169 88.365 47.0206 85.5983L152.264 24.9838Z",stroke:"#003314"}),(0,j.jsx)("path",{id:"outtie_2",d:"M152.264 5.03243C157.053 2.2745 162.947 2.2745 167.736 5.03242L290.3 75.6226C295.104 78.3893 298.064 83.5108 298.064 89.0542V230.167C298.064 235.711 295.104 240.832 290.3 243.599L167.736 314.189C162.947 316.947 157.053 316.947 152.264 314.189L29.7001 243.599C24.8964 240.832 21.9359 235.711 21.9359 230.167V89.0542C21.9359 83.5107 24.8964 78.3893 29.7001 75.6226L152.264 5.03243Z",stroke:"#003314"}),(0,j.jsx)("defs",{children:(0,j.jsxs)("filter",{id:"inset_shadow",x:"56.0769",y:"42.6054",width:"207.846",height:"234.488",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,j.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,j.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,j.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,j.jsx)("feOffset",{}),(0,j.jsx)("feGaussianBlur",{stdDeviation:"15"}),(0,j.jsx)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,j.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0.2 0 0 0 0 0.0784314 0 0 0 1 0"}),(0,j.jsx)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_759_2378"})]})})]}),(0,j.jsxs)("svg",{width:n?"120":"320",height:n?"120":"320",viewBox:"0 0 320 320",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("path",{id:"outtie_1_highlight",d:"M152.264 24.9838C157.053 22.2259 162.947 22.2259 167.736 24.9838L272.979 85.5983C277.783 88.365 280.744 93.4864 280.744 99.0299V220.192C280.744 225.735 277.783 230.856 272.979 233.623L167.736 294.238C162.947 296.996 157.053 296.996 152.264 294.238L47.0206 233.623C42.2169 230.856 39.2564 225.735 39.2564 220.192V99.0299C39.2564 93.4864 42.2169 88.365 47.0206 85.5983L152.264 24.9838Z",stroke:"#34ff84"}),(0,j.jsx)("path",{id:"outtie_2_highlight",d:"M152.264 5.03243C157.053 2.2745 162.947 2.2745 167.736 5.03242L290.3 75.6226C295.104 78.3893 298.064 83.5108 298.064 89.0542V230.167C298.064 235.711 295.104 240.832 290.3 243.599L167.736 314.189C162.947 316.947 157.053 316.947 152.264 314.189L29.7001 243.599C24.8964 240.832 21.9359 235.711 21.9359 230.167V89.0542C21.9359 83.5107 24.8964 78.3893 29.7001 75.6226L152.264 5.03243Z",stroke:"#bbffd6"}),(0,j.jsx)("defs",{children:(0,j.jsxs)("filter",{id:"inset_shadow",x:"56.0769",y:"42.6054",width:"207.846",height:"234.488",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,j.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,j.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,j.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,j.jsx)("feOffset",{}),(0,j.jsx)("feGaussianBlur",{stdDeviation:"15"}),(0,j.jsx)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,j.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0.2 0 0 0 0 0.0784314 0 0 0 1 0"}),(0,j.jsx)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_759_2378"})]})})]})]})},w=e=>{let{isHover:n,onClick:t,onMouseEnter:o,onMouseLeave:i,children:r}=e;return(0,j.jsx)(g,{onClick:t,onMouseEnter:o,onMouseLeave:i,children:(0,j.jsx)(s.TextBig,{color:n?"nodeButtonsText":"nodeButtonsTextHover",children:r})})},I=(0,o.memo)((e=>{let{isHover:n,isOnboarding:t,isLoading:o,onClick:i,onMouseEnter:r,onMouseLeave:a}=e;return(0,j.jsxs)(c,{isOnboarding:t,isLoading:o,children:[t?null:(0,j.jsx)(w,{isHover:n,onClick:i,onMouseEnter:r,onMouseLeave:a,children:"Connect a node to start."}),(0,j.jsx)(k,{isOnboarding:t}),o?(0,j.jsx)(u,{children:(0,j.jsx)(s.Text,{color:"nodeButtonsText",children:"Waiting..."})}):null]})}));var L=t(58218);const O=e=>{let{isOnboarding:n,startLoading:t}=e;return(0,j.jsx)(h,{isOnboarding:n,children:(0,j.jsx)(L.A,{ContentContainer:e=>(0,j.jsx)(f,{...e}),detailsOpen:!1,startLoading:t})})},B=(0,o.memo)(O);var M=t(6304),A=t(19186),F=t(98545),S=t(30403),T=t(92862),N=t(3319);const H=(0,o.memo)((e=>{let{isHover:n,isOnboarding:t,startOnboarding:i,onMouseEnter:s,onMouseLeave:r}=e;const[a,d]=(0,o.useState)(0),[c,,g,u]=(0,M.A)(),h=(0,C.vt)(),f=(0,A.ID)(),p=(0,A.J_)(h,S.mL),x=(0,T.A)(),{sendLog:m}=(0,N.A)();(0,F.A)({spaceId:h,id:f||p,pollingInterval:3e3,keepPolling:!0,onNodeIdsChange:e=>{d(e?.nodeIds?.length||0)}});const b=(0,o.useCallback)((()=>{m({feature:"Onboarding",description:"Start onboarding (Click main node button)"}),i()}),[i,m]);return(0,o.useEffect)((()=>{a>0&&(u(),x())}),[a,x,u]),(0,j.jsxs)(l,{children:[(0,j.jsx)(I,{isHover:n,isOnboarding:t,isLoading:c,onMouseEnter:s,onMouseLeave:r,onClick:b}),(0,j.jsx)(B,{isOnboarding:t,startLoading:g})]})}));var E=t(88934),q=t(42790),V=t(14457),D=t(41405),G=t(79748),Z=t(4204);const z=["os/redhat.svg","services/postgresql.svg","os/docker.svg","os/kubernetes.svg","services/redis.svg"],U=(0,o.memo)((()=>(0,j.jsx)(s.Flex,{alignItems:"center",gap:3,children:z.map((e=>(0,j.jsx)(D.A,{height:"24px",src:`img/logos/${e}`,alt:e},e)))}))),$=()=>{const e=(0,q.rI)(),n=(0,E.Zp)(),{path:t}=(0,V.Q)(),{sendLog:i}=(0,N.A)(),r=(0,o.useCallback)((()=>{i({feature:"Onboarding",description:"Go to demo space button"})}),[i]),a=(0,o.useCallback)((()=>{i({feature:"Onboarding",description:"Go to integrations button"}),e((e=>({...e,onboarding:"true"}))),n(t,{replace:!0})}),[t,e,i,n]);return(0,j.jsxs)(x,{"data-testid":"onboarding-footer-container",justifyContent:"between",zIndex:5,children:[Z.ei?(0,j.jsx)("div",{}):(0,j.jsx)(G.A,{href:"https://app.netdata.cloud/spaces/netdata-demo",rel:"noopener noreferer",target:"_blank",Component:b,onClick:r,children:(0,j.jsx)(s.Text,{color:"pnlText",children:"Go to Demo space"})}),(0,j.jsxs)(b,{position:"relative",right:"60px",cursor:"pointer",onClick:a,children:[(0,j.jsxs)(s.Flex,{alignItems:"center",gap:2,children:[(0,j.jsx)(s.Icon,{name:"integrations",color:"pnlText"}),(0,j.jsx)(s.Text,{color:"pnlText",children:"Take me to integrations!"})]}),(0,j.jsx)(U,{}),(0,j.jsx)(s.Icon,{name:"chevron_right",color:"pnlText"})]})]})},R=(0,o.memo)($);var W=t(60908);const K=(0,o.memo)((()=>{const[e,,n,t]=(0,M.A)(),[o,,i]=(0,M.A)();return(0,j.jsx)(W.Ay,{feature:"Onboarding",children:(0,j.jsxs)(d,{"data-testid":"onboarding-main-container",children:[(0,j.jsx)(p,{isHover:e,isOnboarding:o}),(0,j.jsx)(_,{}),(0,j.jsx)(H,{isHover:e,isOnboarding:o,onMouseEnter:n,onMouseLeave:t,startOnboarding:i}),(0,j.jsx)(R,{})]})})}))}}]);