https://www.jvk.nl/_next/static/chunks/app/%5Blocale%5D/%5Bwebspac…/(public)/login/page-9a89bb4a78338bf0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2087],{11929:(e,a,r)=>{"use strict";let n;r.d(a,{A:()=>i});let t={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)},l=new Uint8Array(16),o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));let i=function(e,a,r){if(t.randomUUID&&!a&&!e)return t.randomUUID();let i=(e=e||{}).random||(e.rng||function(){if(!n&&!(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(l)})();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,a){r=r||0;for(let e=0;e<16;++e)a[r+e]=i[e];return a}return function(e,a=0){return o[e[a+0]]+o[e[a+1]]+o[e[a+2]]+o[e[a+3]]+"-"+o[e[a+4]]+o[e[a+5]]+"-"+o[e[a+6]]+o[e[a+7]]+"-"+o[e[a+8]]+o[e[a+9]]+"-"+o[e[a+10]]+o[e[a+11]]+o[e[a+12]]+o[e[a+13]]+o[e[a+14]]+o[e[a+15]]}(i)}},13611:(e,a,r)=>{"use strict";r.d(a,{t:()=>i});var n=r(22544);let t=(e,a,r)=>{if(e&&"reportValidity"in e){let t=(0,n.Jt)(r,a);e.setCustomValidity(t&&t.message||""),e.reportValidity()}},l=(e,a)=>{for(let r in a.fields){let n=a.fields[r];n&&n.ref&&"reportValidity"in n.ref?t(n.ref,r,e):n.refs&&n.refs.forEach(a=>t(a,r,e))}},o=(e,a)=>e.some(e=>e.startsWith(a+"."));function i(e,a,r){return void 0===a&&(a={}),void 0===r&&(r={}),function(t,i,s){try{return Promise.resolve(function(n,o){try{var c=(a.context,Promise.resolve(e["sync"===r.mode?"validateSync":"validate"](t,Object.assign({abortEarly:!1},a,{context:i}))).then(function(e){return s.shouldUseNativeValidation&&l({},s),{values:r.raw?t:e,errors:{}}}))}catch(e){return o(e)}return c&&c.then?c.then(void 0,o):c}(0,function(e){var a;if(!e.inner)throw e;return{values:{},errors:((e,a)=>{a.shouldUseNativeValidation&&l(e,a);let r={};for(let t in e){let l=(0,n.Jt)(a.fields,t),i=Object.assign(e[t]||{},{ref:l&&l.ref});if(o(a.names||Object.keys(e),t)){let e=Object.assign({},(0,n.Jt)(r,t));(0,n.hZ)(e,"root",i),(0,n.hZ)(r,t,e)}else(0,n.hZ)(r,t,i)}return r})((a=!s.shouldUseNativeValidation&&"all"===s.criteriaMode,(e.inner||[]).reduce(function(e,r){if(e[r.path]||(e[r.path]={message:r.message,type:r.type}),a){var t=e[r.path].types,l=t&&t[r.type];e[r.path]=(0,n.Gb)(r.path,a,e,r.type,l?[].concat(l,r.message):r.message)}return e},{})),s)}}))}catch(e){return Promise.reject(e)}}}},22672:e=>{e.exports={pane:"Pane_pane__EaP45",pane__body:"Pane_pane__body__Pdfda",pane__background:"Pane_pane__background__oWoqp","pane__background-media":"Pane_pane__background-media__pKTkc","pane__background-video-media":"Pane_pane__background-video-media__kHgrY","pane__background-pause":"Pane_pane__background-pause__plUeA","pane__background--overlay-white":"Pane_pane__background--overlay-white__HS2SQ","pane__background--overlay-black":"Pane_pane__background--overlay-black__pzp11","pane__background-video":"Pane_pane__background-video__eB99c",pane__content:"Pane_pane__content__5m1pO","pane--background":"Pane_pane--background__NBkRg","pane--background-start":"Pane_pane--background-start__v59iz","pane--background-end":"Pane_pane--background-end__DL8dr","pane--white":"Pane_pane--white__TM8Zz","pane--light":"Pane_pane--light__2Tzqy","pane--dark":"Pane_pane--dark__CR0sy","pane--primary":"Pane_pane--primary__fqcs6","pane--secondary":"Pane_pane--secondary__A6YMb","pane--tertiary":"Pane_pane--tertiary__xZUMY","pane--transparent":"Pane_pane--transparent__dOyC8","pane--primary-40-white":"Pane_pane--primary-40-white__6Xncr","pane--primary-80-white":"Pane_pane--primary-80-white__XDNbD","pane--secondary-40-white":"Pane_pane--secondary-40-white__dyZ_5","pane--secondary-80-white":"Pane_pane--secondary-80-white__my7LT","pane--tertiary-40-white":"Pane_pane--tertiary-40-white__PYsfL","pane--tertiary-80-white":"Pane_pane--tertiary-80-white__NRN2i","pane--primary-40-black":"Pane_pane--primary-40-black__acLXq","pane--primary-80-black":"Pane_pane--primary-80-black__y3hrG","pane--secondary-40-black":"Pane_pane--secondary-40-black__o_46q","pane--secondary-80-black":"Pane_pane--secondary-80-black___mUxq","pane--tertiary-40-black":"Pane_pane--tertiary-40-black__WPVCD","pane--tertiary-80-black":"Pane_pane--tertiary-80-black__psV_M","pane--text-white":"Pane_pane--text-white__rdEem","pane--text-dark":"Pane_pane--text-dark__Vqth0","pane--height__viewport":"Pane_pane--height__viewport__FfCtO","pane--content__center"

