@streamlayer/react 0.41.2 → 0.41.4

package/lib/es/auth.js

@@ -1,15 +1,11 @@
 import { useEffect as i } from "react";
-import { u as m } from "./app.js";
-import "react/jsx-runtime";
-import "./index2.js";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
-const n = ({ token: r, schema: o }) => {
-  const t = m();
+import { u as a } from "./app.js";
+const e = ({ token: r, schema: o }) => {
+  const t = a();
   return i(() => {
     r && o && t && t.authorizationBypass(o, r);
   }, [r, o, t]), null;
 };
 export {
-  n as StreamLayerLogin
+  e as StreamLayerLogin
 };

package/lib/es/gamification-feature.js

@@ -1,18 +1,4 @@
-import { s as g } from "./masters2.js";
-import "react/jsx-runtime";
-import "@nanostores/react";
-import "@streamlayer/sdk-web-types";
-import "react";
-import "react-countup";
-import "react-countdown-circle-timer";
-import "./index2.js";
-import "lodash.throttle";
-import "@streamlayer/sdk-web-interfaces";
-import "react-infinite-scroller";
-import "./index3.js";
-import "@streamlayer/sdk-web-notifications";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
+import { G as f } from "./masters2.js";
 export {
-  g as default
+  f as default
 };

package/lib/es/index.js

@@ -7,14 +7,10 @@ import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "@streamlayer/feature-gamification";
-import { S as c } from "./index2.js";
-import { S as v, u as D } from "./app.js";
-import "react/jsx-runtime";
-import "react";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
+import { S as L } from "./index2.js";
+import { S as u, u as x } from "./app.js";
 export {
-  c as StreamLayerProvider,
-  v as StreamLayerSDKReact,
-  D as useStreamLayer
+  L as StreamLayerProvider,
+  u as StreamLayerSDKReact,
+  x as useStreamLayer
 };

package/lib/es/index2.js

@@ -1,8 +1,8 @@
-import { jsx as T } from "react/jsx-runtime";
-import { createContext as d, useMemo as O, useEffect as a } from "react";
-import { useStreamLayerApp as c } from "./useStreamLayerApp.js";
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as c, useMemo as d, useEffect as T } from "react";
+import { useStreamLayerApp as O } from "./useStreamLayerApp.js";
 var B = /* @__PURE__ */ ((R) => (R[R.UNSET = 0] = "UNSET", R[R.CONNECTED = 1] = "CONNECTED", R[R.READY = 2] = "READY", R))(B || {});
