@streamlayer/react 0.41.1 → 0.41.3

package/lib/es/index2.js

@@ -1,41 +1,41 @@
-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 = ({
   sdkKey: R,
   plugins: E,
   children: t,
-  production: n = !0,
+  production: a = !0,
   autoEnable: S = !0,
   onDeepLinkHandled: A,
-  videoPlayerController: _
+  videoPlayerController: r
 }) => {
-  const e = c({
+  const e = O({
     sdkKey: R,
     plugins: E,
-    production: n,
+    production: a,
     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 = {
+}, p = {
   landscape: "landscape",
   portrait: "portrait"
-}, p = Object.keys(s).reduce((R, E) => {
-  const t = s[E];
+}, l = Object.keys(i).reduce((R, E) => {
+  const t = i[E];
   return `
     ${R}
     --color-${E.toLowerCase().replaceAll("_", "-")}: ${t};
   `;
-}, ""), o = (R) => (E) => `
+}, ""), n = (R) => (E) => `
   @media only screen and (${R}) {
     ${E}
   }
-`, C = (R, E) => (t) => `
+`, m = (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 n(`min-width: ${E}px`);
   },
   down: (R) => {
     const E = N[R] - 1;
-    return o(`max-width: ${E}px`);
+    return n(`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`);
+    const t = N[R] - 1, a = N[E];
+    return m(`max-width: ${t}px`, `min-width: ${a}px`);
   },
   orientation: (R) => {
-    const E = m[R];
-    return o(`orientation: ${E}`);
+    const E = p[R];
+    return n(`orientation: ${E}`);
   }
 };
-`${p}${r.REGULAR}${r.REGULAR}${r.COLOR}${r.SERIF}${r.WEIGHT_DEFAULT}${i.down("xl")`
+`${l}${_.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 p
+  U as c,
+  u as p
 };