https://boardowl.com/assets/Account-a1402456.js

1import{d as P,k as H,h as c,a6 as V,o as d,b as u,f as t,w as C,e,Q as _,u as l,G as K,W as g,aj as A,q as b,m as B,l as ue,P as v,an as ee,i as le,N as pe,n as X,ao as he,ap as fe,x as _e,c as N,U as ge,aq as me,B as R,C as T,_ as Y,t as $,p as ve,H as oe,I as te,R as be,a as O}from"./index-58382804.js";import{I as k}from"./Input-79fd3556.js";import{D as Ce}from"./Dropdown-e90694bd.js";import{P as we}from"./PlanSelector-f16ce516.js";import{_ as xe}from"./ArrowBackIcon.vue_vue_type_script_setup_true_lang-362eb6d7.js";import{_ as ye}from"./DownloadIcon.vue_vue_type_script_setup_true_lang-28d35b7e.js";import"./ExpandIcon-c026ef46.js";import"./CloseIcon.vue_vue_type_script_setup_true_lang-65198601.js";const $e={key:0},ke=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pt-40 pt-lg-75 pl-lg-100 pr-lg-100 pl-20 pr-20"}," Change your name ",-1),De={class:"pl-lg-100 pr-lg-100 pl-20 pr-20"},Se={class:"mb-16"},Pe={class:"mb-16"},Ve={class:"pl-lg-100 pr-lg-100 pl-20 pr-20"},We={class:"mb-10 mt-75"},Ae={class:"pb-lg-75 pb-40"},Be=P({__name:"ChangeNameDialog",props:{showDialog:{type:Boolean}},setup(p){const o=H(),s=c(o.loggedInFirstName),a=c(o.loggedInLastName),i=V(),m=()=>{i.updateName(s.value,a.value),i.showChangeEmailDialog=!1},r=()=>{i.showChangeNameDialog=!1};return(w,x)=>w.showDialog?(d(),u("div",$e,[t(A,{width:800},{header:C(()=>[ke]),footer:C(()=>[e("div",Ve,[e("div",We,[t(_,{label:"Save",class:"",fillColour:l(K),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:m},null,8,["fillColour","labelColour"])]),e("div",Ae,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(K),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:r},null,8,["fillColour","labelColour"])])])]),default:C(()=>[e("div",De,[e("div",Se,[t(k,{modelValue:s.value,"onUpdate:modelValue":x[0]||(x[0]=y=>s.value=y),label:"First Name",type:"text",placeholder:"First Name"},null,8,["modelValue"])]),e("div",Pe,[t(k,{modelValue:a.value,"onUpdate:modelValue":x[1]||(x[1]=y=>a.value=y),label:"Family Name",type:"text",placeholder:"Family Name"},null,8,["modelValue"])])])]),_:1})])):b("",!0)}}),Ee={key:0},Le=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pl-lg-100 pr-lg-100 pt-lg-75 pt-40 pl-20 pr-20"}," Change email address ",-1),Ie={class:"pl-lg-100 pr-lg-100 pl-20 pr-20"},Me={class:"mb-16"},Ne={class:"mb-16"},He={class:"mb-16"},Ue={class:"pl-lg-100 pr-lg-100 pb-lg-75 pb-40 pl-20 pr-20"},je={class:"mb-10 mt-75"},Fe={class:""},Ye=P({__name:"ChangeEmailDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V(),s=c(),a=c(""),i=c(""),m=c(!1),r=B(()=>s.value&&a.value&&i.value&&a.value===i.value&&ee(a.value)),w=()=>{o.updateEmailAddress(s.value,a.value)},x=()=>{o.showChangeEmailDialog=!1,a.value="",i.value=""};return ue(()=>a.value,y=>{y&&setTimeout(()=>{m.value=!ee(a.value)},2e3)}),(y,f)=>y.showDialog?(d(),u("div",Ee,[t(A,{width:800},{header:C(()=>[Le]),footer:C(()=>[e("div",Ue,[e("div",je,[t(_,{label:"Save",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",disabled:!r.value,onClick:w},null,8,["fillColour","labelColour","disabled"])]),e("div",Fe,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:x},null,8,["fillColour","labelColour"])])])]),default:C(()=>[e("div",Ie,[e("div",Me,[t(k,{modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=n=>s.value=n),label:"Current email address",type:"text",placeholder:"Current email address"},null,8,["modelValue"])]),e("div",Ne,[t(k,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=n=>a.value=n),label:"New email address",type:"email",placeholder:"Insert the new email address",showWarning:m.value},null,8,["modelValue","showWarning"])]),e("div",He,[t(k,{modelValue:i.value,"onUpdate:modelValue":f[2]||(f[2]=n=>i.value=n),label:"Confirm new email address",type:"email",placeholder:"Confirm the new email address"},null,8,["modelValue"])])])]),_:1})])):b("",!0)}}),ze={key:0},Oe={class:"pt-lg-75 pb-lg-75 pl-lg-100 pr-lg-100 p-20 pt-40 pb-40"},Re=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50"}," Change phone number ",-1),Te={class:"mb-16"},Ze={class:"mb-16"},Xe={class:"mb-16"},qe={class:"mb-10 mt-75"},Ge={class:""},Qe=P({__name:"ChangePhoneDialog",props:{showDialog:{type:Boolean}},setup(p){const o=H(),s=c(o.loggedInPhoneNumber),a=c(""),i=c(""),m=V(),r=B(()=>!!a.value&&!!i.value&&a.value===i.value),w=()=>{m.updatePhoneNumber(a.value)},x=()=>{m.showChangePhoneDialog=!1};return(y,f)=>y.showDialog?(d(),u("div",ze,[t(A,{width:800},{default:C(()=>[e("div",Oe,[Re,e("div",Te,[t(k,{modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=n=>s.value=n),label:"Current phone number",type:"text",placeholder:"Current phone number",disabled:!0},null,8,["modelValue"])]),e("div",Ze,[t(k,{modelValue:a.value,"onUpdate:modelValue":f[1]||(f[1]=n=>a.value=n),label:"New phone number",type:"text",placeholder:"Insert the new phone number"},null,8,["modelValue"])]),e("div",Xe,[t(k,{modelValue:i.value,"onUpdate:modelValue":f[2]||(f[2]=n=>i.value=n),label:"Confirm new phone number",type:"text",placeholder:"Confirm the new phone number"},null,8,["modelValue"])]),e("div",qe,[t(_,{label:"Save",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",disabled:!r.value,onClick:w},null,8,["fillColour","labelColour","disabled"])]),e("div",Ge,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:x},null,8,["fillColour","labelColour"])])])]),_:1})])):b("",!0)}}),Je={key:0},Ke=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pt-lg-75 pt-40 pl-lg-100 pr-lg-100 pl-20 pr-20"}," Change password ",-1),el={class:"pl-lg-100 pr-lg-100 pl-20 pr-20"},ll={class:"mb-16"},ol={class:"mb-16"},tl={class:"mb-16"},sl={class:"pl-lg-100 pr-lg-100 pl-20 pr-20 pb-lg-75 pb-20"},al={class:"mb-10 mt-75"},nl={class:""},il=P({__name:"ChangePasswordDialog",props:{showDialog:{type:Boolean}},setup(p){const o=c(""),s=c(""),a=c(""),i=V(),m=B(()=>!!s.value&&!!a.value&&s.value===a.value),r=le(),w=H(),x=async()=>{await w.changePassword(o.value,s.value)&&(r.showingSnackMessage=!0,r.snackMessage="Changing your password succeeded"),i.showChangePasswordDialog=!1},y=()=>{i.showChangePasswordDialog=!1};return(f,n)=>f.showDialog?(d(),u("div",Je,[t(A,{width:800},{header:C(()=>[Ke]),footer:C(()=>[e("div",sl,[e("div",al,[t(_,{label:"Save",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",disabled:!m.value,onClick:x},null,8,["fillColour","labelColour","disabled"])]),e("div",nl,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:y},null,8,["fillColour","labelColour"])])])]),default:C(()=>[e("div",el,[e("div",ll,[t(k,{modelValue:o.value,"onUpdate:modelValue":n[0]||(n[0]=h=>o.value=h),label:"Current password",type:"password",placeholder:"Enter your current password"},null,8,["modelValue"])]),e("div",ol,[t(k,{modelValue:s.value,"onUpdate:modelValue":n[1]||(n[1]=h=>s.value=h),label:"New password",type:"password",placeholder:"Enter the new password"},null,8,["modelValue"])]),e("div",tl,[t(k,{modelValue:a.value,"onUpdate:modelValue":n[2]||(n[2]=h=>a.value=h),label:"Confirm new password",type:"password",placeholder:"Confirm the new password"},null,8,["modelValue"])])])]),_:1})])):b("",!0)}}),rl={key:0},dl=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pl-lg-100 pr-lg-100 pt-lg-75 pt-40"}," Change your address ",-1),cl={class:"pl-lg-100 pr-lg-100 pr-20 pl-20"},ul={class:"mb-16"},pl={class:"mb-16"},hl={class:"mb-16 pure-g"},fl={class:"pure-u-1-3 pr-10"},_l={class:"pure-u-2-3"},gl={class:"mb-16"},ml={class:"pl-lg-100 pr-lg-100 pb-lg-75 pb-40 pl-20 pr-20"},vl={class:"mb-10 mt-75"},bl={class:""},Cl=P({__name:"ChangeAddressDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V(),s=c(o.addressLine1),a=c(o.addressLine2),i=c(o.postcode),m=c(o.city),r=c(o.country),w=pe.sort((f,n)=>f.name<n.name?-1:1);function x(){o.showChangeAddressDialog=!1}function y(){o.updateAddress(s.value,a.value,i.value,m.value,r.value)}return(f,n)=>f.showDialog?(d(),u("div",rl,[t(A,{width:800},{header:C(()=>[dl]),footer:C(()=>[e("div",ml,[e("div",vl,[t(_,{label:"Save",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:y},null,8,["fillColour","labelColour"])]),e("div",bl,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:x},null,8,["fillColour","labelColour"])])])]),default:C(()=>[e("div",cl,[e("div",ul,[t(k,{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=h=>s.value=h),label:"Address Line 1",type:"text",placeholder:"Write your street and house number"},null,8,["modelValue"])]),e("div",pl,[t(k,{modelValue:a.value,"onUpdate:modelValue":n[1]||(n[1]=h=>a.value=h),label:"Address Line 2",type:"text",placeholder:"Write other address information (e.g. apartment number)"},null,8,["modelValue"])]),e("div",hl,[e("div",fl,[t(k,{modelValue:i.value,"onUpdate:modelValue":n[2]||(n[2]=h=>i.value=h),label:"Postcode",type:"text",placeholder:"Postcode"},null,8,["modelValue"])]),e("div",_l,[t(k,{modelValue:m.value,"onUpdate:modelValue":n[3]||(n[3]=h=>m.value=h),label:"City",type:"text",placeholder:"Name of the city"},null,8,["modelValue"])])]),e("div",gl,[t(Ce,{modelValue:r.value,"onUpdate:modelValue":n[4]||(n[4]=h=>r.value=h),label:"Country",items:l(w),placeholder:"Choose country of residence"},null,8,["modelValue","items"])])])]),_:1})])):b("",!0)}}),q=p=>(R("data-v-e0ff0934"),p=p(),T(),p),wl={key:0},xl={class:"pt-lg-75 pb-lg-75 pl-lg-100 pr-lg-100 p-20 pt-40 pb-40"},yl=q(()=>e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50"}," Crop Avatar ",-1)),$l={style:{"overflow-y":"visible"}},kl={class:"mt-2- mb-2=",style:{position:"relative"}}

1,Dl={class:"d-flex justify-center"},Sl={style:{position:"relative"}},Pl={key:0},Vl={class:"d-flex justify-center mt-40"},Wl={key:0},Al={key:1},Bl=q(()=>e("div",{class:"mt-40 mb-20 font-weight-light text-center"}," Browse for an image ",-1)),El={cols:"12",class:"text-center d-flex justify-center"},Ll={class:"mt-20 mb-20"},Il=q(()=>e("div",{class:"flex-grow-1"},null,-1)),Ml="image/png, image/jpeg, image/jpg",Nl=P({__name:"CropAvatarDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V(),s=c(null),a=c(null),i=c(null),m=c(null);let r=c(!1),w=c(0),x=c(0),y=c(0),f=c(0),n=c(0),h=c(0),D=c(0),L=c(!1),E=c(0),U=c(0),Z=c(0);X(()=>{re()});function ae(){m.value.click()}const ne=async S=>{if(S.target&&S.target.files){const I=S.target.files;if(I.length>1){me("Please select a single file to upload");return}else{const j=new FileReader;j.onload=()=>{const F=j.result;r.value=!0,s.value.onload=()=>{if(F){w.value=Math.min(600,s.value.height),x.value=Math.min(600,s.value.width),D.value=Math.min(w.value,x.value),h.value=Math.floor((x.value-D.value)/2),n.value=Math.floor((w.value-D.value)/2),ie();const M=new Image;M.onload=()=>{y.value=M.height/s.value.height,f.value=M.width/s.value.width},M.src=F}},s.value.src=F},j.readAsDataURL(I[0]),i.value=I[0]}m.value="",o.uploadingAvatar=!1}};function ie(){a.value.addEventListener("mousedown",G),window.addEventListener("mousemove",Q),window.addEventListener("mouseup",J)}function re(){a.value&&a.value.removeEventListener("mousedown",G),window.removeEventListener("mousemove",Q),window.removeEventListener("mouseup",J)}function G(S){L.value=!0,E.value=S.clientX,U.value=S.clientY}function Q(S){if(L.value){if(Z.value%8===0){const I=(E.value-S.clientX)/4,j=(U.value-S.clientY)/4,F=w.value-D.value,M=x.value-D.value;n.value=Math.min(F,Math.max(0,n.value-j)),h.value=Math.min(M,Math.max(0,h.value-I))}Z.value++,S.stopPropagation(),S.preventDefault()}}function J(){L.value=!1,Z.value=0}function de(){o.changeAvatar({top:Math.floor(n.value*y.value),left:Math.floor(h.value*f.value),width:Math.floor(D.value*f.value),height:Math.floor(D.value*y.value),image:i.value})}function ce(){o.showCropAvatarDialog=!1}return(S,I)=>S.showDialog?(d(),u("div",wl,[t(A,{width:800},{default:C(()=>[e("div",xl,[yl,e("div",$l,[e("div",kl,[e("div",Dl,[he(e("div",Sl,[e("img",{class:"avatar",alt:"avatar",src:"",ref_key:"avatar",ref:s},null,512),e("div",{style:_e([{border:"5px solid yellow",position:"absolute",cursor:"pointer"},`width: ${l(D)}px; height: ${l(D)}px; top: ${l(n)}px; left: ${l(h)}px`]),ref_key:"cropBox",ref:a},null,4)],512),[[fe,l(r)]])])]),l(r)?(d(),u("div",Pl,[e("div",Vl,[l(o).uploadingAvatar?b("",!0):(d(),u("div",Wl,[t(_,{label:"Upload Avatar",fillColour:l(v),labelColour:l(g),fontWeight:700,width:"auto",small:"",text:"",onClick:de},null,8,["fillColour","labelColour"])])),l(o).uploadingAvatar?(d(),N(l(ge),{key:1,indeterminate:"",class:"mt-10 mb-10"})):b("",!0)])])):(d(),u("div",Al,[Bl,e("div",El,[t(_,{label:"Browse",fillColour:l(v),labelColour:l(g),fontWeight:700,width:"auto",small:"",text:"",onClick:ae},null,8,["fillColour","labelColour"])])]))]),e("div",Ll,[Il,t(_,{label:"Cancel",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:ce},null,8,["fillColour","labelColour"])])]),e("div",null,[e("input",{type:"file",style:{display:"none"},ref_key:"fileDialog",ref:m,accept:Ml,onChange:ne},null,544)])]),_:1})])):b("",!0)}});const Hl=Y(Nl,[["__scopeId","data-v-e0ff0934"]]),W=p=>(R("data-v-635ffea0"),p=p(),T(),p),Ul={class:"container-max-width"},jl={class:"bg--light-beige-2 border-radius-24px pt-50 pb-50 mt-50 ml-10 ml-md-0 mr-10 mr-md-0"},Fl={class:"pl-20 pl-lg-40 pr-20 pr-lg-40"},Yl=W(()=>e("h1",{class:"fs-32px fs-md-36px font-weight-bold font-nunito primary--text pb-50 m-0"}," Your Account ",-1)),zl={class:"d-flex align-center justify-space-between nowrap"},Ol={class:"d-flex align-center justify-center nowrap"},Rl=["src","width","height"],Tl={key:1,class:"avatar cursor-pointer bg--gold d-flex align-center text-center justify-center m-5 m-lg-20 mb-40"},Zl={class:"white--text font-weight-bold font-roboto fs-36px fs-md-60px"},Xl=W(()=>e("div",{class:"pl-10 pl-lg-40"},[e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Profile picture"),e("p",{class:"black--text font-roboto fs-18px fs-md-28px font-weight-regular pr-5"},"You can change your profile picture anytime.")],-1)),ql=W(()=>e("div",{class:"separator bg--gold"},null,-1)),Gl={class:"d-flex align-center justify-space-between"},Ql={class:"d-flex align-center justify-center"},Jl={class:"pt-40 pb-40"},Kl=W(()=>e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Name",-1)),eo={class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},lo=W(()=>e("div",{class:"separator bg--gold"},null,-1)),oo={class:"d-flex align-center justify-space-between"},to={class:"d-flex align-center justify-center"},so={class:"pt-40 pb-40"},ao=W(()=>e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Email address",-1)),no={class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},io=W(()=>e("div",{class:"separator bg--gold"},null,-1)),ro={class:"d-flex align-center justify-space-between"},co={class:"d-flex align-center justify-center"},uo={class:"pt-40 pb-40"},po=W(()=>e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Phone number",-1)),ho={class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},fo=W(()=>e("div",{class:"separator bg--gold"},null,-1)),_o={class:"d-flex align-center justify-space-between"},go={class:"d-flex align-center justify-center"},mo={class:"pt-40 pb-40"},vo=W(()=>e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Address",-1)),bo={class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},Co={key:0},wo={key:1},xo={key:2},yo={key:3},$o={key:4},ko=W(()=>e("div",{class:"separator bg--gold"},null,-1)),Do={class:"d-flex align-center justify-space-between"},So=W(()=>e("div",{class:"d-flex align-center justify-center"},[e("div",{class:"pt-40 pb-40"},[e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Password"),e("p",{class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},"********")])],-1)),Po={key:0},Vo={key:1},Wo=P({__name:"YourAccount",setup(p){const o=V(),s=H(),a=le();X(async()=>{await o.getProfile()});const i=B(()=>`${s.loggedInFirstName} ${s.loggedInLastName}`);function m(){o.showChangeNameDialog=!0}function r(){o.showChangeEmailDialog=!0}function w(){o.showChangePhoneDialog=!0}function x(){o.showChangeAddressDialog=!0}function y(){o.showChangePasswordDialog=!0}function f(){o.showCropAvatarDialog=!0}return(n,h)=>(d(),u("div",Ul,[e("div",jl,[e("div",Fl,[Yl,e("div",zl,[e("div",Ol,[l(o).userAvatar?(d(),u("img",{key:0,src:"data:image/jpg;base64,"+l(o).userAvatar,class:"pure-img avatar mb-40",width:l(a).windowSize<960?70:194,height:l(a).windowSize<960?70:194},null,8,Rl)):(d(),u("div",Tl,[e("div",Zl,$(l(s).loggedInFirstName.charAt(0))+$(l(s).loggedInLastName.charAt(0)),1)])),Xl]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:f},null,8,["fillColour","labelColour"])])]),ql,e("div",Gl,[e("div",Ql,[e("div",Jl,[Kl,e("p",eo,$(i.value),1)])]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:m},null,8,["fillColour","labelColour"])])]),lo,e("div",oo,[e("div",to,[e("div",so,[ao,e("p",no,$(l(s).loggedInEmailAddress),1)])]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:r},null,8,["fillColour","labelColour"])])]),io,e("div",ro,[e("div",co,[e("div",uo,[po,e("p",ho,$(l(s).loggedInPhoneNumber),1)])]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:w},null,8,["fillColour","labelColour"])])]),fo,e("div",_o,[e("div",go,[e("div",mo,[vo,e("div",bo,[l(o).addressLine1?(d(),u("div",Co,$(l(o).addressLine1),1)):b("",!0),l(o).addressLine2?(d(),u("div",w

1o,$(l(o).addressLine2),1)):b("",!0),l(o).postcode?(d(),u("div",xo,$(l(o).postcode),1)):b("",!0),l(o).city?(d(),u("div",yo,$(l(o).city),1)):b("",!0),l(o).country?(d(),u("div",$o,$(l(o).country),1)):b("",!0)])])]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:x},null,8,["fillColour","labelColour"])])]),ko,e("div",Do,[So,e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:y},null,8,["fillColour","labelColour"])])])]),t(Be,{showDialog:l(o).showChangeNameDialog},null,8,["showDialog"]),t(Ye,{showDialog:l(o).showChangeEmailDialog},null,8,["showDialog"]),t(Qe,{showDialog:l(o).showChangePhoneDialog},null,8,["showDialog"]),l(o).showChangeAddressDialog?(d(),u("div",Po,[t(Cl,{showDialog:l(o).showChangeAddressDialog},null,8,["showDialog"])])):b("",!0),t(il,{showDialog:l(o).showChangePasswordDialog},null,8,["showDialog"]),l(o).showCropAvatarDialog?(d(),u("div",Vo,[t(Hl,{showDialog:l(o).showCropAvatarDialog},null,8,["showDialog"])])):b("",!0)])]))}});const Ao=Y(Wo,[["__scopeId","data-v-635ffea0"]]),Bo={key:0},Eo=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pt-lg-75 pt-40 pl-lg-100 pr-lg-100"}," Change your plan ",-1),Lo={class:"pl-lg-100 pr-lg-100 pl-lg-100 pr-lg-100 pr-20 pl-20"},Io={class:"pl-25 mb-100"},Mo={class:"pl-lg-100 pr-lg-100 pb-lg-75 pb-40 pl-20 pr-20"},No={class:"mb-10 mt-75"},Ho={class:""},Uo=P({__name:"ChangePlanDialog",props:{showDialog:{type:Boolean}},setup(p){const o=H(),s=V(),a=ve(),i=c(s.selectedPlan),m=c(!1),r=B(()=>o.membershipPlans.find(h=>h.id===i.value)),w=B(()=>r.value?r.value.benefits.split(`
2`):[]),x=B(()=>s.selectedPlan!==i.value),y=()=>{const h=o.membershipPlans.find(D=>D.id===i.value);h.recurringPrice===0&&h.oneOffPrice===0?m.value=!0:(s.toBeUpdatedSubscription=i.value,a.push({name:be.subscriptionUpdatePromoCode}))},f=()=>{console.log("Confirmed on free plan!!")},n=()=>{s.showChangePlanDialog=!1};

2return(h,D)=>h.showDialog?(d(),u("div",Bo,[t(A,{width:800},{header:C(()=>[Eo]),footer:C(()=>[e("div",Mo,[e("div",No,[t(_,{label:"Save",class:"mb-10",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",disabled:!x.value||m.value,onClick:y},null,8,["fillColour","labelColour","disabled"]),m.value?(d(),N(_,{key:0,label:"Are you sure you want to change to the free plan?",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:f},null,8,["fillColour","labelColour"])):b("",!0)]),e("div",Ho,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:n},null,8,["fillColour","labelColour"])])])]),default:C(()=>{var L;return[e("div",Lo,[t(l(we),{selectedPlanId:i.value,onPlanSelected:D[0]||(D[0]=E=>i.value=E)},null,8,["selectedPlanId"]),e("h3",null,"Your benefits with "+$((L=r.value)==null?void 0:L.name),1),e("ul",Io,[(d(!0),u(oe,null,te(w.value,E=>{var U;return d(),u("li",{key:`${(U=r.value)==null?void 0:U.id}_${E}`,class:"pt-5 pb-5 pl-3 pr-3 black--text fill-width fs-16px",style:{"list-style":"none",color:"red"}},$(E),1)}),128))])])]}),_:1})])):b("",!0)}}),jo={key:0},Fo=e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50 pt-lg-75 pt-40"}," End subscription ",-1),Yo=e("div",{class:"pl-lg-100 pr-lg-100 pl-lg-100 pr-lg-100 pr-20 pl-20"},[e("div",null,[e("p",{class:"black--text text-center fs-22px font-roboto"},[O(" We are sad seeing you leave. "),e("br"),O(" Be assured you are always welcome here. "),e("br"),O(" Let us ask one time: Are you sure you want to end your subscription? ")])])],-1),zo={class:"pl-lg-100 pr-lg-100 pb-lg-75 pb-40 pl-20 pr-20"},Oo={class:"mb-10 mt-75"},Ro={class:""},To=P({__name:"EndSubscriptionDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V();function s(){o.showEndSubscriptionDialog=!1}return(a,i)=>a.showDialog?(d(),u("div",jo,[t(A,{width:800},{header:C(()=>[Fo]),footer:C(()=>[e("div",zo,[e("div",Oo,[t(_,{label:"End subscription",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:s},null,8,["fillColour","labelColour"])]),e("div",Ro,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:s},null,8,["fillColour","labelColour"])])])]),default:C(()=>[Yo]),_:1})])):b("",!0)}}),Zo={key:0},Xo=e("div",{class:"font-nunito fs-35px font-weight-bold text-center pt-lg-75 pt-40 pl-lg-100 pr-lg-100 pl-20 pr-20"}," Changed subscription ",-1),qo=e("div",{class:"pl-lg-100 pr-lg-100 p-30 pb-40"},[e("div",{class:"text-center"},[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"94",height:"94",viewBox:"0 0 94 94",fill:"none"},[e("mask",{id:"mask0_981_7816",style:{"mask-type":"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"12",width:"94",height:"69"},[e("path",{d:"M0.25 12.7471H93.75V80.7471H0.25V12.7471Z",fill:"white"})]),e("g",{mask:"url(#mask0_981_7816)"},[e("path",{d:"M39.8341 67.8489C30.0889 64.0331 23.3234 54.5361 23.3234 43.6416C23.3234 42.6735 22.5387 41.8884 21.5703 41.8884H17.5259L27.1873 32.2266C28.0023 31.4122 29.3281 31.4122 30.1429 32.2266L39.8042 41.8884H35.7592C34.9466 41.8884 34.2403 42.4469 34.0531 43.238C33.545 45.3865 33.2871 47.5834 33.2871 49.7665C33.2871 54.2863 34.381 58.7823 36.4509 62.769C37.3885 64.5756 38.527 66.2812 39.8341 67.8489ZM37.1848 45.3948H40.1935C41.1491 45.3948 41.9508 45.2036 42.5754 44.8274C43.4373 44.3078 43.9313 43.455 43.9313 42.4866C43.9313 41.538 43.4692 40.5952 42.5589 39.6844L32.6217 29.7473C30.4399 27.5659 26.8898 27.5659 24.708 29.7479L14.7708 39.6845C13.86 40.595 13.3984 41.538 13.3984 42.4865C13.3984 43.9337 14.5544 45.3947 17.1362 45.3947H19.8686C20.7018 59.5028 31.5286 71.1821 45.7039 72.9178C46.4956 73.0151 47.2534 72.5649 47.547 71.823C47.6301 71.6129 47.6703 71.3943 47.6703 71.1782C47.6703 70.6313 47.4141 70.1008 46.9525 69.763C40.5911 65.1072 36.7932 57.6319 36.7932 49.7665C36.7932 48.309 36.9246 46.8439 37.1848 45.3948Z",fill:"#D2B489"}),e("path",{d:"M70.6766 49.8911C70.6766 50.8592 71.4615 51.6443 72.4298 51.6443H76.4743L66.8134 61.3056C65.9981 62.1205 64.6722 62.1205 63.8578 61.3061L54.196 51.6443H58.2408C59.0539 51.6443 59.7603 51.0853 59.9474 50.2943C60.455 48.1454 60.7131 45.949 60.7131 43.7662C60.7131 39.246 59.6192 34.75 57.5498 30.7639C56.6115 28.9573 55.4734 27.2517 54.1662 25.6839C63.9112 29.4996 70.6766 38.9966 70.6766 49.8911ZM46.4532 21.7095C46.1596 22.4514 46.4042 23.2983 47.048 23.7694C53.4091 28.4252 57.207 35.9003 57.207 43.766C57.207 45.2234 57.0756 46.6885 56.8154 48.1379H53.8067C51.2249 48.1379 50.0689 49.5983 50.0689 51.0461C50.0689 51.9947 50.531 52.9375 51.4418 53.8478L61.3785 63.785C63.5603 65.9668 67.1104 65.9668 69.2925 63.785L79.2292 53.8478C80.1399 52.9377 80.6016 51.9947 80.6016 51.0461C80.6016 49.5989 79.4454 48.1379 76.8638 48.1379H74.1314C73.2982 34.0292 62.4713 22.3504 48.2967 20.6147C47.5045 20.5175 46.7468 20.9676 46.4532 21.7095Z",fill:"#D2B489"})])])]),e("div",null,[e("p",{class:"black--text text-center fs-22px font-roboto"}," From the dd.mm.yyyy you will be billed with 348,00 CHF annually. Please confirm below your change. ")])],-1),Go={class:"pb-lg-75 pl-lg-100 pr-lg-100 pl-20 pr-20"},Qo={class:"mb-10 mt-75"},Jo={class:""},Ko=P({__name:"ChangedSubscriptionDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V();function s(){o.showInfoChangedPlanDialog=!1}return(a,i)=>a.showDialog?(d(),u("div",Zo,[t(A,{width:800},{header:C(()=>[Xo]),footer:C(()=>[e("div",Go,[e("div",Qo,[t(_,{label:"Confirm changed subscription",class:"",fillColour:l(v),labelColour:l(g),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:s},null,8,["fillColour","labelColour"])]),e("div",Jo,[t(_,{label:"Cancel",class:"",fillColour:l(g),labelColour:l(v),fontWeight:700,fillWidth:!0,width:"100%",small:"",text:"",onClick:s},null,8,["fillColour","labelColour"])])])]),default:C(()=>[qo]),_:1})])):b("",!0)}}),et={},lt={width:"80",height:"81",viewBox:"0 0 80 81",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ot=e("circle",{cx:"40",cy:"40.5",r:"40",fill:"#023E4B"},null,-1),tt=e("path",{d:"M43 43.5C41.3333 43.5 39.9167 42.9167 38.75 41.75C37.5833 40.5833 37 39.1667 37 37.5C37 35.8333 37.5833 34.4167 38.75 33.25C39.9167 32.0833 41.3333 31.5 43 31.5C44.6667 31.5 46.0833 32.0833 47.25 33.25C48.4167 34.4167 49 35.8333 49 37.5C49 39.1667 48.4167 40.5833 47.25 41.75C46.0833 42.9167 44.6667 43.5 43 43.5ZM27 50.5C26.175 50.5 25.4688 50.2063 24.8812 49.6187C24.2938 49.0312 24 48.325 24 47.5V27.5C24 26.675 24.2938 25.9688 24.8812 25.3813C25.4688 24.7938 26.175 24.5 27 24.5H59C59.825 24.5 60.5312 24.7938 61.1188 25.3813C61.7062 25.9688 62 26.675 62 27.5V47.5C62 48.325 61.7062 49.0312 61.1188 49.6187C60.5312 50.2063 59.825 50.5 59 50.5H27ZM32 47.5H54C54 46.1 54.4833 44.9167 55.45 43.95C56.4167 42.9833 57.6 42.5 59 42.5V32.5C57.6 32.5 56.4167 32.0167 55.45 31.05C54.4833 30.0833 54 28.9 54 27.5H32C32 28.9 31.5167 30.0833 30.55 31.05C29.5833 32.0167 28.4 32.5 27 32.5V42.5C28.4 42.5 29.5833 42.9833 30.55 43.95C31.5167 44.9167 32 46.1 32 47.5ZM56 56.5H21C20.175 56.5 19.4688 56.2063 18.8813 55.6187C18.2938 55.0312 18 54.325 18 53.5V30.5H21V53.5H56V56.5Z",fill:"white"},null,-1),st=[ot,tt];function at(p,o){return d(),u("svg",lt,st)}const nt=Y(et,[["render",at]]),se=p=>(R("data-v-e0bc1cdb"),p=p(),T(),p),it={key:0},rt={class:"mb-50 pl-lg-100 pr-lg-100 pl-20 pr-20 pt-lg-75 pt-40"},dt={class:"mr-5 d-flex align-center"},ct={class:"pb-lg-75 p-0 pb-40"},ut=se(()=>e("div",{class:"font-nunito fs-35px font-weight-bold text-center mb-50"}," Your payments ",-1)),pt={class:""},ht={class:"pl-lg-100 pr-lg-100 pl-20 pr-20"},ft={class:"d-flex justify-space-between align-center mb-30"},_t={class:"d-flex"},gt={class:"pr-20"},mt={class:""},vt={class:"black--text font-roboto fs-22px font-weight-medium"},bt={class:"black--text font-roboto fs-22px font-weight-regular"},Ct={class:"font-roboto font-weight-regular medium-grey--text"},wt={class:"black--text font-roboto fs-24px font-weight-medium"},xt={class:"d-flex justify-end mb-30"},yt={class:"round-btn d-flex align-center cursor-pointer"},$t=se(()=>e("div",{class:"primary--text pl-10"}," Download invoice ",-1)),kt={key:0,class:"separator mb-30"},Dt=P({__name:"PaymentHistoryDialog",props:{showDialog:{type:Boolean}},setup(p){const o=V(),s=[],a=()=>{o.showPaymentHistoryDialog=!1};return(i,m)=>i.showDialog?(d(),u("div",it,[t(A,{width:800},{header:C(()=>

2[e("div",rt,[e("p",{class:"black--text font-roboto fs-20px cursor-pointer d-flex align-center font-weight-regular",onClick:a},[e("span",dt,[t(l(xe),{size:40})]),O(" go back ")])])]),default:C(()=>[e("div",ct,[ut,e("div",pt,[e("div",ht,[(d(),u(oe,null,te(s,(r,w)=>e("div",{key:r.id},[e("div",ft,[e("div",_t,[e("div",gt,[t(nt)]),e("div",mt,[e("p",vt,$(r.type),1),e("p",bt,"Paid by "+$(r.paidBy),1),e("p",Ct,$(r.date),1)])]),e("div",null,[e("p",wt,$(r.price),1)])]),e("div",xt,[e("div",yt,[t(l(ye)),$t])]),w!==s.length-1?(d(),u("div",kt)):b("",!0)])),64))])])])]),_:1})])):b("",!0)}});const St=Y(Dt,[["__scopeId","data-v-e0bc1cdb"]]),z=p=>(R("data-v-e33f615b"),p=p(),T(),p),Pt={class:"container-max-width"},Vt={class:"bg--light-beige-2 border-radius-24px pt-50 pb-50 mt-20 ml-10 ml-md-0 mr-10 mr-md-0"},Wt={class:"pl-20 pl-md-40 pr-20 pr-md-40"},At=z(()=>e("h1",{class:"fs-32px fs-md-36px font-weight-bold font-nunito primary--text pb-50 m-0"}," Your Subscription ",-1)),Bt=z(()=>e("div",{class:"separator bg--gold"},null,-1)),Et={class:"d-flex align-center justify-space-between"},Lt={class:"d-flex align-center justify-center"},It={class:"pt-40 pb-40"},Mt=z(()=>e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"Plan",-1)),Nt={class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},Ht=z(()=>e("div",{class:"separator bg--gold"},null,-1)),Ut={class:"d-flex align-center justify-space-between"},jt=z(()=>e("div",{class:"d-flex align-center justify-center"},[e("div",{class:"pt-40 pb-40"},[e("p",{class:"black--text font-roboto fs-22px fs-md-32px font-weight-bold"},"End subscription"),e("p",{class:"black--text font-roboto fs-20px fs-md-28px font-weight-regular"},"End your subscription")])],-1)),Ft=P({__name:"YourSubscription",setup(p){const o=V(),s=H();X(()=>{o.showChangePlanDialog=!1});const a=B(()=>{const r=s.membershipPlans.find(w=>w.id===o.selectedPlan);return`${r==null?void 0:r.name} Board Owl Plan ${r==null?void 0:r.recurringPrice} CHF`}),i=()=>{o.showChangePlanDialog=!0},m=()=>{o.showEndSubscriptionDialog=!0};return(r,w)=>(d(),u("div",Pt,[e("div",Vt,[e("div",Wt,[At,Bt,e("div",Et,[e("div",Lt,[e("div",It,[Mt,e("p",Nt,$(a.value),1)])]),e("div",null,[t(_,{label:"Change",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 32px",fontWeight:"700",fontSize:"20",onClick:i},null,8,["fillColour","labelColour"])])]),Ht,e("div",Ut,[jt,e("div",null,[t(_,{label:"End",fillColour:l(v),labelColour:l(g),width:"auto",padding:"16px 49px",fontWeight:"700",fontSize:"20",onClick:m},null,8,["fillColour","labelColour"])])])]),l(o).showChangePlanDialog?(d(),N(Uo,{key:0,showDialog:l(o).showChangePlanDialog},null,8,["showDialog"])):b("",!0),l(o).showEndSubscriptionDialog?(d(),N(To,{key:1,showDialog:l(o).showEndSubscriptionDialog},null,8,["showDialog"])):b("",!0),l(o).showInfoChangedPlanDialog?(d(),N(Ko,{key:2,showDialog:l(o).showInfoChangedPlanDialog},null,8,["showDialog"])):b("",!0),l(o).showPaymentHistoryDialog?(d(),N(St,{key:3,showDialog:l(o).showPaymentHistoryDialog},null,8,["showDialog"])):b("",!0)])]))}});const Yt=Y(Ft,[["__scopeId","data-v-e33f615b"]]),zt={class:"pt-0"},Ot={class:"pt-50 container-max-width"},Kt=P({__name:"Account",setup(p){return(o,s)=>(d(),u("div",zt,[e("div",Ot,[t(Ao)]),t(Yt)]))}});export{Kt as default};