Module 809605

function(e,t,l){l.r(t),l.d(t,{default:()=>ea});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),G=l(868652),I=l(645619),j=l(864310),w=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,G.AK)(e),(0,G.Xd)(e)]);let t=I.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 _.wS+_.iq-Math.round(100*s()(e).get("hsl.l"))}function Z(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 ee(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 et(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 el(){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,w.GQ)(t)},look:"pill"})}function ea(){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:I,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})),ea=(0,c.bG)([R.A],()=>null==M?null:R.A.getGuild(M),[M]),en=function(e){let t=e?.customUserThemeSettings?.colors?.[0];if(null!=t)return t;let l=(0,_.Yt)(e?.presetId);return null!=l?(0,_.oE)(l).color:_.a0}(k),er=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),ei=z(en),es=Q(en),eu=r.useMemo(()=>{let e,t,l,a,n,r,i;return e=s()(en),t=z(en),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%)`},[en]),{key:ed,handleInternalChange:eo}=Z(ei),{key:ec,handleInternalChange:ef}=Z(es),{key:em,handleInternalChange:eg}=Z(er),eh=r.useCallback((e,t)=>{(0,L.t$)({colors:[e],gradientAngle:0,baseMix:t})},[]),eb=r.useCallback(e=>{(0,L.GC)(e.id)},[]),ex=r.useCallback(()=>{let e=(0,_.XY)();eh(e.color,e.baseMix)},[eh]),ep=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})},[]),ev=r.useCallback(()=>{e.current=!0,(0,L.WV)(),(0,w.XG)(),(0,C.Jp)()},[]),eE=r.useCallback(async()=>{await (0,L.HN)(),e.current=!0,(0,w.XG)(),(0,C.Jp)()},[]),eN=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 eE()}catch(t){throw e(q(t)),t}}})},[eE]),ey=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,G.Qh)(M,e.skuId),await X(M),!K(M))return;eN()}catch(e){l.current=!1,f(q(e))}finally{t.current=!1,d(!1)}}}},[eN,M]),eC=r.useCallback(async(e,t)=>{if(null==ea)return void f(D.intl.string(D.t.fEptJP));let l=e.cost-t;l<=0?await ey(e):await (0,A.g)({analyticsLocation:{page:V.liQ.GUILD_POWERUPS_OVERVIEW,section:V.JJy.GUILD_POWERUPS_OVERVIEW_CARD},analyticsLocations:i,guild:ea,numberOfBoostsToAdd:l,intent:U.Pn.PERK,onLoading:d,handleSubscribeModalClose:t=>{if(t)return ey(e)}})},[i,ea,ey]),eA=r.useCallback(async()=>{if(f(null),null==M)return void f(D.intl.string(D.t.fEptJP));if(B(M)){if(!K(M))return;eN();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 eN();if(t===O.WAIT_FOR_FEATURE){if(await X(M),!K(M))return;eN();return}if(null==e.guildThemePowerup)return void f(D.intl.string(D.t.fEptJP));if(t===O.ENABLE_POWERUP){d(!1),await ey(e.guildThemePowerup);return}if(t===O.BOOST){d(!1),await eC(e.guildThemePowerup,e.availableBoostCount);return}f(D.intl.string(D.t.fEptJP))}catch(e){f(q(e))}finally{d(!1)}},[ey,eC,eN,M]),ek=(0,c.bG)([T.A],()=>T.A.getGuildId()),eG=null!=M&&ek!==M;r.useEffect(()=>{eG&&(e.current=!0,(0,L.WV)(),(0,w.XG)(),(0,C.Jp)())},[eG]),r.useEffect(()=>{if(null==M)return;let{draft:e,draftEnabled:t,origin:l}=S.Ay;t&&e?.presetId!=null||l===S.v5.GUILD_SETTINGS&&(0,W.Om)(e)||(0,L.GC)(_.Zq["0"].id)},[M]),r.useEffect(()=>{null==M&&((0,w.XG)(),(0,C.Jp)())},[M]),r.useEffect(()=>()=>{(0,w.XG)(),e.current||S.Ay.isAwaitingGuildUpdate||(0,L.WV)()},[]);let eI=I||u,ej=eI||!j||null==k||null==M,ew=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)(el,{})]}),(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)(ee,{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:en,controlKey:ed,min:0,max:359,defaultValue:ei,ariaLabel:D.intl.string(F.default.uSL2Gy),onValuePreview:eo,onValueCommit:e=>{let t=(0,_.sR)(en,e);eo(z(t)),eh(t,er)}}),(0,n.jsx)(ee,{background:eu,color:en,controlKey:ec,min:_.wS,max:_.iq,defaultValue:es,ariaLabel:D.intl.string(F.default.uSL2Gy),onValuePreview:ef,onValueCommit:e=>{let t=(0,_._k)(en,_.wS+_.iq-e);ef(Q(t)),eh(t,er)}})]}),(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(er)}%`})]}),(0,n.jsx)(p.A,{"aria-labelledby":a,minValue:0,maxValue:100,keyboardStep:1,initialValue:er,defaultValue:er,onValueRender:e=>`${Math.round(e)}%`,onValueChange:e=>{let t=Math.round(e);eg(t),eh(en,t)}},em)]})}),(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)(et,{preset:e,selected:k?.presetId===e.id,disabled:eI,onSelect:()=>eb(e),theme:g},e.id))})]}),(0,n.jsxs)("div",{className:$.uu,children:[(0,n.jsx)(v.$,{variant:"secondary",size:"md",fullWidth:!0,disabled:eI,onClick:ex,text:D.intl.string(F.default.c9MBEH),icon:E.D}),(0,n.jsx)(v.$,{variant:"secondary",size:"md",fullWidth:!0,disabled:eI||!j,onClick:ep,text:D.intl.string(D.t.yBZMsQ)})]}),null!=ew&&(0,n.jsx)(x.E,{variant:"text-xs/semibold",color:"text-feedback-critical",className:$.z3,children:ew})]})}),(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:eI,onClick:ev,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:eI,disabled:ej,onClick:eA,text:D.intl.string(D.t["1Qm822"])})})]})})]})}}