@streamlayer/react 0.33.1 → 0.33.3

package/lib/dist/es/gamification-feature.js

@@ -1,6 +1,6 @@
-import { jsxs as I, jsx as s, Fragment as E } from "react/jsx-runtime";
-import { s as a, r as j, Q as z, o as qe, a as P, b as H, d as _e, E as _, c as ve, w as it, u as Ye, e as Y, f as ee, g as rt, A as st, O as ot, P as te, h as at, i as fe, n as lt, j as ct } from "./masters.js";
-import G, { useRef as C, useState as w, useCallback as q, useEffect as oe, useLayoutEffect as dt, useMemo as $, createElement as de, PureComponent as We, useTransition as ut } from "react";
+import { jsxs as I, jsx as s, Fragment as R } from "react/jsx-runtime";
+import { s as a, r as C, Q as b, o as Ye, a as Q, b as H, d as fe, E as _, c as Te, w as it, u as We, e as Y, f as te, g as rt, A as st, O as ot, P as ne, h as at, i as ge, n as lt, j as ct } from "./masters.js";
+import G, { useRef as $, useState as L, useCallback as P, useEffect as ae, useLayoutEffect as dt, useMemo as E, createElement as ue, PureComponent as Ve, useTransition as ut } from "react";
 const pt = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -9,11 +9,11 @@ const pt = /* @__PURE__ */ a("div")({
   name: "QuestionTypeWrap",
   class: "qyktpt0",
   propsAsIs: !1
-}), ht = () => j, ft = /* @__PURE__ */ a(ht())({
+}), ht = () => C, It = /* @__PURE__ */ a(ht())({
   name: "QuestionTypeIcon",
   class: "q951jdx",
   propsAsIs: !0
-}), It = /* @__PURE__ */ a("span")({
+}), ft = /* @__PURE__ */ a("span")({
   name: "QuestionTypeTitle",
   class: "qss5f0e",
   propsAsIs: !1
@@ -21,38 +21,38 @@ const pt = /* @__PURE__ */ a("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), vt = () => j, Mt = /* @__PURE__ */ a(vt())({
+}), vt = () => C, Mt = /* @__PURE__ */ a(vt())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
 }), Fe = ({ type: e, close: t, label: n }) => {
-  const i = e ? qe[e] : { label: n, iconName: void 0 };
+  const i = e ? Ye[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ I(pt, { children: [
     /* @__PURE__ */ I(mt, { children: [
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
-        ft,
+        It,
         {
-          "data-type-trivia": e === z.TRIVIA,
-          "data-type-poll": e === z.POLL,
+          "data-type-trivia": e === b.TRIVIA,
+          "data-type-poll": e === b.POLL,
           name: i.iconName
         }
       ),
-      (i == null ? void 0 : i.label) && /* @__PURE__ */ s(It, { children: i.label })
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ s(ft, { children: i.label })
     ] }),
     /* @__PURE__ */ s(gt, { onClick: t, children: /* @__PURE__ */ s(Mt, { name: "icon-cross" }) })
   ] });
-}, Ve = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Be = (e) => e ? e.toLocaleString("en-US") : "0", Me = (e) => e.toLocaleDateString("en-US", {
+}, Be = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), He = (e) => e ? e.toLocaleString("en-US") : "0", ye = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
-}), ye = (e) => e.toLocaleTimeString("en-US", {
+}), Ae = (e) => e.toLocaleTimeString("en-US", {
   hour: "2-digit",
   minute: "2-digit"
-}), Te = (e) => !isNaN(e.getTime()), yt = /* @__PURE__ */ a("div")({
+}), Ne = (e) => !isNaN(e.getTime()), Tt = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1zy8a",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ a("div")({
+}), yt = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t1vih9p5",
   propsAsIs: !1
