@streamlayer/react 1.24.4 → 1.24.6

package/lib/classic/es/index2.js

@@ -1,23 +1,22 @@
 import { m as G, h as ye } from "./index8.js";
 import { jsx as t, jsxs as h, Fragment as S } from "react/jsx-runtime";
-import { u as $, s as i, a as we, c as D, N as X } from "./sl-types.js";
-import { l as Le, S as ke, m as _e, d as Ne, n as Se, C as Te, y as xe, a as Re, f as n2, p as Ee, c as Ve } from "./index13.js";
+import { u as $, F as X, s as i, b as we, c as D, a as Z, N as e2 } from "./feature.js";
+import { l as ke, S as Le, m as _e, d as Ne, n as Se, C as Te, y as xe, a as Re, f as n2, p as Ee, c as Ve } from "./index13.js";
 import { useState as w, useEffect as y, useRef as E, useCallback as q, Component as He, createElement as ze, PureComponent as Me, useMemo as z, Suspense as Oe, lazy as De, forwardRef as te, useLayoutEffect as Fe, useContext as f2 } from "react";
-import { F as e2, c as Z } from "./feature.js";
 import { atom as Be } from "nanostores";
 import l2 from "lodash.throttle";
 import { A as O } from "./index7.js";
-import { f as ne, u as ie, A as qe, b as Ue } from "./analytics.js";
-import { D as je, p as p2, _ as Pe, O as We, e as Ze } from "./Question.js";
+import { f as ne, u as ie, A as qe, b as Pe } from "./analytics.js";
+import { $ as Ue, p as p2, _ as je, O as We, e as Ze } from "./Question.js";
 import { i as M } from "./index9.js";
 import { I as h2, s as ae, N as re, e as oe } from "./index12.js";
 import { createPortal as s2 } from "react-dom";
 import { u as Ge } from "./utils.js";
-import { B as k } from "./index6.js";
+import { B as L } from "./index6.js";
 import { I as le, l as Qe, S as V, e as F, p as C2, Q as R, a as Ke } from "./useStreamLayerApp2.js";
 import Ye from "react-infinite-scroller";
 import { r as ce, S as Je, R as Xe, D as e0 } from "./notification2.js";
-import { I as s0, F as t0 } from "./index11.js";
+import { O as s0, V as t0 } from "./index10.js";
 import "uuid";
 import "@nanostores/query";
 import "./index5.js";
@@ -32,10 +31,10 @@ const de = (e) => Be(e), o0 = (e) => {
       r(null);
     else
       for (const [l, c] of o)
-        l === s ? (c.status.get() === e2.Suspended && c.enable(), r(c)) : c.status.get() === e2.Ready && c.disable();
+        l === s ? (c.status.get() === X.Suspended && c.enable(), r(c)) : c.status.get() === X.Ready && c.disable();
     return () => {
       for (const [, l] of o)
-        l.status.get() === e2.Ready && l.disable();
+        l.status.get() === X.Ready && l.disable();
     };
   }, [s, e, n]), [s, a];
 }, I2 = Object.keys(O), $2 = () => {
@@ -131,7 +130,7 @@ const de = (e) => Be(e), o0 = (e) => {
         className: a,
         children: "Event is forbidden..."
       });
