@streamlayer/react 0.37.1 → 0.39.0

package/lib/es/index2.js

@@ -1,24 +1,25 @@
-import { jsx as N } from "react/jsx-runtime";
-import { createContext as s, useMemo as i } from "react";
-import { useStreamLayerApp as S } from "./useStreamLayerApp.js";
-var G = /* @__PURE__ */ ((R) => (R[R.UNSET = 0] = "UNSET", R[R.CONNECTED = 1] = "CONNECTED", R[R.READY = 2] = "READY", R))(G || {});
-const d = s({
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as S, useMemo as d } from "react";
+import { useStreamLayerApp as G } from "./useStreamLayerApp.js";
+var O = /* @__PURE__ */ ((R) => (R[R.UNSET = 0] = "UNSET", R[R.CONNECTED = 1] = "CONNECTED", R[R.READY = 2] = "READY", R))(O || {});
+const D = S({
   status: 0,
   sdk: null
 }), I = ({
   sdkKey: R,
   plugins: E,
   children: e,
-  production: r = !0,
-  autoEnable: o = !0
+  production: _ = !0,
+  autoEnable: s = !0,
+  onDeepLinkHandled: N
 }) => {
-  const _ = S(R, E, r, o), T = i(() => _ ? {
-    sdk: _,
+  const A = G(R, E, _, s), i = d(() => A ? (N && A.onDeepLinkHandled(N), {
+    sdk: A,
     status: 2
     /* READY */
-  } : { status: 1, sdk: null }, [_]);
-  return /* @__PURE__ */ N(d.Provider, { value: T, children: e });
-}, O = {
+  }) : { status: 1, sdk: null }, [A]);
+  return /* @__PURE__ */ a(D.Provider, { value: i, children: e });
+}, c = {
   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)",
@@ -47,7 +48,7 @@ const d = s({
   GREY_PRIMARY: "#909395",
   DIVIDER_COLOR_SECONDARY: "#53565a",
   GREEN_PRIMARY_BTN: "#009B77"
-}, D = {
+}, B = {
   PRIMARY_GREEN1: "#107D57",
   PRIMARY_GREEN2: "#006747",
   PRIMARY_GREEN3: "#1C4932",
@@ -69,22 +70,23 @@ const d = s({
   NEUTRALS_GRAY8: "#53565A",
   NEUTRALS_GRAY9: "#25282A",
   NEUTRALS_BLACK: "#000000"
-}, a = Object.assign({}, O, D), A = {
+}, o = Object.assign({}, c, B), t = {
   REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
   SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
   COLOR: "#fff",
   WEIGHT_DEFAULT: "500"
-}, t = {
+}, r = {
+  xs: 324,
   sm: 576,
   md: 768,
   lg: 992,
-  xl: 1200,
-  xxl: 1400
-}, c = {
+  xl: 1215,
+  xxl: 1440
+}, Y = {
   landscape: "landscape",
   portrait: "portrait"
-}, B = Object.keys(a).reduce((R, E) => {
-  const e = a[E];
+}, l = Object.keys(o).reduce((R, E) => {
+  const e = o[E];
   return `
     ${R}
     --color-${E.toLowerCase().replaceAll("_", "-")}: ${e};
@@ -93,38 +95,40 @@ const d = s({
   @media only screen and (${R}) {
     ${E}
   }
-`, Y = (R, E) => (e) => `
+`, C = (R, E) => (e) => `
   @media only screen and (${R}) and (${E}) {
     ${e}
   }
-`, l = {
+`, T = {
   up: (R) => {
-    const E = t[R];
+    const E = r[R];
     return n(`min-width: ${E}px`);
   },
   down: (R) => {
-    const E = t[R] - 1;
+    const E = r[R] - 1;
     return n(`max-width: ${E}px`);
   },
   intermediate: (R, E) => {
-    const e = t[R] - 1, r = t[E];
-    return Y(`max-width: ${e}px`, `min-width: ${r}px`);
+    const e = r[R] - 1, _ = r[E];
+    return C(`max-width: ${e}px`, `min-width: ${_}px`);
   },
   orientation: (R) => {
-    const E = c[R];
+    const E = Y[R];
     return n(`orientation: ${E}`);
   }
 };
-`${B}${A.REGULAR}${A.REGULAR}${A.COLOR}${A.SERIF}${A.WEIGHT_DEFAULT}${l.down("xl")`
+`${l}${t.REGULAR}${t.REGULAR}${t.COLOR}${t.SERIF}${t.WEIGHT_DEFAULT}${T.down("xl")`
     --header-offset: 56px;
+  `}${T.intermediate("xl", "lg")`
+    --header-offset: 76px;
   `}`;
-const f = "StreamLayerCSSReset", C = "ttkj0ah", L = ({ children: R, style: E }) => /* @__PURE__ */ N("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ N("div", { className: C, style: E, children: R }) });
+const x = "StreamLayerCSSReset", f = "ttkj0ah", L = ({ children: R, style: E }) => /* @__PURE__ */ a("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ a("div", { className: f, style: E, children: R }) });
 export {
-  a as E,
-  t as O,
+  o as E,
+  r as O,
   I as S,
-  d as a,
-  G as b,
-  f as m,
+  D as a,
+  O as b,
+  x as m,
   L as p
 };

package/lib/es/masters.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./index2.js";
-import { M as d, e as f } from "./masters2.js";
+import { M as d, g as f } from "./masters2.js";
 import "react";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";