https://mitradeid.com/_next/static/chunks/4912-2f0a44bc6283c2d1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4912],{74912:function(e,n,r){"use strict";r.d(n,{P:function(){return PictureInPicture}});var o=r(50959),t=r(29934),i=r.n(t),c=r(26706),a=r.n(c),l={src:"/_next/static/media/mute.6b22f14f.svg",height:48,width:48,blurWidth:0,blurHeight:0},u={src:"/_next/static/media/play.497e0777.svg",height:64,width:64,blurWidth:0,blurHeight:0},s={src:"/_next/static/media/pause.c61b510a.svg",height:64,width:64,blurWidth:0,blurHeight:0},d={src:"/_next/static/media/close.4a405cb2.svg",height:20,width:20,blurWidth:0,blurHeight:0},p={src:"/_next/static/media/play.45a416ac.gif",height:96,width:96,blurWidth:0,blurHeight:0},g=r(39276),P=r.n(g),f=r(11527),PictureInPicture=function(e){var n=e.videoSrc,r=e.enablePip,t=void 0===r||r,c=e.showSoundBtn,g=e.autoPlay,h=void 0===g||g,_=e.loop,v=void 0===_||_,b=e.muted,y=e.controls,m=e.className,k=void 0===m?"":m,C=e.pipWidth,x=e.onVideoReady,I=e.onPiPChange,w=e.posterSrc,S=(0,o.useRef)(null),E=(0,o.useRef)(null),M=(0,o.useRef)(null),V=(0,o.useRef)(null),R=(0,o.useRef)(null),N=(0,o.useState)(!1),D=N[0],j=N[1],B=(0,o.useState)(!1),T=B[0],U=B[1],O=(0,o.useState)(!1),H=O[0],A=O[1],W=(0,o.useState)(!1),z=W[0],L=W[1],Z=(0,o.useState)(null),F=(Z[0],Z[1]),K=(0,o.useState)(!1),Q=K[0],X=K[1],q=(0,o.useState)({x:0,y:0}),J=q[0],Y=q[1],G=(0,o.useState)(!1),$=G[0],ee=G[1],en=(0,o.useState)(!1),er=en[0],eo=en[1],et=(0,o.useState)(!1),ei=et[0],ec=et[1],ea=(0,o.useState)(!1),el=ea[0],eu=ea[1],es=(0,o.useCallback)(function(){var e=!$;ee(e),e?(ec(!0),S.current&&(S.current.muted=!1),console.log("User actively enabled sound, video starts playing")):(S.current&&(S.current.muted=!0),console.log("User actively disabled sound, video muted"))},[$]),ed=(0,o.useCallback)(function(e){console.log("Start dragging Picture-in-Picture"),eo(!0),e.stopPropagation()},[]),ep=(0,o.useCallback)(function(e,n){Y({x:n.x,y:n.y}),e.stopPropagation()},[]),eg=(0,o.useCallback)(function(e,n){console.log("Drag ended, final position:",{x:n.x,y:n.y}),Y({x:n.x,y:n.y}),e.stopPropagation(),setTimeout(function(){eo(!1)},50)},[]),eP=(0,o.useCallback)(function(){S.current&&!S.current.paused&&(S.current.pause(),A(!1)),E.current&&!E.current.paused&&(E.current.pause(),U(!1))},[]),ef=(0,o.useCallback)(function(){if(console.log("Execute show Picture-in-Picture"),!S.current){console.log("Main video reference does not exist, cannot show Picture-in-Picture");return}if(el){console.log("User has disabled Picture-in-Picture, skip showing");return}try{j(!0);var e=S.current.currentTime,n=!S.current.paused;setTimeout(function(){E.current?(E.current.currentTime=e,n?E.current.play().then(function(){U(!0),null==I||I(!0)}).catch(function(e){console.error("Picture-in-Picture playback failed:",e),F("Picture-in-Picture playback failed")}):null==I||I(!0)):console.error("Picture-in-Picture video element not found")},50)}catch(e){console.error("Error showing Picture-in-Picture:",e)}},[I,el]),eh=(0,o.useCallback)(function(){if(console.log("Execute hide Picture-in-Picture"),!E.current||!S.current){console.log("Video reference does not exist, cannot hide Picture-in-Picture");return}try{var e=!E.current.paused;E.current.pause(),U(!1),j(!1),null==I||I(!1),Y({x:0,y:0}),e&&S.current.play().then(function(){A(!0)}).catch(function(e){console.error("Main video resume playback failed:",e)})}catch(e){console.error("Error hiding Picture-in-Picture:",e)}},[I]),e_=(0,o.useCallback)(function(e){if(e&&(e.preventDefault(),e.stopPropagation()),er){console.log("Dragging, ignore close click");return}if(console.log("Close Picture-in-Picture"),j(!1),X(!0),eu(!0),E.current&&!E.current.paused&&(E.current.pause(),U(!1),S.current)){var n=ei&&$;S.current.muted=!n,S.current.play().catch(console.error),A(!0),console.log("Manually closed Picture-in-Picture, main video resumed playback, sound state:",n?"with sound":"muted")}null==I||I(!1)},[I,ei,$,er,eu]),ev=(0,o.useCallback)(function(e){if(e&&(e.preventDefault(),e.stopPropagation()),er){console.log("Dragging, ignore play/pause click");return}E.current&&(T?(E.current.pause(),U(!1),console.log("Picture-in-Picture paused")):E.

