https://www.storexppen.eu/_nuxt/BMY7kTqJ.js

1var C=(p,t,l)=>new Promise((m,_)=>{var b=u=>{try{g(l.next(u))}catch(i){_(i)}},y=u=>{try{g(l.throw(u))}catch(i){_(i)}},g=u=>u.done?m(u.value):Promise.resolve(u.value).then(b,y);g((l=l.apply(p,t)).next())});import{C as k,ah as F,ai as T,n as se,f as Q,Y as S,K as E,R as d,N as s,u as e,L as r,U as x,S as f,a3 as h,F as G,Z as H,J as A,I as oe,m as U,d as D,h as q,O as W,W as ie,a8 as ne}from"./C-X-zbxt.js";import{m as re,K as I,n as w,o as de,$ as ue,a0 as ce,k as ee,f as j,a1 as me,e as fe,b as pe,a2 as ae,u as _e,j as ge,v as be,Z as ye}from"./e70eX59T.js";import{_ as V}from"./ChaKNw7s.js";import{c as O,d as M}from"./CPCfUMhX.js";import{_ as B,a as P,b as N}from"./D-dp0DZJ.js";import{q as $,r as R,s as X,t as ve,u as xe,v as Y,w as Ee,x as he}from"./Dtecwpyw.js";import{u as Ce,a as Ie,b as Se}from"./B2TcdqVY.js";import{$ as Le,l as $e}from"./BW8XdN5T.js";import{_ as Ue,C as Z,a as Ve}from"./C-YJRd6k.js";import{l as we,f as J,b as Re,u as ke,s as Te}from"./3UDwCCWS.js";import"./DVw6L2IV.js";import"./DpkZH7g2.js";import"./IUTbEgma.js";import"./BaEdSPx5.js";import"./DLEk_ywu.js";import"./DbhodJ3I.js";(function(){try{var p=typeof window!="undefined"?window:typeof global!="undefined"?global:typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:{};p.SENTRY_RELEASE={id:"f9b0ef460ef6f95b1d7f321428c950242b680c25"};var t=new p.Error().stack;t&&(p._sentryDebugIds=p._sentryDebugIds||{},p._sentryDebugIds[t]="cf0b4c9b-1939-4eb2-9722-13f41bda1d6a",p._sentryDebugIdIdentifier="sentry-dbid-cf0b4c9b-1939-4eb2-9722-13f41bda1d6a")}catch(l){}})();const Ae=re("CameraIcon",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]),De={class:"flex flex-col gap-4"},Ne={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Fe={class:"flex flex-col gap-1.5"},Oe={class:"flex flex-col gap-1.5"},Me={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Be={class:"flex flex-col gap-1.5"},Pe=k({__name:"UserInfoAreaFields",props:F({countryLabel:{},provinceLabel:{},cityLabel:{},countryError:{},provinceError:{},cityError:{}},{countryId:{default:""},countryIdModifiers:{},provinceId:{default:""},provinceIdModifiers:{},cityId:{default:""},cityIdModifiers:{}}),emits:F(["clear-country-error","clear-province-error","clear-city-error"],["update:countryId","update:provinceId","update:cityId"]),setup(p,{emit:t}){const l=T(p,"countryId"),m=T(p,"provinceId"),_=T(p,"cityId"),b=t,y=Ce(),g=Ie(),u=Se(),i=n=>C(this,null,function*(){if(!l.value||!n){u.clearCityList();return}yield u.fetchCityList({countryId:Number(l.value),pid:Number(n)})}),v=n=>C(this,null,function*(){b("clear-province-error"),_.value="",u.clearCityList(),yield i(String(n!=null?n:""))});return se(()=>C(this,null,function*(){yield y.fetchCountryList(),l.value&&(yield g.fetchStateList(Number(l.value))),m.value&&(yield i(m.value))})),Q(l,(n,c)=>C(this,null,function*(){n!==c&&(m.value="",_.value="",g.clearStateList(),u.clearCityList(),n&&(yield g.fetchStateList(Number(n))))})),(n,c)=>(E(),S("div",De,[d("div",Ne,[d("div",Fe,[s(e(I),{class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(n.countryLabel),1)]),_:1}),s(e(O),{modelValue:l.value,"onUpdate:modelValue":[c[0]||(c[0]=a=>l.value=a),c[1]||(c[1]=a=>b("clear-country-error"))]},{default:r(()=>[s(e(B),{class:h(e(w)(e($),n.countryError&&e(R)))},{default:r(()=>[s(e(M),{placeholder:n.countryLabel},null,8,["placeholder"])]),_:1},8,["class"]),s(e(P),null,{default:r(()=>[(E(!0),S(G,null,H(e(y).getCountryList,a=>(E(),A(e(N),{key:a.value,value:a.value},{default:r(()=>[x(f(a.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1},8,["modelValue"])]),d("div",Oe,[s(e(I),{class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(n.provinceLabel),1)]),_:1}),s(e(O),{modelValue:m.value,"onUpdate:modelValue":[c[2]||(c[2]=a=>m.value=a),v],disabled:!l.value||!e(g).getStateList.length},{default:r(()=>[s(e(B),{class:h(e(w)(e($),n.provinceError&&e(R)))},{default:r(()=>[s(e(M),{placeholder:n.provinceLabel},null,8,["placeholder"])]),_:1},8,["class"]),s(e(P),null,{default:r(()=>[(E(!0),S(G,null,H(e(g).getStateList,a=>(E(),A(e(N),{key:a.value,value:a.value},{default:r(()=>[x(f(a.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1},8,["modelValue","disabled"])])]),d("div",Me,[d("div",Be,[s(e(I),{class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(n.cityLabel),1)]),_:1}),s(e(O),{modelValue:_.value,"onUpdate:modelValue":[c[3]||(c[3]=a=>_.value=a),c[4]||(c[4]=a=>b("clear-city-error"))],disabled:!m.value||!e(u).getCityList.length},{default:r(()=>[s(e(B),{class:h(e(w)(e($),n.cityError&&e(R)))},{default:r(()=>[s(e(M),{placeholder:n.cityLabel},null,8,["placeholder"])]),_:1},8,["class"]),s(e(P),null,{default:r(()=>[(E(!0),S(G,null,H(e(u).getCityList,a=>(E(),A(e(N),{key:a.value,value:a.value},{default:r(()=>[x(f(a.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1},8,["modelValue","disabled"])]),oe(n.$slots,"address")])]))}}),je=["id"],ze={class:"truncate"},Ge=["id"],He={class:"truncate"},Ye=k({__name:"UserInfoBirthDatePicker",props:F({id:{},placeholder:{},invalid:{type:Boolean}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(p){const t=T(p,"modelValue"),l=U(!1),m=Le($e()),_=D(()=>m.subtract({years:100})),b=D(()=>t.value),y=D({get:()=>we(t.value),set:i=>{if(!i||!("year"in i)){t.value="";return}t.value=J(i)}}),g=i=>{var c,a,o;const n=(o=(a=(c=i.detail)==null?void 0:c.originalEvent)==null?void 0:a.target)!=null?o:i.target;n!=null&&n.closest('[role="listbox"]')&&i.preventDefault()},u=i=>{i&&"year"in i&&(t.value=J(i),l.value=!1)};return(i,v)=>{const n=de;return E(),A(n,null,{fallback:r(()=>[d("button",{id:i.id,type:"button",disabled:"",class:h(e(w)("shop-date-trigger",e(X),!e(b)&&"text-[#69727C]",i.invalid&&e(R)))},[s(e(Z),{class:"mr-2 h-4 w-4 shrink-0 text-[#69727C]"}),d("span",He,f(e(b)||i.placeholder),1)],10,Ge)]),default:r(()=>[s(e(ue),{open:e(l),"onUpdate:open":v[1]||(v[1]=c=>q(l)?l.value=c:null)},{default:r(()=>[s(e(Ue),{"as-child":""},{default:r(()=>[d("button",{id:i.id,type:"button",class:h(e(w)("shop-date-trigger",e(X),!e(b)&&"text-[#69727C]",i.invalid&&e(R)))},[s(e(Z),{class:"mr-2 h-4 w-4 shrink-0 text-[#69727C]"}),d("span",ze,f(e(b)||i.placeholder),1)],10,je)]),_:1}),s(e(ce),{align:"start",side:"bottom","side-offset":8,"avoid-collisions":!0,"collision-padding":12,class:"w-[320px] p-0",onPointerDownOutside:g,onFocusOutside:g},{default:r(()=>[s(e(Ve),{modelValue:e(y),"onUpdate:modelValue":[v[0]||(v[0]=c=>q(y)?y.value=c:null),u],layout:"month-and-year",class:"rounded-md","min-value":e(_),"max-value":e(m),"initial-focus":""},null,8,["modelValue","min-value","max-value"])]),_:1})]),_:1},8,["open"])]),_:1})}}}),Ke={class:"relative inline-flex shrink-0"},qe=["disabled","aria-label"],Xe=["src"],Ze={key:0,class:"absolute inset-0 flex items-center justify-center bg-[#1C2024]/50"},Je={class:"text-xs font-medium text-white"},Qe={class:"pointer-events-none absolute bottom-0 right-0 flex size-6 items-center justify-center rounded-full border-2 border-white bg-white text-[#69727C] shadow-sm lg:size-7","aria-hidden":"true"},We=k({__name:"UserInfoAvatarUpload",props:{modelValue:{},uploadLabel:{}},emits:["update:modelValue"],setup(p,{expose:t,emit:l}){const m=p,_=l,{$message:b}=ee(),{t:y}=j(),g=U(null),u=U(!1),i=U(0),v=D(()=>m.modelValue||"https://resource.xp-pen.com/img/xppen/default-avatar.webp"),n=()=>{var a;u.value||(a=g.value)==null||a.click()},c=a=>C(this,null,function*(){var K;const o=a.target,L=(K=o.files)==null?void 0:K[0];if(o.value="",!!L){if(L.size>1024*1024){b.error(y("FILE_SIZE_ERROR"));return}u.value=!0,i.value=0;try{const z=yield me([L],{maxCount:1,onProgress:(wa,te)=>{i.value=te}});z[0]?_("update:modelValue",z[0]):b.error(y("UPLOAD_FAILED"))}catch(z){b.error(y("UPLOAD_FAILED"))}finally{u.value=!1,i.value=0}}});

1return t({openPicker:n,uploading:u}),(a,o)=>(E(),S("div",Ke,[d("button",{type:"button",class:"group relative size-16 overflow-hidden rounded-full bg-[#F1F3F5] ring-1 ring-[#DFE3E6] ring-inset lg:size-20",disabled:e(u),"aria-label":a.uploadLabel,onClick:n},[d("img",{src:e(v),alt:"avatar",class:"h-full w-full object-cover"},null,8,Xe),e(u)?(E(),S("div",Ze,[d("span",Je,f(e(i))+"%",1)])):W("",!0)],8,qe),d("span",Qe,[s(e(Ae),{class:"size-3 lg:size-3.5"})]),d("input",{ref_key:"fileInputRef",ref:g,type:"file",accept:"image/gif,image/jpeg,image/png,image/bmp,image/webp",class:"hidden",onChange:c},null,544)]))}}),le="change_email",ea=()=>(t=>{const l=new URL(t);return l.searchParams.set("from",le),l.toString()})(`${window.location.origin}${window.location.pathname}`),aa=()=>{const t=fe().query.from;return(Array.isArray(t)?t[0]:t)===le?!0:document.referrer.includes("/user/change_user_email")},la=(p,t,l)=>{const m=_e();return`${String(m.public.NUXT_SSO_URL||"").replace(/\/$/,"")}/user/change_user_email?jumpUrl=${encodeURIComponent(p)}&lang=${t}&encryToken=${l}`},ta=()=>{const p=pe(),{$message:t}=ee(),{t:l}=j(),m=U(!1),_=U(!1);return{showConfirm:m,isChanging:_,openChangeEmailConfirm:()=>{m.value=!0},confirmChangeEmail:()=>C(void 0,null,function*(){var u,i;if(_.value)return!1;const g=(i=(u=p.siteInfo)==null?void 0:u.lang)!=null?i:"en";_.value=!0;try{const{token:v,time:n}=yield ve(l),c=xe(n,v),a=yield ae.ssoEmailEditTime(c);return a.code!==1&&a.code!==200?(t.error(a.message||a.msg||l("OPERATION_FAILED")),!1):(window.location.href=la(ea(),g,c),!0)}catch(v){return t.error(v instanceof Error?v.message:l("OPERATION_FAILED")),!1}finally{_.value=!1}})}},sa={class:"overflow-hidden lg:rounded-lg lg:border lg:border-[#DFE3E6]"},oa={class:"flex items-center gap-4 border-b border-[#DFE3E6] px-4 py-5 lg:gap-6 lg:px-6 lg:py-6"},ia={class:"min-w-0 flex-1"},na={class:"flex items-center justify-between gap-3"},ra={class:"text-sm font-medium leading-[22px] text-[#1C2024]"},da={class:"mt-1 text-xs font-medium leading-[18px] text-[#69727C]"},ua={class:"border-b border-[#DFE3E6] px-4 py-5 lg:border-b-0 lg:px-6 lg:py-6"},ca={key:0,class:"flex items-start justify-between gap-4 lg:items-center lg:gap-8"},ma={class:"min-w-0 flex-1"},fa={class:"text-xs font-medium leading-[18px] text-[#69727C]"},pa={class:"mt-1 break-all text-sm font-medium leading-[22px] text-[#1C2024] lg:text-base lg:leading-6"},_a={class:"flex shrink-0 flex-col items-end gap-2 lg:flex-row lg:items-center lg:gap-x-5"},ga=["disabled"],ba=["disabled"],ya={key:1,class:"flex flex-col gap-1.5"},va=k({__name:"UserInfoProfileSection",props:F({email:{},emailError:{},hasBoundEmail:{type:Boolean},isEmailVerified:{type:Boolean},isSendingVerify:{type:Boolean},uploadLabel:{},hintLabel:{},mailboxLabel:{},modifyLabel:{},verifyLabel:{}},{faceurl:{default:""},faceurlModifiers:{}}),emits:F(["update:faceurl","update:email","clear-email-error","verify-email"],["update:faceurl"]),setup(p,{emit:t}){const l=t,{t:m}=j(),_=T(p,"faceurl"),b=U(null),{showConfirm:y,isChanging:g,openChangeEmailConfirm:u,confirmChangeEmail:i}=ta(),v=()=>{var a;(a=b.value)==null||a.openPicker()},n=a=>{l("update:email",String(a)),l("clear-email-error")},c=()=>C(this,null,function*(){(yield i())&&(y.value=!1)});return(a,o)=>(E(),S("section",sa,[d("div",oa,[s(We,{ref_key:"avatarUploadRef",ref:b,modelValue:_.value,"onUpdate:modelValue":o[0]||(o[0]=L=>_.value=L),"upload-label":a.uploadLabel},null,8,["modelValue","upload-label"]),d("div",ia,[d("div",na,[d("p",ra,f(a.uploadLabel),1),d("button",{type:"button",class:h([e(Y),"shrink-0"]),onClick:v},f(a.modifyLabel),3)]),d("p",da,f(a.hintLabel),1)])]),d("div",ua,[a.hasBoundEmail?(E(),S("div",ca,[d("div",ma,[d("p",fa,f(a.mailboxLabel),1),d("p",pa,f(a.email),1)]),d("div",_a,[d("button",{type:"button",class:h(e(Y)),disabled:e(g),onClick:o[1]||(o[1]=(...L)=>e(u)&&e(u)(...L))},f(a.modifyLabel),11,ga),a.isEmailVerified?W("",!0):(E(),S("button",{key:0,type:"button",class:h(e(Y)),disabled:a.isSendingVerify,onClick:o[2]||(o[2]=L=>l("verify-email"))},f(a.verifyLabel),11,ba))])])):(E(),S("div",ya,[s(e(I),{for:"user-email",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(a.mailboxLabel),1)]),_:1}),s(e(V),{id:"user-email","model-value":a.email,type:"email",class:h(e(w)(e($),a.emailError&&e(R))),"onUpdate:modelValue":n},null,8,["model-value","class"])]))]),s(ge,{open:e(y),title:e(m)("DETERMINE_CHANGE_E_MAIL_ADDRESS"),"cancel-text":e(m)("NO"),"confirm-text":e(m)("YES"),"confirm-loading":e(g),"onUpdate:open":o[3]||(o[3]=L=>y.value=L),onConfirm:c},null,8,["open","title","cancel-text","confirm-text","confirm-loading"])]))}}),xa={class:"grid grid-cols-1 gap-4 lg:grid-cols-2"},Ea={class:"flex flex-col gap-1.5"},ha={class:"flex flex-col gap-1.5"},Ca={class:"flex flex-col gap-1.5"},Ia={class:"flex flex-col gap-1.5"},Sa={class:"flex flex-col gap-1.5"},La={class:"flex flex-col gap-1.5"},$a={class:"flex flex-col gap-1.5"},Ua={class:"pt-2"},Va=k({__name:"UserInfoEditForm",setup(p){const{t}=j(),{form:l,fieldErrors:m,isSubmitting:_,isSendingVerify:b,clearFieldError:y,submitForm:g,sendEmailVerify:u}=Re(),i=D(()=>!!l.email),v=c=>{const a=c.target;l.nickname=a.value.replace(/\s+/g,"")},n=()=>C(this,null,function*(){yield g()});return(c,a)=>(E(),S("form",{class:"flex flex-col gap-6",onSubmit:ie(n,["prevent"])},[s(va,{faceurl:e(l).faceurl,"onUpdate:faceurl":a[0]||(a[0]=o=>e(l).faceurl=o),email:e(l).email,"onUpdate:email":a[1]||(a[1]=o=>e(l).email=o),"email-error":e(m).email,"has-bound-email":e(i),"is-email-verified":e(l).is_email===1,"is-sending-verify":e(b),"upload-label":e(t)("UPLOAD_PICTURE"),"hint-label":e(t)("SUPPORT_FORMAT_THAN"),"mailbox-label":e(t)("MAILBOX"),"modify-label":e(t)("MODIFY"),"verify-label":e(t)("VERIFICATION"),onClearEmailError:a[2]||(a[2]=o=>e(y)("email")),onVerifyEmail:e(u)},null,8,["faceurl","email","email-error","has-bound-email","is-email-verified","is-sending-verify","upload-label","hint-label","mailbox-label","modify-label","verify-label","onVerifyEmail"]),d("div",xa,[d("div",Ea,[s(e(I),{class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("GENDER")),1)]),_:1}),s(e(O),{modelValue:e(l).sex,"onUpdate:modelValue":a[3]||(a[3]=o=>e(l).sex=o)},{default:r(()=>[s(e(B),{class:h(e($))},{default:r(()=>[s(e(M),{placeholder:e(t)("GENDER")},null,8,["placeholder"])]),_:1},8,["class"]),s(e(P),null,{default:r(()=>[s(e(N),{value:"1"},{default:r(()=>[x(f(e(t)("MALE")),1)]),_:1}),s(e(N),{value:"2"},{default:r(()=>[x(f(e(t)("FEMALE")),1)]),_:1})]),_:1})]),_:1},8,["modelValue"])]),d("div",ha,[s(e(I),{for:"user-nickname",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>

1[x(f(e(t)("NICKNAME")),1)]),_:1}),s(e(V),{id:"user-nickname",modelValue:e(l).nickname,"onUpdate:modelValue":a[4]||(a[4]=o=>e(l).nickname=o),class:h(e($)),onInput:v},null,8,["modelValue","class"])]),d("div",Ca,[s(e(I),{for:"user-first-name",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("FIRST_NAME")),1)]),_:1}),s(e(V),{id:"user-first-name",modelValue:e(l).first_name,"onUpdate:modelValue":a[5]||(a[5]=o=>e(l).first_name=o),class:h(e($))},null,8,["modelValue","class"])]),d("div",Ia,[s(e(I),{for:"user-last-name",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("LAST_NAME")),1)]),_:1}),s(e(V),{id:"user-last-name",modelValue:e(l).last_name,"onUpdate:modelValue":a[6]||(a[6]=o=>e(l).last_name=o),class:h(e($))},null,8,["modelValue","class"])]),d("div",Sa,[s(e(I),{for:"user-birth",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("DATE_OF_BIRTH")),1)]),_:1}),s(Ye,{id:"user-birth",modelValue:e(l).birth,"onUpdate:modelValue":a[7]||(a[7]=o=>e(l).birth=o),placeholder:e(t)("DATE_OF_BIRTH")},null,8,["modelValue","placeholder"])]),d("div",La,[s(e(I),{for:"user-mobile",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("PHONE_NUMBER")),1)]),_:1}),s(e(V),{id:"user-mobile",modelValue:e(l).mobile,"onUpdate:modelValue":a[8]||(a[8]=o=>e(l).mobile=o),type:"tel",class:h(e($))},null,8,["modelValue","class"])])]),s(Pe,{"country-id":e(l).country_id,"onUpdate:countryId":a[10]||(a[10]=o=>e(l).country_id=o),"province-id":e(l).province_id,"onUpdate:provinceId":a[11]||(a[11]=o=>e(l).province_id=o),"city-id":e(l).city_id,"onUpdate:cityId":a[12]||(a[12]=o=>e(l).city_id=o),"country-label":e(t)("COUNTRY"),"province-label":e(t)("STATE"),"city-label":e(t)("CITY")},{address:r(()=>[d("div",$a,[s(e(I),{for:"user-address",class:"text-xs font-medium leading-[18px] text-[#69727C]"},{default:r(()=>[x(f(e(t)("DETAILED_ADDRESS")),1)]),_:1}),s(e(V),{id:"user-address",modelValue:e(l).address,"onUpdate:modelValue":a[9]||(a[9]=o=>e(l).address=o),class:h(e($))},null,8,["modelValue","class"])])]),_:1},8,["country-id","province-id","city-id","country-label","province-label","city-label"]),d("div",Ua,[s(e(be),{type:"submit",class:h([e(Ee),"w-full lg:w-auto"]),loading:e(_)},{default:r(()=>[x(f(e(t)("SUBMIT")),1)]),_:1},8,["class","loading"])])],32))}}),qa=k({__name:"edit",setup(p){return C(this,null,function*(){let t,l;const m=ke();return[t,l]=ne(()=>C(this,null,function*(){return ye("user-detail-edit",()=>C(this,null,function*(){return aa()&&(yield ae.syncUserInfoFromSso()),m.fetchUserDetail()}))})),yield t,l(),Q(()=>m.userDetailData,_=>{_&&Te(_)},{immediate:!0}),(_,b)=>(E(),A(he,{"active-tab":"edit"},{default:r(()=>[s(Va)]),_:1}))})}});export{qa as default};