"use strict";(globalThis["webpackChunkcasestudy"]=globalThis["webpackChunkcasestudy"]||[]).push([[471],{5572:(e,t,s)=>{s.d(t,{C:()=>r,_:()=>l});const a="/api/",l=async e=>{let t,s=n();try{let l=await fetch(`${a}${e}`,{method:"GET",headers:s});t=await l.json()}catch(l){console.log(l),t={error:`Error has occured: ${l.message}`}}return t},r=async(e,t)=>{let s,l=n();try{let r=await fetch(`${a}${e}`,{method:"POST",headers:l,body:JSON.stringify(t)});s=await r.json()}catch(r){s=r}return s},n=()=>{const e=new Headers,t=JSON.parse(sessionStorage.getItem("customer"));return t?(e.append("Content-Type","application/json"),e.append("Authorization","Bearer "+t.token)):e.append("Content-Type","application/json"),e}},9471:(e,t,s)=>{s.r(t),s.d(t,{default:()=>f});var a=s(9835),l=s(6970);const r=(0,a._)("div",{class:"text-h4 text-center q-mt-md q-mb-md text-primary"},"Login",-1),n={class:"text-title2 text-center text-positive text-bold q-mt-sm"};function o(e,t,s,o,i,d){const u=(0,a.up)("q-input"),m=(0,a.up)("q-btn"),c=(0,a.up)("q-form"),p=(0,a.up)("q-card");return(0,a.wg)(),(0,a.iD)(a.HY,null,[r,(0,a._)("div",n,(0,l.zw)(o.state.status),1),(0,a.Wm)(p,{class:"q-ma-md q-pa-md"},{default:(0,a.w5)((()=>[(0,a.Wm)(c,{ref:"myForm",class:"q-gutter-md",greedy:"",onSubmit:o.login,onReset:o.resetFields},{default:(0,a.w5)((()=>[(0,a.Wm)(u,{outlined:"",placeholder:"Email",id:"email",modelValue:o.state.email,"onUpdate:modelValue":t[0]||(t[0]=e=>o.state.email=e),rules:[o.isRequired,o.isValidEmail]},null,8,["modelValue","rules"]),(0,a.Wm)(u,{outlined:"",placeholder:"Password",id:"password",type:"password",modelValue:o.state.password,"onUpdate:modelValue":t[1]||(t[1]=e=>o.state.password=e),rules:[o.isRequired]},null,8,["modelValue","rules"]),(0,a.Wm)(m,{label:"Login",type:"submit"}),(0,a.Wm)(m,{label:"Reset",type:"reset"})])),_:1},8,["onSubmit","onReset"])])),_:1})],64)}s(9665);var i=s(499),d=s(5572),u=s(8339);const m={setup(){const e=(0,u.tv)(),t=(0,u.yj)();let s=(0,i.qj)({status:"",email:"",password:""});const a=e=>!!e||"field is required",l=async()=>{s.status="logging in";let a={email:s.email,password:s.password};try{let l=await(0,d.C)("customer/login",a);l.token.includes("invalid")||l.token.includes("failed")?s.status=l.token:(sessionStorage.setItem("customer",JSON.stringify(l)),s.status="login successful",t.query.nextUrl?e.push({path:t.query.nextUrl}):e.push({path:"/"}))}catch(l){s.status=l.message}},r=e=>{const t=/^(?=[a-zA-Z0-9@._%+-]{6,254}$)[a-zA-Z0-9._%+-]{1,64}@(?:[a-zA-Z0-9-]{1,63}\.){1,8}[a-zA-Z]{2,63}$/;return t.test(e)||"Invalid email"},n=()=>{s.email="",s.password="",s.status=""};return{state:s,login:l,isRequired:a,resetFields:n,isValidEmail:r}}};var c=s(1639),p=s(4458),h=s(8326),g=s(6611),y=s(4455),w=s(9984),q=s.n(w);const b=(0,c.Z)(m,[["render",o]]),f=b;q()(m,"components",{QCard:p.Z,QForm:h.Z,QInput:g.Z,QBtn:y.Z})}}]);