/*! VERSION | 11.0.88 */"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8629],{86592:(e,t,s)=>{s.d(t,{q:()=>F});var l=s(18775),i=s(76482),n=s(27378),o=s(48204),r=s(10269),a=s(83429),c=s(35840),d=s(39120),u=s(99973),h=s(12265),p=s(79561),m=s(29421),v=s(84946);let y=u.BROWSER_CAPABILITIES.desktop&&!u.BROWSER_CAPABILITIES.isTablet,A={setControlsBlockVisibility:h.TK,updateViewCamSendTip:h.ED,hideActionMenu:r.fO};class E extends n.Component{componentWillUnmount(){this.hideControlsDebounce.cancel()}render(){return n.createElement(d.Z,{propsUpdateToActionsMap:this.propsUpdateToActionsMap,...this.props},n.createElement(v.G.Provider,{value:this.handlers},this.props.children))}constructor(...e){super(...e),(0,l._)(this,"wereShown",!1),(0,l._)(this,"isIgnoreMouseLeave",!1),(0,l._)(this,"propsUpdateToActionsMap",[{update:"modelId",action:()=>{u.BROWSER_CAPABILITIES.desktop||this.wereShown||this.showControlsAndRunHideDelay()}},{update:e=>!!(e.isSendGoalTipFormLocked&&!this.props.isSendGoalTipFormLocked),action:()=>{this.showControlsAndRunHideDelay()}},{update:e=>!!(e.isFullscreen&&!this.props.isFullscreen),action:()=>{this.isIgnoreMouseLeave=!0,setTimeout(()=>{this.isIgnoreMouseLeave=!1})}}]),(0,l._)(this,"showControlsAndRunHideDelay",()=>{let{isControlsBlockVisible:e}=this.props;this.hideControlsDebounce(),e||this.props.setControlsBlockVisibility(!0)}),(0,l._)(this,"updateHideDelay",()=>{let{isControlsBlockVisible:e}=this.props;e&&this.hideControlsDebounce()}),(0,l._)(this,"hideControls",()=>{let{isControlsBlockVisible:e,isSendGoalTipFormLocked:t}=this.props;e&&!t&&(this.wereShown=!0,this.hideControlsDebounce.cancel(),this.props.setControlsBlockVisibility(!1))}),(0,l._)(this,"hideControlsDebounce",(0,i.Z)(()=>{let{isFullscreen:e}=this.props;e||this.hideControls()},4e3)),(0,l._)(this,"onBackgroundClick",()=>{let{isControlsBlockVisible:e,isFullscreenTipMenu:t,isFullscreenSendTip:s}=this.props;if(s){this.props.updateViewCamSendTip(null);return}if(t){this.props.hideActionMenu();return}!y&&e?this.hideControls():this.showControlsAndRunHideDelay()}),(0,l._)(this,"onMouseMoveOrEnter",()=>{u.BROWSER_CAPABILITIES.touch?this.updateHideDelay():this.showControlsAndRunHideDelay()}),(0,l._)(this,"onMouseLeave",()=>{this.isIgnoreMouseLeave||this.hideControls()}),(0,l._)(this,"handlers",{onBackgroundClick:this.onBackgroundClick,onMouseMoveOrEnter:this.onMouseMoveOrEnter,onMouseLeave:this.onMouseLeave})}}let F=(0,o.$j)(e=>({modelId:(0,c.n5)(e),isControlsBlockVisible:(0,p.Pd)(e),isFullscreen:(0,m.cU)(e),isFullscreenTipMenu:(0,p.pk)(e),isFullscreenSendTip:(0,m.yc)(e),isChatFocused:(0,c.zo)(e),isSendGoalTipFormLocked:(0,a.ij)(e)}),A)(E)},52317:(e,t,s)=>{s.d(t,{q:()=>k});var l=s(18775),i=s(27378),n=s(48204),o=s(30754),r=s.n(o),a=s(78223),c=s(1786),d=s(35506),u=s(83550),h=s(39120),p=s(99973),m=s(84423),v=s(99748),y=s(62512),A=s(98371),E=s(62182),F=s(27251),I=s(58320),C=s(12265),M=s(79561),S=s(29421);class P{updateIosFullscreenRootClass(e){let t="ios-fullscreen";e?document.documentElement.classList.add(t):document.documentElement.classList.remove(t)}updateFullscreenBodyStyles(e){let{body:t}=document,{mac:s,safari:l}=p.BROWSER_CAPABILITIES;t.style.overflow=e?"hidden":"auto",s&&l&&(t.style.position=e?"fixed":"relative")}updateStyles(e){p.BROWSER_CAPABILITIES.iOS?this.updateIosFullscreenRootClass(e):this.updateFullscreenBodyStyles(e)}enter(){this.isActive||(this.updateStyles(!0),this.isActive=!0)}exit(){this.isActive&&(this.updateStyles(!1),this.isActive=!1)}constructor(){(0,l._)(this,"isActive",!1)}}var g=s(6679);let R=null,_=null;class B{get isPlayerInFullscreenMode(){return r().isEnabled&&r().isFullscreen&&r().element===this.getPlayerElem()}enterNativeFullscreen(){let e=this.getPlayerElem();return r().isEnabled&&e?r().request(e,{navigationUI:"hide"}):Promise.reject()}exitNativeFullscreen(){r().isEnabled&&r().exit()}movePortalRootIntoPlayerWrapper(){let e=this.getPlayerElem();null!=_||(_=document.getElementById(g.e)),_&&e&&e.appendChild(_)}movePortalRootBeforeReactRoot(){null!=R||(R=document.getElementById("body")),null!=_||(_=document.getElementById(g.e)),R&&_&&document.body.insertBefore(_,R)}async enter(){this.isPlayerInFullscreenMode||await this.enterNativeFullscreen(),!this.isModalsHackApplied&&this.shouldUseModalsHack&&(this.movePortalRootIntoPlayerWrapper(),this.setShouldRenderAllModalsInPortal(!0),this.isModalsHackApplied=!0),this.isActive=!0}exit(){this.isModalsHackApplied&&(this.setShouldRenderAllModalsInPortal(!1),this.movePortalRootBeforeReactRoot(),this.isModalsHackApplied=!1),this.isPlayerInFullscreenMode&&this.exitNativeFullscreen(),this.isActive=!1}get isIncompleteFullscreenEnter(){return this.isPlayerInFullscreenMode&&!this.isActive}get isIncompleteFullscreenExit(){return!this.isPlayerInFullscreenMode&&this.isActive}constructor(e){(0,l._)(this,"getPlayerElem",void 0),(0,l._)(this,"setShouldRenderAllModalsInPortal",void 0),(0,l._)(this,"shouldUseModalsHack",!1),(0,l._)(this,"isActive",!1),(0,l._)(this,"isModalsHackApplied",!1),this.getPlayerElem=e.getPlayerElem,this.setShouldRenderAllModalsInPortal=e.setShouldRenderAllModalsInPortal,this.shouldUseModalsHack=e.shouldUseModalsHack}}let f={toggleFullscreen:C.V9,setShouldRenderAllModalsInPortal:u.F5,setNativeFullscreenFail:C.L};class w extends i.Component{componentDidMount(){r().isEnabled&&r().on("change",this.onFullscreenChange),(0,y.H0)(this,document,"keydown",this.onKeyDown)}componentWillUnmount(){if(r().isEnabled&&r().off("change",this.onFullscreenChange),(0,y.OM)(this),document.pictureInPictureElement){var e,t;null===(e=(t=document).exitPictureInPicture)||void 0===e||e.call(t)}this.exitFullscreen()}onOrientationChange(){let{isMobile:e,isBlurVideoOnPrivate:t,isBroadcastInitialized:s,isAnyModalOpened:l,isFullscreen:i,shouldRenderPlayerOnBackground:n,windowOrientation:o}=this.props;if(m.P4.hasAny()||!e||s||t||n||!i&&l||p.BROWSER_CAPABILITIES.iOS&&p.BROWSER_CAPABILITIES.firefoxMobile&&(0,v.gT)())return;let r="landscape"===o||"landscape-primary"===o||"landscape-secondary"===o;i!==r&&this.props.toggleFullscreen(r)}render(){return i.createElement(h.Z,{propsUpdateToActionsMap:this.propsUpdateToActionsMap,...this.props})}constructor(...e){super(...e),(0,l._)(this,"cssFullscreenSwitcher",new P),(0,l._)(this,"nativeFullscreenSwitcher",new B({getPlayerElem:()=>this.props.playerRef.current,setShouldRenderAllModalsInPortal:this.props.setShouldRenderAllModalsInPortal,shouldUseModalsHack:this.props.shouldUseNativeFullscreen})),(0,l._)(this,"propsUpdateToActionsMap",[{update:E.Xd,action:()=>this.onOrientationChange()},{update:["isBroadcastInitialized"],action:()=>{this.props.isFullscreen&&this.props.isBroadcastInitialized&&this.props.toggleFullscreen(!1)}},{update:"isFullscreen",action:()=>{this.props.isFullscreen?this.enterFullscreen():this.exitFullscreen()}},{update:"isAnyModalOpened",action:()=>{r().isFullscreen&&this.props.isAnyModalOpened&&this.props.isFullscreen&&this.props.toggleFullscreen(!1)}}]),(0,l._)(this,"onKeyDown",e=>{this.props.isFullscreen&&e.keyCode===p.KEY_CODES.escape&&(e.preventDefault(),e.stopPropagation(),this.props.toggleFullscreen(!1))}),(0,l._)(this,"onFullscreenChange",()=>{if(this.nativeFullscreenSwitcher.isIncompleteFullscreenEnter){this.props.toggleFullscreen(!0);return}this.nativeFullscreenSwitcher.isIncompleteFullscreenExit&&this.props.toggleFullscreen(!1)}),(0,l._)(this,"enterFullscreen",()=>{let{shouldUseNativeFullscreen:e,isBlurVideoOnPrivate:t}=this.props;if(!t){if(e){this.nativeFullscreenSwitcher.enter().catch(()=>{d.ZP.info("Can't request native fullscreen, use css fullscreen"),this.props.setNativeFullscreenFail(),this.cssFullscreenSwitcher.enter()});return}this.cssFullscreenSwitcher.enter()}}),(0,l._)(this,"exitFullscreen",async()=>{this.nativeFullscreenSwitcher.exit(),this.cssFullscreenSwitcher.exit()})}}let k=(0,n.$j)(e=>({isFullscreen:(0,S.cU)(e),windowOrientation:(0,F.Mp)(e),isBroadcastInitialized:(0,c.rt)(e),isMobile:(0,A.T3)(e),isAnyModalOpened:(0,F.dY)(e)||(0,a.yz)(e),shouldUseNativeFullscreen:(0,I.aW)(),isBlurVideoOnPrivate:(0,I.$C)(e),shouldRenderPlayerOnBackground:(0,M.qe)(e)}),f)(w)},38629:(e,t,s)=>{s.r(t),s.d(t,{PlayerWrapper:()=>F,default:()=>I});var l=s(27378),i=s(84946),n=s(86592),o=s(52317),r=s(99748),a=s(98846),c=s(95654),d=s(36886),u=s(68020),h=s(14151),p=s(58320),m=s(54740),v=s(79561),y=s(29421);let A=(0,a.n7)({resolved:{},chunkName:()=>"PlayerDebug",isReady(e){let t=this.resolve(e);return!0===this.resolved[t]&&!!s.m[t]},importAsync:()=>s.e(3290).then(s.bind(s,29509)),requireAsync(e){let t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){return s(this.resolve(e))},resolve:()=>29509},{fallback:void 0,ssr:!1}),E=e=>{let{onMouseLeave:t,onMouseMoveOrEnter:s}=(0,i.E)(),n=(0,l.useRef)(null),a=(0,c.C)(v.UP),E=(0,c.C)(v.Pd),F=(0,c.C)(p.Aq),I=(0,c.C)(y.cU),C=(0,c.C)(v.nz),M=(0,c.C)(u.hX),S=(0,d.t)(),{children:P,className:g}=e,R=(0,r.AK)("player-wrapper","broadcast-type-webrtc",`player-type-${S?F:"unknown"}`,g,{fullscreen:I,"native-fullscreen":C,hover:E,cam2cam:a});return l.createElement("div",{className:R,onMouseMove:s,onMouseEnter:s,onMouseLeave:t,ref:n},l.createElement(o.q,{playerRef:n}),l.createElement(m.K,{playerRef:n}),l.createElement("div",{id:h.PE}),l.createElement("div",{className:"content"},P,M&&l.createElement(A,null)))},F=e=>l.createElement(n.q,null,l.createElement(E,e)),I=F},54740:(e,t,s)=>{s.d(t,{K:()=>d});var l=s(27378),i=s(46839),n=s(95654),o=s(58320),r=s(85325),a=s(29421);let c=({playerRef:e})=>{let t=(0,n.C)(a.cU);return(0,l.useEffect)(()=>{var s;if(!e.current)return;let l=document.getElementById(r.Zb);if(!l)return;let i=(null===(s=l.parentElement)||void 0===s?void 0:s.tagName.toLowerCase())==="body";t&&i&&e.current.appendChild(l),t||i||document.body.appendChild(l)},[t,e]),null},d=({playerRef:e})=>{let t=(0,n.C)(i.qX);return(0,n.C)(o.aW)&&t?l.createElement(c,{playerRef:e}):null}}}]);