import{_ as V}from"./DSV9iMPO.js";import{_ as T}from"./3BiMtf7m.js";import{k as z,d as B,e as D,r as P,a0 as U,c as j,l as E}from"./BmsEUx_s.js";import{_ as F}from"./DLjibe5A.js";import{k as G,a as b,l as h,G as y,M as v,O as e,Q as i,I as c,ac as Q,u as t,ad as X,a3 as u,V as l,U as q,a1 as H,X as J}from"./BO9AmBA3.js";import{u as K}from"./PkMyH_Gy.js";const R={class:"flex justify-end"},W={class:"my-account-area"},Y={class:"leading-0"},Z=["aria-label"],tt=e("div",{class:"w-7 h-7 i-carbon-user-avatar-filled-alt"},null,-1),et=[tt],nt={key:0},ot={class:"inset-y-2 flex items-center sm:static sm:inset-auto sm:pr-0"},at=["aria-label"],st=e("br",null,null,-1),it={class:"relative"},lt=["aria-label"],ct={class:"sr-only"},rt=["aria-label"],bt=G({__name:"AccountMenu",setup(ut){const{isLoggedIn:d,logout:k,user:m}=z(),s=K(),x=B(),{formatLink:w}=D(x),{startLoading:C,endLoading:$}=P(),o=b(!1),f=b();U(f,()=>{o.value=!1});async function L(){try{C(),await k(),o.value=!1}catch{}finally{$()}}const{t:p}=j(),M=h(()=>p("account.menu.hello")),N=h(()=>p("account.menu.signIn"));return(n,a)=>{const I=V,O=T,A=E,S=F;return y(),v("div",R,[e("div",W,[i(S,null,{default:c(()=>{var _,g;return[Q(e("div",Y,[e("button",{class:"whitespace-nowrap bg-transparent text-base font-medium hover:opacity-50","data-testid":"header-sign-in-link",onClick:a[0]||(a[0]=(...r)=>t(s).open&&t(s).open(...r)),"aria-label":t(N)},et,8,Z)],512),[[X,!t(d)]]),i(O,{controller:t(s),variant:"mobile-fullheight"},{default:c(()=>[i(I,{class:"items-start! md:items-center",onClose:t(s).close,onSuccess:t(s).close},null,8,["onClose","onSuccess"])]),_:1},8,["controller"]),t(d)?(y(),v("div",nt,[e("div",ot,[e("button",{type:"button",class:"text-sm text-gray-700 bg-transparent focus:outline-none font-bebasneue text-left leading-4 hover:opacity-50","data-testid":"account-menu-hello-button",onClick:a[1]||(a[1]=r=>o.value=!t(o)),"aria-label":`${t(M)} ${(_=t(m))==null?void 0:_.firstName}`},[u(l(n.$t("account.menu.hello"))+" ",1),st,u(" "+l((g=t(m))==null?void 0:g.firstName),1)],8,at),e("div",it,[e("div",null,[e("button",{id:"user-menu-button",type:"button",class:"bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white","aria-expanded":"false","aria-haspopup":"true","aria-label":n.$t("account.menu.openMenu"),onClick:a[2]||(a[2]=r=>o.value=!t(o))},[e("span",ct,l(n.$t("account.menu.openMenu")),1)],8,lt)]),i(q,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:c(()=>[e("div",{class:H([[t(o)?"block":"hidden"],"z-20 origin-top-right absolute right-0 top-2 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none cursor-pointer"]),role:"menu","aria-orientation":"vertical","aria-labelledby":"user-menu-button",tabindex:"-1",ref_key:"accountMenu",ref:f},[i(A,{id:"user-menu-item-1",to:t(w)("/account"),"data-testid":"header-my-account-link",class:"block px-4 py-2 hover:bg-yt-gray-100 w-full text-left",tabindex:"-1","aria-label":n.$t("account.menu.myAccount")},{default:c(()=>[u(l(n.$t("account.menu.myAccount")),1)]),_:1},8,["to","aria-label"]),e("button",{id:"user-menu-item-2","data-testid":"header-sing-out-link",class:"block px-4 py-2 bg-white hover:bg-yt-gray-100 w-full text-left",role:"menuitem",tabindex:"-2",onClick:L,"aria-label":n.$t("account.menu.signOut")},l(n.$t("account.menu.signOut")),9,rt)],2)]),_:1})])])])):J("",!0)]}),_:1})])])}}});export{bt as _};