@scrippsproduct/networks-ui-library 1.1.0-alpha.1 → 1.1.0-alpha.12

package/dist/components/ProgramAirdate/ProgramAirdate.js

@@ -1,52 +1,51 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import "react";
-import { p as Q } from "../../index-VjANCDXC.mjs";
+import { p as X } from "../../index-VjANCDXC.mjs";
 import { classes as d } from "../../utils/helpers.js";
-import { Concat as V } from "../Concat/Concat.js";
-import { CtaBlock as R } from "../CtaBlock/CtaBlock.js";
-import { StringList as X } from "../StringList/StringList.js";
-import { s as Y } from "../../sub-CoUmnfhv.mjs";
-import { f as _ } from "../../format-YhWt2D8M.mjs";
+import { Concat as Z } from "../Concat/Concat.js";
+import { CtaBlock as Y } from "../CtaBlock/CtaBlock.js";
+import { StringList as S } from "../StringList/StringList.js";
+import { s as L } from "../../sub-CoUmnfhv.mjs";
+import { f as p } from "../../format-YhWt2D8M.mjs";
 import '../../assets/ProgramAirdate.css';const i = {
-  "program-airdate": "_program-airdate_et1s5_1",
-  "program-airdate__descriptor": "_program-airdate__descriptor_et1s5_5",
-  "program-airdate__logo": "_program-airdate__logo_et1s5_11",
-  "program-airdate--missing-logo": "_program-airdate--missing-logo_et1s5_30"
+  "program-airdate": "_program-airdate_ozunj_1",
+  "program-airdate__descriptor": "_program-airdate__descriptor_ozunj_5",
+  "program-airdate__logo": "_program-airdate__logo_ozunj_11",
+  "program-airdate--missing-logo": "_program-airdate--missing-logo_ozunj_30"
 };
