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

package/dist/components/CarouselSlide/CarouselSlide.js

@@ -1,101 +1,39 @@
-import { jsx as i, Fragment as u } from "react/jsx-runtime";
-import { useState as p, useEffect as d, createElement as f } from "react";
-import { classes as C } from "../../utils/helpers.js";
-import { slideLayoutsMap as L } from "../../settings.js";
-import '../../assets/CarouselSlide.css';class k {
-  constructor(r = "") {
-    this.namespace = "", this.component = "", this.shouldLog = !0, this.backgroundColor = "transparent", this.logLevel = "log", this.LevelColors = {
-      log: "#a9a9a9",
-      info: "#0061ff",
-      warn: "#ff9d00",
-      error: "#ff5252"
-    }, this.logger = (e, ...o) => {
-      if (!this.shouldLog && this.logLevel !== "error" && this.logLevel !== "warn")
-        return;
-      const l = `color: ${this.LevelColors[this.logLevel]}; background-color: ${this.backgroundColor};`;
-      console[this.logLevel](e, "color: #00d68b; font-weight: bold;", l, ...o);
-    }, this.log = (e, ...o) => {
-      this.logLevel = "log", this.logger(this.formatMessage(e), ...o);
-    }, this.info = (e, ...o) => {
-      this.logLevel = "info", this.logger(this.formatMessage(e), ...o);
-    }, this.error = (e, ...o) => {
-      this.logLevel = "error", this.logger(this.formatMessage(e), ...o);
-    }, this.warn = (e, ...o) => {
-      this.logLevel = "warn", this.logger(this.formatMessage(e), ...o);
-    }, this.setNamespace = (e) => {
-      this.namespace = e;
-    }, this.getNamespace = () => this.namespace, this.clearNamespace = () => {
-      this.namespace = "";
-    }, this.setComponent = (e) => {
-      this.component = e;
-    }, this.getComponent = () => this.component, this.clearComponent = () => {
-      this.component = "";
-    }, this.setShouldLog = (e) => {
-      this.shouldLog = e;
-    }, this.getShouldLog = () => this.shouldLog, this.setBackgroundColor = (e) => {
-      this.backgroundColor = e;
-    }, this.getBackgroundColor = () => this.backgroundColor, this.clearBackgroundColor = () => {
-      this.backgroundColor = "transparent";
-    }, this.formatMessage = (e) => {
-      let o = e;
-      return this.namespace ? o = `%c[${this.namespace}]${this.component ? ": " + this.component + " : " : " "}%c${e}` : o = `%c${this.component ? ": " + this.component + " : " : ""}%c${e}`, o;
-    }, this.namespace = r;
-  }
-}
-class a {
-  constructor() {
-  }
-  static getInstance() {
-    return a.instance || (a.instance = new k()), a.instance;
-  }
-}
-const t = a.getInstance(), h = {
-  log: t.log,
-  info: t.info,
-  warn: t.warn,
-  error: t.error,
-  setBackgroundColor: t.setBackgroundColor,
-  getBackgroundColor: t.getBackgroundColor,
-  clearBackgroundColor: t.clearBackgroundColor,
-  setComponent: t.setComponent,
-  getComponent: t.getComponent,
-  clearComponent: t.clearComponent,
-  setNamespace: t.setNamespace,
-  getNamespace: t.getNamespace,
-  clearNamespace: t.clearNamespace,
-  setShouldLog: t.setShouldLog,
-  getShouldLog: t.getShouldLog
-}, v = "_slide_1echy_2", c = {
-  slide: v,
+import { jsx as r, Fragment as u } from "react/jsx-runtime";
+import { useState as d, useEffect as p, createElement as f } from "react";
+import { classes as h } from "../../utils/helpers.js";
+import { slideLayoutsMap as g } from "../../settings.js";
+import { l as i } from "../../logger-C0N7U0YY.mjs";
+import '../../assets/CarouselSlide.css';const y = "_slide_1echy_2", s = {
+  slide: y,
   "slide--variable-height": "_slide--variable-height_1echy_18"
 };
-h.setComponent("CarouselSlide");
-function $({
-  slide: s,
-  index: r,
-  currentIndex: e,
+i.setComponent("CarouselSlide");
+function C({
+  slide: e,
+  index: l,
+  currentIndex: a,
   variableHeight: o = !1
 }) {
-  const [l, n] = p(null);
-  return d(() => {
-    n(L.get(s.layout) || null);
-  }, [s]), h.log("slide", s, "index", r, "currentIndex", e), /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
+  const [t, n] = d(null);
+  return p(() => {
+    n(g.get(e.layout) || null);
+  }, [e]), i.log("slide", e, "index", l, "currentIndex", a), /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
     "li",
     {
-      "aria-label": s.ariaLabel,
+      "aria-label": e.ariaLabel,
       "aria-roledescription": "carousel-item",
-      className: C([
-        c.slide,
+      className: h([
+        s.slide,
         "slide",
-        o ? c["slide--variable-height"] : ""
+        o ? s["slide--variable-height"] : ""
       ]),
-      "data-index": r,
-      ...e !== r ? { inert: "" } : {},
-      children: l !== null && s.cells.map((g, m) => /* @__PURE__ */ f(l, { ...g.props, key: `slide${r}-cell${m}` }))
+      "data-index": l,
+      ...a !== l ? { inert: "" } : {},
+      children: t !== null && e.cells.map((c, m) => /* @__PURE__ */ f(t, { ...c.props, key: `slide${l}-cell${m}` }))
     }
   ) });
 }
 export {
-  $ as CarouselSlide,
-  $ as default
+  C as CarouselSlide,
+  C as default
 };

package/dist/components/CarouselSlide/slide-layouts/ImageCard/ImageCard.d.ts

@@ -1,2 +1,2 @@
-export function ImageCardSlide(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function ImageCardSlide(props: Record<string, unknown>): JSX.Element;
 export default ImageCardSlide;

package/dist/components/CarouselSlide/slide-layouts/ImageCard/ImageCard.js

@@ -1,10 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import "react";
 import { ImageCard as e } from "../../../ImageCard/ImageCard.js";
-function o(a) {
+function m(a) {
   return /* @__PURE__ */ r("div", { className: "image-card-slide", children: /* @__PURE__ */ r(e, { ...a }) });
 }
 export {
-  o as ImageCardSlide,
-  o as default
+  m as ImageCardSlide,
+  m as default
 };

package/dist/components/CarouselSlide/slide-layouts/Show/ShowSlide.d.ts

@@ -1,17 +1,19 @@
-export function ShowSlide({ series, nextAirdate, titlePosition, titleColor, fullSizeImagePosition, mobileImagePosition, lazyLoad, fetchPriority, decoding, hasSeriesPages, handleClicks, altText, SCHEDULE_ENDPOINT, NETWORK }: {
-    series: any;
-    nextAirdate?: null | undefined;
-    titlePosition?: string | undefined;
-    titleColor?: string | undefined;
-    fullSizeImagePosition?: number[] | undefined;
-    mobileImagePosition?: number[] | undefined;
-    lazyLoad?: boolean | undefined;
-    fetchPriority?: null | undefined;
-    decoding?: string | undefined;
-    hasSeriesPages?: boolean | undefined;
-    handleClicks?: (() => boolean) | undefined;
-    altText?: string | undefined;
-    SCHEDULE_ENDPOINT?: string | undefined;
-    NETWORK?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { Series, HandleClicksDetails } from '../../../../types';
+type ShowSlideProps = {
+    series: Series;
+    nextAirdate?: string | null;
+    titlePosition?: 'left' | 'center' | 'right';
+    titleColor?: string;
+    fullSizeImagePosition?: [number, number];
+    mobileImagePosition?: [number, number];
+    lazyLoad?: boolean;
+    fetchPriority?: 'high' | 'low' | 'auto' | undefined;
+    decoding?: 'sync' | 'async' | 'auto';
+    hasSeriesPages?: boolean;
+    handleClicks?: (details: HandleClicksDetails) => void;
+    altText?: string;
+    SCHEDULE_ENDPOINT?: string;
+    NETWORK?: string;
+};
+export declare function ShowSlide({ series, nextAirdate, titlePosition, titleColor, fullSizeImagePosition, mobileImagePosition, lazyLoad, fetchPriority, decoding, hasSeriesPages, handleClicks, altText, SCHEDULE_ENDPOINT, NETWORK, }: ShowSlideProps): JSX.Element;
 export default ShowSlide;

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.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 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 o({
+function a({
   text: s = "",
   backgroundColor: l = "#fff",
   textColor: x = "#444",
@@ -24,6 +24,6 @@ function o({
   ) });
 }
 export {
-  o as TextSlide,
-  o as default
+  a as TextSlide,
+  a as default
 };

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;