@streamlayer/react-ui 1.33.2 → 1.34.0

package/lib/ui/polymarket/styles.js

@@ -0,0 +1,69 @@
+import { styled as s } from "@linaria/react";
+const e = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c16uapq7",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "Header",
+  class: "h1bkiv31",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("img")({
+  name: "Logo",
+  class: "l58x1zx",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("span")({
+  name: "AdTitle",
+  class: "aje8tdj",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "Vol",
+  class: "v1b9hkhr",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("div")({
+  name: "Teams",
+  class: "t103i3ll",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("div")({
+  name: "Team",
+  class: "tv6559o",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("img")({
+  name: "TeamLogo",
+  class: "td9fhm",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("span")({
+  name: "TeamName",
+  class: "t1bg0qru",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("span")({
+  name: "TeamPercentage",
+  class: "t1k3nqya",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("div")({
+  name: "Draw",
+  class: "du878ld",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("span")({
+  name: "DrawPercentage",
+  class: "d11m2h7g",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("div")({
+  name: "Chart",
+  class: "cpgwa9e",
+  propsAsIs: !1
+});
+export {
+  l as AdTitle,
+  A as Chart,
+  e as Container,
+  i as Draw,
+  f as DrawPercentage,
+  o as Header,
+  n as Logo,
+  r as Team,
+  t as TeamLogo,
+  m as TeamName,
+  d as TeamPercentage,
+  c as Teams,
+  p as Vol
+};

package/lib/utils/decorators/container.d.ts

@@ -2,5 +2,6 @@ import { StoryContext, StoryFn } from '@storybook/react';
 export declare const mastersTheme: (Story: StoryFn, _context: StoryContext) => import("react/jsx-runtime").JSX.Element;
 export declare const theme: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;
 export declare const bgContainer: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;
+export declare const darkBgContainer: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated */
 export declare const container: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/lib/utils/decorators/container.js

@@ -1,14 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import { StreamLayerThemeProvider as n } from "../../ui/theme/index.js";
-import { StreamLayerMastersThemeProvider as m } from "../../ui/theme/masters.js";
-import { BGContainer as i, AppContainer as c } from "./styles.js";
-const l = (r, t) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, {}) }), p = (r, t) => {
+import { StreamLayerMastersThemeProvider as i } from "../../ui/theme/masters.js";
+import { BGContainer as m, DarkBGContainer as a, AppContainer as c } from "./styles.js";
+const p = (r, t) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {}) }), u = (r, t) => {
   const o = t.globals.theme || "dark";
   return /* @__PURE__ */ e(n, { themeMode: o, children: /* @__PURE__ */ e(r, {}) });
-}, f = (r) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {}) }), u = (r) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(r, {}) }) }) });
+}, C = (r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, {}) }), f = (r) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(r, {}) }), T = (r) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(r, {}) }) }) });
 export {
-  f as bgContainer,
-  u as container,
-  l as mastersTheme,
-  p as theme
+  C as bgContainer,
+  T as container,
+  f as darkBgContainer,
+  p as mastersTheme,
+  u as theme
 };

package/lib/utils/decorators/styles.d.ts

@@ -1,2 +1,3 @@
 export declare const AppContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const BGContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const DarkBGContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/utils/decorators/styles.js

@@ -1,14 +1,19 @@
 import { styled as s } from "@linaria/react";
