https://www.granngarden.se/dist/Component.User.95320e0d.js

1"use strict";(self.fkaWebpackJsonp=self.fkaWebpackJsonp||[]).push([[119,1058],{3644:(e,t,n)=>{n.r(t),n.d(t,{default:()=>U});var a=n(641),s=n(33),i=n(3751);const l={key:0},r={class:"profile-dropdown"},o={class:"profile-dropdown__top"},p={class:"profile-dropdown__login-disabled"},d={class:"profile-dropdown__text"},u={class:"profile-dropdown__disabled-link link link--underline",href:"/avaktiverad-login-for-privatkund",target:"_blank"},c=["href"],h=["href"],g={key:0,class:"profile-dropdown__users"},f={class:"profile-dropdown__users__header"},k=["href","onClick"],_={class:"profile-dropdown__modal"},m=["href"];var v=n(6978),C=n(4324);const y=(0,a.pM)({name:"profile-dropdown",mixins:[(0,C.m)()],components:{Modal:v.A},props:{initialOpen:Boolean,myPageUrl:String,logoutUrl:String,updateRelationUrl:String,user:Object,showRelationChangePopup:Boolean},data(){return{isOpen:this.initialOpen,popup:null,triggers:null}},watch:{isOpen(){this.triggers?.forEach(this.setIsOpenClass)}},methods:{link(e){return decodeURI(this.updateRelationUrl??"").replace("{customerId}",e)},setIsOpenClass(e){this.isOpen?e.classList.add("is-open"):e.classList.remove("is-open")},handleClick(e,t){this.showRelationChangePopup&&e&&(e.preventDefault(),this.popup=t)}},mounted(){this.triggers=document.querySelectorAll('[data-trigger="profile-dropdown"]'),this.triggers.forEach((e=>{this.setIsOpenClass(e),e.addEventListener("click",(e=>{e.preventDefault(),this.isOpen=!this.isOpen}))}))}});const U=(0,n(6262).A)(y,[["render",function(e,t,n,v,C,y){const U=(0,a.g2)("modal");return e.user?((0,a.uX)(),(0,a.CE)("div",l,[(0,a.Lk)("div",r,[(0,a.Lk)("div",o,[(0,a.Lk)("div",p,[(0,a.Lk)("p",d,(0,s.v_)(e.translate("maintenanceText")),1),(0,a.Lk)("a",u,(0,s.v_)(e.translate("linkText")),1)]),(0,a.Lk)("a",{class:"profile-dropdown__link-page-url",href:e.myPageUrl},(0,s.v_)(e.translate("myPage")),9,c),(0,a.Lk)("a",{class:"profile-dropdown__link-logout",href:e.logoutUrl},(0,s.v_)(e.translate("logout")),9,h)]),e.user.relations&&e.user.relations.length>=2?((0,a.uX)(),(0,a.CE)("div",g,[(0,a.Lk)("strong",f,(0,s.v_)(e.translate("chooseRelation")),1),(0,a.Lk)("ul",null,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.user.relations,(t=>((0,a.uX)(),(0,a.CE)("li",{class:(0,s.C4)(["profile-dropdown__user",{"is-active":e.user&&t.customerId==e.user.activeRelation}]),key:t.customerName},[(0,a.Lk)("a",{class:"profile-dropdown__customer-link link",href:e.link(t.customerId),onClick:n=>e.handleClick(n,t.customerId)},[(0,a.eW)((0,s.v_)(t.customerName),1),(0,a.Lk)("i",null,(0,s.v_)(e.translate(0===t.customerType?"private":"company")),1)],8,k)],2)))),128))])])):(0,a.Q3)("",!0)]),e.popup?((0,a.uX)(),(0,a.Wv)(U,{key:0,onClose:t[1]||(t[1]=t=>e.popup=null),title:e.translate("changeRelation"),popup:!0,lang:{close:e.translate("cancel")}},{default:(0,a.k6)((()=>[(0,a.Lk)("div",_,[(0,a.Lk)("p",null,(0,s.v_)(e.translate("changeRelationMessage")),1),(0,a.Lk)("p",null,[(0,a.Lk)("a",{href:e.link(e.popup),class:"button button--primary"},(0,s.v_)(e.translate("changeRelation")),9,m)]),(0,a.Lk)("p",null,[(0,a.Lk)("button",{class:"link link--underline",onClick:t[0]||(t[0]=(0,i.D$)((t=>e.popup=null),["prevent"])),type:"button"},(0,s.v_)(e.translate("cancel")),1)])])])),_:1},8,["title","lang"])):(0,a.Q3)("",!0)])):(0,a.Q3)("",!0)}]])},4327:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var a=n(641),s=n(33),i=n(3751);const l={class:"page-header__profile"},r=["href"],o=["alt"],p={key:1},d=["aria-expanded"],u=["alt"],c={key:1};var h=n(5052),g=n(3644),f=n(4324),k=n(7483),_=n(1304);const m={name:"UserComponent",components:{Icon:h.A,ProfileDropdown:g.default},props:{mobile:Boolean,loginUrl:String,logoutUrl:String,myPageUrl:String,initialUser:Object,updateRelationUrl:String},mixins:[(0,f.m)()],data:()=>({isOpen:!1,fetching:!0,popup:!1}),computed:{user(){if(this.initialUser)return this.initialUser;if(!this.$store)return;if(!this.userState)return;const{user:e}=this.userState;return e??void 0},userState(){if(this.$store)return(0,k.jA)(this.$store)},fetched(){return!!this.initialUser||(this.userState?.fetched??!1)}},mounted(){!this.initialUser&&this.$store&&(0,k.mp)(this.$store),this.setVoyadoContactId()},watch:{user:{handler(){this.setVoyadoContactId()},immediate:!1}},methods:{setVoyadoContactId(){const e=this.user?.voyadoContactId;e&&(0,_.Et)(e)}}};const v=(0,n(6262).A)(m,[["render",function(e,t,n,h,g,f){const k=(0,a.g2)("icon"),_=(0,a.g2)("profile-dropdown");return(0,a.uX)(),(0,a.CE)("div",l,[f.user?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("a",{key:0,class:"page-header__menu-item page-header__profile-link",href:n.loginUrl},[(0,a.bF)(k,{icon:"profile",class:"icon__image",width:"24",height:"24","aria-hidden":!0}),(0,a.Lk)("span",null,(0,s.v_)(e.translate("login")),1),f.fetched?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("img",{key:0,class:"loading",src:"/UI/Icons/loading.svg",alt:e.translate("loading"),width:"60",height:"15"},null,8,o))],8,r)),f.user?((0,a.uX)(),(0,a.CE)("div",p,[(0,a.Lk)("button",{class:"page-header__menu-item page-header__profile-link",onClick:t[0]||(t[0]=(0,i.D$)((e=>g.isOpen=!g.isOpen),["prevent"])),"data-e2e-login-button":"","aria-controls":"user","aria-expanded":g.isOpen?"true":"false",type:"button"},[(0,a.bF)(k,{icon:"profile",class:"icon__image",width:"24",height:"24","aria-hidden":!0}),f.fetched?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("img",{key:0,class:"loading",src:"/UI/Icons/loading.svg",alt:e.translate("loading"),width:"60",height:"15"},null,8,u)),f.fetched?((0,a.uX)(),(0,a.CE)("div",c,[f.user?((0,a.uX)(),(0,a.CE)("span",{key:0,class:(0,s.C4)(["page-header__user-name animate",{"is-isOpen":g.isOpen}])},(0,s.v_)(f.user.name),3)):(0,a.Q3)("",!0)])):(0,a.Q3)("",!0)],8,d),(0,a.bF)(_,{"aria-hidden":g.isOpen?"false":"true",id:"user","my-page-url":n.myPageUrl,"logout-url":n.logoutUrl,updateRelationUrl:n.updateRelationUrl,user:f.user,lang:e.lang,initialisOpen:!0}

1,null,8,["aria-hidden","my-page-url","logout-url","updateRelationUrl","user","lang"])])):(0,a.Q3)("",!0)])}],["__scopeId","data-v-126c311f"]])}}]);