https://jacobandco.com/_next/static/chunks/7745.476be38858bb3ea9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7745],{67745:(e,t,n)=>{"use strict";n.r(t),n.d(t,{VideoTextCompilation:()=>y});var l=n(23798),s=n(53524),r=n(21462),a=n(93051),i=n.n(a),o=n(79836),u=n(35965);let c=({index:e,total:t,title:n,body:a,isCovered:c})=>{let[d,p]=(0,r.useState)(null),[m,x]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!d)return;let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting?x(!0):x(!1)})});return e.observe(d),()=>{e.disconnect()}},[d]),(0,r.useEffect)(()=>{let e;if(!d||!m||c)return;let t=window.innerHeight,n=d.querySelector(".js-ui-numeral"),l=d.querySelector(".js-ui-header"),s=d.querySelector(".js-ui-paragraph"),r=new u.SplitText(n,{type:"lines",linesClass:i().gsapLines}),{words:a}=new u.SplitText([l],{type:"words",wordsClass:i().gsapChars}),o=[r,a.map(e=>{let t=e.cloneNode(!0),n=document.createElement("div");return n.setAttribute("aria-hidden","true"),n.classList.add(i().gsapLines),n.appendChild(t),t instanceof HTMLElement&&e.replaceWith(n),n.firstChild})],p=0,x=()=>{let n=d.getBoundingClientRect(),l=window.innerHeight;if(Math.floor(n.top)>l||0>Math.ceil(n.bottom))return;let r=Math.max(0,Math.min(1-n.top/(.75*window.innerHeight),1));if(1===p&&1===r){e=requestAnimationFrame(x);return}p=r,o.flatMap(e=>{(e instanceof u.SplitText?e.lines:e).forEach(e=>{e instanceof HTMLElement&&(e.style.opacity=`${r}`,e.style.transform=`translate3d(0, ${.1*t*(1-r)}

