import{r as m,u as l,j as q,a as h}from"./index.js";import{s}from"./styled-components.browser.esm.js";import{u as A}from"./App.js";import{u as B}from"./useWindowSize.js";const J=({post:e,src:b,autoPlay:d,isMuted:r})=>{var w,x,$,g,t,S,j,y,z,I,V,R,E,O;const i=m.exports.useRef(null),c=A(i,{}),n=!!(c!=null&&c.isIntersecting),W=l(a=>a.triggerEvent),v=l(a=>a.modalOpen),k=l(a=>a.postWidth),{device:N}=B(),f=N!=="desktop"&&window.devicePixelRatio>=2?2:1,L=((w=e==null?void 0:e.media)==null?void 0:w.aspectRatio)>=1.4?2*f:1*f,M=Math.round(k*L),_=()=>{var a;W("post.view",{post:e==null?void 0:e._id,taggedProducts:(a=e==null?void 0:e.taggedProducts)==null?void 0:a.map(u=>{var P;return(P=u==null?void 0:u.product)==null?void 0:P.primaryId})})};return m.exports.useEffect(()=>{if(!v&&d&&n){i.current.defaultMuted=!0,i.current.muted=!0,i.current.volume=0,i.current.play();return}i.current.pause()},[v,n]),m.exports.useEffect(()=>{r&&(i.current.defaultMuted=!0,i.current.muted=!0,i.current.volume=0)},[b,r]),q(C,{children:[h("video",{ref:i,autoPlay:d,playsInline:!0,defaultMuted:r,muted:r,loop:!0,preload:"none",onLoad:_,disablePictureInPicture:!0,className:"cevoid-video-media",children:n&&d&&h("source",{src:b,type:"video/mp4"})}),h("img",{className:"cevoid-video-thumbnail",src:(x=e==null?void 0:e.media)==null?void 0:x.thumbnail,srcSet:`
          ${($=e==null?void 0:e.media)==null?void 0:$.thumbnail}?class=160 160w,
          ${(g=e==null?void 0:e.media)==null?void 0:g.thumbnail}?class=200 200w,
          ${(t=e==null?void 0:e.media)==null?void 0:t.thumbnail}?class=240 240w,
          ${(S=e==null?void 0:e.media)==null?void 0:S.thumbnail}?class=280 280w,
          ${(j=e==null?void 0:e.media)==null?void 0:j.thumbnail}?class=320 320w,
          ${(y=e==null?void 0:e.media)==null?void 0:y.thumbnail}?class=360 360w,
          ${(z=e==null?void 0:e.media)==null?void 0:z.thumbnail}?class=400 400w,
          ${(I=e==null?void 0:e.media)==null?void 0:I.thumbnail}?class=480 480w,
          ${(V=e==null?void 0:e.media)==null?void 0:V.thumbnail}?class=640 640w,
          ${(R=e==null?void 0:e.media)==null?void 0:R.thumbnail}?class=750 750w,
          ${(E=e==null?void 0:e.media)==null?void 0:E.thumbnail}?class=1080 1080w
        `,hash:(O=e==null?void 0:e.media)==null?void 0:O.hash,loading:"lazy",sizes:`${M}px`,alt:`Video from ${e==null?void 0:e.username}${e!=null&&e.comment?` with the caption ${e==null?void 0:e.comment}`:""}`})]})},C=s.div`
  height: calc(100% + 1px);
  width: calc(100% + 1px);
  object-fit: cover;
  display: block;
  border-radius: var(--cevoid-corner-roundness);
  overflow: hidden;
  position: absolute;

  video,
  img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--cevoid-corner-roundness);
  }

  video {
    z-index: 1;
  }
`;export{J as V,C as a};