@streamlayer/react 0.40.1 → 0.40.2

package/lib/es/index2.js

@@ -1,28 +1,41 @@
 import { jsx as T } from "react/jsx-runtime";
-import { createContext as G, useMemo as d, useEffect as O } from "react";
+import { createContext as d, useMemo as O, useEffect as a } from "react";
 import { useStreamLayerApp as c } from "./useStreamLayerApp.js";
-var f = /* @__PURE__ */ ((R) => (R[R.UNSET = 0] = "UNSET", R[R.CONNECTED = 1] = "CONNECTED", R[R.READY = 2] = "READY", R))(f || {});
-const B = G({
+var B = /* @__PURE__ */ ((R) => (R[R.UNSET = 0] = "UNSET", R[R.CONNECTED = 1] = "CONNECTED", R[R.READY = 2] = "READY", R))(B || {});
+const Y = d({
   status: 0,
   sdk: null
 }), P = ({
   sdkKey: R,
   plugins: E,
-  children: A,
+  children: t,
   production: n = !0,
-  autoEnable: s = !0,
-  onDeepLinkHandled: _,
-  videoPlayerController: r
+  autoEnable: S = !0,
+  onDeepLinkHandled: A,
+  videoPlayerController: _
 }) => {
-  const e = c(R, E, n, s), S = d(() => e ? (r && e.addVideoPlayerController(r), _ && e.addDeepLinkHandler(_), {
+  const e = c({
+    sdkKey: R,
+    plugins: E,
+    production: n,
+    autoEnable: S,
+    onDeepLinkHandled: A,
+    videoPlayerController: _
+  }), G = O(() => e ? {
     sdk: e,
     status: 2
     /* READY */
-  }) : { status: 1, sdk: null }, [e]);
-  return O(() => () => {
-    _ && (e == null || e.removeDeepLinkHandler(_)), r && (e == null || e.removeVideoPlayerController(r));
-  }, [e]), /* @__PURE__ */ T(B.Provider, { value: S, children: A });
-}, D = {
+  } : { 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:", {
+      sdkKey: !!R,
+      onDeepLinkHandled: !!A,
+      videoPlayerController: !!_
+    });
+  }, [R, A, _]), /* @__PURE__ */ T(Y.Provider, { value: G, children: t });
+}, f = {
   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)",
@@ -51,7 +64,7 @@ const B = G({
   GREY_PRIMARY: "#909395",
   DIVIDER_COLOR_SECONDARY: "#53565a",
   GREEN_PRIMARY_BTN: "#009B77"
-}, Y = {
+}, D = {
   PRIMARY_GREEN1: "#107D57",
   PRIMARY_GREEN2: "#006747",
   PRIMARY_GREEN3: "#1C4932",
@@ -73,7 +86,7 @@ const B = G({
   NEUTRALS_GRAY8: "#53565A",
   NEUTRALS_GRAY9: "#25282A",
   NEUTRALS_BLACK: "#000000"
-}, o = Object.assign({}, D, Y), t = {
+}, s = Object.assign({}, f, D), r = {
   REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
   SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
   COLOR: "#fff",
@@ -85,53 +98,53 @@ const B = G({
   lg: 992,
   xl: 1215,
   xxl: 1440
-}, C = {
+}, m = {
   landscape: "landscape",
   portrait: "portrait"
-}, l = Object.keys(o).reduce((R, E) => {
-  const A = o[E];
+}, p = Object.keys(s).reduce((R, E) => {
+  const t = s[E];
   return `
     ${R}
-    --color-${E.toLowerCase().replaceAll("_", "-")}: ${A};
+    --color-${E.toLowerCase().replaceAll("_", "-")}: ${t};
   `;
-}, ""), a = (R) => (E) => `
+}, ""), o = (R) => (E) => `
   @media only screen and (${R}) {
     ${E}
   }
-`, p = (R, E) => (A) => `
+`, C = (R, E) => (t) => `
   @media only screen and (${R}) and (${E}) {
-    ${A}
+    ${t}
   }
 `, i = {
   up: (R) => {
     const E = N[R];
-    return a(`min-width: ${E}px`);
+    return o(`min-width: ${E}px`);
   },
   down: (R) => {
     const E = N[R] - 1;
-    return a(`max-width: ${E}px`);
+    return o(`max-width: ${E}px`);
   },
   intermediate: (R, E) => {
-    const A = N[R] - 1, n = N[E];
-    return p(`max-width: ${A}px`, `min-width: ${n}px`);
+    const t = N[R] - 1, n = N[E];
+    return C(`max-width: ${t}px`, `min-width: ${n}px`);
   },
   orientation: (R) => {
-    const E = C[R];
-    return a(`orientation: ${E}`);
+    const E = m[R];
+    return o(`orientation: ${E}`);
   }
 };
-`${l}${t.REGULAR}${t.REGULAR}${t.COLOR}${t.SERIF}${t.WEIGHT_DEFAULT}${i.down("xl")`
+`${p}${r.REGULAR}${r.REGULAR}${r.COLOR}${r.SERIF}${r.WEIGHT_DEFAULT}${i.down("xl")`
     --header-offset: 56px;
   `}${i.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", F = "ttkj0ah", U = ({ children: R, style: E }) => /* @__PURE__ */ T("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ T("div", { className: F, style: E, children: R }) });
 export {
-  o as E,
+  s as E,
   N as O,
   P as S,
-  B as a,
-  f as b,
-  U as m,
-  u as p
+  Y as a,
+  B as b,
+  u as m,
+  U as p
 };