https://languagemate.io/build/_shared/chunk-JKVGCB3V.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="25b39f75-fd06-54b6-bb9f-1c4ef85c7874")}catch(e){}}();
3import{P as A}from"/build/_shared/chunk-KK4646WB.js";import{$a as S,A as w,B as I,K as M,Wa as _,Xb as $,Yb as P}from"/build/_shared/chunk-KJLCH6QE.js";import{a as R,y as T}from"/build/_shared/chunk-ST6U23C6.js";import{e as N}from"/build/_shared/chunk-PELIJBCN.js";var u=N(R());var e=N(T());function k({}){var p;let t=A,a=[{type:"student",title:"It's a great support for students who are learning English and I'm very thankful for the LanguageMate team for this opportunity.",url:{large:`${t}/testimonial-videos/Ai\u0308cha_subtitles.mp4`,small:`${t}/testimonial-videos/Ai\u0308cha_subtitles.mp4`},source:"direct",format:"portrait",poster_url:`${t}/testimonial-videos/Ai\u0308cha_poster.jpg`},{type:"teacher",title:"OMNES Education Lecturer testimonial",source:"direct",url:{large:`${t}/testimonial-videos/OMNES Education Lecturer.mp4`,small:`${t}/testimonial-videos/OMNES Education Lecturer.mp4`},format:"landscape",poster_url:`${t}/testimonial-videos/OMNES Education Lecturer_poster.jpg`},{type:"teacher",title:"FIS teacher testimonial",url:{large:`${t}/testimonial-videos/FIS_main.mp4`,small:`${t}/testimonial-videos/FIS_main.mp4`},source:"direct",format:"landscape",poster_url:`${t}/testimonial-videos/FIS_poster.jpg`},{type:"student",title:"It really helped me develop my listening and speaking skills",source:"direct",url:{large:`${t}/testimonial-videos/Wanda.mp4`,small:`${t}/testimonial-videos/Wanda.mp4`},format:"portrait",poster_url:`${t}/testimonial-videos/Wanda_poster.jpg`},{type:"teacher",title:"We love LanguageMate",source:"direct",url:{large:`${t}/testimonial-videos/we_love_languagemate.mp4`,small:`${t}/testimonial-videos/we_love_languagemate.mp4`},format:"landscape",poster_url:`${t}/testimonial-videos/We love LanguageMate_poster.jpg`}],[i,g]=(0,u.useState)(0),h=a[i],f=(p=a[i+1])!=null?p:a[0],[x,r]=(0,u.useState)(!1),[y,b]=(0,u.useState)(!0),c=(0,u.useRef)(new Map),d=()=>{c.current.forEach(o=>{o.paused||o.pause()}),r(!1)},m=o=>{let n=c.current.get(o);n&&(c.current.forEach(v=>{v!==n&&!v.paused&&v.pause()}),n.play().catch(v=>{}),r(!0),b(!1))},s=()=>{let o=i===a.length-1?0:i+1;g(o),m(o)};return(0,e.jsxs)("div",{className:"flex min-h-[400px] w-full flex-col items-center justify-center gap-4",children:[(0,e.jsxs)("div",{className:"flex w-full max-w-2xl flex-row gap-2 overflow-hidden",children:[(0,e.jsx)("div",{className:"hidden lg:flex",children:(0,e.jsx)(V,{onPrevious:()=>{let o=i===0?a.length-1:i-1;g(o),m(o)}})}),(0,e.jsx)(L,{testimonials:a,currentTestimonial:h,nextTestimonial:f,setTestimonialIndex:g,isPlaying:x,setIsPlaying:r,isMuted:y,setIsMuted:b,videoRefs:c,pauseAllVideos:d,playVideo:m,onNextTestimonial:s}),(0,e.jsx)("div",{className:"hidden lg:flex",children:(0,e.jsx)(E,{onNext:s})})]}),(0,e.jsx)("div",{className:"flex w-full items-center justify-center gap-3",children:a.map((o,n)=>(0,e.jsx)("button",{onClick:()=>g(n),children:(0,e.jsx)(M,{size:20,className:`${n===i?"fill-copper-600 stroke-copper-600":"fill-copper-300 stroke-copper-300"}`})},n))})]})}function V({onPrevious:t}){return(0,e.jsxs)("button",{className:"text-copper-600",onClick:t,children:[(0,e.jsx)(w,{size:32,className:"md:hidden"}),(0,e.jsx)(w,{size:40,className:"hidden md:block"})]})}function E({onNext:t}){return(0,e.jsxs)("button",{className:"text-copper-600",onClick:t,children:[(0,e.jsx)(I,{size:32,className:"md:hidden"}),(0,e.jsx)(I,{size:40,className:"hidden md:block"})]})}var L=({testimonials:t,currentTestimonial:a,nextTestimonial:i,setTestimonialIndex:g,isPlaying:h,setIsPlaying:f,isMuted:x,setIsMuted:r,videoRefs:y,pauseAllVideos:b,playVideo:c,onNextTestimonial:d})=>{let m=[...t].map((s,l)=>({testimonial:s,originalIndex:l})).sort((s,l)=>s.testimonial===a?-1:s.testimonial===i?1:0);return(0,e.jsx)("div",{className:"flex w-full items-center justify-center gap-2",children:m.filter(({testimonial:s})=>s===a||s===i).map(({testimonial:s,originalIndex:l})=>(0,e.jsx)(z,{testimonial:s,index:l,mode:s===a?"main":"side",isPlaying:h,setIsPlaying:f,isMuted:x,setIsMuted:r,registerVideoRef:o=>{var n,v;o?(n=y.current)==null||n.set(l,o):(v=y.current)==null||v.delete(l)},pauseAll:b,playVideo:()=>c(l),onNext:d},l))})},z=({testimonial:t,index:a,mode:i,isPlaying:g,setIsPlaying:h,isMuted:f,setIsMuted:x,registerVideoRef:r,pauseAll:y,playVideo:b,onNext:c})=>{var l;let d=(0,u.useRef)(null);(0,u.useEffect)(()=>(d.current&&r(d.current),()=>r(null)),[r]);function m(){var p;if(i==="side"){c();return}t.source==="direct"&&((p=d.current)!=null&&p.paused?b():y())}let s=i==="main"?"w-full":i==="side"?`${t.format==="portrait"?"w-1/5":"w-2/5"}`:"w-0 h-0 overflow-hidden";return(0,e.jsxs)("div",{className:`flex flex-col items-center justify-center gap-2 ${s}`,children:[(0,e.jsxs)("div",{className:`relative transition-opacity duration-150 ${i==="main"?"":i==="side"?"opacity-50 hover:opacity-75":""}`,children:[i==="main"?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{onClick:m,className:"absolute left-2 top-2 z-20 rounded-full bg-white/95 p-2 text-copper-600",children:(l=d.current)!=null&&l.paused?(0,e.jsx)(S,{size:24}):(0,e.jsx)(_,{size:24})}),(0,e.jsx)("button",{onClick:p=>{x(!f),p.stopPropagation()},className:"absolute right-2 top-2 z-20 rounded-full bg-white/95 p-2 text-copper-600",children:f?(0,e.jsx)(P,{size:24}):(0,e.jsx)($,{size:24})})]}):null,(0,e.jsx)("button",{className:`absolute inset-x-0 top-0 z-10 ${i==="side"?"h-full":"h-4/5"}`,type:"button",onClick:m}),(0,e.jsxs)("video",{className:`rounded-lg shadow-lg ${t.format==="portrait"?"aspect-[9/16]":"aspect-video"}

3`,preload:i==="main"?"auto":"none",loop:!0,playsInline:!0,muted:f||i!=="main",poster:t.poster_url,autoPlay:i==="main",controls:!1,ref:d,onPlay:()=>h(!0),onPause:()=>h(!1),children:[(0,e.jsx)("source",{src:t.url.large,media:"(min-width: 1024px)",type:"video/mp4"}),(0,e.jsx)("source",{src:t.url.small,type:"video/mp4"})]})]}),i==="side"&&(0,e.jsx)("div",{className:"lg:hidden",children:(0,e.jsx)(E,{onNext:c})})]})};export{k as a};
4//# sourceMappingURL=/build/_shared/chunk-JKVGCB3V.js.map
5
6//# debugId=25b39f75-fd06-54b6-bb9f-1c4ef85c7874