https://app.clipchamp.com/clipchamp/release-2026-09-23-01-rc00/con…/deferredVideoProcessor.71081ce2.chunk.js

1export const __rspack_esm_id=24898;export const __rspack_esm_ids=[24898];export const __webpack_modules__={962528(e,r,o){var s=o(615550);o.d(r,{},{a:(e,r,o=!1)=>({type:s.x.STORE_THUMBNAIL,blob:r,hasEditedThumbnail:o,thumbType:e})})},451454(e,r,o){o.r(r),o.d(r,{VideoProcessor:()=>VideoProcessor,default:()=>B});var s=o(493454),t=o(682579),a=o(561293),n=o(603366),i=o(783606),c=o(349615),l=o(377204),d=o(224528),u=o(804189),g=o(384921),m=o(980569),P=o(962528),p=o(925452),v=o(789802),E=o(164436),b=o(672887),h=o(475268),T=o(576590),f=o(844205),w=o(596071),S=o(240692),M=o(246777);function timed(e,r){let o;return Promise.race([e,new Promise(e=>{o=window.setTimeout(e,r)}).then(()=>{throw Error("Timed Out")})]).then(e=>(window.clearTimeout(o),e))}var N=o(266527),_=o(159519),y=o(811643),A=o(576797),R=o(413926),C=o(915938),V=o(71393),L=o(799848),k=o(458707),F=o(584142);let D={logError:d.vV,getPropertyBag:d.M3,saveProcessedRecording:u.ne,proccessMusic:g.II,downloadProcessedVideo:u.eh,generateAudioBlob:u.XQ,receivedVideoDownload:m.rD,storeThumbnail:P.a,setModal:p.mi},O=(0,a.Ng)(e=>{let{segmentMap:r,activeSegmentOrder:o,audio:s,postProcessedEffects:t,areAllSegmentsAudioOnly:a}=e.videos,{thumbnailUrl:n}=e.thumbnail,{processingReturnPath:i}=e.stages,{postProcessedGif:c,processedRecording:l}=e,{responsiveWidthBreakpoint:d,recMode:u}=e.recorder,{effects:g,telemetryCallbacks:m,cameraCallbacks:P,videoConfiguration:p,mediaRecorderOptions:v,thumbnailConfiguration:E,workerConfiguration:b,enablePortraitCanvas:h}=e.config;return{audio:s,getTextStyles:g?.text,postProcessedEffects:t,areAllSegmentsAudioOnly:a,segmentMap:r,activeSegmentOrder:o,thumbnailUrl:n,processingReturnPath:i,telemetryCallbacks:m,cameraCallbacks:P,videoConfiguration:p,mediaRecorderOptions:v,thumbnailConfiguration:E,workerConfiguration:b,enablePortraitCanvas:h,postProcessedGif:c,processedRecording:l,responsiveWidthBreakpoint:d,recMode:u}},D),x=(0,n.n)({videoProcessorOverlay:{backgroundColor:L.VV.colorNeutralBackground2},preparingText:{color:L.VV.colorNeutralForeground1},warningText:{color:L.VV.colorNeutralForeground1},buttonWrapper:{marginTop:L.VV.spacingVerticalM}});function VideoProcessor({audio:e,getTextStyles:r,logError:o,postProcessedEffects:a,areAllSegmentsAudioOnly:n,segmentMap:u,activeSegmentOrder:g,thumbnailUrl:m,processingReturnPath:P,telemetryCallbacks:p,cameraCallbacks:L,videoConfiguration:D,mediaRecorderOptions:O,thumbnailConfiguration:B,workerConfiguration:I,proccessMusic:G,downloadProcessedVideo:U,receivedVideoDownload:H,getPropertyBag:z,generateAudioBlob:W,saveProcessedRecording:j,storeThumbnail:Q,setModal:J,enablePortraitCanvas:K,postProcessedGif:Z,processedRecording:$,responsiveWidthBreakpoint:X,recMode:Y}){let q=(0,s.useRef)(null),[ee,er]=(0,w.uZ)(),eo=ee.toStrings().pop()||"",es=(0,s.useRef)(null),[et,ea]=(0,s.useState)({amount:0}),[en,ei]=(0,s.useState)(!1),[ec,el]=(0,s.useState)(!1),ed=!!(0,C.u)("isMusicNoMicAudioFixEnabled","boolean"),eu=!!(0,C.u)("isClipLevelMuteEnabled","boolean"),eg=!!(0,C.u)("isNoVideoTrackFixEnabled","boolean"),em=!!(0,C.u)("isCompositingPortraitEnabled","boolean"),eP=!!(0,C.u)("isSaveAllSegmentsOnDownload","boolean"),ep=(0,y.z)(),ev=!!(0,C.u)("isDuplicateErrorLogFixEnabled","boolean"),eE=!!(0,C.u)("isSkipProcessingMultistreamVideosEnabled_ks","boolean"),eb=!!(0,C.u)("isPostProcessedGIFEnabled","boolean"),eh=(0,C.u)("longProcessingThreshold","number")??3e4,eT=(0,C.u)("processingWatchdogTimeoutMs","number"),ef=!!(0,C.u)("isMicModeAudioBlobResultEnabled","boolean"),ew=!!(0,C.u)("isLazyLoadingEnabled","boolean"),eS=x(),{t:eM}=(0,t.B)(),{host:eN}=(0,E.JN)(),e_=(0,s.useRef)(Date.now()),ey=(0,s.useCallback)(()=>{J(v.b.PLAYBACK_PROCESSING_ERROR),er("ERROR")},[J,er]),eA=(0,s.useCallback)(()=>eT&&eT>0?(0,N.N)(G(),eT,"MusicProcessingTimeout"):G(),[G,eT]),eR=(0,s.useCallback)(()=>{let e=(0,V.tn)(z()),r=g.map(e=>u[e]),o=(0,V.OL)(r);return{videoLengthMs:Math.round((e?.video_length??0)*6e4),propertyBag:e,isRescaled:o,clipCount:r.length,effectCount:a.length,deviceMemory:eN.navigator.deviceMemory,hardwareConcurrency:eN.navigator.hardwareConcurrency}},[g,z,eN.navigator.deviceMemory,eN.navigator.hardwareConcurrency,a.length,u]),eC=(0,s.useCallback)(e=>{p?.logAppLogic?.({eventName:"VideoProcessingQos",processingTimeMs:e?0:Date.now()-e_.current,...e?{skipReason:e}:{},...eR()})},[p,eR]);function getDefaultThumbnail(){return timed(new Promise((e,r)=>{p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"GenerateThumbnailEntered"});let o=eN.document.createElement("video"),s=u[g[0]];if(!s){let e=Error("First segment not found");r((0,S.HP)(e)),p?.logGenerateThumbnailFailure?.((0,S.HP)(e));return}let t=B?.width&&s.aspectRatio?B.width/s.aspectRatio:0;o.src=s?.url||"",eN.document.body.appendChild(o),o.style.display="none",o.muted=!0,o.onloadeddata=()=>{let s,a;s=async()=>{await (0,M.A)(300);try{let r=b.A.drawToCanvasAndReturnBlob(o,B?.width??0,t,!1,"image/jpeg");Q("frame",r),p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"GenerateThumbnailFinished"}),e(r)}catch(e){r((0,S.HP)(e)),p?.logGenerateThumbnailFailure?.((0,S.HP)(e))}};let n=u[g[0]];if(!n)return;let i=o.currentTime;o.currentTime=!n.startTime||n.startTime<=.1?.3:n.startTime,o.currentTime!==i&&(s?s():(a=Error("Failed to call resolveThumbnail()"),p?.logGenerateThumbnailFailure?.((0,S.HP)(a)),ey()))},o.load(),eN.document.body.removeChild(o)}),4e3)}function postProcessingCallback(){p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"PostProcessingEntered"}),P?(er(P),U(eP),H()):er("PROCESSED"),p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"PostProcessingFinished"})}(0,s.useEffect)(()=>{let e=eN.setTimeout(()=>{ei(!0)},eh);return()=>{eN.clearTimeout(e)}},[eN,eh]),(0,s.useEffect)(()=>{$?el(!0):g.map(e=>u[e]).some(e=>{if(ef&&n){if(e.audioChunks)return!0}else if(e.processedVideoBlob||e.videoBlob)return!0;return!1})&&el(!0)},[ef,n,g,u,$]),(0,s.useEffect)(()=>

1{if(en&&!ec){let e=Error("Processing timed out and download data is not available");p?.logProcessingStageFailed?.({reason:"DownloadDataUnavailable",errorDetail:e}),ey()}},[en,ec,ey,p]),(0,s.useEffect)(()=>{let s=g.map(e=>u[e]);e_.current=Date.now(),ew&&p?.logQoSEvent?.("timeToLoadProcessingStage");let t=!s.some(e=>e.unsupportedForProcessing),n=O?.enableMultiStream&&2===s.length&&s.some(e=>e.isSecondaryStream),i=h.A.chromium()?t?"screen"===Y&&n?"multiStreamScreenRecorder":n&&eE?"multiStreamSkipEnabled":void 0:"unsupportedClips":"nonChromium";if(void 0===i){let e=new T.v(O,(0,f.V)(I),eN,{isPostProcessedEffectsEnabled:ep,isMusicNoMicAudioFixEnabled:ed,isClipLevelMuteEnabled:eu,isNoVideoTrackFixEnabled:eg,isCompositingPortraitEnabled:em,processingWatchdogTimeoutMs:eT},p,{videoProgressRatio:.95});e.setVideoProcessingCallback({videoProcessingStarted,videoProcessingDone,videoProcessingError,videoProcessingProgress,videoProcessingWarning});let startProcessing=r=>{let o=(0,V.cQ)(r,s,D,K,0);e.startFromVideoBlobs(o),es.current=e},o=(0,V.Hb)(a,r),t=JSON.parse(JSON.stringify(o));ep?(eb&&(t=R.A.handleGifEffects(t,Z)),R.A.handleSvgStickers(t).then(e=>{startProcessing(e)}).catch(e=>{p?.logError?.(A.F.SVG_STICKER_LOAD_FAIL,(0,S.HP)(e)),startProcessing(o)})):startProcessing(o)}else e&&e.blob?eA().then(()=>{eC(i),setTimeout(()=>{er("PROCESSED")},250)}).catch(e=>{eC("processMusicError"),ev?(p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicFailedProcessing"}),o("Process Music Error",e,{reason:"Process Music Error",message:e.message}),ey()):(L?.onError?.({name:"Process Music Error",extraData:{stack:d.N2(e,"Process Music Error")}},z()),o("VideoProcessing failed",e,{}),onError(e))}):(eC(i),er("SKIP"));return function VideoProcessorUnmounted(){es.current?.clearVideoProcessingCallback(),es.current?.forceStop(),es.current=null}},[u,g]),(0,s.useEffect)(()=>{let e=u[g[0]];q.current&&g.length>0&&e&&(q.current.src=e.url,q.current.currentTime=e.startTime)},[q,u,g]);let videoProcessingDone=async e=>{if(p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"DoneCallbackEntered"}),ef&&n){let r=W();j(r,URL.createObjectURL(r),"audio/webm",e.duration)}else{let r;r=u[g[0]],j(e.data,URL.createObjectURL(e.data),e.mediaType,e.duration,r?.aspectRatio,r?.width,r?.height)}if(B?.width&&B.width>0&&!m)try{await getDefaultThumbnail()}catch(e){p?.logGenerateThumbnailFailure?.((0,S.HP)(e)),ey()}ea({amount:.975}),processMusicAudio()},videoProcessingError=e=>{eC("processingError"),ev?(o("VideoProcessingOrchestratorErrors",e,e),ey()):(L?.onError?.({name:"VideoProcessingOrchestratorErrors",extraData:e},z()),o("VideoProcessing failed",e),onError(e))},videoProcessingStarted=()=>{L?.onProcessingStarted?.()},videoProcessingProgress=e=>{let r=.95*e.amount;ea({amount:r}),L?.onProcessingProgress?.(r)},videoProcessingWarning=e=>{p?.logAppLogic?.({eventName:e.reason,warning:e})},onError=e=>{p?.logError?.(A.F.VIDEO_PROCESSING_ERROR_FATAL,{fatal:{reason:"UnknownVideoEncoderError",errorDetail:e}}),ey()};function processMusicAudio(){p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicEntered"}),eA().then(e=>{p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicFinishedProcessing"}),e&&(j(e,URL.createObjectURL(e),$.mediaType??e.type,$.duration,$.aspectRatio,$.width,$.height),p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicFinishedSaving"})),ea({amount:1}),p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicFinished"}),eC(),setTimeout(postProcessingCallback,250)}).catch(e=>{eC("processMusicError"),p?.logAppLogic?.({eventName:"ProcessingTraceEvent",action:"ProcessMusicFailedProcessing"}),ev?(o("Process Music Error",e,{reason:"Process Music Error",message:e.message}),ey()):(L?.onError?.({name:"Process Music Error",extraData:e},z()),o("VideoProcessing failed",e,{}),onError(e))})}let eV=m&&(!B||!!B?.isProcessingPreviewEnabled),eL=(0,k.A)(X),ek=(0,F.l)(),eF=e

1n&&ec;return s.createElement("div",{className:"fgr-videoProcessor"},!m&&s.createElement("video",{ref:q,preload:"metadata",playsInline:!0,autoPlay:!1,"aria-label":eM("common.videoPlayer")}),s.createElement("div",{className:(0,i.z)("fgr-videoProcessor__overlay",eS.videoProcessorOverlay)},s.createElement("div",{className:`fgr-videoProcessor__status${eV?" -large":""}`},eV&&s.createElement("img",{className:"fgr-videoProcessor__thumbnail",src:m,alt:eM("common.videoThumbnail"),"data-testid":"video-processor-thumbnail-image"}),s.createElement("div",{className:"fgr-videoProcessor__progressContainer"},s.createElement(c.E,{block:!0,size:600,weight:"semibold",className:eS.preparingText,"aria-live":"assertive","aria-atomic":"true"},eM("processingStep.preparing",{amount:Math.round(100*et.amount)})),s.createElement(_.Z,{className:"fgr-videoProcessor__progressIndicator","aria-labelledby":"statusDisplay",percentComplete:et.amount}),s.createElement(c.E,{block:!0,className:(0,i.z)("fgr-videpProcesssor__warningText",eS.warningText)},eM("processingStep.keepWindowOpen")),s.createElement("div",{className:eS.buttonWrapper},eF&&s.createElement(l.$,{appearance:"secondary",size:eL,className:ek.secondary,onClick:()=>{p?.logUserAction?.({action:"DownloadButtonClicked",state:eo,actionInfo:"FallbackDownload"}),U(eP)}},eM("common.downloadRecording")))))))}let B=O(VideoProcessor)}};
2//# sourceMappingURL=deferredVideoProcessor.71081ce2.chunk.js.map