-function re({
-  brand: p = "",
+function ne({
+  brand: _ = "",
   program: e,
-  type: u = "on-now",
+  type: m = "on-now",
   buttonStyle: c = "flat",
   // flat or gradient
   logoStyle: s = "gradient",
   // gradient or anything else that's not gradient
-  useLogo: l = !0,
-  useSeriesColors: a = !0,
-  href: b = ""
+  useLogo: a = !0,
+  useSeriesColors: l = !0,
+  href: u = ""
 }) {
-  var v, y, $, k, C, N, g, w, E, H, F, G, M, x, B, I, P, T, j, A, D, W, q, z, J, K, O;
-  const m = /* @__PURE__ */ new Map([
+  var y, v, k, $, C, N, w, j, E, H, z, F, G, M, x, B, I, P, T, A, D, W, q, J, K, O, Q, R, U, V;
+  const b = /* @__PURE__ */ new Map([
     ["on-now", "Now Playing on "],
     ["on-tomorrow", "Playing Tomorrow on "],
     ["upcoming", "Coming Soon on "]
-  ]), r = e != null && e.airdate ? new Date(e.airdate.replace(" ", "T")) : null, U = e != null && e.airdate ? Y(r, { hours: 1 }) : null, f = e != null && e.airdate ? r.getMinutes() === 0 ? "" : _(r, ":mm") : null, h = e != null && e.airdate ? `${_(r, "h")}${f}${Number.parseInt(_(r, "H"), 10) < 12 ? "a" : ""}/${_(U, "h")}${f}c` : "";
-  if ((e == null ? void 0 : e.program_class) === "Episode") {
+  ]), r = e != null && e.airdate ? new Date(e.airdate.replace(" ", "T")) : null, f = r ? L(r, { hours: 1 }) : null, g = r ? r.getMinutes() === 0 ? "" : p(r, ":mm") : null, h = r && f ? `${p(r, "h")}${g}${Number.parseInt(p(r, "H"), 10) < 12 ? "a" : ""}/${p(f, "h")}${g}c` : "";
+  if ((e == null ? void 0 : e.program_class) === "Episode" && e.episode) {
     let t;
     return e.episode.season === null && e.episode.number === null ? t = null : e.episode.season === null || e.episode.number === null ? e.episode.season === null ? t = `E${e.episode.number}` : t = `S${e.episode.season}` : t = `S${e.episode.season} E${e.episode.number}`, /* @__PURE__ */ n(
       "div",
       {
         className: d([i["program-airdate"], "program-airdate"]),
         style: {
-          "--pa-logo-image": s === "gradient" && l ? `url("${($ = (y = (v = e.episode.series) == null ? void 0 : v.logo) == null ? void 0 : y.black) == null ? void 0 : $.url}")` : null,
-          "--pa-gradient": s === "gradient" && l ? `linear-gradient(to bottom, ${e.episode.series.primary_color} 0%, ${e.episode.series.secondary_color} 100%)` : null,
-          "--pa-logo-aspect-ratio": l && e.episode.series.logo ? e.episode.series.logo.aspect_ratio : null,
+          "--pa-logo-image": s === "gradient" && a ? `url("${(k = (v = (y = e.episode.series) == null ? void 0 : y.logo) == null ? void 0 : v.black) == null ? void 0 : k.url}")` : null,
+          "--pa-gradient": s === "gradient" && a ? `linear-gradient(to bottom, ${e.episode.series.primary_color} 0%, ${e.episode.series.secondary_color} 100%)` : null,
+          "--pa-logo-aspect-ratio": a && e.episode.series.logo ? e.episode.series.logo.aspect_ratio : null,
           "--pa-color": e.episode.series.secondary_color
         },
         children: [
           /* @__PURE__ */ n("div", { className: i["program-airdate__descriptor"], children: [
-            m.get(u),
-            p
+            b.get(m),
+            _
           ] }),
           /* @__PURE__ */ n(
             "div",
@@ -54,50 +53,55 @@ function re({
               className: d([
                 i["program-airdate__logo"],
                 "program-airdate__logo",
-                (N = (C = (k = e.episode.series) == null ? void 0 : k.logo) == null ? void 0 : C.black) != null && N.url ? "" : i["program-airdate--missing-logo"]
+                (N = (C = ($ = e.episode.series) == null ? void 0 : $.logo) == null ? void 0 : C.black) != null && N.url ? "" : i["program-airdate--missing-logo"]
               ]),
               "data-style": s,
               style: {
-                maskImage: (E = (w = (g = e.episode.series) == null ? void 0 : g.logo) == null ? void 0 : w.black) != null && E.url && s === "gradient" && l ? `url('${(G = (F = (H = e.episode.series) == null ? void 0 : H.logo) == null ? void 0 : F.black) == null ? void 0 : G.url}')` : null,
-                WebkitMaskImage: (B = (x = (M = e.episode.series) == null ? void 0 : M.logo) == null ? void 0 : x.black) != null && B.url && s === "gradient" && l ? `url('${(T = (P = (I = e.episode.series) == null ? void 0 : I.logo) == null ? void 0 : P.black) == null ? void 0 : T.url}')` : null
+                maskImage: (E = (j = (w = e.episode.series) == null ? void 0 : w.logo) == null ? void 0 : j.black) != null && E.url && s === "gradient" && a ? `url('${(F = (z = (H = e.episode.series) == null ? void 0 : H.logo) == null ? void 0 : z.black) == null ? void 0 : F.url}')` : null,
+                WebkitMaskImage: (x = (M = (G = e.episode.series) == null ? void 0 : G.logo) == null ? void 0 : M.black) != null && x.url && s === "gradient" && a ? `url('${(P = (I = (B = e.episode.series) == null ? void 0 : B.logo) == null ? void 0 : I.black) == null ? void 0 : P.url}')` : null
               },
               children: [
-                (D = (A = (j = e.episode.series) == null ? void 0 : j.logo) == null ? void 0 : A.black) != null && D.url && l ? /* @__PURE__ */ o("span", { className: "sr-only", children: e.episode.series.name.replace(/<br\s*\/?>/i, " ") }) : /* @__PURE__ */ o("span", { children: Q(e.episode.series.name) }),
-                s !== "gradient" && ((z = (q = (W = e.episode.series) == null ? void 0 : W.logo) == null ? void 0 : q.black) == null ? void 0 : z.url) && l && /* @__PURE__ */ o(
+                (D = (A = (T = e.episode.series) == null ? void 0 : T.logo) == null ? void 0 : A.black) != null && D.url && a ? /* @__PURE__ */ o("span", { className: "sr-only", children: ((W = e.episode.series) == null ? void 0 : W.name).replace(/<br\s*\/?>/i, " ") }) : /* @__PURE__ */ o("span", { children: X((q = e.episode.series) == null ? void 0 : q.name) }),
+                s !== "gradient" && ((O = (K = (J = e.episode.series) == null ? void 0 : J.logo) == null ? void 0 : K.black) == null ? void 0 : O.url) && a && /* @__PURE__ */ o(
                   "img",
                   {
+                    alt: ((Q = e.episode.series) == null ? void 0 : Q.name).replace(/<br\s*\/?>/i, " "),
                     className: d([i["program-airdate__logo-image"], "program-airdate__logo-image"]),
-                    src: (O = (K = (J = e.episode.series) == null ? void 0 : J.logo) == null ? void 0 : K.black) == null ? void 0 : O.url,
-                    alt: e.episode.series.name.replace(/<br\s*\/?>/i, " ")
+                    src: (V = (U = (R = e.episode.series) == null ? void 0 : R.logo) == null ? void 0 : U.black) == null ? void 0 : V.url
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ o(
-            R,
+            Y,
             {
-              content: /* @__PURE__ */ o(V, { list: [
-                `<strong>${h}</strong><br/>`,
-                /* @__PURE__ */ o(X, { list: [t, e.episode.name], separatorType: "pipe" })
-              ] }),
-              type: "internal-link",
+              btnFlatColors: {
+                bgColor: l ? e.episode.series.primary_color : "var(--theme-color-400)",
+                bgHoverColor: l ? e.episode.series.secondary_color : "var(--mono-color-300)",
+                color: "#fff",
+                hoverColor: "#fff",
+                borderColor: l ? e.episode.series.primary_color : "var(--theme-color-400)",
+                borderHoverColor: l ? e.episode.series.secondary_color : "var(--mono-color-300)"
+              },
+              btnGradientEndColor: c === "gradient" ? l ? e.episode.series.primary_color : "var(--theme-color-300)" : "",
+              btnGradientStartColor: c === "gradient" ? l ? e.episode.series.secondary_color : "var(--theme-color-400)" : "",
+              content: /* @__PURE__ */ o(
+                Z,
+                {
+                  list: [
+                    `<strong>${h}</strong><br/>`,
+                    /* @__PURE__ */ o(S, { list: [t, e.episode.name], separatorType: "pipe" })
+                  ]
+                }
+              ),
               cta: {
                 label: "Full Schedule",
-                href: b
+                href: u,
+                type: "internal-link"
               },
               ctaButtonStyle: c,
-              btnGradientStartColor: c === "gradient" ? a ? e.episode.series.secondary_color : "var(--theme-color-400)" : "",
-              btnGradientEndColor: c === "gradient" ? a ? e.episode.series.primary_color : "var(--theme-color-300)" : "",
-              btnFlatColors: {
-                bgColor: a ? e.episode.series.primary_color : "var(--theme-color-400)",
-                // when ready use color function for hover colors: hsl(from var(--theme-color-400) h s calc(l + 0.1))
-                bgHoverColor: a ? e.episode.series.secondary_color : "var(--mono-color-300)",
-                color: "#fff",
-                hoverColor: "#fff",
-                borderColor: a ? e.episode.series.primary_color : "var(--theme-color-400)",
-                borderHoverColor: a ? e.episode.series.secondary_color : "var(--mono-color-300)"
-              }
+              type: "internal-link"
             }
           )
         ]
@@ -106,8 +110,8 @@ function re({
   } else
     return /* @__PURE__ */ n("div", { className: d([i["program-airdate"], "program-airdate"]), children: [
       /* @__PURE__ */ n("div", { className: i["program-airdate__descriptor"], children: [
-        m.get(u),
-        p
+        b.get(m),
+        _
       ] }),
       /* @__PURE__ */ o(
         "div",
@@ -118,21 +122,12 @@ function re({
             i["program-airdate--missing-logo"]
           ]),
           "data-style": s,
-          children: /* @__PURE__ */ o("span", { children: Q(e.name) })
+          children: /* @__PURE__ */ o("span", { children: X(e.name) })
         }
       ),
       /* @__PURE__ */ o(
-        R,
+        Y,
         {
-          content: `<strong>${h}</strong>`,
-          type: "internal-link",
-          cta: {
-            label: "Full Schedule",
-            href: b
-          },
-          ctaButtonStyle: c,
-          btnGradientStartColor: "",
-          btnGradientEndColor: "",
           btnFlatColors: {
             bgColor: e.primary_color,
             bgHoverColor: e.secondary_color,
@@ -140,12 +135,22 @@ function re({
             hoverColor: "#fff",
             borderColor: e.primary_color,
             borderHoverColor: e.secondary_color
-          }
+          },
+          btnGradientEndColor: "",
+          btnGradientStartColor: "",
+          content: `<strong>${h}</strong>`,
+          cta: {
+            label: "Full Schedule",
+            href: u,
+            type: "internal-link"
+          },
+          ctaButtonStyle: c,
+          type: "internal-link"
         }
       )
     ] });
 }
 export {
-  re as ProgramAirdate,
-  re as default
+  ne as ProgramAirdate,
+  ne as default
 };

package/dist/components/ProgramAirdate/index.d.ts

@@ -1 +1,2 @@
-export { ProgramAirdate, ProgramAirdate as default } from './ProgramAirdate';
+export { ProgramAirdate } from './ProgramAirdate';
+export { ProgramAirdate as default } from './ProgramAirdate';

package/dist/components/PromotionBlock/PromotionBlock.d.ts

@@ -1,5 +1,12 @@
-export function PromotionBlock({ image, promo }: {
-    image: any;
-    promo: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { Image } from '../../types.d.ts';
+type PromotionBlockProps = {
+    image: Image;
+    promo: {
+        header: string;
+        description: string;
+        linkText: string;
+        href: string;
+    };
+};
+export declare function PromotionBlock({ image, promo }: PromotionBlockProps): JSX.Element;
 export default PromotionBlock;

package/dist/components/PromotionBlock/PromotionBlock.js

@@ -1,43 +1,53 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useRef as m, useEffect as l } from "react";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useRef as _, useEffect as d } from "react";
 import '../../assets/PromotionBlock.css';const o = {
-  "promo-image": "_promo-image_1nlw7_12",
-  "promo-image__text": "_promo-image__text_1nlw7_33",
-  "promo-copy": "_promo-copy_1nlw7_38",
-  "promo-image--animate": "_promo-image--animate_1nlw7_44",
-  "promo-copy--animate": "_promo-copy--animate_1nlw7_51",
-  "promo-copy__header": "_promo-copy__header_1nlw7_59",
-  "promo-copy__description": "_promo-copy__description_1nlw7_64",
-  "promo-copy__link": "_promo-copy__link_1nlw7_65"
+  "promo-image": "_promo-image_1hym6_12",
+  "promo-image__text": "_promo-image__text_1hym6_33",
+  "promo-copy": "_promo-copy_1hym6_38",
+  "promo-image--animate": "_promo-image--animate_1hym6_44",
+  "promo-copy--animate": "_promo-copy--animate_1hym6_51",
+  "promo-copy__header": "_promo-copy__header_1hym6_59",
+  "promo-copy__description": "_promo-copy__description_1hym6_64",
+  "promo-copy__link": "_promo-copy__link_1hym6_65"
 };
-function f({ image: a, promo: r }) {
-  const i = m(), n = m(), p = (t, _) => {
-    t.forEach((s) => {
-      s.isIntersecting && (i.current.classList.add(`${o["promo-copy--animate"]}`), n.current.classList.add(`${o["promo-image--animate"]}`), _.unobserve(n.current));
+function g({ image: n, promo: e }) {
+  const a = _(null), m = _(null), s = (t, l) => {
+    const i = a.current, p = m.current;
+    !i || !p || t.forEach((h) => {
+      h.isIntersecting && (i.classList.add(`${o["promo-copy--animate"]}`), p.classList.add(`${o["promo-image--animate"]}`), m.current && l.unobserve(m.current));
     });
   };
-  return l(() => {
-    const t = new IntersectionObserver(p, {
+  return d(() => {
+    const t = new IntersectionObserver(s, {
       root: null,
       rootMargin: "0px",
       threshold: 0.1
     });
-    return t.observe(n.current), () => {
+    return t.observe(m.current), () => {
       t.disconnect();
     };
   }, []), /* @__PURE__ */ c("promotion-block", { children: [
-    /* @__PURE__ */ c("div", { className: o["promo-image"], ref: n, children: [
-      /* @__PURE__ */ e("span", { className: o["promo-image__text"], children: a.text }),
-      /* @__PURE__ */ e("promo-image", { children: /* @__PURE__ */ e("a", { href: r.href, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: a.url, alt: a.altText }) }) })
+    /* @__PURE__ */ c("div", { className: o["promo-image"], ref: m, children: [
+      /* @__PURE__ */ r("span", { className: o["promo-image__text"], children: n.text }),
+      /* @__PURE__ */ r("promo-image", { children: /* @__PURE__ */ r("a", { href: e.href, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ r("img", { alt: n.altText, src: n.url }) }) })
     ] }),
-    /* @__PURE__ */ c("div", { className: o["promo-copy"], ref: i, children: [
-      /* @__PURE__ */ e("h4", { className: o["promo-copy__header"], children: r.header }),
-      /* @__PURE__ */ e("p", { className: o["promo-copy__description"], children: r.description }),
-      /* @__PURE__ */ e("a", { className: o["promo-copy__link"], href: r.href, target: "_blank", rel: "noreferrer", children: r.linkText })
+    /* @__PURE__ */ c("div", { className: o["promo-copy"], ref: a, children: [
+      /* @__PURE__ */ r("h4", { className: o["promo-copy__header"], children: e.header }),
+      /* @__PURE__ */ r("p", { className: o["promo-copy__description"], children: e.description }),
+      /* @__PURE__ */ r(
+        "a",
+        {
+          className: o["promo-copy__link"],
+          href: e.href,
+          rel: "noreferrer",
+          target: "_blank",
+          children: e.linkText
+        }
+      )
     ] })
   ] });
 }
 export {
-  f as PromotionBlock,
-  f as default
+  g as PromotionBlock,
+  g as default
 };

package/dist/components/PromotionBlock/index.d.ts

@@ -1 +1,2 @@
-export { PromotionBlock, PromotionBlock as default } from './PromotionBlock';
+export { PromotionBlock } from './PromotionBlock';
+export { PromotionBlock as default } from './PromotionBlock';

package/dist/components/PromotionsRowBlock/PromotionsRowBlock.d.ts

@@ -1,5 +1,6 @@
-export function PromotionsRowBlock({ children, gap }: {
-    children: any;
-    gap?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type PromotionsRowBlockProps = {
+    children: React.ReactNode;
+    gap?: string;
+};
+export declare function PromotionsRowBlock({ children, gap, }: PromotionsRowBlockProps): JSX.Element;
 export default PromotionsRowBlock;

package/dist/components/PromotionsRowBlock/PromotionsRowBlock.js

@@ -1,10 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import "react";
-import { EqualSizeFlexRow as i } from "../EqualSizeFlexRow/EqualSizeFlexRow.js";
-function n({ children: r, gap: t = "1.5rem" }) {
-  return /* @__PURE__ */ o("promotions-row-block", { children: /* @__PURE__ */ o(i, { gap: t, children: r }) });
+import { EqualSizeFlexRow as e } from "../EqualSizeFlexRow/EqualSizeFlexRow.js";
+function l({
+  children: r,
+  gap: t = "1.5rem"
+}) {
+  return /* @__PURE__ */ o("promotions-row-block", { children: /* @__PURE__ */ o(e, { gap: t, children: r }) });
 }
 export {
-  n as PromotionsRowBlock,
-  n as default
+  l as PromotionsRowBlock,
+  l as default
 };

package/dist/components/PromotionsRowBlock/index.d.ts

@@ -1 +1,2 @@
-export { PromotionsRowBlock, PromotionsRowBlock as default } from './PromotionsRowBlock';
+export { PromotionsRowBlock } from './PromotionsRowBlock';
+export { PromotionsRowBlock as default } from './PromotionsRowBlock';

package/dist/components/PromotionsRowModule/PromotionsRowModule.d.ts

@@ -1,6 +1,26 @@
-export function PromotionsRowModule({ title, promos, handleClicks }: {
-    title?: string | undefined;
-    promos?: never[] | undefined;
-    handleClicks?: null | undefined;
-}): import("react/jsx-runtime").JSX.Element | undefined;
+import { HandleClicksDetails, Image, CTA } from '../../types';
+type Promo = {
+    id: string;
+    title?: string;
+    content?: string;
+    image: Image;
+    overlayContent?: {
+        title?: string;
+        content?: string | JSX.Element;
+        cta?: CTA;
+        titleImageUrl?: string;
+        btnGradientStartColor?: string;
+        btnGradientEndColor?: string;
+        ctaButtonStyle?: 'flat' | 'gradient' | undefined;
+        type?: 'play-video' | 'internal-link' | 'external-link';
+    };
+    cta?: CTA;
+    classname?: string;
+};
+type PromotionsRowModuleProps = {
+    title?: string;
+    promos: Promo[];
+    handleClicks?: ((eventDetails: HandleClicksDetails) => void) | null;
+};
+export declare function PromotionsRowModule({ title, promos, handleClicks, }: PromotionsRowModuleProps): JSX.Element;
 export default PromotionsRowModule;

package/dist/components/PromotionsRowModule/PromotionsRowModule.js

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as a, Fragment as S } from "react/jsx-runtime";
+import { jsxs as h, Fragment as S, jsx as a } from "react/jsx-runtime";
 import { useState as R, useEffect as x } from "react";
 import { classes as I } from "../../utils/helpers.js";
 import { PromotionsRowBlock as b } from "../PromotionsRowBlock/PromotionsRowBlock.js";
@@ -25,13 +25,16 @@ import '../../assets/PromotionsRowModule.css';const P = {
   cellsPosition: "flex-start",
   wrapAround: !1
 };
-function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
-  const [u, w] = R([]), y = (t) => {
-    console.log("event details:", t);
+function T({
+  title: d = "",
+  promos: n = [],
+  handleClicks: o = null
+}) {
+  const [u, w] = R([]), y = () => {
   };
-  if (x(() => {
-    const t = async (r) => {
-      const c = await r.map((e) => {
+  return x(() => {
+    const t = (r) => {
+      const c = r.map((e) => {
         var l, i, s;
         return {
           title: "",
@@ -49,9 +52,9 @@ function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
             overlayContent: e != null && e.overlayContent ? /* @__PURE__ */ a(
               v,
               {
-                title: (l = e.overlayContent) == null ? void 0 : l.title,
-                content: (i = e.overlayContent) == null ? void 0 : i.content,
-                cta: (s = e.overlayContent) == null ? void 0 : s.cta
+                content: (l = e.overlayContent) == null ? void 0 : l.content,
+                cta: (i = e.overlayContent) == null ? void 0 : i.cta,
+                title: (s = e.overlayContent) == null ? void 0 : s.title
               }
             ) : "",
             cta: e.cta
@@ -61,50 +64,47 @@ function T({ title: d = "", promos: n = [], handleClicks: o = null }) {
       w(c);
     };
     n.length > 4 && t(n);
-  }, [n, o]), n.length <= 4)
-    return /* @__PURE__ */ h("section", { className: "promotions-row", children: [
-      /* @__PURE__ */ a("h2", { className: I(["h2", "promotions-row__header"]), children: d }),
-      /* @__PURE__ */ a(b, { gap: "2rem", children: n.map((t) => {
-        var r, c, e, l, i, s, C, f, g;
-        return /* @__PURE__ */ a(
-          B,
-          {
-            classname: t == null ? void 0 : t.classname,
-            image: t.image,
-            title: t.title,
-            content: t.content,
-            cta: t.cta,
-            handleClicks: ((r = t == null ? void 0 : t.cta) == null ? void 0 : r.type) === "play-video" ? o ?? y : () => !0,
-            relatedResourceId: t.id,
-            overlayContent: t.overlayContent ? /* @__PURE__ */ a(
-              v,
-              {
-                title: (c = t.overlayContent) == null ? void 0 : c.title,
-                content: (e = t.overlayContent) == null ? void 0 : e.content,
-                cta: (l = t.overlayContent) == null ? void 0 : l.cta,
-                titleImageUrl: (i = t.overlayContent) == null ? void 0 : i.titleImageUrl,
-                btnGradientStartColor: (s = t.overlayContent) == null ? void 0 : s.btnGradientStartColor,
-                btnGradientEndColor: (C = t.overlayContent) == null ? void 0 : C.btnGradientEndColor,
-                ctaButtonStyle: (f = t.overlayContent) == null ? void 0 : f.ctaButtonStyle,
-                type: (g = t.overlayConent) == null ? void 0 : g.type
-              }
-            ) : ""
-          },
-          `promo-image-card-${Math.round(Math.random() * 1e7)}`
-        );
-      }) })
-    ] });
-  if (n.length > 4 && u.length) return /* @__PURE__ */ h(S, { children: [
+  }, [n, o]), n.length > 4 && u.length ? /* @__PURE__ */ h(S, { children: [
     /* @__PURE__ */ a("h1", { className: ["h3", "promotions-row__header"].join(" "), children: d }),
     /* @__PURE__ */ a(
       G,
       {
-        title: !0,
-        slides: u,
-        options: P,
-        id: "promotions-row"
+        cells: u,
+        id: `promotions-row-${Date.now()}`,
+        options: P
       }
     )
+  ] }) : /* @__PURE__ */ h("section", { className: "promotions-row", children: [
+    /* @__PURE__ */ a("h2", { className: I(["h2", "promotions-row__header"]), children: d }),
+    /* @__PURE__ */ a(b, { gap: "2rem", children: n.map((t) => {
+      var r, c, e, l, i, s, C, f, g;
+      return /* @__PURE__ */ a(
+        B,
+        {
+          classname: t == null ? void 0 : t.classname,
+          content: t.content,
+          cta: t.cta,
+          handleClicks: ((r = t == null ? void 0 : t.cta) == null ? void 0 : r.type) === "play-video" ? o ?? y : () => !0,
+          image: t.image,
+          overlayContent: t.overlayContent ? /* @__PURE__ */ a(
+            v,
+            {
+              btnGradientEndColor: (c = t.overlayContent) == null ? void 0 : c.btnGradientEndColor,
+              btnGradientStartColor: (e = t.overlayContent) == null ? void 0 : e.btnGradientStartColor,
+              content: (l = t.overlayContent) == null ? void 0 : l.content,
+              cta: (i = t.overlayContent) == null ? void 0 : i.cta,
+              ctaButtonStyle: (s = t.overlayContent) == null ? void 0 : s.ctaButtonStyle,
+              title: (C = t.overlayContent) == null ? void 0 : C.title,
+              titleImageUrl: (f = t.overlayContent) == null ? void 0 : f.titleImageUrl,
+              type: (g = t.overlayContent) == null ? void 0 : g.type
+            }
+          ) : "",
+          relatedResourceId: t.id,
+          title: t.title
+        },
+        `promo-image-card-${Math.round(Math.random() * 1e7)}`
+      );
+    }) })
   ] });
 }
 export {

package/dist/components/PromotionsRowModule/index.d.ts

@@ -1 +1,2 @@
-export { PromotionsRowModule, PromotionsRowModule as default } from './PromotionsRowModule';
+export { PromotionsRowModule } from './PromotionsRowModule';
+export { PromotionsRowModule as default } from './PromotionsRowModule';

package/dist/components/RescanInstructions/RescanInstructions.d.ts

@@ -1,4 +1,4 @@
-export function RescanInstructions({ brandName }: {
-    brandName?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function RescanInstructions({ brandName }: {
+    brandName?: string;
+}): JSX.Element;
 export default RescanInstructions;

package/dist/components/RescanInstructions/RescanInstructions.js

@@ -1,30 +1,41 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
-import "react";
 import { InstructionsList as t } from "../InstructionsList/InstructionsList.js";
 import '../../assets/RescanInstructions.css';const s = "_rescan__header_ndzy9_5", o = {
   "rescan-instructions": "_rescan-instructions_ndzy9_1",
   rescan__header: s
 };
-function g({ brandName: r = "" }) {
+function c({ brandName: r = "" }) {
   return /* @__PURE__ */ e("section", { className: [o["rescan-instructions"], "rescan-instructions"].join(" "), children: [
     /* @__PURE__ */ n("h3", { className: [o.rescan__header, "rescan__header"].join(" "), children: "LEARN HOW TO RESCAN" }),
-    /* @__PURE__ */ n(t, { instructions: [
-      "Press the <strong>Menu</strong> button on your Converter Box, Digital TV, or remote.",
-      "Go to <strong>Setup</strong> or <strong>Settings</strong>.",
-      "Go to <strong>Installation</strong>, or <strong>System</strong>, or <strong>Channels</strong>.",
-      "Go to <strong>Scan Channels</strong>, or <strong>Program Channels</strong>, or <strong>Auto Scan</strong>, or <strong>Auto Program</strong>, or <strong>Auto-Tuning</strong>.",
-      "Press <strong>Select</strong>, or <strong>Enter</strong>, or <strong>OK</strong> to scan."
-    ], headerHtml: `Watching ${r} with an antenna? You may need to rescan your TV.` }),
-    /* @__PURE__ */ n(t, { instructions: [
-      "Disconnect the antenna from the Digital TV or Converter Box.",
-      "Rescan without the antenna connected. As with any scan, follow the on-screen instructions or owner's manual for your device.",
-      "Unplug the Digital TV or Converter Box from the electrical outlet for one minute.",
-      "Reconnect the antenna to the Digital TV or Converter Box and plug the unit into the electrical outlet.",
-      "Rescan the Digital TV or Converter Box one more time."
-    ], headerHtml: "Sometimes, a double rescan is needed to clear the memory of your Digital TV or Converter Box:" })
+    /* @__PURE__ */ n(
+      t,
+      {
+        headerHtml: `Watching ${r} with an antenna? You may need to rescan your TV.`,
+        instructions: [
+          "Press the <strong>Menu</strong> button on your Converter Box, Digital TV, or remote.",
+          "Go to <strong>Setup</strong> or <strong>Settings</strong>.",
+          "Go to <strong>Installation</strong>, or <strong>System</strong>, or <strong>Channels</strong>.",
+          "Go to <strong>Scan Channels</strong>, or <strong>Program Channels</strong>, or <strong>Auto Scan</strong>, or <strong>Auto Program</strong>, or <strong>Auto-Tuning</strong>.",
+          "Press <strong>Select</strong>, or <strong>Enter</strong>, or <strong>OK</strong> to scan."
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      t,
+      {
+        headerHtml: "Sometimes, a double rescan is needed to clear the memory of your Digital TV or Converter Box:",
+        instructions: [
+          "Disconnect the antenna from the Digital TV or Converter Box.",
+          "Rescan without the antenna connected. As with any scan, follow the on-screen instructions or owner's manual for your device.",
+          "Unplug the Digital TV or Converter Box from the electrical outlet for one minute.",
+          "Reconnect the antenna to the Digital TV or Converter Box and plug the unit into the electrical outlet.",
+          "Rescan the Digital TV or Converter Box one more time."
+        ]
+      }
+    )
   ] });
 }
 export {
-  g as RescanInstructions,
-  g as default
+  c as RescanInstructions,
+  c as default
 };

package/dist/components/RescanInstructions/index.d.ts

@@ -1 +1,2 @@
-export { RescanInstructions, RescanInstructions as default } from './RescanInstructions';
+export { RescanInstructions } from './RescanInstructions';
+export { RescanInstructions as default } from './RescanInstructions';