@scrippsproduct/networks-ui-library 2.0.5-aplha.1 → 2.0.5

package/dist/components/AnchorTag/AnchorTag.test.js

@@ -117,12 +117,12 @@ c("AnchorTag", () => {
     };
     n("should render image when image prop is provided", () => {
       i(/* @__PURE__ */ a(o, { href: "/", image: l, label: "Image Link" }));
-      const e = s.getByRole("img");
+      const e = s.getByRole("presentation");
       t(e).toBeInTheDocument(), t(e).toHaveAttribute("src", "https://example.com/image.jpg");
-    }), n("should use label as alt text for image", () => {
+    }), n("should not use label as alt text for image", () => {
       i(/* @__PURE__ */ a(o, { href: "/", image: l, label: "Test Label" }));
-      const e = s.getByRole("img");
-      t(e).toHaveAttribute("alt", "Test Label");
+      const e = s.getByRole("presentation");
+      t(e).toHaveAttribute("alt", "");
     }), n("should render label in sr-only span when image is present", () => {
       const { container: e } = i(/* @__PURE__ */ a(o, { href: "/", image: l, label: "Screen Reader Text" })), r = e.querySelector(".sr-only");
       t(r).toBeInTheDocument(), t(r == null ? void 0 : r.textContent).toBe("Screen Reader Text");
@@ -349,16 +349,6 @@ c("AnchorTag", () => {
         height: 200
       }, { container: e } = i(/* @__PURE__ */ a(o, { image: l, label: "Accessible Text" })), r = e.querySelector(".sr-only");
       t(r).toHaveTextContent("Accessible Text");
-    }), n("should have proper alt text on image", () => {
-      i(/* @__PURE__ */ a(o, { image: {
-        url: "https://example.com/image.jpg",
-        altText: "Test",
-        aspectRatio: 1.5,
-        width: 300,
-        height: 200
-      }, label: "Alt Text Here" }));
-      const e = s.getByRole("img");
-      t(e).toHaveAttribute("alt", "Alt Text Here");
     }), n("should properly indicate external links with rel noreferrer", () => {
       i(/* @__PURE__ */ a(o, { href: "https://example.com", label: "External", type: "external-link" }));
       const l = s.getByRole("link");
@@ -379,7 +369,7 @@ c("AnchorTag", () => {
           }
         ]
       }, label: "Image with Sources" }));
-      const e = s.getByRole("img");
+      const e = s.getByRole("presentation");
       t(e).toHaveAttribute("src", "https://example.com/image.jpg");
     }), n("should handle image with caption", () => {
       i(/* @__PURE__ */ a(o, { image: {
@@ -390,7 +380,7 @@ c("AnchorTag", () => {
         height: 200,
         caption: "This is a caption"
       }, label: "Captioned Image" }));
-      const e = s.getByRole("img");
+      const e = s.getByRole("presentation");
       t(e).toBeInTheDocument();
     }), n("should handle image with text property", () => {
       i(/* @__PURE__ */ a(o, { image: {
@@ -401,7 +391,7 @@ c("AnchorTag", () => {
         height: 200,
         text: "Additional text"
       }, label: "Image with Text" }));
-      const e = s.getByRole("img");
+      const e = s.getByRole("presentation");
       t(e).toBeInTheDocument();
     });
   }), c("Integration Tests", () => {
@@ -456,8 +446,8 @@ c("AnchorTag", () => {
       );
       const e = s.getByRole("link");
       t(e).toHaveClass("logo-link"), t(e).toHaveClass("anchor-tag--image"), t(e).toHaveAttribute("href", "/"), t(e).toHaveAttribute("target", "_self"), t(e).toHaveStyle({ "--anchor-tag-image-ratio": "2" });
-      const r = s.getByRole("img");
-      t(r).toHaveAttribute("src", "https://example.com/logo.png"), t(r).toHaveAttribute("alt", "Home");
+      const r = s.getByRole("presentation");
+      t(r).toHaveAttribute("src", "https://example.com/logo.png"), t(r).toHaveAttribute("alt", "");
     });
   });
 });

package/dist/components/BCVideoPlayer/BCVideoPlayer.test.js

@@ -20,8 +20,8 @@ d("BCVideoPlayer", () => {
       r(o).toBeInTheDocument();
     }), a("should render wrapper with correct id", () => {
       c(/* @__PURE__ */ t(n, { bcId: "123456" }));
-      const e = document.getElementById("video-player-wrapper");
-      r(e).toHaveAttribute("id", "video-player-wrapper");
+      const e = document.getElementById("video-player-wrapper-bc-player");
+      r(e).toHaveAttribute("id", "video-player-wrapper-bc-player");
     }), a("should render wrapper with correct class", () => {
       const { container: e } = c(/* @__PURE__ */ t(n, { bcId: "123456" })), o = e.querySelector(".video-player__wrapper");
       r(o).toHaveClass("video-player__wrapper");
@@ -222,7 +222,7 @@ d("BCVideoPlayer", () => {
           }
         )
       ), p = o.querySelector(".video-player__wrapper");
-      r(p).toBeInTheDocument(), r(p).toHaveAttribute("id", "video-player-wrapper");
+      r(p).toBeInTheDocument(), r(p).toHaveAttribute("id", "video-player-wrapper-custom-player");
     }), a("should handle keyboard events with all props", () => {
       const e = l.fn(), { container: o } = c(
         /* @__PURE__ */ t(

package/dist/components/CarouselSlide/CarouselSlide.test.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { v as y, d, b as p, i as r, r as a, g as i, w as u, s as c } from "../../react.esm-S2Q_NbYC.mjs";
+import { v as y, d, b as p, i as r, r as a, w as u, g as i, s as c } from "../../react.esm-S2Q_NbYC.mjs";
 import "../../index-BZQHStQa.mjs";
 import { CarouselSlide as n } from "./CarouselSlide.js";
 y.mock("@scrippsproduct/console-logger", () => ({
@@ -36,51 +36,52 @@ d("CarouselSlide", () => {
   }), d("Basic Rendering", () => {
     r("should render slide with basic props", async () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
-      ), e = t.querySelector("li");
-      i(e).toBeInTheDocument(), await u(() => {
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
+      );
+      await u(() => {
+        const e = t.querySelector("li");
         i(e).toBeInTheDocument();
       });
     }), r("should render with correct aria-label", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("aria-label", "1 of 3");
     }), r("should render with aria-roledescription", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("aria-roledescription", "carousel-item");
     }), r("should render with data-index attribute", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 2, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 2, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("data-index", "2");
     }), r("should render with correct index for different positions", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 5, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 5, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("data-index", "5");
     });
   }), d("Inert Attribute", () => {
     r("should not have inert attribute when slide is current", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).not.toHaveAttribute("inert");
     }), r("should have inert attribute when slide is not current", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 1, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 1, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("inert");
     }), r("should have inert attribute when currentIndex is greater than index", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 2 })
