@streamlayer/react 1.23.1 → 1.24.0

package/lib/es/index2.js

@@ -1,160 +1,154 @@
-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 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 B } from "./theme.js";
-import { F as it, c as M } from "./feature.js";
+import { h as ye } from "./index7.js";
+import { jsx as n, jsxs as v, Fragment as R } from "react/jsx-runtime";
+import { u as f, s as p, a as Ne, c as $, N as M } from "./sl-types.js";
+import { l as Se, S as $e, m as we, d as Ae, n as Ce, C as Ee, y as Re, a as xe, f as V, p as Le, c as De } from "./index14.js";
+import { M as Te, b as Oe, Q as _e, z as me, c as he, T as fe, I as Me, n as Be, f as Ue, w as Q, a as Fe, p as Pe } from "./index16.js";
+import P from "lodash.throttle";
+import { useState as N, useEffect as b, useRef as E, PureComponent as ze, useCallback as z, useMemo as w, Suspense as Ve, lazy as qe, forwardRef as ve, useLayoutEffect as je, useContext as K } from "react";
+import { A as L } from "./index9.js";
+import { f as ge, u as Qe, A as Ke, a as We } from "./analytics.js";
+import { m as O } from "./theme.js";
+import { F as Ge, c as T } from "./feature.js";
 import "nanostores";
-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 dt from "react-infinite-scroller";
-import { I as ct, s as pt, e as ut } from "./index12.js";
+import { p as q, _ as He, e as Je } from "./Question.js";
+import { O as Ze } from "./index13.js";
+import { B as x } from "./index8.js";
+import { I as Xe, S as y, f as C, h as W, Q as U } from "./useStreamLayerApp2.js";
+import Ye from "react-infinite-scroller";
+import { I as et, s as tt, e as st } from "./index11.js";
 import "uuid";
 import "@nanostores/query";
 import "./storage.js";
-import "./index7.js";
-import { createPortal as mt } from "react-dom";
-import { e as ht } from "./index3.js";
+import "./index6.js";
+import { createPortal as nt } from "react-dom";
+import { e as ot } from "./index3.js";
+import { i as G, q as at, _ as rt, j as H } from "./hooks-n9ax4LRT.js";
 import "./notification.js";
