@streamlayer/react 1.23.0 → 1.23.1

package/lib/classic/es/index2.js

@@ -1,30 +1,32 @@
 var we = Object.defineProperty;
 var Le = (e, t, n) => t in e ? we(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var T = (e, t, n) => Le(e, typeof t != "symbol" ? t + "" : t, n);
-import { useState as L, useEffect as y, useRef as V, useCallback as U, Component as ke, createElement as _e, PureComponent as Te, lazy as Se, useMemo as M, Suspense as Ne, forwardRef as ie, useLayoutEffect as xe, useContext as f2 } from "react";
-import { c as g2, F as Re, z as Ee, Y as I2 } from "./hooks-B0Qttldg.js";
-import { jsx as s, jsxs as h, Fragment as R } from "react/jsx-runtime";
-import { I as re, l as Ve, S as H, e as B, p as b2, Q as S, a as He } from "./useStreamLayerApp2.js";
-import { m as Q, h as ze } from "./index5.js";
+var S = (e, t, n) => Le(e, typeof t != "symbol" ? t + "" : t, n);
+import { useState as L, useEffect as y, useRef as V, useCallback as U, Component as ke, createElement as _e, PureComponent as Se, lazy as Te, useMemo as M, Suspense as Ne, forwardRef as ie, useLayoutEffect as xe, useContext as f2 } from "react";
+import { i as g2, F as Re, z as Ee, Y as I2 } from "./hooks-WfHlJH12.js";
+import { jsx as s, jsxs as h, Fragment as x } from "react/jsx-runtime";
+import { I as re, l as Ve, S as H, e as B, p as b2, Q as E, a as He } from "./useStreamLayerApp2.js";
+import { m as Q, h as ze } from "./index7.js";
 import { u as A, A as D, s as i, b as Me, c as F, a as e2 } from "./sl-types.js";
-import { l as Oe, S as De, m as Fe, d as Be, n as qe, C as Ue, a as Pe, b as We, f as i2, p as je, c as Ze } from "./index12.js";
-import { F as t2, c as G, e as Ge } from "./index7.js";
-import { atom as Qe } from "nanostores";
+import { l as Oe, S as De, m as Fe, d as Be, n as qe, C as Ue, a as Pe, b as We, f as i2, p as je, c as Ze } from "./index13.js";
+import { F as t2, c as G } from "./feature.js";
+import { atom as Ge } from "nanostores";
 import c2 from "lodash.throttle";
-import { f as ae, c as oe, b as Ke, A as Ye } from "./analytics.js";
-import { O as Je, p as u2, h as Xe, y as e0, e as t0 } from "./Question.js";
-import { i as O } from "./index6.js";
-import { I as m2, s as le, b as ce, e as de } from "./index11.js";
+import { f as ae, c as oe, b as Qe, A as Ke } from "./analytics.js";
+import { O as Ye, p as u2, h as Je, y as Xe, e as e0 } from "./Question.js";
+import { i as O } from "./index8.js";
+import { I as m2, s as le, b as ce, e as de } from "./index12.js";
 import { createPortal as s2 } from "react-dom";
-import { u as s0 } from "./utils.js";
+import { u as t0 } from "./utils.js";
 import { B as _ } from "./index4.js";
-import n0 from "react-infinite-scroller";
-import { r as pe, S as i0, R as r0, D as a0 } from "./notification2.js";
-import { w as o0, E as l0 } from "./index8.js";
+import s0 from "react-infinite-scroller";
+import { r as pe, S as n0, R as i0, D as r0 } from "./notification2.js";
+import { w as a0, E as o0 } from "./index9.js";
 import "uuid";
 import "@nanostores/query";
+import "./index6.js";
+import { e as l0 } from "./index5.js";
 import { d as c0 } from "./index3.js";
-const he = (e) => Qe(e), d0 = (e) => {
+const he = (e) => Ge(e), d0 = (e) => {
   const t = A(e.getActiveFeature()), n = A(e.streamStore()), [r, a] = L(null);
   return y(() => {
     const o = e.getFeatures();
@@ -200,11 +202,11 @@ const he = (e) => Qe(e), d0 = (e) => {
   name: "UserName",
   class: "u1q6roj0",
   propsAsIs: !1
-}), T0 = /* @__PURE__ */ i("div")({
+}), S0 = /* @__PURE__ */ i("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
-}), S0 = /* @__PURE__ */ i("img")({
+}), T0 = /* @__PURE__ */ i("img")({
   name: "TrophyIcon",
   class: "t1el3mrn",
   propsAsIs: !1
@@ -269,10 +271,10 @@ const he = (e) => Qe(e), d0 = (e) => {
     ] }),
     /* @__PURE__ */ h(k0, { children: [
       /* @__PURE__ */ s(_0, { children: r }),
-      /* @__PURE__ */ h(T0, { children: [
+      /* @__PURE__ */ h(S0, { children: [
         /* @__PURE__ */ h(N0, { children: [
           /* @__PURE__ */ h(R0, { children: [
-            /* @__PURE__ */ s(S0, { alt: "rank-icon", src: O0 }),
+            /* @__PURE__ */ s(T0, { alt: "rank-icon", src: O0 }),
             /* @__PURE__ */ h(L2, { children: [
               le(a),
               /* @__PURE__ */ s(k2, { children: "PTS" })
@@ -284,7 +286,7 @@ const he = (e) => Qe(e), d0 = (e) => {
             /* @__PURE__ */ s(k2, { children: "global rank" })
           ] })
         ] }),
-        !t && /* @__PURE__ */ h(R, { children: [
+        !t && /* @__PURE__ */ h(x, { children: [
           /* @__PURE__ */ s(E0, {}),
           /* @__PURE__ */ h("div", { children: [
             "TOP ",
@@ -348,11 +350,11 @@ const he = (e) => Qe(e), d0 = (e) => {
   }, [o]), !t.current || !o ? null : n ? s2(/* @__PURE__ */ h(D0, {
     className: "StaticContainer",
     children: [e, /* @__PURE__ */ s("style", {
-      children: s0
+      children: t0
     }), /* @__PURE__ */ s("style", {
       children: F0
     })]
-  }), t.current, "modal-node") : s2(/* @__PURE__ */ h(R, {
+  }), t.current, "modal-node") : s2(/* @__PURE__ */ h(x, {
     children: [e, /* @__PURE__ */ s("style", {
       children: r
     })]
@@ -375,13 +377,13 @@ const he = (e) => Qe(e), d0 = (e) => {
   propsAsIs: !1
 });
 var j = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(j || {});
-const T2 = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(U0, { "data-a": "intr", onClick: n, "data-selected": t, children: /* @__PURE__ */ s(P0, { "data-a": "intr", children: e }) }), W0 = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(B0, { children: /* @__PURE__ */ h(q0, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(T2, { title: "Home", active: e === "home", onClick: () => t(
+const S2 = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(U0, { "data-a": "intr", onClick: n, "data-selected": t, children: /* @__PURE__ */ s(P0, { "data-a": "intr", children: e }) }), W0 = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(B0, { children: /* @__PURE__ */ h(q0, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(S2, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ s(
-    T2,
+    S2,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -467,12 +469,12 @@ const T2 = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(U0, { "dat
     /* @__PURE__ */ s(nt, { name: "icon-copy" })
   ] });
 };
-let E;
-typeof window < "u" ? E = window : typeof self < "u" ? E = self : E = Ve;
+let R;
+typeof window < "u" ? R = window : typeof self < "u" ? R = self : R = Ve;
 let d2 = null, p2 = null;
-const S2 = 20, o2 = E.clearTimeout, N2 = E.setTimeout, l2 = E.cancelAnimationFrame || E.mozCancelAnimationFrame || E.webkitCancelAnimationFrame, x2 = E.requestAnimationFrame || E.mozRequestAnimationFrame || E.webkitRequestAnimationFrame;
+const T2 = 20, o2 = R.clearTimeout, N2 = R.setTimeout, l2 = R.cancelAnimationFrame || R.mozCancelAnimationFrame || R.webkitCancelAnimationFrame, x2 = R.requestAnimationFrame || R.mozRequestAnimationFrame || R.webkitRequestAnimationFrame;
 l2 == null || x2 == null ? (d2 = o2, p2 = function(t) {
-  return N2(t, S2);
+  return N2(t, T2);
 }) : (d2 = function([t, n]) {
   l2(t), o2(n);
 }, p2 = function(t) {
@@ -480,7 +482,7 @@ l2 == null || x2 == null ? (d2 = o2, p2 = function(t) {
     o2(r), t();
   }), r = N2(function() {
     l2(n), t();
-  }, S2);
+  }, T2);
   return [n, r];
 });
 function rt(e) {
@@ -488,8 +490,8 @@ function rt(e) {
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     c = function($) {
-      const b = $.__resizeTriggers__, k = b.firstElementChild, w = b.lastElementChild, x = k.firstElementChild;
-      w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight, x.style.width = k.offsetWidth + 1 + "px", x.style.height = k.offsetHeight + 1 + "px", k.scrollLeft = k.scrollWidth, k.scrollTop = k.scrollHeight;
+      const b = $.__resizeTriggers__, k = b.firstElementChild, w = b.lastElementChild, N = k.firstElementChild;
+      w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight, N.style.width = k.offsetWidth + 1 + "px", N.style.height = k.offsetHeight + 1 + "px", k.scrollLeft = k.scrollWidth, k.scrollTop = k.scrollHeight;
     }, o = function($) {
       return $.offsetWidth !== $.__resizeLast__.width || $.offsetHeight !== $.__resizeLast__.height;
     }, l = function($) {
@@ -497,8 +499,8 @@ function rt(e) {
         return;
       const b = this;
       c(this), this.__resizeRAF__ && d2(this.__resizeRAF__), this.__resizeRAF__ = p2(function() {
-        o(b) && (b.__resizeLast__.width = b.offsetWidth, b.__resizeLast__.height = b.offsetHeight, b.__resizeListeners__.forEach(function(x) {
-          x.call(b, $);
+        o(b) && (b.__resizeLast__.width = b.offsetWidth, b.__resizeLast__.height = b.offsetHeight, b.__resizeListeners__.forEach(function(N) {
+          N.call(b, $);
         }));
       });
     };
@@ -530,7 +532,7 @@ function rt(e) {
         p.attachEvent("onresize", C);
       else {
         if (!p.__resizeTriggers__) {
-          const g = p.ownerDocument, I = E.getComputedStyle(p);
+          const g = p.ownerDocument, I = R.getComputedStyle(p);
           I && I.position === "static" && (p.style.position = "relative"), u(g), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = g.createElement("div")).className = "resize-triggers";
           const f = g.createElement("div");
           f.className = "expand-trigger", f.appendChild(g.createElement("div"));
@@ -755,7 +757,7 @@ var ct = function(e, t) {
         c(l);
     }
   }]), t;
-})(Te);
+})(Se);
 const ht = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "culdu4a",
@@ -822,7 +824,7 @@ const ht = /* @__PURE__ */ i("div")({
     const d = l.target.getAttribute("data-name");
     d && n(d);
   }, [n]);
-  return /* @__PURE__ */ s(n0, {
+  return /* @__PURE__ */ s(s0, {
     loadMore: r,
     initialLoad: !1,
     hasMore: o,
@@ -849,11 +851,11 @@ const ht = /* @__PURE__ */ i("div")({
   name: "InviteGameIcon",
   class: "i19m85r1",
   propsAsIs: !0
-}), Tt = /* @__PURE__ */ i("div")({
+}), St = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1mbu204",
   propsAsIs: !1
-}), St = /* @__PURE__ */ i("div")({
+}), Tt = /* @__PURE__ */ i("div")({
   name: "Heading",
   class: "h1amdqtv",
   propsAsIs: !1
@@ -897,8 +899,8 @@ const ht = /* @__PURE__ */ i("div")({
   });
   return /* @__PURE__ */ h(wt, { className: a, children: [
     /* @__PURE__ */ s(Lt, { style: { backgroundColor: r }, children: /* @__PURE__ */ s(_t, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ h(Tt, { children: [
-      /* @__PURE__ */ s(St, { children: t || "" }),
+    /* @__PURE__ */ h(St, { children: [
+      /* @__PURE__ */ s(Tt, { children: t || "" }),
       /* @__PURE__ */ s(Nt, { children: n || "" })
     ] }),
     e && /* @__PURE__ */ h(xt, { ref: o, "data-a": "intr", onClick: d(() => c(e)), children: [
@@ -942,7 +944,7 @@ const ht = /* @__PURE__ */ i("div")({
   } = A(e.deepLink.$store), [v, m] = Ce(a);
   return !o.length && !l ? /* @__PURE__ */ s(Ot, {
     deepLink: u
-  }) : /* @__PURE__ */ h(R, {
+  }) : /* @__PURE__ */ h(x, {
     children: [/* @__PURE__ */ s(yt, {
       items: o,
       scrollNode: t,
@@ -974,12 +976,12 @@ const ht = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !0
-}), Pt = () => i0, Wt = /* @__PURE__ */ i(Pt())({
+}), Pt = () => n0, Wt = /* @__PURE__ */ i(Pt())({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !0
 }), jt = ({ questionId: e, ...t }) => /* @__PURE__ */ h(Ut, { "data-a": "intr", "data-name": e, children: [
-  /* @__PURE__ */ s(Je, { questionId: e, ...t }),
+  /* @__PURE__ */ s(Ye, { questionId: e, ...t }),
   /* @__PURE__ */ s(Wt, { "data-a": "intr", "data-name": e, children: "View Insight" })
 ] }), Zt = () => pe, Gt = /* @__PURE__ */ i(Zt())({
   name: "Container",
@@ -1003,12 +1005,12 @@ const ht = /* @__PURE__ */ i("div")({
   propsAsIs: !1
 }), Jt = ({ questions: e, openQuestion: t, controlVideo: n }) => e ? /* @__PURE__ */ s(E2, { "data-a": "intr", onClick: (a) => {
   const o = a.target.getAttribute("data-name");
-  o && (o0(), t(o, { openedFrom: "list" }));
+  o && (a0(), t(o, { openedFrom: "list" }));
 }, children: e == null ? void 0 : e.map((a) => {
   var o, c, l;
   if (a.type === "question" && ((o = a.attributes) == null ? void 0 : o.attributes.case) === "question") {
     const d = a.attributes.attributes.value;
-    return /* @__PURE__ */ s(r0, { ...d }, d.questionId);
+    return /* @__PURE__ */ s(i0, { ...d }, d.questionId);
   }
   if (a.type === "insight" && ((c = a.attributes) == null ? void 0 : c.attributes.case) === "insight") {
     const d = a.attributes.attributes.value;
@@ -1019,7 +1021,7 @@ const ht = /* @__PURE__ */ i("div")({
     return /* @__PURE__ */ s(Yt, { controlVideo: n, ...d, tweetId: u }, u);
   }
   return null;
-}) }) : /* @__PURE__ */ s(E2, { children: Array.from({ length: 5 }).map((a, o) => /* @__PURE__ */ s(a0, {}, o)) }), Xt = ({ store: e, openQuestion: t }) => {
+}) }) : /* @__PURE__ */ s(E2, { children: Array.from({ length: 5 }).map((a, o) => /* @__PURE__ */ s(r0, {}, o)) }), Xt = ({ store: e, openQuestion: t }) => {
   const { sdk: n } = u2(), r = A(e);
   return /* @__PURE__ */ s(Jt, { openQuestion: t, questions: r.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
 }, es = ({ userSummary: e }) => {
@@ -1060,7 +1062,7 @@ const ht = /* @__PURE__ */ i("div")({
         children: /* @__PURE__ */ s(W0, { activePage: u, toggleActivePage: g })
       }
     ),
-    u === j.HOME && /* @__PURE__ */ h(R, { children: [
+    u === j.HOME && /* @__PURE__ */ h(x, { children: [
       /* @__PURE__ */ s(Fe, { children: /* @__PURE__ */ s(Be, { children: /* @__PURE__ */ s(es, { userSummary: e.userSummary }) }) }),
       /* @__PURE__ */ s(qe, { style: { flex: 1 }, children: /* @__PURE__ */ s(Xt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
@@ -1080,7 +1082,7 @@ const ht = /* @__PURE__ */ i("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, O1 = ({
+}, F1 = ({
   gamification: e,
   scrollStore: t,
   className: n,
@@ -1118,7 +1120,7 @@ const ht = /* @__PURE__ */ i("div")({
     className: F(r, !c && H2),
     hiding: m,
     onAnimationEnd: p,
-    children: /* @__PURE__ */ s(Xe, {
+    children: /* @__PURE__ */ s(Je, {
       muted: t,
       sdk: n,
       gamification: e
@@ -1128,7 +1130,7 @@ const ht = /* @__PURE__ */ i("div")({
     hiding: m,
     onAnimationEnd: p,
     children: /* @__PURE__ */ h(ns, {
-      children: [/* @__PURE__ */ s(e0, {
+      children: [/* @__PURE__ */ s(Xe, {
         label: "Friend's Rank",
         close: e.closeUser
       }), /* @__PURE__ */ s(We, {
@@ -1144,7 +1146,7 @@ const ht = /* @__PURE__ */ i("div")({
     useContainer: !v,
     children: C
   });
-}, as = Se(() => import("./gamification-feature.js")), os = ({ sdk: e, feature: t, className: n, scrollStore: r, appNode: a, scrollNode: o, responsiveStore: c }) => {
+}, as = Te(() => import("./gamification-feature.js")), os = ({ sdk: e, feature: t, className: n, scrollStore: r, appNode: a, scrollNode: o, responsiveStore: c }) => {
   const l = M(() => t && t.featureConfig.get().type === H.GAMES ? /* @__PURE__ */ s(m0, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ s(
     as,
     {
@@ -1185,15 +1187,15 @@ function cs(e) {
 }
 class ds {
   constructor(t = "main", n = window.localStorage) {
-    T(this, "delimiter", ":");
-    T(this, "prefix");
-    T(this, "storage");
-    T(this, "clear", () => {
+    S(this, "delimiter", ":");
+    S(this, "prefix");
+    S(this, "storage");
+    S(this, "clear", () => {
       for (const t in window.localStorage)
         t.startsWith(this.prefix) && this.storage.removeItem(t);
     });
-    T(this, "generateKey", (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);
-    T(this, "write", (...t) => {
+    S(this, "generateKey", (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);
+    S(this, "write", (...t) => {
       const n = t.pop() || "", r = this.generateKey(t);
       try {
         this.storage.setItem(r, n);
@@ -1201,11 +1203,11 @@ class ds {
         cs(a) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(r, n));
       }
     });
-    T(this, "read", (...t) => {
+    S(this, "read", (...t) => {
       const n = this.storage.getItem(this.generateKey(t));
       return n === null ? void 0 : n;
     });
-    T(this, "remove", (...t) => {
+    S(this, "remove", (...t) => {
       this.storage.removeItem(this.generateKey(t));
     });
     this.prefix = `sl-sdk${this.delimiter}${t}`, this.storage = n;
@@ -1227,21 +1229,21 @@ class ps extends ds {
   constructor() {
     super("user");
     // Schema
-    T(this, "setSchema", (n) => {
+    S(this, "setSchema", (n) => {
       this.write(z.SCHEMA, n);
     });
-    T(this, "getSchema", () => this.read(z.SCHEMA));
+    S(this, "getSchema", () => this.read(z.SCHEMA));
     // Token
-    T(this, "setToken", (n) => {
+    S(this, "setToken", (n) => {
       this.write(z.TOKEN, n);
     });
-    T(this, "getToken", () => this.read(z.TOKEN));
+    S(this, "getToken", () => this.read(z.TOKEN));
     // External Token
-    T(this, "setExternalToken", (n) => {
+    S(this, "setExternalToken", (n) => {
       this.write(z.EXTERNAL_TOKEN, n);
     });
-    T(this, "getExternalToken", () => this.read(z.EXTERNAL_TOKEN));
-    T(this, "removeToken", () => {
+    S(this, "getExternalToken", () => this.read(z.EXTERNAL_TOKEN));
+    S(this, "removeToken", () => {
       this.remove(z.TOKEN);
     });
   }
@@ -1270,12 +1272,11 @@ G("deep_link");
 G("bypass");
 new ps();
 G("video_player");
-S.FACTOID + "", S.POLL + "", S.TRIVIA + "", S.PREDICTION + "", S.TWEET + "";
 var q2;
 (function(e) {
   e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
 })(q2 || (q2 = {}));
-S.POLL, S.PREDICTION, S.TRIVIA;
+E.POLL, E.PREDICTION, E.TRIVIA;
 const hs = {
   [H.GAMES]: !0
 }, us = /* @__PURE__ */ i("div")({
@@ -1319,7 +1320,7 @@ const hs = {
       !t && (o === "channels" || o === "featuredGroups") && bs,
       !t && o === "leaderboard" && $s
     ),
-    children: /* @__PURE__ */ h(R, { children: [
+    children: /* @__PURE__ */ h(x, { children: [
       a && /* @__PURE__ */ s(fs, { children: a }),
       /* @__PURE__ */ s(gs, { children: r })
     ] })
@@ -1340,11 +1341,11 @@ const hs = {
   name: "CloseIconWrap",
   class: "c17srj38",
   propsAsIs: !1
-}), _s = () => _, Ts = /* @__PURE__ */ i(_s())({
+}), _s = () => _, Ss = /* @__PURE__ */ i(_s())({
   name: "CloseIcon",
   class: "clqia8k",
   propsAsIs: !0
-}), Ss = () => _, Ns = /* @__PURE__ */ i(Ss())({
+}), Ts = () => _, Ns = /* @__PURE__ */ i(Ts())({
   name: "DashboardIcon",
   class: "df5w958",
   propsAsIs: !0
@@ -1365,7 +1366,7 @@ const hs = {
       }), /* @__PURE__ */ s(ks, {
         "data-a": "intr",
         onClick: r,
-        children: /* @__PURE__ */ s(Ts, {
+        children: /* @__PURE__ */ s(Ss, {
           name: "icon-cross"
         })
       })]
@@ -1457,7 +1458,7 @@ const hs = {
   class: "a12495er",
   propsAsIs: !1
 }), Bs = ({ video: e, image: t, imageMode: n, heading: r, body: a, action: o, controlVideo: c }) => /* @__PURE__ */ h(Vs, { children: [
-  (e == null ? void 0 : e.url) && /* @__PURE__ */ s(l0, { source: e.url, poster: e.thumbnailUrl, controlVideo: c }),
+  (e == null ? void 0 : e.url) && /* @__PURE__ */ s(o0, { source: e.url, poster: e.thumbnailUrl, controlVideo: c }),
   t && !(e != null && e.url) && /* @__PURE__ */ s(zs, { "data-rounded": n === He.ROUNDED, children: /* @__PURE__ */ s(Hs, { src: t, alt: r }) }),
   /* @__PURE__ */ h(Ms, { children: [
     /* @__PURE__ */ s(Os, { children: r }),
@@ -1523,7 +1524,7 @@ const hs = {
   data: { questionType: r, question: a, insight: o, tweet: c }
 }) => {
   const l = de[r];
-  return l ? /* @__PURE__ */ h(qs, { onClick: t, style: r === S.TWEET ? { paddingTop: "12px" } : {}, children: [
+  return l ? /* @__PURE__ */ h(qs, { onClick: t, style: r === E.TWEET ? { paddingTop: "12px" } : {}, children: [
     /* @__PURE__ */ s(
       Us,
       {
@@ -1534,20 +1535,20 @@ const hs = {
         children: /* @__PURE__ */ s(Ws, { name: "icon-cross" })
       }
     ),
-    r !== S.TWEET && /* @__PURE__ */ h(js, { children: [
+    r !== E.TWEET && /* @__PURE__ */ h(js, { children: [
       /* @__PURE__ */ s(
         Gs,
         {
-          "data-type-trivia": r === S.TRIVIA,
-          "data-type-poll": r === S.POLL,
+          "data-type-trivia": r === E.TRIVIA,
+          "data-type-poll": r === E.POLL,
           name: l.iconName
         }
       ),
       /* @__PURE__ */ s(Qs, { children: l.label })
     ] }),
-    r === S.FACTOID && o && /* @__PURE__ */ s(Bs, { ...o, action: t, controlVideo: n }),
-    r === S.TWEET && c && /* @__PURE__ */ s(sn, { ...c, action: t, controlVideo: n }),
-    r !== S.FACTOID && r !== S.TWEET && /* @__PURE__ */ h(R, { children: [
+    r === E.FACTOID && o && /* @__PURE__ */ s(Bs, { ...o, action: t, controlVideo: n }),
+    r === E.TWEET && c && /* @__PURE__ */ s(sn, { ...c, action: t, controlVideo: n }),
+    r !== E.FACTOID && r !== E.TWEET && /* @__PURE__ */ h(x, { children: [
       /* @__PURE__ */ s(Ks, { children: a == null ? void 0 : a.title }),
       /* @__PURE__ */ s(Ys, { children: "Answer" })
     ] })
@@ -1556,67 +1557,67 @@ const hs = {
   name: "BGWrap",
   class: "b1dqe0sz",
   propsAsIs: !1
-}), N = /* @__PURE__ */ i("div")({
+}), T = /* @__PURE__ */ i("div")({
   name: "BGLineBase",
   class: "b1v6w7ni",
   propsAsIs: !1
-}), nn = () => N, rn = /* @__PURE__ */ i(nn())({
+}), nn = () => T, rn = /* @__PURE__ */ i(nn())({
   name: "BGOneLineOne",
   class: "b2nqb1p",
   propsAsIs: !0
-}), an = () => N, on = /* @__PURE__ */ i(an())({
+}), an = () => T, on = /* @__PURE__ */ i(an())({
   name: "BGOneLineTwo",
   class: "b1xxgmbk",
   propsAsIs: !0
-}), ln = () => N, cn = /* @__PURE__ */ i(ln())({
+}), ln = () => T, cn = /* @__PURE__ */ i(ln())({
   name: "BGOneLineThree",
   class: "b63lwcb",
   propsAsIs: !0
-}), dn = () => N, W2 = /* @__PURE__ */ i(dn())({
+}), dn = () => T, W2 = /* @__PURE__ */ i(dn())({
   name: "BGTwoLineOne",
   class: "b2iah4",
   propsAsIs: !0
-}), pn = () => N, j2 = /* @__PURE__ */ i(pn())({
+}), pn = () => T, j2 = /* @__PURE__ */ i(pn())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
   propsAsIs: !0
-}), hn = () => N, Z2 = /* @__PURE__ */ i(hn())({
+}), hn = () => T, Z2 = /* @__PURE__ */ i(hn())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
   propsAsIs: !0
-}), un = () => N, G2 = /* @__PURE__ */ i(un())({
+}), un = () => T, G2 = /* @__PURE__ */ i(un())({
   name: "BGThreeLineOne",
   class: "b18ho1tk",
   propsAsIs: !0
-}), mn = () => N, Q2 = /* @__PURE__ */ i(mn())({
+}), mn = () => T, Q2 = /* @__PURE__ */ i(mn())({
   name: "BGThreeLineTwo",
   class: "b14uvjfm",
   propsAsIs: !0
-}), vn = () => N, K2 = /* @__PURE__ */ i(vn())({
+}), vn = () => T, K2 = /* @__PURE__ */ i(vn())({
   name: "BGThreeLineThree",
   class: "b11c3ns7",
   propsAsIs: !0
-}), Cn = () => N, Y2 = /* @__PURE__ */ i(Cn())({
+}), Cn = () => T, Y2 = /* @__PURE__ */ i(Cn())({
   name: "BGThreeLineFour",
   class: "b1bqhhet",
   propsAsIs: !0
-}), fn = () => N, gn = /* @__PURE__ */ i(fn())({
+}), fn = () => T, gn = /* @__PURE__ */ i(fn())({
   name: "BGFourLineOne",
   class: "b1xyzi7o",
   propsAsIs: !0
-}), In = () => N, bn = /* @__PURE__ */ i(In())({
+}), In = () => T, bn = /* @__PURE__ */ i(In())({
   name: "BGFourLineTwo",
   class: "byo0rup",
   propsAsIs: !0
-}), $n = () => N, An = /* @__PURE__ */ i($n())({
+}), $n = () => T, An = /* @__PURE__ */ i($n())({
   name: "BGFourLineThree",
   class: "b1oyiqgv",
   propsAsIs: !0
-}), yn = () => N, wn = /* @__PURE__ */ i(yn())({
+}), yn = () => T, wn = /* @__PURE__ */ i(yn())({
   name: "BGFourLineFour",
   class: "bx3ddqw",
   propsAsIs: !0
-}), Ln = ({ step: e, correct: t }) => /* @__PURE__ */ h(R, { children: [
+}), Ln = ({ step: e, correct: t }) => /* @__PURE__ */ h(x, { children: [
   /* @__PURE__ */ h(P, { "data-active": e === 1, "data-first-screen": "true", children: [
     /* @__PURE__ */ s(rn, {}),
     /* @__PURE__ */ s(on, {}),
@@ -1632,7 +1633,7 @@ const hs = {
     /* @__PURE__ */ s(j2, {}),
     /* @__PURE__ */ s(Z2, {})
   ] }),
-  t ? /* @__PURE__ */ h(R, { children: [
+  t ? /* @__PURE__ */ h(x, { children: [
     /* @__PURE__ */ h(P, { "data-active": e === 4, "data-correct": "true", children: [
       /* @__PURE__ */ s(G2, {}),
       /* @__PURE__ */ s(Q2, {}),
@@ -1651,11 +1652,11 @@ const hs = {
     /* @__PURE__ */ s(An, {}),
     /* @__PURE__ */ s(wn, {})
   ] })
-] }), kn = 118, _n = () => i2, Tn = /* @__PURE__ */ i(_n())({
+] }), kn = 118, _n = () => i2, Sn = /* @__PURE__ */ i(_n())({
   name: "Container",
   class: "c10131zw",
   propsAsIs: !0
-}), Sn = /* @__PURE__ */ i("div")({
+}), Tn = /* @__PURE__ */ i("div")({
   name: "InnerContainer",
   class: "ir6k2eo",
   propsAsIs: !1
@@ -1717,8 +1718,8 @@ const hs = {
   const p = (I) => (f) => {
     m.current && (m.current[I] = f);
   }, C = (I) => ({ transform: Dn(I, u, l.height) }), g = { ...l };
-  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ s(Tn, { style: l.height ? g : { ...l, paddingTop: 0, paddingBottom: 0 }, hiding: d, children: /* @__PURE__ */ h(
-    Sn,
+  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ s(Sn, { style: l.height ? g : { ...l, paddingTop: 0, paddingBottom: 0 }, hiding: d, children: /* @__PURE__ */ h(
+    Tn,
     {
       style: {
         height: l.height,
@@ -1744,7 +1745,7 @@ const hs = {
             t == null ? void 0 : t.title
           ] }) })
         ] }),
-        r ? /* @__PURE__ */ h(R, { children: [
+        r ? /* @__PURE__ */ h(x, { children: [
           /* @__PURE__ */ h(
             q,
             {
@@ -2005,11 +2006,11 @@ const hs = {
   name: "IconClose",
   class: "i1mavjt2",
   propsAsIs: !0
-}), Ti = /* @__PURE__ */ i("div")({
+}), Si = /* @__PURE__ */ i("div")({
   name: "OnboardingFooter",
   class: "o1x0dyzv",
   propsAsIs: !1
-}), Si = () => $i, Ni = /* @__PURE__ */ i(Si())({
+}), Ti = () => $i, Ni = /* @__PURE__ */ i(Ti())({
   name: "OnboardingActionBtn",
   class: "o1jfi9c3",
   propsAsIs: !0
@@ -2035,13 +2036,13 @@ const hs = {
   sdk: g,
   onClose: I
 }) => {
-  const [f, $] = L(0), [b, k] = L(!1), [w, x] = L(W);
+  const [f, $] = L(0), [b, k] = L(!1), [w, N] = L(W);
   y(() => {
-    t != null && t.length ? x({ ...W, steps: !0 }) : n != null && n.length ? x({ ...W, rules: !0 }) : x({ ...W, inviteCard: !0 });
+    t != null && t.length ? N({ ...W, steps: !0 }) : n != null && n.length ? N({ ...W, rules: !0 }) : N({ ...W, inviteCard: !0 });
   }, []);
   const $e = M(() => w.steps && f === 0 ? "Continue" : w.rules ? b || !r ? "Got it" : r : w.inviteCard ? m || "Play Now" : "Next", [w, f, b, r, m]), Ae = U(() => {
-    t != null && t.length && f < t.length - 1 ? $((r2) => ++r2) : n != null && n.length && w.steps ? x({ ...W, rules: !0 }) : w.rules && x({ ...W, inviteCard: !0 });
-  }, [f, t == null ? void 0 : t.length, n == null ? void 0 : n.length, w, $, x]), ye = async () => {
+    t != null && t.length && f < t.length - 1 ? $((r2) => ++r2) : n != null && n.length && w.steps ? N({ ...W, rules: !0 }) : w.rules && N({ ...W, inviteCard: !0 });
+  }, [f, t == null ? void 0 : t.length, n == null ? void 0 : n.length, w, $, N]), ye = async () => {
     w.inviteCard ? await e.onboardingStatus.submitInplay() : w.rules && b ? k(!1) : Ae();
   };
   return y(() => {
@@ -2079,7 +2080,7 @@ const hs = {
         }
       )
     ] }),
-    /* @__PURE__ */ s(Ti, { children: /* @__PURE__ */ s(O, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ s(Ni, { "data-a": "intr", onClick: ye, children: $e }) }) })
+    /* @__PURE__ */ s(Si, { children: /* @__PURE__ */ s(O, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ s(Ni, { "data-a": "intr", onClick: ye, children: $e }) }) })
   ] }) });
 }, Ri = /* @__PURE__ */ i("div")({
   name: "Container",
@@ -2132,7 +2133,7 @@ const hs = {
 }, h2 = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
-  headline: /* @__PURE__ */ h(R, {
+  headline: /* @__PURE__ */ h(x, {
     children: ["Welcome to ", /* @__PURE__ */ s("br", {}), " Live Challenge"]
   })
 }, {
@@ -2173,8 +2174,8 @@ const hs = {
     var b, k;
     const w = o.getInviter();
     return w ? (k = (b = g.data) == null ? void 0 : b.find(({
-      slId: x
-    }) => x === w)) == null ? void 0 : k.name : "";
+      slId: N
+    }) => N === w)) == null ? void 0 : k.name : "";
   }, [g.data, o]);
   return y(() => {
     const b = e.$store.subscribe((k) => {
@@ -2253,7 +2254,7 @@ const hs = {
       renderToNode: a,
       sdk: e
     })
-  }) : /* @__PURE__ */ h(R, {
+  }) : /* @__PURE__ */ h(x, {
     children: [/* @__PURE__ */ s(ne, {
       ref: l,
       style: {
@@ -2361,7 +2362,7 @@ const hs = {
     sdk: d
   } = u2(), [u, v, m] = r1(t.id);
   let p = v;
-  return a || (p = "auto"), t.type === e2.QUESTION ? /* @__PURE__ */ h(R, {
+  return a || (p = "auto"), t.type === e2.QUESTION ? /* @__PURE__ */ h(x, {
     children: [/* @__PURE__ */ s(t1, {
       ref: u,
       children: /* @__PURE__ */ s(P2, {
@@ -2450,7 +2451,7 @@ const hs = {
 }) => {
   const [l] = L(e.getNotificationsStore()), d = A(l), [u, v] = L(null), m = M(() => e.getActiveNotification(), [e, d]);
   return y(() => {
-    m && Ge.emit("notification", {
+    m && l0.emit("notification", {
       action: "rendered",
       payload: {
         questionId: m.data.questionId,
@@ -2467,7 +2468,7 @@ const hs = {
     }));
   }, [m]), y(() => {
     m || v(null);
-  }, [m]), /* @__PURE__ */ h(R, {
+  }, [m]), /* @__PURE__ */ h(x, {
     children: [!u && m && /* @__PURE__ */ s(a1, {
       appNode: a,
       sdk: e,
@@ -2544,10 +2545,10 @@ const hs = {
     activeFeature: p,
     isLogged: C
   } = d1(e), g = !!m;
-  Ke(o, {
+  Qe(o, {
     enabled: g,
     event: "click",
-    listener: Ye
+    listener: Ke
   });
   const I = M(() => ({
     sdk: e,
@@ -2555,7 +2556,7 @@ const hs = {
   }), [e, n]);
   return y(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ s(t0.Provider, {
+  }, []), /* @__PURE__ */ s(e0.Provider, {
     value: I,
     children: /* @__PURE__ */ h(je, {
       ref: (f) => {
@@ -2608,13 +2609,13 @@ const hs = {
       })]
     })
   });
-}, D1 = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: a = !0 }) => {
+}, B1 = ({ event: e, topNavigation: t, theme: n, muted: r, withSidebarNotification: a = !0 }) => {
   const { sdk: o, status: c } = f2(g2), l = Re(), d = Ee(), { event: u } = f2(g2);
   if (c === I2.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
   return c === I2.CONNECTED ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "wait" }) : o === null ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !l.app && !l.appNotification && !l.appSidebar || !l.app && !l.appSidebar && l.appNotification && !a ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(ze, { customTheme: n ?? d.theme, themeMode: d.themeMode, children: /* @__PURE__ */ s(u1, { sdk: o, muted: r, event: (u == null ? void 0 : u.current) || e, topNavigation: t }) }) });
 };
 export {
-  O1 as B,
-  D1 as b
+  F1 as B,
+  B1 as b
 };