@scrippsproduct/networks-ui-library 1.1.0-alpha.0 → 1.1.0-alpha.2

package/dist/containers/NowPlayingContainer.js

@@ -1,14 +1,14 @@
 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 { getOnNowProgram as os } from "../utils/getOnNowProgram.js";
+import { useState as Ze, useCallback as os, useEffect as ke } from "react";
+import { getOnNowProgram as ts } from "../utils/getOnNowProgram.js";
 import { ProgramAirdate as as } from "../components/ProgramAirdate/ProgramAirdate.js";
 import { Loading as ms } from "../components/Loading/Loading.js";
 import { ResponsiveImage as cs } from "../components/ResponsiveImage/ResponsiveImage.js";
 import { ErrorHandler as ns } from "../components/ErrorHandler/ErrorHandler.js";
 function Ss({
   scheduleEndpoint: r,
-  network: t,
-  fallbackImage: o,
+  network: o,
+  fallbackImage: t,
   getResource: a,
   showEpisodeNumber: m = !1,
   ProgramAirdateProps: es = {
@@ -17,22 +17,23 @@ function Ss({
     logoStyle: "image",
     useLogo: !1,
     useSeriesColors: !0,
-    href: "/schedule"
+    href: "/schedule",
+    program: {}
   }
 }) {
-  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(() => {
+  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, oe, te, 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(), [is, rs] = Ze("on-now"), c = document.querySelector(":root"), n = os(() => {
     (async () => {
-      const s = await os({
+      const s = await ts({
         scheduleEndpoint: r,
-        network: t,
+        network: o,
         showEpisodeNumber: m,
-        fallbackImage: o,
+        fallbackImage: t,
         getResource: a
       });
       ss(s == null ? void 0 : s.program), rs(s == null ? void 0 : s.type);
     })();
-  }, [r, t, m, o, a]);
+  }, [r, o, m, t, 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)");
@@ -40,14 +41,14 @@ function Ss({
     e === void 0 && /* @__PURE__ */ i("div", { style: { gridColumn: "1/span 2" }, children: /* @__PURE__ */ i(
       ns,
       {
-        title: "An error has been encounter.",
-        message: "There has been an error while retrieving our currently airing program."
+        message: "There has been an error while retrieving our currently airing program.",
+        title: "An error has been encounter."
       }
     ) }),
     e === null && /* @__PURE__ */ i(ms, { topOffset: "30%" }),
     e != null && /* @__PURE__ */ Xe(Ye, { children: [
-      /* @__PURE__ */ i(as, { ...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(
+      /* @__PURE__ */ i(as, { ...es, program: e, type: is }),
+      /* @__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", { alt: "", 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 }) : /* @__PURE__ */ i(
         cs,
         {
           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,
@@ -62,7 +63,7 @@ function Ss({
             },
             {
               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`]
+              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 = (te = (oe = (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 : oe.srcSets) == null ? void 0 : te[3]) == null ? void 0 : ae.src} 2x`]
             },
             {
               media: "min-width: 600px",
@@ -83,5 +84,6 @@ function Ss({
   ] });
 }
 export {
+  Ss as NowPlayingContainer,
   Ss as default
 };

package/dist/custom-elements.d.js

@@ -0,0 +1 @@
+

package/dist/data-resources/FakeDataResource.d.ts

@@ -1,33 +1,94 @@
-export const platform_resources: Map<{
+import { ChoiceList } from '../types';
+declare const streaming_devices: {
+    metadata: {
+        name: string;
+        slug: string;
+    };
+    items: {
+        id: number;
+        image_url: string;
+        alt_text: string;
+        link: string;
+    }[];
+};
+declare const smart_tvs: {
+    metadata: {
+        name: string;
+        slug: string;
+    };
+    items: {
+        id: number;
+        image_url: string;
+        alt_text: string;
+        link: string;
+    }[];
+};
+declare const audio_platforms: {
+    metadata: {
+        name: string;
+        slug: string;
+    };
+    items: {
+        id: number;
+        image_url: string;
+        alt_text: string;
+        link: string;
+    }[];
+};
+declare const video_platforms: {
+    metadata: {
+        name: string;
+        slug: string;
+    };
+    items: {
+        id: number;
+        image_url: string;
+        alt_text: string;
+        link: string;
+    }[];
+};
+declare const mobile_devices: {
+    metadata: {
+        name: string;
+        slug: string;
+    };
+    items: {
+        id: number;
+        image_url: string;
+        alt_text: string;
+        link: string;
+    }[];
+};
+declare const platform_resources: Map<{
     name: string;
     slug: string;
-} | {
+}, {
     id: number;
     image_url: string;
     alt_text: string;
     link: string;
-}[], any[]>;
-export const platform_resources_video_platforms_first: Map<{
+}[]>;
+declare const platform_resources_video_platforms_first: Map<{
     name: string;
     slug: string;
-} | {
+}, {
     id: number;
     image_url: string;
     alt_text: string;
     link: string;
-}[], any[]>;
-export const small_platform_resouces: Map<{
+}[]>;
+declare const small_platform_resouces: Map<{
     name: string;
     slug: string;
-} | {
+}, {
     id: number;
     image_url: string;
     alt_text: string;
     link: string;
-}[], any[]>;
-export namespace wp_platform_resources {
-    let network: string;
-    let platform: {
+}[]>;
+declare const wp_platform_resources: {
+    network: string;
+    platform: {
         order: number;
         category_title: string;
         logos: {
@@ -37,59 +98,7 @@ export namespace wp_platform_resources {
             alt_text: string;
         }[];
     }[];
-}
-export const streaming_devices: ({
-    name: string;
-    slug: string;
-} | {
-    id: number;
-    image_url: string;
-    alt_text: string;
-    link: string;
-}[])[];
-export const smart_tvs: ({
-    name: string;
-    slug: string;
-} | {
-    id: number;
-    image_url: string;
-    alt_text: string;
-    link: string;
-}[])[];
-export const audio_platforms: ({
-    name: string;
-    slug: string;
-} | {
-    id: number;
-    image_url: string;
-    alt_text: string;
-    link: string;
-}[])[];
-export const video_platforms: ({
-    name: string;
-    slug: string;
-} | {
-    id: number;
-    image_url: string;
-    alt_text: string;
-    link: string;
-}[])[];
-export const mobile_devices: ({
-    name: string;
-    slug: string;
-} | {
-    id: number;
-    image_url: string;
-    alt_text: string;
-    link: string;
-}[])[];
-export const stateOptions: {
-    label: string;
-    value: string;
-}[];
-export const statesForCustomList: {
-    parent_id: null;
-    label: string;
-    value: string;
-    id: number;
-}[];
+};
+declare const stateOptions: ChoiceList;
+declare const statesForCustomList: ChoiceList;
+export { platform_resources, platform_resources_video_platforms_first, small_platform_resouces, wp_platform_resources, streaming_devices, smart_tvs, audio_platforms, video_platforms, mobile_devices, stateOptions, statesForCustomList, };