Module 809605

function(e,t,l){l.r(t),l.d(t,{default:()=>en});var a,n=l(627968),r=l(64700),i=l(310784),s=l.n(i),u=l(512750),d=l(943255),o=l(575181),c=l(17928),f=l(451988),m=l(314116),g=l(629584),h=l(364522),b=l(534514),x=l(834730),p=l(106236),v=l(821609),E=l(152367),N=l(793574),y=l(688810),C=l(793943),A=l(987144),k=l(378292),w=l(868652),G=l(645619),j=l(864310),I=l(973654),P=l(363195),R=l(71393),T=l(967198),_=l(476931),L=l(673642),S=l(759532),W=l(875317),J=l(42119),O=((a={}).CONFIRM="confirm",a.WAIT_FOR_FEATURE="wait_for_feature",a.ENABLE_POWERUP="enable_powerup",a.BOOST="boost",a.ERROR="error",a),V=l(652215),U=l(568065),M=l(818348),D=l(375708),F=l(693227),H=l(412848),$=l(894284);function B(e){return R.A.getGuild(e)?.features.has(V.GuildFeatures.GUILD_THEME)===!0}function X(e){return B(e)?Promise.resolve():new Promise((t,l)=>{let a=new f.Ep;function n(){a.stop(),R.A.removeChangeListener(r)}function r(){B(e)&&(n(),t())}a.start(1e4,()=>{n(),l(Error("Timed out waiting for Guild Theme feature."))}),R.A.addChangeListener(r),r()})}function K(e){return S.Ay.guildId===e&&T.A.getGuildId()===e}function q(e){return e.body?.message??e.message??D.intl.string(D.t.fEptJP)}async function Y(e){await Promise.all([(0,w.AK)(e),(0,w.Xd)(e)]);let t=G.A.getStateForGuild(e);return{hasGuildThemeFeature:B(e),hasActiveGuildThemePowerup:t?.unlockedPowerups?.[u.d0]!=null,guildThemePowerup:t?.allPowerups[u.d0],availableBoostCount:(0,j.Z)(e).available}}function z(e){let t=s()(e).get("hsl.h");return Number.isNaN(t)?0:Math.round(t)}function Q(e){return Math.round(100*s()(e).get("hsl.l"))}function Z(e){return _.wS+_.iq-Q(e)}function ee(e){let[t,l]=r.useState(0),a=r.useRef(null),n=r.useRef(e);return r.useEffect(()=>{e!==n.current&&(a.current===e?a.current=null:l(e=>e+1)),n.current=e},[e]),{key:t,handleInternalChange:r.useCallback(e=>(a.current=e,e),[])}}function et(e){let{background:t,color:l,controlKey:a,min:i,max:s,defaultValue:u,ariaLabel:d,onValuePreview:o,onValueCommit:c}=e,f=r.useRef(u);r.useEffect(()=>{f.current=u},[u]);let m=r.useCallback(()=>{c(f.current)},[c]);return(0,n.jsxs)("div",{className:$.TH,children:[(0,n.jsx)("div",{className:$.uy,style:{background:t}}),(0,n.jsx)("input",{className:$.d7,style:{color:l},type:"range",min:i,max:s,defaultValue:u,"aria-label":d,onBlur:m,onChange:e=>{let t=Number(e.currentTarget.value);f.current=t,o(t)},onKeyUp:m,onPointerUp:m},a)]})}function el(e){let{preset:t,selected:l,disabled:a,onSelect:r,theme:i}=e,s=(0,k.A)(t);return(0,n.jsx)(J.IK,{preset:t,selected:l,disabled:a,onClick:r,label:s,theme:i,buttonClassName:$.u5,graphicClassName:$.kw,selectedIndicatorClassName:$.$R})}function ea(){let e=(0,c.bG)([P.A],()=>P.A.theme)===M.NJ.LIGHT?M.NJ.LIGHT:M.NJ.DARK,t=[{name:"",value:M.NJ.DARK,icon:d.Z,className:e===M.NJ.DARK?$.bx:void 0,tooltip:D.intl.string(F.default["Dk+OWY"]),tooltipAriaLabel:D.intl.string(F.default["Dk+OWY"])},{name:"",value:M.NJ.LIGHT,icon:o.F,className:e===M.NJ.LIGHT?$.bx:void 0,tooltip:D.intl.string(F.default["5vlJkY"]),tooltipAriaLabel:D.intl.string(F.default["5vlJkY"])}];return(0,n.jsx)(g.I,{className:$.q0,optionClassName:$.C_,options:t,value:e,onChange:e=>{let{value:t}=e;return(0,I.GQ)(t)},look:"pill"})}function en(){let e=r.useRef(!1),t=r.useRef(!1),l=r.useRef(!1),a=r.useId(),{analyticsLocations:i}=(0,y.Ay)(N.A.GUILD_POWERUPS_GUILD_SETTINGS_GUILD_THEME),[u,d]=r.useState(!1),[o,f]=r.useState(null),g=(0,c.bG)([P.A],()=>P.A.theme),{draft:k,isSaving:G,hasChanges:j,saveError:J,previewGuildId:M}=(0,c.cf)([S.Ay],()=>({draft:S.Ay.draft,isSaving:S.Ay.isSaving,hasChanges:S.Ay.hasChanges(),saveError:S.Ay.saveError,previewGuildId:S.Ay.guildId})),en=(0,c.bG)([R.A],()=>null==M?null:R.A.getGuild(M),[M]),er=function(e){let t=e?.customUserThemeSettings?.colors?.[0];if(null!=t)return t;let l=(0,_.Yt)(e?.presetId),a=null!=l?(0,_.oE)(l).color:_.a0;return(0,_.w3)((0,_._k)(a,Q(a)))}(k),ei=function(e){let t=e?.customUserThemeSettings?.baseMix;if(null!=t)return t;let l=(0,_.Yt)(e?.presetId);return null!=l?(0,_.oE)(l).baseMix:_.BC}(k),es=z(er),eu=Z(er),ed=r.useMemo(()=>{let e,t,l,a,n,r,i;return e=s()(er),t=z(er),a=Number.isNaN(l=e.get("hsl.s"))?.82:l,n=s().hsl(t,a,_.wS/100).hex(),r=s().hsl(t,a,.45).hex(),i=s().hsl(t,a,_.iq/100).hex(),`linear-gradient(90deg, ${i} 0%, ${r} 50%, ${n} 100%)`},[er]),{key:eo,handleInternalChange:ec}=ee(es),{key:ef,handleInternalChange:em}=ee(eu),{key:eg,handleInternalChange:eh}=ee(ei),eb=r.useCallback((e,t)=>{(0,L.t$)({colors:[e],gradientAngle:0,baseMix:t})},[]),ex=r.useCallback(e=>{(0,L.GC)(e.id)},[]),ep=r.useCallback(()=>{let e=(0,_.XY)();eb(e.color,e.baseMix)},[eb]),ev=r.useCallback(()=>{let{guildId:e,original:t,originalEnabled:l,origin:a}=S.Ay;null!=e&&null!=a&&(0,L.tA)({guildId:e,draft:t,original:t,draftEnabled:l,originalEnabled:l,origin:a})},[]),eE=r.useCallback(()=>{e.current=!0,(0,L.WV)(),(0,I.XG)(),(0,C.Jp)()},[]),eN=r.useCallback(async()=>{await (0,L.HN)(),e.current=!0,(0,I.XG)(),(0,C.Jp)()},[]),ey=r.useCallback(()=>{(0,m.A)({title:D.intl.string(H.default.H8idcP),subtitle:D.intl.string(H.default["0LL6FX"]),confirmText:D.intl.string(D.t["cY+Oob"]),cancelText:D.intl.string(D.t["ETE/oC"]),variant:"primary",onConfirm:async e=>{try{await eN()}catch(t){throw e(q(t)),t}}})},[eN]),eC=r.useCallback(async e=>{if(!t.current&&!l.current){if(null==M)return void f(D.intl.string(D.t.fEptJP));if(K(M)){l.current=!0,t.current=!0,d(!0),f(null);try{if(await (0,w.Qh)(M,e.skuId),await X(M),!K(M))return;ey()}catch(e){l.current=!1,f(q(e))}finally{t.current=!1,d(!1)}}}},[ey,M]),eA=r.useCallback(async(e,t)=>{if(null==en)return void f(D.intl.string(D.t.fEptJP));let l=e.cost-t;l<=0?await eC(e):await (0,A.g)({analyticsLocation:{page:V.liQ.GUILD_POWERUPS_OVERVIEW,section:V.JJy.GUILD_POWERUPS_OVERVIEW_CARD},analyticsLocations:i,guild:en,numberOfBoostsToAdd:l,intent:U.Pn.PERK,onLoading:d,handleSubscribeModalClose:t=>{if(t)return eC(e)}})},[i,en,eC]),ek=r.useCallback(async()=>{if(f(null),null==M)return void f(D.intl.string(D.t.fEptJP));if(B(M)){if(!K(M))return;ey();return}d(!0);try{let e=await Y(M);if(!K(M))return;let t=function(e){let{hasGuildThemeFeature:t,hasActiveGuildThemePowerup:l,guildThemePowerup:a,availableBoostCount:n}=e;return t?"confirm":l?"wait_for_feature":null==a?"error":n>=a.cost?"enable_powerup":"boost"}(e);if(t===O.CONFIRM)return void ey();if(t===O.WAIT_FOR_FEATURE){if(await X(M),!K(M))return;ey();return}if(null==e.guildThemePowerup)return void f(D.intl.string(D.t.fEptJP));if(t===O.ENABLE_POWERUP){d(!1),await eC(e.guildThemePowerup);return}if(t===O.BOOST){d(!1),await eA(e.guildThemePowerup,e.availableBoostCount);return}f(D.intl.string(D.t.fEptJP))}catch(e){f(q(e))}finally{d(!1)}},[eC,eA,ey,M]),ew=(0,c.bG)([T.A],()=>T.A.getGuildId()),eG=null!=M&&ew!==M;r.useEffect(()=>{eG&&(e.current=!0,(0,L.WV)(),(0,I.XG)(),(0,C.Jp)())},[eG]),r.useEffect(()=>{if(null==M)return;let{draft:e,draftEnabled:t}=S.Ay;t&&(0,W.Om)(e)||(0,L.GC)(_.Zq["0"].id)},[M]),r.useEffect(()=>{null==M&&((0,I.XG)(),(0,C.Jp)())},[M]),r.useEffect(()=>()=>{(0,I.XG)(),e.current||S.Ay.isAwaitingGuildUpdate||(0,L.WV)()},[]);let ej=G||u,eI=ej||!j||null==k||null==M,eP=o??J;return(0,n.jsxs)("div",{className:$.kL,"data-app-right-panel":!0,children:[(0,n.jsx)(h.Ip,{className:$.XG,children:(0,n.jsxs)("div",{className:$.rf,children:[(0,n.jsx)(b.D,{variant:"heading-lg/semibold",color:"text-strong",children:D.intl.string(H.default["/6NbRv"])}),(0,n.jsxs)("div",{className:$.uW,children:[(0,n.jsx)(x.E,{variant:"text-sm/semibold",color:"text-default",className:$.a9,children:D.intl.string(H.default.zry4l5)}),(0,n.jsx)(x.E,{variant:"text-xs/medium",color:"text-muted",className:$.yV,children:D.intl.string(H.default.HkvkHP)}),(0,n.jsx)(ea,{})]}),(0,n.jsxs)("div",{className:$.uW,children:[(0,n.jsx)(x.E,{variant:"text-sm/semibold",color:"text-default",className:$.a9,children:D.intl.string(F.default.uSL2Gy)}),(0,n.jsx)(et,{background:"linear-gradient(90deg, rgb(255 0 0) 0%, rgb(255 255 0) 16.66%, rgb(0 255 0) 33.33%, rgb(0 255 255) 50%, rgb(0 0 255) 66.66%, rgb(255 0 255) 83.33%, rgb(255 0 0) 100%)",color:er,controlKey:eo,min:0,max:359,defaultValue:es,ariaLabel:D.intl.string(F.default.uSL2Gy),onValuePreview:ec,onValueCommit:e=>{let t=(0,_.w3)((0,_.sR)(er,e));ec(z(t)),eb(t,ei)}}),(0,n.jsx)(et,{background:ed,color:er,controlKey:ef,min:_.wS,max:_.iq,defaultValue:eu,ariaLabel:D.intl.string(F.default.uSL2Gy),onValuePreview:em,onValueCommit:e=>{let t=(0,_.w3)((0,_._k)(er,_.wS+_.iq-e));em(Z(t)),eb(t,ei)}})]}),(0,n.jsx)("div",{className:$.uW,children:(0,n.jsxs)("div",{className:$.Ib,children:[(0,n.jsxs)("div",{className:$.Gl,children:[(0,n.jsx)(x.E,{id:a,variant:"text-sm/medium",color:"text-default",className:$.KF,children:D.intl.string(F.default.xlXkaL)}),(0,n.jsx)(x.E,{variant:"text-sm/medium",color:"text-default",className:$.rv,children:`${Math.round(ei)}%`})]}),(0,n.jsx)(p.A,{"aria-labelledby":a,minValue:0,maxValue:100,keyboardStep:1,initialValue:ei,defaultValue:ei,onValueRender:e=>`${Math.round(e)}%`,onValueChange:e=>{let t=Math.round(e);(t!==ei||k?.customUserThemeSettings!=null)&&(eh(t),eb(er,t))}},eg)]})}),(0,n.jsxs)("div",{className:$.uW,children:[(0,n.jsx)(x.E,{variant:"text-sm/semibold",color:"text-default",className:$.a9,children:D.intl.string(H.default.jSrqR2)}),(0,n.jsx)("div",{className:$.$k,children:_.Zq.map(e=>(0,n.jsx)(el,{preset:e,selected:k?.presetId===e.id,disabled:ej,onSelect:()=>ex(e),theme:g},e.id))})]}),(0,n.jsxs)("div",{className:$.uu,children:[(0,n.jsx)(v.$,{variant:"secondary",size:"md",fullWidth:!0,disabled:ej,onClick:ep,text:D.intl.string(F.default.c9MBEH),icon:E.D}),(0,n.jsx)(v.$,{variant:"secondary",size:"md",fullWidth:!0,disabled:ej||!j,onClick:ev,text:D.intl.string(D.t.yBZMsQ)})]}),null!=eP&&(0,n.jsx)(x.E,{variant:"text-xs/semibold",color:"text-feedback-critical",className:$.z3,children:eP})]})}),(0,n.jsx)("div",{className:$.qr,children:(0,n.jsxs)("div",{className:$.zt,children:[(0,n.jsx)(v.$,{variant:"secondary",size:"md",fullWidth:!0,disabled:ej,onClick:eE,text:D.intl.string(D.t["13/7kX"])}),(0,n.jsx)("span",{className:$._l,children:(0,n.jsx)(v.$,{variant:"primary",size:"md",fullWidth:!0,loading:ej,disabled:eI,onClick:ek,text:D.intl.string(D.t["1Qm822"])})})]})})]})}}