-    if (o !== e2.Ready)
+    if (o !== X.Ready)
       return /* @__PURE__ */ t(a2, {
         className: a,
         children: "Wait feature..."
@@ -196,11 +195,11 @@ const de = (e) => Be(e), o0 = (e) => {
   name: "UserName",
   class: "u1q6roj0",
   propsAsIs: !1
-}), L0 = /* @__PURE__ */ i("div")({
+}), k0 = /* @__PURE__ */ i("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
-}), k0 = /* @__PURE__ */ i("img")({
+}), L0 = /* @__PURE__ */ i("img")({
   name: "TrophyIcon",
   class: "t1el3mrn",
   propsAsIs: !1
@@ -265,10 +264,10 @@ const de = (e) => Be(e), o0 = (e) => {
     ] }),
     /* @__PURE__ */ h(y0, { children: [
       /* @__PURE__ */ t(w0, { children: a }),
-      /* @__PURE__ */ h(L0, { children: [
+      /* @__PURE__ */ h(k0, { children: [
         /* @__PURE__ */ h(_0, { children: [
           /* @__PURE__ */ h(S0, { children: [
-            /* @__PURE__ */ t(k0, { alt: "rank-icon", src: H0 }),
+            /* @__PURE__ */ t(L0, { alt: "rank-icon", src: H0 }),
             /* @__PURE__ */ h(y2, { children: [
               ae(r),
               /* @__PURE__ */ t(w2, { children: "PTS" })
@@ -311,7 +310,7 @@ const de = (e) => Be(e), o0 = (e) => {
   .sl-pill-button {
     display: none !important;
   }
-`, he = () => window.innerWidth >= O.md && window.innerWidth < O.lg ? 76 : 53, L2 = (e) => {
+`, he = () => window.innerWidth >= O.md && window.innerWidth < O.lg ? 76 : 53, k2 = (e) => {
   const s = he();
   return Math.round((e.current?.getBoundingClientRect().y || 0) - s) <= 0;
 }, me = ({
@@ -320,14 +319,14 @@ const de = (e) => Be(e), o0 = (e) => {
   useContainer: n,
   staticStyles: a
 }) => {
-  const [r] = w(() => L2(s)), [o, l] = w(!1);
+  const [r] = w(() => k2(s)), [o, l] = w(!1);
   return y(() => {
     if (!s.current || !r)
       return l(!0), () => {
       };
     const c = window.scrollY;
     return l(!0), () => {
-      L2(s) && window.scrollTo({
+      k2(s) && window.scrollTo({
         top: c,
         behavior: "instant"
       });
@@ -369,14 +368,14 @@ const de = (e) => Be(e), o0 = (e) => {
   class: "tspsaas",
   propsAsIs: !1
 });
-var P = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(P || {});
-const k2 = ({ title: e, active: s, onClick: n }) => /* @__PURE__ */ t(F0, { "data-a": "intr", onClick: n, "data-selected": s, children: /* @__PURE__ */ t(B0, { "data-a": "intr", children: e }) }), q0 = ({ activePage: e = "home", toggleActivePage: s }) => /* @__PURE__ */ t(O0, { children: /* @__PURE__ */ h(D0, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ t(k2, { title: "Home", active: e === "home", onClick: () => s(
+var j = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(j || {});
+const L2 = ({ title: e, active: s, onClick: n }) => /* @__PURE__ */ t(F0, { "data-a": "intr", onClick: n, "data-selected": s, children: /* @__PURE__ */ t(B0, { "data-a": "intr", children: e }) }), q0 = ({ activePage: e = "home", toggleActivePage: s }) => /* @__PURE__ */ t(O0, { children: /* @__PURE__ */ h(D0, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ t(L2, { title: "Home", active: e === "home", onClick: () => s(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ t(
-    k2,
+    L2,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -386,21 +385,21 @@ const k2 = ({ title: e, active: s, onClick: n }) => /* @__PURE__ */ t(F0, { "dat
       )
     }
   )
-] }) }), U0 = /* @__PURE__ */ i("button")({
+] }) }), P0 = /* @__PURE__ */ i("button")({
   name: "Container",
   class: "cpjnajb",
   propsAsIs: !1
-}), j0 = /* @__PURE__ */ i("div")({
+}), U0 = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c4m6kaz",
   propsAsIs: !1
-}), P0 = /* @__PURE__ */ i("span")({
+}), j0 = /* @__PURE__ */ i("span")({
   name: "Title",
   class: "t1h8t9cc",
   propsAsIs: !1
-}), W0 = () => /* @__PURE__ */ t(U0, { children: /* @__PURE__ */ h(j0, { children: [
-  /* @__PURE__ */ t(k, { name: "iconCopySuccess" }),
-  /* @__PURE__ */ t(P0, { children: "Link Copied to Clipboard" })
+}), W0 = () => /* @__PURE__ */ t(P0, { children: /* @__PURE__ */ h(U0, { children: [
+  /* @__PURE__ */ t(L, { name: "iconCopySuccess" }),
+  /* @__PURE__ */ t(j0, { children: "Link Copied to Clipboard" })
 ] }) }), ue = (e) => {
   const s = E(), [n, a] = w(null), r = q(
     async (o) => {
@@ -424,7 +423,7 @@ const k2 = ({ title: e, active: s, onClick: n }) => /* @__PURE__ */ t(F0, { "dat
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), G0 = () => k, Q0 = /* @__PURE__ */ i(G0())({
+}), G0 = () => L, Q0 = /* @__PURE__ */ i(G0())({
   name: "FriendsIcon",
   class: "f10ncfg2",
   propsAsIs: !0
@@ -440,7 +439,7 @@ const k2 = ({ title: e, active: s, onClick: n }) => /* @__PURE__ */ t(F0, { "dat
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), X0 = () => k, es = /* @__PURE__ */ i(X0())({
+}), X0 = () => L, es = /* @__PURE__ */ i(X0())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
@@ -482,8 +481,8 @@ function ts(e) {
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     l = function(A) {
-      const b = A.__resizeTriggers__, N = b.firstElementChild, L = b.lastElementChild, x = N.firstElementChild;
-      L.scrollLeft = L.scrollWidth, L.scrollTop = L.scrollHeight, x.style.width = N.offsetWidth + 1 + "px", x.style.height = N.offsetHeight + 1 + "px", N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight;
+      const b = A.__resizeTriggers__, N = b.firstElementChild, k = b.lastElementChild, x = N.firstElementChild;
+      k.scrollLeft = k.scrollWidth, k.scrollTop = k.scrollHeight, x.style.width = N.offsetWidth + 1 + "px", x.style.height = N.offsetHeight + 1 + "px", N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight;
     }, o = function(A) {
       return A.offsetWidth !== A.__resizeLast__.width || A.offsetHeight !== A.__resizeLast__.height;
     }, c = function(A) {
@@ -778,7 +777,7 @@ const cs = /* @__PURE__ */ i("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Cs = () => k, gs = /* @__PURE__ */ i(Cs())({
+}), Cs = () => L, gs = /* @__PURE__ */ i(Cs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -839,15 +838,15 @@ const cs = /* @__PURE__ */ i("div")({
   name: "IconContainer",
   class: "i1w4fsni",
   propsAsIs: !1
-}), ys = () => k, ws = /* @__PURE__ */ i(ys())({
+}), ys = () => L, ws = /* @__PURE__ */ i(ys())({
   name: "InviteGameIcon",
   class: "i19m85r1",
   propsAsIs: !0
-}), Ls = /* @__PURE__ */ i("div")({
+}), ks = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1mbu204",
   propsAsIs: !1
-}), ks = /* @__PURE__ */ i("div")({
+}), Ls = /* @__PURE__ */ i("div")({
   name: "Heading",
   class: "h1amdqtv",
   propsAsIs: !1
@@ -871,7 +870,7 @@ const cs = /* @__PURE__ */ i("div")({
   name: "LinkAddress",
   class: "lvi87q4",
   propsAsIs: !1
-}), Rs = () => k, Es = /* @__PURE__ */ i(Rs())({
+}), Rs = () => L, Es = /* @__PURE__ */ i(Rs())({
   name: "LinkIcon",
   class: "l1pqlvw3",
   propsAsIs: !0
@@ -891,8 +890,8 @@ const cs = /* @__PURE__ */ i("div")({
   });
   return /* @__PURE__ */ h(bs, { className: r, children: [
     /* @__PURE__ */ t(As, { style: { backgroundColor: a }, children: /* @__PURE__ */ t(ws, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ h(Ls, { children: [
-      /* @__PURE__ */ t(ks, { children: s || "" }),
+    /* @__PURE__ */ h(ks, { children: [
+      /* @__PURE__ */ t(Ls, { children: s || "" }),
       /* @__PURE__ */ t(_s, { children: n || "" })
     ] }),
     e && /* @__PURE__ */ h(Ns, { ref: o, "data-a": "intr", onClick: d(() => l(e)), children: [
@@ -972,10 +971,10 @@ const cs = /* @__PURE__ */ i("div")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !0
-}), Us = ({ questionId: e, ...s }) => /* @__PURE__ */ h(Fs, { "data-a": "intr", "data-name": e, children: [
-  /* @__PURE__ */ t(je, { questionId: e, ...s }),
+}), Ps = ({ questionId: e, ...s }) => /* @__PURE__ */ h(Fs, { "data-a": "intr", "data-name": e, children: [
+  /* @__PURE__ */ t(Ue, { questionId: e, ...s }),
   /* @__PURE__ */ t(qs, { "data-a": "intr", "data-name": e, children: "View Insight" })
-] }), js = () => ce, Ps = /* @__PURE__ */ i(js())({
+] }), Us = () => ce, js = /* @__PURE__ */ i(Us())({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !0
@@ -987,7 +986,7 @@ const cs = /* @__PURE__ */ i("div")({
   name: "Quote",
   class: "q1hbaleq",
   propsAsIs: !1
-}), Gs = ({ ...e }) => /* @__PURE__ */ h(Ps, { "data-a": "intr", "data-name": e.tweetId, children: [
+}), Gs = ({ ...e }) => /* @__PURE__ */ h(js, { "data-a": "intr", "data-name": e.tweetId, children: [
   e.title && /* @__PURE__ */ t(Zs, { children: e.title }),
   /* @__PURE__ */ t(re, { ...e }),
   /* @__PURE__ */ t(Ws, { "data-a": "intr", "data-name": e.tweetId, children: "View Insight" })
@@ -1005,16 +1004,18 @@ const cs = /* @__PURE__ */ i("div")({
   }
   if (r.type === "insight" && r.attributes?.attributes.case === "insight") {
     const o = r.attributes.attributes.value;
-    return /* @__PURE__ */ t(Us, { controlVideo: n, ...o }, o.questionId);
+    return /* @__PURE__ */ t(Ps, { controlVideo: n, ...o }, o.questionId);
   }
   if (r.type === "tweet" && r.attributes?.attributes.case === "tweet") {
     const o = r.attributes.attributes.value, l = r.attributes.id;
     return /* @__PURE__ */ t(Gs, { controlVideo: n, ...o, tweetId: l }, l);
   }
   return null;
-}) }) : /* @__PURE__ */ t(x2, { children: Array.from({ length: 5 }).map((r, o) => /* @__PURE__ */ t(e0, {}, o)) }), Ks = ({ store: e, openQuestion: s }) => {
-  const { sdk: n } = p2(), a = $(e);
-  return /* @__PURE__ */ t(Qs, { openQuestion: s, questions: a.data, controlVideo: n?.controlVideoPlayer });
+}) }) : /* @__PURE__ */ t(x2, { children: Array.from({ length: 5 }).map((r, o) => /* @__PURE__ */ t(e0, {}, o)) }), Ks = ({ store: e, openQuestion: s, withPickHistory: n }) => {
+  const { sdk: a } = p2(), r = $(e);
+  return y(() => {
+    n.set(!0);
+  }, [n]), /* @__PURE__ */ t(Qs, { openQuestion: s, questions: r.data, controlVideo: a?.controlVideoPlayer });
 }, Ys = ({ userSummary: e }) => {
   const [s, n] = w(void 0);
   return y(() => {
@@ -1026,7 +1027,7 @@ const cs = /* @__PURE__ */ i("div")({
     };
   }, [e]), /* @__PURE__ */ t(pe, { loading: !s?.summary, ...s?.summary, successRate: s?.percentage?.correct });
 }, Js = ({ gamification: e, className: s, scrollStore: n, scrollNode: a, appNode: r, style: o, responsiveStore: l }) => {
-  const { tabsShown: c } = $(n, { keys: ["tabsShown"] }), d = $(e.friendsTabEnabled), [m, f] = w(P.HOME), [, u] = we(), { sdkInDesktopView: p, screen: C } = $(l, { keys: ["sdkInDesktopView"] }), g = (v) => {
+  const { tabsShown: c } = $(n, { keys: ["tabsShown"] }), d = $(e.friendsTabEnabled), [m, f] = w(j.HOME), [, u] = we(), { sdkInDesktopView: p, screen: C } = $(l, { keys: ["sdkInDesktopView"] }), g = (v) => {
     u(() => {
       f(v), p === !1 && (r.current?.getBoundingClientRect().y || 0) < 0 && m2(r, C.size, { behavior: "instant" });
     });
@@ -1038,12 +1039,12 @@ const cs = /* @__PURE__ */ i("div")({
     }
     l.get().sdkInDesktopView ? n.setKey("tabsShown", v.scrollDirection === "backward") : n.setKey("tabsShown", v.scrollDirection === "forward");
   }), [n, l]), y(() => {
-    d || f(P.HOME);
+    d || f(j.HOME);
   }, [d]);
   let I = "0px";
-  return p ? I = c ? "0px" : "calc(0px - var(--header-height))" : I = c ? "var(--header-height)" : "0px", /* @__PURE__ */ h(Le, { className: D(s, "SL-Tabs", "sl-hide-on-modal"), style: o, children: [
+  return p ? I = c ? "0px" : "calc(0px - var(--header-height))" : I = c ? "var(--header-height)" : "0px", /* @__PURE__ */ h(ke, { className: D(s, "SL-Tabs", "sl-hide-on-modal"), style: o, children: [
     d && /* @__PURE__ */ t(
-      ke,
+      Le,
       {
         style: {
           top: I
@@ -1051,11 +1052,18 @@ const cs = /* @__PURE__ */ i("div")({
         children: /* @__PURE__ */ t(q0, { activePage: m, toggleActivePage: g })
       }
     ),
-    m === P.HOME && /* @__PURE__ */ h(S, { children: [
+    m === j.HOME && /* @__PURE__ */ h(S, { children: [
       /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(Ys, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ t(Se, { style: { flex: 1 }, children: /* @__PURE__ */ t(Ks, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+      /* @__PURE__ */ t(Se, { style: { flex: 1 }, children: /* @__PURE__ */ t(
+        Ks,
+        {
+          openQuestion: e.openQuestion,
+          store: e.feedList.getStore(),
+          withPickHistory: e.withPickHistory
+        }
+      ) })
     ] }),
-    m === P.LEADERBOARD && /* @__PURE__ */ t(Te, { children: /* @__PURE__ */ t(Os, { scrollStore: n, scrollNode: a, gamification: e }) })
+    m === j.LEADERBOARD && /* @__PURE__ */ t(Te, { children: /* @__PURE__ */ t(Os, { scrollStore: n, scrollNode: a, gamification: e }) })
   ] });
 }, Xs = () => n2, R2 = /* @__PURE__ */ i(Xs())({
   name: "OpenedContainer",
@@ -1071,7 +1079,7 @@ const cs = /* @__PURE__ */ i("div")({
 }) => {
   const n = e + s;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Ma = ({
+}, za = ({
   gamification: e,
   scrollStore: s,
   className: n,
@@ -1109,7 +1117,7 @@ const cs = /* @__PURE__ */ i("div")({
     className: D(a, !l && E2),
     hiding: u,
     onAnimationEnd: p,
-    children: /* @__PURE__ */ t(Pe, {
+    children: /* @__PURE__ */ t(je, {
       muted: s,
       sdk: n,
       gamification: e
@@ -1314,7 +1322,7 @@ const ct = {
       /* @__PURE__ */ t(ft, { children: a })
     ] })
   }
-), It = () => k, $t = /* @__PURE__ */ i(It())({
+), It = () => L, $t = /* @__PURE__ */ i(It())({
   name: "ButtonIcon",
   class: "b11wpe79",
   propsAsIs: !0
@@ -1330,11 +1338,11 @@ const ct = {
   name: "CloseIconWrap",
   class: "c17srj38",
   propsAsIs: !1
-}), wt = () => k, Lt = /* @__PURE__ */ i(wt())({
+}), wt = () => L, kt = /* @__PURE__ */ i(wt())({
   name: "CloseIcon",
   class: "clqia8k",
   propsAsIs: !0
-}), kt = () => k, _t = /* @__PURE__ */ i(kt())({
+}), Lt = () => L, _t = /* @__PURE__ */ i(Lt())({
   name: "DashboardIcon",
   class: "df5w958",
   propsAsIs: !0
@@ -1355,7 +1363,7 @@ const ct = {
       }), /* @__PURE__ */ t(yt, {
         "data-a": "intr",
         onClick: a,
-        children: /* @__PURE__ */ t(Lt, {
+        children: /* @__PURE__ */ t(kt, {
           name: "icon-cross"
         })
       })]
@@ -1462,15 +1470,15 @@ const ct = {
   name: "CloseIconWrap",
   class: "crylm65",
   propsAsIs: !1
-}), Bt = () => k, qt = /* @__PURE__ */ i(Bt())({
+}), Bt = () => L, qt = /* @__PURE__ */ i(Bt())({
   name: "CloseIcon",
   class: "c9mrcz7",
   propsAsIs: !0
-}), Ut = /* @__PURE__ */ i("div")({
+}), Pt = /* @__PURE__ */ i("div")({
   name: "Header",
   class: "hw3lzv4",
   propsAsIs: !1
-}), jt = () => k, Pt = /* @__PURE__ */ i(jt())({
+}), Ut = () => L, jt = /* @__PURE__ */ i(Ut())({
   name: "TypeIcon",
   class: "t1rrb3kf",
   propsAsIs: !0
@@ -1524,9 +1532,9 @@ const ct = {
         children: /* @__PURE__ */ t(qt, { name: "icon-cross" })
       }
     ),
-    a !== R.TWEET && /* @__PURE__ */ h(Ut, { children: [
+    a !== R.TWEET && /* @__PURE__ */ h(Pt, { children: [
       /* @__PURE__ */ t(
-        Pt,
+        jt,
         {
           "data-type-trivia": a === R.TRIVIA,
           "data-type-poll": a === R.POLL,
@@ -1542,7 +1550,7 @@ const ct = {
       /* @__PURE__ */ t(Gt, { children: "Answer" })
     ] })
   ] }) : null;
-}, U = /* @__PURE__ */ i("div")({
+}, P = /* @__PURE__ */ i("div")({
   name: "BGWrap",
   class: "b1dqe0sz",
   propsAsIs: !1
@@ -1562,15 +1570,15 @@ const ct = {
   name: "BGOneLineThree",
   class: "b63lwcb",
   propsAsIs: !0
-}), on = () => _, U2 = /* @__PURE__ */ i(on())({
+}), on = () => _, P2 = /* @__PURE__ */ i(on())({
   name: "BGTwoLineOne",
   class: "b2iah4",
   propsAsIs: !0
-}), ln = () => _, j2 = /* @__PURE__ */ i(ln())({
+}), ln = () => _, U2 = /* @__PURE__ */ i(ln())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
   propsAsIs: !0
-}), cn = () => _, P2 = /* @__PURE__ */ i(cn())({
+}), cn = () => _, j2 = /* @__PURE__ */ i(cn())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
   propsAsIs: !0
@@ -1607,45 +1615,45 @@ const ct = {
   class: "bx3ddqw",
   propsAsIs: !0
 }), An = ({ step: e, correct: s }) => /* @__PURE__ */ h(S, { children: [
-  /* @__PURE__ */ h(U, { "data-active": e === 1, "data-first-screen": "true", children: [
+  /* @__PURE__ */ h(P, { "data-active": e === 1, "data-first-screen": "true", children: [
     /* @__PURE__ */ t(sn, {}),
     /* @__PURE__ */ t(nn, {}),
     /* @__PURE__ */ t(rn, {})
   ] }),
-  /* @__PURE__ */ h(U, { "data-active": e === 2, children: [
+  /* @__PURE__ */ h(P, { "data-active": e === 2, children: [
+    /* @__PURE__ */ t(P2, {}),
     /* @__PURE__ */ t(U2, {}),
-    /* @__PURE__ */ t(j2, {}),
-    /* @__PURE__ */ t(P2, {})
+    /* @__PURE__ */ t(j2, {})
   ] }),
-  /* @__PURE__ */ h(U, { "data-active": e === 3, children: [
+  /* @__PURE__ */ h(P, { "data-active": e === 3, children: [
+    /* @__PURE__ */ t(P2, {}),
     /* @__PURE__ */ t(U2, {}),
-    /* @__PURE__ */ t(j2, {}),
-    /* @__PURE__ */ t(P2, {})
+    /* @__PURE__ */ t(j2, {})
   ] }),
   s ? /* @__PURE__ */ h(S, { children: [
-    /* @__PURE__ */ h(U, { "data-active": e === 4, "data-correct": "true", children: [
+    /* @__PURE__ */ h(P, { "data-active": e === 4, "data-correct": "true", children: [
       /* @__PURE__ */ t(W2, {}),
       /* @__PURE__ */ t(Z2, {}),
       /* @__PURE__ */ t(G2, {}),
       /* @__PURE__ */ t(Q2, {})
     ] }),
-    /* @__PURE__ */ h(U, { "data-active": e === 5, "data-correct": "true", children: [
+    /* @__PURE__ */ h(P, { "data-active": e === 5, "data-correct": "true", children: [
       /* @__PURE__ */ t(W2, {}),
       /* @__PURE__ */ t(Z2, {}),
       /* @__PURE__ */ t(G2, {}),
       /* @__PURE__ */ t(Q2, {})
     ] })
-  ] }) : /* @__PURE__ */ h(U, { "data-active": e === 4, "data-correct": "false", children: [
+  ] }) : /* @__PURE__ */ h(P, { "data-active": e === 4, "data-correct": "false", children: [
     /* @__PURE__ */ t(fn, {}),
     /* @__PURE__ */ t(gn, {}),
     /* @__PURE__ */ t(In, {}),
     /* @__PURE__ */ t(bn, {})
   ] })
-] }), yn = 118, wn = () => n2, Ln = /* @__PURE__ */ i(wn())({
+] }), yn = 118, wn = () => n2, kn = /* @__PURE__ */ i(wn())({
   name: "Container",
   class: "c10131zw",
   propsAsIs: !0
-}), kn = /* @__PURE__ */ i("div")({
+}), Ln = /* @__PURE__ */ i("div")({
   name: "InnerContainer",
   class: "ir6k2eo",
   propsAsIs: !1
@@ -1673,7 +1681,7 @@ const ct = {
   name: "AnswerText",
   class: "a1lbk2ye",
   propsAsIs: !1
-}), Sn = () => k, ge = /* @__PURE__ */ i(Sn())({
+}), Sn = () => L, ge = /* @__PURE__ */ i(Sn())({
   name: "FeedbackIcon",
   class: "frcvk3t",
   propsAsIs: !0
@@ -1689,7 +1697,7 @@ const ct = {
   name: "CloseIconWrap",
   class: "c1fw6699",
   propsAsIs: !1
-}), En = () => k, X2 = /* @__PURE__ */ i(En())({
+}), En = () => L, X2 = /* @__PURE__ */ i(En())({
   name: "CloseIcon",
   class: "c115o126",
   propsAsIs: !0
@@ -1706,8 +1714,8 @@ const ct = {
   const p = (I) => (v) => {
     u.current && (u.current[I] = v);
   }, C = (I) => ({ transform: zn(I, m, c.height) }), g = { ...c };
-  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ t(Ln, { style: c.height ? g : { ...c, paddingTop: 0, paddingBottom: 0 }, hiding: d, children: /* @__PURE__ */ h(
-    kn,
+  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ t(kn, { style: c.height ? g : { ...c, paddingTop: 0, paddingBottom: 0 }, hiding: d, children: /* @__PURE__ */ h(
+    Ln,
     {
       style: {
         height: c.height,
@@ -1830,21 +1838,21 @@ const ct = {
   name: "Content",
   class: "c12clm3w",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ i("span")({
+}), Pn = /* @__PURE__ */ i("span")({
   name: "Name",
   class: "n14lctn7",
   propsAsIs: !1
-}), jn = ({ avatar: e, name: s }) => /* @__PURE__ */ h(Dn, { children: [
+}), Un = ({ avatar: e, name: s }) => /* @__PURE__ */ h(Dn, { children: [
   e && /* @__PURE__ */ t(Fn, { src: e }),
   !e && /* @__PURE__ */ t(Bn, { children: h2(s || "") }),
   /* @__PURE__ */ h(qn, { children: [
-    /* @__PURE__ */ h(Un, { children: [
+    /* @__PURE__ */ h(Pn, { children: [
       s,
       " "
     ] }),
     "is waiting for you!"
   ] })
-] }), Pn = /* @__PURE__ */ i("div")({
+] }), jn = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1htq1lb",
   propsAsIs: !1
@@ -1891,13 +1899,13 @@ const ct = {
   inviterName: a
 }) => {
   const { headline: r, tagline: o } = s[n];
-  return /* @__PURE__ */ h(Pn, { children: [
+  return /* @__PURE__ */ h(jn, { children: [
     o && /* @__PURE__ */ t(Qn, { children: /* @__PURE__ */ t(M, { loading: e, children: /* @__PURE__ */ t(Kn, { children: o }) }) }),
     /* @__PURE__ */ h(Yn, { "data-welcome-screen": n === 0, children: [
       /* @__PURE__ */ t(Wn, { children: /* @__PURE__ */ t(M, { loading: e, children: s.map(({ graphicSrc: l }, c) => /* @__PURE__ */ t(Zn, { src: l, "data-active": n === c })) }) }),
       r && /* @__PURE__ */ t(M, { loading: e, children: /* @__PURE__ */ t(Gn, { children: r }) })
     ] }),
-    a && n === 0 && /* @__PURE__ */ t(ei, { children: /* @__PURE__ */ t(jn, { name: a }) }),
+    a && n === 0 && /* @__PURE__ */ t(ei, { children: /* @__PURE__ */ t(Un, { name: a }) }),
     /* @__PURE__ */ t(Jn, { style: e ? { visibility: "hidden" } : {}, children: Array.from({ length: s.length }).map((l, c) => /* @__PURE__ */ t(Xn, { "data-active": n === c }, c)) })
   ] });
 }, ti = /* @__PURE__ */ i("div")({
@@ -1942,7 +1950,7 @@ const ct = {
   /* @__PURE__ */ h(ni, { children: [
     /* @__PURE__ */ t(ii, { children: s }),
     /* @__PURE__ */ t(ai, { children: e?.map(({ label: o, icon: l }, c) => /* @__PURE__ */ h(ri, { children: [
-      l && /* @__PURE__ */ t(oi, { style: { backgroundColor: a }, children: /* @__PURE__ */ t(k, { name: l, "data-icon": l }) }),
+      l && /* @__PURE__ */ t(oi, { style: { backgroundColor: a }, children: /* @__PURE__ */ t(L, { name: l, "data-icon": l }) }),
       /* @__PURE__ */ t(li, { children: o })
     ] }, c)) })
   ] }),
@@ -1990,19 +1998,19 @@ const ct = {
   name: "CloseBtn",
   class: "c15cjkwi",
   propsAsIs: !1
-}), yi = () => k, wi = /* @__PURE__ */ i(yi())({
+}), yi = () => L, wi = /* @__PURE__ */ i(yi())({
   name: "IconClose",
   class: "i1mavjt2",
   propsAsIs: !0
-}), Li = /* @__PURE__ */ i("div")({
+}), ki = /* @__PURE__ */ i("div")({
   name: "OnboardingFooter",
   class: "o1x0dyzv",
   propsAsIs: !1
-}), ki = () => vi, _i = /* @__PURE__ */ i(ki())({
+}), Li = () => vi, _i = /* @__PURE__ */ i(Li())({
   name: "OnboardingActionBtn",
   class: "o1jfi9c3",
   propsAsIs: !0
-}), j = {
+}), U = {
   steps: !1,
   rules: !1,
   inviteCard: !1
@@ -2024,21 +2032,21 @@ const ct = {
   sdk: g,
   onClose: I
 }) => {
-  const [v, A] = w(0), [b, N] = w(!1), [L, x] = w(j);
+  const [v, A] = w(0), [b, N] = w(!1), [k, x] = w(U);
   y(() => {
-    s?.length ? x({ ...j, steps: !0 }) : n?.length ? x({ ...j, rules: !0 }) : x({ ...j, inviteCard: !0 });
+    s?.length ? x({ ...U, steps: !0 }) : n?.length ? x({ ...U, rules: !0 }) : x({ ...U, inviteCard: !0 });
   }, []);
-  const $e = z(() => L.steps && v === 0 ? "Continue" : L.rules ? b || !a ? "Got it" : a : L.inviteCard ? u || "Play Now" : "Next", [L, v, b, a, u]), be = q(() => {
-    s?.length && v < s.length - 1 ? A((i2) => ++i2) : n?.length && L.steps ? x({ ...j, rules: !0 }) : L.rules && x({ ...j, inviteCard: !0 });
-  }, [v, s?.length, n?.length, L, A, x]), Ae = async () => {
-    L.inviteCard ? await e.onboardingStatus.submitInplay() : L.rules && b ? N(!1) : be();
+  const $e = z(() => k.steps && v === 0 ? "Continue" : k.rules ? b || !a ? "Got it" : a : k.inviteCard ? u || "Play Now" : "Next", [k, v, b, a, u]), be = q(() => {
+    s?.length && v < s.length - 1 ? A((i2) => ++i2) : n?.length && k.steps ? x({ ...U, rules: !0 }) : k.rules && x({ ...U, inviteCard: !0 });
+  }, [v, s?.length, n?.length, k, A, x]), Ae = async () => {
+    k.inviteCard ? await e.onboardingStatus.submitInplay() : k.rules && b ? N(!1) : be();
   };
   return y(() => {
     !p && C && g.inviteDisplayed();
   }, [p, C, g]), /* @__PURE__ */ t(ns, { children: ({ width: i2, height: u2 }) => /* @__PURE__ */ h(Ii, { style: { width: i2, height: u2, maxHeight: u2 }, children: [
     /* @__PURE__ */ t(bi, { children: /* @__PURE__ */ t(Ai, { "data-a": "intr", onClick: I, children: /* @__PURE__ */ t(wi, { name: "icon-close-btn-gray" }) }) }),
     /* @__PURE__ */ h($i, { children: [
-      L.steps && s?.length && /* @__PURE__ */ t(
+      k.steps && s?.length && /* @__PURE__ */ t(
         si,
         {
           loading: p,
@@ -2047,7 +2055,7 @@ const ct = {
           inviterName: C
         }
       ),
-      L.rules && !b && /* @__PURE__ */ t(
+      k.rules && !b && /* @__PURE__ */ t(
         di,
         {
           rules: n,
@@ -2057,8 +2065,8 @@ const ct = {
           openTerms: () => N(!0)
         }
       ),
-      L.rules && b && /* @__PURE__ */ t(fi, { termsTitle: o, termsText: l }),
-      L.inviteCard && /* @__PURE__ */ t(
+      k.rules && b && /* @__PURE__ */ t(fi, { termsTitle: o, termsText: l }),
+      k.inviteCard && /* @__PURE__ */ t(
         fe,
         {
           inviteLink: d,
@@ -2068,7 +2076,7 @@ const ct = {
         }
       )
     ] }),
-    /* @__PURE__ */ t(Li, { children: /* @__PURE__ */ t(M, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ t(_i, { "data-a": "intr", onClick: Ae, children: $e }) }) })
+    /* @__PURE__ */ t(ki, { children: /* @__PURE__ */ t(M, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ t(_i, { "data-a": "intr", onClick: Ae, children: $e }) }) })
   ] }) });
 }, Si = /* @__PURE__ */ i("div")({
   name: "Container",
@@ -2078,7 +2086,7 @@ const ct = {
   name: "CloseIconWrap",
   class: "c1lg6b8a",
   propsAsIs: !1
-}), xi = () => k, Ri = /* @__PURE__ */ i(xi())({
+}), xi = () => L, Ri = /* @__PURE__ */ i(xi())({
   name: "CloseIcon",
   class: "c159el66",
   propsAsIs: !0
@@ -2143,7 +2151,7 @@ const ct = {
   name: "OnboardingOverlap",
   class: "ovnr8ov",
   propsAsIs: !1
-}), Ui = ({
+}), Pi = ({
   deepLink: e,
   onboardingOpts: s,
   notification: n,
@@ -2198,7 +2206,7 @@ const ct = {
       inviterName: f
     }), l && /* @__PURE__ */ t(qi, {})]
   });
-}, ji = ({
+}, Ui = ({
   sdk: e,
   notification: s,
   saveHeight: n,
@@ -2224,7 +2232,7 @@ const ct = {
   return m && u && d && r.current ? /* @__PURE__ */ t(me, {
     container: r,
     useContainer: !o,
-    children: /* @__PURE__ */ t(Ui, {
+    children: /* @__PURE__ */ t(Pi, {
       throttled: I,
       notification: s,
       setOpened: f,
@@ -2265,7 +2273,7 @@ const ct = {
       })
     })]
   });
-}, Pi = /* @__PURE__ */ i("button")({
+}, ji = /* @__PURE__ */ i("button")({
   name: "Container",
   class: "crkmfw1",
   propsAsIs: !1
@@ -2277,8 +2285,8 @@ const ct = {
   name: "Title",
   class: "t154z7mh",
   propsAsIs: !1
-}), Gi = ({ title: e, onClick: s, className: n, style: a }) => /* @__PURE__ */ t(Pi, { "data-a": "intr", onClick: s, className: n, style: a, children: /* @__PURE__ */ h(Wi, { "data-a": "intr", children: [
-  /* @__PURE__ */ t(k, { "data-a": "intr", name: "iconUp" }),
+}), Gi = ({ title: e, onClick: s, className: n, style: a }) => /* @__PURE__ */ t(ji, { "data-a": "intr", onClick: s, className: n, style: a, children: /* @__PURE__ */ h(Wi, { "data-a": "intr", children: [
+  /* @__PURE__ */ t(L, { "data-a": "intr", name: "iconUp" }),
   e && /* @__PURE__ */ t(Zi, { "data-a": "intr", children: e })
 ] }) }), Qi = () => n2, Ki = /* @__PURE__ */ i(Qi())({
   name: "Container",
@@ -2340,7 +2348,7 @@ const ct = {
     sdk: l
   } = p2(), [c, d, m] = ta(s.id);
   let f = d;
-  return r || (f = "auto"), s.type === X.QUESTION ? /* @__PURE__ */ h(S, {
+  return r || (f = "auto"), s.type === e2.QUESTION ? /* @__PURE__ */ h(S, {
     children: [/* @__PURE__ */ t(Ji, {
       ref: c,
       children: /* @__PURE__ */ t(q2, {
@@ -2361,7 +2369,7 @@ const ct = {
         })
       }), /* @__PURE__ */ t(Xi, {}, s.id)]
     })]
-  }) : s.type === X.QUESTION_RESOLVED && s.data?.question?.predictionResult ? /* @__PURE__ */ t(Mn, {
+  }) : s.type === e2.QUESTION_RESOLVED && s.data?.question?.predictionResult ? /* @__PURE__ */ t(Mn, {
     style: {
       height: s.hiding ? 0 : d
     },
@@ -2369,7 +2377,7 @@ const ct = {
     close: s.close,
     hiding: s.hiding,
     ...s.data.question
-  }) : s.type === X.ONBOARDING ? /* @__PURE__ */ t(ji, {
+  }) : s.type === e2.ONBOARDING ? /* @__PURE__ */ t(Ui, {
     style: {
       height: s.hiding ? 0 : f
     },
@@ -2404,7 +2412,7 @@ const ct = {
   }, [m, o, s]);
   const f = o.get().sdkInDesktopView ? n : a;
   return !e || !f.current ? null : s2(/* @__PURE__ */ t(sa, {
-    title: e.type === X.QUESTION_RESOLVED ? "Prediction result" : `New ${oe[e.data?.questionType]?.label || "notification"}`,
+    title: e.type === e2.QUESTION_RESOLVED ? "Prediction result" : `New ${oe[e.data?.questionType]?.label || "notification"}`,
     "data-a": "intr",
     onClick: () => {
       o.get().sdkInDesktopView ? r.current?.scrollTo({
@@ -2524,7 +2532,7 @@ const ct = {
   qe(o, {
     enabled: g,
     event: "click",
-    listener: Ue
+    listener: Pe
   });
   const I = z(() => ({
     sdk: e,
@@ -2585,13 +2593,13 @@ const ct = {
       })]
     })
   });
-}, Oa = ({ event: e, topNavigation: s, theme: n, muted: a, withSidebarNotification: r = !0 }) => {
+}, Ma = ({ event: e, topNavigation: s, theme: n, muted: a, withSidebarNotification: r = !0 }) => {
   const { sdk: o, status: l } = f2(g2), c = a0(), d = r0(), { event: m } = f2(g2);
   if (l === v2.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
   return l === v2.CONNECTED ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: "wait" }) : o === null ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !c.app && !c.appNotification && !c.appSidebar || !c.app && !c.appSidebar && c.appNotification && !r ? null : /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(ye, { customTheme: n ?? d.theme, themeMode: d.themeMode, children: /* @__PURE__ */ t(da, { sdk: o, muted: a, event: m?.current || e, topNavigation: s }) }) });
 };
 export {
-  Ma as B,
-  Oa as D
+  za as B,
+  Ma as D
 };