-const ne = Object.keys(T), se = () => {
+const J = Object.keys(L), Z = () => {
   const e = window.innerWidth;
   let t = "sm";
-  for (let n = ne.length - 1; n > 0; n--) {
-    const o = ne[n];
-    if (!(e < T[o]) && e >= T[o]) {
-      t = o;
+  for (let s = J.length - 1; s > 0; s--) {
+    const a = J[s];
+    if (!(e < L[a]) && e >= L[a]) {
+      t = a;
       break;
     }
   }
   return {
     name: t,
-    size: T[t]
+    size: L[t]
   };
-}, oe = (e) => {
-  var t;
-  return (((t = e.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) < -68;
-}, P = () => window.matchMedia("(orientation: landscape)").matches, vt = (e) => {
-  const [t] = S(() => Se({
-    screen: se(),
-    sdkInView: oe(e),
-    sdkInDesktopView: P()
+}, X = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, B = () => window.matchMedia("(orientation: landscape)").matches, it = (e) => {
+  const [t] = N(() => ge({
+    screen: Z(),
+    sdkInView: X(e),
+    sdkInDesktopView: B()
   }));
-  return y(() => {
-    const n = K(() => {
-      t.setKey("sdkInView", oe(e));
-    }, 200), o = K(() => {
-      const s = se();
-      t.setKey("screen", s), t.setKey("sdkInDesktopView", P());
+  return b(() => {
+    const s = P(() => {
+      t.setKey("sdkInView", X(e));
+    }, 200), a = P(() => {
+      const o = Z();
+      t.setKey("screen", o), t.setKey("sdkInDesktopView", B());
     }, 200);
-    return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
-      window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
+    return window.addEventListener("scroll", s), window.addEventListener("resize", a), () => {
+      window.removeEventListener("scroll", s), window.removeEventListener("resize", a);
     };
   }, [t, e]), [t];
-}, H = (e, t, n) => {
-  const o = t >= T.lg && t < T.xl ? 75 : 52;
+}, j = (e, t, s) => {
+  const a = t >= L.lg && t < L.xl ? 75 : 52;
   e.current && window.scrollTo({
-    top: e.current.offsetTop - o,
-    ...n
+    top: e.current.offsetTop - a,
+    ...s
   });
-}, ft = 15, gt = (e, t) => {
-  const n = x(null), o = x(0), [s] = S(
-    Se({
+}, lt = 15, dt = (e, t) => {
+  const s = E(null), a = E(0), [o] = N(
+    ge({
       scrollPosition: 0,
       tabsShown: !0,
       scrollDirection: "forward"
     })
-  ), r = v(t);
-  return y(() => {
-    const l = P() ? n.current : window;
-    if (!l)
+  ), r = f(t);
+  return b(() => {
+    const d = B() ? s.current : window;
+    if (!d)
       return () => {
       };
-    const d = K((a) => {
-      var c;
-      const m = a.target;
-      if (!m)
+    const l = P((i) => {
+      const c = i.target;
+      if (!c)
         return;
-      let p = 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))
+      let u = 0;
+      B() ? u = c.scrollTop : u = e.current?.getBoundingClientRect().y || 0;
+      const m = a.current - u;
+      if (lt > Math.abs(m))
         return;
-      const g = o.current < p ? "forward" : "backward";
-      o.current = p, s.set({
-        scrollPosition: Math.round(p),
-        scrollDirection: g,
-        tabsShown: s.get().tabsShown
+      const h = a.current < u ? "forward" : "backward";
+      a.current = u, o.set({
+        scrollPosition: Math.round(u),
+        scrollDirection: h,
+        tabsShown: o.get().tabsShown
       });
     }, 200);
-    return l.addEventListener("scroll", d), () => {
-      l.removeEventListener("scroll", d);
+    return d.addEventListener("scroll", l), () => {
+      d.removeEventListener("scroll", l);
     };
-  }, [s, e, r.screen]), [n, s];
-}, q = /* @__PURE__ */ u("div")({
+  }, [o, e, r.screen]), [s, o];
+}, F = /* @__PURE__ */ p("div")({
   name: "LoadingContainer",
   class: "lclc0ej",
   propsAsIs: !1
-}), It = ({
+}), ct = ({
   feature: e,
   sdk: t,
-  children: n,
-  className: o,
-  noWait: s
+  children: s,
+  className: a,
+  noWait: o
 }) => {
-  const r = v(e.status), l = v(t.sdkStore.slStreamId);
-  if (!s) {
-    if (l != null && l.loading && !l.data)
-      return /* @__PURE__ */ i(q, {
-        className: o,
+  const r = f(e.status), d = f(t.sdkStore.slStreamId);
+  if (!o) {
+    if (d?.loading && !d.data)
+      return /* @__PURE__ */ n(F, {
+        className: a,
         children: "Event is loading..."
       });
-    if (!(l != null && l.data))
-      return /* @__PURE__ */ i(q, {
-        className: o,
+    if (!d?.data)
+      return /* @__PURE__ */ n(F, {
+        className: a,
         children: "Event is forbidden..."
       });
-    if (r !== it.Ready)
-      return /* @__PURE__ */ i(q, {
-        className: o,
+    if (r !== Ge.Ready)
+      return /* @__PURE__ */ n(F, {
+        className: a,
         children: "Wait feature..."
       });
   }
-  return n;
-}, bt = /* @__PURE__ */ u("div")({
+  return s;
+}, pt = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ u("div")({
+}), ut = /* @__PURE__ */ p("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), yt = /* @__PURE__ */ u("button")({
+}), mt = /* @__PURE__ */ p("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Nt = /* @__PURE__ */ u("span")({
+}), ht = /* @__PURE__ */ p("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
-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(
+var D = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(D || {});
+const Y = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(mt, { "data-a": "intr", onClick: s, "data-selected": t, children: /* @__PURE__ */ n(ht, { "data-a": "intr", children: e }) }), ft = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(pt, { children: /* @__PURE__ */ v(ut, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ n(Y, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
-  /* @__PURE__ */ i(
-    ie,
+  /* @__PURE__ */ n(
+    Y,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -164,85 +158,85 @@ const ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(yt, { "dat
       )
     }
   )
-] }) }), $t = /* @__PURE__ */ u("div")({
+] }) }), vt = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), At = () => D, wt = /* @__PURE__ */ u(At())({
+}), gt = () => x, It = /* @__PURE__ */ p(gt())({
   name: "FriendsIcon",
   class: "f10ncfg2",
   propsAsIs: !0
-}), Ct = /* @__PURE__ */ u("div")({
+}), bt = /* @__PURE__ */ p("div")({
   name: "Content",
   class: "c1yc07bd",
   propsAsIs: !1
-}), Et = /* @__PURE__ */ u("div")({
+}), kt = /* @__PURE__ */ p("div")({
   name: "Title",
   class: "tj6cq7w",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ u("div")({
+}), yt = /* @__PURE__ */ p("div")({
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), xt = () => D, Lt = /* @__PURE__ */ u(xt())({
+}), Nt = () => x, St = /* @__PURE__ */ p(Nt())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), Dt = ({ title: e, description: t, onClick: n, className: o }) => {
-  const [s] = nt({
+}), $t = ({ title: e, description: t, onClick: s, className: a }) => {
+  const [o] = Qe({
     type: "invitation",
     action: "sent",
     payload: {
-      from: _e.TITLE_CARD
+      from: Xe.TITLE_CARD
     }
   });
-  return /* @__PURE__ */ f($t, { "data-a": "intr", onClick: s(n), className: o, children: [
-    /* @__PURE__ */ i(wt, { name: "icon-friends" }),
-    /* @__PURE__ */ f(Ct, { children: [
-      /* @__PURE__ */ i(Et, { children: e }),
-      /* @__PURE__ */ i(Rt, { children: t })
+  return /* @__PURE__ */ v(vt, { "data-a": "intr", onClick: o(s), className: a, children: [
+    /* @__PURE__ */ n(It, { name: "icon-friends" }),
+    /* @__PURE__ */ v(bt, { children: [
+      /* @__PURE__ */ n(kt, { children: e }),
+      /* @__PURE__ */ n(yt, { children: t })
     ] }),
-    /* @__PURE__ */ i(Lt, { name: "icon-copy" })
+    /* @__PURE__ */ n(St, { name: "icon-copy" })
   ] });
 };
-function Tt(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, o = e.startIndex, s = e.stopIndex;
-  return !(o > n || s < t);
+function wt(e) {
+  var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, a = e.startIndex, o = e.stopIndex;
+  return !(a > s || o < t);
 }
-function Ot(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, o = e.minimumBatchSize, s = e.startIndex, r = e.stopIndex, l = [], d = null, a = null, c = s; c <= r; c++) {
-    var m = t(c);
-    m ? a !== null && (l.push(d, a), d = a = null) : (a = c, d === null && (d = c));
+function At(e) {
+  for (var t = e.isItemLoaded, s = e.itemCount, a = e.minimumBatchSize, o = e.startIndex, r = e.stopIndex, d = [], l = null, i = null, c = o; c <= r; c++) {
+    var u = t(c);
+    u ? i !== null && (d.push(l, i), l = i = null) : (i = c, l === null && (l = c));
   }
-  if (a !== null) {
-    for (var p = Math.min(Math.max(a, d + o - 1), n - 1), h = a + 1; h <= p && !t(h); h++)
-      a = h;
-    l.push(d, a);
+  if (i !== null) {
+    for (var m = Math.min(Math.max(i, l + a - 1), s - 1), h = i + 1; h <= m && !t(h); h++)
+      i = h;
+    d.push(l, i);
   }
-  if (l.length)
-    for (; l[1] - l[0] + 1 < o && l[0] > 0; ) {
-      var g = l[0] - 1;
+  if (d.length)
+    for (; d[1] - d[0] + 1 < a && d[0] > 0; ) {
+      var g = d[0] - 1;
       if (!t(g))
-        l[0] = g;
+        d[0] = g;
       else
         break;
     }
-  return l;
+  return d;
 }
-var _t = function(e, t) {
+var Ct = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, Mt = /* @__PURE__ */ function() {
-  function e(t, n) {
-    for (var o = 0; o < n.length; o++) {
-      var s = n[o];
-      s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
+}, Et = /* @__PURE__ */ (function() {
+  function e(t, s) {
+    for (var a = 0; a < s.length; a++) {
+      var o = s[a];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
     }
   }
-  return function(t, n, o) {
-    return n && e(t.prototype, n), o && e(t, o), t;
+  return function(t, s, a) {
+    return s && e(t.prototype, s), a && e(t, a), t;
   };
-}(), Ut = function(e, t) {
+})(), Rt = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -253,30 +247,30 @@ var _t = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, ae = function(e, t) {
+}, ee = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
 };
 (function(e) {
-  Ut(t, e);
+  Rt(t, e);
   function t() {
-    var n, o, s, r;
-    _t(this, t);
-    for (var l = arguments.length, d = Array(l), a = 0; a < l; a++)
-      d[a] = arguments[a];
-    return r = (o = (s = ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(d))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(c) {
-      var m = c.visibleStartIndex, p = c.visibleStopIndex;
-      s._lastRenderedStartIndex = m, s._lastRenderedStopIndex = p, s._ensureRowsLoaded(m, p);
-    }, s._setRef = function(c) {
-      s._listRef = c;
-    }, o), ae(s, r);
+    var s, a, o, r;
+    Ct(this, t);
+    for (var d = arguments.length, l = Array(d), i = 0; i < d; i++)
+      l[i] = arguments[i];
+    return r = (a = (o = ee(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(l))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(c) {
+      var u = c.visibleStartIndex, m = c.visibleStopIndex;
+      o._lastRenderedStartIndex = u, o._lastRenderedStopIndex = m, o._ensureRowsLoaded(u, m);
+    }, o._setRef = function(c) {
+      o._listRef = c;
+    }, a), ee(o, r);
   }
-  return Mt(t, [{
+  return Et(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], o && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], a && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -285,346 +279,344 @@ var _t = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var o = this.props.children;
-      return o({
+      var a = this.props.children;
+      return a({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(o, s) {
-      var r = this.props, l = r.isItemLoaded, d = r.itemCount, a = r.minimumBatchSize, c = a === void 0 ? 10 : a, m = r.threshold, p = m === void 0 ? 15 : m, h = Ot({
-        isItemLoaded: l,
-        itemCount: d,
+    value: function(a, o) {
+      var r = this.props, d = r.isItemLoaded, l = r.itemCount, i = r.minimumBatchSize, c = i === void 0 ? 10 : i, u = r.threshold, m = u === void 0 ? 15 : u, h = At({
+        isItemLoaded: d,
+        itemCount: l,
         minimumBatchSize: c,
-        startIndex: Math.max(0, o - p),
-        stopIndex: Math.min(d - 1, s + p)
+        startIndex: Math.max(0, a - m),
+        stopIndex: Math.min(l - 1, o + m)
       });
-      (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(g, b) {
-        return h[b] !== g;
+      (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(g, I) {
+        return h[I] !== g;
       })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(o) {
-      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 (Tt({
-            lastRenderedStartIndex: s._lastRenderedStartIndex,
-            lastRenderedStopIndex: s._lastRenderedStopIndex,
-            startIndex: m,
-            stopIndex: p
+    value: function(a) {
+      for (var o = this, r = this.props.loadMoreItems || this.props.loadMoreRows, d = function(c) {
+        var u = a[c], m = a[c + 1], h = r(u, m);
+        h?.then(function() {
+          if (wt({
+            lastRenderedStartIndex: o._lastRenderedStartIndex,
+            lastRenderedStopIndex: o._lastRenderedStopIndex,
+            startIndex: u,
+            stopIndex: m
           })) {
-            if (s._listRef == null)
+            if (o._listRef == null)
               return;
-            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(m, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
+            typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(u, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
           }
         });
-      }, d = 0; d < o.length; d += 2)
-        l(d);
+      }, l = 0; l < a.length; l += 2)
+        d(l);
     }
   }]), t;
-})(Re);
-const Bt = /* @__PURE__ */ u("div")({
+})(ze);
+const xt = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), Ft = /* @__PURE__ */ u("div")({
+}), Lt = /* @__PURE__ */ p("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), zt = /* @__PURE__ */ u("img")({
+}), Dt = /* @__PURE__ */ p("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), Pt = /* @__PURE__ */ u("div")({
+}), Tt = /* @__PURE__ */ p("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), Vt = /* @__PURE__ */ u("div")({
+}), Ot = /* @__PURE__ */ p("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ u("div")({
+}), _t = /* @__PURE__ */ p("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), jt = /* @__PURE__ */ u("span")({
+}), Mt = /* @__PURE__ */ p("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Kt = () => D, Qt = /* @__PURE__ */ u(Kt())({
+}), Bt = () => x, Ut = /* @__PURE__ */ p(Bt())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), Gt = ({
+}), Ft = ({
   friendsRank: e,
   avatar: t,
-  name: n,
-  userId: o,
-  points: s,
+  name: s,
+  userId: a,
+  points: o,
   isCurrentUser: r,
-  style: l
-}) => /* @__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: ct(n || "") }),
-    /* @__PURE__ */ f(qt, { children: [
-      /* @__PURE__ */ i(jt, { children: n || "" }),
-      r && /* @__PURE__ */ i(Qt, { name: "icon-star" })
+  style: d
+}) => /* @__PURE__ */ v(xt, { "data-name": a, style: d, children: [
+  /* @__PURE__ */ n(Lt, { children: e || 0 }),
+  /* @__PURE__ */ v(Ot, { children: [
+    t ? /* @__PURE__ */ n(Dt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(Tt, { children: et(s || "") }),
+    /* @__PURE__ */ v(_t, { children: [
+      /* @__PURE__ */ n(Mt, { children: s || "" }),
+      r && /* @__PURE__ */ n(Ut, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ i("div", { children: pt(s) })
-] }), Wt = /* @__PURE__ */ u("div")({
+  /* @__PURE__ */ n("div", { children: tt(o) })
+] }), Pt = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
-}), Ht = ({
+}), zt = ({
   items: e,
   currentUserId: t,
-  openItemDetail: n,
-  fetchMore: o,
-  scrollNode: s,
+  openItemDetail: s,
+  fetchMore: a,
+  scrollNode: o,
   hasMore: r
 }) => {
-  const l = j((d) => {
-    const a = d.target.getAttribute("data-name");
-    a && n(a);
-  }, [n]);
-  return /* @__PURE__ */ i(dt, {
-    loadMore: o,
+  const d = z((l) => {
+    const i = l.target.getAttribute("data-name");
+    i && s(i);
+  }, [s]);
+  return /* @__PURE__ */ n(Ye, {
+    loadMore: a,
     initialLoad: !1,
     hasMore: r,
     useWindow: !1,
-    getScrollParent: () => s.current,
-    children: /* @__PURE__ */ i(Wt, {
+    getScrollParent: () => o.current,
+    children: /* @__PURE__ */ n(Pt, {
       "data-a": "intr",
-      onClick: l,
-      children: e.map((d) => /* @__PURE__ */ i(Gt, {
-        ...d,
-        isCurrentUser: !!t && t === d.userId
-      }, d.userId))
+      onClick: d,
+      children: e.map((l) => /* @__PURE__ */ n(Ft, {
+        ...l,
+        isCurrentUser: !!t && t === l.userId
+      }, l.userId))
     })
   });
-}, Jt = /* @__PURE__ */ u("div")({
+}, Vt = /* @__PURE__ */ p("div")({
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
   propsAsIs: !1
-}), Yt = ({
+}), qt = ({
   deepLink: e
-}) => /* @__PURE__ */ i(Jt, {
-  children: /* @__PURE__ */ i(We, {
+}) => /* @__PURE__ */ n(Vt, {
+  children: /* @__PURE__ */ n(Te, {
     inviteLink: e,
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-}), Zt = /* @__PURE__ */ u("div")({
+}), jt = /* @__PURE__ */ p("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
-}), Xt = ({
+}), Qt = ({
   gamification: e,
   scrollNode: t,
-  scrollStore: n,
-  leaderboardList: o
+  scrollStore: s,
+  leaderboardList: a
 }) => {
-  const s = x(null), {
+  const o = E(null), {
     data: r,
-    hasMore: l,
-    loading: d,
-    key: a
-  } = v(o.$store), {
+    hasMore: d,
+    loading: l,
+    key: i
+  } = f(a.$store), {
     data: c
-  } = v(e.deepLink.$store), [m, p] = He(s);
-  return !r.length && !d ? /* @__PURE__ */ i(Yt, {
+  } = f(e.deepLink.$store), [u, m] = Oe(o);
+  return !r.length && !l ? /* @__PURE__ */ n(qt, {
     deepLink: c
-  }) : /* @__PURE__ */ f(L, {
-    children: [/* @__PURE__ */ i(Ht, {
+  }) : /* @__PURE__ */ v(R, {
+    children: [/* @__PURE__ */ n(zt, {
       items: r,
       scrollNode: t,
-      scrollStore: n,
-      fetchMore: o.fetchMore,
-      hasMore: l,
+      scrollStore: s,
+      fetchMore: a.fetchMore,
+      hasMore: d,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }, a), c && /* @__PURE__ */ i(Zt, {
-      ref: s,
-      children: /* @__PURE__ */ i(Dt, {
+    }, i), c && /* @__PURE__ */ n(jt, {
+      ref: o,
+      children: /* @__PURE__ */ n($t, {
         "data-a": "intr",
-        onClick: () => m(c),
+        onClick: () => u(c),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
-    }), p]
+    }), m]
   });
-}, en = ({
+}, Kt = ({
   gamification: e,
   scrollNode: t,
-  scrollStore: n
-}) => e.leaderboardList ? /* @__PURE__ */ i(Xt, {
+  scrollStore: s
+}) => e.leaderboardList ? /* @__PURE__ */ n(Qt, {
   leaderboardList: e.leaderboardList,
   gamification: e,
   scrollNode: t,
-  scrollStore: n
-}) : null, tn = ({ store: e, openQuestion: t }) => {
-  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;
-  const [n, o] = S(void 0);
-  return y(() => {
-    const s = e.$store.subscribe((r) => {
-      r && o(r);
+  scrollStore: s
+}) : null, Wt = ({ store: e, openQuestion: t }) => {
+  const { sdk: s } = q(), a = f(e);
+  return /* @__PURE__ */ n(_e, { openQuestion: t, questions: a.data, controlVideo: s?.controlVideoPlayer });
+}, Gt = ({ userSummary: e }) => {
+  const [t, s] = N(void 0);
+  return b(() => {
+    const a = e.$store.subscribe((o) => {
+      o && s(o);
     });
     return () => {
-      s();
+      a();
     };
-  }, [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(_.HOME), [, p] = Ue(), { sdkInDesktopView: h, screen: g } = v(l, { keys: ["sdkInDesktopView"] }), b = (I) => {
-    p(() => {
-      var U;
-      m(I), h === !1 && (((U = s.current) == null ? void 0 : U.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, { behavior: "instant" });
+  }, [e]), /* @__PURE__ */ n(me, { loading: !t?.summary, ...t?.summary, successRate: t?.percentage?.correct });
+}, Ht = ({ gamification: e, className: t, scrollStore: s, scrollNode: a, appNode: o, style: r, responsiveStore: d }) => {
+  const { tabsShown: l } = f(s, { keys: ["tabsShown"] }), i = f(e.friendsTabEnabled), [c, u] = N(D.HOME), [, m] = Ne(), { sdkInDesktopView: h, screen: g } = f(d, { keys: ["sdkInDesktopView"] }), I = (k) => {
+    m(() => {
+      u(k), h === !1 && (o.current?.getBoundingClientRect().y || 0) < 0 && j(o, g.size, { behavior: "instant" });
     });
   };
-  y(() => n.subscribe((I) => {
-    if (I.scrollPosition === 0) {
-      n.setKey("tabsShown", !0);
+  b(() => s.subscribe((k) => {
+    if (k.scrollPosition === 0) {
+      s.setKey("tabsShown", !0);
       return;
     }
-    l.get().sdkInDesktopView ? n.setKey("tabsShown", I.scrollDirection === "backward") : n.setKey("tabsShown", I.scrollDirection === "forward");
-  }), [n, l]), y(() => {
-    a || m(_.HOME);
-  }, [a]);
-  let $ = "0px";
-  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,
+    d.get().sdkInDesktopView ? s.setKey("tabsShown", k.scrollDirection === "backward") : s.setKey("tabsShown", k.scrollDirection === "forward");
+  }), [s, d]), b(() => {
+    i || u(D.HOME);
+  }, [i]);
+  let A = "0px";
+  return h ? A = l ? "0px" : "calc(0px - var(--header-height))" : A = l ? "var(--header-height)" : "0px", /* @__PURE__ */ v(Se, { className: $(t, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
+    i && /* @__PURE__ */ n(
+      $e,
       {
         style: {
-          top: $
+          top: A
         },
-        children: /* @__PURE__ */ i(St, { activePage: c, toggleActivePage: b })
+        children: /* @__PURE__ */ n(ft, { activePage: c, toggleActivePage: I })
       }
     ),
-    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 === D.HOME && /* @__PURE__ */ v(R, { children: [
+      /* @__PURE__ */ n(we, { children: /* @__PURE__ */ n(Ae, { children: /* @__PURE__ */ n(Gt, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ n(Ce, { style: { flex: 1 }, children: /* @__PURE__ */ n(Wt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    c === _.LEADERBOARD && /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(en, { scrollStore: n, scrollNode: o, gamification: e }) })
+    c === D.LEADERBOARD && /* @__PURE__ */ n(Ee, { children: /* @__PURE__ */ n(Kt, { scrollStore: s, scrollNode: a, gamification: e }) })
   ] });
-}, on = () => G, re = /* @__PURE__ */ u(on())({
+}, Jt = () => V, te = /* @__PURE__ */ p(Jt())({
   name: "OpenedContainer",
   class: "ouvguos",
   propsAsIs: !0
-}), le = "t1eu4lbg", an = /* @__PURE__ */ u("div")({
+}), se = "t1eu4lbg", Zt = /* @__PURE__ */ p("div")({
   name: "UserContainer",
   class: "uuv2xqo",
   propsAsIs: !1
-}), rn = ({
+}), Xt = ({
   correct: e,
   incorrect: t
 }) => {
-  const n = e + t;
-  return n === 0 ? 0 : Math.round(e / n * 100);
-}, Ps = ({
+  const s = e + t;
+  return s === 0 ? 0 : Math.round(e / s * 100);
+}, Tn = ({
   gamification: e,
   scrollStore: t,
-  className: n,
-  appNode: o,
-  scrollNode: s,
+  className: s,
+  appNode: a,
+  scrollNode: o,
   responsiveStore: r
-}) => /* @__PURE__ */ i(sn, {
-  appNode: o,
+}) => /* @__PURE__ */ n(Ht, {
+  appNode: a,
   scrollStore: t,
-  scrollNode: s,
-  className: n,
+  scrollNode: o,
+  className: s,
   gamification: e,
   responsiveStore: r
-}), ln = ({
+}), Yt = ({
   gamification: e,
   muted: t,
-  sdk: n,
-  className: o,
-  appNode: s,
+  sdk: s,
+  className: a,
+  appNode: o,
   responsiveStore: r
 }) => {
   const {
-    topNavigation: l
-  } = W(), d = v(e.openedQuestionId), a = v(e.openedQuestion.$store), c = v(e.openedUser || ye(void 0)), {
-    sdkInDesktopView: m
-  } = v(r, {
+    topNavigation: d
+  } = q(), l = f(e.openedQuestionId), i = f(e.openedQuestion.$store), c = f(e.openedUser || he(void 0)), {
+    sdkInDesktopView: u
+  } = f(r, {
     keys: ["sdkInDesktopView"]
   }), {
-    hiding: p,
+    hiding: m,
     onAnimationEnd: h
-  } = je();
-  if (!d && !c)
+  } = Re();
+  if (!l && !c)
     return null;
-  const g = a ? /* @__PURE__ */ i(re, {
-    className: C(o, !l && le),
-    hiding: p,
+  const g = i ? /* @__PURE__ */ n(te, {
+    className: $(a, !d && se),
+    hiding: m,
     onAnimationEnd: h,
-    children: /* @__PURE__ */ i(at, {
+    children: /* @__PURE__ */ n(He, {
       muted: t,
-      sdk: n,
+      sdk: s,
       gamification: e
     })
-  }) : c ? /* @__PURE__ */ i(re, {
-    className: C(o, !l && le),
-    hiding: p,
+  }) : c ? /* @__PURE__ */ n(te, {
+    className: $(a, !d && se),
+    hiding: m,
     onAnimationEnd: h,
-    children: /* @__PURE__ */ f(an, {
-      children: [/* @__PURE__ */ i(lt, {
+    children: /* @__PURE__ */ v(Zt, {
+      children: [/* @__PURE__ */ n(Ze, {
         label: "Friend's Rank",
         close: e.closeUser
-      }), /* @__PURE__ */ i(Ke, {
-        children: /* @__PURE__ */ i(ke, {
+      }), /* @__PURE__ */ n(xe, {
+        children: /* @__PURE__ */ n(me, {
           ...c,
-          successRate: rn(c)
+          successRate: Xt(c)
         })
       })]
     })
   }) : null;
-  return /* @__PURE__ */ i(Ne, {
-    container: s,
-    useContainer: !m,
+  return /* @__PURE__ */ n(fe, {
+    container: o,
+    useContainer: !u,
     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 = w(() => t && t.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(It, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ i(
-    dn,
+}, es = qe(() => import("./gamification-feature.js")), ts = ({ sdk: e, feature: t, className: s, scrollStore: a, appNode: o, scrollNode: r, responsiveStore: d }) => {
+  const l = w(() => t && t.featureConfig.get().type === y.GAMES ? /* @__PURE__ */ n(ct, { className: s, sdk: e, feature: t, children: /* @__PURE__ */ n(
+    es,
     {
-      appNode: s,
-      scrollStore: o,
+      appNode: o,
+      scrollStore: a,
       scrollNode: r,
-      className: n,
-      responsiveStore: l,
+      className: s,
+      responsiveStore: d,
       gamification: t
     }
-  ) }) : null, [e, t, n, l, o, r, s]);
-  return /* @__PURE__ */ i(
-    Le,
+  ) }) : null, [e, t, s, d, a, r, o]);
+  return /* @__PURE__ */ n(
+    Ve,
     {
-      fallback: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: d
+      fallback: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: l
     }
   );
-}, pn = ({ feature: e, sdk: t, muted: n, className: o, appNode: s, responsiveStore: r }) => e && e.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(
-  ln,
+}, ss = ({ feature: e, sdk: t, muted: s, className: a, appNode: o, responsiveStore: r }) => e && e.featureConfig.get().type === y.GAMES ? /* @__PURE__ */ n(
+  Yt,
   {
-    className: o,
-    appNode: s,
-    muted: n,
+    className: a,
+    appNode: o,
+    muted: s,
     sdk: t,
     responsiveStore: r,
     gamification: e
   }
 ) : null;
 window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
-function un(e) {
+function ns(e) {
   return e instanceof DOMException && // everything except Firefox
   (e.code === 22 || // Firefox
   e.code === 1014 || // test name field too, because code might not be present
@@ -632,303 +624,300 @@ function un(e) {
   e.name === "QuotaExceededError" || // Firefox
   e.name === "NS_ERROR_DOM_QUOTA_REACHED");
 }
-class mn {
-  constructor(t = "main", n = window.localStorage) {
-    k(this, "delimiter", ":");
-    k(this, "prefix");
-    k(this, "storage");
-    k(this, "clear", () => {
-      for (const t in window.localStorage)
-        t.startsWith(this.prefix) && this.storage.removeItem(t);
-    });
-    k(this, "generateKey", (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);
-    k(this, "write", (...t) => {
-      const n = t.pop() || "", o = this.generateKey(t);
-      try {
-        this.storage.setItem(o, n);
-      } catch (s) {
-        un(s) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
-      }
-    });
-    k(this, "read", (...t) => {
-      const n = this.storage.getItem(this.generateKey(t));
-      return n === null ? void 0 : n;
-    });
-    k(this, "remove", (...t) => {
-      this.storage.removeItem(this.generateKey(t));
-    });
-    this.prefix = `sl-sdk${this.delimiter}${t}`, this.storage = n;
+class os {
+  delimiter = ":";
+  prefix;
+  storage;
+  constructor(t = "main", s = window.localStorage) {
+    this.prefix = `sl-sdk${this.delimiter}${t}`, this.storage = s;
   }
+  clear = () => {
+    for (const t in window.localStorage)
+      t.startsWith(this.prefix) && this.storage.removeItem(t);
+  };
+  generateKey = (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`;
+  write = (...t) => {
+    const s = t.pop() || "", a = this.generateKey(t);
+    try {
+      this.storage.setItem(a, s);
+    } catch (o) {
+      ns(o) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(a, s));
+    }
+  };
+  read = (...t) => {
+    const s = this.storage.getItem(this.generateKey(t));
+    return s === null ? void 0 : s;
+  };
+  remove = (...t) => {
+    this.storage.removeItem(this.generateKey(t));
+  };
 }
-var de;
+var ne;
 (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 = {}));
-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;
+})(ne || (ne = {}));
+T("grpc:stream");
+C.Unknown, C.Internal, C.DeadlineExceeded, C.ResourceExhausted, C.FailedPrecondition, C.Unavailable, C.DataLoss;
+T("grpc:retry");
+W(10, { description: "Number of attempts to retry" }), W(3e4, { description: "Max delay between retries in milliseconds" });
+var S;
 (function(e) {
   e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
-})(A || (A = {}));
-class hn extends mn {
+})(S || (S = {}));
+class as extends os {
   constructor() {
     super("user");
-    // Schema
-    k(this, "setSchema", (n) => {
-      this.write(A.SCHEMA, n);
-    });
-    k(this, "getSchema", () => this.read(A.SCHEMA));
-    // Token
-    k(this, "setToken", (n) => {
-      this.write(A.TOKEN, n);
-    });
-    k(this, "getToken", () => this.read(A.TOKEN));
-    // External Token
-    k(this, "setExternalToken", (n) => {
-      this.write(A.EXTERNAL_TOKEN, n);
-    });
-    k(this, "getExternalToken", () => this.read(A.EXTERNAL_TOKEN));
-    k(this, "removeToken", () => {
-      this.remove(A.TOKEN);
-    });
   }
+  // Schema
+  setSchema = (t) => {
+    this.write(S.SCHEMA, t);
+  };
+  getSchema = () => this.read(S.SCHEMA);
+  // Token
+  setToken = (t) => {
+    this.write(S.TOKEN, t);
+  };
+  getToken = () => this.read(S.TOKEN);
+  // External Token
+  setExternalToken = (t) => {
+    this.write(S.EXTERNAL_TOKEN, t);
+  };
+  getExternalToken = () => this.read(S.EXTERNAL_TOKEN);
+  removeToken = () => {
+    this.remove(S.TOKEN);
+  };
 }
-var ce;
+var oe;
 (function(e) {
   e.DISABLED = "disabled", e.INITIALIZATION = "initialization", e.READY = "ready", e.FAILED = "failed", e.SUSPENDED = "suspended";
-})(ce || (ce = {}));
-var pe;
+})(oe || (oe = {}));
+var ae;
 (function(e) {
   e.SHOWED = "showed", e.EVENT = "ev";
-})(pe || (pe = {}));
-var ue;
+})(ae || (ae = {}));
+var re;
 (function(e) {
   e.ONBOARDING = "onboarding", e.ONBOARDING_IO = "onboarding_io", e.QUESTION_RECEIVED = "q-received", e.QUESTION_OPENED = "q-opened";
-})(ue || (ue = {}));
-var me;
+})(re || (re = {}));
+var ie;
 (function(e) {
   e.ALLOWED = "allowed", e.DISALLOWED = "disallowed";
-})(me || (me = {}));
-var he;
+})(ie || (ie = {}));
+var le;
 (function(e) {
   e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
-})(he || (he = {}));
-M("deep_link");
-M("bypass");
-new hn();
-M("video_player");
-var ve;
+})(le || (le = {}));
+T("deep_link");
+T("bypass");
+new as();
+T("video_player");
+var de;
 (function(e) {
   e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
-})(ve || (ve = {}));
-V.POLL, V.PREDICTION, V.TRIVIA;
-const vn = {
-  [N.GAMES]: !0
-}, fn = /* @__PURE__ */ u("div")({
+})(de || (de = {}));
+U.POLL, U.PREDICTION, U.TRIVIA;
+const rs = {
+  [y.GAMES]: !0
+}, is = /* @__PURE__ */ p("div")({
   name: "Buttons",
   class: "b5o8qbl",
   propsAsIs: !1
-}), gn = ({
+}), ls = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ i(fn, {
+}) => /* @__PURE__ */ n(is, {
   className: t,
   children: e
-}), $e = /* @__PURE__ */ u("div")({
+}), Ie = /* @__PURE__ */ p("div")({
   name: "Navigation",
   class: "n6tbwuy",
   propsAsIs: !1
-}), In = () => gn, fe = /* @__PURE__ */ u(In())({
+}), ds = () => ls, ce = /* @__PURE__ */ p(ds())({
   name: "NavigationItems",
   class: "n1up4z7v",
   propsAsIs: !0
-}), bn = /* @__PURE__ */ u("button")({
+}), cs = /* @__PURE__ */ p("button")({
   name: "SButton",
   class: "sxxa0c",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ u("span")({
+}), ps = /* @__PURE__ */ p("span")({
   name: "ButtonIcon",
   class: "b193dcyu",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ u("span")({
+}), us = /* @__PURE__ */ p("span")({
   name: "ButtonLabel",
   class: "b40tuix",
   propsAsIs: !1
-}), Nn = "s14xk0af", Sn = "ha3mg7c", $n = "h103yr45", F = ({ disabled: e, active: t, onClick: n, label: o, icon: s, id: r }) => /* @__PURE__ */ i(
-  bn,
+}), ms = "s14xk0af", hs = "ha3mg7c", fs = "h103yr45", _ = ({ disabled: e, active: t, onClick: s, label: a, icon: o, id: r }) => /* @__PURE__ */ n(
+  cs,
   {
-    onClick: n,
+    onClick: s,
     "data-a": "intr",
     disabled: e,
-    className: C(
-      t && Nn,
-      !t && (r === "channels" || r === "featuredGroups") && Sn,
-      !t && r === "leaderboard" && $n
+    className: $(
+      t && ms,
+      !t && (r === "channels" || r === "featuredGroups") && hs,
+      !t && r === "leaderboard" && fs
     ),
-    children: /* @__PURE__ */ f(L, { children: [
-      s && /* @__PURE__ */ i(kn, { children: s }),
-      /* @__PURE__ */ i(yn, { children: o })
+    children: /* @__PURE__ */ v(R, { children: [
+      o && /* @__PURE__ */ n(ps, { children: o }),
+      /* @__PURE__ */ n(us, { children: a })
     ] })
   }
-), An = () => D, wn = /* @__PURE__ */ u(An())({
+), vs = () => x, gs = /* @__PURE__ */ p(vs())({
   name: "ButtonIcon",
   class: "b11wpe79",
   propsAsIs: !0
-}), Cn = /* @__PURE__ */ u("div")({
+}), Is = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "calnblm",
   propsAsIs: !1
-}), En = /* @__PURE__ */ u("div")({
+}), bs = /* @__PURE__ */ p("div")({
   name: "Title",
   class: "t1438p52",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ u("div")({
+}), ks = /* @__PURE__ */ p("div")({
   name: "CloseIconWrap",
   class: "c17srj38",
   propsAsIs: !1
-}), xn = () => D, Ln = /* @__PURE__ */ u(xn())({
+}), ys = () => x, Ns = /* @__PURE__ */ p(ys())({
   name: "CloseIcon",
   class: "clqia8k",
   propsAsIs: !0
-}), Dn = () => D, Tn = /* @__PURE__ */ u(Dn())({
+}), Ss = () => x, $s = /* @__PURE__ */ p(Ss())({
   name: "DashboardIcon",
   class: "df5w958",
   propsAsIs: !0
-}), On = "h12x6aiv", _n = be(({
+}), ws = "h12x6aiv", As = ve(({
   sdk: e,
   className: t
-}, n) => {
-  const o = () => {
+}, s) => {
+  const a = () => {
     e.closeFeature();
   };
-  return /* @__PURE__ */ f($e, {
-    className: C(t, On),
-    children: [/* @__PURE__ */ f(Cn, {
-      children: [/* @__PURE__ */ f(En, {
-        children: [/* @__PURE__ */ i(Tn, {
+  return /* @__PURE__ */ v(Ie, {
+    className: $(t, ws),
+    children: [/* @__PURE__ */ v(Is, {
+      children: [/* @__PURE__ */ v(bs, {
+        children: [/* @__PURE__ */ n($s, {
           name: "dashboard"
         }), "Dashboard"]
-      }), /* @__PURE__ */ i(Rn, {
+      }), /* @__PURE__ */ n(ks, {
         "data-a": "intr",
-        onClick: o,
-        children: /* @__PURE__ */ i(Ln, {
+        onClick: a,
+        children: /* @__PURE__ */ n(Ns, {
           name: "icon-cross"
         })
       })]
-    }), /* @__PURE__ */ i("div", {
-      ref: n
+    }), /* @__PURE__ */ n("div", {
+      ref: s
     })]
   });
-}), Mn = be(({
+}), Cs = ve(({
   sdk: e,
   className: t
-}, n) => {
-  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 = w(() => [...l.filter(({
-    enableSdkButton: a,
+}, s) => {
+  const a = f(e.sdkStore.organizationSettings), o = f(e.sdkStore.streamSettings), r = f(e.getActiveFeature()), d = w(() => {
+    const i = o?.data || a?.data;
+    return i?.overlays ? i.overlays : [];
+  }, [a, o]), l = w(() => [...d.filter(({
+    enableSdkButton: i,
     type: c
-  }) => c === N.GAMES || a).map((a) => ({
-    id: a.type,
-    onClick: () => e.openFeature(a.type),
-    disabled: !(a.type in vn),
-    label: a.name,
-    icon: /* @__PURE__ */ i("img", {
-      src: a.icon,
+  }) => c === y.GAMES || i).map((i) => ({
+    id: i.type,
+    onClick: () => e.openFeature(i.type),
+    disabled: !(i.type in rs),
+    label: i.name,
+    icon: /* @__PURE__ */ n("img", {
+      src: i.icon,
       alt: ""
     }),
     /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
-    position: a.position * 10
-  }))].sort((a, c) => a.position - c.position), [l, e]);
-  return /* @__PURE__ */ f($e, {
+    position: i.position * 10
+  }))].sort((i, c) => i.position - c.position), [d, e]);
+  return /* @__PURE__ */ v(Ie, {
     className: t,
-    children: [d.length !== 0 && /* @__PURE__ */ i(fe, {
-      children: [/* @__PURE__ */ i(F, {
+    children: [l.length !== 0 && /* @__PURE__ */ n(ce, {
+      children: [/* @__PURE__ */ n(_, {
         id: "Channels",
         onClick: () => e.closeFeature(),
         label: "Channels",
         active: r === 0
-      }, "Channels"), ...d.map((a) => a.id === N.GAMES ? /* @__PURE__ */ i(F, {
-        ...a,
-        active: a.id === r,
+      }, "Channels"), ...l.map((i) => i.id === y.GAMES ? /* @__PURE__ */ n(_, {
+        ...i,
+        active: i.id === r,
         label: "StreamLayer +",
         id: "featuredGroups",
-        icon: /* @__PURE__ */ i(wn, {
+        icon: /* @__PURE__ */ n(gs, {
           name: "icon-btn-feature-groups",
-          "data-selected": a.id === r
+          "data-selected": i.id === r
         })
-      }, a.id) : /* @__PURE__ */ i(F, {
-        ...a,
+      }, i.id) : /* @__PURE__ */ n(_, {
+        ...i,
         icon: void 0,
-        active: a.id === r
-      }, a.id))]
-    }), !d.length && /* @__PURE__ */ i(fe, {
-      children: [/* @__PURE__ */ i(F, {
+        active: i.id === r
+      }, i.id))]
+    }), !l.length && /* @__PURE__ */ n(ce, {
+      children: [/* @__PURE__ */ n(_, {
         id: "empty",
         label: "No Features...",
         active: !1,
         disabled: !0
       }, "empty")]
-    }), /* @__PURE__ */ i("div", {
-      ref: n
+    }), /* @__PURE__ */ n("div", {
+      ref: s
     })]
   });
-}), Un = /* @__PURE__ */ u("div")({
+}), Es = /* @__PURE__ */ p("div")({
   name: "Container",
   class: "c1qjj4d4",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ u("div")({
+}), Rs = /* @__PURE__ */ p("div")({
   name: "CloseIconWrap",
   class: "c1lg6b8a",
   propsAsIs: !1
-}), Fn = () => D, zn = /* @__PURE__ */ u(Fn())({
+}), xs = () => x, Ls = /* @__PURE__ */ p(xs())({
   name: "CloseIcon",
   class: "c159el66",
   propsAsIs: !0
-}), Pn = /* @__PURE__ */ u("div")({
+}), Ds = /* @__PURE__ */ p("div")({
   name: "Title",
   class: "t16xmufv",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ u("img")({
+}), Ts = /* @__PURE__ */ p("img")({
   name: "SponsorLogo",
   class: "s83lc21",
   propsAsIs: !1
-}), qn = /* @__PURE__ */ u("div")({
+}), Os = /* @__PURE__ */ p("div")({
   name: "PresentsTitle",
   class: "p1p7igia",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ u("div")({
+}), _s = /* @__PURE__ */ p("div")({
   name: "Subtitle",
   class: "s1eftsbu",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ u("div")({
+}), Ms = /* @__PURE__ */ p("div")({
   name: "Description",
   class: "d8uezec",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ u("button")({
+}), Bs = /* @__PURE__ */ p("button")({
   name: "ActionButton",
   class: "a1h1bk90",
   propsAsIs: !1
-}), ge = ({ close: e, action: t, onboarding: n }) => {
-  var o, s, r, l, d, a, c, m;
-  return /* @__PURE__ */ f(Un, { children: [
-    /* @__PURE__ */ i(Bn, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ i(zn, { name: "icon-cross" }) }),
-    ((s = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : s.sponsorLogo) && /* @__PURE__ */ f(Pn, { children: [
-      /* @__PURE__ */ i(Vn, { alt: "sponsor-logo", src: (l = (r = n == null ? void 0 : n.titleCard) == null ? void 0 : r.media) == null ? void 0 : l.sponsorLogo }),
-      /* @__PURE__ */ i(qn, { children: "PRESENTS" })
-    ] }),
-    ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title) && /* @__PURE__ */ i(jn, { children: (a = n == null ? void 0 : n.titleCard) == null ? void 0 : a.title }),
-    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ i(Kn, { children: (m = n == null ? void 0 : n.titleCard) == null ? void 0 : m.subtitle }),
-    /* @__PURE__ */ i(Qn, { "data-a": "intr", onClick: t, children: "Play Now" })
-  ] });
-}, Q = [{
+}), pe = ({ close: e, action: t, onboarding: s }) => /* @__PURE__ */ v(Es, { children: [
+  /* @__PURE__ */ n(Rs, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ n(Ls, { name: "icon-cross" }) }),
+  s?.titleCard?.media?.sponsorLogo && /* @__PURE__ */ v(Ds, { children: [
+    /* @__PURE__ */ n(Ts, { alt: "sponsor-logo", src: s?.titleCard?.media?.sponsorLogo }),
+    /* @__PURE__ */ n(Os, { children: "PRESENTS" })
+  ] }),
+  s?.titleCard?.title && /* @__PURE__ */ n(_s, { children: s?.titleCard?.title }),
+  s?.titleCard?.subtitle && /* @__PURE__ */ n(Ms, { children: s?.titleCard?.subtitle }),
+  /* @__PURE__ */ n(Bs, { "data-a": "intr", onClick: t, children: "Play Now" })
+] }), be = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
-  headline: /* @__PURE__ */ f(L, {
-    children: ["Welcome to ", /* @__PURE__ */ i("br", {}), " Live Challenge"]
+  headline: /* @__PURE__ */ v(R, {
+    children: ["Welcome to ", /* @__PURE__ */ n("br", {}), " Live Challenge"]
   })
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",
@@ -936,51 +925,49 @@ const vn = {
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
   headline: "Win points and play against friends."
-}], Gn = /* @__PURE__ */ u("div")({
+}], Us = /* @__PURE__ */ p("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
   propsAsIs: !1
-}), Wn = () => G, Hn = /* @__PURE__ */ u(Wn())({
+}), Fs = () => V, Ps = /* @__PURE__ */ p(Fs())({
   name: "OnboardingNotificationContainer",
   class: "o1vnouv7",
   propsAsIs: !0
-}), Ie = /* @__PURE__ */ u("div")({
+}), ue = /* @__PURE__ */ p("div")({
   name: "InnerContainer",
   class: "i59uefw",
   propsAsIs: !1
-}), Jn = /* @__PURE__ */ u("div")({
+}), zs = /* @__PURE__ */ p("div")({
   name: "OnboardingOverlap",
   class: "ovnr8ov",
   propsAsIs: !1
-}), Yn = ({
+}), Vs = ({
   deepLink: e,
   onboardingOpts: t,
-  notification: n,
-  gamification: o,
-  loading: s,
+  notification: s,
+  gamification: a,
+  loading: o,
   sdk: r,
-  throttled: l
+  throttled: d
 }) => {
-  var d, a, c, m, p, h, g;
-  const b = v(o.friends ? o.friends.getStore() : ye({
+  const l = f(a.friends ? a.friends.getStore() : he({
     data: []
-  })), [$, I] = S(void 0), U = w(() => {
-    var E, O;
-    const J = r.getInviter();
-    return J ? (O = (E = b.data) == null ? void 0 : E.find(({
-      slId: we
-    }) => we === J)) == null ? void 0 : O.name : "";
-  }, [b.data, r]);
-  return y(() => {
-    const E = e.$store.subscribe((O) => {
-      O && I(O.data);
+  })), [i, c] = N(void 0), u = w(() => {
+    const m = r.getInviter();
+    return m ? l.data?.find(({
+      slId: h
+    }) => h === m)?.name : "";
+  }, [l.data, r]);
+  return b(() => {
+    const m = e.$store.subscribe((h) => {
+      h && c(h.data);
     });
     return () => {
-      E();
+      m();
     };
-  }, [e.$store]), /* @__PURE__ */ f(Gn, {
-    children: [/* @__PURE__ */ i(Ze, {
-      loading: s,
+  }, [e.$store]), /* @__PURE__ */ v(Us, {
+    children: [/* @__PURE__ */ n(Be, {
+      loading: o,
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -991,392 +978,385 @@ const vn = {
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (d = t.rules) == null ? void 0 : d.buttonLabel,
-      rulesTitle: (a = t.rules) == null ? void 0 : a.heading,
+      rulesBtnLabel: t.rules?.buttonLabel,
+      rulesTitle: t.rules?.heading,
       termsTitle: "Terms and Conditions",
-      termsText: (c = t.rules) == null ? void 0 : c.terms,
-      steps: Q,
-      primaryColor: (m = t.inviteCard) == null ? void 0 : m.iconColor,
-      inviteLink: $,
-      inviteCardTitle: (p = t.inviteCard) == null ? void 0 : p.heading,
-      inviteCardSubtext: (h = t.inviteCard) == null ? void 0 : h.subtext,
-      inviteCardBtnLabel: (g = t.inviteCard) == null ? void 0 : g.buttonLabel,
+      termsText: t.rules?.terms,
+      steps: be,
+      primaryColor: t.inviteCard?.iconColor,
+      inviteLink: i,
+      inviteCardTitle: t.inviteCard?.heading,
+      inviteCardSubtext: t.inviteCard?.subtext,
+      inviteCardBtnLabel: t.inviteCard?.buttonLabel,
       onClose: () => {
-        var E;
-        (E = n.close) == null || E.call(n);
+        s.close?.();
       },
-      gamification: o,
+      gamification: a,
       sdk: r,
-      inviterName: U
-    }), l && /* @__PURE__ */ i(Jn, {})]
+      inviterName: u
+    }), d && /* @__PURE__ */ n(zs, {})]
   });
-}, Zn = ({
+}, qs = ({
   sdk: e,
   notification: t,
-  saveHeight: n,
-  style: o,
-  appNode: s,
+  saveHeight: s,
+  style: a,
+  appNode: o,
   sdkInDesktopView: r,
-  responsiveStore: l
+  responsiveStore: d
 }) => {
-  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), []), {
+  const l = E(null), i = t.data.onboarding, [c, u] = N(i?.instantOpen), m = e.getFeature(y.GAMES), h = w(() => be?.map(({
+    graphicSrc: k
+  }) => k), []), {
     screen: g
-  } = v(l, {
+  } = f(d, {
     keys: ["screen"]
   });
-  De(() => {
-    var I;
-    n(((I = d.current) == null ? void 0 : I.getBoundingClientRect().height) || 0);
-  }, [n]);
+  je(() => {
+    s(l.current?.getBoundingClientRect().height || 0);
+  }, [s]);
   const {
-    loading: b,
-    throttled: $
-  } = Ye(h);
-  return c && p && a && s.current ? /* @__PURE__ */ i(Ne, {
-    container: s,
+    loading: I,
+    throttled: A
+  } = Me(h);
+  return c && m && i && o.current ? /* @__PURE__ */ n(fe, {
+    container: o,
     useContainer: !r,
-    children: /* @__PURE__ */ i(Yn, {
-      throttled: $,
+    children: /* @__PURE__ */ n(Vs, {
+      throttled: A,
       notification: t,
-      setOpened: m,
-      gamification: p,
-      onboardingOpts: a,
-      deepLink: p.deepLink,
-      loading: b,
-      renderToNode: s,
+      setOpened: u,
+      gamification: m,
+      onboardingOpts: i,
+      deepLink: m.deepLink,
+      loading: I,
+      renderToNode: o,
       sdk: e
     })
-  }) : /* @__PURE__ */ f(L, {
-    children: [/* @__PURE__ */ i(Ie, {
-      ref: d,
+  }) : /* @__PURE__ */ v(R, {
+    children: [/* @__PURE__ */ n(ue, {
+      ref: l,
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ i(ge, {
+      children: /* @__PURE__ */ n(pe, {
         close: () => {
         },
         action: () => {
         },
-        onboarding: a
+        onboarding: i
       })
-    }), /* @__PURE__ */ i(Hn, {
-      style: o,
+    }), /* @__PURE__ */ n(Ps, {
+      style: a,
       hiding: t.hiding,
-      children: /* @__PURE__ */ i(Ie, {
-        children: /* @__PURE__ */ i(ge, {
+      children: /* @__PURE__ */ n(ue, {
+        children: /* @__PURE__ */ n(pe, {
           close: t.close,
           action: () => {
-            var I;
-            m(!0), (((I = s.current) == null ? void 0 : I.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, {
+            u(!0), (o.current?.getBoundingClientRect().y || 0) < 0 && j(o, g.size, {
               behavior: "smooth"
             });
           },
-          onboarding: a
+          onboarding: i
         })
       })
     })]
   });
-}, Xn = () => G, es = /* @__PURE__ */ u(Xn())({
+}, js = () => V, Qs = /* @__PURE__ */ p(js())({
   name: "Container",
   class: "c8ol1ve",
   propsAsIs: !0
-}), Ae = /* @__PURE__ */ u("div")({
+}), ke = /* @__PURE__ */ p("div")({
   name: "InnerContainer",
   class: "iqfywam",
   propsAsIs: !1
-}), ts = () => Ae, ns = /* @__PURE__ */ u(ts())({
+}), Ks = () => ke, Ws = /* @__PURE__ */ p(Ks())({
   name: "HiddenContainer",
   class: "hokmtod",
   propsAsIs: !0
-}), ss = /* @__PURE__ */ u("div")({
+}), Gs = /* @__PURE__ */ p("div")({
   name: "NotificationRefreshing",
   class: "n192d1q8",
   propsAsIs: !1
-}), os = () => Xe, is = /* @__PURE__ */ u(os())({
+}), Hs = () => Ue, Js = /* @__PURE__ */ p(Hs())({
   name: "Pill",
   class: "p1lha68t",
   propsAsIs: !0
-}), as = (e) => {
-  const [t, n] = S(0), o = x(null), s = w(() => new ResizeObserver((d) => {
+}), Zs = (e) => {
+  const [t, s] = N(0), a = E(null), o = w(() => new ResizeObserver((l) => {
     window.requestAnimationFrame(() => {
-      var a;
-      if (Array.isArray(d)) {
-        for (const c of d)
-          if (c.contentBoxSize) {
-            const m = (a = o.current) == null ? void 0 : a.getBoundingClientRect();
-            m && n(m.height);
+      if (Array.isArray(l)) {
+        for (const i of l)
+          if (i.contentBoxSize) {
+            const c = a.current?.getBoundingClientRect();
+            c && s(c.height);
           }
       }
     });
-  }), []), r = j((d) => {
-    o.current = d;
-  }, []), l = j((d) => {
-    n(d);
+  }), []), r = z((l) => {
+    a.current = l;
+  }, []), d = z((l) => {
+    s(l);
   }, []);
-  return y(() => {
-    const d = o.current;
-    return d ? (s.observe(d), () => {
-      s.unobserve(d);
+  return b(() => {
+    const l = a.current;
+    return l ? (o.observe(l), () => {
+      o.unobserve(l);
     }) : () => {
     };
-  }, [e]), y(() => () => {
-    s.disconnect();
-  }), [r, t, l];
-}, rs = ({
+  }, [e]), b(() => () => {
+    o.disconnect();
+  }), [r, t, d];
+}, Xs = ({
   sdk: e,
   notification: t,
-  appNode: n,
-  responsiveStore: o,
-  hasActiveFeature: s
+  appNode: s,
+  responsiveStore: a,
+  hasActiveFeature: o
 }) => {
-  var r, l;
   const {
-    sdkInDesktopView: d
-  } = v(o, {
+    sdkInDesktopView: r
+  } = f(a, {
     keys: ["sdkInDesktopView"]
   }), {
-    sdk: a
-  } = W(), [c, m, p] = as(t.id);
-  let h = m;
-  return s || (h = "auto"), t.type === z.QUESTION ? /* @__PURE__ */ f(L, {
-    children: [/* @__PURE__ */ i(ns, {
-      ref: c,
-      children: /* @__PURE__ */ i(te, {
+    sdk: d
+  } = q(), [l, i, c] = Zs(t.id);
+  let u = i;
+  return o || (u = "auto"), t.type === M.QUESTION ? /* @__PURE__ */ v(R, {
+    children: [/* @__PURE__ */ n(Ws, {
+      ref: l,
+      children: /* @__PURE__ */ n(Q, {
         ...t
       })
-    }), /* @__PURE__ */ f(es, {
+    }), /* @__PURE__ */ v(Qs, {
       style: {
-        height: t.hiding ? 0 : h
+        height: t.hiding ? 0 : u
       },
       hiding: t.hiding,
-      children: [/* @__PURE__ */ i(Ae, {
+      children: [/* @__PURE__ */ n(ke, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ i(te, {
+        children: /* @__PURE__ */ n(Q, {
           ...t,
-          controlVideo: a == null ? void 0 : a.controlVideoPlayer
+          controlVideo: d?.controlVideoPlayer
         })
-      }), /* @__PURE__ */ i(ss, {}, t.id)]
+      }), /* @__PURE__ */ n(Gs, {}, t.id)]
     })]
-  }) : t.type === z.QUESTION_RESOLVED && (l = (r = t.data) == null ? void 0 : r.question) != null && l.predictionResult ? /* @__PURE__ */ i(et, {
+  }) : t.type === M.QUESTION_RESOLVED && t.data?.question?.predictionResult ? /* @__PURE__ */ n(Fe, {
     style: {
-      height: t.hiding ? 0 : m
+      height: t.hiding ? 0 : i
     },
-    saveHeight: p,
+    saveHeight: c,
     close: t.close,
     hiding: t.hiding,
     ...t.data.question
-  }) : t.type === z.ONBOARDING ? /* @__PURE__ */ i(Zn, {
+  }) : t.type === M.ONBOARDING ? /* @__PURE__ */ n(qs, {
     style: {
-      height: t.hiding ? 0 : h
+      height: t.hiding ? 0 : u
     },
-    saveHeight: p,
+    saveHeight: c,
     sdk: e,
     notification: t,
-    sdkInDesktopView: d,
-    appNode: n,
-    responsiveStore: o
+    sdkInDesktopView: r,
+    appNode: s,
+    responsiveStore: a
   }) : null;
-}, ls = "p7vfi6t", ds = ({
+}, Ys = "p7vfi6t", en = ({
   pill: e,
   setPill: t,
-  appNode: n,
-  headerNode: o,
-  scrollNode: s,
+  appNode: s,
+  headerNode: a,
+  scrollNode: o,
   responsiveStore: r,
-  scrollStore: l
+  scrollStore: d
 }) => {
-  var d, a;
   const {
-    screen: c
-  } = v(r, {
+    screen: l
+  } = f(r, {
     keys: ["screen"]
   }), {
-    tabsShown: m,
-    scrollPosition: p
-  } = v(l, {
+    tabsShown: i,
+    scrollPosition: c
+  } = f(d, {
     keys: ["tabsShown", "scrollPosition"]
   });
-  y(() => {
-    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 : 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"}`,
+  b(() => {
+    r.get().sdkInDesktopView ? c < 50 && t(null) : c > -50 && t(null);
+  }, [c, r, t]);
+  const u = r.get().sdkInDesktopView ? s : a;
+  return !e || !u.current ? null : nt(/* @__PURE__ */ n(Js, {
+    title: e.type === M.QUESTION_RESOLVED ? "Prediction result" : `New ${st[e.data?.questionType]?.label || "notification"}`,
     "data-a": "intr",
     onClick: () => {
-      var g;
-      r.get().sdkInDesktopView ? (g = s.current) == null || g.scrollTo({
+      r.get().sdkInDesktopView ? o.current?.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : H(n, c.size, {
+      }) : j(s, l.size, {
         behavior: "smooth"
       }), t(null);
     },
-    className: C(m && ls, "sl-pill-button")
-  }), h.current);
-}, cs = ({
+    className: $(i && Ys, "sl-pill-button")
+  }), u.current);
+}, tn = ({
   sdk: e,
   headerNode: t,
-  scrollNode: n,
-  responsiveStore: o,
-  appNode: s,
+  scrollNode: s,
+  responsiveStore: a,
+  appNode: o,
   scrollStore: r,
-  hasActiveFeature: l
+  hasActiveFeature: d
 }) => {
-  const [d] = S(e.getNotificationsStore()), a = v(d), [c, m] = S(null), p = w(() => e.getActiveNotification(), [e, a]);
-  return y(() => {
-    p && ht.emit("notification", {
+  const [l] = N(e.getNotificationsStore()), i = f(l), [c, u] = N(null), m = w(() => e.getActiveNotification(), [e, i]);
+  return b(() => {
+    m && ot.emit("notification", {
       action: "rendered",
       payload: {
-        questionId: p.data.questionId,
-        questionType: p.data.questionType
+        questionId: m.data.questionId,
+        questionType: m.data.questionType
       }
     });
-  }, [p]), y(() => {
+  }, [m]), b(() => {
     const {
       sdkInDesktopView: h,
       sdkInView: g
-    } = o.get();
-    p && (h || g) && (!h && g && m(p), h && window.requestAnimationFrame(() => {
-      r.get().scrollPosition !== 0 && m(p);
+    } = a.get();
+    m && (h || g) && (!h && g && u(m), h && window.requestAnimationFrame(() => {
+      r.get().scrollPosition !== 0 && u(m);
     }));
-  }, [p]), y(() => {
-    p || m(null);
-  }, [p]), /* @__PURE__ */ f(L, {
-    children: [!c && p && /* @__PURE__ */ i(rs, {
-      appNode: s,
+  }, [m]), b(() => {
+    m || u(null);
+  }, [m]), /* @__PURE__ */ v(R, {
+    children: [!c && m && /* @__PURE__ */ n(Xs, {
+      appNode: o,
       sdk: e,
-      hasActiveFeature: l,
-      notification: p,
-      responsiveStore: o
-    }), c && /* @__PURE__ */ i(ds, {
+      hasActiveFeature: d,
+      notification: m,
+      responsiveStore: a
+    }), c && /* @__PURE__ */ n(en, {
       pill: c,
-      setPill: m,
-      appNode: s,
-      notification: p,
+      setPill: u,
+      appNode: o,
+      notification: m,
       headerNode: t,
-      scrollNode: n,
+      scrollNode: s,
       scrollStore: r,
-      responsiveStore: o
+      responsiveStore: a
     })]
   });
-}, ps = (e) => {
-  const t = v(e.status), n = v(e.sdkStore.slStreamId), o = v(e.userId()), s = v(e.getActiveFeature()), r = t === "ready" && !!n.data;
-  return y(() => {
-    const l = e.getFeature(N.GAMES);
-    l && s !== N.GAMES && (l.closeQuestion(), l.closeUser()), l == null || l.openedQuestionId.subscribe((d) => {
-      d && s !== N.GAMES && e.openFeature(N.GAMES);
+}, sn = (e) => {
+  const t = f(e.status), s = f(e.sdkStore.slStreamId), a = f(e.userId()), o = f(e.getActiveFeature()), r = t === "ready" && !!s.data;
+  return b(() => {
+    const d = e.getFeature(y.GAMES);
+    d && o !== y.GAMES && (d.closeQuestion(), d.closeUser()), d?.openedQuestionId.subscribe((l) => {
+      l && o !== y.GAMES && e.openFeature(y.GAMES);
     });
-  }, [s, e]), {
+  }, [o, e]), {
     sdkReady: r,
-    activeFeature: s,
-    isLogged: !!o
+    activeFeature: o,
+    isLogged: !!a
   };
-}, us = ({
+}, nn = ({
   sdk: e,
   className: t,
-  scrollStore: n,
-  appNode: o,
-  scrollNode: s,
+  scrollStore: s,
+  appNode: a,
+  scrollNode: o,
   responsiveStore: r
 }) => {
-  const [, l] = tt(e);
-  return /* @__PURE__ */ i(cn, {
+  const [, d] = Pe(e);
+  return /* @__PURE__ */ n(ts, {
     className: t,
-    scrollNode: s,
-    appNode: o,
-    scrollStore: n,
-    feature: l,
+    scrollNode: o,
+    appNode: a,
+    scrollStore: s,
+    feature: d,
     responsiveStore: r,
     sdk: e
   });
-}, ms = ({
+}, on = ({
   sdk: e,
   muted: t,
-  className: n,
-  appNode: o,
-  responsiveStore: s
+  className: s,
+  appNode: a,
+  responsiveStore: o
 }) => {
-  const r = v(e.featuresList.getStore());
-  return r ? Array.from(r, (l) => {
-    const d = e.getFeature(l);
-    return d ? /* @__PURE__ */ i(pn, {
-      className: n,
+  const r = f(e.featuresList.getStore());
+  return r ? Array.from(r, (d) => {
+    const l = e.getFeature(d);
+    return l ? /* @__PURE__ */ n(ss, {
+      className: s,
       muted: t,
-      appNode: o,
-      feature: d,
-      responsiveStore: s,
+      appNode: a,
+      feature: l,
+      responsiveStore: o,
       sdk: e
-    }, l) : null;
+    }, d) : null;
   }) : null;
-}, hs = ({
+}, an = ({
   sdk: e,
   muted: t,
-  topNavigation: n
+  topNavigation: s
 }) => {
-  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,
+  const [a, o] = N(!0), r = E(null), d = f(e.uiState), l = E(null), [i] = it(r), [c, u] = dt(r, i), {
+    sdkReady: m,
     activeFeature: h,
     isLogged: g
-  } = ps(e), b = !!p;
-  st(r, {
-    enabled: b,
+  } = sn(e), I = !!m;
+  Ke(r, {
+    enabled: I,
     event: "click",
-    listener: ot
+    listener: We
   });
-  const $ = w(() => ({
+  const A = w(() => ({
     sdk: e,
-    topNavigation: n
-  }), [e, n]);
-  return y(() => {
+    topNavigation: s
+  }), [e, s]);
+  return b(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ i(rt.Provider, {
-    value: $,
-    children: /* @__PURE__ */ f(Qe, {
-      ref: (I) => {
-        r.current = I, s(!!I);
+  }, []), /* @__PURE__ */ n(Je.Provider, {
+    value: A,
+    children: /* @__PURE__ */ v(Le, {
+      ref: (k) => {
+        r.current = k, o(!!k);
       },
-      className: n ? "" : "c10llmat",
-      children: [b && n && l.app && /* @__PURE__ */ i(Mn, {
-        className: C(B, "sl-hide-on-modal"),
+      className: s ? "" : "c10llmat",
+      children: [I && s && d.app && /* @__PURE__ */ n(Cs, {
+        className: $(O, "sl-hide-on-modal"),
         sdk: e,
-        ref: d
-      }), b && !n && !!h && l.app && /* @__PURE__ */ i(_n, {
-        className: C(B, "sl-hide-on-modal"),
+        ref: l
+      }), I && !s && !!h && d.app && /* @__PURE__ */ n(As, {
+        className: $(O, "sl-hide-on-modal"),
         sdk: e,
-        ref: d
-      }), /* @__PURE__ */ f(Ge, {
+        ref: l
+      }), /* @__PURE__ */ v(De, {
         className: "sl-hide-on-modal",
         ref: c,
-        "data-nav": (!!h && b).toString(),
-        children: [b && l.app && /* @__PURE__ */ i(cs, {
+        "data-nav": (!!h && I).toString(),
+        children: [I && d.app && /* @__PURE__ */ n(tn, {
           sdk: e,
           scrollNode: c,
-          headerNode: d,
+          headerNode: l,
           appNode: r,
-          scrollStore: m,
-          responsiveStore: a,
+          scrollStore: u,
+          responsiveStore: i,
           hasActiveFeature: !!h
-        }), b && l.app && /* @__PURE__ */ i(us, {
-          scrollStore: m,
-          responsiveStore: a,
+        }), I && d.app && /* @__PURE__ */ n(nn, {
+          scrollStore: u,
+          responsiveStore: i,
           scrollNode: c,
           appNode: r,
-          className: B,
+          className: O,
           sdk: e
-        }), b && o && /* @__PURE__ */ i(ms, {
+        }), I && a && /* @__PURE__ */ n(on, {
           muted: t,
-          responsiveStore: a,
+          responsiveStore: i,
           appNode: r,
-          className: B,
+          className: O,
           sdk: e
         })]
-      }), b && !g && o && l.app && /* @__PURE__ */ i("div", {
+      }), I && !g && a && d.app && /* @__PURE__ */ n("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -1388,13 +1368,13 @@ const vn = {
       })]
     })
   });
-}, 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)
+}, On = ({ event: e, topNavigation: t, theme: s, muted: a, withSidebarNotification: o = !0 }) => {
+  const { sdk: r, status: d } = K(G), l = at(), i = rt(), { event: c } = K(G);
+  if (d === H.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 }) }) });
+  return d === H.CONNECTED ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: "wait" }) : r === null ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !l.app && !l.appNotification && !l.appSidebar || !l.app && !l.appSidebar && l.appNotification && !o ? null : /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(ye, { customTheme: s ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ n(an, { sdk: r, muted: a, event: c?.current || e, topNavigation: t }) }) });
 };
 export {
-  Ps as B,
-  Vs as b
+  Tn as B,
+  On as D
 };