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

package/dist/components/ScheduleLayout/ScheduleLayout.d.ts

@@ -1,6 +1,17 @@
-export function ScheduleLayout({ schedule, handleScheduleClicks, handleDateChanged }: {
-    schedule?: never[] | undefined;
-    handleScheduleClicks?: (() => boolean) | undefined;
-    handleDateChanged?: (() => boolean) | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { ScheduleResponse, HandleClicksDetails } from '../../types.d.ts';
+type Day = {
+    date: Date;
+    dayStr: string;
+    dateStr: string;
+    monthStr: string;
+    fullDateStr: string;
+};
+type ScheduleLayoutProps = {
+    fetchSchedule: (date: Date) => Promise<ScheduleResponse>;
+    initialSchedule?: ScheduleResponse;
+    weeks?: Day[][];
+    handleScheduleClicks?: (details: HandleClicksDetails) => boolean | void;
+    handleDateChanged?: (date: Date) => boolean | void;
+};
+export declare function ScheduleLayout({ fetchSchedule, initialSchedule, weeks, handleScheduleClicks, handleDateChanged, }: ScheduleLayoutProps): JSX.Element;
 export default ScheduleLayout;

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -1,28 +1,102 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { useState as a, useEffect as f } from "react";
-import { DateNavigation as x } from "../DateNavigation/DateNavigation.js";
-import { ScheduleList as w } from "../ScheduleList/ScheduleList.js";
-import { chunkArray as L, create2WeeksList as S } from "../../utils/date-helpers.js";
-import { f as u } from "../../format-YhWt2D8M.mjs";
-import { s as b } from "../../sub-CoUmnfhv.mjs";
-function F({ schedule: o = [], handleScheduleClicks: e = () => !0, handleDateChanged: c = () => !0 }) {
-  const l = (/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "America/New_York" }), t = new Date(l), [r, d] = a(Number.parseInt(u(t, "H"), 10) < 6 ? b(t, { days: 1 }) : t), g = L(S(), 7), [p, n] = a(!1), [D, i] = a(!1), h = (m) => {
-    i(!0), setTimeout(() => {
-      n(!0);
-    }, 325), setTimeout(() => {
-      d(m), c(m);
-    }, 2e3);
-  };
-  return f(() => {
-    i(!1), n(!1);
-  }, [o]), f(() => {
-    e(r);
-  }, [r, e]), /* @__PURE__ */ y("schedule-layout", { children: [
-    /* @__PURE__ */ s(x, { weeks: g, handleDateChanged: h }),
-    /* @__PURE__ */ s("div", { id: u(r, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ s(w, { schedule: o, handleClicks: e, fetching: p, exiting: D }) })
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { useRef as d, useCallback as g, useEffect as h } from "react";
+import { f as w } from "../../format-YhWt2D8M.mjs";
+import { l } from "../../logger-C0N7U0YY.mjs";
+import { classes as L } from "../../utils/helpers.js";
+import { ScheduleProvider as E } from "./ScheduleContext.js";
+import { useScheduleContext as T } from "./useScheduleContext.js";
+import { DateNavigation as k } from "../DateNavigation/DateNavigation.js";
+import { ScheduleList as q } from "../ScheduleList/ScheduleList.js";
+l.setComponent("ScheduleLayout");
+import '../../assets/ScheduleLayout.css';function x({
+  handleScheduleClicks: f = () => !0
+}) {
+  const { currentDate: r } = T(), n = d(null), p = d(0), o = d(null), c = d(null), i = d(null), u = g((a) => {
+    l.log("Determining pointer position for date: ", a);
+    const s = () => {
+      let e;
+      const v = document.querySelector(`.date-navigation__day[aria-controls="${w(a, "yyyy-MM-dd")}"]`);
+      if (v && (e = v.parentElement), e && n.current) {
+        const S = e.offsetLeft + e.offsetWidth / 2;
+        p.current = S, n.current.style.setProperty(
+          "--pointer-position",
+          `${S}px`
+        );
+      }
+    }, y = () => {
+      l.log("Scrolling schedule list to top"), c.current || (c.current = document.querySelector(".schedule-list")), i.current || (i.current = document.querySelector("sticky-content-wrapper")), l.log("Schedule list element: ", c.current), l.log("Sticky wrapper element: ", i.current);
+      const e = document.querySelector(".mobile-nav");
+      c.current && i.current && (l.log("Mobile nav element: ", e), window.scrollTo({
+        behavior: "auto",
+        top: e && window.getComputedStyle(e).display !== "none" ? c.current.offsetTop - i.current.offsetHeight - e.offsetHeight - 8 : c.current.offsetTop - i.current.offsetHeight - 16,
+        left: 0
+      }));
+    };
+    if (!n.current) {
+      const e = setInterval(() => {
+        n.current = document.querySelector(".date-navigation__list"), n.current && (clearInterval(e), c.current = document.querySelector(".schedule-list"), i.current = document.querySelector("sticky-content-wrapper"), s(), y());
+      }, 100);
+      setTimeout(() => {
+        clearInterval(e);
+      }, 3e3);
+      return;
+    }
+    s(), y();
+  }, []), m = g(() => {
+    o.current && clearTimeout(o.current), o.current = window.setTimeout(() => {
+      u(r);
+    }, 250);
+  }, [r, u]);
+  return h(() => (window.addEventListener("resize", m), () => {
+    window.removeEventListener("resize", m), o.current && clearTimeout(o.current);
+  }), [u, m]), h(() => {
+    const a = document.querySelector(".header-divider"), s = document.querySelector("sticky-content-wrapper");
+    s && a && new IntersectionObserver(
+      ([e]) => {
+        e.intersectionRatio < 1 ? s.dataset.pinnedState = "pinned" : s.dataset.pinnedState = "unpinned";
+      },
+      {
+        threshold: [1],
+        rootMargin: "-37px"
+      }
+    ).observe(a);
+  }, []), h(() => {
+    u(r);
+  }, [r, u]), /* @__PURE__ */ b("schedule-layout", { children: [
+    /* @__PURE__ */ t("sticky-content-wrapper", { "data-pinned-state": "unpinned", children: /* @__PURE__ */ t(
+      "content-constrainer",
+      {
+        class: L([
+          "content-constrainer--no-padding",
+          "content-constrainer--no-border",
+          "content-constrainer--lead-container",
+          "schedule-date-nav-constrainer"
+        ]),
+        children: /* @__PURE__ */ t(k, {})
+      }
+    ) }),
+    /* @__PURE__ */ t("section", { className: "page-section", id: "schedule-section", children: /* @__PURE__ */ t("content-constrainer", { class: "content-constrainer--no-border schedule-content-constrainer", children: /* @__PURE__ */ t("div", { id: w(r, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(q, { handleClicks: f }) }) }) })
   ] });
 }
+function N({
+  fetchSchedule: f,
+  initialSchedule: r = [],
+  weeks: n = [],
+  handleScheduleClicks: p = () => !0,
+  handleDateChanged: o = () => !0
+}) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      fetchSchedule: f,
+      handleDateChanged: o,
+      initialSchedule: r,
+      weeks: n,
+      children: /* @__PURE__ */ t(x, { handleScheduleClicks: p })
+    }
+  );
+}
 export {
-  F as ScheduleLayout,
-  F as default
+  N as ScheduleLayout,
+  N as default
 };

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

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

package/dist/components/ScheduleLayout/useScheduleContext.d.ts

@@ -0,0 +1,15 @@
+export declare function useScheduleContext(): {
+    schedule: import('../../types').ScheduleResponse;
+    weeks: {
+        date: Date;
+        dayStr: string;
+        dateStr: string;
+        monthStr: string;
+        fullDateStr: string;
+    }[][];
+    currentDate: Date;
+    isLoading: boolean;
+    isError: boolean;
+    setCurrentDate: (date: Date) => void;
+};
+export default useScheduleContext;

package/dist/components/ScheduleLayout/useScheduleContext.js

@@ -0,0 +1,12 @@
+import { useContext as t } from "react";
+import { ScheduleContext as o } from "./ScheduleContext.js";
+function n() {
+  const e = t(o);
+  if (e === void 0)
+    throw new Error("useScheduleContext must be used within a ScheduleProvider");
+  return e;
+}
+export {
+  n as default,
+  n as useScheduleContext
+};

package/dist/components/ScheduleList/ScheduleList.d.ts

@@ -1,6 +1,6 @@
-export function ScheduleList({ schedule, handleClicks, exiting, }: {
-    schedule?: never[] | undefined;
-    handleClicks?: (() => boolean) | undefined;
-    exiting?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { HandleClicksDetails } from '../../types.d.ts';
+type ScheduleListProps = {
+    handleClicks?: (details: HandleClicksDetails) => boolean | void;
+};
+export declare function ScheduleList({ handleClicks, }: ScheduleListProps): JSX.Element;
 export default ScheduleList;

package/dist/components/ScheduleList/ScheduleList.js

@@ -1,22 +1,51 @@
-import { jsx as _ } from "react/jsx-runtime";
-import "react";
-import { getMinutesFromStr as j } from "../../utils/helpers.js";
-import { SportsItem as w } from "./schedule-list-items/SportsItem.js";
-import { SeriesItem as $ } from "./schedule-list-items/SeriesItem.js";
-import { MovieItem as k } from "./schedule-list-items/MovieItem.js";
-import '../../assets/ScheduleList.css';const g = {
-  "schedule-list__item": "_schedule-list__item_10j6g_1",
-  "schedule-list__airdate": "_schedule-list__airdate_10j6g_12",
-  "schedule-list": "_schedule-list_10j6g_1",
-  "fade-in": "_fade-in_10j6g_1",
-  "fade-out": "_fade-out_10j6g_1"
-}, f = (r) => {
-  var o, p, i, a, n, t, v, y, x, b, S;
-  return (o = r.video) != null && o.brightcove_id ? {
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { useReducer as R, useState as L, useRef as w, useCallback as A, useEffect as y } from "react";
+import { classes as T, getMinutesFromStr as u } from "../../utils/helpers.js";
+import { useScheduleContext as x } from "../ScheduleLayout/useScheduleContext.js";
+import { Loading as b } from "../Loading/Loading.js";
+import { SportsItem as D } from "./schedule-list-items/SportsItem.js";
+import { SeriesItem as M } from "./schedule-list-items/SeriesItem.js";
+import { MovieItem as C } from "./schedule-list-items/MovieItem.js";
+import '../../assets/ScheduleList.css';const l = {
+  "schedule-list__item": "_schedule-list__item_wmqq1_1",
+  "schedule-list__airdate": "_schedule-list__airdate_wmqq1_14",
+  "airdate-formatter__date": "_airdate-formatter__date_wmqq1_22",
+  "airdate-formatter__day": "_airdate-formatter__day_wmqq1_23",
+  "airdate-formatter__time-wrap": "_airdate-formatter__time-wrap_wmqq1_26",
+  "schedule-list": "_schedule-list_wmqq1_1",
+  "fade-out": "_fade-out_wmqq1_1",
+  "fade-in": "_fade-in_wmqq1_1",
+  "schedule-list__no-schedule": "_schedule-list__no-schedule_wmqq1_50",
+  "schedule-content-constrainer": "_schedule-content-constrainer_wmqq1_102",
+  "date-navigation__weekday": "_date-navigation__weekday_wmqq1_110",
+  "date-navigation__date": "_date-navigation__date_wmqq1_113",
+  "image-card__content": "_image-card__content_wmqq1_122"
+};
+function S(r) {
+  return typeof r == "object" && !Array.isArray(r) && (r == null ? void 0 : r.queryStatus) && r.queryStatus === "no-results";
+}
+function O(r, t) {
+  switch (t.type) {
+    case "START_EXIT":
+      return "exiting";
+    case "EXIT_COMPLETE":
+      return "loading";
+    case "SCHEDULE_LOADED":
+      return "entering";
+    case "ENTER_COMPLETE":
+      return "idle";
+    default:
+      return r;
+  }
+}
+const v = (r) => {
+  var t, o, d, n, _, s, E, f, e, p, i;
+  return (t = r.video) != null && t.brightcove_id ? {
     label: "Watch Preview",
     type: "play-video",
     href: "",
     relatedResourceId: r.video.brightcove_id,
+    relatedResourceType: "video",
     position: "inline"
   } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Episode" ? {
     label: "",
@@ -28,7 +57,7 @@ import '../../assets/ScheduleList.css';const g = {
     //determineSeriesPrefix(scheduleItem.series_prefix),
     relatedResourceType: "",
     //'series',
-    position: ""
+    position: void 0
     //'inline',
   } : r != null && r.showUpcoming && (r == null ? void 0 : r.program_class) === "Film" ? {
     label: "",
@@ -40,61 +69,134 @@ import '../../assets/ScheduleList.css';const g = {
     //scheduleItem.title_code,
     relatedResourceType: "",
     //'film',
-    position: ""
+    position: void 0
     //'inline',
-  } : (((p = r == null ? void 0 : r.content) == null ? void 0 : p.external_link) !== void 0 && ((i = r == null ? void 0 : r.content) == null ? void 0 : i.external_link) !== "" || ((a = r == null ? void 0 : r.content) == null ? void 0 : a.slug) !== void 0 && ((n = r == null ? void 0 : r.content) == null ? void 0 : n.slug) !== "") && !((t = r == null ? void 0 : r.content) != null && t.prevent_detail_page) ? {
+  } : (((o = r == null ? void 0 : r.content) == null ? void 0 : o.external_link) !== void 0 && ((d = r == null ? void 0 : r.content) == null ? void 0 : d.external_link) !== "" || ((n = r == null ? void 0 : r.content) == null ? void 0 : n.slug) !== void 0 && ((_ = r == null ? void 0 : r.content) == null ? void 0 : _.slug) !== "") && !((s = r == null ? void 0 : r.content) != null && s.prevent_detail_page) ? {
     label: (r == null ? void 0 : r.program_class) === "Episode" ? "View Series Details" : (r == null ? void 0 : r.program_class) === "Film" ? "View Movie Details" : "Learn More",
-    type: (v = r == null ? void 0 : r.content) != null && v.external_link ? "external-link" : "internal-link",
-    href: (y = r == null ? void 0 : r.content) != null && y.external_link ? (x = r == null ? void 0 : r.content) == null ? void 0 : x.external_link : r.program_class === "Episode" ? `/show/${(b = r == null ? void 0 : r.content) == null ? void 0 : b.slug}` : `/movie/${(S = r == null ? void 0 : r.content) == null ? void 0 : S.slug}`,
+    type: (E = r == null ? void 0 : r.content) != null && E.external_link ? "external-link" : "internal-link",
+    href: (f = r == null ? void 0 : r.content) != null && f.external_link ? (e = r == null ? void 0 : r.content) == null ? void 0 : e.external_link : r.program_class === "Episode" ? `/show/${(p = r == null ? void 0 : r.content) == null ? void 0 : p.slug}` : `/movie/${(i = r == null ? void 0 : r.content) == null ? void 0 : i.slug}`,
     position: "inline"
   } : {
     label: "",
     type: "",
     href: "",
-    position: ""
+    position: void 0
   };
 };
-function A({
-  schedule: r = [],
-  handleClicks: o = () => !0,
-  exiting: p = !1
+function H({
+  handleClicks: r = () => !0
 }) {
-  return /* @__PURE__ */ _("ul", { className: `${g["schedule-list"]} schedule-list`, "data-state": p ? "exiting" : "idle", children: r.length !== 0 && r.map((i) => {
-    const a = j(i.element_length), n = f(i).type === "" ? [a, i.rating] : [a, i.rating, " "];
-    return i.program_class === "Episode" ? /* @__PURE__ */ _(
-      $,
-      {
-        determineCTA: f,
-        handleClicks: o,
-        scheduleItem: i,
-        strListArr: n,
-        styles: g
-      },
-      `schedule-list-${i.id}`
-    ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ _(
-      k,
-      {
-        determineCTA: f,
-        handleClicks: o,
-        scheduleItem: i,
-        strListArr: n,
-        styles: g
-      },
-      `schedule-list-${i.id}`
-    ) : i.program_class === "Sports" ? /* @__PURE__ */ _(
-      w,
-      {
-        determineCTA: f,
-        handleClicks: o,
-        scheduleItem: i,
-        strListArr: n,
-        styles: g
+  const { schedule: t, isLoading: o, isError: d } = x(), [n, _] = R(O, "idle"), [s, E] = L(t), f = w(null), e = w(null), p = A(() => {
+    e.current && (clearTimeout(e.current), e.current = null), n === "exiting" ? _({ type: "EXIT_COMPLETE" }) : n === "entering" && _({ type: "ENTER_COMPLETE" });
+  }, [n]);
+  return y(() => {
+    const i = f.current;
+    if (i)
+      return i.addEventListener("animationend", p), () => {
+        i.removeEventListener("animationend", p);
+      };
+  }, [p]), y(() => {
+    o && n === "idle" && _({ type: "START_EXIT" });
+  }, [o, n]), y(() => {
+    !o && n === "exiting" && _({ type: "EXIT_COMPLETE" });
+  }, [o, n]), y(() => {
+    const i = S(t) || Array.isArray(t) && t.length >= 0;
+    !o && n === "loading" && i && (E(t), _({ type: "SCHEDULE_LOADED" }));
+  }, [o, n, t]), y(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), n === "loading" ? /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        display: "grid",
+        alignContent: "start",
+        minHeight: "100dvh",
+        paddingTop: "6rem"
       },
-      `schedule-list-${i.id}`
-    ) : null;
-  }) });
+      children: /* @__PURE__ */ a(b, {})
+    }
+  ) : d ? /* @__PURE__ */ g("div", { className: "schedule-list__no-schedule", children: [
+    /* @__PURE__ */ a("h2", { children: "There was an error loading the schedule for this day." }),
+    /* @__PURE__ */ g("p", { children: [
+      "Please try again later. If this problem persists report it at ",
+      /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
+      "."
+    ] })
+  ] }) : S(s) ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: T([
+        l["schedule-list__no-schedule"],
+        "schedule-list__no-schedule"
+      ]),
+      "data-state": n,
+      style: { animationDelay: "500ms" },
+      children: [
+        /* @__PURE__ */ a("h2", { children: "There are no shows scheduled for this day." }),
+        /* @__PURE__ */ g("p", { children: [
+          "Please try again later. If this problem persists report it at ",
+          /* @__PURE__ */ a("a", { href: "https://support.iontelevision.com/support/home", children: "our support page" }),
+          "."
+        ] })
+      ]
+    }
+  ) : Array.isArray(s) && s.length === 0 ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: T([
+        l["schedule-list__no-schedule"],
+        "schedule-list__no-schedule"
+      ]),
+      "data-state": n,
+      children: [
+        /* @__PURE__ */ a("h2", { children: "Our programming schedule for today has completed." }),
+        /* @__PURE__ */ a("p", { children: "Our programming will restart at 6am." })
+      ]
+    }
+  ) : /* @__PURE__ */ a(
+    "ul",
+    {
+      className: `${l["schedule-list"]} schedule-list`,
+      "data-state": n,
+      ref: f,
+      children: Array.isArray(s) && s.map((i) => {
+        const c = u(i.element_length), q = v(i).type === "" ? [c, i.rating] : [c, i.rating, " "];
+        return i.program_class === "Episode" ? /* @__PURE__ */ a(
+          M,
+          {
+            determineCTA: v,
+            handleClicks: r,
+            scheduleItem: i,
+            strListArr: q,
+            styles: l
+          },
+          `schedule-list-${i.id}`
+        ) : i.program_class === "Film" || i.program_class === "Movie" || i.program_class === "Special" ? /* @__PURE__ */ a(
+          C,
+          {
+            determineCTA: v,
+            handleClicks: r,
+            scheduleItem: i,
+            strListArr: q,
+            styles: l
+          },
+          `schedule-list-${i.id}`
+        ) : i.program_class === "Sports" ? /* @__PURE__ */ a(
+          D,
+          {
+            determineCTA: v,
+            handleClicks: r,
+            scheduleItem: i,
+            strListArr: q,
+            styles: l
+          },
+          `schedule-list-${i.id}`
+        ) : null;
+      })
+    }
+  );
 }
 export {
-  A as ScheduleList,
-  A as default
+  H as ScheduleList,
+  H as default
 };

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

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

package/dist/components/ScheduleList/schedule-list-items/AirDateSegment.d.ts

@@ -1,5 +1,7 @@
-export function AirDateSegment({ scheduleItem, styles }: {
-    scheduleItem: any;
-    styles: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ScheduleItem } from '../../../types';
+type AirDateSegmentProps = {
+    scheduleItem: ScheduleItem;
+    styles: Record<string, string>;
+};
+export declare function AirDateSegment({ scheduleItem, styles, }: AirDateSegmentProps): JSX.Element;
 export default AirDateSegment;

package/dist/components/ScheduleList/schedule-list-items/AirDateSegment.js

@@ -1,21 +1,32 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import "react";
-import { determineIfShowIsOnNow as o } from "../../../utils/date-helpers.js";
-import { classes as s, convert12to24 as e } from "../../../utils/helpers.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { determineIfShowIsOnNow as s } from "../../../utils/date-helpers.js";
+import { classes as a, convert12to24 as i } from "../../../utils/helpers.js";
 import { AirDateFormatter as n } from "../../AirDateFormatter/AirDateFormatter.js";
-function f({ scheduleItem: t, styles: a }) {
-  return /* @__PURE__ */ i("div", { className: s([a["schedule-list__airdate"], "schedule-list__airdate"]), children: [
-    o(`${t.start_date_parse}T${e(t.start_time)}`, t.element_length) && /* @__PURE__ */ r("div", { className: "schedule-list__on-now", children: "On Now" }),
-    /* @__PURE__ */ r(
-      n,
-      {
-        airdateStr: `${t.start_date} ${e(t.start_time)}`,
-        separatorType: "line-break"
-      }
-    )
-  ] });
+function p({
+  scheduleItem: t,
+  styles: r
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a([r["schedule-list__airdate"], "schedule-list__airdate"]),
+      children: [
+        s(
+          `${t.start_date_parse}T${i(t.start_time)}`,
+          t.element_length
+        ) && /* @__PURE__ */ e("div", { className: a([r["schedule-list__on-now"], "schedule-list__on-now"]), children: "On Now" }),
+        /* @__PURE__ */ e(
+          n,
+          {
+            airdateStr: `${t.start_date} ${i(t.start_time)}`,
+            separatorType: "line-break"
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  f as AirDateSegment,
-  f as default
+  p as AirDateSegment,
+  p as default
 };

package/dist/components/ScheduleList/schedule-list-items/MovieItem.d.ts

@@ -1,8 +1,10 @@
-export function MovieItem({ scheduleItem, styles, handleClicks, strListArr, determineCTA }: {
-    scheduleItem: any;
-    styles: any;
-    handleClicks: any;
-    strListArr: any;
-    determineCTA: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ScheduleItem, HandleClicksDetails, CTA } from '../../../types.d.ts';
+type MovieItemProps = {
+    scheduleItem: ScheduleItem;
+    styles: Record<string, string>;
+    handleClicks: (details: HandleClicksDetails) => boolean | void;
+    strListArr: (string | undefined)[];
+    determineCTA: (scheduleItem: ScheduleItem) => CTA;
+};
+export declare function MovieItem({ scheduleItem, styles, handleClicks, strListArr, determineCTA, }: MovieItemProps): JSX.Element;
 export default MovieItem;

package/dist/components/ScheduleList/schedule-list-items/MovieItem.js

@@ -1,39 +1,51 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import "react";
-import { classes as f } from "../../../utils/helpers.js";
-import { StringList as l } from "../../StringList/StringList.js";
-import { Concat as e } from "../../Concat/Concat.js";
-import { AirDateSegment as g } from "./AirDateSegment.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { classes as g } from "../../../utils/helpers.js";
+import { StringList as f } from "../../StringList/StringList.js";
+import { Concat as l } from "../../Concat/Concat.js";
+import { AirDateSegment as _ } from "./AirDateSegment.js";
 import { ImageCard as C } from "../../ImageCard/ImageCard.js";
-function j({ scheduleItem: i, styles: r, handleClicks: a, strListArr: n, determineCTA: p }) {
-  var o;
-  const m = [
-    `<div>${i.program_synopsis}</div>`,
-    /* @__PURE__ */ t(l, { list: n, separatorType: "pipe" })
+function d({
+  scheduleItem: i,
+  styles: o,
+  handleClicks: a,
+  strListArr: n,
+  determineCTA: p
+}) {
+  var t;
+  const s = [
+    i.program_synopsis !== null && i.program_synopsis !== void 0 ? `<div>${i.program_synopsis}</div>` : "",
+    /* @__PURE__ */ r(f, { list: n, separatorType: "pipe" })
   ];
-  return /* @__PURE__ */ s("li", { className: f([r["schedule-list__item"], "schedule-list__item"]), children: [
-    /* @__PURE__ */ t(g, { scheduleItem: i, styles: r }),
-    /* @__PURE__ */ t(
-      C,
-      {
-        id: i.id,
-        image: {
-          url: ((o = i == null ? void 0 : i.content) == null ? void 0 : o.image) ?? "",
-          altText: "",
-          aspectRatio: 543 / 305
-        },
-        title: i.program,
-        content: /* @__PURE__ */ t(e, { list: m }),
-        cta: p(i),
-        clampContentLines: !0,
-        numberOfLinesToClamp: 5,
-        displayInline: !0,
-        handleClicks: a
-      }
-    )
-  ] }, `schedule-list-${i.id}`);
+  return /* @__PURE__ */ m(
+    "li",
+    {
+      className: g([o["schedule-list__item"], "schedule-list__item"]),
+      children: [
+        /* @__PURE__ */ r(_, { scheduleItem: i, styles: o }),
+        /* @__PURE__ */ r(
+          C,
+          {
+            clampContentLines: !0,
+            displayInline: !0,
+            content: /* @__PURE__ */ r(l, { list: s }),
+            cta: p(i),
+            handleClicks: a,
+            id: i.id,
+            image: {
+              url: ((t = i == null ? void 0 : i.content) == null ? void 0 : t.image) ?? "",
+              altText: "",
+              aspectRatio: 543 / 305
+            },
+            numberOfLinesToClamp: 5,
+            title: i.program
+          }
+        )
+      ]
+    },
+    `schedule-list-${i.id}`
+  );
 }
 export {
-  j as MovieItem,
-  j as default
+  d as MovieItem,
+  d as default
 };