https://www.issacompass.com/_next/static/chunks/9403.108ed43893279829.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4641,9403],{12548:(e,t,r)=>{"use strict";r.d(t,{is:()=>a,tR:()=>n,E4:()=>i,kp:()=>s,nU:()=>o});let n=JSON.parse('{"M":[{"id":"01","title":"Move to Thailand","durationSec":75,"posterSec":3},{"id":"07","title":"Applying for the DTV","durationSec":41,"posterSec":1},{"id":"04","title":"Was moving hard?","durationSec":41,"posterSec":3},{"id":"02","title":"Stay 5 years","durationSec":48,"posterSec":3},{"id":"05","title":"5-year visa for remote work","durationSec":55,"posterSec":6},{"id":"06","title":"Process it yourself","durationSec":121,"posterSec":26.5},{"id":"03","title":"5 Jahre in Thailand","durationSec":66,"posterSec":1},{"id":"08","title":"Back to Bangkok","durationSec":89,"posterSec":1},{"id":"12","title":"Visa changes in Thailand","durationSec":77,"posterSec":1},{"id":"09","title":"Issa Compass","durationSec":50,"posterSec":19.9},{"id":"11","title":"After Thailand","durationSec":19,"posterSec":6},{"id":"10","title":"Muay Thai","durationSec":72,"posterSec":1}]}').M.map(e=>({id:e.id,src:"/assets/videos/home/".concat(e.id,".mp4"),poster:"/assets/videos/home/".concat(e.id,".jpg"),title:e.title,durationSec:e.durationSec,posterSec:e.posterSec})),a=function(e){let t=new Map(n.map(e=>[e.id,e]));return e.map(e=>{let r=t.get(e);if(!r)throw Error('Homepage video "'.concat(e,'" is missing from home-videos.json'));return r})}(["07","09","06"]);function i(e){if(!Number.isFinite(e)||e<0)return"00:00";let t=Math.round(e),r=Math.floor(t/60),n=t%60,a=r<10?"0".concat(r):String(r),i=n<10?"0".concat(n):String(n);return"".concat(a,":").concat(i)}function o(e,t){return t<=0?0:(e%t+t)%t}function s(e,t,r){if(r<=0)return 0;let n=e-t,a=r/2;return n>a&&(n-=r),n<-a&&(n+=r),n}},41356:e=>{e.exports={stage:"video-carousel_stage__hjIqw",stageReduced:"video-carousel_stageReduced__MnM1j",card:"video-carousel_card__xWmRO",cardInstant:"video-carousel_cardInstant__DFEfS",frame:"video-carousel_frame__pB2KL",poster:"video-carousel_poster__Ssqnu",video:"video-carousel_video__seM4W",playHit:"video-carousel_playHit__m5gE_",playGlyph:"video-carousel_playGlyph__lh8rg",badge:"video-carousel_badge__BVz78",nav:"video-carousel_nav__g0bsL"}},69403:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>d});var n=r(37876),a=r(14232);let i=(0,r(17963).A)("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);var o=r(12548),s=r(41356),c=r.n(s);function l(e){let{clip:t,offset:r,isActive:s,isPlaying:l,loadPoster:d,reducedMotion:u,instant:p,onSelect:h,onTogglePlay:f}=e,v=(0,a.useRef)(null),[m,g]=(0,a.useState)(!1),S=Math.abs(r),y=S<=3;(0,a.useEffect)(()=>{let e=v.current;if(e)if(l&&s){let t=e.play();t&&t.catch(()=>void 0)}else e.pause()},[l,s]);let _={transform:function(e,t){if(t)return"translate3d(".concat(92*e,"%, 0, 0) scale(").concat(0===e?1:.9,")");let r=Math.abs(e),n=Math.max(.74,1-.08*r);return"translate3d(".concat(81*e,"%, 0, ").concat(-(120*r),"px) rotateY(").concat(-14*e,"deg) scale(").concat(n,")")}(r,u),zIndex:s?20:10-S,opacity:y?s?1:Math.max(.35,1-.22*S):0,pointerEvents:y?"auto":"none",visibility:y?"visible":"hidden"},x=s&&l;return(0,n.jsx)("article",{className:"".concat(c().card," ").concat(p?c().cardInstant:""),style:_,"aria-hidden":!y,children:(0,n.jsxs)("div",{className:c().frame,style:{background:"hsl(".concat(31*Number(t.id)%360," 14% 16%)")},children:[d?(0,n.jsx)("img",{className:c().poster,src:t.poster,alt:"",width:720,height:1280,decoding:"async",draggable:!1,onLoad:()=>g(!0),hidden:!m}):null,x?(0,n.jsx)("video",{ref:v,className:c().video,src:t.src,poster:t.poster,playsInline:!0,preload:"none",controls:!1,onEnded:f}):null,t.durationSec>0&&!l?(0,n.jsxs)("span",{className:c().badge,children:[(0,n.jsx)(i,{size:10,fill:"currentColor","aria-hidden":!0}),(0,o.E4)(t.durationSec)]}):null,(0,n.jsx)("button",{type:"button",className:c().playHit,"aria-label":s?l?"Pause ".concat(t.title):"Play ".concat(t.title):"Show ".concat(t.title),onClick:()=>{s?f():h()},children:s&&!l?(0,n.jsx)("span",{className:c().playGlyph,"aria-hidden":!0,children:(0,n.jsx)(i,{size:26,fill:"currentColor",style:{marginLeft:3}})}):null})]})})}let d=e=>{let{clips:t=o.tR}=e,r=t.length,i=(0,a.useRef)(null),s=(0,a.useRef)(null),d=(0,a.useRef)(!1),[u,p]=(0,a.useState)(0),[h,f]=(0,a.useState)(!1),[v,m]=(0,a.useState)(!1),[g,S]=(0,a.useState)(!1),[y,_]=(0,a.useState)({});(0,a.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>S(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,a.useEffect)(()=>{let e=i.current;if(!e)return;let t=new IntersectionObserver(e=>{let[r]=e;r.isIntersecting&&(m(!0),t.disconnect())},{rootMargin:"280px"});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{v&&_(e=>{let n={...e};for(let e=-3;e<=3;e+=1){let a=t[(0,o.nU)(u+e,r)];a&&(n[a.id]=!0)}return n})},[v,u,t,r]);let x=(0,a.useCallback)(e=>{p((0,o.nU)(e,r)),f(!1)},[r]);return 0===r?null:(0,n.jsxs)("div",{className:"w-full",children:[(0,n.jsx)("h3",{className:"sr-only",children:"Community videos"}),(0,n.jsx)("div",{ref:i,className:"".concat(c().stage," ").concat(g?c().stageReduced:""),tabIndex:0,onKeyDown:e=>{"ArrowRight"===e.key?(e.preventDefault(),x(u+1)):"ArrowLeft"===e.key?(e.preventDefault(),x(u-1)):(" "===e.key||"Enter"===e.key)&&

