https://prod-cdn.pathwright.com/static/js/async/VideoPlayer.a4a0f0bea9.js

1"use strict";(self.rspackChunk_pathwright_mainclient=self.rspackChunk_pathwright_mainclient||[]).push([["gt"],{AbE(e,n,t){t.r(n),t.d(n,{default:()=>x});var o=t("PT"),a=t("d5"),r=t("kJ"),i=t("C"),l=t.n(i),s=t("dx"),d=t("iG"),c=t("vS"),u=t("yC");let h=e=>{let{className:n,downloadURL:t,onClick:a,loading:r=!1}=e;return r?(0,o.jsx)(c.y,{}):(0,o.jsx)("a",{className:n,onClick:e=>{a&&!t&&(e.preventDefault(),e.stopPropagation(),a())},href:t,download:"video",target:"_blank",tabIndex:"0",children:(0,o.jsx)(u.A,{icon:"download",style:{color:"white",fontSize:"1.4em",display:"flex",flexDirection:"column",justifyContent:"center",lineHeight:"1.4em",height:"100%"}})})};h.propTypes={player:l().object,className:l().string};var p=t("GYq"),m=e=>{let{src:n,video:t,player:a,needsPreload:r,type:i,preload:l}=e,[d,c]=s.useState(!1),[u,h]=s.useState(!1),[m,v]=s.useState(new p.A({autoStartLoad:!0}));s.useEffect(()=>((async()=>{await g(),r&&w(n,t)})(),()=>{m&&m.destroy()}),[]),s.useEffect(()=>{(async()=>{n&&(await g(),await w(n,t),t.pause())})()},[n]),s.useEffect(()=>{a.hasStarted&&!u&&w(n,t)},[a,u]);let g=async()=>p.A.isSupported()&&m?(m.detachMedia(),new Promise((e,n)=>{m.on(p.A.Events.MEDIA_ATTACHED,()=>{c(!0),e()}),m.attachMedia(t)})):Promise.resolve(),w=async(e,n)=>p.A.isSupported()&&d&&m?new Promise((t,o)=>{m.on(p.A.Events.MANIFEST_PARSED,(e,o)=>{h(!0),a.hasStarted&&!n.paused&&n.play(),t()}),m.loadSource(e)}):Promise.resolve();return(0,o.jsx)("source",{preload:l||"metadata",src:n,type:i||"application/x-mpegURL"})},v=t("T"),g=t("FP");function w(){let e=(0,v._)(["\n  height: auto;\n  width: 100%;\n  max-width: 100%;\n  position: relative;\n  margin: 0 auto;\n\n  & > .video-react.TheVideo > .video-react-video {\n    max-height: ",";\n  }\n\n  & > .video-react.TheVideo.video-react-fullscreen > .video-react-video {\n    max-height: 100%;\n    height: 100%;\n  }\n\n  .video-react-controls-enabled {\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    outline: none;\n  }\n  .video-react-big-play-button.video-react-big-play-button-left.TheVideo {\n    display: none;\n  }\n\n  .video-react .video-react-control {\n    width: 3em;\n  }\n  .video-react-time-control {\n    padding-left: 0.5em;\n    padding-right: 0.5em;\n\n    &.video-react-time-divider {\n      padding: 0;\n    }\n  }\n\n  .video-react-icon-fullscreen.video-react-fullscreen-control {\n    display: ",";\n  }\n  .video-react-volume-menu-button {\n    display: ",";\n  }\n\n  ","\n"]);return w=function(){return e},e}function f(){let e=(0,v._)(["\n  height: 100%;\n  width: 100%;\n  background: rgba(255, 255, 255, 0.6);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"]);return f=function(){return e},e}let y=g.Ay.div(w(),e=>e.$videoHeight?"".concat(e.$videoHeight,"px"):"100%",e=>e.$hideFullscreen?"none !important":"flex",e=>e.$hideFullscreen?"none !important":"flex",e=>e.$hideControls?"\n		.video-react-big-play-button,\n		.video-react-control-bar {\n			display: none !important;\n		}\n	":"");g.Ay.div(f());let b=(0,s.memo)((0,s.forwardRef)((e,n)=>{let{src:t,downloadURL:i,coverImage:l,height:c,width:u,type:p,allowDownload:v,subtitleTracks:g=[],showControls:w=!0,muxVideoID:f=null}

1=e,[b,x]=(0,s.useState)(!1),[j,k]=(0,s.useState)(!1),S=(0,s.useRef)(null),T=S.current;(0,s.useEffect)(()=>{T&&!j&&k(!!T.canPlayType("application/vnd.apple.mpegurl"))},[S.current]);let A=e.src&&(e.src.includes("video_playlist")||e.src.includes(".m3u8"))&&e.src!==e.downloadURL,P=Number(c)>=600?600:c,C=(0,r.mU)(),R=["PlayPause"];return C||(R.push("Seek"),R.push("Time"),R.push("Volume"),R.push("Fullscreen")),(0,o.jsx)(y,{className:"VideoWrapper",$videoHeight:c&&u?P:null,$hideFullscreen:!!C,$hideControls:!w,ref:n,children:(0,o.jsxs)(d.ai,{crossOrigin:"true",playsInline:!C,autoPlay:!1,fluid:!1,width:"100%",controls:R,poster:l,className:"TheVideo",ref:S,preload:"metadata",aspectRatio:"auto",src:t,onLoadedData:()=>{x(!0)},children:[A&&!j?(0,o.jsx)(m,{isVideoChild:!0,src:t,video:T,type:p}):(0,o.jsx)("source",{src:t||i}),g.length?g.map((e,n)=>(0,o.jsx)("track",{src:"".concat(e.src,"?").concat(Date.now()),srcLang:e.language_code,kind:e.closed_captions?"captions":"subtitles",label:e.name,default:0===n},e.id)):null,(0,o.jsxs)(d.hf,{children:[(0,o.jsx)(d.WQ,{order:2,vertical:(0,r.Fr)()}),(0,o.jsx)(d.LV,{rates:[2,1.5,1.25,1,.75,.5],order:7.1}),g.length?(0,o.jsx)(d.j$,{order:8}):null,v?f?(0,o.jsx)(a.ZQ,{id:f,downloadURL:i,order:6.1,renderButton:e=>{let{onClick:n,isLoading:t}=e;return(0,o.jsx)(h,{downloadURL:i,onClick:()=>n({downloadVideo:!0}),loading:t,className:"video-react-control video-react-button"})}}):(0,o.jsx)(h,{order:6.1,downloadURL:i,className:"video-react-control video-react-button"}):null]})]})})}),(e,n)=>{var t,o;return e.coverImage===n.coverImage&&e.allowDownload===n.allowDownload&&e.src===n.src&&e.downloadURL===n.downloadURL&&(null==(t=e.subtitleTracks)?void 0:t.length)===(null==(o=n.subtitleTracks)?void 0:o.length)&&e.height===n.height&&e.width===n.width&&!0});b.displayName="VideoPlayer",b.propTypes={src:l().string.isRequired,type:l().string,coverImage:l().string,downloadable:l().bool,showControls:l().bool,muxVideoID:l().string,allowDownload:l().bool,subtitleTracks:l().array,height:l().number,width:l().number};var x=b}}]);
2//# sourceMappingURL=VideoPlayer.a4a0f0bea9.js.map