1:"Pane_pane--content__center__7abDH","pane--content__bottom":"Pane_pane--content__bottom__eNpaO"}},38572:e=>{e.exports={panel:"Panel_panel__XNwkX"}},42634:()=>{},49399:(e,a,r)=>{"use strict";r.d(a,{A:()=>i});var n=r(95155),t=r(79121),l=r(38572),o=r.n(l);function i(e){let{className:a,children:r}=e;return(0,n.jsx)("div",{className:(0,t.A)(o().panel,a),children:r})}},51982:(e,a,r)=>{Promise.resolve().then(r.bind(r,65084)),Promise.resolve().then(r.bind(r,92530)),Promise.resolve().then(r.bind(r,53098)),Promise.resolve().then(r.bind(r,99283))},53098:(e,a,r)=>{"use strict";r.d(a,{default:()=>L});var n=r(95155),t=r(60115),l=r(49399),o=r(82046),i=r(79483),s=r(79121),c=r(35867),d=r(75391),_=r(11287),p=r(5519),u=r(25874),h=r(13611),m=r(56150),f=r(13778),g=r(20063),y=r(20463),v=r.n(y),x=r(12115),b=r(22544),j=r(35068),k=r(95604),w=r(11929),P=r(71431),A=r.n(P);let z=(0,c.SA)();function N(){var e,a,r,l,o;let i=(0,x.useCallback)(()=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"login",login_id:(0,w.A)(),login_datetime:new Date().toISOString()})},[]),c=(0,k.useTranslations)(),{portalId:y}=(0,u.j)(),P=(0,g.useSearchParams)(),[N,S]=(0,x.useState)({username:null!=(o=P.get("email"))?o:"",password:""}),{username:M,password:V}=N,[C,L]=(0,x.useState)("idle"),[E,T]=(0,x.useState)(""),U=(0,j.Ik)().shape({username:(0,j.Yj)().required(c("form.required")).email(c("form.email_validation")),password:(0,j.Yj)().required(c("form.required")).matches(/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/,c("form.password.requirements"))}),O=(0,b.mN)({mode:"onTouched",resolver:(0,h.t)(U)}),{setToken:D,setRefreshToken:H}=(0,f.usePortalStore)(e=>({setToken:e.setToken,setRefreshToken:e.setRefreshToken})),{register:R,formState:{errors:q}}=O,I=R("username"),Z=R("password");return(0,n.jsxs)("form",{className:(0,s.A)(A().form),onSubmit:O.handleSubmit(()=>{null!==y&&(T(""),L("loading"),(0,m.U5)(M,V,y).then(e=>{if(!e.data.token||!e.data.refreshToken)return Promise.reject();i(),L("success"),D(e.data.token),H(e.data.refreshToken)}).catch(e=>{var a,r,n;if((null==(a=e.response)?void 0:a.status)===401)L("idle"),O.setError("username",{type:"invalid",message:c("portal.login_screen.login_card.invalid_login")}),O.setError("password",{type:"invalid",message:c("portal.login_screen.login_card.invalid_login")});else{let a=null==(n=e.response)||null==(r=n.data)?void 0:r.message;if("object"==typeof a){L("idle"),Object.entries(a).forEach(e=>{let[a,r]=e;O.setError(a,{type:"submit",message:r})});return}"string"==typeof a&&T(a),L("error")}}))}),children:["error"===C?(0,n.jsx)(d.A,{theme:"error",children:E||c("portal.login_screen.message")}):null,(0,n.jsx)("div",{className:(0,s.A)(A().form__input),children:(0,n.jsx)(_.A,{...I,onChange:e=>{I.onChange(e),S(a=>({...a,username:e.target.value}))},value:M,type:"email",label:c("form.input.email.label"),placeholder:c("form.input.email.placeholder"),autoComplete:"username",error:null==(a=q.username)||null==(e=a.message)?void 0:e.toString()})}),(0,n.jsx)("div",{className:(0,s.A)(A().form__input),children:(0,n.jsx)(_.A,{...Z,onChange:e=>{Z.onChange(e),S(a=>({...a,password:e.target.value}))},value:V,type:"password",label:c("form.input.password.label"),placeholder:c("form.input.password.placeholder"),autoComplete:"current-password",error:null==(l=q.password)||null==(r=l.message)?void 0:r.toString()})}),(0,n.jsxs)("div",{className:(0,s.A)(A().form__buttons),children:[(0,n.jsx)(t.default,{theme:"primary",title:c("portal.login_screen.login_card.button"),className:(0,s.A)(A().form__button),disabled:"loading"===C,loading:"loading"===C}),(0,n.jsx)(p.default,{href:"".concat(z,"?").concat(v().stringify({email:M})),addWebspace:!0,children:c("portal.login_screen.login_card.forget_password")})]})]})}var S=r(71473),M=r.n(S),V=r(55120);let C=(0,c.l_)();function L(){let e=(0,k.useTranslations)();return(0,n.jsx)(i.A,{theme:"light",backgroundStart:"false"!==(0,V.A)("SHOW_PORTAL_BACKGROUND_PATTERN")?(0,n.jsx)(o.default,{}):"",children:(0,n.jsxs)("div",{className:(0,s.A)(M().grid),children:[(0,n.jsx)("div",{children:(0,n.jsxs)(l.A,{children:[(0,n.jsx)("p",{className:(0,s.A)("h3"),children:e("portal.login_screen.login_card.title")}),(0,n.jsx)(x.Suspense,{children:(0,n.jsx)(N,{})})]})}),(0,n.jsx)("div",{children:(0,n.jsxs)(l.A,{children:[(0,n.jsx)("p",{className:(0,s.A)("h4"),children:e("portal.login_screen.login_info_card.title")}),(0,n.jsx)("p",{children:e("portal.login_screen.login_info_card.text")}),(0,n.jsx)(t.default,{theme:"highlight-outlined",title:e("portal.login_screen.login_info_card.button"),href:C,addWebspace:!0})]})})]})})}},71431:e=>{e.exports={form:"LoginForm_form__j9idd",form__input:"LoginForm_form__input__NZTdO",form__buttons:"LoginForm_form__buttons__C6wLO"}},71473:e=>{e.exports={grid:"Login_grid__4izVT"}},75391:(e,a,r)=>{"use strict";r.d(a,{A:()=>c});var n=r(95155),t=r(95415),l=r(79121),o=r(83156),i=r.n(o);let s={error:"error",warning:"info",success:"check"};function c(e){let{icon:a,theme:r,className:o,iconClassName:c,bodyClassName:d,children:_}=e;return(0,n.jsxs)("div",{className:(0,l.A)(i().alert,i()["alert--".concat(r)],o),children:[(0,n.jsx)(t.A,{icon:null!=a?a:s[r],className:(0,l.A)(i().alert__icon,c)}),(0,n.jsx)("div",{className:(0,l.A)(i().alert__body,d),children:_})]})}},79483:(e,a,r)=>{"use strict";r.d(a,{A:()=>s});var n=r(95155),t=r(27733),l=r(79121),o=r(22672),i=r.n(o);function s(e){let{id:a,className:r,backgroundClassName:o,bodyClassName:s,contentClassName:c,background:d,backgroundStart:_,backgroundEnd:p,theme:u,children:h,body:m=(0,n.jsx)(t.A,{children:h}),paneHeight:f="auto",paneContentAlignment:g="top"}=e;return(0,n.jsx)("section",{tabIndex:-1,id:a,className:(0,l.A)(i().pane,r,i()["pane--".concat(u||"light")],d?i()["pane--background"]:"",_?i()["pane--background-start"]:"",p?i()["pane--background-end"]:"",i()["pane--height__".concat(f)],i()["pane--content__".concat(g)]),children:(0,n.jsxs)("div",{className:(0,l.A)(i().pane__body,s),children:[d?(0,n.jsx)("div",{className:(0,l.A)(i().pane__background,o),children:d}):null,_?(0,n.jsx)("div",{className:(0,l.A)(i().pane__background,o),children:_}):null,p?(0,n.jsx)("div",{className:(0,l.A)(i().pane__background,o),children:p}):null,(0,n.jsx)("div",{className:(0,l.A)(i().pane__content,c),children:(0,n.jsx)("div",{className:(0,l.A)(i().pane__content__inner),children:m})})]})})}},79893:e=>

