Module 226870

function(e,t,n){n.d(t,{d:()=>d});var r=n(627968),a=n(64700),l=n(66455),i=n(607470),s=n(609174),u=n(367974),c=n(665039),o=n(204351);let d=a.forwardRef((e,t)=>{let{isStatic:n=!1,children:a,...l}=e;return n?(0,r.jsx)(f,{ref:t,children:a}):(0,r.jsx)(p,{ref:t,...l,children:a})});d.displayName="ClipThumbnail";let f=a.forwardRef((e,t)=>{let{children:n}=e,l=(0,s.Y_)();return a.useImperativeHandle(t,()=>({releaseSource(){}}),[]),(0,r.jsxs)("div",{className:o.Q,children:[(0,r.jsx)("img",{alt:"",src:l.thumbnail,className:o.f,loading:"lazy"}),n]})});f.displayName="ClipStaticThumbnail";let p=a.forwardRef((e,t)=>{let{isPlaying:n=!1,scrubOnHover:d=!1,preload:f="metadata",onProgressChange:p,children:m}=e,v=(0,s.Y_)(),h=a.useRef(null),x=(0,l.A)(v.editMetadata?.start??0);a.useImperativeHandle(t,()=>({releaseSource(){(0,u.A)(h.current)}}),[]);let y=(0,c.j)(v),C=0===v.length,g=a.useCallback(e=>{let t=h.current;if(null==t)return;let n=v.editMetadata?.start??0,r=v.editMetadata?.end??t.duration;t.currentTime=Math.max(0,x.current+(r-n)*e/100)},[h,x,v]),k=a.useCallback(e=>{if(!d||null==h.current)return;let t=h.current.getBoundingClientRect();g((e.clientX-t.left)/t.width*100)},[h,d,g]),j=a.useRef(null),b=a.useRef(n);return a.useEffect(()=>{if(b.current=n,C)return;let e=h.current;if(null!=e)if(n){if(!e.paused)return;e.currentTime=x.current;let t=e.play();j.current=t,t.catch(()=>{})}else{let t=j.current;j.current=null,null!=t?t.then(()=>b.current||e.pause()).catch(()=>{}):e.pause()}},[n,h,C,x]),a.useEffect(()=>{if(C||null==y)return;let e=h.current;if(null!=e)return()=>{(0,u.A)(e)}},[y,h,C]),a.useEffect(()=>{let e=h?.current;if(null==e||C||null==p)return;let t=null,n=()=>{if(e.paused||e.ended){t=null,p(0);return}let r=v.editMetadata?.start??0,a=v.editMetadata?.end??e.duration,l=(e.currentTime-r)/(a-r)*100;p(isNaN(l)?0:Math.max(0,Math.min(100,l))),t=requestAnimationFrame(n)};function r(){null==t&&(t=requestAnimationFrame(n))}let a=()=>{null!=t&&(cancelAnimationFrame(t),t=null,p(0))};return e.addEventListener("play",r),e.addEventListener("pause",a),e.addEventListener("ended",a),e.paused||r(),()=>{null!=t&&(cancelAnimationFrame(t),p(0)),e.removeEventListener("play",r),e.removeEventListener("pause",a),e.removeEventListener("ended",a)}},[h,C,v.editMetadata,p]),(0,r.jsxs)("div",{className:o.Q,onMouseMove:k,children:[C?(0,r.jsx)("img",{alt:"",src:v.thumbnail,className:o.f,loading:"lazy"}):null!=y?(0,r.jsx)(i.A,{preload:f,poster:v.thumbnail,muted:!0,src:y,loop:!0,className:o.f,ref:h}):null,m]})});p.displayName="ClipDynamicThumbnail"}