import D from"./MhFXtLHF.js";import{_ as M}from"./mJxKCZNa.js";import{t as F,k as R,c as A,w as G,H,q as J,d as O,r as Q,e as W,Y as X,n as L,E as Y,l as K,_ as Z}from"./BmsEUx_s.js";import{k as ee,a as v,G as u,M as m,O as t,u as o,V as l,ac as se,aw as te,Q as i,I as d,a3 as c,a1 as oe,X as P,J as h,a9 as ae}from"./BO9AmBA3.js";const ne={class:"relative min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8"},le=t("span",{class:"sr-only"},"Close panel",-1),ie=t("div",{class:"w-6 h-6 i-carbon-close"},null,-1),re=[le,ie],de={key:0,class:"max-w-md w-full space-y-8"},ce=t("div",{class:"i-yt-logo text-black mx-auto h-16 w-auto"},null,-1),ue={class:"mt-6 text-center text-black"},me={class:"space-y-4"},pe={class:"relative"},fe={key:0,class:"flex items-center justify-between","data-testid":"login-errors-container"},ge={class:"flex items-center"},ve={class:"login-errors text-red-600 focus:ring-indigo-500 border-gray-300 rounded"},we={class:"mt-[0.5rem]"},ye={key:1},ke=ee({__name:"AccountLoginForm",props:{location:{}},emits:["success","close"],setup(V,{emit:x}){const B=V,w=x;F();const{isLoggedIn:E,login:N}=R();A(),G(),H(),J();const T=O(),{startLoading:U,endLoading:j}=Q(),{formatLink:y}=W(T),p=v(),f=v("password"),_=()=>{f.value=f.value==="password"?"":"password"},n=v({username:"",password:"",remember:!0}),S=()=>{w("close"),L(y("/register"))},q=async()=>{p.value="";try{U(),await N(n.value),w("success");const e=Y();e==null||e.trackEvent({event:"login"}),B.location!=="checkout"&&L(y("/account")),w("close")}catch(e){const g=e.messages.map(({detail:r})=>(r.replace(/"\[|\]"|\\/g,""),r.includes("No matching customer for the email")?"Email or password incorrect.":r));p.value=g.join(`
`)}finally{j()}},$=v();return X($,{initialValue:!0}),(e,s)=>{var k,I,C;const g=D,r=M,z=K,b=Z;return u(),m("div",ne,[t("button",{type:"button",class:"absolute top-0 flex w-full justify-end -mt-4 bg-transparent yt-hover text-yt-gray-500",onClick:s[0]||(s[0]=a=>e.$emit("close"))},re),o(E)?(u(),m("div",ye,[t("h2",null,l(e.$t("account.loggedInInfo")),1),i(b,{theme:"white",class:"flex mt-8",onClick:s[7]||(s[7]=a=>e.$emit("close")),"aria-label":e.$t("account.close")},{default:d(()=>[c(" close ")]),_:1},8,["aria-label"])])):(u(),m("div",de,[t("div",null,[ce,t("h2",ue,l(e.$t("account.signInLabel")),1)]),t("form",{class:"mt-8 space-y-6",onSubmit:ae(q,["prevent"])},[se(t("input",{"onUpdate:modelValue":s[1]||(s[1]=a=>o(n).remember=a),type:"hidden",name:"remember","data-testid":"login-remember-input"},null,512),[[te,o(n).remember]]),t("div",me,[t("div",null,[i(g,{for:"email-address",class:"sr-only"},{default:d(()=>[c(l(e.$t("form.email")),1)]),_:1}),i(r,{id:"email-address",class:"bg-white",ref_key:"emailInputElement",ref:$,"model-value":o(n).username,"onUpdate:modelValue":s[2]||(s[2]=a=>o(n).username=a),name:"email",type:"email",autocomplete:"email",required:"",placeholder:e.$t("form.email"),"data-testid":"login-email-input"},null,8,["model-value","placeholder"])]),t("div",pe,[i(g,{for:"password",class:"sr-only"},{default:d(()=>[c(l(e.$t("form.password")),1)]),_:1}),i(r,{id:"password",class:"bg-white","model-value":o(n).password,"onUpdate:modelValue":s[3]||(s[3]=a=>o(n).password=a),name:"password",type:o(f),autocomplete:"current-password",required:"",placeholder:e.$t("form.password"),"data-testid":"login-password-input"},null,8,["model-value","type","placeholder"]),(I=(k=o(n))==null?void 0:k.password)!=null&&I.length?(u(),m("div",{key:0,onPointerdown:_,onPointerup:_,class:oe(["absolute w-4 h-4 right-4 top-3 z-10 cursor-pointer",[(C=o(f))!=null&&C.length?"i-carbon-view":"i-carbon-view-filled"]])},null,34)):P("",!0)])]),h(e.$slots,"default",{data:o(n)}),h(e.$slots,"error",{},()=>{var a;return[(a=o(p))!=null&&a.length?(u(),m("div",fe,[t("div",ge,[t("div",ve,l(o(p)),1)])])):P("",!0)]}),t("div",we,[i(z,{to:o(y)("/recover"),class:"text-sm underline yt-hover",onClick:s[4]||(s[4]=a=>e.$emit("close")),"aria-label":e.$t("recoveryPassword.forgotPassword")},{default:d(()=>[c(l(e.$t("recoveryPassword.forgotPassword")),1)]),_:1},8,["to","aria-label"])]),t("div",null,[i(b,{theme:"black",class:"flex",type:"submit","data-testid":"login-submit-button","aria-label":e.$t("account.signIn")},{default:d(()=>[c(l(e.$t("account.signIn")),1)]),_:1},8,["aria-label"]),h(e.$slots,"action",{},()=>[t("div",{class:"w-full mt-4",onClick:s[6]||(s[6]=a=>e.$emit("close"))},[i(b,{theme:"white",type:"button",class:"flex","data-testid":"login-sign-up-link",onClick:s[5]||(s[5]=a=>S()),"aria-label":e.$t("account.signUp")},{default:d(()=>[c(l(e.$t("account.signUp")),1)]),_:1},8,["aria-label"])])])])],32)]))])}}});export{ke as _};