!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"0725d67f2585acd82a0d73d488b6cd9060c3224d"};var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="d8999dc4-efac-4f46-9638-cb721f3b1f3a",e._sentryDebugIdIdentifier="sentry-dbid-d8999dc4-efac-4f46-9638-cb721f3b1f3a")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[2108],{62108(e,a,t){t.r(a),t.d(a,{default:()=>w});var o=t(96540),n=t(76667),l=t(78904),r=t(10444),i=t(24285),s=t(94404),u=t(60908),d=t(882);const c=(0,d.default)(l.ModalContent).attrs(e=>{let{isMobile:a}=e;return{width:a?{base:"95vw"}:{base:150},maxHeight:a?{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"})([""]),m=(0,d.default)(l.Flex).attrs({justifyContent:"center",alignItems:"center",gap:2,padding:[3,0]}).withConfig({displayName:"styled__ProgressContainer",componentId:"sc-1njks9u-2"})([""]),h=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:a}=e;return a&&(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=t(74848);const p=e=>{let{currentStep:a,totalSteps:t}=e;return(0,b.jsxs)(m,{children:[Array.from({length:t},(e,t)=>(0,b.jsx)(h,{active:t+1<=a},t)),(0,b.jsxs)(l.TextSmall,{margin:[0,0,0,2],color:"textLite",children:["Step ",a," of ",t]})]})},f=[{value:"Personal (homelab)",label:"For personal use"},{value:"Work",label:"With my team"}],x=e=>{let{value:a,onChange:t}=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:a===e.value,onChange:()=>t(e.value),value:e.value,children:(0,b.jsx)(l.TextSmall,{children:e.label})},e.value))})]})})})},v=[{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"}],y=[{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:a,jobRole:t,infrastructure:n,monitoring:r,monitoringOther:i,onJobRoleChange:s,onInfrastructureChange:u,onMonitoringChange:d,onMonitoringOtherChange:c}=e;const m=(0,o.useMemo)(()=>v.find(e=>e.value===t),[t]),h=(0,o.useMemo)(()=>y.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"===a&&(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:m,options:v,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:h,options:y,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})]})]})})};t(33110);var C=t(64251);const k=(0,s.A)(l.Button),w=e=>{let{email:a}=e;const t=(0,n.Zp)(),{pathname:s}=(0,n.zy)(),d=(0,r.J)(),g=(0,i.fW)("signupSurveySubmitted"),m=(0,i.fW)("onboardingFormData"),[h,f]=(0,o.useState)(1),[v,y]=(0,o.useState)({usageType:"",jobRole:"",infrastructure:"",monitoring:"",monitoringOther:""}),j=(0,o.useCallback)((e,a)=>{y(t=>({...t,[e]:a}))},[]),w=(0,o.useMemo)(()=>{const e="Work"!==v.usageType||!!v.jobRole;switch(h){case 1:return!!v.usageType;case 2:return e&&!!v.infrastructure&&v.monitoring&&("other"!==v.monitoring||!!v.monitoringOther);default:return!1}},[h,v]),T=(0,o.useCallback)(()=>{h<2&&f(e=>e+1)},[h,2]),O=(0,o.useCallback)(()=>{h>1&&f(e=>e-1)},[h]),M=(0,o.useCallback)(()=>{const e={usageType:v.usageType,jobRole:"Work"===v.usageType?v.jobRole:null,infrastructure:v.infrastructure,monitoring:"other"===v.monitoring?v.monitoringOther:v.monitoring,submittedAt:(new Date).toISOString()};(async e=>{let{formData:a,email:t}=e;const o={fields:[{name:"email",value:t},{name:"[Profiling] Netdata Use",value:a.usageType},{name:"Job role",value:"Work"===a.usageType?a.jobRole:null},{name:"[Profiling] Infrastructure Size",value:a.infrastructure},{name:"[Profiling] Other Monitoring Tool",value:a.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:v,email:a}).catch(()=>{}),m(e),g(!0);const o=new URLSearchParams;o.set("post_survey_submit","true");const n=`${s}?${o.toString()}`;t(n,{replace:!0})},[v,a,g,m,s,t]);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:h,totalSteps:2}),1===h&&(0,b.jsx)(x,{value:v.usageType,onChange:e=>j("usageType",e)}),2===h&&(0,b.jsx)(S,{usageType:v.usageType,jobRole:v.jobRole,infrastructure:v.infrastructure,monitoring:v.monitoring,monitoringOther:v.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:[h>1&&(0,b.jsx)(l.Button,{flavour:"hollow",onClick:O,label:"Back"}),h<2?(0,b.jsx)(k,{feature:"OnboardingFormNext",label:"Continue",onClick:T,disabled:!w,payload:{step:h}}):(0,b.jsx)(k,{feature:"OnboardingFormSubmit",label:"Continue",onClick:M,disabled:!w,payload:{formData:v}})]})]})})})}}}]);