https://static.protopie.io/web/static/js/584294ed4f525c78885e.chunk.js

1try{let e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8d1881b1-bc44-471d-9764-fcf69b73ee86",e._sentryDebugIdIdentifier="sentry-dbid-8d1881b1-bc44-471d-9764-fcf69b73ee86")}catch(e){}("u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{}).SENTRY_RELEASE={id:"16.4.1"};"use strict";(self.webpackChunkcloud_web=self.webpackChunkcloud_web||[]).push([["src_pages_user-testing_common_replayer_RecordingView_tsx-src_queries_user-testing_SessionTask-0fab90"],{43006:(e,t,r)=>{r.d(t,{d:()=>b});var s=r(86070),n=r(30758),l=r(9142),u=r(12897),i=r(65128),o=r(19904),a=r(14815),c=r(92489);let f=l.Ay.div`
2  position: relative;
3  width: 100%;
4  height: 100%;
5`,d=l.Ay.div`
6  position: absolute;
7  top: 0;
8  left: 0;
9  right: 0;
10  bottom: 0;
11  display: flex;
12  align-items: center;
13  justify-content: center;
14`,b=()=>{let{pieModel:e,resourceProvider:t,recordingData:l,registerReplayer:b,isScenarioLoading:g,isResourcesReady:y,platform:h}=(0,a.E)(),{showErrorAlert:p}=(0,o.MW)(),w=(0,n.useRef)(null),_=(0,n.useRef)(null),E=(0,n.useRef)(t),R=(0,n.useRef)(b),T=(0,n.useRef)(p),[v,m]=(0,n.useState)(!0);(0,n.useEffect)(()=>{E.current=t},[t]),(0,n.useEffect)(()=>{R.current=b},[b]),(0,n.useEffect)(()=>{T.current=p},[p]);let k=(0,n.useRef)(null),I=(0,n.useRef)(e);(0,n.useEffect)(()=>{I.current=e},[e]);let S=(0,n.useCallback)(()=>{w.current&&(w.current.pause(),w.current.destroy(),w.current=null),_.current&&(_.current.innerHTML="")},[]);return(0,n.useEffect)(()=>{e&&l&&_.current&&y&&k.current!==l&&(k.current=l,(async()=>{m(!0),S();try{let{PieReplayView:e}=await r.e("vendor").then(r.t.bind(r,39296,23)),t=await Promise.resolve().then(r.t.bind(r,53436,23)),s=new e({showOnlyCanvas:!0,container:_.current,pieModel:I.current,resourceProvider:E.current,recordStr:l,imageUrlBase:(0,c.EB)("/images/replayer"),webEngineImageUrlBase:(0,c.EB)("/images/engine"),leftPanelTopMargin:0,lottie:t,disableTouchIndicator:h!==i.VC.DESKTOP_WEB});w.current=s,R.current(s)}catch(e){console.error(e),T.current({title:"Failed to load replay. Please refresh and try again."}),k.current=null}finally{m(!1)}})())},[l,y]),(0,s.jsxs)(f,{children:[(g||v)&&(0,s.jsx)(d,{children:(0,s.jsx)(u.mj,{})}),(0,s.jsx)("div",{ref:_,style:{width:"100%",height:"100%"}})]})}},92903:(e,t,r)=>{r.d(t,{P:()=>u});var s=r(95203),n=r(97491),l=r(72237);let u=(e,t,r)=>(0,n.v)(s.Ye.sessionTaskResults(e,t,r),()=>l.D.getSessionTaskResults(e,t,r),{enabled:!!(e&&t&&r)})}}]);