@streamlayer/react-ui 1.28.3 → 1.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.28.3",
+  "version": "1.29.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -71,7 +71,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.216.1",
+    "@streamlayer/sl-eslib": "^5.218.0",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
@@ -80,19 +80,19 @@
     "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/react-polyfills": "^0.1.34",
-    "@streamlayer/feature-gamification": "^1.21.3",
-    "@streamlayer/sdk-web": "^1.14.7",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.53",
-    "@streamlayer/sdk-web-analytics": "^1.11.7",
-    "@streamlayer/sdk-web-api": "^1.12.7",
-    "@streamlayer/sdk-web-core": "^1.15.7",
-    "@streamlayer/sdk-web-interfaces": "^1.7.7",
-    "@streamlayer/sdk-web-features": "^1.0.74",
-    "@streamlayer/sdk-web-logger": "^1.0.74",
-    "@streamlayer/sdk-web-notifications": "^1.3.36",
-    "@streamlayer/sdk-web-storage": "^1.0.74",
-    "@streamlayer/sdk-web-types": "^1.14.7"
+    "@streamlayer/feature-gamification": "^1.22.0",
+    "@streamlayer/react-polyfills": "^0.1.35",
+    "@streamlayer/sdk-web-analytics": "^1.12.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.2.0",
+    "@streamlayer/sdk-web": "^1.15.0",
+    "@streamlayer/sdk-web-api": "^1.13.0",
+    "@streamlayer/sdk-web-core": "^1.16.0",
+    "@streamlayer/sdk-web-interfaces": "^1.7.8",
+    "@streamlayer/sdk-web-features": "^1.0.75",
+    "@streamlayer/sdk-web-logger": "^1.0.75",
+    "@streamlayer/sdk-web-notifications": "^1.3.37",
+    "@streamlayer/sdk-web-storage": "^1.0.75",
+    "@streamlayer/sdk-web-types": "^1.15.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -133,10 +133,10 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.18.7"
+    "@streamlayer/react": "^1.19.0"
   },
   "dependencies": {
-    "@dailymotion/vast-client": "^6.2.0",
+    "@dailymotion/vast-client": "^6.4.2",
     "@types/vast-client": "^3.0.4",
     "@types/vmap": "^2.2.4",
     "react-qr-code": "^2.0.16",

package/lib/app/webos/ui/Layout/index.d.ts

@@ -1,21 +0,0 @@
-import { Gamification } from '@streamlayer/feature-gamification';
-type SDKLayoutProps = {
-    gamification: Gamification & {
-        advertisement: Exclude<Gamification['advertisement'], undefined>;
-    };
-    sidebar?: React.ReactElement;
-    banner?: React.ReactNode;
-    video?: React.ReactNode;
-    uiState: {
-        promotionExternalAd?: boolean;
-        promotionSidebar?: boolean;
-        promotionOverlay?: boolean;
-        promotionNotification?: boolean;
-        promotionBanner?: boolean;
-        app?: boolean;
-        appNotification?: boolean;
-        onboardingNotification?: boolean;
-    };
-};
-export declare const SDKLayout: React.FC<SDKLayoutProps>;
-export {};

package/lib/app/webos/ui/Layout/index.js

@@ -1,78 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useRef as g, useCallback as N, useEffect as f } from "react";
-import { useStore as R } from "@streamlayer/react-polyfills";
-import { Container as S, ContentContainer as V, VideoContainer as A, AdContainer as k, AdLabel as z, VideoBox as E, VideoPlayer as L, Banner as j, Sidebar as I } from "./styles.js";
-const H = ({ gamification: b, sidebar: x, banner: y, video: C, uiState: h }) => {
-  var p, u;
-  const r = R(b.advertisement.$store), o = g(null), m = g(null), a = N(() => {
-    const e = m.current, i = o.current;
-    if (!e || !i)
-      return;
-    const { width: c, height: w } = e.getBoundingClientRect(), { width: B, height: v } = i.getBoundingClientRect();
-    (c > B || w > v) && (e.style.width === "100%" ? (e.style.height = "100%", e.style.width = "auto") : (e.style.width = "100%", e.style.height = "auto"));
-  }, []);
-  f(() => {
-    if (o.current) {
-      const e = new ResizeObserver((i) => {
-        for (const c of i)
-          c.contentBoxSize && a();
-      });
-      return e.observe(o.current), () => {
-        e.disconnect();
-      };
-    }
-    return () => {
-    };
-  }, [a]), f(a);
-  const s = h.promotionSidebar, d = h.promotionBanner, n = !!r.data;
-  return /* @__PURE__ */ l(
-    S,
-    {
-      style: { backgroundImage: `url(${(u = (p = r == null ? void 0 : r.data) == null ? void 0 : p.promotion) == null ? void 0 : u.backgroundImageLandscapeUrl})` },
-      className: "Container",
-      children: [
-        /* @__PURE__ */ l(
-          V,
-          {
-            className: "ContentContainer",
-            style: {
-              width: s ? "calc(100% - var(--sidebar-width-webos))" : "100%"
-            },
-            children: [
-              /* @__PURE__ */ l(
-                A,
-                {
-                  className: "VideoContainer",
-                  ref: o,
-                  style: {
-                    height: d ? "calc(100% - var(--banner-height))" : "100%",
-                    padding: n ? "20px 40px 0" : "0"
-                  },
-                  children: [
-                    n && /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(z, { children: "Ad" }) }),
-                    /* @__PURE__ */ t(E, { ref: m, className: "VideoBox", children: /* @__PURE__ */ t(L, { className: "VideoPlayer", children: C }) })
-                  ]
-                }
-              ),
-              n && /* @__PURE__ */ t(
-                j,
-                {
-                  className: "Banner",
-                  style: {
-                    height: d ? "var(--banner-height)" : "0px",
-                    paddingTop: n ? "10px" : "0px"
-                  },
-                  children: d && y
-                }
-              )
-            ]
-          }
-        ),
-        n && /* @__PURE__ */ t(I, { style: { width: s ? "var(--sidebar-width-webos)" : "0px" }, className: "Sidebar", children: s && x })
-      ]
-    }
-  );
-};
-export {
-  H as SDKLayout
-};

