https://www.puzzmo.com/assets/UserSettingsScreen.CvC5uxww.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`40c3f1411a3eadc86df763ccba00ed97cb15cda2`},e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[new e.Error().stack]=function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];if(n!=null)for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])}return e}({},e._sentryModuleMetadata[new e.Error().stack],{"_sentryBundlerPluginAppKey:puzzmocom":!0});var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`a68ce289-1292-4141-bbed-3e3938014dd8`,e._sentryDebugIdIdentifier=`sentry-dbid-a68ce289-1292-4141-bbed-3e3938014dd8`)}catch(e){}})();import{l as e,n as t,t as n}from"./objectSpread2.BmGtaCuR.js";import{n as r,t as i}from"./compiler-runtime.DzsRLAYZ.js";import"./index.modern.C3iPAb2K.js";import"./react-dom.DHCVz2gA.js";import{t as a}from"./react-relay.GQTxKCmB.js";import{C as o,D as s,Et as c,a as l,f as u,o as d,v as f,w as p}from"./DesignSystem.Rj8SR_9H.js";import{m,u as h}from"./LinkingConfiguration.KIcg62z4.js";import{t as g}from"./stylex.Dgm3Lh26.js";import"./themes.QFj5qwKF.js";import"./ScreenMetricsContext.Ci0jsMst.js";import"./useScreenMetrics.CZg7ZKJE.js";import"./useNavigateWithParams.BECPsh8i.js";import"./useOnFirstRender.CzW1Ejct.js";import{t as _}from"./useIsMobile.B8c8jbHR.js";import"./AuthModalConsts.CmfLLIWu.js";import"./blendColors.B_0IUuqV.js";import{i as v}from"./UserDisplayPopover.BuWgX7GQ.js";import"./useGetRouteName.xN9I6Lgq.js";import"./GameIcon.DsYLMhDt.js";import{n as y}from"./UserProfileStatsChooser.h5TuPJf_.js";import{n as b}from"./HR.BDwAVV4P.js";import{Ct as x,Q as S,Zt as C}from"./main.BngFTV-r.js";import{t as w}from"./UserSettingsAvatarSelector.Bgo4XWva.js";import"./Tick.D77pjkaE.js";import"./Avatars.CKXp-WpB.js";var T=(function(){var e=[{defaultValue:null,kind:`LocalArgument`,name:`myUserStateID`}],t={alias:null,args:null,kind:`ScalarField`,name:`id`,storageKey:null},n={alias:null,args:null,kind:`ScalarField`,name:`msg`,storageKey:null},r={alias:null,args:null,kind:`ScalarField`,name:`section`,storageKey:null},i={alias:null,args:null,kind:`ScalarField`,name:`slug`,storageKey:null},a={alias:null,args:null,kind:`ScalarField`,name:`username`,storageKey:null},o={alias:null,args:null,kind:`ScalarField`,name:`usernameID`,storageKey:null},s={alias:null,args:null,kind:`ScalarField`,name:`name`,storageKey:null},c={alias:null,args:null,kind:`ScalarField`,name:`avatarURL`,storageKey:null};return{fragment:{argumentDefinitions:e,kind:`Fragment`,metadata:null,name:`UserSettingsScreenQuery`,selections:[{alias:null,args:null,concreteType:`User`,kind:`LinkedField`,name:`currentUser`,plural:!1,selections:[{args:null,kind:`FragmentSpread`,name:`UserProfileStatsChooser`},{args:null,kind:`FragmentSpread`,name:`UserDisplayPopoverContent`},{args:null,kind:`FragmentSpread`,name:`UserSettingsAvatarSelector`}],storageKey:null}],type:`Query`,abstractKey:null},kind:`Request`,operation:{argumentDefinitions:e,kind:`Operation`,name:`UserSettingsScreenQuery`,selections:[{alias:null,args:null,concreteType:`User`,kind:`LinkedField`,name:`currentUser`,plural:!1,selections:[t,{alias:null,args:null,concreteType:`UserProfile`,kind:`LinkedField`,name:`publicProfile`,plural:!1,selections:[{alias:null,args:null,kind:`ScalarField`,name:`highlightedStatIDs`,storageKey:null},t,{alias:null,args:null,concreteType:`ProfileStat`,kind:`LinkedField`,name:`highlightedStats`,plural:!0,selections:[n,r,i],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:`ProfileStat`,kind:`LinkedField`,name:`possibleUserStats`,plural:!0,selections:[{alias:null,args:null,kind:`ScalarField`,name:`index`,storageKey:null},i,r,{alias:null,args:null,kind:`ScalarField`,name:`sectionSlug`,storageKey:null},n,{alias:null,args:null,kind:`ScalarField`,name:`selected`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`alt`,storageKey:null}],storageKey:null},{alias:null,args:[{kind:`Variable`,name:`viewerID`,variableName:`myUserStateID`}],kind:`ScalarField`,name:`relationshipToViewer`,storageKey:null},a,o,s,{alias:null,args:null,kind:`ScalarField`,name:`type`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`roles`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`twitchHandle`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`blueskyHandle`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`followersCount`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`followingCount`,storageKey:null},{alias:null,args:[{kind:`Literal`,name:`first`,value:3}

