@streamlayer/react 1.23.0 → 1.23.1

package/lib/es/index2.js

@@ -1,71 +1,73 @@
 var Ce = Object.defineProperty;
 var Ee = (e, t, n) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var k = (e, t, n) => Ee(e, typeof t != "symbol" ? t + "" : t, n);
-import { useState as S, useEffect as y, useRef as L, PureComponent as Re, useCallback as j, lazy as xe, useMemo as C, Suspense as Le, forwardRef as be, useLayoutEffect as Te, useContext as Y } from "react";
-import { c as Z, F as De, z as Oe, Y as X } from "./hooks-B0Qttldg.js";
-import { jsx as i, jsxs as f, Fragment as T } from "react/jsx-runtime";
-import { I as _e, S as N, f as x, h as ee, Q as w } from "./useStreamLayerApp2.js";
-import { h as Me } from "./index7.js";
-import { A as O, u as v, s as u, b as Ue, c as E, a as P } from "./sl-types.js";
-import { l as Be, a as Fe, m as ze, d as Pe, n as Ve, C as qe, S as je, b as Ke, f as W, p as Qe, c as We } from "./index10.js";
-import { M as Ge, a as He, k as Je, z as ke, c as ye, T as Ne, I as Ye, t as Ze, f as Xe, w as te, D as et, p as tt } from "./index15.js";
+import { useState as S, useEffect as y, useRef as x, PureComponent as Re, useCallback as j, lazy as xe, useMemo as w, Suspense as Le, forwardRef as be, useLayoutEffect as De, useContext as Y } from "react";
+import { i as Z, F as Te, z as Oe, Y as X } from "./hooks-WfHlJH12.js";
+import { jsx as i, jsxs as f, Fragment as L } from "react/jsx-runtime";
+import { I as _e, S as N, f as R, h as ee, Q as V } from "./useStreamLayerApp2.js";
+import { h as Me } from "./index8.js";
+import { A as T, u as v, s as u, b as Ue, c as C, a as z } from "./sl-types.js";
+import { l as Be, a as Fe, m as ze, d as Pe, n as Ve, C as qe, S as je, b as Ke, f as G, p as Qe, c as Ge } from "./index11.js";
+import { M as We, a as He, k as Je, z as ke, c as ye, T as Ne, I as Ye, t as Ze, f as Xe, w as te, D as et, p as tt } from "./index16.js";
 import K from "lodash.throttle";
 import { f as Se, a as nt, b as st, A as ot } from "./analytics.js";
-import { m as F } from "./theme.js";
-import { F as it, c as U, e as at } from "./index3.js";
+import { m as B } from "./theme.js";
+import { F as it, c as M } from "./feature.js";
 import "nanostores";
-import { p as G, h as rt, e as lt } from "./Question.js";
-import { y as dt } from "./index9.js";
+import { p as W, h as at, e as rt } from "./Question.js";
+import { y as lt } from "./index10.js";
 import { B as D } from "./index6.js";
-import ct from "react-infinite-scroller";
-import { I as pt, s as ut, e as mt } from "./index11.js";
+import dt from "react-infinite-scroller";
+import { I as ct, s as pt, e as ut } from "./index12.js";
 import "uuid";
 import "@nanostores/query";
 import "./storage.js";
-import { createPortal as ht } from "react-dom";
+import "./index7.js";
+import { createPortal as mt } from "react-dom";
+import { e as ht } from "./index3.js";
 import "./notification.js";
