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