Module 275664

function(e,t,n){"use strict";n.d(t,{Ay:()=>y}),n(321073);var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(61491),l=n(717421),u=n(939249),c=n(834730),d=n(621466),_=n(460890),h=n(770178),f=n(765548),p=n(650583),E=n(565164),m=n(308186),g=n(6821);let A=r.memo(function(e){let{playbackPxSpring:t,isDragging:n,dragX:r}=e;return(0,i.jsx)(m.animated.div,{"data-testid":"discord-web-video-player-playhead",className:g.lG,style:{left:n&&null!=r?`${r}px`:t.to(e=>`${e}px`)}})});var I=n(876230);let T=e=>{let{segment:t,animatingIndex:n,playbackPxSpring:s,playerState:o,isDragging:l,dragX:u,expansionSpring:c,timelineWidth:d,preloadedBuffers:_,maxSeekableX:h,segmentBorderRadius:f=99,progressClassName:p}=e,{startPx:E,endPx:A,leftIndicatorIndex:T,rightIndicatorIndex:S}=t,y=A-E,C=s.to(e=>Math.min(Math.max(0,e-E),y)),N=null!=n&&null!=c&&T===n,v=!N&&null!=n&&null!=c&&S===n,R=N||v,O=l&&null!=u?Math.min(Math.max(0,u-E),y):null,{progressToPlayheadBarTransform:b,glowWidth:D}=function(e){let{segmentWidth:t,dragFillWidth:n,shrinkEnd:i,isAnimating:r,fillWidthAnimated:s,expansionSpring:a}=e;return null!=n?{progressToPlayheadBarTransform:`translateX(-${t-n}px)`,glowWidth:n}:i&&null!=a?{progressToPlayheadBarTransform:(0,m.to)([s,a],(e,n)=>`translateX(-${Math.max(0,t-Number(n)-Number(e))}px)`),glowWidth:(0,m.to)([s,a],(e,n)=>Math.min(Number(e),t-Number(n)))}:r&&null!=a?{progressToPlayheadBarTransform:s.to(e=>`translateX(-${t-Number(e)}px)`),glowWidth:(0,m.to)([s,a],(e,t)=>Math.max(0,Number(e)-Number(t)))}:{progressToPlayheadBarTransform:s.to(e=>`translateX(-${t-Number(e)}px)`),glowWidth:s}}({segmentWidth:y,dragFillWidth:O,shrinkEnd:v,isAnimating:R,fillWidthAnimated:C,expansionSpring:c}),L=null!=O?O<=0?0:1:C.to(e=>e<=0?0:1),w=o!==I.Q6.ENDED,M=Math.max(0,(h??0)-E),P={borderRadius:`${f}px`},x=r.useMemo(()=>_?.map(e=>({startPx:e.start*d,endPx:(e.start+e.size)*d})).filter(e=>e.endPx>=E&&e.startPx<=A),[_,E,A,d]);return(0,i.jsxs)(m.animated.div,{className:a()(g.Td,p),style:{left:N?c.to(e=>E+e):E,width:R?c.to(e=>y-e):y,"--custom-r-left":s.to(e=>0===E||e>=E?"99px":"0px"),"--custom-r-right":s.to(e=>A>=d||e>=A?"99px":"0px"),"--custom-timeline-width":`${d}px`},children:[(0,i.jsxs)("div",{className:g.MI,children:[(0,i.jsxs)(m.animated.div,{className:g._I,style:{left:N?c.to(e=>-(E+e)):-E},children:[x?.map(e=>(0,i.jsx)("div",{className:g.Zn,style:{width:`${e.endPx-e.startPx}px`,left:`${e.startPx}px`,...P}},`${e.startPx}:${e.endPx}`)),null!=h&&M>0&&(0,i.jsx)("div",{className:g.YK,style:{width:`${M}px`,opacity:1,...P}})]}),(0,i.jsx)(m.animated.div,{className:g.wx,style:{transform:b,opacity:L}})]}),w&&(0,i.jsx)(m.animated.div,{className:g.fk,style:{width:D,opacity:L}})]})};g.f5;let S={tension:300,friction:30,clamp:!0};function y(e){let{isFullyVisible:t,percent:n,animate:s,interactionEnabled:c,backgroundColor:m,playerState:I,preloadedBuffers:y,durationSec:N,maxSeekableTime:v,progressClassName:R,timelineHeightPx:O=4,segmentBorderRadius:b,hoverTimelineHeightPx:D,initialTimelineHeightPx:L=O,persistPlayhead:w=!0,onClick:M,onScrubBack:P,onScrubForward:x,onDragStateChange:k,indicatorConfig:U,scrubPreviewCues:G,onIndicatorSeek:F,getCurrentTimeSec:V,"data-testid":B}=e,{contRef:j,boundingRect:H,handleMouseEnter:Y,handleMouseLeave:W,handleMouseMove:K,handleKeyDown:$,hoveredAtX:z,maxSeekableX:q,isHovering:Z,isDragging:X,dragX:Q,isHoverBeyondMax:J,handleClick:ee,handleMouseDown:et,ariaProps:en}=function(e){let{onScrubBack:t,onScrubForward:n,maxSeekableTime:i,interactionEnabled:s,durationSec:a,onClick:l,percent:u,onDragStateChange:c}=e,[E,m]=r.useState(null),[g,A]=r.useState(null),[I,T]=r.useState(!1),[S,y]=r.useState(!1),[C,N]=r.useState(null),[v,R]=r.useState(!1),{i18n:O}=(0,_.G9)(),b=r.useMemo(()=>{let e={role:"progressbar","aria-label":"Progress Bar"};return null!=u&&"number"==typeof u&&(e["aria-valuenow"]=u,e["aria-valuemin"]=0,e["aria-valuemax"]=100,e["aria-label"]=O.PERCENT_COMPLETE(Math.round(u))),e},[u,O]),D=r.useMemo(()=>null==E||null==i?null:(0,o.DX)(i,a,E),[E,i,a]),L=(0,f.A)(e=>{m(e.contentRect)}),w=(0,h.w)(L),M=e=>{if(null!=w.current){let t=w.current.getBoundingClientRect(),n=e.clientX-t.left,r=null!=i?i/a*t.width:null;R(null!=r&&n>r),A(n)}},P=r.useRef(!1),x=r.useRef(null),k=(0,f.A)((e,t)=>{if(null==l)return;let n=e-t.left,r=(0,o.hc)(n,t,a);null!=i&&r>i||l(r)}),U=r.useCallback(e=>{let{key:i}=e;i===p.N$.ArrowLeft&&null!=t?(e.preventDefault(),e.stopPropagation(),t()):i===p.N$.ArrowRight&&null!=n&&(e.preventDefault(),e.stopPropagation(),n())},[t,n]);return r.useEffect(()=>()=>{P.current=!1,x.current?.(),x.current=null},[]),{contRef:w,boundingRect:E,handleMouseEnter:function(e){s&&(T(!0),M(e))},handleMouseLeave:function(e){s&&!P.current&&(T(!1),A(null),R(!1))},handleMouseMove:function(e){s&&I&&M(e)},handleMouseDown:e=>{if(!s||null==l||0!==e.button)return;x.current?.();let t=e.currentTarget.getBoundingClientRect(),n=(0,o.hc)(e.clientX-t.left,t,a);if(null!=i&&n>i)return;P.current=!0,y(!0),c?.(!0),N(Math.max(0,Math.min(e.clientX-t.left,t.width))),k(e.clientX,t);let r=e=>{if(null!=w.current){let t=w.current.getBoundingClientRect(),n=Math.max(0,Math.min(e.clientX-t.left,t.width)),r=null!=i?i/a*t.width:null,s=null!=r?Math.min(n,r):n;R(null!=r&&n>r),A(n),N(s),k(e.clientX,t)}else k(e.clientX,t)};function u(e){P.current=!1,x.current=null,y(!1),N(null),c?.(!1),R(!1),null!=w.current&&((0,d.vq)(e.target,Node)&&w.current.contains(e.target)||(T(!1),A(null))),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",u)}window.addEventListener("mousemove",r),window.addEventListener("mouseup",u),x.current=()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",u)}},handleKeyDown:U,hoveredAtX:g,maxSeekableX:D,isHovering:I,isDragging:S,dragX:C,isHoverBeyondMax:v,handleClick:function(){},ariaProps:b}}({onScrubBack:P,onScrubForward:x,maxSeekableTime:v,interactionEnabled:c,durationSec:N,percent:n,onClick:M,onDragStateChange:k}),ei=r.useMemo(()=>null==z||null==H?null:(0,o.hc)(z,H,N),[z,H,N]),er=r.useMemo(()=>null==ei?null:(0,o.rB)(ei),[ei]),es=r.useMemo(()=>null==G||null==ei?null:(0,E.B8)(G,ei),[G,ei]),ea=r.useMemo(()=>{if(null!=H)return(0,o.TO)(n,H)},[n,H]),eo=H?.width!=null&&H?.width!==0?H?.width:1,[{playbackPxSpring:el},eu]=(0,l.z)(()=>({playbackPxSpring:0,config:S})),ec=r.useRef(X);r.useLayoutEffect(()=>{let e=ec.current;ec.current=X,e&&!X&&eu({playbackPxSpring:null==ea||Number.isNaN(ea)?0:ea,immediate:!0})},[X,ea,eu]);let ed=r.useRef(null),e_=r.useRef(null),eh=r.useRef(null);r.useEffect(()=>{if(!s||null==V||N<=0||eo<=0)return;e_.current=ed.current??V(),eh.current=performance.now();let e=0,t=()=>{let n=performance.now(),i=eh.current;eh.current=n;let r=e_.current;if(null!=r){r+=null!=i?(n-i)/1e3:0;let e=V();if(null!=e&&Number.isFinite(e)){let t=e-r;r=Math.abs(t)>.5?e:r+.1*t}}else r=V()??null;null!=r&&Number.isFinite(r)&&(e_.current=r,ed.current=r,eu({playbackPxSpring:Math.min(Math.max(0,r/N*eo),eo),immediate:!0})),e=requestAnimationFrame(t)};return e=requestAnimationFrame(t),()=>{cancelAnimationFrame(e),e_.current=null,eh.current=null}},[s,V,N,eo,eu]);let ef=s&&null!=V&&N>0;r.useEffect(()=>{let e;if(!ef){if(null!=V&&N>0&&eo>0){let t=V();null!=t&&Number.isFinite(t)&&(ed.current=t,e=Math.min(Math.max(0,t/N*eo),eo))}null==e&&(e=null==ea||Number.isNaN(ea)?0:ea),eu({playbackPxSpring:e,immediate:!0})}},[ea,ef,eu,V,N,eo]);let ep=N>1,eE=U?.indicators,em=r.useMemo(()=>{let e;return null!=eE&&null!=H&&ep?(e=H.width,eE.map(t=>{let n=Math.max(0,Math.min((0,o.DX)(t.timeSec,N,H)-("start"===t.align?0:"end"===t.align?t.widthPx:t.widthPx/2),e-t.widthPx));return{leftPx:n,rightPx:n+t.widthPx,gapPx:t.gapPx,index:t.index,source:t}})):void 0},[eE,N,H,ep]),eg=r.useMemo(()=>(function(e,t){let n=[{startPx:0,endPx:e,leftIndicatorIndex:null,rightIndicatorIndex:null}];if(null==t||0===t.length)return n;for(let i=0;i<t.length;i++){let r=Math.max(0,t[i].leftPx-t[i].gapPx),s=Math.min(e,t[i].rightPx+t[i].gapPx),a=n[n.length-1];null!=a&&(a.endPx=r,a.rightIndicatorIndex=t[i].index),null!=a&&a.endPx<=a.startPx&&n.pop(),s<e&&n.push({startPx:s,endPx:e,leftIndicatorIndex:t[i].index,rightIndicatorIndex:null})}return n})(eo,em),[eo,em]),eA=U?.hoverExpansionPx??0,eI=r.useCallback(e=>null!=e&&null!=em&&em.some(t=>e>=t.leftPx-t.gapPx-(U?.animatingIndex===t.index?eA:0)&&e<=t.rightPx+t.gapPx+(U?.animatingIndex===t.index?eA:0)),[em,U?.animatingIndex,eA]);return(0,i.jsx)("div",{className:g.jD,ref:j,"data-testid":B,style:{"--custom-timeline-height":`${null!=D&&Z?D:O}px`,"--custom-initial-timeline-height":`${L}px`},children:(0,i.jsxs)(u.D,{className:a()(g.KF,{[g.uc]:c}),style:J?{cursor:"default"}:void 0,ignoreKeyPress:!0,onClick:ee,onMouseDown:et,onMouseEnter:Y,onMouseLeave:W,onMouseMove:K,onKeyDown:$,tabIndex:c?void 0:-1,children:[(0,i.jsx)("div",{className:g.PH,...en,style:null!=m?{"--custom-segment-bg":m}:void 0,children:null!=H&&eg.map((e,t)=>(0,i.jsx)(T,{segment:e,playbackPxSpring:el,playerState:I,isDragging:X,dragX:Q,animatingIndex:U?.animatingIndex,expansionSpring:U?.expansionSpring,timelineWidth:eo,preloadedBuffers:y,maxSeekableX:q,segmentBorderRadius:b,progressClassName:R},t))}),null!=H&&em?.map(e=>U?.renderIndicator(e,null!=ea&&!Number.isNaN(ea)?ea:0,!0===e.source.clickable&&null!=F?()=>F(e.source.timeSec):void 0)),(0,i.jsx)(C,{isHovering:Z,hoveredAtX:z,hoveredTimeSec:ei,formattedTime:er,isFullyVisible:t,isInExclusionZone:eI,scrubPreviewCue:es,timelineWidthPx:eo}),(Z||w)&&c&&null!=ea&&!eI(X&&null!=Q?Q:ea)&&(0,i.jsx)(A,{playbackPxSpring:el,isDragging:X,dragX:Q})]})})}function C(e){let{isHovering:t,hoveredAtX:n,hoveredTimeSec:r,formattedTime:s,isFullyVisible:a,isInExclusionZone:o,scrubPreviewCue:l,timelineWidthPx:u}=e;return!t||null==n||!a||o(n)?null:null!=l&&null!=r?(0,i.jsx)(E.wb,{cue:l,timeSec:r,cursorXPx:n,timelineWidthPx:u}):null==s?null:(0,i.jsx)(c.E,{className:g.Hz,variant:"text-xs/normal",color:"always-white",tabularNumbers:!0,style:{left:`${n}px`},children:s})}}