@scrippsproduct/networks-ui-library 1.0.15

package/dist/components/ChannelSearch/ChannelSearch.js

@@ -0,0 +1,171 @@
+import { jsxs as o, jsx as a, Fragment as I } from "react/jsx-runtime";
+import { useRef as C, useState as R, useEffect as x } from "react";
+import { Input as V } from "../Input/Input.js";
+import { CustomDataList as j } from "../CustomDataList/CustomDataList.js";
+import { ActionButton as z } from "../ActionButton/ActionButton.js";
+import { ResultsTable as A } from "../ResultsTable/ResultsTable.js";
+import { AdBlock as K } from "../AdBlock/AdBlock.js";
+import { statesForCustomList as T } from "../../data-resources/FakeDataResource.js";
+import { publish as F } from "../../utils/events.js";
+import { classes as n } from "../../utils/helpers.js";
+import '../../assets/ChannelSearch.css';const r = {
+  "channel-search": "_channel-search_11pkr_6",
+  "channel-search__inputs": "_channel-search__inputs_11pkr_19",
+  "ad-wrapper": "_ad-wrapper_11pkr_42",
+  "results-table__header": "_results-table__header_11pkr_46",
+  "results-table__header--compact": "_results-table__header--compact_11pkr_53",
+  "channel-search__submit-btn": "_channel-search__submit-btn_11pkr_87",
+  "channel-search__label": "_channel-search__label_11pkr_90"
+};
+function J({
+  network: l,
+  baseApiUrl: $,
+  authApiUrl: Y,
+  ct: E,
+  allowZipcodeSearch: u = !0,
+  allowStateSearch: _ = !0,
+  compactLayout: m = !1,
+  allowAutoScroll: S = !0,
+  autoScrollOffset: k = 25,
+  ad: i = {
+    campaign: "",
+    source: "",
+    medium: "",
+    content: ""
+  }
+}) {
+  const y = C(""), h = async (c = { type: "", term: "" }) => {
+    const f = async () => {
+      const e = `${$}/${l.slug}?${c.type}=${c.term}`;
+      try {
+        const t = await fetch(e);
+        return t.ok ? (await t.json()).map((s) => ({
+          city: `${s.city}, ${s.state.toUpperCase()}`,
+          call_letters: s.call_letters,
+          ota: s.ota,
+          provider: s.cable !== null && s.cable !== "" ? s.cable : s.satellite
+        })) : (console.error(`Response not OK from ${e}`), []);
+      } catch (t) {
+        return console.error(t), [];
+      }
+    };
+    return c.term === "" ? [] : await f();
+  }, N = async (c) => {
+    c.preventDefault();
+    const f = new FormData(document.getElementById("channel-search"));
+    let e = {};
+    for (let [t, p] of f.entries())
+      e = {
+        ...e,
+        [t]: p
+      };
+    if (e.zipcode && (e == null ? void 0 : e.zipcode) !== "")
+      d(await h({ type: "zip", term: e.zipcode })), b(!0);
+    else if (e.state && (e == null ? void 0 : e.state) !== "") {
+      const t = T.find((p) => Number.parseInt(p.id, 10) === Number.parseInt(e.state, 10));
+      y.current = t.label, d(await h({ type: "state", term: t.value })), b(!0);
+    } else
+      d(await h()), b(!1);
+    setTimeout(() => {
+      F("scripps:action:completed");
+    }, 250);
+  }, B = [
+    {
+      title: "City",
+      resultKey: "city"
+    },
+    {
+      title: "Station",
+      resultKey: "call_letters"
+    },
+    {
+      title: "Antenna Channel",
+      resultKey: "ota"
+    },
+    {
+      title: "Cable/Satellite",
+      resultKey: "provider"
+    }
+  ], [g, d] = R(h()), [w, b] = R(!1), v = C();
+  return x(() => {
+    w && S && setTimeout(() => {
+      window.scroll({
+        left: 0,
+        top: v.current.getBoundingClientRect().y + window.pageYOffset - k,
+        behavior: "smooth"
+      });
+    }, 100);
+  }), /* @__PURE__ */ o("channel-search__wrapper", { children: [
+    /* @__PURE__ */ o(
+      "form",
+      {
+        className: n([
+          r["channel-search"],
+          "channel-search"
+        ]),
+        id: "channel-search",
+        children: [
+          /* @__PURE__ */ o("span", { className: n([r["channel-search__label"], "channel-search__label"]), children: [
+            l.brand_name,
+            " Channel Search:"
+          ] }),
+          /* @__PURE__ */ o("span", { className: n([r["channel-search__inputs"], "channel-search__inputs"]), children: [
+            u && /* @__PURE__ */ a(V, { name: "zipcode", placeholder: "Enter ZIP Code", showValidation: !1 }),
+            u && _ && "or",
+            _ && /* @__PURE__ */ a(j, { name: "state", options: T, placeholder: "Select Your State", showValidation: !1 })
+          ] }),
+          /* @__PURE__ */ a(z, { label: "Submit", type: "submit", onClick: N, classname: n(["channel-search__submit-btn", r["channel-search__submit-btn"]]) })
+        ]
+      }
+    ),
+    w && /* @__PURE__ */ o(I, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: n([
+            r["results-table__header"],
+            "search-results-header",
+            m ? r["results-table__header--compact"] : ""
+          ]),
+          ref: v,
+          children: g.length > 1 ? `${_ && !u ? y.current : "Your"} ${l.brand_name} Channels` : `Your ${l.brand_name} Channel`
+        }
+      ),
+      /* @__PURE__ */ a(
+        A,
+        {
+          columns: B,
+          results: g,
+          noResultsMsg: `Sorry there are no channels carrying ${l.brand_name} in your area at this time.`,
+          compactLayout: m
+        }
+      )
+    ] }),
+    !m && /* @__PURE__ */ a("div", { className: n([r["ad-wrapper"], "ad-wrapper"]), children: /* @__PURE__ */ a(
+      K,
+      {
+        ad: {
+          header: "Fall in love with subscription-free TV.",
+          description: "Watch popular shows for free. It's not fantasy, it's reality.",
+          href: "https://www.tablotv.com",
+          linkText: "See Deals",
+          campaign: i.campaign,
+          source: i.source,
+          medium: i.medium,
+          content: i.content
+        },
+        image: {
+          url: "https://cdn.scrippscloud.com/web/images/tablo/logos/Tablo_TV_Logo_2Color_White_RGB-cropped.png",
+          mobile: "https://cdn.scrippscloud.com/web/images/tablo/logos/Tablo_TV_Logo_2Color_Navy_RGB-cropped.png",
+          altText: "TABLO TV",
+          text: "Internet serv. and antenna purchase req. User interface subject to change. Channels & content subj. to avail."
+        },
+        theme: "tablotv"
+      }
+    ) })
+  ] });
+}
+export {
+  J as ChannelSearch,
+  J as default
+};

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

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

