@streamlayer/react 0.27.0 → 0.27.2

package/lib/es/masters.js

@@ -1,18 +1,18 @@
-import { jsx as a, jsxs as d, Fragment as I } from "react/jsx-runtime";
-import { useRef as C, useState as f, useMemo as R, useCallback as j, useEffect as N, useContext as F } from "react";
-import { s as r, q as v, o as O, Y as q, j as M, d as U, v as _, e as y, g as w, i as G, k as $, r as A, l as D, f as x, S as P, a as T, b as B, p as H } from "../index-ad42babc.js";
+import { jsx as s, jsxs as S, Fragment as L } from "react/jsx-runtime";
+import { lazy as I, useMemo as _, Suspense as F, useState as h, useCallback as E, useEffect as x, useContext as R } from "react";
+import { s as u, q as g, i as O, f as A, r as N, S as w, a as G, b as j, p as M } from "../index-ed4f12f6.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 z, FeatureType as L } from "@streamlayer/sdk-web-types";
-import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as $ } from "@streamlayer/sdk-web-types";
+import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
-import { useStore as u } from "@nanostores/react";
+import { useStore as p } from "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
@@ -21,425 +21,215 @@ 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";
-const K = ({ feature: e, sdk: s, children: n, className: t }) => {
-  const l = u(e.status), { slStreamId: o } = u(s.sdkStore);
-  return o != null && o.loading ? /* @__PURE__ */ a("div", { className: t, children: "event is loading..." }) : o != null && o.data ? l !== b.Ready ? /* @__PURE__ */ a("div", { className: t, children: "wait feature..." }) : n : /* @__PURE__ */ a("div", { className: t, children: "event is forbidden..." });
-};
-const J = () => v, V = () => v, W = /* @__PURE__ */ r("div")({
-  name: "a",
-  class: "acysrl1",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ r("div")({
-  name: "l",
-  class: "lo57cjm",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ r(J())({
-  name: "p",
-  class: "p14kwh4y",
-  propsAsIs: !0
-}), Z = /* @__PURE__ */ r("span")({
-  name: "s",
-  class: "sxun7sq",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ r("button")({
-  name: "c",
-  class: "c1i8ida8",
-  propsAsIs: !1
-}), se = /* @__PURE__ */ r(V())({
-  name: "g",
-  class: "g1m0xfmw",
-  propsAsIs: !0
-}), E = ({ type: e, close: s, label: n }) => {
-  const t = e ? O[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ d(W, { children: [
-    /* @__PURE__ */ d(Y, { children: [
-      (t == null ? void 0 : t.iconName) && /* @__PURE__ */ a(X, { name: t.iconName }),
-      (t == null ? void 0 : t.label) && /* @__PURE__ */ a(Z, { children: t.label })
-    ] }),
-    /* @__PURE__ */ a(ee, { onClick: s, children: /* @__PURE__ */ a(se, { name: "icon-cross" }) })
-  ] });
-};
-const ae = /* @__PURE__ */ r("div")({
-  name: "n",
-  class: "n1aopxp8",
-  propsAsIs: !1
-}), Q = ({
-  children: e,
-  style: s,
-  className: n
-}) => /* @__PURE__ */ a(ae, {
-  style: s,
-  className: n,
-  children: e
-});
-const ne = /* @__PURE__ */ r("div")({
-  name: "i",
-  class: "i1bwjtdb",
-  propsAsIs: !1
-}), te = /* @__PURE__ */ r("video")({
-  name: "e",
-  class: "enb7moc",
-  propsAsIs: !1
-}), re = /* @__PURE__ */ r("img")({
-  name: "r",
-  class: "r1ws5lyh",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ r("div")({
-  name: "s",
-  class: "soibf55",
-  propsAsIs: !1
-}), le = ({ poster: e, source: s }) => {
-  const n = C(null), [t, l] = f(!1), [o, i] = f(!0);
-  return /* @__PURE__ */ d(ne, { onClick: () => {
-    const c = n == null ? void 0 : n.current;
-    c && l((p) => p ? (c.pause(), !1) : (c.play(), i(!1), !0));
-  }, children: [
-    /* @__PURE__ */ a(
-      te,
-      {
-        ref: n,
-        src: s,
-        onEnded: () => {
-          var c;
-          (c = n == null ? void 0 : n.current) == null || c.load(), l(!1), i(!0);
-        },
-        style: { visibility: o ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ a(re, { src: e, style: { visibility: o ? "visible" : "hidden" } }),
-    /* @__PURE__ */ a(oe, { children: !t && /* @__PURE__ */ a(v, { name: "icon-play" }) })
-  ] });
-};
-const ie = /* @__PURE__ */ r("div")({
-  name: "t",
-  class: "t18unvw4",
-  propsAsIs: !1
-}), ce = /* @__PURE__ */ r("div")({
-  name: "r",
-  class: "rs0uvk8",
-  propsAsIs: !1
-}), de = /* @__PURE__ */ r("h3")({
-  name: "n",
-  class: "n1hem4g7",
-  propsAsIs: !1
-}), ue = /* @__PURE__ */ r("div")({
-  name: "i",
-  class: "i193lbwv",
-  propsAsIs: !1
-}), pe = /* @__PURE__ */ r("a")({
-  name: "a",
-  class: "a1dka9qs",
-  propsAsIs: !1
-}), me = ({ title: e, instantView: s }) => /* @__PURE__ */ d(ie, { children: [
-  (s == null ? void 0 : s.video) && /* @__PURE__ */ a(le, { source: s.video.url, poster: s.video.thumbnailUrl }),
-  /* @__PURE__ */ d(ce, { children: [
-    /* @__PURE__ */ a(de, { children: (s == null ? void 0 : s.heading) || e }),
-    /* @__PURE__ */ a(ue, { children: s == null ? void 0 : s.body }),
-    (s == null ? void 0 : s.webLink) && /* @__PURE__ */ d(pe, { href: "webLink", target: "_blank", children: [
-      "Explore more of the Masters History",
-      /* @__PURE__ */ a(v, { name: "icon-external-link" })
-    ] })
-  ] })
-] });
-const ve = /* @__PURE__ */ r("div")({
-  name: "d",
-  class: "dk8r1eq",
-  propsAsIs: !1
-}), fe = ({
-  openedQuestion: e
-}) => {
-  var s;
-  return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ a(me, {
-    ...e.attributes.attributes.value
-  }) : null;
-}, be = ({
-  extendedQuestion: e,
-  vote: s
-}) => {
-  const {
-    loading: n,
-    data: t
-  } = e;
-  return !n && t ? /* @__PURE__ */ a(q, {
-    vote: s,
-    openedQuestion: t
-  }) : null;
-}, he = ({
-  gamification: e
+const z = ({ feature: e, sdk: a, children: t, className: n }) => {
+  const o = p(e.status), { slStreamId: r } = p(a.sdkStore);
+  return r != null && r.loading ? /* @__PURE__ */ s("div", { className: n, children: "event is loading..." }) : r != null && r.data ? o !== f.Ready ? /* @__PURE__ */ s("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ s("div", { className: n, children: "event is forbidden..." });
+}, P = I(() => import("../index-b7b4d84f.js")), T = ({
+  sdk: e,
+  feature: a,
+  className: t
 }) => {
-  var s;
-  const n = u(e.openedQuestion.$store), t = u(e.openedQuestion.$extendedStore);
-  if (!n)
-    return null;
-  const l = n.type;
-  return /* @__PURE__ */ d(ve, {
-    children: [/* @__PURE__ */ a(E, {
-      close: e.closeQuestion,
-      type: ((s = n.attributes) == null ? void 0 : s.type) || z.UNSET
-    }), l === "question" && /* @__PURE__ */ a(be, {
-      vote: e.submitAnswer,
-      extendedQuestion: t
-    }), l !== "question" && /* @__PURE__ */ a(fe, {
-      openedQuestion: n
-    })]
-  });
-}, ye = ({ leaderboardList: e, openUser: s }) => {
-  const { data: n } = u(e.$store);
-  return /* @__PURE__ */ a(M, { fetchMore: e.fetchMore, items: n, openItemDetail: s });
-}, ge = ({ store: e, openQuestion: s }) => {
-  const n = u(e);
-  return n != null && n.data ? /* @__PURE__ */ a(U, { openQuestion: s, questions: n.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
-}, ke = ({ store: e }) => {
-  const { data: s } = u(e);
-  return s != null && s.summary ? /* @__PURE__ */ a(_, { ...s.summary, ...s.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
-}, Ae = ({ gamification: e }) => {
-  const [s, n] = f(y.HOME);
-  return /* @__PURE__ */ d("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ d(w, { children: [
-      /* @__PURE__ */ a(G, { activePage: s, toggleActivePage: n }),
-      s === y.HOME && /* @__PURE__ */ a(ke, { store: e.userSummary.getStore() })
-    ] }),
-    s === y.HOME && /* @__PURE__ */ a($, { children: /* @__PURE__ */ a(ge, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) }),
-    s === y.LEADERBOARD && /* @__PURE__ */ a($, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(ye, { openUser: e.openUser, leaderboardList: e.leaderboardList }) })
-  ] });
+  const n = _(() => a && a.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ s(z, { className: t, sdk: e, feature: a, children: /* @__PURE__ */ s(P, { className: t, gamification: a, sdk: e }) }) : null, [e, a, t]);
+  return /* @__PURE__ */ s(
+    F,
+    {
+      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: n
+    }
+  );
 };
-const Se = () => Q, $e = () => Q, xe = /* @__PURE__ */ r(Se())({
-  name: "v",
-  class: "v1ph66cs",
-  propsAsIs: !0
-}), Ie = /* @__PURE__ */ r($e())({
-  name: "x",
-  class: "xorme7i",
-  propsAsIs: !0
-}), Ne = /* @__PURE__ */ r("div")({
-  name: "b",
-  class: "b1tuxhle",
-  propsAsIs: !1
-}), _e = ({
-  gamification: e,
-  className: s
-}) => {
-  const n = u(e.openedQuestion.$store), t = u(e.openedUser);
-  return /* @__PURE__ */ d(I, {
-    children: [n && /* @__PURE__ */ a(xe, {
-      className: s,
-      children: /* @__PURE__ */ a(he, {
-        gamification: e
-      })
-    }), t && /* @__PURE__ */ a(Ie, {
-      children: /* @__PURE__ */ d(Ne, {
-        children: [/* @__PURE__ */ a(E, {
-          label: "Friend's Rank",
-          close: e.closeUser
-        }), /* @__PURE__ */ a(w, {
-          children: /* @__PURE__ */ a(_, {
-            ...t
-          })
-        })]
-      })
-    }), /* @__PURE__ */ a(A, {
-      className: s,
-      "data-nav": "true",
-      children: /* @__PURE__ */ a(Ae, {
-        gamification: e
-      })
-    })]
-  });
-}, we = ({
-  sdk: e,
-  feature: s,
-  className: n
-}) => R(() => s && s.featureConfig.get().type === L.GAMES ? /* @__PURE__ */ a(K, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ a(_e, { className: n, gamification: s, sdk: e }) }) : null, [e, s, n]);
-const Le = /* @__PURE__ */ r("button")({
+const U = /* @__PURE__ */ u("button")({
   name: "e",
   class: "enu64b2",
   propsAsIs: !1
-}), Ee = /* @__PURE__ */ r("span")({
+}), q = /* @__PURE__ */ u("span")({
   name: "t",
   class: "tw2meku",
   propsAsIs: !1
-}), Qe = /* @__PURE__ */ r("span")({
+}), B = /* @__PURE__ */ u("span")({
   name: "a",
   class: "aka8vam",
   propsAsIs: !1
-}), S = ({ disabled: e, active: s, onClick: n, label: t, icon: l }) => /* @__PURE__ */ a(Le, { onClick: n, disabled: e, "data-selected": s, children: /* @__PURE__ */ d(I, { children: [
-  l && /* @__PURE__ */ a(Ee, { children: l }),
-  /* @__PURE__ */ a(Qe, { children: t })
+}), k = ({ disabled: e, active: a, onClick: t, label: n, icon: o }) => /* @__PURE__ */ s(U, { onClick: t, disabled: e, "data-selected": a, children: /* @__PURE__ */ S(L, { children: [
+  o && /* @__PURE__ */ s(q, { children: o }),
+  /* @__PURE__ */ s(B, { children: n })
 ] }) });
-const Ce = () => v, Re = /* @__PURE__ */ r(Ce())({
+const D = () => g, K = /* @__PURE__ */ u(D())({
   name: "a",
   class: "a10lggiw",
   propsAsIs: !0
-}), h = "channels", je = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), y = "channels", W = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     id: "channels",
     label: "Channels",
-    icon: /* @__PURE__ */ a(Re, {
+    icon: /* @__PURE__ */ s(K, {
       name: "icon-btn-channels",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const Fe = () => v, Oe = /* @__PURE__ */ r(Fe())({
+const Y = () => g, H = /* @__PURE__ */ u(Y())({
   name: "d",
   class: "d1x5s8ie",
   propsAsIs: !0
-}), m = "featuredGroups", qe = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), c = "featuredGroups", J = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     label: "FG+",
     id: "featuredGroups",
-    icon: /* @__PURE__ */ a(Oe, {
+    icon: /* @__PURE__ */ s(H, {
       name: "icon-btn-feature-groups",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const Me = () => v, Ue = /* @__PURE__ */ r(Me())({
+const Q = () => g, V = /* @__PURE__ */ u(Q())({
   name: "n",
   class: "ntav86o",
   propsAsIs: !0
-}), g = "leaderboard", Ge = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), b = "leaderboard", X = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     label: "Leader Board",
     id: "leaderboard",
-    icon: /* @__PURE__ */ a(Ue, {
+    icon: /* @__PURE__ */ s(V, {
       name: "icon-btn-leaderboard",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const De = /* @__PURE__ */ r("div")({
+const Z = /* @__PURE__ */ u("div")({
   name: "n",
   class: "n1rlvhvz",
   propsAsIs: !1
-}), Pe = ({
+}), ee = ({
   children: e,
-  className: s
-}) => /* @__PURE__ */ a(De, {
-  className: s,
+  className: a
+}) => /* @__PURE__ */ s(Z, {
+  className: a,
   children: e
 });
-const Te = () => Pe, Be = /* @__PURE__ */ r(Te())({
+const ae = () => ee, se = /* @__PURE__ */ u(ae())({
   name: "n",
   class: "n9bnom",
   propsAsIs: !0
-}), He = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: n, className: t }) => /* @__PURE__ */ d(Be, { className: t, children: [
-  /* @__PURE__ */ a(je, { active: e === h, onClick: () => s(h) }),
-  /* @__PURE__ */ a(
-    qe,
+}), te = ({ activeOverlay: e, setActiveOverlay: a, sdkReady: t, className: n }) => /* @__PURE__ */ S(se, { className: n, children: [
+  /* @__PURE__ */ s(W, { active: e === y, onClick: () => a(y) }),
+  /* @__PURE__ */ s(
+    J,
     {
-      active: e === m,
-      disabled: !n,
+      active: e === c,
+      disabled: !t,
       onClick: () => {
-        s(m);
+        a(c);
       }
     }
   ),
-  /* @__PURE__ */ a(
-    Ge,
+  /* @__PURE__ */ s(
+    X,
     {
-      active: e === g,
-      onClick: () => s(g)
+      active: e === b,
+      onClick: () => a(b)
     }
   )
-] }), ze = (e) => {
-  const [s, n] = f(!1), t = u(e.status) === "ready", [l, o] = f(m), i = j(
-    (c, p) => {
-      o(p), p === m ? (c && e.createEventSession(c), e.openFeature(L.GAMES)) : e.closeFeature();
+] }), ne = (e) => {
+  const [a, t] = h(!1), n = p(e.status), { data: o } = p(e.getUserStore()), r = n === "ready", [l, i] = h(c), v = E(
+    (d, m) => {
+      i(m), m === c ? (d && e.createEventSession(d), e.openFeature($.GAMES)) : e.closeFeature();
     },
     [e]
   );
-  return N(() => {
-    !t && l === m && (o(h), e.closeFeature());
-  }, [t, l, e]), {
-    sdkEnabled: s,
-    sdkReady: t,
+  return x(() => {
+    !r && l === c && (i(y), e.closeFeature());
+  }, [r, l, e]), {
+    sdkEnabled: a,
+    sdkReady: r,
     activeOverlay: l,
-    activateAndLoadOverlay: i,
-    enableSdk: (c) => {
-      e.initializeApp().then(({ enabled: p, err: k }) => {
-        if (n(!0), k) {
-          i(c, h);
+    activateAndLoadOverlay: v,
+    enableSdk: (d) => {
+      e.initializeApp().then(({ enabled: m, err: C }) => {
+        if (t(!0), C) {
+          v(d, y);
           return;
         }
-        if (p) {
-          i(c, m);
+        if (m) {
+          v(d, c);
           return;
         }
       });
     },
     disableSdk: () => {
-      n(!1), e.disableApp();
-    }
+      t(!1), e.disableApp();
+    },
+    isLogged: !!o
   };
-}, Ke = (e) => {
-  const s = u(e.getActiveFeature()), [n, t] = f(null);
-  return N(() => {
-    const l = e.getFeatures();
-    if (s)
-      for (const [o, i] of l)
-        o === s ? i.status.get() === b.Suspended && (i.enable(), t(i)) : i.status.get() === b.Ready && i.disable();
+}, re = (e) => {
+  const a = p(e.getActiveFeature()), t = p(e.streamStore()), [n, o] = h(null);
+  return x(() => {
+    const r = e.getFeatures();
+    if (a)
+      for (const [l, i] of r)
+        l === a ? i.status.get() === f.Suspended && (i.enable(), o(i)) : i.status.get() === f.Ready && i.disable();
     else {
-      for (const [, o] of l)
-        o.status.get() === b.Ready && o.disable();
-      t(null);
+      for (const [, l] of r)
+        l.status.get() === f.Ready && l.disable();
+      o(null);
     }
     return () => {
-      for (const [, o] of l)
-        o.status.get() === b.Ready && o.disable();
+      for (const [, l] of r)
+        l.status.get() === f.Ready && l.disable();
     };
-  }, [s, e]), [s, n];
-}, Je = ({ sdk: e, className: s }) => {
-  const [, n] = Ke(e);
-  return /* @__PURE__ */ a(we, { className: s, feature: n, sdk: e });
-}, Ve = ({ sdk: e, overlays: s, children: n }) => {
-  const { sdkEnabled: t, sdkReady: l, activeOverlay: o, activateAndLoadOverlay: i, enableSdk: c, disableSdk: p } = ze(e);
-  return /* @__PURE__ */ d(D, { children: [
-    t && /* @__PURE__ */ a(
-      He,
+  }, [a, e, t]), [a, n];
+}, le = ({ sdk: e, className: a }) => {
+  const [, t] = re(e);
+  return /* @__PURE__ */ s(T, { className: a, feature: t, sdk: e });
+}, oe = ({ sdk: e, overlays: a, children: t }) => {
+  const { sdkEnabled: n, sdkReady: o, activeOverlay: r, activateAndLoadOverlay: l, enableSdk: i, disableSdk: v, isLogged: d } = ne(e);
+  return /* @__PURE__ */ S(O, { children: [
+    n && /* @__PURE__ */ s(
+      te,
       {
-        sdkReady: l,
-        activeOverlay: o,
-        className: x,
-        setActiveOverlay: (k) => i("", k)
+        sdkReady: o,
+        activeOverlay: r,
+        className: A,
+        setActiveOverlay: (m) => l("", m)
       }
     ),
-    /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ s(
+      N,
       {
-        "data-nav": t.toString(),
-        style: { display: !t || o === h ? "block" : "none" },
-        children: n && n({ enableSdk: c, disableSdk: p })
+        "data-nav": n.toString(),
+        style: { display: !n || r === y ? "block" : "none" },
+        children: t && t({ enableSdk: i, disableSdk: v })
       }
     ),
-    /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ s(
+      N,
       {
-        "data-nav": t.toString(),
-        style: { display: o === g ? "block" : "none" },
-        children: s && o === g && s[o]
+        "data-nav": n.toString(),
+        style: { display: r === b ? "block" : "none" },
+        children: a && r === b && a[r]
       }
     ),
-    t && o === m && /* @__PURE__ */ a(Je, { className: x, sdk: e })
+    d && n && r === c && /* @__PURE__ */ s(le, { className: A, sdk: e }),
+    !d && n && r === c && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
-}, gs = ({
+}, Ee = ({
   sdkKey: e,
-  plugins: s,
-  children: n,
-  production: t = !0
-}) => /* @__PURE__ */ a(P, { sdkKey: e, plugins: s, production: t, autoEnable: !1, children: n }), ks = ({ children: e, overlays: s }) => {
-  const { sdk: n, status: t } = F(T);
-  if (t === B.UNSET)
+  plugins: a,
+  children: t,
+  production: n = !0
+}) => /* @__PURE__ */ s(w, { sdkKey: e, plugins: a, production: n, autoEnable: !1, children: t }), Re = ({ children: e, overlays: a }) => {
+  const { sdk: t, status: n } = R(G);
+  if (n === j.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return n ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(Ve, { sdk: n, overlays: s, children: e }) }) }) : e({});
+  return t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(oe, { sdk: t, overlays: a, children: e }) }) }) : e({});
 };
 export {
-  gs as MastersStreamLayerProvider,
-  ks as MastersStreamLayerSDKReact
+  Ee as MastersStreamLayerProvider,
+  Re as MastersStreamLayerSDKReact
 };

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, q as l, f as c, c as u, p as d } from "../index-ad42babc.js";
+import { s, q as l, f as c, c as u, p as d } from "../index-ed4f12f6.js";
 import "react-auth-code-input";
 import "react-phone-number-input";
 import "@connectrpc/connect";
@@ -14,7 +14,7 @@ import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
 import { useStore as a } from "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
-import { u as f } from "../app-15ce925d.js";
+import { u as f } from "../app-ce9ea1e1.js";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
 import "@streamlayer/sl-eslib/interactive/interactive.common_pb";