1{e.exports={background:"BackgroundPattern_background__HccG6",background__pattern:"BackgroundPattern_background__pattern__RBStZ"}},82046:(e,a,r)=>{"use strict";r.d(a,{default:()=>s});var n=r(95155),t=r(72346),l=r(79121),o=r(79893),i=r.n(o);function s(e){let{className:a,patternClassName:r}=e,{config:{style:o}}=(0,t.t)();return(0,n.jsx)("div",{className:(0,l.A)(i().background,a),children:(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1020 510",fill:"none",fillRule:"evenodd",className:(0,l.A)(i().background__pattern,r),children:[(0,n.jsx)("path",{fill:o.colorPrimary,d:"M0 0h1020v510H0z"}),(0,n.jsx)("path",{fill:"#000",d:"M69 58h39v39H69zM919 58h39v39h-39z"}),(0,n.jsx)("path",{fill:o.colorSecondary,d:"M0 0v510h340V340H170V170zm340 340h212v-42h-42V0H340v170zm0-340h-84.999v85.001zm-84.999 0H170v85.001zm255 340v170l84-84.999zM680 0v170h340L850 0z"}),(0,n.jsx)("path",{fill:o.colorPrimary,d:"M85 0c46.944 0 85 38.056 85 85s-38.056 85-85 85S0 131.944 0 85 38.056 0 85 0zm0 69c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM935 0c46.944 0 85 38.056 85 85s-38.056 85-85 85-85-38.056-85-85 38.056-85 85-85zm0 69c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16z"}),(0,n.jsxs)("g",{fill:"#000",children:[(0,n.jsx)("path",{d:"M0 170c57.333 4.667 97.333 23.667 120 57s20.333 57-7 71l-77 42H0z"}),(0,n.jsx)("circle",{cx:-255,cy:-432,r:57,transform:"scale(-1)"}),(0,n.jsx)("circle",{cx:425,cy:78,r:57}),(0,n.jsx)("path",{d:"M680 0v256h-42.999v42H680v42l170-170H716l77-42c27.333-14 29.667-37.667 7-71S737.333 4.667 680 0zm170 170v170l170-170z"})]}),(0,n.jsx)("path",{fill:"#fff",d:"M84.999 0C61.527 0 40.276 9.514 24.894 24.896l48.79 48.79A15.952 15.952 0 0 1 84.998 69c8.837 0 16 7.164 16 16 0 4.419-1.792 8.418-4.687 11.313l48.79 48.79c15.382-15.382 24.896-36.63 24.896-60.103 0-46.944-38.055-85-85-85zm84.999 85.001V170l-170 170h170v170h3c-2-28.667 7-58.333 27-89s66.667-57.667 140-81V170H169.997l84.999-84.999V0zm85.001 0V170l84.999-84.999V0zM340 170h297v44.001h42.999v-214h-173c2 28.667-7 58.333-27 89s-66.667 57.667-140 81zm340 0h170V0zm170 0L680 340l-86 85.001 86 84.021V510l.494-.494.506.494-.006-.995 169.01-169.01zm0 170v170l170-170V170zm-170 0v-42h-42.999v42zm-340-84.999c24.667 31.333 54 47 88 47s61.332-15.667 81.998-47c-16-36-43.332-54.001-81.998-54.001s-68 18.001-88 54.001zm-170 170c-16-36-43.333-54.001-82-54.001s-68 18.001-88 54.001c24.667 31.333 54 47 88 47s61.333-15.667 82-47zM935 0c46.944 0 85 38.056 85 85 0 23.472-9.514 44.722-24.896 60.104l-48.79-48.79A15.95 15.95 0 0 0 951 85c0-8.837-7.163-16-16-16-4.418 0-8.418 1.79-11.314 4.686l-48.79-48.79C890.278 9.514 911.528 0 935 0z"}),(0,n.jsx)("path",{fill:"#000",d:"M255 85.001 169.999 170H255zM255 170h84.999V85.001z"}),(0,n.jsx)("path",{fill:o.colorSecondary,d:"M850 340 680 510h170zm0 170h170V340z"}),(0,n.jsx)("path",{fill:"#000",d:"m594.995 24.19 60.811 60.811-60.811 60.811-60.811-60.81zM254.997 194.186l60.811 60.81-60.811 60.812-60.811-60.811z"}),(0,n.jsx)("path",{fill:o.colorPrimary,d:"M552 42h86v86h-86zM212 212h86v86h-86z"}),(0,n.jsx)("path",{fill:o.colorSecondary,d:"m566.71 85.001 28.285-28.284 28.284 28.284-28.284 28.285zM226.713 254.997l28.284-28.284 28.284 28.284-28.284 28.284z"}),(0,n.jsx)("circle",{cx:595,cy:85,r:8,fill:"#fff"}),(0,n.jsx)("circle",{cx:255,cy:255,r:8,fill:"#fff"}),(0,n.jsx)("circle",{cx:425,cy:252,r:20,fill:"#000"}),(0,n.jsx)("circle",{cx:85,cy:422,r:20,fill:"#000"}),(0,n.jsx)("path",{fill:o.colorSecondary,d:"M594 298h43v42h-43zM594 214h43v42h-43z"}),(0,n.jsx)("path",{fill:"#fff",d:"M551 256h43v42h-43z"}),(0,n.jsx)("path",{fill:"#000",d:"M551 298h43v42h-43zM340 340v170h170V340zm170 170h170l-85.999-84.999z"}),(0,n.jsx)("circle",{cx:424,cy:381,r:17,fill:o.colorSecondary}),(0,n.jsx)("circle",{cx:468,cy:381,r:17,fill:o.colorPrimary}),(0,n.jsx)("circle",{cx:380,cy:381,r:17,fill:"#fff"}),(0,n.jsx)("circle",{cx:424,cy:425,r:17,fill:o.colorPrimary}),(0,n.jsx)("circle",{cx:468,cy:425,r:17,fill:o.colorPrimary}),(0,n.jsx)("circle",{cx:380,cy:425,r:17,fill:o.colorSecondary}),(0,n.jsx)("circle",{cx:424,cy:469,r:17,fill:o.colorSecondary}),(0,n.jsx)("circle",{cx:468,cy:469,r:17,fill:"#fff"}),(0,n.jsx)("circle",{cx:380,cy:469,r:17,fill:o.colorPrimary})]})})}},83156:e=>{e.exports={alert:"Alert_alert__kmzm3","alert--error":"Alert_alert--error__28LD5",alert__icon:"Alert_alert__icon__2XRre","alert--warning":"Alert_alert--warning__ugGZ9","alert--success":"Alert_alert--success__jZM0G"}},92530:(e,a,r)=>{"use strict";r.r(a),r.d(a,{PageDataLayer:()=>i});var n=r(12115),t=r(72346),l=r(55120),o=r(9847);function i(e){let{type:a,category:r}=e,i=function(){let e=(0,o.useLocale)(),{webspace:a}=(0,t.t)();return(0,n.useCallback)((r,n)=>{let t=window.location.host;window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"page",page_type:r,page_category:n,dealer_name:(0,l.A)("TENANT_NAME").toLowerCase(),webspace:a,environment:t.includes(".qlico")?"development":t.includes(".uwdatamotive")||t.includes(".uwwerkplaatsplanner")?"production":"live",timestamp:new Date().toISOString(),page_layout:window.matchMedia("(min-width: 1024px)").matches?"desktop":window.matchMedia("(min-width: 600px)").matches?"tablet":"mobile",platform:"web",page_language:e})},[e])}();return(0,n.useEffect)(()=>{i(a,r)},[]),null}},99283:(e,a,r)=>{"use strict";r.d(a,{default:()=>l});var n=r(95155),t=r(95604);function l(e){let{locale:a,messages:r,children:l}=e;return(0,n.jsx)(t.NextIntlClientProvider,{locale:a,messages:r,formats:{},timeZone:"Europe/Amsterdam",onError:e=>{e.code!==t.IntlErrorCode.MISSING_MESSAGE&&console.error(e)},children:l})}}},e=>{e.O(0,[5579,2545,5604,7121,1124,9799,463,5622,115,5491,8441,1255,7358],()=>e(e.s=51982)),_N_E=e.O()}]);