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

package/dist/components/CarouselSlide/slide-layouts/Show/ShowSlide.js

@@ -1,10 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
-import "react";
-import { ImageCard as E } from "../../../ImageCard/ImageCard.js";
-import { AirDateFormatter as H } from "../../../AirDateFormatter/AirDateFormatter.js";
-import { GetAirdateWrapper as J } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
 import { Concat as _ } from "../../../Concat/Concat.js";
-import { classes as K } from "../../../../utils/helpers.js";
+import { classes as E } from "../../../../utils/helpers.js";
+import { ImageCard as H } from "../../../ImageCard/ImageCard.js";
+import { AirDateFormatter as J } from "../../../AirDateFormatter/AirDateFormatter.js";
+import { GetAirdateWrapper as K } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
 import '../../../../assets/ShowSlide.css';const L = {
   "show-slide": "_show-slide_mt0c3_1"
 }, Q = (t, l) => t ? l.preventDetailPage ? {
@@ -22,7 +21,7 @@ import '../../../../assets/ShowSlide.css';const L = {
 } : l.seriesPrefix ? {
   href: "",
   type: "show-modal",
-  relatedSourceId: l.seriesPrefix,
+  relatedResourceId: l.seriesPrefix,
   relatedResourceType: "series"
 } : l.titleCode ? {
   href: "",
@@ -35,15 +34,15 @@ import '../../../../assets/ShowSlide.css';const L = {
   relatedResourceId: "",
   relatedResourceType: "unknown"
 };
-function ot({
+function lt({
   series: t,
   nextAirdate: l = null,
   titlePosition: U = "left",
   titleColor: D = "#fff",
-  fullSizeImagePosition: S = [50, 50],
-  mobileImagePosition: M = [50, 50],
-  lazyLoad: O = !0,
-  fetchPriority: j = null,
+  fullSizeImagePosition: M = [50, 50],
+  mobileImagePosition: O = [50, 50],
+  lazyLoad: S = !0,
+  fetchPriority: j = "auto",
   decoding: z = "async",
   hasSeriesPages: a = !0,
   handleClicks: A = () => !0,
@@ -51,59 +50,75 @@ function ot({
   SCHEDULE_ENDPOINT: F = "",
   NETWORK: G = ""
 }) {
-  var p, d, u, c, r, g, f, e, h, y, i, w, I, C, b, T, R, v, k, $, x, P;
+  var p, d, u, c, r, g, e, f, h, y, i, w, I, C, R, T, b, v, k, x, $, P;
   const N = {
-    url: ((d = (p = t == null ? void 0 : t.images) == null ? void 0 : p.slide) == null ? void 0 : d.url) ?? ((c = (u = t == null ? void 0 : t.bannerImage) == null ? void 0 : u.image) == null ? void 0 : c.publicUrl),
+    url: ((d = (p = t == null ? void 0 : t.images) == null ? void 0 : p.slide) == null ? void 0 : d.url) ?? ((c = (u = t == null ? void 0 : t.bannerImage) == null ? void 0 : u.image) == null ? void 0 : c.publicUrl) ?? "",
     altText: n,
     aspectRatio: 2.011764705882353,
-    sources: ((g = (r = t == null ? void 0 : t.images) == null ? void 0 : r.slide) == null ? void 0 : g.url) ?? ((e = (f = t == null ? void 0 : t.bannerImage) == null ? void 0 : f.image) == null ? void 0 : e.sources)
+    sources: ((g = (r = t == null ? void 0 : t.images) == null ? void 0 : r.slide) == null ? void 0 : g.url) ?? ((f = (e = t == null ? void 0 : t.bannerImage) == null ? void 0 : e.image) == null ? void 0 : f.sources)
   }, W = (y = (h = t == null ? void 0 : t.bannerMobileImage) == null ? void 0 : h.image) != null && y.publicUrl ? {
     url: (w = (i = t == null ? void 0 : t.bannerMobileImage) == null ? void 0 : i.image) == null ? void 0 : w.publicUrl,
     altText: n,
     aspectRatio: 388 / 594
   } : {
-    url: ""
-  }, m = (C = (I = t.logoImage) == null ? void 0 : I.image) != null && C.publicUrl ? `<div class="show-slide__logo-wrapper show-slide--display"><img src="${(v = (R = (T = (b = t.logoImage) == null ? void 0 : b.image) == null ? void 0 : T.sizes) == null ? void 0 : R[0].srcSets) == null ? void 0 : v[0].src}" alt="${t.title}"/></div><h1 class="display-none">${t.title}</h1>` : `<h1>${t.title}</h1>`, q = l === null ? /* @__PURE__ */ o(
+    url: "",
+    altText: "",
+    aspectRatio: 1
+  }, m = (C = (I = t.logoImage) == null ? void 0 : I.image) != null && C.publicUrl ? `<div class="show-slide__logo-wrapper show-slide--display"><img src="${(v = (b = (T = (R = t.logoImage) == null ? void 0 : R.image) == null ? void 0 : T.sizes) == null ? void 0 : b[0].srcSets) == null ? void 0 : v[0].src}" alt="${t.title}"/></div><h1 class="display-none">${t.title}</h1>` : `<h1>${t.title}</h1>`, q = l === null ? /* @__PURE__ */ o(
     _,
     {
       list: [
         m,
         /* @__PURE__ */ o(
-          J,
+          K,
           {
+            NETWORK: G,
+            SCHEDULE_ENDPOINT: F,
             programId: (t == null ? void 0 : t.seriesPrefix) ?? (t == null ? void 0 : t.titleCode),
             programType: t != null && t.titleCode ? "film" : "series",
-            separatorType: "pipe",
-            SCHEDULE_ENDPOINT: F,
-            NETWORK: G
+            separatorType: "pipe"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    _,
+    {
+      list: [
+        m,
+        /* @__PURE__ */ o(
+          J,
+          {
+            airdateStr: l,
+            separatorType: "pipe"
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ o(_, { list: [m, /* @__PURE__ */ o(H, { airdateStr: l, separatorType: "pipe" })] }), B = Q(a, t);
+  ), B = Q(a, t);
   return /* @__PURE__ */ o(
     "div",
     {
-      className: K([L["show-slide"], "show-slide"]),
+      className: E([L["show-slide"], "show-slide"]),
       style: {
-        "--show-slide-logo-ratio": (($ = (k = t.logoImage) == null ? void 0 : k.image) == null ? void 0 : $.width) / ((P = (x = t.logoImage) == null ? void 0 : x.image) == null ? void 0 : P.height)
+        "--show-slide-logo-ratio": ((x = (k = t.logoImage) == null ? void 0 : k.image) == null ? void 0 : x.width) / ((P = ($ = t.logoImage) == null ? void 0 : $.image) == null ? void 0 : P.height)
       },
       children: /* @__PURE__ */ o(
-        E,
+        H,
         {
+          cta: B,
+          decoding: z,
+          fetchPriority: j,
+          fullCardClickable: !(t != null && t.preventDetailPage),
+          fullSizeImagePosition: M,
+          handleClicks: a ? () => !0 : A,
           image: N,
+          lazyLoad: S,
           mobileImage: W,
-          fullSizeImagePosition: S,
-          mobileImagePosition: M,
-          lazyLoad: O,
-          fetchPriority: j,
-          decoding: z,
+          mobileImagePosition: O,
           overlayContent: q,
           overlayPosition: U,
           overlayTextColor: D,
-          fullCardClickable: !(t != null && t.preventDetailPage),
-          cta: B,
-          handleClicks: a ? () => !0 : A,
           relatedResourceId: a ? "" : (t == null ? void 0 : t.programType) === "film" ? t == null ? void 0 : t.titleCode : t == null ? void 0 : t.seriesPrefix
         }
       )
@@ -111,6 +126,6 @@ function ot({
   );
 }
 export {
-  ot as ShowSlide,
-  ot as default
+  lt as ShowSlide,
+  lt as default
 };

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.d.ts

@@ -1,7 +1,7 @@
-export function TextSlide({ text, backgroundColor, textColor, fontSize }: {
+export declare function TextSlide({ text, backgroundColor, textColor, fontSize, }: {
     text?: string | undefined;
     backgroundColor?: string | undefined;
     textColor?: string | undefined;
     fontSize?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default TextSlide;

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.js

@@ -1,30 +1,29 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { classes as r } from "../../../../utils/helpers.js";
+import { classes as _ } from "../../../../utils/helpers.js";
 import '../../../../assets/TextSlide.css';const e = {
-  "text-slide": "_text-slide_1h4rx_1",
-  "text-slide__text": "_text-slide__text_1h4rx_9"
+  "text-slide": "_text-slide_11amx_1",
+  "text-slide__text": "_text-slide__text_11amx_8"
 };
-function c({
+function a({
   text: s = "",
   backgroundColor: l = "#fff",
-  textColor: i = "#444",
-  fontSize: x = "2.4rem"
+  textColor: x = "#444",
+  fontSize: i = "2.4rem"
 }) {
   return /* @__PURE__ */ t("div", { className: e["text-slide"], children: /* @__PURE__ */ t(
     "div",
     {
-      className: r([e["text-slide__text"], "text-slide__text"]),
+      className: _([e["text-slide__text"], "text-slide__text"]),
       style: {
         backgroundColor: l,
-        color: i,
-        fontSize: x
+        color: x,
+        fontSize: i
       },
       children: s
     }
   ) });
 }
 export {
-  c as TextSlide,
-  c as default
+  a as TextSlide,
+  a as default
 };

package/dist/components/CarouselSlide/slide-layouts/Text/index.d.ts

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

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.d.ts

@@ -1,5 +1,6 @@
-export function TwoColumnSlide({ columnOneContent, columnTwoContent }: {
-    columnOneContent: any;
-    columnTwoContent: any;
-}): import("react/jsx-runtime").JSX.Element;
+type TwoColumnSlideProps = {
+    columnOneContent: string | React.ReactNode;
+    columnTwoContent: string | React.ReactNode;
+};
+export declare function TwoColumnSlide({ columnOneContent, columnTwoContent }: TwoColumnSlideProps): JSX.Element;
 export default TwoColumnSlide;

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.js

@@ -1,17 +1,16 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import "react";
-import { p as r } from "../../../../index-VjANCDXC.mjs";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { p as o } from "../../../../index-VjANCDXC.mjs";
 import { classes as e } from "../../../../utils/helpers.js";
-import '../../../../assets/TwoColumnSlide.css';const m = {
-  "two-column-slide": "_two-column-slide_1p3kg_1"
+import '../../../../assets/TwoColumnSlide.css';const t = {
+  "two-column-slide": "_two-column-slide_ltehs_1"
 };
-function a({ columnOneContent: s, columnTwoContent: i }) {
-  return /* @__PURE__ */ l("div", { className: e([m["two-column-slide"], "two-column-slide"]), children: [
-    /* @__PURE__ */ o("column-one", { children: typeof s == "string" ? r(s) : s }),
-    /* @__PURE__ */ o("column-two", { children: typeof i == "string" ? r(i) : i })
+function p({ columnOneContent: s, columnTwoContent: l }) {
+  return /* @__PURE__ */ r("div", { className: e([t["two-column-slide"], "two-column-slide"]), children: [
+    /* @__PURE__ */ i("column-one", { children: typeof s == "string" ? o(s) : s }),
+    /* @__PURE__ */ i("column-two", { children: typeof l == "string" ? o(l) : l })
   ] });
 }
 export {
-  a as TwoColumnSlide,
-  a as default
+  p as TwoColumnSlide,
+  p as default
 };

package/dist/components/CarouselSlide/slide-layouts/Video/VideoSlide.d.ts

@@ -1,2 +1,9 @@
-export function VideoSlide(): import("react/jsx-runtime").JSX.Element;
+type VideoSlideProps = {
+    bcId: string;
+    BC_AID: string;
+    BC_PLAYERID: string;
+    BC_EMBEDID: string;
+    playerElId?: string;
+};
+export declare function VideoSlide({ bcId, BC_AID, BC_PLAYERID, BC_EMBEDID, playerElId }: VideoSlideProps): JSX.Element;
 export default VideoSlide;

package/dist/components/CarouselSlide/slide-layouts/Video/VideoSlide.js

@@ -1,20 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as l, useEffect as o } from "react";
-import { classes as d } from "../../../../utils/helpers.js";
-function f() {
-  const e = l(null), i = l(null);
-  return o(() => {
-    e.current !== null && i.current;
-  }, []), /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-    "div",
+import { jsx as d } from "react/jsx-runtime";
+import { BCVideoPlayer as f } from "../../../BCVideoPlayer/BCVideoPlayer.js";
+function l({
+  bcId: o,
+  BC_AID: r,
+  BC_PLAYERID: e,
+  BC_EMBEDID: i,
+  playerElId: t
+}) {
+  return /* @__PURE__ */ d(
+    f,
     {
-      ref: e,
-      id: "video-player-",
-      className: d(["video-wrapper", "video-slide__video-wrapper"])
+      BC_AID: r,
+      BC_EMBEDID: i,
+      BC_PLAYERID: e,
+      bcId: o,
+      playerElId: t
     }
-  ) });
+  );
 }
 export {
-  f as VideoSlide,
-  f as default
+  l as VideoSlide,
+  l as default
 };

package/dist/components/CastInfoLayout/CastInfoLayout.d.ts

@@ -1,2 +1,17 @@
-export function CastInfoLayout(props: any): import("react/jsx-runtime").JSX.Element;
+import { Image } from '../../types';
+type CastMember = {
+    name: string;
+    real_name: string;
+    biography: string;
+    image: Image;
+    hometown?: string | undefined;
+    birthday?: string | undefined;
+    facebookHandle?: string | undefined;
+    twitterHandle?: string | undefined;
+    instagramHandle?: string | undefined;
+};
+type CastInfoLayoutProps = {
+    castMember: CastMember;
+};
+export declare function CastInfoLayout(props: CastInfoLayoutProps): JSX.Element;
 export default CastInfoLayout;

package/dist/components/CastInfoLayout/CastInfoLayout.js

@@ -1,16 +1,16 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useEffect as l } from "react";
 import { Concat as n } from "../Concat/Concat.js";
 import { ImageCard as s } from "../ImageCard/ImageCard.js";
-import { AdjustableTwoColumnGrid as i } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
-import { SectionedContent as c } from "../SectionedContent/SectionedContent.js";
-function h(a) {
+import { AdjustableTwoColumnGrid as c } from "../AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
+import { SectionedContent as i } from "../SectionedContent/SectionedContent.js";
+function p(a) {
   const t = a != null && a.castMember ? a.castMember : { ...a };
   return l(() => {
-    const o = document.querySelector("tab-content");
-    o && window.scrollTo(0, o.offsetTop - 24);
-  }, []), /* @__PURE__ */ r(i, { children: [
-    /* @__PURE__ */ e(
+    const e = document.querySelector("tab-content");
+    e && window.scrollTo(0, e.offsetTop - 24);
+  }, []), /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ o(
       s,
       {
         image: {
@@ -19,8 +19,8 @@ function h(a) {
         }
       }
     ),
-    /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ o(
+      i,
       {
         sections: [
           {
@@ -28,10 +28,15 @@ function h(a) {
               type: "primary",
               title: t.real_name
             },
-            content: /* @__PURE__ */ e(n, { list: [
-              `<div>${t.name}</div>`,
-              t.hometown && t.birthday ? `<strong>Hometown</strong> ${t.hometown} <span class="contact-info-pipe">|</span> <strong>Birthday</strong> ${t.birthday}` : ""
-            ] })
+            content: /* @__PURE__ */ o(
+              n,
+              {
+                list: [
+                  `<div>${t.name}</div>`,
+                  t.hometown && t.birthday ? `<strong>Hometown</strong> ${t.hometown} <span class="contact-info-pipe">|</span> <strong>Birthday</strong> ${t.birthday}` : ""
+                ]
+              }
+            )
           },
           {
             header: {
@@ -45,11 +50,16 @@ function h(a) {
               type: "secondary",
               title: "Follow"
             },
-            content: t != null && t.facebookHandle || t != null && t.twitterHandle || t.instagramHandle ? /* @__PURE__ */ e(n, { list: [
-              t.facebookHandle ? `<span class="cast__follow-platform">Facebook: <a class="cast__follow-link" href="https://facebook.com/${t.facebookHandle}" target="_blank" rel="noreferrer">${t.facebookHandle}</a></span> ` : null,
-              t.twitterHandle ? `<span class="cast__follow-platform">Twitter: <a class="cast__follow-link" href="https://twitter.com/${t.twitterHandle}" target="_blank" rel="noreferrer">@${t.twitterHandle}</a></span>` : null,
-              t.instagramHandle ? `<span class="cast__follow-platform">Instagram: <a class="cast__follow-link" href="https://instagram.com/${t.instagramHandle}" target="_blank" rel="noreferrer">@${t.instagramHandle}</a></span>` : null
-            ] }) : ""
+            content: t != null && t.facebookHandle || t != null && t.twitterHandle || t != null && t.instagramHandle ? /* @__PURE__ */ o(
+              n,
+              {
+                list: [
+                  t.facebookHandle ? `<span class="cast__follow-platform">Facebook: <a class="cast__follow-link" href="https://facebook.com/${t.facebookHandle}" target="_blank" rel="noreferrer">${t.facebookHandle}</a></span> ` : null,
+                  t.twitterHandle ? `<span class="cast__follow-platform">Twitter: <a class="cast__follow-link" href="https://twitter.com/${t.twitterHandle}" target="_blank" rel="noreferrer">@${t.twitterHandle}</a></span>` : null,
+                  t.instagramHandle ? `<span class="cast__follow-platform">Instagram: <a class="cast__follow-link" href="https://instagram.com/${t.instagramHandle}" target="_blank" rel="noreferrer">@${t.instagramHandle}</a></span>` : null
+                ]
+              }
+            ) : ""
           }
         ]
       }
@@ -57,6 +67,6 @@ function h(a) {
   ] });
 }
 export {
-  h as CastInfoLayout,
-  h as default
+  p as CastInfoLayout,
+  p as default
 };

package/dist/components/ChannelSearch/ChannelSearch.d.ts

@@ -1,18 +1,20 @@
-export function ChannelSearch({ network, baseApiUrl, authApiUrl, ct, allowZipcodeSearch, allowStateSearch, compactLayout, allowAutoScroll, autoScrollOffset, ad, }: {
-    network: any;
-    baseApiUrl: any;
-    authApiUrl: any;
-    ct: any;
-    allowZipcodeSearch?: boolean | undefined;
-    allowStateSearch?: boolean | undefined;
-    compactLayout?: boolean | undefined;
-    allowAutoScroll?: boolean | undefined;
-    autoScrollOffset?: number | undefined;
+type ChannelSearchProps = {
+    network: {
+        brand_name: string;
+        slug: string;
+    };
+    baseApiUrl: string;
+    allowZipcodeSearch?: boolean;
+    allowStateSearch?: boolean;
+    compactLayout?: boolean;
+    allowAutoScroll?: boolean;
+    autoScrollOffset?: number;
     ad?: {
-        campaign: string;
-        source: string;
-        medium: string;
-        content: string;
-    } | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+        campaign?: string | undefined;
+        source?: string | undefined;
+        medium?: string | undefined;
+        content?: string | undefined;
+    };
+};
+export declare function ChannelSearch({ network, baseApiUrl, allowZipcodeSearch, allowStateSearch, compactLayout, allowAutoScroll, autoScrollOffset, ad, }: ChannelSearchProps): JSX.Element;
 export default ChannelSearch;