1current.play().then(function(){U(!0),console.log("Picture-in-Picture playing")}).catch(function(e){console.error("Picture-in-Picture playback failed1:",e)}))},[T,er]),eb=(0,o.useCallback)(function(){if(!t){console.log("Picture-in-Picture functionality disabled, skip viewport detection");return}if(!M.current){console.log("Container reference does not exist, cannot initialize viewport detection");return}console.log("Initialize viewport detection");var e=new IntersectionObserver(function(e){var n=e[0].isIntersecting;console.log("=== Viewport detection triggered ==="),console.log("Is video in viewport:",n),console.log("Current Picture-in-Picture state:",D),console.log("Main video playback state:",H),console.log("Autoplay setting:",h),console.log("Main video reference exists:",!!S.current),console.log("User disabled PiP:",el);var r=S.current&&!S.current.paused;if(console.log("Main video actual playback state:",r),n)console.log("Video enters viewport"),console.log("Hide Picture-in-Picture, resume main video"),eh();else{console.log("Video leaves viewport");var o=!D&&!Q&&!el&&(H||h||r||S.current&&S.current.readyState>=2);console.log("Should show Picture-in-Picture:",o),o?(console.log("Trigger show Picture-in-Picture"),ef()):console.log("Does not meet conditions to show Picture-in-Picture")}console.log("=== Viewport detection ended ===")},{threshold:.1,rootMargin:"0px"});e.observe(M.current),V.current=e,console.log("Viewport observer has been set")},[t,D,H,h,el,Q,eh,ef]),ey=(0,o.useCallback)(function(){console.log("Main video loaded"),L(!1),null==x||x()},[x]),em=(0,o.useCallback)(function(){console.log("Main video can play"),L(!1),h&&S.current&&S.current.play().then(function(){console.log("Main video autoplay successful"),A(!0)}).catch(function(e){console.error("Main video autoplay failed:",e)})},[h]),ek=(0,o.useCallback)(function(){console.log("Main video starts playing"),A(!0)},[]),eC=(0,o.useCallback)(function(){console.log("Main video paused"),A(!1)},[]),ex=(0,o.useCallback)(function(){console.log("Main video starts loading"),L(!0)},[]),eI=(0,o.useCallback)(function(){},[]),ew=(0,o.useCallback)(function(e){var n=e.currentTarget.error,r="Video loading failed";if(n)switch(n.code){case MediaError.MEDIA_ERR_ABORTED:r="Video loading aborted";break;case MediaError.MEDIA_ERR_NETWORK:r="Network error caused video loading failure";break;case MediaError.MEDIA_ERR_DECODE:r="Video decoding error";break;case MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:r="Unsupported video format or path";break;default:r="Unknown error (code: ".concat(n.code,")")}console.error("Video error:",r,n),F(r),L(!1)},[]);return(0,o.useEffect)(function(){return eb(),function(){var e=R.current;e&&clearInterval(e),V.current&&V.current.disconnect(),eP(),j(!1)}},[]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{ref:M,className:"".concat(a().container," ").concat(k),children:[z&&(0,f.jsx)("div",{className:a().loading,children:(0,f.jsx)("div",{className:a().spinner})}),(void 0===c||c)&&(0,f.jsx)("div",{className:a().playControlBtn,onClick:es,children:$?(0,f.jsx)(P(),{src:p,alt:"play",className:a().icon}):(0,f.jsx)(P(),{src:l,alt:"mute",className:a().icon})}),(0,f.jsx)("video",{ref:S,src:n,poster:w,autoPlay:h,loop:v,muted:void 0===b||b,controls:void 0!==y&&y,className:a().mainVideo,onLoadStart:ex,onLoadedData:ey,onCanPlay:em,onPlay:ek,onPause:eC,onTimeUpdate:eI,onError:ew,playsInline:!0,preload:"metadata",crossOrigin:"anonymous"})]}),(0,f.jsx)(i(),{position:J,onStart:ed,onDrag:ep,onStop:eg,handle:".pip-drag-handle",enableUserSelectHack:!1,scale:1,children:(0,f.jsxs)("div",{className:"".concat(a().pipContainer," ").concat(er?a().dragging:""," ").concat(D&&!el?a().pipVisible:""),style:{width:void 0===C?300:C},children:[(0,f.jsx)("video",{ref:E,src:n,loop:v,muted:!0,className:"".concat(a().pipVideo," pip-drag-handle"),onTimeUpdate:eI,onError:ew,playsInline:!0,preload:"metadata",crossOrigin:"anonymous"}),(0,f.jsxs)("div",{className:a().pipControls,children:[(0,f.jsx)(P(),{alt:"play-pause",src:T?s:u,className:a().playPauseBtn,onClick:ev}),(0,f.jsx)(P(),{alt:"close",src:d,className:a().closeBtn,onClick:e_})]})]})})]})}}

1,26706:function(e){e.exports={container:"PictureInPicture_container__ZQb7D",playControlBtn:"PictureInPicture_playControlBtn__79_aP",icon:"PictureInPicture_icon__SUHYK",mainVideo:"PictureInPicture_mainVideo__Ox6cq",loading:"PictureInPicture_loading__3Se7y",spinner:"PictureInPicture_spinner__CBRoT",spin:"PictureInPicture_spin__8V_1S",error:"PictureInPicture_error__B0XJD",pipContainer:"PictureInPicture_pipContainer__Cm9V9",pipVisible:"PictureInPicture_pipVisible___Lc49",pipControls:"PictureInPicture_pipControls__ZizFZ",dragging:"PictureInPicture_dragging__X7Ek4",pipVideo:"PictureInPicture_pipVideo__cRoQR",playPauseBtn:"PictureInPicture_playPauseBtn__4AC6h",closeBtn:"PictureInPicture_closeBtn__6bNcn",pipSlideIn:"PictureInPicture_pipSlideIn__m0r6r"}}}]);