https://www.vo-college.se/_next/static/chunks/pages/prenumerera-nyhetsbrev-46fb687d6441d853.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[376],{60248:function(e,r,t){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.IMG_PLACEHOLDER=void 0;var a=n(t(67294)),i=n(t(86010)),s=t(87423);r.IMG_PLACEHOLDER="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";r.default=function(e){var t=e.src,n=e.alt,o=e.className,l=e.height,c=e.width,u=(0,s.useStyles)();return a.default.createElement("img",{src:function(){if(!t)return r.IMG_PLACEHOLDER;var e=[t];return l&&c&&e.push("d=".concat(c,"x").concat(l)),e.join("?")}(),alt:n,className:(0,i.default)(u.root,o),height:l,width:c})}},15280:function(e,r,t){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,a)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),a=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||n(r,e,t)},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var s=t(60248);Object.defineProperty(r,"default",{enumerable:!0,get:function(){return i(s).default}}),a(t(60248),r)},87423:function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.useStyles=void 0;var n=t(84879);r.useStyles=(0,n.makeStyles)((function(){return(0,n.createStyles)({root:{height:"auto",maxWidth:"100%",objectFit:"cover"}})}))},3332:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/prenumerera-nyhetsbrev",function(){return t(46342)}])},46342:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSP:function(){return $},default:function(){return K}});var n=t(85893),a=t(65582),i=t(53768),s=t(67294),o=t(21987),l=t(23972),c=t(48317),u=t(57797),d=t(72643),m=t(86010),f=t(43902),h=t.n(f),v=t(47568),g=t(14924),p=t(26042),x=t(69396),b=t(828),_=t(97582),j=t(48263),Z=t(37786),y=t(1691),A=t(87536),w=t(12177),C=t(50319),E=t(50259),k=t(72132),P=t(11163),N=t(32766),T=t.n(N),O=t(6846),M=t.n(O),S=t(45522),R=t(73327),D=t(76642),q=t(20847),F=t(70785),L=(0,S.Z)((function(e){return(0,R.Z)({dark:{color:e.palette.primary.contrastText}})})),B=(0,s.forwardRef)((function(e,r){var t=L();return(0,n.jsx)(F.Z,{row:!0,children:(0,n.jsx)(q.Z,{control:(0,n.jsx)(D.Z,(0,p.Z)({inputRef:r,classes:{root:t[e.underlay]}},e)),label:e.label})})})),I=t(17891),W=(0,S.Z)((function(e){return(0,R.Z)({root:{borderRadius:e.shape.borderRadiusBig,padding:e.spacing(5),"&$dark":{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},"&$light":{},"&$noFrame":{padding:0}},dark:{},light:{},noFrame:{},textField:{borderRadius:6},margin:{}})})),H=t(30501),Q=t.n(H),G={},V=function(e){var r=e.className,t=e.color,a=void 0===t?"dark":t,i=e.hideFrame,l=W(),c=(0,s.useReducer)(I.reducer,{form:{email:"",firstname:"",lastname:"",compliance:!1}}),u=c[0],f=c[1],N=(0,A.cI)({mode:"onChange"}),O=N.control,S=N.setValue,R=N.formState,D=N.reset,q=(N.getValues,R.isDirty),F=R.isValid,L=R.errors,Q=(0,s.useContext)(d.z),V=(Q.state,Q.dispatch),z=(0,E.xX)().executeRecaptcha,X=(P.useRouter,function(e,r){var t=e.target,n=t.name,a=t.value;"compliance"===n&&(a=r),G[n]=0,clearTimeout(G[n]),f({key:"form.".concat(n),values:a}),G[n]=window.setTimeout((0,v.Z)((function(){return(0,_.__generator)(this,(function(e){return S("".concat(n),a,{shouldValidate:!0,shouldDirty:!0}),[2]}))})),300)}),$=(0,s.useCallback)((0,v.Z)((function(){return(0,_.__generator)(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,z("subzcribeToNewsletter")];case 1:return[2,e.sent()];case 2:return e.sent(),[2,!1];case 3:return[2]}}

