!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"b3c473d2ca33393fa546694d92302a2d960eb3e4"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1a07e61e-0f82-45df-8857-5af65c755d20",e._sentryDebugIdIdentifier="sentry-dbid-1a07e61e-0f82-45df-8857-5af65c755d20")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[2108],{62108(e,t,o){o.r(t),o.d(t,{default:()=>D});var n=o(64467),a=(o(98992),o(54520),o(3949),o(62953),o(48408),o(96540)),r=o(41344),l=o(99191),i=o(10444),s=o(24285),u=o(94404),c=o(60908),d=o(51510);function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}const p=(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);"]),b=(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=>function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){(0,n.A)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return 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 f=o(74848);const y=e=>{let{currentStep:t,totalSteps:o}=e;return(0,f.jsxs)(m,{children:[Array.from({length:o},((e,o)=>(0,f.jsx)(h,{active:o+1<=t},o))),(0,f.jsxs)(l.TextSmall,{margin:[0,0,0,2],color:"textLite",children:["Step ",t," of ",o]})]})},v=[{value:"Personal (homelab)",label:"For personal use"},{value:"Work",label:"With my team"}],j=e=>{let{value:t,onChange:o}=e;return(0,f.jsx)(b,{children:(0,f.jsx)(l.Flex,{column:!0,gap:3,width:"100%",children:(0,f.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,f.jsx)(l.TextSmall,{color:"text",children:"How are you planning to use Netdata?"}),(0,f.jsx)(l.Flex,{column:!0,gap:2,children:v.map((e=>(0,f.jsx)(l.RadioButton,{checked:t===e.value,onChange:()=>o(e.value),value:e.value,children:(0,f.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"}],O=[{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+)"}],S=[{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"}],w=e=>{let{usageType:t,jobRole:o,infrastructure:n,monitoring:r,monitoringOther:i,onJobRoleChange:s,onInfrastructureChange:u,onMonitoringChange:c,onMonitoringOtherChange:d}=e;const g=(0,a.useMemo)((()=>x.find((e=>e.value===o))),[o]),p=(0,a.useMemo)((()=>O.find((e=>e.value===n))),[n]),m=(0,a.useMemo)((()=>S.find((e=>e.value===r))),[r]);return(0,f.jsx)(b,{children:(0,f.jsxs)(l.Flex,{column:!0,gap:3,width:"100%",children:["Work"===t&&(0,f.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,f.jsx)(l.TextSmall,{color:"text",children:"What's your role?"}),(0,f.jsx)(l.Select,{value:g,options:x,onChange:e=>s((null===e||void 0===e?void 0:e.value)||""),placeholder:"Select role",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}})]}),(0,f.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,f.jsx)(l.TextSmall,{color:"text",children:"How large is your infrastructure (Servers/VMs/Hosts/Network devices etc)?"}),(0,f.jsx)(l.Select,{value:p,options:O,onChange:e=>u((null===e||void 0===e?void 0:e.value)||""),placeholder:"Select size",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}})]}),(0,f.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,f.jsx)(l.TextSmall,{color:"text",children:"What OTHER monitoring tool do you primarily use?"}),(0,f.jsx)(l.Select,{value:m,options:S,onChange:e=>c((null===e||void 0===e?void 0:e.value)||""),placeholder:"Select tool",menuPlacement:"auto",menuPortalTarget:document.body,styles:{minWidth:"100%"}}),"other"===r&&(0,f.jsx)(l.TextInput,{placeholder:"Please specify...",value:i,onChange:e=>d(e.target.value),autoFocus:!0})]})]})})};o(33110);var C=o(64251);function k(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function P(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?k(Object(o),!0).forEach((function(t){(0,n.A)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):k(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const T=(0,u.A)(l.Button),D=e=>{let{email:t}=e;const o=(0,r.Zp)(),{pathname:n}=(0,r.zy)(),u=(0,i.J)(),d=(0,s.fW)("signupSurveySubmitted"),g=(0,s.fW)("onboardingFormData"),[b,m]=(0,a.useState)(1),[h,v]=(0,a.useState)({usageType:"",jobRole:"",infrastructure:"",monitoring:"",monitoringOther:""}),x=(0,a.useCallback)(((e,t)=>{v((o=>P(P({},o),{},{[e]:t})))}),[]),O=(0,a.useMemo)((()=>{const e="Work"!==h.usageType||!!h.jobRole;switch(b){case 1:return!!h.usageType;case 2:return e&&!!h.infrastructure&&h.monitoring&&("other"!==h.monitoring||!!h.monitoringOther);default:return!1}}),[b,h]),S=(0,a.useCallback)((()=>{b<2&&m((e=>e+1))}),[b,2]),k=(0,a.useCallback)((()=>{b>1&&m((e=>e-1))}),[b]),D=(0,a.useCallback)((()=>{const e={usageType:h.usageType,jobRole:"Work"===h.usageType?h.jobRole:null,infrastructure:h.infrastructure,monitoring:"other"===h.monitoring?h.monitoringOther:h.monitoring,submittedAt:(new Date).toISOString()};(async e=>{let{formData:t,email:o}=e;const n={fields:[{name:"email",value:o},{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(n)}).then((e=>{if(!e.ok)throw new Error("HubSpot submission failed: ".concat(e.status))})).catch((e=>{var t;"production"!==(null===(t=window.envSettings)||void 0===t?void 0:t.nodeEnv)&&C.Cp(e)}))})({formData:h,email:t}).catch((()=>{})),g(e),d(!0);const a=new URLSearchParams;a.set("post_survey_submit","true");const r="".concat(n,"?").concat(a.toString());o(r,{replace:!0})}),[h,t,d,g,n,o]);return(0,f.jsx)(l.Modal,{backdropProps:{backdropBlur:!0},children:(0,f.jsx)(c.Ay,{feature:"OnboardingForm",children:(0,f.jsxs)(p,{isMobile:u,children:[(0,f.jsx)(l.ModalHeader,{background:"",children:(0,f.jsxs)(l.Flex,{column:!0,gap:2,children:[(0,f.jsxs)(l.Flex,{gap:2,alignItems:"center",children:[(0,f.jsx)(l.Icon,{name:"netdataPress",color:"text"}),(0,f.jsx)(l.H4,{children:"Tell us a bit more about yourself"})]}),(0,f.jsx)(l.Text,{color:"textLite",children:"This helps us personalize your experience"})]})}),(0,f.jsxs)(l.ModalBody,{children:[(0,f.jsx)(y,{currentStep:b,totalSteps:2}),1===b&&(0,f.jsx)(j,{value:h.usageType,onChange:e=>x("usageType",e)}),2===b&&(0,f.jsx)(w,{usageType:h.usageType,jobRole:h.jobRole,infrastructure:h.infrastructure,monitoring:h.monitoring,monitoringOther:h.monitoringOther,onJobRoleChange:e=>x("jobRole",e),onInfrastructureChange:e=>x("infrastructure",e),onMonitoringChange:e=>x("monitoring",e),onMonitoringOtherChange:e=>x("monitoringOther",e)})]}),(0,f.jsxs)(l.ModalFooter,{hasBorder:!1,gap:2,children:[b>1&&(0,f.jsx)(l.Button,{flavour:"hollow",onClick:k,label:"Back"}),b<2?(0,f.jsx)(T,{feature:"OnboardingFormNext",label:"Continue",onClick:S,disabled:!O,payload:{step:b}}):(0,f.jsx)(T,{feature:"OnboardingFormSubmit",label:"Continue",onClick:D,disabled:!O,payload:{formData:h}})]})]})})})}}}]);