1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1745],{36274:function(e,t,r){r.r(t);var o=r(3827),i=r(64090),l=r(74404),n=r.n(l),s=r(86183);let a=e=>{let{products:t,isLoading:r=!1}=e,l=i.useRef(null);if(r)return(0,o.jsx)("div",{className:"w-full",children:(0,o.jsx)("div",{className:"p-10 pr-0",children:(0,o.jsxs)("div",{className:"flex animate-pulse items-center gap-2 rounded-xl p-10 shadow-lg",style:{backgroundColor:"#ffffff"},children:[(0,o.jsx)("div",{className:"mr-10 rounded-lg bg-gray-200",style:{width:"50px",height:"50px",flexShrink:0}}),(0,o.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,o.jsx)("div",{className:"mb-2 h-3 w-3/4 rounded bg-gray-200"}),(0,o.jsx)("div",{className:"h-3 w-1/2 rounded bg-gray-200"})]})]})})});if(0===t.length)return null;let n=e=>e.stopPropagation();return(0,o.jsx)("div",{className:"flex w-full cursor-grab select-none gap-[6px] overflow-x-auto px-[6px] py-[6px] scrollbar-none",onTouchStart:n,onTouchMove:n,onWheel:n,children:t.map(e=>{var r,i,n;let a=()=>{e.productUrl&&window.open(e.productUrl,"_blank","noopener,noreferrer")};return(0,o.jsxs)("div",{className:"".concat(1===t.length?"w-full":"min-w-[85%]"," flex cursor-pointer items-center gap-2 overflow-hidden rounded-xl bg-white-900 p-10 shadow-lg"),onClick:e=>{e.stopPropagation(),a()},onTouchStart:e=>{l.current=e.touches[0].clientX,e.stopPropagation()},onTouchEnd:e=>{var t;let r=Math.abs(e.changedTouches[0].clientX-(null!==(t=l.current)&&void 0!==t?t:e.changedTouches[0].clientX));e.stopPropagation(),r<10&&(e.preventDefault(),a()),l.current=null},children:[(0,o.jsx)("div",{className:"relative mr-10 h-[50px] w-[50px] flex-shrink-0 overflow-hidden rounded-lg",children:(0,o.jsx)(s.default,{src:(null===(r=e.productImage)||void 0===r?void 0:r.path)||(null===(i=e.image)||void 0===i?void 0:i.path),alt:e.productName||e.name||"Product",fill:!0,className:"object-cover",sizes:"50px"})}),(0,o.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,o.jsx)("p",{className:"line-clamp-2 text-14 font-medium text-gray-900",children:e.productName||e.name||"Product Name"}),(0,o.jsxs)("p",{className:"text-xs font-semibold text-gray-700",children:["â¹",Math.floor((null===(n=e.price)||void 0===n?void 0:n.listPrice)||e.price||999)]})]})]},e.productId||e.id)})})};a.propTypes={products:n().arrayOf(n().shape({productId:n().string,id:n().string,productName:n().string,name:n().string,productImage:n().shape({path:n().string}),image:n().shape({path:n().string}),price:n().oneOfType([n().number,n().shape({listPrice:n().number})])})).isRequired,isLoading:n().bool},t.default=a},81745:function(e,t,r){r.r(t),r.d(t,{default:function(){return B}});var o=r(3827),i=r(64090),l=r(74404),n=r.n(l),s=r(138),a=r(24232);let d=()=>(0,o.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("g",{filter:"url(#filter0_d_1362_4846)",children:(0,o.jsx)("path",{d:"M13.5 4.0498H17.55V8.0998",stroke:"white",strokeWidth:"1.38857",strokeLinecap:"round",strokeLinejoin:"round",shapeRendering:"crispEdges"})}),(0,o.jsx)("path",{d:"M12.1499 9.4498L17.5499 4.0498",stroke:"white",strokeWidth:"1.38857",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M8.0998 17.55H4.0498V13.5",stroke:"white",strokeWidth:"1.38857",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M9.4498 12.1499L4.0498 17.5499",stroke:"white",strokeWidth:"1.38857",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("defs",{children:(0,o.jsxs)("filter",{id:"filter0_d_1362_4846",x:"9.71995",y:"1.81261",width:"11.6099",height:"11.6099",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,o.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,o.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,o.jsx)("feOffset",{dy:"1.54286"}),(0,o.jsx)("feGaussianBlur",{stdDeviation:"1.54286"}),(0,o.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,o.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"}
vendor: 2,825 bytes, line 1
1),(0,o.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1362_4846"}),(0,o.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_1362_4846",result:"shape"})]})})]}),c=()=>(0,o.jsxs)("svg",{width:"22",height:"21",viewBox:"0 0 22 21",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("g",{filter:"url(#filter0_d_1362_4856)",children:(0,o.jsx)("path",{d:"M19.7998 6.98138L14.3998 12.3814M14.3998 6.98138L19.7998 12.3814M8.67069 2.8105L5.82157 5.65961C5.66591 5.81527 5.58809 5.8931 5.49726 5.94876C5.41674 5.9981 5.32895 6.03447 5.23711 6.05651C5.13353 6.08138 5.02347 6.08138 4.80334 6.08138H3.2398C2.73576 6.08138 2.48373 6.08138 2.29121 6.17947C2.12187 6.26576 1.98418 6.40344 1.8979 6.57279C1.7998 6.76531 1.7998 7.01733 1.7998 7.52138V11.8414C1.7998 12.3454 1.7998 12.5975 1.8979 12.79C1.98418 12.9593 2.12187 13.097 2.29121 13.1833C2.48373 13.2814 2.73576 13.2814 3.2398 13.2814H4.80334C5.02347 13.2814 5.13353 13.2814 5.23711 13.3062C5.32895 13.3283 5.41674 13.3647 5.49726 13.414C5.58809 13.4697 5.66591 13.5475 5.82157 13.7031L8.67069 16.5523C9.05623 16.9378 9.249 17.1306 9.4145 17.1436C9.5581 17.1549 9.69844 17.0968 9.79199 16.9872C9.8998 16.861 9.8998 16.5884 9.8998 16.0431V3.31961C9.8998 2.77438 9.8998 2.50176 9.79199 2.37552C9.69844 2.26599 9.5581 2.20786 9.4145 2.21916C9.249 2.23219 9.05623 2.42496 8.67069 2.8105Z",stroke:"white",strokeWidth:"1.35",strokeLinecap:"square",shapeRendering:"crispEdges"})}),(0,o.jsx)("defs",{children:(0,o.jsxs)("filter",{id:"filter0_d_1362_4856",x:"-1.96071",y:"0.00011158",width:"25.8008",height:"22.4483",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,o.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,o.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,o.jsx)("feOffset",{dy:"1.54286"}),(0,o.jsx)("feGaussianBlur",{stdDeviation:"1.54286"}),(0,o.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,o.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"}),(0,o.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1362_4856"}),(0,o.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_1362_4856",result:"shape"})]})})]}),u=()=>(0,o.jsxs)("svg",{width:"22",height:"21",viewBox:"0 0 22 21",fill:"none","aria-hidden":"true",children:[(0,o.jsxs)("g",{filter:"url(#filter0_d_unmute)",children:[(0,o.jsx)("path",{d:"M8.67069 2.8105L5.82157 5.65961C5.66591 5.81527 5.58809 5.8931 5.49726 5.94876C5.41674 5.9981 5.32895 6.03447 5.23711 6.05651C5.13353 6.08138 5.02347 6.08138 4.80334 6.08138H3.2398C2.73576 6.08138 2.48373 6.08138 2.29121 6.17947C2.12187 6.26576 1.98418 6.40344 1.8979 6.57279C1.7998 6.76531 1.7998 7.
101733 1.7998 7.52138V11.8414C1.7998 12.3454 1.7998 12.5975 1.8979 12.79C1.98418 12.9593 2.12187 13.097 2.29121 13.1833C2.48373 13.2814 2.73576 13.2814 3.2398 13.2814H4.80334C5.02347 13.2814 5.13353 13.2814 5.23711 13.3062C5.32895 13.3283 5.41674 13.3647 5.49726 13.414C5.58809 13.4697 5.66591 13.5475 5.82157 13.7031L8.67069 16.5523C9.05623 16.9378 9.249 17.1306 9.4145 17.1436C9.5581 17.1549 9.69844 17.0968 9.79199 16.9872C9.8998 16.861 9.8998 16.5884 9.8998 16.0431V3.31961C9.8998 2.77438 9.8998 2.50176 9.79199 2.37552C9.69844 2.26599 9.5581 2.20786 9.4145 2.21916C9.249 2.23219 9.05623 2.42496 8.67069 2.8105Z",stroke:"white",strokeWidth:"1.35",strokeLinecap:"square",shapeRendering:"crispEdges"}),(0,o.jsx)("path",{d:"M14.5 6.5C15.5 7.5 16 8.7 16 10C16 11.3 15.5 12.5 14.5 13.5",stroke:"white",strokeWidth:"1.35",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M17.5 4C19.5 6 20.5 8 20.5 10C20.5 12 19.5 14 17.5 16",stroke:"white",strokeWidth:"1.35",strokeLinecap:"round"})]}),(0,o.jsx)("defs",{children:(0,o.jsxs)("filter",{id:"filter0_d_unmute",x:"-1.96071",y:"0.00011158",width:"25.8008",height:"22.4483",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,o.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,o.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,o.jsx)("feOffset",{dy:"1.54286"}),(0,o.jsx)("feGaussianBlur",{stdDeviation:"1.54286"}),(0,o.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,o.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"}),(0,o.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_unmute"}),(0,o.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_unmute",result:"shape"})]})})]}),f=()=>(0,o.jsxs)("svg",{width:"26",height:"23",viewBox:"0 0 26 23",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("g",{filter:"url(#filter0_d_1362_4858)",children:(0,o.jsx)("path",{d:"M4.36753 16.7672C5.75634 15.2881 9.40219 12.1502 14.5828 12.1502V16.2002L21.3328 9.4502L14.5828 2.7002V6.7502C10.1278 6.7502 4.41647 11.0069 3.78281 16.4989C3.77404 16.57 3.78813 16.6421 3.82305 16.7046C3.85796 16.7672 3.91189 16.8171 3.97702 16.8469C4.04214 16.8768 4.11509 16.8852 4.1853 16.8709C4.25551 16.8565 4.31934 16.8202 4.36753 16.7672Z",stroke:"white",strokeWidth:"1.38857",strokeLinecap:"round",strokeLinejoin:"round",shapeRendering:"crispEdges"})}),(0,o.jsx)("defs",{children:(0,o.jsxs)("filter",{id:"filter0_d_1362_4858",x:"0.00022316",y:"0.463002",width:"25.1123",height:"21.7373",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,o.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,o.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,o.jsx)("feOffset",{dy:"1.54286"}),(0,o.jsx)("feGaussianBlur",{stdDeviation:"1.54286"}),(0,o.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,o.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.33 0"}),(0,o.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1362_4858"}),(0,o.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_1362_4858",result:"shape"})]})})]}),p=()=>(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,o.jsx)("path",{d:"M6.75 3.73851V20.261C6.75245 20.3929 6.78962 20.5217 6.85776 20.6346C6.9259 20.7475 7.0226 20.8405 7.13812 20.9041C7.25364 20.9677 7.38388 20.9997 7.51572 20.9969C7.64756 20.9941 7.77634 20.9566 7.88906 20.8882L21.3966 12.627C21.5045 12.5616 21.5937 12.4696 21.6556 12.3597C21.7175 12.2499 21.7501 12.1259 21.7501 11.9998C21.7501 11.8736 21.7175 11.7497 21.6556 11.6398C21.5937 11.5299 21.5045 11.4379 21.3966 11.3726L7.88906 3.11133C7.77634 3.0429 7.64756 3.0054 7.51572 3.00261C7.38388 2.99982 7.25364 3.03185 7.13812 3.09545C7.0226 3.15906 6.9259 3.25199 6.85776 3.36489C6.78962 3.47779 6.75245 3.60667 6.75 3.73851Z",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),x=()=>(0,o.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",stroke:"white",strokeWidth:"1.5"}),(0,o.jsx)("rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",stroke:"white",strokeWidth:"1.5"})]});var h=r(89542),m=r(36274);let v=e=>{var t,r;let{video:l,isActive:n,isMuted:s,onToggleMute:a,products:d=[],isLoading:h=!1}=e,v=(0,i.useRef)(null),[g,b]=(0,i.useState)(!1),[j,w]=(0,i.useState)(!1),y=(0,i.useRef)();return(0,i.useEffect)(()=>{v.current&&(n?(v.current.currentTime=0,v.current.play().catch(()=>{}),b(!0)):(v.current.pause(),v.current.currentTime=0,b(!1)))},[n]),(0,i.useEffect)(()=>{v.current&&(v.current.muted=s)}
1,[s]),(0,o.jsxs)("div",{className:"relative h-dvh w-full shrink-0 snap-start snap-always",children:[(0,o.jsx)("video",{ref:v,src:"".concat(l.videoUrl),poster:l.thumbnail,className:"absolute inset-0 h-full w-full object-cover",muted:s,loop:!0,playsInline:!0,onClick:()=>{v.current&&(g?(v.current.pause(),b(!1)):(v.current.play().catch(()=>{}),b(!0)),w(!0),clearTimeout(y.current),y.current=setTimeout(()=>w(!1),800))}}),j&&(0,o.jsx)("div",{className:"bg-black/40 pointer-events-none absolute left-1/2 top-1/2 flex h-[72px] w-[72px] -translate-x-1/2 -translate-y-1/2 animate-fadeOut items-center justify-center rounded-full",children:g?(0,o.jsx)(x,{}):(0,o.jsx)(p,{})}),(0,o.jsxs)("div",{className:"absolute bottom-[140px] right-3 flex flex-col items-center gap-5",children:[(0,o.jsx)("button",{onClick:a,className:"flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(0,0,0,0.20)]",children:s?(0,o.jsx)(c,{}):(0,o.jsx)(u,{})}),(0,o.jsx)("button",{onClick:()=>{var e,t;null===(e=(t=navigator).share)||void 0===e||e.call(t,{url:window.location.href})},className:"flex h-[44px] w-[44px] items-center justify-center rounded-full bg-[rgba(0,0,0,0.20)]",children:(0,o.jsx)(f,{})})]}),(0,o.jsx)("div",{className:"from-black/60 pointer-events-none absolute bottom-0 left-0 right-0 h-[200px] bg-gradient-to-t to-transparent"}),(0,o.jsx)("div",{className:"absolute bottom-6 left-3 right-14",children:(null==l?void 0:l.showCta)&&(null==l?void 0:l.footer)?(0,o.jsxs)("button",{type:"button",onClick:()=>{var e;(null==l?void 0:null===(e=l.footer)||void 0===e?void 0:e.linkUrl)&&window.open(l.footer.linkUrl,"_blank","noopener,noreferrer")},className:"mx-[10px] mb-[10px] flex w-[calc(100%-20px)] items-center justify-center gap-[5px] rounded-xl px-4 py-3",style:{backgroundColor:l.footer.backgroundColor||"#ffffff",color:l.footer.textColor||"#1A1A1A",borderRadius:null!==(t=l.footer.borderRadius)&&void 0!==t?t:12,border:"".concat(null!==(r=l.footer.borderThickness)&&void 0!==r?r:.5,"px solid ").concat(l.footer.borderColor||"#1A1A1A")},children:[(0,o.jsx)("span",{className:"text-sm font-semibold",children:l.footer.text}),l.footer.showArrow&&(0,o.jsx)("span",{style:{marginLeft:"3px",fontSize:"1.125rem"},children:"âº"})]}):(0,o.jsx)(m.default,{products:d,isLoading:h})}),n&&(0,o.jsx)("div",{className:"absolute left-0 right-0 top-0 h-[2px]",children:(0,o.jsx)("div",{className:"bg-white/80 h-full w-full"})})]})};v.propTypes={video:n().shape({videoUrl:n().string,thumbnail:n().string,showCta:n().bool,footer:n().shape({text:n().string,linkUrl:n().string,showArrow:n().bool,backgroundColor:n().string,textColor:n().string,borderColor:n().string,borderRadius:n().number,borderThickness:n().number})}).isRequired,isActive:n().bool.isRequired,isMuted:n().bool.isRequired,onToggleMute:n().func.isRequired,products:n().arrayOf(n().object),isLoading:n().bool};var g=r(68605);let b=e=>{let{videos:t,initialIndex:r,onClose:l,videoProducts:n=[]}=e,s=(0,i.useRef)(null),[a,d]=(0,i.useState)(r),[c,u]=(0,i.useState)(!0),[f,p]=(0,i.useState)(!0),x=(0,i.useCallback)(()=>{u(e=>!e)},[]);return(0,i.useEffect)(()=>{let e=s.current;if(!e)return;let t=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting&&e.intersectionRatio>=.6){let t=Number(e.target.getAttribute("data-index"));isNaN(t)||d(t)}})},{root:e,threshold:.6});return e.querySelectorAll("[data-index]").forEach(e=>t.observe(e)),()=>t.disconnect()},[t]),(0,i.useEffect)(()=>{let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[]),(0,i.useEffect)(()=>{let e=setTimeout(()=>p(!1),2e3);return()=>clearTimeout(e)},[]),(0,i.useEffect)(()=>{if(s.current){let e=r*window.innerHeight;s.current.scrollTop=e}},[r]),(0,h.createPortal)((0,o.jsxs)("div",{className:"bg-black fixed inset-0 z-[9999]",children:[(0,o.jsx)("button",{type:"button",onClick:l,className:"absolute right-4 top-12 z-[10000] flex h-[36px] w-[36px] items-center justify-center rounded-full bg-[rgba(0,0,0,0.20)]",children:(0,o.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M18 6L6 18M6 6l12 12",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),f&&(0,o.jsxs)("div",{className:"pointer-events-none absolute inset-0 z-[10001] flex flex-col items-center justify-center transition-opacity duration-500",style:{background:"rgba(0, 0, 0, 0.80)"},children:[(0,o.jsx)("img",{src:"".concat((0,g.m_)("/icons/swipe_up.svg")),alt:"Swipe up to see more videos",className:"h-[120px] w-[120px] animate-bounce",draggable:!1}),(0,o.jsx)("p",{className:"mt-4 text-sm font-medium text-[#ffffff] opacity-90",children:"Swipe up for more"})]}),(0,o.jsx)("div",{ref:s,className:"h-full w-full snap-y snap-mandatory overflow-y-scroll overscroll-contain",children:t.map((e,t)=>{var r;return(0,o.jsx)("div",{"data-index":t,className:"border-b-4 border-[#202020] bg-[#111111]",children:(0,o.jsx)(v,{video:e,isActive:t===a,isMuted:c,onToggleMute:x,products:null!==(r=null==n?void 0:n[t])&&void 0!==r?r:[]})},e.id||"video-".concat(t))})})]}),document.body)};b.propTypes={videos:n().arrayOf(n().object).isRequired,initialIndex:n().number.isRequired,onClose:n().func.isRequired,videoProducts:n().arrayOf(n().arrayOf(n().object))};var j=r(86183);let w=e=>{var t,r,l;let{videos:n=[],initialIndex:s=0,onClose:a,videoProducts:d=[]}=e,m=(0,i.useRef)(null),v=(0,i.useRef)(),[g,b]=(0,i.useState)(s),[w,y]=(0,i.useState)(!0),[k,C]=(0,i.useState)(!0),[N,_]=(0,i.useState)(!1),[L,S]=(0,i.useState)(!1),A=n[g]||n[0],R=null!==(t=null==d?void 0:d[g])&&void 0!==t?t:[],I=(0,i.useCallback)(()=>{S(!0),setTimeout(()=>a(),250)},[a]);(0,i.useEffect)(()=>{let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[]),(0,i.useEffect)(()=>{m.current&&(m.current.play().catch(()=>{}),y(!0))},[]),(0,i.useEffect)(()=>{let e=e=>{"Escape"===e.key&&I()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[I]),(0,i.useEffect)(()=>{m.current&&(m.current.load(),m.current.play().catch(()=>{}),y(!0))},[g]);let M=()=>{m.current&&(w?(m.current.pause(),y(!1)):(m.current.play().catch(()=>{}),y(!0)),_(!0),clearTimeout(v.current),v.current=setTimeout(()=>_(!1),800))},E=(0,i.useCallback)(()=>{m.current&&(m.current.muted=!k,C(e=>!e))},[k]),P=()=>{g>0&&(b(e=>e-1),y(!0))};return(0,h.createPortal)((0,o.jsxs)("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center bg-[#202020]/50 backdrop-blur-md ".concat(L?"animate-backdropOut":"animate-backdropIn"),onClick:e=>{e.target===e.currentTarget&&I()},children:[(0,o.jsx)("button",{type:"button",onClick:I,className:"border-black/20 absolute right-6 top-6 z-[10000] flex h-[44px] w-[44px] items-center justify-center rounded-full border bg-[#000000] transition-all hover:scale-110",children:(0,o.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"black",children:(0,o.jsx)("path",{d:"M18 6L6 18M6 6l12 12",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),g>0?(0,o.jsx)("button",{type:"button",onClick:P,className:"hover:bg-black/80 mr-[15px] flex h-[48px] w-[48px] items-center justify-center rounded-full bg-[#202020] backdrop-blur-sm transition-all",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"white",children:(0,o.jsx)("path",{d:"M15 18l-6-6 6-6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}):(0,o.jsx)("button",{type:"button",onClick:P,className:"mr-[15px] flex h-[48px] w-[48px] items-center justify-center rounded-full bg-transparent transition-all",children:(0,o.jsx)(o.Fragment,{})}),(0,o.jsxs)("div",{className:"flex items-center ".concat((null==R?void 0:R.length)>0?"bg-[#ffffff]":"bg-transparent"," gap-6 rounded-[20px] px-[28px] py-[28px] ").concat(L?"animate-modalOut":"animate-modalIn"),children:[(0,o.jsxs)("div",{className:"flex flex-col items-center",children:[(0,o.jsxs)("div",{className:"bg-black ring-white/10 relative overflow-hidden rounded-3xl shadow-2xl ring-1",style:{height:"85vh",width:"calc(85vh * 9 / 16)",maxWidth:"410px"},children:[(0,o.jsx)("video",{ref:m,src:A.videoUrl,poster:A.thumbnail,className:"absolute inset-0 h-full w-full object-cover",muted:k,loop:!0,playsInl
1ine:!0,onClick:M}),N&&(0,o.jsx)("div",{className:"bg-black/40 pointer-events-none absolute left-1/2 top-1/2 flex h-[72px] w-[72px] -translate-x-1/2 -translate-y-1/2 animate-fadeOut items-center justify-center rounded-full",children:w?(0,o.jsx)(x,{}):(0,o.jsx)(p,{})}),(0,o.jsx)("div",{className:"absolute left-3 right-3 top-3 flex items-center justify-end",children:(0,o.jsxs)("div",{className:"flex gap-2",children:[(0,o.jsx)("button",{type:"button",onClick:E,className:"bg-white/10 flex h-[36px] w-[36px] items-center justify-center rounded-full",children:k?(0,o.jsx)(c,{}):(0,o.jsx)(u,{})}),(0,o.jsx)("button",{type:"button",onClick:()=>{var e,t;null===(e=(t=navigator).share)||void 0===e||e.call(t,{url:window.location.href})},className:"bg-white/10 flex h-[36px] w-[36px] items-center justify-center rounded-full",children:(0,o.jsx)(f,{})})]})}),!w&&(0,o.jsx)("button",{type:"button",onClick:M,className:"absolute left-1/2 top-1/2 flex h-[48px] w-[48px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[rgba(15,23,43,0.24)]",children:(0,o.jsx)(p,{})})]}),(null==A?void 0:A.showCta)&&(null==A?void 0:A.footer)&&(0,o.jsxs)("button",{type:"button",onClick:()=>{var e;(null==A?void 0:null===(e=A.footer)||void 0===e?void 0:e.linkUrl)&&window.open(A.footer.linkUrl,"_blank","noopener,noreferrer")},className:"mt-[16px] flex w-[calc(100%-0px)] items-center justify-center gap-[5px] rounded-xl px-4 py-[12px]",style:{backgroundColor:A.footer.backgroundColor||"#ffffff",color:A.footer.textColor||"#1A1A1A",borderRadius:null!==(r=A.footer.borderRadius)&&void 0!==r?r:8,border:"".concat(null!==(l=A.footer.borderThickness)&&void 0!==l?l:.5,"px solid ").concat(A.footer.borderColor||"#1A1A1A")},children:[(0,o.jsx)("span",{className:"text-sm font-semibold",children:A.footer.text}),A.footer.showArrow&&(0,o.jsx)("span",{style:{marginLeft:"3px",fontSize:"1.125rem"},children:"âº"})]})]}),(null==R?void 0:R.length)>0&&(0,o.jsx)("div",{className:"bg-white flex w-[322px] flex-col gap-[15px] overflow-y-auto rounded-2xl bg-[#ffffff] pl-[15px]",style:{height:"85vh",maxHeight:"85vh"},children:R.map((e,t)=>{var r,i;return(0,o.jsxs)("div",{className:"bg-white flex cursor-pointer items-center gap-[8px] rounded-xl border border-[#EEE] p-[10px] transition-all hover:scale-[1.02]",onClick:()=>e.productUrl&&window.open(e.productUrl,"_blank","noopener,noreferrer"),children:[(0,o.jsx)("div",{className:"relative h-[80px] w-[80px] shrink-0 overflow-hidden rounded-lg",children:(0,o.jsx)(j.default,{src:(null===(r=e.productImage)||void 0===r?void 0:r.path)||e.productImage,alt:e.productName||"Product",fill:!0,className:"object-cover",sizes:"80px"})}),(0,o.jsxs)("div",{className:" min-w-0 flex-1 self-start",children:[(0,o.jsx)("p",{className:"mb-[5px] line-clamp-2 overflow-hidden text-ellipsis font-['Inter'] text-[14px] font-normal leading-[18px] tracking-[0.1px] text-[#191A0B]",children:e.productName||"Product"}),(null===(i=e.price)||void 0===i?void 0:i.listPrice)&&(0,o.jsxs)("p",{className:"font-['Inter'] text-[16px] font-semibold leading-[24px] text-[#191A0B]",children:["â¹",Math.floor(e.price.listPrice)]})]})]},e.productId||t)})})]}),g<n.length-1&&(0,o.jsx)("button",{type:"button",onClick:()=>{g<n.length-1&&(b(e=>e+1),y(!0))},className:"hover:bg-black/80 ml-[15px] flex h-[48px] w-[48px] items-center justify-center rounded-full bg-[#202020] backdrop-blur-sm transition-all",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"white",children:(0,o.jsx)("path",{d:"M9 18l6-6-6-6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),document.body)};w.propTypes={videos:n().arrayOf(n().object),initialIndex:n().number,onClose:n().func.isRequired,videoProducts:n().arrayOf(n().arrayOf(n().object))};var y=r(15736),k=r(79580);let C=(0,a.default)(()=>Promise.resolve().then(r.bind(r,36274)),{loadableGenerated:{webpack:()=>[36274]},ssr:!1}),N=e=>{var t,r,l,n;let{video:s,isPlaying:a,isWidgetInView:h=!1,onPlay:m,onPause:v,allVideos:g=[],videoIndex:j=0,products:N=[],isLoadingProducts:_=!1,videoProducts:L=[]}=e,{onCellClick:S}=null!==(r=(0,k.L)())&&void 0!==r?r:{},A=(0,i.useRef)(null),[R,I]=(0,i.useState)(!0),[M,E]=(0,i.useState)(!1),[P,B]=(0,i.useState)(!1),T=null==s?void 0:null===(t=s.button)||void 0===t?void 0:t.text;(0,i.useEffect)(()=>{h&&A.current&&(a?A.current.play().catch(()=>{}):A.current.pause())},[a,h]);let O=e=>{null==S||S({action:"Video Clicked",item:{item_name:e||s.title||"Video",item_position:j,item_row:1,item_column:(null!=j?j:0)+1,redirection_url:s.videoUrl}})};return(0,o.jsxs)("div",{className:"bg-black relative w-full cursor-pointer overflow-hidden rounded-2xl md:max-h-none",style:{aspectRatio:"2/3"},onMouseEnter:()=>m(),onMouseLeave:()=>v(),children:[h?(0,o.jsx)(y.Z,{customRef:A,videoUrl:s.videoUrl,poster:s.thumbnail,title:s.title||"Video",classes:"h-full w-full object-cover",isMuted:R,isLoop:!0,isPlaysInline:!0,preload:"auto",isAutoPlay:!1}
1):s.thumbnail&&(0,o.jsx)("img",{src:s.thumbnail,alt:s.title||"Video thumbnail",className:"h-full w-full object-cover",loading:"lazy"}),(0,o.jsxs)("div",{className:"absolute left-[10px] right-[10px] top-[10px] flex items-center justify-between",children:[(0,o.jsx)("button",{type:"button",onClick:()=>{O("Fullscreen");let e=window.innerWidth<768;v(),e&&g.length>0?E(!0):B(!0)},"aria-label":"Enter fullscreen",className:"flex h-[36px] w-[36px] items-center justify-center rounded-[35.1px] bg-[rgba(0,0,0,0.20)]",children:(0,o.jsx)(d,{})}),(0,o.jsxs)("div",{className:"flex gap-[10px]",children:[(0,o.jsx)("button",{type:"button",onClick:()=>{O("Mute toggle"),A.current&&(A.current.muted=!R,I(!R))},"aria-label":R?"Unmute":"Mute",className:"flex h-[36px] w-[36px] items-center justify-center rounded-[35.1px] bg-[rgba(0,0,0,0.20)]",children:R?(0,o.jsx)(c,{}):(0,o.jsx)(u,{})}),(0,o.jsx)("button",{type:"button",onClick:()=>{var e,t;O("Share"),null===(e=(t=navigator).share)||void 0===e||e.call(t,{url:window.location.href})},"aria-label":"Share video",className:"flex h-[36px] w-[36px] items-center justify-center rounded-[35.1px] bg-[rgba(0,0,0,0.20)] p-2",children:(0,o.jsx)(f,{})})]})]}),(0,o.jsx)("button",{type:"button",onClick:()=>{O(s.title||"Play toggle"),a?v():m()},"aria-label":a?"Pause video":"Play video",className:"absolute left-1/2 top-1/2 flex h-[48px] w-[48px] -translate-x-1/2 -translate-y-1/2 items-center justify-center gap-[4px] rounded-[24px] bg-[rgba(15,23,43,0.24)] p-[4px_8px]",children:a?(0,o.jsx)(x,{}):(0,o.jsx)(p,{})}),s.showCta||N.length>0?(0,o.jsx)("div",{className:"absolute bottom-0 left-0 right-0 pb-3 pl-3 pr-3 pt-[60px]",style:{background:"linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%)"},children:s.showCta&&s.footer?(0,o.jsxs)("button",{type:"button",onClick:()=>{var e,t,r;null==S||S({action:"CTA Clicked",item:{item_name:(null==s?void 0:null===(e=s.footer)||void 0===e?void 0:e.text)||"Video footer CTA",redirection_url:null==s?void 0:null===(t=s.footer)||void 0===t?void 0:t.linkUrl}}),(null==s?void 0:null===(r=s.footer)||void 0===r?void 0:r.linkUrl)&&window.open(s.footer.linkUrl,"_blank","noopener,noreferrer")},className:"mx-[10px] mb-[10px] flex w-[calc(100%-20px)] items-center justify-center gap-[5px] rounded-xl px-4 py-3",style:{backgroundColor:s.footer.backgroundColor||"#ffffff",color:s.footer.textColor||"#1A1A1A",borderRadius:null!==(l=s.footer.borderRadius)&&void 0!==l?l:12,border:"".concat(null!==(n=s.footer.borderThickness)&&void 0!==n?n:.5,"px solid ").concat(s.footer.borderColor||"#1A1A1A")},children:[(0,o.jsx)("span",{className:"text-sm font-semibold",children:s.footer.text||T}),s.footer.showArrow&&(0,o.jsx)("span",{children:"âº"})]}):(0,o.jsx)(C,{products:N,isLoading:_})}):null,M&&(0,o.jsx)(b,{videos:g,initialIndex:j,onClose:()=>E(!1),videoProducts:L}),P&&(0,o.jsx)(w,{videos:g,initialIndex:j,onClose:()=>B(!1),videoProducts:L})]})};N.propTypes={video:n().shape({videoUrl:n().string,thumbnail:n().string,title:n().string,taggedProducts:n().arrayOf(n().object),showCta:n().bool,footer:n().shape({text:n().string,linkUrl:n().string,showArrow:n().bool,backgroundColor:n().string,textColor:n().string,borderColor:n().string,borderRadius:n().number,borderThickness:n().number}),button:n().shape({text:n().string,url:n().string})}).isRequired,isPlaying:n().bool.isRequired,isWidgetInView:n().bool,onPlay:n().func.isRequired,onPause:n().func.isRequired,allVideos:n().arrayOf(n().object),videoIndex:n().number,products:n().arrayOf(n().object),isLoadingProducts:n().bool,videoProducts:n().arrayOf(n().arrayOf(n().object))};var _=r(81213),L=r(19185),S=r(49553),A=r(72848);r(55768),r(8694);let R=e=>{let{video:t}=e;return(0,o.jsx)("div",{className:"flex justify-center px-2 md:px-10",children:(0,o.jsx)("div",{className:"w-full max-w-[280px] overflow-hidden rounded-2xl bg-grey-100 md:max-w-none",style:{aspectRatio:"2/3"},"aria-hidden":"true",children:(null==t?void 0:t.thumbnail)?(0,o.jsx)("img",{src:t.thumbnail,alt:"",className:"h-full w-full object-cover",loading:"lazy"}):null})})};function I(e){e&&e.querySelectorAll(".slick-cloned video").forEach(e
1=>{e.pause(),e.removeAttribute("src"),e.removeAttribute("data-src"),e.preload="none"})}function M(e,t){return t?(e%t+t)%t:0}R.propTypes={video:n().object};let E=e=>{var t;let{videos:r,isMobile:l,sectionPadding:n}=e,a=Array.isArray(r)?r:[],d=(0,i.useRef)(null),c=(0,i.useRef)(null),[u,f]=(0,i.useState)(null),[p,x]=(0,i.useState)(0),[h,m]=(0,i.useState)([]),[v,g]=(0,i.useState)(!1),[b,j]=(0,i.useState)(!1),w=(0,A.Z)(c,{rootMargin:"200px",freezeOnceVisible:!0});(0,S.Z)(c,"".concat(a.length,"-").concat(p,"-").concat(w));let y=(0,i.useMemo)(()=>{let e=[],t=new Set;return a.forEach(r=>{var o;(null!==(o=null==r?void 0:r.taggedProducts)&&void 0!==o?o:[]).forEach(r=>{(null==r?void 0:r.productId)&&!t.has(r.productId)&&(t.add(r.productId),e.push(r.productId))})}),e},[r]).join(",");(0,i.useEffect)(()=>{var e;if(!window.matchMedia)return;let t=window.matchMedia("(prefers-reduced-motion: reduce)");j(t.matches);let r=e=>j(e.matches);return null===(e=t.addEventListener)||void 0===e||e.call(t,"change",r),()=>{var e;return null===(e=t.removeEventListener)||void 0===e?void 0:e.call(t,"change",r)}},[]),(0,i.useEffect)(()=>{if(!w)return;if(!y){m(a.map(()=>[])),g(!1);return}let e=!1;return g(!0),(0,L.DG)(y).then(t=>{if(e)return;let r=(0,L.xc)(t),o={};r.forEach(e=>{(null==e?void 0:e.productId)&&(o[e.productId]=e)}),m(a.map(e=>{var t;return(null!==(t=null==e?void 0:e.taggedProducts)&&void 0!==t?t:[]).map(e=>o[null==e?void 0:e.productId]).filter(Boolean)}))}).catch(()=>{e||m(a.map(()=>[]))}).finally(()=>{e||g(!1)}),()=>{e=!0}},[y,w]);let k=e=>{f(e)},C=e=>{u===e&&f(null)},E=(0,i.useCallback)(()=>{I(c.current)},[]);if((0,i.useEffect)(()=>{if(!w)return;let e=requestAnimationFrame(()=>{I(c.current)});return()=>cancelAnimationFrame(e)},[w,a.length]),(0,i.useEffect)(()=>{var e,t,r,o;if(!w||b)return;let i=a[M(p,a.length)];if(l){f(null!==(o=null!==(r=null==i?void 0:i.id)&&void 0!==r?r:null===(t=a[0])||void 0===t?void 0:t.id)&&void 0!==o?o:null);return}(null===(e=a[0])||void 0===e?void 0:e.id)&&f(a[0].id)},[w,l,a,p,b]),0===a.length)return null;let P={slidesToShow:l?1:5.2,slidesToScroll:1,arrows:!l,dots:!1,prevArrow:(0,o.jsx)(_.e,{direction:"prev"}),nextArrow:(0,o.jsx)(_.e,{direction:"next"}),centerMode:l,centerPadding:l?"40px":"0px",autoplay:!1,beforeChange:(e,t)=>
1{x(M(t,a.length))},onInit:E,onReInit:E,infinite:l,hoverPause:!0};return(0,o.jsx)("div",{ref:c,className:"w-full",id:"video-trail-".concat(null===(t=a[0])||void 0===t?void 0:t.id),role:"region","aria-roledescription":"carousel","aria-label":"Video stories",style:{paddingLeft:l?void 0:null==n?void 0:n.paddingLeft,paddingRight:l?void 0:null==n?void 0:n.paddingRight},children:w?(0,o.jsx)(s.Z,{ref:d,...P,children:a.map((e,t)=>{var r;let i=t===M(p,a.length);return(0,o.jsx)("div",{className:l?"px-2":"px-10",children:(0,o.jsx)("div",{className:b?"":"transition-transform duration-300",style:{transform:!l||b||i?"scale(1)":"scale(0.9)"},children:(0,o.jsx)(N,{video:e,isPlaying:u===e.id,isWidgetInView:w,onPlay:()=>k(e.id),onPause:()=>C(e.id),allVideos:a,videoIndex:t,products:null!==(r=h[t])&&void 0!==r?r:[],isLoadingProducts:v,videoProducts:h})})},e.id)})}):(0,o.jsx)(R,{video:a[0]})})};E.propTypes={videos:n().arrayOf(n().object).isRequired,isMobile:n().bool.isRequired,sectionPadding:n().shape({paddingLeft:n().string,paddingRight:n().string}).isRequired};let P=e=>{var t,r,i,l,n,s;let{widget:a,isMobile:d}=e,c=Array.isArray(null==a?void 0:null===(t=a.typeConfig)||void 0===t?void 0:t.stories)?a.typeConfig.stories:[],u={paddingLeft:"".concat((null==a?void 0:null===(i=a.sectionSettings)||void 0===i?void 0:null===(r=i.padding)||void 0===r?void 0:r.left)||0,"px"),paddingRight:"".concat((null==a?void 0:null===(n=a.sectionSettings)||void 0===n?void 0:null===(l=n.padding)||void 0===l?void 0:l.right)||0,"px")};return 0===c.length?null:(0,o.jsx)("div",{className:"w-full",id:"video-widget-".concat(null===(s=c[0])||void 0===s?void 0:s.id),children:(0,o.jsx)(E,{videos:c,sectionPadding:u,isMobile:d})})};P.propTypes={widget:n().object.isRequired,isMobile:n().bool.isRequired};var B=P},72848:function(e,t,r){var o=r(64090);t.Z=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{threshold:r=0,root:i=null,rootMargin:l="0%",freezeOnceVisible:n=!1}=t,[s,a]=(0,o.useState)(!1),[d,c]=(0,o.useState)(null);return(0,o.useLayoutEffect)(()=>{var t;let r=null!==(t=null==e?void 0:e.current)&&void 0!==t?t:null;c(e=>e===r?e:r)}),(0,o.useEffect)(()=>{let e;if(window.IntersectionObserver&&d){try{(e=new IntersectionObserver(t=>{let[r]=t;r&&(a(r.isIntersecting),r.isIntersecting&&n&&e.unobserve(d))},{threshold:r,root:i,rootMargin:l})).observe(d)}catch(e){console.error("Error setting up IntersectionObserver:",e)}return()=>{e&&e.disconnect()}}},[d,r,i,l,n]),s}}}]); 2//# sourceMappingURL=1745.4512b803e5454d81.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.