package/dist/components/ChannelSearch/index.js

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

package/dist/components/ChoicesItem/ChoicesItem.d.ts

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

package/dist/components/ChoicesItem/ChoicesItem.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "../../utils/helpers.js";
+import { C as i, C as p } from "../../ChoicesItem-CGIr6Qga.mjs";
+export {
+  i as ChoicesItem,
+  p as default
+};

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

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

package/dist/components/ChoicesItem/index.js

@@ -0,0 +1,5 @@
+import { C as o, C as s } from "../../ChoicesItem-CGIr6Qga.mjs";
+export {
+  o as ChoicesItem,
+  s as default
+};

package/dist/components/ChoicesList/ChoicesList.d.ts

@@ -0,0 +1,4 @@
+export function ChoicesList({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default ChoicesList;

package/dist/components/ChoicesList/ChoicesList.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+function o({ children: t }) {
+  return t === null ? /* @__PURE__ */ r("ul", {}) : /* @__PURE__ */ r("ul", { children: t.length && t.map((u) => u) });
+}
+export {
+  o as ChoicesList,
+  o as default
+};

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

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

package/dist/components/ChoicesList/index.js

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

package/dist/components/Concat/Concat.d.ts

@@ -0,0 +1,4 @@
+export function Concat({ list }: {
+    list: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Concat;

package/dist/components/Concat/Concat.js

@@ -0,0 +1,10 @@
+import { jsx as a, Fragment as n } from "react/jsx-runtime";
+import o from "react";
+import { p as e } from "../../index-DB0QlRo7.mjs";
+function c({ list: t }) {
+  return /* @__PURE__ */ a(n, { children: t.map((r) => /* @__PURE__ */ a(o.Fragment, { children: typeof r == "string" && r !== "" ? e(r) : r }, `react-frag-${Math.round(Math.random() * 1e7)}`)) });
+}
+export {
+  c as Concat,
+  c as default
+};

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

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

package/dist/components/Concat/index.js

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

package/dist/components/CreateChoiceList/CreateChoiceList.d.ts

@@ -0,0 +1,6 @@
+export function CreateChoiceList({ list, initialItem, handleOnClick }: {
+    list: any;
+    initialItem?: null | undefined;
+    handleOnClick: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default CreateChoiceList;

package/dist/components/CreateChoiceList/CreateChoiceList.js

@@ -0,0 +1,14 @@
+import { jsxs as c, Fragment as f, jsx as o } from "react/jsx-runtime";
+import "react";
+import { ChoicesList as p } from "../ChoicesList/ChoicesList.js";
+import { C as e } from "../../ChoicesItem-CGIr6Qga.mjs";
+function b({ list: u, initialItem: s = null, handleOnClick: d }) {
+  return /* @__PURE__ */ c(f, { children: [
+    s && (s == null ? void 0 : s.status) !== "filtered" && /* @__PURE__ */ o(e, { item: s, handleOnClick: d, disabled: (s == null ? void 0 : s.status) === "selected" }, s.id),
+    /* @__PURE__ */ o(p, { children: u.map((r) => r.subcategories.length ? /* @__PURE__ */ o(b, { list: r.subcategories, initialItem: r, handleOnClick: d }, `list-${r.id}`) : r.status !== "filtered" ? /* @__PURE__ */ o(e, { item: r, handleOnClick: d, disabled: r.status === "selected" }, r.id) : "") })
+  ] });
+}
+export {
+  b as CreateChoiceList,
+  b as default
+};

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

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

package/dist/components/CreateChoiceList/index.js

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

package/dist/components/CtaBlock/CtaBlock.d.ts

@@ -0,0 +1,23 @@
+export function CtaBlock({ title, titleImageUrl, content, type, cta, ctaButtonStyle, btnGradientStartColor, btnGradientEndColor, btnFlatColors }: {
+    title?: string | undefined;
+    titleImageUrl?: string | undefined;
+    content?: string | undefined;
+    type?: string | undefined;
+    cta?: {
+        label: string;
+        href: string;
+        type: string;
+    } | undefined;
+    ctaButtonStyle?: string | undefined;
+    btnGradientStartColor?: string | undefined;
+    btnGradientEndColor?: string | undefined;
+    btnFlatColors?: {
+        bgColor: string;
+        bgHoverColor: string;
+        color: string;
+        hoverColor: string;
+        borderColor: string;
+        borderHoverColor: string;
+    } | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default CtaBlock;

package/dist/components/CtaBlock/CtaBlock.js

@@ -0,0 +1,89 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import "react";
+import { p as s } from "../../index-DB0QlRo7.mjs";
+import { GradientButton as h } from "../GradientButton/GradientButton.js";
+import { Button as u } from "../Button/Button.js";
+import { classes as b } from "../../utils/helpers.js";
+import '../../assets/CtaBlock.css';const c = {
+  "cta-block__title-img": "_cta-block__title-img_1ia8j_5"
+};
+function A({
+  title: o = "",
+  titleImageUrl: a = "",
+  content: r = "",
+  type: t = "internal-link",
+  cta: e = { label: "", href: "", type: "" },
+  ctaButtonStyle: i = "gradient",
+  btnGradientStartColor: d = "",
+  btnGradientEndColor: m = "",
+  btnFlatColors: _ = {
+    bgColor: "",
+    bgHoverColor: "",
+    color: "",
+    hoverColor: "",
+    borderColor: "",
+    borderHoverColor: ""
+  }
+}) {
+  const g = i === "gradient" ? h : u, p = i === "gradient" ? {
+    gradientStartColor: d,
+    gradientEndColor: m
+  } : {
+    customColors: _
+  }, n = {
+    "play-video": {
+      label: "View Promo",
+      target: null,
+      rel: null
+    },
+    "internal-link": {
+      label: "View More",
+      target: "_self",
+      rel: null
+    },
+    "external-link": {
+      label: "Learn More",
+      target: "_blank",
+      rel: "noreferrer"
+    }
+  }, k = (C) => {
+    console.log("cta clicked", C);
+  };
+  return /* @__PURE__ */ f(
+    "cta-block",
+    {
+      style: {
+        "--title-image": `url(${a})`
+      },
+      children: [
+        o !== "" && /* @__PURE__ */ l(
+          "h1",
+          {
+            className: b([
+              "h2",
+              a ? c["cta-block__title-img"] : null
+            ]),
+            children: a ? /* @__PURE__ */ l("span", { className: "sr-only", children: o }) : s(o)
+          }
+        ),
+        r !== "" && /* @__PURE__ */ l("div", { className: c["cta-block__content"], children: typeof r == "string" ? s(r) : r }),
+        /* @__PURE__ */ l("cta-wrapper", { children: /* @__PURE__ */ l(
+          g,
+          {
+            classname: b([c["cta-block__cta"], "cta-block__cta"]),
+            href: e.href,
+            label: e.label ? e.label : n[t].label,
+            onClick: e.type === "play-video" ? k : () => !0,
+            rel: n[t].rel,
+            target: n[t].target,
+            ...p
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  A as CtaBlock,
+  A as default
+};

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

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

package/dist/components/CtaBlock/index.js

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

package/dist/components/CustomDataList/CustomDataList.d.ts

@@ -0,0 +1,11 @@
+export function CustomDataList({ name, options, label, placeholder, width, multiple, showValidation, ...attributes }: {
+    [x: string]: any;
+    name: any;
+    options: any;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    width?: number | undefined;
+    multiple?: boolean | undefined;
+    showValidation?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export default CustomDataList;