@@ -60,8 +60,8 @@ const pt = /* @__PURE__ */ a("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), De = ({ indicator: e, title: t }) => /* @__PURE__ */ I(yt, { children: [
-  /* @__PURE__ */ s(Tt, { children: t }),
+}), xe = ({ indicator: e, title: t }) => /* @__PURE__ */ I(Tt, { children: [
+  /* @__PURE__ */ s(yt, { children: t }),
   /* @__PURE__ */ s(At, { children: e })
 ] }), Nt = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -75,7 +75,7 @@ const pt = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), ne = ({ indicator: e, title: t }) => /* @__PURE__ */ I(Nt, { children: [
+}), ie = ({ indicator: e, title: t }) => /* @__PURE__ */ I(Nt, { children: [
   /* @__PURE__ */ s(Dt, { children: e }),
   /* @__PURE__ */ s(St, { children: t })
 ] }), xt = /* @__PURE__ */ a("div")({
@@ -102,11 +102,11 @@ const pt = /* @__PURE__ */ a("div")({
   name: "UserInfo",
   class: "u10d4koz",
   propsAsIs: !1
-}), Ct = /* @__PURE__ */ a("div")({
+}), wt = /* @__PURE__ */ a("div")({
   name: "UserName",
   class: "u1q6roj0",
   propsAsIs: !1
-}), wt = /* @__PURE__ */ a("div")({
+}), Ct = /* @__PURE__ */ a("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
@@ -146,30 +146,30 @@ const pt = /* @__PURE__ */ a("div")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), Yt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", He = ({
+}), Yt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Ge = ({
   avatar: e,
   name: t,
   points: n,
   friendsRank: i,
   rank: r,
-  streak: c,
-  correct: l,
-  incorrect: d,
+  streak: d,
+  correct: c,
+  incorrect: l,
   inTop: u,
-  successRate: h
+  successRate: f
 }) => /* @__PURE__ */ I(xt, { children: [
   /* @__PURE__ */ s(zt, { children: /* @__PURE__ */ I(Ot, { children: [
     /* @__PURE__ */ I(_t, { children: [
       e && /* @__PURE__ */ s(kt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(qt, { children: Ve(t || "") })
+      !e && /* @__PURE__ */ s(qt, { children: Be(t || "") })
     ] }),
     /* @__PURE__ */ I(jt, { children: [
-      /* @__PURE__ */ s(Ct, { children: t }),
-      /* @__PURE__ */ I(wt, { children: [
+      /* @__PURE__ */ s(wt, { children: t }),
+      /* @__PURE__ */ I(Ct, { children: [
         /* @__PURE__ */ I($t, { children: [
           /* @__PURE__ */ s(Et, { alt: "rank-icon", src: Yt }),
           /* @__PURE__ */ I(Lt, { children: [
-            Be(n),
+            He(n),
             /* @__PURE__ */ s(Rt, { children: "PTS" })
           ] })
         ] }),
@@ -184,26 +184,26 @@ const pt = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ I(bt, { children: [
     /* @__PURE__ */ I(Ut, { children: [
-      /* @__PURE__ */ s(De, { indicator: i || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(De, { indicator: r || 0, title: "Global rank" })
+      /* @__PURE__ */ s(xe, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ s(xe, { indicator: r || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ I(Pt, { children: [
-      /* @__PURE__ */ s(ne, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(ne, { indicator: l || 0, title: "Correct" }),
-      /* @__PURE__ */ s(ne, { indicator: d || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(ne, { indicator: `${h || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ s(ie, { indicator: d || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(ie, { indicator: c || 0, title: "Correct" }),
+      /* @__PURE__ */ s(ie, { indicator: l || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(ie, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Wt = /* @__PURE__ */ a("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), Ft = () => j, Vt = /* @__PURE__ */ a(Ft())({
+}), Vt = () => C, Ft = /* @__PURE__ */ a(Vt())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
 }), Bt = () => /* @__PURE__ */ s(Wt, {
-  children: /* @__PURE__ */ s(Vt, {
+  children: /* @__PURE__ */ s(Ft, {
     name: "mastersLogo"
   })
 }), Ht = /* @__PURE__ */ a("div")({
@@ -219,14 +219,14 @@ const pt = /* @__PURE__ */ a("div")({
   class: "dlaj9xp",
   propsAsIs: !1
 }), Jt = ({ title: e, description: t }) => /* @__PURE__ */ I(Ht, { children: [
-  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
+  /* @__PURE__ */ s(C, { name: "icon-check-circle" }),
   /* @__PURE__ */ s(Gt, { children: e }),
   /* @__PURE__ */ s(Zt, { children: t })
 ] }), Kt = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), Xt = () => j, en = /* @__PURE__ */ a(Xt())({
+}), Xt = () => C, en = /* @__PURE__ */ a(Xt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
@@ -234,7 +234,7 @@ const pt = /* @__PURE__ */ a("div")({
   name: "FeedbackIconWrap",
   class: "f1g20ja7",
   propsAsIs: !1
-}), ie = /* @__PURE__ */ a("div")({
+}), re = /* @__PURE__ */ a("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
@@ -246,7 +246,7 @@ const pt = /* @__PURE__ */ a("div")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), ue = /* @__PURE__ */ a("div")({
+}), pe = /* @__PURE__ */ a("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
@@ -256,52 +256,52 @@ const pt = /* @__PURE__ */ a("div")({
   questionVoted: n,
   questionType: i,
   hasCorrectAnswer: r,
-  questionStatus: c,
-  showExpiredNotification: l,
-  showClosedNotificationTrivia: d,
+  questionStatus: d,
+  showExpiredNotification: c,
+  showClosedNotificationTrivia: l,
   votedInCurrentRender: u,
-  votedAfterQuestionClosed: h,
-  enteredAnActiveQuestion: T,
-  marketClosed: M
+  votedAfterQuestionClosed: f,
+  enteredAnActiveQuestion: M,
+  marketClosed: v
 }) => {
-  const f = n && (i === z.TRIVIA || i === z.PREDICTION) && u && c !== P.RESOLVED, A = i === z.PREDICTION && !r, S = M && i === z.PREDICTION && !n && !T || i === z.PREDICTION && h && u && T, o = f && A, m = f && r, p = i === z.PREDICTION && n && u && r, g = n && i === z.POLL && u;
-  if (!l && !d && !o && !m && !S && !g && !p)
+  const h = n && (i === b.TRIVIA || i === b.PREDICTION) && u && d !== Q.RESOLVED, A = i === b.PREDICTION && !r, S = v && i === b.PREDICTION && !n && !M || i === b.PREDICTION && f && u && M, o = h && A, m = h && r, p = i === b.PREDICTION && n && u && r, g = n && i === b.POLL && u;
+  if (!c && !l && !o && !m && !S && !g && !p)
     return null;
-  const y = t ? "correct" : "incorrect", D = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
+  const T = t ? "correct" : "incorrect", D = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
   return /* @__PURE__ */ I(Kt, { "data-isPrediction": A, children: [
-    l && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
+    c && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
       /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(W, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(ue, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ s(re, { children: /* @__PURE__ */ s(W, { children: "Question Expired" }) }),
+        /* @__PURE__ */ s(pe, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    d && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
+    l && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
       /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(W, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(ue, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
+        /* @__PURE__ */ s(re, { children: /* @__PURE__ */ s(W, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(pe, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    S && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
+    S && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
       /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(W, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(ue, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+        /* @__PURE__ */ s(re, { children: /* @__PURE__ */ s(W, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(pe, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    o && /* @__PURE__ */ I(E, { children: [
+    o && /* @__PURE__ */ I(R, { children: [
       /* @__PURE__ */ s(en, { name: "icon-prediction" }),
       /* @__PURE__ */ s(W, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    g && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(Z, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(j, { name: "correct" }) }),
+    g && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(Z, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(C, { name: "correct" }) }),
       /* @__PURE__ */ s(W, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
-    (m || p) && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(Z, { "data-feedbackType": y, children: /* @__PURE__ */ s(j, { name: y }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ I(ie, { children: [
-        /* @__PURE__ */ s(tn, { "data-feedbackType": y, children: D == null ? void 0 : D.title }),
+    (m || p) && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(Z, { "data-feedbackType": T, children: /* @__PURE__ */ s(C, { name: T }) }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ I(re, { children: [
+        /* @__PURE__ */ s(tn, { "data-feedbackType": T, children: D == null ? void 0 : D.title }),
         /* @__PURE__ */ s(W, { children: D == null ? void 0 : D.description })
       ] }) })
     ] })
@@ -342,15 +342,15 @@ const pt = /* @__PURE__ */ a("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), Ge = /* @__PURE__ */ a("img")({
+}), Ze = /* @__PURE__ */ a("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), mn = () => Ge, hn = /* @__PURE__ */ a(mn())({
+}), mn = () => Ze, hn = /* @__PURE__ */ a(mn())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), fn = () => Ge, In = /* @__PURE__ */ a(fn())({
+}), In = () => Ze, fn = /* @__PURE__ */ a(In())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -363,207 +363,215 @@ const pt = /* @__PURE__ */ a("div")({
   class: "i116q4vq",
   propsAsIs: !1
 }), Mn = /* @__PURE__ */ a("span")({
-  name: "Percentage",
+  name: "Pts",
   class: "p17ajcu2",
   propsAsIs: !1
-}), yn = () => j, Tn = /* @__PURE__ */ a(yn())({
+}), Tn = /* @__PURE__ */ a("span")({
+  name: "Percentage",
+  class: "pu9kmlb",
+  propsAsIs: !1
+}), yn = () => C, An = /* @__PURE__ */ a(yn())({
   name: "CheckIcon",
-  class: "cu9kmlb",
+  class: "c1j2j0s0",
   propsAsIs: !0
-}), Se = {
+}), ze = {
   [H.CENTERED]: (e) => /* @__PURE__ */ s(hn, { alt: "option-icon", src: e }),
   [H.TRANSPARENT]: (e) => /* @__PURE__ */ s(un, { children: /* @__PURE__ */ s(pn, { style: { backgroundImage: `url(${e})` } }) }),
-  [H.ROUNDED]: (e) => /* @__PURE__ */ s(In, { alt: "option-icon", src: e }),
+  [H.ROUNDED]: (e) => /* @__PURE__ */ s(fn, { alt: "option-icon", src: e }),
   [H.NONE]: () => null,
   [H.UNSET]: () => null
-}, An = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
-  if (e === z.POLL && i)
+}, Nn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
+  if (e === b.POLL && i)
     return "correct";
-  if (e === z.PREDICTION) {
+  if (e === b.PREDICTION) {
     if (t && r)
       return i ? n ? "correct" : "incorrect" : "unset";
     if (i)
       return "correct";
   }
-  return e === z.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
-}, Nn = ({
+  return e === b.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
+}, Dn = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === P.RESOLVED && n : !1, Dn = (e) => {
+}) => e === b.TRIVIA ? t && n : e === b.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, Sn = (e) => {
   var t;
   const {
     // option props
     id: n,
     icon: i,
     text: r,
-    percentageDecimal: c,
+    percentageDecimal: d,
+    points: c,
     // extra props
     onVote: l,
-    markThatVoted: d,
-    youSelected: u,
-    questionVoted: h,
-    // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: T,
-    answerTimeExpired: M,
-    questionStatus: f,
-    isLoading: A,
-    questionType: S,
-    correct: o,
-    hasCorrectAnswer: m,
-    votedAfterQuestionClosed: p,
-    enteredAnActiveQuestion: g,
-    marketClosed: y
-  } = e, D = An(e), N = Nn({ questionType: S, questionVoted: h, correct: o, hasCorrectAnswer: m, questionStatus: f }), v = y && S === z.PREDICTION, x = h || v;
+    markThatVoted: u,
+    youSelected: f,
+    questionVoted: M,
+    imageMode: v,
+    answerTimeExpired: h,
+    questionStatus: A,
+    isLoading: S,
+    questionType: o,
+    correct: m,
+    hasCorrectAnswer: p,
+    votedAfterQuestionClosed: g,
+    enteredAnActiveQuestion: T,
+    marketClosed: D
+  } = e, N = Nn(e), y = Dn({ questionType: o, questionVoted: M, correct: m, hasCorrectAnswer: p, questionStatus: A }), x = D && o === b.PREDICTION, O = M || x, z = o === b.PREDICTION && !M && A !== Q.RESOLVED;
   return /* @__PURE__ */ I(
     ln,
     {
       value: n,
-      "data-selected": u,
-      "data-answerState": D,
-      disabled: h || A || M || v && !g || v && g && p,
-      "data-isNotChecked": h && !u && D !== "incorrect",
-      onClick: (O) => {
-        d(
-          S === z.PREDICTION ? y : f === P.RESOLVED
-        ), l(O);
+      "data-selected": f,
+      "data-answerState": N,
+      disabled: M || S || h || x && !T || x && T && g,
+      "data-isNotChecked": M && !f && N !== "incorrect",
+      onClick: (k) => {
+        u(
+          o === b.PREDICTION ? D : A === Q.RESOLVED
+        ), l(k);
       },
       children: [
-        /* @__PURE__ */ s(cn, { "data-answerState": D, style: { width: `${x ? c : 0}%` } }),
+        /* @__PURE__ */ s(cn, { "data-answerState": N, style: { width: `${O ? d : 0}%` } }),
         /* @__PURE__ */ I(dn, { children: [
-          i && T && ((t = Se[T]) == null ? void 0 : t.call(Se, i)),
+          i && v && ((t = ze[v]) == null ? void 0 : t.call(ze, i)),
           /* @__PURE__ */ s(gn, { children: r }),
-          x && /* @__PURE__ */ I(vn, { children: [
-            N && /* @__PURE__ */ s(Tn, { name: "selected" }),
-            /* @__PURE__ */ s(Mn, { children: /* @__PURE__ */ s(_e, { value: c, suffix: "%" }) })
+          z && /* @__PURE__ */ I("div", { children: [
+            /* @__PURE__ */ s(fe, { value: c }),
+            /* @__PURE__ */ s(Mn, { children: "pts" })
+          ] }),
+          O && /* @__PURE__ */ I(vn, { children: [
+            y && /* @__PURE__ */ s(An, { name: "selected" }),
+            /* @__PURE__ */ s(Tn, { children: /* @__PURE__ */ s(fe, { value: d, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
 };
-var xe = typeof window > "u" ? oe : dt, Sn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: r, onUpdate: c }) => {
-  let [l, d] = w(n), u = C(0), h = C(n), T = C(n * -1e3), M = C(null), f = C(null), A = C(null), S = (p) => {
+var be = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: r, onUpdate: d }) => {
+  let [c, l] = L(n), u = $(0), f = $(n), M = $(n * -1e3), v = $(null), h = $(null), A = $(null), S = (p) => {
     let g = p / 1e3;
-    if (f.current === null) {
-      f.current = g, M.current = requestAnimationFrame(S);
+    if (h.current === null) {
+      h.current = g, v.current = requestAnimationFrame(S);
       return;
     }
-    let y = g - f.current, D = u.current + y;
-    f.current = g, u.current = D;
-    let N = h.current + (i === 0 ? D : (D / i | 0) * i), v = h.current + D, x = typeof t == "number" && v >= t;
-    d(x ? t : N), x || (M.current = requestAnimationFrame(S));
+    let T = g - h.current, D = u.current + T;
+    h.current = g, u.current = D;
+    let N = f.current + (i === 0 ? D : (D / i | 0) * i), y = f.current + D, x = typeof t == "number" && y >= t;
+    l(x ? t : N), x || (v.current = requestAnimationFrame(S));
   }, o = () => {
-    M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), f.current = null;
-  }, m = q((p) => {
+    v.current && cancelAnimationFrame(v.current), A.current && clearTimeout(A.current), h.current = null;
+  }, m = P((p) => {
     o(), u.current = 0;
     let g = typeof p == "number" ? p : n;
-    h.current = g, d(g), e && (M.current = requestAnimationFrame(S));
+    f.current = g, l(g), e && (v.current = requestAnimationFrame(S));
   }, [e, n]);
-  return xe(() => {
-    if (c == null || c(l), t && l >= t) {
-      T.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: g = 0, newStartAt: y } = (r == null ? void 0 : r(T.current / 1e3)) || {};
-      p && (A.current = setTimeout(() => m(y), g * 1e3));
+  return be(() => {
+    if (d == null || d(c), t && c >= t) {
+      M.current += t * 1e3;
+      let { shouldRepeat: p = !1, delay: g = 0, newStartAt: T } = (r == null ? void 0 : r(M.current / 1e3)) || {};
+      p && (A.current = setTimeout(() => m(T), g * 1e3));
     }
-  }, [l, t]), xe(() => (e && (M.current = requestAnimationFrame(S)), o), [e, t, i]), { elapsedTime: l, reset: m };
-}, xn = (e, t, n) => {
-  let i = e / 2, r = t / 2, c = i - r, l = 2 * c, d = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * c;
-  return { path: `m ${i},${r} a ${c},${c} 0 ${d} 0,${l} a ${c},${c} 0 ${d} 0,-${l}`, pathLength: u };
-}, ze = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, zn = (e) => ({ position: "relative", width: e, height: e }), bn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ze = (e, t, n, i, r) => {
+  }, [c, t]), be(() => (e && (v.current = requestAnimationFrame(S)), o), [e, t, i]), { elapsedTime: c, reset: m };
+}, zn = (e, t, n) => {
+  let i = e / 2, r = t / 2, d = i - r, c = 2 * d, l = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * d;
+  return { path: `m ${i},${r} a ${d},${d} 0 ${l} 0,${c} a ${d},${d} 0 ${l} 0,-${c}`, pathLength: u };
+}, Oe = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, bn = (e) => ({ position: "relative", width: e, height: e }), On = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Je = (e, t, n, i, r) => {
   if (i === 0)
     return t;
-  let c = (r ? i - e : e) / i;
-  return t + n * c;
-}, be = (e) => {
+  let d = (r ? i - e : e) / i;
+  return t + n * d;
+}, ke = (e) => {
   var t, n;
-  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, r, c, l) => `#${r}${r}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
-}, On = (e, t) => {
+  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, r, d, c) => `#${r}${r}${d}${d}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
+}, kn = (e, t) => {
   var n;
-  let { colors: i, colorsTime: r, isSmoothColorTransition: c = !0 } = e;
+  let { colors: i, colorsTime: r, isSmoothColorTransition: d = !0 } = e;
   if (typeof i == "string")
     return i;
-  let l = (n = r == null ? void 0 : r.findIndex((f, A) => f >= t && t >= r[A + 1])) != null ? n : -1;
-  if (!r || l === -1)
+  let c = (n = r == null ? void 0 : r.findIndex((h, A) => h >= t && t >= r[A + 1])) != null ? n : -1;
+  if (!r || c === -1)
     return i[0];
-  if (!c)
-    return i[l];
-  let d = r[l] - t, u = r[l] - r[l + 1], h = be(i[l]), T = be(i[l + 1]), M = !!e.isGrowing;
-  return `rgb(${h.map((f, A) => Ze(d, f, T[A] - f, u, M) | 0).join(",")})`;
-}, kn = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: d = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, f = C(), A = Math.max(c, l ?? 0), { path: S, pathLength: o } = xn(r, A, h), { elapsedTime: m } = Sn({ isPlaying: d, duration: t, startAt: ze(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (g) => {
-    let y = Math.ceil(t - g);
-    y !== f.current && (f.current = y, M(y));
-  } : void 0, onComplete: typeof T == "function" ? (g) => {
-    var y;
-    let { shouldRepeat: D, delay: N, newInitialRemainingTime: v } = (y = T(g)) != null ? y : {};
+  if (!d)
+    return i[c];
+  let l = r[c] - t, u = r[c] - r[c + 1], f = ke(i[c]), M = ke(i[c + 1]), v = !!e.isGrowing;
+  return `rgb(${f.map((h, A) => Je(l, h, M[A] - h, u, v) | 0).join(",")})`;
+}, jn = (e) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: d = 12, trailStrokeWidth: c, isPlaying: l = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: M, onUpdate: v } = e, h = $(), A = Math.max(d, c ?? 0), { path: S, pathLength: o } = zn(r, A, f), { elapsedTime: m } = xn({ isPlaying: l, duration: t, startAt: Oe(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (g) => {
+    let T = Math.ceil(t - g);
+    T !== h.current && (h.current = T, v(T));
+  } : void 0, onComplete: typeof M == "function" ? (g) => {
+    var T;
+    let { shouldRepeat: D, delay: N, newInitialRemainingTime: y } = (T = M(g)) != null ? T : {};
     if (D)
-      return { shouldRepeat: D, delay: N, newStartAt: ze(t, v) };
+      return { shouldRepeat: D, delay: N, newStartAt: Oe(t, y) };
   } : void 0 }), p = t - m;
-  return { elapsedTime: m, path: S, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: r, stroke: On(e, p), strokeDashoffset: Ze(m, 0, o, t, u), strokeWidth: c };
-}, Je = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: r } = e, { path: c, pathLength: l, stroke: d, strokeDashoffset: u, remainingTime: h, elapsedTime: T, size: M, strokeWidth: f } = kn(e);
-  return G.createElement("div", { style: zn(M) }, G.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, G.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? f }), G.createElement("path", { d: c, fill: "none", stroke: d, strokeLinecap: n ?? "round", strokeWidth: f, strokeDasharray: l, strokeDashoffset: u })), typeof t == "function" && G.createElement("div", { style: bn }, t({ remainingTime: h, elapsedTime: T, color: d })));
+  return { elapsedTime: m, path: S, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: r, stroke: kn(e, p), strokeDashoffset: Je(m, 0, o, t, u), strokeWidth: d };
+}, Ke = (e) => {
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: r } = e, { path: d, pathLength: c, stroke: l, strokeDashoffset: u, remainingTime: f, elapsedTime: M, size: v, strokeWidth: h } = jn(e);
+  return G.createElement("div", { style: bn(v) }, G.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, G.createElement("path", { d, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? h }), G.createElement("path", { d, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: h, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && G.createElement("div", { style: On }, t({ remainingTime: f, elapsedTime: M, color: l })));
 };
-Je.displayName = "CountdownCircleTimer";
-const jn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRAY3], Cn = [10, 10, 1, 0], wn = /* @__PURE__ */ a("div")({
+Ke.displayName = "CountdownCircleTimer";
+const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRAY3], Cn = [10, 10, 1, 0], En = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), En = _.SECONDARY_GREEN6, Oe = _.SECONDARY_RED3, $n = _.NEUTRALS_GRAY3, Ln = ({
+}), $n = _.SECONDARY_GREEN6, je = _.SECONDARY_RED3, Ln = _.NEUTRALS_GRAY3, Rn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, r] = w(t > 10 ? En : Oe), c = ({
+  const [i, r] = L(t > 10 ? $n : je), d = ({
     remainingTime: u
-  }) => /* @__PURE__ */ s(wn, {
+  }) => /* @__PURE__ */ s(En, {
     children: u
-  }), l = q(() => {
-    n == null || n(), r($n);
-  }, [n, r]), d = q((u) => {
-    u === 10 && r(Oe);
+  }), c = P(() => {
+    n == null || n(), r(Ln);
+  }, [n, r]), l = P((u) => {
+    u === 10 && r(je);
   }, [r]);
-  return /* @__PURE__ */ s(Je, {
+  return /* @__PURE__ */ s(Ke, {
     isPlaying: e,
     duration: t,
-    colors: jn,
+    colors: wn,
     colorsTime: Cn,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: l,
-    onUpdate: d,
-    children: c
+    onComplete: c,
+    onUpdate: l,
+    children: d
   });
-}, Rn = /* @__PURE__ */ a("div")({
+}, Qn = /* @__PURE__ */ a("div")({
   name: "WinBarContainer",
   class: "wie6cqo",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ a("div")({
+}), Un = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "cgizw4u",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ a("div")({
+}), Pn = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), Pn = () => j, qn = /* @__PURE__ */ a(Pn())({
+}), qn = () => C, _n = /* @__PURE__ */ a(qn())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
-}), _n = /* @__PURE__ */ a("div")({
+}), Yn = /* @__PURE__ */ a("div")({
   name: "Points",
   class: "p4lwuj0",
   propsAsIs: !1
-}), Yn = /* @__PURE__ */ a("span")({
+}), Wn = /* @__PURE__ */ a("span")({
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), Wn = /* @__PURE__ */ a("span")({
+}), Vn = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
@@ -573,102 +581,112 @@ const jn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
   isPlayingTimer: n,
   isTimer: i,
   questionType: r,
-  timerDuration: c,
-  onTimerExpired: l
-}) => /* @__PURE__ */ I(Rn, { children: [
-  /* @__PURE__ */ I(Qn, { children: [
-    e && /* @__PURE__ */ s(Un, { children: e }),
-    t !== void 0 && r !== z.POLL && /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(qn, { name: "icon-trophy" }),
-      /* @__PURE__ */ I(_n, { children: [
-        /* @__PURE__ */ s(Yn, { children: /* @__PURE__ */ s(_e, { value: t }) }),
-        /* @__PURE__ */ s(Wn, { children: "PTS" })
+  timerDuration: d,
+  onTimerExpired: c
+}) => /* @__PURE__ */ I(Qn, { "data-centeredItems": r === b.PREDICTION, children: [
+  /* @__PURE__ */ I(Un, { children: [
+    e && /* @__PURE__ */ s(Pn, { children: e }),
+    t !== void 0 && r !== b.POLL && /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(_n, { name: "icon-trophy" }),
+      /* @__PURE__ */ I(Yn, { children: [
+        /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ s(fe, { value: t }) }),
+        /* @__PURE__ */ s(Vn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(Ln, { isPlaying: n, onTimerExpired: l, duration: c })
-] }), Vn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
-  var r, c;
-  const l = e.subject, d = e.type, u = e.status, h = (r = e.options) == null ? void 0 : r.options, T = e.marketClosed, [M, f] = w(!1), [A, S] = w(!1), [o, m] = w(!0), [p, g] = w(!1), [y, D] = w(""), N = e == null ? void 0 : e.id;
-  oe(() => {
-    d === z.PREDICTION ? T && m(!1) : u === P.RESOLVED && m(!1);
+  i && r !== b.PREDICTION && /* @__PURE__ */ s(Rn, { isPlaying: n, onTimerExpired: c, duration: d })
+] }), Bn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  var r, d;
+  const c = e.subject, l = e.type, u = e.status, f = (r = e.options) == null ? void 0 : r.options, M = e.marketClosed, [v, h] = L(!1), [A, S] = L(!1), [o, m] = L(!0), [p, g] = L(!1), [T, D] = L(""), N = e == null ? void 0 : e.id;
+  ae(() => {
+    l === b.PREDICTION ? M && m(!1) : u === Q.RESOLVED && m(!1);
   }, []);
-  const v = q((k) => {
-    S(k), f(!0);
-  }, []), x = q(
-    async (k) => {
+  const y = P((j) => {
+    S(j), h(!0);
+  }, []), x = P(
+    async (j) => {
       if (N) {
-        const U = k.currentTarget.value;
-        D(U), await n(N, U);
+        const q = j.currentTarget.value;
+        D(q), await n(N, q);
       }
     },
     [N, D, n]
-  ), O = q(() => {
+  ), O = P(() => {
     g(!0), setTimeout(i, 3e3);
-  }, [i]), b = $(
-    () => e == null ? void 0 : e.answers.find((k) => k.youVoted === !0),
+  }, [i]), z = E(
+    () => e == null ? void 0 : e.answers.find((j) => j.youVoted === !0),
     [e]
-  ), L = $(
-    () => !!(e != null && e.answers.find((k) => k.correct === !0)),
+  ), k = E(
+    () => !!(e != null && e.answers.find((j) => j.correct === !0)),
     [e]
-  ), R = $(
-    () => e == null ? void 0 : e.answers.find((k) => k.correct === !0),
+  ), w = E(
+    () => e == null ? void 0 : e.answers.find((j) => j.correct === !0),
     [e]
-  ), ae = $(() => e ? e.answers.map((k) => {
-    var U;
+  ), le = E(() => e ? e.answers.map((j) => {
+    var q;
     return {
-      ...k,
-      questionVoted: !!b,
-      youSelected: y === k.id,
+      ...j,
+      questionVoted: !!z,
+      youSelected: T === j.id,
       isLoading: t,
-      hasCorrectAnswer: L,
+      hasCorrectAnswer: k,
       questionType: e.type,
       answerTimeExpired: p,
       questionStatus: u,
-      imageMode: (U = e.appearance) == null ? void 0 : U.images,
+      imageMode: (q = e.appearance) == null ? void 0 : q.images,
       onVote: x
     };
   }) : [], [
-    L,
+    k,
     p,
     t,
     e,
-    b,
+    z,
     u,
     x,
-    y
-  ]), le = h && (h.case === "trivia" || h.case === "prediction") ? h.value : void 0, Q = u === P.RESOLVED && d === z.TRIVIA && !b && !o, K = d === z.TRIVIA && A && M && o, ce = $(() => {
-    if (!(Q || p))
-      return u === P.RESOLVED ? 0 : b ? b.correct ? b.points : 0 : R == null ? void 0 : R.points;
-  }, [p, b, R, u, Q]), X = $(() => Q || p ? "Time expired" : e.type === z.POLL ? "Time remaining" : b ? "You won" : "To win", [p, e.type, b, Q]), V = b || Q || K || d === z.TRIVIA && u === P.RESOLVED && o;
-  return /* @__PURE__ */ s(ve, { "data-question-header": "true", children: /* @__PURE__ */ s(rn, { children: /* @__PURE__ */ I(sn, { children: [
+    T
+  ]), ce = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, U = u === Q.RESOLVED && l === b.TRIVIA && !z && !o, K = l === b.TRIVIA && A && v && o, X = E(() => l === b.PREDICTION ? !!(z && !k || z && k && w != null && w.youVoted) : !0, [l, z, k, w]), ee = E(() => {
+    if (l === b.PREDICTION && z && (!k || k && w != null && w.youVoted))
+      return z.points;
+    if (!(U || p))
+      return u === Q.RESOLVED ? 0 : z ? z.correct ? z.points : 0 : w == null ? void 0 : w.points;
+  }, [
+    p,
+    z,
+    w,
+    u,
+    U,
+    l,
+    k
+  ]), F = E(() => l === b.PREDICTION && z ? k ? k && w != null && w.youVoted ? "You won" : "" : "To win" : U || p ? "Time expired" : l === b.POLL ? "Time remaining" : z ? "You won" : "To win", [p, l, z, U, k, w]), de = z || U || K || l === b.TRIVIA && u === Q.RESOLVED && o;
+  return /* @__PURE__ */ s(Te, { "data-question-header": "true", children: /* @__PURE__ */ s(rn, { children: /* @__PURE__ */ I(sn, { children: [
     /* @__PURE__ */ s(
       nn,
       {
-        feedbackMessages: le,
-        questionVoted: !!b,
-        questionVotedCorrectly: b == null ? void 0 : b.correct,
-        questionType: d,
-        hasCorrectAnswer: L,
+        feedbackMessages: ce,
+        questionVoted: !!z,
+        questionVotedCorrectly: z == null ? void 0 : z.correct,
+        questionType: l,
+        hasCorrectAnswer: k,
         questionStatus: u,
-        showExpiredNotification: Q,
+        showExpiredNotification: U,
         showClosedNotificationTrivia: K,
-        votedInCurrentRender: M,
+        votedInCurrentRender: v,
         votedAfterQuestionClosed: A,
         enteredAnActiveQuestion: o,
-        marketClosed: T
+        marketClosed: M
       }
     ),
-    e.type !== z.PREDICTION && /* @__PURE__ */ s(
+    X && /* @__PURE__ */ s(
       Fn,
       {
-        title: X,
-        points: ce,
+        title: F,
+        points: ee,
         onTimerExpired: O,
         questionType: e.type,
         isTimer: !t,
-        isPlayingTimer: !b,
-        timerDuration: V ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
+        isPlayingTimer: !z,
+        timerDuration: de ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
       }
     ),
     p ? /* @__PURE__ */ s(
@@ -677,139 +695,139 @@ const jn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ I(E, { children: [
-      /* @__PURE__ */ s(on, { "data-isPrediction": e.type === z.PREDICTION, children: l }),
-      /* @__PURE__ */ s(an, { children: ae.map((k) => /* @__PURE__ */ s(
-        Dn,
+    ) : /* @__PURE__ */ I(R, { children: [
+      /* @__PURE__ */ s(on, { "data-withoutWinBar": !X, children: c }),
+      /* @__PURE__ */ s(an, { children: le.map((j) => /* @__PURE__ */ s(
+        Sn,
         {
-          ...k,
-          markThatVoted: v,
+          ...j,
+          markThatVoted: y,
           votedAfterQuestionClosed: A,
           enteredAnActiveQuestion: o,
-          marketClosed: T
+          marketClosed: M
         },
-        k.id
+        j.id
       )) })
     ] })
   ] }) }) });
-}, Bn = /* @__PURE__ */ a("div")({
+}, Hn = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cgn5uen",
   propsAsIs: !1
-}), Hn = /* @__PURE__ */ a("div")({
+}), Gn = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c1px8nt6",
   propsAsIs: !1
-}), Gn = /* @__PURE__ */ a("h3")({
+}), Zn = /* @__PURE__ */ a("h3")({
   name: "Title",
   class: "t5et2jt",
   propsAsIs: !1
-}), Zn = /* @__PURE__ */ a("div")({
+}), Jn = /* @__PURE__ */ a("div")({
   name: "Description",
   class: "d1i2kpk2",
   propsAsIs: !1
-}), Jn = /* @__PURE__ */ a("div")({
+}), Kn = /* @__PURE__ */ a("div")({
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ a("img")({
+}), Xn = /* @__PURE__ */ a("img")({
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), Ke = ({
+}), Xe = ({
   created: e,
   image: t,
   title: n,
   isPickHistory: i,
   instantView: r
 }) => {
-  const c = $(() => {
+  const d = E(() => {
     if (e) {
-      const d = new Date(e);
-      if (Te(d))
+      const l = new Date(e);
+      if (Ne(l))
         return {
-          date: Me(d),
-          time: ye(d)
+          date: ye(l),
+          time: Ae(l)
         };
     }
     return null;
-  }, [e]), l = (r == null ? void 0 : r.image) || t;
-  return /* @__PURE__ */ I(Bn, { children: [
-    c && /* @__PURE__ */ I(Jn, { children: [
-      c.date,
+  }, [e]), c = (r == null ? void 0 : r.image) || t;
+  return /* @__PURE__ */ I(Hn, { children: [
+    d && /* @__PURE__ */ I(Kn, { children: [
+      d.date,
       " · ",
-      c.time
+      d.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(it, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    l && !(r != null && r.video) && /* @__PURE__ */ s(Kn, { src: l }),
-    /* @__PURE__ */ I(Hn, { children: [
-      /* @__PURE__ */ s(Gn, { children: i ? n : r == null ? void 0 : r.heading }),
-      !i && /* @__PURE__ */ s(Zn, { children: r == null ? void 0 : r.body })
+    c && !(r != null && r.video) && /* @__PURE__ */ s(Xn, { src: c }),
+    /* @__PURE__ */ I(Gn, { children: [
+      /* @__PURE__ */ s(Zn, { children: i ? n : r == null ? void 0 : r.heading }),
+      !i && /* @__PURE__ */ s(Jn, { children: r == null ? void 0 : r.body })
     ] })
   ] });
-}, Xn = /* @__PURE__ */ a("div")({
+}, ei = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), ei = /* @__PURE__ */ a("a")({
+}), ti = /* @__PURE__ */ a("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), ti = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Xn, { children: [
-  /* @__PURE__ */ s(Ke, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(ei, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+}), ni = ({ instantView: e, ...t }) => /* @__PURE__ */ I(ei, { children: [
+  /* @__PURE__ */ s(Xe, { instantView: e, ...t }),
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(ti, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     e == null ? void 0 : e.webLink.label,
-    /* @__PURE__ */ s(j, { name: "icon-external-link" })
+    /* @__PURE__ */ s(C, { name: "icon-external-link" })
   ] })
-] }), ni = /* @__PURE__ */ a("div")({
+] }), ii = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1dcxmvf",
   propsAsIs: !1
-}), ii = /* @__PURE__ */ a("div")({
+}), ri = /* @__PURE__ */ a("div")({
   name: "DateTime",
   class: "db4q22c",
   propsAsIs: !1
-}), ri = /* @__PURE__ */ a("blockquote")({
+}), si = /* @__PURE__ */ a("blockquote")({
   name: "Quote",
   class: "q111mmic",
   propsAsIs: !1
-}), si = ({ created: e, ...t }) => {
-  const n = $(() => {
+}), oi = ({ created: e, ...t }) => {
+  const n = E(() => {
     if (e) {
       const i = new Date(e);
-      if (Te(i))
+      if (Ne(i))
         return {
-          date: Me(i),
-          time: ye(i)
+          date: ye(i),
+          time: Ae(i)
         };
     }
     return null;
   }, [e]);
-  return /* @__PURE__ */ I(ni, { children: [
-    n && /* @__PURE__ */ I(ii, { children: [
+  return /* @__PURE__ */ I(ii, { children: [
+    n && /* @__PURE__ */ I(ri, { children: [
       n.date,
       " · ",
       n.time
     ] }),
-    t.title && /* @__PURE__ */ s(ri, { children: t.title }),
-    /* @__PURE__ */ s(Ye, { ...t })
+    t.title && /* @__PURE__ */ s(si, { children: t.title }),
+    /* @__PURE__ */ s(We, { ...t })
   ] });
-}, oi = /* @__PURE__ */ a("div")({
+}, ai = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), ai = ({
+}), li = ({
   openedQuestion: e
 }) => {
   var t, n;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(ti, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(ni, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
-  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(si, {
+  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(oi, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, li = ({
+}, ci = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -818,13 +836,13 @@ const jn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
     loading: i,
     data: r
   } = e;
-  return r ? /* @__PURE__ */ s(Vn, {
+  return r ? /* @__PURE__ */ s(Bn, {
     vote: t,
     close: n,
     openedQuestion: r,
     isLoading: !!i
   }) : null;
-}, ci = ({
+}, di = ({
   gamification: e
 }) => {
   var t;
@@ -832,132 +850,132 @@ const jn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
   if (!n)
     return null;
   const r = n.type;
-  return /* @__PURE__ */ I(oi, {
+  return /* @__PURE__ */ I(ai, {
     children: [/* @__PURE__ */ s(Fe, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
-    }), r === "question" && /* @__PURE__ */ s(li, {
+      type: ((t = n.attributes) == null ? void 0 : t.type) || b.UNSET
+    }), r === "question" && /* @__PURE__ */ s(ci, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), r !== "question" && /* @__PURE__ */ s(ai, {
+    }), r !== "question" && /* @__PURE__ */ s(li, {
       openedQuestion: n
     }), /* @__PURE__ */ s(Bt, {
       sponsorLogo: ""
     })]
   });
 };
-var Xe = "Expected a function", ke = 0 / 0, di = "[object Symbol]", ui = /^\s+|\s+$/g, pi = /^[-+]0x[0-9a-f]+$/i, mi = /^0b[01]+$/i, hi = /^0o[0-7]+$/i, fi = parseInt, Ii = typeof ee == "object" && ee && ee.Object === Object && ee, gi = typeof self == "object" && self && self.Object === Object && self, vi = Ii || gi || Function("return this")(), Mi = Object.prototype, yi = Mi.toString, Ti = Math.max, Ai = Math.min, pe = function() {
-  return vi.Date.now();
+var et = "Expected a function", we = 0 / 0, ui = "[object Symbol]", pi = /^\s+|\s+$/g, mi = /^[-+]0x[0-9a-f]+$/i, hi = /^0b[01]+$/i, Ii = /^0o[0-7]+$/i, fi = parseInt, gi = typeof te == "object" && te && te.Object === Object && te, vi = typeof self == "object" && self && self.Object === Object && self, Mi = gi || vi || Function("return this")(), Ti = Object.prototype, yi = Ti.toString, Ai = Math.max, Ni = Math.min, me = function() {
+  return Mi.Date.now();
 };
-function Ni(e, t, n) {
-  var i, r, c, l, d, u, h = 0, T = !1, M = !1, f = !0;
+function Di(e, t, n) {
+  var i, r, d, c, l, u, f = 0, M = !1, v = !1, h = !0;
   if (typeof e != "function")
-    throw new TypeError(Xe);
-  t = je(t) || 0, se(n) && (T = !!n.leading, M = "maxWait" in n, c = M ? Ti(je(n.maxWait) || 0, t) : c, f = "trailing" in n ? !!n.trailing : f);
-  function A(v) {
+    throw new TypeError(et);
+  t = Ce(t) || 0, oe(n) && (M = !!n.leading, v = "maxWait" in n, d = v ? Ai(Ce(n.maxWait) || 0, t) : d, h = "trailing" in n ? !!n.trailing : h);
+  function A(y) {
     var x = i, O = r;
-    return i = r = void 0, h = v, l = e.apply(O, x), l;
+    return i = r = void 0, f = y, c = e.apply(O, x), c;
   }
-  function S(v) {
-    return h = v, d = setTimeout(p, t), T ? A(v) : l;
+  function S(y) {
+    return f = y, l = setTimeout(p, t), M ? A(y) : c;
   }
-  function o(v) {
-    var x = v - u, O = v - h, b = t - x;
-    return M ? Ai(b, c - O) : b;
+  function o(y) {
+    var x = y - u, O = y - f, z = t - x;
+    return v ? Ni(z, d - O) : z;
   }
-  function m(v) {
-    var x = v - u, O = v - h;
-    return u === void 0 || x >= t || x < 0 || M && O >= c;
+  function m(y) {
+    var x = y - u, O = y - f;
+    return u === void 0 || x >= t || x < 0 || v && O >= d;
   }
   function p() {
-    var v = pe();
-    if (m(v))
-      return g(v);
-    d = setTimeout(p, o(v));
+    var y = me();
+    if (m(y))
+      return g(y);
+    l = setTimeout(p, o(y));
   }
-  function g(v) {
-    return d = void 0, f && i ? A(v) : (i = r = void 0, l);
+  function g(y) {
+    return l = void 0, h && i ? A(y) : (i = r = void 0, c);
   }
-  function y() {
-    d !== void 0 && clearTimeout(d), h = 0, i = u = r = d = void 0;
+  function T() {
+    l !== void 0 && clearTimeout(l), f = 0, i = u = r = l = void 0;
   }
   function D() {
-    return d === void 0 ? l : g(pe());
+    return l === void 0 ? c : g(me());
   }
   function N() {
-    var v = pe(), x = m(v);
-    if (i = arguments, r = this, u = v, x) {
-      if (d === void 0)
+    var y = me(), x = m(y);
+    if (i = arguments, r = this, u = y, x) {
+      if (l === void 0)
         return S(u);
-      if (M)
-        return d = setTimeout(p, t), A(u);
+      if (v)
+        return l = setTimeout(p, t), A(u);
     }
-    return d === void 0 && (d = setTimeout(p, t)), l;
+    return l === void 0 && (l = setTimeout(p, t)), c;
   }
-  return N.cancel = y, N.flush = D, N;
+  return N.cancel = T, N.flush = D, N;
 }
-function Di(e, t, n) {
+function Si(e, t, n) {
   var i = !0, r = !0;
   if (typeof e != "function")
-    throw new TypeError(Xe);
-  return se(n) && (i = "leading" in n ? !!n.leading : i, r = "trailing" in n ? !!n.trailing : r), Ni(e, t, {
+    throw new TypeError(et);
+  return oe(n) && (i = "leading" in n ? !!n.leading : i, r = "trailing" in n ? !!n.trailing : r), Di(e, t, {
     leading: i,
     maxWait: t,
     trailing: r
   });
 }
-function se(e) {
+function oe(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function Si(e) {
+function xi(e) {
   return !!e && typeof e == "object";
 }
-function xi(e) {
-  return typeof e == "symbol" || Si(e) && yi.call(e) == di;
+function zi(e) {
+  return typeof e == "symbol" || xi(e) && yi.call(e) == ui;
 }
-function je(e) {
+function Ce(e) {
   if (typeof e == "number")
     return e;
-  if (xi(e))
-    return ke;
-  if (se(e)) {
+  if (zi(e))
+    return we;
+  if (oe(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = se(t) ? t + "" : t;
+    e = oe(t) ? t + "" : t;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = e.replace(ui, "");
-  var n = mi.test(e);
-  return n || hi.test(e) ? fi(e.slice(2), n ? 2 : 8) : pi.test(e) ? ke : +e;
+  e = e.replace(pi, "");
+  var n = hi.test(e);
+  return n || Ii.test(e) ? fi(e.slice(2), n ? 2 : 8) : mi.test(e) ? we : +e;
 }
-var zi = Di;
-const et = /* @__PURE__ */ rt(zi), bi = /* @__PURE__ */ a("div")({
+var bi = Si;
+const tt = /* @__PURE__ */ rt(bi), Oi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), Oi = /* @__PURE__ */ a("div")({
+}), ki = /* @__PURE__ */ a("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), ki = /* @__PURE__ */ a("button")({
+}), ji = /* @__PURE__ */ a("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), ji = /* @__PURE__ */ a("span")({
+}), wi = /* @__PURE__ */ a("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var J = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(J || {});
-const Ce = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(ki, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(ji, { children: e }) }), Ci = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(bi, { children: /* @__PURE__ */ I(Oi, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(Ce, { title: "Home", active: e === "home", onClick: () => t(
+const Ee = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(ji, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(wi, { children: e }) }), Ci = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Oi, { children: /* @__PURE__ */ I(ki, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(Ee, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ s(
-    Ce,
+    Ee,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -968,167 +986,167 @@ const Ce = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(ki, { onCl
     }
   )
 ] }) });
-function Ie() {
-  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+function ve() {
+  return ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var i in n)
         Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
-  }, Ie.apply(this, arguments);
+  }, ve.apply(this, arguments);
 }
-function we(e) {
+function $e(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function ge(e, t) {
-  return ge = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
+function Me(e, t) {
+  return Me = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
     return i.__proto__ = r, i;
-  }, ge(e, t);
+  }, Me(e, t);
 }
-function wi(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ge(e, t);
+function Ei(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Me(e, t);
 }
-var Ee = Number.isNaN || function(t) {
+var Le = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Ei(e, t) {
-  return !!(e === t || Ee(e) && Ee(t));
-}
 function $i(e, t) {
+  return !!(e === t || Le(e) && Le(t));
+}
+function Li(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Ei(e[n], t[n]))
+    if (!$i(e[n], t[n]))
       return !1;
   return !0;
 }
-function me(e, t) {
-  t === void 0 && (t = $i);
-  var n, i = [], r, c = !1;
-  function l() {
-    for (var d = [], u = 0; u < arguments.length; u++)
-      d[u] = arguments[u];
-    return c && n === this && t(d, i) || (r = e.apply(this, d), c = !0, n = this, i = d), r;
+function he(e, t) {
+  t === void 0 && (t = Li);
+  var n, i = [], r, d = !1;
+  function c() {
+    for (var l = [], u = 0; u < arguments.length; u++)
+      l[u] = arguments[u];
+    return d && n === this && t(l, i) || (r = e.apply(this, l), d = !0, n = this, i = l), r;
   }
-  return l;
+  return c;
 }
-var Li = typeof performance == "object" && typeof performance.now == "function", $e = Li ? function() {
+var Ri = typeof performance == "object" && typeof performance.now == "function", Re = Ri ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Le(e) {
+function Qe(e) {
   cancelAnimationFrame(e.id);
 }
-function Ri(e, t) {
-  var n = $e();
+function Qi(e, t) {
+  var n = Re();
   function i() {
-    $e() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
+    Re() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
   }
   var r = {
     id: requestAnimationFrame(i)
   };
   return r;
 }
-var he = -1;
-function Re(e) {
-  if (e === void 0 && (e = !1), he === -1 || e) {
+var Ie = -1;
+function Ue(e) {
+  if (e === void 0 && (e = !1), Ie === -1 || e) {
     var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), he = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), Ie = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return he;
+  return Ie;
 }
-var F = null;
-function Qe(e) {
-  if (e === void 0 && (e = !1), F === null || e) {
+var V = null;
+function Pe(e) {
+  if (e === void 0 && (e = !1), V === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var i = document.createElement("div"), r = i.style;
-    return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? F = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? F = "negative" : F = "positive-ascending"), document.body.removeChild(t), F;
+    return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? V = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? V = "negative" : V = "positive-ascending"), document.body.removeChild(t), V;
   }
-  return F;
+  return V;
 }
-var Qi = 150, Ui = function(t, n) {
+var Ui = 150, Pi = function(t, n) {
   return t;
 };
-function Pi(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, d = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
-  return t = /* @__PURE__ */ function(M) {
-    wi(f, M);
-    function f(S) {
+function qi(e) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, d = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, u = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, M = e.validateProps;
+  return t = /* @__PURE__ */ function(v) {
+    Ei(h, v);
+    function h(S) {
       var o;
-      return o = M.call(this, S) || this, o._instanceProps = u(o.props, we(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
-        instance: we(o),
+      return o = v.call(this, S) || this, o._instanceProps = u(o.props, $e(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+        instance: $e(o),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = me(function(m, p, g, y) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = he(function(m, p, g, T) {
         return o.props.onItemsRendered({
           overscanStartIndex: m,
           overscanStopIndex: p,
           visibleStartIndex: g,
-          visibleStopIndex: y
+          visibleStopIndex: T
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = me(function(m, p, g) {
+      }), o._callOnScroll = void 0, o._callOnScroll = he(function(m, p, g) {
         return o.props.onScroll({
           scrollDirection: m,
           scrollOffset: p,
           scrollUpdateWasRequested: g
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(m) {
-        var p = o.props, g = p.direction, y = p.itemSize, D = p.layout, N = o._getItemStyleCache(h && y, h && D, h && g), v;
+        var p = o.props, g = p.direction, T = p.itemSize, D = p.layout, N = o._getItemStyleCache(f && T, f && D, f && g), y;
         if (N.hasOwnProperty(m))
-          v = N[m];
+          y = N[m];
         else {
-          var x = n(o.props, m, o._instanceProps), O = r(o.props, m, o._instanceProps), b = g === "horizontal" || D === "horizontal", L = g === "rtl", R = b ? x : 0;
-          N[m] = v = {
+          var x = n(o.props, m, o._instanceProps), O = r(o.props, m, o._instanceProps), z = g === "horizontal" || D === "horizontal", k = g === "rtl", w = z ? x : 0;
+          N[m] = y = {
             position: "absolute",
-            left: L ? void 0 : R,
-            right: L ? R : void 0,
-            top: b ? 0 : x,
-            height: b ? "100%" : O,
-            width: b ? O : "100%"
+            left: k ? void 0 : w,
+            right: k ? w : void 0,
+            top: z ? 0 : x,
+            height: z ? "100%" : O,
+            width: z ? O : "100%"
           };
         }
-        return v;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = me(function(m, p, g) {
+        return y;
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = he(function(m, p, g) {
         return {};
       }), o._onScrollHorizontal = function(m) {
-        var p = m.currentTarget, g = p.clientWidth, y = p.scrollLeft, D = p.scrollWidth;
+        var p = m.currentTarget, g = p.clientWidth, T = p.scrollLeft, D = p.scrollWidth;
         o.setState(function(N) {
-          if (N.scrollOffset === y)
+          if (N.scrollOffset === T)
             return null;
-          var v = o.props.direction, x = y;
-          if (v === "rtl")
-            switch (Qe()) {
+          var y = o.props.direction, x = T;
+          if (y === "rtl")
+            switch (Pe()) {
               case "negative":
-                x = -y;
+                x = -T;
                 break;
               case "positive-descending":
-                x = D - g - y;
+                x = D - g - T;
                 break;
             }
           return x = Math.max(0, Math.min(x, D - g)), {
             isScrolling: !0,
-            scrollDirection: N.scrollOffset < y ? "forward" : "backward",
+            scrollDirection: N.scrollOffset < T ? "forward" : "backward",
             scrollOffset: x,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._onScrollVertical = function(m) {
-        var p = m.currentTarget, g = p.clientHeight, y = p.scrollHeight, D = p.scrollTop;
+        var p = m.currentTarget, g = p.clientHeight, T = p.scrollHeight, D = p.scrollTop;
         o.setState(function(N) {
           if (N.scrollOffset === D)
             return null;
-          var v = Math.max(0, Math.min(D, y - g));
+          var y = Math.max(0, Math.min(D, T - g));
           return {
             isScrolling: !0,
-            scrollDirection: N.scrollOffset < v ? "forward" : "backward",
-            scrollOffset: v,
+            scrollDirection: N.scrollOffset < y ? "forward" : "backward",
+            scrollOffset: y,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
@@ -1136,7 +1154,7 @@ function Pi(e) {
         var p = o.props.outerRef;
         o._outerRef = m, typeof p == "function" ? p(m) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = m);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && Le(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Ri(o._resetIsScrolling, Qi);
+        o._resetIsScrollingTimeoutId !== null && Qe(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Qi(o._resetIsScrolling, Ui);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -1145,10 +1163,10 @@ function Pi(e) {
         });
       }, o;
     }
-    f.getDerivedStateFromProps = function(o, m) {
-      return qi(o, m), T(o), null;
+    h.getDerivedStateFromProps = function(o, m) {
+      return _i(o, m), M(o), null;
     };
-    var A = f.prototype;
+    var A = h.prototype;
     return A.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(m) {
         return m.scrollOffset === o ? null : {
@@ -1159,101 +1177,101 @@ function Pi(e) {
       }, this._resetIsScrollingDebounced);
     }, A.scrollToItem = function(o, m) {
       m === void 0 && (m = "auto");
-      var p = this.props, g = p.itemCount, y = p.layout, D = this.state.scrollOffset;
+      var p = this.props, g = p.itemCount, T = p.layout, D = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, g - 1));
       var N = 0;
       if (this._outerRef) {
-        var v = this._outerRef;
-        y === "vertical" ? N = v.scrollWidth > v.clientWidth ? Re() : 0 : N = v.scrollHeight > v.clientHeight ? Re() : 0;
+        var y = this._outerRef;
+        T === "vertical" ? N = y.scrollWidth > y.clientWidth ? Ue() : 0 : N = y.scrollHeight > y.clientHeight ? Ue() : 0;
       }
-      this.scrollTo(c(this.props, o, m, D, this._instanceProps, N));
+      this.scrollTo(d(this.props, o, m, D, this._instanceProps, N));
     }, A.componentDidMount = function() {
       var o = this.props, m = o.direction, p = o.initialScrollOffset, g = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
-        var y = this._outerRef;
-        m === "horizontal" || g === "horizontal" ? y.scrollLeft = p : y.scrollTop = p;
+        var T = this._outerRef;
+        m === "horizontal" || g === "horizontal" ? T.scrollLeft = p : T.scrollTop = p;
       }
       this._callPropsCallbacks();
     }, A.componentDidUpdate = function() {
-      var o = this.props, m = o.direction, p = o.layout, g = this.state, y = g.scrollOffset, D = g.scrollUpdateWasRequested;
+      var o = this.props, m = o.direction, p = o.layout, g = this.state, T = g.scrollOffset, D = g.scrollUpdateWasRequested;
       if (D && this._outerRef != null) {
         var N = this._outerRef;
         if (m === "horizontal" || p === "horizontal")
           if (m === "rtl")
-            switch (Qe()) {
+            switch (Pe()) {
               case "negative":
-                N.scrollLeft = -y;
+                N.scrollLeft = -T;
                 break;
               case "positive-ascending":
-                N.scrollLeft = y;
+                N.scrollLeft = T;
                 break;
               default:
-                var v = N.clientWidth, x = N.scrollWidth;
-                N.scrollLeft = x - v - y;
+                var y = N.clientWidth, x = N.scrollWidth;
+                N.scrollLeft = x - y - T;
                 break;
             }
           else
-            N.scrollLeft = y;
+            N.scrollLeft = T;
         else
-          N.scrollTop = y;
+          N.scrollTop = T;
       }
       this._callPropsCallbacks();
     }, A.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Le(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && Qe(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var o = this.props, m = o.children, p = o.className, g = o.direction, y = o.height, D = o.innerRef, N = o.innerElementType, v = o.innerTagName, x = o.itemCount, O = o.itemData, b = o.itemKey, L = b === void 0 ? Ui : b, R = o.layout, ae = o.outerElementType, le = o.outerTagName, Q = o.style, K = o.useIsScrolling, ce = o.width, X = this.state.isScrolling, V = g === "horizontal" || R === "horizontal", k = V ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), tt = U[0], nt = U[1], Ae = [];
+      var o = this.props, m = o.children, p = o.className, g = o.direction, T = o.height, D = o.innerRef, N = o.innerElementType, y = o.innerTagName, x = o.itemCount, O = o.itemData, z = o.itemKey, k = z === void 0 ? Pi : z, w = o.layout, le = o.outerElementType, ce = o.outerTagName, U = o.style, K = o.useIsScrolling, X = o.width, ee = this.state.isScrolling, F = g === "horizontal" || w === "horizontal", de = F ? this._onScrollHorizontal : this._onScrollVertical, j = this._getRangeToRender(), q = j[0], nt = j[1], De = [];
       if (x > 0)
-        for (var B = tt; B <= nt; B++)
-          Ae.push(de(m, {
+        for (var B = q; B <= nt; B++)
+          De.push(ue(m, {
             data: O,
-            key: L(B, O),
+            key: k(B, O),
             index: B,
-            isScrolling: K ? X : void 0,
+            isScrolling: K ? ee : void 0,
             style: this._getItemStyle(B)
           }));
-      var Ne = i(this.props, this._instanceProps);
-      return de(ae || le || "div", {
+      var Se = i(this.props, this._instanceProps);
+      return ue(le || ce || "div", {
         className: p,
-        onScroll: k,
+        onScroll: de,
         ref: this._outerRefSetter,
-        style: Ie({
+        style: ve({
           position: "relative",
-          height: y,
-          width: ce,
+          height: T,
+          width: X,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: g
-        }, Q)
-      }, de(N || v || "div", {
-        children: Ae,
+        }, U)
+      }, ue(N || y || "div", {
+        children: De,
         ref: D,
         style: {
-          height: V ? "100%" : Ne,
-          pointerEvents: X ? "none" : void 0,
-          width: V ? Ne : "100%"
+          height: F ? "100%" : Se,
+          pointerEvents: ee ? "none" : void 0,
+          width: F ? Se : "100%"
         }
       }));
     }, A._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var m = this._getRangeToRender(), p = m[0], g = m[1], y = m[2], D = m[3];
-          this._callOnItemsRendered(p, g, y, D);
+          var m = this._getRangeToRender(), p = m[0], g = m[1], T = m[2], D = m[3];
+          this._callOnItemsRendered(p, g, T, D);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var N = this.state, v = N.scrollDirection, x = N.scrollOffset, O = N.scrollUpdateWasRequested;
-        this._callOnScroll(v, x, O);
+        var N = this.state, y = N.scrollDirection, x = N.scrollOffset, O = N.scrollUpdateWasRequested;
+        this._callOnScroll(y, x, O);
       }
     }, A._getRangeToRender = function() {
-      var o = this.props, m = o.itemCount, p = o.overscanCount, g = this.state, y = g.isScrolling, D = g.scrollDirection, N = g.scrollOffset;
+      var o = this.props, m = o.itemCount, p = o.overscanCount, g = this.state, T = g.isScrolling, D = g.scrollDirection, N = g.scrollOffset;
       if (m === 0)
         return [0, 0, 0, 0];
-      var v = l(this.props, N, this._instanceProps), x = d(this.props, v, N, this._instanceProps), O = !y || D === "backward" ? Math.max(1, p) : 1, b = !y || D === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, v - O), Math.max(0, Math.min(m - 1, x + b)), v, x];
-    }, f;
-  }(We), t.defaultProps = {
+      var y = c(this.props, N, this._instanceProps), x = l(this.props, y, N, this._instanceProps), O = !T || D === "backward" ? Math.max(1, p) : 1, z = !T || D === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, y - O), Math.max(0, Math.min(m - 1, x + z)), y, x];
+    }, h;
+  }(Ve), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1261,9 +1279,9 @@ function Pi(e) {
     useIsScrolling: !1
   }, t;
 }
-var qi = function(t, n) {
+var _i = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, _i = /* @__PURE__ */ Pi({
+}, Yi = /* @__PURE__ */ qi({
   getItemOffset: function(t, n) {
     var i = t.itemSize;
     return n * i;
@@ -1276,8 +1294,8 @@ var qi = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, c, l) {
-    var d = t.direction, u = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, f = t.width, A = d === "horizontal" || M === "horizontal", S = A ? f : u, o = Math.max(0, h * T - S), m = Math.min(o, n * T), p = Math.max(0, n * T - S + T + l);
+  getOffsetForIndexAndAlignment: function(t, n, i, r, d, c) {
+    var l = t.direction, u = t.height, f = t.itemCount, M = t.itemSize, v = t.layout, h = t.width, A = l === "horizontal" || v === "horizontal", S = A ? h : u, o = Math.max(0, f * M - S), m = Math.min(o, n * M), p = Math.max(0, n * M - S + M + c);
     switch (i === "smart" && (r >= p - S && r <= m + S ? i = "auto" : i = "center"), i) {
       case "start":
         return m;
@@ -1297,9 +1315,9 @@ var qi = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, c = t.height, l = t.itemCount, d = t.itemSize, u = t.layout, h = t.width, T = r === "horizontal" || u === "horizontal", M = n * d, f = T ? h : c, A = Math.ceil((f + i - M) / d);
+    var r = t.direction, d = t.height, c = t.itemCount, l = t.itemSize, u = t.layout, f = t.width, M = r === "horizontal" || u === "horizontal", v = n * l, h = M ? f : d, A = Math.ceil((h + i - v) / l);
     return Math.max(0, Math.min(
-      l - 1,
+      c - 1,
       n + A - 1
       // -1 is because stop index is inclusive
     ));
@@ -1311,34 +1329,34 @@ var qi = function(t, n) {
     t.itemSize;
   }
 });
-function Yi(e) {
+function Wi(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
   return !(i > n || r < t);
 }
-function Wi(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, c = e.stopIndex, l = [], d = null, u = null, h = r; h <= c; h++) {
-    var T = t(h);
-    T ? u !== null && (l.push(d, u), d = u = null) : (u = h, d === null && (d = h));
+function Vi(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, d = e.stopIndex, c = [], l = null, u = null, f = r; f <= d; f++) {
+    var M = t(f);
+    M ? u !== null && (c.push(l, u), l = u = null) : (u = f, l === null && (l = f));
   }
   if (u !== null) {
-    for (var M = Math.min(Math.max(u, d + i - 1), n - 1), f = u + 1; f <= M && !t(f); f++)
-      u = f;
-    l.push(d, u);
+    for (var v = Math.min(Math.max(u, l + i - 1), n - 1), h = u + 1; h <= v && !t(h); h++)
+      u = h;
+    c.push(l, u);
   }
-  if (l.length)
-    for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
-      var A = l[0] - 1;
+  if (c.length)
+    for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
+      var A = c[0] - 1;
       if (!t(A))
-        l[0] = A;
+        c[0] = A;
       else
         break;
     }
-  return l;
+  return c;
 }
 var Fi = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, Vi = function() {
+}, Bi = function() {
   function e(t, n) {
     for (var i = 0; i < n.length; i++) {
       var r = n[i];
@@ -1348,7 +1366,7 @@ var Fi = function(e, t) {
   return function(t, n, i) {
     return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), Bi = function(e, t) {
+}(), Hi = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1359,25 +1377,25 @@ var Fi = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, Ue = function(e, t) {
+}, qe = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
-}, Hi = function(e) {
-  Bi(t, e);
+}, Gi = function(e) {
+  Hi(t, e);
   function t() {
-    var n, i, r, c;
+    var n, i, r, d;
     Fi(this, t);
-    for (var l = arguments.length, d = Array(l), u = 0; u < l; u++)
-      d[u] = arguments[u];
-    return c = (i = (r = Ue(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(d))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
-      var T = h.visibleStartIndex, M = h.visibleStopIndex;
-      r._lastRenderedStartIndex = T, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(T, M);
-    }, r._setRef = function(h) {
-      r._listRef = h;
-    }, i), Ue(r, c);
+    for (var c = arguments.length, l = Array(c), u = 0; u < c; u++)
+      l[u] = arguments[u];
+    return d = (i = (r = qe(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
+      var M = f.visibleStartIndex, v = f.visibleStopIndex;
+      r._lastRenderedStartIndex = M, r._lastRenderedStopIndex = v, r._ensureRowsLoaded(M, v);
+    }, r._setRef = function(f) {
+      r._listRef = f;
+    }, i), qe(r, d);
   }
-  return Vi(t, [{
+  return Bi(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1399,129 +1417,129 @@ var Fi = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var c = this.props, l = c.isItemLoaded, d = c.itemCount, u = c.minimumBatchSize, h = u === void 0 ? 10 : u, T = c.threshold, M = T === void 0 ? 15 : T, f = Wi({
-        isItemLoaded: l,
-        itemCount: d,
-        minimumBatchSize: h,
-        startIndex: Math.max(0, i - M),
-        stopIndex: Math.min(d - 1, r + M)
+      var d = this.props, c = d.isItemLoaded, l = d.itemCount, u = d.minimumBatchSize, f = u === void 0 ? 10 : u, M = d.threshold, v = M === void 0 ? 15 : M, h = Vi({
+        isItemLoaded: c,
+        itemCount: l,
+        minimumBatchSize: f,
+        startIndex: Math.max(0, i - v),
+        stopIndex: Math.min(l - 1, r + v)
       });
-      (this._memoizedUnloadedRanges.length !== f.length || this._memoizedUnloadedRanges.some(function(A, S) {
-        return f[S] !== A;
-      })) && (this._memoizedUnloadedRanges = f, this._loadUnloadedRanges(f));
+      (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(A, S) {
+        return h[S] !== A;
+      })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(h) {
-        var T = i[h], M = i[h + 1], f = c(T, M);
-        f != null && f.then(function() {
-          if (Yi({
+      for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, c = function(f) {
+        var M = i[f], v = i[f + 1], h = d(M, v);
+        h != null && h.then(function() {
+          if (Wi({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
-            startIndex: T,
-            stopIndex: M
+            startIndex: M,
+            stopIndex: v
           })) {
             if (r._listRef == null)
               return;
-            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(T, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(M, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, d = 0; d < i.length; d += 2)
-        l(d);
+      }, l = 0; l < i.length; l += 2)
+        c(l);
     }
   }]), t;
-}(We);
-const Gi = /* @__PURE__ */ a("div")({
+}(Ve);
+const Zi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), Zi = /* @__PURE__ */ a("div")({
+}), Ji = /* @__PURE__ */ a("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), Ji = /* @__PURE__ */ a("img")({
+}), Ki = /* @__PURE__ */ a("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), Ki = /* @__PURE__ */ a("div")({
+}), Xi = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), Xi = /* @__PURE__ */ a("div")({
+}), er = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), er = /* @__PURE__ */ a("div")({
+}), tr = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), tr = /* @__PURE__ */ a("span")({
+}), nr = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), nr = () => j, ir = /* @__PURE__ */ a(nr())({
+}), ir = () => C, rr = /* @__PURE__ */ a(ir())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), rr = ({
+}), sr = ({
   rank: e,
   avatar: t,
   name: n,
   points: i,
   isCurrentUser: r,
-  openItemDetail: c,
-  style: l
-}) => /* @__PURE__ */ I(Gi, { onClick: c, style: l, children: [
-  /* @__PURE__ */ s(Zi, { children: e || 0 }),
-  /* @__PURE__ */ I(Xi, { children: [
-    t ? /* @__PURE__ */ s(Ji, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Ki, { children: Ve(n || "") }),
-    /* @__PURE__ */ I(er, { children: [
-      /* @__PURE__ */ s(tr, { children: n || "" }),
-      r && /* @__PURE__ */ s(ir, { name: "icon-star" })
+  openItemDetail: d,
+  style: c
+}) => /* @__PURE__ */ I(Zi, { onClick: d, style: c, children: [
+  /* @__PURE__ */ s(Ji, { children: e || 0 }),
+  /* @__PURE__ */ I(er, { children: [
+    t ? /* @__PURE__ */ s(Ki, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Xi, { children: Be(n || "") }),
+    /* @__PURE__ */ I(tr, { children: [
+      /* @__PURE__ */ s(nr, { children: n || "" }),
+      r && /* @__PURE__ */ s(rr, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: Be(i) })
-] }), sr = /* @__PURE__ */ a("div")({
+  /* @__PURE__ */ s("div", { children: He(i) })
+] }), or = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), or = ({
+}), ar = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i,
   onScroll: r
-}) => /* @__PURE__ */ s(st, { children: ({ width: c, height: l }) => /* @__PURE__ */ s(
-  Hi,
+}) => /* @__PURE__ */ s(st, { children: ({ width: d, height: c }) => /* @__PURE__ */ s(
+  Gi,
   {
-    isItemLoaded: (d) => d < e.length,
+    isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: d, ref: u }) => /* @__PURE__ */ s(sr, { children: /* @__PURE__ */ s(
-      _i,
+    children: ({ onItemsRendered: l, ref: u }) => /* @__PURE__ */ s(or, { children: /* @__PURE__ */ s(
+      Yi,
       {
         itemSize: 56,
         onScroll: r,
-        onItemsRendered: d,
+        onItemsRendered: l,
         ref: u,
         itemCount: e.length,
-        width: c,
-        height: l,
-        children: ({ index: h, style: T }) => /* @__PURE__ */ s(
-          rr,
+        width: d,
+        height: c,
+        children: ({ index: f, style: M }) => /* @__PURE__ */ s(
+          sr,
           {
-            style: { ...T, maxHeight: 48 },
-            ...e[h],
-            openItemDetail: () => n(e[h].userId),
-            isCurrentUser: !!t && t === e[h].userId
+            style: { ...M, maxHeight: 48 },
+            ...e[f],
+            openItemDetail: () => n(e[f].userId),
+            isCurrentUser: !!t && t === e[f].userId
           },
-          e[h].userId
+          e[f].userId
         )
       }
     ) })
   }
-) }), ar = ({ deepLink: e }) => {
+) }), lr = ({ deepLink: e }) => {
   const { data: t } = Y(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     ot,
@@ -1543,15 +1561,15 @@ const Gi = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, lr = ({ gamification: e, hideTabs: t }) => {
-  const { data: n } = Y(e.leaderboardList.$store), i = C(0), r = q(
-    et((c) => {
-      Math.abs(i.current - c.scrollOffset) < 112 || (i.current = c.scrollOffset, t(c.scrollOffset !== 0 && c.scrollDirection === "forward"));
+}, cr = ({ gamification: e, hideTabs: t }) => {
+  const { data: n } = Y(e.leaderboardList.$store), i = $(0), r = P(
+    tt((d) => {
+      Math.abs(i.current - d.scrollOffset) < 112 || (i.current = d.scrollOffset, t(d.scrollOffset !== 0 && d.scrollDirection === "forward"));
     }, 200),
     [t]
   );
   return n != null && n.length ? /* @__PURE__ */ s(
-    or,
+    ar,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: n,
@@ -1559,205 +1577,205 @@ const Gi = /* @__PURE__ */ a("div")({
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(ar, { deepLink: e.deepLink });
-}, cr = /* @__PURE__ */ a("div")({
+  ) : /* @__PURE__ */ s(lr, { deepLink: e.deepLink });
+}, dr = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), dr = /* @__PURE__ */ a("div")({
+}), ur = /* @__PURE__ */ a("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), ur = /* @__PURE__ */ a("div")({
+}), pr = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), pr = /* @__PURE__ */ a("div")({
+}), mr = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), mr = () => j, re = /* @__PURE__ */ a(mr())({
+}), hr = () => C, se = /* @__PURE__ */ a(hr())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), hr = () => j, fr = /* @__PURE__ */ a(hr())({
+}), Ir = () => C, fr = /* @__PURE__ */ a(Ir())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), Ir = /* @__PURE__ */ a("div")({
+}), gr = /* @__PURE__ */ a("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), gr = /* @__PURE__ */ a("div")({
+}), vr = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), vr = /* @__PURE__ */ a("button")({
+}), Mr = /* @__PURE__ */ a("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Mr = {
-  [te.LOST]: /* @__PURE__ */ s(re, { name: "incorrectVoted" }),
-  [te.WON]: /* @__PURE__ */ s(re, { name: "icon-check" }),
-  [te.UNSET]: /* @__PURE__ */ s(re, { name: "icon-arrow" }),
-  [te.DNP]: /* @__PURE__ */ s(re, { name: "icon-arrow" })
+}), Tr = {
+  [ne.LOST]: /* @__PURE__ */ s(se, { name: "incorrectVoted" }),
+  [ne.WON]: /* @__PURE__ */ s(se, { name: "icon-check" }),
+  [ne.UNSET]: /* @__PURE__ */ s(se, { name: "icon-arrow" }),
+  [ne.DNP]: /* @__PURE__ */ s(se, { name: "icon-arrow" })
 }, yr = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
   subject: i,
   openForVoting: r,
-  openQuestion: c,
-  status: l
+  openQuestion: d,
+  status: c
 }) => {
-  const d = qe[t], u = Mr[l];
-  return d ? /* @__PURE__ */ I(cr, { onClick: () => c == null ? void 0 : c(e), children: [
-    /* @__PURE__ */ I(gr, { children: [
-      /* @__PURE__ */ I(dr, { children: [
+  const l = Ye[t], u = Tr[c];
+  return l ? /* @__PURE__ */ I(dr, { onClick: () => d == null ? void 0 : d(e), children: [
+    /* @__PURE__ */ I(vr, { children: [
+      /* @__PURE__ */ I(ur, { children: [
         /* @__PURE__ */ s(
           fr,
           {
-            "data-type-trivia": t === z.TRIVIA,
-            "data-type-poll": t === z.POLL,
-            name: d.iconName
+            "data-type-trivia": t === b.TRIVIA,
+            "data-type-poll": t === b.POLL,
+            name: l.iconName
           }
         ),
-        /* @__PURE__ */ I(Ir, { children: [
-          d.label,
-          t === z.TRIVIA && n === P.RESOLVED && " • Expired"
+        /* @__PURE__ */ I(gr, { children: [
+          l.label,
+          t === b.TRIVIA && n === Q.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(ur, { children: i || "" })
+      /* @__PURE__ */ s(pr, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(pr, { children: r ? /* @__PURE__ */ s(vr, { children: "Play" }) : u })
+    /* @__PURE__ */ s(mr, { children: r ? /* @__PURE__ */ s(Mr, { children: "Play" }) : u })
   ] }) : null;
-}, Tr = /* @__PURE__ */ a("div")({
+}, Ar = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Ar = /* @__PURE__ */ a("button")({
+}), Nr = /* @__PURE__ */ a("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Nr = ({
+}), Dr = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ I(Tr, { children: [
-  /* @__PURE__ */ s(Ke, { questionId: t, ...n, isPickHistory: !0 }),
-  e && /* @__PURE__ */ s(Ar, { onClick: () => e(t), children: "View Insight" })
-] }), Dr = /* @__PURE__ */ a("div")({
+}) => /* @__PURE__ */ I(Ar, { children: [
+  /* @__PURE__ */ s(Xe, { questionId: t, ...n, isPickHistory: !0 }),
+  e && /* @__PURE__ */ s(Nr, { onClick: () => e(t), children: "View Insight" })
+] }), Sr = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), Sr = () => at, xr = /* @__PURE__ */ a(Sr())({
+}), xr = () => at, zr = /* @__PURE__ */ a(xr())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), zr = /* @__PURE__ */ a("div")({
+}), br = /* @__PURE__ */ a("div")({
   name: "DateTime",
   class: "d1hbaleq",
   propsAsIs: !1
-}), br = /* @__PURE__ */ a("blockquote")({
+}), Or = /* @__PURE__ */ a("blockquote")({
   name: "Quote",
   class: "qvvgqjm",
   propsAsIs: !1
-}), Or = ({
+}), kr = ({
   openTweet: e,
   created: t,
   ...n
 }) => {
-  const i = $(() => {
+  const i = E(() => {
     if (t) {
       const r = new Date(t);
-      if (Te(r))
+      if (Ne(r))
         return {
-          date: Me(r),
-          time: ye(r)
+          date: ye(r),
+          time: Ae(r)
         };
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ I(Dr, { children: [
-    i && /* @__PURE__ */ I(zr, { children: [
+  return /* @__PURE__ */ I(Sr, { children: [
+    i && /* @__PURE__ */ I(br, { children: [
       i.date,
       " · ",
       i.time
     ] }),
-    n.title && /* @__PURE__ */ s(br, { children: n.title }),
-    /* @__PURE__ */ s(Ye, { ...n }),
-    e && /* @__PURE__ */ s(xr, { onClick: () => e(n.tweetId), children: "View Insight" })
+    n.title && /* @__PURE__ */ s(Or, { children: n.title }),
+    /* @__PURE__ */ s(We, { ...n }),
+    e && /* @__PURE__ */ s(zr, { onClick: () => e(n.tweetId), children: "View Insight" })
   ] });
-}, kr = /* @__PURE__ */ a("div")({
+}, jr = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), jr = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(kr, { children: e == null ? void 0 : e.map((n) => {
-  var i, r, c;
+}), wr = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(jr, { children: e == null ? void 0 : e.map((n) => {
+  var i, r, d;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const l = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(yr, { openQuestion: t, ...l }, l.questionId);
+    const c = n.attributes.attributes.value;
+    return /* @__PURE__ */ s(yr, { openQuestion: t, ...c }, c.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const l = n.attributes.attributes.value, d = n.attributes.created;
-    return /* @__PURE__ */ s(Nr, { openInsight: t, ...l, created: d }, l.questionId);
+    const c = n.attributes.attributes.value, l = n.attributes.created;
+    return /* @__PURE__ */ s(Dr, { openInsight: t, ...c, created: l }, c.questionId);
   }
-  if (n.type === "tweet" && ((c = n.attributes) == null ? void 0 : c.attributes.case) === "tweet") {
-    const l = n.attributes.attributes.value, d = n.attributes.id, u = n.attributes.created;
-    return /* @__PURE__ */ s(Or, { openTweet: t, ...l, tweetId: d, created: u }, d);
+  if (n.type === "tweet" && ((d = n.attributes) == null ? void 0 : d.attributes.case) === "tweet") {
+    const c = n.attributes.attributes.value, l = n.attributes.id, u = n.attributes.created;
+    return /* @__PURE__ */ s(kr, { openTweet: t, ...c, tweetId: l, created: u }, l);
   }
   return null;
 }) }), Cr = ({ store: e, openQuestion: t }) => {
   const n = Y(e);
-  return n != null && n.data ? /* @__PURE__ */ s(jr, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, wr = ({ userSummary: e }) => {
+  return n != null && n.data ? /* @__PURE__ */ s(wr, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, Er = ({ userSummary: e }) => {
   var t;
-  const [n, i] = w(void 0);
-  return oe(() => {
-    const r = e.subscribe((c) => {
-      c != null && c.data && i(c.data);
+  const [n, i] = L(void 0);
+  return ae(() => {
+    const r = e.subscribe((d) => {
+      d != null && d.data && i(d.data);
     });
     return () => {
       r();
     };
-  }, [e]), n != null && n.summary ? /* @__PURE__ */ s(He, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, Er = ({
+  }, [e]), n != null && n.summary ? /* @__PURE__ */ s(Ge, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+}, $r = ({
   gamification: e
 }) => {
-  const [t, n] = w(!1), [i, r] = w(J.HOME), c = C(null), l = C(0), [d, u] = ut(), h = (f) => {
-    u(() => r(f));
-  }, T = (f) => {
-    u(() => n(f));
-  }, M = q(et(() => {
-    const f = c.current;
-    if (!f)
+  const [t, n] = L(!1), [i, r] = L(J.HOME), d = $(null), c = $(0), [l, u] = ut(), f = (h) => {
+    u(() => r(h));
+  }, M = (h) => {
+    u(() => n(h));
+  }, v = P(tt(() => {
+    const h = d.current;
+    if (!h)
       return;
     const {
       scrollTop: A
-    } = f;
+    } = h;
     if (A === 0) {
-      l.current = 0, T(!1);
+      c.current = 0, M(!1);
       return;
     }
-    if (Math.abs(l.current - A) < 112)
+    if (Math.abs(c.current - A) < 112)
       return;
-    const S = l.current < A ? "forward" : "backward";
-    l.current = A, T(S === "forward");
+    const S = c.current < A ? "forward" : "backward";
+    c.current = A, M(S === "forward");
   }, 200), []);
-  return oe(() => {
-    const f = c.current;
-    return f ? (i === J.HOME && f.addEventListener("scroll", M), () => {
-      f.removeEventListener("scroll", M);
+  return ae(() => {
+    const h = d.current;
+    return h ? (i === J.HOME && h.addEventListener("scroll", v), () => {
+      h.removeEventListener("scroll", v);
     }) : () => {
     };
-  }, [i, M]), /* @__PURE__ */ I("div", {
+  }, [i, v]), /* @__PURE__ */ I("div", {
     style: {
       height: "100%",
       display: "flex",
       flexDirection: "column",
       overflow: "hidden"
     },
-    children: [d, /* @__PURE__ */ s(fe, {
+    children: [l, /* @__PURE__ */ s(ge, {
       style: {
         paddingBottom: "4px",
         transition: "margin-top 0.2s ease-in-out",
@@ -1765,15 +1783,15 @@ const Gi = /* @__PURE__ */ a("div")({
       },
       children: /* @__PURE__ */ s(Ci, {
         activePage: i,
-        toggleActivePage: h
+        toggleActivePage: f
       })
-    }), i === J.HOME && /* @__PURE__ */ I(ve, {
-      ref: c,
-      children: [/* @__PURE__ */ s(fe, {
+    }), i === J.HOME && /* @__PURE__ */ I(Te, {
+      ref: d,
+      children: [/* @__PURE__ */ s(ge, {
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(wr, {
+        children: /* @__PURE__ */ s(Er, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(lt, {
@@ -1784,59 +1802,59 @@ const Gi = /* @__PURE__ */ a("div")({
       })]
     }), i === J.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(lr, {
+      children: /* @__PURE__ */ s(cr, {
         gamification: e,
-        hideTabs: T
+        hideTabs: M
       })
     })]
   });
-}, $r = () => ct, Pe = /* @__PURE__ */ a($r())({
+}, Lr = () => ct, _e = /* @__PURE__ */ a(Lr())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), Lr = /* @__PURE__ */ a("div")({
+}), Rr = /* @__PURE__ */ a("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Rr = ({
+}), Qr = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, qr = ({
+}, _r = ({
   gamification: e,
   className: t
 }) => {
   const n = Y(e.openedQuestion.$store), i = Y(e.openedUser);
-  return /* @__PURE__ */ I(E, {
-    children: [n && /* @__PURE__ */ s(Pe, {
+  return /* @__PURE__ */ I(R, {
+    children: [n && /* @__PURE__ */ s(_e, {
       className: t,
-      children: /* @__PURE__ */ s(ci, {
+      children: /* @__PURE__ */ s(di, {
         gamification: e
       })
-    }), i && /* @__PURE__ */ s(Pe, {
+    }), i && /* @__PURE__ */ s(_e, {
       className: t,
-      children: /* @__PURE__ */ I(Lr, {
+      children: /* @__PURE__ */ I(Rr, {
         children: [/* @__PURE__ */ s(Fe, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ s(fe, {
-          children: /* @__PURE__ */ s(He, {
+        }), /* @__PURE__ */ s(ge, {
+          children: /* @__PURE__ */ s(Ge, {
             ...i,
-            successRate: Rr(i)
+            successRate: Qr(i)
           })
         })]
       })
-    }), /* @__PURE__ */ s(ve, {
+    }), /* @__PURE__ */ s(Te, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ s(Er, {
+      children: /* @__PURE__ */ s($r, {
         gamification: e
       })
     })]
   });
 };
 export {
-  qr as default
+  _r as default
 };