Loading
function(e,t,n){n.d(t,{A:()=>en}),n(321073);var r=n(627968),l=n(64700),s=n(503698),a=n.n(s),i=n(771253),u=n(873174),o=n(942381),c=n(17928),d=n(876230),E=n(645577),_=n(231723),f=n(717421),m=n(939249),p=n(289873),S=n(408278),C=n(789645),v=n(782134),A=n(113494),g=n(834730),h=n(964486),I=n(775602),D=n(607470),T=n(613373),R=n(544180),x=n(723702),O=n(475815),L=n(340124),P=n(507107),b=n(405670),k=n(551875),N=n(590202),y=n(851936),V=n(792620),U=n(753386),Q=n(795068),w=n(678968),M=n(576199),B=n(163961),F=n(758423),Y=n(458817),j=n(854356),H=n(979204),K=n(924838);function G(e){let{targetSec:t,isFullyVisible:n,percent:s,animate:a,interactionEnabled:i,isQuestCompleted:u,backgroundColor:o,preloadedBuffers:c,durationSec:d,maxSeekableTime:E,playerState:_,onClick:f,onScrubBack:m,onScrubForward:p,"data-testid":S}=e,{quest:C,sourceQuestContent:v,useNewProgressBarStyling:A}=l.useContext(Q.a),{questConfig:g}=l.useContext(Q.l),h=(0,H.A)({targetSec:t,quest:C,sourceQuestContent:v,questConfig:g,clickable:!0});return(0,r.jsx)(T.uI,{isFullyVisible:n,percent:s,animate:a,interactionEnabled:i,playerState:_,backgroundColor:o,preloadedBuffers:c,durationSec:d,maxSeekableTime:E,segmentBorderRadius:A?99:8,progressClassName:!u&&A?K.q:K.c,timelineHeightPx:A?4:2,hoverTimelineHeightPx:A?void 0:4,initialTimelineHeightPx:A?4:2,onClick:f,onScrubBack:m,onScrubForward:p,indicatorConfig:h,onIndicatorSeek:f,"data-testid":S})}var $=n(534514),q=n(187322),W=n(364522),z=n(834926);function X(e){let{quest:t,onClose:n}=e,s=(0,b.Kr)(e=>e.transcript);l.useEffect(()=>{let e=(0,k.tW)(t,k.fY.VIDEO_PLAYER_TRANSCRIPT,void 0,!1);(null==s||s.questId!==t.id||s.fetchStatus===b.Lx.NONE||s.fetchStatus===b.Lx.SUCCESS&&e?.url!==s.url)&&(0,L.qY)(t)},[s,t]);let a=s?.questId===t.id&&s?.fetchStatus===b.Lx.SUCCESS?s.text??"":"",i=l.useMemo(()=>a.split("\n").map(e=>e.trim()).filter(e=>e.length>0),[a]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:z.Mm,children:[(0,r.jsx)($.D,{variant:"heading-md/semibold",color:"currentColor",children:"Transcript"}),(0,r.jsx)(m.D,{onClick:n,className:z.GI,children:(0,r.jsx)(C.P,{color:"currentColor"})})]}),(0,r.jsx)(q.vN,{children:(0,r.jsx)(W.Ar,{className:z.j5,fade:!0,children:(0,r.jsx)("div",{className:z.FN,children:s?.fetchStatus===b.Lx.FETCHING?(0,r.jsx)("div",{className:z.Cw,children:(0,r.jsx)(p.y,{type:p.y.Type.WANDERING_CUBES})}):(0,r.jsx)($.D,{variant:"heading-md/normal",color:"text-muted",children:i.map((e,t)=>(0,r.jsx)("p",{children:e},t))})})})})]})}var Z=n(190107),J=n(838541),ee=n(375708);let et={tension:250,friction:5,clamp:!0};function en(e){let{targetTimeSec:t,onOptimisticProgressUpdate:n,autoplay:s,autoFocus:H=!0,parentTransitionState:K,openedAtMs:$,orientation:q,videoUrlOverride:W}=e,{sourceQuestContent:en,quest:er,videoSessionId:el,onClose:es,isFullscreenEnabled:ea,setIsFullscreenEnabled:ei,useNewProgressBarStyling:eu}=l.useContext(Q.a),eo=(0,b.Kr)(e=>e.transcriptEnabled),ec=(0,b.Kr)(e=>e.setTranscriptEnabled),ed=(0,b.Kr)(e=>e.captionEnabled),eE=(0,b.Kr)(e=>e.setCaptionEnabled),{focused:e_,focusedChanged:ef}=(0,T.A7)(),{visible:em,visibleChanged:ep,targetRef:eS}=(0,T.O7)(),[eC,ev]=l.useState(!0===s?B.Q6.PLAYING:B.Q6.PAUSED),[eA,eg]=l.useState(!1),[eh,eI]=l.useState(!1),eD=(0,V.Yh)(er),[eT,eR]=l.useState(eD.percentComplete),ex=l.useCallback(e=>{e$(null),eR(e)},[]),[eO,eL]=l.useState(!1),[eP,eb]=l.useState(!0),[ek,eN]=l.useState(!1),[ey,eV]=l.useState([]),[eU,eQ]=l.useState(R.A.getEffectiveConnectionSpeed()),[ew,eM]=l.useState(0),[eB,eF]=l.useState(0),[eY,ej]=l.useState(!1),[eH,eK]=l.useState(!1),[eG,e$]=l.useState(null),eq=l.useRef(!0),eW=l.useRef(null),ez=l.useRef(null),eX=(0,b.Kr)(e=>e.videoProgress[er.id]??b.yc,o.x),eZ=(0,b.Kr)(e=>e.setVideoProgress),eJ=(0,b.Kr)(e=>e.muted),e0=(0,b.Kr)(e=>e.setMuted),e1=(0,b.Kr)(e=>e.volume),e7=(0,b.Kr)(e=>e.setVolume),e6=(0,c.bG)([I.A],()=>I.A.useReducedMotion),e5=(0,l.useRef)(null),e4=(0,l.useRef)(null),e8=(0,l.useRef)(null),e3=l.useRef(!0),e2=er.userStatus?.completedAt!=null,e9=l.useMemo(()=>er.config.features.includes(Z.Li.FULL_EPISODE_VIDEO_QUEST),[er.config.features]),te=l.useRef(!1),[tt,tn]=l.useState(null),[tr,tl]=l.useState(!1),[ts,ta]=l.useState(null),ti=Math.max(eX.maxTimestampSec,eD.progressSeconds),tu=e2?e5.current?.duration??0:(0,U.vd)(ti,eX.duration),to=l.useMemo(()=>(0,y.L)({quest:er,location:Z.rE.VIDEO_MODAL}),[er]),tc=(0,E.g)(e2,eX,eD.progressSeconds),[td,tE]=l.useState(B.oA.MD),t_={[B.oA.MD]:eu?56:50,[B.oA.LG]:eu?64:58};(0,h.u5)(()=>{e3.current&&(e3.current=!1,eQ(R.A.getEffectiveConnectionSpeed()),e2&&eX.timestampSec>=eX.duration&&eZ(er.id,0,eX.duration))});let{videoAsset:tf,videoAssetType:tm,hlsRef:tp,onFirstChunkLoaded:tS}=(0,F.A)(e5,eU,tc,W),{trackQuestVideoLoadingStarted:tC,trackQuestVideoLoadingEnded:tv,trackQuestVideoProgressed:tA,trackQuestVideoResumed:tg,trackQuestVideoPaused:th,trackQuestVideoFocusChange:tI,trackQuestContentClick:tD,trackQuestVideoBufferingStarted:tT,trackQuestVideoBufferingEnded:tR,trackQuestVideoSegmentWatched:tx,trackQuestVideoTimeToFirstFrame:tO,trackQuestVideoFullscreenChanged:tL,trackQuestVideoError:tP,trackQuestVideoVolumeChanged:tb}=(0,Y.A)({questId:er.id,isQuestCompleted:e2,videoRef:e5,hlsRef:tp,videoSessionId:el,videoAssetId:tm,sourceQuestContent:en,logger:to,isFullEpisodeVideoQuest:e9});(0,j.A)({videoAssetUrl:tf?.url,videoRef:e5,hlsRef:tp,videoAssetType:tm});let tk=l.useRef(null),tN=l.useCallback(()=>{clearTimeout(tk.current),tl(!0),tk.current=setTimeout(()=>{tl(!1)},1e3)},[]);l.useEffect(()=>()=>{null!=tk.current&&clearTimeout(tk.current)},[]);let ty=l.useCallback(()=>e5.current?.currentTime??null,[]),{handlePlayerStateChange:tV,handleLoadEnd:tU,handleFirstFrame:tQ,handleSeek:tw}=(0,T.Yr)({getCurrentVideoTime:ty,onAnalytics:tx,emitIntervalMs:T.KI,minSegmentDurationMs:T._4}),tM=l.useRef(tV);l.useEffect(()=>{tM.current(eC,null)},[]);let tB=l.useCallback(e=>{if(to.info(`[QV] | updatePlayerState | playerState: ${e}`),tV(e,null),ev(e),null!=e5.current)switch(e){case B.Q6.PLAYING:e5.current.paused&&tg(tt),tn(null),e5.current.play();break;case B.Q6.PAUSED:e5.current.pause(),eq.current=!1;break;case B.Q6.ENDED:ec(!1)}},[tV,tg,tt,ec,to]);l.useEffect(()=>{th(tt)},[tt,th]),l.useEffect(()=>{ef&&tI(e_,eC)},[e_,ef,eC,tI]);let tF=l.useCallback(e=>{e2||er.userStatus?.enrolledAt==null||(to.info(`[QV] sendServerProgressUpdate: ${e}`),(0,U.zv)(er,e)),tA()},[e2,er,to,tA]);l.useEffect(()=>{K!==_.ip.HIDDEN&&K!==_.ip.EXITING&&K!==_.ip.EXITED&&(null==K||!ep||em||e2)&&(!ef||e_||e2)||null==e5.current||eC!==B.Q6.PLAYING||(to.info(`[QV] | Pausing video | playerState: ${eC}, parentTransitionState: ${K}, visible: ${em}, focused: ${e_}, isQuestCompleted: ${e2}`),tB(B.Q6.PAUSED),e2?e9&&tn(P.Yg.ANOTHER_MODAL_OPENED):tn(P.Yg.LOST_FOCUS))},[K,e_,ef,em,ep,eC,e2,tB,tF,to,e9]),l.useEffect(()=>{tt===P.Yg.ANOTHER_MODAL_OPENED&&K===_.ip.ENTERED&&eC===B.Q6.PAUSED&&e9&&e_&&(to.info("[QV] | Resuming full episode video after modal re-entered"),tB(B.Q6.PLAYING))},[K,eC,to,tB,tt,e9,e_]);let[tY,tj]=l.useState(!1),tH=l.useRef(null),tK=l.useRef(performance.now()),tG=l.useCallback(()=>{null!=tH.current&&clearTimeout(tH.current),eC!==B.Q6.PLAYING||(tH.current=setTimeout(()=>{eC===B.Q6.PLAYING&&tj(!0)},Math.max(0,3e3-(performance.now()-tK.current))))},[eC]),t$=()=>{tj(!1),tK.current=performance.now(),tG()};l.useEffect(()=>{if(eC!==B.Q6.PLAYING){tj(!1),null!=tH.current&&clearTimeout(tH.current);return}return tG(),()=>{null!=tH.current&&clearTimeout(tH.current)}},[eC,tG]);let tq=!tY&&(eh||eA||eC===B.Q6.ENDED),tW=l.useCallback(()=>{to.info("[QV] | handleFullScreenExit");let e=(0,O.qf)(e5.current?.parentNode,e5.current);null==e||(0,O._U)(e)||(e.removeEventListener(O.Wb,tW),ei(!1),tL(!1),tE(B.oA.MD))},[ei,to,tL]),tz=()=>{if(null==e5.current)return;let e=Math.max(e5.current.currentTime-10,0);to.info(`[QV] | handleSeekBackIncrement | newTime: ${e}`),t0(e),eC===B.Q6.ENDED&&tB(B.Q6.PAUSED),tD(P.uF.VIDEO_MODAL,N.Cy.SEEK_BACKWARD)},tX=()=>{if(null==e5.current||!ni)return;let e=Math.min(e5.current.currentTime+10,tu);to.info(`[QV] | handleSeekForwardIncrement | newTime: ${e}`),t0(e),eC!==B.Q6.ENDED&&e>=e5.current.duration&&tB(B.Q6.ENDED),tD(P.uF.VIDEO_MODAL,N.Cy.SEEK_FORWARD)};l.useEffect(()=>{let e=e5.current;return()=>{let t=(0,O.qf)(e?.parentNode,e);null!=t&&t.removeEventListener(O.Wb,tW)}},[tW]),l.useEffect(()=>{let e=e=>e8.current?.(e);return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]);let tZ=l.useCallback(e=>{e7(e),tb(e)},[e7,tb]),tJ=l.useCallback(e=>{e0(e)},[e0]),t0=l.useCallback(e=>{null!=e5.current&&(to.info(`[QV] | seekTimeline | timeSec: ${e}`),e$(e/(e5.current.duration??1)*100),tw(),eL(!0),e5.current.currentTime=e,eZ(er.id,e,e5.current.duration))},[e5,eZ,er.id,tw,to]);l.useEffect(()=>{let e=e5.current;if(null==e)return;let t=()=>{null!=tp.current&&tp.current.mainForwardBufferInfo?.len===0&&tp.current.trigger(i.sV.BUFFER_FLUSHING,{startOffset:e.currentTime,endOffset:1/0,type:"video"})};return e.addEventListener("seeking",t),()=>{e.removeEventListener("seeking",t)}},[e5,tp]),(0,T.C1)({videoRef:e5,enabled:!e2,onPipPause:()=>{tB(B.Q6.PAUSED),tn(P.Yg.PICTURE_IN_PICTURE)},onHiddenPause:()=>{tB(B.Q6.PAUSED),tn(P.Yg.LOST_FOCUS)}});let t1=l.useRef(!1),t7=()=>{if(null!=e5.current)switch(to.info(`[QV] | handlePlaybackBtnClick | playerState: ${eC}`),tN(),eC){case B.Q6.ENDED:t0(0),tB(B.Q6.PLAYING);break;case B.Q6.PLAYING:tB(B.Q6.PAUSED),tn(P.Yg.PAUSE_BUTTON);break;default:tB(B.Q6.PLAYING)}},t6=e=>{ta(e)},t5=e=>{ta(t=>t?.id===e.id?null:t)},t4=l.useCallback(()=>{if(null==e5.current||(to.info(`[QV] | handleTracksLoaded: textTracks.length: ${e5.current.textTracks.length}`),0===e5.current.textTracks.length))return;let e=e5.current.textTracks[0];if(e.mode="hidden",null!=e.cues)for(let t=0;t<e.cues.length;t++){let n=e.cues[t];(0,T.Ce)(n)&&(n.id=`cue-${t}`,n.onenter=()=>t6(n),n.onexit=()=>t5(n))}},[e5,to]);l.useEffect(()=>{if(null==e4.current)return;let e=e4.current;return e.addEventListener("load",t4),()=>{null!=e&&e.removeEventListener("load",t4)}},[e4,t4]);let t8=l.useCallback(e=>{to.info(`[QV] | logVideoError: errorType: ${e}, videoProgress: ${e5.current?.currentTime}, videoAssetId: ${tm}, connectionSpeed: ${eU}`),tP(e)},[eU,tP,e5,tm,to]),t3=l.useRef(!1);l.useEffect(()=>{null!=tf||t3.current||(t3.current=!0,tP(B.SB.NO_VALID_SOURCE))},[tf,tP,t3]);let t2=e=>{to.info(`[QV] | handleCanPlay: playerState: ${eC}`),null!=e5.current&&eC===B.Q6.PLAYING&&(to.info("[QV] | handleCanPlay: did NOT early return"),eP&&(to.info(`[QV] | handleCanPlay: loadingFirstChunk: ${eP}`),eb(!1)),ek&&(to.info(`[QV] | handleCanPlay: waitingForChunk: ${ek}`),tR(null!=ez.current?performance.now()-ez.current:null),eN(!1)),to.info("[QV] | handleCanPlay: updating player state to playing"),tB(B.Q6.PLAYING))};l.useEffect(()=>{if(!eO)return;let e=setTimeout(()=>{eL(!1)},1e3);return()=>clearTimeout(e)},[eO]);let[{controlBarAnimSpring:t9},ne]=(0,f.z)(()=>({from:{controlBarAnimSpring:0},config:et,onStart:()=>{eK(!1)},onRest:e=>{1===e.value&&eK(!0)}})),nt=(0,l.useRef)(null),[{captionHeightSpring:nn},nr]=(0,f.z)(()=>({from:{captionHeightSpring:0},config:et}));l.useEffect(()=>(nr({captionHeightSpring:ed&&null!=ts?nt.current?.clientHeight??0:0,immediate:e6}),()=>{nn.stop()}),[ed,nr,e6,ts,nn]),l.useEffect(()=>(ne({controlBarAnimSpring:tq||eY?1:0,immediate:e6}),()=>{t9.stop()}),[tq,ne,e6,eY,t9]);let nl=eC===B.Q6.ENDED,ns=l.useMemo(()=>(0,k.tW)(er,k.fY.VIDEO_PLAYER_THUMBNAIL,void 0,!1),[er]),na=l.useMemo(()=>(0,k.tW)(er,k.fY.VIDEO_PLAYER_CAPTION,void 0,!1),[er]),ni=e2||ti>=(e5.current?.currentTime??0)+1,nu=l.useMemo(()=>null===(0,k.tW)(er,k.fY.VIDEO_PLAYER_TRANSCRIPT,void 0,!1),[er]),no=eu?20:12,nc=20*!!eu,nd=e2&&eH;return(0,r.jsx)(m.D,{className:z.W6,"data-fullscreen":ea,"data-testid":"discord-web-video-player-container",tabIndex:-1,onMouseEnter:()=>{eg(!0),tj(!1),tK.current=performance.now(),null!=tH.current&&clearTimeout(tH.current)},onMouseLeave:()=>{eg(!1),tj(!1)},onMouseMove:t$,onKeyDown:t$,children:(0,r.jsxs)("div",{className:a()(z.NS,{[z.DO]:"portrait"===q,[z.r7]:"landscape"===q}),style:{"--custom-footer-bottom":`${eu?4:2}px`},children:[nl&&(0,r.jsx)(w.A,{videoRef:e5,onTrackQuestContentClick:tD,orientation:q}),(0,r.jsxs)(D.A,{ref:e=>{e5.current=e,eS.current=e},autoPlay:s,playsInline:!0,mediaLayoutType:ea?J.dG.STATIC:J.dG.RESPONSIVE,className:a()({[z.R]:nl,[z.IR]:!0}),controls:!1,poster:ns?.url,disablePictureInPicture:!0,"data-testid":"discord-web-video-player-video",onTimeUpdate:e=>{if(null==e5.current)return;let r=e5.current.currentTime>=t&&!te.current&&e9;if(e5.current.currentTime>=ew||r){var l;to.info(`[QV] | handleTimeUpdate: capturing server time update: currentTime: ${e5.current.currentTime}`),(l=e5.current.currentTime)>=t&&(te.current=!0),eM(l+Z.aA+Math.random()*Z.A6),tF(l)}e5.current.currentTime>=eB&&(eF(e5.current.currentTime+1),(0,L.Gn)(er.id,eD.taskType,e5.current.currentTime),n(e5.current.currentTime)),eZ(er.id,e5.current.currentTime,e5.current.duration),ex(e5.current.currentTime/e5.current.duration*100)},onEnded:e=>{null!=e5.current&&(tF(e5.current.duration+1),to.info(`[QV] | handleEnded: sending progress update: ${e5.current.duration+1}`),eZ(er.id,e5.current.duration,e5.current.duration)),tB(B.Q6.ENDED),eN(!1)},onLoadedData:e=>{to.info(`[QV] | handleLoadedData: loadingFirstChunk: ${eP}`),eP&&(tv(null!=eW.current?performance.now()-eW.current:null),eb(!1),tS())},onLoadedMetadata:e=>{null!=e5.current&&(to.info(`[QV] | handleLoadedMetadata | videoAssetId: ${tm}`),tU(null),tm!==k.fY.VIDEO_PLAYER_VIDEO_HLS&&t0(tc),eJ?e5.current.volume=0:e5.current.volume=e1)},onLoadStart:()=>{eW.current=performance.now(),t1.current=!1,tC(eU),to.info(`[QV] | handleLoadStart | loadingStartTime: ${eW.current}`)},onPlaying:()=>{if(!eq.current)return;let e=performance.now()-$;to.info(`[QV] | \u{23F0} Video FCP: ${e}ms`),tO(e),eq.current=!1},onWaiting:e=>{ez.current=performance.now(),to.info(`[QV] | handleWaitingForData: bufferingStartTime: ${ez.current}`),tT(),eN(!0)},onProgress:e=>{if(null==e5.current)return;to.info(`[QV] | handleLoadingHasProgressed: buffered.length: ${e5.current.buffered.length}`);let t=[];for(let e=0;e<e5.current.buffered.length;e++){let n=e5.current.buffered.start(e),r=e5.current.buffered.end(e);r-n<1||t.push({start:n/e5.current.duration,size:(r-n)/e5.current.duration})}eV(t)},onCanPlay:t2,onCanPlayThrough:t2,onSeeked:()=>{to.info("[QV] | handleSeeked"),t1.current||(t1.current=!0,tQ(0))},onAbort:()=>t8(B.SB.ABORT),onError:()=>t8(B.SB.ERROR),onEmptied:()=>t8(B.SB.EMPTIED),onStalled:()=>t8(B.SB.STALLED),onClick:()=>{to.info("[QV] | handleVideoClick"),t7()},crossOrigin:"anonymous",children:[null!=na&&(0,r.jsx)("track",{ref:e4,src:na.url,label:"English",kind:"captions",srcLang:"en",default:!0}),null!=tf&&tm!==k.fY.VIDEO_PLAYER_VIDEO_HLS&&null!=tf.mimetype&&(0,r.jsx)("source",{onError:()=>t8(B.SB.SOURCE_ERROR),src:tf.url,type:tf.mimetype})]}),(eP||ek)&&eC===B.Q6.PLAYING&&null!=tf&&(0,r.jsx)("span",{className:z.S,"data-testid":"discord-web-video-player-loading-spinner",children:(0,r.jsx)(p.y,{type:p.y.Type.WANDERING_CUBES})}),(0,r.jsx)(T.DQ,{message:(e=>{let{hasVideoAsset:t,playerState:n,pauseReason:r}=e;return t?n===B.Q6.PAUSED&&(r===d.KB.FOCUS||r===d.KB.PICTURE_IN_PICTURE)?ee.intl.string(ee.t.w6PeBF):null:(0,x.isWeb)()?ee.intl.string(ee.t["E1du/q"]):ee.intl.string(ee.t["rStN/7"])})({hasVideoAsset:null!=tf,playerState:eC,pauseReason:function(e){switch(e){case P.Yg.PAUSE_BUTTON:return d.KB.USER;case P.Yg.LOST_FOCUS:return d.KB.FOCUS;case P.Yg.MODAL_CLOSED:return d.KB.VISIBILITY;case P.Yg.PICTURE_IN_PICTURE:return d.KB.PICTURE_IN_PICTURE;default:return null}}(tt)}),showOverlay:null==tf}),eu?(0,r.jsxs)("div",{className:z.R4,"data-testid":"discord-web-video-player-share-btn",children:[(0,r.jsx)(M.A,{}),(0,r.jsx)(S.K,{variant:"overlay-secondary",icon:C.P,"aria-label":ee.intl.string(ee.t.cpT0Cq),onClick:es})]}):(0,r.jsx)(u.animated.div,{className:z.R4,"data-testid":"discord-web-video-player-share-btn",style:{opacity:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>`${e}`),visibility:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>e<.1?"hidden":"visible"),pointerEvents:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>e<.3?"none":"auto")},children:(0,r.jsx)(M.A,{})}),eo&&eC!==B.Q6.ENDED&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.D,{onClick:()=>{eC===B.Q6.PAUSED&&tB(B.Q6.PLAYING),ec(!1)},tabIndex:-1,children:(0,r.jsx)("div",{className:z.BG})}),(0,r.jsx)(u.animated.div,{className:a()(z.xr,{[z.MZ]:"portrait"===q}),"data-testid":"discord-web-video-player-transcript",style:{marginBottom:(0,u.to)([t9,nn],(e,t)=>`${e*t_[td]+t}px`)},children:(0,r.jsx)(X,{quest:er,onClose:()=>{ec(!1),tD(P.uF.VIDEO_MODAL,N.Cy.TRANSCRIPT_DISABLE)}})})]}),(0,r.jsx)(u.animated.div,{className:z.Jp,style:{opacity:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>`${e}`)}}),tr&&(0,r.jsx)("div",{className:a()(z.yf,{[z.ZH]:eC===B.Q6.PLAYING,[z.v7]:eC===B.Q6.PAUSED}),style:{"--custom-play-pause-pop-ms":"1000ms"},children:eC===B.Q6.PLAYING?(0,r.jsx)(v.u,{className:z.PK}):(0,r.jsx)(A.E,{className:z.PK})},eC),ed&&null!=ts&&!nl&&(0,r.jsx)(u.animated.div,{className:z.o$,ref:nt,"data-testid":"discord-web-video-player-captions",style:{translateY:(0,u.to)([t9.to({range:[0,1],output:[-nc,-t_[td]]})],e=>`${e}px`)},children:(0,r.jsx)(g.E,{variant:"text-lg/semibold",color:"always-white",className:z.qh,children:ts.text})}),(0,r.jsxs)(u.animated.div,{className:z.r8,style:{height:(0,u.to)([t9.to({range:[0,1],output:[0,t_[td]]})],e=>`${e}px`)},children:[(0,r.jsx)(u.animated.div,{style:{transform:(0,u.to)([t9.to({range:[1,0],output:[0,1]})],e=>`translateY(-${e*nc}px)`)},children:(0,r.jsx)(G,{percent:null!=eG?eG:eT,animate:!0!==e3.current&&!eO,interactionEnabled:nd,playerState:eC,preloadedBuffers:tq?ey:void 0,durationSec:e5.current?.duration??1,isFullyVisible:tq&&eH,maxSeekableTime:tq&&eH?tu:void 0,onClick:e=>{nd&&(t0(e),eC===B.Q6.ENDED&&tB(B.Q6.PLAYING))},onScrubBack:tz,onScrubForward:tX,isQuestCompleted:e2,targetSec:t,"data-testid":"discord-web-video-player-timeline"})}),(0,r.jsx)(u.animated.div,{className:z.uN,"data-testid":"discord-web-video-player-controls",style:{paddingTop:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>`${e*e*no}px`),paddingBottom:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>`${e*e*12}px`),pointerEvents:(0,u.to)([t9.to({range:[0,1],output:[0,1]})],e=>e<.3?"none":"auto")},onFocus:()=>eI(!0),onBlur:()=>eI(!1),children:(0,r.jsx)(T.zZ,{videoRef:e5,playerState:eC,animSpring:t9,visible:tq,seekForwardEnabled:ni,hideCaptionBtn:null==na,hideTranscriptBtn:nu,hideSkipButtons:"portrait"===q,hidePlaybackSpeedBtn:!0,size:td,autoFocus:H,keyDownHandlerRef:e8,volume:e1,muted:eJ,transcriptEnabled:eo,captionEnabled:ed,fullScreenEnabled:ea,handlePlaybackBtnClick:t7,handleTranscriptBtnClick:()=>{ec(!eo),tD(P.uF.VIDEO_MODAL,eo?N.Cy.TRANSCRIPT_DISABLE:N.Cy.TRANSCRIPT_ENABLE)},handleCaptionBtnClick:()=>{eE(!ed),tD(P.uF.VIDEO_MODAL,ed?N.Cy.CLOSED_CAPTIONING_DISABLE:N.Cy.CLOSED_CAPTIONING_ENABLE)},handleFullScreenBtnClick:()=>{let e=!ea;to.info(`[QV] | handleFullScreenButtonClick | shouldBeEnabled: ${e}`);let t=(0,O.qf)(e5.current?.parentNode,e5.current);e&&null!=t?((0,O.tl)(t),t.addEventListener(O.Wb,tW),tL(!0),tE(B.oA.LG)):e||null==t||(t.removeEventListener(O.Wb,tW),tL(!1),(0,O.sP)(t),tE(B.oA.MD)),ei(e)},handleSeekBackBtnClick:tz,handleSeekForwardBtnClick:tX,handleControlBarPendingInteraction:ej,onVolumeChange:tZ,onMutedChange:tJ})})]})]})})}}