@scrippsproduct/networks-ui-library 1.0.15

package/dist/utils/helpers.js

@@ -0,0 +1,117 @@
+const h = (e, t) => {
+  let n = [];
+  for (let r = 0; r <= Math.floor(t.length / e); r++)
+    t.slice(r * e, e * (r + 1)).length && n.push(t.slice(r * e, e * (r + 1)));
+  return n;
+}, m = (e) => {
+  if (e === "" || e === void 0 || e === null) return "";
+  const [t, n] = e.split(":");
+  return `${Number.parseInt(t, 10) * 60 + Number.parseInt(n, 10)} MIN`;
+}, w = (e) => {
+  if (e == null) return "";
+  const t = Math.floor(e / 60), n = e % 60, r = t > 0 ? `${t} HR${t > 1 ? "S" : ""}` : "", s = n > 0 ? `${n} MIN${n > 1 ? "S" : ""}` : "";
+  return `${r} ${s}`;
+}, $ = (e) => {
+  const [t, n] = e.split(" ");
+  let [r, s] = t.split(":");
+  return r === "12" && (r = "00"), n === "PM" && (r = parseInt(r, 10) + 12), r.length === 1 && (r = `0${r}`), `${r}:${s}`;
+}, v = (e) => e.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, ""), y = (e = "") => {
+  const t = e.replace(/\D/ig, "");
+  let n = "";
+  return t.length > 0 && t.length < 3 && (n = `(${t}`), t.length >= 3 && t.length < 6 && (n = `(${t.slice(0, 3)}) ${t.slice(3, 6)}`), t.length >= 6 && (n = `(${t.slice(0, 3)}) ${t.slice(3, 6)}-${t.slice(6)}`), n;
+}, b = (e = []) => e.flat().filter((t) => t && typeof t == "string").join(" "), T = (e) => {
+  const t = Object.keys(e).filter((n) => !!e[n]);
+  return t.length ? "?" + t.map((n) => `${n}=${encodeURIComponent(e[n])}`).join("&") : "";
+};
+function A(e, t = 650, n = 450, r = "no", s = "no", o = "no") {
+  const l = window.outerWidth / 2 + (window.screenX || window.screenLeft || 0) - t / 2, c = window.outerHeight / 2 + (window.screenY || window.screenTop || 0) - n / 2, u = {
+    height: n,
+    width: t,
+    left: l,
+    top: c,
+    location: r,
+    toolbar: "no",
+    status: "no",
+    directories: "no",
+    menubar: s,
+    scrollbars: "yes",
+    resizable: o,
+    centerscreen: "yes",
+    chrome: "yes"
+  };
+  return window.open(
+    e,
+    "share",
+    Object.keys(u).map((a) => `${a}=${u[a]}`).join(",")
+  );
+}
+const C = (e) => e.split("_").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("");
+function P(e) {
+  const t = e.split(" "), n = [t[0].toLowerCase()];
+  for (let r = 1; r < t.length; r++)
+    n.push(t[r].charAt(0).toUpperCase() + t[r].slice(1).toLowerCase());
+  return n.join("");
+}
+const S = (e) => {
+  if (e && (e.__typename === "SeriesItem" || e.__typename === "MovieItem") && e.slug && !e.preventDetailPage) {
+    let t = "";
+    switch (e.__typename) {
+      case "SeriesItem":
+        t = "show/" + e.slug;
+        break;
+      case "MovieItem":
+        t = "movie/" + e.slug;
+        break;
+    }
+    return t;
+  }
+  return "";
+}, E = (e) => {
+  var t, n;
+  return e != null && e.altTextOverride ? e.altTextOverride : (n = (t = e == null ? void 0 : e.image) == null ? void 0 : t[0]) != null && n.alt ? e.image[0].alt : "";
+}, M = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, _ = (e = []) => {
+  const t = setInterval(() => {
+    document.body && (clearInterval(t), e.forEach((s) => {
+      const { id: o } = s;
+      document.getElementById(o) || r({ ...s }).then(() => {
+        console.log("Script tag added successfully");
+      }).catch((c) => {
+        n("Error adding script tag", c);
+      });
+    }));
+  }, 100), n = (s, o) => {
+    console.warn(s), console.error(o);
+  }, r = ({
+    id: s,
+    src: o = null,
+    textContent: l = null,
+    async: c = !1,
+    defer: u = !1,
+    insertInHead: p = !1
+  }) => new Promise((a, f) => {
+    !o && !l && f(), o && l && f();
+    const i = document.createElement("script"), d = () => {
+      i.removeEventListener("load", d), a();
+    }, g = () => {
+      i.removeEventListener("error", g), f();
+    };
+    o !== null && typeof o == "string" && i.setAttribute("src", o), i.textContent = l !== null && typeof l == "string" ? l : null, s !== null && typeof s == "string" && i.setAttribute("id", s), c && i.setAttribute("async", c), u && i.setAttribute("defer", u), i.addEventListener("load", d), i.addEventListener("error", g), p ? document.head.appendChild(i) : document.body.appendChild(i);
+  });
+};
+export {
+  y as areaCodePhoneNumberMask,
+  h as chunkArray,
+  b as classes,
+  $ as convert12to24,
+  _ as createScriptTags,
+  S as generateHrefFromProgramSlug,
+  w as getHoursMinsStr,
+  m as getMinutesFromStr,
+  M as isTouchDevice,
+  T as objectToGetParams,
+  E as setAltText,
+  v as slugify,
+  C as snakeToPascal,
+  P as stringToCamelCase,
+  A as windowOpen
+};

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -0,0 +1,4 @@
+import { default as a } from "./getSchedule.js";
+export {
+  a as getSchedule
+};

