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