@streamlayer/react 0.26.2 → 0.26.3

package/lib/es/masters.js

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