(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{BsWD:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n("a3WO");function a(e,t){if(e){if("string"===typeof e)return Object(r.a)(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r.a)(e,t):void 0}}},Hnp2:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"a",(function(){return c})),n.d(t,"d",(function(){return s})),n.d(t,"e",(function(){return l})),n.d(t,"c",(function(){return u})),n.d(t,"f",(function(){return d}));var r=n("q1tI"),a=n("hGKM"),o=n("hs51"),i=function(e){var t=e.name,n=e.elementDataSet,r=n.trackScreenName,i=void 0===r?"registration form":r,c=n.trackElementName,s=void 0===c?t:c,l=n.trackElementType,u=void 0===l?"field":l,d="gender selector"!==s?"focus":"click";o.a.registrationFormInteraction({element_action:d,element_name:s,element_type:u,screen_name:i},{context:Object(a.b)()})},c=function(e){var t=e.errorValue,n=e.name,r=e.elementDataSet,i=r.trackScreenName,c=void 0===i?"registration form":i,s=r.trackElementName,l=void 0===s?n:s,u=r.trackElementType,d=void 0===u?"field":u;o.a.registrationFormError({element_action:"error",element_name:l,element_type:d,error_title:t.toLowerCase(),screen_name:c},{context:Object(a.b)()})},s=function(){o.a.registrationFormInteraction({element_action:"click",element_name:"register button",screen_name:"registration form",element_type:"button"},{context:Object(a.b)()})},l=function(){Object(r.useEffect)((function(){analytics.page("Registration",{screen_name:"registration form"},{context:Object(a.b)()})}),[])},u=function(){o.a.registrationFormInteraction({element_action:"click",element_name:"leanback and enjoy",screen_name:"registration confirmation",element_type:"button"},{context:Object(a.b)()})},d=function(){Object(r.useEffect)((function(){analytics.page("Registration",{screen_name:"registration confirmation"},{context:Object(a.b)()})}),[])}},Jgqm:function(e,t,n){"use strict";var r=n("wx14"),a=n("q1tI"),o=n.n(a),i=n("vOnD"),c=n("LJxE"),s=o.a.createElement,l=function(e){return s("svg",Object(r.a)({width:Object(c.c)(28),height:Object(c.c)(28),viewBox:"0 0 29 28"},e),s("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.286 14.011c1.129 1.37 4.945 5.561 9.35 5.561 4.416 0 8.223-4.189 9.35-5.56-1.13-1.371-4.944-5.561-9.35-5.561-4.414 0-8.222 4.189-9.35 5.56m9.35 7.012c-5.98 0-10.663-6.315-10.86-6.584a.726.726 0 010-.856C3.973 13.315 8.656 7 14.636 7c5.98 0 10.665 6.315 10.86 6.584.187.254.187.6 0 .856-.195.268-4.88 6.583-10.86 6.583m0-9.912a2.902 2.902 0 000 5.802c1.6 0 2.901-1.302 2.901-2.901 0-1.6-1.3-2.901-2.9-2.901m0 7.252a4.357 4.357 0 01-4.353-4.351c0-2.4 1.953-4.352 4.352-4.352 2.4 0 4.352 1.952 4.352 4.352a4.356 4.356 0 01-4.352 4.35"}))},u=Object(i.d)(l).withConfig({displayName:"Eye__ShowPasswordIcon",componentId:"qulb94-0"})(["cursor:pointer;flex-shrink:0;"]),d=n("UJj6"),m=n("Ff2n"),f=n("PUAK"),b=o.a.createElement,h=Object(a.forwardRef)((function(e,t){var n=e.Icon,a=e.hasError,o=Object(m.a)(e,["Icon","hasError"]);return b(d.a,{hasError:a},b(f.a,Object(r.a)({ref:t},o)),b(n,null))})),p=o.a.createElement,g=Object(a.forwardRef)((function(e,t){var n=Object(r.a)({},e),o=Object(a.useState)(!0),i=o[0],c=o[1];return p(d.c,null,p(h,Object(r.a)({Icon:function(){return p(u,{style:{color:i?"inherit":"white"},onClick:function(){c((function(e){return!e}))}})}},n,{type:i?"password":"text",ref:t})))}));t.a=g},LuBP:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/register",function(){return n("pn/8")}])},ODXe:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n("BsWD");function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(s){a=!0,o=s}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}}(e,t)||Object(r.a)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},Ymt8:function(e,t,n){"use strict";var r=n("rePB"),a=n("ODXe"),o=n("nOHt");function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}t.a=function(){var e=Object(o.useRouter)().query;return Object.entries(e).reduce((function(e,t){var n=Object(a.a)(t,2),o=n[0],c=n[1];return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){Object(r.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e,Object(r.a)({},o,Array.isArray(c)?c[c.length-1]:c))}),{})}},a3WO:function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return r}))},aVuU:function(e,t,n){"use strict";var r=n("q1tI"),a=n.n(r),o=n("vOnD"),i=n("ECTY"),c=n("w62z"),s=n("J0Oc"),l=n("qQls"),u=n("LJxE"),d=a.a.createElement,m=Object(o.d)(i.b).withConfig({displayName:"Page__StyledCenter",componentId:"sc-46uq10-0"})(["padding:",";"],Object(u.c)(20));t.a=function(e){var t=e.children,n=Object(l.a)();return d(a.a.Fragment,null,d("a",{href:n},d(c.a,null)),d(m,null,d(s.c,{y:100}),t))}},e2qv:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n("o0o1"),a=n.n(r),o=n("nOHt"),i=n.n(o),c=n("qnM9"),s=n("royr"),l=function(e,t,n){var r,o,l,u,d,m,f;return a.a.async((function(b){for(;;)switch(b.prev=b.next){case 0:if(r=Object(s.a)(),o=r.redirect,l=r.state,u=r.tvcode,d=r.accessToken,!u){b.next=7;break}return b.next=4,a.a.awrap(fetch((h=u,"".concat(c.a,"/sso/tv/").concat(h)),{method:"post",headers:{accept:"application/json","content-type":"application/json",Authorization:"Bearer ".concat(d)}}));case 4:i.a.push("/tv-success"),b.next=10;break;case 7:m=o.includes("?")?"&":"?",f=n?"&redirect=".concat(n):"",window.location.href="".concat(o).concat(m,"code=").concat(encodeURIComponent(e),"&email=").concat(encodeURIComponent(t),"&state=").concat(l).concat(f);case 10:case"end":return b.stop()}var h}),null,null,null,Promise)}},"pn/8":function(e,t,n){"use strict";n.r(t);var r=n("o0o1"),a=n.n(r),o=n("a3WO");var i=n("BsWD");function c(e){return function(e){if(Array.isArray(e))return Object(o.a)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Object(i.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var s=n("q1tI"),l=n.n(s),u=n("YFqc"),d=n.n(u),m=n("nOHt"),f=n.n(m),b=n("xM1d"),h=n("vOnD"),p=h.d.fieldset.withConfig({displayName:"Fieldset",componentId:"sc-1euko4o-0"})(["padding:0;border:none;margin:0;"]),g=n("pITZ"),y=n("qnM9"),v=n("e2qv"),O=n("royr"),w=n("Hnp2"),j=n("OUgu"),E=n("wx14"),k=n("Ff2n");var _=n("J0Oc"),x=n("LJxE"),I=l.a.createElement,D=Object(h.d)(g.i).withConfig({displayName:"RadioInput__RadioLabel",componentId:"sc-1f7d98y-0"})(["cursor:pointer;display:flex;justify-content:center;align-items:center;width:33%;float:left;"]),S=h.d.span.withConfig({displayName:"RadioInput__FakeBox",componentId:"sc-1f7d98y-1"})(["width:",";height:",";border:1px solid ",";border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:",";"],Object(x.c)(20),Object(x.c)(20),(function(e){var t=e.hasError;return void 0!==t&&t?"#ff0032":"rgba(255, 255, 255, 0.5)"}),Object(x.c)(-6)),C=h.d.span.withConfig({displayName:"RadioInput__Check",componentId:"sc-1f7d98y-2"})(["width:",";height:",";background:white;border-radius:50%;transition:all 0.3s ease;"],Object(x.c)(12),Object(x.c)(12)),R=h.d.input.attrs({type:"radio"}).withConfig({displayName:"RadioInput__RadioInputElement",componentId:"sc-1f7d98y-3"})(["position:absolute;left:-9999px;&:not(:checked) + "," > ","{opacity:0;transform:scale(0);}&:checked + "," > ","{opacity:1;transform:scale(1);}"],S,C,S,C),q=Object(s.forwardRef)((function(e,t){var n=e.id,r=void 0===n?((e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e));for(;e--;){let r=63&n[e];t+=r<36?r.toString(36):r<62?(r-26).toString(36).toUpperCase():r<63?"_":"-"}return t})():n,a=e.hasError,o=void 0!==a&&a,i=e.children,c=Object(k.a)(e,["id","hasError","children"]);return I(D,{htmlFor:r},I(R,Object(E.a)({id:r},c,{ref:t})),I(S,{hasError:o},I(C,null)),I(_.c,{x:10}),i)})),A=n("PUAK"),F=n("Jgqm"),P=n("Emts"),N=n("aVuU"),T=n("ECTY"),J=l.a.createElement,M=h.d.form.withConfig({displayName:"RegisterForm__FormElement",componentId:"sc-19rbr1x-0"})(["width:100%;max-width:",";"],Object(x.c)(380)),B=function(e){var t=e.children,n=Object(k.a)(e,["children"]),r=s.Children.count(t);if(11!==r)throw Error("This layout component must have 11 children but has ".concat(r));var a=s.Children.toArray(t);return J(M,n,J(T.b,null,a[0]),J(_.c,{y:50}),a[1],J(_.c,{y:20}),a[2],J(_.c,{y:40}),a[3],J(_.c,{y:20}),a[4],J(_.c,{y:40}),a[5],J(_.c,{y:20}),a[6],J(_.c,{y:40}),a[7],J(_.c,{y:20}),a[8],J(_.c,{y:50}),a[9],J(_.c,{y:10}),a[10])},L=l.a.createElement,z={"4xx":["password","submit","Validation Error"],DUPLICATE:["email","validation","Es gibt schon einen Nutzer mit dieser E-Mail Adresse"],SERVERERROR:["password","submit","Oops - es ist ein Fehler aufgetreten, bitte versuche es sp\xe4ter erneut"]};t.default=function(){var e,t,n,r,o,i,l,u,m,h=Object(j.a)({errorTrackFn:w.a,focusTrackFn:w.b,mode:"onBlur"}),E=h.register,k=h.handleSubmit,_=h.errors,x=h.setError,I=h.handleFormFocus,D=h.watch,S=h.setValue,C=h.formState.isSubmitting;Object(s.useEffect)((function(){window.location.replace("https://www.joyn.de/register")}),[]),Object(O.c)(),Object(w.e)();var R=Boolean(_.email),T=Boolean(_.birthday),J=Boolean(_.gender),M=Boolean(_.password),U="submit"===(null===(e=_.password)||void 0===e?void 0:e.type),W=Boolean((null===(t=D("email"))||void 0===t?void 0:t.length)&&(null===(n=D("password"))||void 0===n?void 0:n.length)&&(null===(r=D("gender"))||void 0===r?void 0:r.length)&&(null===(o=D("birthday"))||void 0===o?void 0:o.length)),V=R||M||C||!W,G=D("birthday",""),H=Object(s.useRef)(G);Object(s.useEffect)((function(){[2,5].includes(G.length)&&H.current.length<G.length&&S("birthday","".concat(G,".")),H.current=G}),[G]);var K=k((function(e){var t,n,r,o,i,s,l,u,d;return a.a.async((function(m){for(;;)switch(m.prev=m.next){case 0:return t=e.email,n=e.password,r=e.birthday,o=e.gender,m.prev=1,m.next=4,a.a.awrap(Object(y.d)({email:t,password:n,birthday:r,gender:o}));case 4:if(i=m.sent,s=i.refresh_token,l=i.access_token,Object(O.b)({authcode:s,accessToken:l,email:t}),m.prev=8,u=Object(O.a)(),!u.redirect.includes("bestellen")){m.next=12;break}return m.abrupt("return",Object(v.a)(s,t));case 12:return m.prev=12,f.a.push({pathname:"/register-success"}),m.finish(12);case 15:m.next=20;break;case 17:m.prev=17,m.t0=m.catch(1),Object.keys(z).includes(m.t0.message)&&(d=z[m.t0.message],x.apply(void 0,c(d)));case 20:case"end":return m.stop()}}),null,null,[[1,17],[8,,12,15]],Promise)}));return L(N.a,null,L(B,{onSubmit:K,onFocus:I()},L(g.e,null,"Registrierung"),L(P.a,null,L(A.b,{autoFocus:!0,name:"email",type:"email",inputMode:"email",disabled:C,placeholder:"E-Mail",hasError:R,ref:E({required:"Du musst eine E-Mail angeben",pattern:{value:/^[a-zA-Z0-9.!#$%&\u2019*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,message:"Falsches E-Mail Format"}})}),R&&L(g.b,null,null===(i=_.email)||void 0===i?void 0:i.message)),L(P.a,null,L(F.a,{disabled:C,name:"password",hasError:M,placeholder:"Passwort",ref:E({required:"Du musst ein Passwort angeben",minLength:{value:6,message:"Dein Passwort muss mindestens 6 Zeichen lang sein"}})}),(M||U)&&L(g.b,null,null===(l=_.password)||void 0===l?void 0:l.message)),L(g.k,null,"Wann bist du geboren?"),L(P.a,null,L(A.b,{name:"birthday",type:"text",inputMode:"numeric",disabled:C,placeholder:"TT.MM.JJJJ","data-track-screen-name":"registration birthday",hasError:T,onKeyDown:function(e){return"."===e.key&&e.preventDefault()},ref:E({required:"Wir brauchen ein Geburtsdatum von dir",pattern:{value:/^\s*(3[01]|[12][0-9]|0?[1-9])\.(1[012]|0?[1-9])\.((?:19|20)\d{2})\s*$/,message:"Falsches Datums-Format."}})}),T&&L(g.b,null,null===(u=_.birthday)||void 0===u?void 0:u.message)),L(g.k,null,"Verr\xe4tst du uns dein Geschlecht?"),L(P.a,null,L(p,null,L(q,{"data-track-screen-name":"registration gender","data-track-element-type":"button","data-track-element-name":"gender selector",name:"gender",value:"female",hasError:J,id:"gender_female",disabled:C,ref:E({required:"Du musst ein Geschlecht angeben"})},"Weiblich"),L(q,{"data-track-screen-name":"registration gender","data-track-element-type":"button","data-track-element-name":"gender selector",name:"gender",value:"male",hasError:J,id:"gender_male",disabled:C,ref:E({required:"Du musst ein Geschlecht angeben"})},"M\xe4nnlich"),L(q,{"data-track-screen-name":"registration gender","data-track-element-type":"button","data-track-element-name":"gender selector",name:"gender",value:"diverse",hasError:J,id:"gender_divers",disabled:C,ref:E({required:"Du musst ein Geschlecht angeben"})},"Divers")),J&&L(g.b,null,null===(m=_.gender)||void 0===m?void 0:m.message)),L(g.k,null,"Mit meiner Registrierung stimme ich den"," ",L("a",{href:"https://www.joyn.de/agb",target:"_blank",rel:"noopener noreferrer"},L(g.a,null,"AGB"))," ","zu und habe die"," ",L("a",{href:"https://www.joyn.de/datenschutz",target:"_blank",rel:"noopener noreferrer"},L(g.a,null,"Datenschutzbestimmungen"))," ","zur Kenntnis genommen."),L(g.k,null,"Wir m\xf6chten dir gerne per E-Mail Neuigkeiten \xfcber Joyn schicken. Wir machen das nicht oft und wir schreiben nur wirklich interessante Sachen. Versprochen. Wenn du m\xf6chtest, kannst du das nat\xfcrlich jederzeit abbestellen."),L(b.a,{type:"submit",disabled:V,onClick:function(){Object(w.d)()}},"Kostenlos registrieren"),L(d.a,{href:"/login",passHref:!0},L(b.b,{as:"a"},"Hast du schon einen Account? Login"))))}},qQls:function(e,t,n){"use strict";var r=n("Ymt8");t.a=function(){return"at"===Object(r.a)().origin?"https://www.joyn.at":"https://www.joyn.de"}},w62z:function(e,t,n){"use strict";var r=n("vOnD"),a=n("LJxE"),o=n("q1tI"),i=n.n(o),c=n("Ymt8"),s=i.a.createElement,l=r.d.object.withConfig({displayName:"Joyn__StyledObject",componentId:"k4vc3g-0"})(["width:",";"],Object(a.c)(67)),u=function(e){var t=e.className,n=Object(c.a)().origin;return s(l,{className:t,data:"at"===n?"headerLogoAT.svg":"headerLogoDE.svg"})},d=Object(r.d)(u).withConfig({displayName:"Logo__StickyLogo",componentId:"iqec3x-0"})(["position:absolute;top:",";left:",";transition:all 300ms ease-in-out;","{left:50%;transform:translateX(-50%);}"],Object(a.c)(35),Object(a.c)(40),a.a);t.a=d}},[["LuBP",0,2,4,1,3,5,6,8]]]);
//# sourceMappingURL=register.js.map