package/dist/utils/optinMonsterReset.d.ts

@@ -0,0 +1,4 @@
+export function OptinMonsterReset({ currentEnv, allowedEnvs }: {
+    currentEnv: any;
+    allowedEnvs: any;
+}): void;

package/dist/utils/optinMonsterReset.js

@@ -0,0 +1,18 @@
+import { useEffect as r } from "react";
+import { useLocation as i } from "react-router-dom";
+const a = ({ currentEnv: t, allowedEnvs: e }) => {
+  const n = i();
+  r(() => {
+    if (e.includes(t)) {
+      const o = setInterval(() => {
+        window.om2863_27375 && (window.om2863_27375.reset(), clearInterval(o));
+      }, 1e3);
+      return () => {
+        clearInterval(o);
+      };
+    }
+  }, [t, e, n]);
+};
+export {
+  a as OptinMonsterReset
+};

package/dist/utils/optinMonsterScript.d.ts

@@ -0,0 +1,4 @@
+export function OptinMonsterScript({ currentEnv, allowedEnvs }: {
+    currentEnv: any;
+    allowedEnvs: any;
+}): null;

package/dist/utils/optinMonsterScript.js

@@ -0,0 +1,20 @@
+import { useEffect as a } from "react";
+const p = ({ currentEnv: e, allowedEnvs: s }) => (a(() => {
+  if (s.includes(e)) {
+    const t = document.createElement("script");
+    t.type = "text/javascript", t.async = !0, t.innerHTML = `
+        (function(d,u,ac){
+          var s=d.createElement('script');
+          s.type='text/javascript';
+          s.src='https://a.omappapi.com/app/js/api.min.js';
+          s.async=true;
+          s.dataset.user=u;
+          s.dataset.account=ac;
+          d.getElementsByTagName('head')[0].appendChild(s);
+        })(document,27375,2863);
+      `, document.body.appendChild(t);
+  }
+}, [e, s]), null);
+export {
+  p as OptinMonsterScript
+};

package/dist/utils/program-helpers.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Derives the episode number from the title_code of
+ * the program
+ * @param {object} program
+ * @param {string} program.title_code
+ *
+ * @returns {string}
+ */
+export function determineEpisodeNumber(program: {
+    title_code: string;
+}): string;
+/**
+ * Derives the season number from the title_code of
+ * the program
+ * @param {object} program
+ * @param {string} program.title_code
+ *
+ * @returns {string}
+ */
+export function determineSeasonNumber(program: {
+    title_code: string;
+}): string;
+/**
+ *
+ * @param {object} program
+ * @param {string} program.series_prefix
+ *
+ * @returns {string}
+ */
+export function determineSeasonNumberFromSeriesPrefix(program: {
+    series_prefix: string;
+}): string;
+/**
+ * Derives a searchable seriesPrefix from the
+ * given seriesPrefix of format [prefix]_[addtional info]
+ * @param {string} seriesPrefix
+ *
+ * @returns {string}
+ */
+export function determineSeriesPrefix(seriesPrefix: string): string;
+/**
+ *
+ * @param {object} program
+ * @param {string} program.program
+ *
+ * @returns {string}
+ */
+export function determineProgramTitle(program: {
+    program: string;
+}): string;

