"use strict";(this.webpackChunkdiscord_app=this.webpackChunkdiscord_app||[]).push([["86383"],{482682:function(t){t.exports="/assets/6050bb787ae6e7cf.png"},450125:function(t){t.exports="/assets/ddf1876f22ba8a4b.png"},733949:function(t){t.exports="/assets/95ffb3587387b7e8.png"},575703:function(t){t.exports="/assets/d8680b1c1576ecc8.svg"},877604:function(t,e,i){i.d(e,{Z:()=>u}),i(415506);var s,n=i(255367),a=i(73800),h=i(120356),r=i.n(h),o=i(191724);function l(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let d=t=>new Promise((e,i)=>{null==t&&i(Error("No image src passed"));let s=new Image;s.src=t,s.onload=()=>e(s),s.onerror=t=>i(t)});class c extends(s=a.PureComponent){componentDidUpdate(t){t.src!==this.props.src&&this.setState({loaded:!1},()=>this.initialize())}initialize(){d(this.props.src).then(()=>{this.unmounting||this.setState({loaded:!0})})}componentWillUnmount(){this.unmounting=!0}render(){var t,e;let{className:i,src:s,alt:a,width:h,height:d,onLoad:c,style:u,imageClassName:p}=this.props,{loaded:f}=this.state;return(0,n.jsx)("div",{className:i,style:(t=function(t){for(var e=1;ep}),i(388685);var s,n=i(255367),a=i(73800),h=i(120356),r=i.n(h),o=i(748780),l=i(481060),d=i(981631),c=i(464425);function u(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}class p extends(s=a.Component){componentDidMount(){this.props.show&&this.animate(1)}componentDidUpdate(t){t.show!==this.props.show&&this.animate(+!!this.props.show)}getAnimatedStyle(){let{anim:t}=this,{reducedMotion:e}=this.context;return{opacity:t,transform:e.enabled?void 0:[{translateY:t.interpolate({inputRange:[0,1],outputRange:["-100px","0px"]})},{translateZ:0}]}}render(){return(0,n.jsx)(o.Z.a,{href:d.Z5c.INDEX,target:"_blank",rel:"noopener",className:r()(c.logo,this.props.className),style:this.getAnimatedStyle()})}constructor(...t){super(...t),u(this,"anim",new o.Z.Value(0)),u(this,"animate",t=>{o.Z.spring(this.anim,{toValue:t,friction:10,tension:100}).start()})}}u(p,"contextType",l.Sfi)},686694:function(t,e,i){i.d(e,{Z:()=>O});var s,n=i(255367),a=i(73800),h=i(120356),r=i.n(h),o=i(692547),l=i(477690),d=i(481060),c=i(585483),u=i(624138),p=i(890056),f=i(636879),m=i(810847),v=i(898625),g=i(981631),w=i(183624);function b(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let y=(0,u.Mg)(l.Z.WAVE_SPLASH_RESPONSIVE_WIDTH_MOBILE),x=1/120;class E extends(s=a.Component){componentDidMount(){this.initialize()}componentDidUpdate(t){let{waveState:e}=this.props;e===v.hO.FILLING&&e!==t.waveState&&this.waveFill()}componentWillUnmount(){this.terminate()}initialize(){this.children.forEach(t=>t.initialize()),this.bindEvents(),this.resizeCanvas(),document.hidden&&this.delayedPause()}terminate(){this.pause(),this.unbindEvents(),this.children.forEach(t=>t.terminate())}bindEvents(){window.addEventListener("resize",this.resizeCanvas,!1),window.addEventListener("blur",this.delayedPause,!1),window.addEventListener("focus",this.play,!1),document.addEventListener("visibilitychange",this.handleVisibilityChange,!1),c.S.subscribe(g.CkL.WAVE_EMPHASIZE,this.handleWaveEmphasize)}unbindEvents(){window.removeEventListener("resize",this.resizeCanvas,!1),window.removeEventListener("blur",this.delayedPause,!1),window.removeEventListener("focus",this.play,!1),document.removeEventListener("visibilitychange",this.handleVisibilityChange,!1),c.S.unsubscribe(g.CkL.WAVE_EMPHASIZE,this.handleWaveEmphasize)}advanceTransitionalState(){let{waveState:t}=this.props;(t===v.hO.INITIAL||t===v.hO.FILLING)&&this.updateWaveState(t+1)}waveFill(){this._isPlaying?this.children.forEach(t=>t.fill()):this.updateWaveState(v.hO.FILLED)}updateAnimation(t){this.children.forEach(e=>e.update(t))}renderAnimation(){let{canvasFillStyle:t}=this.props,{canvasContext:e}=this;null!=e&&(e.fillStyle=t,e.fillRect(0,0,this.width,this.height),this.children.forEach(t=>t.render(e)))}render(){let{waveState:t,hideFallback:e,embedded:i}=this.props;return(0,n.jsx)(d.Sfi.Consumer,{children:s=>{let{reducedMotion:a}=s;return a.enabled?(0,n.jsx)("div",{className:r()(w.fallbackImage,{[w.embedded]:i,[w.visible]:!e&&t>=v.hO.ENTERED})}):(0,n.jsx)("canvas",{className:r()(w.canvas,{[w.embedded]:i}),ref:this.setCanvas})}})}constructor(t){super(t),b(this,"width",0),b(this,"height",0),b(this,"canvas",void 0),b(this,"canvasContext",void 0),b(this,"children",[]),b(this,"wave",void 0),b(this,"ratio",0),b(this,"_lastTick",0),b(this,"_isPlaying",!1),b(this,"_reqAnimId",null),b(this,"_pauseTimeout",void 0),b(this,"setCanvas",t=>{var e;if(null==t)return;this.canvas=t,this.canvasContext=this.canvas.getContext("2d");let i=null!=(e=window.devicePixelRatio)?e:1,s=this.canvasContext.webkitBackingStorePixelRatio||this.canvasContext.mozBackingStorePixelRatio||this.canvasContext.msBackingStorePixelRatio||this.canvasContext.oBackingStorePixelRatio||this.canvasContext.backingStorePixelRatio||1;this.ratio=i/s,this.resizeCanvas()}),b(this,"resizeCanvas",()=>{this.width=window.innerWidth,this.height=window.innerHeight;let{canvas:t,canvasContext:e,width:i,height:s,ratio:n}=this;null!=t&&null!=e&&(t.width=i*n,t.height=s*n,t.style.width=i+"px",t.style.height=s+"px",e.scale(n,n)),i<=y?this.pause():this.play(),this.wave.resizeWave(),this.renderAnimation()}),b(this,"handleVisibilityChange",()=>{document.hidden?this.delayedPause():this.play()}),b(this,"play",()=>{clearTimeout(this._pauseTimeout),this._isPlaying||(this._isPlaying=!0,this.run())}),b(this,"pause",()=>{clearTimeout(this._pauseTimeout),this._isPlaying=!1,null!=this._reqAnimId&&window.cancelAnimationFrame(this._reqAnimId),this._reqAnimId=null,this.advanceTransitionalState()}),b(this,"delayedPause",()=>{clearTimeout(this._pauseTimeout),this._pauseTimeout=setTimeout(this.pause,4e3)}),b(this,"updateWaveState",t=>{let{updateWaveState:e}=this.props;e(t)}),b(this,"handleWaveEmphasize",()=>{this.wave.emphasize()}),b(this,"run",()=>{if(!this._isPlaying)return;if(0===this._lastTick){this._lastTick=Date.now(),this._reqAnimId=requestAnimationFrame(this.run);return}let t=Date.now(),e=Math.min((t-this._lastTick)/1e3,8*x);for(;e>0;){let t=e{let e=(0,d.dQu)(o.Z.unsafe_rawColors.PRIMARY_630).hex();return(0,n.jsx)(E,function(t){for(var e=1;ey,h:()=>w}),i(388685);var s,n=i(255367),a=i(73800),h=i(120356),r=i.n(h),o=i(477690),l=i(877604),d=i(624138),c=i(133853),u=i(686694),p=i(898625),f=i(126649);function m(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let v=(0,d.Mg)(o.Z.WAVE_SPLASH_RESPONSIVE_WIDTH_MOBILE);function g(t,e){let{innerWidth:i,innerHeight:s}=window;if(0===t||0===e)return null;let n=e/t,a=i,h=Math.round(i*n);return h{function t(){o(t=>{let{naturalWidth:e,naturalHeight:i}=t,s=g(e,i);return null!=s?s:t})}return window.addEventListener("resize",t),()=>window.removeEventListener("reslize",t)},[]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.Z,{className:f.rightSplit,onLoad:function(t){let{currentTarget:e}=t,{naturalWidth:i,naturalHeight:s}=e,n=g(i,s);null!=n&&o(n)},src:e,width:s,height:h}),(0,n.jsx)("div",{className:r()(f.leftSplit,{[f.nonEmbeddedLeftSplit]:!0}),children:i})]})}class b extends(s=a.PureComponent){componentWillUnmount(){window.removeEventListener("resize",this.handleResize)}calculateShowWaveAnimation(){return window.innerWidth>v}renderSplashArt(){let{splash:t,embedded:e}=this.props,{width:i,height:s}=this.state;return null!=t?(0,n.jsx)(l.Z,{className:r()(f.rightSplit,{[f.embedded]:e}),src:t,width:i,height:s,onLoad:this.handleLoad}):null}renderWave(){let{waveState:t,updateWaveState:e,embedded:i}=this.props,{showWaveAnimation:s,splashLoaded:a}=this.state;return s?(0,n.jsx)(u.Z,{embedded:i,waveState:t,updateWaveState:e,hideFallback:!a}):(0,n.jsx)("div",{className:f.mobileWave})}renderContent(){let{children:t,waveState:e,showLogo:i,logoClassName:s,embedded:h}=this.props,{showWaveAnimation:o}=this.state;return(0,n.jsxs)(a.Fragment,{children:[this.renderWave(),(0,n.jsxs)("div",{className:r()(f.leftSplit,{[f.nonEmbeddedLeftSplit]:h}),children:[i?(0,n.jsx)(c.Z,{show:!o||e===p.hO.ENTERED&&e!==p.hO.FILLING,className:r()(f.logo,s)}):null,t]})]})}render(){let{className:t}=this.props;return(0,n.jsxs)("div",{className:r()(t,f.wrapper),children:[this.renderSplashArt(),this.renderContent()]})}constructor(...t){super(...t),m(this,"state",{naturalWidth:0,naturalHeight:0,width:0,height:0,showWaveAnimation:this.calculateShowWaveAnimation(),splashLoaded:!1}),m(this,"handleResize",()=>{let{naturalWidth:t,naturalHeight:e}=this.state,i=g(t,e),s=this.calculateShowWaveAnimation();if(null!=i){var n,a;this.setState((n=function(t){for(var e=1;e{let{currentTarget:e}=t,{naturalWidth:i,naturalHeight:s}=e,n=g(i,s);null!=n&&this.setState(n),this.setState({splashLoaded:!0}),window.removeEventListener("resize",this.handleResize),window.addEventListener("resize",this.handleResize)})}}m(b,"defaultProps",{embedded:!1});let y=12633==i.j?b:null},890056:function(t,e,i){i.d(e,{Z:()=>h});var s=i(684827),n=i(482682);function a(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let h=class{initialize(){this.img=new Image,this.img.onload=()=>{this.loaded=!0},this.img.src=n,this.bind()}bind(){window.addEventListener("mousemove",this.handleMouseMove,!1)}unbind(){window.removeEventListener("mousemove",this.handleMouseMove,!1)}terminate(){this.img=null,this.loaded=!1,this.isFilled=!1,this.alpha=0,this.unbind()}update(t){this.loaded&&(!this.isFilled&&this.alpha<1?this.alpha=Math.min(1,this.alpha+t):this.isFilled&&this.alpha>0&&(this.alpha=Math.max(0,this.alpha-3*t)),this.velX+=(0,s.B)(this.targetX,this.x,this.velX,this.spring)*t,this.velY+=(0,s.B)(this.targetY,this.y,this.velY,this.spring)*t,this.x+=this.velX*t,this.y+=this.velY*t)}render(t){let{img:e}=this;this.loaded&&null!=e&&(t.save(),t.globalCompositeOperation="source-atop",t.globalAlpha=this.alpha,t.drawImage(e,this.x+20,this.y+20),t.restore())}fill(){this.isFilled=!0}constructor(){a(this,"img",null),a(this,"loaded",!1),a(this,"isFilled",!1),a(this,"alpha",0),a(this,"mx",0),a(this,"my",0),a(this,"x",0),a(this,"y",0),a(this,"velX",0),a(this,"velY",0),a(this,"targetX",40),a(this,"targetY",40),a(this,"spring",{friction:60,tension:100}),a(this,"handleMouseMove",t=>{let{clientX:e,clientY:i}=t;this.targetX=e/window.innerWidth*20+20,this.targetY=i/window.innerWidth*20+20})}}},342412:function(t,e,i){i.d(e,{Z:()=>r});var s=i(684827),n=i(898625);function a(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let h=["#7d8187","#18191c","#8fa2df","#4f545c"],r=class{checkBounds(){this.x>this.offscreenX?this.x=-this.size:this.y>this.offscreenY?this.y=-this.size:this.x<-this.size?this.x=this.offscreenX:this.y<-this.size&&(this.y=this.offscreenY)}update(t,e){this.checkBounds(),this.y+=e*this.positionMultiplier,this.x+=t*this.positionMultiplier}render(t,e){t.beginPath(),t.globalAlpha=e*this.depth/4,t.arc(this.x,this.y,this.size,0,n.uo,!0),t.fillStyle=this.color,t.fill(),t.globalAlpha=1}constructor(){a(this,"size",(0,s.M)(2,3)),a(this,"depth",(0,s.M)(1,4)),a(this,"positionMultiplier",this.depth/4),a(this,"color",h[4-this.depth]),a(this,"offscreenX",n.pg+this.size),a(this,"offscreenY",n.pg+this.size),a(this,"x",(0,s.M)(-this.size,this.offscreenX)),a(this,"y",(0,s.M)(-this.size,this.offscreenY))}}},636879:function(t,e,i){i.d(e,{Z:()=>h}),i(539854);var s=i(342412),n=i(722734);function a(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let h=class{initialize(){this.particles=[],this.wind.initialize(),this.loadInTimer=setTimeout(()=>{for(let t=0;t<75;t++)this.particles.push(new s.Z)},250)}terminate(){this.particles=[],this.wind.terminate(),null!=this.loadInTimer&&clearTimeout(this.loadInTimer)}update(t){0!==this.particles.length&&(!this.isFilled&&this.alpha<1?this.alpha=Math.min(1,this.alpha+t):this.isFilled&&this.alpha>0&&(this.alpha=Math.max(0,this.alpha-3*t)),this.wind.update(),this.particles.forEach(e=>e.update(10*this.wind.forceX*t,10*Math.min(this.wind.forceY,-.001)*t+-.1)))}render(t){0!==this.particles.length&&(t.save(),t.globalCompositeOperation="source-atop",this.particles.forEach(e=>e.render(t,this.alpha)),t.restore())}fill(){this.isFilled=!0}constructor(){a(this,"particles",[]),a(this,"wind",new n.Z),a(this,"alpha",0),a(this,"isFilled",!1),a(this,"loadInTimer",null)}}},50516:function(t,e,i){i.d(e,{Z:()=>h});var s=i(684827),n=i(898625);function a(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let h=class{updateStatic(){this.targetX=this.targetX+30*Math.cos(this.angle)*Math.sin(this.count),this.targetY=this.targetY+30*Math.sin(this.angle)*Math.sin(this.count),this.x=this.targetX,this.y=this.targetY}update(t){let e,i;if(this.speedUp>0?(this.speedUp=Math.max(0,this.speedUp-t),this.count+=t*(10*Math.min(this.speedUp,1)+.4)):this.count+=.4*t,e=(0,s.B)(this.targetX,this.x,this.velX,this.spring),i=(0,s.B)(this.targetY,this.y,this.velY,this.spring),this.velX+=e*t,this.velY+=i*t,this.oscillate){let n=this.targetX+this.waveRange*Math.cos(this.angle)*Math.sin(this.count),a=this.targetY+this.waveRange*Math.sin(this.angle)*Math.sin(this.count);e=(0,s.B)(n,this.x,this.velX,this.spring),i=(0,s.B)(a,this.y,this.velY,this.spring),this.velX+=e*t,this.velY+=i*t}this.x+=this.velX*t,this.y+=this.velY*t}render(t){t.fillStyle="#fff",t.fillRect(this.x,this.y,4,4)}constructor(t){a(this,"x",-40),a(this,"y",-40),a(this,"targetX",0),a(this,"targetY",0),a(this,"oscillate",!0),a(this,"velX",0),a(this,"velY",0),a(this,"angle",0),a(this,"speedUp",1.5),a(this,"waveRange",60),a(this,"count",void 0),a(this,"index",void 0),a(this,"spring",{friction:15,tension:n.O1}),this.index=t,this.spring.tension=n.O1*Math.max(.1,t/7)+n.O1,this.count=-2.15*t}}},684827:function(t,e,i){function s(t,e){return Math.floor(Math.random()*(e-t+1)+t)}function n(t,e,i,s){return s.tension*(t-e)-s.friction*i}i.d(e,{B:()=>n,M:()=>s})},810847:function(t,e,i){i.d(e,{Z:()=>f}),i(388685),i(539854);var s=i(954955),n=i.n(s),a=i(477690),h=i(624138),r=i(50516),o=i(684827),l=i(898625);function d(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}let c=(0,h.Mg)(a.Z.WAVE_SPLASH_RESPONSIVE_WIDTH_MOBILE),u=1/60;function p(){return Math.min(Math.max(Math.min(.8*window.innerWidth,.8*window.innerHeight),l.LE),l.pg)}let f=class{initialize(){this._resizeWave()}emphasize(){this.points.forEach(t=>t.speedUp=1)}terminate(){this.points=[]}update(t){0!==this.points.length&&(this.points.forEach(e=>e.update(Math.min(t,u))),!this.hasEntered&&this.points[0].x>c&&(this.hasEntered=!0,this.updateWaveState(l.hO.ENTERED)),this.isFilling&&this.points[0].x>this.points[0].targetX&&(this.isFilling=!1,this.updateWaveState(l.hO.FILLED)))}render(t){if(0===this.points.length)return;let[e,...i]=this.points;t.save(),t.beginPath(),t.moveTo(e.x,e.y),i.forEach((e,s)=>{if(null==i[s+1])t.quadraticCurveTo(e.x,e.y,e.x,e.y);else{let n=(e.x+i[s+1].x)/2,a=(e.y+i[s+1].y)/2;t.quadraticCurveTo(e.x,e.y,n,a)}}),t.lineTo(0,0),t.closePath(),t.fillStyle="#000",t.globalCompositeOperation="destination-in",t.fill(),t.restore()}fill(){let t=Math.sqrt(window.innerWidth*window.innerWidth+window.innerHeight*window.innerHeight)+100,e=p()-140,i=(t,e,i,s)=>{t.targetX=-40+e*Math.cos(l.uo*(i/15*.25+0)),t.targetY=-40+e*Math.sin(l.uo*(i/15*.25+0)),s&&(t.targetX+=(0,o.M)(0,30)-15,t.targetY+=(0,o.M)(0,30)-15,t.speedUp=3,t.spring.tension=l.O1*Math.random()*.5+l.O1)};this.points.forEach((t,s)=>i(t,e,s,!0)),setTimeout(()=>{this.points.forEach((e,s)=>{i(e,t,s,!1);let n=1-e.index/7.5;e.spring.friction+=e.spring.friction+e.spring.friction*n,e.spring.tension=.7*l.O1+80*Math.random(),e.waveRange=2*e.waveRange}),this.isFilling=!0,this.updateWaveState(l.hO.FILLING)},250)}constructor(t){d(this,"points",[]),d(this,"hasEntered",!1),d(this,"isFilling",!1),d(this,"updateWaveState",void 0),d(this,"_resizeWave",()=>{let t=p();this.points.forEach((e,i)=>{let s=-40+t*Math.cos(l.uo*(i/15*.25+0)),n=-40+t*Math.sin(l.uo*(i/15*.25+0));0!==i?n+=(0,o.M)(0,30)-15:s+=(0,o.M)(0,30)-15,e.targetX=s,e.targetY=n,e.angle=Math.atan2(n,s)})}),d(this,"resizeWave",n()(this._resizeWave,200)),this.updateWaveState=t,this.hasEntered=!1;for(let t=0;t<=15;t++)this.points.push(new r.Z(Math.floor(7.5-Math.floor(Math.abs(t-7.5)))))}}},898625:function(t,e,i){i.d(e,{LE:()=>s,O1:()=>h,hO:()=>r,pg:()=>n,uo:()=>a});let s=780,n=1e3,a=2*Math.PI,h=150,r={INITIAL:0,ENTERED:1,FILLING:2,FILLED:3}},722734:function(t,e,i){function s(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function n(t,e){return Math.max(Math.min((t-e)/30,1),-1)}i.d(e,{Z:()=>a});let a=class{initialize(){window.addEventListener("mousemove",this.handleMouseMove)}terminate(){window.removeEventListener("mousemove",this.handleMouseMove)}update(){this.x!==this.px&&this.y!==this.py&&(this.forceX+=n(this.x,this.px),this.forceY+=n(this.y,this.py),this.px=this.x,this.py=this.y),0!==this.forceX&&(this.forceX=this.forceX*this.resistance),0!==this.forceY&&(this.forceY=this.forceY*this.resistance)}render(){}constructor(){s(this,"resistance",.98),s(this,"px",0),s(this,"py",0),s(this,"x",0),s(this,"y",0),s(this,"forceX",0),s(this,"forceY",0),s(this,"handleMouseMove",t=>{let{clientX:e,clientY:i}=t;this.x=e,this.y=i})}}}}]); //# sourceMappingURL=71b3647d60435223.js.map