@streamlayer/react 1.21.2 → 1.21.4

package/lib/classic/es/advertisement.js

@@ -1,11 +1,11 @@
 import { jsx as Y, jsxs as pe, Fragment as to } from "react/jsx-runtime";
 import { useEffect as It, useState as Lo, useRef as wi, useCallback as nn } from "react";
-import "nanostores";
 import { n as ai, s as J, i as Ht, O as Fr, B as gm, q as fm, k as mm, e as bs, y as io, E as ym, r as _m, t as bm, u as Tm, c as vm, d as Sm, a as Ni, h as Em } from "./provider.js";
+import "nanostores";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
-import { A as Gh, N as vi, a as Xh, b as Kh, C as no, c as Yh, P as rs, d as Jt, e as wm, f as km, g as Cm, S as Im } from "./useStreamLayerApp2.js";
+import { A as Gh, N as vi, b as Xh, c as Kh, d as no, e as Yh, P as rs, f as Jt, g as wm, h as km, i as Cm, S as Im } from "./useStreamLayerApp2.js";
 import { c as xm, u as Am } from "./vast-client.min-B0NUra1B.js";
 import { D as Pm } from "./index-l-eyvmpL.js";
 import { v4 as fu, validate as Lm, v5 as mu } from "uuid";

package/lib/classic/es/bet-pack.js

@@ -1,9 +1,8 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, B as te, o as vt, p as gt, e as Se, j as wt, n as Ee, u as bt, i as yt } from "./provider.js";
 import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as St, createContext as He, useMemo as Re, useCallback as qe, memo as Et } from "react";
-import { ConnectError as xt, Code as Tt } from "@connectrpc/connect";
-import Ct from "lodash.throttle";
-import { S as We } from "./useStreamLayerApp2.js";
+import xt from "lodash.throttle";
+import { C as Tt, a as Ct, S as We } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -3239,7 +3238,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return Y(() => {
-    const v = Ct(() => {
+    const v = xt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3283,7 +3282,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof xt && l.code !== Tt.InvalidArgument ? `The event ID was not
+      description: l instanceof Tt && l.code !== Ct.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3416,12 +3415,12 @@ view this resource.`
     action: "tap",
     payload: {}
   });
-}, Wr = () => {
+}, qr = () => {
   const t = bt();
   return Y(() => (document == null || document.addEventListener("click", Ve), () => {
     document == null || document.removeEventListener("click", Ve);
   }), []), t ? /* @__PURE__ */ P(mt, { sdk: t }) : null;
 };
 export {
-  Wr as BetPackProvider
+  qr as BetPackProvider
 };

package/lib/classic/es/insight.js

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as p } from "react/jsx-runtime";
 import { useRef as l, useEffect as h } from "react";
-import "nanostores";
 import { e as m, s as f, T as S, u as I, d as g, h as v, a as k } from "./provider.js";
+import "nanostores";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";