package/dist/utils/program-helpers.js

@@ -0,0 +1,33 @@
+const i = (e) => {
+  const t = e.indexOf("_");
+  return t === -1 ? e : e.slice(0, t);
+}, u = (e) => {
+  if (e != null && e.season_number) return e.season_number;
+  let t;
+  for (let s = 0; s < e.title_code.length; s++)
+    if (!isNaN(Number.parseInt(e.title_code.charAt(s), 10))) {
+      t = s;
+      break;
+    }
+  let n = e.title_code.slice(t);
+  return n.length === 3 ? n.substring(0, 1) : n.substring(0, 2);
+}, l = (e) => {
+  if (e != null && e.season_number) return e.season_number;
+  const t = e.series_prefix.indexOf("_");
+  return e.series_prefix.slice(t + 2 - e.series_prefix.length);
+}, r = (e) => e != null && e.episode_number ? e.episode_number : e.title_code.slice(-4).substring(2), c = (e) => {
+  let t = e.program.length;
+  for (let n = e.program.length - 1; n >= e.program.length - 4; n--)
+    if (e.program.charAt(n) === "S") {
+      t = n;
+      break;
+    }
+  return e.program.slice(0, t).trim();
+};
+export {
+  r as determineEpisodeNumber,
+  c as determineProgramTitle,
+  u as determineSeasonNumber,
+  l as determineSeasonNumberFromSeriesPrefix,
+  i as determineSeriesPrefix
+};

package/dist/utils/schedule-helpers.d.ts

@@ -0,0 +1 @@
+export function arrangeSchedule(schedule: any): any[];

package/dist/utils/schedule-helpers.js

@@ -0,0 +1,7 @@
+const r = (n) => {
+  const t = n.filter((e) => e.end_time.includes("XM") && !e.start_time.includes("PM"));
+  return [...n.filter((e) => !e.end_time.includes("XM") || e.end_time.includes("XM") && e.start_time.includes("PM")), ...t].filter((e) => e.series_prefix !== null);
+};
+export {
+  r as arrangeSchedule
+};

package/dist/utils/series-helpers.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Derives the episode number from the title_code of
+ * the program
+ * @param {object} program
+ * @param {string} program.title_code
+ *
+ * @returns {string}
+ */
+export function determineEpisodeNumber(program: {
+    title_code: string;
+}): string;
+/**
+ * Derives the season number from the title_code of
+ * the program
+ * @param {object} program
+ * @param {string} program.title_code
+ *
+ * @returns {string}
+ */
+export function determineSeasonNumber(program: {
+    title_code: string;
+}): string;
+/**
+ *
+ * @param {object} program
+ * @param {string} program.series_prefix
+ *
+ * @returns {string}
+ */
+export function determineSeasonNumberFromSeriesPrefix(program: {
+    series_prefix: string;
+}): string;
+/**
+ * Derives a searchable seriesPrefix from the
+ * given seriesPrefix of format [prefix]_[addtional info]
+ * @param {string} seriesPrefix
+ *
+ * @returns {string}
+ */
+export function determineSeriesPrefix(seriesPrefix: string): string;
+/**
+ *
+ * @param {object} program
+ * @param {string} program.program
+ *
+ * @returns {string}
+ */
+export function determineProgramTitle(program: {
+    program: string;
+}): string;

package/dist/utils/series-helpers.js

@@ -0,0 +1,33 @@
+const i = (e) => {
+  const t = e.indexOf("_");
+  return t === -1 ? e : e.slice(0, t);
+}, u = (e) => {
+  if (e != null && e.season_number) return e.season_number;
+  let t;
+  for (let s = 0; s < e.title_code.length; s++)
+    if (!isNaN(Number.parseInt(e.title_code.charAt(s), 10))) {
+      t = s;
+      break;
+    }
+  let n = e.title_code.slice(t);
+  return n.length === 3 ? n.substring(0, 1) : n.substring(0, 2);
+}, l = (e) => {
+  if (e != null && e.season_number) return e.season_number;
+  const t = e.series_prefix.indexOf("_");
+  return e.series_prefix.slice(t + 2 - e.series_prefix.length);
+}, r = (e) => e != null && e.episode_number ? e.episode_number : e.title_code.slice(-4).substring(2), c = (e) => {
+  let t = e.program.length;
+  for (let n = e.program.length - 1; n >= e.program.length - 4; n--)
+    if (e.program.charAt(n) === "S") {
+      t = n;
+      break;
+    }
+  return e.program.slice(0, t).trim();
+};
+export {
+  r as determineEpisodeNumber,
+  c as determineProgramTitle,
+  u as determineSeasonNumber,
+  l as determineSeasonNumberFromSeriesPrefix,
+  i as determineSeriesPrefix
+};