-const a = /* @__PURE__ */ s("div")({
+const n = /* @__PURE__ */ s("div")({
   name: "AppContainer",
   class: "azqfrs3",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "BGContainer",
   class: "b1t42us",
   propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "DarkBGContainer",
+  class: "drqlkba",
+  propsAsIs: !1
 });
 export {
-  a as AppContainer,
-  o as BGContainer
+  n as AppContainer,
+  r as BGContainer,
+  o as DarkBGContainer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.33.2",
+  "version": "1.34.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -86,12 +86,12 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.225.0",
+    "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
+    "@streamlayer/sl-eslib": "^5.228.0",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
-    "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "@dailymotion/vast-client": "^6.4.2",
     "react-qr-code": "^2.0.16",
@@ -110,19 +110,21 @@
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.3",
     "react-phone-number-input": "^3.4.8",
-    "@streamlayer/feature-gamification": "^1.23.7",
-    "@streamlayer/react-polyfills": "^0.1.52",
-    "@streamlayer/sdk-web": "^1.16.7",
-    "@streamlayer/sdk-web-analytics": "^1.14.2",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.3.7",
-    "@streamlayer/sdk-web-api": "^1.14.7",
-    "@streamlayer/sdk-web-core": "^1.18.2",
-    "@streamlayer/sdk-web-features": "^1.0.92",
-    "@streamlayer/sdk-web-interfaces": "^1.8.7",
-    "@streamlayer/sdk-web-logger": "^1.0.92",
-    "@streamlayer/sdk-web-notifications": "^1.3.54",
-    "@streamlayer/sdk-web-storage": "^1.0.92",
-    "@streamlayer/sdk-web-types": "^1.16.7"
+    "@streamlayer/feature-polymarket": "^0.1.0",
+    "@streamlayer/react-polyfills": "^0.2.0",
+    "@streamlayer/feature-gamification": "^1.24.0",
+    "@streamlayer/sdk-web": "^1.17.0",
+    "@streamlayer/sdk-web-analytics": "^1.15.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.3.9",
+    "@streamlayer/feature-advertisement": "^0.1.0",
+    "@streamlayer/sdk-web-api": "^1.15.0",
+    "@streamlayer/sdk-web-core": "^1.19.0",
+    "@streamlayer/sdk-web-features": "^1.0.94",
+    "@streamlayer/sdk-web-interfaces": "^1.9.0",
+    "@streamlayer/sdk-web-notifications": "^1.3.56",
+    "@streamlayer/sdk-web-storage": "^1.0.94",
+    "@streamlayer/sdk-web-logger": "^1.0.94",
+    "@streamlayer/sdk-web-types": "^1.16.9"
   },
   "nx": {
     "implicitDependencies": [
@@ -148,6 +150,7 @@
     "@wyw-in-js/vite": "^0.5.3",
     "esbuild-plugin-babel": "^0.2.3",
     "glob": "^11.0.0",
+    "lightweight-charts": "^5.1.0",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "screenfull": "^6.0.2",
     "tslib": "^2.7.0",

package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.d.ts

@@ -1,10 +0,0 @@
-type GAMStaticCore = Record<string, {
-    id: string;
-    url: string;
-    imageSrc?: string;
-    adUrl?: string;
-}>;
-export declare const useLoadGAMStatic: () => readonly [(adUrl: string) => Promise<{
-    success: boolean;
-}>, import('nanostores').PreinitializedMapStore<GAMStaticCore> & object];
-export {};

package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.js

@@ -1,69 +0,0 @@
-import { VASTClient as x } from "@dailymotion/vast-client";
-import { useRef as P, useCallback as V } from "react";
-import { eventBus as l } from "@streamlayer/sdk-web-interfaces";
-import { createLogger as k } from "@streamlayer/sdk-web-logger";
-import { m as I } from "../../../../../index-DSi8Qgfs.js";
-const K = {}, B = new x(), i = I(K), d = k("ui:gam-static"), b = (n) => new Promise((m, e) => {
-  const r = new Image();
-  r.onload = () => m(n), r.onerror = () => e(), r.src = n;
-}), j = () => {
-  const n = P(0);
-  return [V(async (e) => {
-    var p, g, f, v, y, A, T, S, R, w, h;
-    if ((p = i.get()[e]) != null && p.imageSrc)
-      return { success: !0 };
-    const r = Date.now();
-    n.current = r, i.setKey(e, { id: "", url: e });
-    try {
-      l.emit("exposedPauseAd", {
-        action: "load",
-        payload: {}
-      });
-      const c = await B.get(e);
-      if (d.debug(c, "parsedVAST"), n.current === r && i.get()[e].url) {
-        const t = c.ads.find((s) => s.creatives.length > 0);
-        if (t) {
-          d.debug(t, "validAd");
-          const s = t.creatives.find((o) => o.type === "nonlinear");
-          if (s) {
-            d.debug(s, "nonlinear");
-            const o = (f = (g = s.variations) == null ? void 0 : g[0]) == null ? void 0 : f.staticResource, L = (y = (v = s.variations) == null ? void 0 : v[0]) == null ? void 0 : y.nonlinearClickThroughURLTemplate;
-            if (o)
-              return await b(o), i.setKey(e, {
-                id: t.id || "",
-                url: e,
-                imageSrc: o,
-                adUrl: L
-              }), l.emit("exposedPauseAd", {
-                action: "loaded",
-                payload: {
-                  id: t.id || ""
-                }
-              }), { success: !0 };
-          }
-          const a = t.creatives.find((o) => o.type === "companion");
-          d.debug(a, "companion");
-          const u = (R = (S = (T = (A = a == null ? void 0 : a.variations) == null ? void 0 : A[0]) == null ? void 0 : T.staticResources) == null ? void 0 : S[0]) == null ? void 0 : R.url, C = (h = (w = a == null ? void 0 : a.variations) == null ? void 0 : w[0]) == null ? void 0 : h.companionClickThroughURLTemplate;
-          if (u)
-            return await b(u), i.setKey(e, {
-              id: t.id || "",
-              url: e,
-              imageSrc: u,
-              adUrl: C
-            }), l.emit("exposedPauseAd", {
-              action: "loaded",
-              payload: {
-                id: t.id || ""
-              }
-            }), { success: !0 };
-        }
-      }
-    } catch (c) {
-      console.error("Error parsing VAST", c);
-    }
-    return { success: !1 };
-  }, []), i];
-};
-export {
-  j as useLoadGAMStatic
-};