https://handstandapp.web.app/_next/static/chunks/pages/media/components/VideoPlayer-f73bcafcf89bda56.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="51ac288e-0da0-4c85-bb95-d87c4caa1bc7",e._sentryDebugIdIdentifier="sentry-dbid-51ac288e-0da0-4c85-bb95-d87c4caa1bc7")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1356,4554,4581],{11759:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/media/components/VideoPlayer",function(){return i(84554)}])},41082:function(e,t){"use strict";t.Z={src:"/_next/static/media/backIcon.aaec3f5e.svg",height:24,width:24,blurWidth:0,blurHeight:0}},87495:function(e,t){"use strict";t.Z={src:"/_next/static/media/forwardIcon.f4b0ea03.svg",height:24,width:24,blurWidth:0,blurHeight:0}},80096:function(e,t){"use strict";t.Z={src:"/_next/static/media/muteIcon.96b31b3f.svg",height:24,width:24,blurWidth:0,blurHeight:0}},91521:function(e,t){"use strict";t.Z={src:"/_next/static/media/pauseIcon.105d45ad.svg",height:24,width:24,blurWidth:0,blurHeight:0}},51196:function(e,t){"use strict";t.Z={src:"/_next/static/media/playIcon.2f7088b1.svg",height:24,width:24,blurWidth:0,blurHeight:0}},22324:function(e,t){"use strict";t.Z={src:"/_next/static/media/volumeOnIcon.ed8e7db4.svg",height:20,width:20,blurWidth:0,blurHeight:0}},84343:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return d}});var r=i(85893),n=i(92022),l=i(33367);i(67294);var s=i(25675),c=i.n(s),a={src:"/_next/static/media/checkMarkIcon.f3b16b9b.svg",height:15,width:15,blurWidth:0,blurHeight:0},d=e=>{let{isCompleted:t,postCall:i}=e;return(0,r.jsx)(n.Z,{sx:{backgroundColor:t?"#08B475":"rgba(0, 0, 0, 0.1)",border:"0.98px solid white",height:"32px",width:"32px"},children:(0,r.jsx)(l.Z,{"aria-label":"complete",onClick:async()=>{try{t||i()}catch(e){console.log("Failed to mark media as complete, ",e)}},children:(0,r.jsx)(c(),{src:a,alt:"check",style:{height:"13px",width:"16px",color:"white"}})})})}},76815:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return x}});var r=i(85893),n=i(88949),l=i(40417),s=i(80158),c=i(92022),a=i(33367),d={src:"/_next/static/media/filledHeartIcon.90d22ce3.svg",height:17,width:16,blurWidth:0,blurHeight:0},o={src:"/_next/static/media/heartIcon.695e9853.svg",height:17,width:16,blurWidth:0,blurHeight:0};i(67294);var h=i(25675),u=i.n(h),x=e=>{let{isFavorite:t,uid:i,docId:h,postCall:x}=e,p=(0,s.TL)(),g=async()=>{let e=await (0,n.qk)({userId:i,wait:!0});p((0,l.xs)(e))};return(0,r.jsx)(c.Z,{sx:{backgroundColor:"rgba(0, 0, 0, 0.1)",border:"0.98px solid white",height:"32px",width:"32px"},children:(0,r.jsx)(a.Z,{"aria-label":"like",onClick:async()=>{try{t?(0,n.D8)({userId:i,mediaId:h}).then(()=>{g()}):(0,n.lU)({userId:i,mediaId:h}).then(()=>{g()}),x()}catch(e){x(),console.log("Failed to update favorite, ",e)}},children:t?(0,r.jsx)(u(),{src:d,alt:"fav",style:{height:"16px",width:"16px",color:"white"}}):(0,r.jsx)(u(),{src:o,alt:"fav",style:{height:"16px",width:"16px",color:"white"}})})})}},84554:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return j}});var r=i(85893),n=i(67294),l=i(93041),s=i(14440),c=i(35465),a=i(33367),d=i(94246),o=i(82749),h=i(41082),u=i(87495),x=i(80096),p=i(51196),g=i(91521),f=i(22324),m={src:"/_next/static/media/fullScreenIcon.3c468f0c.svg",height:24,width:24,blurWidth:0,blurHeight:0},b=i(76815),w=i(84343),v=i(25675),E=i.n(v);let y=e=>"".concat(String(Math.floor(e/60)).padStart(2,"0"),":").concat(String(Math.floor(e%60)).padStart(2,"0"));var j=e=>{let{locked:t,src:i,onVideoEnded:v,posterUrl:j,primaryColor:Z,media:I,onCompleteCallBack:k,onPlayCallBack:_,firebaseUserId:S,isFavourite:C,isCompleted:L,width:H,heightMobile:W,heightDesktop:N,heightTablet:P,isUnderDialog:M,showActions:B=!0}=e,F=(0,n.useRef)(null),[T,D]=(0,n.useState)(!1),[q,O]=(0,n.useState)(1),[R,z]=(0,n.useState)(0),[A,U]=(0,n.useState)(0),[V,X]=(0,n.useState)(null!=C&&C);(0,n.useEffect)(()=>{if(t)return;let e=F.current;if(e){let t=()=>{e&&(e.style.objectFit="contain")};if(l.ZP.isSupported()){let r=new l.ZP;return r.loadSource(i),r.attachMedia(e),r.on(l.ZP.Events.MANIFEST_PARSED,()=>{}),e.addEventListener("ended",G),e.addEventListener("timeupdate",J),e.addEventListener("loadedmetadata",K),e.addEventListener("fullscreenchange",t),()=>{r.destroy(),e.removeEventListener("fullscreenchange",t),e.removeEventListener("ended",G),e.removeEventListener("timeupdate",J),e.removeEventListener("loadedmetadata",K)}}if(e.canPlayType("application/vnd.apple.mpegurl"))return e.src=i,e.addEventListener("ended",G),e.addEventListener("timeupdate",J),e.addEventListener("loadedmetadata",K),e.addEventListener("fullscreenchange",t),()=>{e.removeEventListener("fullscreenchange",t),e.removeEventListener("ended",G),e.removeEventListener("timeupdate",J),e.removeEventListener("loadedmetadata",K)}}},[i]);let G=()=>{!t&&(document.fullscreenElement&&document.exitFullscreen().catch(e=>console.error(e)),v&&v())},J=()=>{if(t)return;let e=F.current;e&&z(e.currentTime)},K=()=>