1px, 0)`)}),s instanceof HTMLElement&&(s.style.opacity=`${r}`,s.style.transform=`translate3d(0, ${.1*t*(1-r)}px, 0)`,s.style.setProperty("--gradient",`${100*r}%`))}),e=requestAnimationFrame(x)};return x(),()=>{e&&cancelAnimationFrame(e),o.forEach(e=>{e instanceof u.SplitText?e.revert():e.forEach(e=>{e?.parentElement?.replaceWith(e.textContent||"")})})}},[d,m,c]),(0,l.jsxs)("div",{className:(0,s.A)(i().text,"js-ui-title-content"),ref:p,children:[(0,l.jsxs)("p",{className:(0,s.A)(i().textCounter,"js-ui-numeral"),"aria-label":`${(e+1).toString()} of ${t.toString()}`,children:[(0,o.M)(e+1),(0,l.jsx)("span",{className:i().textCounterSmall,children:"of"}),(0,o.M)(t)]}),(0,l.jsx)("h3",{className:(0,s.A)(i().textHeader,"js-ui-header"),tabIndex:0,"aria-label":n,children:n}),(0,l.jsx)("p",{className:(0,s.A)(i().textParagraph,"js-ui-paragraph"),tabIndex:0,children:a})]})};var d=n(42238),p=n(69478),m=n(94268);let x=({setAsPlayed:e,className:t,video:a,showMuteToggle:o,loop:u=!1,contain:c=!1,isCovered:x})=>{let[h,y]=(0,r.useState)(!0),_=(0,r.useCallback)(()=>{y(!0)},[]),{observe:f}=(0,d.W)({onLeave:_,rootMargin:"25% 0px 25% 0px"}),v=(0,r.useRef)(null),[j,g]=(0,r.useState)(null),[w,b]=(0,r.useState)(!0),[E,N]=(0,r.useState)(!0);(0,r.useEffect)(()=>{if(!j)return;let e=!1;return(async()=>{let{default:t}=await n.e(7957).then(n.t.bind(n,99297,23));e||(v.current=t.loadAnimation({container:j,renderer:"svg",loop:!0,autoplay:!1,path:"/assets/lottie/audio.json"}))})(),()=>{e=!0,v.current?.destroy(),v.current=null}},[j]),(0,r.useEffect)(()=>{v.current&&(h?v.current.pause():v.current.play())},[v,h]);let C=(0,r.useCallback)(()=>{e&&e()},[e]);return(0,r.useEffect)(()=>{let e=0,t=()=>{let t=window.scrollY||document.documentElement.scrollTop;t===e||(t>e?N(!0):N(!1)),e=t<=0?0:t};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t)}},[]),(0,l.jsxs)("div",{ref:f,className:(0,s.A)(c?i()["player-contain"]:i()["player-cover"],i().player),children:[(0,l.jsx)(p.L,{content:a,className:t,muted:h||x,loop:u,onPlay:C,playVideo:w}),o?(0,l.jsxs)("div",{className:i().muteButton,children:[(0,l.jsx)("button",{onClick:()=>{y(!h)},className:i().muteButtonNative,children:h?"Unmute":"Mute"}),(0,l.jsx)("div",{ref:g,className:i().muteButtonIcon}),(0,l.jsx)("p",{className:i().muteButtonLabel,children:h?"UNMUTE":"MUTE"})]}):null,(0,l.jsx)("button",{title:"Play/pause video",className:(0,s.A)(i().playButton,{[i().first]:!1===E}),onClick:()=>{b(!w)},children:w?(0,l.jsx)(m.v,{}):(0,l.jsx)(m.j,{})})]})};var h=n(68898);let y=({visibility:e,content:t})=>{let n=(0,h.U)("(min-width: 690px)"),a=t.flatMap((e,t)=>0===t?[!1]:[!1,!1]),[o,u]=(0,r.useState)([!0,...a]),[d,p]=(0,r.useState)(),m=(0,r.useCallback)((e,t)=>{u(n=>{let l=[...n];return l[e]=t,l})},[]);return((0,r.useEffect)(()=>{if(!d)return;let e=new IntersectionObserver(e=>{e.forEach(e=>{let t=e.target;t instanceof HTMLElement&&m(d.indexOf(t),e.isIntersecting)})});return d.forEach(t=>{e.observe(t)}),()=>{e.disconnect()}},[d,m]),!n&&"desktop"===e||n&&"mobile"===e)?null:(0,l.jsx)("section",{children:t.map((e,n)=>{let{loopVideo:a}=e,u=a||!1,{displayMuteToggle:d}=e;return(0,l.jsxs)(r.Fragment,{children:[(0,l.jsx)("div",{className:i().video,style:{visibility:o[2*n+2]?"hidden":o[2*n]?"visible":"hidden"},ref:e=>{e&&p(t=>{let l=t||[];return l[2*n]=e,l})},children:(0,l.jsx)(x,{video:e.video.video,loop:u,autoPlay:u,showMuteToggle:d||!1,className:i().videoPlayer,isCovered:!0===o[2*n+2]})}),(0,l.jsx)("div",{ref:e=>{e&&p(t=>{let l=t||[];return l[2*n+1]=e,l})},className:(0,s.A)(i().text,"js-ui-title-content"),style:{visibility:o[2*n+3]?"hidden":o[2*n+1]?"visible":"hidden"},children:(0,l.jsx)(c,{index:n,body:e.body,title:e.title,total:t.length,isCovered:!0===o[2*n+3]})})]},`video-text-complication-${e.id}`)})})}},93051:e=>{e.exports={video:"style_video__FUHGB",videoPlayer:"style_videoPlayer__eQNxR",text:"style_text__INPd4",textHeader:"style_textHeader__PR1Rm",textParagraph:"style_textParagraph__vIoxY",gsapLines:"style_gsapLines__iN9UN",gsapChars:"style_gsapChars__2MkRp",textCounter:"style_textCounter__Yj2hr",textCounterSmall:"style_textCounterSmall__G1X5k","player-cover":"style_player-cover__wHvpu","player-contain":"style_player-contain__6EUpB",player:"style_player__jtu0_",muteButton:"style_muteButton__KsHji",muteButtonNative:"style_muteButtonNative__3xupu",muteButtonIcon:"style_muteButtonIcon__NpwnE",muteButtonLabel:"style_muteButtonLabel__AnrqO",playButton:"style_playButton__QznED",first:"style_first__vA08Z"}},94268:(e,t,n)=>{"use strict";n.d(t,{j:()=>s,v:()=>r});var l=n(23798);let s=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 21",fill:"none",children:(0,l.jsx)("path",{d:"M17.4637 10.1774L0.349305 20.0585L0.349306 0.296421L17.4637 10.1774Z",fill:"#fff"})}),r=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 7 10",fill:"none",children:(0,l.jsx)("path",{d:"M1.68774 0.818115L1.68774 9.95428M5.05493 0.818115L5.05493 9.95428",stroke:"white",strokeWidth:"2"})})}}]);