https://www.aarong.com/_next/static/chunks/4098.434261a8a6ea2331.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4098],{54098:function(e,t,a){a.r(t);var s=a(47113),l=a(31791),r=a(19062),i=a(37788),n=a(85850),o=a(4509),c=a(44060),u=a.n(c),d=a(46756),h=a(32851),p=a(82121);let f=o.memo(e=>{let{src:t,autoPlay:a=!1,shopnow:c=!1,isClp:f=!1}=e,m=(0,o.useRef)(null),b=(0,o.useRef)(null),x=(0,o.useRef)(null),{width:y,height:v}=(0,h.Z)(),[g,w]=(0,o.useState)(a),[j,k]=(0,o.useState)(!0),[N,S]=(0,o.useState)(!1),[C,E]=(0,o.useState)(0),[P,Z]=(0,o.useState)(0),[_,q]=(0,o.useState)(0),R=(0,o.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),w(e=>!e)},[]),V=(0,o.useCallback)(e=>{null==e||e.preventDefault(),null==e||e.stopPropagation(),k(e=>!e)},[]),O=(0,o.useCallback)(()=>{S(!0)},[]),z=(0,o.useCallback)(()=>{_<3?setTimeout(()=>{q(e=>e+1)},2e3):console.error("Video failed to load after multiple attempts.")},[_]);return(0,o.useEffect)(()=>{let e=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting?w(!0):w(!1)},{threshold:.3});return b.current&&e.observe(b.current),()=>{b.current&&e.unobserve(b.current)}},[]),(0,o.useEffect)(()=>{let e=()=>{if(!y||!v)return;let e=f?v-200:v-100,t=y/(16/9);t>=e?(E(y),Z(t)):(E(16/9*e),Z(e))};e();let t=()=>{e()};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[y,v,f]),(0,o.useEffect)(()=>{if(N&&x.current){let e=x.current.querySelector('[data-testid="react-player"]')||x.current.querySelector("div > div"),t=x.current.querySelector("video");e&&(e.style.width="100%",e.style.height="100%"),t&&(t.style.objectFit="cover",t.style.width="100%",t.style.height="100%")}},[N,C,P]),(0,s.jsx)("div",{ref:b,className:(0,d.cn)(f?"h-[calc(100vh-200px)]":"h-[calc(100vh-100px)]","relative overflow-hidden"),children:(0,s.jsxs)("div",{className:(0,d.cn)(f?"h-[calc(100vh-200px)]":"h-[calc(100vh-100px)]","relative overflow-hidden"),children:[(0,s.jsx)("div",{ref:x,className:"absolute inset-0 flex items-center justify-center",style:{width:"100%",height:"100%"},children:(0,s.jsx)(u(),{ref:m,url:t,playing:g,muted:j,loop:!0,onError:z,width:C,height:P,onReady:O,controls:!1,playsinline:!0,config:{file:{attributes:{crossOrigin:"anonymous",preload:"metadata",style:{objectFit:"cover",width:"100%",height:"100%"}}},youtube:{playerVars:{autoplay:1,modestbranding:1,controls:0,showinfo:0,rel:0,playsinline:1,disablekb:1,iv_load_policy:3,loop:1,hd:1,vq:"hd1080"}},vimeo:{playerOptions:{quality:"auto",autopause:!1}}},style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:"100%",minHeight:"100%"}})}),!N&&_>=3&&(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-gray-200 text-red-600",children:"Video failed to load. Please try again later."}),!N&&(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-gray-100",children:(0,s.jsx)("div",{className:"animate-spin rounded-full h-12 w-12 border-b-2 border-primary"})}),(0,s.jsxs)("div",{className:(0,d.cn)("absolute bottom-0 left-0 right-0 p-4 transition-opacity duration-200","flex items-center justify-between bg-gradient-to-t from-black/50 to-transparent"),onClick:e=>e.stopPropagation(),children:[(0,s.jsx)("button",{onClick:R,className:"p-2 rounded-full hover:bg-black/30 text-white transition-colors","aria-label":g?"Pause":"Play",children:g?(0,s.jsx)(l.Z,{className:"w-4 h-4"}):(0,s.jsx)(r.Z,{className:"w-4 h-4"})}),(0,s.jsxs)("div",{className:"flex items-center content-center gap-2",children:[c&&(0,s.jsx)(p.Z,{variant:"dark",className:"text-[14px] py-[5px] uppercase border-none px-[20px] font-medium md:py-[5px] tracking-[1px] rounded-none md:text-[14px] md:px-[20px] bg-black bg-opacity-50",children:"Shop now"}),(0,s.jsx)("button",{onClick:V,className:"p-2 rounded-full hover:bg-black/30 text-white transition-colors","aria-label":j?"Unmute":"Mute",children:j?(0,s.jsx)(i.Z,{className:"w-4 h-4"}):(0,s.jsx)(n.Z,{className:"w-4 h-4"})})]})]})]})})});f.displayName="Video",t.default=f}}]);