-const ne = Object.keys(O), se = () => {
+const ne = Object.keys(T), se = () => {
   const e = window.innerWidth;
   let t = "sm";
   for (let n = ne.length - 1; n > 0; n--) {
     const o = ne[n];
-    if (!(e < O[o]) && e >= O[o]) {
+    if (!(e < T[o]) && e >= T[o]) {
       t = o;
       break;
     }
   }
   return {
     name: t,
-    size: O[t]
+    size: T[t]
   };
 }, oe = (e) => {
   var t;
   return (((t = e.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) < -68;
-}, V = () => window.matchMedia("(orientation: landscape)").matches, vt = (e) => {
+}, P = () => window.matchMedia("(orientation: landscape)").matches, vt = (e) => {
   const [t] = S(() => Se({
     screen: se(),
     sdkInView: oe(e),
-    sdkInDesktopView: V()
+    sdkInDesktopView: P()
   }));
   return y(() => {
     const n = K(() => {
       t.setKey("sdkInView", oe(e));
     }, 200), o = K(() => {
       const s = se();
-      t.setKey("screen", s), t.setKey("sdkInDesktopView", V());
+      t.setKey("screen", s), t.setKey("sdkInDesktopView", P());
     }, 200);
     return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
       window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
     };
   }, [t, e]), [t];
 }, H = (e, t, n) => {
-  const o = t >= O.lg && t < O.xl ? 75 : 52;
+  const o = t >= T.lg && t < T.xl ? 75 : 52;
   e.current && window.scrollTo({
     top: e.current.offsetTop - o,
     ...n
   });
 }, ft = 15, gt = (e, t) => {
-  const n = L(null), o = L(0), [s] = S(
+  const n = x(null), o = x(0), [s] = S(
     Se({
       scrollPosition: 0,
       tabsShown: !0,
@@ -73,7 +75,7 @@ const ne = Object.keys(O), se = () => {
     })
   ), r = v(t);
   return y(() => {
-    const l = V() ? n.current : window;
+    const l = P() ? n.current : window;
     if (!l)
       return () => {
       };
@@ -83,7 +85,7 @@ const ne = Object.keys(O), se = () => {
       if (!m)
         return;
       let p = 0;
-      V() ? p = m.scrollTop : p = ((c = e.current) == null ? void 0 : c.getBoundingClientRect().y) || 0;
+      P() ? p = m.scrollTop : p = ((c = e.current) == null ? void 0 : c.getBoundingClientRect().y) || 0;
       const h = o.current - p;
       if (ft > Math.abs(h))
         return;
@@ -145,7 +147,7 @@ const ne = Object.keys(O), se = () => {
   class: "tspsaas",
   propsAsIs: !1
 });
-var M = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(M || {});
+var _ = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(_ || {});
 const ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(yt, { "data-a": "intr", onClick: n, "data-selected": t, children: /* @__PURE__ */ i(Nt, { "data-a": "intr", children: e }) }), St = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ i(bt, { children: /* @__PURE__ */ f(kt, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ i(ie, { title: "Home", active: e === "home", onClick: () => t(
     "home"
@@ -186,7 +188,7 @@ const ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(yt, { "dat
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), Tt = ({ title: e, description: t, onClick: n, className: o }) => {
+}), Dt = ({ title: e, description: t, onClick: n, className: o }) => {
   const [s] = nt({
     type: "invitation",
     action: "sent",
@@ -203,7 +205,7 @@ const ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(yt, { "dat
     /* @__PURE__ */ i(Lt, { name: "icon-copy" })
   ] });
 };
-function Dt(e) {
+function Tt(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, o = e.startIndex, s = e.stopIndex;
   return !(o > n || s < t);
 }
@@ -309,7 +311,7 @@ var _t = function(e, t) {
       for (var s = this, r = this.props.loadMoreItems || this.props.loadMoreRows, l = function(c) {
         var m = o[c], p = o[c + 1], h = r(m, p);
         h != null && h.then(function() {
-          if (Dt({
+          if (Tt({
             lastRenderedStartIndex: s._lastRenderedStartIndex,
             lastRenderedStopIndex: s._lastRenderedStopIndex,
             startIndex: m,
@@ -357,7 +359,7 @@ const Bt = /* @__PURE__ */ u("div")({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), Wt = ({
+}), Gt = ({
   friendsRank: e,
   avatar: t,
   name: n,
@@ -368,14 +370,14 @@ const Bt = /* @__PURE__ */ u("div")({
 }) => /* @__PURE__ */ f(Bt, { "data-name": o, style: l, children: [
   /* @__PURE__ */ i(Ft, { children: e || 0 }),
   /* @__PURE__ */ f(Vt, { children: [
-    t ? /* @__PURE__ */ i(zt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ i(Pt, { children: pt(n || "") }),
+    t ? /* @__PURE__ */ i(zt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ i(Pt, { children: ct(n || "") }),
     /* @__PURE__ */ f(qt, { children: [
       /* @__PURE__ */ i(jt, { children: n || "" }),
       r && /* @__PURE__ */ i(Qt, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ i("div", { children: ut(s) })
-] }), Gt = /* @__PURE__ */ u("div")({
+  /* @__PURE__ */ i("div", { children: pt(s) })
+] }), Wt = /* @__PURE__ */ u("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
@@ -391,16 +393,16 @@ const Bt = /* @__PURE__ */ u("div")({
     const a = d.target.getAttribute("data-name");
     a && n(a);
   }, [n]);
-  return /* @__PURE__ */ i(ct, {
+  return /* @__PURE__ */ i(dt, {
     loadMore: o,
     initialLoad: !1,
     hasMore: r,
     useWindow: !1,
     getScrollParent: () => s.current,
-    children: /* @__PURE__ */ i(Gt, {
+    children: /* @__PURE__ */ i(Wt, {
       "data-a": "intr",
       onClick: l,
-      children: e.map((d) => /* @__PURE__ */ i(Wt, {
+      children: e.map((d) => /* @__PURE__ */ i(Gt, {
         ...d,
         isCurrentUser: !!t && t === d.userId
       }, d.userId))
@@ -413,7 +415,7 @@ const Bt = /* @__PURE__ */ u("div")({
 }), Yt = ({
   deepLink: e
 }) => /* @__PURE__ */ i(Jt, {
-  children: /* @__PURE__ */ i(Ge, {
+  children: /* @__PURE__ */ i(We, {
     inviteLink: e,
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
@@ -428,7 +430,7 @@ const Bt = /* @__PURE__ */ u("div")({
   scrollStore: n,
   leaderboardList: o
 }) => {
-  const s = L(null), {
+  const s = x(null), {
     data: r,
     hasMore: l,
     loading: d,
@@ -438,7 +440,7 @@ const Bt = /* @__PURE__ */ u("div")({
   } = v(e.deepLink.$store), [m, p] = He(s);
   return !r.length && !d ? /* @__PURE__ */ i(Yt, {
     deepLink: c
-  }) : /* @__PURE__ */ f(T, {
+  }) : /* @__PURE__ */ f(L, {
     children: [/* @__PURE__ */ i(Ht, {
       items: r,
       scrollNode: t,
@@ -449,7 +451,7 @@ const Bt = /* @__PURE__ */ u("div")({
       currentUserId: e.currentUserId.get()
     }, a), c && /* @__PURE__ */ i(Zt, {
       ref: s,
-      children: /* @__PURE__ */ i(Tt, {
+      children: /* @__PURE__ */ i(Dt, {
         "data-a": "intr",
         onClick: () => m(c),
         title: "Invite Friends",
@@ -467,7 +469,7 @@ const Bt = /* @__PURE__ */ u("div")({
   scrollNode: t,
   scrollStore: n
 }) : null, tn = ({ store: e, openQuestion: t }) => {
-  const { sdk: n } = G(), o = v(e);
+  const { sdk: n } = W(), o = v(e);
   return /* @__PURE__ */ i(Je, { openQuestion: t, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
 }, nn = ({ userSummary: e }) => {
   var t;
@@ -481,10 +483,10 @@ const Bt = /* @__PURE__ */ u("div")({
     };
   }, [e]), /* @__PURE__ */ i(ke, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (t = n == null ? void 0 : n.percentage) == null ? void 0 : t.correct });
 }, sn = ({ gamification: e, className: t, scrollStore: n, scrollNode: o, appNode: s, style: r, responsiveStore: l }) => {
-  const { tabsShown: d } = v(n, { keys: ["tabsShown"] }), a = v(e.friendsTabEnabled), [c, m] = S(M.HOME), [, p] = Ue(), { sdkInDesktopView: h, screen: g } = v(l, { keys: ["sdkInDesktopView"] }), b = (I) => {
+  const { tabsShown: d } = v(n, { keys: ["tabsShown"] }), a = v(e.friendsTabEnabled), [c, m] = S(_.HOME), [, p] = Ue(), { sdkInDesktopView: h, screen: g } = v(l, { keys: ["sdkInDesktopView"] }), b = (I) => {
     p(() => {
-      var B;
-      m(I), h === !1 && (((B = s.current) == null ? void 0 : B.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, { behavior: "instant" });
+      var U;
+      m(I), h === !1 && (((U = s.current) == null ? void 0 : U.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, { behavior: "instant" });
     });
   };
   y(() => n.subscribe((I) => {
@@ -494,10 +496,10 @@ const Bt = /* @__PURE__ */ u("div")({
     }
     l.get().sdkInDesktopView ? n.setKey("tabsShown", I.scrollDirection === "backward") : n.setKey("tabsShown", I.scrollDirection === "forward");
   }), [n, l]), y(() => {
-    a || m(M.HOME);
+    a || m(_.HOME);
   }, [a]);
   let $ = "0px";
-  return h ? $ = d ? "0px" : "calc(0px - var(--header-height))" : $ = d ? "var(--header-height)" : "0px", /* @__PURE__ */ f(Be, { className: E(t, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
+  return h ? $ = d ? "0px" : "calc(0px - var(--header-height))" : $ = d ? "var(--header-height)" : "0px", /* @__PURE__ */ f(Be, { className: C(t, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
     a && /* @__PURE__ */ i(
       Fe,
       {
@@ -507,13 +509,13 @@ const Bt = /* @__PURE__ */ u("div")({
         children: /* @__PURE__ */ i(St, { activePage: c, toggleActivePage: b })
       }
     ),
-    c === M.HOME && /* @__PURE__ */ f(T, { children: [
+    c === _.HOME && /* @__PURE__ */ f(L, { children: [
       /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Pe, { children: /* @__PURE__ */ i(nn, { userSummary: e.userSummary }) }) }),
       /* @__PURE__ */ i(Ve, { style: { flex: 1 }, children: /* @__PURE__ */ i(tn, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    c === M.LEADERBOARD && /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(en, { scrollStore: n, scrollNode: o, gamification: e }) })
+    c === _.LEADERBOARD && /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(en, { scrollStore: n, scrollNode: o, gamification: e }) })
   ] });
-}, on = () => W, re = /* @__PURE__ */ u(on())({
+}, on = () => G, re = /* @__PURE__ */ u(on())({
   name: "OpenedContainer",
   class: "ouvguos",
   propsAsIs: !0
@@ -527,7 +529,7 @@ const Bt = /* @__PURE__ */ u("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Fs = ({
+}, Ps = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -551,7 +553,7 @@ const Bt = /* @__PURE__ */ u("div")({
 }) => {
   const {
     topNavigation: l
-  } = G(), d = v(e.openedQuestionId), a = v(e.openedQuestion.$store), c = v(e.openedUser || ye(void 0)), {
+  } = W(), d = v(e.openedQuestionId), a = v(e.openedQuestion.$store), c = v(e.openedUser || ye(void 0)), {
     sdkInDesktopView: m
   } = v(r, {
     keys: ["sdkInDesktopView"]
@@ -562,20 +564,20 @@ const Bt = /* @__PURE__ */ u("div")({
   if (!d && !c)
     return null;
   const g = a ? /* @__PURE__ */ i(re, {
-    className: E(o, !l && le),
+    className: C(o, !l && le),
     hiding: p,
     onAnimationEnd: h,
-    children: /* @__PURE__ */ i(rt, {
+    children: /* @__PURE__ */ i(at, {
       muted: t,
       sdk: n,
       gamification: e
     })
   }) : c ? /* @__PURE__ */ i(re, {
-    className: E(o, !l && le),
+    className: C(o, !l && le),
     hiding: p,
     onAnimationEnd: h,
     children: /* @__PURE__ */ f(an, {
-      children: [/* @__PURE__ */ i(dt, {
+      children: [/* @__PURE__ */ i(lt, {
         label: "Friend's Rank",
         close: e.closeUser
       }), /* @__PURE__ */ i(Ke, {
@@ -592,7 +594,7 @@ const Bt = /* @__PURE__ */ u("div")({
     children: g
   });
 }, dn = xe(() => import("./gamification-feature.js")), cn = ({ sdk: e, feature: t, className: n, scrollStore: o, appNode: s, scrollNode: r, responsiveStore: l }) => {
-  const d = C(() => t && t.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(It, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ i(
+  const d = w(() => t && t.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(It, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ i(
     dn,
     {
       appNode: s,
@@ -662,9 +664,9 @@ var de;
 (function(e) {
   e.Init = "init", e.Ready = "ready", e.Connecting = "connecting", e.Connected = "connected", e.Disconnected = "disconnected", e.Failed = "failed", e.Reconnect = "reconnect", e.Reconnecting = "reconnecting";
 })(de || (de = {}));
-U("grpc:stream");
-x.Unknown, x.Internal, x.DeadlineExceeded, x.ResourceExhausted, x.FailedPrecondition, x.Unavailable, x.DataLoss;
-U("grpc:retry");
+M("grpc:stream");
+R.Unknown, R.Internal, R.DeadlineExceeded, R.ResourceExhausted, R.FailedPrecondition, R.Unavailable, R.DataLoss;
+M("grpc:retry");
 ee(10, { description: "Number of attempts to retry" }), ee(3e4, { description: "Max delay between retries in milliseconds" });
 var A;
 (function(e) {
@@ -713,16 +715,15 @@ var he;
 (function(e) {
   e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
 })(he || (he = {}));
-U("deep_link");
-U("bypass");
+M("deep_link");
+M("bypass");
 new hn();
-U("video_player");
-w.FACTOID + "", w.POLL + "", w.TRIVIA + "", w.PREDICTION + "", w.TWEET + "";
+M("video_player");
 var ve;
 (function(e) {
   e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
 })(ve || (ve = {}));
-w.POLL, w.PREDICTION, w.TRIVIA;
+V.POLL, V.PREDICTION, V.TRIVIA;
 const vn = {
   [N.GAMES]: !0
 }, fn = /* @__PURE__ */ u("div")({
@@ -755,18 +756,18 @@ const vn = {
   name: "ButtonLabel",
   class: "b40tuix",
   propsAsIs: !1
-}), Nn = "s14xk0af", Sn = "ha3mg7c", $n = "h103yr45", z = ({ disabled: e, active: t, onClick: n, label: o, icon: s, id: r }) => /* @__PURE__ */ i(
+}), Nn = "s14xk0af", Sn = "ha3mg7c", $n = "h103yr45", F = ({ disabled: e, active: t, onClick: n, label: o, icon: s, id: r }) => /* @__PURE__ */ i(
   bn,
   {
     onClick: n,
     "data-a": "intr",
     disabled: e,
-    className: E(
+    className: C(
       t && Nn,
       !t && (r === "channels" || r === "featuredGroups") && Sn,
       !t && r === "leaderboard" && $n
     ),
-    children: /* @__PURE__ */ f(T, { children: [
+    children: /* @__PURE__ */ f(L, { children: [
       s && /* @__PURE__ */ i(kn, { children: s }),
       /* @__PURE__ */ i(yn, { children: o })
     ] })
@@ -791,7 +792,7 @@ const vn = {
   name: "CloseIcon",
   class: "clqia8k",
   propsAsIs: !0
-}), Tn = () => D, Dn = /* @__PURE__ */ u(Tn())({
+}), Dn = () => D, Tn = /* @__PURE__ */ u(Dn())({
   name: "DashboardIcon",
   class: "df5w958",
   propsAsIs: !0
@@ -803,10 +804,10 @@ const vn = {
     e.closeFeature();
   };
   return /* @__PURE__ */ f($e, {
-    className: E(t, On),
+    className: C(t, On),
     children: [/* @__PURE__ */ f(Cn, {
       children: [/* @__PURE__ */ f(En, {
-        children: [/* @__PURE__ */ i(Dn, {
+        children: [/* @__PURE__ */ i(Tn, {
           name: "dashboard"
         }), "Dashboard"]
       }), /* @__PURE__ */ i(Rn, {
@@ -824,10 +825,10 @@ const vn = {
   sdk: e,
   className: t
 }, n) => {
-  const o = v(e.sdkStore.organizationSettings), s = v(e.sdkStore.streamSettings), r = v(e.getActiveFeature()), l = C(() => {
+  const o = v(e.sdkStore.organizationSettings), s = v(e.sdkStore.streamSettings), r = v(e.getActiveFeature()), l = w(() => {
     const a = (s == null ? void 0 : s.data) || (o == null ? void 0 : o.data);
     return a != null && a.overlays ? a.overlays : [];
-  }, [o, s]), d = C(() => [...l.filter(({
+  }, [o, s]), d = w(() => [...l.filter(({
     enableSdkButton: a,
     type: c
   }) => c === N.GAMES || a).map((a) => ({
@@ -845,12 +846,12 @@ const vn = {
   return /* @__PURE__ */ f($e, {
     className: t,
     children: [d.length !== 0 && /* @__PURE__ */ i(fe, {
-      children: [/* @__PURE__ */ i(z, {
+      children: [/* @__PURE__ */ i(F, {
         id: "Channels",
         onClick: () => e.closeFeature(),
         label: "Channels",
         active: r === 0
-      }, "Channels"), ...d.map((a) => a.id === N.GAMES ? /* @__PURE__ */ i(z, {
+      }, "Channels"), ...d.map((a) => a.id === N.GAMES ? /* @__PURE__ */ i(F, {
         ...a,
         active: a.id === r,
         label: "StreamLayer +",
@@ -859,13 +860,13 @@ const vn = {
           name: "icon-btn-feature-groups",
           "data-selected": a.id === r
         })
-      }, a.id) : /* @__PURE__ */ i(z, {
+      }, a.id) : /* @__PURE__ */ i(F, {
         ...a,
         icon: void 0,
         active: a.id === r
       }, a.id))]
     }), !d.length && /* @__PURE__ */ i(fe, {
-      children: [/* @__PURE__ */ i(z, {
+      children: [/* @__PURE__ */ i(F, {
         id: "empty",
         label: "No Features...",
         active: !1,
@@ -926,7 +927,7 @@ const vn = {
 }, Q = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
-  headline: /* @__PURE__ */ f(T, {
+  headline: /* @__PURE__ */ f(L, {
     children: ["Welcome to ", /* @__PURE__ */ i("br", {}), " Live Challenge"]
   })
 }, {
@@ -935,11 +936,11 @@ const vn = {
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
   headline: "Win points and play against friends."
-}], Wn = /* @__PURE__ */ u("div")({
+}], Gn = /* @__PURE__ */ u("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
   propsAsIs: !1
-}), Gn = () => W, Hn = /* @__PURE__ */ u(Gn())({
+}), Wn = () => G, Hn = /* @__PURE__ */ u(Wn())({
   name: "OnboardingNotificationContainer",
   class: "o1vnouv7",
   propsAsIs: !0
@@ -963,21 +964,21 @@ const vn = {
   var d, a, c, m, p, h, g;
   const b = v(o.friends ? o.friends.getStore() : ye({
     data: []
-  })), [$, I] = S(void 0), B = C(() => {
-    var R, _;
+  })), [$, I] = S(void 0), U = w(() => {
+    var E, O;
     const J = r.getInviter();
-    return J ? (_ = (R = b.data) == null ? void 0 : R.find(({
+    return J ? (O = (E = b.data) == null ? void 0 : E.find(({
       slId: we
-    }) => we === J)) == null ? void 0 : _.name : "";
+    }) => we === J)) == null ? void 0 : O.name : "";
   }, [b.data, r]);
   return y(() => {
-    const R = e.$store.subscribe((_) => {
-      _ && I(_.data);
+    const E = e.$store.subscribe((O) => {
+      O && I(O.data);
     });
     return () => {
-      R();
+      E();
     };
-  }, [e.$store]), /* @__PURE__ */ f(Wn, {
+  }, [e.$store]), /* @__PURE__ */ f(Gn, {
     children: [/* @__PURE__ */ i(Ze, {
       loading: s,
       rules: [{
@@ -1001,12 +1002,12 @@ const vn = {
       inviteCardSubtext: (h = t.inviteCard) == null ? void 0 : h.subtext,
       inviteCardBtnLabel: (g = t.inviteCard) == null ? void 0 : g.buttonLabel,
       onClose: () => {
-        var R;
-        (R = n.close) == null || R.call(n);
+        var E;
+        (E = n.close) == null || E.call(n);
       },
       gamification: o,
       sdk: r,
-      inviterName: B
+      inviterName: U
     }), l && /* @__PURE__ */ i(Jn, {})]
   });
 }, Zn = ({
@@ -1018,14 +1019,14 @@ const vn = {
   sdkInDesktopView: r,
   responsiveStore: l
 }) => {
-  const d = L(null), a = t.data.onboarding, [c, m] = S(a == null ? void 0 : a.instantOpen), p = e.getFeature(N.GAMES), h = C(() => Q == null ? void 0 : Q.map(({
+  const d = x(null), a = t.data.onboarding, [c, m] = S(a == null ? void 0 : a.instantOpen), p = e.getFeature(N.GAMES), h = w(() => Q == null ? void 0 : Q.map(({
     graphicSrc: I
   }) => I), []), {
     screen: g
   } = v(l, {
     keys: ["screen"]
   });
-  Te(() => {
+  De(() => {
     var I;
     n(((I = d.current) == null ? void 0 : I.getBoundingClientRect().height) || 0);
   }, [n]);
@@ -1047,7 +1048,7 @@ const vn = {
       renderToNode: s,
       sdk: e
     })
-  }) : /* @__PURE__ */ f(T, {
+  }) : /* @__PURE__ */ f(L, {
     children: [/* @__PURE__ */ i(Ie, {
       ref: d,
       style: {
@@ -1078,7 +1079,7 @@ const vn = {
       })
     })]
   });
-}, Xn = () => W, es = /* @__PURE__ */ u(Xn())({
+}, Xn = () => G, es = /* @__PURE__ */ u(Xn())({
   name: "Container",
   class: "c8ol1ve",
   propsAsIs: !0
@@ -1099,7 +1100,7 @@ const vn = {
   class: "p1lha68t",
   propsAsIs: !0
 }), as = (e) => {
-  const [t, n] = S(0), o = L(null), s = C(() => new ResizeObserver((d) => {
+  const [t, n] = S(0), o = x(null), s = w(() => new ResizeObserver((d) => {
     window.requestAnimationFrame(() => {
       var a;
       if (Array.isArray(d)) {
@@ -1138,9 +1139,9 @@ const vn = {
     keys: ["sdkInDesktopView"]
   }), {
     sdk: a
-  } = G(), [c, m, p] = as(t.id);
+  } = W(), [c, m, p] = as(t.id);
   let h = m;
-  return s || (h = "auto"), t.type === P.QUESTION ? /* @__PURE__ */ f(T, {
+  return s || (h = "auto"), t.type === z.QUESTION ? /* @__PURE__ */ f(L, {
     children: [/* @__PURE__ */ i(ns, {
       ref: c,
       children: /* @__PURE__ */ i(te, {
@@ -1161,7 +1162,7 @@ const vn = {
         })
       }), /* @__PURE__ */ i(ss, {}, t.id)]
     })]
-  }) : t.type === P.QUESTION_RESOLVED && (l = (r = t.data) == null ? void 0 : r.question) != null && l.predictionResult ? /* @__PURE__ */ i(et, {
+  }) : t.type === z.QUESTION_RESOLVED && (l = (r = t.data) == null ? void 0 : r.question) != null && l.predictionResult ? /* @__PURE__ */ i(et, {
     style: {
       height: t.hiding ? 0 : m
     },
@@ -1169,7 +1170,7 @@ const vn = {
     close: t.close,
     hiding: t.hiding,
     ...t.data.question
-  }) : t.type === P.ONBOARDING ? /* @__PURE__ */ i(Zn, {
+  }) : t.type === z.ONBOARDING ? /* @__PURE__ */ i(Zn, {
     style: {
       height: t.hiding ? 0 : h
     },
@@ -1204,8 +1205,8 @@ const vn = {
     r.get().sdkInDesktopView ? p < 50 && t(null) : p > -50 && t(null);
   }, [p, r, t]);
   const h = r.get().sdkInDesktopView ? n : o;
-  return !e || !h.current ? null : ht(/* @__PURE__ */ i(is, {
-    title: e.type === P.QUESTION_RESOLVED ? "Prediction result" : `New ${((a = mt[(d = e.data) == null ? void 0 : d.questionType]) == null ? void 0 : a.label) || "notification"}`,
+  return !e || !h.current ? null : mt(/* @__PURE__ */ i(is, {
+    title: e.type === z.QUESTION_RESOLVED ? "Prediction result" : `New ${((a = ut[(d = e.data) == null ? void 0 : d.questionType]) == null ? void 0 : a.label) || "notification"}`,
     "data-a": "intr",
     onClick: () => {
       var g;
@@ -1216,7 +1217,7 @@ const vn = {
         behavior: "smooth"
       }), t(null);
     },
-    className: E(m && ls, "sl-pill-button")
+    className: C(m && ls, "sl-pill-button")
   }), h.current);
 }, cs = ({
   sdk: e,
@@ -1227,9 +1228,9 @@ const vn = {
   scrollStore: r,
   hasActiveFeature: l
 }) => {
-  const [d] = S(e.getNotificationsStore()), a = v(d), [c, m] = S(null), p = C(() => e.getActiveNotification(), [e, a]);
+  const [d] = S(e.getNotificationsStore()), a = v(d), [c, m] = S(null), p = w(() => e.getActiveNotification(), [e, a]);
   return y(() => {
-    p && at.emit("notification", {
+    p && ht.emit("notification", {
       action: "rendered",
       payload: {
         questionId: p.data.questionId,
@@ -1246,7 +1247,7 @@ const vn = {
     }));
   }, [p]), y(() => {
     p || m(null);
-  }, [p]), /* @__PURE__ */ f(T, {
+  }, [p]), /* @__PURE__ */ f(L, {
     children: [!c && p && /* @__PURE__ */ i(rs, {
       appNode: s,
       sdk: e,
@@ -1318,7 +1319,7 @@ const vn = {
   muted: t,
   topNavigation: n
 }) => {
-  const [o, s] = S(!0), r = L(null), l = v(e.uiState), d = L(null), [a] = vt(r), [c, m] = gt(r, a), {
+  const [o, s] = S(!0), r = x(null), l = v(e.uiState), d = x(null), [a] = vt(r), [c, m] = gt(r, a), {
     sdkReady: p,
     activeFeature: h,
     isLogged: g
@@ -1328,13 +1329,13 @@ const vn = {
     event: "click",
     listener: ot
   });
-  const $ = C(() => ({
+  const $ = w(() => ({
     sdk: e,
     topNavigation: n
   }), [e, n]);
   return y(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ i(lt.Provider, {
+  }, []), /* @__PURE__ */ i(rt.Provider, {
     value: $,
     children: /* @__PURE__ */ f(Qe, {
       ref: (I) => {
@@ -1342,14 +1343,14 @@ const vn = {
       },
       className: n ? "" : "c10llmat",
       children: [b && n && l.app && /* @__PURE__ */ i(Mn, {
-        className: E(F, "sl-hide-on-modal"),
+        className: C(B, "sl-hide-on-modal"),
         sdk: e,
         ref: d
       }), b && !n && !!h && l.app && /* @__PURE__ */ i(_n, {
-        className: E(F, "sl-hide-on-modal"),
+        className: C(B, "sl-hide-on-modal"),
         sdk: e,
         ref: d
-      }), /* @__PURE__ */ f(We, {
+      }), /* @__PURE__ */ f(Ge, {
         className: "sl-hide-on-modal",
         ref: c,
         "data-nav": (!!h && b).toString(),
@@ -1366,13 +1367,13 @@ const vn = {
           responsiveStore: a,
           scrollNode: c,
           appNode: r,
-          className: F,
+          className: B,
           sdk: e
         }), b && o && /* @__PURE__ */ i(ms, {
           muted: t,
           responsiveStore: a,
           appNode: r,
-          className: F,
+          className: B,
           sdk: e
         })]
       }), b && !g && o && l.app && /* @__PURE__ */ i("div", {
@@ -1387,13 +1388,13 @@ const vn = {
       })]
     })
   });
-}, zs = ({ event: e, topNavigation: t, theme: n, muted: o, withSidebarNotification: s = !0 }) => {
-  const { sdk: r, status: l } = Y(Z), d = De(), a = Oe(), { event: c } = Y(Z);
+}, Vs = ({ event: e, topNavigation: t, theme: n, muted: o, withSidebarNotification: s = !0 }) => {
+  const { sdk: r, status: l } = Y(Z), d = Te(), a = Oe(), { event: c } = Y(Z);
   if (l === X.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
   return l === X.CONNECTED ? /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: "wait" }) : r === null ? /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !d.app && !d.appNotification && !d.appSidebar || !d.app && !d.appSidebar && d.appNotification && !s ? null : /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ i(Me, { customTheme: n ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ i(hs, { sdk: r, muted: o, event: (c == null ? void 0 : c.current) || e, topNavigation: t }) }) });
 };
 export {
-  Fs as B,
-  zs as b
+  Ps as B,
+  Vs as b
 };