@deriv-web-design/ui 0.1.18 → 0.1.20

package/dist/index.mjs

@@ -2568,7 +2568,7 @@ function DotLottieInView({
   }, [rootMargin, threshold]);
   useEffect6(() => {
     if (mounted) return;
-    if (!(inView && enabled)) return;
+    if (!inView) return;
     if (typeof window === "undefined") return;
     let cancelled = false;
     const commit = () => {
@@ -2583,15 +2583,23 @@ function DotLottieInView({
       }
       if (timerId !== null) window.clearTimeout(timerId);
     };
-  }, [inView, enabled, mounted]);
+  }, [inView, mounted]);
   useEffect6(() => {
     if (!dotLottie) return;
     if (!enabled || !inView) {
       dotLottie.stop();
       return;
     }
-    dotLottie.stop();
-    dotLottie.play();
+    const start = () => {
+      dotLottie.stop();
+      dotLottie.play();
+    };
+    if (dotLottie.isLoaded) {
+      start();
+      return;
+    }
+    dotLottie.addEventListener("load", start);
+    return () => dotLottie.removeEventListener("load", start);
   }, [dotLottie, enabled, inView]);
   return /* @__PURE__ */ jsx27(
     "div",
@@ -2688,6 +2696,7 @@ var ChevronRight2 = () => /* @__PURE__ */ jsx28(
     )
   }
 );
+var DEFAULT_MEDIA_SIZES = "(min-width: 992px) 50vw, 100vw";
 function mediaSrc(item) {
   return typeof item.mediaUrl === "string" && item.mediaUrl !== "" ? item.mediaUrl : null;
 }
@@ -2711,6 +2720,10 @@ var MediaRenderer = ({ item, active, rootMargin, threshold }) => {
           "img",
           {
             src: item.posterUrl,
+            ...item.posterSrcSet ? {
+              srcSet: item.posterSrcSet,
+              sizes: item.posterSizes ?? DEFAULT_MEDIA_SIZES
+            } : {},
             alt: "",
             "aria-hidden": "true",
             loading: "lazy",
@@ -2724,6 +2737,7 @@ var MediaRenderer = ({ item, active, rootMargin, threshold }) => {
     "img",
     {
       src,
+      ...item.mediaSrcSet ? { srcSet: item.mediaSrcSet, sizes: item.mediaSizes ?? DEFAULT_MEDIA_SIZES } : {},
       alt: item.title,
       loading: "lazy",
       decoding: "async"