https://www.haven.com/assets-cms/v3321.1.0-8d04076-36441871613/_next/static/chunks/1481.f334a29e763d90fe.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1481,4971],{4216:(e,t,l)=>{"use strict";l.d(t,{g:()=>v});var n=l(95155),r=l(12115);function u(){try{let e=window.localStorage;if(!e)return!1;let t="__storage_test__";return e.setItem(t,t),e.removeItem(t),!0}catch(e){return!1}}let a=function(e,t){let[l,n]=(0,r.useState)(()=>(function(e,t){if(!u())return t;try{let l=window.localStorage.getItem(e);return l?JSON.parse(l):t}catch(e){return t}})(e,t));return(0,r.useEffect)(()=>{u()&&localStorage.setItem(e,JSON.stringify(l))},[e,l]),[l,n]};var o=l(40370),s=l(5593),i=l(6825);let c="STOP_VIDEO",d=[25,50,75,100],m=(e,t)=>{if(!(null==e?void 0:e.duration)||isNaN(e.currentTime)||!t)return;let l=e.duration-e.currentTime,n=Math.floor(l/60),r=Math.floor(l-60*n),u=n.toString().padStart(2,"0"),a=r.toString().padStart(2,"0");t.textContent=`${u}:${a}`},v=e=>{let{video:t,poster:l,track:u,loop:v,autoPlay:f,containerClassName:b,className:p,showTimer:x=!1,showMute:h=!0,muted:k=!1,fill:E="cover",mixBlend:y=!1,videoRef:C,onPlay:S,onPause:j,onEnded:g,onMilestone:N}=e,T=(0,r.useRef)(null),w=C||T,I=(0,r.useRef)(null),[_,F]=(0,r.useState)(f||!1),O=(0,r.useRef)(_);O.current=_;let[R,L]=a("userPreferences/muteVideo",k),[A,P]=(0,r.useState)(!1),[V,q]=(0,r.useState)(d),z=(0,r.useCallback)(()=>{w.current&&O.current&&(w.current.pause(),F(!1))},[w]),M=(0,r.useCallback)(()=>{(null==w?void 0:w.current)&&(w.current.paused?(document.dispatchEvent(new CustomEvent(c)),w.current.play(),F(!0)):(w.current.pause(),null==j||j(),F(!1)))},[w,j]),U=(0,r.useCallback)(()=>{!v&&(null==w?void 0:w.current)&&(F(!1),w.current.currentTime=0,q(d),null==g||g())},[v,w,g]),$=(0,r.useCallback)(()=>{var e,t;x&&m(null==w?void 0:w.current,null==I?void 0:I.current),N&&Math.ceil(((null==(e=null==w?void 0:w.current)?void 0:e.currentTime)||1)/((null==(t=null==w?void 0:w.current)?void 0:t.duration)||1)*100)>=V[0]&&(N(V[0]),q(e=>{let[,...t]=e;return t||[]}))},[x,w,N,V]);return((0,r.useEffect)(()=>{(null==w?void 0:w.current)&&!w.current.onended&&(w.current.onended=U),(null==w?void 0:w.current)&&(w.current.ontimeupdate=$)},[w,U,$]),(0,r.useEffect)(()=>{let e=w.current;if(!e)return;let t=()=>{let t;P(!!(t=document)&&(!!t.fullscreenEnabled||!!t.mozFullScreenEnable||!!t.webkitFullscreenEnabled||!!t.msFullscreenEnabled||null!=e&&!!e.webkitSupportsFullscreen))};return t(),e.addEventListener("loadedmetadata",t),()=>e.removeEventListener("loadedmetadata",t)},[w]),(0,r.useEffect)(()=>(document.addEventListener(c,z),()=>{document.removeEventListener(c,z)}),[z]),(0,r.useEffect)(()=>{let e=w.current;if(!e)return;let t=()=>L(e.muted);return e.addEventListener("volumechange",t),()=>e.removeEventListener("volumechange",t)},[w,L]),t)?(0,n.jsxs)("div",{className:(0,o.cn)("box-border relative",b),children:[(0,n.jsxs)("video",{ref:w,className:(0,o.cn)("box-border w-full object-cover","contain"===E&&"object-contain",p),loop:v,poster:l,muted:R,autoPlay:f,playsInline:!0,onPlay:()=>{F(!0),null==S||S()},onLoadedMetadata:()=>{x&&m(null==w?void 0:w.current,null==I?void 0:I.current)},children:[(0,n.jsx)("source",{src:t,type:"video/mp4"}),(0,n.jsx)("track",{src:u,kind:"captions",srcLang:"en",label:"English"})]}),(0,n.jsxs)("button",{type:"button",className:"appearance-none absolute inset-0 flex items-center justify-center border-0 bg-transparent cursor-pointer",onClick:M,children:[_?null:(0,n.jsx)("span",{className:"bg-white p-4 rounded-full text-pebble-900",children:(0,n.jsx)(i.A,{size:32,name:"play-fill",colourise:!0})}),(0,n.jsx)("span",{className:"sr-only",children:_?"Pause":"Play"})]}),(0,n.jsx)("div",{}),(0,n.jsxs)("div",{className:(0,o.cn)("box-border absolute bottom-3 right-3 flex gap-2",y&&"mix-blend-difference"),children:[h?(0,n.jsx)(s.Ay,{onClick:()=>{L(!R)},className:"rounded-full",iconOnly:!0,iconSize:"medium",title:R?"Unmute":"Mute",icon:R?"sound-off":"sound-on",theme:"overlay"}):null,A&&(0,n.jsx)(s.Ay,{onClick:()=>{var e;(null==w?void 0:w.current)&&((e=w.current).requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.webkitEnterFullScreen&&e.webkitEnterFullScreen())},className:"rounded-full",iconOnly:!0,iconSize:"medium",title:"Full Screen",icon:"expand",theme:"overlay"})]}),x?(0,n.jsx)("div",{className:"box-border absolute bottom-3 left-3 min-w-14 bg-black/75 rounded-xl px-3 text-white",children:(0,n.jsx)("span",{ref:I,"aria-label":"timer",role:"timer",children:"00:00"})}):null]}):null}},49731:(e,t,l)=>{"use strict";l.d(t,{m:()=>r});var n=l(12115);let r=(e,t)=>{(0,n.useEffect)(()=>{function l(l){l.key===e&&t()}return window.addEventListener("keyup",l),()=>window.removeEventListener("keyup",l)},[t,e])}},55737:e=>{e.exports={videoThumb:"VideoThumbOverlay_videoThumb__KtTxT"}},64971:(e,t,l)=>{"use strict";l.r(t),l.d(t,{VideoPlayer:()=>v,default:()=>f});var n=l(95155),r=l(12115),u=l(4216),a=l(13702),o=l(93482),s=l(68064),i=l(4294),c=l(47291),d=l(77894);let m=s.Ik({event:s.eu(o.oA.VISITOR_INTERACTION),interactionName:s.eu(o.G4.VIDEO_CLICK),linkAction:s.KC([s.k5(o.EV),s.Yj().regex(/^reached \d+%$/)]),linkUrl:s.Yj().transform(d.yZ),linkTitle:s.Yj().optional().transform(d.i),videoTag:c.gb.optional(),videoCategory:c.Ih.optional()}),v=e=>{let{videoTag:t,videoCategory:l,video:s,title:c,...d}=e,v=(0,r.useCallback)(e=>{(0,a.analytics)((e=>{let{action:t,url:l,title:n,videoTag:r,videoCategory:u}=e;return(0,i.$)(m,{event:o.oA.VISITOR_INTERACTION,interactionName:o.G4.VIDEO_CLICK,linkAction:t,linkUrl:l,linkTitle:n,videoTag:r,videoCategory:u})})({action:e,url:s,title:c,videoTag:t,videoCategory:l}))},[s,c,t,l]),f=(0,r.useCallback)(()=>v(o.EV.PLAY),[v]),b=(0,r.useCallback)(()=>v(o.EV.PAUSE),[v]),p=(0,r.useCallback)(e=>v(`reached ${e}%`),[v]);return(0,n.jsx)(u.g,{...d,video:s,title:c,onPlay:f,onPause:b,onMilestone:p})},f=v},91481:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>d});var n=l(95155),r=l(12115),u=l(30683),a=l(98382),o=l(49731),s=l(64971),i=l(55737),c=l.n(i);let d=e=>{var t;let{video:l,imageProfile:i,title:d}=e,[m,v]=(0,r.useState)(!1),f=()=>v(!1);(0,o.m)("Escape",f);let{posterImage:b}=l||{};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("a",{onClick:()=>v(()=>!0),className:c().videoThumb,children:(0,n.jsx)(u.z,{url:null!=(t=null==b?void 0:b.url)?t:"",alt:(null==b?void 0:b.altText)||d,profiles:i,focusType:null==b?void 0:b.focusArea,lazy:!0})}),l&&m?(0,n.jsx)(a.a,{isOpen:!0,onClose:f,primaryCtaOnClick:f,primaryCtaText:"Close",title:d,children:(0,n.jsx)(s.default,{containerClassName:"h-full",className:"h-full w-full",video:l.videoUrl||"",muted:!0,autoPlay:!0,mixBlend:!0,fill:"contain"})}):null]})}}}]);