1],concreteType:`User`,kind:`LinkedField`,name:`mutualFollowers`,plural:!0,selections:[a,o,s,c,t],storageKey:`mutualFollowers(first:3)`},c,{alias:null,args:null,concreteType:`AvatarSection`,kind:`LinkedField`,name:`possibleAvatars`,plural:!0,selections:[s,{alias:null,args:null,kind:`ScalarField`,name:`description`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`free`,storageKey:null},t,{alias:null,args:null,kind:`ScalarField`,name:`count`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`start`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`pad`,storageKey:null},{alias:null,args:null,kind:`ScalarField`,name:`path`,storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:`1a7e1774c38107f439b95fad0fca3f9e`,id:null,metadata:{},name:`UserSettingsScreenQuery`,operationKind:`query`,text:`query UserSettingsScreenQuery(
2  $myUserStateID: String!
3) {
4  currentUser {
5    ...UserProfileStatsChooser
6    ...UserDisplayPopoverContent
7    ...UserSettingsAvatarSelector
8    id
9  }
10}
11
12fragment Avatars on AvatarSection {
13  id
14  count
15  start
16  pad
17  path
18}
19
20fragment UserAvatar on User {
21  username
22  usernameID
23  avatarURL
24}
25
26fragment UserDisplayPopoverContent on User {
27  id
28  relationshipToViewer(viewerID: $myUserStateID)
29  username
30  usernameID
31  name
32  type
33  roles
34  twitchHandle
35  blueskyHandle
36  followersCount
37  followingCount
38  mutualFollowers(first: 3) {
39    username
40    usernameID
41    name
42    avatarURL
43    id
44  }
45  publicProfile {
46    id
47    highlightedStats {
48      msg
49      section
50      slug
51    }
52  }
53  ...UserAvatar
54}
55
56fragment UserProfileStatsChooser on User {
57  id
58  publicProfile {
59    ...UserProfileStatsChooserPublicProfile
60    id
61  }
62  possibleUserStats {
63    index
64    slug
65    section
66    sectionSlug
67    msg
68    selected
69    alt
70  }
71}
72
73fragment UserProfileStatsChooserPublicProfile on UserProfile {
74  highlightedStatIDs
75  id
76}
77
78fragment UserSettingsAvatarSelector on User {
79  id
80  avatarURL
81  type
82  possibleAvatars {
83    name
84    description
85    free
86    ...Avatars
87  }
88}
89`}}})();T.hash=`56103c8b0580833c5a6a5688cada0a70`;var E=a(),D=i(),O=e(r()),k=e=>{let t=(0,D.c)(14),n=`var(--theme-${e.fill})`,r;t[0]===n?r=t[1]:(r=(0,O.jsx)(`path`,{fill:n,fillRule:`evenodd`,d:`M13.376 6.782a3.5 3.5 0 1 0-1.536 6.714l-.068 1.499A5 5 0 1 1 17 10h-1.5a3.5 3.5 0 0 0-2.124-3.218Z`,clipRule:`evenodd`}),t[0]=n,t[1]=r);let i=`var(--theme-${e.fill})`,a;t[2]===i?a=t[3]:(a=(0,O.jsx)(`path`,{fill:i,d:`M12.857 10.236c.276 0 .508.231.407.488a1.326 1.326 0 0 1-2.467 0c-.101-.257.131-.488.407-.488h1.653ZM11.107 9.023a.523.523 0 1 1-1.046 0 .523.523 0 0 1 1.046 0ZM14.063 9.023a.523.523 0 1 1-1.046 0 .523.523 0 0 1 1.046 0Z`}),t[2]=i,t[3]=a);let o=`var(--theme-${e.fill})`,s;t[4]===o?s=t[5]:(s=(0,O.jsx)(`path`,{fill:o,fillRule:`evenodd`,d:`M12 3.5H5A3.5 3.5 0 0 0 1.5 7v3A3.5 3.5 0 0 0 5 13.5h7a3.5 3.5 0 0 0 3.5-3.5V7A3.5 3.5 0 0 0 12 3.5ZM5 2a5 5 0 0 0-5 5v3a5 5 0 0 0 5 5h7a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H5Z`,clipRule:`evenodd`}),t[4]=o,t[5]=s);let c=`var(--theme-${e.fill})`,l;t[6]===c?l=t[7]:(l=(0,O.jsx)(`path`,{fill:c,fillRule:`evenodd`,d:`M2.519 7.25a.75.75 0 0 1 .75-.75h2.277a.75.75 0 0 1 0 1.5H3.27a.75.75 0 0 1-.75-.75ZM2.519 9.75a.75.75 0 0 1 .75-.75h2.277a.75.75 0 0 1 0 1.5H3.27a.75.75 0 0 1-.75-.75Z`,clipRule:`evenodd`}),t[6]=c,t[7]=l);let u;return t[8]!==e.width||t[9]!==r||t[10]!==a||t[11]!==s||t[12]!==l?(u=(0,O.jsxs)(`svg`,{width:e.width,viewBox:`0 0 17 17`,fill:`none`,children:[r,a,s,l]}),t[8]=e.width,t[9]=r,t[10]=a,t[11]=s,t[12]=l,t[13]=u):u=t[13],u};t();var A={kVQacm:`xysyzu8`,k7Eaqz:`xlm99nl`,ks0D6T:`x1va8c73`,km5ZXQ:`xxiizve`,k1K539:`x1u7ds96`,kVAEAm:`x7wzq59`,k87sOh:`xjbys53`,kskxy:`x1jols5v`,$$css:!0},j=T,M=()=>{let e=(0,D.c)(3),t=h();if(t.type===`anon`){let t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,O.jsx)(S,{message:`You need to be logged in to manage user settings.`}),e[0]=t):t=e[0],t}let n;return e[1]===t.currentUser?n=e[2]:(n=(0,O.jsx)(N,{user:t.currentUser}),e[1]=t.currentUser,e[2]=n),n},N=e=>{let t=(0,D.c)(15),n;t[0]!==e.user.roles||t[1]!==e.user.usernameID?(n=m(e.user.roles,[`admin`,`author`])||e.user.usernameID.length===3,t[0]=e.user.roles,t[1]=e.user.usernameID,t[2]=n):n=t[2];let r=n,i;t[3]===r?i=t[4]:(i=r&&(0,O.jsx)(o,{style:{display:`flex`,justifyContent:`center`,width:`100%`,marginTop:c.medium,marginBottom:c.medium},screen:`UserPublishingProfileSettings`,children:(0,O.jsx)(s,{title:`Edit publisher profile`,iconComponent:(0,O.jsx)(k,{width:24,fill:`alwaysDark`}),bgKey:`a_anchor`,colorKey:`alwaysDark`,style:{flex:1,width:`100%`}})}),t[3]=r,t[4]=i);let a;

89t[5]===Symbol.for(`react.memo_cache_sentinel`)?(a={display:`flex`,justifyContent:`center`,width:`100%`,marginTop:c.medium,marginBottom:c.medium},t[5]=a):a=t[5];let l;t[6]!==e.user.username||t[7]!==e.user.usernameID?(l={username:e.user.username,usernameID:e.user.usernameID},t[6]=e.user.username,t[7]=e.user.usernameID,t[8]=l):l=t[8];let u;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,O.jsx)(d,{style:{textAlign:`center`},children:`View public profile`}),t[9]=u):u=t[9];let f;t[10]===l?f=t[11]:(f=(0,O.jsx)(o,{style:a,screen:`UserProfile`,routeOpts:l,children:u}),t[10]=l,t[11]=f);let h;return t[12]!==i||t[13]!==f?(h=(0,O.jsx)(p,{children:(0,O.jsxs)(P,{children:[i,f]})}),t[12]=i,t[13]=f,t[14]=h):h=t[14],h},P=e=>{let t=(0,D.c)(37),r=h(),i;t[0]===r.userState.id?i=t[1]:(i={myUserStateID:r.userState.id},t[0]=r.userState.id,t[1]=i);let{currentUser:a}=(0,E.useLazyLoadQuery)(j,i,C),o=_(),s=x(),d=r.type===`user`&&r.currentUser.type===`Paid`,p,m;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(p={className:`x78zum5 x193iq5w xdt5ytf x1vt0rc9`},m={className:`x2lah0s xh8yej3 xsec5g7`},t[2]=p,t[3]=m):(p=t[2],m=t[3]);let S;t[4]!==s||t[5]!==o?(S=g(F.previewWrapper,o&&F.mobilePreviewWrapper,!o&&F.scrollablePreviewWrapper(s)),t[4]=s,t[5]=o,t[6]=S):S=t[6];let T;t[7]===a?T=t[8]:(T=(0,O.jsx)(v,{user:a}),t[7]=a,t[8]=T);let k;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(k={className:`x98rzlu xkh2ocl xql4y64`},t[9]=k):k=t[9];let A;t[10]===e.children?A=t[11]:(A=(0,O.jsx)(`div`,n(n({},k),{},{children:e.children})),t[10]=e.children,t[11]=A);let M;t[12]!==S||t[13]!==T||t[14]!==A?(M=(0,O.jsx)(`div`,n(n({},m),{},{children:(0,O.jsxs)(`div`,n(n({},S),{},{children:[T,A]}))})),t[12]=S,t[13]=T,t[14]=A,t[15]=M):M=t[15];let N,P,I;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(P={flexShrink:1,maxWidth:`100%`},I=(0,O.jsx)(f,{children:`Statistics`}),N=(0,O.jsx)(b,{}),t[16]=N,t[17]=P,t[18]=I):(N=t[16],P=t[17],I=t[18]);let L;t[19]===Symbol.for(`react.memo_cache_sentinel`)?(L={marginBottom:c.large},t[19]=L):L=t[19];let R=d?`C`:`Subscribers can c`,z;t[20]===R?z=t[21]:(z=(0,O.jsxs)(l,{style:L,children:[R,`hoose stats to display on your profile page and in your player summary tooltip.`]}),t[20]=R,t[21]=z);let B;t[22]===Symbol.for(`react.memo_cache_sentinel`)?(B={flex:1},t[22]=B):B=t[22];let V;t[23]!==d||t[24]!==a?(V=(0,O.jsx)(u,{style:B,children:(0,O.jsx)(y,{user:a,editable:d})}),t[23]=d,t[24]=a,t[25]=V):V=t[25];let H,U;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(H=(0,O.jsx)(f,{children:`Avatar`}),U=(0,O.jsx)(b,{}),t[26]=H,t[27]=U):(H=t[26],U=t[27]);let W;t[28]===a?W=t[29]:(W=(0,O.jsx)(w,{user:a}),t[28]=a,t[29]=W);let G;t[30]!==z||t[31]!==V||t[32]!==W?(G=(0,O.jsxs)(u,{style:P,children:[I,N,z,V,H,U,W]}),t[30]=z,t[31]=V,t[32]=W,t[33]=G):G=t[33];let K;return t[34]!==G||t[35]!==M?(K=(0,O.jsxs)(`div`,n(n({},p),{},{children:[M,G]})),t[34]=G,t[35]=M,t[36]=K):K=t[36],K},F={previewWrapper:{k1xSpc:`x78zum5`,kXwgrk:`xdt5ytf`,kGNEyG:`x6s0dn4`,$$css:!0},scrollablePreviewWrapper:e=>[A,{"--x-top":(e=>typeof e==`number`?e+`px`:e==null?void 0:e)(e+10),"--x-maxHeight":(e=>typeof e==`number`?e+`px`:e==null?void 0:e)(`calc(100vh - ${e}px - 48px)`)}],mobilePreviewWrapper:{ks0D6T:`x193iq5w`,k1K539:`x1u7ds96`,$$css:!0}};export{M as default};
90//# sourceMappingURL=UserSettingsScreen.CvC5uxww.js.map