@streamlayer/react-ui 1.22.1 → 1.22.2

package/lib/app/masters/BetPack/styles.js

@@ -1,24 +1,19 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("button")({
-  name: "ScreenButton",
-  class: "s1pdy82n",
-  propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+const n = /* @__PURE__ */ s("div")({
   name: "ScreenTitle",
-  class: "spc0iwi",
+  class: "s1pdy82n",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "ScreenDescription",
-  class: "s18vssq2",
+  class: "spc0iwi",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "BetPackContainer",
-  class: "blelwov",
+  class: "b18vssq2",
   propsAsIs: !1
 });
 export {
-  o as BetPackContainer,
-  n as ScreenButton,
+  i as BetPackContainer,
   c as ScreenDescription,
-  t as ScreenTitle
+  n as ScreenTitle
 };

package/lib/app/masters/Features/Gamification/Tabs.js

@@ -3,7 +3,7 @@ import { TabsContainer as s, SDKWhiteContainer as m, UserSummaryContainer as i,
 import { QuestionsList as u } from "./QuestionsList.js";
 import { UserSummary as a } from "./UserSummary.js";
 const h = ({ gamification: r, className: t, style: o }) => /* @__PURE__ */ n(s, { className: t, style: o, children: [
-  /* @__PURE__ */ e(m, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(a, { userSummary: r.userSummary }) }) }),
+  /* @__PURE__ */ e(m, { style: { paddingTop: "16px" }, children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(a, { userSummary: r.userSummary }) }) }),
   /* @__PURE__ */ e(p, { style: { flex: 1 }, children: /* @__PURE__ */ e(u, { openQuestion: r.openQuestion, store: r.feedList.getStore() }) })
 ] });
 export {

package/lib/app/masters/masters.js

@@ -1,99 +1,90 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { cx as A } from "@linaria/core";
-import { SDKContainer as E, SDKScrollContainer as L } from "./styles.js";
-import { useSdkScroll as M } from "./useSdkScroll.js";
-import { useSdkFeature as N } from "../useSdkFeature.js";
-import { useAnalyticsListener as h, newTabLinkListener as F } from "../../hooks/analytics.js";
-import x from "lodash.throttle";
-import { useState as b, useMemo as y, useCallback as C, useRef as p, useEffect as S } from "react";
+import { SDKContainer as N, SDKScrollContainer as b } from "./styles.js";
+import { useSdkScroll as h } from "./useSdkScroll.js";
+import { useSdkFeature as x } from "../useSdkFeature.js";
+import { useAnalyticsListener as d, newTabLinkListener as v } from "../../hooks/analytics.js";
+import { useState as y, useMemo as C, useCallback as P, useRef as p, useEffect as S } from "react";
 import { useStore as m } from "@streamlayer/react-polyfills";
-import { FeatureType as w } from "@streamlayer/sdk-web-types";
+import { FeatureType as F } from "@streamlayer/sdk-web-types";
 import { resetCss as u } from "../../ui/theme/theme.js";
-import { BetPackOverlay as I } from "./BetPack/index.js";
-import { ActiveFeature as P, StandaloneFeature as z } from "./Features/index.js";
-import { SDKHeader as g } from "./Header/index.js";
-import { SDKNotifications as B } from "./Notifications/index.js";
-import { MastersContext as D } from "./useMastersContext.js";
-import { checkSdkInDesktopView as d, getScreenSize as v, useSdkResponsive as K } from "./useSdkResponsive.js";
-import { StreamLayerMastersThemeProvider as ae } from "../../ui/theme/masters.js";
-const G = ({ sdk: e, className: t }) => {
-  const [, r] = N(e);
-  return /* @__PURE__ */ a(P, { className: t, feature: r, sdk: e });
-}, O = ({ sdk: e, className: t, appNode: r, responsiveStore: i }) => {
-  const n = m(e.featuresList.getStore());
-  return n ? Array.from(n, (o) => {
-    const c = e.getFeature(o);
-    return c ? /* @__PURE__ */ a(
-      z,
+import { BetPackOverlay as E } from "./BetPack/index.js";
+import { ActiveFeature as L, StandaloneFeature as M } from "./Features/index.js";
+import { SDKHeader as B } from "./Header/index.js";
+import { SDKNotifications as I } from "./Notifications/index.js";
+import { MastersContext as g } from "./useMastersContext.js";
+import { useSdkResponsive as D } from "./useSdkResponsive.js";
+import { StreamLayerMastersThemeProvider as re } from "../../ui/theme/masters.js";
+const K = ({ sdk: e, className: t }) => {
+  const [, n] = x(e);
+  return /* @__PURE__ */ o(L, { className: t, feature: n, sdk: e });
+}, w = ({ sdk: e, className: t, appNode: n, responsiveStore: c }) => {
+  const l = m(e.featuresList.getStore());
+  return l ? Array.from(l, (s) => {
+    const a = e.getFeature(s);
+    return a ? /* @__PURE__ */ o(
+      M,
       {
-        responsiveStore: i,
+        responsiveStore: c,
         className: t,
-        appNode: r,
-        feature: c,
+        appNode: n,
+        feature: a,
         sdk: e
       },
-      o
+      s
     ) : null;
   }) : null;
-}, R = (e) => {
-  const [t, r] = b(!d(v().size)), i = p(null);
-  return S(() => {
-    const n = x(() => {
-      const o = v();
-      r(!d(o.size));
-    }, 200);
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n);
-    };
-  }, []), h(i, { enabled: !0, event: "click", listener: F }), /* @__PURE__ */ a(I, { ref: i, ...e, isMobile: t });
-}, j = ({ sdk: e }) => {
-  const t = p(null), r = m(e.status), i = m(e.sdkStore.slStreamId), n = p(null), [o] = K(t), [c, l] = M(t, o), s = r === "ready" && !!i.data;
+}, G = (e) => {
+  const t = p(null);
+  return d(t, { enabled: !0, event: "click", listener: v }), /* @__PURE__ */ o(E, { ref: t, ...e });
+}, O = ({ sdk: e }) => {
+  const t = p(null), n = m(e.status), c = m(e.sdkStore.slStreamId), l = p(null), [s] = D(t), [a, i] = h(t, s), r = n === "ready" && !!c.data;
   return S(() => {
     window.requestAnimationFrame(() => {
       e.initializeApp().then(() => {
-        e.openFeature(w.GAMES);
+        e.openFeature(F.GAMES);
       });
     });
-  }, [e]), h(t, { enabled: !0, event: "click", listener: F }), S(() => {
+  }, [e]), d(t, { enabled: !0, event: "click", listener: v }), S(() => {
     import("./Features/Gamification/gamification-feature.js");
-  }, []), /* @__PURE__ */ f(E, { ref: t, children: [
-    /* @__PURE__ */ a(g, { className: A(u), ref: n }),
-    /* @__PURE__ */ f(L, { className: "sl-hide-on-modal", ref: c, children: [
-      s && /* @__PURE__ */ a(
-        B,
+  }, []), /* @__PURE__ */ f(N, { ref: t, children: [
+    /* @__PURE__ */ o(B, { className: A(u), ref: l }),
+    /* @__PURE__ */ f(b, { className: "sl-hide-on-modal", ref: a, children: [
+      r && /* @__PURE__ */ o(
+        I,
         {
           sdk: e,
-          scrollNode: c,
-          headerNode: n,
+          scrollNode: a,
+          headerNode: l,
           appNode: t,
-          scrollStore: l,
-          responsiveStore: o
+          scrollStore: i,
+          responsiveStore: s
         }
       ),
-      s && /* @__PURE__ */ a(G, { className: u, sdk: e }),
-      s && /* @__PURE__ */ a(O, { responsiveStore: o, appNode: t, className: u, sdk: e })
+      r && /* @__PURE__ */ o(K, { className: u, sdk: e }),
+      r && /* @__PURE__ */ o(w, { responsiveStore: s, appNode: t, className: u, sdk: e })
     ] })
   ] });
-}, oe = ({ sdk: e, betPack: t }) => {
-  const [r, i] = b(t), o = !!m(e.userId()), c = y(() => ({ sdk: e }), [e]), l = C(() => {
-    i(!1);
-    const s = e == null ? void 0 : e.getFeature(w.GAMES);
-    s == null || s.closeQuestion();
+}, k = ({ sdk: e, betPack: t }) => {
+  const [n, c] = y(t), s = !!m(e.userId()), a = C(() => ({ sdk: e }), [e]), i = P(() => {
+    c(!1);
+    const r = e == null ? void 0 : e.getFeature(F.GAMES);
+    r == null || r.closeQuestion();
   }, [e]);
-  return /* @__PURE__ */ f(D.Provider, { value: c, children: [
-    r && o && /* @__PURE__ */ a(
-      R,
+  return /* @__PURE__ */ f(g.Provider, { value: a, children: [
+    n && s && /* @__PURE__ */ o(
+      G,
       {
         sdk: e,
-        onEvent: ({ type: s }) => s === "slOpenGameCenter" ? l() : () => {
+        onEvent: ({ type: r }) => r === "slOpenGameCenter" ? i() : () => {
         },
-        close: () => l()
+        close: () => i()
       }
     ),
-    !r && /* @__PURE__ */ a(j, { sdk: e })
+    !n && /* @__PURE__ */ o(O, { sdk: e })
   ] });
 };
 export {
-  oe as MastersApp,
-  ae as StreamLayerMastersThemeProvider
+  k as MastersApp,
+  re as StreamLayerMastersThemeProvider
 };

package/lib/app/masters/useSdkResponsive.d.ts

@@ -10,8 +10,6 @@ type ResponsiveData = {
     sdkInView: boolean;
     sdkInDesktopView: boolean;
 };
-export declare const getScreenSize: () => ResponsiveData["screen"];
-export declare const checkSdkInDesktopView: (screenSize: number) => boolean;
 export type ResponsiveStore = MapStore<ResponsiveData>;
 export declare const useSdkResponsive: (appNode: AppNodeRef) => [ResponsiveStore];
 export {};

package/lib/app/masters/useSdkResponsive.js

@@ -41,7 +41,5 @@ const d = Object.keys(r), i = () => {
   }, [e, n]), [e];
 };
 export {
-  k as checkSdkInDesktopView,
-  i as getScreenSize,
   v as useSdkResponsive
 };