Module 282413

function(e,t,n){"use strict";n.d(t,{o:()=>h});var r=n(627968),i=n(64700),s=n(503698),a=n.n(s),o=n(615300),l=n(451988),u=n(73939),c=n(235986),d=n(652215),_=n(507252);let f=3e3,p={[d.DUB.NORMAL]:_.qb,[d.DUB.MINIMUM]:_.Bp,[d.DUB.NO_CHAT]:_.Oo,[d.DUB.FULL_SCREEN]:_.iy,[d.DUB.HAVEN]:_.VT};class h extends i.PureComponent{constructor(e){super(e),this.state={animation:new o.A.Value(0)}}componentDidAppear(){this.state.animation.setValue(1)}componentWillEnter(e){let{animation:t}=this.state;t.setValue(0),o.A.spring(t,{toValue:1,overshootClamping:!0}).start(e)}componentWillLeave(e){o.A.spring(this.state.animation,{toValue:0,overshootClamping:!0}).start(e)}render(){return(0,r.jsx)(o.A.div,{className:a()(_.$c,this.props.className),style:{opacity:this.state.animation},children:this.props.children})}}class m extends i.PureComponent{static defaultProps={layout:d.DUB.MINIMUM,animated:!0};_timeout=new l.Ep;constructor(e){super(e),this.state={idle:!1,backgroundAnimation:new o.A.Value(0),layoutProp:e.layout}}componentDidMount(){document.addEventListener("mousedown",this.handleMouseEvent,!0),document.addEventListener("mousemove",this.handleMouseEvent,!0)}componentWillUnmount(){document.removeEventListener("mousedown",this.handleMouseEvent,!0),document.removeEventListener("mousemove",this.handleMouseEvent,!0),this._timeout.stop()}static getDerivedStateFromProps(e,t){return e.layout!==t.layoutProp?t.idle?{idle:!1,layoutProp:e.layout}:{layoutProp:e.layout}:null}componentDidUpdate(e){this.props.layout!==e.layout&&this._timeout.stop()}handleMouseEvent=()=>{let{layout:e}=this.props;(e===d.DUB.FULL_SCREEN||e===d.DUB.NO_CHAT)&&(this._timeout.start(f,()=>this.setState({idle:!0})),this.state.idle&&this.setState({idle:!1}))};renderBackground(){let{background:e,backgroundKey:t,layout:n}=this.props,i=`${n}-${t??""}`;return(0,r.jsx)(u.F,{className:_.yG,component:"div",children:(0,r.jsx)(h,{children:e},i)})}renderContents(){let{top:e,center:t,bottom:n,layout:i,focused:s}=this.props,{idle:o}=this.state;return(0,r.jsx)(c.A,{className:a()(_.Ki,p[i],{[_.N7]:o}),direction:c.A.Direction.VERTICAL,justify:c.A.Justify.CENTER,children:(0,r.jsxs)(c.A,{className:_.tN,direction:c.A.Direction.VERTICAL,children:[this.renderBackground(),(0,r.jsxs)(c.A,{className:a()(_.IR,{[_.in]:s}),direction:c.A.Direction.VERTICAL,justify:c.A.Justify.BETWEEN,children:[(0,r.jsx)(c.A,{className:_.JV,grow:0,children:e}),(0,r.jsx)(c.A,{className:_.R2,children:t}),(0,r.jsx)(c.A,{className:_.ZJ,grow:0,children:n})]})]})})}render(){let{layout:e,className:t,animated:n}=this.props;return(0,r.jsx)("div",{className:a()(_.hP,p[e],t,{[_.CS]:n}),children:this.renderContents()})}}}