Module 664111

14,922 characters · in b57e04c8d22dec01.js
Dependencies
Source Raw
function(e,t,n){n.r(t),n.d(t,{default:()=>F}),n(321073);var r=n(627968),l=n(64700),a=n(503698),i=n.n(a),s=n(922139),u=n(17928),o=n(876230),c=n(231723),d=n(717421),m=n(939249),h=n(289873),f=n(782134),p=n(113494),v=n(834730),g=n(964486),x=n(775602),E=n(607470),b=n(475815),S=n(718499),C=n(23590),w=n(671897),y=n(565164),A=n(275664),N=n(408121),R=n(984212),T=n(739416),L=n(931853),M=n(90721),P=n(920228),j=n(838541),k=n(375708),D=n(834926);let I={tension:250,friction:5,clamp:!0},B={visibility:"hidden"},F=l.forwardRef(function(e,t){let{parentTransitionState:n,autoplay:a=!1,orientation:F="landscape",videoUrlOverride:_,src:U,poster:O,initialActive:K=!0,initialTimeSec:Q=0,onProgressUpdate:$,onEnded:G,onError:V,maxSeekableTimeSec:H,captionTrackUrl:Y,transcriptText:Z,renderEndScreen:z,onPlayerStateChange:X,onFullscreenChange:W,onVolumeChange:q,onMutedChange:J,initialVolume:ee=.3,initialMuted:et=!1,onLoadStart:en,onLoadEnd:er,onFirstFrame:el,onBufferingStart:ea,onBufferingEnd:ei,onFocusChange:es,onVisibilityChange:eu,onSeek:eo,renderOverlay:ec,renderPersistentOverlay:ed,transcriptClassName:em,onHlsInstance:eh,onClick:ef,preload:ep,downloadUrl:ev,downloadContentType:eg,extraButtons:ex,hideFullScreenBtn:eE=!1,hideSkipButtons:eb,compactTimeDisplay:eS=!1,hidePlaybackSpeedBtn:eC=!1,getPlaybackBlockedMessage:ew,progressClassName:ey,pauseOnLostVisibility:eA=!1,persistTimeline:eN=!1,persistPlayhead:eR=!0,autoFocus:eT=!1,autoHideVolumeSlider:eL=!1,timelineIndicatorConfig:eM,scrubPreviewVttUrl:eP,scrubPreviewImageUrl:ej,loadingSpinnerPosition:ek="top-left",crossOrigin:eD="anonymous",withVideoHalo:eI=!1,objectFit:eB="contain",muxContentMetadata:eF,awaitMuxReady:e_=!1}=e,eU=_??U,eO=ew??L.u,{focused:eK,focusedChanged:eQ}=(0,T.A7)(),{visible:e$,visibleChanged:eG,targetRef:eV}=(0,T.O7)(),[eH,eY]=l.useState(a?o.Q6.PLAYING:o.Q6.PAUSED),[eZ,ez]=l.useState(!1),[eX,eW]=l.useState(!1),[eq,eJ]=l.useState(0),[e0,e1]=l.useState(null),e2=l.useCallback(e=>{e1(null),eJ(e)},[]),e6=l.useRef(null),[e4,e3]=l.useState(!1),e9=l.useRef(null),[e8,e7]=l.useState(o.h$.LOADING),e5=l.useRef(!1),te=l.useRef(null),[tt,tn]=l.useState([]),[tr,tl]=l.useState(!1),ta=l.useRef(!1),ti=l.useRef(!1),ts=l.useRef(!1),tu=l.useRef(!1),[to,tc]=l.useState(!0),td=l.useRef(!0),tm=l.useRef(null),th=l.useRef(null),[tf,tp]=l.useState(a||K),[tv,tg]=l.useState(ee),[tx,tE]=l.useState(et),[tb,tS]=l.useState(!eL),[tC,tw]=l.useState(!1),[ty,tA]=l.useState(!1),[tN,tR]=l.useState(!1),tT=(0,u.bG)([x.Ay],()=>x.Ay.useReducedMotion),tL=(0,l.useRef)(null),tM=(0,l.useRef)(null),tP=(0,l.useRef)(null),tj=l.useRef(!0),[tk,tD]=l.useState(null),tI=l.useRef(null),tB=(0,y.z5)(tf,tI,eP,ej),tF=l.useCallback(()=>tL.current?.currentTime??null,[]);(0,M.A)({videoRef:tL,canvasRef:tM,enabled:tf&&eI&&!tT,canvasWidth:32,canvasHeight:18});let t_=l.useCallback((e,t)=>{V?.(e,t)},[V]),{isHlsActive:tU,hlsRef:tO}=(0,S.Ay)(tL,{src:eU,initialTimeSec:Q,onError:t_,onHlsInstance:eh,crossOrigin:eD}),{isReady:tK}=(0,C.A)({videoRef:tL,hlsRef:tO,contentMetadata:eF,isHls:tU}),tQ=e_&&!tK&&!tU,[t$,tG]=l.useState(null),[tV,tH]=l.useState(0),[tY,tZ]=l.useState(!1),tz=H??tL.current?.duration??0,[tX,tW]=l.useState(o.oA.MD),tq={[o.oA.MD]:56,[o.oA.LG]:64};(0,g.u5)(()=>{tj.current&&(tj.current=!1)});let tJ=l.useCallback(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(tu.current=!0,eY(e),X?.(e,t),null!=tL.current)switch(e){case o.Q6.PLAYING:tD(null),tL.current.play();break;case o.Q6.PAUSED:ta.current=!1,tL.current.pause(),td.current=!1;break;case o.Q6.ENDED:tw(!1)}},[X]);l.useEffect(()=>{if(!eA)return;let e=null!=n&&(n===c.ip.HIDDEN||n===c.ip.EXITING||n===c.ip.EXITED),t=null!=n&&eG&&!e$,r=eQ&&!eK;if((e||t||r)&&null!=tL.current&&eH===o.Q6.PLAYING){let n=e||t?o.KB.VISIBILITY:o.KB.FOCUS;tD(n),tJ(o.Q6.PAUSED,n)}},[eA,n,eK,eQ,e$,eG,eH,tJ]),(0,P.A)({videoRef:tL,enabled:eA,onPipPause:()=>{tD(o.KB.PICTURE_IN_PICTURE),tJ(o.Q6.PAUSED,o.KB.PICTURE_IN_PICTURE)},onHiddenPause:()=>{tD(o.KB.FOCUS),tJ(o.Q6.PAUSED,o.KB.FOCUS)}}),l.useEffect(()=>{eQ&&es?.(eK,eH)},[eK,eQ,eH,es]),l.useEffect(()=>{eG&&eu?.(e$,eH)},[e$,eG,eH,eu]);let[t0,t1]=l.useState(!1),t2=l.useRef(null),t6=l.useRef(0);l.useLayoutEffect(()=>{t6.current=performance.now()},[]);let t4=l.useCallback(()=>{null!=t2.current&&clearTimeout(t2.current),eH!==o.Q6.PLAYING||(t2.current=setTimeout(()=>{eH===o.Q6.PLAYING&&t1(!0)},Math.max(0,3e3-(performance.now()-t6.current))))},[eH]),t3=l.useCallback(()=>{t1(!1),t6.current=performance.now(),t4()},[t4]);l.useEffect(()=>{if(eH!==o.Q6.PLAYING){t1(!1),null!=t2.current&&clearTimeout(t2.current);return}return t4(),()=>{null!=t2.current&&clearTimeout(t2.current)}},[eH,t4]),l.useEffect(()=>()=>{null!=e9.current&&clearTimeout(e9.current)},[]);let t9=!t0&&(eX||eZ||eH===o.Q6.ENDED),t8=l.useRef(W);t8.current=W;let t7=l.useCallback(()=>{let e=(0,b.qf)(tL.current?.parentNode,tL.current);null==e||(0,b._U)(e)||(e.removeEventListener(b.Wb,t7),tR(!1),t8.current?.(!1),tW(o.oA.MD))},[]),t5=()=>{null==tL.current||(nt(Math.max((te.current??tL.current.currentTime)-10,0)),eH===o.Q6.ENDED&&tJ(o.Q6.PAUSED,o.KB.SEEK))},ne=()=>{if(null==tL.current)return;let e=Math.min((te.current??tL.current.currentTime)+10,tz);nt(e),eH!==o.Q6.ENDED&&e>=tL.current.duration&&tJ(o.Q6.ENDED,o.KB.SEEK)};l.useEffect(()=>{let e=tL.current;return()=>{let t=(0,b.qf)(e?.parentNode,e);null!=t&&t.removeEventListener(b.Wb,t7)}},[t7]);let nt=l.useCallback(function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1];if(null==tL.current)return;let n=tL.current.currentTime;te.current=e,e1(e/(tL.current.duration??1)*100),e3(!0),null!=e9.current&&clearTimeout(e9.current),e9.current=setTimeout(()=>{e3(!1),e9.current=null},100),e5.current=!0,tL.current.currentTime=e,t&&eo?.(n,e)},[eo]),nn=()=>{if(null!=tL.current)switch(eH){case o.Q6.ENDED:nt(0),tJ(o.Q6.PLAYING,o.KB.USER);break;case o.Q6.PLAYING:tD(o.KB.USER),tJ(o.Q6.PAUSED,o.KB.USER);break;default:tJ(o.Q6.PLAYING,o.KB.USER)}},nr=e=>{null!=ef?ef(e):(tp(!0),nn())},nl=e=>{tG(e)},na=e=>{tG(t=>t?.id===e.id?null:t)},ni=l.useCallback(()=>{if(null==tL.current||0===tL.current.textTracks.length)return;let e=tL.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,R.C)(n)&&(n.id=`cue-${t}`,n.onenter=()=>nl(n),n.onexit=()=>na(n))}},[]);l.useEffect(()=>{if(null==tP.current)return;let e=tP.current;return e.addEventListener("load",ni),()=>{null!=e&&e.removeEventListener("load",ni)}},[ni]);let ns=e=>{if(null!=tL.current){if(e8===o.h$.BUFFERING){let e=null!=th.current?performance.now()-th.current:null;ei?.(e)}else if(e8===o.h$.LOADING){let e=null!=tm.current?performance.now()-tm.current:null;er?.(e)}e7(o.h$.READY),eH===o.Q6.PLAYING&&(ta.current||tJ(o.Q6.PLAYING,o.KB.BUFFERING_RECOVERY))}},nu=e=>{if(nt(e),eH===o.Q6.ENDED&&!ti.current){let t=tL.current?.duration;(null==t||Number.isNaN(t)||e<t)&&tJ(o.Q6.PLAYING,o.KB.USER)}},[{controlBarAnimSpring:no},nc]=(0,d.z)(()=>({from:{controlBarAnimSpring:0},config:I,onStart:()=>{tc(!1)},onRest:()=>{tc(!0)}})),nd=(0,l.useRef)(null),[{captionHeightSpring:nm},nh]=(0,d.z)(()=>({from:{captionHeightSpring:0},config:I}));l.useEffect(()=>(nh({captionHeightSpring:ty&&null!=t$?nd.current?.clientHeight??0:0,immediate:tT}),()=>{nm.stop()}),[ty,nh,tT,t$,nm]),l.useEffect(()=>(nc({controlBarAnimSpring:t9||tr?1:0,immediate:tT}),()=>{no.stop()}),[t9,nc,tT,tr,no]);let nf=eH===o.Q6.ENDED&&null!=z,np=l.useCallback(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.KB.USER;null!=tL.current&&(nt(0),tJ(o.Q6.PLAYING,e))},[nt,tJ]),nv=l.useRef(null),ng=l.useCallback(e=>{t3(),nv.current?.(e.nativeEvent)},[t3]);return(0,r.jsx)(m.D,{className:i()(D.W6,{[D.nZ]:!tf}),"data-fullscreen":tN,"data-testid":"discord-web-video-player-container",tabIndex:tf?-1:0,focusProps:tf?void 0:{ringTarget:e6},onMouseEnter:()=>{ez(!0),t1(!1),t6.current=performance.now(),null!=t2.current&&clearTimeout(t2.current)},onMouseLeave:()=>{ez(!1),t1(!1)},"aria-label":tf?void 0:k.intl.string(k.t.RscU7I),onClick:tf?void 0:nr,onMouseMove:t3,children:(0,r.jsxs)("div",{className:i()(D.NS,{[D.DO]:"portrait"===F,[D.r7]:"landscape"===F}),tabIndex:-1,onKeyDown:ng,style:{"--custom-footer-horizontal-padding":"20px","--custom-footer-bottom":"4px"},children:[eI&&!tT&&(0,r.jsx)("canvas",{ref:tM,className:D.Xm}),nf&&z?.({replay:np}),(0,r.jsxs)(E.A,{ref:e=>{tL.current=e,eV.current=e,"function"==typeof t?t(e):null!=t&&(t.current=e)},autoPlay:a,playsInline:!0,mediaLayoutType:tN?j.dG.STATIC:j.dG.RESPONSIVE,className:i()({[D.R]:nf,[D.IR]:!0,[D.FP]:"cover"===eB&&!tN}),controls:!1,poster:O,preload:tf?ep:"none",disablePictureInPicture:!0,"data-testid":"discord-web-video-player-video",onTimeUpdate:e=>{null!=tL.current&&($?.(tL.current.currentTime,tL.current.duration),e5.current||e2(tL.current.currentTime/tL.current.duration*100))},onEnded:e=>{e7(o.h$.READY),G?.(),ti.current||tJ(o.Q6.ENDED,o.KB.PLAYBACK_COMPLETE)},onLoadedData:e=>{if(e8===o.h$.LOADING){let e=null!=tm.current?performance.now()-tm.current:null;er?.(e),e7(o.h$.READY)}},onLoadedMetadata:e=>{if(null==tL.current)return;Q>0&&!tU&&nt(Q,!1),tx?tL.current.volume=0:tL.current.volume=tv;let t=tL.current.duration;t>0&&isFinite(t)&&tH(t),tZ(!0)},onLoadStart:()=>{tm.current=performance.now(),en?.()},onPlaying:()=>{td.current&&(el?.(performance.now()),td.current=!1)},onWaiting:e=>{th.current=performance.now(),ea?.(),e7(o.h$.BUFFERING)},onProgress:e=>{if(null==tL.current)return;let t=[];for(let e=0;e<tL.current.buffered.length;e++){let n=tL.current.buffered.start(e),r=tL.current.buffered.end(e);r-n<1||t.push({start:n/tL.current.duration,size:(r-n)/tL.current.duration})}tn(t)},onCanPlay:ns,onCanPlayThrough:ns,onSeeked:()=>{e5.current=!1,te.current=null,null!=tL.current&&e2(tL.current.currentTime/tL.current.duration*100)},onAbort:()=>t_(o.SB.ABORT),onError:()=>t_(o.SB.ERROR),onEmptied:()=>t_(o.SB.EMPTIED),onStalled:()=>t_(o.SB.STALLED),onClick:nr,crossOrigin:eD??void 0,children:[null!=Y&&(0,r.jsx)("track",{ref:tP,src:Y,label:"English",kind:"captions",srcLang:"en",default:!0}),null!=eP&&(0,r.jsx)("track",{ref:tI,src:eP,kind:"metadata"}),!tU&&!tQ&&(0,r.jsx)("source",{onError:()=>t_(o.SB.SOURCE_ERROR),src:eU,type:"video/mp4"})]}),e8!==o.h$.READY&&eH===o.Q6.PLAYING&&null!=eU&&(0,r.jsx)("span",{className:i()(D.S,{[D.F]:"center"===ek}),"data-testid":"discord-web-video-player-loading-spinner",children:(0,r.jsx)(h.y,{type:h.y.Type.WANDERING_CUBES})}),(0,r.jsx)(L.A,{message:eO({hasVideoAsset:null!=eU,playerState:eH,pauseReason:tk}),showOverlay:null==eU}),null!=ec&&(0,r.jsx)(s.animated.div,{className:D.MU,style:{opacity:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>`${e}`),visibility:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>e<.1?"hidden":"visible"),pointerEvents:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>e<.3?"none":"auto")},children:ec()}),tC&&eH!==o.Q6.ENDED&&null!=Z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.D,{onClick:()=>{eH===o.Q6.PAUSED&&tJ(o.Q6.PLAYING,o.KB.USER),tw(!1)},tabIndex:-1,children:(0,r.jsx)("div",{className:D.BG})}),(0,r.jsx)(s.animated.div,{className:i()(D.xr,em,{[D.MZ]:"portrait"===F}),"data-testid":"discord-web-video-player-transcript",style:{marginBottom:(0,s.to)([no,nm],(e,t)=>`${e*tq[tX]+t}px`)},children:(0,r.jsx)(N.X,{text:Z,onClose:()=>{tw(!1)}})})]}),tf&&(0,r.jsx)(s.animated.div,{className:D.Jp,style:{opacity:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>`${e}`)}}),(0,r.jsx)("div",{className:i()(D.yf,{[D.ZH]:tu.current&&eH===o.Q6.PLAYING,[D.v7]:tu.current&&eH===o.Q6.PAUSED}),style:{"--custom-play-pause-pop-ms":"1000ms"},children:eH===o.Q6.PLAYING?(0,r.jsx)(f.u,{className:D.PK}):(0,r.jsx)(p.E,{className:D.PK})},eH),ty&&null!=t$&&!nf&&(0,r.jsx)(s.animated.div,{className:D.o$,ref:nd,"data-testid":"discord-web-video-player-captions",style:{translateY:(0,s.to)([no.to({range:[0,1],output:[-20,-tq[tX]]})],e=>`${e}px`)},children:(0,r.jsx)(v.E,{variant:"text-lg/semibold",color:"always-white",className:D.qh,children:t$.text})}),tf&&(0,r.jsxs)(s.animated.div,{className:D.r8,style:{height:(0,s.to)([no.to({range:[0,1],output:[0,tq[tX]]})],e=>`${e}px`)},children:[(0,r.jsx)(s.animated.div,{style:{transform:(0,s.to)([no.to({range:[1,0],output:[0,1]})],e=>`translateY(-${20*e}px)`)},children:(0,r.jsx)("div",{style:t9||tr||eN?void 0:B,children:(0,r.jsx)(A.Ay,{percent:null!=e0?e0:eq,animate:!0!==tj.current&&!e4&&eH===o.Q6.PLAYING&&tY&&e8===o.h$.READY,interactionEnabled:to&&tz>0,backgroundColor:t9||eN?void 0:"rgba(0, 0, 0, 0.0)",playerState:eH,preloadedBuffers:t9?tt:void 0,durationSec:tV>0?tV:+!tY,isFullyVisible:t9&&to,maxSeekableTime:null!=H&&tz>0?tz:void 0,progressClassName:ey,persistPlayhead:eR,onClick:nu,onScrubBack:t5,onScrubForward:ne,onDragStateChange:e=>{if(ti.current=e,tl(e),e)ta.current=eH===o.Q6.PLAYING,ts.current=eH===o.Q6.ENDED,ta.current?tL.current?.pause():ts.current&&tJ(o.Q6.PAUSED,o.KB.SEEK);else{let e=tL.current,t=null!=e&&!Number.isNaN(e.duration)&&e.currentTime>=e.duration;ta.current?(ta.current=!1,t?tJ(o.Q6.ENDED,o.KB.PLAYBACK_COMPLETE):e?.play()):ts.current?(ts.current=!1,t?tJ(o.Q6.ENDED,o.KB.PLAYBACK_COMPLETE):tJ(o.Q6.PLAYING,o.KB.USER)):t&&tJ(o.Q6.ENDED,o.KB.PLAYBACK_COMPLETE)}},indicatorConfig:eM,scrubPreviewCues:tB,onIndicatorSeek:nu,getCurrentTimeSec:tF,"data-testid":"discord-web-video-player-timeline"})})}),(0,r.jsx)(s.animated.div,{className:D.uN,"data-testid":"discord-web-video-player-controls",style:{paddingTop:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>`${e*e*20}px`),paddingBottom:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>`${e*e*12}px`),pointerEvents:(0,s.to)([no.to({range:[0,1],output:[0,1]})],e=>e<.3?"none":"auto")},onFocus:()=>eW(!0),onBlur:()=>eW(!1),children:(0,r.jsx)(w.A,{videoRef:tL,playerState:eH,animSpring:no,visible:t9,seekForwardEnabled:null==H||(tL.current?.currentTime??0)+1<tz,hideCaptionBtn:null==Y,hideTranscriptBtn:null==Z,hideFullScreenBtn:eE,hidePlaybackSpeedBtn:eC,hideSkipButtons:eb??"portrait"===F,compactTimeDisplay:eS,size:tX,downloadUrl:ev,downloadContentType:eg,extraButtons:ex,autoFocus:eT,keyDownHandlerRef:nv,volume:tv,muted:tx,transcriptEnabled:tC,captionEnabled:ty,fullScreenEnabled:tN,handlePlaybackBtnClick:nn,handleTranscriptBtnClick:()=>{tw(!tC)},handleCaptionBtnClick:()=>{tA(!ty)},handleFullScreenBtnClick:()=>{let e=!tN,t=(0,b.qf)(tL.current?.parentNode,tL.current);e&&null!=t?((0,b.tl)(t),t.addEventListener(b.Wb,t7),W?.(!0),tW(o.oA.LG)):e||null==t||(t.removeEventListener(b.Wb,t7),W?.(!1),(0,b.sP)(t),tW(o.oA.MD)),tR(e)},handleSeekBackBtnClick:t5,handleSeekForwardBtnClick:ne,autoHideVolumeSlider:eL,handleControlBarPendingInteraction:tl,onVolumeChange:e=>{tg(e),q?.(e)},onMutedChange:e=>{tE(e),J?.(e)},onVolumeExpandedChange:e=>{tS(e)}})})]}),null!=ed&&(0,r.jsx)("div",{className:D.MU,children:ed({playerState:eH,isControlBarExpanded:t9,videoRef:tL,isActive:tf,isVolumeExpanded:tb})}),!tf&&(0,r.jsx)("div",{className:D.mF,ref:e6,children:(0,r.jsx)(f.u,{size:"xs",color:"currentColor",className:D.z_})})]})})})}