@flamingo-stack/openframe-frontend-core 0.0.402 → 0.0.403

package/dist/{chunk-RZIFF62P.js → chunk-TTUQSOBL.js}

@@ -10118,6 +10118,7 @@ function YouTubeFacade({
   return /* @__PURE__ */ jsx72(YouTubeFacadeInner, { videoId, title, priority, className, minimalControls });
 }
 var YT_NOCOOKIE_ORIGIN = "https://www.youtube-nocookie.com";
+var YT_POSTER_TIERS = ["maxresdefault", "mqdefault"];
 var YT_STATE_ENDED = 0;
 var YT_STATE_PLAYING = 1;
 var YT_PLAYING_BLUR_DELAY_MS = 1e3;
@@ -10130,7 +10131,7 @@ function YouTubeFacadeInner({
 }) {
   const [activated, setActivated] = useState22(false);
   const iframeRef = useRef12(null);
-  const { embedUrl, posterJpg, posterWebp } = useMemo12(() => {
+  const embedUrl = useMemo12(() => {
     const params = new URLSearchParams({
       autoplay: "1",
       rel: "0",
@@ -10148,12 +10149,16 @@ function YouTubeFacadeInner({
       params.set("cc_load_policy", "0");
       params.set("disablekb", "1");
     }
-    return {
-      embedUrl: `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`,
-      posterJpg: `https://i.ytimg.com/vi/${videoId}/mqdefault.jpg`,
-      posterWebp: `https://i.ytimg.com/vi_webp/${videoId}/mqdefault.webp`
-    };
+    return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
   }, [videoId, minimalControls]);
+  const [posterTier, setPosterTier] = useState22(0);
+  useEffect16(() => {
+    setPosterTier(0);
+  }, [videoId]);
+  const posterQuality = YT_POSTER_TIERS[posterTier];
+  const posterJpg = `https://i.ytimg.com/vi/${videoId}/${posterQuality}.jpg`;
+  const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/${posterQuality}.webp`;
+  const handlePosterError = () => setPosterTier((tier) => Math.min(tier + 1, YT_POSTER_TIERS.length - 1));
   useEffect16(() => {
     if (!activated) return;
     const iframe = iframeRef.current;
@@ -10229,6 +10234,7 @@ function YouTubeFacadeInner({
               src: posterJpg,
               alt: title,
               loading: "lazy",
+              onError: handlePosterError,
               ...fetchPriorityProp(priority),
               decoding: priority ? "sync" : "async",
               className: "absolute inset-0 w-full h-full object-cover"
@@ -53295,4 +53301,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-RZIFF62P.js.map
+//# sourceMappingURL=chunk-TTUQSOBL.js.map