@streamlayer/react 1.23.2 → 1.24.0

package/lib/classic/es/index2.js

@@ -1,2468 +1,2125 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { useState, useEffect, useRef, useCallback, Component, createElement, PureComponent, lazy, useMemo, Suspense, forwardRef, useLayoutEffect, useContext } from "react";
-import { i as i$g, F as F$5, z as z$5, Y } from "./hooks-WfHlJH12.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { p as atom, I as InvitationFrom, l as global, S as SdkOverlayType, e as Code, q as createContextKey, Q as QuestionType, a as QuestionImages } from "./useStreamLayerApp2.js";
-import { m as m$e, h as h$3 } from "./index7.js";
-import { u as useStore, A as A$6, s as styled_default, b as useTransition, c as cx_default, a as NotificationType } from "./sl-types.js";
-import { l as l$f, S as S$3, m as m$d, d as d$9, n as n$f, C as C$4, a as S$4, b as a$d, f as f$c, p as p$i, c as c$d } from "./index13.js";
-import { F as FeatureStatus, c as createLogger } from "./feature.js";
-import i$e from "lodash.throttle";
-import { f as f$a, c as f$b, b as b$6, A as A$7 } from "./analytics.js";
-import { O as O$1, p as p$h, h as ht, y as y$2, e as e$l } from "./Question.js";
-import { i as i$f } from "./index8.js";
-import { I as I$a, s as s$7, b as b$5, e as e$k } from "./index12.js";
-import { createPortal } from "react-dom";
-import { u as u$5 } from "./utils.js";
-import { B as B1 } from "./index4.js";
-import m$c from "react-infinite-scroller";
-import { r as r$e, S as S$2, R as R$3, D as D$3 } from "./notification2.js";
-import { w as wt, E as Et } from "./index9.js";
-import "./index6.js";
-import { e as eventBus } from "./index5.js";
-import { d as d$a } from "./index3.js";
-const createSingleStore = (initialData) => atom(initialData);
-const p$g = (t2) => {
-  const r2 = useStore(t2.getActiveFeature()), n2 = useStore(t2.streamStore()), [i2, u2] = useState(null);
-  return useEffect(() => {
-    const o2 = t2.getFeatures();
-    if (!r2)
-      u2(null);
+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 { 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 { 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 { 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 "uuid";
+import "@nanostores/query";
+import "./index5.js";
+import { e as n0 } from "./index4.js";
+import { p as i0 } from "./index3.js";
+import { i as g2, q as a0, _ as r0, j as v2 } from "./hooks-n9ax4LRT.js";
+const de = (e) => Be(e), o0 = (e) => {
+  const s = $(e.getActiveFeature()), n = $(e.streamStore()), [a, r] = w(null);
+  return y(() => {
+    const o = e.getFeatures();
+    if (!s)
+      r(null);
     else
-      for (const [s2, e2] of o2)
-        s2 === r2 ? (e2.status.get() === FeatureStatus.Suspended && e2.enable(), u2(e2)) : e2.status.get() === FeatureStatus.Ready && e2.disable();
+      for (const [l, c] of o)
+        l === s ? (c.status.get() === e2.Suspended && c.enable(), r(c)) : c.status.get() === e2.Ready && c.disable();
     return () => {
-      for (const [, s2] of o2)
-        s2.status.get() === FeatureStatus.Ready && s2.disable();
+      for (const [, l] of o)
+        l.status.get() === e2.Ready && l.disable();
     };
-  }, [r2, t2, n2]), [r2, i2];
-};
-const o$j = Object.keys(A$6), c$c = () => {
-  const t2 = window.innerWidth;
-  let e2 = "sm";
-  for (let n2 = o$j.length - 1; n2 > 0; n2--) {
-    const s2 = o$j[n2];
-    if (!(t2 < A$6[s2]) && t2 >= A$6[s2]) {
-      e2 = s2;
+  }, [s, e, n]), [s, a];
+}, I2 = Object.keys(O), $2 = () => {
+  const e = window.innerWidth;
+  let s = "sm";
+  for (let n = I2.length - 1; n > 0; n--) {
+    const a = I2[n];
+    if (!(e < O[a]) && e >= O[a]) {
+      s = a;
       break;
     }
   }
   return {
-    name: e2,
-    size: A$6[e2]
+    name: s,
+    size: O[s]
   };
-}, d$8 = (t2) => {
-  var e2;
-  return (((e2 = t2.current) == null ? void 0 : e2.getBoundingClientRect().y) || 0) < -68;
-}, w$4 = () => window.matchMedia("(orientation: landscape)").matches, h$2 = (t2) => {
-  const [e2] = useState(() => f$a({
-    screen: c$c(),
-    sdkInView: d$8(t2),
-    sdkInDesktopView: w$4()
+}, b2 = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, t2 = () => window.matchMedia("(orientation: landscape)").matches, l0 = (e) => {
+  const [s] = w(() => ne({
+    screen: $2(),
+    sdkInView: b2(e),
+    sdkInDesktopView: t2()
   }));
-  return useEffect(() => {
-    const n2 = i$e(() => {
-      e2.setKey("sdkInView", d$8(t2));
-    }, 200), s2 = i$e(() => {
-      const k2 = c$c();
-      e2.setKey("screen", k2), e2.setKey("sdkInDesktopView", w$4());
+  return y(() => {
+    const n = l2(() => {
+      s.setKey("sdkInView", b2(e));
+    }, 200), a = l2(() => {
+      const r = $2();
+      s.setKey("screen", r), s.setKey("sdkInDesktopView", t2());
     }, 200);
-    return window.addEventListener("scroll", n2), window.addEventListener("resize", s2), () => {
-      window.removeEventListener("scroll", n2), window.removeEventListener("resize", s2);
+    return window.addEventListener("scroll", n), window.addEventListener("resize", a), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", a);
     };
-  }, [e2, t2]), [e2];
-};
-const I$9 = (o2, e2, n2) => {
-  const t2 = e2 >= A$6.lg && e2 < A$6.xl ? 75 : 52;
-  o2.current && window.scrollTo({
-    top: o2.current.offsetTop - t2,
-    ...n2
+  }, [s, e]), [s];
+}, m2 = (e, s, n) => {
+  const a = s >= O.lg && s < O.xl ? 75 : 52;
+  e.current && window.scrollTo({
+    top: e.current.offsetTop - a,
+    ...n
   });
-}, T$4 = 15, L$1 = (o2, e2) => {
-  const n2 = useRef(null), t2 = useRef(0), [s2] = useState(
-    f$a({
+}, c0 = 15, d0 = (e, s) => {
+  const n = E(null), a = E(0), [r] = w(
+    ne({
       scrollPosition: 0,
-      tabsShown: true,
+      tabsShown: !0,
       scrollDirection: "forward"
     })
-  ), d2 = useStore(e2);
-  return useEffect(() => {
-    const c2 = w$4() ? n2.current : window;
-    if (!c2)
+  ), o = $(s);
+  return y(() => {
+    const l = t2() ? n.current : window;
+    if (!l)
       return () => {
       };
-    const l2 = i$e((p2) => {
-      var f2;
-      const i2 = p2.target;
-      if (!i2)
+    const c = l2((d) => {
+      const m = d.target;
+      if (!m)
         return;
-      let r2 = 0;
-      w$4() ? r2 = i2.scrollTop : r2 = ((f2 = o2.current) == null ? void 0 : f2.getBoundingClientRect().y) || 0;
-      const w2 = t2.current - r2;
-      if (T$4 > Math.abs(w2))
+      let f = 0;
+      t2() ? f = m.scrollTop : f = e.current?.getBoundingClientRect().y || 0;
+      const u = a.current - f;
+      if (c0 > Math.abs(u))
         return;
-      const S2 = t2.current < r2 ? "forward" : "backward";
-      t2.current = r2, s2.set({
-        scrollPosition: Math.round(r2),
-        scrollDirection: S2,
-        tabsShown: s2.get().tabsShown
+      const p = a.current < f ? "forward" : "backward";
+      a.current = f, r.set({
+        scrollPosition: Math.round(f),
+        scrollDirection: p,
+        tabsShown: r.get().tabsShown
       });
     }, 200);
-    return c2.addEventListener("scroll", l2), () => {
-      c2.removeEventListener("scroll", l2);
+    return l.addEventListener("scroll", c), () => {
+      l.removeEventListener("scroll", c);
     };
-  }, [s2, o2, d2.screen]), [n2, s2];
-};
-const o$i = /* @__PURE__ */ styled_default("div")({
+  }, [r, e, o.screen]), [n, r];
+}, a2 = /* @__PURE__ */ i("div")({
   name: "LoadingContainer",
   class: "lclc0ej",
-  propsAsIs: false
-}), v$6 = ({
-  feature: n2,
-  sdk: a2,
-  children: s2,
-  className: r2,
-  noWait: d2
+  propsAsIs: !1
+}), p0 = ({
+  feature: e,
+  sdk: s,
+  children: n,
+  className: a,
+  noWait: r
 }) => {
-  const f2 = useStore(n2.status), t2 = useStore(a2.sdkStore.slStreamId);
-  if (!d2) {
-    if (t2 != null && t2.loading && !t2.data)
-      return /* @__PURE__ */ jsx(o$i, {
-        className: r2,
+  const o = $(e.status), l = $(s.sdkStore.slStreamId);
+  if (!r) {
+    if (l?.loading && !l.data)
+      return /* @__PURE__ */ t(a2, {
+        className: a,
         children: "Event is loading..."
       });
-    if (!(t2 != null && t2.data))
-      return /* @__PURE__ */ jsx(o$i, {
-        className: r2,
+    if (!l?.data)
+      return /* @__PURE__ */ t(a2, {
+        className: a,
         children: "Event is forbidden..."
       });
-    if (f2 !== FeatureStatus.Ready)
-      return /* @__PURE__ */ jsx(o$i, {
-        className: r2,
+    if (o !== e2.Ready)
+      return /* @__PURE__ */ t(a2, {
+        className: a,
         children: "Wait feature..."
       });
   }
-  return s2;
-};
-const n$e = /* @__PURE__ */ styled_default("div")({
+  return n;
+}, h0 = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1zy8a",
-  propsAsIs: false
-}), o$h = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), m0 = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "t1vih9p5",
-  propsAsIs: false
-}), t$g = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), u0 = /* @__PURE__ */ i("div")({
   name: "Indicator",
   class: "i1fbnvpb",
-  propsAsIs: false
-});
-const m$b = ({ indicator: i2, title: n2 }) => /* @__PURE__ */ jsxs(n$e, { children: [
-  /* @__PURE__ */ jsx(o$h, { children: n2 }),
-  /* @__PURE__ */ jsx(t$g, { children: i2 })
-] });
-const t$f = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), A2 = ({ indicator: e, title: s }) => /* @__PURE__ */ h(h0, { children: [
+  /* @__PURE__ */ t(m0, { children: s }),
+  /* @__PURE__ */ t(u0, { children: e })
+] }), f0 = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "ctmhwyc",
-  propsAsIs: false
-}), a$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), C0 = /* @__PURE__ */ i("div")({
   name: "Indicator",
   class: "i1jri200",
-  propsAsIs: false
-}), e$j = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), g0 = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "t8s05oq",
-  propsAsIs: false
-});
-const l$e = ({ indicator: r2, title: t2 }) => /* @__PURE__ */ jsxs(t$f, { children: [
-  /* @__PURE__ */ jsx(a$c, { children: r2 }),
-  /* @__PURE__ */ jsx(e$j, { children: t2 })
-] });
-const o$g = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Q = ({ indicator: e, title: s }) => /* @__PURE__ */ h(f0, { children: [
+  /* @__PURE__ */ t(C0, { children: e }),
+  /* @__PURE__ */ t(g0, { children: s })
+] }), v0 = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1yrpn9o",
-  propsAsIs: false
-}), n$d = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), I0 = /* @__PURE__ */ i("div")({
   name: "TopInfo",
   class: "t17fwahh",
-  propsAsIs: false
-}), e$i = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), $0 = /* @__PURE__ */ i("div")({
   name: "BottomInfo",
   class: "by6w7e9",
-  propsAsIs: false
-}), t$e = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), b0 = /* @__PURE__ */ i("div")({
   name: "User",
   class: "u1g7arbm",
-  propsAsIs: false
-}), r$d = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), A0 = /* @__PURE__ */ i("img")({
   name: "Avatar",
   class: "a1ldeata",
-  propsAsIs: false
-}), c$b = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), y0 = /* @__PURE__ */ i("div")({
   name: "UserInfo",
   class: "u10d4koz",
-  propsAsIs: false
-}), l$d = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), w0 = /* @__PURE__ */ i("div")({
   name: "UserName",
   class: "u1q6roj0",
-  propsAsIs: false
-}), p$f = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), L0 = /* @__PURE__ */ i("div")({
   name: "UserRating",
   class: "ui0m425",
-  propsAsIs: false
-}), i$d = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), k0 = /* @__PURE__ */ i("img")({
   name: "TrophyIcon",
   class: "t1el3mrn",
-  propsAsIs: false
-}), m$a = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), _0 = /* @__PURE__ */ i("div")({
   name: "RtsContainer",
   class: "r2vgnxv",
-  propsAsIs: false
-}), d$7 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), N0 = /* @__PURE__ */ i("div")({
   name: "RtsDivider",
   class: "roqn06j",
-  propsAsIs: false
-}), f$9 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), S0 = /* @__PURE__ */ i("div")({
   name: "Rts",
   class: "r15adx7c",
-  propsAsIs: false
-}), I$8 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), y2 = /* @__PURE__ */ i("div")({
   name: "RtsIndicator",
   class: "rv59lta",
-  propsAsIs: false
-}), v$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), w2 = /* @__PURE__ */ i("div")({
   name: "RtsLabel",
   class: "r55lotb",
-  propsAsIs: false
-}), A$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), T0 = /* @__PURE__ */ i("div")({
   name: "Divider",
   class: "d1knfgqt",
-  propsAsIs: false
-}), R$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), x0 = /* @__PURE__ */ i("div")({
   name: "Ranks",
   class: "r1mqo824",
-  propsAsIs: false
-}), U$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), R0 = /* @__PURE__ */ i("div")({
   name: "Statistics",
   class: "sxareh6",
-  propsAsIs: false
-}), u$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), E0 = /* @__PURE__ */ i("div")({
   name: "AvatarPlaceholder",
   class: "amcu48h",
-  propsAsIs: false
-}), h$1 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), V0 = /* @__PURE__ */ i("button")({
   name: "UserAccountBtn",
   class: "u32nfkp",
-  propsAsIs: false
-});
-const F$4 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", z$4 = ({
-  loading: t2,
-  hideFriendsRank: n2,
-  avatar: l2,
-  name: o2,
-  points: s2,
-  friendsRank: m2,
-  rank: C2,
-  streak: p2,
-  correct: f2,
-  incorrect: v2,
-  inTop: L2,
-  successRate: g2
-}) => /* @__PURE__ */ jsxs(o$g, { "data-loading": t2, children: [
-  /* @__PURE__ */ jsx(n$d, { children: /* @__PURE__ */ jsx(i$f, { loading: t2, children: /* @__PURE__ */ jsxs(t$e, { children: [
-    /* @__PURE__ */ jsxs(h$1, { children: [
-      l2 && /* @__PURE__ */ jsx(r$d, { alt: "avatar", src: l2 }),
-      !l2 && /* @__PURE__ */ jsx(u$4, { children: I$a(o2 || "") })
+  propsAsIs: !1
+}), H0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", pe = ({
+  loading: e,
+  hideFriendsRank: s,
+  avatar: n,
+  name: a,
+  points: r,
+  friendsRank: o,
+  rank: l,
+  streak: c,
+  correct: d,
+  incorrect: m,
+  inTop: f,
+  successRate: u
+}) => /* @__PURE__ */ h(v0, { "data-loading": e, children: [
+  /* @__PURE__ */ t(I0, { children: /* @__PURE__ */ t(M, { loading: e, children: /* @__PURE__ */ h(b0, { children: [
+    /* @__PURE__ */ h(V0, { children: [
+      n && /* @__PURE__ */ t(A0, { alt: "avatar", src: n }),
+      !n && /* @__PURE__ */ t(E0, { children: h2(a || "") })
     ] }),
-    /* @__PURE__ */ jsxs(c$b, { children: [
-      /* @__PURE__ */ jsx(l$d, { children: o2 }),
-      /* @__PURE__ */ jsxs(p$f, { children: [
-        /* @__PURE__ */ jsxs(m$a, { children: [
-          /* @__PURE__ */ jsxs(f$9, { children: [
-            /* @__PURE__ */ jsx(i$d, { alt: "rank-icon", src: F$4 }),
-            /* @__PURE__ */ jsxs(I$8, { children: [
-              s$7(s2),
-              /* @__PURE__ */ jsx(v$5, { children: "PTS" })
+    /* @__PURE__ */ h(y0, { children: [
+      /* @__PURE__ */ t(w0, { children: a }),
+      /* @__PURE__ */ h(L0, { children: [
+        /* @__PURE__ */ h(_0, { children: [
+          /* @__PURE__ */ h(S0, { children: [
+            /* @__PURE__ */ t(k0, { alt: "rank-icon", src: H0 }),
+            /* @__PURE__ */ h(y2, { children: [
+              ae(r),
+              /* @__PURE__ */ t(w2, { children: "PTS" })
             ] })
           ] }),
-          n2 && /* @__PURE__ */ jsxs(I$8, { children: [
-            /* @__PURE__ */ jsx(d$7, {}),
-            C2 || 0,
-            /* @__PURE__ */ jsx(v$5, { children: "global rank" })
+          s && /* @__PURE__ */ h(y2, { children: [
+            /* @__PURE__ */ t(N0, {}),
+            l || 0,
+            /* @__PURE__ */ t(w2, { children: "global rank" })
           ] })
         ] }),
-        !n2 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(A$5, {}),
-          /* @__PURE__ */ jsxs("div", { children: [
+        !s && /* @__PURE__ */ h(S, { children: [
+          /* @__PURE__ */ t(T0, {}),
+          /* @__PURE__ */ h("div", { children: [
             "TOP ",
-            L2 || 0,
+            f || 0,
             "%"
           ] })
         ] })
       ] })
     ] })
   ] }) }) }),
-  /* @__PURE__ */ jsxs(e$i, { children: [
-    !n2 && /* @__PURE__ */ jsxs(R$2, { children: [
-      /* @__PURE__ */ jsx(i$f, { loading: t2, style: { width: "100%" }, children: /* @__PURE__ */ jsx(m$b, { indicator: m2 || 0, title: "Friends rank" }) }),
-      /* @__PURE__ */ jsx(i$f, { loading: t2, style: { width: "100%" }, children: /* @__PURE__ */ jsx(m$b, { indicator: C2 || 0, title: "Global rank" }) })
+  /* @__PURE__ */ h($0, { children: [
+    !s && /* @__PURE__ */ h(x0, { children: [
+      /* @__PURE__ */ t(M, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ t(A2, { indicator: o || 0, title: "Friends rank" }) }),
+      /* @__PURE__ */ t(M, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ t(A2, { indicator: l || 0, title: "Global rank" }) })
     ] }),
-    /* @__PURE__ */ jsx(i$f, { loading: t2, children: /* @__PURE__ */ jsxs(U$2, { children: [
-      /* @__PURE__ */ jsx(l$e, { indicator: p2 || 0, title: "Win streak" }),
-      /* @__PURE__ */ jsx(l$e, { indicator: f2 || 0, title: "Correct" }),
-      /* @__PURE__ */ jsx(l$e, { indicator: v2 || 0, title: "Incorrect" }),
-      /* @__PURE__ */ jsx(l$e, { indicator: `${g2 || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ t(M, { loading: e, children: /* @__PURE__ */ h(R0, { children: [
+      /* @__PURE__ */ t(Q, { indicator: c || 0, title: "Win streak" }),
+      /* @__PURE__ */ t(Q, { indicator: d || 0, title: "Correct" }),
+      /* @__PURE__ */ t(Q, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ t(Q, { indicator: `${u || 0}%`, title: "Succ. rate" })
     ] }) })
   ] })
-] });
-const S$1 = /* @__PURE__ */ styled_default("div")({
+] }), z0 = /* @__PURE__ */ i("div")({
   name: "StaticContainer",
   class: "svm502q",
-  propsAsIs: false
-}), C$3 = `
+  propsAsIs: !1
+}), M0 = `
   .sl-pill-button {
     display: none !important;
   }
-`, p$e = () => window.innerWidth >= A$6.md && window.innerWidth < A$6.lg ? 76 : 53, m$9 = (e2) => {
-  var n2;
-  const t2 = p$e();
-  return Math.round((((n2 = e2.current) == null ? void 0 : n2.getBoundingClientRect().y) || 0) - t2) <= 0;
-}, T$3 = ({
-  children: e2,
-  container: t2,
-  useContainer: n2,
-  staticStyles: w2
+`, he = () => window.innerWidth >= O.md && window.innerWidth < O.lg ? 76 : 53, L2 = (e) => {
+  const s = he();
+  return Math.round((e.current?.getBoundingClientRect().y || 0) - s) <= 0;
+}, me = ({
+  children: e,
+  container: s,
+  useContainer: n,
+  staticStyles: a
 }) => {
-  const [s2] = useState(() => m$9(t2)), [r2, i2] = useState(false);
-  return useEffect(() => {
-    if (!t2.current || !s2)
-      return i2(true), () => {
+  const [r] = w(() => L2(s)), [o, l] = w(!1);
+  return y(() => {
+    if (!s.current || !r)
+      return l(!0), () => {
       };
-    const o2 = window.scrollY;
-    return i2(true), () => {
-      m$9(t2) && window.scrollTo({
-        top: o2,
+    const c = window.scrollY;
+    return l(!0), () => {
+      L2(s) && window.scrollTo({
+        top: c,
         behavior: "instant"
       });
     };
-  }, []), useEffect(() => {
-    if (r2 && t2.current && s2) {
-      const o2 = p$e();
+  }, []), y(() => {
+    if (o && s.current && r) {
+      const c = he();
       window.scrollTo({
-        top: t2.current.offsetTop - o2,
+        top: s.current.offsetTop - c,
         behavior: "instant"
       });
     }
-  }, [r2]), !t2.current || !r2 ? null : n2 ? createPortal(/* @__PURE__ */ jsxs(S$1, {
+  }, [o]), !s.current || !o ? null : n ? s2(/* @__PURE__ */ h(z0, {
     className: "StaticContainer",
-    children: [e2, /* @__PURE__ */ jsx("style", {
-      children: u$5
-    }), /* @__PURE__ */ jsx("style", {
-      children: C$3
+    children: [e, /* @__PURE__ */ t("style", {
+      children: Ge
+    }), /* @__PURE__ */ t("style", {
+      children: M0
     })]
-  }), t2.current, "modal-node") : createPortal(/* @__PURE__ */ jsxs(Fragment, {
-    children: [e2, /* @__PURE__ */ jsx("style", {
-      children: w2
+  }), s.current, "modal-node") : s2(/* @__PURE__ */ h(S, {
+    children: [e, /* @__PURE__ */ t("style", {
+      children: a
     })]
-  }), t2.current, "modal-node");
-};
-const t$d = /* @__PURE__ */ styled_default("div")({
+  }), s.current, "modal-node");
+}, O0 = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c115qtkr",
-  propsAsIs: false
-}), n$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), D0 = /* @__PURE__ */ i("div")({
   name: "STabs",
   class: "sxnslc8",
-  propsAsIs: false
-}), o$f = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), F0 = /* @__PURE__ */ i("button")({
   name: "Button",
   class: "b1umzux0",
-  propsAsIs: false
-}), e$h = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), B0 = /* @__PURE__ */ i("span")({
   name: "Title",
   class: "tspsaas",
-  propsAsIs: false
+  propsAsIs: !1
 });
-var m$8 = /* @__PURE__ */ ((r2) => (r2.HOME = "home", r2.LEADERBOARD = "leaderboard", r2))(m$8 || {});
-const o$e = ({ title: r2, active: e2, onClick: n2 }) => /* @__PURE__ */ jsx(o$f, { "data-a": "intr", onClick: n2, "data-selected": e2, children: /* @__PURE__ */ jsx(e$h, { "data-a": "intr", children: r2 }) }), b$4 = ({ activePage: r2 = "home", toggleActivePage: e2 }) => /* @__PURE__ */ jsx(t$d, { children: /* @__PURE__ */ jsxs(n$c, { "data-position": r2 === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ jsx(o$e, { title: "Home", active: r2 === "home", onClick: () => e2(
+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(
     "home"
     /* HOME */
   ) }),
-  /* @__PURE__ */ jsx(
-    o$e,
+  /* @__PURE__ */ t(
+    k2,
     {
       title: "Friends",
-      active: r2 === "leaderboard",
-      onClick: () => e2(
+      active: e === "leaderboard",
+      onClick: () => s(
         "leaderboard"
         /* LEADERBOARD */
       )
     }
   )
-] }) });
-const n$b = /* @__PURE__ */ styled_default("button")({
+] }) }), U0 = /* @__PURE__ */ i("button")({
   name: "Container",
   class: "cpjnajb",
-  propsAsIs: false
-}), a$b = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), j0 = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c4m6kaz",
-  propsAsIs: false
-}), e$g = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), P0 = /* @__PURE__ */ i("span")({
   name: "Title",
   class: "t1h8t9cc",
-  propsAsIs: false
-});
-const s$6 = () => /* @__PURE__ */ jsx(n$b, { children: /* @__PURE__ */ jsxs(a$b, { children: [
-  /* @__PURE__ */ jsx(B1, { name: "iconCopySuccess" }),
-  /* @__PURE__ */ jsx(e$g, { children: "Link Copied to Clipboard" })
-] }) });
-const T$2 = (r2) => {
-  const t2 = useRef(), [c2, o2] = useState(null), a2 = useCallback(
-    async (e2) => {
-      var i2;
-      if (e2 && ((i2 = navigator == null ? void 0 : navigator.clipboard) != null && i2.writeText)) {
-        t2.current && (clearTimeout(t2.current), o2(null));
+  propsAsIs: !1
+}), W0 = () => /* @__PURE__ */ t(U0, { children: /* @__PURE__ */ h(j0, { children: [
+  /* @__PURE__ */ t(k, { name: "iconCopySuccess" }),
+  /* @__PURE__ */ t(P0, { children: "Link Copied to Clipboard" })
+] }) }), ue = (e) => {
+  const s = E(), [n, a] = w(null), r = q(
+    async (o) => {
+      if (o && navigator?.clipboard?.writeText) {
+        s.current && (clearTimeout(s.current), a(null));
         try {
-          await navigator.clipboard.writeText(e2), r2.current && (o2(createPortal(/* @__PURE__ */ jsx(s$6, {}), r2.current)), t2.current = setTimeout(() => {
-            o2(null);
+          await navigator.clipboard.writeText(o), e.current && (a(s2(/* @__PURE__ */ t(W0, {}), e.current)), s.current = setTimeout(() => {
+            a(null);
           }, 1e3));
-        } catch (n2) {
-          console.error("Unable to copy to clipboard", n2);
+        } catch (l) {
+          console.error("Unable to copy to clipboard", l);
         }
       }
     },
-    [r2]
+    [e]
   );
-  return useEffect(() => () => {
-    clearTimeout(t2.current);
-  }, []), [a2, c2];
-};
-const r$c = /* @__PURE__ */ styled_default("div")({
+  return y(() => () => {
+    clearTimeout(s.current);
+  }, []), [r, n];
+}, Z0 = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1ux29ft",
-  propsAsIs: false
-}), o$d = () => B1, a$a = /* @__PURE__ */ styled_default(o$d())({
+  propsAsIs: !1
+}), G0 = () => k, Q0 = /* @__PURE__ */ i(G0())({
   name: "FriendsIcon",
   class: "f10ncfg2",
-  propsAsIs: true
-}), p$d = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), K0 = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1yc07bd",
-  propsAsIs: false
-}), i$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Y0 = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "tj6cq7w",
-  propsAsIs: false
-}), l$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), J0 = /* @__PURE__ */ i("div")({
   name: "Description",
   class: "d1ag78xo",
-  propsAsIs: false
-}), e$f = () => B1, I$7 = /* @__PURE__ */ styled_default(e$f())({
+  propsAsIs: !1
+}), X0 = () => k, es = /* @__PURE__ */ i(X0())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
-  propsAsIs: true
-});
-const C$2 = ({ title: o2, description: t2, onClick: r2, className: e2 }) => {
-  const [c2] = f$b({
+  propsAsIs: !0
+}), ss = ({ title: e, description: s, onClick: n, className: a }) => {
+  const [r] = ie({
     type: "invitation",
     action: "sent",
     payload: {
-      from: InvitationFrom.TITLE_CARD
+      from: le.TITLE_CARD
     }
   });
-  return /* @__PURE__ */ jsxs(r$c, { "data-a": "intr", onClick: c2(r2), className: e2, children: [
-    /* @__PURE__ */ jsx(a$a, { name: "icon-friends" }),
-    /* @__PURE__ */ jsxs(p$d, { children: [
-      /* @__PURE__ */ jsx(i$c, { children: o2 }),
-      /* @__PURE__ */ jsx(l$c, { children: t2 })
+  return /* @__PURE__ */ h(Z0, { "data-a": "intr", onClick: r(n), className: a, children: [
+    /* @__PURE__ */ t(Q0, { name: "icon-friends" }),
+    /* @__PURE__ */ h(K0, { children: [
+      /* @__PURE__ */ t(Y0, { children: e }),
+      /* @__PURE__ */ t(J0, { children: s })
     ] }),
-    /* @__PURE__ */ jsx(I$7, { name: "icon-copy" })
+    /* @__PURE__ */ t(es, { name: "icon-copy" })
   ] });
 };
-let windowObject;
-if (typeof window !== "undefined") {
-  windowObject = window;
-} else if (typeof self !== "undefined") {
-  windowObject = self;
-} else {
-  windowObject = global;
-}
-let cancelFrame = null;
-let requestFrame = null;
-const TIMEOUT_DURATION = 20;
-const clearTimeoutFn = windowObject.clearTimeout;
-const setTimeoutFn = windowObject.setTimeout;
-const cancelAnimationFrameFn = windowObject.cancelAnimationFrame || windowObject.mozCancelAnimationFrame || windowObject.webkitCancelAnimationFrame;
-const requestAnimationFrameFn = windowObject.requestAnimationFrame || windowObject.mozRequestAnimationFrame || windowObject.webkitRequestAnimationFrame;
-if (cancelAnimationFrameFn == null || requestAnimationFrameFn == null) {
-  cancelFrame = clearTimeoutFn;
-  requestFrame = function requestAnimationFrameViaSetTimeout(callback) {
-    return setTimeoutFn(callback, TIMEOUT_DURATION);
-  };
-} else {
-  cancelFrame = function cancelFrame2([animationFrameID, timeoutID]) {
-    cancelAnimationFrameFn(animationFrameID);
-    clearTimeoutFn(timeoutID);
-  };
-  requestFrame = function requestAnimationFrameWithSetTimeoutFallback(callback) {
-    const animationFrameID = requestAnimationFrameFn(function animationFrameCallback() {
-      clearTimeoutFn(timeoutID);
-      callback();
-    });
-    const timeoutID = setTimeoutFn(function timeoutCallback() {
-      cancelAnimationFrameFn(animationFrameID);
-      callback();
-    }, TIMEOUT_DURATION);
-    return [animationFrameID, timeoutID];
-  };
-}
-function createDetectElementResize(nonce) {
-  let animationKeyframes;
-  let animationName;
-  let animationStartEvent;
-  let animationStyle;
-  let checkTriggers;
-  let resetTriggers;
-  let scrollListener;
-  const attachEvent = typeof document !== "undefined" && document.attachEvent;
-  if (!attachEvent) {
-    resetTriggers = function(element) {
-      const triggers = element.__resizeTriggers__, expand = triggers.firstElementChild, contract = triggers.lastElementChild, expandChild = expand.firstElementChild;
-      contract.scrollLeft = contract.scrollWidth;
-      contract.scrollTop = contract.scrollHeight;
-      expandChild.style.width = expand.offsetWidth + 1 + "px";
-      expandChild.style.height = expand.offsetHeight + 1 + "px";
-      expand.scrollLeft = expand.scrollWidth;
-      expand.scrollTop = expand.scrollHeight;
-    };
-    checkTriggers = function(element) {
-      return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
-    };
-    scrollListener = function(e2) {
-      if (e2.target.className && typeof e2.target.className.indexOf === "function" && e2.target.className.indexOf("contract-trigger") < 0 && e2.target.className.indexOf("expand-trigger") < 0) {
+let T;
+typeof window < "u" ? T = window : typeof self < "u" ? T = self : T = Qe;
+let c2 = null, d2 = null;
+const _2 = 20, r2 = T.clearTimeout, N2 = T.setTimeout, o2 = T.cancelAnimationFrame || T.mozCancelAnimationFrame || T.webkitCancelAnimationFrame, S2 = T.requestAnimationFrame || T.mozRequestAnimationFrame || T.webkitRequestAnimationFrame;
+o2 == null || S2 == null ? (c2 = r2, d2 = function(s) {
+  return N2(s, _2);
+}) : (c2 = function([s, n]) {
+  o2(s), r2(n);
+}, d2 = function(s) {
+  const n = S2(function() {
+    r2(a), s();
+  }), a = N2(function() {
+    o2(n), s();
+  }, _2);
+  return [n, a];
+});
+function ts(e) {
+  let s, n, a, r, o, l, c;
+  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;
+    }, o = function(A) {
+      return A.offsetWidth !== A.__resizeLast__.width || A.offsetHeight !== A.__resizeLast__.height;
+    }, c = function(A) {
+      if (A.target.className && typeof A.target.className.indexOf == "function" && A.target.className.indexOf("contract-trigger") < 0 && A.target.className.indexOf("expand-trigger") < 0)
         return;
-      }
-      const element = this;
-      resetTriggers(this);
-      if (this.__resizeRAF__) {
-        cancelFrame(this.__resizeRAF__);
-      }
-      this.__resizeRAF__ = requestFrame(function animationFrame() {
-        if (checkTriggers(element)) {
-          element.__resizeLast__.width = element.offsetWidth;
-          element.__resizeLast__.height = element.offsetHeight;
-          element.__resizeListeners__.forEach(function forEachResizeListener(fn) {
-            fn.call(element, e2);
-          });
-        }
+      const b = this;
+      l(this), this.__resizeRAF__ && c2(this.__resizeRAF__), this.__resizeRAF__ = d2(function() {
+        o(b) && (b.__resizeLast__.width = b.offsetWidth, b.__resizeLast__.height = b.offsetHeight, b.__resizeListeners__.forEach(function(x) {
+          x.call(b, A);
+        }));
       });
     };
-    let animation = false;
-    let keyframeprefix = "";
-    animationStartEvent = "animationstart";
-    const domPrefixes = "Webkit Moz O ms".split(" ");
-    let startEvents = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" ");
-    let pfx = "";
+    let p = !1, C = "";
+    a = "animationstart";
+    const g = "Webkit Moz O ms".split(" ");
+    let I = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
     {
-      const elm = document.createElement("fakeelement");
-      if (elm.style.animationName !== void 0) {
-        animation = true;
-      }
-      if (animation === false) {
-        for (let i2 = 0; i2 < domPrefixes.length; i2++) {
-          if (elm.style[domPrefixes[i2] + "AnimationName"] !== void 0) {
-            pfx = domPrefixes[i2];
-            keyframeprefix = "-" + pfx.toLowerCase() + "-";
-            animationStartEvent = startEvents[i2];
-            animation = true;
+      const A = document.createElement("fakeelement");
+      if (A.style.animationName !== void 0 && (p = !0), p === !1) {
+        for (let b = 0; b < g.length; b++)
+          if (A.style[g[b] + "AnimationName"] !== void 0) {
+            v = g[b], C = "-" + v.toLowerCase() + "-", a = I[b], p = !0;
             break;
           }
-        }
       }
     }
-    animationName = "resizeanim";
-    animationKeyframes = "@" + keyframeprefix + "keyframes " + animationName + " { from { opacity: 0; } to { opacity: 0; } } ";
-    animationStyle = keyframeprefix + "animation: 1ms " + animationName + "; ";
+    n = "resizeanim", s = "@" + C + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = C + "animation: 1ms " + n + "; ";
   }
-  const createStyles = function(doc) {
-    if (!doc.getElementById("detectElementResize")) {
-      const css = (animationKeyframes ? animationKeyframes : "") + ".resize-triggers { " + (animationStyle ? animationStyle : "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', head = doc.head || doc.getElementsByTagName("head")[0], style = doc.createElement("style");
-      style.id = "detectElementResize";
-      style.type = "text/css";
-      if (nonce != null) {
-        style.setAttribute("nonce", nonce);
-      }
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(doc.createTextNode(css));
-      }
-      head.appendChild(style);
+  const m = function(p) {
+    if (!p.getElementById("detectElementResize")) {
+      const C = (s || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = p.head || p.getElementsByTagName("head")[0], I = p.createElement("style");
+      I.id = "detectElementResize", I.type = "text/css", e != null && I.setAttribute("nonce", e), I.styleSheet ? I.styleSheet.cssText = C : I.appendChild(p.createTextNode(C)), g.appendChild(I);
     }
   };
-  const addResizeListener = function(element, fn) {
-    if (attachEvent) {
-      element.attachEvent("onresize", fn);
-    } else {
-      if (!element.__resizeTriggers__) {
-        const doc = element.ownerDocument;
-        const elementStyle = windowObject.getComputedStyle(element);
-        if (elementStyle && elementStyle.position === "static") {
-          element.style.position = "relative";
-        }
-        createStyles(doc);
-        element.__resizeLast__ = {};
-        element.__resizeListeners__ = [];
-        (element.__resizeTriggers__ = doc.createElement("div")).className = "resize-triggers";
-        const expandTrigger = doc.createElement("div");
-        expandTrigger.className = "expand-trigger";
-        expandTrigger.appendChild(doc.createElement("div"));
-        const contractTrigger = doc.createElement("div");
-        contractTrigger.className = "contract-trigger";
-        element.__resizeTriggers__.appendChild(expandTrigger);
-        element.__resizeTriggers__.appendChild(contractTrigger);
-        element.appendChild(element.__resizeTriggers__);
-        resetTriggers(element);
-        element.addEventListener("scroll", scrollListener, true);
-        if (animationStartEvent) {
-          element.__resizeTriggers__.__animationListener__ = function animationListener(e2) {
-            if (e2.animationName === animationName) {
-              resetTriggers(element);
-            }
-          };
-          element.__resizeTriggers__.addEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
+  return {
+    addResizeListener: function(p, C) {
+      if (d)
+        p.attachEvent("onresize", C);
+      else {
+        if (!p.__resizeTriggers__) {
+          const g = p.ownerDocument, I = T.getComputedStyle(p);
+          I && I.position === "static" && (p.style.position = "relative"), m(g), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = g.createElement("div")).className = "resize-triggers";
+          const v = g.createElement("div");
+          v.className = "expand-trigger", v.appendChild(g.createElement("div"));
+          const A = g.createElement("div");
+          A.className = "contract-trigger", p.__resizeTriggers__.appendChild(v), p.__resizeTriggers__.appendChild(A), p.appendChild(p.__resizeTriggers__), l(p), p.addEventListener("scroll", c, !0), a && (p.__resizeTriggers__.__animationListener__ = function(N) {
+            N.animationName === n && l(p);
+          }, p.__resizeTriggers__.addEventListener(a, p.__resizeTriggers__.__animationListener__));
         }
+        p.__resizeListeners__.push(C);
       }
-      element.__resizeListeners__.push(fn);
-    }
-  };
-  const removeResizeListener = function(element, fn) {
-    if (attachEvent) {
-      element.detachEvent("onresize", fn);
-    } else {
-      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-      if (!element.__resizeListeners__.length) {
-        element.removeEventListener("scroll", scrollListener, true);
-        if (element.__resizeTriggers__.__animationListener__) {
-          element.__resizeTriggers__.removeEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
-          element.__resizeTriggers__.__animationListener__ = null;
-        }
+    },
+    removeResizeListener: function(p, C) {
+      if (d)
+        p.detachEvent("onresize", C);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(C), 1), !p.__resizeListeners__.length) {
+        p.removeEventListener("scroll", c, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(a, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
         try {
-          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-        } catch (e2) {
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+        } catch {
         }
       }
     }
   };
-  return {
-    addResizeListener,
-    removeResizeListener
-  };
 }
-class AutoSizer extends Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
+class ns extends He {
+  constructor(...s) {
+    super(...s), this.state = {
       height: this.props.defaultHeight || 0,
       scaledHeight: this.props.defaultHeight || 0,
       scaledWidth: this.props.defaultWidth || 0,
       width: this.props.defaultWidth || 0
-    };
-    this._autoSizer = null;
-    this._detectElementResize = null;
-    this._parentNode = null;
-    this._resizeObserver = null;
-    this._timeoutId = null;
-    this._onResize = () => {
+    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
       this._timeoutId = null;
       const {
-        disableHeight,
-        disableWidth,
-        onResize
+        disableHeight: n,
+        disableWidth: a,
+        onResize: r
       } = this.props;
       if (this._parentNode) {
-        const style = window.getComputedStyle(this._parentNode) || {};
-        const paddingLeft = parseFloat(style.paddingLeft || "0");
-        const paddingRight = parseFloat(style.paddingRight || "0");
-        const paddingTop = parseFloat(style.paddingTop || "0");
-        const paddingBottom = parseFloat(style.paddingBottom || "0");
-        const rect = this._parentNode.getBoundingClientRect();
-        const scaledHeight = rect.height - paddingTop - paddingBottom;
-        const scaledWidth = rect.width - paddingLeft - paddingRight;
-        const height = this._parentNode.offsetHeight - paddingTop - paddingBottom;
-        const width = this._parentNode.offsetWidth - paddingLeft - paddingRight;
-        if (!disableHeight && (this.state.height !== height || this.state.scaledHeight !== scaledHeight) || !disableWidth && (this.state.width !== width || this.state.scaledWidth !== scaledWidth)) {
-          this.setState({
-            height,
-            width,
-            scaledHeight,
-            scaledWidth
-          });
-          if (typeof onResize === "function") {
-            onResize({
-              height,
-              scaledHeight,
-              scaledWidth,
-              width
-            });
-          }
-        }
+        const o = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(o.paddingLeft || "0"), c = parseFloat(o.paddingRight || "0"), d = parseFloat(o.paddingTop || "0"), m = parseFloat(o.paddingBottom || "0"), f = this._parentNode.getBoundingClientRect(), u = f.height - d - m, p = f.width - l - c, C = this._parentNode.offsetHeight - d - m, g = this._parentNode.offsetWidth - l - c;
+        (!n && (this.state.height !== C || this.state.scaledHeight !== u) || !a && (this.state.width !== g || this.state.scaledWidth !== p)) && (this.setState({
+          height: C,
+          width: g,
+          scaledHeight: u,
+          scaledWidth: p
+        }), typeof r == "function" && r({
+          height: C,
+          scaledHeight: u,
+          scaledWidth: p,
+          width: g
+        }));
       }
-    };
-    this._setRef = (autoSizer) => {
-      this._autoSizer = autoSizer;
+    }, this._setRef = (n) => {
+      this._autoSizer = n;
     };
   }
   componentDidMount() {
     const {
-      nonce
-    } = this.props;
-    const parentNode = this._autoSizer ? this._autoSizer.parentNode : null;
-    if (parentNode != null && parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
-      this._parentNode = parentNode;
-      const ResizeObserverInstance = parentNode.ownerDocument.defaultView.ResizeObserver;
-      if (ResizeObserverInstance != null) {
-        this._resizeObserver = new ResizeObserverInstance(() => {
-          this._timeoutId = setTimeout(this._onResize, 0);
-        });
-        this._resizeObserver.observe(parentNode);
-      } else {
-        this._detectElementResize = createDetectElementResize(nonce);
-        this._detectElementResize.addResizeListener(parentNode, this._onResize);
-      }
-      this._onResize();
+      nonce: s
+    } = this.props, n = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (n != null && n.ownerDocument && n.ownerDocument.defaultView && n instanceof n.ownerDocument.defaultView.HTMLElement) {
+      this._parentNode = n;
+      const a = n.ownerDocument.defaultView.ResizeObserver;
+      a != null ? (this._resizeObserver = new a(() => {
+        this._timeoutId = setTimeout(this._onResize, 0);
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = ts(s), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
-    if (this._parentNode) {
-      if (this._detectElementResize) {
-        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
-      }
-      if (this._timeoutId !== null) {
-        clearTimeout(this._timeoutId);
-      }
-      if (this._resizeObserver) {
-        this._resizeObserver.disconnect();
-      }
-    }
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
   }
   render() {
     const {
-      children,
-      defaultHeight,
-      defaultWidth,
-      disableHeight = false,
-      disableWidth = false,
-      doNotBailOutOnEmptyChildren = false,
-      nonce,
-      onResize,
-      style = {},
-      tagName = "div",
-      ...rest
-    } = this.props;
-    const {
-      height,
-      scaledHeight,
-      scaledWidth,
-      width
-    } = this.state;
-    const outerStyle = {
+      children: s,
+      defaultHeight: n,
+      defaultWidth: a,
+      disableHeight: r = !1,
+      disableWidth: o = !1,
+      doNotBailOutOnEmptyChildren: l = !1,
+      nonce: c,
+      onResize: d,
+      style: m = {},
+      tagName: f = "div",
+      ...u
+    } = this.props, {
+      height: p,
+      scaledHeight: C,
+      scaledWidth: g,
+      width: I
+    } = this.state, v = {
       overflow: "visible"
-    };
-    const childParams = {};
-    let bailoutOnChildren = false;
-    if (!disableHeight) {
-      if (height === 0) {
-        bailoutOnChildren = true;
-      }
-      outerStyle.height = 0;
-      childParams.height = height;
-      childParams.scaledHeight = scaledHeight;
-    }
-    if (!disableWidth) {
-      if (width === 0) {
-        bailoutOnChildren = true;
-      }
-      outerStyle.width = 0;
-      childParams.width = width;
-      childParams.scaledWidth = scaledWidth;
-    }
-    if (doNotBailOutOnEmptyChildren) {
-      bailoutOnChildren = false;
-    }
-    return createElement(tagName, {
+    }, A = {};
+    let b = !1;
+    return r || (p === 0 && (b = !0), v.height = 0, A.height = p, A.scaledHeight = C), o || (I === 0 && (b = !0), v.width = 0, A.width = I, A.scaledWidth = g), l && (b = !1), ze(f, {
       ref: this._setRef,
       style: {
-        ...outerStyle,
-        ...style
+        ...v,
+        ...m
       },
-      ...rest
-    }, !bailoutOnChildren && children(childParams));
+      ...u
+    }, !b && s(A));
   }
 }
-function isRangeVisible(_ref) {
-  var lastRenderedStartIndex = _ref.lastRenderedStartIndex, lastRenderedStopIndex = _ref.lastRenderedStopIndex, startIndex = _ref.startIndex, stopIndex = _ref.stopIndex;
-  return !(startIndex > lastRenderedStopIndex || stopIndex < lastRenderedStartIndex);
+function is(e) {
+  var s = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, a = e.startIndex, r = e.stopIndex;
+  return !(a > n || r < s);
 }
-function scanForUnloadedRanges(_ref) {
-  var isItemLoaded = _ref.isItemLoaded, itemCount = _ref.itemCount, minimumBatchSize = _ref.minimumBatchSize, startIndex = _ref.startIndex, stopIndex = _ref.stopIndex;
-  var unloadedRanges = [];
-  var rangeStartIndex = null;
-  var rangeStopIndex = null;
-  for (var _index = startIndex; _index <= stopIndex; _index++) {
-    var loaded = isItemLoaded(_index);
-    if (!loaded) {
-      rangeStopIndex = _index;
-      if (rangeStartIndex === null) {
-        rangeStartIndex = _index;
-      }
-    } else if (rangeStopIndex !== null) {
-      unloadedRanges.push(rangeStartIndex, rangeStopIndex);
-      rangeStartIndex = rangeStopIndex = null;
-    }
+function as(e) {
+  for (var s = e.isItemLoaded, n = e.itemCount, a = e.minimumBatchSize, r = e.startIndex, o = e.stopIndex, l = [], c = null, d = null, m = r; m <= o; m++) {
+    var f = s(m);
+    f ? d !== null && (l.push(c, d), c = d = null) : (d = m, c === null && (c = m));
   }
-  if (rangeStopIndex !== null) {
-    var potentialStopIndex = Math.min(Math.max(rangeStopIndex, rangeStartIndex + minimumBatchSize - 1), itemCount - 1);
-    for (var _index2 = rangeStopIndex + 1; _index2 <= potentialStopIndex; _index2++) {
-      if (!isItemLoaded(_index2)) {
-        rangeStopIndex = _index2;
-      } else {
-        break;
-      }
-    }
-    unloadedRanges.push(rangeStartIndex, rangeStopIndex);
+  if (d !== null) {
+    for (var u = Math.min(Math.max(d, c + a - 1), n - 1), p = d + 1; p <= u && !s(p); p++)
+      d = p;
+    l.push(c, d);
   }
-  if (unloadedRanges.length) {
-    while (unloadedRanges[1] - unloadedRanges[0] + 1 < minimumBatchSize && unloadedRanges[0] > 0) {
-      var _index3 = unloadedRanges[0] - 1;
-      if (!isItemLoaded(_index3)) {
-        unloadedRanges[0] = _index3;
-      } else {
+  if (l.length)
+    for (; l[1] - l[0] + 1 < a && l[0] > 0; ) {
+      var C = l[0] - 1;
+      if (!s(C))
+        l[0] = C;
+      else
         break;
-      }
     }
-  }
-  return unloadedRanges;
+  return l;
 }
-var classCallCheck = function(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
+var rs = function(e, s) {
+  if (!(e instanceof s))
     throw new TypeError("Cannot call a class as a function");
-  }
-};
-var createClass = /* @__PURE__ */ function() {
-  function defineProperties(target, props) {
-    for (var i2 = 0; i2 < props.length; i2++) {
-      var descriptor = props[i2];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+}, os = /* @__PURE__ */ (function() {
+  function e(s, n) {
+    for (var a = 0; a < n.length; a++) {
+      var r = n[a];
+      r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(s, r.key, r);
     }
   }
-  return function(Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
+  return function(s, n, a) {
+    return n && e(s.prototype, n), a && e(s, a), s;
   };
-}();
-var inherits = function(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
+})(), ls = function(e, s) {
+  if (typeof s != "function" && s !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof s);
+  e.prototype = Object.create(s && s.prototype, {
     constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
+      value: e,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
     }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-var possibleConstructorReturn = function(self2, call) {
-  if (!self2) {
+  }), s && (Object.setPrototypeOf ? Object.setPrototypeOf(e, s) : e.__proto__ = s);
+}, T2 = function(e, s) {
+  if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return call && (typeof call === "object" || typeof call === "function") ? call : self2;
+  return s && (typeof s == "object" || typeof s == "function") ? s : e;
 };
-(function(_PureComponent) {
-  inherits(InfiniteLoader2, _PureComponent);
-  function InfiniteLoader2() {
-    var _ref;
-    var _temp, _this, _ret;
-    classCallCheck(this, InfiniteLoader2);
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = InfiniteLoader2.__proto__ || Object.getPrototypeOf(InfiniteLoader2)).call.apply(_ref, [this].concat(args))), _this), _this._lastRenderedStartIndex = -1, _this._lastRenderedStopIndex = -1, _this._memoizedUnloadedRanges = [], _this._onItemsRendered = function(_ref2) {
-      var visibleStartIndex = _ref2.visibleStartIndex, visibleStopIndex = _ref2.visibleStopIndex;
-      _this._lastRenderedStartIndex = visibleStartIndex;
-      _this._lastRenderedStopIndex = visibleStopIndex;
-      _this._ensureRowsLoaded(visibleStartIndex, visibleStopIndex);
-    }, _this._setRef = function(listRef) {
-      _this._listRef = listRef;
-    }, _temp), possibleConstructorReturn(_this, _ret);
+(function(e) {
+  ls(s, e);
+  function s() {
+    var n, a, r, o;
+    rs(this, s);
+    for (var l = arguments.length, c = Array(l), d = 0; d < l; d++)
+      c[d] = arguments[d];
+    return o = (a = (r = T2(this, (n = s.__proto__ || Object.getPrototypeOf(s)).call.apply(n, [this].concat(c))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(m) {
+      var f = m.visibleStartIndex, u = m.visibleStopIndex;
+      r._lastRenderedStartIndex = f, r._lastRenderedStopIndex = u, r._ensureRowsLoaded(f, u);
+    }, r._setRef = function(m) {
+      r._listRef = m;
+    }, a), T2(r, o);
   }
-  createClass(InfiniteLoader2, [{
+  return os(s, [{
     key: "resetloadMoreItemsCache",
-    value: function resetloadMoreItemsCache() {
-      var autoReload = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-      this._memoizedUnloadedRanges = [];
-      if (autoReload) {
-        this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
-      }
+    value: function() {
+      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], a && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
-    value: function componentDidMount() {
+    value: function() {
     }
   }, {
     key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return children({
+    value: function() {
+      var a = this.props.children;
+      return a({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function _ensureRowsLoaded(startIndex, stopIndex) {
-      var _props = this.props, isItemLoaded = _props.isItemLoaded, itemCount = _props.itemCount, _props$minimumBatchSi = _props.minimumBatchSize, minimumBatchSize = _props$minimumBatchSi === void 0 ? 10 : _props$minimumBatchSi, _props$threshold = _props.threshold, threshold = _props$threshold === void 0 ? 15 : _props$threshold;
-      var unloadedRanges = scanForUnloadedRanges({
-        isItemLoaded,
-        itemCount,
-        minimumBatchSize,
-        startIndex: Math.max(0, startIndex - threshold),
-        stopIndex: Math.min(itemCount - 1, stopIndex + threshold)
+    value: function(a, r) {
+      var o = this.props, l = o.isItemLoaded, c = o.itemCount, d = o.minimumBatchSize, m = d === void 0 ? 10 : d, f = o.threshold, u = f === void 0 ? 15 : f, p = as({
+        isItemLoaded: l,
+        itemCount: c,
+        minimumBatchSize: m,
+        startIndex: Math.max(0, a - u),
+        stopIndex: Math.min(c - 1, r + u)
       });
-      if (this._memoizedUnloadedRanges.length !== unloadedRanges.length || this._memoizedUnloadedRanges.some(function(startOrStop, index) {
-        return unloadedRanges[index] !== startOrStop;
-      })) {
-        this._memoizedUnloadedRanges = unloadedRanges;
-        this._loadUnloadedRanges(unloadedRanges);
-      }
+      (this._memoizedUnloadedRanges.length !== p.length || this._memoizedUnloadedRanges.some(function(C, g) {
+        return p[g] !== C;
+      })) && (this._memoizedUnloadedRanges = p, this._loadUnloadedRanges(p));
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function _loadUnloadedRanges(unloadedRanges) {
-      var _this2 = this;
-      var loadMoreItems = this.props.loadMoreItems || this.props.loadMoreRows;
-      var _loop = function _loop2(i22) {
-        var startIndex = unloadedRanges[i22];
-        var stopIndex = unloadedRanges[i22 + 1];
-        var promise = loadMoreItems(startIndex, stopIndex);
-        if (promise != null) {
-          promise.then(function() {
-            if (isRangeVisible({
-              lastRenderedStartIndex: _this2._lastRenderedStartIndex,
-              lastRenderedStopIndex: _this2._lastRenderedStopIndex,
-              startIndex,
-              stopIndex
-            })) {
-              if (_this2._listRef == null) {
-                return;
-              }
-              if (typeof _this2._listRef.resetAfterIndex === "function") {
-                _this2._listRef.resetAfterIndex(startIndex, true);
-              } else {
-                if (typeof _this2._listRef._getItemStyleCache === "function") {
-                  _this2._listRef._getItemStyleCache(-1);
-                }
-                _this2._listRef.forceUpdate();
-              }
-            }
-          });
-        }
-      };
-      for (var i2 = 0; i2 < unloadedRanges.length; i2 += 2) {
-        _loop(i2);
-      }
+    value: function(a) {
+      for (var r = this, o = this.props.loadMoreItems || this.props.loadMoreRows, l = function(m) {
+        var f = a[m], u = a[m + 1], p = o(f, u);
+        p?.then(function() {
+          if (is({
+            lastRenderedStartIndex: r._lastRenderedStartIndex,
+            lastRenderedStopIndex: r._lastRenderedStopIndex,
+            startIndex: f,
+            stopIndex: u
+          })) {
+            if (r._listRef == null)
+              return;
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(f, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
+          }
+        });
+      }, c = 0; c < a.length; c += 2)
+        l(c);
     }
-  }]);
-  return InfiniteLoader2;
-})(PureComponent);
-const r$b = /* @__PURE__ */ styled_default("div")({
+  }]), s;
+})(Me);
+const cs = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "culdu4a",
-  propsAsIs: false
-}), t$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ds = /* @__PURE__ */ i("div")({
   name: "Position",
   class: "pwf8e69",
-  propsAsIs: false
-}), c$a = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), ps = /* @__PURE__ */ i("img")({
   name: "Avatar",
   class: "atf4yh4",
-  propsAsIs: false
-}), p$c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), hs = /* @__PURE__ */ i("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
-  propsAsIs: false
-}), l$b = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ms = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c10a68rc",
-  propsAsIs: false
-}), m$7 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), us = /* @__PURE__ */ i("div")({
   name: "NameContainer",
   class: "nc4kck5",
-  propsAsIs: false
-}), i$b = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), fs = /* @__PURE__ */ i("span")({
   name: "Name",
   class: "njsrqgr",
-  propsAsIs: false
-}), e$e = () => B1, d$6 = /* @__PURE__ */ styled_default(e$e())({
+  propsAsIs: !1
+}), Cs = () => k, gs = /* @__PURE__ */ i(Cs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
-  propsAsIs: true
-});
-const N$1 = ({
-  friendsRank: i2,
-  avatar: a2,
-  name: t2,
-  userId: n2,
-  points: o2,
-  isCurrentUser: d2,
-  style: m2
-}) => /* @__PURE__ */ jsxs(r$b, { "data-name": n2, style: m2, children: [
-  /* @__PURE__ */ jsx(t$c, { children: i2 || 0 }),
-  /* @__PURE__ */ jsxs(l$b, { children: [
-    a2 ? /* @__PURE__ */ jsx(c$a, { alt: "leaderboard-item-avatar", src: a2 }) : /* @__PURE__ */ jsx(p$c, { children: I$a(t2 || "") }),
-    /* @__PURE__ */ jsxs(m$7, { children: [
-      /* @__PURE__ */ jsx(i$b, { children: t2 || "" }),
-      d2 && /* @__PURE__ */ jsx(d$6, { name: "icon-star" })
+  propsAsIs: !0
+}), vs = ({
+  friendsRank: e,
+  avatar: s,
+  name: n,
+  userId: a,
+  points: r,
+  isCurrentUser: o,
+  style: l
+}) => /* @__PURE__ */ h(cs, { "data-name": a, style: l, children: [
+  /* @__PURE__ */ t(ds, { children: e || 0 }),
+  /* @__PURE__ */ h(ms, { children: [
+    s ? /* @__PURE__ */ t(ps, { alt: "leaderboard-item-avatar", src: s }) : /* @__PURE__ */ t(hs, { children: h2(n || "") }),
+    /* @__PURE__ */ h(us, { children: [
+      /* @__PURE__ */ t(fs, { children: n || "" }),
+      o && /* @__PURE__ */ t(gs, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ jsx("div", { children: s$7(o2) })
-] });
-const u$3 = /* @__PURE__ */ styled_default("div")({
+  /* @__PURE__ */ t("div", { children: ae(r) })
+] }), Is = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c16btbfp",
-  propsAsIs: false
-}), S = ({
-  items: s2,
-  currentUserId: e2,
-  openItemDetail: o2,
-  fetchMore: n2,
-  scrollNode: i2,
-  hasMore: d2
+  propsAsIs: !1
+}), $s = ({
+  items: e,
+  currentUserId: s,
+  openItemDetail: n,
+  fetchMore: a,
+  scrollNode: r,
+  hasMore: o
 }) => {
-  const l2 = useCallback((r2) => {
-    const a2 = r2.target.getAttribute("data-name");
-    a2 && o2(a2);
-  }, [o2]);
-  return /* @__PURE__ */ jsx(m$c, {
-    loadMore: n2,
-    initialLoad: false,
-    hasMore: d2,
-    useWindow: false,
-    getScrollParent: () => i2.current,
-    children: /* @__PURE__ */ jsx(u$3, {
+  const l = q((c) => {
+    const d = c.target.getAttribute("data-name");
+    d && n(d);
+  }, [n]);
+  return /* @__PURE__ */ t(Ye, {
+    loadMore: a,
+    initialLoad: !1,
+    hasMore: o,
+    useWindow: !1,
+    getScrollParent: () => r.current,
+    children: /* @__PURE__ */ t(Is, {
       "data-a": "intr",
-      onClick: l2,
-      children: s2.map((r2) => /* @__PURE__ */ jsx(N$1, {
-        ...r2,
-        isCurrentUser: !!e2 && e2 === r2.userId
-      }, r2.userId))
+      onClick: l,
+      children: e.map((c) => /* @__PURE__ */ t(vs, {
+        ...c,
+        isCurrentUser: !!s && s === c.userId
+      }, c.userId))
     })
   });
-};
-const i$a = /* @__PURE__ */ styled_default("div")({
+}, bs = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1itm4k7",
-  propsAsIs: false
-}), c$9 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), As = /* @__PURE__ */ i("div")({
   name: "IconContainer",
   class: "i1w4fsni",
-  propsAsIs: false
-}), e$d = () => B1, l$a = /* @__PURE__ */ styled_default(e$d())({
+  propsAsIs: !1
+}), ys = () => k, ws = /* @__PURE__ */ i(ys())({
   name: "InviteGameIcon",
   class: "i19m85r1",
-  propsAsIs: true
-}), p$b = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Ls = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1mbu204",
-  propsAsIs: false
-}), r$a = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ks = /* @__PURE__ */ i("div")({
   name: "Heading",
   class: "h1amdqtv",
-  propsAsIs: false
-}), m$6 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), _s = /* @__PURE__ */ i("div")({
   name: "Subtext",
   class: "s1lhlj9j",
-  propsAsIs: false
-}), I$6 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Ns = /* @__PURE__ */ i("div")({
   name: "LinkContainer",
   class: "l1wot35e",
-  propsAsIs: false
-}), d$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Ss = /* @__PURE__ */ i("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
-  propsAsIs: false
-}), f$8 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), Ts = /* @__PURE__ */ i("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
-  propsAsIs: false
-}), v$4 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), xs = /* @__PURE__ */ i("span")({
   name: "LinkAddress",
   class: "lvi87q4",
-  propsAsIs: false
-}), o$c = () => B1, A$4 = /* @__PURE__ */ styled_default(o$c())({
+  propsAsIs: !1
+}), Rs = () => k, Es = /* @__PURE__ */ i(Rs())({
   name: "LinkIcon",
   class: "l1pqlvw3",
-  propsAsIs: true
-});
-const M$1 = ({
-  inviteLink: i2,
-  inviteCardTitle: e2,
-  inviteCardSubtext: t2,
-  primaryColor: c2,
-  className: a2
+  propsAsIs: !0
+}), fe = ({
+  inviteLink: e,
+  inviteCardTitle: s,
+  inviteCardSubtext: n,
+  primaryColor: a,
+  className: r
 }) => {
-  const r2 = useRef(null), [l2, d2] = T$2(r2), [m2] = f$b({
+  const o = E(null), [l, c] = ue(o), [d] = ie({
     type: "invitation",
     action: "sent",
     payload: {
-      from: InvitationFrom.MENU
+      from: le.MENU
     }
   });
-  return /* @__PURE__ */ jsxs(i$a, { className: a2, children: [
-    /* @__PURE__ */ jsx(c$9, { style: { backgroundColor: c2 }, children: /* @__PURE__ */ jsx(l$a, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ jsxs(p$b, { children: [
-      /* @__PURE__ */ jsx(r$a, { children: e2 || "" }),
-      /* @__PURE__ */ jsx(m$6, { children: t2 || "" })
+  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__ */ t(_s, { children: n || "" })
     ] }),
-    i2 && /* @__PURE__ */ jsxs(I$6, { ref: r2, "data-a": "intr", onClick: m2(() => l2(i2)), children: [
-      /* @__PURE__ */ jsxs(d$5, { children: [
-        /* @__PURE__ */ jsx(f$8, { children: "Invite link" }),
-        /* @__PURE__ */ jsx(v$4, { children: i2 })
+    e && /* @__PURE__ */ h(Ns, { ref: o, "data-a": "intr", onClick: d(() => l(e)), children: [
+      /* @__PURE__ */ h(Ss, { children: [
+        /* @__PURE__ */ t(Ts, { children: "Invite link" }),
+        /* @__PURE__ */ t(xs, { children: e })
       ] }),
-      /* @__PURE__ */ jsx(A$4, { name: "icon-copy" })
+      /* @__PURE__ */ t(Es, { name: "icon-copy" })
     ] }),
-    d2
+    c
   ] });
-};
-const r$9 = /* @__PURE__ */ styled_default("div")({
+}, Vs = /* @__PURE__ */ i("div")({
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
-  propsAsIs: false
-}), a$9 = ({
-  deepLink: i2
-}) => /* @__PURE__ */ jsx(r$9, {
-  children: /* @__PURE__ */ jsx(M$1, {
-    inviteLink: i2,
+  propsAsIs: !1
+}), Hs = ({
+  deepLink: e
+}) => /* @__PURE__ */ t(Vs, {
+  children: /* @__PURE__ */ t(fe, {
+    inviteLink: e,
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-});
-const v$3 = /* @__PURE__ */ styled_default("div")({
+}), zs = /* @__PURE__ */ i("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
-  propsAsIs: false
-}), x$5 = ({
-  gamification: r2,
-  scrollNode: t2,
-  scrollStore: o2,
-  leaderboardList: i2
+  propsAsIs: !1
+}), Ms = ({
+  gamification: e,
+  scrollNode: s,
+  scrollStore: n,
+  leaderboardList: a
 }) => {
-  const s2 = useRef(null), {
-    data: d2,
-    hasMore: m2,
-    loading: a2,
-    key: l2
-  } = useStore(i2.$store), {
-    data: n2
-  } = useStore(r2.deepLink.$store), [c2, f2] = T$2(s2);
-  return !d2.length && !a2 ? /* @__PURE__ */ jsx(a$9, {
-    deepLink: n2
-  }) : /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(S, {
-      items: d2,
-      scrollNode: t2,
-      scrollStore: o2,
-      fetchMore: i2.fetchMore,
-      hasMore: m2,
-      openItemDetail: r2.openUser,
-      currentUserId: r2.currentUserId.get()
-    }, l2), n2 && /* @__PURE__ */ jsx(v$3, {
-      ref: s2,
-      children: /* @__PURE__ */ jsx(C$2, {
+  const r = E(null), {
+    data: o,
+    hasMore: l,
+    loading: c,
+    key: d
+  } = $(a.$store), {
+    data: m
+  } = $(e.deepLink.$store), [f, u] = ue(r);
+  return !o.length && !c ? /* @__PURE__ */ t(Hs, {
+    deepLink: m
+  }) : /* @__PURE__ */ h(S, {
+    children: [/* @__PURE__ */ t($s, {
+      items: o,
+      scrollNode: s,
+      scrollStore: n,
+      fetchMore: a.fetchMore,
+      hasMore: l,
+      openItemDetail: e.openUser,
+      currentUserId: e.currentUserId.get()
+    }, d), m && /* @__PURE__ */ t(zs, {
+      ref: r,
+      children: /* @__PURE__ */ t(ss, {
         "data-a": "intr",
-        onClick: () => c2(n2),
+        onClick: () => f(m),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
-    }), f2]
+    }), u]
   });
-}, E$1 = ({
-  gamification: r2,
-  scrollNode: t2,
-  scrollStore: o2
-}) => r2.leaderboardList ? /* @__PURE__ */ jsx(x$5, {
-  leaderboardList: r2.leaderboardList,
-  gamification: r2,
-  scrollNode: t2,
-  scrollStore: o2
-}) : null;
-const s$5 = () => r$e, i$9 = /* @__PURE__ */ styled_default(s$5())({
+}, Os = ({
+  gamification: e,
+  scrollNode: s,
+  scrollStore: n
+}) => e.leaderboardList ? /* @__PURE__ */ t(Ms, {
+  leaderboardList: e.leaderboardList,
+  gamification: e,
+  scrollNode: s,
+  scrollStore: n
+}) : null, Ds = () => ce, Fs = /* @__PURE__ */ i(Ds())({
   name: "Container",
   class: "cll3md7",
-  propsAsIs: true
-}), e$c = () => S$2, p$a = /* @__PURE__ */ styled_default(e$c())({
+  propsAsIs: !0
+}), Bs = () => Je, qs = /* @__PURE__ */ i(Bs())({
   name: "ActionBtn",
   class: "a10g1iik",
-  propsAsIs: true
-});
-const c$8 = ({ questionId: t2, ...r2 }) => /* @__PURE__ */ jsxs(i$9, { "data-a": "intr", "data-name": t2, children: [
-  /* @__PURE__ */ jsx(O$1, { questionId: t2, ...r2 }),
-  /* @__PURE__ */ jsx(p$a, { "data-a": "intr", "data-name": t2, children: "View Insight" })
-] });
-const s$4 = () => r$e, a$8 = /* @__PURE__ */ styled_default(s$4())({
+  propsAsIs: !0
+}), Us = ({ questionId: e, ...s }) => /* @__PURE__ */ h(Fs, { "data-a": "intr", "data-name": e, children: [
+  /* @__PURE__ */ t(je, { questionId: e, ...s }),
+  /* @__PURE__ */ t(qs, { "data-a": "intr", "data-name": e, children: "View Insight" })
+] }), js = () => ce, Ps = /* @__PURE__ */ i(js())({
   name: "Container",
   class: "cl56x6b",
-  propsAsIs: true
-}), c$7 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !0
+}), Ws = /* @__PURE__ */ i("button")({
   name: "ActionButton",
   class: "a11pzf92",
-  propsAsIs: false
-}), p$9 = /* @__PURE__ */ styled_default("blockquote")({
+  propsAsIs: !1
+}), Zs = /* @__PURE__ */ i("blockquote")({
   name: "Quote",
   class: "q1hbaleq",
-  propsAsIs: false
-});
-const l$9 = ({ ...t2 }) => /* @__PURE__ */ jsxs(a$8, { "data-a": "intr", "data-name": t2.tweetId, children: [
-  t2.title && /* @__PURE__ */ jsx(p$9, { children: t2.title }),
-  /* @__PURE__ */ jsx(b$5, { ...t2 }),
-  /* @__PURE__ */ jsx(c$7, { "data-a": "intr", "data-name": t2.tweetId, children: "View Insight" })
-] });
-const e$b = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Gs = ({ ...e }) => /* @__PURE__ */ h(Ps, { "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" })
+] }), x2 = /* @__PURE__ */ i("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
-  propsAsIs: false
-});
-const k$2 = ({ questions: n2, openQuestion: b2, controlVideo: a2 }) => {
-  const l2 = (t2) => {
-    const e2 = t2.target.getAttribute("data-name");
-    e2 && (wt(), b2(e2, { openedFrom: "list" }));
-  };
-  return n2 ? /* @__PURE__ */ jsx(e$b, { "data-a": "intr", onClick: l2, children: n2 == null ? void 0 : n2.map((t2) => {
-    var e2, u2, s2;
-    if (t2.type === "question" && ((e2 = t2.attributes) == null ? void 0 : e2.attributes.case) === "question") {
-      const i2 = t2.attributes.attributes.value;
-      return /* @__PURE__ */ jsx(R$3, { ...i2 }, i2.questionId);
-    }
-    if (t2.type === "insight" && ((u2 = t2.attributes) == null ? void 0 : u2.attributes.case) === "insight") {
-      const i2 = t2.attributes.attributes.value;
-      return /* @__PURE__ */ jsx(c$8, { controlVideo: a2, ...i2 }, i2.questionId);
-    }
-    if (t2.type === "tweet" && ((s2 = t2.attributes) == null ? void 0 : s2.attributes.case) === "tweet") {
-      const i2 = t2.attributes.attributes.value, o2 = t2.attributes.id;
-      return /* @__PURE__ */ jsx(l$9, { controlVideo: a2, ...i2, tweetId: o2 }, o2);
-    }
-    return null;
-  }) }) : /* @__PURE__ */ jsx(e$b, { children: Array.from({ length: 5 }).map((t2, e2) => /* @__PURE__ */ jsx(D$3, {}, e2)) });
-};
-const a$7 = ({ store: t2, openQuestion: r2 }) => {
-  const { sdk: o2 } = p$h(), e2 = useStore(t2);
-  return /* @__PURE__ */ jsx(k$2, { openQuestion: r2, questions: e2.data, controlVideo: o2 == null ? void 0 : o2.controlVideoPlayer });
-};
-const b$3 = ({ userSummary: r2 }) => {
-  var e2;
-  const [t2, s2] = useState(void 0);
-  return useEffect(() => {
-    const c2 = r2.$store.subscribe((o2) => {
-      o2 && s2(o2);
+  propsAsIs: !1
+}), Qs = ({ questions: e, openQuestion: s, controlVideo: n }) => e ? /* @__PURE__ */ t(x2, { "data-a": "intr", onClick: (r) => {
+  const o = r.target.getAttribute("data-name");
+  o && (s0(), s(o, { openedFrom: "list" }));
+}, children: e?.map((r) => {
+  if (r.type === "question" && r.attributes?.attributes.case === "question") {
+    const o = r.attributes.attributes.value;
+    return /* @__PURE__ */ t(Xe, { ...o }, o.questionId);
+  }
+  if (r.type === "insight" && r.attributes?.attributes.case === "insight") {
+    const o = r.attributes.attributes.value;
+    return /* @__PURE__ */ t(Us, { 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 });
+}, Ys = ({ userSummary: e }) => {
+  const [s, n] = w(void 0);
+  return y(() => {
+    const a = e.$store.subscribe((r) => {
+      r && n(r);
     });
     return () => {
-      c2();
+      a();
     };
-  }, [r2]), /* @__PURE__ */ jsx(z$4, { loading: !(t2 != null && t2.summary), ...t2 == null ? void 0 : t2.summary, successRate: (e2 = t2 == null ? void 0 : t2.percentage) == null ? void 0 : e2.correct });
-};
-const W$1 = ({ gamification: s2, className: w2, scrollStore: t2, scrollNode: y2, appNode: c2, style: k2, responsiveStore: i2 }) => {
-  const { tabsShown: u2 } = useStore(t2, { keys: ["tabsShown"] }), o2 = useStore(s2.friendsTabEnabled), [a2, h2] = useState(m$8.HOME), [, T2] = useTransition(), { sdkInDesktopView: l2, screen: g2 } = useStore(i2, { keys: ["sdkInDesktopView"] }), x2 = (r2) => {
-    T2(() => {
-      var b2;
-      h2(r2), l2 === false && (((b2 = c2.current) == null ? void 0 : b2.getBoundingClientRect().y) || 0) < 0 && I$9(c2, g2.size, { behavior: "instant" });
+  }, [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) => {
+    u(() => {
+      f(v), p === !1 && (r.current?.getBoundingClientRect().y || 0) < 0 && m2(r, C.size, { behavior: "instant" });
     });
   };
-  useEffect(() => t2.subscribe((r2) => {
-    if (r2.scrollPosition === 0) {
-      t2.setKey("tabsShown", true);
+  y(() => n.subscribe((v) => {
+    if (v.scrollPosition === 0) {
+      n.setKey("tabsShown", !0);
       return;
     }
-    i2.get().sdkInDesktopView ? t2.setKey("tabsShown", r2.scrollDirection === "backward") : t2.setKey("tabsShown", r2.scrollDirection === "forward");
-  }), [t2, i2]), useEffect(() => {
-    o2 || h2(m$8.HOME);
-  }, [o2]);
-  let m2 = "0px";
-  return l2 ? m2 = u2 ? "0px" : "calc(0px - var(--header-height))" : m2 = u2 ? "var(--header-height)" : "0px", /* @__PURE__ */ jsxs(l$f, { className: cx_default(w2, "SL-Tabs", "sl-hide-on-modal"), style: k2, children: [
-    o2 && /* @__PURE__ */ jsx(
-      S$3,
+    l.get().sdkInDesktopView ? n.setKey("tabsShown", v.scrollDirection === "backward") : n.setKey("tabsShown", v.scrollDirection === "forward");
+  }), [n, l]), y(() => {
+    d || f(P.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: [
+    d && /* @__PURE__ */ t(
+      ke,
       {
         style: {
-          top: m2
+          top: I
         },
-        children: /* @__PURE__ */ jsx(b$4, { activePage: a2, toggleActivePage: x2 })
+        children: /* @__PURE__ */ t(q0, { activePage: m, toggleActivePage: g })
       }
     ),
-    a2 === m$8.HOME && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(m$d, { children: /* @__PURE__ */ jsx(d$9, { children: /* @__PURE__ */ jsx(b$3, { userSummary: s2.userSummary }) }) }),
-      /* @__PURE__ */ jsx(n$f, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(a$7, { openQuestion: s2.openQuestion, store: s2.feedList.getStore() }) })
+    m === P.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() }) })
     ] }),
-    a2 === m$8.LEADERBOARD && /* @__PURE__ */ jsx(C$4, { children: /* @__PURE__ */ jsx(E$1, { scrollStore: t2, scrollNode: y2, gamification: s2 }) })
+    m === P.LEADERBOARD && /* @__PURE__ */ t(Te, { children: /* @__PURE__ */ t(Os, { scrollStore: n, scrollNode: a, gamification: e }) })
   ] });
-};
-const R$1 = () => f$c, u$2 = /* @__PURE__ */ styled_default(R$1())({
+}, Xs = () => n2, R2 = /* @__PURE__ */ i(Xs())({
   name: "OpenedContainer",
   class: "ouvguos",
-  propsAsIs: true
-}), f$7 = "t1eu4lbg", V$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), E2 = "t1eu4lbg", et = /* @__PURE__ */ i("div")({
   name: "UserContainer",
   class: "uuv2xqo",
-  propsAsIs: false
-}), j$1 = ({
-  correct: e2,
-  incorrect: t2
+  propsAsIs: !1
+}), st = ({
+  correct: e,
+  incorrect: s
 }) => {
-  const n2 = e2 + t2;
-  return n2 === 0 ? 0 : Math.round(e2 / n2 * 100);
-}, B$3 = ({
-  gamification: e2,
-  scrollStore: t2,
-  className: n2,
-  appNode: r2,
-  scrollNode: p2,
-  responsiveStore: a2
-}) => /* @__PURE__ */ jsx(W$1, {
-  appNode: r2,
-  scrollStore: t2,
-  scrollNode: p2,
-  className: n2,
-  gamification: e2,
-  responsiveStore: a2
-}), J$2 = ({
-  gamification: e2,
-  muted: t2,
-  sdk: n2,
-  className: r2,
-  appNode: p2,
-  responsiveStore: a2
+  const n = e + s;
+  return n === 0 ? 0 : Math.round(e / n * 100);
+}, Ma = ({
+  gamification: e,
+  scrollStore: s,
+  className: n,
+  appNode: a,
+  scrollNode: r,
+  responsiveStore: o
+}) => /* @__PURE__ */ t(Js, {
+  appNode: a,
+  scrollStore: s,
+  scrollNode: r,
+  className: n,
+  gamification: e,
+  responsiveStore: o
+}), tt = ({
+  gamification: e,
+  muted: s,
+  sdk: n,
+  className: a,
+  appNode: r,
+  responsiveStore: o
 }) => {
   const {
-    topNavigation: c2
-  } = p$h(), C2 = useStore(e2.openedQuestionId), S2 = useStore(e2.openedQuestion.$store), s2 = useStore(e2.openedUser || createSingleStore(void 0)), {
-    sdkInDesktopView: v2
-  } = useStore(a2, {
+    topNavigation: l
+  } = p2(), c = $(e.openedQuestionId), d = $(e.openedQuestion.$store), m = $(e.openedUser || de(void 0)), {
+    sdkInDesktopView: f
+  } = $(o, {
     keys: ["sdkInDesktopView"]
   }), {
-    hiding: m2,
-    onAnimationEnd: d2
-  } = S$4();
-  if (!C2 && !s2)
+    hiding: u,
+    onAnimationEnd: p
+  } = xe();
+  if (!c && !m)
     return null;
-  const x2 = S2 ? /* @__PURE__ */ jsx(u$2, {
-    className: cx_default(r2, !c2 && f$7),
-    hiding: m2,
-    onAnimationEnd: d2,
-    children: /* @__PURE__ */ jsx(ht, {
-      muted: t2,
-      sdk: n2,
-      gamification: e2
+  const C = d ? /* @__PURE__ */ t(R2, {
+    className: D(a, !l && E2),
+    hiding: u,
+    onAnimationEnd: p,
+    children: /* @__PURE__ */ t(Pe, {
+      muted: s,
+      sdk: n,
+      gamification: e
     })
-  }) : s2 ? /* @__PURE__ */ jsx(u$2, {
-    className: cx_default(r2, !c2 && f$7),
-    hiding: m2,
-    onAnimationEnd: d2,
-    children: /* @__PURE__ */ jsxs(V$1, {
-      children: [/* @__PURE__ */ jsx(y$2, {
+  }) : m ? /* @__PURE__ */ t(R2, {
+    className: D(a, !l && E2),
+    hiding: u,
+    onAnimationEnd: p,
+    children: /* @__PURE__ */ h(et, {
+      children: [/* @__PURE__ */ t(We, {
         label: "Friend's Rank",
-        close: e2.closeUser
-      }), /* @__PURE__ */ jsx(a$d, {
-        children: /* @__PURE__ */ jsx(z$4, {
-          ...s2,
-          successRate: j$1(s2)
+        close: e.closeUser
+      }), /* @__PURE__ */ t(Re, {
+        children: /* @__PURE__ */ t(pe, {
+          ...m,
+          successRate: st(m)
         })
       })]
     })
   }) : null;
-  return /* @__PURE__ */ jsx(T$3, {
-    container: p2,
-    useContainer: !v2,
-    children: x2
+  return /* @__PURE__ */ t(me, {
+    container: r,
+    useContainer: !f,
+    children: C
   });
-};
-const d$4 = lazy(() => import("./gamification-feature.js")), x$4 = ({ sdk: i2, feature: t2, className: n2, scrollStore: e2, appNode: o2, scrollNode: a2, responsiveStore: l2 }) => {
-  const u2 = useMemo(() => t2 && t2.featureConfig.get().type === SdkOverlayType.GAMES ? /* @__PURE__ */ jsx(v$6, { className: n2, sdk: i2, feature: t2, children: /* @__PURE__ */ jsx(
-    d$4,
+}, nt = De(() => import("./gamification-feature.js")), it = ({ sdk: e, feature: s, className: n, scrollStore: a, appNode: r, scrollNode: o, responsiveStore: l }) => {
+  const c = z(() => s && s.featureConfig.get().type === V.GAMES ? /* @__PURE__ */ t(p0, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ t(
+    nt,
     {
-      appNode: o2,
-      scrollStore: e2,
-      scrollNode: a2,
-      className: n2,
-      responsiveStore: l2,
-      gamification: t2
+      appNode: r,
+      scrollStore: a,
+      scrollNode: o,
+      className: n,
+      responsiveStore: l,
+      gamification: s
     }
-  ) }) : null, [i2, t2, n2, l2, e2, a2, o2]);
-  return /* @__PURE__ */ jsx(
-    Suspense,
+  ) }) : null, [e, s, n, l, a, o, r]);
+  return /* @__PURE__ */ t(
+    Oe,
     {
-      fallback: /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: u2
+      fallback: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: c
     }
   );
-}, A$3 = ({ feature: i2, sdk: t2, muted: n2, className: e2, appNode: o2, responsiveStore: a2 }) => i2 && i2.featureConfig.get().type === SdkOverlayType.GAMES ? /* @__PURE__ */ jsx(
-  J$2,
+}, at = ({ feature: e, sdk: s, muted: n, className: a, appNode: r, responsiveStore: o }) => e && e.featureConfig.get().type === V.GAMES ? /* @__PURE__ */ t(
+  tt,
   {
-    className: e2,
-    appNode: o2,
-    muted: n2,
-    sdk: t2,
-    responsiveStore: a2,
-    gamification: i2
+    className: a,
+    appNode: r,
+    muted: n,
+    sdk: s,
+    responsiveStore: o,
+    gamification: e
   }
 ) : null;
 window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
-function isQuotaExceededError(err) {
-  return err instanceof DOMException && // everything except Firefox
-  (err.code === 22 || // Firefox
-  err.code === 1014 || // test name field too, because code might not be present
+function rt(e) {
+  return e instanceof DOMException && // everything except Firefox
+  (e.code === 22 || // Firefox
+  e.code === 1014 || // test name field too, because code might not be present
   // everything except Firefox
-  err.name === "QuotaExceededError" || // Firefox
-  err.name === "NS_ERROR_DOM_QUOTA_REACHED");
+  e.name === "QuotaExceededError" || // Firefox
+  e.name === "NS_ERROR_DOM_QUOTA_REACHED");
 }
-class Storage {
-  constructor(prefix = "main", storage = window.localStorage) {
-    __publicField(this, "delimiter", ":");
-    __publicField(this, "prefix");
-    __publicField(this, "storage");
-    __publicField(this, "clear", () => {
-      for (const key in window.localStorage) {
-        if (key.startsWith(this.prefix)) {
-          this.storage.removeItem(key);
-        }
-      }
-    });
-    __publicField(this, "generateKey", (keyParts) => `${this.prefix}${this.delimiter}${keyParts.join(this.delimiter)}`);
-    __publicField(this, "write", (...keyParts) => {
-      const value = keyParts.pop() || "";
-      const key = this.generateKey(keyParts);
-      try {
-        this.storage.setItem(key, value);
-      } catch (err) {
-        if (isQuotaExceededError(err) && this.storage === window.sessionStorage) {
-          window.sessionStorage.removeItem("slstreamlogs");
-          this.storage.setItem(key, value);
-        }
-      }
-    });
-    __publicField(this, "read", (...keyParts) => {
-      const value = this.storage.getItem(this.generateKey(keyParts));
-      return value === null ? void 0 : value;
-    });
-    __publicField(this, "remove", (...keyParts) => {
-      this.storage.removeItem(this.generateKey(keyParts));
-    });
-    this.prefix = `sl-sdk${this.delimiter}${prefix}`;
-    this.storage = storage;
+class ot {
+  delimiter = ":";
+  prefix;
+  storage;
+  constructor(s = "main", n = window.localStorage) {
+    this.prefix = `sl-sdk${this.delimiter}${s}`, this.storage = n;
   }
+  clear = () => {
+    for (const s in window.localStorage)
+      s.startsWith(this.prefix) && this.storage.removeItem(s);
+  };
+  generateKey = (s) => `${this.prefix}${this.delimiter}${s.join(this.delimiter)}`;
+  write = (...s) => {
+    const n = s.pop() || "", a = this.generateKey(s);
+    try {
+      this.storage.setItem(a, n);
+    } catch (r) {
+      rt(r) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(a, n));
+    }
+  };
+  read = (...s) => {
+    const n = this.storage.getItem(this.generateKey(s));
+    return n === null ? void 0 : n;
+  };
+  remove = (...s) => {
+    this.storage.removeItem(this.generateKey(s));
+  };
 }
-var ServerStreamSubscriptionStatus;
-(function(ServerStreamSubscriptionStatus2) {
-  ServerStreamSubscriptionStatus2["Init"] = "init";
-  ServerStreamSubscriptionStatus2["Ready"] = "ready";
-  ServerStreamSubscriptionStatus2["Connecting"] = "connecting";
-  ServerStreamSubscriptionStatus2["Connected"] = "connected";
-  ServerStreamSubscriptionStatus2["Disconnected"] = "disconnected";
-  ServerStreamSubscriptionStatus2["Failed"] = "failed";
-  ServerStreamSubscriptionStatus2["Reconnect"] = "reconnect";
-  ServerStreamSubscriptionStatus2["Reconnecting"] = "reconnecting";
-})(ServerStreamSubscriptionStatus || (ServerStreamSubscriptionStatus = {}));
-createLogger("grpc:stream");
-/* @__PURE__ */ new Set([
-  Code.Unknown,
-  Code.Internal,
-  Code.DeadlineExceeded,
-  Code.ResourceExhausted,
-  Code.FailedPrecondition,
-  Code.Unavailable,
-  Code.DataLoss
-]);
-createLogger("grpc:retry");
-({
-  retryAttempts: createContextKey(10, { description: "Number of attempts to retry" }),
-  retryDelay: createContextKey(3e4, { description: "Max delay between retries in milliseconds" })
-});
-var KEY_PREFIX$2;
-(function(KEY_PREFIX2) {
-  KEY_PREFIX2["SCHEMA"] = "schema";
-  KEY_PREFIX2["EXTERNAL_TOKEN"] = "eToken";
-  KEY_PREFIX2["TOKEN"] = "token";
-})(KEY_PREFIX$2 || (KEY_PREFIX$2 = {}));
-class UserStorage extends Storage {
+var V2;
+(function(e) {
+  e.Init = "init", e.Ready = "ready", e.Connecting = "connecting", e.Connected = "connected", e.Disconnected = "disconnected", e.Failed = "failed", e.Reconnect = "reconnect", e.Reconnecting = "reconnecting";
+})(V2 || (V2 = {}));
+Z("grpc:stream");
+F.Unknown, F.Internal, F.DeadlineExceeded, F.ResourceExhausted, F.FailedPrecondition, F.Unavailable, F.DataLoss;
+Z("grpc:retry");
+C2(10, { description: "Number of attempts to retry" }), C2(3e4, { description: "Max delay between retries in milliseconds" });
+var H;
+(function(e) {
+  e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
+})(H || (H = {}));
+class lt extends ot {
   constructor() {
     super("user");
-    // Schema
-    __publicField(this, "setSchema", (value) => {
-      this.write(KEY_PREFIX$2.SCHEMA, value);
-    });
-    __publicField(this, "getSchema", () => {
-      return this.read(KEY_PREFIX$2.SCHEMA);
-    });
-    // Token
-    __publicField(this, "setToken", (value) => {
-      this.write(KEY_PREFIX$2.TOKEN, value);
-    });
-    __publicField(this, "getToken", () => {
-      return this.read(KEY_PREFIX$2.TOKEN);
-    });
-    // External Token
-    __publicField(this, "setExternalToken", (value) => {
-      this.write(KEY_PREFIX$2.EXTERNAL_TOKEN, value);
-    });
-    __publicField(this, "getExternalToken", () => {
-      return this.read(KEY_PREFIX$2.EXTERNAL_TOKEN);
-    });
-    __publicField(this, "removeToken", () => {
-      this.remove(KEY_PREFIX$2.TOKEN);
-    });
   }
+  // Schema
+  setSchema = (s) => {
+    this.write(H.SCHEMA, s);
+  };
+  getSchema = () => this.read(H.SCHEMA);
+  // Token
+  setToken = (s) => {
+    this.write(H.TOKEN, s);
+  };
+  getToken = () => this.read(H.TOKEN);
+  // External Token
+  setExternalToken = (s) => {
+    this.write(H.EXTERNAL_TOKEN, s);
+  };
+  getExternalToken = () => this.read(H.EXTERNAL_TOKEN);
+  removeToken = () => {
+    this.remove(H.TOKEN);
+  };
 }
-var CoreStatus;
-(function(CoreStatus2) {
-  CoreStatus2["DISABLED"] = "disabled";
-  CoreStatus2["INITIALIZATION"] = "initialization";
-  CoreStatus2["READY"] = "ready";
-  CoreStatus2["FAILED"] = "failed";
-  CoreStatus2["SUSPENDED"] = "suspended";
-})(CoreStatus || (CoreStatus = {}));
-var KEY_PREFIX$1;
-(function(KEY_PREFIX2) {
-  KEY_PREFIX2["SHOWED"] = "showed";
-  KEY_PREFIX2["EVENT"] = "ev";
-})(KEY_PREFIX$1 || (KEY_PREFIX$1 = {}));
-var KEY_PREFIX;
-(function(KEY_PREFIX2) {
-  KEY_PREFIX2["ONBOARDING"] = "onboarding";
-  KEY_PREFIX2["ONBOARDING_IO"] = "onboarding_io";
-  KEY_PREFIX2["QUESTION_RECEIVED"] = "q-received";
-  KEY_PREFIX2["QUESTION_OPENED"] = "q-opened";
-})(KEY_PREFIX || (KEY_PREFIX = {}));
-var InteractiveAllowed;
-(function(InteractiveAllowed2) {
-  InteractiveAllowed2["ALLOWED"] = "allowed";
-  InteractiveAllowed2["DISALLOWED"] = "disallowed";
-})(InteractiveAllowed || (InteractiveAllowed = {}));
-var ERROR;
-(function(ERROR2) {
-  ERROR2["UNKNOWN"] = "unknown";
-  ERROR2["ALREADY_VOTED"] = "already_voted";
-})(ERROR || (ERROR = {}));
-createLogger("deep_link");
-createLogger("bypass");
-new UserStorage();
-createLogger("video_player");
-var OnboardingStatus;
-(function(OnboardingStatus2) {
-  OnboardingStatus2["Unset"] = "unset";
-  OnboardingStatus2["Required"] = "required";
-  OnboardingStatus2["Optional"] = "optional";
-  OnboardingStatus2["Completed"] = "completed";
-  OnboardingStatus2["Disabled"] = "disabled";
-  OnboardingStatus2["Unavailable"] = "unavailable";
-})(OnboardingStatus || (OnboardingStatus = {}));
-/* @__PURE__ */ new Set([QuestionType.POLL, QuestionType.PREDICTION, QuestionType.TRIVIA]);
-const AvailableFeatures = {
-  [SdkOverlayType.GAMES]: true
-};
-const n$a = /* @__PURE__ */ styled_default("div")({
+var H2;
+(function(e) {
+  e.DISABLED = "disabled", e.INITIALIZATION = "initialization", e.READY = "ready", e.FAILED = "failed", e.SUSPENDED = "suspended";
+})(H2 || (H2 = {}));
+var z2;
+(function(e) {
+  e.SHOWED = "showed", e.EVENT = "ev";
+})(z2 || (z2 = {}));
+var M2;
+(function(e) {
+  e.ONBOARDING = "onboarding", e.ONBOARDING_IO = "onboarding_io", e.QUESTION_RECEIVED = "q-received", e.QUESTION_OPENED = "q-opened";
+})(M2 || (M2 = {}));
+var O2;
+(function(e) {
+  e.ALLOWED = "allowed", e.DISALLOWED = "disallowed";
+})(O2 || (O2 = {}));
+var D2;
+(function(e) {
+  e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
+})(D2 || (D2 = {}));
+Z("deep_link");
+Z("bypass");
+new lt();
+Z("video_player");
+var F2;
+(function(e) {
+  e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
+})(F2 || (F2 = {}));
+R.POLL, R.PREDICTION, R.TRIVIA;
+const ct = {
+  [V.GAMES]: !0
+}, dt = /* @__PURE__ */ i("div")({
   name: "Buttons",
   class: "b5o8qbl",
-  propsAsIs: false
-}), i$8 = ({
-  children: o2,
-  className: s2
-}) => /* @__PURE__ */ jsx(n$a, {
-  className: s2,
-  children: o2
-});
-const n$9 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), pt = ({
+  children: e,
+  className: s
+}) => /* @__PURE__ */ t(dt, {
+  className: s,
+  children: e
+}), Ce = /* @__PURE__ */ i("div")({
   name: "Navigation",
   class: "n6tbwuy",
-  propsAsIs: false
-}), t$b = () => i$8, e$a = /* @__PURE__ */ styled_default(t$b())({
+  propsAsIs: !1
+}), ht = () => pt, B2 = /* @__PURE__ */ i(ht())({
   name: "NavigationItems",
   class: "n1up4z7v",
-  propsAsIs: true
-});
-const o$b = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !0
+}), mt = /* @__PURE__ */ i("button")({
   name: "SButton",
   class: "sxxa0c",
-  propsAsIs: false
-}), n$8 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), ut = /* @__PURE__ */ i("span")({
   name: "ButtonIcon",
   class: "b193dcyu",
-  propsAsIs: false
-}), a$6 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), ft = /* @__PURE__ */ i("span")({
   name: "ButtonLabel",
   class: "b40tuix",
-  propsAsIs: false
-}), e$9 = "s14xk0af", c$6 = "ha3mg7c", r$8 = "h103yr45";
-const i$7 = ({ disabled: n2, active: r2, onClick: a2, label: c2, icon: o2, id: t2 }) => /* @__PURE__ */ jsx(
-  o$b,
+  propsAsIs: !1
+}), Ct = "s14xk0af", gt = "ha3mg7c", vt = "h103yr45", K = ({ disabled: e, active: s, onClick: n, label: a, icon: r, id: o }) => /* @__PURE__ */ t(
+  mt,
   {
-    onClick: a2,
+    onClick: n,
     "data-a": "intr",
-    disabled: n2,
-    className: cx_default(
-      r2 && e$9,
-      !r2 && (t2 === "channels" || t2 === "featuredGroups") && c$6,
-      !r2 && t2 === "leaderboard" && r$8
+    disabled: e,
+    className: D(
+      s && Ct,
+      !s && (o === "channels" || o === "featuredGroups") && gt,
+      !s && o === "leaderboard" && vt
     ),
-    children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      o2 && /* @__PURE__ */ jsx(n$8, { children: o2 }),
-      /* @__PURE__ */ jsx(a$6, { children: c2 })
+    children: /* @__PURE__ */ h(S, { children: [
+      r && /* @__PURE__ */ t(ut, { children: r }),
+      /* @__PURE__ */ t(ft, { children: a })
     ] })
   }
-);
-const g = () => B1, x$3 = /* @__PURE__ */ styled_default(g())({
+), It = () => k, $t = /* @__PURE__ */ i(It())({
   name: "ButtonIcon",
   class: "b11wpe79",
-  propsAsIs: true
-}), F$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), bt = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "calnblm",
-  propsAsIs: false
-}), D$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), At = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "t1438p52",
-  propsAsIs: false
-}), N = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), yt = /* @__PURE__ */ i("div")({
   name: "CloseIconWrap",
   class: "c17srj38",
-  propsAsIs: false
-}), B$2 = () => B1, j = /* @__PURE__ */ styled_default(B$2())({
+  propsAsIs: !1
+}), wt = () => k, Lt = /* @__PURE__ */ i(wt())({
   name: "CloseIcon",
   class: "clqia8k",
-  propsAsIs: true
-}), w$3 = () => B1, G$2 = /* @__PURE__ */ styled_default(w$3())({
+  propsAsIs: !0
+}), kt = () => k, _t = /* @__PURE__ */ i(kt())({
   name: "DashboardIcon",
   class: "df5w958",
-  propsAsIs: true
-}), M = "h12x6aiv", z$3 = forwardRef(({
-  sdk: s2,
-  className: l2
-}, p2) => {
-  const a2 = () => {
-    s2.closeFeature();
+  propsAsIs: !0
+}), Nt = "h12x6aiv", St = te(({
+  sdk: e,
+  className: s
+}, n) => {
+  const a = () => {
+    e.closeFeature();
   };
-  return /* @__PURE__ */ jsxs(n$9, {
-    className: cx_default(l2, M),
-    children: [/* @__PURE__ */ jsxs(F$3, {
-      children: [/* @__PURE__ */ jsxs(D$2, {
-        children: [/* @__PURE__ */ jsx(G$2, {
+  return /* @__PURE__ */ h(Ce, {
+    className: D(s, Nt),
+    children: [/* @__PURE__ */ h(bt, {
+      children: [/* @__PURE__ */ h(At, {
+        children: [/* @__PURE__ */ t(_t, {
           name: "dashboard"
         }), "Dashboard"]
-      }), /* @__PURE__ */ jsx(N, {
+      }), /* @__PURE__ */ t(yt, {
         "data-a": "intr",
-        onClick: a2,
-        children: /* @__PURE__ */ jsx(j, {
+        onClick: a,
+        children: /* @__PURE__ */ t(Lt, {
           name: "icon-cross"
         })
       })]
-    }), /* @__PURE__ */ jsx("div", {
-      ref: p2
+    }), /* @__PURE__ */ t("div", {
+      ref: n
     })]
   });
-}), J$1 = forwardRef(({
-  sdk: s2,
-  className: l2
-}, p2) => {
-  const a2 = useStore(s2.sdkStore.organizationSettings), r2 = useStore(s2.sdkStore.streamSettings), i2 = useStore(s2.getActiveFeature()), f2 = useMemo(() => {
-    const o2 = (r2 == null ? void 0 : r2.data) || (a2 == null ? void 0 : a2.data);
-    return o2 != null && o2.overlays ? o2.overlays : [];
-  }, [a2, r2]), d2 = useMemo(() => [...f2.filter(({
-    enableSdkButton: o2,
-    type: m2
-  }) => m2 === SdkOverlayType.GAMES || o2).map((o2) => ({
-    id: o2.type,
-    onClick: () => s2.openFeature(o2.type),
-    disabled: !(o2.type in AvailableFeatures),
-    label: o2.name,
-    icon: /* @__PURE__ */ jsx("img", {
-      src: o2.icon,
+}), Tt = te(({
+  sdk: e,
+  className: s
+}, n) => {
+  const a = $(e.sdkStore.organizationSettings), r = $(e.sdkStore.streamSettings), o = $(e.getActiveFeature()), l = z(() => {
+    const d = r?.data || a?.data;
+    return d?.overlays ? d.overlays : [];
+  }, [a, r]), c = z(() => [...l.filter(({
+    enableSdkButton: d,
+    type: m
+  }) => m === V.GAMES || d).map((d) => ({
+    id: d.type,
+    onClick: () => e.openFeature(d.type),
+    disabled: !(d.type in ct),
+    label: d.name,
+    icon: /* @__PURE__ */ t("img", {
+      src: d.icon,
       alt: ""
     }),
     /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
-    position: o2.position * 10
-  }))].sort((o2, m2) => o2.position - m2.position), [f2, s2]);
-  return /* @__PURE__ */ jsxs(n$9, {
-    className: l2,
-    children: [d2.length !== 0 && /* @__PURE__ */ jsx(e$a, {
-      children: [/* @__PURE__ */ jsx(i$7, {
+    position: d.position * 10
+  }))].sort((d, m) => d.position - m.position), [l, e]);
+  return /* @__PURE__ */ h(Ce, {
+    className: s,
+    children: [c.length !== 0 && /* @__PURE__ */ t(B2, {
+      children: [/* @__PURE__ */ t(K, {
         id: "Channels",
-        onClick: () => s2.closeFeature(),
+        onClick: () => e.closeFeature(),
         label: "Channels",
-        active: i2 === 0
-      }, "Channels"), ...d2.map((o2) => o2.id === SdkOverlayType.GAMES ? /* @__PURE__ */ jsx(i$7, {
-        ...o2,
-        active: o2.id === i2,
+        active: o === 0
+      }, "Channels"), ...c.map((d) => d.id === V.GAMES ? /* @__PURE__ */ t(K, {
+        ...d,
+        active: d.id === o,
         label: "StreamLayer +",
         id: "featuredGroups",
-        icon: /* @__PURE__ */ jsx(x$3, {
+        icon: /* @__PURE__ */ t($t, {
           name: "icon-btn-feature-groups",
-          "data-selected": o2.id === i2
+          "data-selected": d.id === o
         })
-      }, o2.id) : /* @__PURE__ */ jsx(i$7, {
-        ...o2,
+      }, d.id) : /* @__PURE__ */ t(K, {
+        ...d,
         icon: void 0,
-        active: o2.id === i2
-      }, o2.id))]
-    }), !d2.length && /* @__PURE__ */ jsx(e$a, {
-      children: [/* @__PURE__ */ jsx(i$7, {
+        active: d.id === o
+      }, d.id))]
+    }), !c.length && /* @__PURE__ */ t(B2, {
+      children: [/* @__PURE__ */ t(K, {
         id: "empty",
         label: "No Features...",
-        active: false,
-        disabled: true
+        active: !1,
+        disabled: !0
       }, "empty")]
-    }), /* @__PURE__ */ jsx("div", {
-      ref: p2
+    }), /* @__PURE__ */ t("div", {
+      ref: n
     })]
   });
-});
-const t$a = /* @__PURE__ */ styled_default("div")({
+}), xt = /* @__PURE__ */ i("div")({
   name: "InsightContainer",
   class: "i1pqqgpo",
-  propsAsIs: false
-}), e$8 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), Rt = /* @__PURE__ */ i("img")({
   name: "Image",
   class: "igj7luu",
-  propsAsIs: false
-}), a$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Et = /* @__PURE__ */ i("div")({
   name: "ImageContainer",
   class: "i1qne9g6",
-  propsAsIs: false
-}), o$a = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Vt = /* @__PURE__ */ i("div")({
   name: "InsightContent",
   class: "itpr98r",
-  propsAsIs: false
-}), i$6 = /* @__PURE__ */ styled_default("h3")({
+  propsAsIs: !1
+}), Ht = /* @__PURE__ */ i("h3")({
   name: "Title",
   class: "t17iaqp8",
-  propsAsIs: false
-}), p$8 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), zt = /* @__PURE__ */ i("div")({
   name: "Description",
   class: "d16t3y7s",
-  propsAsIs: false
-}), r$7 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), Mt = /* @__PURE__ */ i("button")({
   name: "ActionBtn",
   class: "a12495er",
-  propsAsIs: false
-});
-const V = ({ video: r2, image: t2, imageMode: i2, heading: l2, body: m2, action: s2, controlVideo: e2 }) => /* @__PURE__ */ jsxs(t$a, { children: [
-  (r2 == null ? void 0 : r2.url) && /* @__PURE__ */ jsx(Et, { source: r2.url, poster: r2.thumbnailUrl, controlVideo: e2 }),
-  t2 && !(r2 != null && r2.url) && /* @__PURE__ */ jsx(a$5, { "data-rounded": i2 === QuestionImages.ROUNDED, children: /* @__PURE__ */ jsx(e$8, { src: t2, alt: l2 }) }),
-  /* @__PURE__ */ jsxs(o$a, { children: [
-    /* @__PURE__ */ jsx(i$6, { children: l2 }),
-    /* @__PURE__ */ jsx(p$8, { children: m2 }),
-    s2 && /* @__PURE__ */ jsx(r$7, { onClick: s2, children: "View Insight" })
+  propsAsIs: !1
+}), Ot = ({ video: e, image: s, imageMode: n, heading: a, body: r, action: o, controlVideo: l }) => /* @__PURE__ */ h(xt, { children: [
+  e?.url && /* @__PURE__ */ t(t0, { source: e.url, poster: e.thumbnailUrl, controlVideo: l }),
+  s && !e?.url && /* @__PURE__ */ t(Et, { "data-rounded": n === Ke.ROUNDED, children: /* @__PURE__ */ t(Rt, { src: s, alt: a }) }),
+  /* @__PURE__ */ h(Vt, { children: [
+    /* @__PURE__ */ t(Ht, { children: a }),
+    /* @__PURE__ */ t(zt, { children: r }),
+    o && /* @__PURE__ */ t(Mt, { onClick: o, children: "View Insight" })
   ] })
-] });
-const p$7 = /* @__PURE__ */ styled_default("div")({
+] }), Dt = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1eptrjd",
-  propsAsIs: false
-}), t$9 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Ft = /* @__PURE__ */ i("div")({
   name: "CloseIconWrap",
   class: "crylm65",
-  propsAsIs: false
-}), o$9 = () => B1, r$6 = /* @__PURE__ */ styled_default(o$9())({
+  propsAsIs: !1
+}), Bt = () => k, qt = /* @__PURE__ */ i(Bt())({
   name: "CloseIcon",
   class: "c9mrcz7",
-  propsAsIs: true
-}), l$8 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Ut = /* @__PURE__ */ i("div")({
   name: "Header",
   class: "hw3lzv4",
-  propsAsIs: false
-}), n$7 = () => B1, m$5 = /* @__PURE__ */ styled_default(n$7())({
+  propsAsIs: !1
+}), jt = () => k, Pt = /* @__PURE__ */ i(jt())({
   name: "TypeIcon",
   class: "t1rrb3kf",
-  propsAsIs: true
-}), I$5 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !0
+}), Wt = /* @__PURE__ */ i("span")({
   name: "TypeName",
   class: "t1ydnjov",
-  propsAsIs: false
-}), f$6 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Zt = /* @__PURE__ */ i("div")({
   name: "Question",
   class: "qlf90cl",
-  propsAsIs: false
-}), i$5 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), Gt = /* @__PURE__ */ i("button")({
   name: "AnswerButton",
   class: "a1e0nhcl",
-  propsAsIs: false
-});
-const t$8 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Qt = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1t4f0x4",
-  propsAsIs: false
-}), n$6 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), Kt = /* @__PURE__ */ i("button")({
   name: "ActionBtn",
   class: "a16w1nl6",
-  propsAsIs: false
-}), a$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Yt = /* @__PURE__ */ i("div")({
   name: "QuoteWrap",
   class: "q14u54rf",
-  propsAsIs: false
-}), e$7 = /* @__PURE__ */ styled_default("blockquote")({
+  propsAsIs: !1
+}), Jt = /* @__PURE__ */ i("blockquote")({
   name: "Quote",
   class: "q1hxm6zo",
-  propsAsIs: false
-});
-const s$3 = ({ action: i2, ...e2 }) => /* @__PURE__ */ jsxs(t$8, { children: [
-  e2.title && /* @__PURE__ */ jsx(a$4, { children: /* @__PURE__ */ jsx(e$7, { children: e2.title }) }),
-  /* @__PURE__ */ jsx(b$5, { ...e2 }),
-  i2 && /* @__PURE__ */ jsx(n$6, { onClick: i2, children: "View Insight" })
-] });
-const w$2 = ({
-  close: i2,
-  action: o2,
-  controlVideo: c2,
-  data: { questionType: r2, question: t2, insight: d2, tweet: e2 }
+  propsAsIs: !1
+}), Xt = ({ action: e, ...s }) => /* @__PURE__ */ h(Qt, { children: [
+  s.title && /* @__PURE__ */ t(Yt, { children: /* @__PURE__ */ t(Jt, { children: s.title }) }),
+  /* @__PURE__ */ t(re, { ...s }),
+  e && /* @__PURE__ */ t(Kt, { onClick: e, children: "View Insight" })
+] }), q2 = ({
+  close: e,
+  action: s,
+  controlVideo: n,
+  data: { questionType: a, question: r, insight: o, tweet: l }
 }) => {
-  const l2 = e$k[r2];
-  return l2 ? /* @__PURE__ */ jsxs(p$7, { onClick: o2, style: r2 === QuestionType.TWEET ? { paddingTop: "12px" } : {}, children: [
-    /* @__PURE__ */ jsx(
-      t$9,
+  const c = oe[a];
+  return c ? /* @__PURE__ */ h(Dt, { onClick: s, style: a === R.TWEET ? { paddingTop: "12px" } : {}, children: [
+    /* @__PURE__ */ t(
+      Ft,
       {
         "data-a": "intr",
-        onClick: (p2) => {
-          p2.stopPropagation(), i2 && i2(p2);
+        onClick: (d) => {
+          d.stopPropagation(), e && e(d);
         },
-        children: /* @__PURE__ */ jsx(r$6, { name: "icon-cross" })
+        children: /* @__PURE__ */ t(qt, { name: "icon-cross" })
       }
     ),
-    r2 !== QuestionType.TWEET && /* @__PURE__ */ jsxs(l$8, { children: [
-      /* @__PURE__ */ jsx(
-        m$5,
+    a !== R.TWEET && /* @__PURE__ */ h(Ut, { children: [
+      /* @__PURE__ */ t(
+        Pt,
         {
-          "data-type-trivia": r2 === QuestionType.TRIVIA,
-          "data-type-poll": r2 === QuestionType.POLL,
-          name: l2.iconName
+          "data-type-trivia": a === R.TRIVIA,
+          "data-type-poll": a === R.POLL,
+          name: c.iconName
         }
       ),
-      /* @__PURE__ */ jsx(I$5, { children: l2.label })
+      /* @__PURE__ */ t(Wt, { children: c.label })
     ] }),
-    r2 === QuestionType.FACTOID && d2 && /* @__PURE__ */ jsx(V, { ...d2, action: o2, controlVideo: c2 }),
-    r2 === QuestionType.TWEET && e2 && /* @__PURE__ */ jsx(s$3, { ...e2, action: o2, controlVideo: c2 }),
-    r2 !== QuestionType.FACTOID && r2 !== QuestionType.TWEET && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(f$6, { children: t2 == null ? void 0 : t2.title }),
-      /* @__PURE__ */ jsx(i$5, { children: "Answer" })
+    a === R.FACTOID && o && /* @__PURE__ */ t(Ot, { ...o, action: s, controlVideo: n }),
+    a === R.TWEET && l && /* @__PURE__ */ t(Xt, { ...l, action: s, controlVideo: n }),
+    a !== R.FACTOID && a !== R.TWEET && /* @__PURE__ */ h(S, { children: [
+      /* @__PURE__ */ t(Zt, { children: r?.title }),
+      /* @__PURE__ */ t(Gt, { children: "Answer" })
     ] })
   ] }) : null;
-};
-const l$7 = /* @__PURE__ */ styled_default("div")({
+}, U = /* @__PURE__ */ i("div")({
   name: "BGWrap",
   class: "b1dqe0sz",
-  propsAsIs: false
-}), s$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ i("div")({
   name: "BGLineBase",
   class: "b1v6w7ni",
-  propsAsIs: false
-}), n$5 = () => s$2, m$4 = /* @__PURE__ */ styled_default(n$5())({
+  propsAsIs: !1
+}), en = () => _, sn = /* @__PURE__ */ i(en())({
   name: "BGOneLineOne",
   class: "b2nqb1p",
-  propsAsIs: true
-}), o$8 = () => s$2, x$2 = /* @__PURE__ */ styled_default(o$8())({
+  propsAsIs: !0
+}), tn = () => _, nn = /* @__PURE__ */ i(tn())({
   name: "BGOneLineTwo",
   class: "b1xxgmbk",
-  propsAsIs: true
-}), r$5 = () => s$2, w$1 = /* @__PURE__ */ styled_default(r$5())({
+  propsAsIs: !0
+}), an = () => _, rn = /* @__PURE__ */ i(an())({
   name: "BGOneLineThree",
   class: "b63lwcb",
-  propsAsIs: true
-}), p$6 = () => s$2, A$2 = /* @__PURE__ */ styled_default(p$6())({
+  propsAsIs: !0
+}), on = () => _, U2 = /* @__PURE__ */ i(on())({
   name: "BGTwoLineOne",
   class: "b2iah4",
-  propsAsIs: true
-}), t$7 = () => s$2, I$4 = /* @__PURE__ */ styled_default(t$7())({
+  propsAsIs: !0
+}), ln = () => _, j2 = /* @__PURE__ */ i(ln())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
-  propsAsIs: true
-}), c$5 = () => s$2, O = /* @__PURE__ */ styled_default(c$5())({
+  propsAsIs: !0
+}), cn = () => _, P2 = /* @__PURE__ */ i(cn())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
-  propsAsIs: true
-}), a$3 = () => s$2, _$1 = /* @__PURE__ */ styled_default(a$3())({
+  propsAsIs: !0
+}), dn = () => _, W2 = /* @__PURE__ */ i(dn())({
   name: "BGThreeLineOne",
   class: "b18ho1tk",
-  propsAsIs: true
-}), i$4 = () => s$2, F$2 = /* @__PURE__ */ styled_default(i$4())({
+  propsAsIs: !0
+}), pn = () => _, Z2 = /* @__PURE__ */ i(pn())({
   name: "BGThreeLineTwo",
   class: "b14uvjfm",
-  propsAsIs: true
-}), B$1 = () => s$2, d$3 = /* @__PURE__ */ styled_default(B$1())({
+  propsAsIs: !0
+}), hn = () => _, G2 = /* @__PURE__ */ i(hn())({
   name: "BGThreeLineThree",
   class: "b11c3ns7",
-  propsAsIs: true
-}), G$1 = () => s$2, v$2 = /* @__PURE__ */ styled_default(G$1())({
+  propsAsIs: !0
+}), mn = () => _, Q2 = /* @__PURE__ */ i(mn())({
   name: "BGThreeLineFour",
   class: "b1bqhhet",
-  propsAsIs: true
-}), L = () => s$2, f$5 = /* @__PURE__ */ styled_default(L())({
+  propsAsIs: !0
+}), un = () => _, fn = /* @__PURE__ */ i(un())({
   name: "BGFourLineOne",
   class: "b1xyzi7o",
-  propsAsIs: true
-}), T$1 = () => s$2, q = /* @__PURE__ */ styled_default(T$1())({
+  propsAsIs: !0
+}), Cn = () => _, gn = /* @__PURE__ */ i(Cn())({
   name: "BGFourLineTwo",
   class: "byo0rup",
-  propsAsIs: true
-}), u$1 = () => s$2, y$1 = /* @__PURE__ */ styled_default(u$1())({
+  propsAsIs: !0
+}), vn = () => _, In = /* @__PURE__ */ i(vn())({
   name: "BGFourLineThree",
   class: "b1oyiqgv",
-  propsAsIs: true
-}), h = () => s$2, z$2 = /* @__PURE__ */ styled_default(h())({
+  propsAsIs: !0
+}), $n = () => _, bn = /* @__PURE__ */ i($n())({
   name: "BGFourLineFour",
   class: "bx3ddqw",
-  propsAsIs: true
-});
-const s$1 = ({ step: n2, correct: L2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 1, "data-first-screen": "true", children: [
-    /* @__PURE__ */ jsx(m$4, {}),
-    /* @__PURE__ */ jsx(x$2, {}),
-    /* @__PURE__ */ jsx(w$1, {})
+  propsAsIs: !0
+}), An = ({ step: e, correct: s }) => /* @__PURE__ */ h(S, { children: [
+  /* @__PURE__ */ h(U, { "data-active": e === 1, "data-first-screen": "true", children: [
+    /* @__PURE__ */ t(sn, {}),
+    /* @__PURE__ */ t(nn, {}),
+    /* @__PURE__ */ t(rn, {})
   ] }),
-  /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 2, children: [
-    /* @__PURE__ */ jsx(A$2, {}),
-    /* @__PURE__ */ jsx(I$4, {}),
-    /* @__PURE__ */ jsx(O, {})
+  /* @__PURE__ */ h(U, { "data-active": e === 2, children: [
+    /* @__PURE__ */ t(U2, {}),
+    /* @__PURE__ */ t(j2, {}),
+    /* @__PURE__ */ t(P2, {})
   ] }),
-  /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 3, children: [
-    /* @__PURE__ */ jsx(A$2, {}),
-    /* @__PURE__ */ jsx(I$4, {}),
-    /* @__PURE__ */ jsx(O, {})
+  /* @__PURE__ */ h(U, { "data-active": e === 3, children: [
+    /* @__PURE__ */ t(U2, {}),
+    /* @__PURE__ */ t(j2, {}),
+    /* @__PURE__ */ t(P2, {})
   ] }),
-  L2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 4, "data-correct": "true", children: [
-      /* @__PURE__ */ jsx(_$1, {}),
-      /* @__PURE__ */ jsx(F$2, {}),
-      /* @__PURE__ */ jsx(d$3, {}),
-      /* @__PURE__ */ jsx(v$2, {})
+  s ? /* @__PURE__ */ h(S, { children: [
+    /* @__PURE__ */ h(U, { "data-active": e === 4, "data-correct": "true", children: [
+      /* @__PURE__ */ t(W2, {}),
+      /* @__PURE__ */ t(Z2, {}),
+      /* @__PURE__ */ t(G2, {}),
+      /* @__PURE__ */ t(Q2, {})
     ] }),
-    /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 5, "data-correct": "true", children: [
-      /* @__PURE__ */ jsx(_$1, {}),
-      /* @__PURE__ */ jsx(F$2, {}),
-      /* @__PURE__ */ jsx(d$3, {}),
-      /* @__PURE__ */ jsx(v$2, {})
+    /* @__PURE__ */ h(U, { "data-active": e === 5, "data-correct": "true", children: [
+      /* @__PURE__ */ t(W2, {}),
+      /* @__PURE__ */ t(Z2, {}),
+      /* @__PURE__ */ t(G2, {}),
+      /* @__PURE__ */ t(Q2, {})
     ] })
-  ] }) : /* @__PURE__ */ jsxs(l$7, { "data-active": n2 === 4, "data-correct": "false", children: [
-    /* @__PURE__ */ jsx(f$5, {}),
-    /* @__PURE__ */ jsx(q, {}),
-    /* @__PURE__ */ jsx(y$1, {}),
-    /* @__PURE__ */ jsx(z$2, {})
+  ] }) : /* @__PURE__ */ h(U, { "data-active": e === 4, "data-correct": "false", children: [
+    /* @__PURE__ */ t(fn, {}),
+    /* @__PURE__ */ t(gn, {}),
+    /* @__PURE__ */ t(In, {}),
+    /* @__PURE__ */ t(bn, {})
   ] })
-] });
-const A$1 = 118, t$6 = () => f$c, f$4 = /* @__PURE__ */ styled_default(t$6())({
+] }), yn = 118, wn = () => n2, Ln = /* @__PURE__ */ i(wn())({
   name: "Container",
   class: "c10131zw",
-  propsAsIs: true
-}), C$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), kn = /* @__PURE__ */ i("div")({
   name: "InnerContainer",
   class: "ir6k2eo",
-  propsAsIs: false
-}), b$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), B = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1hwoq9l",
-  propsAsIs: false
-}), c$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), W = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "t4ujo4g",
-  propsAsIs: false
-}), r$4 = () => c$4, u = /* @__PURE__ */ styled_default(r$4())({
+  propsAsIs: !1
+}), _n = () => W, Nn = /* @__PURE__ */ i(_n())({
   name: "PointsTitle",
   class: "p1pjil1h",
-  propsAsIs: true
-}), v$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Y = /* @__PURE__ */ i("div")({
   name: "Subtitle",
   class: "s1iorwr9",
-  propsAsIs: false
-}), k$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), K2 = /* @__PURE__ */ i("div")({
   name: "SubtitleFG",
   class: "s51sv9d",
-  propsAsIs: false
-}), x$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), J = /* @__PURE__ */ i("div")({
   name: "AnswerText",
   class: "a1lbk2ye",
-  propsAsIs: false
-}), a$2 = () => B1, o$7 = /* @__PURE__ */ styled_default(a$2())({
+  propsAsIs: !1
+}), Sn = () => k, ge = /* @__PURE__ */ i(Sn())({
   name: "FeedbackIcon",
   class: "frcvk3t",
-  propsAsIs: true
-}), p$5 = () => o$7, T = /* @__PURE__ */ styled_default(p$5())({
+  propsAsIs: !0
+}), Tn = () => ge, Y2 = /* @__PURE__ */ i(Tn())({
   name: "FeedbackIconCorrect",
   class: "f33p82r",
-  propsAsIs: true
-}), l$6 = () => o$7, F$1 = /* @__PURE__ */ styled_default(l$6())({
+  propsAsIs: !0
+}), xn = () => ge, Rn = /* @__PURE__ */ i(xn())({
   name: "FeedbackIconIncorrect",
   class: "f12r9net",
-  propsAsIs: true
-}), _ = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), J2 = /* @__PURE__ */ i("div")({
   name: "CloseIconWrap",
   class: "c1fw6699",
-  propsAsIs: false
-}), I$3 = () => B1, w = /* @__PURE__ */ styled_default(I$3())({
+  propsAsIs: !1
+}), En = () => k, X2 = /* @__PURE__ */ i(En())({
   name: "CloseIcon",
   class: "c115o126",
-  propsAsIs: true
-});
-const E = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", R = "data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", W = (s2, i2, L2) => s2 === i2 ? "translateY(0px)" : s2 > i2 ? `translateY(${L2}px)` : "translateY(-100%)", D$1 = ({ close: s2, votedAnswer: i2, mastersApp: L2, correct: a2, correctAnswerTitle: w$12, questionTitle: k2, saveHeight: u$12, style: n2, hiding: x2 }) => {
-  const [c2, b2] = useState(1), H = useRef({});
-  useEffect(() => {
-    const l2 = setInterval(() => {
-      b2((e2) => a2 && e2 > 4 || !a2 && e2 > 3 ? e2 : ++e2);
+  propsAsIs: !0
+}), Vn = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", Hn = "data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", zn = (e, s, n) => e === s ? "translateY(0px)" : e > s ? `translateY(${n}px)` : "translateY(-100%)", Mn = ({ close: e, votedAnswer: s, mastersApp: n, correct: a, correctAnswerTitle: r, questionTitle: o, saveHeight: l, style: c, hiding: d }) => {
+  const [m, f] = w(1), u = E({});
+  y(() => {
+    const I = setInterval(() => {
+      f((v) => a && v > 4 || !a && v > 3 ? v : ++v);
     }, 3e3);
-    return () => clearInterval(l2);
-  }, [a2]), useEffect(() => {
-    var l2, e2;
-    H.current[c2] && u$12(((e2 = (l2 = H.current[c2]) == null ? void 0 : l2.getBoundingClientRect()) == null ? void 0 : e2.height) || A$1);
-  }, [c2, u$12]);
-  const r2 = (l2) => (e2) => {
-    H.current && (H.current[l2] = e2);
-  }, h2 = (l2) => ({ transform: W(l2, c2, n2.height) }), V2 = { ...n2 };
-  return L2 && V2.height && typeof V2.height == "number" && (V2.height += 32), /* @__PURE__ */ jsx(f$4, { style: n2.height ? V2 : { ...n2, paddingTop: 0, paddingBottom: 0 }, hiding: x2, children: /* @__PURE__ */ jsxs(
-    C$1,
+    return () => clearInterval(I);
+  }, [a]), y(() => {
+    u.current[m] && l(u.current[m]?.getBoundingClientRect()?.height || yn);
+  }, [m, l]);
+  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,
     {
       style: {
-        height: n2.height,
-        minHeight: n2.height,
-        backgroundColor: c2 > 3 ? a2 ? "var(--color-sdk-prediction-result-success-bg)" : "var(--color-sdk-prediction-result-incorrect-bg)" : "var(--color-primary-1)"
+        height: c.height,
+        minHeight: c.height,
+        backgroundColor: m > 3 ? a ? "var(--color-sdk-prediction-result-success-bg)" : "var(--color-sdk-prediction-result-incorrect-bg)" : "var(--color-primary-1)"
       },
       children: [
-        /* @__PURE__ */ jsx(s$1, { step: c2, correct: a2 }),
-        L2 && /* @__PURE__ */ jsxs(b$2, { ref: r2(1), style: h2(1), children: [
-          /* @__PURE__ */ jsx("img", { alt: "sponsor-logo", src: E }),
-          /* @__PURE__ */ jsx(k$1, { children: "Featured Groups +" })
+        /* @__PURE__ */ t(An, { step: m, correct: a }),
+        n && /* @__PURE__ */ h(B, { ref: p(1), style: C(1), children: [
+          /* @__PURE__ */ t("img", { alt: "sponsor-logo", src: Vn }),
+          /* @__PURE__ */ t(K2, { children: "Featured Groups +" })
         ] }),
-        !L2 && /* @__PURE__ */ jsx(b$2, { ref: r2(1), style: h2(1), children: /* @__PURE__ */ jsx("img", { alt: "sponsor-logo", src: R }) }),
-        /* @__PURE__ */ jsxs(b$2, { ref: r2(2), style: h2(2), children: [
-          /* @__PURE__ */ jsx(c$4, { children: "Prediction results are in!" }),
-          L2 && /* @__PURE__ */ jsx(k$1, { children: "Featured Groups +" })
+        !n && /* @__PURE__ */ t(B, { ref: p(1), style: C(1), children: /* @__PURE__ */ t("img", { alt: "sponsor-logo", src: Hn }) }),
+        /* @__PURE__ */ h(B, { ref: p(2), style: C(2), children: [
+          /* @__PURE__ */ t(W, { children: "Prediction results are in!" }),
+          n && /* @__PURE__ */ t(K2, { children: "Featured Groups +" })
         ] }),
-        /* @__PURE__ */ jsxs(b$2, { ref: r2(3), style: h2(3), children: [
-          /* @__PURE__ */ jsx(c$4, { children: k2 }),
-          /* @__PURE__ */ jsx(v$1, { children: /* @__PURE__ */ jsxs(x$1, { children: [
-            /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
+        /* @__PURE__ */ h(B, { ref: p(3), style: C(3), children: [
+          /* @__PURE__ */ t(W, { children: o }),
+          /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ h(J, { children: [
+            /* @__PURE__ */ t("span", { children: "Your Pick:" }),
             " ",
-            i2 == null ? void 0 : i2.title
+            s?.title
           ] }) })
         ] }),
-        a2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            b$2,
+        a ? /* @__PURE__ */ h(S, { children: [
+          /* @__PURE__ */ h(
+            B,
             {
-              ref: r2(4),
-              style: { ...h2(4), color: "var(--color-sdk-prediction-result-success-text)" },
+              ref: p(4),
+              style: { ...C(4), color: "var(--color-sdk-prediction-result-success-text)" },
               children: [
-                /* @__PURE__ */ jsxs(c$4, { children: [
+                /* @__PURE__ */ h(W, { children: [
                   "Congratulations!",
-                  /* @__PURE__ */ jsx("br", {}),
+                  /* @__PURE__ */ t("br", {}),
                   "You answered correctly."
                 ] }),
-                /* @__PURE__ */ jsxs(v$1, { children: [
-                  /* @__PURE__ */ jsx(T, { name: "selected" }),
-                  /* @__PURE__ */ jsxs(x$1, { children: [
-                    /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
+                /* @__PURE__ */ h(Y, { children: [
+                  /* @__PURE__ */ t(Y2, { name: "selected" }),
+                  /* @__PURE__ */ h(J, { children: [
+                    /* @__PURE__ */ t("span", { children: "Your Pick:" }),
                     " ",
-                    i2 == null ? void 0 : i2.title
+                    s?.title
                   ] })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
-            b$2,
+          /* @__PURE__ */ h(
+            B,
             {
-              ref: r2(5),
-              style: { ...h2(5), color: "var(--color-sdk-prediction-result-success-text)" },
+              ref: p(5),
+              style: { ...C(5), color: "var(--color-sdk-prediction-result-success-text)" },
               children: [
-                /* @__PURE__ */ jsx(u, { children: c2 === 5 && /* @__PURE__ */ jsx(d$a, { delay: 0.5, prefix: "+", suffix: " points", value: i2 == null ? void 0 : i2.points }) }),
-                /* @__PURE__ */ jsxs(v$1, { children: [
-                  /* @__PURE__ */ jsx(T, { name: "selected" }),
-                  /* @__PURE__ */ jsxs(x$1, { children: [
-                    /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
+                /* @__PURE__ */ t(Nn, { children: m === 5 && /* @__PURE__ */ t(i0, { delay: 0.5, prefix: "+", suffix: " points", value: s?.points }) }),
+                /* @__PURE__ */ h(Y, { children: [
+                  /* @__PURE__ */ t(Y2, { name: "selected" }),
+                  /* @__PURE__ */ h(J, { children: [
+                    /* @__PURE__ */ t("span", { children: "Your Pick:" }),
                     " ",
-                    i2 == null ? void 0 : i2.title
+                    s?.title
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx(_, { "data-a": "intr", onClick: s2, children: /* @__PURE__ */ jsx(w, { name: "icon-cross" }) })
+                /* @__PURE__ */ t(J2, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ t(X2, { name: "icon-cross" }) })
               ]
             }
           )
-        ] }) : /* @__PURE__ */ jsxs(b$2, { ref: r2(4), style: h2(4), children: [
-          /* @__PURE__ */ jsxs(c$4, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
+        ] }) : /* @__PURE__ */ h(B, { ref: p(4), style: C(4), children: [
+          /* @__PURE__ */ h(W, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
             "Better luck next time!",
-            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ t("br", {}),
             "Correct: ",
-            w$12,
+            r,
             "."
           ] }),
-          /* @__PURE__ */ jsxs(v$1, { style: { color: "var(--color-sdk-prediction-result-error-subtitle)" }, children: [
-            /* @__PURE__ */ jsx(F$1, { name: "circleClose" }),
-            /* @__PURE__ */ jsxs(x$1, { children: [
-              /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
+          /* @__PURE__ */ h(Y, { style: { color: "var(--color-sdk-prediction-result-error-subtitle)" }, children: [
+            /* @__PURE__ */ t(Rn, { name: "circleClose" }),
+            /* @__PURE__ */ h(J, { children: [
+              /* @__PURE__ */ t("span", { children: "Your Pick:" }),
               " ",
-              i2 == null ? void 0 : i2.title
+              s?.title
             ] })
           ] }),
-          /* @__PURE__ */ jsx(_, { "data-a": "intr", onClick: s2, children: /* @__PURE__ */ jsx(w, { name: "icon-cross" }) })
+          /* @__PURE__ */ t(J2, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ t(X2, { name: "icon-cross" }) })
         ] })
       ]
     }
   ) });
-};
-const I$2 = (e2) => {
-  const [i2, r2] = useState(false), [f2, s2] = useState(false), t2 = useRef(null), a2 = useCallback(() => {
-    s2(true), t2.current && clearTimeout(t2.current), t2.current = setTimeout(() => {
-      s2(false);
+}, On = (e) => {
+  const [s, n] = w(!1), [a, r] = w(!1), o = E(null), l = q(() => {
+    r(!0), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+      r(!1);
     }, 1e3);
-  }, []), l2 = useCallback(async (m2) => {
-    r2(true);
-    const d2 = m2.map(
-      (n2) => new Promise((g2, h2) => {
-        const o2 = new Image();
-        o2.onload = () => g2(n2), o2.onerror = () => h2(), o2.src = n2;
+  }, []), c = q(async (d) => {
+    n(!0);
+    const m = d.map(
+      (f) => new Promise((u, p) => {
+        const C = new Image();
+        C.onload = () => u(f), C.onerror = () => p(), C.src = f;
       })
     );
-    await Promise.allSettled(d2), r2(false);
+    await Promise.allSettled(m), n(!1);
   }, []);
-  return useEffect(() => {
-    e2 && (a2(), l2(e2));
-  }, [e2, a2, l2]), { loading: i2, throttled: f2 };
-};
-const e$6 = /* @__PURE__ */ styled_default("div")({
+  return y(() => {
+    e && (l(), c(e));
+  }, [e, l, c]), { loading: s, throttled: a };
+}, Dn = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "cl51m2q",
-  propsAsIs: false
-}), n$4 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), Fn = /* @__PURE__ */ i("img")({
   name: "Avatar",
   class: "a2yhhhr",
-  propsAsIs: false
-}), t$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Bn = /* @__PURE__ */ i("div")({
   name: "AvatarPlaceholder",
   class: "a1dtxxlr",
-  propsAsIs: false
-}), l$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), qn = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c12clm3w",
-  propsAsIs: false
-}), o$6 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), Un = /* @__PURE__ */ i("span")({
   name: "Name",
   class: "n14lctn7",
-  propsAsIs: false
-});
-const p$4 = ({ avatar: r2, name: e2 }) => /* @__PURE__ */ jsxs(e$6, { children: [
-  r2 && /* @__PURE__ */ jsx(n$4, { src: r2 }),
-  !r2 && /* @__PURE__ */ jsx(t$5, { children: I$a(e2 || "") }),
-  /* @__PURE__ */ jsxs(l$5, { children: [
-    /* @__PURE__ */ jsxs(o$6, { children: [
-      e2,
+  propsAsIs: !1
+}), jn = ({ 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: [
+      s,
       " "
     ] }),
     "is waiting for you!"
   ] })
-] });
-const n$3 = /* @__PURE__ */ styled_default("div")({
+] }), Pn = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1htq1lb",
-  propsAsIs: false
-}), e$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Wn = /* @__PURE__ */ i("div")({
   name: "Graphic",
   class: "gjyzpp7",
-  propsAsIs: false
-}), p$3 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), Zn = /* @__PURE__ */ i("img")({
   name: "GraphicImage",
   class: "g16mldgz",
-  propsAsIs: false
-}), o$5 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Gn = /* @__PURE__ */ i("div")({
   name: "Headline",
   class: "h69js65",
-  propsAsIs: false
-}), t$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Qn = /* @__PURE__ */ i("div")({
   name: "TaglineContainer",
   class: "tmm7qmo",
-  propsAsIs: false
-}), i$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Kn = /* @__PURE__ */ i("div")({
   name: "Tagline",
   class: "t17knuw2",
-  propsAsIs: false
-}), l$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Yn = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1b74psg",
-  propsAsIs: false
-}), r$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Jn = /* @__PURE__ */ i("div")({
   name: "StepsContainer",
   class: "s1y99ug7",
-  propsAsIs: false
-}), c$3 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), Xn = /* @__PURE__ */ i("span")({
   name: "StepIndicator",
   class: "sgf3v5n",
-  propsAsIs: false
-}), m$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ei = /* @__PURE__ */ i("div")({
   name: "InvitingUserWrap",
   class: "i1sj6gn8",
-  propsAsIs: false
-});
-const k = ({
-  loading: e2,
-  steps: a2,
-  currentStep: i2,
-  inviterName: l2
+  propsAsIs: !1
+}), si = ({
+  loading: e,
+  steps: s,
+  currentStep: n,
+  inviterName: a
 }) => {
-  const { headline: c2, tagline: o2 } = a2[i2];
-  return /* @__PURE__ */ jsxs(n$3, { children: [
-    o2 && /* @__PURE__ */ jsx(t$4, { children: /* @__PURE__ */ jsx(i$f, { loading: e2, children: /* @__PURE__ */ jsx(i$3, { children: o2 }) }) }),
-    /* @__PURE__ */ jsxs(l$4, { "data-welcome-screen": i2 === 0, children: [
-      /* @__PURE__ */ jsx(e$5, { children: /* @__PURE__ */ jsx(i$f, { loading: e2, children: a2.map(({ graphicSrc: d2 }, r2) => /* @__PURE__ */ jsx(p$3, { src: d2, "data-active": i2 === r2 })) }) }),
-      c2 && /* @__PURE__ */ jsx(i$f, { loading: e2, children: /* @__PURE__ */ jsx(o$5, { children: c2 }) })
+  const { headline: r, tagline: o } = s[n];
+  return /* @__PURE__ */ h(Pn, { 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 }) })
     ] }),
-    l2 && i2 === 0 && /* @__PURE__ */ jsx(m$3, { children: /* @__PURE__ */ jsx(p$4, { name: l2 }) }),
-    /* @__PURE__ */ jsx(r$3, { style: e2 ? { visibility: "hidden" } : {}, children: Array.from({ length: a2.length }).map((d2, r2) => /* @__PURE__ */ jsx(c$3, { "data-active": i2 === r2 }, r2)) })
+    a && n === 0 && /* @__PURE__ */ t(ei, { children: /* @__PURE__ */ t(jn, { 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)) })
   ] });
-};
-const t$3 = /* @__PURE__ */ styled_default("div")({
+}, ti = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "cm0bev",
-  propsAsIs: false
-}), l$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ni = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "ce7x737",
-  propsAsIs: false
-}), n$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ii = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "tc2tor6",
-  propsAsIs: false
-}), o$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ai = /* @__PURE__ */ i("div")({
   name: "RulesList",
   class: "r1k5klql",
-  propsAsIs: false
-}), a$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ri = /* @__PURE__ */ i("div")({
   name: "RulesItem",
   class: "r1tf3ft2",
-  propsAsIs: false
-}), c$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), oi = /* @__PURE__ */ i("div")({
   name: "RuleIcon",
   class: "rwpvg1k",
-  propsAsIs: false
-}), r$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), li = /* @__PURE__ */ i("div")({
   name: "RuleText",
   class: "rbxiag0",
-  propsAsIs: false
-}), p$2 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), ci = /* @__PURE__ */ i("button")({
   name: "TermsButton",
   class: "t6cyrry",
-  propsAsIs: false
-});
-const b$1 = ({
-  rules: e2,
-  rulesTitle: o2,
-  termsText: i2,
-  primaryColor: d2,
-  openTerms: l2
-}) => /* @__PURE__ */ jsxs(t$3, { children: [
-  /* @__PURE__ */ jsxs(l$3, { children: [
-    /* @__PURE__ */ jsx(n$2, { children: o2 }),
-    /* @__PURE__ */ jsx(o$4, { children: e2 == null ? void 0 : e2.map(({ label: c2, icon: r2 }, a2) => /* @__PURE__ */ jsxs(a$1, { children: [
-      r2 && /* @__PURE__ */ jsx(c$2, { style: { backgroundColor: d2 }, children: /* @__PURE__ */ jsx(B1, { name: r2, "data-icon": r2 }) }),
-      /* @__PURE__ */ jsx(r$2, { children: c2 })
-    ] }, a2)) })
+  propsAsIs: !1
+}), di = ({
+  rules: e,
+  rulesTitle: s,
+  termsText: n,
+  primaryColor: a,
+  openTerms: r
+}) => /* @__PURE__ */ h(ti, { children: [
+  /* @__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 }) }),
+      /* @__PURE__ */ t(li, { children: o })
+    ] }, c)) })
   ] }),
-  i2 && /* @__PURE__ */ jsx(p$2, { "data-a": "intr", onClick: l2, children: "See Terms and Conditions" })
-] });
-const t$2 = /* @__PURE__ */ styled_default("div")({
+  n && /* @__PURE__ */ t(ci, { "data-a": "intr", onClick: r, children: "See Terms and Conditions" })
+] }), pi = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "cj0g35h",
-  propsAsIs: false
-}), e$4 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), hi = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1xkhrbn",
-  propsAsIs: false
-}), o$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), mi = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "tifzb8b",
-  propsAsIs: false
-}), l$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), ui = /* @__PURE__ */ i("div")({
   name: "ScrollingText",
   class: "stduw5c",
-  propsAsIs: false
-});
-const s = ({ termsTitle: n2, termsText: e2 }) => /* @__PURE__ */ jsx(t$2, { children: /* @__PURE__ */ jsxs(e$4, { children: [
-  /* @__PURE__ */ jsx(o$3, { children: n2 }),
-  /* @__PURE__ */ jsx(l$2, { children: e2 })
-] }) });
-const o$2 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), fi = ({ termsTitle: e, termsText: s }) => /* @__PURE__ */ t(pi, { children: /* @__PURE__ */ h(hi, { children: [
+  /* @__PURE__ */ t(mi, { children: e }),
+  /* @__PURE__ */ t(ui, { children: s })
+] }) }), Ci = /* @__PURE__ */ i("button")({
   name: "SButton",
   class: "s1nve60q",
-  propsAsIs: false
-}), n$1 = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), gi = /* @__PURE__ */ i("span")({
   name: "ButtonLabel",
   class: "b1xoswwx",
-  propsAsIs: false
-});
-const d$2 = ({ disabled: r2, variant: a2 = "primary", onClick: o2, children: n2, ...i2 }) => /* @__PURE__ */ jsx(o$2, { "data-a": "intr", onClick: o2, disabled: r2, "data-variant": a2, ...i2, children: /* @__PURE__ */ jsx(n$1, { children: n2 }) });
-const i$2 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), vi = ({ disabled: e, variant: s = "primary", onClick: n, children: a, ...r }) => /* @__PURE__ */ t(Ci, { "data-a": "intr", onClick: n, disabled: e, "data-variant": s, ...r, children: /* @__PURE__ */ t(gi, { children: a }) }), Ii = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c18uddbs",
-  propsAsIs: false
-}), p$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), $i = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "cvcfjf6",
-  propsAsIs: false
-}), l$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), bi = /* @__PURE__ */ i("div")({
   name: "OnboardingHeader",
   class: "o1ie27lw",
-  propsAsIs: false
-}), d$1 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), Ai = /* @__PURE__ */ i("button")({
   name: "CloseBtn",
   class: "c15cjkwi",
-  propsAsIs: false
-}), t$1 = () => B1, m$2 = /* @__PURE__ */ styled_default(t$1())({
+  propsAsIs: !1
+}), yi = () => k, wi = /* @__PURE__ */ i(yi())({
   name: "IconClose",
   class: "i1mavjt2",
-  propsAsIs: true
-}), f$3 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Li = /* @__PURE__ */ i("div")({
   name: "OnboardingFooter",
   class: "o1x0dyzv",
-  propsAsIs: false
-}), e$3 = () => d$2, I$1 = /* @__PURE__ */ styled_default(e$3())({
+  propsAsIs: !1
+}), ki = () => vi, _i = /* @__PURE__ */ i(ki())({
   name: "OnboardingActionBtn",
   class: "o1jfi9c3",
-  propsAsIs: true
-});
-const o$1 = {
-  steps: false,
-  rules: false,
-  inviteCard: false
-}, tn = ({
-  gamification: I2,
-  steps: n2,
-  rules: t2,
-  rulesBtnLabel: c2,
-  rulesTitle: T2,
-  termsTitle: x2,
-  termsText: u2,
-  primaryColor: g2,
-  inviteLink: D2,
-  inviteCardTitle: k$12,
-  inviteCardSubtext: w2,
-  inviteCardBtnLabel: b2,
-  loading: d2,
-  inviterName: f2,
-  sdk: C2,
-  onClose: A2
+  propsAsIs: !0
+}), j = {
+  steps: !1,
+  rules: !1,
+  inviteCard: !1
+}, Ni = ({
+  gamification: e,
+  steps: s,
+  rules: n,
+  rulesBtnLabel: a,
+  rulesTitle: r,
+  termsTitle: o,
+  termsText: l,
+  primaryColor: c,
+  inviteLink: d,
+  inviteCardTitle: m,
+  inviteCardSubtext: f,
+  inviteCardBtnLabel: u,
+  loading: p,
+  inviterName: C,
+  sdk: g,
+  onClose: I
 }) => {
-  const [a2, O2] = useState(0), [l2, S2] = useState(false), [e2, r2] = useState(o$1);
-  useEffect(() => {
-    n2 != null && n2.length ? r2({ ...o$1, steps: true }) : t2 != null && t2.length ? r2({ ...o$1, rules: true }) : r2({ ...o$1, inviteCard: true });
+  const [v, A] = w(0), [b, N] = w(!1), [L, x] = w(j);
+  y(() => {
+    s?.length ? x({ ...j, steps: !0 }) : n?.length ? x({ ...j, rules: !0 }) : x({ ...j, inviteCard: !0 });
   }, []);
-  const j2 = useMemo(() => e2.steps && a2 === 0 ? "Continue" : e2.rules ? l2 || !c2 ? "Got it" : c2 : e2.inviteCard ? b2 || "Play Now" : "Next", [e2, a2, l2, c2, b2]), p2 = useCallback(() => {
-    n2 != null && n2.length && a2 < n2.length - 1 ? O2((m2) => ++m2) : t2 != null && t2.length && e2.steps ? r2({ ...o$1, rules: true }) : e2.rules && r2({ ...o$1, inviteCard: true });
-  }, [a2, n2 == null ? void 0 : n2.length, t2 == null ? void 0 : t2.length, e2, O2, r2]), H = async () => {
-    e2.inviteCard ? await I2.onboardingStatus.submitInplay() : e2.rules && l2 ? S2(false) : p2();
+  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();
   };
-  return useEffect(() => {
-    !d2 && f2 && C2.inviteDisplayed();
-  }, [d2, f2, C2]), /* @__PURE__ */ jsx(AutoSizer, { children: ({ width: m2, height: y2 }) => /* @__PURE__ */ jsxs(i$2, { style: { width: m2, height: y2, maxHeight: y2 }, children: [
-    /* @__PURE__ */ jsx(l$1, { children: /* @__PURE__ */ jsx(d$1, { "data-a": "intr", onClick: A2, children: /* @__PURE__ */ jsx(m$2, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ jsxs(p$1, { children: [
-      e2.steps && (n2 == null ? void 0 : n2.length) && /* @__PURE__ */ jsx(
-        k,
+  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(
+        si,
         {
-          loading: d2,
-          steps: n2,
-          currentStep: a2,
-          inviterName: f2
+          loading: p,
+          steps: s,
+          currentStep: v,
+          inviterName: C
         }
       ),
-      e2.rules && !l2 && /* @__PURE__ */ jsx(
-        b$1,
+      L.rules && !b && /* @__PURE__ */ t(
+        di,
         {
-          rules: t2,
-          rulesTitle: T2,
-          termsText: u2,
-          primaryColor: g2,
-          openTerms: () => S2(true)
+          rules: n,
+          rulesTitle: r,
+          termsText: l,
+          primaryColor: c,
+          openTerms: () => N(!0)
         }
       ),
-      e2.rules && l2 && /* @__PURE__ */ jsx(s, { termsTitle: x2, termsText: u2 }),
-      e2.inviteCard && /* @__PURE__ */ jsx(
-        M$1,
+      L.rules && b && /* @__PURE__ */ t(fi, { termsTitle: o, termsText: l }),
+      L.inviteCard && /* @__PURE__ */ t(
+        fe,
         {
-          inviteLink: D2,
-          inviteCardTitle: k$12,
-          inviteCardSubtext: w2,
-          primaryColor: g2
+          inviteLink: d,
+          inviteCardTitle: m,
+          inviteCardSubtext: f,
+          primaryColor: c
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(f$3, { children: /* @__PURE__ */ jsx(i$f, { loading: d2, style: { width: "100%" }, children: /* @__PURE__ */ jsx(I$1, { "data-a": "intr", onClick: H, children: j2 }) }) })
+    /* @__PURE__ */ t(Li, { children: /* @__PURE__ */ t(M, { loading: p, style: { width: "100%" }, children: /* @__PURE__ */ t(_i, { "data-a": "intr", onClick: Ae, children: $e }) }) })
   ] }) });
-};
-const a = /* @__PURE__ */ styled_default("div")({
+}, Si = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c1qjj4d4",
-  propsAsIs: false
-}), c$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Ti = /* @__PURE__ */ i("div")({
   name: "CloseIconWrap",
   class: "c1lg6b8a",
-  propsAsIs: false
-}), e$2 = () => B1, l = /* @__PURE__ */ styled_default(e$2())({
+  propsAsIs: !1
+}), xi = () => k, Ri = /* @__PURE__ */ i(xi())({
   name: "CloseIcon",
   class: "c159el66",
-  propsAsIs: true
-}), p = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Ei = /* @__PURE__ */ i("div")({
   name: "Title",
   class: "t16xmufv",
-  propsAsIs: false
-}), i$1 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), Vi = /* @__PURE__ */ i("img")({
   name: "SponsorLogo",
   class: "s83lc21",
-  propsAsIs: false
-}), r$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Hi = /* @__PURE__ */ i("div")({
   name: "PresentsTitle",
   class: "p1p7igia",
-  propsAsIs: false
-}), m$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), zi = /* @__PURE__ */ i("div")({
   name: "Subtitle",
   class: "s1eftsbu",
-  propsAsIs: false
-}), I = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Mi = /* @__PURE__ */ i("div")({
   name: "Description",
   class: "d8uezec",
-  propsAsIs: false
-}), f$2 = /* @__PURE__ */ styled_default("button")({
+  propsAsIs: !1
+}), Oi = /* @__PURE__ */ i("button")({
   name: "ActionButton",
   class: "a1h1bk90",
-  propsAsIs: false
-});
-const y = ({ close: r2, action: S2, onboarding: t2 }) => {
-  var l$12, s2, c2, C2, p$12, h2, m2, i2;
-  return /* @__PURE__ */ jsxs(a, { children: [
-    /* @__PURE__ */ jsx(c$1, { "data-a": "intr", onClick: r2, children: /* @__PURE__ */ jsx(l, { name: "icon-cross" }) }),
-    ((s2 = (l$12 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : l$12.media) == null ? void 0 : s2.sponsorLogo) && /* @__PURE__ */ jsxs(p, { children: [
-      /* @__PURE__ */ jsx(i$1, { alt: "sponsor-logo", src: (C2 = (c2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : c2.media) == null ? void 0 : C2.sponsorLogo }),
-      /* @__PURE__ */ jsx(r$1, { children: "PRESENTS" })
-    ] }),
-    ((p$12 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : p$12.title) && /* @__PURE__ */ jsx(m$1, { children: (h2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : h2.title }),
-    ((m2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : m2.subtitle) && /* @__PURE__ */ jsx(I, { children: (i2 = t2 == null ? void 0 : t2.titleCard) == null ? void 0 : i2.subtitle }),
-    /* @__PURE__ */ jsx(f$2, { "data-a": "intr", onClick: S2, children: "Play Now" })
-  ] });
-};
-const C = [{
+  propsAsIs: !1
+}), ee = ({ close: e, action: s, onboarding: n }) => /* @__PURE__ */ h(Si, { children: [
+  /* @__PURE__ */ t(Ti, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ t(Ri, { name: "icon-cross" }) }),
+  n?.titleCard?.media?.sponsorLogo && /* @__PURE__ */ h(Ei, { children: [
+    /* @__PURE__ */ t(Vi, { alt: "sponsor-logo", src: n?.titleCard?.media?.sponsorLogo }),
+    /* @__PURE__ */ t(Hi, { children: "PRESENTS" })
+  ] }),
+  n?.titleCard?.title && /* @__PURE__ */ t(zi, { children: n?.titleCard?.title }),
+  n?.titleCard?.subtitle && /* @__PURE__ */ t(Mi, { children: n?.titleCard?.subtitle }),
+  /* @__PURE__ */ t(Oi, { "data-a": "intr", onClick: s, children: "Play Now" })
+] }), ve = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
-  headline: /* @__PURE__ */ jsxs(Fragment, {
-    children: ["Welcome to ", /* @__PURE__ */ jsx("br", {}), " Live Challenge"]
+  headline: /* @__PURE__ */ h(S, {
+    children: ["Welcome to ", /* @__PURE__ */ t("br", {}), " Live Challenge"]
   })
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",
@@ -2470,51 +2127,49 @@ const C = [{
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
   headline: "Win points and play against friends."
-}], z$1 = /* @__PURE__ */ styled_default("div")({
+}], Di = /* @__PURE__ */ i("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
-  propsAsIs: false
-}), D = () => f$c, G = /* @__PURE__ */ styled_default(D())({
+  propsAsIs: !1
+}), Fi = () => n2, Bi = /* @__PURE__ */ i(Fi())({
   name: "OnboardingNotificationContainer",
   class: "o1vnouv7",
-  propsAsIs: true
-}), x = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), se = /* @__PURE__ */ i("div")({
   name: "InnerContainer",
   class: "i59uefw",
-  propsAsIs: false
-}), U$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), qi = /* @__PURE__ */ i("div")({
   name: "OnboardingOverlap",
   class: "ovnr8ov",
-  propsAsIs: false
-}), J = ({
-  deepLink: l2,
-  onboardingOpts: e2,
-  notification: o2,
-  gamification: d2,
-  loading: s2,
-  sdk: c2,
-  throttled: I2
+  propsAsIs: !1
+}), Ui = ({
+  deepLink: e,
+  onboardingOpts: s,
+  notification: n,
+  gamification: a,
+  loading: r,
+  sdk: o,
+  throttled: l
 }) => {
-  var a2, b2, h2, f2, v2, t2, m2;
-  const u2 = useStore(d2.friends ? d2.friends.getStore() : createSingleStore({
+  const c = $(a.friends ? a.friends.getStore() : de({
     data: []
-  })), [r2, S2] = useState(void 0), g2 = useMemo(() => {
-    var p2, w2;
-    const i2 = c2.getInviter();
-    return i2 ? (w2 = (p2 = u2.data) == null ? void 0 : p2.find(({
-      slId: B2
-    }) => B2 === i2)) == null ? void 0 : w2.name : "";
-  }, [u2.data, c2]);
-  return useEffect(() => {
-    const i2 = l2.$store.subscribe((p2) => {
-      p2 && S2(p2.data);
+  })), [d, m] = w(void 0), f = z(() => {
+    const u = o.getInviter();
+    return u ? c.data?.find(({
+      slId: p
+    }) => p === u)?.name : "";
+  }, [c.data, o]);
+  return y(() => {
+    const u = e.$store.subscribe((p) => {
+      p && m(p.data);
     });
     return () => {
-      i2();
+      u();
     };
-  }, [l2.$store]), /* @__PURE__ */ jsxs(z$1, {
-    children: [/* @__PURE__ */ jsx(tn, {
-      loading: s2,
+  }, [e.$store]), /* @__PURE__ */ h(Di, {
+    children: [/* @__PURE__ */ t(Ni, {
+      loading: r,
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -2525,413 +2180,400 @@ const C = [{
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (a2 = e2.rules) == null ? void 0 : a2.buttonLabel,
-      rulesTitle: (b2 = e2.rules) == null ? void 0 : b2.heading,
+      rulesBtnLabel: s.rules?.buttonLabel,
+      rulesTitle: s.rules?.heading,
       termsTitle: "Terms and Conditions",
-      termsText: (h2 = e2.rules) == null ? void 0 : h2.terms,
-      steps: C,
-      primaryColor: (f2 = e2.inviteCard) == null ? void 0 : f2.iconColor,
-      inviteLink: r2,
-      inviteCardTitle: (v2 = e2.inviteCard) == null ? void 0 : v2.heading,
-      inviteCardSubtext: (t2 = e2.inviteCard) == null ? void 0 : t2.subtext,
-      inviteCardBtnLabel: (m2 = e2.inviteCard) == null ? void 0 : m2.buttonLabel,
+      termsText: s.rules?.terms,
+      steps: ve,
+      primaryColor: s.inviteCard?.iconColor,
+      inviteLink: d,
+      inviteCardTitle: s.inviteCard?.heading,
+      inviteCardSubtext: s.inviteCard?.subtext,
+      inviteCardBtnLabel: s.inviteCard?.buttonLabel,
       onClose: () => {
-        var i2;
-        (i2 = o2.close) == null || i2.call(o2);
+        n.close?.();
       },
-      gamification: d2,
-      sdk: c2,
-      inviterName: g2
-    }), I2 && /* @__PURE__ */ jsx(U$1, {})]
+      gamification: a,
+      sdk: o,
+      inviterName: f
+    }), l && /* @__PURE__ */ t(qi, {})]
   });
-}, ie = ({
-  sdk: l2,
-  notification: e2,
-  saveHeight: o2,
-  style: d2,
-  appNode: s2,
-  sdkInDesktopView: c2,
-  responsiveStore: I2
+}, ji = ({
+  sdk: e,
+  notification: s,
+  saveHeight: n,
+  style: a,
+  appNode: r,
+  sdkInDesktopView: o,
+  responsiveStore: l
 }) => {
-  const u2 = useRef(null), r2 = e2.data.onboarding, [S2, g2] = useState(r2 == null ? void 0 : r2.instantOpen), a2 = l2.getFeature(SdkOverlayType.GAMES), b2 = useMemo(() => C == null ? void 0 : C.map(({
-    graphicSrc: t2
-  }) => t2), []), {
-    screen: h2
-  } = useStore(I2, {
+  const c = E(null), d = s.data.onboarding, [m, f] = w(d?.instantOpen), u = e.getFeature(V.GAMES), p = z(() => ve?.map(({
+    graphicSrc: v
+  }) => v), []), {
+    screen: C
+  } = $(l, {
     keys: ["screen"]
   });
-  useLayoutEffect(() => {
-    var t2;
-    o2(((t2 = u2.current) == null ? void 0 : t2.getBoundingClientRect().height) || 0);
-  }, [o2]);
+  Fe(() => {
+    n(c.current?.getBoundingClientRect().height || 0);
+  }, [n]);
   const {
-    loading: f2,
-    throttled: v2
-  } = I$2(b2);
-  return S2 && a2 && r2 && s2.current ? /* @__PURE__ */ jsx(T$3, {
-    container: s2,
-    useContainer: !c2,
-    children: /* @__PURE__ */ jsx(J, {
-      throttled: v2,
-      notification: e2,
-      setOpened: g2,
-      gamification: a2,
-      onboardingOpts: r2,
-      deepLink: a2.deepLink,
-      loading: f2,
-      renderToNode: s2,
-      sdk: l2
+    loading: g,
+    throttled: I
+  } = On(p);
+  return m && u && d && r.current ? /* @__PURE__ */ t(me, {
+    container: r,
+    useContainer: !o,
+    children: /* @__PURE__ */ t(Ui, {
+      throttled: I,
+      notification: s,
+      setOpened: f,
+      gamification: u,
+      onboardingOpts: d,
+      deepLink: u.deepLink,
+      loading: g,
+      renderToNode: r,
+      sdk: e
     })
-  }) : /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(x, {
-      ref: u2,
+  }) : /* @__PURE__ */ h(S, {
+    children: [/* @__PURE__ */ t(se, {
+      ref: c,
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ jsx(y, {
+      children: /* @__PURE__ */ t(ee, {
         close: () => {
         },
         action: () => {
         },
-        onboarding: r2
+        onboarding: d
       })
-    }), /* @__PURE__ */ jsx(G, {
-      style: d2,
-      hiding: e2.hiding,
-      children: /* @__PURE__ */ jsx(x, {
-        children: /* @__PURE__ */ jsx(y, {
-          close: e2.close,
+    }), /* @__PURE__ */ t(Bi, {
+      style: a,
+      hiding: s.hiding,
+      children: /* @__PURE__ */ t(se, {
+        children: /* @__PURE__ */ t(ee, {
+          close: s.close,
           action: () => {
-            var m2;
-            g2(true), (((m2 = s2.current) == null ? void 0 : m2.getBoundingClientRect().y) || 0) < 0 && I$9(s2, h2.size, {
+            f(!0), (r.current?.getBoundingClientRect().y || 0) < 0 && m2(r, C.size, {
               behavior: "smooth"
             });
           },
-          onboarding: r2
+          onboarding: d
         })
       })
     })]
   });
-};
-const n = /* @__PURE__ */ styled_default("button")({
+}, Pi = /* @__PURE__ */ i("button")({
   name: "Container",
   class: "crkmfw1",
-  propsAsIs: false
-}), e$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), Wi = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c11awpy4",
-  propsAsIs: false
-}), o = /* @__PURE__ */ styled_default("span")({
+  propsAsIs: !1
+}), Zi = /* @__PURE__ */ i("span")({
   name: "Title",
   class: "t154z7mh",
-  propsAsIs: false
-});
-const f$1 = ({ title: n$12, onClick: t2, className: a2, style: i2 }) => /* @__PURE__ */ jsx(n, { "data-a": "intr", onClick: t2, className: a2, style: i2, children: /* @__PURE__ */ jsxs(e$1, { "data-a": "intr", children: [
-  /* @__PURE__ */ jsx(B1, { "data-a": "intr", name: "iconUp" }),
-  n$12 && /* @__PURE__ */ jsx(o, { "data-a": "intr", children: n$12 })
-] }) });
-const e = () => f$c, c = /* @__PURE__ */ styled_default(e())({
+  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" }),
+  e && /* @__PURE__ */ t(Zi, { "data-a": "intr", children: e })
+] }) }), Qi = () => n2, Ki = /* @__PURE__ */ i(Qi())({
   name: "Container",
   class: "c8ol1ve",
-  propsAsIs: true
-}), t = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Ie = /* @__PURE__ */ i("div")({
   name: "InnerContainer",
   class: "iqfywam",
-  propsAsIs: false
-}), i = () => t, m = /* @__PURE__ */ styled_default(i())({
+  propsAsIs: !1
+}), Yi = () => Ie, Ji = /* @__PURE__ */ i(Yi())({
   name: "HiddenContainer",
   class: "hokmtod",
-  propsAsIs: true
-}), f = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), Xi = /* @__PURE__ */ i("div")({
   name: "NotificationRefreshing",
   class: "n192d1q8",
-  propsAsIs: false
-}), r = () => f$1, d = /* @__PURE__ */ styled_default(r())({
+  propsAsIs: !1
+}), ea = () => Gi, sa = /* @__PURE__ */ i(ea())({
   name: "Pill",
   class: "p1lha68t",
-  propsAsIs: true
-});
-const v = (r2) => {
-  const [e2, d2] = useState(0), i2 = useRef(null), l2 = useMemo(() => new ResizeObserver((n2) => {
+  propsAsIs: !0
+}), ta = (e) => {
+  const [s, n] = w(0), a = E(null), r = z(() => new ResizeObserver((c) => {
     window.requestAnimationFrame(() => {
-      var f2;
-      if (Array.isArray(n2)) {
-        for (const c2 of n2)
-          if (c2.contentBoxSize) {
-            const o2 = (f2 = i2.current) == null ? void 0 : f2.getBoundingClientRect();
-            o2 && d2(o2.height);
+      if (Array.isArray(c)) {
+        for (const d of c)
+          if (d.contentBoxSize) {
+            const m = a.current?.getBoundingClientRect();
+            m && n(m.height);
           }
       }
     });
-  }), []), s2 = useCallback((n2) => {
-    i2.current = n2;
-  }, []), a2 = useCallback((n2) => {
-    d2(n2);
+  }), []), o = q((c) => {
+    a.current = c;
+  }, []), l = q((c) => {
+    n(c);
   }, []);
-  return useEffect(() => {
-    const n2 = i2.current;
-    return n2 ? (l2.observe(n2), () => {
-      l2.unobserve(n2);
+  return y(() => {
+    const c = a.current;
+    return c ? (r.observe(c), () => {
+      r.unobserve(c);
     }) : () => {
     };
-  }, [r2]), useEffect(() => () => {
-    l2.disconnect();
-  }), [s2, e2, a2];
-}, Q = ({
-  sdk: r2,
-  notification: e2,
-  appNode: d2,
-  responsiveStore: i2,
-  hasActiveFeature: l2
+  }, [e]), y(() => () => {
+    r.disconnect();
+  }), [o, s, l];
+}, na = ({
+  sdk: e,
+  notification: s,
+  appNode: n,
+  responsiveStore: a,
+  hasActiveFeature: r
 }) => {
-  var t$12, m$12;
   const {
-    sdkInDesktopView: s2
-  } = useStore(i2, {
+    sdkInDesktopView: o
+  } = $(a, {
     keys: ["sdkInDesktopView"]
   }), {
-    sdk: a2
-  } = p$h(), [n2, f$12, c$12] = v(e2.id);
-  let o2 = f$12;
-  return l2 || (o2 = "auto"), e2.type === NotificationType.QUESTION ? /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(m, {
-      ref: n2,
-      children: /* @__PURE__ */ jsx(w$2, {
-        ...e2
+    sdk: l
+  } = p2(), [c, d, m] = ta(s.id);
+  let f = d;
+  return r || (f = "auto"), s.type === X.QUESTION ? /* @__PURE__ */ h(S, {
+    children: [/* @__PURE__ */ t(Ji, {
+      ref: c,
+      children: /* @__PURE__ */ t(q2, {
+        ...s
       })
-    }), /* @__PURE__ */ jsxs(c, {
+    }), /* @__PURE__ */ h(Ki, {
       style: {
-        height: e2.hiding ? 0 : o2
+        height: s.hiding ? 0 : f
       },
-      hiding: e2.hiding,
-      children: [/* @__PURE__ */ jsx(t, {
+      hiding: s.hiding,
+      children: [/* @__PURE__ */ t(Ie, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ jsx(w$2, {
-          ...e2,
-          controlVideo: a2 == null ? void 0 : a2.controlVideoPlayer
+        children: /* @__PURE__ */ t(q2, {
+          ...s,
+          controlVideo: l?.controlVideoPlayer
         })
-      }), /* @__PURE__ */ jsx(f, {}, e2.id)]
+      }), /* @__PURE__ */ t(Xi, {}, s.id)]
     })]
-  }) : e2.type === NotificationType.QUESTION_RESOLVED && ((m$12 = (t$12 = e2.data) == null ? void 0 : t$12.question) != null && m$12.predictionResult) ? /* @__PURE__ */ jsx(D$1, {
+  }) : s.type === X.QUESTION_RESOLVED && s.data?.question?.predictionResult ? /* @__PURE__ */ t(Mn, {
     style: {
-      height: e2.hiding ? 0 : f$12
+      height: s.hiding ? 0 : d
     },
-    saveHeight: c$12,
-    close: e2.close,
-    hiding: e2.hiding,
-    ...e2.data.question
-  }) : e2.type === NotificationType.ONBOARDING ? /* @__PURE__ */ jsx(ie, {
+    saveHeight: m,
+    close: s.close,
+    hiding: s.hiding,
+    ...s.data.question
+  }) : s.type === X.ONBOARDING ? /* @__PURE__ */ t(ji, {
     style: {
-      height: e2.hiding ? 0 : o2
+      height: s.hiding ? 0 : f
     },
-    saveHeight: c$12,
-    sdk: r2,
-    notification: e2,
-    sdkInDesktopView: s2,
-    appNode: d2,
-    responsiveStore: i2
+    saveHeight: m,
+    sdk: e,
+    notification: s,
+    sdkInDesktopView: o,
+    appNode: n,
+    responsiveStore: a
   }) : null;
-}, F = "p7vfi6t", U = ({
-  pill: r2,
-  setPill: e2,
-  appNode: d$12,
-  headerNode: i2,
-  scrollNode: l2,
-  responsiveStore: s2,
-  scrollStore: a2
+}, ia = "p7vfi6t", aa = ({
+  pill: e,
+  setPill: s,
+  appNode: n,
+  headerNode: a,
+  scrollNode: r,
+  responsiveStore: o,
+  scrollStore: l
 }) => {
-  var t2, m2;
   const {
-    screen: n2
-  } = useStore(s2, {
+    screen: c
+  } = $(o, {
     keys: ["screen"]
   }), {
-    tabsShown: f2,
-    scrollPosition: c2
-  } = useStore(a2, {
+    tabsShown: d,
+    scrollPosition: m
+  } = $(l, {
     keys: ["tabsShown", "scrollPosition"]
   });
-  useEffect(() => {
-    s2.get().sdkInDesktopView ? c2 < 50 && e2(null) : c2 > -50 && e2(null);
-  }, [c2, s2, e2]);
-  const o2 = s2.get().sdkInDesktopView ? d$12 : i2;
-  return !r2 || !o2.current ? null : createPortal(/* @__PURE__ */ jsx(d, {
-    title: r2.type === NotificationType.QUESTION_RESOLVED ? "Prediction result" : `New ${((m2 = e$k[(t2 = r2.data) == null ? void 0 : t2.questionType]) == null ? void 0 : m2.label) || "notification"}`,
+  y(() => {
+    o.get().sdkInDesktopView ? m < 50 && s(null) : m > -50 && s(null);
+  }, [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"}`,
     "data-a": "intr",
     onClick: () => {
-      var g2;
-      s2.get().sdkInDesktopView ? (g2 = l2.current) == null || g2.scrollTo({
+      o.get().sdkInDesktopView ? r.current?.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : I$9(d$12, n2.size, {
+      }) : m2(n, c.size, {
         behavior: "smooth"
-      }), e2(null);
+      }), s(null);
     },
-    className: cx_default(f2 && F, "sl-pill-button")
-  }), o2.current);
-}, ne = ({
-  sdk: r2,
-  headerNode: e2,
-  scrollNode: d2,
-  responsiveStore: i2,
-  appNode: l2,
-  scrollStore: s2,
-  hasActiveFeature: a2
+    className: D(d && ia, "sl-pill-button")
+  }), f.current);
+}, ra = ({
+  sdk: e,
+  headerNode: s,
+  scrollNode: n,
+  responsiveStore: a,
+  appNode: r,
+  scrollStore: o,
+  hasActiveFeature: l
 }) => {
-  const [n2] = useState(r2.getNotificationsStore()), f2 = useStore(n2), [c2, o2] = useState(null), t2 = useMemo(() => r2.getActiveNotification(), [r2, f2]);
-  return useEffect(() => {
-    t2 && eventBus.emit("notification", {
+  const [c] = w(e.getNotificationsStore()), d = $(c), [m, f] = w(null), u = z(() => e.getActiveNotification(), [e, d]);
+  return y(() => {
+    u && n0.emit("notification", {
       action: "rendered",
       payload: {
-        questionId: t2.data.questionId,
-        questionType: t2.data.questionType
+        questionId: u.data.questionId,
+        questionType: u.data.questionType
       }
     });
-  }, [t2]), useEffect(() => {
+  }, [u]), y(() => {
     const {
-      sdkInDesktopView: m2,
-      sdkInView: g2
-    } = i2.get();
-    t2 && (m2 || g2) && (!m2 && g2 && o2(t2), m2 && window.requestAnimationFrame(() => {
-      s2.get().scrollPosition !== 0 && o2(t2);
+      sdkInDesktopView: p,
+      sdkInView: C
+    } = a.get();
+    u && (p || C) && (!p && C && f(u), p && window.requestAnimationFrame(() => {
+      o.get().scrollPosition !== 0 && f(u);
     }));
-  }, [t2]), useEffect(() => {
-    t2 || o2(null);
-  }, [t2]), /* @__PURE__ */ jsxs(Fragment, {
-    children: [!c2 && t2 && /* @__PURE__ */ jsx(Q, {
-      appNode: l2,
-      sdk: r2,
-      hasActiveFeature: a2,
-      notification: t2,
-      responsiveStore: i2
-    }), c2 && /* @__PURE__ */ jsx(U, {
-      pill: c2,
-      setPill: o2,
-      appNode: l2,
-      notification: t2,
-      headerNode: e2,
-      scrollNode: d2,
-      scrollStore: s2,
-      responsiveStore: i2
+  }, [u]), y(() => {
+    u || f(null);
+  }, [u]), /* @__PURE__ */ h(S, {
+    children: [!m && u && /* @__PURE__ */ t(na, {
+      appNode: r,
+      sdk: e,
+      hasActiveFeature: l,
+      notification: u,
+      responsiveStore: a
+    }), m && /* @__PURE__ */ t(aa, {
+      pill: m,
+      setPill: f,
+      appNode: r,
+      notification: u,
+      headerNode: s,
+      scrollNode: n,
+      scrollStore: o,
+      responsiveStore: a
     })]
   });
-};
-const A = (e2) => {
-  const u2 = useStore(e2.status), a2 = useStore(e2.sdkStore.slStreamId), c2 = useStore(e2.userId()), r2 = useStore(e2.getActiveFeature()), n2 = u2 === "ready" && !!a2.data;
-  return useEffect(() => {
-    const t2 = e2.getFeature(SdkOverlayType.GAMES);
-    t2 && r2 !== SdkOverlayType.GAMES && (t2.closeQuestion(), t2.closeUser()), t2 == null || t2.openedQuestionId.subscribe((p2) => {
-      p2 && r2 !== SdkOverlayType.GAMES && e2.openFeature(SdkOverlayType.GAMES);
+}, oa = (e) => {
+  const s = $(e.status), n = $(e.sdkStore.slStreamId), a = $(e.userId()), r = $(e.getActiveFeature()), o = s === "ready" && !!n.data;
+  return y(() => {
+    const l = e.getFeature(V.GAMES);
+    l && r !== V.GAMES && (l.closeQuestion(), l.closeUser()), l?.openedQuestionId.subscribe((c) => {
+      c && r !== V.GAMES && e.openFeature(V.GAMES);
     });
-  }, [r2, e2]), {
-    sdkReady: n2,
-    activeFeature: r2,
-    isLogged: !!c2
+  }, [r, e]), {
+    sdkReady: o,
+    activeFeature: r,
+    isLogged: !!a
   };
-};
-const z = ({
-  sdk: e2,
-  className: l2,
-  scrollStore: o2,
-  appNode: a2,
-  scrollNode: m2,
-  responsiveStore: r2
+}, la = ({
+  sdk: e,
+  className: s,
+  scrollStore: n,
+  appNode: a,
+  scrollNode: r,
+  responsiveStore: o
 }) => {
-  const [, t2] = p$g(e2);
-  return /* @__PURE__ */ jsx(x$4, {
-    className: l2,
-    scrollNode: m2,
-    appNode: a2,
-    scrollStore: o2,
-    feature: t2,
-    responsiveStore: r2,
-    sdk: e2
+  const [, l] = o0(e);
+  return /* @__PURE__ */ t(it, {
+    className: s,
+    scrollNode: r,
+    appNode: a,
+    scrollStore: n,
+    feature: l,
+    responsiveStore: o,
+    sdk: e
   });
-}, B = ({
-  sdk: e2,
-  muted: l2,
-  className: o2,
-  appNode: a2,
-  responsiveStore: m2
+}, ca = ({
+  sdk: e,
+  muted: s,
+  className: n,
+  appNode: a,
+  responsiveStore: r
 }) => {
-  const r2 = useStore(e2.featuresList.getStore());
-  return r2 ? Array.from(r2, (t2) => {
-    const i2 = e2.getFeature(t2);
-    return i2 ? /* @__PURE__ */ jsx(A$3, {
-      className: o2,
-      muted: l2,
-      appNode: a2,
-      feature: i2,
-      responsiveStore: m2,
-      sdk: e2
-    }, t2) : null;
+  const o = $(e.featuresList.getStore());
+  return o ? Array.from(o, (l) => {
+    const c = e.getFeature(l);
+    return c ? /* @__PURE__ */ t(at, {
+      className: n,
+      muted: s,
+      appNode: a,
+      feature: c,
+      responsiveStore: r,
+      sdk: e
+    }, l) : null;
   }) : null;
-}, oe = ({
-  sdk: e2,
-  muted: l2,
-  topNavigation: o2
+}, da = ({
+  sdk: e,
+  muted: s,
+  topNavigation: n
 }) => {
-  const [a2, m2] = useState(true), r2 = useRef(null), t2 = useStore(e2.uiState), i2 = useRef(null), [c2] = h$2(r2), [p2, d2] = L$1(r2, c2), {
-    sdkReady: x2,
-    activeFeature: f2,
-    isLogged: N2
-  } = A(e2), s2 = !!x2;
-  b$6(r2, {
-    enabled: s2,
+  const [a, r] = w(!0), o = E(null), l = $(e.uiState), c = E(null), [d] = l0(o), [m, f] = d0(o, d), {
+    sdkReady: u,
+    activeFeature: p,
+    isLogged: C
+  } = oa(e), g = !!u;
+  qe(o, {
+    enabled: g,
     event: "click",
-    listener: A$7
+    listener: Ue
   });
-  const g2 = useMemo(() => ({
-    sdk: e2,
-    topNavigation: o2
-  }), [e2, o2]);
-  return useEffect(() => {
+  const I = z(() => ({
+    sdk: e,
+    topNavigation: n
+  }), [e, n]);
+  return y(() => {
     import("./gamification-feature.js");
-  }, []), /* @__PURE__ */ jsx(e$l.Provider, {
-    value: g2,
-    children: /* @__PURE__ */ jsxs(p$i, {
-      ref: (S2) => {
-        r2.current = S2, m2(!!S2);
+  }, []), /* @__PURE__ */ t(Ze.Provider, {
+    value: I,
+    children: /* @__PURE__ */ h(Ee, {
+      ref: (v) => {
+        o.current = v, r(!!v);
       },
-      className: o2 ? "" : "c10llmat",
-      children: [s2 && o2 && t2.app && /* @__PURE__ */ jsx(J$1, {
-        className: cx_default(m$e, "sl-hide-on-modal"),
-        sdk: e2,
-        ref: i2
-      }), s2 && !o2 && !!f2 && t2.app && /* @__PURE__ */ jsx(z$3, {
-        className: cx_default(m$e, "sl-hide-on-modal"),
-        sdk: e2,
-        ref: i2
-      }), /* @__PURE__ */ jsxs(c$d, {
+      className: n ? "" : "c10llmat",
+      children: [g && n && l.app && /* @__PURE__ */ t(Tt, {
+        className: D(G, "sl-hide-on-modal"),
+        sdk: e,
+        ref: c
+      }), g && !n && !!p && l.app && /* @__PURE__ */ t(St, {
+        className: D(G, "sl-hide-on-modal"),
+        sdk: e,
+        ref: c
+      }), /* @__PURE__ */ h(Ve, {
         className: "sl-hide-on-modal",
-        ref: p2,
-        "data-nav": (!!f2 && s2).toString(),
-        children: [s2 && t2.app && /* @__PURE__ */ jsx(ne, {
-          sdk: e2,
-          scrollNode: p2,
-          headerNode: i2,
-          appNode: r2,
-          scrollStore: d2,
-          responsiveStore: c2,
-          hasActiveFeature: !!f2
-        }), s2 && t2.app && /* @__PURE__ */ jsx(z, {
-          scrollStore: d2,
-          responsiveStore: c2,
-          scrollNode: p2,
-          appNode: r2,
-          className: m$e,
-          sdk: e2
-        }), s2 && a2 && /* @__PURE__ */ jsx(B, {
-          muted: l2,
-          responsiveStore: c2,
-          appNode: r2,
-          className: m$e,
-          sdk: e2
+        ref: m,
+        "data-nav": (!!p && g).toString(),
+        children: [g && l.app && /* @__PURE__ */ t(ra, {
+          sdk: e,
+          scrollNode: m,
+          headerNode: c,
+          appNode: o,
+          scrollStore: f,
+          responsiveStore: d,
+          hasActiveFeature: !!p
+        }), g && l.app && /* @__PURE__ */ t(la, {
+          scrollStore: f,
+          responsiveStore: d,
+          scrollNode: m,
+          appNode: o,
+          className: G,
+          sdk: e
+        }), g && a && /* @__PURE__ */ t(ca, {
+          muted: s,
+          responsiveStore: d,
+          appNode: o,
+          className: G,
+          sdk: e
         })]
-      }), s2 && !N2 && a2 && t2.app && /* @__PURE__ */ jsx("div", {
+      }), g && !C && a && l.app && /* @__PURE__ */ t("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -2943,14 +2585,13 @@ const z = ({
       })]
     })
   });
-};
-const b = ({ event: p2, topNavigation: S2, theme: c2, muted: u2, withSidebarNotification: d2 = true }) => {
-  const { sdk: t2, status: i2 } = useContext(i$g), e2 = F$5(), m2 = z$5(), { event: a2 } = useContext(i$g);
-  if (i2 === Y.UNSET)
+}, Oa = ({ 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 i2 === Y.CONNECTED ? /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: "wait" }) : t2 === null ? /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !e2.app && !e2.appNotification && !e2.appSidebar || !e2.app && !e2.appSidebar && e2.appNotification && !d2 ? null : /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsx(h$3, { customTheme: c2 ?? m2.theme, themeMode: m2.themeMode, children: /* @__PURE__ */ jsx(oe, { sdk: t2, muted: u2, event: (a2 == null ? void 0 : a2.current) || p2, topNavigation: S2 }) }) });
+  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 {
-  B$3 as B,
-  b
+  Ma as B,
+  Oa as D
 };