1(e.preventDefault(),f(e=>!e))},style:{"--card-w":"clamp(148px, 18vw, 220px)",height:"calc(var(--card-w) * 16 / 9)"},onPointerDown:e=>{("mouse"!==e.pointerType||0===e.button)&&(s.current={x:e.clientX,id:e.pointerId})},onPointerUp:e=>{let t=s.current;if(s.current=null,!t||t.id!==e.pointerId)return;let r=e.clientX-t.x;42>Math.abs(r)||(d.current=!0,x(u+(r<0?1:-1)))},onPointerCancel:()=>{s.current=null},children:t.map((e,t)=>{let a=(0,o.kp)(t,u,r);return(0,n.jsx)(l,{clip:e,offset:a,isActive:0===a,isPlaying:h&&0===a,loadPoster:v&&!!y[e.id],reducedMotion:g,instant:!v,onSelect:()=>{if(d.current){d.current=!1;return}x(t)},onTogglePlay:()=>{if(d.current){d.current=!1;return}if(0!==a)return void x(t);f(e=>!e)}},e.id)})}),(0,n.jsxs)("div",{className:"flex items-center justify-center gap-3 mt-4",children:[(0,n.jsx)("button",{type:"button",className:c().nav,"aria-label":"Previous video",onClick:()=>x(u-1),children:(0,n.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":!0,children:(0,n.jsx)("path",{d:"M11 4L6 9L11 14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,n.jsx)("button",{type:"button",className:c().nav,"aria-label":"Next video",onClick:()=>x(u+1),children:(0,n.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":!0,children:(0,n.jsx)("path",{d:"M7 4L12 9L7 14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}}}]);