@scrippsproduct/networks-ui-library 1.1.0-alpha.10 → 1.1.0-alpha.13

package/dist/components/ChannelSearch/ChannelSearch.js

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as a, Fragment as I } from "react/jsx-runtime";
-import { useRef as v, useState as C, useEffect as x } from "react";
-import { statesForCustomList as S } from "../../data-resources/FakeDataResource.js";
+import { useRef as T, useState as $, useEffect as x } from "react";
+import { statesForCustomList as k } from "../../data-resources/FakeDataResource.js";
 import { publish as V } from "../../utils/events.js";
-import { classes as l } from "../../utils/helpers.js";
+import { classes as r } from "../../utils/helpers.js";
 import { Input as j } from "../Input/Input.js";
 import { CustomDataList as z } from "../CustomDataList/CustomDataList.js";
 import { ActionButton as K } from "../ActionButton/ActionButton.js";
-import { ResultsTable as A } from "../ResultsTable/ResultsTable.js";
-import { AdBlock as F } from "../AdBlock/AdBlock.js";
+import { ResultsTable as F } from "../ResultsTable/ResultsTable.js";
+import { AdBlock as Y } from "../AdBlock/AdBlock.js";
 import '../../assets/ChannelSearch.css';const n = {
   "channel-search": "_channel-search_1kyd9_6",
   "channel-search__inputs": "_channel-search__inputs_1kyd9_19",
@@ -18,13 +18,13 @@ import '../../assets/ChannelSearch.css';const n = {
   "channel-search__label": "_channel-search__label_1kyd9_90"
 };
 function M({
-  network: c,
-  baseApiUrl: T,
-  allowZipcodeSearch: _ = !0,
-  allowStateSearch: m = !0,
-  compactLayout: d = !1,
-  allowAutoScroll: $ = !0,
-  autoScrollOffset: k = 25,
+  network: l,
+  baseApiUrl: N,
+  allowZipcodeSearch: u = !0,
+  allowStateSearch: p = !0,
+  compactLayout: _ = !1,
+  allowAutoScroll: w = !0,
+  autoScrollOffset: v = 25,
   ad: i = {
     campaign: "",
     source: "",
@@ -32,9 +32,9 @@ function M({
     content: ""
   }
 }) {
-  const g = v(""), h = async (r = { type: "", term: "" }) => {
-    const y = async () => {
-      const e = `${T}/${c.slug}?${r.type}=${r.term}`;
+  const C = T(""), m = async (c = { type: "", term: "" }) => {
+    const g = async () => {
+      const e = `${N}/${l.slug}?${c.type}=${c.term}`;
       try {
         const t = await fetch(e);
         return t.ok ? (await t.json()).map((s) => ({
@@ -47,24 +47,24 @@ function M({
         return console.error(t), [];
       }
     };
-    return r.term === "" ? [] : await y();
-  }, N = async (r) => {
-    r.preventDefault();
-    const y = new FormData(document.getElementById("channel-search"));
+    return c.term === "" ? [] : await g();
+  }, S = async (c) => {
+    c.preventDefault();
+    const g = new FormData(document.getElementById("channel-search"));
     let e = {};
-    for (let [t, p] of y.entries())
+    for (let [t, h] of g.entries())
       e = {
         ...e,
-        [t]: p
+        [t]: h
       };
     if (e.zipcode && (e == null ? void 0 : e.zipcode) !== "") {
-      const t = await h({ type: "zip", term: e.zipcode });
-      u(t.length === 0 ? [] : t), b(!0);
+      const t = await m({ type: "zip", term: e.zipcode });
+      d(t.length === 0 ? [] : t), f(!0);
     } else if (e.state && (e == null ? void 0 : e.state) !== "") {
-      const t = S.find((p) => Number.parseInt(p.id, 10) === Number.parseInt(e.state, 10));
-      g.current = t === void 0 ? "" : t.label, u(await h({ type: "state", term: t == null ? void 0 : t.value })), b(!0);
+      const t = k.find((h) => Number.parseInt(h.id, 10) === Number.parseInt(e.state, 10));
+      C.current = t === void 0 ? "" : t.label, d(await m({ type: "state", term: t == null ? void 0 : t.value })), f(!0);
     } else
-      u(await h()), b(!1);
+      d(await m()), f(!1);
     setTimeout(() => {
       V("scripps:action:completed");
     }, 250);
@@ -85,39 +85,37 @@ function M({
       title: "Cable/Satellite",
       resultKey: "provider"
     }
-  ], [w, u] = C([]), [R, b] = C(!1), f = v(null);
+  ], [R, d] = $([]), [b, f] = $(!1), y = T(null);
   return x(() => {
-    R && $ && setTimeout(() => {
-      f.current !== null && window.scroll({
+    b && w && setTimeout(() => {
+      y.current !== null && window.scroll({
         left: 0,
-        top: f.current.getBoundingClientRect().y + window.pageYOffset - k,
+        top: y.current.getBoundingClientRect().y + window.pageYOffset - v,
         behavior: "smooth"
       });
-    }, 100), (async () => {
-      u(await h());
-    })();
-  }), /* @__PURE__ */ o("channel-search__wrapper", { children: [
+    }, 100);
+  }, [b, w, v]), /* @__PURE__ */ o("channel-search__wrapper", { children: [
     /* @__PURE__ */ o(
       "form",
       {
-        className: l([
+        className: r([
           n["channel-search"],
           "channel-search"
         ]),
         id: "channel-search",
         children: [
-          /* @__PURE__ */ o("span", { className: l([n["channel-search__label"], "channel-search__label"]), children: [
-            c.brand_name,
+          /* @__PURE__ */ o("span", { className: r([n["channel-search__label"], "channel-search__label"]), children: [
+            l.brand_name,
             " Channel Search:"
           ] }),
-          /* @__PURE__ */ o("span", { className: l([n["channel-search__inputs"], "channel-search__inputs"]), children: [
-            _ && /* @__PURE__ */ a(j, { name: "zipcode", placeholder: "Enter ZIP Code", showValidation: !1 }),
-            _ && m && "or",
-            m && /* @__PURE__ */ a(
+          /* @__PURE__ */ o("span", { className: r([n["channel-search__inputs"], "channel-search__inputs"]), children: [
+            u && /* @__PURE__ */ a(j, { name: "zipcode", placeholder: "Enter ZIP Code", showValidation: !1 }),
+            u && p && "or",
+            p && /* @__PURE__ */ a(
               z,
               {
                 name: "state",
-                options: S,
+                options: k,
                 placeholder: "Select Your State",
                 showValidation: !1
               }
@@ -126,40 +124,40 @@ function M({
           /* @__PURE__ */ a(
             K,
             {
-              classname: l(["channel-search__submit-btn", n["channel-search__submit-btn"]]),
+              classname: r(["channel-search__submit-btn", n["channel-search__submit-btn"]]),
               label: "Submit",
               type: "submit",
-              onClick: N
+              onClick: S
             }
           )
         ]
       }
     ),
-    R && /* @__PURE__ */ o(I, { children: [
+    b && /* @__PURE__ */ o(I, { children: [
       /* @__PURE__ */ a(
         "div",
         {
-          className: l([
+          className: r([
             n["results-table__header"],
             "search-results-header",
-            d ? n["results-table__header--compact"] : ""
+            _ ? n["results-table__header--compact"] : ""
           ]),
-          ref: f,
-          children: w.length > 1 ? `${m && !_ ? g.current : "Your"} ${c.brand_name} Channels` : `Your ${c.brand_name} Channel`
+          ref: y,
+          children: R.length > 1 ? `${p && !u ? C.current : "Your"} ${l.brand_name} Channels` : `Your ${l.brand_name} Channel`
         }
       ),
       /* @__PURE__ */ a(
-        A,
+        F,
         {
           columns: B,
-          compactLayout: d,
-          noResultsMsg: `Sorry there are no channels carrying ${c.brand_name} in your area at this time.`,
-          results: w
+          compactLayout: _,
+          noResultsMsg: `Sorry there are no channels carrying ${l.brand_name} in your area at this time.`,
+          results: R
         }
       )
     ] }),
-    !d && /* @__PURE__ */ a("div", { className: l([n["ad-wrapper"], "ad-wrapper"]), children: /* @__PURE__ */ a(
-      F,
+    !_ && /* @__PURE__ */ a("div", { className: r([n["ad-wrapper"], "ad-wrapper"]), children: /* @__PURE__ */ a(
+      Y,
       {
         ad: {
           header: "Fall in love with subscription-free TV.",

package/dist/components/ScheduleLayout/ScheduleLayout.js

@@ -1,68 +1,68 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useRef as d, useCallback as S, useEffect as y } from "react";
+import { useRef as d, useCallback as g, useEffect as h } from "react";
 import { f as w } from "../../format-YhWt2D8M.mjs";
-import { l as i } from "../../logger-C0N7U0YY.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";
-i.setComponent("ScheduleLayout");
+l.setComponent("ScheduleLayout");
 import '../../assets/ScheduleLayout.css';function x({
   handleScheduleClicks: f = () => !0
 }) {
-  const { currentDate: n } = T(), r = d(null), p = d(0), o = d(null), s = d(null), l = d(null), a = S((u) => {
-    i.log("Determining pointer position for date: ", u);
-    const c = () => {
+  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(u, "yyyy-MM-dd")}"]`);
-      if (v && (e = v.parentElement), e && r.current) {
-        const g = e.offsetLeft + e.offsetWidth / 2;
-        p.current = g, r.current.style.setProperty(
+      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",
-          `${g}px`
+          `${S}px`
         );
       }
-    }, h = () => {
-      i.log("Scrolling schedule list to top"), i.log("Schedule list element: ", s.current), i.log("Sticky wrapper element: ", l.current);
+    }, 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");
-      s.current && l.current && (i.log("Mobile nav element: ", e), window.scrollTo({
+      c.current && i.current && (l.log("Mobile nav element: ", e), window.scrollTo({
         behavior: "auto",
-        top: e && window.getComputedStyle(e).display !== "none" ? s.current.offsetTop - l.current.offsetHeight - e.offsetHeight - 8 : s.current.offsetTop - l.current.offsetHeight - 16,
+        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 (!r.current) {
+    if (!n.current) {
       const e = setInterval(() => {
-        r.current = document.querySelector(".date-navigation__list"), r.current && (clearInterval(e), s.current = document.querySelector(".schedule-list"), l.current = document.querySelector("sticky-content-wrapper"), c(), h());
+        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;
     }
-    c(), h();
-  }, []), m = S(() => {
+    s(), y();
+  }, []), m = g(() => {
     o.current && clearTimeout(o.current), o.current = window.setTimeout(() => {
-      a(n);
+      u(r);
     }, 250);
-  }, [n, a]);
-  return y(() => (window.addEventListener("resize", m), () => {
+  }, [r, u]);
+  return h(() => (window.addEventListener("resize", m), () => {
     window.removeEventListener("resize", m), o.current && clearTimeout(o.current);
-  }), [a, m]), y(() => {
-    const u = document.querySelector(".header-divider"), c = document.querySelector("sticky-content-wrapper");
-    c && u && new IntersectionObserver(
+  }), [u, m]), h(() => {
+    const a = document.querySelector(".header-divider"), s = document.querySelector("sticky-content-wrapper");
+    s && a && new IntersectionObserver(
       ([e]) => {
-        e.intersectionRatio < 1 ? c.dataset.pinnedState = "pinned" : c.dataset.pinnedState = "unpinned";
+        e.intersectionRatio < 1 ? s.dataset.pinnedState = "pinned" : s.dataset.pinnedState = "unpinned";
       },
       {
         threshold: [1],
         rootMargin: "-37px"
       }
-    ).observe(u);
-  }, []), y(() => {
-    a(n);
-  }, [n, a]), /* @__PURE__ */ b("schedule-layout", { children: [
+    ).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",
       {
@@ -75,13 +75,13 @@ import '../../assets/ScheduleLayout.css';function x({
         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(n, "yyyy-MM-dd"), role: "tabpanel", children: /* @__PURE__ */ t(q, { handleClicks: f }) }) }) })
+    /* @__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: n = [],
-  weeks: r = [],
+  initialSchedule: r = [],
+  weeks: n = [],
   handleScheduleClicks: p = () => !0,
   handleDateChanged: o = () => !0
 }) {
@@ -90,8 +90,8 @@ function N({
     {
       fetchSchedule: f,
       handleDateChanged: o,
-      initialSchedule: n,
-      weeks: r,
+      initialSchedule: r,
+      weeks: n,
       children: /* @__PURE__ */ t(x, { handleScheduleClicks: p })
     }
   );

package/dist/hooks/useGetSchedule.d.ts

@@ -0,0 +1,22 @@
+import { ScheduleItem } from '../types';
+type UseGetScheduleParams = {
+    dateStr: string;
+    schedEndpoint: string;
+    network?: string | null;
+    showEpisodeNumber?: boolean;
+    showUpcoming?: boolean;
+};
+/**
+ *
+ * @param {*} param0
+ * @param {string} param0.dateStr - The date to get the schedule for
+ * @param {string} param0.schedEndpoint - The endpoint to get the schedule from
+ * @param {string|null} param0.network - The network to get the schedule for
+ * @param {boolean} param0.showEpisodeNumber - Whether episode numbers should be shown
+ *
+ * @returns {Object[]|{ queryStatus: 'no-results' }} - Array of objects or an object with a queryStatus of 'no-results'
+ */
+declare const useGetSchedule: ({ dateStr, schedEndpoint, network, showEpisodeNumber, showUpcoming, }: UseGetScheduleParams) => Promise<ScheduleItem[] | [{
+    queryStatus: string;
+}]>;
+export default useGetSchedule;

package/dist/hooks/useGetSchedule.js

@@ -0,0 +1,62 @@
+import { a as p } from "../add-UWUc_nrO.mjs";
+import { f as d } from "../format-YhWt2D8M.mjs";
+import { determineSeasonNumber as S, determineEpisodeNumber as _, determineSeasonNumberFromSeriesPrefix as b } from "../utils/series-helpers.js";
+import { convert12to24 as O } from "../utils/helpers.js";
+import { determineIfShowIsOnNow as v } from "../utils/date-helpers.js";
+import { g as x } from "../index-0wieGV50.mjs";
+const P = async ({
+  dateStr: o,
+  schedEndpoint: h,
+  network: $ = null,
+  showEpisodeNumber: u = !1,
+  showUpcoming: w = !1
+}) => {
+  const c = x("America/New_York", new Date(o)) / 36e5, T = d(/* @__PURE__ */ new Date(`${o}T00:00:00`), "yyyy-MM-dd"), i = d(new Date(p(/* @__PURE__ */ new Date(`${o}T00:00:00`), { days: 1 })), "yyyy-MM-dd"), m = (s) => {
+    const e = /* @__PURE__ */ new Date(`${o}T06:00:00-0${c * -1}:00`), r = /* @__PURE__ */ new Date(`${i}T06:00:00-0${c * -1}:00`);
+    return s.filter((n) => {
+      if (!(n != null && n.start_ts_parse)) return !1;
+      const l = (n == null ? void 0 : n.start_ts_parse) * 1e3;
+      return l >= e.valueOf() && l < r.valueOf();
+    });
+  }, y = async () => {
+    let s = [], e = {
+      next: null,
+      results: []
+    }, r = 0, f = "";
+    const n = T, l = i;
+    do {
+      f = `${h}/${$}?ordering=start_ts_parse&start_date__range=${n},${l}&limit=100&offset=${r}`;
+      try {
+        const t = await fetch(f);
+        if (t != null && t.ok)
+          e = await t.json(), s = [...s, ...e.results];
+        else {
+          console.error(`An error was returned from fetch. HTTP Response Code: ', ${t == null ? void 0 : t.status}`);
+          break;
+        }
+      } catch (t) {
+        console.error("Fetch failed with error:", t);
+        break;
+      }
+      r += 100;
+    } while (e.next !== null);
+    return s.length === 0 ? void 0 : m(s).map((t) => ({
+      ...t,
+      showUpcoming: w
+    }));
+  }, D = (s) => s.filter((e) => {
+    if (e.series_prefix === null && e.title_code === null) return !1;
+    const r = /* @__PURE__ */ new Date();
+    return e.start_ts_parse ? !!(e.start_ts_parse * 1e3 > r.valueOf() || v(`${e.start_date_parse}T${O(e.start_time)}`, e.element_length)) : !1;
+  }).map((e) => {
+    let r = "";
+    return e.series_prefix === null ? r = u ? `${S(e)}${_(e)}` : "" : r = u ? `${b(e)}${_(e)}` : "", {
+      ...e,
+      episode_number: r
+    };
+  }), a = await y();
+  return a === void 0 || a.length === 0 ? [{ queryStatus: "no-results" }] : D(a);
+};
+export {
+  P as default
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0-alpha.10",
+  "version": "1.1.0-alpha.13",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {