@streamlayer/react 0.25.1 → 0.26.1

package/lib/es/masters.js

@@ -1,394 +1,382 @@
-import { jsx as t, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { s as o, Y as y, o as E, X as w, f as C, x as Q, u as F, v as O, h as b, p as R, d as M, j as q, e as G, S as H, a as N, b as j } from "../provider-a6b36c89.js";
-import { useState as h, useMemo as B, useCallback as D, useEffect as L, useContext as P } from "react";
-import { QuestionType as T, FeatureType as A } from "@streamlayer/sdk-web-types";
-import { useStore as d } from "@nanostores/react";
-import { FeatureStatus as v } from "@streamlayer/sdk-web-interfaces";
-import "react-countdown-circle-timer";
+import { jsx as a, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import { useState as v, useMemo as E, useCallback as C, useEffect as L, useContext as O } from "react";
+import { s as r, q as y, o as Q, Y as w, e as R, x as F, u as M, v as q, h as b, g as G, i as H, j as N, r as $, k as D, l as j, m as P, f as I, S as T, a as B, b as z, p as Y } from "../index-98298310.js";
 import "react-auth-code-input";
 import "react-phone-number-input";
 import "@connectrpc/connect";
 import "@connectrpc/connect-web";
 import "@streamlayer/sl-eslib/users/users_connect";
+import "react-countdown-circle-timer";
+import { QuestionType as K, FeatureType as x } from "@streamlayer/sdk-web-types";
+import { FeatureStatus as h } from "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
+import { useStore as p } from "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
+import "./useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
 import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
 import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
 import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
 import "@streamlayer/sl-eslib/sports/events/events_connect";
 import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
-const _ = ({
-  feature: e,
-  sdk: s,
-  children: n
-}) => {
-  const r = d(e.status), { slStreamId: a } = d(s.sdkStore);
-  return a != null && a.loading ? /* @__PURE__ */ t("div", { children: "event is loading..." }) : a != null && a.data ? r !== v.Ready ? /* @__PURE__ */ t("div", { children: "wait feature..." }) : n : /* @__PURE__ */ t("div", { children: "event is forbidden..." });
+const _ = ({ feature: e, sdk: s, children: t, className: n }) => {
+  const l = p(e.status), { slStreamId: o } = p(s.sdkStore);
+  return o != null && o.loading ? /* @__PURE__ */ a("div", { className: n, children: "event is loading..." }) : o != null && o.data ? l !== h.Ready ? /* @__PURE__ */ a("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ a("div", { className: n, children: "event is forbidden..." });
 };
-const z = () => x, Y = /* @__PURE__ */ o("div")({
-  name: "i",
-  class: "idhrx8x",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ o("div")({
-  name: "r",
-  class: "r1k6v4ep",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ o("div")({
-  name: "t",
-  class: "t1v8kucd",
-  propsAsIs: !1
-}), U = /* @__PURE__ */ o(z())({
-  name: "o",
-  class: "o16yw7z1",
-  propsAsIs: !0
-});
-const X = /* @__PURE__ */ o("div")({
+const U = /* @__PURE__ */ r("div")({
   name: "n",
   class: "n1aopxp8",
   propsAsIs: !1
-}), K = ({
+}), W = ({
   children: e,
   style: s,
-  className: n
-}) => /* @__PURE__ */ t(X, {
+  className: t
+}) => /* @__PURE__ */ a(U, {
   style: s,
-  className: n,
+  className: t,
   children: e
 });
-const W = () => y, J = () => y, V = /* @__PURE__ */ o("div")({
+const J = () => y, V = () => y, X = /* @__PURE__ */ r("div")({
   name: "a",
   class: "acysrl1",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ o("div")({
+}), Z = /* @__PURE__ */ r("div")({
   name: "l",
   class: "lo57cjm",
   propsAsIs: !1
-}), ee = /* @__PURE__ */ o(W())({
+}), ee = /* @__PURE__ */ r(J())({
   name: "p",
   class: "p14kwh4y",
   propsAsIs: !0
-}), se = /* @__PURE__ */ o("span")({
+}), se = /* @__PURE__ */ r("span")({
   name: "s",
   class: "sxun7sq",
   propsAsIs: !1
-}), te = /* @__PURE__ */ o("button")({
+}), ae = /* @__PURE__ */ r("button")({
   name: "c",
   class: "c1i8ida8",
   propsAsIs: !1
-}), ne = /* @__PURE__ */ o(J())({
+}), te = /* @__PURE__ */ r(V())({
   name: "g",
   class: "g1m0xfmw",
   propsAsIs: !0
-}), ae = ({ type: e, close: s }) => {
-  const n = E[e];
-  return /* @__PURE__ */ c(V, { children: [
+}), ne = ({ type: e, close: s }) => {
+  const t = Q[e];
+  return /* @__PURE__ */ c(X, { children: [
     /* @__PURE__ */ c(Z, { children: [
-      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ t(ee, { name: n.iconName }),
-      (n == null ? void 0 : n.label) && /* @__PURE__ */ t(se, { children: n.label })
+      (t == null ? void 0 : t.iconName) && /* @__PURE__ */ a(ee, { name: t.iconName }),
+      (t == null ? void 0 : t.label) && /* @__PURE__ */ a(se, { children: t.label })
     ] }),
-    /* @__PURE__ */ t(te, { onClick: s, children: /* @__PURE__ */ t(ne, { name: "icon-cross" }) })
+    /* @__PURE__ */ a(ae, { onClick: s, children: /* @__PURE__ */ a(te, { name: "icon-cross" }) })
   ] });
 };
-const oe = /* @__PURE__ */ o("div")({
+const oe = /* @__PURE__ */ r("div")({
   name: "r",
   class: "ruyb9yw",
   propsAsIs: !1
-}), re = /* @__PURE__ */ o("img")({
+}), re = /* @__PURE__ */ r("img")({
   name: "i",
   class: "imbcgl0",
   propsAsIs: !1
-}), ie = ({
+}), le = ({
   sponsorLogo: e
-}) => e && /* @__PURE__ */ t(oe, {
-  children: /* @__PURE__ */ t(re, {
+}) => e && /* @__PURE__ */ a(oe, {
+  children: /* @__PURE__ */ a(re, {
     alt: "sponsor-logo",
     src: e
   })
 });
-const le = /* @__PURE__ */ o("div")({
+const ie = /* @__PURE__ */ r("div")({
   name: "x",
   class: "xk8r1eq",
   propsAsIs: !1
 }), ce = ({
   openedQuestion: e,
   closeQuestion: s,
-  vote: n
+  vote: t
 }) => {
-  var r;
-  return /* @__PURE__ */ c(le, {
-    children: [/* @__PURE__ */ t(ae, {
+  var n;
+  return /* @__PURE__ */ c(ie, {
+    children: [/* @__PURE__ */ a(ne, {
       close: s,
-      type: (e == null ? void 0 : e.type) || T.UNSET
-    }), e && /* @__PURE__ */ t(w, {
-      vote: n,
+      type: (e == null ? void 0 : e.type) || K.UNSET
+    }), e && /* @__PURE__ */ a(w, {
+      vote: t,
       openedQuestion: e
-    }), /* @__PURE__ */ t(ie, {
-      sponsorLogo: (r = e == null ? void 0 : e.sponsorship) == null ? void 0 : r.logo
+    }), /* @__PURE__ */ a(le, {
+      sponsorLogo: (n = e == null ? void 0 : e.sponsorship) == null ? void 0 : n.logo
     })]
   });
 }, de = ({ leaderboardList: e }) => {
-  const { data: s } = d(e.$store), [n, r] = h(void 0), a = (l) => {
-    const i = s.find((p) => p.userId === l);
-    r(i);
+  const { data: s } = p(e.$store), [t, n] = v(void 0), l = (o) => {
+    const i = s.find((d) => d.userId === o);
+    n(i);
   };
   return /* @__PURE__ */ c(g, { children: [
-    n && /* @__PURE__ */ t(C, { comeBack: () => a(null), ...n }),
-    !n && /* @__PURE__ */ t(Q, { fetchMore: e.fetchMore, items: s, openItemDetail: a })
+    t && /* @__PURE__ */ a(R, { comeBack: () => l(null), ...t }),
+    !t && /* @__PURE__ */ a(F, { fetchMore: e.fetchMore, items: s, openItemDetail: l })
   ] });
 }, pe = ({ store: e, openQuestion: s }) => {
-  const n = d(e);
-  return n != null && n.data ? /* @__PURE__ */ t(F, { openQuestion: s, questions: n.data }) : /* @__PURE__ */ t("div", { children: "wait questions..." });
+  const t = p(e);
+  return t != null && t.data ? /* @__PURE__ */ a(M, { openQuestion: s, questions: t.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
 }, ue = ({ store: e }) => {
-  const { data: s } = d(e);
-  return s != null && s.summary ? /* @__PURE__ */ t(O, { ...s.summary, ...s.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
+  const { data: s } = p(e);
+  return s != null && s.summary ? /* @__PURE__ */ a(q, { ...s.summary, ...s.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
 }, me = ({ gamification: e }) => {
-  const [s, n] = h(b.HOME);
+  const [s, t] = v(b.HOME);
   return /* @__PURE__ */ c(g, { children: [
-    /* @__PURE__ */ c(U, { children: [
-      /* @__PURE__ */ t(R, { activePage: s, toggleActivePage: n }),
-      s === b.HOME && /* @__PURE__ */ t(ue, { store: e.userSummary.getStore() })
+    /* @__PURE__ */ c(G, { children: [
+      /* @__PURE__ */ a(H, { activePage: s, toggleActivePage: t }),
+      s === b.HOME && /* @__PURE__ */ a(ue, { store: e.userSummary.getStore() })
     ] }),
-    s === b.HOME && /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(pe, { openQuestion: e.openQuestion, store: e.questions.getStore() }) }),
-    s === b.LEADERBOARD && /* @__PURE__ */ t(x, { style: { flex: "1 1 auto" }, children: /* @__PURE__ */ t(de, { leaderboardList: e.leaderboardList }) })
+    s === b.HOME && /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(pe, { openQuestion: e.openQuestion, store: e.questions.getStore() }) }),
+    s === b.LEADERBOARD && /* @__PURE__ */ a(N, { style: { flex: "1 1 auto" }, children: /* @__PURE__ */ a(de, { leaderboardList: e.leaderboardList }) })
   ] });
 };
-const ve = () => K, he = /* @__PURE__ */ o(ve())({
-  name: "u",
-  class: "u1ph66cs",
+const he = () => W, ve = /* @__PURE__ */ r(he())({
+  name: "c",
+  class: "c1ph66cs",
   propsAsIs: !0
 }), fe = ({
-  gamification: e
+  gamification: e,
+  className: s
 }) => {
   const {
-    loading: s,
+    loading: t,
     data: n
-  } = d(e.openedQuestion);
+  } = p(e.openedQuestion);
   return /* @__PURE__ */ c(g, {
-    children: [(s || n) && /* @__PURE__ */ t(he, {
-      children: /* @__PURE__ */ t(ce, {
+    children: [(t || n) && /* @__PURE__ */ a(ve, {
+      className: s,
+      children: /* @__PURE__ */ a(ce, {
         closeQuestion: e.closeQuestion,
         vote: e.submitAnswer,
         openedQuestion: n
       })
-    }), /* @__PURE__ */ t($, {
+    }), /* @__PURE__ */ a($, {
+      className: s,
       "data-nav": "true",
       style: {
         display: "flex",
         flexDirection: "column"
       },
-      children: /* @__PURE__ */ t(me, {
+      children: /* @__PURE__ */ a(me, {
         gamification: e
       })
     })]
   });
-}, ge = ({ highlights: e }) => {
-  const s = d(e.openedInsight);
+}, ge = ({
+  highlights: e,
+  className: s
+}) => {
+  const t = p(e.openedInsight);
   return /* @__PURE__ */ c(g, { children: [
-    !s && e.insights && /* @__PURE__ */ t(M, { highlights: e, store: e.insights.getStore() }),
-    s && /* @__PURE__ */ t(
-      q,
+    !t && e.insights && /* @__PURE__ */ a(D, { className: s, highlights: e, store: e.insights.getStore() }),
+    t && /* @__PURE__ */ a(
+      j,
       {
-        openedInsight: s,
+        className: s,
+        openedInsight: t,
         closeHighlights: e.closeFeature,
         closeInsight: e.closeHighlight
       }
     )
   ] });
-}, ye = ({ sdk: e, feature: s }) => B(() => s ? s.featureConfig.get().type === A.GAMES ? /* @__PURE__ */ t(_, { sdk: e, feature: s, children: /* @__PURE__ */ t(fe, { gamification: s, sdk: e }) }) : s.featureConfig.get().type === A.HIGHLIGHTS ? /* @__PURE__ */ t(_, { sdk: e, feature: s, children: /* @__PURE__ */ t(ge, { highlights: s, sdk: e }) }) : null : null, [e, s]);
-const be = /* @__PURE__ */ o("button")({
+}, ye = ({
+  sdk: e,
+  feature: s,
+  className: t
+}) => E(() => s ? s.featureConfig.get().type === x.GAMES ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(fe, { className: t, gamification: s, sdk: e }) }) : s.featureConfig.get().type === x.HIGHLIGHTS ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(ge, { className: t, highlights: s, sdk: e }) }) : null : null, [e, s]);
+const be = /* @__PURE__ */ r("button")({
   name: "e",
   class: "enu64b2",
   propsAsIs: !1
-}), ke = /* @__PURE__ */ o("span")({
+}), ke = /* @__PURE__ */ r("span")({
   name: "t",
   class: "tw2meku",
   propsAsIs: !1
-}), Se = /* @__PURE__ */ o("span")({
+}), Se = /* @__PURE__ */ r("span")({
   name: "a",
   class: "aka8vam",
   propsAsIs: !1
-}), I = ({ disabled: e, active: s, onClick: n, label: r, icon: a }) => /* @__PURE__ */ t(be, { onClick: n, disabled: e, "data-selected": s, children: /* @__PURE__ */ c(g, { children: [
-  a && /* @__PURE__ */ t(ke, { children: a }),
-  /* @__PURE__ */ t(Se, { children: r })
+}), A = ({ disabled: e, active: s, onClick: t, label: n, icon: l }) => /* @__PURE__ */ a(be, { onClick: t, disabled: e, "data-selected": s, children: /* @__PURE__ */ c(g, { children: [
+  l && /* @__PURE__ */ a(ke, { children: l }),
+  /* @__PURE__ */ a(Se, { children: n })
 ] }) });
-const Ae = () => y, $e = /* @__PURE__ */ o(Ae())({
+const $e = () => y, xe = /* @__PURE__ */ r($e())({
   name: "a",
   class: "a10lggiw",
   propsAsIs: !0
-}), f = "channels", xe = (e) => {
+}), f = "channels", Ae = (e) => {
   var s;
-  return /* @__PURE__ */ t(I, {
+  return /* @__PURE__ */ a(A, {
     ...e,
     id: "channels",
     label: "Channels",
-    icon: /* @__PURE__ */ t($e, {
+    icon: /* @__PURE__ */ a(xe, {
       name: "icon-btn-channels",
       "data-selected": (s = e.active) == null ? void 0 : s.toString()
     })
   });
 };
-const Ie = () => y, _e = /* @__PURE__ */ o(Ie())({
+const Ne = () => y, Ie = /* @__PURE__ */ r(Ne())({
   name: "d",
   class: "d1x5s8ie",
   propsAsIs: !0
-}), u = "featuredGroups", Le = (e) => {
+}), u = "featuredGroups", _e = (e) => {
   var s;
-  return /* @__PURE__ */ t(I, {
+  return /* @__PURE__ */ a(A, {
     ...e,
     label: "FG+",
     id: "featuredGroups",
-    icon: /* @__PURE__ */ t(_e, {
+    icon: /* @__PURE__ */ a(Ie, {
       name: "icon-btn-feature-groups",
       "data-selected": (s = e.active) == null ? void 0 : s.toString()
     })
   });
 };
-const Ee = () => y, we = /* @__PURE__ */ o(Ee())({
+const Le = () => y, Ee = /* @__PURE__ */ r(Le())({
   name: "n",
   class: "ntav86o",
   propsAsIs: !0
 }), k = "leaderboard", Ce = (e) => {
   var s;
-  return /* @__PURE__ */ t(I, {
+  return /* @__PURE__ */ a(A, {
     ...e,
     label: "Leader Board",
     id: "leaderboard",
-    icon: /* @__PURE__ */ t(we, {
+    icon: /* @__PURE__ */ a(Ee, {
       name: "icon-btn-leaderboard",
       "data-selected": (s = e.active) == null ? void 0 : s.toString()
     })
   });
 };
-const Qe = /* @__PURE__ */ o("div")({
+const Oe = /* @__PURE__ */ r("div")({
   name: "n",
   class: "n1rlvhvz",
   propsAsIs: !1
-}), Fe = ({
+}), Qe = ({
   children: e,
   className: s
-}) => /* @__PURE__ */ t(Qe, {
+}) => /* @__PURE__ */ a(Oe, {
   className: s,
   children: e
 });
-const Oe = () => Fe, Re = /* @__PURE__ */ o(Oe())({
+const we = () => Qe, Re = /* @__PURE__ */ r(we())({
   name: "n",
   class: "n9bnom",
   propsAsIs: !0
-}), Me = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: n }) => /* @__PURE__ */ c(Re, { children: [
-  /* @__PURE__ */ t(xe, { active: e === f, onClick: () => s(f) }),
-  /* @__PURE__ */ t(
-    Le,
+}), Fe = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: t, className: n }) => /* @__PURE__ */ c(Re, { className: n, children: [
+  /* @__PURE__ */ a(Ae, { active: e === f, onClick: () => s(f) }),
+  /* @__PURE__ */ a(
+    _e,
     {
       active: e === u,
-      disabled: !n,
+      disabled: !t,
       onClick: () => {
         s(u);
       }
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ a(
     Ce,
     {
       active: e === k,
       onClick: () => s(k)
     }
   )
-] }), qe = (e, s) => {
-  const [n, r] = h(!1), a = d(e.status) === "ready", [l, i] = h(u), p = D(
-    (m) => {
-      i(m), m === u ? (e.createEventSession(s), e.openFeature(A.GAMES)) : e.closeFeature();
+] }), Me = (e) => {
+  const [s, t] = v(!1), n = p(e.status) === "ready", [l, o] = v(u), i = C(
+    (d, m) => {
+      o(m), m === u ? (d && e.createEventSession(d), e.openFeature(x.GAMES)) : e.closeFeature();
     },
-    [s, e]
+    [e]
   );
   return L(() => {
-    !a && l === u && (i(f), e.closeFeature());
-  }, [a, l, e]), {
-    sdkEnabled: n,
-    sdkReady: a,
+    !n && l === u && (o(f), e.closeFeature());
+  }, [n, l, e]), {
+    sdkEnabled: s,
+    sdkReady: n,
     activeOverlay: l,
-    activateAndLoadOverlay: p,
-    enableSdk: () => {
+    activateAndLoadOverlay: i,
+    enableSdk: (d) => {
       e.initializeApp().then(({ enabled: m, err: S }) => {
-        if (r(!0), S) {
-          p(f);
+        if (t(!0), S) {
+          i(d, f);
           return;
         }
         if (m) {
-          p(u);
+          i(d, u);
           return;
         }
       });
     },
     disableSdk: () => {
-      r(!1), e.disableApp();
+      t(!1), e.disableApp();
     }
   };
-}, Ge = (e) => {
-  const s = d(e.getActiveFeature()), [n, r] = h(null);
+}, qe = (e) => {
+  const s = p(e.getActiveFeature()), [t, n] = v(null);
   return L(() => {
-    const a = e.getFeatures();
+    const l = e.getFeatures();
     if (s)
-      for (const [l, i] of a)
-        l === s ? i.status.get() === v.Suspended && (i.enable(), r(i)) : i.status.get() === v.Ready && i.disable();
+      for (const [o, i] of l)
+        o === s ? i.status.get() === h.Suspended && (i.enable(), n(i)) : i.status.get() === h.Ready && i.disable();
     else {
-      for (const [, l] of a)
-        l.status.get() === v.Ready && l.disable();
-      r(null);
+      for (const [, o] of l)
+        o.status.get() === h.Ready && o.disable();
+      n(null);
     }
     return () => {
-      for (const [, l] of a)
-        l.status.get() === v.Ready && l.disable();
+      for (const [, o] of l)
+        o.status.get() === h.Ready && o.disable();
     };
-  }, [s, e]), [s, n];
-}, He = ({ sdk: e }) => {
-  const [, s] = Ge(e);
-  return /* @__PURE__ */ t(ye, { feature: s, sdk: e });
-}, Ne = ({ sdk: e, overlays: s, children: n, event: r }) => {
-  const { sdkEnabled: a, sdkReady: l, activeOverlay: i, activateAndLoadOverlay: p, enableSdk: m, disableSdk: S } = qe(
-    e,
-    r
-  );
-  return /* @__PURE__ */ t(G, { style: { height: "100%" }, children: /* @__PURE__ */ c(Y, { children: [
-    a && /* @__PURE__ */ t(
-      Me,
+  }, [s, e]), [s, t];
+}, Ge = ({ sdk: e, className: s }) => {
+  const [, t] = qe(e);
+  return /* @__PURE__ */ a(ye, { className: s, feature: t, sdk: e });
+}, He = ({ sdk: e, overlays: s, children: t }) => {
+  const { sdkEnabled: n, sdkReady: l, activeOverlay: o, activateAndLoadOverlay: i, enableSdk: d, disableSdk: m } = Me(e);
+  return /* @__PURE__ */ c(P, { children: [
+    n && /* @__PURE__ */ a(
+      Fe,
       {
         sdkReady: l,
-        activeOverlay: i,
-        setActiveOverlay: p
+        activeOverlay: o,
+        className: I,
+        setActiveOverlay: (S) => i("", S)
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       $,
       {
-        "data-nav": a.toString(),
-        style: { display: !a || i === f ? "block" : "none" },
-        children: n && n({ enableSdk: m, disableSdk: S })
+        "data-nav": n.toString(),
+        style: { display: !n || o === f ? "block" : "none" },
+        children: t && t({ enableSdk: d, disableSdk: m })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       $,
       {
-        "data-nav": a.toString(),
-        style: { display: i === k ? "block" : "none" },
-        children: s && i === k && s[i]
+        "data-nav": n.toString(),
+        style: { display: o === k ? "block" : "none" },
+        children: s && o === k && s[o]
       }
     ),
-    a && i === u && /* @__PURE__ */ t(He, { sdk: e })
-  ] }) });
+    n && o === u && /* @__PURE__ */ a(Ge, { className: I, sdk: e })
+  ] });
 }, cs = ({
   sdkKey: e,
   plugins: s,
-  children: n,
-  production: r = !0
-}) => /* @__PURE__ */ t(H, { sdkKey: e, plugins: s, production: r, autoEnable: !1, children: n }), ds = ({ children: e, event: s, overlays: n }) => {
-  const { sdk: r, status: a } = P(N);
-  if (a === j.UNSET)
+  children: t,
+  production: n = !0
+}) => /* @__PURE__ */ a(T, { sdkKey: e, plugins: s, production: n, autoEnable: !1, children: t }), ds = ({ children: e, overlays: s }) => {
+  const { sdk: t, status: n } = O(B);
+  if (n === z.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return r ? /* @__PURE__ */ t(Ne, { sdk: r, event: s, overlays: n, children: e }) : e({});
+  return t ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(He, { sdk: t, overlays: s, children: e }) }) }) : e({});
 };
 export {
   cs as MastersStreamLayerProvider,

package/lib/es/points.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { FeatureType as n } from "@streamlayer/sdk-web-types";
 import { useMemo as p } from "react";
-import { s, Y as l, c } from "../provider-a6b36c89.js";
+import { s, q as l, f as c, d as u, p as d } from "../index-98298310.js";
 import "react-auth-code-input";
 import "react-phone-number-input";
 import "@connectrpc/connect";
@@ -14,55 +14,55 @@ import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
 import { useStore as a } from "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
-import { u } from "../app-43e52907.js";
+import { u as f } from "../app-215a7e7d.js";
+import "./useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
 import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
 import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
 import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
 import "@streamlayer/sl-eslib/sports/events/events_connect";
 import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
-import "./useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
-const d = () => l, f = /* @__PURE__ */ s("div")({
+const S = () => l, y = /* @__PURE__ */ s("div")({
   name: "l",
   class: "l4qld3l",
   propsAsIs: !1
-}), S = /* @__PURE__ */ s("div")({
+}), h = /* @__PURE__ */ s("div")({
   name: "a",
   class: "ainhtok",
   propsAsIs: !1
-}), y = /* @__PURE__ */ s(d())({
+}), v = /* @__PURE__ */ s(S())({
   name: "x",
   class: "xk8yd5t",
   propsAsIs: !0
-}), h = /* @__PURE__ */ s("div")({
+}), x = /* @__PURE__ */ s("div")({
   name: "h",
   class: "h6rf9gb",
   propsAsIs: !1
-}), x = /* @__PURE__ */ s("div")({
+}), g = /* @__PURE__ */ s("div")({
   name: "c",
   class: "c18f5pxx",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "m",
   class: "m1jwsyj1",
   propsAsIs: !1
-}), g = ({ points: r }) => /* @__PURE__ */ m(f, { children: [
-  /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(y, { name: "icon-trophy" }) }),
-  /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ t(x, { children: "Total points" }),
-    /* @__PURE__ */ t(v, { children: c(r) })
+}), I = ({ points: r }) => /* @__PURE__ */ m(y, { className: c, children: [
+  /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(v, { name: "icon-trophy" }) }),
+  /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ t(g, { children: "Total points" }),
+    /* @__PURE__ */ t(A, { children: u(r) })
   ] })
-] }), A = ({ userSummary: r }) => {
+] }), j = ({ userSummary: r }) => {
   var e, o;
   const i = a(r.getStore());
-  return ((o = (e = i.data) == null ? void 0 : e.summary) == null ? void 0 : o.points) === void 0 ? null : /* @__PURE__ */ t(g, { points: i.data.summary.points });
-}, I = ({ sdk: r }) => {
+  return ((o = (e = i.data) == null ? void 0 : e.summary) == null ? void 0 : o.points) === void 0 ? null : /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(I, { points: i.data.summary.points }) }) });
+}, L = ({ sdk: r }) => {
   const { organizationSettings: i, streamSettings: e } = a(r.sdkStore), o = p(() => r.getFeature(n.GAMES), [r, i, e]);
-  return o ? /* @__PURE__ */ t(A, { userSummary: o.userSummary }) : null;
-}, Q = () => {
-  const r = u();
-  return r ? /* @__PURE__ */ t(I, { sdk: r }) : null;
+  return o ? /* @__PURE__ */ t(j, { userSummary: o.userSummary }) : null;
+}, V = () => {
+  const r = f();
+  return r ? /* @__PURE__ */ t(L, { sdk: r }) : null;
 };
 export {
-  Q as StreamLayerSDKPoints
+  V as StreamLayerSDKPoints
 };