Loading
function(e,t,n){n.d(t,{A:()=>A});var l=n(627968),i=n(64700),s=n(17928),r=n(775602),a=n(607470),o=n(885386),d=n(522435);n(131955);var c=n(453656);function u(e){let{src:t,className:n,autoPlayOnMount:s}=e,r=i.useRef(null),o=i.useRef(!1),[d,u]=i.useState(!1);i.useEffect(()=>{if(!s)return;let e=r.current;if(null!=e)return o.current=!1,e.addEventListener("canplay",t),e.readyState>=HTMLMediaElement.HAVE_ENOUGH_DATA&&t(),()=>e.removeEventListener("canplay",t);function t(){o.current||null==e||(o.current=!0,e.play())}},[t,s]);let h=i.useCallback(()=>{let e=r.current;null!=e&&(e.currentTime=0,u(!0),e.play())},[]),A=i.useCallback(()=>{let e=r.current;null!=e&&(u(!1),e.pause())},[]);return(0,l.jsx)("div",{className:c.j,onMouseEnter:h,onMouseLeave:A,children:(0,l.jsx)(a.A,{ref:r,className:n,src:t,muted:!0,playsInline:!0,loop:d})})}function h(e){let{animatedSrc:t,staticSrc:n,className:s,autoPlayOnMount:r,animationDurationMs:a=4e3}=e,[o,d]=i.useState(()=>r),c=i.useRef(!r);i.useEffect(()=>{if(!r)return;let e=setTimeout(()=>{c.current=!0,d(!1)},a);return()=>clearTimeout(e)},[r,a]);let u=i.useCallback(()=>{d(!0)},[]),h=i.useCallback(()=>{c.current&&d(!1)},[]);return(0,l.jsx)("img",{className:s,src:o?t:n,alt:"",onMouseEnter:u,onMouseLeave:h})}function A(e){let{imageUrl:t,animatedUrl:n,className:i,autoPlayOnMount:a=!0}=e,c=(0,s.bG)([r.Ay],()=>r.Ay.useReducedMotion),A=o.kt.useSetting(),g=a&&A&&!c;return null!=n&&(0,d.LG)(n)?(0,l.jsx)(u,{src:n,className:i,autoPlayOnMount:g}):null!=n?(0,l.jsx)(h,{animatedSrc:n,staticSrc:t,className:i,autoPlayOnMount:g},n):(0,l.jsx)("img",{className:i,src:t,alt:""})}}