package/lib/app/webos/ui/Layout/styles.d.ts

@@ -1,11 +0,0 @@
-export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Sidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Banner: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const VideoContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdSquare: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdText: import('@linaria/react').StyledComponent<import('react').SVGTextElementAttributes<SVGTextElement> & Record<never, unknown>>;
-export declare const VideoBox: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const VideoPlayer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/app/webos/ui/Layout/styles.js

@@ -1,59 +0,0 @@
-import { styled as s } from "@linaria/react";
-const a = /* @__PURE__ */ s("div")({
-  name: "Container",
-  class: "c1obxisu",
-  propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
-  name: "ContentContainer",
-  class: "c1e373pc",
-  propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
-  name: "Sidebar",
-  class: "s17z6ieo",
-  propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
-  name: "Banner",
-  class: "b19343i2",
-  propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
-  name: "VideoContainer",
-  class: "v2g7ow7",
-  propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
-  name: "AdSquare",
-  class: "a1dsvt0d",
-  propsAsIs: !1
-}), d = /* @__PURE__ */ s("text")({
-  name: "AdText",
-  class: "aicz97j",
-  propsAsIs: !0
-}), p = /* @__PURE__ */ s("div")({
-  name: "VideoBox",
-  class: "vekop6u",
-  propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
-  name: "VideoPlayer",
-  class: "v10439jy",
-  propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
-  name: "AdContainer",
-  class: "atraheb",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ s("span")({
-  name: "AdLabel",
-  class: "a1uehkbk",
-  propsAsIs: !1
-});
-export {
-  l as AdContainer,
-  A as AdLabel,
-  i as AdSquare,
-  d as AdText,
-  t as Banner,
-  a as Container,
-  n as ContentContainer,
-  o as Sidebar,
-  p as VideoBox,
-  r as VideoContainer,
-  c as VideoPlayer
-};