1{if(t)return;let e=F.current;e&&U(e.duration)};return I&&(0,r.jsxs)(s.Z,{className:"relative",sx:{maxWidth:H,"@media (max-width: 600px)":{height:null!=W?W:"200px"},"@media (min-width: 601px) and (max-width: 960px)":{height:null!=P?P:"300px"},"@media (min-width: 961px)":{height:null!=N?N:"400px"}},children:[(0,r.jsx)("video",{ref:F,controls:!1,disablePictureInPicture:!0,poster:j,style:{width:H,height:"100%",borderRadius:"16px",objectFit:"cover"},className:"w-full bg-black object-cover"}),(0,r.jsxs)(s.Z,{className:"absolute bottom-0 left-0 right-0",sx:{p:M?"8px":"24px",display:"flex",flexDirection:M?"column":"row",alignItems:"center"},children:[(0,r.jsxs)(c.Z,{direction:"row",spacing:.5,children:[(0,r.jsx)(a.Z,{onClick:()=>{if(t)return;let e=F.current;e&&(e.currentTime-=10)},sx:{p:0},children:(0,r.jsx)(E(),{src:h.Z,alt:"back",style:{height:"24px",width:"24px",color:"#E5E7EB"}})}),(0,r.jsx)(a.Z,{onClick:()=>{if(t)return;let e=F.current;e&&(e.paused?(0===R&&_&&_(),e.style.objectFit="contain",e.play()):e.pause(),D(!e.paused))},sx:{p:0},children:T?(0,r.jsx)(E(),{src:g.Z,alt:"play",style:{height:"24px",width:"24px",color:"#E5E7EB"}}):(0,r.jsx)(E(),{src:p.Z,alt:"play",style:{height:"24px",width:"24px",color:"#E5E7EB"}})}),(0,r.jsx)(a.Z,{onClick:()=>{if(t)return;let e=F.current;e&&(e.currentTime+=10)},sx:{p:0},children:(0,r.jsx)(E(),{src:u.Z,alt:"back",style:{height:"24px",width:"24px",color:"#E5E7EB"}})})]}),(0,r.jsxs)(s.Z,{sx:{display:"flex",flexDirection:"row",alignItems:"center",flex:1},children:[(0,r.jsxs)(c.Z,{direction:"row",alignItems:"center",spacing:1.5,sx:{flex:1,mx:2},children:[(0,r.jsx)(d.Z,{sx:{color:"#E5E7EB",fontSize:"12.6px",fontWeight:500,lineHeight:"30.24px"},children:y(R)}),(0,r.jsx)(o.ZP,{min:0,max:A,value:R,onChange:(e,i,r)=>{if(t)return;let n=F.current;n&&(n.currentTime=Number(i),z(n.currentTime))},sx:{width:M?"40px":void 0,flex:1,"& .MuiSlider-track":{border:"none",color:Z},"& .MuiSlider-thumb":{height:"15px",width:"15px",backgroundColor:"white","&:hover":{boxShadow:"0 0 0 0px rgba(0, 0, 0, 0)"}},"& .MuiSlider-rail":{height:"5px",color:"lightgrey"}}}),(0,r.jsx)(d.Z,{sx:{color:"#E5E7EB",fontSize:"12.6px",fontWeight:500,lineHeight:"30.24px"},children:y(A)})]}),(0,r.jsxs)(c.Z,{spacing:1,direction:"row",alignItems:"center",children:[0===q?(0,r.jsx)(E(),{src:x.Z,alt:"muted",style:{height:"24px",width:"24px",color:"#E5E7EB"}}):(0,r.jsx)(E(),{src:f.Z,alt:"volumeUp",style:{height:"24px",width:"24px",color:"#E5E7EB"}}),(0,r.jsx)(o.ZP,{"aria-label":"Volume",value:q,min:0,max:1,step:.01,onChange:(e,i,r)=>{if(t)return;let n=F.current;n&&(n.volume=Number(i),O(n.volume))},sx:{width:M?"20px":"72.91px","& .MuiSlider-track":{border:"none",color:Z},"& .MuiSlider-thumb":{height:"15px",width:"15px",backgroundColor:"white","&:hover":{boxShadow:"0 0 0 0px rgba(0, 0, 0, 0)"}},"& .MuiSlider-rail":{height:"5px",color:"lightgrey"}}})]}),(0,r.jsx)(a.Z,{onClick:()=>{if(t)return;let e=F.current;e&&e.requestFullscreen&&e.requestFullscreen()},sx:{p:0,pl:"16px"},children:(0,r.jsx)(E(),{src:m,alt:"fullscreen",style:{height:"24px",width:"24px",color:"#E5E7EB"}})})]})]}),I.docId&&B&&(0,r.jsx)(s.Z,{className:"absolute top-0 right-0 w-full",sx:{p:"24px",width:{width:H},display:"flex",flexDirection:"row-reverse",alignItems:"center"},children:!t&&(0,r.jsxs)(c.Z,{spacing:"8px",direction:"row",children:[(0,r.jsx)(b.default,{postCall:()=>{X(!V)},isFavorite:V,docId:I.docId,uid:S}),(0,r.jsx)(w.default,{postCall:()=>{k&&k()},isCompleted:null!=L&&L})]})})]})}}},function(e){e.O(0,[9412,2749,2888,9774,179],function(){return e(e.s=11759)}),_N_E=e.O()}]);