package/lib/classic/es/notification.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as hs } from "react";
+import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as Is } from "react";
+import { s as n, B as A, D as hs, v as $s, x as K, w as G, z as gs, E as ws, O as x, y as ys, f as Ts, e as bs, i as Cs, N as O, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
 import "nanostores";
-import { s as n, B as A, D as Is, v as $s, x as K, w as G, z as gs, E as ws, O as x, y as ys, f as Ts, e as bs, i as Cs, N as O, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
-import { Q as v, h as I, i as H, j as L, S as Es, A as R } from "./useStreamLayerApp2.js";
+import { Q as v, j as h, k as H, l as L, S as Es, A as R } from "./useStreamLayerApp2.js";
 const b = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1bcvojl",
@@ -105,7 +105,7 @@ const b = /* @__PURE__ */ n("div")({
   return /* @__PURE__ */ l(Hs, { children: [
     p && /* @__PURE__ */ s(_s, { children: /* @__PURE__ */ s(Ks, { children: p }) }),
     /* @__PURE__ */ s(
-      Is,
+      hs,
       {
         image: e,
         name: (d = i == null ? void 0 : i.meta) == null ? void 0 : d.accountName,
@@ -133,13 +133,13 @@ const b = /* @__PURE__ */ n("div")({
   if (!d || !t || !t.notification)
     return null;
   const { title: m, image: u, imageMode: $ } = t.notification;
-  let h = u;
-  i === I.TWEET && a != null && a.tweetMedia && (h = a.tweetMedia.image), $ === v.NONE && (h = "");
-  const g = t.useMediaFromContent && (o == null ? void 0 : o.image), c = i === I.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || i === I.FACTOID && (o == null ? void 0 : o.video);
-  return /* @__PURE__ */ s(Vs, { "data-a": "intr", className: "SL_InApp", onClick: e, children: /* @__PURE__ */ l(Us, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
-    h && !g && /* @__PURE__ */ s(j, { src: h, imageMode: $, withVideo: !!c }),
+  let I = u;
+  i === h.TWEET && a != null && a.tweetMedia && (I = a.tweetMedia.image), $ === v.NONE && (I = "");
+  const g = t.useMediaFromContent && (o == null ? void 0 : o.image), c = i === h.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || i === h.FACTOID && (o == null ? void 0 : o.video);
+  return /* @__PURE__ */ s(Vs, { "data-a": "intr", className: "SL_InApp", onClick: e, children: /* @__PURE__ */ l(Us, { style: I ? {} : { paddingLeft: "1.5rem" }, children: [
+    I && !g && /* @__PURE__ */ s(j, { src: I, imageMode: $, withVideo: !!c }),
     g && /* @__PURE__ */ s(j, { src: g, fromInsight: !0, withVideo: !!c }),
-    i === I.TWEET ? /* @__PURE__ */ s(Zs, { tweet: a }) : /* @__PURE__ */ s(Xs, { questionTypeData: d, questionType: i, title: m }),
+    i === h.TWEET ? /* @__PURE__ */ s(Zs, { tweet: a }) : /* @__PURE__ */ s(Xs, { questionTypeData: d, questionType: i, title: m }),
     /* @__PURE__ */ s(Qs, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ s(Ys, { name: "chevronRight" })
   ] }) });
@@ -184,7 +184,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "MediaNone",
   class: "mqfzyyr",
   propsAsIs: !0
-}), Ae = "v170mtgf", he = {
+}), Ae = "v170mtgf", Ie = {
   [v.UNSET]: S,
   [v.NONE]: S,
   [v.ROUNDED]: pe,
@@ -204,7 +204,7 @@ const b = /* @__PURE__ */ n("div")({
       color: o,
       children: /* @__PURE__ */ s(S, {})
     });
-  const d = a === L.ENABLED ? re : he[i];
+  const d = a === L.ENABLED ? re : Ie[i];
   return /* @__PURE__ */ s(B, {
     color: o,
     children: t ? /* @__PURE__ */ s(te, {
@@ -220,14 +220,14 @@ const b = /* @__PURE__ */ n("div")({
       })
     })
   });
-}, Ie = () => ({
+}, he = () => ({
   withoutPadding: e
 }) => e ? "0px" : "1rem", X = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n1p3bk1c",
   propsAsIs: !1,
   vars: {
-    "n1p3bk1c-0": [Ie()]
+    "n1p3bk1c-0": [he()]
   }
 }), $e = /* @__PURE__ */ n("div")({
   name: "MainContent",
@@ -243,7 +243,7 @@ const b = /* @__PURE__ */ n("div")({
   propsAsIs: !1
 }), ye = () => ({
   questionType: e
-}) => e === I.FACTOID ? "7.3rem" : "4.5rem", Te = () => ({
+}) => e === h.FACTOID ? "7.3rem" : "4.5rem", Te = () => ({
   webos: e
 }) => e ? "11px 0px 8px 0px" : "11px 0px", be = () => ({
   imageMode: e,
@@ -332,20 +332,20 @@ const b = /* @__PURE__ */ n("div")({
   webos: d
 }) => {
   var r, m, u;
-  const [$, h] = w(!1), g = _();
-  y(() => (o != null && o.sponsorLogo && (h(!0), g.current = setTimeout(() => {
-    h(!1);
+  const [$, I] = w(!1), g = _();
+  y(() => (o != null && o.sponsorLogo && (I(!0), g.current = setTimeout(() => {
+    I(!1);
   }, 5e3)), () => clearTimeout(g.current)), [o == null ? void 0 : o.sponsorLogo]);
   const c = G[t];
   if (!c || !o || !o.notification)
     return null;
-  const { title: ds, image: ps, imageMode: f, useContentMedia: k } = o.notification, ms = t === I.FACTOID ? a == null ? void 0 : a.heading : ds, us = t === I.FACTOID ? a == null ? void 0 : a.body : "", vs = ps, N = t === I.FACTOID && ((r = a == null ? void 0 : a.video) == null ? void 0 : r.url) && (o == null ? void 0 : o.isVideo) && k === L.ENABLED, q = k === L.ENABLED ? N ? (m = a == null ? void 0 : a.video) == null ? void 0 : m.url : a == null ? void 0 : a.image : "";
+  const { title: ds, image: ps, imageMode: f, useContentMedia: k } = o.notification, ms = t === h.FACTOID ? a == null ? void 0 : a.heading : ds, us = t === h.FACTOID ? a == null ? void 0 : a.body : "", vs = ps, N = t === h.FACTOID && ((r = a == null ? void 0 : a.video) == null ? void 0 : r.url) && (o == null ? void 0 : o.isVideo) && k === L.ENABLED, q = k === L.ENABLED ? N ? (m = a == null ? void 0 : a.video) == null ? void 0 : m.url : a == null ? void 0 : a.image : "";
   return o != null && o.sponsorLogo && $ ? /* @__PURE__ */ s(
     Fe,
     {
       sponsorLogo: o == null ? void 0 : o.sponsorLogo,
       webos: d,
-      onClick: () => h(!1)
+      onClick: () => I(!1)
     }
   ) : /* @__PURE__ */ l(
     Z,
@@ -355,7 +355,7 @@ const b = /* @__PURE__ */ n("div")({
       onClick: (C) => {
         d || e == null || e(C);
       },
-      "data-is-insight": t === I.FACTOID,
+      "data-is-insight": t === h.FACTOID,
       "data-webos": d,
       children: [
         (o == null ? void 0 : o.sponsorLogo) && /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(ss, { src: o == null ? void 0 : o.sponsorLogo }) }),
@@ -563,7 +563,7 @@ const b = /* @__PURE__ */ n("div")({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), hn = () => D, In = /* @__PURE__ */ n(hn())({
+}), In = () => D, hn = /* @__PURE__ */ n(In())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
@@ -574,7 +574,7 @@ const b = /* @__PURE__ */ n("div")({
 }), wn = () => /* @__PURE__ */ l(un, {
   children: [/* @__PURE__ */ s(An, {
     children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(In, {
+  }), /* @__PURE__ */ s(hn, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(gn, {
     children: /* @__PURE__ */ s("div", {})
@@ -879,7 +879,7 @@ const b = /* @__PURE__ */ n("div")({
   1: 3e3,
   2: 4e3,
   3: 4e3
-}, ho = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
+}, Io = ({ close: e, action: i, setStep: t, votedAnswer: o, correct: a, correctAnswerTitle: p, questionTitle: d, step: r }) => {
   if (y(() => {
     if (t) {
       const u = setTimeout(() => {
@@ -902,10 +902,10 @@ const b = /* @__PURE__ */ n("div")({
       r === 3 && !a && /* @__PURE__ */ s(Ao, { title: p || "unknown", answer: (o == null ? void 0 : o.title) || "unknown" })
     ] })
   ] }) });
-}, Io = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
+}, ho = ({ close: e, action: i, votedAnswer: t, correct: o, correctAnswerTitle: a, questionTitle: p }) => {
   const [d, r] = w(1);
   return /* @__PURE__ */ s(
-    ho,
+    Io,
     {
       close: e,
       action: i,
@@ -953,11 +953,11 @@ const b = /* @__PURE__ */ n("div")({
     }, 5e3)), () => clearTimeout(m.current);
   }, [(i = e == null ? void 0 : e.inApp) == null ? void 0 : i.sponsorLogo]), (t = e == null ? void 0 : e.inApp) != null && t.sponsorLogo && d ? /* @__PURE__ */ s(bo, { sponsorLogo: (o = e.inApp) == null ? void 0 : o.sponsorLogo, onClick: () => r(!1) }) : /* @__PURE__ */ s(cs, { children: /* @__PURE__ */ l("div", { children: [
     ((a = e == null ? void 0 : e.inApp) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ s(To, { children: /* @__PURE__ */ s(ls, { src: (p = e == null ? void 0 : e.inApp) == null ? void 0 : p.sponsorLogo }) }),
-    /* @__PURE__ */ s(Io, { ...e })
+    /* @__PURE__ */ s(ho, { ...e })
   ] }) });
 }, fo = ({ sdk: e, webos: i }) => {
   var t, o, a, p, d, r, m, u;
-  const [$] = w(e.getNotificationsStore()), h = bs($), g = e.getFeature(Es.GAMES), c = hs(() => e.getActiveNotification(), [e, h]);
+  const [$] = w(e.getNotificationsStore()), I = bs($), g = e.getFeature(Es.GAMES), c = Is(() => e.getActiveNotification(), [e, I]);
   return y(() => {
     c && Cs.emit("notification", {
       action: "rendered",
@@ -966,7 +966,7 @@ const b = /* @__PURE__ */ n("div")({
         questionType: c.data.questionType
       }
     });
-  }, [c]), c && c.type === O.QUESTION_RESOLVED ? c.data.question && c.data.questionType === I.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === R.STANDART ? /* @__PURE__ */ s(
+  }, [c]), c && c.type === O.QUESTION_RESOLVED ? c.data.question && c.data.questionType === h.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === R.STANDART ? /* @__PURE__ */ s(
     Co,
     {
       action: c.action,

package/lib/classic/es/points.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import "nanostores";
 import { s as a, B as y, m as h, f as S, e as f, F as c, i as r, u as v, d as g, h as k } from "./provider.js";
+import "nanostores";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";

package/lib/classic/es/provider.js

@@ -3,8 +3,8 @@ var M7 = (e, t, n) => t in e ? k7(e, t, { enumerable: !0, configurable: !0, writ
 var p1 = (e, t, n) => M7(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as a, jsxs as g, Fragment as d1 } from "react/jsx-runtime";
 import * as d from "react";
-import O1, { useState as Z, useEffect as j, useRef as l1, createContext as E6, useContext as Q1, useCallback as o1, useMemo as f1, useLayoutEffect as A6, forwardRef as k3, memo as V7, Component as F7, createElement as O7, PureComponent as N7, lazy as H7, Suspense as D7 } from "react";
-import { S as E1, h as S, k as q7, Q as K1, i as r2, A as T6, f as B7, e as w3, I as R6, l as P7, m as A2, u as Z7 } from "./useStreamLayerApp2.js";
+import F1, { useState as Z, useEffect as j, useRef as l1, createContext as E6, useContext as Q1, useCallback as o1, useMemo as f1, useLayoutEffect as A6, forwardRef as k3, memo as V7, Component as F7, createElement as O7, PureComponent as N7, lazy as H7, Suspense as D7 } from "react";
+import { S as E1, a as U1, m as ot, j as S, n as q7, Q as K1, k as r2, A as T6, h as B7, g as w3, I as R6, o as P7, p as A2, u as Z7 } from "./useStreamLayerApp2.js";
 import { listenKeys as K7 } from "nanostores";
 import { pino as U7 } from "pino";
 import b3 from "lodash.throttle";
@@ -13,8 +13,6 @@ import { createPortal as F2 } from "react-dom";
 import j7 from "react-countup";
 import z7 from "react-infinite-scroller";
 import "uuid";
-import { Code as U1, createContextKey as ot } from "@connectrpc/connect";
-import "@connectrpc/connect-web";
 import "@nanostores/query";
 const G7 = U7({
   level: "trace",
@@ -247,8 +245,8 @@ function c5(e) {
           f[R] = y[R];
         }), C.style = f;
       }
-      return e.__wyw_meta && e !== l ? (C.as = l, O1.createElement(e, C)) : O1.createElement(l, C);
-    }, i = O1.forwardRef ? O1.forwardRef(r) : (
+      return e.__wyw_meta && e !== l ? (C.as = l, F1.createElement(e, C)) : F1.createElement(l, C);
+    }, i = F1.forwardRef ? F1.forwardRef(r) : (
       // React.forwardRef won't available on older React versions and in Preact
       // Fallback to a innerRef prop in that case
       (s) => {
@@ -310,7 +308,7 @@ var m2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var a2 = O1;
+var a2 = F1;
 function w5(e, t) {
   return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
 }
@@ -352,17 +350,17 @@ const Y2 = (e, t) => (n) => {
   e.current !== n && (e.current = n, t());
 };
 function $5(e, { keys: t, deps: n = [e, t] } = {}) {
-  const r = O1.useRef();
+  const r = F1.useRef();
   r.current = e.get();
-  const i = O1.useCallback((o) => (Y2(r, o)(e.value), (t == null ? void 0 : t.length) > 0 ? K7(e, t, Y2(r, o)) : e.listen(Y2(r, o))), n), s = () => r.current;
-  return O1.useSyncExternalStore ? O1.useSyncExternalStore(i, s, s) : x5.useSyncExternalStore(i, s, s);
+  const i = F1.useCallback((o) => (Y2(r, o)(e.value), (t == null ? void 0 : t.length) > 0 ? K7(e, t, Y2(r, o)) : e.listen(Y2(r, o))), n), s = () => r.current;
+  return F1.useSyncExternalStore ? F1.useSyncExternalStore(i, s, s) : x5.useSyncExternalStore(i, s, s);
 }
 const J = $5, S5 = () => [
   !1,
   (e) => {
     window.requestAnimationFrame(() => e());
   }
-], k5 = d.useTransition || S5, M5 = (e) => {
+], k5 = F1.useTransition || S5, M5 = (e) => {
   const t = J(e.getActiveFeature()), n = J(e.streamStore()), [r, i] = Z(null);
   return j(() => {
     const s = e.getFeatures();
@@ -2519,7 +2517,7 @@ function ls() {
 }
 (function(e, t) {
   (function(n, r) {
-    e.exports = r(q6(), Or(), U9(), z9(), W9(), Y9(), X9(), J9(), as(), os(), ls(), O1);
+    e.exports = r(q6(), Or(), U9(), z9(), W9(), Y9(), X9(), J9(), as(), os(), ls(), F1);
   })(m2, function(n, r, i, s, o, l, u, p, C, v, f, y) {
     return function() {
       var A = { 654: function(L, m, w) {
@@ -2593,8 +2591,8 @@ function ls() {
               return Math.abs(G - n1);
             }
             if (x === "edges") {
-              var b1 = Math.min(X, Q), c1 = Math.min(z, u1), $1 = Math.max(X, Q), B1 = Math.max(z, u1), F1 = Math.abs(b1 - c1), S1 = Math.abs($1 - B1);
-              return Math.min(F1, S1);
+              var b1 = Math.min(X, Q), c1 = Math.min(z, u1), $1 = Math.max(X, Q), B1 = Math.max(z, u1), O1 = Math.abs(b1 - c1), S1 = Math.abs($1 - B1);
+              return Math.min(O1, S1);
             }
             var C2 = [Math.abs(z - X), Math.abs(z - Q), Math.abs(u1 - X), Math.abs(u1 - Q)];
             return Math.min.apply(Math, C2);
@@ -2605,8 +2603,8 @@ function ls() {
               return F.log("smartNavigate", "distance (primary, secondary, total weighted) for ".concat(U.focusKey, " relative to ").concat(x, " is"), z, u1, G), F.log("smartNavigate", "priority for ".concat(U.focusKey, " relative to ").concat(x, " is"), n1), F.visualDebugger && (F.visualDebugger.drawPoint(t1.a.x, t1.a.y, "yellow", 6), F.visualDebugger.drawPoint(t1.b.x, t1.b.y, "yellow", 6)), n1;
             });
           }, T.prototype.init = function(h) {
-            var b = this, I = h === void 0 ? {} : h, x = I.debug, F = x !== void 0 && x, q = I.visualDebug, B = q !== void 0 && q, U = I.nativeMode, t1 = U !== void 0 && U, e1 = I.throttle, X = e1 === void 0 ? 0 : e1, Q = I.throttleKeypresses, z = Q !== void 0 && Q, u1 = I.useGetBoundingClientRect, G = u1 !== void 0 && u1, n1 = I.shouldFocusDOMNode, b1 = n1 !== void 0 && n1, c1 = I.domNodeFocusOptions, $1 = c1 === void 0 ? {} : c1, B1 = I.shouldUseNativeEvents, F1 = B1 !== void 0 && B1, S1 = I.rtl, C2 = S1 !== void 0 && S1, h1 = I.distanceCalculationMethod, _1 = h1 === void 0 ? "corners" : h1, it = I.customDistanceCalculationFunction, $7 = it === void 0 ? void 0 : it;
-            if (!this.enabled && (this.domNodeFocusOptions = $1, this.enabled = !0, this.nativeMode = t1, this.throttleKeypresses = z, this.useGetBoundingClientRect = G, this.shouldFocusDOMNode = b1 && !t1, this.shouldUseNativeEvents = F1, this.writingDirection = C2 ? C1.default.RTL : C1.default.LTR, this.distanceCalculationMethod = _1, this.customDistanceCalculationFunction = $7, this.debug = F, !this.nativeMode && (Number.isInteger(X) && X > 0 && (this.throttle = X), this.bindEventHandlers(), B))) {
+            var b = this, I = h === void 0 ? {} : h, x = I.debug, F = x !== void 0 && x, q = I.visualDebug, B = q !== void 0 && q, U = I.nativeMode, t1 = U !== void 0 && U, e1 = I.throttle, X = e1 === void 0 ? 0 : e1, Q = I.throttleKeypresses, z = Q !== void 0 && Q, u1 = I.useGetBoundingClientRect, G = u1 !== void 0 && u1, n1 = I.shouldFocusDOMNode, b1 = n1 !== void 0 && n1, c1 = I.domNodeFocusOptions, $1 = c1 === void 0 ? {} : c1, B1 = I.shouldUseNativeEvents, O1 = B1 !== void 0 && B1, S1 = I.rtl, C2 = S1 !== void 0 && S1, h1 = I.distanceCalculationMethod, _1 = h1 === void 0 ? "corners" : h1, it = I.customDistanceCalculationFunction, $7 = it === void 0 ? void 0 : it;
+            if (!this.enabled && (this.domNodeFocusOptions = $1, this.enabled = !0, this.nativeMode = t1, this.throttleKeypresses = z, this.useGetBoundingClientRect = G, this.shouldFocusDOMNode = b1 && !t1, this.shouldUseNativeEvents = O1, this.writingDirection = C2 ? C1.default.RTL : C1.default.LTR, this.distanceCalculationMethod = _1, this.customDistanceCalculationFunction = $7, this.debug = F, !this.nativeMode && (Number.isInteger(X) && X > 0 && (this.throttle = X), this.bindEventHandlers(), B))) {
               this.visualDebugger = new I1.default(this.writingDirection);
               var st = function() {
                 requestAnimationFrame(function() {
@@ -2758,12 +2756,12 @@ function ls() {
             var b = h.focusKey, I = h.node, x = h.parentFocusKey, F = h.onEnterPress, q = h.onEnterRelease, B = h.onArrowPress, U = h.onArrowRelease, t1 = h.onFocus, e1 = h.onBlur, X = h.saveLastFocusedChild, Q = h.trackChildren, z = h.onUpdateFocus, u1 = h.onUpdateHasFocusedChild, G = h.preferredChildFocusKey, n1 = h.autoRestoreFocus, b1 = h.forceFocus, c1 = h.focusable, $1 = h.isFocusBoundary, B1 = h.focusBoundaryDirections;
             if (this.focusableComponents[b] = { focusKey: b, node: I, parentFocusKey: x, onEnterPress: F, onEnterRelease: q, onArrowPress: B, onArrowRelease: U, onFocus: t1, onBlur: e1, onUpdateFocus: z, onUpdateHasFocusedChild: u1, saveLastFocusedChild: X, trackChildren: Q, preferredChildFocusKey: G, focusable: c1, isFocusBoundary: $1, focusBoundaryDirections: B1, autoRestoreFocus: n1, forceFocus: b1, lastFocusedChildKey: null, layout: { x: 0, y: 0, width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0, node: I }, layoutUpdated: !1 }, I || console.warn('Component added without a node reference. This will result in its coordinates being empty and may cause lost focus. Check the "ref" passed to "useFocusable": ', this.focusableComponents[b]), !this.nativeMode) {
               this.updateLayout(b), this.log("addFocusable", "Component added: ", this.focusableComponents[b]), b === this.focusKey && this.setFocus(G || b);
-              for (var F1 = this.focusableComponents[this.focusKey]; F1; ) {
-                if (F1.parentFocusKey === b) {
+              for (var O1 = this.focusableComponents[this.focusKey]; O1; ) {
+                if (O1.parentFocusKey === b) {
                   this.updateParentsHasFocusedChild(this.focusKey, {}), this.updateParentsLastFocusedChild(this.focusKey);
                   break;
                 }
-                F1 = this.focusableComponents[F1.parentFocusKey];
+                O1 = this.focusableComponents[O1.parentFocusKey];
               }
             }
           }, T.prototype.removeFocusable = function(h) {
@@ -2970,14 +2968,14 @@ function ls() {
             x(h1, B, _1);
           }, [B, x]), z = (0, _.useCallback)(function(h1, _1) {
             q(h1, B, _1);
-          }, [B, q]), u1 = (0, _.useRef)(null), G = (0, _.useState)(!1), n1 = G[0], b1 = G[1], c1 = (0, _.useState)(!1), $1 = c1[0], B1 = c1[1], F1 = (0, H.useFocusContext)(), S1 = (0, _.useMemo)(function() {
+          }, [B, q]), u1 = (0, _.useRef)(null), G = (0, _.useState)(!1), n1 = G[0], b1 = G[1], c1 = (0, _.useState)(!1), $1 = c1[0], B1 = c1[1], O1 = (0, H.useFocusContext)(), S1 = (0, _.useMemo)(function() {
             return x1 || (0, k.default)("sn:focusable-item-");
           }, [x1]), C2 = (0, _.useCallback)(function(h1) {
             h1 === void 0 && (h1 = {}), V.SpatialNavigation.setFocus(S1, h1);
           }, [S1]);
           return (0, _.useEffect)(function() {
             var h1 = u1.current;
-            return V.SpatialNavigation.addFocusable({ focusKey: S1, node: h1, parentFocusKey: F1, preferredChildFocusKey: Y, onEnterPress: U, onEnterRelease: t1, onArrowPress: e1, onArrowRelease: X, onFocus: Q, onBlur: z, onUpdateFocus: function(_1) {
+            return V.SpatialNavigation.addFocusable({ focusKey: S1, node: h1, parentFocusKey: O1, preferredChildFocusKey: Y, onEnterPress: U, onEnterRelease: t1, onArrowPress: e1, onArrowRelease: X, onFocus: Q, onBlur: z, onUpdateFocus: function(_1) {
               return _1 === void 0 && (_1 = !1), b1(_1);
             }, onUpdateHasFocusedChild: function(_1) {
               return _1 === void 0 && (_1 = !1), B1(_1);
@@ -3435,7 +3433,7 @@ const us = (e) => /* @__PURE__ */ d.createElement("svg", { width: 24, height: 24
   [S.POLL]: { label: "Poll", iconName: "icon-poll" },
   [S.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
   [S.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-}, Ef = {
+}, If = {
   [S.TWEET]: "Learn more",
   [S.FACTOID]: "Learn more",
   [S.POLL]: "Answer",
@@ -6069,7 +6067,7 @@ const Pd = /* @__PURE__ */ c("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Af = ({
+}, _f = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -7511,7 +7509,7 @@ const Pd = /* @__PURE__ */ c("div")({
     n({ ...r });
   }) : () => {
   }, [e == null ? void 0 : e.uiState]), t;
-}, Tf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
+}, Ef = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
   const { sdk: s, status: o } = Q1(Y1), l = af(), u = sf(), { event: p } = Q1(Y1);
   if (o === S3.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
@@ -7529,7 +7527,7 @@ var S3 = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] =
 const lf = {
   status: 0,
   sdk: null
-}, Y1 = E6(lf), Rf = ({
+}, Y1 = E6(lf), Af = ({
   sdkKey: e,
   theme: t,
   themeMode: n,
@@ -7588,15 +7586,15 @@ export {
   s2 as F,
   i2 as N,
   Y3 as O,
-  Rf as S,
+  Af as S,
   vd as T,
   of as a,
-  Tf as b,
+  Ef as b,
   af as c,
   sf as d,
   J as e,
   J3 as f,
-  Af as g,
+  _f as g,
   tf as h,
   w2 as i,
   o2 as j,
@@ -7615,5 +7613,5 @@ export {
   j2 as w,
   ku as x,
   Ma as y,
-  Ef as z
+  If as z
 };