https://www.aikhockey.se/assets/EditProfile-DKubGNvQ.js

1import{bA as K,bo as j,z as P,C as p,D as g,N as h,J as q,E as l,a7 as I,bB as J,Y as Q,G as w,H,Q as Y,S as X,a as Z,a5 as x,o as $,bC as ee,w as ae,h as S,j as U,B as y,F as o,as as F,I as te,K as E,O as V}from"./index-BXcQmYpn.js";import{S as re}from"./SdpInputGroup-1hwmMUcK.js";import ne from"./index-CZmjQc6w.js";import{U as se}from"./index-CJgrXYwQ.js";import{u as oe}from"./notification-C_1TmKm3.js";import{N as C}from"./notification-Cuu0cA-u.js";const le={name:"SdpSelectionGroup",props:{value:{type:[String,Number],default:void 0},inputLabel:{type:String,default:""},customInputClass:{type:String,default:"default-input"},hasLabel:{type:Boolean,default:!0},options:{type:Array,default:()=>[]}},emits:["update:value"],setup(a,{emit:t}){return{selectId:`sdp-selection-${K(6)}`,selectValue:j(a,t,"value")}}},ie={class:"selection-group"},de={key:0,class:"input-label"},ue={class:"selection-container"},ce=["id","aria-label"],pe=["value"];function me(a,t,d,e,r,v){return p(),g("div",ie,[d.hasLabel?(p(),g("span",de,h(d.inputLabel),1)):q("",!0),l("div",ue,[I(l("select",Q({id:e.selectId},a.$attrs,{"onUpdate:modelValue":t[0]||(t[0]=u=>e.selectValue=u),"aria-label":d.hasLabel?d.inputLabel:void 0,class:"default-select"}),[(p(!0),g(w,null,H(d.options,u=>(p(),g("option",{key:u.value,value:u.value},h(u.name),9,pe))),128))],16,ce),[[J,e.selectValue]]),t[1]||(t[1]=l("div",{class:"selection-arrow-icon"},[l("svg",{class:"fill-current h-4 w-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},[l("path",{d:"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"})])],-1))])])}const ge=P(le,[["render",me],["__scopeId","data-v-15c7145d"]]),ve=a=>a==null||a===""?"":a.includes("T")?a.split("T")[0]:a,fe={name:"EditProfile",components:{SdpInputGroup:re,SdpSelectionGroup:ge,SdpSkeletonLoader:ne,SyButton:X,SyHeading:Y},props:{userId:{type:String,default:""}},setup(){const a=Z(),t=oe(),d=x(),e=s=>se(s),r=S({firstname:"",lastname:"",email:"",birthdate:"",gender:{name:"",value:""},phone:"",address:"",postalNumber:"",city:""}),v=S({email:!0,firstname:!0,lastname:!0,birthdate:!0,gender:!0,phone:!0,address:!0,postalNumber:!0,city:!0}),u=U(()=>Object.values(v).every(s=>s===!0)),m=S({isLoadingUserDetails:U(()=>a.isUserInfoFetching),isUserLoggedIn:U(()=>a.isLoggedIn)}),i=[{name:"Male",value:"male"},{name:"Female",value:"female"},{name:"Other",value:"other"}],_=s=>d.push(`/${s}`),f=(s,c)=>{v[c.toLowerCase()]=!s},n=()=>{var c,b;const s=(c=a.userInfo)==null?void 0:c.uuid;return s?{uuid:s,firstname:r.firstname,lastname:r.lastname,email:r.email,birthdate:r.birthdate,gender:((b=r.gender)==null?void 0:b.value)??"",phone:r.phone??"",address:r.address??"",postalNumber:r.postalNumber??"",city:r.city??""}:null},D=async()=>{if(!u.value)return;const s=n();if(s)try{await a.updateUserInfo({userInfo:s}),_("account/my-page")}catch(c){console.error("Failed to update user info:",c),t.pushNotification(C.MESSAGE.FAILED_FETCH_DATA,C.STATUS.ERROR)}},N=()=>{var k;const s=a.userInfo;if(!s)return;const{email:c,firstname:b,lastname:B,birthdate:M,gender:A,phone:G,address:R,postalNumber:O,city:W}=s,L=A??"";r.email=c??"",r.firstname=b??"",r.lastname=B??"",r.birthdate=ve(M),r.gender.value=L,r.gender.name=((k=i.find(z=>z.value===L))==null?void 0:k.name)??"",r.phone=G??"",r.address=R??"",r.postalNumber=O??"",r.city=W??""},T=s=>/\d/.test(s.key)||s.key==="+"&&!(r!=null&&r.phone)?!0:s.preventDefault();return $(async()=>{await a.fetchUserInformation(),N()}),ee(()=>N()),ae(m,s=>{s.isUserLoggedIn===!1&&d.push("/")}),{apiState:m,isMyPagesReadWrite:"true",saveInfo:D,state:r,genderGroup:i,iconSource:e,restrictPhoneFieldChars:T,updateHasErrorValue:f,isFormValid:u,inputValidationChecker:v}}},ye={class:"edit-profile"},he={class:"grid grid-cols-1 mx-4 lg:grid-cols-2 lg:gap-4"},be={class:"col-1"},_e={class:"col-2"},Se={class:"edit-profile-form mt-2"},Ue={class:"grid grid-cols-1 mx-4 lg:grid-cols-2 lg:gap-x-4 lg:gap-y-0"},Ee={class:"button-group"};function Ve(a,t,d,e,r,v){const u=y("sy-heading"),m=y("sdp-skeleton-loader"),i=y("sdp-input-group"),_=y("sdp-selection-group"),f=y("sy-button");return p(),g("div",ye,[o(u,{primary:"",heading:"heading 3","heading-label":a.$t("my_page.my_account"),uppercase:"","is-section-heading":!0},null,8,["heading-label"]),I(l("div",null,[l("div",he,[l("div",be,[(p(),g(w,null,H(5,n=>l("div",{key:n,class:"my-2"},[o(m,{class:"mb-2",type:"square",width:80,height:18,rounded:!1,animation:"wave"}),o(m,{type:"square",width:"100%",height:43,rounded:!1,animation:"wave"})])),64))]),l("div",_e,[(p(),g(w,null,H(4,n=>l("div",{key:n,class:"my-2"},[o(m,{class:"mb-2",type:"square",width:80,height:18,rounded:!1,animation:"wave"}),o(m,{type:"square",width:"100%",height:43,rounded:!1,animation:"wave"})])),64))])])],512),[[F,e.apiState.isLoadingUserDetails]]),I(l("div",Se,[l("div",Ue,[o(i,{value:e.state.firstname,"onUpdate:value":t[0]||(t[0]=n=>e.state.firstname=n),name:"First Name",rules:"required","input-label":a.$t("my_page.first_name"),"has-icon":!0,"icon-src":e.iconSource("account"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(i,{value:e.state.lastname,"onUpdate:value":t[1]||(t[1]=n=>e.state.lastname=n),name:"Last Name",rules:"required","input-label":a.$t("my_page.last_name"),"has-icon":!0,"icon-src":e.iconSource("account"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(i,{value:e.state.birthdate,"onUpdate:value":t[2]||(t[2]=n=>e.state.birthdate=n),"input-label":a.$t("my_page.birth_date"),rules:"required|birthdate","input-type":"date","has-icon":!0,"icon-src":e.iconSource("account"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(_,{value:e.state.gender.value,"onUpdate:value":t[3]||(t[3]=n=>e.state.gender.value=n),options:e.genderGroup,"input-label":a.$t("my_page.gender")}

1,null,8,["value","options","input-label"]),o(i,{value:e.state.phone,"onUpdate:value":t[4]||(t[4]=n=>e.state.phone=n),"input-type":"tel","input-label":a.$t("my_page.phone"),"has-icon":!0,"icon-src":e.iconSource("phone"),onKeypress:e.restrictPhoneFieldChars},null,8,["value","input-label","icon-src","onKeypress"]),o(i,{value:e.state.email,"onUpdate:value":t[5]||(t[5]=n=>e.state.email=n),name:"Email",rules:"required|email","input-type":"email","input-label":a.$t("my_page.email"),"has-icon":!0,"icon-src":e.iconSource("mail"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(i,{value:e.state.address,"onUpdate:value":t[6]||(t[6]=n=>e.state.address=n),"input-label":a.$t("my_page.address"),rules:"required","has-icon":!0,"icon-src":e.iconSource("address"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(i,{value:e.state.postalNumber,"onUpdate:value":t[7]||(t[7]=n=>e.state.postalNumber=n),"input-label":a.$t("my_page.postal"),name:"Postal code",rules:"required|integer","has-icon":!0,"icon-src":e.iconSource("postalCode"),onUpdateHasErrorVal:e.updateHasErrorValue},null,8,["value","input-label","icon-src","onUpdateHasErrorVal"]),o(i,{value:e.state.city,"onUpdate:value":t[8]||(t[8]=n=>e.state.city=n),"input-label":a.$t("my_page.city"),"has-icon":!0,"icon-src":e.iconSource("city")},null,8,["value","input-label","icon-src"])]),l("div",Ee,[e.isMyPagesReadWrite?(p(),te(f,{key:0,primary:"",size:"small",disabled:!e.isFormValid,onClick:t[9]||(t[9]=n=>e.saveInfo())},{default:E(()=>[V(h(a.$t("my_page.save")),1)]),_:1},8,["disabled"])):q("",!0),o(f,{black:"",link:"",class:"w-24",to:"my-page"},{default:E(()=>[V(h(a.$t("global.cancel")),1)]),_:1})]),o(f,{primary:"",link:"",class:"w-full mt-6 text-center",to:"reset-password"},{default:E(()=>[V(h(a.$t("my_page.change_password")),1)]),_:1})],512),[[F,!e.apiState.isLoadingUserDetails]])])}const Ce=P(fe,[["render",Ve],["__scopeId","data-v-0df8367c"]]);export{Ce as default};