@streamlayer/react 0.37.0 → 0.38.0

package/lib/es/index2.js

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

package/lib/es/masters.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./index2.js";
-import { M as c, e as d } from "./masters2.js";
+import { M as c, f as d } from "./masters2.js";
 import "react";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
@@ -8,6 +8,7 @@ import "@streamlayer/sdk-web-types";
 import "@nanostores/react";
 import "@streamlayer/sdk-web-interfaces";
 import "./useSdkFeature.js";
+import "react-countup";
 import "@streamlayer/sdk-web-notifications";
 import "lodash.throttle";
 export {