https://cdn.mobikasa.com/_next/static/chunks/8781.ed7ddb0db19a7f62.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8781],{28781:(e,r,t)=>{t.r(r),t.d(r,{default:()=>s});var n=t(37876),u=t(14232),a=t(95062),c=t.n(a),o=t(89099);function l(e){let[r,t]=(0,u.useState)(!0),[a,c]=(0,u.useState)(!1),[l,s]=(0,u.useState)(!1),i=(0,u.useRef)(null),d=(0,u.useRef)(null),p=(0,u.useRef)(null),m=(0,o.useRouter)(),v=e.data,f=()=>{s(!1),t(!1),c(!0),p.current&&(clearTimeout(p.current),p.current=null),d.current&&(clearTimeout(d.current),d.current=null)},T=()=>{s(!0),t(!0),c(!1),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{t(!1),c(!0)},1200),d.current&&(clearTimeout(d.current),d.current=null)};return(0,u.useEffect)(()=>{let e=()=>{i.current&&(i.current.pause(),i.current.currentTime=0),s(!1),t(!0),c(!1)};return m.events.on("routeChangeStart",e),()=>{m.events.off("routeChangeStart",e)}},[m]),(0,u.useEffect)(()=>{if(!v?.videoLink){s(!1),t(!1),c(!1);return}if(v?.videoLink){s(!1),t(!0),c(!1);let e=setTimeout(()=>{i.current&&i.current.readyState>=2&&f()},800);return d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{i.current&&i.current.readyState<2&&T()},7e3),()=>{clearTimeout(e),d.current&&(clearTimeout(d.current),d.current=null),p.current&&(clearTimeout(p.current),p.current=null)}}},[v?.videoLink]),(0,u.useEffect)(()=>()=>{i.current&&(i.current.pause(),i.current.src=""),d.current&&(clearTimeout(d.current),d.current=null),p.current&&(clearTimeout(p.current),p.current=null)},[]),(0,n.jsxs)("div",{className:v?.deviceType,children:[r?(0,n.jsx)("div",{className:"video-loading",children:(0,n.jsx)("span",{className:"loader"})}):null,v?.videoLink?(0,n.jsxs)("video",{ref:i,loop:!0,muted:!0,autoPlay:!0,playsInline:!0,preload:"metadata",controls:!!v?.controls,poster:"/images/white-background.webp",onLoadedMetadata:f,onCanPlay:f,onCanPlayThrough:f,onLoadedData:f,onPlaying:f,onError:T,onStalled:T,onAbort:T,style:{opacity:+!!a,transition:"opacity 0.3s ease-in-out"},"data-video-error":l?"true":"false",children:[(0,n.jsx)("source",{src:v?.videoLink,type:"video/mp4"}),(0,n.jsx)("track",{kind:"captions",src:"/captions/blank.vtt",srcLang:"en",label:"English"}),"Your browser does not support the video tag."]},`${v?.videoLink}-${v?.deviceType||"default"}`):null]})}let s=l;l.propTypes={data:c().shape({videoLink:c().string,deviceType:c().string,controls:c().bool})}}}]);