package/dist/utils/wpPlatformsTransformer.d.ts

@@ -0,0 +1 @@
+export function transform(platforms: any): {};

package/dist/utils/wpPlatformsTransformer.js

@@ -0,0 +1,28 @@
+const s = (o) => {
+  if (o.network) {
+    var n = {};
+    for (const e of o.platform)
+      n[`${e.category_title.replace(" ", "_").toLowerCase()}`] = e.logos.sort((r, t) => r.order === t.order ? 0 : r.order > t.order ? 1 : -1).map((r, t) => ({
+        id: t + 1,
+        image_url: r.logo_url,
+        alt_text: r.alt_text,
+        link: r.app_url,
+        target: "_blank"
+      }));
+    return n;
+  } else {
+    let e = {};
+    const r = Object.keys(o);
+    for (let t = 0; t < r.length; t++) {
+      const a = o[r[t]].map((l) => ({
+        ...l,
+        target: "_blank"
+      }));
+      e[r[t]] = a;
+    }
+    return e;
+  }
+};
+export {
+  s as transform
+};

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/x-D8_C2o-U.mjs

@@ -0,0 +1,62 @@
+import l, { forwardRef as c } from "react";
+import { P as a } from "./index-CZzwT3Oj.mjs";
+function f() {
+  return f = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, f.apply(this, arguments);
+}
+function u(e, o) {
+  if (e == null) return {};
+  var r = y(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function y(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, i;
+  for (i = 0; i < t.length; i++)
+    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var s = c(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, p = u(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", f({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ l.createElement("line", {
+    x1: "18",
+    y1: "6",
+    x2: "6",
+    y2: "18"
+  }), /* @__PURE__ */ l.createElement("line", {
+    x1: "6",
+    y1: "6",
+    x2: "18",
+    y2: "18"
+  }));
+});
+s.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+s.displayName = "X";
+export {
+  s as X
+};

package/package.json

@@ -0,0 +1,131 @@
+{
+  "version": "1.0.15",
+  "name": "@scrippsproduct/networks-ui-library",
+  "description": "React Component Library for use in Scripps Networks external applications",
+  "author": {
+    "name": "Scripps Networks Product Division",
+    "email": "ed.galligan@scripps.com"
+  },
+  "private": false,
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=10.0.0"   
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && cross-env NODE_ENV=production vite build && rm -rf ./dist/components/**/*.stories.d.ts ./dist/components/**/*.stories.js ./dist/components/**/*.mdx ./dist/components/**/*.stories.mdx ./dist/components/**/*.md",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic --project-token=f011f556f41a",
+    "create-component": "node componentFolderBuilder.js"
+  },
+  "dependencies": {
+    "date-fns": "^3.6.0",
+    "date-fns-tz": "^3.1.3",
+    "html-react-parser": "^5.1.10",
+    "react-datepicker": "^7.2.0",
+    "react-feather": "^2.0.10",
+    "react-ga4": "^2.1.0",
+    "sass-embedded": "^1.80.7"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@chromatic-com/storybook": "^1.6.0",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-onboarding": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/test": "^8.1.11",
+    "@types/glob": "^8.1.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "babel-preset-react-app": "^10.0.1",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "storybook": "^8.1.11",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^4.0.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ],
+    "parserOptions": {
+      "babelOptions": {
+        "presets": [
+          [
+            "babel-preset-react-app",
+            false
+          ]
+        ]
+      }
+    }
+  },
+  "babel": {
+    "presets": [
+      [
+        "react-app",
+        {
+          "absoluteRuntime": false
+        }
+      ],
+      [
+        "@babel/preset-react"
+      ],
+      [
+        "@babel/preset-env",
+        {
+          "modules": false
+        }
+      ]
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all",
+      "not op_mob >= 1"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}