1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9563],{5234:(e,s,l)=>{l.r(s),l.d(s,{default:()=>c});var a=l(36671),r=l(21727),t=l.n(r),n=l(78464),i=l(19799),d=l(77616);let c=(0,i.forwardRef)(function(e,s){let{href:l,...r}=e,i=(0,n.useParams)(),c=(0,n.usePathname)(),o=null==i?void 0:i.locale,u=c.split("/").filter(Boolean)[0],m=(0,d.W2)(o)?o:(0,d.W2)(u)?u:void 0,x=l;if("string"==typeof l){let e=l.startsWith("#"),s=l.startsWith("http://")||l.startsWith("https://")||l.startsWith("mailto:")||l.startsWith("tel:")||l.startsWith("sms:");e||s||!m||(x="/".concat(m).concat(l))}return(0,a.jsx)(t(),{ref:s,href:x,...r})})},59563:(e,s,l)=>{l.r(s),l.d(s,{default:()=>f});var a=l(36671),r=l(19799),t=l(22651),n=l(93233),i=l(97277),d=l(6933),c=l(1753),o=l(5234),u=l(93169),m=l(96290),x=l(9151),p=l(90059);let f=()=>{let{t:e}=(0,t.Bd)("zone"),{trackVideoUnmuted:s,trackVideosCarouselScrolled:l}=(0,x.J)(),[f,h]=(0,r.useState)(null),v=(0,i.P)(l),b=(0,r.useCallback)(e=>{if(h(e),e){var l;let a=n.Uk.find(s=>s.id===e);s({video_id:e,username:null!=(l=null==a?void 0:a.username)?l:""})}},[s]);return(0,a.jsxs)("div",{className:"w-full rounded-t-2xl bg-background-primary pb-20 pt-10 text-text-primary dark md:mx-auto md:py-24",children:[(0,a.jsxs)("div",{className:"mx-auto mb-12 max-w-4xl px-4 text-center md:mb-16",children:[(0,a.jsx)(u.f,{className:"mb-4 text-xs font-bold uppercase text-text-primary/50",children:e("healfZone.landing.ugc.community")}),(0,a.jsx)(c.D,{as:"h2",size:"display",className:"",children:e("healfZone.landing.ugc.hearFromMembers")})]}),(0,a.jsx)("div",{className:"relative mx-auto hidden w-full max-w-[1440px] justify-center px-4 md:flex md:px-10",children:n.Uk.slice(0,3).map(e=>(0,a.jsxs)("div",{className:(0,p.cn)("flex max-h-[477px] max-w-[277px] flex-1 flex-col gap-2","1"===e.id?"pl-0 pr-1 md:pr-3":"5"===e.id?"pl-1 pr-0 md:pl-3":"px-1 md:px-3"),children:[(0,a.jsx)("div",{className:"relative overflow-hidden rounded-lg",children:(0,a.jsx)(m.Y,{src:e.video,videoId:e.id,currentUnmutedId:f,onUnmute:b})}),e.link?(0,a.jsx)(o.default,{href:e.link,target:"_blank",className:"text-sm leading-5",children:e.username}):(0,a.jsx)(u.f,{className:"text-sm",children:e.username})]},e.id))}),(0,a.jsx)("div",{className:"relative w-full md:hidden",children:(0,a.jsxs)(d.Carousel,{setApi:v,opts:{align:"center",loop:!0,containScroll:"keepSnaps",inViewThreshold:.8,slidesToScroll:2},className:"relative",children:[(0,a.jsx)(d.CarouselContent,{className:"m-0",children:n.Uk.map(e=>(0,a.jsx)(d.CarouselItem,{className:"basis-[175px] px-1 md:basis-[222px] md:px-3",children:(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2",children:[(0,a.jsx)("div",{className:"relative h-[298px] overflow-hidden rounded-lg md:h-[366px]",children:(0,a.jsx)(m.Y,{src:e.video,videoId:e.id,currentUnmutedId:f,onUnmute:b})}),e.link?(0,a.jsx)(o.default,{href:e.link,target:"_blank",className:"text-sm leading-5",children:e.username}):(0,a.jsx)(u.f,{className:"text-sm",children:e.username})]})},e.id))}),(0,a.jsxs)("div",{className:"flex items-center justify-end gap-4 px-4 pt-3 md:px-10",children:[(0,a.jsx)(d.CarouselPrevious,{className:"relative inset-x-0 translate-y-0 border-none bg-background-primary/20 hover:bg-background-primary/30"}),(0,a.jsx)(d.CarouselNext,{className:"relative inset-x-0 translate-y-0 border-none bg-background-primary/20 hover:bg-background-primary/30"})]})]})})]})}},96290:(e,s,l)=>{l.d(s,{Y:()=>d});var a=l(36671),r=l(11147),t=l(19799),n=l(90059),i=l(36120);let d=e=>{let{src:s,poster:l,videoId:d,currentUnmutedId:c,onUnmute:o,className:u,containerClassName:m,showMuteButton:x=!0,buttonClassName:p}=e,f=(0,t.useRef)(null),h=(0,t.useRef)(null),[v,b]=(0,t.useState)(!1),[j,g]=(0,t.useState)(!1),N=c!==d;(0,t.useEffect)(()=>{let e=h.current;if(!e)return;let s=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!j&&(b(!0),g(!0))})},{rootMargin:"100px",threshold:.1});return s.observe(e),()=>{s.unobserve(e)}},[j]),(0,t.useEffect)(()=>{f.current&&(f.current.muted=N)},[N]);let k=()=>{N?o(d):o("")};return(0,a.jsx)("div",{ref:h,className:(0,n.cn)("relative size-full",m),children:v?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("video",{ref:f,src:s,poster:l,autoPlay:!0,muted:N,loop:!0,playsInl
1ine:!0,preload:"metadata",onClick:k,className:(0,n.cn)("size-full cursor-pointer object-cover object-center",u)}),x&&(0,a.jsx)("button",{onClick:k,className:(0,n.cn)("absolute flex size-8 items-center justify-center rounded-full transition-all",null!=p?p:"right-3 top-3 bg-background-primary/50 backdrop-blur-sm hover:bg-background-primary/70"),"aria-label":N?"Unmute video":"Mute video",children:N?(0,a.jsx)(i.In,{icon:"VolumeX",className:"size-4"}):(0,a.jsx)(i.In,{icon:"Volume2",className:"size-4"})})]}):l?(0,a.jsx)(r.default,{src:l,alt:"poster",fill:!0,className:"size-full animate-pulse bg-background-secondary object-cover object-center",sizes:"(min-width: 768px) 33vw, 100vw"}):(0,a.jsx)("div",{className:"size-full animate-pulse bg-background-secondary"})})}}}]); 2//# sourceMappingURL=9563.ba74aba75aecf55f.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.