@streamlayer/react 1.21.2 → 1.21.4

package/lib/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, e as Ht, O as Fr, B as gm, q as fm, k as mm, f 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/es/index2.js

@@ -1,9 +1,8 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, B as te, o as ft, p as ht, f as Se, j as gt, n as Ee } from "./provider.js";
 import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as X, useLayoutEffect as vt, createContext as Ve, useMemo as He, useCallback as Re, memo as wt } from "react";
-import { ConnectError as bt, Code as yt } from "@connectrpc/connect";
-import St from "lodash.throttle";
-import { S as qe } from "./useStreamLayerApp2.js";
+import bt from "lodash.throttle";
+import { C as yt, a as St, S as qe } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -3239,7 +3238,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return X(() => {
-    const g = St(() => {
+    const g = bt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3283,7 +3282,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof bt && l.code !== yt.InvalidArgument ? `The event ID was not
+      description: l instanceof yt && l.code !== St.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3352,7 +3351,7 @@ handle this request.`
   name: "SlideSwitchButton",
   class: "spp13y7",
   propsAsIs: !1
-}), Hr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
+}), Vr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
   const [n, i] = W(), [l, a] = W(), o = Re(
     (c) => {
       if (c.type === "slBetPackReady") {
@@ -3411,5 +3410,5 @@ view this resource.`
 });
 export {
   Gr as Q,
-  Hr as n
+  Vr as n
 };

package/lib/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 { f 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/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, $ as hs, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
 import "nanostores";
-import { s as n, B as A, $ as Is, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, 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 { h as v, Q as I, i as H, j as L, S as Es, A as O } from "./useStreamLayerApp2.js";
+import { j as v, Q as h, k as H, l as L, S as Es, A as O } 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(zs, { 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(zs, { 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 === R.QUESTION_RESOLVED ? c.data.question && c.data.questionType === I.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === O.STANDART ? /* @__PURE__ */ s(
+  }, [c]), c && c.type === R.QUESTION_RESOLVED ? c.data.question && c.data.questionType === h.PREDICTION ? c && ((t = c.data.inApp) == null ? void 0 : t.adUnit) === O.STANDART ? /* @__PURE__ */ s(
     Co,
     {
       action: c.action,

package/lib/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, i as S, f, F as c, e 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/es/provider.js

@@ -3,8 +3,8 @@ var Nn = (e, t, n) => t in e ? Hn(e, t, { enumerable: !0, configurable: !0, writ
 var p1 = (e, t, n) => Nn(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 N1, { useState as Z, useEffect as j, useRef as l1, createContext as R6, useContext as Y1, useCallback as o1, useMemo as f1, useLayoutEffect as $6, forwardRef as F3, memo as Dn, Component as qn, createElement as Bn, PureComponent as Pn, lazy as Zn, Suspense as Kn } from "react";
-import { S as A1, Q as S, k as Un, h as U1, i as i2, A as S6, f as jn, e as L3, I as k6, l as zn, m as x2, u as Gn } from "./useStreamLayerApp2.js";
+import H1, { useState as Z, useEffect as j, useRef as l1, createContext as R6, useContext as Y1, useCallback as o1, useMemo as f1, useLayoutEffect as $6, forwardRef as F3, memo as Dn, Component as qn, createElement as Bn, PureComponent as Pn, lazy as Zn, Suspense as Kn } from "react";
+import { S as A1, a as j1, m as ct, Q as S, n as Un, j as U1, k as i2, A as S6, h as jn, g as L3, I as k6, o as zn, p as x2, u as Gn } from "./useStreamLayerApp2.js";
 import { listenKeys as Wn } from "nanostores";
 import { pino as Qn } from "pino";
 import I3 from "lodash.throttle";
@@ -13,8 +13,6 @@ import { createPortal as O2 } from "react-dom";
 import Yn from "react-countup";
 import Xn from "react-infinite-scroller";
 import "uuid";
-import { Code as j1, createContextKey as ct } from "@connectrpc/connect";
-import "@connectrpc/connect-web";
 import "@nanostores/query";
 const Jn = Qn({
   level: "trace",
@@ -247,8 +245,8 @@ function h7(e) {
           f[T] = y[T];
         }), C.style = f;
       }
-      return e.__wyw_meta && e !== l ? (C.as = l, N1.createElement(e, C)) : N1.createElement(l, C);
-    }, i = N1.forwardRef ? N1.forwardRef(r) : (
+      return e.__wyw_meta && e !== l ? (C.as = l, H1.createElement(e, C)) : H1.createElement(l, C);
+    }, i = H1.forwardRef ? H1.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 g2 = 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 o2 = N1;
+var o2 = H1;
 function _7(e, t) {
   return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
 }
@@ -352,17 +350,17 @@ const X2 = (e, t) => (n) => {
   e.current !== n && (e.current = n, t());
 };
 function V7(e, { keys: t, deps: n = [e, t] } = {}) {
-  const r = N1.useRef();
+  const r = H1.useRef();
   r.current = e.get();
-  const i = N1.useCallback((o) => (X2(r, o)(e.value), (t == null ? void 0 : t.length) > 0 ? Wn(e, t, X2(r, o)) : e.listen(X2(r, o))), n), s = () => r.current;
-  return N1.useSyncExternalStore ? N1.useSyncExternalStore(i, s, s) : F7.useSyncExternalStore(i, s, s);
+  const i = H1.useCallback((o) => (X2(r, o)(e.value), (t == null ? void 0 : t.length) > 0 ? Wn(e, t, X2(r, o)) : e.listen(X2(r, o))), n), s = () => r.current;
+  return H1.useSyncExternalStore ? H1.useSyncExternalStore(i, s, s) : F7.useSyncExternalStore(i, s, s);
 }
 const J = V7, O7 = () => [
   !1,
   (e) => {
     window.requestAnimationFrame(() => e());
   }
-], H7 = d.useTransition || O7, N7 = (e) => {
+], H7 = H1.useTransition || O7, N7 = (e) => {
   const t = J(e.getActiveFeature()), n = J(e.streamStore()), [r, i] = Z(null);
   return j(() => {
     const s = e.getFeatures();
@@ -2572,7 +2570,7 @@ function vs() {
 }
 (function(e, t) {
   (function(n, r) {
-    e.exports = r(K6(), Kr(), J9(), ts(), rs(), ss(), as(), os(), hs(), fs(), vs(), N1);
+    e.exports = r(K6(), Kr(), J9(), ts(), rs(), ss(), as(), os(), hs(), fs(), vs(), H1);
   })(g2, function(n, r, i, s, o, l, u, p, C, v, f, y) {
     return function() {
       var A = { 654: function(L, m, w) {
@@ -2646,8 +2644,8 @@ function vs() {
               return Math.abs(G - n1);
             }
             if (R === "edges") {
-              var b1 = Math.min(X, Q), c1 = Math.min(z, u1), k1 = Math.max(X, Q), P1 = Math.max(z, u1), H1 = Math.abs(b1 - c1), M1 = Math.abs(k1 - P1);
-              return Math.min(H1, M1);
+              var b1 = Math.min(X, Q), c1 = Math.min(z, u1), k1 = Math.max(X, Q), P1 = Math.max(z, u1), N1 = Math.abs(b1 - c1), M1 = Math.abs(k1 - P1);
+              return Math.min(N1, M1);
             }
             var h2 = [Math.abs(z - X), Math.abs(z - Q), Math.abs(u1 - X), Math.abs(u1 - Q)];
             return Math.min.apply(Math, h2);
@@ -2658,8 +2656,8 @@ function vs() {
               return V.log("smartNavigate", "distance (primary, secondary, total weighted) for ".concat(U.focusKey, " relative to ").concat(R, " is"), z, u1, G), V.log("smartNavigate", "priority for ".concat(U.focusKey, " relative to ").concat(R, " is"), n1), V.visualDebugger && (V.visualDebugger.drawPoint(t1.a.x, t1.a.y, "yellow", 6), V.visualDebugger.drawPoint(t1.b.x, t1.b.y, "yellow", 6)), n1;
             });
           }, x.prototype.init = function(h) {
-            var b = this, I = h === void 0 ? {} : h, R = I.debug, V = R !== void 0 && R, 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, k1 = c1 === void 0 ? {} : c1, P1 = I.shouldUseNativeEvents, H1 = P1 !== void 0 && P1, M1 = I.rtl, h2 = M1 !== void 0 && M1, h1 = I.distanceCalculationMethod, E1 = h1 === void 0 ? "corners" : h1, at = I.customDistanceCalculationFunction, Vn = at === void 0 ? void 0 : at;
-            if (!this.enabled && (this.domNodeFocusOptions = k1, this.enabled = !0, this.nativeMode = t1, this.throttleKeypresses = z, this.useGetBoundingClientRect = G, this.shouldFocusDOMNode = b1 && !t1, this.shouldUseNativeEvents = H1, this.writingDirection = h2 ? C1.default.RTL : C1.default.LTR, this.distanceCalculationMethod = E1, this.customDistanceCalculationFunction = Vn, this.debug = V, !this.nativeMode && (Number.isInteger(X) && X > 0 && (this.throttle = X), this.bindEventHandlers(), B))) {
+            var b = this, I = h === void 0 ? {} : h, R = I.debug, V = R !== void 0 && R, 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, k1 = c1 === void 0 ? {} : c1, P1 = I.shouldUseNativeEvents, N1 = P1 !== void 0 && P1, M1 = I.rtl, h2 = M1 !== void 0 && M1, h1 = I.distanceCalculationMethod, E1 = h1 === void 0 ? "corners" : h1, at = I.customDistanceCalculationFunction, Vn = at === void 0 ? void 0 : at;
+            if (!this.enabled && (this.domNodeFocusOptions = k1, this.enabled = !0, this.nativeMode = t1, this.throttleKeypresses = z, this.useGetBoundingClientRect = G, this.shouldFocusDOMNode = b1 && !t1, this.shouldUseNativeEvents = N1, this.writingDirection = h2 ? C1.default.RTL : C1.default.LTR, this.distanceCalculationMethod = E1, this.customDistanceCalculationFunction = Vn, this.debug = V, !this.nativeMode && (Number.isInteger(X) && X > 0 && (this.throttle = X), this.bindEventHandlers(), B))) {
               this.visualDebugger = new I1.default(this.writingDirection);
               var ot = function() {
                 requestAnimationFrame(function() {
@@ -2811,12 +2809,12 @@ function vs() {
             var b = h.focusKey, I = h.node, R = h.parentFocusKey, V = 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, k1 = h.isFocusBoundary, P1 = h.focusBoundaryDirections;
             if (this.focusableComponents[b] = { focusKey: b, node: I, parentFocusKey: R, onEnterPress: V, onEnterRelease: q, onArrowPress: B, onArrowRelease: U, onFocus: t1, onBlur: e1, onUpdateFocus: z, onUpdateHasFocusedChild: u1, saveLastFocusedChild: X, trackChildren: Q, preferredChildFocusKey: G, focusable: c1, isFocusBoundary: k1, focusBoundaryDirections: P1, 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 H1 = this.focusableComponents[this.focusKey]; H1; ) {
-                if (H1.parentFocusKey === b) {
+              for (var N1 = this.focusableComponents[this.focusKey]; N1; ) {
+                if (N1.parentFocusKey === b) {
                   this.updateParentsHasFocusedChild(this.focusKey, {}), this.updateParentsLastFocusedChild(this.focusKey);
                   break;
                 }
-                H1 = this.focusableComponents[H1.parentFocusKey];
+                N1 = this.focusableComponents[N1.parentFocusKey];
               }
             }
           }, x.prototype.removeFocusable = function(h) {
@@ -3023,14 +3021,14 @@ function vs() {
             R(h1, B, E1);
           }, [B, R]), z = (0, E.useCallback)(function(h1, E1) {
             q(h1, B, E1);
-          }, [B, q]), u1 = (0, E.useRef)(null), G = (0, E.useState)(!1), n1 = G[0], b1 = G[1], c1 = (0, E.useState)(!1), k1 = c1[0], P1 = c1[1], H1 = (0, N.useFocusContext)(), M1 = (0, E.useMemo)(function() {
+          }, [B, q]), u1 = (0, E.useRef)(null), G = (0, E.useState)(!1), n1 = G[0], b1 = G[1], c1 = (0, E.useState)(!1), k1 = c1[0], P1 = c1[1], N1 = (0, N.useFocusContext)(), M1 = (0, E.useMemo)(function() {
             return S1 || (0, k.default)("sn:focusable-item-");
           }, [S1]), h2 = (0, E.useCallback)(function(h1) {
             h1 === void 0 && (h1 = {}), F.SpatialNavigation.setFocus(M1, h1);
           }, [M1]);
           return (0, E.useEffect)(function() {
             var h1 = u1.current;
-            return F.SpatialNavigation.addFocusable({ focusKey: M1, node: h1, parentFocusKey: H1, preferredChildFocusKey: Y, onEnterPress: U, onEnterRelease: t1, onArrowPress: e1, onArrowRelease: X, onFocus: Q, onBlur: z, onUpdateFocus: function(E1) {
+            return F.SpatialNavigation.addFocusable({ focusKey: M1, node: h1, parentFocusKey: N1, preferredChildFocusKey: Y, onEnterPress: U, onEnterRelease: t1, onArrowPress: e1, onArrowRelease: X, onFocus: Q, onBlur: z, onUpdateFocus: function(E1) {
               return E1 === void 0 && (E1 = !1), b1(E1);
             }, onUpdateHasFocusedChild: function(E1) {
               return E1 === void 0 && (E1 = !1), P1(E1);
@@ -3488,7 +3486,7 @@ const ys = (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" }
-}, Mf = {
+}, Sf = {
   [S.TWEET]: "Learn more",
   [S.FACTOID]: "Learn more",
   [S.POLL]: "Answer",
@@ -6122,7 +6120,7 @@ const Qd = /* @__PURE__ */ c("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Ff = ({
+}, kf = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -7564,7 +7562,7 @@ const Qd = /* @__PURE__ */ c("div")({
     n({ ...r });
   }) : () => {
   }, [e == null ? void 0 : e.uiState]), t;
-}, Vf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
+}, Mf = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: i = !0 }) => {
   const { sdk: s, status: o } = Y1(X1), l = hf(), u = Cf(), { event: p } = Y1(X1);
   if (o === M3.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
@@ -7582,7 +7580,7 @@ var M3 = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] =
 const vf = {
   status: 0,
   sdk: null
-}, X1 = R6(vf), Of = ({
+}, X1 = R6(vf), Ff = ({
   sdkKey: e,
   theme: t,
   themeMode: n,
@@ -7654,7 +7652,7 @@ export {
   f6 as P,
   VC as Q,
   z2 as R,
-  Of as S,
+  Ff as S,
   Ed as T,
   D7 as U,
   T1 as V,
@@ -7666,13 +7664,13 @@ export {
   ff as a,
   hd as a0,
   qu as a1,
-  Mf as a2,
-  Vf as b,
+  Sf as a2,
+  Mf as b,
   hf as c,
   Cf as d,
   b2 as e,
   J as f,
-  Ff as g,
+  kf as g,
   df as h,
   tt as i,
   l2 as j,