-const Y = d({
+const f = c({
   status: 0,
   sdk: null
 }), P = ({
@@ -12,30 +12,30 @@ const Y = d({
   production: n = !0,
   autoEnable: S = !0,
   onDeepLinkHandled: A,
-  videoPlayerController: _
+  videoPlayerController: r
 }) => {
-  const e = c({
+  const e = O({
     sdkKey: R,
     plugins: E,
     production: n,
     autoEnable: S,
     onDeepLinkHandled: A,
-    videoPlayerController: _
-  }), G = O(() => e ? {
+    videoPlayerController: r
+  }), G = d(() => e ? {
     sdk: e,
     status: 2
     /* READY */
   } : { status: 1, sdk: null }, [e]);
-  return a(() => () => {
-    A && (e == null || e.removeDeepLinkHandler(A)), _ && (e == null || e.removeVideoPlayerController(_));
-  }, [e]), a(() => {
-    console.log("StreamLayerProvider mounted with props:", {
+  return T(() => () => {
+    A && (e == null || e.removeDeepLinkHandler(A)), r && (e == null || e.removeVideoPlayerController(r));
+  }, [e]), T(() => {
+    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
       sdkKey: !!R,
       onDeepLinkHandled: !!A,
-      videoPlayerController: !!_
+      videoPlayerController: !!r
     });
-  }, [R, A, _]), /* @__PURE__ */ T(Y.Provider, { value: G, children: t });
-}, f = {
+  }, [R, A, r]), /* @__PURE__ */ o(f.Provider, { value: G, children: t });
+}, D = {
   BG_TRANSPARENT: "rgba(0,0,0, .8)",
   BG_TRANSPARENT_VOTE_CONTAINER: "rgba(10, 14, 19, 0.8)",
   BG_TRANSPARENT_ITEM: "rgba(0, 0, 0, 0.7)",
@@ -64,7 +64,7 @@ const Y = d({
   GREY_PRIMARY: "#909395",
   DIVIDER_COLOR_SECONDARY: "#53565a",
   GREEN_PRIMARY_BTN: "#009B77"
-}, D = {
+}, Y = {
   PRIMARY_GREEN1: "#107D57",
   PRIMARY_GREEN2: "#006747",
   PRIMARY_GREEN3: "#1C4932",
@@ -86,7 +86,7 @@ const Y = d({
   NEUTRALS_GRAY8: "#53565A",
   NEUTRALS_GRAY9: "#25282A",
   NEUTRALS_BLACK: "#000000"
-}, s = Object.assign({}, f, D), r = {
+}, i = Object.assign({}, D, Y), _ = {
   REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
   SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
   COLOR: "#fff",
@@ -96,55 +96,56 @@ const Y = d({
   sm: 576,
   md: 768,
   lg: 992,
-  xl: 1215,
+  xl: 1200,
   xxl: 1440
-}, m = {
+}, l = {
   landscape: "landscape",
   portrait: "portrait"
-}, p = Object.keys(s).reduce((R, E) => {
-  const t = s[E];
+}, m = Object.keys(i).reduce((R, E) => {
+  const t = i[E];
   return `
     ${R}
     --color-${E.toLowerCase().replaceAll("_", "-")}: ${t};
   `;
-}, ""), o = (R) => (E) => `
+}, ""), a = (R) => (E) => `
   @media only screen and (${R}) {
     ${E}
   }
-`, C = (R, E) => (t) => `
+`, p = (R, E) => (t) => `
   @media only screen and (${R}) and (${E}) {
     ${t}
   }
-`, i = {
+`, s = {
   up: (R) => {
     const E = N[R];
-    return o(`min-width: ${E}px`);
+    return a(`min-width: ${E}px`);
   },
   down: (R) => {
     const E = N[R] - 1;
-    return o(`max-width: ${E}px`);
+    return a(`max-width: ${E}px`);
   },
   intermediate: (R, E) => {
     const t = N[R] - 1, n = N[E];
-    return C(`max-width: ${t}px`, `min-width: ${n}px`);
+    return p(`max-width: ${t}px`, `min-width: ${n}px`);
   },
   orientation: (R) => {
-    const E = m[R];
-    return o(`orientation: ${E}`);
+    const E = l[R];
+    return a(`orientation: ${E}`);
   }
 };
-`${p}${r.REGULAR}${r.REGULAR}${r.COLOR}${r.SERIF}${r.WEIGHT_DEFAULT}${i.down("xl")`
+`${m}${_.REGULAR}${_.REGULAR}${_.COLOR}${_.SERIF}${_.WEIGHT_DEFAULT}${s.down("xl")`
     --header-offset: 56px;
-  `}${i.intermediate("xl", "lg")`
+    --watch-live-header: 46px;
+  `}${s.intermediate("xl", "lg")`
     --header-offset: 76px;
   `}`;
-const u = "StreamLayerCSSReset", F = "ttkj0ah", U = ({ children: R, style: E }) => /* @__PURE__ */ T("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ T("div", { className: F, style: E, children: R }) });
+const U = "StreamLayerCSSReset", x = "ttkj0ah", u = ({ children: R, style: E }) => /* @__PURE__ */ o("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ o("div", { className: x, style: E, children: R }) });
 export {
-  s as E,
+  i as E,
   N as O,
   P as S,
-  Y as a,
+  f as a,
   B as b,
-  u as m,
+  u as i,
   U as p
 };

package/lib/es/masters.js

@@ -1,19 +1,8 @@
 import "react/jsx-runtime";
 import "./index2.js";
-import { M as v, a as x } from "./masters2.js";
+import { M as o, a as s } from "./masters2.js";
 import "react";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
-import "@nanostores/react";
-import "lodash.throttle";
-import "@streamlayer/sdk-web-interfaces";
-import "@streamlayer/sdk-web-types";
-import "./index3.js";
-import "react-countup";
-import "react-countdown-circle-timer";
-import "react-infinite-scroller";
-import "@streamlayer/sdk-web-notifications";
 export {
-  v as MastersStreamLayerProvider,
-  x as MastersStreamLayerSDKReact
+  o as MastersStreamLayerProvider,
+  s as MastersStreamLayerSDKReact
 };