try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="bb8ec073-591f-4cde-ad01-561b13dc7e98",e._sentryDebugIdIdentifier="sentry-dbid-bb8ec073-591f-4cde-ad01-561b13dc7e98")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"adbf370de266b6285fb4579f90234131a2c6c9d2"}}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[2108],{62108:(e,t,a)=>{a.r(t),a.d(t,{default:()=>k});var o=a(96540),n=a(88934),l=a(86177),r=a(10444),i=a(24285),s=a(94404),u=a(60908),d=a(33185);const c=(0,d.default)(l.ModalContent).attrs((e=>{let{isMobile:t}=e;return{width:t?{base:"95vw"}:{base:150},maxHeight:t?{base:"95vh"}:{base:"90vh"},background:"mainBackground",backgroundOpacity:.45,border:"border"}})).withConfig({displayName:"styled__OnboardingModalContent",componentId:"sc-1njks9u-0"})(["backdrop-filter:blur(10px);"]),g=(0,d.default)(l.Flex).attrs({column:!0,gap:4,padding:[0,0,4],width:"100%"}).withConfig({displayName:"styled__StepContainer",componentId:"sc-1njks9u-1"})([""]),h=(0,d.default)(l.Flex).attrs({justifyContent:"center",alignItems:"center",gap:2,padding:[3,0]}).withConfig({displayName:"styled__ProgressContainer",componentId:"sc-1njks9u-2"})([""]),m=d.default.div.withConfig({displayName:"styled__ProgressDot",componentId:"sc-1njks9u-3"})(["width:8px;height:8px;border-radius:50%;background-color:",";transition:background-color 0.2s ease;"],(e=>(0,l.getColor)(e.active?"primary":"border")(e)));(0,d.default)(l.Flex).attrs((e=>({as:"li",role:"option",padding:[2,2],gap:1,width:"100%",...e}))).withConfig({displayName:"styled__OptionContainer",componentId:"sc-1njks9u-4"})(["cursor:pointer;transition:background-color 0.2s ease;&:hover{background-color:",";}background-color:",";"],(0,l.getColor)("secondaryHighlight"),(e=>{let{selected:t}=e;return t&&(0,l.getColor)("idleClear")})),(0,d.default)(l.Flex).attrs({flexDirection:"column",gap:2,padding:[2,0,0]}).withConfig({displayName:"styled__OtherInputContainer",componentId:"sc-1njks9u-5"})([""]);var b=a(74848);const p=e=>{let{currentStep:t,totalSteps:a}=e;return(0,b.jsxs)(h,{children:[Array.from({length:a},((e,a)=>(0,b.jsx)(m,{active:a+1<=t},a))),(0,b.jsxs)(l.TextSmall,{margin:[0,0,0,2],color:"textLite",children:["Step ",t," of ",a]})]})},f=[{value:"Personal (homelab)",label:"For personal use"},{value:"Work",label:"With my team"}],y=e=>{let{value:t,onChange:a}=e;return(0,b.jsx)(g,{children:(0,b.jsx)(l.Flex,{column:!0,gap:3,width:"100%",children:(0,b.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,b.jsx)(l.TextSmall,{color:"text",children:"How are you planning to use Netdata?"}),(0,b.jsx)(l.Flex,{column:!0,gap:2,children:f.map((e=>(0,b.jsx)(l.RadioButton,{checked:t===e.value,onChange:()=>a(e.value),value:e.value,children:(0,b.jsx)(l.TextSmall,{children:e.label})},e.value)))})]})})})},x=[{value:"DevOps",label:"DevOps"},{value:"SRE",label:"SRE"},{value:"System Administration",label:"System Administration"},{value:"Software Development",label:"Software Development"},{value:"Management",label:"Management"},{value:"Other",label:"Other"}],v=[{value:"S (1 - 25)",label:"S (1 - 25)"},{value:"M (26 - 99)",label:"M (26 - 99)"},{value:"L (100 - 500)",label:"L (100 - 500)"},{value:"XL (501 - 2000)",label:"XL (501 - 2000)"},{value:"XXL (2000+)",label:"XXL (2000+)"}],j=[{value:"I don't use any tool",label:"I don't use any tool"},{value:"Prometheus",label:"Prometheus"},{value:"Grafana",label:"Grafana"},{value:"Datadog",label:"Datadog"},{value:"SolarWinds",label:"SolarWinds"},{value:"Dynatrace",label:"Dynatrace"},{value:"New Relic",label:"New Relic"},{value:"Zabbix",label:"Zabbix"},{value:"PRTG",label:"PRTG"},{value:"Nagios",label:"Nagios"},{value:"CheckMK",label:"CheckMK"},{value:"Other",label:"Other"}],S=e=>{let{usageType:t,jobRole:a,infrastructure:n,monitoring:r,monitoringOther:i,onJobRoleChange:s,onInfrastructureChange:u,onMonitoringChange:d,onMonitoringOtherChange:c}=e;const h=(0,o.useMemo)((()=>x.find((e=>e.value===a))),[a]),m=(0,o.useMemo)((()=>v.find((e=>e.value===n))),[n]),p=(0,o.useMemo)((()=>j.find((e=>e.value===r))),[r]);return(0,b.jsx)(g,{children:(0,b.jsxs)(l.Flex,{column:!0,gap:3,width:"100%",children:["Work"===t&&(0,b.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,b.jsx)(l.TextSmall,{color:"text",children:"What's your role?"}),(0,b.jsx)(l.Select,{value:h,options:x,onChange:e=>s(e?.value||""),placeholder:"Select role",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}})]}),(0,b.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,b.jsx)(l.TextSmall,{color:"text",children:"How large is your infrastructure (Servers/VMs/Hosts/Network devices etc)?"}),(0,b.jsx)(l.Select,{value:m,options:v,onChange:e=>u(e?.value||""),placeholder:"Select size",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}})]}),(0,b.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,b.jsx)(l.TextSmall,{color:"text",children:"What OTHER monitoring tool do you primarily use?"}),(0,b.jsx)(l.Select,{value:p,options:j,onChange:e=>d(e?.value||""),placeholder:"Select tool",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}}),"other"===r&&(0,b.jsx)(l.TextInput,{placeholder:"Please specify...",value:i,onChange:e=>c(e.target.value),autoFocus:!0})]})]})})};var C=a(64251);const w=(0,s.A)(l.Button),k=e=>{let{email:t}=e;const a=(0,n.Zp)(),{pathname:s}=(0,n.zy)(),d=(0,r.J)(),g=(0,i.fW)("signupSurveySubmitted"),h=(0,i.fW)("onboardingFormData"),[m,f]=(0,o.useState)(1),[x,v]=(0,o.useState)({usageType:"",jobRole:"",infrastructure:"",monitoring:"",monitoringOther:""}),j=(0,o.useCallback)(((e,t)=>{v((a=>({...a,[e]:t})))}),[]),k=(0,o.useMemo)((()=>{const e="Work"!==x.usageType||!!x.jobRole;switch(m){case 1:return!!x.usageType;case 2:return e&&!!x.infrastructure&&x.monitoring&&("other"!==x.monitoring||!!x.monitoringOther);default:return!1}}),[m,x]),T=(0,o.useCallback)((()=>{m<2&&f((e=>e+1))}),[m,2]),O=(0,o.useCallback)((()=>{m>1&&f((e=>e-1))}),[m]),M=(0,o.useCallback)((()=>{const e={usageType:x.usageType,jobRole:"Work"===x.usageType?x.jobRole:null,infrastructure:x.infrastructure,monitoring:"other"===x.monitoring?x.monitoringOther:x.monitoring,submittedAt:(new Date).toISOString()};(async e=>{let{formData:t,email:a}=e;const o={fields:[{name:"email",value:a},{name:"[Profiling] Netdata Use",value:t.usageType},{name:"Job role",value:"Work"===t.usageType?t.jobRole:null},{name:"[Profiling] Infrastructure Size",value:t.infrastructure},{name:"[Profiling] Other Monitoring Tool",value:t.monitoring},{name:"Typeform Submitted At",value:(new Date).toLocaleDateString("en-US")}].filter((e=>e.value)),context:{pageUri:window.location.href,pageName:document.title}};return fetch("https://api.hsforms.com/submissions/v3/integration/submit/4567453/8bd8ff86-ef4a-4944-9756-4335079d00d9",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then((e=>{if(!e.ok)throw new Error(`HubSpot submission failed: ${e.status}`)})).catch((e=>{"production"!==window.envSettings?.nodeEnv&&C.Cp(e)}))})({formData:x,email:t}).catch((()=>{})),h(e),g(!0);const o=new URLSearchParams;o.set("post_survey_submit","true");const n=`${s}?${o.toString()}`;a(n,{replace:!0})}),[x,t,g,h,s,a]);return(0,b.jsx)(l.Modal,{backdropProps:{backdropBlur:!0},children:(0,b.jsx)(u.Ay,{feature:"OnboardingForm",children:(0,b.jsxs)(c,{isMobile:d,children:[(0,b.jsx)(l.ModalHeader,{background:"",children:(0,b.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,b.jsxs)(l.Flex,{gap:2,alignItems:"center",children:[(0,b.jsx)(l.Icon,{name:"netdataPress",color:"text"}),(0,b.jsx)(l.H4,{children:"Tell us a bit more about yourself"})]}),(0,b.jsx)(l.Text,{color:"textLite",children:"This helps us personalize your experience"})]})}),(0,b.jsxs)(l.ModalBody,{children:[(0,b.jsx)(p,{currentStep:m,totalSteps:2}),1===m&&(0,b.jsx)(y,{value:x.usageType,onChange:e=>j("usageType",e)}),2===m&&(0,b.jsx)(S,{usageType:x.usageType,jobRole:x.jobRole,infrastructure:x.infrastructure,monitoring:x.monitoring,monitoringOther:x.monitoringOther,onJobRoleChange:e=>j("jobRole",e),onInfrastructureChange:e=>j("infrastructure",e),onMonitoringChange:e=>j("monitoring",e),onMonitoringOtherChange:e=>j("monitoringOther",e)})]}),(0,b.jsxs)(l.ModalFooter,{hasBorder:!1,gap:2,children:[m>1&&(0,b.jsx)(l.Button,{flavour:"hollow",onClick:O,label:"Back"}),m<2?(0,b.jsx)(w,{feature:"OnboardingFormNext",label:"Continue",onClick:T,disabled:!k,payload:{step:m}}):(0,b.jsx)(w,{feature:"OnboardingFormSubmit",label:"Continue",onClick:M,disabled:!k,payload:{formData:x}})]})]})})})}}}]);