+        /* @__PURE__ */ l(n, { currentIndex: 2, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("inert");
     }), r("should not have inert when indices match at higher values", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 5, currentIndex: 5 })
+        /* @__PURE__ */ l(n, { currentIndex: 5, index: 5, slide: s })
       ), e = t.querySelector("li");
       i(e).not.toHaveAttribute("inert");
     });
@@ -90,10 +91,10 @@ d("CarouselSlide", () => {
         /* @__PURE__ */ l(
           n,
           {
-            slide: s,
-            index: 0,
+            variableHeight: !0,
             currentIndex: 0,
-            variableHeight: !0
+            index: 0,
+            slide: s
           }
         )
       ), e = t.querySelector("li");
@@ -103,9 +104,9 @@ d("CarouselSlide", () => {
         /* @__PURE__ */ l(
           n,
           {
-            slide: s,
-            index: 0,
             currentIndex: 0,
+            index: 0,
+            slide: s,
             variableHeight: !1
           }
         )
@@ -113,14 +114,14 @@ d("CarouselSlide", () => {
       i(e).not.toHaveClass("slide--variable-height");
     }), r("should not apply variable height class by default", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).not.toHaveClass("slide--variable-height");
     });
   }), d("CSS Classes", () => {
     r("should always have slide class", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveClass("slide");
     }), r("should have multiple classes when variableHeight is true", () => {
@@ -128,10 +129,10 @@ d("CarouselSlide", () => {
         /* @__PURE__ */ l(
           n,
           {
-            slide: s,
-            index: 0,
+            variableHeight: !0,
             currentIndex: 0,
-            variableHeight: !0
+            index: 0,
+            slide: s
           }
         )
       ), e = t.querySelector("li");
@@ -139,29 +140,29 @@ d("CarouselSlide", () => {
     });
   }), d("Layout Loading", () => {
     r("should render layout component when layout is found", async () => {
-      a(/* @__PURE__ */ l(n, { slide: {
+      a(/* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
         ariaLabel: "1 of 3",
         cells: [{ id: 1, props: { title: "Figure Title" }, layout: "Figure" }],
         layout: "Figure"
-      }, index: 0, currentIndex: 0 })), await u(() => {
+      } })), await u(() => {
         const e = c.getByTestId("figure-layout");
         i(e).toBeInTheDocument(), i(e).toHaveTextContent("Figure Title");
       });
     }), r("should render text layout when layout is Text", async () => {
-      a(/* @__PURE__ */ l(n, { slide: {
+      a(/* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
         ariaLabel: "1 of 3",
         cells: [{ id: 1, props: { content: "Text Content" }, layout: "Text" }],
         layout: "Text"
-      }, index: 0, currentIndex: 0 })), await u(() => {
+      } })), await u(() => {
         const e = c.getByTestId("text-layout");
         i(e).toBeInTheDocument(), i(e).toHaveTextContent("Text Content");
       });
     }), r("should render video layout when layout is Video", async () => {
-      a(/* @__PURE__ */ l(n, { slide: {
+      a(/* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
         ariaLabel: "1 of 3",
         cells: [{ id: 1, props: { videoId: "video-123" }, layout: "Video" }],
         layout: "Video"
-      }, index: 0, currentIndex: 0 })), await u(() => {
+      } })), await u(() => {
         const e = c.getByTestId("video-layout");
         i(e).toBeInTheDocument(), i(e).toHaveTextContent("video-123");
       });
@@ -171,14 +172,14 @@ d("CarouselSlide", () => {
         cells: [{ id: 1, props: { title: "Test" }, layout: "Unknown" }],
         layout: "Unknown"
       }, { container: e } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: t })
       ), o = e.querySelector("li");
       i(o).toBeInTheDocument(), i(o == null ? void 0 : o.children.length).toBe(0);
     });
   }), d("Multiple Cells", () => {
     r("should render multiple cells", async () => {
       a(
-        /* @__PURE__ */ l(n, { slide: {
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
           ariaLabel: "1 of 3",
           cells: [
             { id: 1, props: { title: "Cell 1" }, layout: "Figure" },
@@ -186,35 +187,35 @@ d("CarouselSlide", () => {
             { id: 3, props: { title: "Cell 3" }, layout: "Figure" }
           ],
           layout: "Figure"
-        }, index: 0, currentIndex: 0 })
+        } })
       ), await u(() => {
         const e = c.getAllByTestId("figure-layout");
         i(e).toHaveLength(3), i(e[0]).toHaveTextContent("Cell 1"), i(e[1]).toHaveTextContent("Cell 2"), i(e[2]).toHaveTextContent("Cell 3");
       });
     }), r("should render cells with unique keys", async () => {
       a(
-        /* @__PURE__ */ l(n, { slide: {
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 2, slide: {
           ariaLabel: "1 of 3",
           cells: [
             { id: 1, props: { title: "Cell A" }, layout: "Figure" },
             { id: 2, props: { title: "Cell B" }, layout: "Figure" }
           ],
           layout: "Figure"
-        }, index: 2, currentIndex: 0 })
+        } })
       ), await u(() => {
         const e = c.getAllByTestId("figure-layout");
         i(e).toHaveLength(2);
       });
     }), r("should use slide layout for all cells in the slide", async () => {
       a(
-        /* @__PURE__ */ l(n, { slide: {
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
           ariaLabel: "1 of 3",
           cells: [
             { id: 1, props: { title: "Figure Cell 1" }, layout: "Figure" },
             { id: 2, props: { title: "Figure Cell 2" }, layout: "Figure" }
           ],
           layout: "Figure"
-        }, index: 0, currentIndex: 0 })
+        } })
       ), await u(() => {
         const e = c.getAllByTestId("figure-layout");
         i(e).toHaveLength(2), i(e[0]).toHaveTextContent("Figure Cell 1"), i(e[1]).toHaveTextContent("Figure Cell 2");
@@ -227,7 +228,7 @@ d("CarouselSlide", () => {
         cells: [],
         layout: "Figure"
       }, { container: e } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: t })
       ), o = e.querySelector("li");
       i(o).toBeInTheDocument(), i(o == null ? void 0 : o.children.length).toBe(0);
     }), r("should handle missing layout in cell", async () => {
@@ -236,7 +237,7 @@ d("CarouselSlide", () => {
         cells: [{ id: 1, props: { title: "Test" } }],
         layout: ""
       }, { container: e } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: t })
       ), o = e.querySelector("li");
       i(o).toBeInTheDocument();
     }), r("should handle empty aria-label", () => {
@@ -245,24 +246,24 @@ d("CarouselSlide", () => {
         cells: [h],
         layout: "Figure"
       }, { container: e } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: t })
       ), o = e.querySelector("li");
       i(o).toHaveAttribute("aria-label", "");
     }), r("should handle negative indices gracefully", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: -1, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: -1, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("data-index", "-1"), i(e).toHaveAttribute("inert");
     }), r("should handle large index values", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 999, currentIndex: 999 })
+        /* @__PURE__ */ l(n, { currentIndex: 999, index: 999, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("data-index", "999"), i(e).not.toHaveAttribute("inert");
     });
   }), d("Props Passing to Layout", () => {
     r("should pass all cell props to layout component", async () => {
       a(
-        /* @__PURE__ */ l(n, { slide: {
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
           ariaLabel: "1 of 1",
           cells: [
             {
@@ -277,17 +278,17 @@ d("CarouselSlide", () => {
             }
           ],
           layout: "Figure"
-        }, index: 0, currentIndex: 0 })
+        } })
       ), await u(() => {
         const e = c.getByTestId("figure-layout");
         i(e).toBeInTheDocument();
       });
     }), r("should handle cells without id", async () => {
-      a(/* @__PURE__ */ l(n, { slide: {
+      a(/* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: {
         ariaLabel: "1 of 1",
         cells: [{ props: { title: "No ID Cell" }, layout: "Figure" }],
         layout: "Figure"
-      }, index: 0, currentIndex: 0 })), await u(() => {
+      } })), await u(() => {
         const e = c.getByTestId("figure-layout");
         i(e).toBeInTheDocument();
       });
@@ -303,30 +304,30 @@ d("CarouselSlide", () => {
         cells: [{ id: 2, props: { title: "Updated" }, layout: "Figure" }],
         layout: "Figure"
       }, { rerender: o } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: t })
       );
       await u(() => {
         i(c.getByText("Initial")).toBeInTheDocument();
-      }), o(/* @__PURE__ */ l(n, { slide: e, index: 0, currentIndex: 0 })), await u(() => {
+      }), o(/* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: e })), await u(() => {
         i(c.getByText("Updated")).toBeInTheDocument();
       });
     }), r("should update inert attribute when currentIndex changes", () => {
       const { container: t, rerender: e } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 1, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 1, slide: s })
       );
       let o = t.querySelector("li");
-      i(o).toHaveAttribute("inert"), e(/* @__PURE__ */ l(n, { slide: s, index: 1, currentIndex: 1 })), o = t.querySelector("li"), i(o).not.toHaveAttribute("inert");
+      i(o).toHaveAttribute("inert"), e(/* @__PURE__ */ l(n, { currentIndex: 1, index: 1, slide: s })), o = t.querySelector("li"), i(o).not.toHaveAttribute("inert");
     }), r("should update data-index when index changes", () => {
       const { container: t, rerender: e } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       );
       let o = t.querySelector("li");
-      i(o).toHaveAttribute("data-index", "0"), e(/* @__PURE__ */ l(n, { slide: s, index: 3, currentIndex: 0 })), o = t.querySelector("li"), i(o).toHaveAttribute("data-index", "3");
+      i(o).toHaveAttribute("data-index", "0"), e(/* @__PURE__ */ l(n, { currentIndex: 0, index: 3, slide: s })), o = t.querySelector("li"), i(o).toHaveAttribute("data-index", "3");
     });
   }), d("Accessibility", () => {
     r("should have proper role description for screen readers", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector('li[aria-roledescription="carousel-item"]');
       i(e).toBeInTheDocument();
     }), r("should provide context with aria-label", () => {
@@ -335,17 +336,17 @@ d("CarouselSlide", () => {
         cells: [h],
         layout: "Figure"
       }, { container: e } = a(
-        /* @__PURE__ */ l(n, { slide: t, index: 2, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 2, slide: t })
       ), o = e.querySelector("li");
       i(o).toHaveAttribute("aria-label", "Slide 3 of 10");
     }), r("should be inert when not focused to prevent tab navigation", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 2, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 2, slide: s })
       ), e = t.querySelector("li");
       i(e).toHaveAttribute("inert");
     }), r("should not be inert when focused to allow tab navigation", () => {
       const { container: t } = a(
-        /* @__PURE__ */ l(n, { slide: s, index: 0, currentIndex: 0 })
+        /* @__PURE__ */ l(n, { currentIndex: 0, index: 0, slide: s })
       ), e = t.querySelector("li");
       i(e).not.toHaveAttribute("inert");
     });
@@ -362,10 +363,10 @@ d("CarouselSlide", () => {
         /* @__PURE__ */ l(
           n,
           {
-            slide: t,
-            index: 4,
+            variableHeight: !0,
             currentIndex: 4,
-            variableHeight: !0
+            index: 4,
+            slide: t
           }
         )
       ), o = e.querySelector("li");

package/dist/components/FindUs/FindUs.js

@@ -1,25 +1,26 @@
-import { jsxs as s, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { useState as m, useEffect as b } from "react";
-import { getViewingPlatforms as W } from "../../utils/getViewingPlatforms.js";
-import { ChannelSearch as j } from "../ChannelSearch/ChannelSearch.js";
-import { RescanInstructions as q } from "../RescanInstructions/RescanInstructions.js";
-import { DeviceAndPlatformLists as O } from "../DeviceAndPlatformLists/DeviceAndPlatformLists.js";
-import { GeneralErrorBoundary as f } from "../../error-boundries/GeneralErrorBoundry.js";
-import '../../assets/FindUs.css';const z = "_findus__column_jx1qh_8", h = {
+import { jsxs as s, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { useState as d, useEffect as P } from "react";
+import { getViewingPlatforms as q } from "../../utils/getViewingPlatforms.js";
+import { classes as f } from "../../utils/helpers.js";
+import { ChannelSearch as I } from "../ChannelSearch/ChannelSearch.js";
+import { RescanInstructions as O } from "../RescanInstructions/RescanInstructions.js";
+import { DeviceAndPlatformLists as z } from "../DeviceAndPlatformLists/DeviceAndPlatformLists.js";
+import { GeneralErrorBoundary as h } from "../../error-boundries/GeneralErrorBoundry.js";
+import '../../assets/FindUs.css';const E = "_findus__column_jx1qh_8", p = {
   "grid-wrapper": "_grid-wrapper_jx1qh_1",
-  findus__column: z
+  findus__column: E
 };
-function G({
+function V({
   network: n,
-  baseApiUrl: p,
-  platformsApiUrl: _ = "https://api.scrippscloud.com/viewing-platforms/v1",
-  allowStateSearch: g = !0,
-  allowZipcodeSearch: v = !0,
+  baseApiUrl: _,
+  platformsApiUrl: g = "https://api.scrippscloud.com/viewing-platforms/v1",
+  allowStateSearch: v = !0,
+  allowZipcodeSearch: y = !0,
   allowAutoScroll: o = !0,
   autoScrollOffset: a = 25,
   compactLayout: t = !0,
   showChannelSearchAndRescan: c = !0,
-  numberOfColumns: y,
+  numberOfColumns: N,
   ad: l = {
     campaign: "",
     source: "",
@@ -27,101 +28,129 @@ function G({
     content: "learn_more"
   }
 }) {
-  const [r, N] = m(null), [w, P] = m(o ? a : 0), [u, I] = m(null);
-  return b(() => {
+  const [r, w] = d(null), [b, j] = d(o ? a : 0), [u, x] = d(null);
+  return P(() => {
     r === null && (async () => {
-      const i = await W({ network: n.platformsSlug, platformsApiUrl: _ });
+      const i = await q({ network: n.platformsSlug, platformsApiUrl: g });
       if (Object.prototype.hasOwnProperty.call(i, "error")) {
-        I("An error occured while fetching the platforms."), console.error("An error occured while fetching the platforms:", i), N(/* @__PURE__ */ new Map());
+        x("An error occured while fetching the platforms."), console.error("An error occured while fetching the platforms:", i), w(/* @__PURE__ */ new Map());
         return;
       }
-      N(i);
+      w(i);
     })();
-  }, [r, n.platformsSlug, _]), b(() => {
+  }, [r, n.platformsSlug, g]), P(() => {
     if (window.innerWidth <= 960) {
       const i = setInterval(() => {
         if (document.querySelector(".mobile-nav")) {
           clearInterval(i);
-          const d = document.querySelector(".mobile-nav"), x = (d == null ? void 0 : d.offsetHeight) ?? 0;
-          P(x + a);
+          const m = document.querySelector(".mobile-nav"), M = (m == null ? void 0 : m.offsetHeight) ?? 0;
+          j(M + a);
         }
       }, 100);
     }
-  }, [a]), /* @__PURE__ */ s("section", { className: [h["find-us"], t ? "find-us--compact" : ""].join(" "), children: [
-    c && !t && /* @__PURE__ */ e(
-      f,
-      {
-        errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
-        errorTitle: "We're sorry, there's currently an issue with our channel search.",
-        children: /* @__PURE__ */ e("div", { className: "find-us__channel-search-section", children: /* @__PURE__ */ e(
-          j,
+  }, [a]), /* @__PURE__ */ s(
+    "section",
+    {
+      className: f([
+        p["find-us"],
+        t ? "find-us--compact" : ""
+      ]),
+      children: [
+        c && !t && /* @__PURE__ */ e(
+          h,
           {
-            ad: {
-              campaign: l.campaign ?? "",
-              source: l.source ?? "",
-              medium: l.medium ?? "referral",
-              content: l.content ?? "learn_more"
-            },
-            allowAutoScroll: o,
-            allowStateSearch: g,
-            allowZipcodeSearch: v,
-            autoScrollOffset: w,
-            baseApiUrl: p,
-            compactLayout: t,
-            network: n
+            errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
+            errorTitle: "We're sorry, there's currently an issue with our channel search.",
+            children: /* @__PURE__ */ e("div", { className: "find-us__channel-search-section", children: /* @__PURE__ */ e(
+              I,
+              {
+                ad: {
+                  campaign: l.campaign ?? "",
+                  source: l.source ?? "",
+                  medium: l.medium ?? "referral",
+                  content: l.content ?? "learn_more"
+                },
+                allowAutoScroll: o,
+                allowStateSearch: v,
+                allowZipcodeSearch: y,
+                autoScrollOffset: b,
+                baseApiUrl: _,
+                compactLayout: t,
+                network: n
+              }
+            ) })
           }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "find-us__rescan-platform-section", children: /* @__PURE__ */ s("div", { className: [h["grid-wrapper"], "findus__grid-wrapper", c ? "" : "findus__grid-wrapper--full-width"].join(" "), children: [
-      c && /* @__PURE__ */ s("div", { className: [h.findus__column, "findus__column"].join(" "), children: [
-        t && /* @__PURE__ */ s(M, { children: [
-          /* @__PURE__ */ s("h4", { className: "channel-search__header", children: [
-            "Digital Antenna ",
-            /* @__PURE__ */ e("span", { className: "channel-search__header--lighter", children: "(Over-the-Air Broadcast)" })
-          ] }),
-          /* @__PURE__ */ e(
-            f,
-            {
-              errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
-              errorTitle: "We're sorry, there's currently an issue with our channel search.",
-              children: /* @__PURE__ */ e(
-                j,
+        ),
+        /* @__PURE__ */ e("div", { className: "find-us__rescan-platform-section", children: /* @__PURE__ */ s(
+          "div",
+          {
+            className: f([
+              p["grid-wrapper"],
+              "findus__grid-wrapper",
+              c ? "" : "findus__grid-wrapper--full-width"
+            ]),
+            children: [
+              c && /* @__PURE__ */ s(
+                "div",
+                {
+                  className: f([
+                    p.findus__column,
+                    "findus__column"
+                  ]),
+                  children: [
+                    t && /* @__PURE__ */ s(W, { children: [
+                      /* @__PURE__ */ s("h4", { className: "channel-search__header", children: [
+                        "Digital Antenna ",
+                        /* @__PURE__ */ e("span", { className: "channel-search__header--lighter", children: "(Over-the-Air Broadcast)" })
+                      ] }),
+                      /* @__PURE__ */ e(
+                        h,
+                        {
+                          errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
+                          errorTitle: "We're sorry, there's currently an issue with our channel search.",
+                          children: /* @__PURE__ */ e(
+                            I,
+                            {
+                              allowAutoScroll: o,
+                              allowStateSearch: v,
+                              allowZipcodeSearch: y,
+                              autoScrollOffset: b,
+                              baseApiUrl: _,
+                              compactLayout: t,
+                              network: n
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e(O, { brandName: n.brand_name })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                h,
                 {
-                  allowAutoScroll: o,
-                  allowStateSearch: g,
-                  allowZipcodeSearch: v,
-                  autoScrollOffset: w,
-                  baseApiUrl: p,
-                  compactLayout: t,
-                  network: n
+                  errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
+                  errorTitle: "We're sorry, there's currently an issue with our device and platform lists.",
+                  children: [
+                    r !== null && r.size > 0 && u === null && /* @__PURE__ */ e(z, { platformResources: r, ...N && { numberOfColumns: N } }),
+                    r !== null && r.size > 0 && u !== null && /* @__PURE__ */ e("div", { className: "find-us__error", children: /* @__PURE__ */ e("p", { className: "find-us__error-message", children: u }) }),
+                    r !== null && r.size === 0 && /* @__PURE__ */ e("div", { className: "find-us__error", children: /* @__PURE__ */ s("p", { className: "find-us__error-message", children: [
+                      "We couldn't find any viewing platforms for ",
+                      n.brand_name,
+                      "."
+                    ] }) })
+                  ]
                 }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(q, { brandName: n.brand_name })
-      ] }),
-      /* @__PURE__ */ s(
-        f,
-        {
-          errorMessage: "Please try again later. If the problem persists please use the <strong>contact us</strong> link below to report the issue.",
-          errorTitle: "We're sorry, there's currently an issue with our device and platform lists.",
-          children: [
-            r !== null && r.size > 0 && u === null && /* @__PURE__ */ e(O, { platformResources: r, ...y && { numberOfColumns: y } }),
-            r !== null && r.size > 0 && u !== null && /* @__PURE__ */ e("div", { className: "find-us__error", children: /* @__PURE__ */ e("p", { className: "find-us__error-message", children: u }) }),
-            r !== null && r.size === 0 && /* @__PURE__ */ e("div", { className: "find-us__error", children: /* @__PURE__ */ s("p", { className: "find-us__error-message", children: [
-              "We couldn't find any viewing platforms for ",
-              n.brand_name,
-              "."
-            ] }) })
-          ]
-        }
-      )
-    ] }) })
-  ] });
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 }
 export {
-  G as FindUs,
-  G as default
+  V as FindUs,
+  V as default
 };

package/dist/components/ImageCard/ImageCardCore.test.js

@@ -483,9 +483,9 @@ p("ImageCardCore", () => {
       t(e).not.toBeInTheDocument();
     });
   }), p("Default CTA Labels", () => {
-    l('should use "View Promo" for play-video when no label', () => {
+    l('should use "View Video" for play-video when no label', () => {
       const e = r({ type: "play-video", label: "" });
-      a(/* @__PURE__ */ n(i, { cta: e, styles: o })), t(c.getByText("View Promo")).toBeInTheDocument();
+      a(/* @__PURE__ */ n(i, { cta: e, styles: o })), t(c.getByText("View Video")).toBeInTheDocument();
     }), l('should use "View More" for internal-link when no label', () => {
       const e = r({ type: "internal-link", label: "" });
       a(/* @__PURE__ */ n(i, { cta: e, styles: o })), t(c.getByText("View More")).toBeInTheDocument();

package/dist/components/PromotionsRowModule/PromotionsRowModule.test.js

@@ -1,16 +1,16 @@
-import { jsx as s, jsxs as B } from "react/jsx-runtime";
-import { v as h, d as m, b as C, a as v, i as l, r as c, g as a, s as n, w as u } from "../../react.esm-S2Q_NbYC.mjs";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { v as h, d as m, b as I, a as v, i as r, r as l, g as n, s as c, w as u } from "../../react.esm-S2Q_NbYC.mjs";
 import "../../index-BZQHStQa.mjs";
-import { PromotionsRowModule as r } from "./PromotionsRowModule.js";
+import { PromotionsRowModule as s } from "./PromotionsRowModule.js";
 h.mock("../PromotionsRowBlock", () => ({
-  default: ({ children: o, gap: e }) => /* @__PURE__ */ s("div", { "data-gap": e, "data-testid": "promotions-row-block", children: o })
+  default: ({ children: o, gap: e }) => /* @__PURE__ */ a("div", { "data-gap": e, "data-testid": "promotions-row-block", children: o })
 }));
 h.mock("../ImageCard", () => ({
-  default: ({ image: o, title: e, content: i, cta: p, relatedResourceId: y, classname: T, overlayContent: I }) => /* @__PURE__ */ B(
+  default: ({ image: o, title: e, content: i, cta: p, relatedResourceId: y, classname: T, overlayContent: C }) => /* @__PURE__ */ B(
     "div",
     {
       "data-classname": T,
-      "data-content": i,
+      "data-content": typeof i == "string" ? i : void 0,
       "data-cta-text": p == null ? void 0 : p.label,
       "data-image-url": o.url,
       "data-related-id": y,
@@ -19,7 +19,8 @@ h.mock("../ImageCard", () => ({
       children: [
         "ImageCard: ",
         e,
-        I
+        i,
+        C
       ]
     }
   )
@@ -58,62 +59,62 @@ const g = {
   ...e
 });
 m("PromotionsRowModule", () => {
-  C(() => {
+  I(() => {
     h.clearAllMocks();
   }), v(() => {
     h.clearAllMocks();
   }), m("Basic Rendering", () => {
-    l("should render section with promotions-row class", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("section.promotions-row");
-      a(i).toBeInTheDocument();
-    }), l("should render title when provided", () => {
+    r("should render section with promotions-row class", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("section.promotions-row");
+      n(i).toBeInTheDocument();
+    }), r("should render title when provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" })), a(n.getByRole("heading", { name: "Special Offers" })).toBeInTheDocument();
-    }), l("should render title as h2 element", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" })), n(c.getByRole("heading", { name: "Special Offers" })).toBeInTheDocument();
+    }), r("should render title as h2 element", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" }));
-      const e = n.getByRole("heading", { name: "Special Offers", level: 2 });
-      a(e).toBeInTheDocument();
-    }), l("should apply correct classes to title", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" }));
+      const e = c.getByRole("heading", { name: "Special Offers", level: 2 });
+      n(e).toBeInTheDocument();
+    }), r("should apply correct classes to title", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Special Offers" }));
-      const e = n.getByRole("heading", { name: "Special Offers" });
-      a(e).toHaveClass("h2", "promotions-row__header");
-    }), l("should render empty title when not provided", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("h2");
-      a(i).toHaveTextContent("");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Special Offers" }));
+      const e = c.getByRole("heading", { name: "Special Offers" });
+      n(e).toHaveClass("h2", "promotions-row__header");
+    }), r("should render empty title when not provided", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("h2");
+      n(i).toHaveTextContent("");
     });
   }), m("PromotionsRowBlock Rendering (≤4 promos)", () => {
-    l("should render PromotionsRowBlock with single promo", () => {
+    r("should render PromotionsRowBlock with single promo", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should render PromotionsRowBlock with 2 promos", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should render PromotionsRowBlock with 2 promos", () => {
       const o = [t("1"), t("2")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should render PromotionsRowBlock with exactly 4 promos", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should render PromotionsRowBlock with exactly 4 promos", () => {
       const o = [
         t("1"),
         t("2"),
         t("3"),
         t("4")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
-    }), l("should apply 2rem gap to PromotionsRowBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
+    }), r("should apply 2rem gap to PromotionsRowBlock", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("promotions-row-block");
-      a(e).toHaveAttribute("data-gap", "2rem");
-    }), l("should not render Carousel when promos ≤ 4", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("promotions-row-block");
+      n(e).toHaveAttribute("data-gap", "2rem");
+    }), r("should not render Carousel when promos ≤ 4", () => {
       const o = [
         t("1"),
         t("2"),
         t("3"),
         t("4")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.queryByTestId("carousel")).not.toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.queryByTestId("carousel")).not.toBeInTheDocument();
     });
   }), m("Carousel Rendering (>4 promos)", () => {
-    l("should render Carousel when promos > 4", async () => {
+    r("should render Carousel when promos > 4", async () => {
       const o = [
         t("1"),
         t("2"),
@@ -121,79 +122,92 @@ m("PromotionsRowModule", () => {
         t("4"),
         t("5")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
       });
-    }), l("should render h1 title for carousel view", async () => {
+    }), r("should render h1 title for carousel view", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Title" })), await u(() => {
-        const e = n.getByRole("heading", { name: "Carousel Title", level: 1 });
-        a(e).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Title" })), await u(() => {
+        const e = c.getByRole("heading", { name: "Carousel Title", level: 1 });
+        n(e).toBeInTheDocument();
       });
-    }), l("should apply h3 class to carousel title", async () => {
+    }), r("should apply h3 class to carousel title", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Title" })), await u(() => {
-        const e = n.getByRole("heading", { name: "Carousel Title" });
-        a(e).toHaveClass("h3", "promotions-row__header");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Title" })), await u(() => {
+        const e = c.getByRole("heading", { name: "Carousel Title" });
+        n(e).toHaveClass("h3", "promotions-row__header");
       });
-    }), l("should not render PromotionsRowBlock when carousel is shown", async () => {
+    }), r("should not render PromotionsRowBlock when carousel is shown", async () => {
       const o = Array.from({ length: 5 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
-      }), a(n.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
-    }), l("should pass correct number of cells to Carousel", async () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
+      }), n(c.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
+    }), r("should pass correct number of cells to Carousel", async () => {
       const o = Array.from({ length: 6 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "6");
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "6");
       });
     });
   }), m("ImageCard Rendering", () => {
-    l("should render ImageCard for each promo", () => {
+    r("should render ImageCard for each promo", () => {
       const o = [
         t("1"),
         t("2"),
         t("3")
       ];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getAllByTestId("image-card");
-      a(e).toHaveLength(3);
-    }), l("should pass image prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getAllByTestId("image-card");
+      n(e).toHaveLength(3);
+    }), r("should pass image prop to ImageCard", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-image-url", g.url);
-    }), l("should pass title prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-image-url", g.url);
+    }), r("should pass title prop to ImageCard", () => {
       const o = [t("1", { title: "Special Promo" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-title", "Special Promo");
-    }), l("should pass content prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-title", "Special Promo");
+    }), r("should pass content prop to ImageCard", () => {
       const o = [t("1", { content: "Special content" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-content", "Special content");
-    }), l("should pass cta prop to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o, shouldClampContent: !1 }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-content", "Special content");
+    }), r("should wrap content in a clamped-content div when shouldClampContent is true", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(
+        /* @__PURE__ */ a(s, { shouldClampContent: !0, promos: o })
+      ), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).toBeInTheDocument(), n(i).toHaveTextContent("Special content");
+    }), r("should wrap content in a clamped-content div by default", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).toBeInTheDocument(), n(i).toHaveTextContent("Special content");
+    }), r("should not wrap content when shouldClampContent is false", () => {
+      const o = [t("1", { content: "Special content" })], { container: e } = l(
+        /* @__PURE__ */ a(s, { promos: o, shouldClampContent: !1 })
+      ), i = e.querySelector(".promotions-row__clamped-content");
+      n(i).not.toBeInTheDocument();
+    }), r("should pass cta prop to ImageCard", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-cta-text", d.label);
-    }), l("should pass relatedResourceId to ImageCard", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-cta-text", d.label);
+    }), r("should pass relatedResourceId to ImageCard", () => {
       const o = [t("test-id-123")];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-related-id", "test-id-123");
-    }), l("should pass classname to ImageCard when provided", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-related-id", "test-id-123");
+    }), r("should pass classname to ImageCard when provided", () => {
       const o = [t("1", { classname: "custom-class" })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("image-card");
-      a(e).toHaveAttribute("data-classname", "custom-class");
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("image-card");
+      n(e).toHaveAttribute("data-classname", "custom-class");
     });
   }), m("CtaBlock Overlay Content", () => {
-    l("should not render CtaBlock when overlayContent is not provided", () => {
+    r("should not render CtaBlock when overlayContent is not provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.queryByTestId("cta-block")).not.toBeInTheDocument();
-    }), l("should render CtaBlock when overlayContent is provided", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.queryByTestId("cta-block")).not.toBeInTheDocument();
+    }), r("should render CtaBlock when overlayContent is provided", () => {
       const o = [t("1", {
         overlayContent: {
           title: "Overlay Title",
@@ -201,69 +215,69 @@ m("PromotionsRowModule", () => {
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("cta-block")).toBeInTheDocument();
-    }), l("should pass overlayContent title to CtaBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("cta-block")).toBeInTheDocument();
+    }), r("should pass overlayContent title to CtaBlock", () => {
       const o = [t("1", {
         overlayContent: {
           title: "Overlay Title",
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("cta-block");
-      a(e).toHaveAttribute("data-title", "Overlay Title");
-    }), l("should pass overlayContent cta to CtaBlock", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("cta-block");
+      n(e).toHaveAttribute("data-title", "Overlay Title");
+    }), r("should pass overlayContent cta to CtaBlock", () => {
       const o = [t("1", {
         overlayContent: {
           cta: d
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getByTestId("cta-block");
-      a(e).toHaveAttribute("data-cta-text", d.label);
-    }), l("should render multiple CtaBlocks for multiple promos with overlayContent", () => {
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getByTestId("cta-block");
+      n(e).toHaveAttribute("data-cta-text", d.label);
+    }), r("should render multiple CtaBlocks for multiple promos with overlayContent", () => {
       const o = [
         t("1", { overlayContent: { title: "Overlay 1", cta: d } }),
         t("2", { overlayContent: { title: "Overlay 2", cta: d } }),
         t("3", { overlayContent: { title: "Overlay 3", cta: d } })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o }));
-      const e = n.getAllByTestId("cta-block");
-      a(e).toHaveLength(3);
+      l(/* @__PURE__ */ a(s, { promos: o }));
+      const e = c.getAllByTestId("cta-block");
+      n(e).toHaveLength(3);
     });
   }), m("HandleClicks Prop", () => {
-    l("should use provided handleClicks function", () => {
+    r("should use provided handleClicks function", () => {
       const o = h.fn(), e = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: o, promos: e })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should use default handleClicks when not provided", () => {
+      l(/* @__PURE__ */ a(s, { handleClicks: o, promos: e })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should use default handleClicks when not provided", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should use default handleClicks when null", () => {
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should use default handleClicks when null", () => {
       const o = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: null, promos: o })), a(n.getByTestId("image-card")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { handleClicks: null, promos: o })), n(c.getByTestId("image-card")).toBeInTheDocument();
     });
   }), m("Edge Cases", () => {
-    l("should handle empty promos array", () => {
-      const { container: o } = c(/* @__PURE__ */ s(r, { promos: [] })), e = o.querySelector("section.promotions-row");
-      a(e).toBeInTheDocument();
-    }), l("should handle promos without optional fields", () => {
-      c(/* @__PURE__ */ s(r, { promos: [{
+    r("should handle empty promos array", () => {
+      const { container: o } = l(/* @__PURE__ */ a(s, { promos: [] })), e = o.querySelector("section.promotions-row");
+      n(e).toBeInTheDocument();
+    }), r("should handle promos without optional fields", () => {
+      l(/* @__PURE__ */ a(s, { promos: [{
         id: "1",
         image: g
-      }] })), a(n.getByTestId("image-card")).toBeInTheDocument();
-    }), l("should handle very long title", () => {
-      const o = "This is a very long title ".repeat(10).trim(), e = [t("1")], { container: i } = c(/* @__PURE__ */ s(r, { promos: e, title: o })), p = i.querySelector("h2");
-      a(p).toHaveTextContent(o);
-    }), l("should handle special characters in title", () => {
+      }] })), n(c.getByTestId("image-card")).toBeInTheDocument();
+    }), r("should handle very long title", () => {
+      const o = "This is a very long title ".repeat(10).trim(), e = [t("1")], { container: i } = l(/* @__PURE__ */ a(s, { promos: e, title: o })), p = i.querySelector("h2");
+      n(p).toHaveTextContent(o);
+    }), r("should handle special characters in title", () => {
       const o = 'Special & "Quoted" Title <test>', e = [t("1")];
-      c(/* @__PURE__ */ s(r, { promos: e, title: o })), a(n.getByRole("heading", { name: o })).toBeInTheDocument();
-    }), l("should handle many promos (>10)", async () => {
+      l(/* @__PURE__ */ a(s, { promos: e, title: o })), n(c.getByRole("heading", { name: o })).toBeInTheDocument();
+    }), r("should handle many promos (>10)", async () => {
       const o = Array.from({ length: 15 }, (e, i) => t(`${i + 1}`));
-      c(/* @__PURE__ */ s(r, { promos: o })), await u(() => {
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "15");
+      l(/* @__PURE__ */ a(s, { promos: o })), await u(() => {
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "15");
       });
-    }), l("should handle promos with undefined overlayContent properties", () => {
+    }), r("should handle promos with undefined overlayContent properties", () => {
       const o = [t("1", {
         overlayContent: {
           title: void 0,
@@ -271,29 +285,29 @@ m("PromotionsRowModule", () => {
           cta: void 0
         }
       })];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getByTestId("cta-block")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getByTestId("cta-block")).toBeInTheDocument();
     });
   }), m("Conditional Rendering Logic", () => {
-    l("should switch from PromotionsRowBlock to Carousel when promos increase", async () => {
-      const { rerender: o } = c(/* @__PURE__ */ s(r, { promos: [t("1")] }));
-      a(n.getByTestId("promotions-row-block")).toBeInTheDocument();
+    r("should switch from PromotionsRowBlock to Carousel when promos increase", async () => {
+      const { rerender: o } = l(/* @__PURE__ */ a(s, { promos: [t("1")] }));
+      n(c.getByTestId("promotions-row-block")).toBeInTheDocument();
       const e = Array.from({ length: 5 }, (i, p) => t(`${p + 1}`));
-      o(/* @__PURE__ */ s(r, { promos: e })), await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
-      }), a(n.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
-    }), l("should render section element for PromotionsRowBlock view", () => {
-      const o = [t("1")], { container: e } = c(/* @__PURE__ */ s(r, { promos: o })), i = e.querySelector("section");
-      a(i).toBeInTheDocument();
-    }), l("should not render section element for Carousel view", async () => {
-      const o = Array.from({ length: 5 }, (p, y) => t(`${y + 1}`)), { container: e } = c(/* @__PURE__ */ s(r, { promos: o }));
+      o(/* @__PURE__ */ a(s, { promos: e })), await u(() => {
+        n(c.getByTestId("carousel")).toBeInTheDocument();
+      }), n(c.queryByTestId("promotions-row-block")).not.toBeInTheDocument();
+    }), r("should render section element for PromotionsRowBlock view", () => {
+      const o = [t("1")], { container: e } = l(/* @__PURE__ */ a(s, { promos: o })), i = e.querySelector("section");
+      n(i).toBeInTheDocument();
+    }), r("should not render section element for Carousel view", async () => {
+      const o = Array.from({ length: 5 }, (p, y) => t(`${y + 1}`)), { container: e } = l(/* @__PURE__ */ a(s, { promos: o }));
       await u(() => {
-        a(n.getByTestId("carousel")).toBeInTheDocument();
+        n(c.getByTestId("carousel")).toBeInTheDocument();
       });
       const i = e.querySelector("section");
-      a(i).not.toBeInTheDocument();
+      n(i).not.toBeInTheDocument();
     });
   }), m("Integration", () => {
-    l("should render complete module with all elements", () => {
+    r("should render complete module with all elements", () => {
       const o = [
         t("1", {
           title: "Promo 1",
@@ -305,28 +319,28 @@ m("PromotionsRowModule", () => {
           content: "Content 2"
         })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Test Module" })), a(n.getByRole("heading", { name: "Test Module" })).toBeInTheDocument(), a(n.getByTestId("promotions-row-block")).toBeInTheDocument(), a(n.getAllByTestId("image-card")).toHaveLength(2), a(n.getByTestId("cta-block")).toBeInTheDocument();
-    }), l("should render carousel with all promos when count > 4", async () => {
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Test Module" })), n(c.getByRole("heading", { name: "Test Module" })).toBeInTheDocument(), n(c.getByTestId("promotions-row-block")).toBeInTheDocument(), n(c.getAllByTestId("image-card")).toHaveLength(2), n(c.getByTestId("cta-block")).toBeInTheDocument();
+    }), r("should render carousel with all promos when count > 4", async () => {
       const o = Array.from(
         { length: 8 },
         (e, i) => t(`${i + 1}`, { title: `Promo ${i + 1}` })
       );
-      c(/* @__PURE__ */ s(r, { promos: o, title: "Carousel Module" })), await u(() => {
-        a(n.getByRole("heading", { name: "Carousel Module", level: 1 })).toBeInTheDocument();
-        const e = n.getByTestId("carousel");
-        a(e).toHaveAttribute("data-cells-count", "8");
+      l(/* @__PURE__ */ a(s, { promos: o, title: "Carousel Module" })), await u(() => {
+        n(c.getByRole("heading", { name: "Carousel Module", level: 1 })).toBeInTheDocument();
+        const e = c.getByTestId("carousel");
+        n(e).toHaveAttribute("data-cells-count", "8");
       });
-    }), l("should handle mix of promos with and without overlayContent", () => {
+    }), r("should handle mix of promos with and without overlayContent", () => {
       const o = [
         t("1", { overlayContent: { title: "Overlay 1", cta: d } }),
         t("2"),
         t("3", { overlayContent: { title: "Overlay 3", cta: d } })
       ];
-      c(/* @__PURE__ */ s(r, { promos: o })), a(n.getAllByTestId("image-card")).toHaveLength(3), a(n.getAllByTestId("cta-block")).toHaveLength(2);
+      l(/* @__PURE__ */ a(s, { promos: o })), n(c.getAllByTestId("image-card")).toHaveLength(3), n(c.getAllByTestId("cta-block")).toHaveLength(2);
     });
   }), m("Type Safety", () => {
-    l("should accept valid Promo array", () => {
-      c(/* @__PURE__ */ s(r, { promos: [
+    r("should accept valid Promo array", () => {
+      l(/* @__PURE__ */ a(s, { promos: [
         {
           id: "1",
           title: "Promo 1",
@@ -338,12 +352,12 @@ m("PromotionsRowModule", () => {
           id: "2",
           image: g
         }
-      ] })), a(n.getAllByTestId("image-card")).toHaveLength(2);
-    }), l("should accept handleClicks function with correct signature", () => {
+      ] })), n(c.getAllByTestId("image-card")).toHaveLength(2);
+    }), r("should accept handleClicks function with correct signature", () => {
       const o = (i) => {
         console.warn(i);
       }, e = [t("1")];
-      c(/* @__PURE__ */ s(r, { handleClicks: o, promos: e })), a(n.getByTestId("image-card")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(s, { handleClicks: o, promos: e })), n(c.getByTestId("image-card")).toBeInTheDocument();
     });
   });
 });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.5-aplha.1",
+  "version": "2.0.5",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {