Module 951592

function(e,t,l){l.d(t,{A:()=>P});var n=l(477900),a=l(582128),i=l(621466),s=l(231723),r=l(939249),c=l(256905),o=l(530574),u=l(675747),d=l(584794);l(321073);var m=l(503698),h=l.n(m),f=l(435558),x=l(702841),v=l(834730),p=l(408278),g=l(461150),j=l(782134),b=l(113494),C=l(898196),y=l(259678),N=l(765671),E=l(531685),w=l(335494),k=l(362081),A=l(589049),R=l(696016),L=l(375708),T=l(445563),I=l(631015);function M(e){((e=Math.round(100*e)/100)<0||.01>Math.abs(e))&&(e=0);let t=Math.floor(e/60),l=Math.floor(e%60),n=Math.floor(e%1*100);return t=t<10?"0"+t:t,l=l<10?"0"+l:l,n=n<10?"0"+n:n,`${t}:${l}.${n}`}function D(e){let t=Math.floor(e/60),l=L.intl.formatToPlainString(L.t.iXLF9W,{minutes:t}),n=L.intl.formatToPlainString(L.t.geSp4K,{seconds:e%60});return`${l} ${n}`}function S(e){let{voiceAudioTracks:t,transitionState:l}=e,{useCurrentTime:i,duration:s,isPlaying:r,cropStart:c,cropEnd:o,cropDuration:u,setCropStart:m,setCropEnd:S,play:O,pause:P,subscribe:_,seek:z,clip:U,generateThumbnails:$,videoDimensions:G}=(0,k.T)(),B=i(),[H,V]=a.useState(null),K=a.useRef(null),F=a.useRef(null),[Z,W]=a.useState(!1),[X,Y]=a.useState(null);a.useEffect(()=>_({onPlay:()=>{V(null),W(!1)}}),[_]);let{ref:J,width:Q=0,height:q=0}=(0,N.Ay)(),ee=(0,x.bG)([E.A],()=>E.A.windowSize());a.useMemo(()=>{ee.width,ee.height;let e=J.current;null!=e&&Y(e.getBoundingClientRect())},[ee.width,ee.height,Q,J,l]);let et=a.useCallback((e,t)=>{if(null==s)return;if(null==X)return null;let l=((0,f.clamp)(e,X.left,X.right)-X.left)/X.width*s,n=(0,f.clamp)(l,0,s),a=H;null==a&&t&&(a=n<=c?"start":n>=o?"end":"playhead",r&&(P(),W(!0)),V(a)),"start"===a?m(n):"end"===a?S(n):"playhead"===a&&z((0,f.clamp)(n,c,o))},[s,X,H,c,o,r,P,m,S,z]),el=a.useCallback(e=>{if(null==s)return;let t=(0,d.A)(s,e.shiftKey),l=!1;switch(e.key){case"ArrowLeft":l=!0,m(c-t);break;case"ArrowRight":l=!0,m(c+t)}l&&(e.stopPropagation(),e.preventDefault())},[s,m,c]),en=a.useCallback(e=>{if(null==s)return;let t=(0,d.A)(s,e.shiftKey),l=!1;switch(e.key){case"ArrowLeft":l=!0,S(o-t);break;case"ArrowRight":l=!0,S(o+t)}l&&(e.stopPropagation(),e.preventDefault())},[s,S,o]),ea=a.useCallback(e=>{et(e.clientX,!0)},[et]),ei=a.useCallback(e=>{et(e.clientX,!1)},[et]),es=a.useCallback(()=>{Z&&O(),W(!1),V(null)},[Z,O]);a.useEffect(()=>(document.addEventListener("mousemove",ei),document.addEventListener("mouseup",es),()=>{document.removeEventListener("mousemove",ei),document.removeEventListener("mouseup",es)}),[ei,es]);let{numberOfPreviews:er,timelinePreviewWidth:ec}=a.useMemo(()=>{if(null==G)return{numberOfPreviews:0,timelinePreviewWidth:0};let e=Math.ceil(q*(G.width/G.height));return{numberOfPreviews:Math.ceil(Q/e),timelinePreviewWidth:e}},[q,Q,G]);a.useEffect(()=>{if(0===er||0===ec)return;let e=J.current;if(null==e)return;e.height=q,e.width=Q;let t=e.getContext("2d");if(null==t)return;t.fillStyle="transparent",t.fillRect(0,0,Q,q);let l=[];for(let e=0;e<er;e++)l.push(ec/Q*s*e);return $(l,ec,q,e=>{for(let l=0;l<e.length;l++)t.drawImage(e[l],ec*l,0,ec,q),e[l].close()})},[q,J,s,er,ec,$,Q]);let eo=B-c,eu=a.useCallback(()=>{z(Math.max(c,B-10))},[c,B,z]),ed=a.useCallback(()=>{z(Math.min(o,B+10))},[o,B,z]),em=a.useCallback(()=>{r?P():O()},[r,O,P]),eh=c/s*100,ef=(1-(s-o)/s)*100,ex={background:`linear-gradient(to right, var(--black-500) ${eh}%, transparent ${eh}%, transparent ${ef}%, var(--black-500) ${ef}%)`};return(0,n.jsx)("div",{className:I.f4,children:(0,n.jsxs)("div",{className:I.fL,children:[(0,n.jsxs)("div",{className:I.lx,children:[(0,n.jsx)("div",{className:I.k2,children:(0,n.jsx)("div",{ref:F,className:I.re,children:(0,n.jsxs)(v.E,{variant:"text-sm/normal",className:I.g7,color:"text-muted",children:[M(eo),(0,n.jsx)("span",{className:I.xW,children:" / "}),M(u)]})})}),(0,n.jsxs)("div",{className:I.s2,children:[(0,n.jsx)(p.K,{size:"md",variant:"secondary",icon:g.q,onClick:eu,"aria-label":L.intl.string(T.default["dRVF+Z"])}),(0,n.jsx)(p.K,{size:"md",icon:r?b.E:j.u,onClick:em,"aria-label":L.intl.string(r?L.t.ZcgDJX:L.t.RscU7I)}),(0,n.jsx)(p.K,{size:"md",variant:"secondary",icon:C.i,onClick:ed,"aria-label":L.intl.string(T.default.yV2FLL)})]})]}),(0,n.jsx)(w.A,{onMouseDown:ea,voiceAudioTracks:t,clipId:U.id,className:I.ou}),(0,n.jsx)(A.A,{onMouseDown:ea,videoLength:s,clip:U}),(0,n.jsx)("div",{className:I.PH,children:(0,n.jsxs)("div",{className:h()(I.IO,{[I.Dg]:null!=H}),onMouseDown:ea,children:[(0,n.jsx)("canvas",{className:I.Ay,ref:J}),(0,n.jsx)(y.vN,{children:(0,n.jsx)("div",{tabIndex:0,ref:K,className:I.lG})}),(0,n.jsx)("div",{className:I.QT,style:ex}),(0,n.jsxs)("div",{className:I.Ws,style:{left:null!=s?`${c/s*100}%`:"0",right:null!=s?`${(s-o)/s*100}%`:"0"},children:[(0,n.jsx)(y.vN,{children:(0,n.jsx)("button",{className:h()(I.uI,{[I.cB]:"start"===H}),onMouseDown:ea,onKeyDown:el,role:"slider",tabIndex:0,"aria-valuemin":0,"aria-valuenow":c,"aria-valuetext":D(c),"aria-valuemax":o-R.zj,"aria-label":L.intl.string(L.t["+BTvw8"]),children:(0,n.jsx)("div",{className:I.FV})})}),(0,n.jsx)(y.vN,{children:(0,n.jsx)("button",{className:h()(I.H1,{[I.cB]:"end"===H}),onMouseDown:ea,onKeyDown:en,role:"slider",tabIndex:0,"aria-valuemin":c+R.zj,"aria-valuenow":o,"aria-valuetext":D(o),"aria-valuemax":s,"aria-label":L.intl.string(L.t.bBgBYo),children:(0,n.jsx)("div",{className:I.kn})})})]})]})})]})})}var O=l(884003);function P(e){let{transitionState:t}=e,{cropStart:l,cropEnd:m,videoPlayerRef:h,videoURL:f,audioTracks:x,clip:v}=(0,k.T)(),p=v.type===R.nQ.SCREENSHOT;a.useEffect(()=>{if(!p)return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e);function e(e){if((0,i.Cw)(document.activeElement))return;let t=h.current;if(null==t)return;let n=h.current?.videoElement;if(null==n)return;let a=(0,d.A)(n.duration,e.shiftKey),s=!1;switch(e.key){case" ":s=!0,n.paused?t.play():t.pause();break;case"ArrowLeft":s=!0,t.seek(Math.max(l,n.currentTime-a));break;case"ArrowRight":s=!0,t.seek(Math.min(m,n.currentTime+a))}s&&(e.stopPropagation(),e.preventDefault())}},[h,p,v.type,l,m]);let g=a.useMemo(()=>x.filter(e=>e.trackName.includes(":voice")),[x]),j=a.useCallback(()=>{(0,c.R)({items:[{type:"IMAGE",url:v.thumbnail,proxyUrl:v.thumbnail,alt:v.name??""}],startingIndex:0,location:"ClipsEditModal"},"stack")},[v.thumbnail,v.name]);if(p)return(0,n.jsx)("div",{className:O.OJ,children:t!==s.ip.ENTERED?(0,n.jsx)(o.A,{}):(0,n.jsx)("div",{className:O.zT,children:(0,n.jsx)(r.D,{className:O.xS,onClick:j,children:(0,n.jsx)("img",{className:O.V_,src:v.thumbnail,alt:v.name??""})})})});let b=null==f||t!==s.ip.ENTERED;return(0,n.jsx)("div",{className:O.OJ,children:(0,n.jsx)("div",{className:O.zT,children:b?(0,n.jsx)(o.A,{}):(0,n.jsxs)("div",{className:O.Xf,children:[(0,n.jsx)(u.A,{ref:h}),(0,n.jsx)(S,{transitionState:t,voiceAudioTracks:g})]})})})}}