1
|
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e6a10f4b-e1b1-4683-9600-82592172f126",e._sentryDebugIdIdentifier="sentry-dbid-e6a10f4b-e1b1-4683-9600-82592172f126")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"1f9bd6d85714735ca8bbf884fbe65fc5566ec047"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[252],{46019:function(e,t,n){n.r(t),n.d(t,{SignIn:function(){return B},default:function(){return _}});n(74916),n(15306),n(64765),n(77601);var a=n(67294),i=n(89250),r=n(17563),o=n(57509),l=n(15794),c=n(1043),u=n(87562),d=n(26502),s=(n(92222),n(60677)),f=s.default.a.withConfig({displayName:"linkButton__LinkButton",componentId:"sc-9kv26a-0"})(["color:",";text-decoration:none;background-color:transparent;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:",";background:",";border:1px solid ",";border-radius:2px;max-width:320px;width:100%;",";&:hover{text-decoration:none;color:unset;}"],(0,o.getColor)("background"),(0,o.getSizeBy)(5.5),(0,o.getColor)("mainBackground"),(0,o.getColor)("mainBackground"),(function(e){var t=e.disabled;return"\n opacity: ".concat(t?.4:1,";\n pointer-events: ").concat(t?"none":"auto",";\n ")})),g=function(e){return(0,s.default)(f).withConfig({displayName:"linkButton",componentId:"sc-9kv26a-1"})(["box-shadow:0px 0px 1px rgba(0,0,0,0.12);border-radius:2px;background:",";border:1px solid ",";span{flex:1;display:flex;align-items:center;justify-content:center;padding:0 ",";color:",";}"],e,e,(0,o.getSizeBy)(1),(0,o.getColor)("bright"))},m=g("#445260"),p=g("#4285f4"),b=n(29439),h=n(78312),E=function(e){var t=e.onSubmit,n=e.disabled,i=e.initialValue,r=e.buttonLabel,l=e.tagging,c=(0,o.useInputValue)({value:i||""}),u=(0,b.Z)(c,4),d=u[0],s=u[1],f=u[3],g=(0,o.useTouchedState)({}),m=(0,b.Z)(g,2),p=m[0],E=m[1],v=(0,a.useState)(!1),x=(0,b.Z)(v,2),w=x[0],y=x[1],k=(0,a.useCallback)((function(e){e.preventDefault(),t(d)}),[t,d]);return a.createElement(o.Flex,{as:"form",column:!0,gap:4,width:"100%","data-testid":"emailField"},a.createElement(h.U5,{value:d,onChange:s,isValid:w,setIsValid:y,instantFeedback:"positiveFirst",isDirty:f,success:w&&"Valid E-mail",onBlur:E,touched:p,"data-testid":"emailField-input"}),a.createElement(h.Sn,{type:"submit",disabled:n||!f,width:"100%",label:r,onClick:k,"data-ga":"signinup::click-email::".concat(l),"data-testid":"emailField-submitButton"}))},v=n(8360),x=n(91940),w=function(){return a.createElement(o.Flex,{height:"1px",width:"100%",background:"disabled"})},y=n(87462),k=n(46189),C=n(92432),I=k.Z.demoSlug,S=function(e){return a.createElement(o.Text,(0,y.Z)({textAlign:"center"},e),"Discover the power and simplicity of Netdata in our live infrastructure monitoring"," ",a.createElement(h.Fg,{onClick:function(){(0,C.L)("signinup","click-demo","sni-view")},href:"/spaces/".concat(I),target:"_blank"},"demo")," ")},F=function(e){var t=e.to;return a.createElement(o.Box,{position:"fixed"},a.createElement(o.Button,{as:"a",href:t,flavour:"borderless",label:"Go back to ".concat(t.replace(/#.*/,"")),icon:"arrow_left",rel:"noopener noreferrer"}))},B=function(){var e=(0,i.TH)().search,t=window.location.hash,n=(0,c.iM)(),l=r.parse(e).redirect_uri,s=(0,a.useCallback)((function(a){var i=encodeURIComponent((0,u.$)("/sign-in".concat(e),t)),r=encodeURIComponent((0,u.$)("/sign-up/verify".concat(e),t));n({email:a,redirectURI:i,registerURI:r})}),[]);return(0,a.useEffect)((function(){if(/app\.netdata\.cloud/.test(location.hostname)){var e=document.createElement("script");return e.src="https://zsvdrp94yfxr.statuspage.io/embed/script.js",e.async=!0,document.body.appendChild(e),function(){document.body.removeChild(e)}}}),[]),a.createElement(a.Fragment,null,!!l&&a.createElement(F,{to:l}),a.createElement(x.Z,{"data-testid":"signIn"},a.createElement(o.H1,{textAlign:"center"},"Welcome!"),a.createElement(o.TextBig,{textAlign:"center"},"Sign in and let\u2019s get you started:"),a.createElement(h.Yb,null,a.createElement(o.Flex,{column:!0,gap:4},a.createElement(p,{href:(0,u.G)("google"),disabled:!1,"data-ga":"signinup::click-google::sni-view","data-testid":"signIn-googleButton"},a.createElement(h.xG,null,a.createElement(d.av,null)),a.createElement(o.Text,{textAlign:"center"},"Continue with Google")),a.createElement(m,{href:(0,u.G)("github"),disabled:!1,"data-ga":"signinup::click-github::sni-view","data-testid":"signIn-githubButton"},a.createElement(h.xG,null,a.createElement(d.bY,null)),a.createElement(o.Text,null,"Continue with GitHub"))),a.createElement(o.Flex,{gap:2,alignItems:"center"},a.createElement(w,null),a.createElement(o.H4,null,"or"),a.createElement(w,null)),a.createElement(E,{onSubmit:s,buttonLabel:"Sign in by email",tagging:"sni-view"})),a.createElement(o.Flex,{column:!0,gap:2,alignSelf:"center",width:{max:"480px"}},a.createElement(o.TextBig,{textAlign:"center"},"Don't have a Netdata account yet? Relax! Sign-in and we will create one for you!"),a.createElement(S,{margin:[4,0,0]}),a.createElement(v.Z,null)),a.createElement(w,null),a.createElement(o.Flex,{column:!0,gap:4,alignItems:"center"},a.createElement(d.lR,null),a.createElement(o.TextSmall,{textAlign:"center"},"Netdata is a member of the Cloud Native Computing Foundation (CNCF), and it is the 3rd most starred project in the CNCF landscape."))))},_=(0,l.k)(B,"light")},76362:function(e,t,n){n.d(t,{S1:function(){return r},ZT:function(){return a},ae:function(){return l},jU:function(){return o},on:function(){return i}});var a=function(){};function i(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.addEventListener&&e.addEventListener.apply(e,t)}function r(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)}var o="undefined"!==typeof window,l="undefined"!==typeof navigator},94829:function(e,t,n){var a=n(67294),i=n(76362);t.Z=function(e,t){var n=(0,a.useState)(function(e,t){return void 0!==t?t:!!i.jU&&window.matchMedia(e).matches}(e,t)),r=n[0],o=n[1];return(0,a.useEffect)((function(){var t=!0,n=window.matchMedia(e),a=function(){t&&o(!!n.matches)};return n.addListener(a),o(n.matches),function(){t=!1,n.removeListener(a)}}),[e]),r}}}]);
|
