@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/SocialShareBlock/SocialShareBlock.d.ts

@@ -0,0 +1,9 @@
+export function SocialShareBlock({ url, text, longtext, showHeader, headerText, iconSize, }: {
+    url: any;
+    text: any;
+    longtext: any;
+    showHeader?: boolean | undefined;
+    headerText?: string | undefined;
+    iconSize?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default SocialShareBlock;

package/dist/components/SocialShareBlock/SocialShareBlock.js

@@ -0,0 +1,44 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import "react";
+import f from "../../icons/Facebook.js";
+import p from "../../icons/Twitter.js";
+import { s as a, S as d } from "../../SocialShareButton-BXGVUD-z.mjs";
+import { classes as S } from "../../utils/helpers.js";
+function b({
+  url: i,
+  text: c,
+  longtext: t,
+  showHeader: l = !1,
+  headerText: n = "Share",
+  iconSize: s = "1.5rem"
+}) {
+  const h = [
+    { network: "Facebook", icon: f },
+    { network: "Twitter", icon: p }
+  ];
+  return /* @__PURE__ */ e("social-share", { class: a["social-share"], children: [
+    l && /* @__PURE__ */ e("h5", { className: "social-share__header", children: [
+      n,
+      ":"
+    ] }),
+    h.map((m) => {
+      const { network: o, icon: _ } = m;
+      return /* @__PURE__ */ r(
+        d,
+        {
+          network: o,
+          url: i,
+          text: c,
+          longtext: t,
+          title: `Share on ${o}`,
+          children: /* @__PURE__ */ r("i", { className: S(["social-share__icon", a["social-share__icon"], `social-share__icon--${o}`, a[`social-share__icon--${o}`]]), children: /* @__PURE__ */ r(_, { width: s, height: s }) })
+        },
+        `social-share-${o}`
+      );
+    })
+  ] });
+}
+export {
+  b as SocialShareBlock,
+  b as default
+};

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

@@ -0,0 +1 @@
+export { SocialShareBlock, SocialShareBlock as default } from './SocialShareBlock';

package/dist/components/SocialShareBlock/index.js

@@ -0,0 +1,5 @@
+import { SocialShareBlock as l, SocialShareBlock as c } from "./SocialShareBlock.js";
+export {
+  l as SocialShareBlock,
+  c as default
+};

package/dist/components/SocialShareButton/SocialShareButton.d.ts

@@ -0,0 +1,8 @@
+export function SocialShareButton({ children, network, url, text, longtext }: {
+    children: any;
+    network: any;
+    url: any;
+    text: any;
+    longtext: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default SocialShareButton;

package/dist/components/SocialShareButton/SocialShareButton.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../../utils/createSocialShareLinks.js";
+import "../../utils/helpers.js";
+import { S as p, S } from "../../SocialShareButton-BXGVUD-z.mjs";
+export {
+  p as SocialShareButton,
+  S as default
+};

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

@@ -0,0 +1 @@
+export { SocialShareButton, SocialShareButton as default } from './SocialShareButton';

package/dist/components/SocialShareButton/index.js

@@ -0,0 +1,5 @@
+import { S as t, S } from "../../SocialShareButton-BXGVUD-z.mjs";
+export {
+  t as SocialShareButton,
+  S as default
+};

package/dist/components/StringList/StringList.d.ts

@@ -0,0 +1,6 @@
+export function StringList({ list, separatorType, makeBlock }: {
+    list: any;
+    separatorType?: string | undefined;
+    makeBlock?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default StringList;

package/dist/components/StringList/StringList.js

@@ -0,0 +1,30 @@
+import { jsx as t, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import s from "react";
+import { p as n } from "../../index-DB0QlRo7.mjs";
+import { classes as e } from "../../utils/helpers.js";
+import '../../assets/StringList.css';const l = {
+  "string-list__pipe": "_string-list__pipe_6c2cm_1",
+  "string-list--block": "_string-list--block_6c2cm_8"
+};
+function m({ list: g, separatorType: d = "comma", makeBlock: o = !1 }) {
+  const a = g.filter((r) => !(r === "" || r === void 0 || r === null));
+  if (a.length === 0) return /* @__PURE__ */ t(c, {});
+  switch (d) {
+    case "comma":
+      return /* @__PURE__ */ t("span", { className: e(["string-list", o ? l["string-list--block"] : ""]), children: a.map((r, i) => i === 0 ? /* @__PURE__ */ t(s.Fragment, { children: typeof r == "string" ? n(r) : r }, `sl-${Math.round(Math.random() * 1e7)}`) : /* @__PURE__ */ p(s.Fragment, { children: [
+        ", ",
+        typeof r == "string" ? n(r) : r
+      ] }, `sl-${Math.round(Math.random() * 1e7)}`)) });
+    case "pipe":
+      return /* @__PURE__ */ t("span", { className: e(["string-list", o ? l["string-list--block"] : ""]), children: a.map((r, i) => i === 0 ? /* @__PURE__ */ t(s.Fragment, { children: typeof r == "string" ? n(r) : r }, `sl-${Math.round(Math.random() * 1e7)}`) : /* @__PURE__ */ p(s.Fragment, { children: [
+        /* @__PURE__ */ t("span", { className: e([l["string-list__pipe"], "string-list__pipe"]), children: " | " }),
+        typeof r == "string" ? n(r) : r
+      ] }, `sl-${Math.round(Math.random() * 1e7)}`)) });
+    default:
+      return /* @__PURE__ */ t(c, {});
+  }
+}
+export {
+  m as StringList,
+  m as default
+};

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

@@ -0,0 +1 @@
+export { StringList, StringList as default } from './StringList';

package/dist/components/StringList/index.js

@@ -0,0 +1,5 @@
+import { StringList as r, StringList as s } from "./StringList.js";
+export {
+  r as StringList,
+  s as default
+};

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

@@ -0,0 +1,5 @@
+export function TabContent({ content, classname }: {
+    content: any;
+    classname: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default TabContent;

package/dist/components/TabContent/TabContent.js

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

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

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

package/dist/components/TabContent/index.js

@@ -0,0 +1,5 @@
+import { TabContent as e, TabContent as n } from "./TabContent.js";
+export {
+  e as TabContent,
+  n as default
+};

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

@@ -0,0 +1,6 @@
+export function TabNavigation({ tabs, onTabChanged, rightSideContent }: {
+    tabs?: never[] | undefined;
+    onTabChanged?: (() => boolean) | undefined;
+    rightSideContent: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default TabNavigation;

package/dist/components/TabNavigation/TabNavigation.js

@@ -0,0 +1,69 @@
+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 '../../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({
+  tabs: i = [],
+  onTabChanged: l = () => !0,
+  rightSideContent: a
+}) {
+  const [n, b] = _(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);
+  };
+  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
+        },
+        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-${t.button.label}`
+    )) }),
+    /* @__PURE__ */ e("div", { className: r["tab-navigation__right-side"], children: a !== void 0 && a })
+  ] });
+}
+export {
+  h as TabNavigation,
+  h as default
+};

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

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

package/dist/components/TabNavigation/index.js

@@ -0,0 +1,5 @@
+import { TabNavigation as o, TabNavigation as t } from "./TabNavigation.js";
+export {
+  o as TabNavigation,
+  t as default
+};

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

@@ -0,0 +1,5 @@
+export function TabbedContent({ tabs, navRightSideContent }: {
+    tabs?: never[] | undefined;
+    navRightSideContent: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default TabbedContent;

package/dist/components/TabbedContent/TabbedContent.js

@@ -0,0 +1,15 @@
+import { jsxs as s, jsx as a } 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]);
+  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 })
+  ] });
+}
+export {
+  f as TabbedContent,
+  f as default
+};

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

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

package/dist/components/TabbedContent/index.js

@@ -0,0 +1,5 @@
+import { TabbedContent as a, TabbedContent as b } from "./TabbedContent.js";
+export {
+  a as TabbedContent,
+  b as default
+};

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

@@ -0,0 +1,2 @@
+export function TextArea(props: any): import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,49 @@
+import { jsxs as i, 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 { s as e, C as k, A as w } from "../../Form.module-DbpB9u1l.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);
+  };
+  return /* @__PURE__ */ i("label", { htmlFor: s, className: u([e["form-field"], e[g]]), children: [
+    /* @__PURE__ */ i(
+      "i",
+      {
+        className: u([
+          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, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("span", { className: e["form-field__label"], children: [
+      h,
+      " ",
+      /* @__PURE__ */ a("span", { className: e["form-field__label-help"], children: v })
+    ] }),
+    /* @__PURE__ */ a(
+      "textarea",
+      {
+        className: C,
+        name: s,
+        id: s,
+        rows: p,
+        onBlur: () => {
+          y();
+        },
+        ref: t,
+        ...x
+      }
+    ),
+    r !== "" && /* @__PURE__ */ a("div", { className: e["form-field__error-message"], children: r })
+  ] });
+}
+export {
+  T as TextArea,
+  T as default
+};

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

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

package/dist/components/TextArea/index.js

@@ -0,0 +1,5 @@
+import { TextArea as r, TextArea as t } from "./TextArea.js";
+export {
+  r as TextArea,
+  t as default
+};

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

@@ -0,0 +1,5 @@
+export function UpcomingList({ list, handleClicks }: {
+    list: any;
+    handleClicks?: (() => boolean) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default UpcomingList;

package/dist/components/UpcomingList/UpcomingList.js

@@ -0,0 +1,61 @@
+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 { AirDateFormatter as g } from "../AirDateFormatter/AirDateFormatter.js";
+import { ImageCard as u } from "../ImageCard/ImageCard.js";
+import { Concat as b } from "../Concat/Concat.js";
+import { StringList as h } from "../StringList/StringList.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" }),
+        /* @__PURE__ */ t(
+          g,
+          {
+            airdateStr: i.airdate,
+            separatorType: "line-break"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t(
+        u,
+        {
+          id: i.id,
+          image: {
+            url: i.title.image.url,
+            altText: "",
+            aspectRatio: 330 / 185
+          },
+          title: "",
+          content: /* @__PURE__ */ t(b, { list: [
+            `<div>EP ${i.title.episode_number}: ${i.title.name}</div><div>${i.title.synopsis}</div>`,
+            /* @__PURE__ */ t(h, { 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
+        }
+      )
+    ] }, `upcoming-list-${i.id}`);
+  }) });
+}
+export {
+  T as UpcomingList,
+  T as default
+};

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

@@ -0,0 +1 @@
+export { UpcomingList, UpcomingList as default } from './UpcomingList';

package/dist/components/UpcomingList/index.js

@@ -0,0 +1,5 @@
+import { UpcomingList as t, UpcomingList as m } from "./UpcomingList.js";
+export {
+  t as UpcomingList,
+  m as default
+};

package/dist/containers/GetFeatruedListContainer.d.ts

@@ -0,0 +1,17 @@
+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;
+    fallbackImage?: {
+        url: string;
+    } | undefined;
+    getResource?: (() => boolean) | undefined;
+    SCHEDULE_ENDPOINT: any;
+    NETWORK: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/containers/GetFeatruedListContainer.js

@@ -0,0 +1,50 @@
+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({
+  numberOfPrograms: i = 4,
+  startTime: a = "11:00",
+  endTime: o = "23:00",
+  type: u = "series",
+  canUseSameDay: n = !1,
+  handleClicks: m = () => !0,
+  hasSeriesPages: f = !0,
+  loadingMessage: d = "",
+  fallbackImage: e = { url: "" },
+  getResource: r = () => !0,
+  SCHEDULE_ENDPOINT: l,
+  NETWORK: L
+}) {
+  const [t, p] = j(null), c = w({
+    type: u,
+    startTime: a,
+    endTime: o,
+    numberOfPrograms: i,
+    canUseSameDay: n,
+    SCHEDULE_ENDPOINT: l,
+    NETWORK: L
+  });
+  return I(() => {
+    t === null && (async () => {
+      const g = await y(c.current), F = await A({ 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,
+      {
+        list: t,
+        hasSeriesPages: f,
+        imageAspectRatio: 0.6775300171526587,
+        handleClicks: m
+      }
+    )
+  ] });
+}
+export {
+  v as default
+};

package/dist/containers/NowPlayingContainer.d.ts

@@ -0,0 +1,16 @@
+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;

package/dist/containers/NowPlayingContainer.js

@@ -0,0 +1,87 @@
+import { jsxs as Xe, Fragment as Ye, jsx as i } from "react/jsx-runtime";
+import { useState as Ze, useCallback as ts, useEffect as ke } from "react";
+import { ProgramAirdate as os } from "../components/ProgramAirdate/ProgramAirdate.js";
+import { Loading as as } from "../components/Loading/Loading.js";
+import { ResponsiveImage as ms } from "../components/ResponsiveImage/ResponsiveImage.js";
+import { ErrorHandler as cs } from "../components/ErrorHandler/ErrorHandler.js";
+import { getOnNowProgram as ns } from "../utils/getOnNowProgram.js";
+function Ss({
+  scheduleEndpoint: r,
+  network: t,
+  fallbackImage: o,
+  getResource: a,
+  showEpisodeNumber: m = !1,
+  ProgramAirdateProps: es = {
+    brand: "Grit",
+    buttonStyle: "flat",
+    logoStyle: "image",
+    useLogo: !1,
+    useSeriesColors: !0,
+    href: "/schedule"
+  }
+}) {
+  var d, l, p, g, u, x, f, S, h, z, w, y, $, v, P, _, C, b, N, j, A, L, O, T, q, E, F, G, H, U, B, D, I, J, K, M, Q, R, V, W, X, Y, Z, k, ee, se, ie, re, te, oe, ae, me, ce, ne, de, le, pe, ge, ue, xe, fe, Se, he, ze, we, ye, $e, ve, Pe, _e, Ce, be, Ne, je, Ae, Le, Oe, Te, qe, Ee, Fe, Ge, He, Ue, Be, De, Ie, Je, Ke, Me, Qe, Re, Ve;
+  const [e, ss] = Ze(null), [is, rs] = Ze("on-now"), c = document.querySelector(":root"), n = ts(() => {
+    (async () => {
+      const s = await ns({
+        scheduleEndpoint: r,
+        network: t,
+        showEpisodeNumber: m,
+        fallbackImage: o,
+        getResource: a
+      });
+      ss(s == null ? void 0 : s.program), rs(s == null ? void 0 : s.type);
+    })();
+  }, [r, t, m, o, a]);
+  return ke(() => n(), [n]), ke(() => {
+    var s, We;
+    e !== null && c.style.setProperty("--on-now-text-color", ((We = (s = e == null ? void 0 : e.episode) == null ? void 0 : s.series) == null ? void 0 : We.primary_color) || "var(--theme-color-100)");
+  }, [e, c]), /* @__PURE__ */ Xe(Ye, { children: [
+    e === void 0 && /* @__PURE__ */ i("div", { style: { gridColumn: "1/span 2" }, children: /* @__PURE__ */ i(
+      cs,
+      {
+        title: "An error has been encounter.",
+        message: "There has been an error while retrieving our currently airing program."
+      }
+    ) }),
+    e === null && /* @__PURE__ */ i(as, { topOffset: "30%" }),
+    e != null && /* @__PURE__ */ Xe(Ye, { children: [
+      /* @__PURE__ */ i(os, { ...es, type: is, program: e }),
+      /* @__PURE__ */ i("div", { className: "program-on-now__image-wrapper", children: ((p = (l = (d = e == null ? void 0 : e.episode) == null ? void 0 : d.series) == null ? void 0 : l.image) == null ? void 0 : p.sizes) === void 0 ? /* @__PURE__ */ i("img", { className: "on-now__series-img", src: (x = (u = (g = e.episode) == null ? void 0 : g.series) == null ? void 0 : u.image) == null ? void 0 : x.url, alt: "" }) : /* @__PURE__ */ i(
+        ms,
+        {
+          fullSizeUrl: (h = (S = (f = e == null ? void 0 : e.episode) == null ? void 0 : f.series) == null ? void 0 : S.image) == null ? void 0 : h.url,
+          sources: [
+            {
+              media: "min-width: 2000px",
+              srcsets: [`${(_ = (P = (v = ($ = (y = (w = (z = e.episode) == null ? void 0 : z.series) == null ? void 0 : w.image) == null ? void 0 : y.sizes) == null ? void 0 : $[0]) == null ? void 0 : v.srcSets) == null ? void 0 : P[3]) == null ? void 0 : _.src} 1x`, `${(O = (L = (A = (j = (N = (b = (C = e.episode) == null ? void 0 : C.series) == null ? void 0 : b.image) == null ? void 0 : N.sizes) == null ? void 0 : j[0]) == null ? void 0 : A.srcSets) == null ? void 0 : L[5]) == null ? void 0 : O.src} 2x`]
+            },
+            {
+              media: "min-width: 1425px",
+              srcsets: [`${(U = (H = (G = (F = (E = (q = (T = e.episode) == null ? void 0 : T.series) == null ? void 0 : q.image) == null ? void 0 : E.sizes) == null ? void 0 : F[0]) == null ? void 0 : G.srcSets) == null ? void 0 : H[2]) == null ? void 0 : U.src}`, `${(Q = (M = (K = (J = (I = (D = (B = e.episode) == null ? void 0 : B.series) == null ? void 0 : D.image) == null ? void 0 : I.sizes) == null ? void 0 : J[0]) == null ? void 0 : K.srcSets) == null ? void 0 : M[5]) == null ? void 0 : Q.src} 2x`]
+            },
+            {
+              media: "min-width: 960px",
+              srcsets: [`${(k = (Z = (Y = (X = (W = (V = (R = e.episode) == null ? void 0 : R.series) == null ? void 0 : V.image) == null ? void 0 : W.sizes) == null ? void 0 : X[0]) == null ? void 0 : Y.srcSets) == null ? void 0 : Z[1]) == null ? void 0 : k.src}`, `${(ae = (oe = (te = (re = (ie = (se = (ee = e.episode) == null ? void 0 : ee.series) == null ? void 0 : se.image) == null ? void 0 : ie.sizes) == null ? void 0 : re[0]) == null ? void 0 : te.srcSets) == null ? void 0 : oe[3]) == null ? void 0 : ae.src} 2x`]
+            },
+            {
+              media: "min-width: 600px",
+              srcsets: [`${(ge = (pe = (le = (de = (ne = (ce = (me = e.episode) == null ? void 0 : me.series) == null ? void 0 : ce.image) == null ? void 0 : ne.sizes) == null ? void 0 : de[0]) == null ? void 0 : le.srcSets) == null ? void 0 : pe[2]) == null ? void 0 : ge.src}`, `${(we = (ze = (he = (Se = (fe = (xe = (ue = e.episode) == null ? void 0 : ue.series) == null ? void 0 : xe.image) == null ? void 0 : fe.sizes) == null ? void 0 : Se[0]) == null ? void 0 : he.srcSets) == null ? void 0 : ze[5]) == null ? void 0 : we.src} 2x`]
+            },
+            {
+              media: "min-width: 300px",
+              srcsets: [`${(be = (Ce = (_e = (Pe = (ve = ($e = (ye = e.episode) == null ? void 0 : ye.series) == null ? void 0 : $e.image) == null ? void 0 : ve.sizes) == null ? void 0 : Pe[0]) == null ? void 0 : _e.srcSets) == null ? void 0 : Ce[1]) == null ? void 0 : be.src} 1x`, `${(qe = (Te = (Oe = (Le = (Ae = (je = (Ne = e.episode) == null ? void 0 : Ne.series) == null ? void 0 : je.image) == null ? void 0 : Ae.sizes) == null ? void 0 : Le[0]) == null ? void 0 : Oe.srcSets) == null ? void 0 : Te[3]) == null ? void 0 : qe.src} 2x`]
+            },
+            {
+              media: "min-width: 1px",
+              srcsets: [`${(De = (Be = (Ue = (He = (Ge = (Fe = (Ee = e.episode) == null ? void 0 : Ee.series) == null ? void 0 : Fe.image) == null ? void 0 : Ge.sizes) == null ? void 0 : He[0]) == null ? void 0 : Ue.srcSets) == null ? void 0 : Be[0]) == null ? void 0 : De.src} 1x`, `${(Ve = (Re = (Qe = (Me = (Ke = (Je = (Ie = e.episode) == null ? void 0 : Ie.series) == null ? void 0 : Je.image) == null ? void 0 : Ke.sizes) == null ? void 0 : Me[0]) == null ? void 0 : Qe.srcSets) == null ? void 0 : Re[1]) == null ? void 0 : Ve.src} 2x`]
+            }
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  Ss as default
+};