1))})),[z]),K=function(){var e=(0,v.Z)((function(){var e,r,t;return(0,_.__generator)(this,(function(n){switch(n.label){case 0:V({key:"loading",values:"subscribeToNewsletter"}),n.label=1;case 1:return n.trys.push([1,4,,5]),e={input:(0,p.Z)({},u.form)},[4,$()];case 2:if(!(r=n.sent()))throw new Error(h().get.messages.invalidCaptcha);return e.input.reCaptchaToken=r,[4,Y({variables:(0,p.Z)({},e)})];case 3:return n.sent(),[3,5];case 4:return t=n.sent(),k.toast.error(t.message,{autoClose:!1}),[3,5];case 5:return V({key:"loading",values:"subscribeToNewsletter"}),[2]}}))}));return function(){return e.apply(this,arguments)}}(),U=function(){D({email:"",firstname:"",lastname:"",compliance:!1}),f({values:(0,p.Z)({},{form:{email:"",firstname:"",lastname:"",compliance:!1}})})},J=(0,b.Z)((0,C.D)(H.SUBSCRIBE_TO_NEWSLETTER,{onError:function(e){k.toast.error(h().get.frontMessages.notPossibleToSubscribeToNewsletter,{autoClose:!1}),U()},onCompleted:function(){U(),f({key:"formSent",values:!0})}}),2),Y=J[0],ee=J[1].loading;return(0,s.useEffect)((function(){U()}),[]),(0,n.jsxs)(o.Z,{elevation:i?0:10,className:(0,m.default)(l.root,l[a],(0,g.Z)({},l.noFrame,i),r),children:[u.formSent&&(0,n.jsx)(y.Z,{severity:"success",sx:{mb:6},children:h().get.frontMessages.thanksForSubscribing}),(0,n.jsxs)(j.ZP,{container:!0,spacing:2,children:[(0,n.jsx)(j.ZP,{item:!0,xs:12,children:(0,n.jsx)(A.Qr,{name:"email",control:O,rules:{required:h().get.form.errors.required,pattern:{value:I.regexPatterns.email,message:h().get.form.errors.invalidEmail}},render:function(e){var r,t=e.field;return(0,n.jsx)(M(),(0,x.Z)((0,p.Z)({},t),{label:h().get.fields.email,className:l.margin,value:u.form.email,onChange:X,variant:"filled",fullWidth:!0,error:!!L[t.name],helperText:L[t.name]&&"".concat(null===(r=L[t.name])||void 0===r?void 0:r.message)}))}})}),(0,n.jsx)(j.ZP,{item:!0,xs:12,children:(0,n.jsx)(A.Qr,{name:"firstname",control:O,rules:{required:h().get.form.errors.required},render:function(e){var r,t=e.field;return(0,n.jsx)(M(),(0,x.Z)((0,p.Z)({},t),{label:h().get.fields.firstname,className:l.margin,value:u.form.firstname,onChange:X,variant:"filled",fullWidth:!0,error:!!L[t.name],helperText:L[t.name]&&"".concat(null===(r=L[t.name])||void 0===r?void 0:r.message)}))}})}),(0,n.jsx)(j.ZP,{item:!0,xs:12,children:(0,n.jsx)(A.Qr,{name:"lastname",control:O,rules:{required:h().get.form.errors.required},render:function(e){var r,t=e.field;return(0,n.jsx)(M(),(0,x.Z)((0,p.Z)({},t),{label:h().get.fields.lastname,className:l.margin,value:u.form.lastname,onChange:X,variant:"filled",fullWidth:!0,error:!!L[t.name],helperText:L[t.name]&&"".concat(null===(r=L[t.name])||void 0===r?void 0:r.message)}))}})}),(0,n.jsxs)(j.ZP,{item:!0,xs:12,children:[(0,n.jsx)(A.Qr,{name:"compliance",control:O,rules:{validate:function(e,r){return!!e||h().get.form.errors.required}},render:function(e){var r=e.field;return(0,n.jsx)(B,(0,x.Z)((0,p.Z)({},r),{label:h().get.frontMisc.approvalDataStorage,underlay:"dark"===a?"dark":void 0,inputProps:{"aria-label":"save data approval checkbox"},checked:u.form.compliance,onChange:X}))}}),(0,n.jsx)(Z.Z,{color:"inherit",href:"/vad-vi-arbetar-med/dataskyddspolicy",target:"__blank",children:h().get.frontMisc.readMore})]}),(0,n.jsx)(j.ZP,{item:!0,xs:12,sx:{textAlign:"right"},children:(0,n.jsx)(T(),{variant:"contained",color:"secondary",startIcon:(0,n.jsx)(w.Z,{}),onClick:K,disabled:ee||!z||!q||!F,children:h().get.newsletter.subscribe})})]})]})},z=V,X=function(e){var r=e.data,t=e.error,i=(0,u.jr)(),f=(0,s.useContext)(d.z);f.state,f.dispatch;return(0,n.jsx)(c.Z,{title:h().get.frontMisc.nyhetsbrev,classes:{content:i.overlappingContent},data:r,error:t,children:(0,n.jsx)(o.Z,{elevation:0,className:i.wrapper,children:(0,n.jsxs)("div",{className:(0,m.default)(i.column,i.columnCenter),children:[(0,n.jsx)("div",{className:i.pageHeader,children:(0,n.jsx)(l.Z,{variant:"h3",component:"h1",color:"primary",align:"center",className:i.title,children:h().get.frontMisc.nyhetsbrev})}),(0,n.jsx)(a.Z,{maxWidth:"sm",children:(0,n.jsx)(z,{color:"light",hideFrame:!0})})]})})})},$=!0,K=function(e){var r=e.data,t=e.error;return(0,n.jsx)(i.e,{client:Q().graphqlClient,children:(0,n.jsx)(X,{data:r,error:t,children:(0,n.jsx)(a.Z,{maxWidth:"sm",sx:{mb:5,mt:5},children:(0,n.jsx)(z,{color:"light"})})})})}},25935:function(e,r,t){"use strict";var n=t(30488);n.domToReact,n.htmlToDOM,n.attributesToProps,n.Element;r.ZP=n}},function(e){e.O(0,[970,769,797,774,888,179],(function(){return r=3332,e(e.s=r);var r}));var r=e.O();_N_E=r}]);