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

package/dist/components/TabContent/TabContent.d.ts

@@ -1,5 +1,6 @@
-export function TabContent({ content, classname }: {
-    content: any;
-    classname: any;
-}): import("react/jsx-runtime").JSX.Element;
+type TabContentProps = {
+    content: React.ReactNode;
+    classname?: string | '';
+};
+export declare function TabContent({ content, classname, }: TabContentProps): JSX.Element;
 export default TabContent;

package/dist/components/TabContent/TabContent.js

@@ -1,10 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { p as a } from "../../index-VjANCDXC.mjs";
-import "react";
-function i({ content: r, classname: t }) {
-  return /* @__PURE__ */ o("tab-content", { class: t, children: typeof r == "string" ? a(r) : r });
+import { jsx as a } from "react/jsx-runtime";
+import { p as o } from "../../index-VjANCDXC.mjs";
+function p({
+  content: r,
+  classname: t
+}) {
+  return /* @__PURE__ */ a("tab-content", { class: t, children: typeof r == "string" ? o(r) : r });
 }
 export {
-  i as TabContent,
-  i as default
+  p as TabContent,
+  p as default
 };

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

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

package/dist/components/TabNavigation/TabNavigation.d.ts

@@ -1,6 +1,8 @@
-export function TabNavigation({ tabs, onTabChanged, rightSideContent }: {
-    tabs?: never[] | undefined;
-    onTabChanged?: (() => boolean) | undefined;
-    rightSideContent: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { Tab } from '../TabbedContent/TabbedContent';
+type TabNavigationProps = {
+    tabs: Tab[];
+    onTabChanged?: (tab: Tab) => void;
+    rightSideContent?: React.ReactNode;
+};
+export declare function TabNavigation({ tabs, onTabChanged, rightSideContent, }: TabNavigationProps): JSX.Element;
 export default TabNavigation;

package/dist/components/TabNavigation/TabNavigation.js

@@ -1,69 +1,74 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useState as _, useEffect as g } from "react";
-import { GradientButton as c } from "../GradientButton/GradientButton.js";
-import { Button as d } from "../Button/Button.js";
+import { jsxs as B, jsx as n } from "react/jsx-runtime";
+import { useState as N, useEffect as T } from "react";
+import { GradientButton as y } from "../GradientButton/GradientButton.js";
+import { Button as k } from "../Button/Button.js";
 import '../../assets/TabNavigation.css';const r = {
   "tab-navigation__list": "_tab-navigation__list_146qs_6",
   "tab-navigation__right-side": "_tab-navigation__right-side_146qs_16"
 };
-function h({
+function w({
   tabs: i = [],
   onTabChanged: l = () => !0,
   rightSideContent: a
 }) {
-  const [n, b] = _(i[0]), u = (t) => {
+  const [e, j] = N(i[0]), u = (t) => {
     const o = document.querySelector("basic-grid-module");
-    o == null || o.setAttribute("first-entry", !0), o == null || o.setAttribute("data-state", "entering"), t.button.label !== n.button.label && b(t);
+    o == null || o.setAttribute("first-entry", "true"), o == null || o.setAttribute("data-state", "entering"), !(!t.button || !e.button) && t.button.label !== e.button.label && j(t);
   };
-  return g(() => l(n), [n, l]), /* @__PURE__ */ s("tab-navigation", { children: [
-    /* @__PURE__ */ e("ul", { className: [r["tab-navigation__list"], "tab-navigation__list"].join(" "), children: i.length > 0 && i.map((t) => n.button.label === t.button.label ? /* @__PURE__ */ e(
-      "li",
-      {
-        className: [r["tab-navigation__item"], "tab-navigation__item"].join(" "),
-        style: {
-          "--gradient-start-color": t.button.gradientStartColor,
-          "--gradient-end-color": t.button.gradientEndColor
+  return T(() => {
+    l(e);
+  }, [e, l]), /* @__PURE__ */ B("tab-navigation", { children: [
+    /* @__PURE__ */ n("ul", { className: [r["tab-navigation__list"], "tab-navigation__list"].join(" "), children: i.length > 0 && i.map((t) => {
+      var o, b, s, _, g, c, d, m, v, C, f, h, p, x, H;
+      return ((o = e.button) == null ? void 0 : o.label) === ((b = t.button) == null ? void 0 : b.label) ? /* @__PURE__ */ n(
+        "li",
+        {
+          className: [r["tab-navigation__item"], "tab-navigation__item"].join(" "),
+          style: {
+            "--gradient-start-color": (s = t.button) == null ? void 0 : s.gradientStartColor,
+            "--gradient-end-color": (_ = t.button) == null ? void 0 : _.gradientEndColor
+          },
+          children: /* @__PURE__ */ n(
+            y,
+            {
+              disabled: !0,
+              label: (g = t.button) == null ? void 0 : g.label,
+              onClick: () => {
+                u(t);
+              }
+            }
+          )
         },
-        children: /* @__PURE__ */ e(
-          c,
-          {
-            onClick: () => {
-              u(t);
-            },
-            label: t.button.label,
-            disabled: !0
-          }
-        )
-      },
-      `tab-item-${t.button.label}`
-    ) : /* @__PURE__ */ e(
-      "li",
-      {
-        className: [r["tab-navigation__item"], "tab-navigation__item"].join(" "),
-        children: /* @__PURE__ */ e(
-          d,
-          {
-            onClick: () => {
-              u(t);
-            },
-            label: t.button.label,
-            customColors: {
-              bgColor: t.button.buttonBgColor,
-              bgHoverColor: t.button.buttonHoverBgColor,
-              color: t.button.buttonTextColor,
-              hoverColor: t.buttonHoverTextColor,
-              borderColor: t.button.buttonTextColor,
-              borderHoverColor: t.button.borderHoverColor ?? t.button.buttonHoverBgColor
+        `tab-item-${(c = t.button) == null ? void 0 : c.label}`
+      ) : /* @__PURE__ */ n(
+        "li",
+        {
+          className: [r["tab-navigation__item"], "tab-navigation__item"].join(" "),
+          children: /* @__PURE__ */ n(
+            k,
+            {
+              customColors: {
+                bgColor: (d = t.button) == null ? void 0 : d.buttonBgColor,
+                bgHoverColor: (m = t.button) == null ? void 0 : m.buttonHoverBgColor,
+                color: (v = t.button) == null ? void 0 : v.buttonTextColor,
+                hoverColor: (C = t.button) == null ? void 0 : C.buttonHoverTextColor,
+                borderColor: (f = t.button) == null ? void 0 : f.buttonTextColor,
+                borderHoverColor: ((h = t.button) == null ? void 0 : h.borderHoverColor) ?? ((p = t.button) == null ? void 0 : p.buttonHoverBgColor)
+              },
+              label: (x = t.button) == null ? void 0 : x.label,
+              onClick: () => {
+                u(t);
+              }
             }
-          }
-        )
-      },
-      `tab-item-${t.button.label}`
-    )) }),
-    /* @__PURE__ */ e("div", { className: r["tab-navigation__right-side"], children: a !== void 0 && a })
+          )
+        },
+        `tab-item-${(H = t.button) == null ? void 0 : H.label}`
+      );
+    }) }),
+    /* @__PURE__ */ n("div", { className: r["tab-navigation__right-side"], children: a !== void 0 && a })
   ] });
 }
 export {
-  h as TabNavigation,
-  h as default
+  w as TabNavigation,
+  w as default
 };

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

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

package/dist/components/TabbedContent/TabbedContent.d.ts

@@ -1,5 +1,21 @@
-export function TabbedContent({ tabs, navRightSideContent }: {
-    tabs?: never[] | undefined;
-    navRightSideContent: any;
-}): import("react/jsx-runtime").JSX.Element;
+export type Tab = {
+    title: string;
+    content: React.ReactNode;
+    classname?: string;
+    button?: {
+        label: string;
+        gradientStartColor: string;
+        gradientEndColor: string;
+        buttonBgColor: string;
+        buttonHoverBgColor: string;
+        buttonTextColor: string;
+        buttonHoverTextColor: string;
+        borderHoverColor?: string;
+    };
+};
+type TabbedContentProps = {
+    tabs: Tab[];
+    navRightSideContent?: React.ReactNode;
+};
+export declare function TabbedContent({ tabs, navRightSideContent, }: TabbedContentProps): JSX.Element;
 export default TabbedContent;

package/dist/components/TabbedContent/TabbedContent.js

@@ -1,15 +1,31 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { TabNavigation as m } from "../TabNavigation/TabNavigation.js";
-import { TabContent as b } from "../TabContent/TabContent.js";
-function f({ tabs: t = [], navRightSideContent: e }) {
-  const [n, o] = c(t[0]);
+import { TabContent as i } from "../TabContent/TabContent.js";
+function C({
+  tabs: n = [],
+  navRightSideContent: o
+}) {
+  const [t, a] = c(n[0]);
   return /* @__PURE__ */ s("tabbed-content", { children: [
-    /* @__PURE__ */ a(m, { tabs: t, onTabChanged: (r) => o(r), children: e && e }),
-    /* @__PURE__ */ a(b, { content: n.content, classname: n.classname ? n.classname : null })
+    /* @__PURE__ */ e(
+      m,
+      {
+        rightSideContent: o,
+        tabs: n,
+        onTabChanged: (r) => a(r)
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        classname: t.classname ? t.classname : "",
+        content: t.content
+      }
+    )
   ] });
 }
 export {
-  f as TabbedContent,
-  f as default
+  C as TabbedContent,
+  C as default
 };

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

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

package/dist/components/TextArea/TextArea.d.ts

@@ -1,2 +1,10 @@
-export function TextArea(props: any): import("react/jsx-runtime").JSX.Element;
+type TextAreaProps = {
+    name: string;
+    label: string;
+    rows: number;
+    width: 'small' | 'medium' | 'large' | 'full';
+    helpText?: string;
+    [key: string]: unknown;
+};
+export declare function TextArea(props: TextAreaProps): JSX.Element;
 export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -1,27 +1,27 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { useState as l, useRef as V } from "react";
-import { classes as u } from "../../utils/helpers.js";
+import { classes as f } from "../../utils/helpers.js";
 import { s as e, C as k, A as w } from "../../Form.module-Cd8qH2rj.mjs";
 function T(m) {
-  var o, d, f;
-  const { name: s, label: h, rows: p, width: _, helpText: v, ...x } = m, [C, N] = l(`${e["form-field__input"]}`), t = V(), [r, n] = l(""), [c, b] = l("clean"), g = `input-width--${_}`, y = () => {
-    b("touched"), N(`${e["form-field__input"]} ${e["input--touched"]}`), t.current.checkValidity() ? n("") : n(t.current.validationMessage);
+  var o, d, u;
+  const { name: i, label: h, rows: p, width: _, helpText: v, ...x } = m, [C, N] = l(`${e["form-field__input"]}`), t = V(null), [r, n] = l(""), [c, b] = l("clean"), g = `input-width--${_}`, y = () => {
+    b("touched"), N(`${e["form-field__input"]} ${e["input--touched"]}`), t.current && (t.current.checkValidity() ? n("") : n(t.current.validationMessage));
   };
-  return /* @__PURE__ */ i("label", { htmlFor: s, className: u([e["form-field"], e[g]]), children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ s("label", { className: f([e["form-field"], e[g]]), htmlFor: i, children: [
+    /* @__PURE__ */ s(
       "i",
       {
-        className: u([
+        className: f([
           e["form-field__icon"],
           (o = t.current) != null && o.validity.valid ? "" : e["form-field__icon--invalid"]
         ]),
         children: [
           ((d = t.current) == null ? void 0 : d.checkValidity()) && c === "touched" && /* @__PURE__ */ a(k, {}),
-          !((f = t.current) != null && f.checkValidity()) && c === "touched" && /* @__PURE__ */ a(w, {})
+          !((u = t.current) != null && u.checkValidity()) && c === "touched" && /* @__PURE__ */ a(w, {})
         ]
       }
     ),
-    /* @__PURE__ */ i("span", { className: e["form-field__label"], children: [
+    /* @__PURE__ */ s("span", { className: e["form-field__label"], children: [
       h,
       " ",
       /* @__PURE__ */ a("span", { className: e["form-field__label-help"], children: v })
@@ -30,13 +30,13 @@ function T(m) {
       "textarea",
       {
         className: C,
-        name: s,
-        id: s,
+        id: i,
+        name: i,
+        ref: t,
         rows: p,
         onBlur: () => {
           y();
         },
-        ref: t,
         ...x
       }
     ),

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

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

package/dist/components/UpcomingList/UpcomingList.d.ts

@@ -1,5 +1,6 @@
-export function UpcomingList({ list, handleClicks }: {
-    list: any;
-    handleClicks?: (() => boolean) | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { UpcomingItem, HandleClicksDetails } from '../../types';
+export declare function UpcomingList({ list, handleClicks, }: {
+    list: UpcomingItem[];
+    handleClicks: (details: HandleClicksDetails) => boolean | void;
+}): JSX.Element;
 export default UpcomingList;

package/dist/components/UpcomingList/UpcomingList.js

@@ -1,57 +1,71 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import "react";
-import { getMinutesFromStr as m, classes as r } from "../../utils/helpers.js";
-import { determineIfShowIsOnNow as _ } from "../../utils/date-helpers.js";
-import { Concat as g } from "../Concat/Concat.js";
-import { StringList as u } from "../StringList/StringList.js";
-import { AirDateFormatter as b } from "../AirDateFormatter/AirDateFormatter.js";
-import { ImageCard as h } from "../ImageCard/ImageCard.js";
+import { getMinutesFromStr as _, classes as l } from "../../utils/helpers.js";
+import { determineIfShowIsOnNow as g } from "../../utils/date-helpers.js";
+import { Concat as u } from "../Concat/Concat.js";
+import { StringList as b } from "../StringList/StringList.js";
+import { AirDateFormatter as h } from "../AirDateFormatter/AirDateFormatter.js";
+import { ImageCard as v } from "../ImageCard/ImageCard.js";
 import '../../assets/UpcomingList.css';const e = {
   "upcoming-list": "_upcoming-list_15byb_1",
   "upcoming-list__item": "_upcoming-list__item_15byb_6",
   "upcoming-list__airdate": "_upcoming-list__airdate_15byb_16"
 };
-function T({ list: l, handleClicks: d = () => !0 }) {
-  return /* @__PURE__ */ t("ul", { className: e["upcoming-list"], children: l.length > 0 && l.map((i) => {
-    var a, n, s, p;
-    const o = m(i.title.element_length);
-    return /* @__PURE__ */ c("li", { className: r([e["upcoming-list__item"], "upcoming-list__item"]), children: [
-      /* @__PURE__ */ t("div", { className: r([e["upcoming-list__airdate"], "upcoming-list__airdate"]), children: /* @__PURE__ */ c("div", { className: r([e["upcoming-list__airdate-bg"], "upcoming-list__airdate-bg"]), children: [
-        _(i.airdate, i.title.element_length) && /* @__PURE__ */ t("div", { className: "upcoming-list__on-now", children: "On Now" }),
+function T({
+  list: r,
+  handleClicks: d = () => !0
+}) {
+  return /* @__PURE__ */ t("ul", { className: e["upcoming-list"], children: r.length > 0 && r.map((i) => {
+    var n, a, s, p;
+    const o = _(i.title.element_length), m = {
+      displayInline: !0,
+      clampContentLines: !1,
+      content: /* @__PURE__ */ t(
+        u,
+        {
+          list: [
+            `<div>EP ${i.title.episode_number}: ${i.title.name}</div><div>${i.title.synopsis}</div>`,
+            /* @__PURE__ */ t(
+              b,
+              {
+                list: (a = (n = i.title) == null ? void 0 : n.video) != null && a.brightcove_id ? [o, i.title.rating, "&nbsp;"] : [o, i.title.rating],
+                separatorType: "pipe"
+              }
+            )
+          ]
+        }
+      ),
+      cta: (p = (s = i.title) == null ? void 0 : s.video) != null && p.brightcove_id ? {
+        label: "Watch Episode",
+        type: "play-video",
+        href: "",
+        relatedResourceId: i.title.video.brightcove_id,
+        position: "inline"
+      } : {
+        label: "",
+        type: "",
+        href: ""
+      },
+      handleClicks: d,
+      id: i.id,
+      image: {
+        url: i.title.image.url,
+        altText: "",
+        aspectRatio: 330 / 185
+      },
+      title: ""
+    };
+    return /* @__PURE__ */ c("li", { className: l([e["upcoming-list__item"], "upcoming-list__item"]), children: [
+      /* @__PURE__ */ t("div", { className: l([e["upcoming-list__airdate"], "upcoming-list__airdate"]), children: /* @__PURE__ */ c("div", { className: l([e["upcoming-list__airdate-bg"], "upcoming-list__airdate-bg"]), children: [
+        i.title.element_length && g(i.airdate, i.title.element_length) && /* @__PURE__ */ t("div", { className: "upcoming-list__on-now", children: "On Now" }),
         /* @__PURE__ */ t(
-          b,
+          h,
           {
             airdateStr: i.airdate,
             separatorType: "line-break"
           }
         )
       ] }) }),
-      /* @__PURE__ */ t(
-        h,
-        {
-          id: i.id,
-          image: {
-            url: i.title.image.url,
-            altText: "",
-            aspectRatio: 330 / 185
-          },
-          title: "",
-          content: /* @__PURE__ */ t(g, { list: [
-            `<div>EP ${i.title.episode_number}: ${i.title.name}</div><div>${i.title.synopsis}</div>`,
-            /* @__PURE__ */ t(u, { list: (n = (a = i.title) == null ? void 0 : a.video) != null && n.brightcove_id ? [o, i.title.rating, "&nbsp;"] : [o, i.title.rating], separatorType: "pipe" })
-          ] }),
-          cta: (p = (s = i.title) == null ? void 0 : s.video) != null && p.brightcove_id ? {
-            label: "Watch Episode",
-            type: "play-video",
-            href: "",
-            relatedResourceId: i.title.video.brightcove_id,
-            position: "inline"
-          } : {},
-          clampContentLines: !1,
-          displayInline: !0,
-          handleClicks: d
-        }
-      )
+      /* @__PURE__ */ t(v, { ...m })
     ] }, `upcoming-list-${i.id}`);
   }) });
 }

package/dist/containers/GetFeatruedListContainer.d.ts

@@ -1,17 +1,24 @@
-export default GetFeaturedListContainer;
-declare function GetFeaturedListContainer({ numberOfPrograms, startTime, endTime, type, canUseSameDay, handleClicks, hasSeriesPages, loadingMessage, fallbackImage, getResource, SCHEDULE_ENDPOINT, NETWORK, }: {
-    numberOfPrograms?: number | undefined;
-    startTime?: string | undefined;
-    endTime?: string | undefined;
-    type?: string | undefined;
-    canUseSameDay?: boolean | undefined;
-    handleClicks?: (() => boolean) | undefined;
-    hasSeriesPages?: boolean | undefined;
-    loadingMessage?: string | undefined;
+import { HandleClicksDetails } from '../types';
+type GetFeaturedListContainerProps = {
+    numberOfPrograms?: number;
+    startTime?: string;
+    endTime?: string;
+    type?: 'series' | 'movies' | 'all';
+    canUseSameDay?: boolean;
+    handleClicks?: (details: HandleClicksDetails) => void | boolean;
+    hasSeriesPages?: boolean;
+    loadingMessage?: string;
     fallbackImage?: {
         url: string;
-    } | undefined;
-    getResource?: (() => boolean) | undefined;
-    SCHEDULE_ENDPOINT: any;
-    NETWORK: any;
-}): import("react/jsx-runtime").JSX.Element;
+    };
+    getResource?: (options: {
+        queryKey: [string, {
+            resourceName: string;
+            queryVars: Record<string, unknown>;
+        }];
+    }) => Promise<unknown>;
+    SCHEDULE_ENDPOINT: string;
+    NETWORK: string;
+};
+declare function GetFeaturedListContainer({ numberOfPrograms, startTime, endTime, type, canUseSameDay, handleClicks, hasSeriesPages, loadingMessage, fallbackImage, getResource, SCHEDULE_ENDPOINT, NETWORK, }: GetFeaturedListContainerProps): JSX.Element;
+export default GetFeaturedListContainer;

package/dist/containers/GetFeatruedListContainer.js

@@ -1,27 +1,27 @@
 import { jsxs as x, Fragment as h, jsx as s } from "react/jsx-runtime";
 import { useState as j, useRef as w, useEffect as I } from "react";
-import { getFeaturedList as y } from "../utils/getFeaturedList.js";
-import { getFeaturedListImages as A } from "../utils/getFeaturedListImages.js";
-import { FeaturedList as C } from "../components/FeaturedList/FeaturedList.js";
-import { Loading as E } from "../components/Loading/Loading.js";
-function v({
+import { getFeaturedList as v } from "../utils/getFeaturedList.js";
+import { getFeaturedListImages as y } from "../utils/getFeaturedListImages.js";
+import { FeaturedList as A } from "../components/FeaturedList/FeaturedList.js";
+import { Loading as C } from "../components/Loading/Loading.js";
+function W({
   numberOfPrograms: i = 4,
-  startTime: a = "11:00",
-  endTime: o = "23:00",
+  startTime: o = "11:00",
+  endTime: a = "23:00",
   type: u = "series",
   canUseSameDay: n = !1,
   handleClicks: m = () => !0,
   hasSeriesPages: f = !0,
   loadingMessage: d = "",
   fallbackImage: e = { url: "" },
-  getResource: r = () => !0,
+  getResource: r = () => Promise.resolve({}),
   SCHEDULE_ENDPOINT: l,
   NETWORK: L
 }) {
   const [t, p] = j(null), c = w({
     type: u,
-    startTime: a,
-    endTime: o,
+    startTime: o,
+    endTime: a,
     numberOfPrograms: i,
     canUseSameDay: n,
     SCHEDULE_ENDPOINT: l,
@@ -29,22 +29,22 @@ function v({
   });
   return I(() => {
     t === null && (async () => {
-      const g = await y(c.current), F = await A({ featuredList: g, fallbackImage: e, getResource: r });
+      const g = await v(c.current), F = await y({ featuredList: g, fallbackImage: e, getResource: r });
       p(F);
     })();
   }, [t, e, r]), /* @__PURE__ */ x(h, { children: [
-    t === null && /* @__PURE__ */ s(E, { message: d }),
+    t === null && /* @__PURE__ */ s(C, { message: d }),
     t !== null && /* @__PURE__ */ s(
-      C,
+      A,
       {
-        list: t,
+        handleClicks: m,
         hasSeriesPages: f,
         imageAspectRatio: 0.6775300171526587,
-        handleClicks: m
+        list: t
       }
     )
   ] });
 }
 export {
-  v as default
+  W as default
 };

package/dist/containers/NowPlayingContainer.d.ts

@@ -1,16 +1,18 @@
+import { default as ProgramAirdate } from '../components/ProgramAirdate';
+type NowPlayingContainerProps = {
+    scheduleEndpoint: string;
+    network: string;
+    fallbackImage?: {
+        url: string;
+    };
+    getResource: (options: {
+        queryKey: [string, {
+            resourceName: string;
+            queryVars: Record<string, unknown>;
+        }];
+    }) => Promise<unknown>;
+    showEpisodeNumber?: boolean;
+    ProgramAirdateProps?: React.ComponentProps<typeof ProgramAirdate>;
+};
+export declare function NowPlayingContainer({ scheduleEndpoint, network, fallbackImage, getResource, showEpisodeNumber, ProgramAirdateProps, }: NowPlayingContainerProps): JSX.Element;
 export default NowPlayingContainer;
-declare function NowPlayingContainer({ scheduleEndpoint, network, fallbackImage, getResource, showEpisodeNumber, ProgramAirdateProps }: {
-    scheduleEndpoint: any;
-    network: any;
-    fallbackImage: any;
-    getResource: any;
-    showEpisodeNumber?: boolean | undefined;
-    ProgramAirdateProps?: {
-        brand: string;
-        buttonStyle: string;
-        logoStyle: string;
-        useLogo: boolean;
-        useSeriesColors: boolean;
-        href: string;
-    } | undefined;
-}): import("react/jsx-runtime").JSX.Element;