@scrippsproduct/networks-ui-library 2.0.4 → 2.0.5

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 W } from "react/jsx-runtime";
-import { useState as m, useEffect as w } from "react";
-import { getViewingPlatforms as O } from "../../utils/getViewingPlatforms.js";
-import { ChannelSearch as P } from "../ChannelSearch/ChannelSearch.js";
-import { RescanInstructions as x } from "../RescanInstructions/RescanInstructions.js";
+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 f } from "../../error-boundries/GeneralErrorBoundry.js";
-import '../../assets/FindUs.css';const E = "_findus__column_136bp_8", h = {
-  "grid-wrapper": "_grid-wrapper_136bp_1",
+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: 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: b,
+  numberOfColumns: N,
   ad: l = {
     campaign: "",
     source: "",
@@ -27,101 +28,129 @@ function G({
     content: "learn_more"
   }
 }) {
-  const [r, y] = m(null), [N, j] = m(o ? a : 0), [u, I] = m(null);
-  return w(() => {
+  const [r, w] = d(null), [b, j] = d(o ? a : 0), [u, x] = d(null);
+  return P(() => {
     r === null && (async () => {
-      const i = await O({ 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), y(/* @__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;
       }
-      y(i);
+      w(i);
     })();
-  }, [r, n.platformsSlug, _]), w(() => {
+  }, [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"), M = (d == null ? void 0 : d.offsetHeight) ?? 0;
+          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(
-          P,
+  }, [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: N,
-            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(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(
-            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(
-                P,
+        ),
+        /* @__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: N,
-                  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(x, { 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(z, { platformResources: r, ...b && { numberOfColumns: b } }),
-            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/GridList/GridList.js

@@ -1,6 +1,6 @@
 import { jsxs as c, Fragment as g, jsx as r } from "react/jsx-runtime";
 import { classes as t } from "../../utils/helpers.js";
-import '../../assets/GridList.css';const s = {
+import '../../assets/GridList.css';const i = {
   "grid-list": "_grid-list_17klz_1",
   "grid-list-header": "_grid-list-header_17klz_9",
   "grid-list--1-columns": "_grid-list--1-columns_17klz_13",
@@ -15,15 +15,15 @@ import '../../assets/GridList.css';const s = {
   "grid-list--10-columns": "_grid-list--10-columns_17klz_49"
 };
 function m({
-  children: _,
+  children: d,
   numberOfColumns: l = 2,
-  headerText: i = ""
+  headerText: s = ""
 }) {
   l > 10 && (l = 10);
-  const d = `grid-list--${l}-columns`;
+  const _ = `grid-list--${l}-columns`;
   return /* @__PURE__ */ c(g, { children: [
-    i !== "" && /* @__PURE__ */ r("h3", { className: t([s["grid-list-header"], "grid-list-header"]), children: i }),
-    /* @__PURE__ */ r("ul", { className: t([s["grid-list"], s[d]]), children: _ })
+    s !== "" && /* @__PURE__ */ r("h3", { className: t([i["grid-list-header"], "grid-list-header"]), children: s }),
+    /* @__PURE__ */ r("ul", { className: t([i["grid-list"], "grid-list", i[_]]), children: d })
   ] });
 }
 export {