https://www.16personalities.com/build/assets/uhjvzm5ncw.Prfjbr2f.js

1!function(){try{var a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};a._sentryModuleMetadata=a._sentryModuleMetadata||{},a._sentryModuleMetadata[(new a.Error).stack]=function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];if(null!=t)for(var l in t)t.hasOwnProperty(l)&&(a[l]=t[l])}return a}({},a._sentryModuleMetadata[(new a.Error).stack],{"_sentryBundlerPluginAppKey:K7X9M2P4R8W5N3Q6":!0});var e=(new a.Error).stack;e&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[e]="61fdb193-229a-4930-b179-1237fbe59e1f",a._sentryDebugIdIdentifier="sentry-dbid-61fdb193-229a-4930-b179-1237fbe59e1f")}catch(a){}}();import{C as a,E as e,Et as t,K as l,L as o,W as r,_ as s,at as n,b as i,f as u,g as d,ht as p,it as v,k as w,kt as f,nt as c,pt as m,v as g,w as b,wt as y,y as x}from"./zhjhzy1kcm9w.DA_5RF-L.js";import{$ as k}from"./dnvllwrlbq.t69ggluk.js";import{O as h,c as _}from"./zglzdalzda.Dol7pjGD.js";import{Rn as j,ai as z,at as S,et as P,qn as A,rt as B}from"./sw1hz2jmywnl.CuVkLi_k.js";import{t as M}from"./rwxmawxmaw5r.B4sdjJE3.js";import{t as q}from"./dxnlqxnlqxbp.X-8WRWMZ.js";import{t as I}from"./rwxmb2fkzxi.jXmsIcVz.js";import{t as N}from"./rwxcdxr0b24.kjP5Z9Xb.js";import{o as D}from"./dxnlvxn0b3jl.DvFl1m72.js";import{t as E}from"./dxnlu29yzq.C2ECgXhy.js";import{t as W}from"./rwxsywrpbw.DvWCNOkS.js";import{t as K}from"./swnvbknozwnr.CiUbxtSh.js";import{t as O}from"./rwxbbgvyda.D3wdbx6H.js";import{i as R}from"./qxzhdgfjzq.TOxYjoDG.js";import{t as T}from"./rwxbdmf0yxi.Dhb2gBcJ.js";import{t as U}from"./rwxhb0jhy2s.BMVvbRt_.js";import{t as V}from"./uhjvzmrlcg.D0pwUOwS.js";var L=e({__name:"ElDynamicAvatar",props:{option:{},skin:{default:3},clipped:{type:Boolean,default:!1},fullBody:{type:Boolean,default:!1}},setup(a){const e=a,t=d(()=>h(_(R,3),e.skin)),l=d(()=>({...e.option,skin:t.value,staticFacePath:(e.option.facePathWithoutSkinTone??"").replace("{SKIN}",t.value.toString()),staticBodyPath:(e.option.bodyPathWithoutSkinTone??"").replace("{SKIN}",t.value.toString())}));return(t,o)=>(r(),g(T,{"avatar-data":l.value,alt:e.option.alt,"full-body":a.fullBody},null,8,["avatar-data","alt","full-body"]))}}),$={class:"sp-avatar-builder wrapper tw-flex tw-justify-between tw-flex-col-reverse large:tw-flex-row"},C={class:"settings tw-w-full large:tw-grow-0 large:tw-shrink-0 large:tw-basis-[60%] large:tw-w-[60%] large:tw-max-w-[600px]"},F={class:"settings--skin tw-mb-30"},Q={class:"settings--face tw-mb-20"},X={class:"avatar__actions tw-my-30"},Y={key:0,class:"preview tw-flex tw-items-start tw-justify-center tw-grow tw-mb-25 tw-min-h-[279px] large:tw-m-0"},G=e({__name:"ProfileAvatarBuilder",props:{originalAvatar:{},options:{}},setup(e){const{trans_en:c}=j(),k=R.options,h=e,_=q(),I=p(h.originalAvatar?.skin),E=p((h.originalAvatar?h.options.find(a=>a.slug===h.originalAvatar?.slug):null)??null),T=m({saved:!1,saving:!1}),U=d(()=>E.value?.tierNice??null),V=d(()=>({conditional:!(!E.value?.locked||"mastery"!==U.value),premium:!(!E.value?.locked||"premium"!==U.value)})),G=a=>({1:"tw-bg-[#fbe0cd]",2:"tw-bg-[#ecccb5]",3:"tw-bg-[#d7b196]",4:"tw-bg-[#c79c81]",5:"tw-bg-[#b38c73]",6:"tw-bg-[#a47d67]",7:"tw-bg-[#926c5b]",8:"tw-bg-[#7f5a48]",9:"tw-bg-[#714e3e]",10:"tw-bg-[#623d31]"}[a]||""),{setAvatar:H}=D(),{run:J,clearDelay:Z}=z(3e3,()=>T.saved=!1);function aa(){!T.saving&&E.value&&(T.saving=!0,(new _).action("save-avatar-setting").postRoute("api.profile.avatar.save",{},{skin:I.value,variant:E.value.variant,slug:E.value.slug}).then(({data:a})=>{T.saved=!0,S.event("profile_avatar_changed"),J(),H(a)}).catch(A).finally(()=>T.saving=!1))}o(Z);const ea="tw-flex tw-items-center tw-flex-wrap";return(o,d)=>(r(),i("div",$,[s("div",C,[s("div",F,[s("p",null,f(y(c)("Skin color","profile.preferences.avatar.skin-color"))+":",1),s("div",{class:t(["options tw-gap-5",ea])},[(r(!0),i(u,null,l(y(k),a=>(r(),g(W,{key:`skin${a}`,"model-value":I.value===a,name:"skin-tone",unstyled:"",class:t(["tw-w-40 tw-h-30 tw-rounded-5 tw-cursor-pointer",["option",G(a),{"selected tw-relative tw-flex tw-items-center tw-justify-center":I.value===a}]]),"onUpdate:modelValue":e=>I.value=a},{default:v(()=>[I.value===a?(r(),g(K,{key:0,color:"white",size:"sm",bolder:"",class:"tw-inline-flex"})):x("",!0)]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))],2)]),s("div",Q,[s("p",null,f(y(c)("Face variation","profile.preferences.avatar.face-variation"))+":",1),s("div",{class:t(["options tw-gap-x-10 tw-gap-y-[3px] tw-mb-10",ea])},[(r(!0),i(u,null,l(e.options,a=>(r(),g(W,{key:`opt-${a.slug}`,class:t([["level--"+a.tierNice,{locked:a.locked,selected:E.value?.slug===a.slug}],"option wrap--avatar tw-cursor-pointer tw-relative tw-size-60 tw-transition-all tw-duration-100 tw-ease-in-out small:tw-size-[90px]"]),"model-value":E.value?.slug===a.slug,unstyled:"",name:"face",css:{label:"tw-w-full tw-h-full",radioLabel:"tw-w-full tw-h-full"},"onUpdate:modelValue":e=>E.value=a},{default:v(()=>[b(L,{option:a,skin:I.value,class:"svg--avatar"},null,8,["option","skin"]),E.value?.slug===a.slug?(r(),g(K,{key:0,color:"white",class:"tw-inline-flex tw-bg-blue tw-size-20 tw-rounded-[50%] tw-absolute tw-top-10 tw-right-[-3px] tw-p-[3px]"})):x("",!0)]),_:2},1032,["class","model-value","onUpdate:modelValue"]))),128))],2),E.value?.hasBody?x("",!0):(r(),g(O,{key:0,t

1ype:"info"},{default:v(()=>[a(f(y(c)("Note: the full-body version of this avatar is not yet available. We’re working on it!","profile.preferences.avatar.no-full-body")),1)]),_:1})),V.value.premium?(r(),g(O,{key:1,type:"warning",icon:"lock"},{default:v(()=>[b(P,{data:["Only <a:0>premium</a:0> members are able to use this avatar.","profile.preferences.avatar.premium-only",{"a:0":a=>w(M,{routeName:{name:"profile.index"},class:"link--inline"},{default:()=>a})}]},null,8,["data"])]),_:1})):x("",!0)]),s("div",X,[n(b(N,{busy:T.saving,disabled:V.value.conditional||V.value.premium,done:T.saved,"busy-text":y(c)("Saving...","ui.saving"),color:"purple","done-text":y(c)("Saved!","ui.saved"),text:y(c)("Save","ui.save"),onClick:aa},null,8,["busy","disabled","done","busy-text","done-text","text"]),[[y(B),"profile_avatar_changed"]])])]),E.value?(r(),i("div",Y,[b(L,{option:E.value,skin:I.value,"full-body":"",class:"tw-max-w-full tw-w-[400px]"},null,8,["option","skin"])])):x("",!0)]))}}),H={key:0,class:"profile__section sp-wrap"},J=e({__name:"ProfilePageAvatarSettings",setup(a){const{trans_en:e}=j(),t=q(),{isSetup:l}=k(E()),o=m({loading:!0,loaded:!1,error:null}),s=p([]),n=p(null);function u(a,e){return a.locked===e.locked?0:a.locked?1:-1}function d(){o.error=null,o.loading=!0,o.loaded=!1,(new t).silently().action("load-avatar-info").postRoute("api.profile.avatar.get-info").then(({data:a})=>{s.value=a.options.sort(u),n.value=a.avatar,o.loaded=!0}).catch(a=>A(a,a=>o.error=a)).finally(()=>o.loading=!1)}return c(()=>l.value,a=>{a&&d()},{immediate:!0}),(a,t)=>(r(),i("div",null,[b(V,{class:"profile__header--avatar",title:y(e)("Your Avatar","ui.your-avatar")},null,8,["title"]),b(I,{loading:o.loading,loaded:o.loaded,error:o.error,onRetry:d},null,8,["loading","loaded","error"]),o.loaded?(r(),i("div",H,[b(G,{"original-avatar":n.value,options:s.value},null,8,["original-avatar","options"]),b(U,{"route-name":"profile.preferences.index",text:y(e)("Back to Settings","ui.go-back")},null,8,["text"])])):x("",!0)]))}});export{J as default};