@maestro_io/maestro-web-sdk 1.0.0 → 2.0.1

package/dist/index-DXErYNZH.js

@@ -1,151 +0,0 @@
-import t, { useSyncExternalStore as r } from "react";
-import { S as m, d as l, P as y } from "./index-BaSckwps.js";
-const u = {
-  borderRadius: 6,
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  cursor: "pointer",
-  width: "100%",
-  border: "none"
-}, d = (e) => {
-  const n = {
-    ...u,
-    ...e.style
-  };
-  return /* @__PURE__ */ t.createElement("button", { style: n, ...e }, e.children);
-}, E = t.lazy(() => import("./KeyPlaysIcon-Br9gu_Zu.js")), g = t.lazy(() => import("./PlayIcon-CNKWNaLP.js")), h = t.lazy(() => import("./BetsIcon-UrnN4lvP.js")), v = t.lazy(() => import("./StatsIcon-Ds4hriWX.js")), N = t.lazy(() => import("./FantasyIcon-DmloKsq_.js")), P = t.lazy(() => import("./WarningIcon-BuzZKL26.js")), b = {
-  keyPlays: E,
-  play: g,
-  bets: h,
-  stats: v,
-  fantasy: N,
-  warning: P
-}, i = (e) => /* @__PURE__ */ t.createElement("div", { style: { width: e.width, height: e.height } }), f = (e) => {
-  const n = b[e.iconName];
-  return n ? /* @__PURE__ */ t.createElement(
-    t.Suspense,
-    {
-      fallback: /* @__PURE__ */ t.createElement(i, { width: e.width, height: e.height })
-    },
-    /* @__PURE__ */ t.createElement(
-      n,
-      {
-        iconName: e.iconName,
-        height: e.height,
-        width: e.width
-      }
-    )
-  ) : /* @__PURE__ */ t.createElement(i, { width: e.width, height: e.height });
-}, S = 10009, w = ({ onBack: e, onLeft: n, active: a }) => {
-  t.useEffect(() => {
-    const s = new AbortController();
-    return window.addEventListener(
-      "keydown",
-      (o) => {
-        a && ((o.keyCode === S || o.key === "b") && (e == null || e(o)), (o.key === "ArrowLeft" || o.keyCode === 37) && (n == null || n(o)));
-      },
-      { signal: s.signal }
-    ), () => {
-      s.abort();
-    };
-  }, [a, e, n]);
-}, A = (e) => {
-  const n = m.getMaestroEventViewModel();
-  e.dataset.focused = "false", l.pause(), n.delegate.startFocusManagement();
-}, z = (e) => {
-  const { ref: n, focused: a } = l.useFocusable({
-    focusKey: `PANEL_NAV_BUTTON_${e.index}`,
-    onFocus: e.onEnter
-  });
-  return w({
-    active: e.index === 0 && a,
-    onLeft: () => {
-      A(n.current);
-    }
-  }), /* @__PURE__ */ t.createElement(
-    "div",
-    {
-      className: [
-        "panel-nav-button-container",
-        "T02",
-        e.active ? "panel-nav-button-active" : ""
-      ].join(" "),
-      ref: n
-    },
-    /* @__PURE__ */ t.createElement(d, null, /* @__PURE__ */ t.createElement(f, { iconName: e.iconName, height: 36, width: 36 })),
-    e.children
-  );
-}, I = (e) => {
-  const { ref: n, focusKey: a } = l.useFocusable({
-    focusKey: "PANEL_NAVIGATION"
-  });
-  return /* @__PURE__ */ t.createElement(l.FocusContext.Provider, { value: a }, /* @__PURE__ */ t.createElement("div", { className: "panel-navigation", ref: n }, e.items.map((s, o) => /* @__PURE__ */ t.createElement(
-    z,
-    {
-      iconName: s.iconName,
-      key: s.title,
-      index: o,
-      onEnter: s.onEnter,
-      active: s.active
-    },
-    s.title
-  ))));
-}, c = new y(), T = t.lazy(
-  () => import("./KeyPlaysView-Br-88ytG.js")
-), _ = {
-  keyPlays: /* @__PURE__ */ t.createElement(T, null),
-  bets: /* @__PURE__ */ t.createElement("div", { className: "panel-coming-soon T02" }, "Bets - Coming Soon"),
-  stats: /* @__PURE__ */ t.createElement("div", { className: "panel-coming-soon T02" }, "Stats - Coming Soon"),
-  fantasy: /* @__PURE__ */ t.createElement("div", { className: "panel-coming-soon T02" }, "Fantasy - Coming Soon")
-}, C = () => {
-  const e = r(
-    (a) => c.currentPanelObservable.subscribe(a),
-    () => c.currentPanel
-  ), n = [
-    {
-      iconName: "keyPlays",
-      onEnter: () => {
-        c.currentPanel = "keyPlays";
-      },
-      title: "KEY PLAYS",
-      active: e === "keyPlays"
-    },
-    {
-      iconName: "bets",
-      onEnter: () => {
-        c.currentPanel = "bets";
-      },
-      title: "BETS",
-      active: e === "bets"
-    },
-    {
-      iconName: "stats",
-      onEnter: () => {
-        c.currentPanel = "stats";
-      },
-      title: "STATS",
-      active: e === "stats"
-    },
-    {
-      iconName: "fantasy",
-      onEnter: () => {
-        c.currentPanel = "fantasy";
-      },
-      title: "FANTASY",
-      active: e === "fantasy"
-    }
-  ];
-  return /* @__PURE__ */ t.createElement("div", { className: "sdk--panel-manager" }, /* @__PURE__ */ t.createElement(I, { items: n }), /* @__PURE__ */ t.createElement("div", { className: "sdk--panel-wrapper" }, /* @__PURE__ */ t.createElement(t.Suspense, { fallback: null }, _[e])));
-}, L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: C
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  d as B,
-  f as I,
-  A as d,
-  L as i,
-  w as u
-};
-//# sourceMappingURL=index-DXErYNZH.js.map

