@streamlayer/react 0.32.11 → 0.33.0

package/lib/es/masters2.js

@@ -3,23 +3,23 @@ import { d as Ke, S as Wi, a as Gi, b as Pi, s as Zi } from "./index2.js";
 import { lazy as Vi, useMemo as Qe, Suspense as qi, useRef as je, useState as W, useEffect as J, Component as Hi, createElement as Ji, useCallback as Ae, useLayoutEffect as Xi, useContext as Ki } from "react";
 import { FeatureType as be, QuestionType as B } from "@streamlayer/sdk-web-types";
 import { useStore as re } from "@nanostores/react";
-import { FeatureStatus as Ie } from "@streamlayer/sdk-web-interfaces";
-import { s as l, o as b, c as hi } from "./index4.js";
+import { FeatureStatus as De } from "@streamlayer/sdk-web-interfaces";
+import { s as l, r as b, c as hi } from "./index4.js";
 import { NotificationType as pe } from "@streamlayer/sdk-web-notifications";
-const et = ({ feature: s, sdk: n, children: c, className: D }) => {
-  const T = re(s.status), I = re(n.sdkStore.slStreamId);
-  return I != null && I.loading ? /* @__PURE__ */ u("div", { className: D, children: "event is loading..." }) : I != null && I.data ? T !== Ie.Ready ? /* @__PURE__ */ u("div", { className: D, children: "wait feature..." }) : c : /* @__PURE__ */ u("div", { className: D, children: "event is forbidden..." });
+const et = ({ feature: s, sdk: n, children: c, className: I }) => {
+  const T = re(s.status), D = re(n.sdkStore.slStreamId);
+  return D != null && D.loading ? /* @__PURE__ */ u("div", { className: I, children: "event is loading..." }) : D != null && D.data ? T !== De.Ready ? /* @__PURE__ */ u("div", { className: I, children: "wait feature..." }) : c : /* @__PURE__ */ u("div", { className: I, children: "event is forbidden..." });
 }, it = Vi(() => import("./gamification-feature.js")), tt = ({
   sdk: s,
   feature: n,
   className: c
 }) => {
-  const D = Qe(() => n && n.featureConfig.get().type === be.GAMES ? /* @__PURE__ */ u(et, { className: c, sdk: s, feature: n, children: /* @__PURE__ */ u(it, { className: c, gamification: n, sdk: s }) }) : null, [s, n, c]);
+  const I = Qe(() => n && n.featureConfig.get().type === be.GAMES ? /* @__PURE__ */ u(et, { className: c, sdk: s, feature: n, children: /* @__PURE__ */ u(it, { className: c, gamification: n, sdk: s }) }) : null, [s, n, c]);
   return /* @__PURE__ */ u(
     qi,
     {
       fallback: /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: D
+      children: I
     }
   );
 }, rt = /* @__PURE__ */ l("button")({
@@ -34,9 +34,9 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "ButtonLabel",
   class: "b40tuix",
   propsAsIs: !1
-}), ve = ({ disabled: s, active: n, onClick: c, label: D, icon: T }) => /* @__PURE__ */ u(rt, { onClick: c, disabled: s, "data-selected": n, children: /* @__PURE__ */ d(te, { children: [
+}), ve = ({ disabled: s, active: n, onClick: c, label: I, icon: T }) => /* @__PURE__ */ u(rt, { onClick: c, disabled: s, "data-selected": n, children: /* @__PURE__ */ d(te, { children: [
   T && /* @__PURE__ */ u(nt, { children: T }),
-  /* @__PURE__ */ u(st, { children: D })
+  /* @__PURE__ */ u(st, { children: I })
 ] }) }), ot = () => b, Mt = /* @__PURE__ */ l(ot())({
   name: "ButtonIcon",
   class: "b1whzxvd",
@@ -71,7 +71,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "ButtonIcon",
   class: "b180jd7l",
   propsAsIs: !0
-}), ze = "leaderboard", Dt = (s) => {
+}), ze = "leaderboard", It = (s) => {
   var n;
   return /* @__PURE__ */ u(ve, {
     ...s,
@@ -82,21 +82,21 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
       "data-selected": (n = s.active) == null ? void 0 : n.toString()
     })
   });
-}, It = /* @__PURE__ */ l("div")({
+}, Dt = /* @__PURE__ */ l("div")({
   name: "Buttons",
   class: "b6tbwuy",
   propsAsIs: !1
 }), Tt = ({
   children: s,
   className: n
-}) => /* @__PURE__ */ u(It, {
+}) => /* @__PURE__ */ u(Dt, {
   className: n,
   children: s
 }), jt = () => Tt, ht = /* @__PURE__ */ l(jt())({
   name: "Navigation",
   class: "n19lpak2",
   propsAsIs: !0
-}), dt = ({ activeOverlay: s, setActiveOverlay: n, sdkReady: c, className: D }) => /* @__PURE__ */ d(ht, { className: D, children: [
+}), dt = ({ activeOverlay: s, setActiveOverlay: n, sdkReady: c, className: I }) => /* @__PURE__ */ d(ht, { className: I, children: [
   /* @__PURE__ */ u(ct, { active: s === Ne, onClick: () => n(Ne) }),
   /* @__PURE__ */ u(
     lt,
@@ -109,7 +109,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
     }
   ),
   /* @__PURE__ */ u(
-    Dt,
+    It,
     {
       active: s === ze,
       onClick: () => n(ze)
@@ -140,7 +140,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   class: "cdpal9o",
   propsAsIs: !1
 }), Et = ({ poster: s, source: n }) => {
-  const c = je(null), [D, T] = W(!1), [I, N] = W(!0);
+  const c = je(null), [I, T] = W(!1), [D, N] = W(!0);
   return /* @__PURE__ */ d(yt, { onClick: () => {
     const o = c == null ? void 0 : c.current;
     o && T((h) => h ? (o.pause(), !1) : (o.play(), N(!1), !0));
@@ -154,11 +154,11 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
           var o;
           (o = c == null ? void 0 : c.current) == null || o.load(), T(!1), N(!0);
         },
-        style: { visibility: I ? "hidden" : "visible" }
+        style: { visibility: D ? "hidden" : "visible" }
       }
     ),
-    /* @__PURE__ */ u(zt, { src: s, style: { visibility: I ? "visible" : "hidden" } }),
-    /* @__PURE__ */ u(xt, { children: !D && /* @__PURE__ */ u(b, { name: "icon-play" }) })
+    /* @__PURE__ */ u(zt, { src: s, style: { visibility: D ? "visible" : "hidden" } }),
+    /* @__PURE__ */ u(xt, { children: !I && /* @__PURE__ */ u(b, { name: "icon-play" }) })
   ] });
 }, ft = /* @__PURE__ */ l("div")({
   name: "InsightContainer",
@@ -188,14 +188,14 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   video: s,
   image: n,
   heading: c,
-  body: D,
+  body: I,
   action: T
 }) => /* @__PURE__ */ d(ft, { children: [
   (s == null ? void 0 : s.url) && /* @__PURE__ */ u(Et, { source: s.url, poster: s.thumbnailUrl }),
   n && !(s != null && s.url) && /* @__PURE__ */ u(Ot, { src: n }),
   /* @__PURE__ */ d(Lt, { children: [
     /* @__PURE__ */ u(wt, { children: c }),
-    /* @__PURE__ */ u(mt, { children: D }),
+    /* @__PURE__ */ u(mt, { children: I }),
     T && /* @__PURE__ */ u(kt, { onClick: T, children: "View Insight" })
   ] })
 ] }), St = /* @__PURE__ */ l("div")({
@@ -258,7 +258,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "UserName",
   class: "u1p051g3",
   propsAsIs: !1
-}), Jt = ({ image: s, name: n, userName: c, verified: D }) => /* @__PURE__ */ d(Rt, { children: [
+}), Jt = ({ image: s, name: n, userName: c, verified: I }) => /* @__PURE__ */ d(Rt, { children: [
   s && /* @__PURE__ */ d(Wt, { children: [
     /* @__PURE__ */ u(Gt, { src: s }),
     /* @__PURE__ */ u(Zt, { name: "twitter" })
@@ -267,7 +267,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
     /* @__PURE__ */ d(qt, { children: [
       n,
       " ",
-      D && /* @__PURE__ */ u(b, { name: "icon-twitter-verified" })
+      I && /* @__PURE__ */ u(b, { name: "icon-twitter-verified" })
     ] }),
     c && /* @__PURE__ */ d(Ht, { children: [
       "@",
@@ -286,8 +286,8 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "Body",
   class: "bezygt5",
   propsAsIs: !1
-}), ir = ({ image: s, body: n, account: c, accountVerified: D }) => /* @__PURE__ */ u(Xt, { children: /* @__PURE__ */ d(Kt, { children: [
-  /* @__PURE__ */ u(Jt, { image: s, name: c, userName: c, verified: D }),
+}), ir = ({ image: s, body: n, account: c, accountVerified: I }) => /* @__PURE__ */ u(Xt, { children: /* @__PURE__ */ d(Kt, { children: [
+  /* @__PURE__ */ u(Jt, { image: s, name: c, userName: c, verified: I }),
   /* @__PURE__ */ u(er, { children: n })
 ] }) }), tr = /* @__PURE__ */ l("div")({
   name: "Container",
@@ -312,7 +312,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
 ] }), ei = ({
   close: s,
   action: n,
-  data: { questionType: c, question: D, insight: T, tweet: I }
+  data: { questionType: c, question: I, insight: T, tweet: D }
 }) => {
   const N = pt[c];
   return N ? /* @__PURE__ */ d(St, { children: [
@@ -332,9 +332,9 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
     c === B.TWEET && // ToDo: connect with real Api data
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    /* @__PURE__ */ u(or, { ...I, action: n }),
+    /* @__PURE__ */ u(or, { ...D, action: n }),
     c !== B.FACTOID && c !== B.TWEET && /* @__PURE__ */ d(te, { children: [
-      /* @__PURE__ */ u(Ft, { children: D == null ? void 0 : D.title }),
+      /* @__PURE__ */ u(Ft, { children: I == null ? void 0 : I.title }),
       /* @__PURE__ */ u($t, { onClick: n, children: "Answer" })
     ] })
   ] }) : null;
@@ -362,11 +362,11 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "BGTwoLineOne",
   class: "b2iah4",
   propsAsIs: !0
-}), Dr = () => _, ti = /* @__PURE__ */ l(Dr())({
+}), Ir = () => _, ti = /* @__PURE__ */ l(Ir())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
   propsAsIs: !0
-}), Ir = () => _, ri = /* @__PURE__ */ l(Ir())({
+}), Dr = () => _, ri = /* @__PURE__ */ l(Dr())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
   propsAsIs: !0
@@ -445,10 +445,10 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   children: s,
   style: n,
   className: c,
-  hiding: D
+  hiding: I
 }) => /* @__PURE__ */ u(wr, {
   style: n,
-  className: hi(c, D && mr),
+  className: hi(c, I && mr),
   children: s
 }), kr = 118, Cr = () => Be, Sr = /* @__PURE__ */ l(Cr())({
   name: "Container",
@@ -490,7 +490,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
   name: "CloseIcon",
   class: "c33p82r",
   propsAsIs: !0
-}), ue = (s, n) => s === n ? "translateY(0px)" : s > n ? "translateY(100%)" : "translateY(-100%)", vr = ({ close: s, votedAnswer: n, correct: c, correctAnswerTitle: D, questionTitle: T, saveHeight: I, style: N, hiding: o }) => {
+}), ue = (s, n) => s === n ? "translateY(0px)" : s > n ? "translateY(100%)" : "translateY(-100%)", vr = ({ close: s, votedAnswer: n, correct: c, correctAnswerTitle: I, questionTitle: T, saveHeight: D, style: N, hiding: o }) => {
   const [h, A] = W(1), y = je({});
   J(() => {
     const j = setInterval(() => {
@@ -499,8 +499,8 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
     return () => clearInterval(j);
   }, [c]), J(() => {
     var j, p;
-    y.current[h] && I(((p = (j = y.current[h]) == null ? void 0 : j.getBoundingClientRect()) == null ? void 0 : p.height) || kr);
-  }, [h, I]);
+    y.current[h] && D(((p = (j = y.current[h]) == null ? void 0 : j.getBoundingClientRect()) == null ? void 0 : p.height) || kr);
+  }, [h, D]);
   const E = (j) => (p) => {
     y.current && (y.current[j] = p);
   };
@@ -572,7 +572,7 @@ const et = ({ feature: s, sdk: n, children: c, className: D }) => {
         ] }) : /* @__PURE__ */ d(Me, { ref: E(4), style: { transform: ue(4, h) }, children: [
           /* @__PURE__ */ d(ce, { style: { color: "var(--color-neutrals-gray9)" }, children: [
             "Better luck next time! Correct: ",
-            D,
+            I,
             "."
           ] }),
           /* @__PURE__ */ d(Te, { style: { color: "var(--color-secondary-red1)" }, children: [
@@ -603,58 +603,58 @@ function yi(s) {
     throw new Error("Invalid string. Length must be a multiple of 4");
   var c = s.indexOf("=");
   c === -1 && (c = n);
-  var D = c === n ? 0 : 4 - c % 4;
-  return [c, D];
+  var I = c === n ? 0 : 4 - c % 4;
+  return [c, I];
 }
 function Fr(s) {
-  var n = yi(s), c = n[0], D = n[1];
-  return (c + D) * 3 / 4 - D;
+  var n = yi(s), c = n[0], I = n[1];
+  return (c + I) * 3 / 4 - I;
 }
 function $r(s, n, c) {
   return (n + c) * 3 / 4 - c;
 }
 function Rr(s) {
-  var n, c = yi(s), D = c[0], T = c[1], I = new Br($r(s, D, T)), N = 0, o = T > 0 ? D - 4 : D, h;
+  var n, c = yi(s), I = c[0], T = c[1], D = new Br($r(s, I, T)), N = 0, o = T > 0 ? I - 4 : I, h;
   for (h = 0; h < o; h += 4)
-    n = $[s.charCodeAt(h)] << 18 | $[s.charCodeAt(h + 1)] << 12 | $[s.charCodeAt(h + 2)] << 6 | $[s.charCodeAt(h + 3)], I[N++] = n >> 16 & 255, I[N++] = n >> 8 & 255, I[N++] = n & 255;
-  return T === 2 && (n = $[s.charCodeAt(h)] << 2 | $[s.charCodeAt(h + 1)] >> 4, I[N++] = n & 255), T === 1 && (n = $[s.charCodeAt(h)] << 10 | $[s.charCodeAt(h + 1)] << 4 | $[s.charCodeAt(h + 2)] >> 2, I[N++] = n >> 8 & 255, I[N++] = n & 255), I;
+    n = $[s.charCodeAt(h)] << 18 | $[s.charCodeAt(h + 1)] << 12 | $[s.charCodeAt(h + 2)] << 6 | $[s.charCodeAt(h + 3)], D[N++] = n >> 16 & 255, D[N++] = n >> 8 & 255, D[N++] = n & 255;
+  return T === 2 && (n = $[s.charCodeAt(h)] << 2 | $[s.charCodeAt(h + 1)] >> 4, D[N++] = n & 255), T === 1 && (n = $[s.charCodeAt(h)] << 10 | $[s.charCodeAt(h + 1)] << 4 | $[s.charCodeAt(h + 2)] >> 2, D[N++] = n >> 8 & 255, D[N++] = n & 255), D;
 }
 function Wr(s) {
   return V[s >> 18 & 63] + V[s >> 12 & 63] + V[s >> 6 & 63] + V[s & 63];
 }
 function Gr(s, n, c) {
-  for (var D, T = [], I = n; I < c; I += 3)
-    D = (s[I] << 16 & 16711680) + (s[I + 1] << 8 & 65280) + (s[I + 2] & 255), T.push(Wr(D));
+  for (var I, T = [], D = n; D < c; D += 3)
+    I = (s[D] << 16 & 16711680) + (s[D + 1] << 8 & 65280) + (s[D + 2] & 255), T.push(Wr(I));
   return T.join("");
 }
 function Pr(s) {
-  for (var n, c = s.length, D = c % 3, T = [], I = 16383, N = 0, o = c - D; N < o; N += I)
-    T.push(Gr(s, N, N + I > o ? o : N + I));
-  return D === 1 ? (n = s[c - 1], T.push(
+  for (var n, c = s.length, I = c % 3, T = [], D = 16383, N = 0, o = c - I; N < o; N += D)
+    T.push(Gr(s, N, N + D > o ? o : N + D));
+  return I === 1 ? (n = s[c - 1], T.push(
     V[n >> 2] + V[n << 4 & 63] + "=="
-  )) : D === 2 && (n = (s[c - 2] << 8) + s[c - 1], T.push(
+  )) : I === 2 && (n = (s[c - 2] << 8) + s[c - 1], T.push(
     V[n >> 10] + V[n >> 4 & 63] + V[n << 2 & 63] + "="
   )), T.join("");
 }
 var _e = {};
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-_e.read = function(s, n, c, D, T) {
-  var I, N, o = T * 8 - D - 1, h = (1 << o) - 1, A = h >> 1, y = -7, E = c ? T - 1 : 0, j = c ? -1 : 1, p = s[n + E];
-  for (E += j, I = p & (1 << -y) - 1, p >>= -y, y += o; y > 0; I = I * 256 + s[n + E], E += j, y -= 8)
+_e.read = function(s, n, c, I, T) {
+  var D, N, o = T * 8 - I - 1, h = (1 << o) - 1, A = h >> 1, y = -7, E = c ? T - 1 : 0, j = c ? -1 : 1, p = s[n + E];
+  for (E += j, D = p & (1 << -y) - 1, p >>= -y, y += o; y > 0; D = D * 256 + s[n + E], E += j, y -= 8)
     ;
-  for (N = I & (1 << -y) - 1, I >>= -y, y += D; y > 0; N = N * 256 + s[n + E], E += j, y -= 8)
+  for (N = D & (1 << -y) - 1, D >>= -y, y += I; y > 0; N = N * 256 + s[n + E], E += j, y -= 8)
     ;
-  if (I === 0)
-    I = 1 - A;
+  if (D === 0)
+    D = 1 - A;
   else {
-    if (I === h)
+    if (D === h)
       return N ? NaN : (p ? -1 : 1) * (1 / 0);
-    N = N + Math.pow(2, D), I = I - A;
+    N = N + Math.pow(2, I), D = D - A;
   }
-  return (p ? -1 : 1) * N * Math.pow(2, I - D);
+  return (p ? -1 : 1) * N * Math.pow(2, D - I);
 };
-_e.write = function(s, n, c, D, T, I) {
-  var N, o, h, A = I * 8 - T - 1, y = (1 << A) - 1, E = y >> 1, j = T === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, p = D ? 0 : I - 1, z = D ? 1 : -1, f = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
+_e.write = function(s, n, c, I, T, D) {
+  var N, o, h, A = D * 8 - T - 1, y = (1 << A) - 1, E = y >> 1, j = T === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, p = I ? 0 : D - 1, z = I ? 1 : -1, f = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
   for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, N = y) : (N = Math.floor(Math.log(n) / Math.LN2), n * (h = Math.pow(2, -N)) < 1 && (N--, h *= 2), N + E >= 1 ? n += j / h : n += j * Math.pow(2, 1 - E), n * h >= 2 && (N++, h /= 2), N + E >= y ? (o = 0, N = y) : N + E >= 1 ? (o = (n * h - 1) * Math.pow(2, T), N = N + E) : (o = n * Math.pow(2, E - 1) * Math.pow(2, T), N = 0)); T >= 8; s[c + p] = o & 255, p += z, o /= 256, T -= 8)
     ;
   for (N = N << T | o, A += T; A > 0; s[c + p] = N & 255, p += z, N /= 256, A -= 8)
@@ -668,13 +668,13 @@ _e.write = function(s, n, c, D, T, I) {
  * @license  MIT
  */
 (function(s) {
-  const n = xe, c = _e, D = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
+  const n = xe, c = _e, I = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
   s.Buffer = o, s.SlowBuffer = w, s.INSPECT_MAX_BYTES = 50;
   const T = 2147483647;
-  s.kMaxLength = T, o.TYPED_ARRAY_SUPPORT = I(), !o.TYPED_ARRAY_SUPPORT && typeof console < "u" && typeof console.error == "function" && console.error(
+  s.kMaxLength = T, o.TYPED_ARRAY_SUPPORT = D(), !o.TYPED_ARRAY_SUPPORT && typeof console < "u" && typeof console.error == "function" && console.error(
     "This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."
   );
-  function I() {
+  function D() {
     try {
       const t = new Uint8Array(1), e = { foo: function() {
         return 42;
@@ -975,7 +975,7 @@ _e.write = function(s, n, c, D, T, I) {
     let e = "";
     const i = s.INSPECT_MAX_BYTES;
     return e = this.toString("hex", 0, i).replace(/(.{2})/g, "$1 ").trim(), this.length > i && (e += " ... "), "<Buffer " + e + ">";
-  }, D && (o.prototype[D] = o.prototype.inspect), o.prototype.compare = function(e, i, r, M, a) {
+  }, I && (o.prototype[I] = o.prototype.inspect), o.prototype.compare = function(e, i, r, M, a) {
     if (G(e, Uint8Array) && (e = o.from(e, e.offset, e.byteLength)), !o.isBuffer(e))
       throw new TypeError(
         'The "target" argument must be one of type Buffer or Uint8Array. Received type ' + typeof e
@@ -1237,13 +1237,13 @@ _e.write = function(s, n, c, D, T, I) {
   }, o.prototype.readBigUInt64LE = K(function(e) {
     e = e >>> 0, se(e, "offset");
     const i = this[e], r = this[e + 7];
-    (i === void 0 || r === void 0) && De(e, this.length - 8);
+    (i === void 0 || r === void 0) && Ie(e, this.length - 8);
     const M = i + this[++e] * 2 ** 8 + this[++e] * 2 ** 16 + this[++e] * 2 ** 24, a = this[++e] + this[++e] * 2 ** 8 + this[++e] * 2 ** 16 + r * 2 ** 24;
     return BigInt(M) + (BigInt(a) << BigInt(32));
   }), o.prototype.readBigUInt64BE = K(function(e) {
     e = e >>> 0, se(e, "offset");
     const i = this[e], r = this[e + 7];
-    (i === void 0 || r === void 0) && De(e, this.length - 8);
+    (i === void 0 || r === void 0) && Ie(e, this.length - 8);
     const M = i * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + this[++e], a = this[++e] * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + r;
     return (BigInt(M) << BigInt(32)) + BigInt(a);
   }), o.prototype.readIntLE = function(e, i, r) {
@@ -1275,13 +1275,13 @@ _e.write = function(s, n, c, D, T, I) {
   }, o.prototype.readBigInt64LE = K(function(e) {
     e = e >>> 0, se(e, "offset");
     const i = this[e], r = this[e + 7];
-    (i === void 0 || r === void 0) && De(e, this.length - 8);
+    (i === void 0 || r === void 0) && Ie(e, this.length - 8);
     const M = this[e + 4] + this[e + 5] * 2 ** 8 + this[e + 6] * 2 ** 16 + (r << 24);
     return (BigInt(M) << BigInt(32)) + BigInt(i + this[++e] * 2 ** 8 + this[++e] * 2 ** 16 + this[++e] * 2 ** 24);
   }), o.prototype.readBigInt64BE = K(function(e) {
     e = e >>> 0, se(e, "offset");
     const i = this[e], r = this[e + 7];
-    (i === void 0 || r === void 0) && De(e, this.length - 8);
+    (i === void 0 || r === void 0) && Ie(e, this.length - 8);
     const M = (i << 24) + // Overflow
     this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + this[++e];
     return (BigInt(M) << BigInt(32)) + BigInt(this[++e] * 2 ** 24 + this[++e] * 2 ** 16 + this[++e] * 2 ** 8 + r);
@@ -1505,7 +1505,7 @@ _e.write = function(s, n, c, D, T, I) {
     return `${t.slice(0, i)}${e}`;
   }
   function bi(t, e, i) {
-    se(e, "offset"), (t[e] === void 0 || t[e + i] === void 0) && De(e, t.length - (i + 1));
+    se(e, "offset"), (t[e] === void 0 || t[e + i] === void 0) && Ie(e, t.length - (i + 1));
   }
   function Je(t, e, i, r, M, a) {
     if (t > i || t < e) {
@@ -1519,7 +1519,7 @@ _e.write = function(s, n, c, D, T, I) {
     if (typeof t != "number")
       throw new ne.ERR_INVALID_ARG_TYPE(e, "number", t);
   }
-  function De(t, e, i) {
+  function Ie(t, e, i) {
     throw Math.floor(t) !== t ? (se(t, i), new ne.ERR_OUT_OF_RANGE(i || "offset", "an integer", t)) : e < 0 ? new ne.ERR_BUFFER_OUT_OF_BOUNDS() : new ne.ERR_OUT_OF_RANGE(
       i || "offset",
       `>= ${i ? 1 : 0} and <= ${e}`,
@@ -1750,8 +1750,8 @@ S.umask = function() {
 var qr = Ai.exports;
 (function(s) {
   Object.defineProperty(s, Symbol.toStringTag, { value: "Module" });
-  const n = pi, c = qr, D = (N) => N && N.__esModule ? N : { default: N }, T = D(c), I = globalThis || void 0 || self;
-  Object.defineProperty(s, "Buffer", { enumerable: !0, get: () => n.Buffer }), Object.defineProperty(s, "process", { enumerable: !0, get: () => T.default }), s.global = I;
+  const n = pi, c = qr, I = (N) => N && N.__esModule ? N : { default: N }, T = I(c), D = globalThis || void 0 || self;
+  Object.defineProperty(s, "Buffer", { enumerable: !0, get: () => n.Buffer }), Object.defineProperty(s, "process", { enumerable: !0, get: () => T.default }), s.global = D;
 })(di);
 let R;
 typeof window < "u" ? R = window : typeof self < "u" ? R = self : R = di.global;
@@ -1763,33 +1763,33 @@ ke == null || gi == null ? (Ue = me, Ye = function(n) {
   ke(n), me(c);
 }, Ye = function(n) {
   const c = gi(function() {
-    me(D), n();
-  }), D = Ni(function() {
+    me(I), n();
+  }), I = Ni(function() {
     ke(c), n();
   }, li);
-  return [c, D];
+  return [c, I];
 });
 function Hr(s) {
-  let n, c, D, T, I, N, o;
+  let n, c, I, T, D, N, o;
   const h = typeof document < "u" && document.attachEvent;
   if (!h) {
     N = function(O) {
       const w = O.__resizeTriggers__, Q = w.firstElementChild, q = w.lastElementChild, F = Q.firstElementChild;
       q.scrollLeft = q.scrollWidth, q.scrollTop = q.scrollHeight, F.style.width = Q.offsetWidth + 1 + "px", F.style.height = Q.offsetHeight + 1 + "px", Q.scrollLeft = Q.scrollWidth, Q.scrollTop = Q.scrollHeight;
-    }, I = function(O) {
+    }, D = function(O) {
       return O.offsetWidth !== O.__resizeLast__.width || O.offsetHeight !== O.__resizeLast__.height;
     }, o = function(O) {
       if (O.target.className && typeof O.target.className.indexOf == "function" && O.target.className.indexOf("contract-trigger") < 0 && O.target.className.indexOf("expand-trigger") < 0)
         return;
       const w = this;
       N(this), this.__resizeRAF__ && Ue(this.__resizeRAF__), this.__resizeRAF__ = Ye(function() {
-        I(w) && (w.__resizeLast__.width = w.offsetWidth, w.__resizeLast__.height = w.offsetHeight, w.__resizeListeners__.forEach(function(F) {
+        D(w) && (w.__resizeLast__.width = w.offsetWidth, w.__resizeLast__.height = w.offsetHeight, w.__resizeListeners__.forEach(function(F) {
           F.call(w, O);
         }));
       });
     };
     let j = !1, p = "";
-    D = "animationstart";
+    I = "animationstart";
     const z = "Webkit Moz O ms".split(" ");
     let f = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), U = "";
     {
@@ -1797,7 +1797,7 @@ function Hr(s) {
       if (O.style.animationName !== void 0 && (j = !0), j === !1) {
         for (let w = 0; w < z.length; w++)
           if (O.style[z[w] + "AnimationName"] !== void 0) {
-            U = z[w], p = "-" + U.toLowerCase() + "-", D = f[w], j = !0;
+            U = z[w], p = "-" + U.toLowerCase() + "-", I = f[w], j = !0;
             break;
           }
       }
@@ -1821,9 +1821,9 @@ function Hr(s) {
           const U = z.createElement("div");
           U.className = "expand-trigger", U.appendChild(z.createElement("div"));
           const O = z.createElement("div");
-          O.className = "contract-trigger", j.__resizeTriggers__.appendChild(U), j.__resizeTriggers__.appendChild(O), j.appendChild(j.__resizeTriggers__), N(j), j.addEventListener("scroll", o, !0), D && (j.__resizeTriggers__.__animationListener__ = function(Q) {
+          O.className = "contract-trigger", j.__resizeTriggers__.appendChild(U), j.__resizeTriggers__.appendChild(O), j.appendChild(j.__resizeTriggers__), N(j), j.addEventListener("scroll", o, !0), I && (j.__resizeTriggers__.__animationListener__ = function(Q) {
             Q.animationName === c && N(j);
-          }, j.__resizeTriggers__.addEventListener(D, j.__resizeTriggers__.__animationListener__));
+          }, j.__resizeTriggers__.addEventListener(I, j.__resizeTriggers__.__animationListener__));
         }
         j.__resizeListeners__.push(p);
       }
@@ -1832,7 +1832,7 @@ function Hr(s) {
       if (h)
         j.detachEvent("onresize", p);
       else if (j.__resizeListeners__.splice(j.__resizeListeners__.indexOf(p), 1), !j.__resizeListeners__.length) {
-        j.removeEventListener("scroll", o, !0), j.__resizeTriggers__.__animationListener__ && (j.__resizeTriggers__.removeEventListener(D, j.__resizeTriggers__.__animationListener__), j.__resizeTriggers__.__animationListener__ = null);
+        j.removeEventListener("scroll", o, !0), j.__resizeTriggers__.__animationListener__ && (j.__resizeTriggers__.removeEventListener(I, j.__resizeTriggers__.__animationListener__), j.__resizeTriggers__.__animationListener__ = null);
         try {
           j.__resizeTriggers__ = !j.removeChild(j.__resizeTriggers__);
         } catch {
@@ -1852,13 +1852,13 @@ class Jr extends Hi {
       this._timeoutId = null;
       const {
         disableHeight: c,
-        disableWidth: D,
+        disableWidth: I,
         onResize: T
       } = this.props;
       if (this._parentNode) {
-        var I, N, o, h;
-        const A = window.getComputedStyle(this._parentNode) || {}, y = parseFloat((I = A.paddingLeft) !== null && I !== void 0 ? I : "0"), E = parseFloat((N = A.paddingRight) !== null && N !== void 0 ? N : "0"), j = parseFloat((o = A.paddingTop) !== null && o !== void 0 ? o : "0"), p = parseFloat((h = A.paddingBottom) !== null && h !== void 0 ? h : "0"), z = this._parentNode.getBoundingClientRect(), f = z.height - j - p, U = z.width - y - E, O = this._parentNode.offsetHeight - j - p, w = this._parentNode.offsetWidth - y - E;
-        (!c && (this.state.height !== O || this.state.scaledHeight !== f) || !D && (this.state.width !== w || this.state.scaledWidth !== U)) && (this.setState({
+        var D, N, o, h;
+        const A = window.getComputedStyle(this._parentNode) || {}, y = parseFloat((D = A.paddingLeft) !== null && D !== void 0 ? D : "0"), E = parseFloat((N = A.paddingRight) !== null && N !== void 0 ? N : "0"), j = parseFloat((o = A.paddingTop) !== null && o !== void 0 ? o : "0"), p = parseFloat((h = A.paddingBottom) !== null && h !== void 0 ? h : "0"), z = this._parentNode.getBoundingClientRect(), f = z.height - j - p, U = z.width - y - E, O = this._parentNode.offsetHeight - j - p, w = this._parentNode.offsetWidth - y - E;
+        (!c && (this.state.height !== O || this.state.scaledHeight !== f) || !I && (this.state.width !== w || this.state.scaledWidth !== U)) && (this.setState({
           height: O,
           width: w,
           scaledHeight: f,
@@ -1889,9 +1889,9 @@ class Jr extends Hi {
     const {
       children: n,
       defaultHeight: c,
-      defaultWidth: D,
+      defaultWidth: I,
       disableHeight: T = !1,
-      disableWidth: I = !1,
+      disableWidth: D = !1,
       nonce: N,
       onResize: o,
       style: h = {},
@@ -1906,7 +1906,7 @@ class Jr extends Hi {
       overflow: "visible"
     }, U = {};
     let O = !1;
-    return T || (E === 0 && (O = !0), f.height = 0, U.height = E, U.scaledHeight = j), I || (z === 0 && (O = !0), f.width = 0, U.width = z, U.scaledWidth = p), Ji(A, {
+    return T || (E === 0 && (O = !0), f.height = 0, U.height = E, U.scaledHeight = j), D || (z === 0 && (O = !0), f.width = 0, U.width = z, U.scaledWidth = p), Ji(A, {
       ref: this._setRef,
       style: {
         ...f,
@@ -1944,14 +1944,14 @@ const Xr = /* @__PURE__ */ l("div")({
   width: s,
   graphicSrc: n,
   headline: c,
-  stepsCount: D,
+  stepsCount: I,
   currentStep: T
 }) => /* @__PURE__ */ d(Xr, { children: [
   /* @__PURE__ */ d(Kr, { children: [
     /* @__PURE__ */ u(en, { "data-centered": T === 0, children: /* @__PURE__ */ u("img", { src: n, alt: c, width: s || 300 }) }),
     c && /* @__PURE__ */ u(tn, { children: c })
   ] }),
-  /* @__PURE__ */ u(rn, { children: Array.from({ length: D }).map((I, N) => /* @__PURE__ */ u(nn, { "data-active": T === N }, N)) })
+  /* @__PURE__ */ u(rn, { children: Array.from({ length: I }).map((D, N) => /* @__PURE__ */ u(nn, { "data-active": T === N }, N)) })
 ] }), on = /* @__PURE__ */ l("div")({
   name: "Container",
   class: "c1itm4k7",
@@ -1980,11 +1980,11 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), Dn = /* @__PURE__ */ l("div")({
+}), In = /* @__PURE__ */ l("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), In = /* @__PURE__ */ l("span")({
+}), Dn = /* @__PURE__ */ l("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
@@ -2012,14 +2012,14 @@ const Xr = /* @__PURE__ */ l("div")({
   inviteLink: s,
   socialLinks: n,
   inviteCardTitle: c,
-  inviteCardSubtext: D,
+  inviteCardSubtext: I,
   primaryColor: T,
-  className: I
-}) => /* @__PURE__ */ d(on, { className: I, children: [
+  className: D
+}) => /* @__PURE__ */ d(on, { className: D, children: [
   /* @__PURE__ */ u(Mn, { style: { backgroundColor: T }, children: /* @__PURE__ */ u(un, { name: "invite-game-icon" }) }),
   /* @__PURE__ */ d(an, { children: [
     /* @__PURE__ */ u(ln, { children: c || "" }),
-    /* @__PURE__ */ u(Nn, { children: D || "" })
+    /* @__PURE__ */ u(Nn, { children: I || "" })
   ] }),
   s && /* @__PURE__ */ d(gn, { onClick: async () => {
     if (s)
@@ -2029,8 +2029,8 @@ const Xr = /* @__PURE__ */ l("div")({
         console.error("Unable to copy to clipboard", N);
       }
   }, children: [
-    /* @__PURE__ */ d(Dn, { children: [
-      /* @__PURE__ */ u(In, { children: "Invite link" }),
+    /* @__PURE__ */ d(In, { children: [
+      /* @__PURE__ */ u(Dn, { children: "Invite link" }),
       /* @__PURE__ */ u(Tn, { children: s })
     ] }),
     /* @__PURE__ */ u(hn, { name: "icon-copy" })
@@ -2074,10 +2074,10 @@ const Xr = /* @__PURE__ */ l("div")({
 }), kn = ({ rules: s, rulesTitle: n, primaryColor: c }) => /* @__PURE__ */ d(zn, { children: [
   /* @__PURE__ */ d(xn, { children: [
     /* @__PURE__ */ u(En, { children: n }),
-    /* @__PURE__ */ u(fn, { children: s == null ? void 0 : s.map(({ label: D, icon: T }, I) => /* @__PURE__ */ d(On, { children: [
+    /* @__PURE__ */ u(fn, { children: s == null ? void 0 : s.map(({ label: I, icon: T }, D) => /* @__PURE__ */ d(On, { children: [
       T && /* @__PURE__ */ u(Ln, { style: { backgroundColor: c }, children: /* @__PURE__ */ u(b, { name: T, "data-icon": T }) }),
-      /* @__PURE__ */ u(wn, { children: D })
-    ] }, I)) })
+      /* @__PURE__ */ u(wn, { children: I })
+    ] }, D)) })
   ] }),
   /* @__PURE__ */ u(mn, { children: "See Terms and Conditions" })
 ] }), Cn = /* @__PURE__ */ l("button")({
@@ -2088,7 +2088,7 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "ButtonLabel",
   class: "b1xoswwx",
   propsAsIs: !1
-}), Un = ({ disabled: s, variant: n = "primary", onClick: c, children: D, ...T }) => /* @__PURE__ */ u(Cn, { onClick: c, disabled: s, "data-variant": n, ...T, children: /* @__PURE__ */ u(Sn, { children: D }) }), Yn = /* @__PURE__ */ l("div")({
+}), Un = ({ disabled: s, variant: n = "primary", onClick: c, children: I, ...T }) => /* @__PURE__ */ u(Cn, { onClick: c, disabled: s, "data-variant": n, ...T, children: /* @__PURE__ */ u(Sn, { children: I }) }), Yn = /* @__PURE__ */ l("div")({
   name: "Container",
   class: "c18uddbs",
   propsAsIs: !1
@@ -2124,9 +2124,9 @@ const Xr = /* @__PURE__ */ l("div")({
   gamification: s,
   steps: n,
   rules: c,
-  rulesBtnLabel: D,
+  rulesBtnLabel: I,
   rulesTitle: T,
-  primaryColor: I,
+  primaryColor: D,
   inviteLink: N,
   socialLinks: o,
   inviteCardTitle: h,
@@ -2138,7 +2138,7 @@ const Xr = /* @__PURE__ */ l("div")({
   J(() => {
     n != null && n.length ? f({ ...le, steps: !0 }) : c != null && c.length ? f({ ...le, rules: !0 }) : f({ ...le, inviteCard: !0 });
   }, []);
-  const U = Qe(() => z.steps && j === 0 ? "Continue" : z.rules ? D || "Got it" : z.inviteCard ? y || "Play Now" : "Next", [z, j, D, y]), O = Ae(() => {
+  const U = Qe(() => z.steps && j === 0 ? "Continue" : z.rules ? I || "Got it" : z.inviteCard ? y || "Play Now" : "Next", [z, j, I, y]), O = Ae(() => {
     n != null && n.length && j < n.length - 1 ? p((Q) => ++Q) : c != null && c.length && z.steps ? f({ ...le, rules: !0 }) : z.rules && f({ ...le, inviteCard: !0 });
   }, [j, n == null ? void 0 : n.length, c == null ? void 0 : c.length, z, p, f]), w = async () => {
     await s.onboardingStatus.submitInplay();
@@ -2147,14 +2147,14 @@ const Xr = /* @__PURE__ */ l("div")({
     /* @__PURE__ */ u(bn, { children: /* @__PURE__ */ u(vn, { onClick: E, children: /* @__PURE__ */ u(_n, { name: "icon-close-btn-gray" }) }) }),
     /* @__PURE__ */ d(Qn, { children: [
       z.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ u(sn, { stepsCount: n.length, currentStep: j, ...n[j] }),
-      z.rules && /* @__PURE__ */ u(kn, { rules: c, rulesTitle: T, primaryColor: I }),
+      z.rules && /* @__PURE__ */ u(kn, { rules: c, rulesTitle: T, primaryColor: D }),
       z.inviteCard && /* @__PURE__ */ u(
         An,
         {
           inviteLink: N,
           inviteCardTitle: h,
           inviteCardSubtext: A,
-          primaryColor: I,
+          primaryColor: D,
           socialLinks: o
         }
       )
@@ -2197,12 +2197,12 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "ActionButton",
   class: "ay8e3j9",
   propsAsIs: !1
-}), Di = ({ close: s, action: n, onboarding: c }) => {
-  var D, T, I, N, o, h, A, y;
+}), Ii = ({ close: s, action: n, onboarding: c }) => {
+  var I, T, D, N, o, h, A, y;
   return /* @__PURE__ */ d(Gn, { children: [
     /* @__PURE__ */ u(Pn, { onClick: s, children: /* @__PURE__ */ u(Vn, { name: "icon-cross" }) }),
-    ((T = (D = c == null ? void 0 : c.titleCard) == null ? void 0 : D.media) == null ? void 0 : T.sponsorLogo) && /* @__PURE__ */ d(qn, { children: [
-      /* @__PURE__ */ u(Hn, { alt: "sponsor-logo", src: (N = (I = c == null ? void 0 : c.titleCard) == null ? void 0 : I.media) == null ? void 0 : N.sponsorLogo }),
+    ((T = (I = c == null ? void 0 : c.titleCard) == null ? void 0 : I.media) == null ? void 0 : T.sponsorLogo) && /* @__PURE__ */ d(qn, { children: [
+      /* @__PURE__ */ u(Hn, { alt: "sponsor-logo", src: (N = (D = c == null ? void 0 : c.titleCard) == null ? void 0 : D.media) == null ? void 0 : N.sponsorLogo }),
       /* @__PURE__ */ u(Jn, { children: "PRESENTS" })
     ] }),
     ((o = c == null ? void 0 : c.titleCard) == null ? void 0 : o.title) && /* @__PURE__ */ u(Xn, { children: (h = c == null ? void 0 : c.titleCard) == null ? void 0 : h.title }),
@@ -2217,7 +2217,7 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "OnboardingNotificationContainer",
   class: "o1c8wcli",
   propsAsIs: !0
-}), Ii = /* @__PURE__ */ l("div")({
+}), Di = /* @__PURE__ */ l("div")({
   name: "InnerContainer",
   class: "i18oyadd",
   propsAsIs: !1
@@ -2225,9 +2225,9 @@ const Xr = /* @__PURE__ */ l("div")({
   deepLink: s,
   onboardingOpts: n,
   notification: c,
-  gamification: D
+  gamification: I
 }) => {
-  var T, I, N, o, h, A;
+  var T, D, N, o, h, A;
   const [y, E] = W(void 0);
   return J(() => {
     const j = s.$store.subscribe((p) => {
@@ -2250,7 +2250,7 @@ const Xr = /* @__PURE__ */ l("div")({
         icon: "icon-trophy"
       }],
       rulesBtnLabel: (T = n.rules) == null ? void 0 : T.buttonLabel,
-      rulesTitle: (I = n.rules) == null ? void 0 : I.heading,
+      rulesTitle: (D = n.rules) == null ? void 0 : D.heading,
       steps: [{
         graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
         headline: "Welcome to the Featured Groups +",
@@ -2287,20 +2287,20 @@ const Xr = /* @__PURE__ */ l("div")({
         link: "https://twitter.com/@TheMasters",
         label: "X"
       }],
-      gamification: D
+      gamification: I
     })
   });
 }, Ms = ({
   sdk: s,
   notification: n,
   saveHeight: c,
-  style: D
+  style: I
 }) => {
   var T;
-  const I = je(null), [N, o] = W(!1), h = s.getFeature(be.GAMES), A = n.data.onboarding;
+  const D = je(null), [N, o] = W(!1), h = s.getFeature(be.GAMES), A = n.data.onboarding;
   return (T = A == null ? void 0 : A.titleCard) != null && T.media && (A.titleCard.media.sponsorLogo = is), Xi(() => {
     var y;
-    c(((y = I.current) == null ? void 0 : y.getBoundingClientRect().height) || 0);
+    c(((y = D.current) == null ? void 0 : y.getBoundingClientRect().height) || 0);
   }, [c]), N && h && A ? /* @__PURE__ */ u(os, {
     notification: n,
     setOpened: o,
@@ -2308,15 +2308,15 @@ const Xr = /* @__PURE__ */ l("div")({
     onboardingOpts: A,
     deepLink: h.deepLink
   }) : /* @__PURE__ */ d(te, {
-    children: [/* @__PURE__ */ u(Ii, {
+    children: [/* @__PURE__ */ u(Di, {
       ref: (y) => {
-        I.current = y;
+        D.current = y;
       },
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ u(Di, {
+      children: /* @__PURE__ */ u(Ii, {
         close: () => {
         },
         action: () => {
@@ -2324,10 +2324,10 @@ const Xr = /* @__PURE__ */ l("div")({
         onboarding: A
       })
     }), /* @__PURE__ */ u(ns, {
-      style: D,
+      style: I,
       hiding: n.hiding,
-      children: /* @__PURE__ */ u(Ii, {
-        children: /* @__PURE__ */ u(Di, {
+      children: /* @__PURE__ */ u(Di, {
+        children: /* @__PURE__ */ u(Ii, {
           close: n.close,
           action: () => o(!0),
           onboarding: A
@@ -2343,29 +2343,36 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "InnerContainer",
   class: "i1ri7tzr",
   propsAsIs: !1
-}), as = (s) => {
-  const [n, c] = W(0), D = je(null), T = Ae((N) => {
-    D.current = N;
+}), as = /* @__PURE__ */ l("div")({
+  name: "NotificationRefreshing",
+  class: "n1ng1qh5",
+  propsAsIs: !1
+}), ls = (s) => {
+  const [n, c] = W(0), I = je(null), T = Ae((N) => {
+    I.current = N;
   }, []);
   J(() => {
     var N;
-    const o = (N = D.current) == null ? void 0 : N.getBoundingClientRect();
+    const o = (N = I.current) == null ? void 0 : N.getBoundingClientRect();
     o && c(o.height);
   }, [s]);
-  const I = Ae((N) => {
+  const D = Ae((N) => {
     c(N);
   }, []);
-  return [T, n, I];
-}, ls = ({ sdk: s, notification: n }) => {
-  var c, D;
-  const [T, I, N] = as(n.id);
+  return [T, n, D];
+}, Ns = ({ sdk: s, notification: n }) => {
+  var c, I;
+  const [T, D, N] = ls(n.id);
   return n.type === pe.QUESTION ? /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ u(Ti, { ref: T, style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ u(ei, { ...n }) }),
-    /* @__PURE__ */ u(us, { style: { height: n.hiding ? 0 : I }, hiding: n.hiding, children: /* @__PURE__ */ u(Ti, { style: { height: "100%" }, children: /* @__PURE__ */ u(ei, { ...n }) }) })
-  ] }) : n.type === pe.QUESTION_RESOLVED && (D = (c = n.data) == null ? void 0 : c.question) != null && D.predictionResult ? /* @__PURE__ */ u(
+    /* @__PURE__ */ d(us, { style: { height: n.hiding ? 0 : D }, hiding: n.hiding, children: [
+      /* @__PURE__ */ u(Ti, { style: { height: "100%" }, children: /* @__PURE__ */ u(ei, { ...n }) }),
+      /* @__PURE__ */ u(as, {}, n.id)
+    ] })
+  ] }) : n.type === pe.QUESTION_RESOLVED && (I = (c = n.data) == null ? void 0 : c.question) != null && I.predictionResult ? /* @__PURE__ */ u(
     vr,
     {
-      style: { height: n.hiding ? 0 : I },
+      style: { height: n.hiding ? 0 : D },
       saveHeight: N,
       close: n.close,
       hiding: n.hiding,
@@ -2374,14 +2381,14 @@ const Xr = /* @__PURE__ */ l("div")({
   ) : n.type === pe.ONBOARDING ? /* @__PURE__ */ u(
     Ms,
     {
-      style: { height: n.hiding ? 0 : I },
+      style: { height: n.hiding ? 0 : D },
       saveHeight: N,
       sdk: s,
       notification: n
     }
   ) : null;
-}, Ns = ({ sdk: s }) => {
-  const [n] = W(s.getNotificationsStore()), c = re(n), D = Qe(() => {
+}, gs = ({ sdk: s }) => {
+  const [n] = W(s.getNotificationsStore()), c = re(n), I = Qe(() => {
     if (!(c != null && c.size))
       return null;
     for (const T of c.values())
@@ -2389,8 +2396,8 @@ const Xr = /* @__PURE__ */ l("div")({
         return T;
     return c.values().next().value;
   }, [c]);
-  return D ? /* @__PURE__ */ u(ls, { sdk: s, notification: D }) : null;
-}, gs = /* @__PURE__ */ l("div")({
+  return I ? /* @__PURE__ */ u(Ns, { sdk: s, notification: I }) : null;
+}, Is = /* @__PURE__ */ l("div")({
   name: "SDKContainer",
   class: "stu11h7",
   propsAsIs: !1
@@ -2402,24 +2409,24 @@ const Xr = /* @__PURE__ */ l("div")({
   name: "SDKContentContainer",
   class: "s1el4wvm",
   propsAsIs: !1
-}), Is = () => Ds, ws = /* @__PURE__ */ l(Is())({
+}), Ts = () => Ds, ms = /* @__PURE__ */ l(Ts())({
   name: "SDKWhiteContainer",
   class: "s1oe3036",
   propsAsIs: !0
-}), Ts = (s) => {
-  const n = je(""), [c, D] = W(!1), T = re(s.status), I = re(s.userId()), N = T === "ready", [o, h] = W(ee), A = Ae(
+}), js = (s) => {
+  const n = je(""), [c, I] = W(!1), T = re(s.status), D = re(s.userId()), N = T === "ready", [o, h] = W(ee), A = Ae(
     (j, p) => {
       h(p), p === ee ? (j && s.createEventSession(j), window.requestAnimationFrame(() => {
         s.openFeature(be.GAMES);
-      })) : s.closeFeature();
+      })) : s.closeFeature(!1);
     },
     [s]
   );
   J(() => {
-    !N && o === ee && (h(Ne), s.closeFeature());
+    !N && o === ee && (h(Ne), s.closeFeature(!0));
   }, [N, o, s]);
   const y = (j) => {
-    n.current = j, D(!0), s.initializeApp().then(({ enabled: p, err: z }) => {
+    n.current = j, I(!0), s.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: p, err: z }) => {
       if (z) {
         A(j, Ne);
         return;
@@ -2436,97 +2443,97 @@ const Xr = /* @__PURE__ */ l("div")({
       }
     });
   }, E = () => {
-    D(!1), s.disableApp();
+    I(!1), s.disableApp();
   };
   return J(() => {
-    if (!I) {
+    if (!D) {
       N && (h(Ne), s.disableApp());
       return;
     }
-    I && n.current && c && s.initializeApp().then(() => {
+    D && n.current && c && s.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
       s.createEventSession(n.current);
     });
-  }, [I]), {
+  }, [D]), {
     sdkEnabled: c,
     sdkReady: N,
     activeOverlay: o,
     activateAndLoadOverlay: A,
     activateEventWithId: y,
     deactivate: E,
-    isLogged: !!I
+    isLogged: !!D
   };
-}, js = (s) => {
-  const n = re(s.getActiveFeature()), c = re(s.streamStore()), [D, T] = W(null);
+}, hs = (s) => {
+  const n = re(s.getActiveFeature()), c = re(s.streamStore()), [I, T] = W(null);
   return J(() => {
-    const I = s.getFeatures();
+    const D = s.getFeatures();
     if (n)
-      for (const [N, o] of I)
-        N === n ? o.status.get() === Ie.Suspended && (o.enable(), T(o)) : o.status.get() === Ie.Ready && o.disable();
+      for (const [N, o] of D)
+        N === n ? o.status.get() === De.Suspended && (o.enable(), T(o)) : o.status.get() === De.Ready && o.disable();
     else {
-      for (const [, N] of I)
-        N.status.get() === Ie.Ready && N.disable();
+      for (const [, N] of D)
+        N.status.get() === De.Ready && N.disable();
       T(null);
     }
     return () => {
-      for (const [, N] of I)
-        N.status.get() === Ie.Ready && N.disable();
+      for (const [, N] of D)
+        N.status.get() === De.Ready && N.disable();
     };
-  }, [n, s, c]), [n, D];
-}, hs = ({ sdk: s, className: n }) => {
-  const [, c] = js(s);
+  }, [n, s, c]), [n, I];
+}, ds = ({ sdk: s, className: n }) => {
+  const [, c] = hs(s);
   return /* @__PURE__ */ u(tt, { className: n, feature: c, sdk: s });
-}, ds = ({ sdk: s, overlays: n, children: c }) => {
-  const { sdkEnabled: D, sdkReady: T, activeOverlay: I, activateAndLoadOverlay: N, activateEventWithId: o, deactivate: h, isLogged: A } = Ts(s);
+}, ps = ({ sdk: s, overlays: n, children: c }) => {
+  const { sdkEnabled: I, sdkReady: T, activeOverlay: D, activateAndLoadOverlay: N, activateEventWithId: o, deactivate: h, isLogged: A } = js(s);
   return J(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ d(gs, { children: [
-    D && /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ d(Is, { children: [
+    I && /* @__PURE__ */ u(
       dt,
       {
         sdkReady: T,
-        activeOverlay: I,
+        activeOverlay: D,
         className: Ke,
         setActiveOverlay: (y) => N("", y)
       }
     ),
-    T && /* @__PURE__ */ u(Ns, { sdk: s }),
+    T && /* @__PURE__ */ u(gs, { sdk: s }),
     /* @__PURE__ */ u(
       ji,
       {
-        "data-nav": D.toString(),
-        style: { display: !D || I === Ne ? "block" : "none" },
+        "data-nav": I.toString(),
+        style: { display: !I || D === Ne ? "block" : "none" },
         children: c && c({ activateEventWithId: o, deactivate: h })
       }
     ),
     /* @__PURE__ */ u(
       ji,
       {
-        "data-nav": D.toString(),
-        style: { display: I === ze ? "block" : "none" },
-        children: n && I === ze && n[I]
+        "data-nav": I.toString(),
+        style: { display: D === ze ? "block" : "none" },
+        children: n && D === ze && n[D]
       }
     ),
-    T && I === ee && /* @__PURE__ */ u(hs, { className: Ke, sdk: s }),
+    T && D === ee && /* @__PURE__ */ u(ds, { className: Ke, sdk: s }),
     !A && /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };
-const ms = ({
+const ks = ({
   sdkKey: s,
   plugins: n,
   children: c,
-  production: D = !0
-}) => /* @__PURE__ */ u(Wi, { sdkKey: s, plugins: n, production: D, autoEnable: !1, children: c }), ks = ({ children: s, overlays: n }) => {
-  const { sdk: c, status: D } = Ki(Gi);
-  if (D === Pi.UNSET)
+  production: I = !0
+}) => /* @__PURE__ */ u(Wi, { sdkKey: s, plugins: n, production: I, autoEnable: !1, children: c }), Cs = ({ children: s, overlays: n }) => {
+  const { sdk: c, status: I } = Ki(Gi);
+  if (I === Pi.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return c ? /* @__PURE__ */ u("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ u(Zi, { style: { height: "100%" }, children: /* @__PURE__ */ u(ds, { sdk: c, overlays: n, children: s }) }) }) : s({});
+  return c ? /* @__PURE__ */ u("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ u(Zi, { style: { height: "100%" }, children: /* @__PURE__ */ u(ps, { sdk: c, overlays: n, children: s }) }) }) : s({});
 };
 export {
   Jr as A,
-  ms as M,
+  ks as M,
   An as O,
-  ws as a,
-  ks as b,
+  ms as a,
+  Cs as b,
   Un as c,
   Be as f,
   Ds as n,