package/dist/index-DXErYNZH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DXErYNZH.js","sources":["../src/components/atoms/BaseButton/BaseButton.tsx","../src/components/atoms/SvgIcon/Icon.tsx","../src/hooks/use-remote-control.ts","../src/helpers/deliver-focus.ts","../src/components/molecules/PanelNavButton/PanelNavButton.tsx","../src/components/organisms/PanelNavigation/PanelNavigation.tsx","../src/components/core/PanelManager/PanelManager.tsx"],"sourcesContent":["import React from 'react';\nimport { ButtonHTMLAttributes } from 'react';\n\nconst ButtonStyle: React.CSSProperties = {\n  borderRadius: 6,\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  cursor: 'pointer',\n  width: '100%',\n  border: 'none',\n};\n\ntype Props = {\n  ref?: React.RefObject<HTMLButtonElement>;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst BaseButton = (props: Props) => {\n  const style = {\n    ...ButtonStyle,\n    ...props.style,\n  };\n\n  return (\n    <button style={style} {...props}>\n      {props.children}\n    </button>\n  );\n};\n\nexport default BaseButton;\n","import React from 'react';\n\nconst LazyKeyPlaysIcon = React.lazy(() => import('./KeyPlaysIcon'));\nconst LazyPlayIcon = React.lazy(() => import('./PlayIcon'));\nconst LazyBetsIcon = React.lazy(() => import('./BetsIcon'));\nconst LazyStatsIcon = React.lazy(() => import('./StatsIcon'));\nconst LazyFantasyIcon = React.lazy(() => import('./FantasyIcon'));\nconst LazyWarningIcon = React.lazy(() => import('./WarningIcon'));\n\nconst ICONS_MAP = {\n  keyPlays: LazyKeyPlaysIcon,\n  play: LazyPlayIcon,\n  bets: LazyBetsIcon,\n  stats: LazyStatsIcon,\n  fantasy: LazyFantasyIcon,\n  warning: LazyWarningIcon,\n};\n\nexport type IconsName = keyof typeof ICONS_MAP;\n\nexport type IconProps = {\n  iconName: IconsName;\n  width: number;\n  height: number;\n};\n\nconst Skeleton = (props: Omit<IconProps, 'iconName'>) => (\n  <div style={{ width: props.width, height: props.height }} />\n);\n\nconst Icon = (props: IconProps) => {\n  const Icon = ICONS_MAP[props.iconName];\n  if (!Icon) {\n    return <Skeleton width={props.width} height={props.height} />;\n  }\n\n  return (\n    <React.Suspense\n      fallback={<Skeleton width={props.width} height={props.height} />}\n    >\n      <Icon\n        iconName={props.iconName}\n        height={props.height}\n        width={props.width}\n      />\n    </React.Suspense>\n  );\n};\n\nexport default Icon;\n","import React from 'react';\n\ntype Props = {\n  active: boolean;\n  onBack?: (e: KeyboardEvent) => void;\n  onLeft?: (e: KeyboardEvent) => void;\n};\n\nconst BACK_KEY_CODE = 10009;\n\nconst useRemoteControl = ({ onBack, onLeft, active }: Props) => {\n  React.useEffect(() => {\n    const abort = new AbortController();\n\n    window.addEventListener(\n      'keydown',\n      (e) => {\n        if (!active) {\n          return;\n        }\n\n        if (e.keyCode === BACK_KEY_CODE || e.key === 'b') {\n          onBack?.(e);\n        }\n\n        if (e.key === 'ArrowLeft' || e.keyCode === 37) {\n          onLeft?.(e);\n        }\n      },\n      { signal: abort.signal }\n    );\n\n    return () => {\n      abort.abort();\n    };\n  }, [active, onBack, onLeft]);\n};\n\nexport default useRemoteControl;\n","import { pause } from '@noriginmedia/norigin-spatial-navigation';\nimport SDK from '..';\n\n/**\n * @description Useful when you want to lose the focus of the SDK and delegate it to the Client App.\n */\nconst deliverFocus = (e: HTMLElement) => {\n  const eventVm = SDK.getMaestroEventViewModel();\n  e.dataset['focused'] = 'false';\n  pause();\n  eventVm.delegate.startFocusManagement();\n};\n\nexport default deliverFocus;\n","import { PropsWithChildren } from 'react';\nimport BaseButton from '@/components/atoms/BaseButton/BaseButton';\nimport Icon, { IconsName } from '@/components/atoms/SvgIcon/Icon';\nimport './PanelNavButton.styles.css';\nimport { useFocusable } from '@noriginmedia/norigin-spatial-navigation';\nimport useRemoteControl from '@/hooks/use-remote-control';\nimport deliverFocus from '@/helpers/deliver-focus';\nimport React from 'react';\n\ntype PanelNavButtonProps = {\n  iconName: IconsName;\n  index: number;\n  onEnter: () => void;\n  active: boolean;\n} & PropsWithChildren;\n\nconst PanelNavButton = (props: PanelNavButtonProps) => {\n  const { ref, focused } = useFocusable({\n    focusKey: `PANEL_NAV_BUTTON_${props.index}`,\n    onFocus: props.onEnter,\n  });\n\n  useRemoteControl({\n    active: props.index === 0 && focused,\n    onLeft: () => {\n      deliverFocus(ref.current as HTMLDivElement);\n    },\n  });\n\n  return (\n    <div\n      className={[\n        'panel-nav-button-container',\n        'T02',\n        props.active ? 'panel-nav-button-active' : '',\n      ].join(' ')}\n      ref={ref}\n    >\n      <BaseButton>\n        <Icon iconName={props.iconName} height={36} width={36} />\n      </BaseButton>\n      {props.children}\n    </div>\n  );\n};\n\nexport default PanelNavButton;\n","import PanelNavButton from '@/components/molecules/PanelNavButton';\nimport { IconsName } from '@/components/atoms/SvgIcon/Icon';\nimport './PanelNavigation.styles.css';\nimport {\n  FocusContext,\n  useFocusable,\n} from '@noriginmedia/norigin-spatial-navigation';\nimport React from 'react';\n\ntype PanelNavigationProps = {\n  items: {\n    title: string;\n    onEnter: () => void;\n    iconName: IconsName;\n    active: boolean;\n  }[];\n};\n\nconst PanelNavigation = (props: PanelNavigationProps) => {\n  const { ref, focusKey } = useFocusable({\n    focusKey: 'PANEL_NAVIGATION',\n  });\n\n  return (\n    <FocusContext.Provider value={focusKey}>\n      <div className=\"panel-navigation\" ref={ref}>\n        {props.items.map((item, index) => (\n          <PanelNavButton\n            iconName={item.iconName}\n            key={item.title}\n            index={index}\n            onEnter={item.onEnter}\n            active={item.active}\n          >\n            {item.title}\n          </PanelNavButton>\n        ))}\n      </div>\n    </FocusContext.Provider>\n  );\n};\n\nexport default PanelNavigation;\n","import React, { useSyncExternalStore } from 'react';\nimport { PanelManagerViewModel } from '@/view-models/PanelManagerViewModel';\nimport './PanelManager.styles.css';\nimport PanelNavigation from '@/components/organisms/PanelNavigation';\nimport { MaestroPanelType } from '@/models/IPanel';\n\nconst panelManagerViewModel = new PanelManagerViewModel();\n\nconst LazyKeyPlays = React.lazy(\n  () => import('@/modules/key-plays/view/KeyPlaysView')\n);\n\nconst PANELS_MAP: Record<MaestroPanelType, React.ReactNode> = {\n  keyPlays: <LazyKeyPlays />,\n  bets: <div className=\"panel-coming-soon T02\">Bets - Coming Soon</div>,\n  stats: <div className=\"panel-coming-soon T02\">Stats - Coming Soon</div>,\n  fantasy: <div className=\"panel-coming-soon T02\">Fantasy - Coming Soon</div>,\n};\n\nconst PanelManager = () => {\n  const activePanel = useSyncExternalStore(\n    (l) => panelManagerViewModel.currentPanelObservable.subscribe(l),\n    () => panelManagerViewModel.currentPanel\n  );\n\n  const PANEL_ITEMS: {\n    title: string;\n    onEnter: () => void;\n    iconName: MaestroPanelType;\n    active: boolean;\n  }[] = [\n    {\n      iconName: 'keyPlays',\n      onEnter: () => {\n        panelManagerViewModel.currentPanel = 'keyPlays';\n      },\n      title: 'KEY PLAYS',\n      active: activePanel === 'keyPlays',\n    },\n    {\n      iconName: 'bets',\n      onEnter: () => {\n        panelManagerViewModel.currentPanel = 'bets';\n      },\n      title: 'BETS',\n      active: activePanel === 'bets',\n    },\n    {\n      iconName: 'stats',\n      onEnter: () => {\n        panelManagerViewModel.currentPanel = 'stats';\n      },\n      title: 'STATS',\n      active: activePanel === 'stats',\n    },\n    {\n      iconName: 'fantasy',\n      onEnter: () => {\n        panelManagerViewModel.currentPanel = 'fantasy';\n      },\n      title: 'FANTASY',\n      active: activePanel === 'fantasy',\n    },\n  ];\n\n  return (\n    <div className=\"sdk--panel-manager\">\n      <PanelNavigation items={PANEL_ITEMS} />\n      <div className=\"sdk--panel-wrapper\">\n        <React.Suspense fallback={null}>\n          {PANELS_MAP[activePanel]}\n        </React.Suspense>\n      </div>\n    </div>\n  );\n};\n\nexport default PanelManager;\n"],"names":["ButtonStyle","BaseButton","props","style","LazyKeyPlaysIcon","React","LazyPlayIcon","LazyBetsIcon","LazyStatsIcon","LazyFantasyIcon","LazyWarningIcon","ICONS_MAP","Skeleton","Icon","BACK_KEY_CODE","useRemoteControl","onBack","onLeft","active","abort","e","deliverFocus","eventVm","SDK","pause","PanelNavButton","ref","focused","useFocusable","PanelNavigation","focusKey","FocusContext","item","index","panelManagerViewModel","PanelManagerViewModel","LazyKeyPlays","PANELS_MAP","PanelManager","activePanel","useSyncExternalStore","l","PANEL_ITEMS"],"mappings":"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"}

package/dist/index-q5GKgbOd.js

@@ -1,56 +0,0 @@
-import n, { useLayoutEffect as s } from "react";
-const o = "BentonSans-Medium", c = {
-  colors: {
-    // Accent colors
-    accentPrimary: "#FFFFFF",
-    // Secondary accent colors
-    accentSecondary: "#3C3F47",
-    // Tertiary accent colors
-    accentTertiary: "#0C0C0E",
-    // Surface Colors
-    surface1: "#080A0C",
-    surface2: "#12141A",
-    surface3: "#1B1E26",
-    surface4: "#242833",
-    surface5: "#363C4D",
-    surface6: "#3E4759",
-    // Highlight colors
-    highlightPrimary: "#FFFFFF",
-    highlightSecondary: "#9A9EA9",
-    highlightTertiary: "#0A0C0F",
-    // Alert colors
-    alertConfirmation: "#43D48F",
-    alertWarning: "#F58B00",
-    alertError: "#FF0000",
-    // Text colors
-    text100: "#F8F9FA",
-    text200: "#C2C5CB",
-    text300: "#8D919D",
-    text400: "#5C606B",
-    text500: "#0C0C0E"
-  },
-  typography: {
-    body: o,
-    headline: o
-  }
-}, t = c.colors, r = c.typography, F = (a) => (s(() => (Object.keys(t).forEach((e) => {
-  document.documentElement.style.setProperty(
-    `--sdk-${e}`,
-    t[e]
-  );
-}), Object.keys(r).forEach((e) => {
-  document.documentElement.style.setProperty(
-    `--sdk-font-${e}`,
-    r[e]
-  );
-}), () => {
-  Object.keys(t).forEach((e) => {
-    document.documentElement.style.removeProperty(`--sdk-${e}`);
-  }), Object.keys(r).forEach((e) => {
-    document.documentElement.style.removeProperty(`--sdk-font-${e}`);
-  });
-}), []), /* @__PURE__ */ n.createElement("div", { className: "sdk-wrapper" }, a.children));
-export {
-  F as default
-};
-//# sourceMappingURL=index-q5GKgbOd.js.map

package/dist/index-q5GKgbOd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-q5GKgbOd.js","sources":["../src/services/ThemeManager/constants.ts","../src/components/core/App/App.tsx"],"sourcesContent":["import ITheme, {\n  BORDER_RADIUS,\n  TEXT_CAPITALIZATION,\n  THEME_MODES,\n  THEME_TYPES,\n} from '@/models/ITheme';\n\nconst FONT_FAMILY = 'BentonSans-Medium';\n\nexport const DARK_THEME: ITheme = {\n  _id: '6274067af74b66a544018dac',\n  button: {\n    borderRadius: BORDER_RADIUS.rounded,\n    textCapitalization: TEXT_CAPITALIZATION.uppercase,\n  },\n  colors: {\n    // Accent colors\n    accentPrimary: '#FFFFFF',\n\n    // Secondary accent colors\n    accentSecondary: '#3C3F47',\n\n    // Tertiary accent colors\n    accentTertiary: '#0C0C0E',\n\n    // Surface Colors\n    surface1: '#080A0C',\n    surface2: '#12141A',\n    surface3: '#1B1E26',\n    surface4: '#242833',\n    surface5: '#363C4D',\n    surface6: '#3E4759',\n\n    // Highlight colors\n    highlightPrimary: '#FFFFFF',\n    highlightSecondary: '#9A9EA9',\n    highlightTertiary: '#0A0C0F',\n\n    // Alert colors\n    alertConfirmation: '#43D48F',\n    alertWarning: '#F58B00',\n    alertError: '#FF0000',\n\n    // Text colors\n    text100: '#F8F9FA',\n    text200: '#C2C5CB',\n    text300: '#8D919D',\n    text400: '#5C606B',\n    text500: '#0C0C0E',\n  },\n  creator: '016901e60000000000000000',\n  name: 'Dark Mode',\n  type: THEME_TYPES.CLASSIC,\n  mode: THEME_MODES.DARK,\n  owner: '016901e60000000000000000',\n  typography: {\n    body: FONT_FAMILY,\n    headline: FONT_FAMILY,\n  },\n};\n","import React, { PropsWithChildren, useLayoutEffect } from 'react';\nimport { DARK_THEME } from '@/services/ThemeManager/constants';\nimport './App.styles.css';\n\nconst colors = DARK_THEME.colors;\nconst typography = DARK_THEME.typography;\n\nconst App = (props: PropsWithChildren) => {\n  useLayoutEffect(() => {\n    Object.keys(colors).forEach((key) => {\n      document.documentElement.style.setProperty(\n        `--sdk-${key}`,\n        colors[key as keyof typeof DARK_THEME.colors]\n      );\n    });\n\n    Object.keys(typography).forEach((key) => {\n      document.documentElement.style.setProperty(\n        `--sdk-font-${key}`,\n        typography[key as keyof typeof DARK_THEME.typography]\n      );\n    });\n\n    return () => {\n      Object.keys(colors).forEach((key) => {\n        document.documentElement.style.removeProperty(`--sdk-${key}`);\n      });\n\n      Object.keys(typography).forEach((key) => {\n        document.documentElement.style.removeProperty(`--sdk-font-${key}`);\n      });\n    };\n  }, []);\n\n  return <div className=\"sdk-wrapper\">{props.children}</div>;\n};\n\nexport default App;\n"],"names":["FONT_FAMILY","DARK_THEME","colors","typography","App","props","useLayoutEffect","key","React"],"mappings":";AAOA,MAAMA,IAAc,qBAEPC,IAAqB;AAAA,EAMhC,QAAQ;AAAA;AAAA,IAEN,eAAe;AAAA;AAAA,IAGf,iBAAiB;AAAA;AAAA,IAGjB,gBAAgB;AAAA;AAAA,IAGhB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA;AAAA,IAGV,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,mBAAmB;AAAA;AAAA,IAGnB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,YAAY;AAAA;AAAA,IAGZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EAMA,YAAY;AAAA,IACV,MAAMD;AAAA,IACN,UAAUA;AAAA,EAAA;AAEd,GCvDME,IAASD,EAAW,QACpBE,IAAaF,EAAW,YAExBG,IAAM,CAACC,OACXC,EAAgB,OACd,OAAO,KAAKJ,CAAM,EAAE,QAAQ,CAACK,MAAQ;AACnC,WAAS,gBAAgB,MAAM;AAAA,IAC7B,SAASA,CAAG;AAAA,IACZL,EAAOK,CAAqC;AAAA,EAC9C;AAAA,CACD,GAED,OAAO,KAAKJ,CAAU,EAAE,QAAQ,CAACI,MAAQ;AACvC,WAAS,gBAAgB,MAAM;AAAA,IAC7B,cAAcA,CAAG;AAAA,IACjBJ,EAAWI,CAAyC;AAAA,EACtD;AAAA,CACD,GAEM,MAAM;AACX,SAAO,KAAKL,CAAM,EAAE,QAAQ,CAACK,MAAQ;AACnC,aAAS,gBAAgB,MAAM,eAAe,SAASA,CAAG,EAAE;AAAA,EAAA,CAC7D,GAED,OAAO,KAAKJ,CAAU,EAAE,QAAQ,CAACI,MAAQ;AACvC,aAAS,gBAAgB,MAAM,eAAe,cAAcA,CAAG,EAAE;AAAA,EAAA,CAClE;AACH,IACC,EAAE,GAEG,gBAAAC,EAAA,cAAA,OAAA,EAAI,WAAU,cAAA,GAAeH,EAAM,QAAS;"}

package/dist/maestro-web-sdk.esm.js

@@ -1,6 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.sdk-wrapper{font-family:Arial,Helvetica,sans-serif;color:var(--sdk-text100)}.T01{font-size:1.125rem;font-weight:400;line-height:1.5rem}.T02{font-size:1.125rem;font-weight:700;line-height:1.5rem}.T05_ALT{font-size:1.313rem;font-weight:700;line-height:1.75rem}.T10{font-size:1.438rem;font-weight:700;line-height:2rem}.T20{font-size:1.688rem;font-weight:500;line-height:2.25rem}.T30{font-size:1.813rem;font-weight:700;line-height:2.25rem}.T70{font-size:3rem;font-weight:900;line-height:3.5rem}.sdk--panel-manager{padding:3.75rem 3.75rem 3.75rem 3rem;padding-bottom:0;display:flex;flex-direction:column;gap:3.75rem}.sdk--panel-manager .panel-coming-soon{display:flex;justify-content:center}.panel-nav-button-container{display:flex;flex-direction:column;align-items:center;gap:.625rem;color:var(--sdk-text300);flex:1}.panel-nav-button-container path{fill:var(--sdk-highlightSecondary)}.panel-nav-button-container button{padding:8px 0;background-color:var(--sdk-surface3);min-width:6.5rem;transition:background-color .2s ease-in-out,color .3s ease-in-out}.panel-nav-button-container[data-focused=true],.panel-nav-button-container:hover,.panel-nav-button-active{color:var(--sdk-text100)}.panel-nav-button-container[data-focused=true] path,.panel-nav-button-container:hover path{fill:var(--sdk-highlightTertiary)}.panel-nav-button-container[data-focused=true] button,.panel-nav-button-container:hover button{background-color:var(--sdk-accentPrimary)}.panel-nav-button-active button{background-color:var(--sdk-surface5)}.panel-nav-button-active path{fill:var(--sdk-highlightPrimary)}.panel-navigation{display:flex;flex-direction:row;align-items:center;gap:.75rem;overflow-x:auto;scrollbar-width:none}.key-play-card{display:flex;flex-direction:column;border-radius:.625rem;background-color:var(--sdk-surface2);contain:content;border:.188rem solid transparent;transition:border-color .2s ease-in-out;position:relative}.key-play-card progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background-color:var(--sdk-surface6);box-shadow:0 1px 3px #10111366 inset;overflow:hidden;border-radius:0;position:absolute;bottom:0}.key-play-card .error-state{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--sdk-surface2);gap:1rem}.key-play-card .error-state path{fill:var(--sdk-alertWarning)}.key-play-card .non-recent-error-state{position:absolute;top:1.125rem;right:1.125rem}.scrollable-gradient{position:relative}.scrollable-gradient:before{content:"";position:absolute;left:0;right:0;top:0;height:3.625rem;z-index:0;transition:z-index .3s ease}.scroll-container-scrolled:before{z-index:1;background:linear-gradient(0deg,#080a0c00 0%,var(--sdk-surface1) 100%)}.scrollable-gradient:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6rem;background:linear-gradient(180deg,#080a0c00 0%,var(--sdk-surface1) 100%)}.key-plays-view{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 86px - 7.5rem);scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:contain}.key-plays-view .key-plays-section:last-child{margin-bottom:4rem}.key-plays-view::-webkit-scrollbar{display:none}.key-plays-section{display:flex;flex-direction:column;gap:1rem;position:relative}.key-plays-section-title{position:sticky;top:0;z-index:1;margin:0}.key-plays-section-items{display:flex;flex-direction:column;gap:20px}.key-plays-section:last-of-type{margin-bottom:0}.key-plays-bottom-padding{height:calc(100vh - 240px);min-height:400px;width:100%}.key-play-card{display:flex;flex-direction:column;border-radius:.625rem;background-color:var(--sdk-surface2);contain:content;border:3px solid transparent;transition:border-color .2s ease-in-out}.key-play-card[data-focused=true]{border-color:var(--sdk-highlightPrimary)}.key-play-card-content{display:grid;grid-template-columns:1fr 2fr}.key-play-card-content .cardImage{width:100%;height:100%;object-fit:cover}.key-play-card-content .text-content{padding:2.75rem 2.25rem 2.75rem 1.5rem;align-items:center;display:flex}.key-play-card-content .multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.key-play-card progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background-color:var(--sdk-surface6);box-shadow:0 1px 3px #10111366 inset;overflow:hidden;border-radius:0}.key-play-card progress::-webkit-progress-bar,.key-play-card progress::-moz-progress-bar{background-color:var(--sdk-surface6)}.key-play-card progress::-webkit-progress-value{background-color:var(--sdk-highlightPrimary)}.key-play-card .score{display:flex;align-items:center;justify-content:center;padding:10px;gap:4rem;background-color:var(--sdk-surface4)}.key-play-card .score-team{display:flex;align-items:center;gap:1rem}.action-button{padding:23px 0;background-color:var(--sdk-accentSecondary);color:var(--sdk-text100)}.action-button:hover,.action-button[data-focused=true]{background-color:var(--sdk-accentPrimary);color:var(--sdk-text500)}.sdk--key-play-error-state-unsupportedEvent{padding:2.25rem 1.5rem 0;display:flex;flex-direction:column;gap:1rem}.sdk--key-play-error-state-unsupportedEvent:after{background:linear-gradient(180deg,#0000,#ffffff14)}.sdk--key-play-error-state-unsupportedEvent h3{margin:0}.sdk--key-play-error-state-unsupportedEvent p{margin:0;color:var(--sdk-text200)}.sdk--key-play-error-state-unpopulatedEvent{overflow-y:hidden;max-height:calc(100vh - 86px - 7.5rem);padding:2.25rem 1.5rem 0;scrollbar-width:none;display:flex;flex-direction:column;gap:6.25rem}.sdk--key-play-error-state-unpopulatedEvent h3{margin:0}.sdk--key-play-error-state-unpopulatedEvent p{margin:0;color:var(--sdk-text200)}.sdk--key-play-error-state-unpopulatedEvent .main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples{display:flex;flex-direction:column;gap:1rem;position:relative}.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples:after{content:"";width:100%;height:100%;position:absolute;bottom:0;background:linear-gradient(0deg,#000,#0000 92.2%)}.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples .example{display:flex;gap:1rem;padding:1.75rem 1.5rem;border-radius:.625rem;background-color:var(--sdk-surface3);height:8rem}.sdk--key-play-error-state-tabLoadFailure{display:flex;flex-direction:column;gap:1rem;border-radius:.625rem;border:.188rem solid transparent;transition:border-color .2s ease-in-out;padding:1.5rem;background-color:var(--sdk-surface4)}.sdk--key-play-error-state-tabLoadFailure h3{margin:0}.sdk--key-play-error-state-tabLoadFailure p{margin:0;height:5.375rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { S as f } from "./index-BaSckwps.js";
-export {
-  f as default
-};
-//# sourceMappingURL=maestro-web-sdk.esm.js.map

package/dist/maestro-web-sdk.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"maestro-web-sdk.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["../src/maestroeventdelegate.ts","../src/development.tsx","../src/index.test.tsx","../src/index.tsx","../src/setuptests.ts","../src/vite-env.d.ts","../src/components/atoms/basebutton/basebutton.tsx","../src/components/atoms/basebutton/index.ts","../src/components/atoms/image/index.tsx","../src/components/atoms/svgicon/betsicon.tsx","../src/components/atoms/svgicon/fantasyicon.tsx","../src/components/atoms/svgicon/icon.tsx","../src/components/atoms/svgicon/keyplaysicon.tsx","../src/components/atoms/svgicon/playicon.tsx","../src/components/atoms/svgicon/statsicon.tsx","../src/components/atoms/svgicon/warningicon.tsx","../src/components/atoms/svgicon/index.ts","../src/components/core/app/app.tsx","../src/components/core/app/index.ts","../src/components/core/panelmanager/panelmanager.tsx","../src/components/core/panelmanager/index.tsx","../src/components/molecules/actionbutton/actionbutton.tsx","../src/components/molecules/actionbutton/index.ts","../src/components/molecules/panelnavbutton/panelnavbutton.tsx","../src/components/molecules/panelnavbutton/index.ts","../src/components/molecules/scrollablegradient/scrollablegradient.tsx","../src/components/molecules/scrollablegradient/index.ts","../src/components/molecules/segmentbutton/segmentbutton.tsx","../src/components/molecules/segmentbutton/index.ts","../src/components/molecules/watchbutton/watchbutton.tsx","../src/components/molecules/watchbutton/index.ts","../src/components/organisms/panelnavigation/panelnavigation.tsx","../src/components/organisms/panelnavigation/index.ts","../src/components/organisms/segmentcontroller/segmentcontroller.tsx","../src/components/organisms/segmentcontroller/index.ts","../src/external/axiosnetworkclient.test.ts","../src/external/axiosnetworkclient.ts","../src/external/localstoragecachemanager.test.ts","../src/external/localstoragecachemanager.ts","../src/external/reactrenderer.tsx","../src/external/ports/cachemanager.ts","../src/external/ports/networkclient.ts","../src/external/ports/renderer.ts","../src/helpers/observable.test.ts","../src/helpers/observable.ts","../src/helpers/deliver-focus.ts","../src/hooks/use-remote-control.ts","../src/interfaces/imaestroevent.ts","../src/interfaces/imaestroeventdelegate.ts","../src/interfaces/imaestromanager.ts","../src/models/imodel.ts","../src/models/ipanel.ts","../src/models/itheme.ts","../src/modules/key-plays/constants.ts","../src/modules/key-plays/interfaces/ikeyplays.ts","../src/modules/key-plays/interfaces/ikeyplaysresponse.ts","../src/modules/key-plays/view/keyplaycardview.tsx","../src/modules/key-plays/view/keyplayerrorstateview.tsx","../src/modules/key-plays/view/keyplaysview.tsx","../src/modules/key-plays/view-model/keyplaysviewmodel.ts","../src/services/networkmanager.ts","../src/services/thememanager/constants.ts","../src/view-models/maestroeventviewmodel.ts","../src/view-models/panelmanagerviewmodel.ts","../src/view-models/viewmodel.ts","../src/view-models/index.ts","../src/view-models/tests/maestroeventviewmodel.test.ts","../src/view-models/tests/viewmodel.test.ts","../src/view-models/tests/index.test.ts"],"version":"5.8.2"}