@streamlayer/react 0.30.0 → 0.30.1

package/lib/{index-e26b3493.js → es/gamification-feature.js}

@@ -1,176 +1,176 @@
-import { jsxs as u, jsx as i, Fragment as w } from "react/jsx-runtime";
-import { s as a, i as C } from "./index-15f61ac8.js";
-import { useStore as _ } from "@nanostores/react";
-import { o as ve, r as Ne, w as Le, A as $e, O as Re, c as Qe, a as K, s as Ue, x as Pe } from "./masters-bf25c11c.js";
-import { useState as R, useCallback as B, useMemo as W, createElement as V, PureComponent as Te } from "react";
-import { QuestionType as x, QuestionStatus as Q, QuestionImages as b, PickHistoryStatus as q } from "@streamlayer/sdk-web-types";
-import { o as ye, i as Ae, r as qe, a as Ye, n as We } from "./common-2d2a3ba3.js";
-import { CountdownCircleTimer as Be } from "react-countdown-circle-timer";
-import { E } from "./index-89366251.js";
+import { jsxs as u, jsx as s, Fragment as E } from "react/jsx-runtime";
+import { s as a, i as j } from "./index3.js";
+import { useStore as w } from "@nanostores/react";
+import { o as ve, r as Ne, w as $e, A as Re, O as Qe, c as Ue, a as K, n as _e, d as qe } from "./masters2.js";
+import { useState as Q, useCallback as V, useMemo as W, createElement as B, PureComponent as Ae } from "react";
+import { QuestionType as x, QuestionStatus as U, QuestionImages as b, PickHistoryStatus as Y } from "@streamlayer/sdk-web-types";
+import { o as ye, i as Te, r as Ye, a as Pe, n as We } from "./common.js";
+import { CountdownCircleTimer as Ve } from "react-countdown-circle-timer";
+import { E as L } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "@lottiefiles/react-lottie-player";
-import "./es/useStreamLayerApp.js";
+import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
 const Fe = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1vwopgc",
+  class: "c1vwopgc",
   propsAsIs: !1
-}), Ve = /* @__PURE__ */ a("div")({
+}), Be = /* @__PURE__ */ a("div")({
   name: "QuestionTypeWrap",
-  class: "QuestionTypeWrap_qyktpt0",
+  class: "qyktpt0",
   propsAsIs: !1
-}), He = () => C, Ge = /* @__PURE__ */ a(He())({
+}), He = () => j, Ze = /* @__PURE__ */ a(He())({
   name: "QuestionTypeIcon",
-  class: "QuestionTypeIcon_q951jdx",
+  class: "q951jdx",
   propsAsIs: !0
-}), Ze = /* @__PURE__ */ a("span")({
+}), Ge = /* @__PURE__ */ a("span")({
   name: "QuestionTypeTitle",
-  class: "QuestionTypeTitle_qss5f0e",
+  class: "qss5f0e",
   propsAsIs: !1
 }), Je = /* @__PURE__ */ a("button")({
   name: "CloseButton",
-  class: "CloseButton_c1ao1jtv",
+  class: "c1ao1jtv",
   propsAsIs: !1
-}), Ke = () => C, Xe = /* @__PURE__ */ a(Ke())({
+}), Ke = () => j, Xe = /* @__PURE__ */ a(Ke())({
   name: "CloseIcon",
-  class: "CloseIcon_cvsl7l3",
+  class: "cvsl7l3",
   propsAsIs: !0
 }), De = ({ type: e, close: t, label: n }) => {
-  const s = e ? ve[e] : { label: n, iconName: void 0 };
+  const i = e ? ve[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ u(Fe, { children: [
-    /* @__PURE__ */ u(Ve, { children: [
-      (s == null ? void 0 : s.iconName) && /* @__PURE__ */ i(Ge, { name: s.iconName }),
-      (s == null ? void 0 : s.label) && /* @__PURE__ */ i(Ze, { children: s.label })
+    /* @__PURE__ */ u(Be, { children: [
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(Ze, { name: i.iconName }),
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Ge, { children: i.label })
     ] }),
-    /* @__PURE__ */ i(Je, { onClick: t, children: /* @__PURE__ */ i(Xe, { name: "icon-cross" }) })
+    /* @__PURE__ */ s(Je, { onClick: t, children: /* @__PURE__ */ s(Xe, { name: "icon-cross" }) })
   ] });
 }, et = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1zy8a",
+  class: "c1zy8a",
   propsAsIs: !1
 }), tt = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1vih9p5",
+  class: "t1vih9p5",
   propsAsIs: !1
 }), nt = /* @__PURE__ */ a("div")({
   name: "Indicator",
-  class: "Indicator_i1fbnvpb",
+  class: "i1fbnvpb",
   propsAsIs: !1
-}), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ u(et, { children: [
-  /* @__PURE__ */ i(tt, { children: t }),
-  /* @__PURE__ */ i(nt, { children: e })
-] }), it = /* @__PURE__ */ a("div")({
+}), re = ({ indicator: e, title: t }) => /* @__PURE__ */ u(et, { children: [
+  /* @__PURE__ */ s(tt, { children: t }),
+  /* @__PURE__ */ s(nt, { children: e })
+] }), st = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_ctmhwyc",
+  class: "ctmhwyc",
   propsAsIs: !1
-}), st = /* @__PURE__ */ a("div")({
+}), it = /* @__PURE__ */ a("div")({
   name: "Indicator",
-  class: "Indicator_i1jri200",
+  class: "i1jri200",
   propsAsIs: !1
-}), ot = /* @__PURE__ */ a("div")({
+}), rt = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t8s05oq",
+  class: "t8s05oq",
   propsAsIs: !1
-}), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ u(it, { children: [
-  /* @__PURE__ */ i(st, { children: e }),
-  /* @__PURE__ */ i(ot, { children: t })
-] }), rt = /* @__PURE__ */ a("div")({
+}), P = ({ indicator: e, title: t }) => /* @__PURE__ */ u(st, { children: [
+  /* @__PURE__ */ s(it, { children: e }),
+  /* @__PURE__ */ s(rt, { children: t })
+] }), ot = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1yrpn9o",
+  class: "c1yrpn9o",
   propsAsIs: !1
 }), at = /* @__PURE__ */ a("div")({
   name: "TopInfo",
-  class: "TopInfo_t17fwahh",
+  class: "t17fwahh",
   propsAsIs: !1
 }), lt = /* @__PURE__ */ a("div")({
   name: "BottomInfo",
-  class: "BottomInfo_by6w7e9",
+  class: "by6w7e9",
   propsAsIs: !1
 }), ct = /* @__PURE__ */ a("div")({
   name: "User",
-  class: "User_u1g7arbm",
+  class: "u1g7arbm",
   propsAsIs: !1
 }), dt = /* @__PURE__ */ a("img")({
   name: "Avatar",
-  class: "Avatar_a1ldeata",
+  class: "a1ldeata",
   propsAsIs: !1
 }), ut = /* @__PURE__ */ a("div")({
   name: "UserInfo",
-  class: "UserInfo_u10d4koz",
+  class: "u10d4koz",
   propsAsIs: !1
 }), pt = /* @__PURE__ */ a("div")({
   name: "UserName",
-  class: "UserName_u1q6roj0",
+  class: "u1q6roj0",
   propsAsIs: !1
 }), mt = /* @__PURE__ */ a("div")({
   name: "UserRating",
-  class: "UserRating_ui0m425",
+  class: "ui0m425",
   propsAsIs: !1
 }), It = /* @__PURE__ */ a("img")({
   name: "TrophyIcon",
-  class: "TrophyIcon_t1el3mrn",
+  class: "t1el3mrn",
   propsAsIs: !1
 }), ht = /* @__PURE__ */ a("div")({
   name: "Rts",
-  class: "Rts_r2vgnxv",
+  class: "r2vgnxv",
   propsAsIs: !1
 }), ft = /* @__PURE__ */ a("div")({
   name: "RtsIndicator",
-  class: "RtsIndicator_roqn06j",
+  class: "roqn06j",
   propsAsIs: !1
 }), Mt = /* @__PURE__ */ a("div")({
   name: "RtsLabel",
-  class: "RtsLabel_r15adx7c",
+  class: "r15adx7c",
   propsAsIs: !1
 }), gt = /* @__PURE__ */ a("div")({
   name: "Divider",
-  class: "Divider_dv59lta",
+  class: "dv59lta",
   propsAsIs: !1
 }), vt = /* @__PURE__ */ a("div")({
   name: "Ranks",
-  class: "Ranks_r55lotb",
+  class: "r55lotb",
   propsAsIs: !1
 }), Nt = /* @__PURE__ */ a("div")({
   name: "Statistics",
-  class: "Statistics_s1knfgqt",
+  class: "s1knfgqt",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ a("div")({
+}), At = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
-  class: "AvatarPlaceholder_a1mqo824",
+  class: "a1mqo824",
   propsAsIs: !1
 }), yt = /* @__PURE__ */ a("button")({
   name: "UserAccountBtn",
-  class: "UserAccountBtn_uxareh6",
+  class: "uxareh6",
   propsAsIs: !1
-}), At = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
+}), Tt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
   avatar: e,
   name: t,
   points: n,
-  friendsRank: s,
-  rank: o,
+  friendsRank: i,
+  rank: r,
   streak: I,
   correct: m,
   incorrect: p,
   inTop: d,
   successRate: f
-}) => /* @__PURE__ */ u(rt, { children: [
-  /* @__PURE__ */ i(at, { children: /* @__PURE__ */ u(ct, { children: [
+}) => /* @__PURE__ */ u(ot, { children: [
+  /* @__PURE__ */ s(at, { children: /* @__PURE__ */ u(ct, { children: [
     /* @__PURE__ */ u(yt, { children: [
-      e && /* @__PURE__ */ i(dt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ i(Tt, { children: ye(t || "") })
+      e && /* @__PURE__ */ s(dt, { alt: "avatar", src: e }),
+      !e && /* @__PURE__ */ s(At, { children: ye(t || "") })
     ] }),
     /* @__PURE__ */ u(ut, { children: [
-      /* @__PURE__ */ i(pt, { children: t }),
+      /* @__PURE__ */ s(pt, { children: t }),
       /* @__PURE__ */ u(mt, { children: [
         /* @__PURE__ */ u(ht, { children: [
-          /* @__PURE__ */ i(It, { alt: "rank-icon", src: At }),
+          /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
           /* @__PURE__ */ u(ft, { children: [
-            Ae(n),
-            /* @__PURE__ */ i(Mt, { children: "PTS" })
+            Te(n),
+            /* @__PURE__ */ s(Mt, { children: "PTS" })
           ] })
         ] }),
-        /* @__PURE__ */ i(gt, {}),
+        /* @__PURE__ */ s(gt, {}),
         /* @__PURE__ */ u("div", { children: [
           "TOP ",
           d || 0,
@@ -181,185 +181,185 @@ const Fe = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ u(lt, { children: [
     /* @__PURE__ */ u(vt, { children: [
-      /* @__PURE__ */ i(oe, { indicator: s || 0, title: "Friends rank" }),
-      /* @__PURE__ */ i(oe, { indicator: o || 0, title: "Global rank" })
+      /* @__PURE__ */ s(re, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ s(re, { indicator: r || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ u(Nt, { children: [
-      /* @__PURE__ */ i(Y, { indicator: I || 0, title: "Win streak" }),
-      /* @__PURE__ */ i(Y, { indicator: m || 0, title: "Correct" }),
-      /* @__PURE__ */ i(Y, { indicator: p || 0, title: "Incorrect" }),
-      /* @__PURE__ */ i(Y, { indicator: `${f || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ s(P, { indicator: I || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(P, { indicator: m || 0, title: "Correct" }),
+      /* @__PURE__ */ s(P, { indicator: p || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(P, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Dt = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c38csyt",
+  class: "c38csyt",
   propsAsIs: !1
 }), St = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_ty221rx",
+  class: "ty221rx",
   propsAsIs: !1
 }), zt = /* @__PURE__ */ a("div")({
   name: "Description",
-  class: "Description_dlaj9xp",
+  class: "dlaj9xp",
   propsAsIs: !1
 }), xt = ({ title: e, description: t }) => /* @__PURE__ */ u(Dt, { children: [
-  /* @__PURE__ */ i(C, { name: "icon-check-circle" }),
-  /* @__PURE__ */ i(St, { children: e }),
-  /* @__PURE__ */ i(zt, { children: t })
-] }), Ct = /* @__PURE__ */ a("div")({
+  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
+  /* @__PURE__ */ s(St, { children: e }),
+  /* @__PURE__ */ s(zt, { children: t })
+] }), jt = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c16sbdnm",
+  class: "c16sbdnm",
   propsAsIs: !1
-}), Ot = () => C, jt = /* @__PURE__ */ a(Ot())({
+}), Ot = () => j, kt = /* @__PURE__ */ a(Ot())({
   name: "IconPrediction",
-  class: "IconPrediction_ibhorgl",
+  class: "ibhorgl",
   propsAsIs: !0
-}), re = /* @__PURE__ */ a("div")({
+}), oe = /* @__PURE__ */ a("div")({
   name: "FeedbackIconWrap",
-  class: "FeedbackIconWrap_f1g20ja7",
+  class: "f1g20ja7",
   propsAsIs: !1
 }), ae = /* @__PURE__ */ a("div")({
   name: "FeedbackHeader",
-  class: "FeedbackHeader_f455ozj",
+  class: "f455ozj",
   propsAsIs: !1
-}), _t = /* @__PURE__ */ a("span")({
+}), wt = /* @__PURE__ */ a("span")({
   name: "FeedbackTitle",
-  class: "FeedbackTitle_f1913njx",
+  class: "f1913njx",
   propsAsIs: !1
 }), H = /* @__PURE__ */ a("span")({
   name: "FeedbackDescription",
-  class: "FeedbackDescription_fzfk69z",
+  class: "fzfk69z",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ a("div")({
+}), Ct = /* @__PURE__ */ a("div")({
   name: "FeedbackText",
-  class: "FeedbackText_fx87qaj",
+  class: "fx87qaj",
   propsAsIs: !1
 }), bt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
-  questionType: s,
-  hasCorrectAnswer: o,
+  questionType: i,
+  hasCorrectAnswer: r,
   questionStatus: I
 }) => {
-  const m = n && (s === x.TRIVIA || s === x.PREDICTION);
-  if (!m && I !== Q.RESOLVED)
+  const m = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!m && I !== U.RESOLVED)
     return null;
-  const p = s === x.PREDICTION && !o, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ u(Ct, { "data-isPrediction": p, children: [
-    I === Q.RESOLVED && s === x.TRIVIA && !n && /* @__PURE__ */ u(w, { children: [
-      /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(C, { name: "questionExpired" }) }),
+  const p = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ u(jt, { "data-isPrediction": p, children: [
+    I === U.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i(H, { children: "Question Expired" }) }),
-        /* @__PURE__ */ i(kt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(H, { children: "Question Expired" }) }),
+        /* @__PURE__ */ s(Ct, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    m && p && /* @__PURE__ */ u(w, { children: [
-      /* @__PURE__ */ i(jt, { name: "icon-prediction" }),
-      /* @__PURE__ */ i(H, { children: "Stay tuned to see if your prediction was correct." })
+    m && p && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ s(kt, { name: "icon-prediction" }),
+      /* @__PURE__ */ s(H, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    m && o && /* @__PURE__ */ u(w, { children: [
-      /* @__PURE__ */ i(re, { "data-feedbackType": d, children: /* @__PURE__ */ i(C, { name: d }) }),
-      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ u(ae, { children: [
-        /* @__PURE__ */ i(_t, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
-        /* @__PURE__ */ i(H, { children: f == null ? void 0 : f.description })
+    m && r && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ s(oe, { "data-feedbackType": d, children: /* @__PURE__ */ s(j, { name: d }) }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ u(ae, { children: [
+        /* @__PURE__ */ s(wt, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
+        /* @__PURE__ */ s(H, { children: f == null ? void 0 : f.description })
       ] }) })
     ] })
   ] });
-}, wt = /* @__PURE__ */ a("div")({
+}, Et = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c14ielyq",
+  class: "c14ielyq",
   propsAsIs: !1
-}), Et = /* @__PURE__ */ a("div")({
+}), Lt = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c1tlqx57",
+  class: "c1tlqx57",
   propsAsIs: !1
-}), Lt = /* @__PURE__ */ a("div")({
+}), $t = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1hq58md",
+  class: "t1hq58md",
   propsAsIs: !1
-}), $t = /* @__PURE__ */ a("div")({
+}), Rt = /* @__PURE__ */ a("div")({
   name: "Options",
-  class: "Options_o1c8nxcx",
+  class: "o1c8nxcx",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ a("button")({
+}), Qt = /* @__PURE__ */ a("button")({
   name: "ButtonContainer",
-  class: "ButtonContainer_b1b6dl8t",
+  class: "b1b6dl8t",
   propsAsIs: !1
-}), Qt = /* @__PURE__ */ a("div")({
+}), Ut = /* @__PURE__ */ a("div")({
   name: "ButtonPct",
-  class: "ButtonPct_b4iik8i",
+  class: "b4iik8i",
   propsAsIs: !1
-}), Ut = /* @__PURE__ */ a("span")({
+}), _t = /* @__PURE__ */ a("span")({
   name: "ButtonBody",
-  class: "ButtonBody_b1gq1lnf",
+  class: "b1gq1lnf",
   propsAsIs: !1
-}), Pt = /* @__PURE__ */ a("div")({
+}), qt = /* @__PURE__ */ a("div")({
   name: "IconContainer",
-  class: "IconContainer_i1j65z51",
+  class: "i1j65z51",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ a("div")({
+}), Yt = /* @__PURE__ */ a("div")({
   name: "IconWrap",
-  class: "IconWrap_i19tpfua",
+  class: "i19tpfua",
   propsAsIs: !1
 }), ze = /* @__PURE__ */ a("img")({
   name: "Icon",
-  class: "Icon_i1tubmma",
+  class: "i1tubmma",
   propsAsIs: !1
-}), Yt = () => ze, Wt = /* @__PURE__ */ a(Yt())({
+}), Pt = () => ze, Wt = /* @__PURE__ */ a(Pt())({
   name: "IconDefault",
-  class: "IconDefault_i1grrgwj",
+  class: "i1grrgwj",
   propsAsIs: !0
-}), Bt = () => ze, Ft = /* @__PURE__ */ a(Bt())({
+}), Vt = () => ze, Ft = /* @__PURE__ */ a(Vt())({
   name: "IconCircle",
-  class: "IconCircle_ibemyq8",
+  class: "ibemyq8",
   propsAsIs: !0
-}), Vt = /* @__PURE__ */ a("span")({
+}), Bt = /* @__PURE__ */ a("span")({
   name: "Title",
-  class: "Title_t1dceht",
+  class: "t1dceht",
   propsAsIs: !1
 }), Ht = /* @__PURE__ */ a("span")({
   name: "Indicators",
-  class: "Indicators_i116q4vq",
+  class: "i116q4vq",
   propsAsIs: !1
-}), Gt = /* @__PURE__ */ a("span")({
+}), Zt = /* @__PURE__ */ a("span")({
   name: "Percentage",
-  class: "Percentage_p17ajcu2",
+  class: "p17ajcu2",
   propsAsIs: !1
-}), Zt = () => C, Jt = /* @__PURE__ */ a(Zt())({
+}), Gt = () => j, Jt = /* @__PURE__ */ a(Gt())({
   name: "CheckIcon",
-  class: "CheckIcon_cu9kmlb",
+  class: "cu9kmlb",
   propsAsIs: !0
 }), le = {
-  [b.CENTERED]: (e) => /* @__PURE__ */ i(Wt, { alt: "option-icon", src: e }),
-  [b.TRANSPARENT]: (e) => /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(qt, { style: { backgroundImage: `url(${e})` } }) }),
-  [b.ROUNDED]: (e) => /* @__PURE__ */ i(Ft, { alt: "option-icon", src: e }),
+  [b.CENTERED]: (e) => /* @__PURE__ */ s(Wt, { alt: "option-icon", src: e }),
+  [b.TRANSPARENT]: (e) => /* @__PURE__ */ s(qt, { children: /* @__PURE__ */ s(Yt, { style: { backgroundImage: `url(${e})` } }) }),
+  [b.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
   [b.NONE]: () => null,
   [b.UNSET]: () => null
-}, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: s, questionVoted: o }) => {
-  if (e === x.POLL && s)
+}, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
+  if (e === x.POLL && i)
     return "correct";
   if (e === x.PREDICTION) {
-    if (t && o)
-      return s ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
-    if (s)
+    if (t && r)
+      return i ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
+    if (i)
       return "correct";
   }
-  return e === x.TRIVIA && o ? s ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
+  return e === x.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
 }, Xt = ({
   questionType: e,
   questionVoted: t,
   correct: n,
-  hasCorrectAnswer: s,
-  questionStatus: o
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && s || o === Q.RESOLVED && n : !1, en = (e) => {
+  hasCorrectAnswer: i,
+  questionStatus: r
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === U.RESOLVED && n : !1, en = (e) => {
   var t;
   const {
     // option props
     id: n,
-    icon: s,
-    text: o,
+    icon: i,
+    text: r,
     percentageDecimal: I,
     // extra props
     onVote: m,
@@ -367,29 +367,29 @@ const Fe = /* @__PURE__ */ a("div")({
     questionVoted: d,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: f = b.ROUNDED,
-    answerTimeExpired: T,
+    answerTimeExpired: A,
     questionStatus: D,
     isLoading: N,
     questionType: y,
-    correct: A,
-    hasCorrectAnswer: r
-  } = e, l = Kt(e), c = Xt({ questionType: y, questionVoted: d, correct: A, hasCorrectAnswer: r, questionStatus: D }), h = d || D === Q.RESOLVED && y === x.PREDICTION;
+    correct: T,
+    hasCorrectAnswer: o
+  } = e, l = Kt(e), c = Xt({ questionType: y, questionVoted: d, correct: T, hasCorrectAnswer: o, questionStatus: D }), h = d || D === U.RESOLVED && y === x.PREDICTION;
   return /* @__PURE__ */ u(
-    Rt,
+    Qt,
     {
       value: n,
       "data-selected": p,
       "data-answerState": l,
-      disabled: d || N || T,
+      disabled: d || N || A,
       onClick: m,
       children: [
-        h && /* @__PURE__ */ i(Qt, { "data-answerState": l, style: { width: `${I}%` } }),
-        /* @__PURE__ */ u(Ut, { children: [
-          s && ((t = le[f]) == null ? void 0 : t.call(le, s)),
-          /* @__PURE__ */ i(Vt, { children: o }),
+        h && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${I}%` } }),
+        /* @__PURE__ */ u(_t, { children: [
+          i && ((t = le[f]) == null ? void 0 : t.call(le, i)),
+          /* @__PURE__ */ s(Bt, { children: r }),
           h && /* @__PURE__ */ u(Ht, { children: [
-            c && /* @__PURE__ */ i(Jt, { name: "selected" }),
-            /* @__PURE__ */ u(Gt, { children: [
+            c && /* @__PURE__ */ s(Jt, { name: "selected" }),
+            /* @__PURE__ */ u(Zt, { children: [
               I,
               "%"
             ] })
@@ -398,25 +398,25 @@ const Fe = /* @__PURE__ */ a("div")({
       ]
     }
   );
-}, tn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ a("div")({
+}, tn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
-  class: "RemainingTime_r165427",
+  class: "r165427",
   propsAsIs: !1
-}), on = E.SECONDARY_GREEN6, ce = E.SECONDARY_RED3, rn = E.NEUTRALS_GRAY3, an = ({
+}), rn = L.SECONDARY_GREEN6, ce = L.SECONDARY_RED3, on = L.NEUTRALS_GRAY3, an = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [s, o] = R(t > 10 ? on : ce), I = ({
+  const [i, r] = Q(t > 10 ? rn : ce), I = ({
     remainingTime: d
-  }) => /* @__PURE__ */ i(sn, {
+  }) => /* @__PURE__ */ s(sn, {
     children: d
-  }), m = B(() => {
-    n == null || n(), o(rn);
-  }, [n, o]), p = B((d) => {
-    d === 10 && o(ce);
-  }, [o]);
-  return /* @__PURE__ */ i(Be, {
+  }), m = V(() => {
+    n == null || n(), r(on);
+  }, [n, r]), p = V((d) => {
+    d === 10 && r(ce);
+  }, [r]);
+  return /* @__PURE__ */ s(Ve, {
     isPlaying: e,
     duration: t,
     colors: tn,
@@ -424,62 +424,62 @@ const Fe = /* @__PURE__ */ a("div")({
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: s,
+    trailColor: i,
     onComplete: m,
     onUpdate: p,
     children: I
   });
 }, ln = /* @__PURE__ */ a("div")({
   name: "WinBarContainer",
-  class: "WinBarContainer_wie6cqo",
+  class: "wie6cqo",
   propsAsIs: !1
 }), cn = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_cgizw4u",
+  class: "cgizw4u",
   propsAsIs: !1
 }), dn = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1l3ucjp",
+  class: "t1l3ucjp",
   propsAsIs: !1
-}), un = () => C, pn = /* @__PURE__ */ a(un())({
+}), un = () => j, pn = /* @__PURE__ */ a(un())({
   name: "WinIcon",
-  class: "WinIcon_wx7j799",
+  class: "wx7j799",
   propsAsIs: !0
 }), mn = /* @__PURE__ */ a("div")({
   name: "Points",
-  class: "Points_p4lwuj0",
+  class: "p4lwuj0",
   propsAsIs: !1
 }), In = /* @__PURE__ */ a("span")({
   name: "PointsCount",
-  class: "PointsCount_po9i64o",
+  class: "po9i64o",
   propsAsIs: !1
 }), hn = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
-  class: "PointsUnits_pe5g05h",
+  class: "pe5g05h",
   propsAsIs: !1
-}), fn = ({ title: e, points: t, isPlayingTimer: n, isTimer: s, onTimerExpired: o }) => /* @__PURE__ */ u(ln, { children: [
+}), fn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ u(ln, { children: [
   /* @__PURE__ */ u(cn, { children: [
-    e && /* @__PURE__ */ i(dn, { children: e }),
-    t !== void 0 && /* @__PURE__ */ u(w, { children: [
-      /* @__PURE__ */ i(pn, { name: "icon-trophy" }),
+    e && /* @__PURE__ */ s(dn, { children: e }),
+    t !== void 0 && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
       /* @__PURE__ */ u(mn, { children: [
-        /* @__PURE__ */ i(In, { children: t }),
-        /* @__PURE__ */ i(hn, { children: "PTS" })
+        /* @__PURE__ */ s(In, { children: t }),
+        /* @__PURE__ */ s(hn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  s && /* @__PURE__ */ i(an, { isPlaying: n, onTimerExpired: o })
+  i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: r })
 ] }), Mn = ({ openedQuestion: e, vote: t, close: n }) => {
-  var s;
-  const o = e.subject, I = e.type, m = (s = e.options) == null ? void 0 : s.options, [p, d] = R(!1), [f, T] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, A = B(
+  var i;
+  const r = e.subject, I = e.type, m = (i = e.options) == null ? void 0 : i.options, [p, d] = Q(!1), [f, A] = Q(!1), [D, N] = Q(""), y = e == null ? void 0 : e.id, T = V(
     async (v) => {
       if (y) {
         const M = v.currentTarget.value;
-        N(M), T(!0), await t(y, M), T(!1);
+        N(M), A(!0), await t(y, M), A(!1);
       }
     },
     [y, N, t]
-  ), r = B(() => {
+  ), o = V(() => {
     d(!0), setTimeout(n, 3e3);
   }, [n]), l = W(
     () => e == null ? void 0 : e.answers.find((v) => v.youVoted === !0),
@@ -497,10 +497,10 @@ const Fe = /* @__PURE__ */ a("div")({
     answerTimeExpired: p,
     questionStatus: e.status,
     // ToDo: Figure out why imageMode is not in the response
-    onVote: A
-  })) : [], [c, p, f, e, l, A, D]), g = m && (m.case === "trivia" || m.case === "prediction") ? m.value : void 0;
-  return /* @__PURE__ */ i(Ne, { "data-question-header": "true", children: /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ u(Et, { children: [
-    g && /* @__PURE__ */ i(
+    onVote: T
+  })) : [], [c, p, f, e, l, T, D]), g = m && (m.case === "trivia" || m.case === "prediction") ? m.value : void 0;
+  return /* @__PURE__ */ s(Ne, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ u(Lt, { children: [
+    g && /* @__PURE__ */ s(
       bt,
       {
         feedbackMessages: g,
@@ -511,154 +511,154 @@ const Fe = /* @__PURE__ */ a("div")({
         questionStatus: e.status
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ s(
       fn,
       {
         title: p ? "Time expired" : "To win",
         points: p ? void 0 : 100,
-        onTimerExpired: r,
+        onTimerExpired: o,
         isTimer: !0
       }
     ),
-    p ? /* @__PURE__ */ i(
+    p ? /* @__PURE__ */ s(
       xt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ u(w, { children: [
-      /* @__PURE__ */ i(Lt, { children: o }),
-      /* @__PURE__ */ i($t, { children: h.map((v) => /* @__PURE__ */ i(en, { ...v }, v.id)) })
+    ) : /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ s($t, { children: r }),
+      /* @__PURE__ */ s(Rt, { children: h.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
     ] })
   ] }) }) });
 }, gn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_cgn5uen",
+  class: "cgn5uen",
   propsAsIs: !1
 }), vn = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c1px8nt6",
+  class: "c1px8nt6",
   propsAsIs: !1
 }), Nn = /* @__PURE__ */ a("h3")({
   name: "Title",
-  class: "Title_t5et2jt",
+  class: "t5et2jt",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ a("div")({
+}), An = /* @__PURE__ */ a("div")({
   name: "Description",
-  class: "Description_d1i2kpk2",
+  class: "d1i2kpk2",
   propsAsIs: !1
 }), yn = /* @__PURE__ */ a("div")({
   name: "DateWrap",
-  class: "DateWrap_dd3lh3p",
+  class: "dd3lh3p",
   propsAsIs: !1
 }), xe = ({ created: e, title: t, instantView: n }) => {
-  const s = W(() => {
+  const i = W(() => {
     if (e) {
-      const o = new Date(e);
-      if (qe(o))
+      const r = new Date(e);
+      if (Ye(r))
         return {
-          date: Ye(o),
-          time: We(o)
+          date: Pe(r),
+          time: We(r)
         };
     }
     return null;
   }, [e]);
   return /* @__PURE__ */ u(gn, { children: [
-    s && /* @__PURE__ */ u(yn, { children: [
-      s.date,
+    i && /* @__PURE__ */ u(yn, { children: [
+      i.date,
       " · ",
-      s.time
+      i.time
     ] }),
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ i(Le, { source: n.video.url, poster: n.video.thumbnailUrl }),
+    (n == null ? void 0 : n.video) && /* @__PURE__ */ s($e, { source: n.video.url, poster: n.video.thumbnailUrl }),
     /* @__PURE__ */ u(vn, { children: [
-      /* @__PURE__ */ i(Nn, { children: (n == null ? void 0 : n.heading) || t }),
-      /* @__PURE__ */ i(Tn, { children: n == null ? void 0 : n.body })
+      /* @__PURE__ */ s(Nn, { children: (n == null ? void 0 : n.heading) || t }),
+      /* @__PURE__ */ s(An, { children: n == null ? void 0 : n.body })
     ] })
   ] });
-}, An = /* @__PURE__ */ a("div")({
+}, Tn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1euiow",
+  class: "c1euiow",
   propsAsIs: !1
 }), Dn = /* @__PURE__ */ a("a")({
   name: "WebLinkBtn",
-  class: "WebLinkBtn_w19zie3h",
+  class: "w19zie3h",
   propsAsIs: !1
-}), Sn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(An, { children: [
-  /* @__PURE__ */ i(xe, { instantView: e, ...t }),
+}), Sn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(Tn, { children: [
+  /* @__PURE__ */ s(xe, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(Dn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ i(C, { name: "icon-external-link" })
+    /* @__PURE__ */ s(j, { name: "icon-external-link" })
   ] })
 ] }), zn = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
-  class: "QuestionContainer_qdri6g3",
+  class: "qdri6g3",
   propsAsIs: !1
 }), xn = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ i(Sn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, Cn = ({
+}, jn = ({
   extendedQuestion: e,
   vote: t,
   close: n
 }) => {
   const {
-    loading: s,
-    data: o
+    loading: i,
+    data: r
   } = e;
-  return !s && o ? /* @__PURE__ */ i(Mn, {
+  return !i && r ? /* @__PURE__ */ s(Mn, {
     vote: t,
     close: n,
-    openedQuestion: o
+    openedQuestion: r
   }) : null;
 }, On = ({
   gamification: e
 }) => {
   var t;
-  const n = _(e.openedQuestion.$store), s = _(e.openedQuestion.$extendedStore);
+  const n = w(e.openedQuestion.$store), i = w(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
-  const o = n.type;
+  const r = n.type;
   return /* @__PURE__ */ u(zn, {
-    children: [/* @__PURE__ */ i(De, {
+    children: [/* @__PURE__ */ s(De, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), o === "question" && /* @__PURE__ */ i(Cn, {
+    }), r === "question" && /* @__PURE__ */ s(jn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: s
-    }), o !== "question" && /* @__PURE__ */ i(xn, {
+      extendedQuestion: i
+    }), r !== "question" && /* @__PURE__ */ s(xn, {
       openedQuestion: n
     })]
   });
-}, jn = /* @__PURE__ */ a("div")({
+}, kn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c115qtkr",
+  class: "c115qtkr",
   propsAsIs: !1
-}), _n = /* @__PURE__ */ a("div")({
+}), wn = /* @__PURE__ */ a("div")({
   name: "STabs",
-  class: "STabs_sxnslc8",
+  class: "sxnslc8",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ a("button")({
+}), Cn = /* @__PURE__ */ a("button")({
   name: "Button",
-  class: "Button_b1umzux0",
+  class: "b1umzux0",
   propsAsIs: !1
 }), bn = /* @__PURE__ */ a("span")({
   name: "Title",
-  class: "Title_tspsaas",
+  class: "tspsaas",
   propsAsIs: !1
 });
-var $ = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))($ || {});
-const de = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(kn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ i(bn, { children: e }) }), wn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ i(jn, { children: /* @__PURE__ */ u(_n, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ i(de, { title: "Home", active: e === "home", onClick: () => t(
+var R = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(R || {});
+const de = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Cn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(bn, { children: e }) }), En = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ u(wn, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(de, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
-  /* @__PURE__ */ i(
+  /* @__PURE__ */ s(
     de,
     {
       title: "Leader Board",
@@ -674,8 +674,8 @@ function X() {
   return X = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
-      for (var s in n)
-        Object.prototype.hasOwnProperty.call(n, s) && (e[s] = n[s]);
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
   }, X.apply(this, arguments);
@@ -686,38 +686,38 @@ function ue(e) {
   return e;
 }
 function ee(e, t) {
-  return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, o) {
-    return s.__proto__ = o, s;
+  return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
+    return i.__proto__ = r, i;
   }, ee(e, t);
 }
-function En(e, t) {
+function Ln(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
 }
 var pe = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Ln(e, t) {
+function $n(e, t) {
   return !!(e === t || pe(e) && pe(t));
 }
-function $n(e, t) {
+function Rn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Ln(e[n], t[n]))
+    if (!$n(e[n], t[n]))
       return !1;
   return !0;
 }
-function G(e, t) {
-  t === void 0 && (t = $n);
-  var n, s = [], o, I = !1;
+function Z(e, t) {
+  t === void 0 && (t = Rn);
+  var n, i = [], r, I = !1;
   function m() {
     for (var p = [], d = 0; d < arguments.length; d++)
       p[d] = arguments[d];
-    return I && n === this && t(p, s) || (o = e.apply(this, p), I = !0, n = this, s = p), o;
+    return I && n === this && t(p, i) || (r = e.apply(this, p), I = !0, n = this, i = p), r;
   }
   return m;
 }
-var Rn = typeof performance == "object" && typeof performance.now == "function", me = Rn ? function() {
+var Qn = typeof performance == "object" && typeof performance.now == "function", me = Qn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -725,86 +725,86 @@ var Rn = typeof performance == "object" && typeof performance.now == "function",
 function Ie(e) {
   cancelAnimationFrame(e.id);
 }
-function Qn(e, t) {
+function Un(e, t) {
   var n = me();
-  function s() {
-    me() - n >= t ? e.call(null) : o.id = requestAnimationFrame(s);
+  function i() {
+    me() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
   }
-  var o = {
-    id: requestAnimationFrame(s)
+  var r = {
+    id: requestAnimationFrame(i)
   };
-  return o;
+  return r;
 }
-var Z = -1;
+var G = -1;
 function he(e) {
-  if (e === void 0 && (e = !1), Z === -1 || e) {
+  if (e === void 0 && (e = !1), G === -1 || e) {
     var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), Z = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), G = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return Z;
+  return G;
 }
-var k = null;
+var C = null;
 function fe(e) {
-  if (e === void 0 && (e = !1), k === null || e) {
+  if (e === void 0 && (e = !1), C === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
-    var s = document.createElement("div"), o = s.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ? k = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? k = "negative" : k = "positive-ascending"), document.body.removeChild(t), k;
+    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 ? C = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? C = "negative" : C = "positive-ascending"), document.body.removeChild(t), C;
   }
-  return k;
+  return C;
 }
-var Un = 150, Pn = function(t, n) {
+var _n = 150, qn = function(t, n) {
   return t;
 };
-function qn(e) {
-  var t, n = e.getItemOffset, s = e.getEstimatedTotalSize, o = e.getItemSize, I = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
+function Yn(e) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
   return t = /* @__PURE__ */ function(D) {
-    En(N, D);
-    function N(A) {
-      var r;
-      return r = D.call(this, A) || this, r._instanceProps = d(r.props, ue(r)), r._outerRef = void 0, r._resetIsScrollingTimeoutId = null, r.state = {
-        instance: ue(r),
+    Ln(N, D);
+    function N(T) {
+      var o;
+      return o = D.call(this, T) || this, o._instanceProps = d(o.props, ue(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+        instance: ue(o),
         isScrolling: !1,
         scrollDirection: "forward",
-        scrollOffset: typeof r.props.initialScrollOffset == "number" ? r.props.initialScrollOffset : 0,
+        scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = G(function(l, c, h, g) {
-        return r.props.onItemsRendered({
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Z(function(l, c, h, g) {
+        return o.props.onItemsRendered({
           overscanStartIndex: l,
           overscanStopIndex: c,
           visibleStartIndex: h,
           visibleStopIndex: g
         });
-      }), r._callOnScroll = void 0, r._callOnScroll = G(function(l, c, h) {
-        return r.props.onScroll({
+      }), o._callOnScroll = void 0, o._callOnScroll = Z(function(l, c, h) {
+        return o.props.onScroll({
           scrollDirection: l,
           scrollOffset: c,
           scrollUpdateWasRequested: h
         });
-      }), r._getItemStyle = void 0, r._getItemStyle = function(l) {
-        var c = r.props, h = c.direction, g = c.itemSize, v = c.layout, M = r._getItemStyleCache(f && g, f && v, f && h), S;
+      }), o._getItemStyle = void 0, o._getItemStyle = function(l) {
+        var c = o.props, h = c.direction, g = c.itemSize, v = c.layout, M = o._getItemStyleCache(f && g, f && v, f && h), S;
         if (M.hasOwnProperty(l))
           S = M[l];
         else {
-          var z = n(r.props, l, r._instanceProps), O = o(r.props, l, r._instanceProps), j = h === "horizontal" || v === "horizontal", U = h === "rtl", P = j ? z : 0;
+          var z = n(o.props, l, o._instanceProps), O = r(o.props, l, o._instanceProps), k = h === "horizontal" || v === "horizontal", _ = h === "rtl", q = k ? z : 0;
           M[l] = S = {
             position: "absolute",
-            left: U ? void 0 : P,
-            right: U ? P : void 0,
-            top: j ? 0 : z,
-            height: j ? "100%" : O,
-            width: j ? O : "100%"
+            left: _ ? void 0 : q,
+            right: _ ? q : void 0,
+            top: k ? 0 : z,
+            height: k ? "100%" : O,
+            width: k ? O : "100%"
           };
         }
         return S;
-      }, r._getItemStyleCache = void 0, r._getItemStyleCache = G(function(l, c, h) {
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Z(function(l, c, h) {
         return {};
-      }), r._onScrollHorizontal = function(l) {
+      }), o._onScrollHorizontal = function(l) {
         var c = l.currentTarget, h = c.clientWidth, g = c.scrollLeft, v = c.scrollWidth;
-        r.setState(function(M) {
+        o.setState(function(M) {
           if (M.scrollOffset === g)
             return null;
-          var S = r.props.direction, z = g;
+          var S = o.props.direction, z = g;
           if (S === "rtl")
             switch (fe()) {
               case "negative":
@@ -820,10 +820,10 @@ function qn(e) {
             scrollOffset: z,
             scrollUpdateWasRequested: !1
           };
-        }, r._resetIsScrollingDebounced);
-      }, r._onScrollVertical = function(l) {
+        }, o._resetIsScrollingDebounced);
+      }, o._onScrollVertical = function(l) {
         var c = l.currentTarget, h = c.clientHeight, g = c.scrollHeight, v = c.scrollTop;
-        r.setState(function(M) {
+        o.setState(function(M) {
           if (M.scrollOffset === v)
             return null;
           var S = Math.max(0, Math.min(v, g - h));
@@ -833,51 +833,51 @@ function qn(e) {
             scrollOffset: S,
             scrollUpdateWasRequested: !1
           };
-        }, r._resetIsScrollingDebounced);
-      }, r._outerRefSetter = function(l) {
-        var c = r.props.outerRef;
-        r._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
-      }, r._resetIsScrollingDebounced = function() {
-        r._resetIsScrollingTimeoutId !== null && Ie(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = Qn(r._resetIsScrolling, Un);
-      }, r._resetIsScrolling = function() {
-        r._resetIsScrollingTimeoutId = null, r.setState({
+        }, o._resetIsScrollingDebounced);
+      }, o._outerRefSetter = function(l) {
+        var c = o.props.outerRef;
+        o._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
+      }, o._resetIsScrollingDebounced = function() {
+        o._resetIsScrollingTimeoutId !== null && Ie(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Un(o._resetIsScrolling, _n);
+      }, o._resetIsScrolling = function() {
+        o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
         }, function() {
-          r._getItemStyleCache(-1, null);
+          o._getItemStyleCache(-1, null);
         });
-      }, r;
+      }, o;
     }
-    N.getDerivedStateFromProps = function(r, l) {
-      return Yn(r, l), T(r), null;
+    N.getDerivedStateFromProps = function(o, l) {
+      return Pn(o, l), A(o), null;
     };
     var y = N.prototype;
-    return y.scrollTo = function(r) {
-      r = Math.max(0, r), this.setState(function(l) {
-        return l.scrollOffset === r ? null : {
-          scrollDirection: l.scrollOffset < r ? "forward" : "backward",
-          scrollOffset: r,
+    return y.scrollTo = function(o) {
+      o = Math.max(0, o), this.setState(function(l) {
+        return l.scrollOffset === o ? null : {
+          scrollDirection: l.scrollOffset < o ? "forward" : "backward",
+          scrollOffset: o,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, y.scrollToItem = function(r, l) {
+    }, y.scrollToItem = function(o, l) {
       l === void 0 && (l = "auto");
       var c = this.props, h = c.itemCount, g = c.layout, v = this.state.scrollOffset;
-      r = Math.max(0, Math.min(r, h - 1));
+      o = Math.max(0, Math.min(o, h - 1));
       var M = 0;
       if (this._outerRef) {
         var S = this._outerRef;
         g === "vertical" ? M = S.scrollWidth > S.clientWidth ? he() : 0 : M = S.scrollHeight > S.clientHeight ? he() : 0;
       }
-      this.scrollTo(I(this.props, r, l, v, this._instanceProps, M));
+      this.scrollTo(I(this.props, o, l, v, this._instanceProps, M));
     }, y.componentDidMount = function() {
-      var r = this.props, l = r.direction, c = r.initialScrollOffset, h = r.layout;
+      var o = this.props, l = o.direction, c = o.initialScrollOffset, h = o.layout;
       if (typeof c == "number" && this._outerRef != null) {
         var g = this._outerRef;
         l === "horizontal" || h === "horizontal" ? g.scrollLeft = c : g.scrollTop = c;
       }
       this._callPropsCallbacks();
     }, y.componentDidUpdate = function() {
-      var r = this.props, l = r.direction, c = r.layout, h = this.state, g = h.scrollOffset, v = h.scrollUpdateWasRequested;
+      var o = this.props, l = o.direction, c = o.layout, h = this.state, g = h.scrollOffset, v = h.scrollUpdateWasRequested;
       if (v && this._outerRef != null) {
         var M = this._outerRef;
         if (l === "horizontal" || c === "horizontal")
@@ -903,43 +903,43 @@ function qn(e) {
     }, y.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Ie(this._resetIsScrollingTimeoutId);
     }, y.render = function() {
-      var r = this.props, l = r.children, c = r.className, h = r.direction, g = r.height, v = r.innerRef, M = r.innerElementType, S = r.innerTagName, z = r.itemCount, O = r.itemData, j = r.itemKey, U = j === void 0 ? Pn : j, P = r.layout, Ce = r.outerElementType, Oe = r.outerTagName, je = r.style, _e = r.useIsScrolling, ke = r.width, te = this.state.isScrolling, F = h === "horizontal" || P === "horizontal", be = F ? this._onScrollHorizontal : this._onScrollVertical, ne = this._getRangeToRender(), we = ne[0], Ee = ne[1], ie = [];
+      var o = this.props, l = o.children, c = o.className, h = o.direction, g = o.height, v = o.innerRef, M = o.innerElementType, S = o.innerTagName, z = o.itemCount, O = o.itemData, k = o.itemKey, _ = k === void 0 ? qn : k, q = o.layout, je = o.outerElementType, Oe = o.outerTagName, ke = o.style, we = o.useIsScrolling, Ce = o.width, te = this.state.isScrolling, F = h === "horizontal" || q === "horizontal", be = F ? this._onScrollHorizontal : this._onScrollVertical, ne = this._getRangeToRender(), Ee = ne[0], Le = ne[1], se = [];
       if (z > 0)
-        for (var L = we; L <= Ee; L++)
-          ie.push(V(l, {
+        for (var $ = Ee; $ <= Le; $++)
+          se.push(B(l, {
             data: O,
-            key: U(L, O),
-            index: L,
-            isScrolling: _e ? te : void 0,
-            style: this._getItemStyle(L)
+            key: _($, O),
+            index: $,
+            isScrolling: we ? te : void 0,
+            style: this._getItemStyle($)
           }));
-      var se = s(this.props, this._instanceProps);
-      return V(Ce || Oe || "div", {
+      var ie = i(this.props, this._instanceProps);
+      return B(je || Oe || "div", {
         className: c,
         onScroll: be,
         ref: this._outerRefSetter,
         style: X({
           position: "relative",
           height: g,
-          width: ke,
+          width: Ce,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: h
-        }, je)
-      }, V(M || S || "div", {
-        children: ie,
+        }, ke)
+      }, B(M || S || "div", {
+        children: se,
         ref: v,
         style: {
-          height: F ? "100%" : se,
+          height: F ? "100%" : ie,
           pointerEvents: te ? "none" : void 0,
-          width: F ? se : "100%"
+          width: F ? ie : "100%"
         }
       }));
     }, y._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
-        var r = this.props.itemCount;
-        if (r > 0) {
+        var o = this.props.itemCount;
+        if (o > 0) {
           var l = this._getRangeToRender(), c = l[0], h = l[1], g = l[2], v = l[3];
           this._callOnItemsRendered(c, h, g, v);
         }
@@ -949,13 +949,13 @@ function qn(e) {
         this._callOnScroll(S, z, O);
       }
     }, y._getRangeToRender = function() {
-      var r = this.props, l = r.itemCount, c = r.overscanCount, h = this.state, g = h.isScrolling, v = h.scrollDirection, M = h.scrollOffset;
+      var o = this.props, l = o.itemCount, c = o.overscanCount, h = this.state, g = h.isScrolling, v = h.scrollDirection, M = h.scrollOffset;
       if (l === 0)
         return [0, 0, 0, 0];
-      var S = m(this.props, M, this._instanceProps), z = p(this.props, S, M, this._instanceProps), O = !g || v === "backward" ? Math.max(1, c) : 1, j = !g || v === "forward" ? Math.max(1, c) : 1;
-      return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + j)), S, z];
+      var S = m(this.props, M, this._instanceProps), z = p(this.props, S, M, this._instanceProps), O = !g || v === "backward" ? Math.max(1, c) : 1, k = !g || v === "forward" ? Math.max(1, c) : 1;
+      return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + k)), S, z];
     }, N;
-  }(Te), t.defaultProps = {
+  }(Ae), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -963,43 +963,43 @@ function qn(e) {
     useIsScrolling: !1
   }, t;
 }
-var Yn = function(t, n) {
+var Pn = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, Wn = /* @__PURE__ */ qn({
+}, Wn = /* @__PURE__ */ Yn({
   getItemOffset: function(t, n) {
-    var s = t.itemSize;
-    return n * s;
+    var i = t.itemSize;
+    return n * i;
   },
   getItemSize: function(t, n) {
-    var s = t.itemSize;
-    return s;
+    var i = t.itemSize;
+    return i;
   },
   getEstimatedTotalSize: function(t) {
-    var n = t.itemCount, s = t.itemSize;
-    return s * n;
+    var n = t.itemCount, i = t.itemSize;
+    return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, s, o, I, m) {
-    var p = t.direction, d = t.height, f = t.itemCount, T = t.itemSize, D = t.layout, N = t.width, y = p === "horizontal" || D === "horizontal", A = y ? N : d, r = Math.max(0, f * T - A), l = Math.min(r, n * T), c = Math.max(0, n * T - A + T + m);
-    switch (s === "smart" && (o >= c - A && o <= l + A ? s = "auto" : s = "center"), s) {
+  getOffsetForIndexAndAlignment: function(t, n, i, r, I, m) {
+    var p = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, D = t.layout, N = t.width, y = p === "horizontal" || D === "horizontal", T = y ? N : d, o = Math.max(0, f * A - T), l = Math.min(o, n * A), c = Math.max(0, n * A - T + A + m);
+    switch (i === "smart" && (r >= c - T && r <= l + T ? i = "auto" : i = "center"), i) {
       case "start":
         return l;
       case "end":
         return c;
       case "center": {
         var h = Math.round(c + (l - c) / 2);
-        return h < Math.ceil(A / 2) ? 0 : h > r + Math.floor(A / 2) ? r : h;
+        return h < Math.ceil(T / 2) ? 0 : h > o + Math.floor(T / 2) ? o : h;
       }
       case "auto":
       default:
-        return o >= c && o <= l ? o : o < c ? c : l;
+        return r >= c && r <= l ? r : r < c ? c : l;
     }
   },
   getStartIndexForOffset: function(t, n) {
-    var s = t.itemCount, o = t.itemSize;
-    return Math.max(0, Math.min(s - 1, Math.floor(n / o)));
+    var i = t.itemCount, r = t.itemSize;
+    return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
-  getStopIndexForStartIndex: function(t, n, s) {
-    var o = t.direction, I = t.height, m = t.itemCount, p = t.itemSize, d = t.layout, f = t.width, T = o === "horizontal" || d === "horizontal", D = n * p, N = T ? f : I, y = Math.ceil((N + s - D) / p);
+  getStopIndexForStartIndex: function(t, n, i) {
+    var r = t.direction, I = t.height, m = t.itemCount, p = t.itemSize, d = t.layout, f = t.width, A = r === "horizontal" || d === "horizontal", D = n * p, N = A ? f : I, y = Math.ceil((N + i - D) / p);
     return Math.max(0, Math.min(
       m - 1,
       n + y - 1
@@ -1013,22 +1013,22 @@ var Yn = function(t, n) {
     t.itemSize;
   }
 });
-function Bn(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, s = e.startIndex, o = e.stopIndex;
-  return !(s > n || o < t);
+function Vn(e) {
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
+  return !(i > n || r < t);
 }
 function Fn(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, s = e.minimumBatchSize, o = e.startIndex, I = e.stopIndex, m = [], p = null, d = null, f = o; f <= I; f++) {
-    var T = t(f);
-    T ? d !== null && (m.push(p, d), p = d = null) : (d = f, p === null && (p = f));
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, m = [], p = null, d = null, f = r; f <= I; f++) {
+    var A = t(f);
+    A ? d !== null && (m.push(p, d), p = d = null) : (d = f, p === null && (p = f));
   }
   if (d !== null) {
-    for (var D = Math.min(Math.max(d, p + s - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
+    for (var D = Math.min(Math.max(d, p + i - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
       d = N;
     m.push(p, d);
   }
   if (m.length)
-    for (; m[1] - m[0] + 1 < s && m[0] > 0; ) {
+    for (; m[1] - m[0] + 1 < i && m[0] > 0; ) {
       var y = m[0] - 1;
       if (!t(y))
         m[0] = y;
@@ -1037,20 +1037,20 @@ function Fn(e) {
     }
   return m;
 }
-var Vn = function(e, t) {
+var Bn = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }, Hn = function() {
   function e(t, n) {
-    for (var s = 0; s < n.length; s++) {
-      var o = n[s];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
+    for (var i = 0; i < n.length; i++) {
+      var r = n[i];
+      r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
     }
   }
-  return function(t, n, s) {
-    return n && e(t.prototype, n), s && e(t, s), t;
+  return function(t, n, i) {
+    return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), Gn = function(e, t) {
+}(), Zn = 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, {
@@ -1065,25 +1065,25 @@ var Vn = 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;
-}, Zn = function(e) {
-  Gn(t, e);
+}, Gn = function(e) {
+  Zn(t, e);
   function t() {
-    var n, s, o, I;
-    Vn(this, t);
+    var n, i, r, I;
+    Bn(this, t);
     for (var m = arguments.length, p = Array(m), d = 0; d < m; d++)
       p[d] = arguments[d];
-    return I = (s = (o = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(f) {
-      var T = f.visibleStartIndex, D = f.visibleStopIndex;
-      o._lastRenderedStartIndex = T, o._lastRenderedStopIndex = D, o._ensureRowsLoaded(T, D);
-    }, o._setRef = function(f) {
-      o._listRef = f;
-    }, s), Me(o, I);
+    return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
+      var A = f.visibleStartIndex, D = f.visibleStopIndex;
+      r._lastRenderedStartIndex = A, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(A, D);
+    }, r._setRef = function(f) {
+      r._listRef = f;
+    }, i), Me(r, I);
   }
   return Hn(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], s && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -1092,120 +1092,120 @@ var Vn = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var s = this.props.children;
-      return s({
+      var i = this.props.children;
+      return i({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(s, o) {
-      var I = this.props, m = I.isItemLoaded, p = I.itemCount, d = I.minimumBatchSize, f = d === void 0 ? 10 : d, T = I.threshold, D = T === void 0 ? 15 : T, N = Fn({
+    value: function(i, r) {
+      var I = this.props, m = I.isItemLoaded, p = I.itemCount, d = I.minimumBatchSize, f = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Fn({
         isItemLoaded: m,
         itemCount: p,
         minimumBatchSize: f,
-        startIndex: Math.max(0, s - D),
-        stopIndex: Math.min(p - 1, o + D)
+        startIndex: Math.max(0, i - D),
+        stopIndex: Math.min(p - 1, r + D)
       });
-      (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(y, A) {
-        return N[A] !== y;
+      (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(y, T) {
+        return N[T] !== y;
       })) && (this._memoizedUnloadedRanges = N, this._loadUnloadedRanges(N));
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(s) {
-      for (var o = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(f) {
-        var T = s[f], D = s[f + 1], N = I(T, D);
+    value: function(i) {
+      for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(f) {
+        var A = i[f], D = i[f + 1], N = I(A, D);
         N != null && N.then(function() {
-          if (Bn({
-            lastRenderedStartIndex: o._lastRenderedStartIndex,
-            lastRenderedStopIndex: o._lastRenderedStopIndex,
-            startIndex: T,
+          if (Vn({
+            lastRenderedStartIndex: r._lastRenderedStartIndex,
+            lastRenderedStopIndex: r._lastRenderedStopIndex,
+            startIndex: A,
             stopIndex: D
           })) {
-            if (o._listRef == null)
+            if (r._listRef == null)
               return;
-            typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(T, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(A, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, p = 0; p < s.length; p += 2)
+      }, p = 0; p < i.length; p += 2)
         m(p);
     }
   }]), t;
-}(Te);
+}(Ae);
 const Jn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_culdu4a",
+  class: "culdu4a",
   propsAsIs: !1
 }), Kn = /* @__PURE__ */ a("div")({
   name: "Position",
-  class: "Position_pwf8e69",
+  class: "pwf8e69",
   propsAsIs: !1
 }), Xn = /* @__PURE__ */ a("img")({
   name: "Avatar",
-  class: "Avatar_atf4yh4",
+  class: "atf4yh4",
   propsAsIs: !1
-}), ei = /* @__PURE__ */ a("div")({
+}), es = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
-  class: "AvatarPlaceholder_a1dg29ja",
+  class: "a1dg29ja",
   propsAsIs: !1
-}), ti = /* @__PURE__ */ a("div")({
+}), ts = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c10a68rc",
+  class: "c10a68rc",
   propsAsIs: !1
-}), ni = /* @__PURE__ */ a("div")({
+}), ns = /* @__PURE__ */ a("div")({
   name: "NameContainer",
-  class: "NameContainer_nc4kck5",
+  class: "nc4kck5",
   propsAsIs: !1
-}), ii = /* @__PURE__ */ a("span")({
+}), ss = /* @__PURE__ */ a("span")({
   name: "Name",
-  class: "Name_njsrqgr",
+  class: "njsrqgr",
   propsAsIs: !1
-}), si = () => C, oi = /* @__PURE__ */ a(si())({
+}), is = () => j, rs = /* @__PURE__ */ a(is())({
   name: "CurrentUserBadge",
-  class: "CurrentUserBadge_c17uc4zr",
+  class: "c17uc4zr",
   propsAsIs: !0
-}), ri = ({
+}), os = ({
   rank: e,
   avatar: t,
   name: n,
-  points: s,
-  isCurrentUser: o,
+  points: i,
+  isCurrentUser: r,
   openItemDetail: I,
   style: m
 }) => /* @__PURE__ */ u(Jn, { onClick: I, style: m, children: [
-  /* @__PURE__ */ i(Kn, { children: e || 0 }),
-  /* @__PURE__ */ u(ti, { children: [
-    t ? /* @__PURE__ */ i(Xn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ i(ei, { children: ye(n || "") }),
-    /* @__PURE__ */ u(ni, { children: [
-      /* @__PURE__ */ i(ii, { children: n || "" }),
-      o && /* @__PURE__ */ i(oi, { name: "icon-star" })
+  /* @__PURE__ */ s(Kn, { children: e || 0 }),
+  /* @__PURE__ */ u(ts, { children: [
+    t ? /* @__PURE__ */ s(Xn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(es, { children: ye(n || "") }),
+    /* @__PURE__ */ u(ns, { children: [
+      /* @__PURE__ */ s(ss, { children: n || "" }),
+      r && /* @__PURE__ */ s(rs, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ i("div", { children: Ae(s) })
-] }), ai = ({
+  /* @__PURE__ */ s("div", { children: Te(i) })
+] }), as = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
-  fetchMore: s
-}) => /* @__PURE__ */ i($e, { children: ({ width: o, height: I }) => /* @__PURE__ */ i(
-  Zn,
+  fetchMore: i
+}) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: I }) => /* @__PURE__ */ s(
+  Gn,
   {
     isItemLoaded: (m) => m < e.length,
     itemCount: e.length + 1,
-    loadMoreItems: s,
-    children: ({ onItemsRendered: m, ref: p }) => /* @__PURE__ */ i(
+    loadMoreItems: i,
+    children: ({ onItemsRendered: m, ref: p }) => /* @__PURE__ */ s(
       Wn,
       {
         itemSize: 56,
         onItemsRendered: m,
         ref: p,
         itemCount: e.length,
-        width: o,
+        width: r,
         height: I,
-        children: ({ index: d, style: f }) => /* @__PURE__ */ i(
-          ri,
+        children: ({ index: d, style: f }) => /* @__PURE__ */ s(
+          os,
           {
             style: { ...f, maxHeight: 48 },
             ...e[d],
@@ -1217,10 +1217,10 @@ const Jn = /* @__PURE__ */ a("div")({
       }
     )
   }
-) }), li = ({ deepLink: e }) => {
-  const { data: t } = _(e.$store);
-  return /* @__PURE__ */ i(
-    Re,
+) }), ls = ({ deepLink: e }) => {
+  const { data: t } = w(e.$store);
+  return /* @__PURE__ */ s(
+    Qe,
     {
       inviteLink: t == null ? void 0 : t.url,
       socialLinks: [
@@ -1239,172 +1239,171 @@ const Jn = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, ci = ({ gamification: e }) => {
-  const { data: t } = _(e.leaderboardList.$store);
-  return t != null && t.length ? /* @__PURE__ */ i(
-    ai,
+}, cs = ({ gamification: e }) => {
+  const { data: t } = w(e.leaderboardList.$store);
+  return t != null && t.length ? /* @__PURE__ */ s(
+    as,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ i(li, { deepLink: e.deepLink });
-}, di = /* @__PURE__ */ a("div")({
+  ) : /* @__PURE__ */ s(ls, { deepLink: e.deepLink });
+}, ds = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
-  class: "QuestionItem_q1w97g3p",
+  class: "q1w97g3p",
   propsAsIs: !1
-}), ui = /* @__PURE__ */ a("div")({
+}), us = /* @__PURE__ */ a("div")({
   name: "QuestionCaption",
-  class: "QuestionCaption_q2sl39u",
+  class: "q2sl39u",
   propsAsIs: !1
-}), pi = /* @__PURE__ */ a("div")({
+}), ps = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
-  class: "QuestionBody_qd5h0uc",
+  class: "qd5h0uc",
   propsAsIs: !1
-}), mi = /* @__PURE__ */ a("div")({
+}), ms = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
-  class: "QuestionAction_q105uluy",
+  class: "q105uluy",
   propsAsIs: !1
-}), Ii = () => C, J = /* @__PURE__ */ a(Ii())({
+}), Is = () => j, J = /* @__PURE__ */ a(Is())({
   name: "QuestionActionIcon",
-  class: "QuestionActionIcon_q1fa0b9h",
+  class: "q1fa0b9h",
   propsAsIs: !0
-}), hi = () => C, fi = /* @__PURE__ */ a(hi())({
+}), hs = () => j, fs = /* @__PURE__ */ a(hs())({
   name: "QuestionTypeIcon",
-  class: "QuestionTypeIcon_qxlt78s",
+  class: "qxlt78s",
   propsAsIs: !0
-}), Mi = /* @__PURE__ */ a("div")({
+}), Ms = /* @__PURE__ */ a("div")({
   name: "QuestionTypeLabel",
-  class: "QuestionTypeLabel_qmg0vkx",
+  class: "qmg0vkx",
   propsAsIs: !1
-}), gi = /* @__PURE__ */ a("div")({
+}), gs = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
-  class: "QuestionContent_q1uz5j1g",
-  propsAsIs: !1
-}), vi = {
-  [q.LOST]: /* @__PURE__ */ i(J, { name: "icon-cross" }),
-  [q.WON]: /* @__PURE__ */ i(J, { name: "icon-check" }),
-  [q.UNSET]: void 0,
-  [q.DNP]: /* @__PURE__ */ i(J, { name: "icon-arrow" })
-}, Ni = ({
+  class: "q1uz5j1g",
+  propsAsIs: !1
+}), vs = {
+  [Y.LOST]: /* @__PURE__ */ s(J, { name: "icon-cross" }),
+  [Y.WON]: /* @__PURE__ */ s(J, { name: "icon-check" }),
+  [Y.UNSET]: void 0,
+  [Y.DNP]: /* @__PURE__ */ s(J, { name: "icon-arrow" })
+}, Ns = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
-  subject: s,
-  openForVoting: o,
+  subject: i,
+  openForVoting: r,
   openQuestion: I,
   status: m
 }) => {
-  const p = ve[t], d = vi[m];
-  return p ? /* @__PURE__ */ u(di, { onClick: () => I == null ? void 0 : I(e), children: [
-    /* @__PURE__ */ u(gi, { children: [
-      /* @__PURE__ */ u(ui, { children: [
-        /* @__PURE__ */ i(fi, { name: p.iconName }),
-        /* @__PURE__ */ u(Mi, { children: [
+  const p = ve[t], d = vs[m];
+  return p ? /* @__PURE__ */ u(ds, { onClick: () => I == null ? void 0 : I(e), children: [
+    /* @__PURE__ */ u(gs, { children: [
+      /* @__PURE__ */ u(us, { children: [
+        /* @__PURE__ */ s(fs, { name: p.iconName }),
+        /* @__PURE__ */ u(Ms, { children: [
           p.label,
-          t === x.TRIVIA && n === Q.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === U.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ i(pi, { children: s || "" })
+      /* @__PURE__ */ s(ps, { children: i || "" })
     ] }),
-    /* @__PURE__ */ i(mi, { children: d || (o ? /* @__PURE__ */ i(Qe, { children: "Play" }) : null) })
+    /* @__PURE__ */ s(ms, { children: d || (r ? /* @__PURE__ */ s(Ue, { children: "Play" }) : null) })
   ] }) : null;
-}, Ti = /* @__PURE__ */ a("div")({
+}, As = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_cll3md7",
+  class: "cll3md7",
   propsAsIs: !1
-}), yi = /* @__PURE__ */ a("button")({
+}), ys = /* @__PURE__ */ a("button")({
   name: "ActionBtn",
-  class: "ActionBtn_a10g1iik",
+  class: "a10g1iik",
   propsAsIs: !1
-}), Ai = ({
+}), Ts = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ u(Ti, { children: [
-  /* @__PURE__ */ i(xe, { questionId: t, ...n }),
-  e && /* @__PURE__ */ i(yi, { onClick: () => e(t), children: "View Insight" })
-] }), Di = /* @__PURE__ */ a("div")({
+}) => /* @__PURE__ */ u(As, { children: [
+  /* @__PURE__ */ s(xe, { questionId: t, ...n }),
+  e && /* @__PURE__ */ s(ys, { onClick: () => e(t), children: "View Insight" })
+] }), Ds = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
-  class: "QuestionsContainer_qvghv3l",
+  class: "qvghv3l",
   propsAsIs: !1
-}), Si = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ i(Di, { children: e == null ? void 0 : e.map((n) => {
-  var s, o;
-  if (n.type === "question" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "question") {
+}), Ss = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Ds, { children: e == null ? void 0 : e.map((n) => {
+  var i, r;
+  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const I = n.attributes.attributes.value;
-    return /* @__PURE__ */ i(Ni, { openQuestion: t, ...I }, I.questionId);
+    return /* @__PURE__ */ s(Ns, { openQuestion: t, ...I }, I.questionId);
   }
-  if (n.type === "insight" && ((o = n.attributes) == null ? void 0 : o.attributes.case) === "insight") {
+  if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
     const I = n.attributes.attributes.value;
-    return /* @__PURE__ */ i(Ai, { openInsight: t, ...I }, I.questionId);
+    return /* @__PURE__ */ s(Ts, { openInsight: t, ...I }, I.questionId);
   }
   return null;
-}) }), zi = ({ store: e, openQuestion: t }) => {
-  const n = _(e);
-  return n != null && n.data ? /* @__PURE__ */ i(Si, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ i("div", { children: "wait questions..." });
-}, xi = ({ userSummary: e }) => {
+}) }), zs = ({ store: e, openQuestion: t }) => {
+  const n = w(e);
+  return n != null && n.data ? /* @__PURE__ */ s(Ss, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, xs = ({ userSummary: e }) => {
   var t, n;
-  const s = _(e.getStore());
-  return (t = s.data) != null && t.summary ? /* @__PURE__ */ i(Se, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ i("div", { children: "wait user..." });
-}, Ci = ({ gamification: e }) => {
-  const [t, n] = R($.HOME);
+  const i = w(e.getStore());
+  return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(Se, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+}, js = ({ gamification: e }) => {
+  const [t, n] = Q(R.HOME);
   return /* @__PURE__ */ u("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ u(K, { children: [
-      /* @__PURE__ */ i(wn, { activePage: t, toggleActivePage: n }),
-      t === $.HOME && /* @__PURE__ */ i(xi, { userSummary: e.userSummary })
+      /* @__PURE__ */ s(En, { activePage: t, toggleActivePage: n }),
+      t === R.HOME && /* @__PURE__ */ s(xs, { userSummary: e.userSummary })
     ] }),
-    t === $.HOME && /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(zi, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) }),
-    t === $.LEADERBOARD && /* @__PURE__ */ i(K, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ i(ci, { gamification: e }) })
+    t === R.HOME && /* @__PURE__ */ s(_e, { children: /* @__PURE__ */ s(zs, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) }),
+    t === R.LEADERBOARD && /* @__PURE__ */ s(K, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ s(cs, { gamification: e }) })
   ] });
-}, Oi = () => Pe, ge = /* @__PURE__ */ a(Oi())({
+}, Os = () => qe, ge = /* @__PURE__ */ a(Os())({
   name: "OpenedContainer",
-  class: "OpenedContainer_oar61gl",
+  class: "oar61gl",
   propsAsIs: !0
-}), ji = /* @__PURE__ */ a("div")({
+}), ks = /* @__PURE__ */ a("div")({
   name: "UserContainer",
-  class: "UserContainer_u14zaal4",
+  class: "u14zaal4",
   propsAsIs: !1
-}), _i = ({
+}), ws = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Fi = ({
+}, Fs = ({
   gamification: e,
   className: t
 }) => {
-  const n = _(e.openedQuestion.$store), s = _(e.openedUser);
-  return /* @__PURE__ */ u(w, {
-    children: [n && /* @__PURE__ */ i(ge, {
+  const n = w(e.openedQuestion.$store), i = w(e.openedUser);
+  return /* @__PURE__ */ u(E, {
+    children: [n && /* @__PURE__ */ s(ge, {
       className: t,
-      children: /* @__PURE__ */ i(On, {
+      children: /* @__PURE__ */ s(On, {
         gamification: e
       })
-    }), s && /* @__PURE__ */ i(ge, {
+    }), i && /* @__PURE__ */ s(ge, {
       className: t,
-      children: /* @__PURE__ */ u(ji, {
-        children: [/* @__PURE__ */ i(De, {
+      children: /* @__PURE__ */ u(ks, {
+        children: [/* @__PURE__ */ s(De, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ i(K, {
-          children: /* @__PURE__ */ i(Se, {
-            ...s,
-            successRate: _i(s)
+        }), /* @__PURE__ */ s(K, {
+          children: /* @__PURE__ */ s(Se, {
+            ...i,
+            successRate: ws(i)
           })
         })]
       })
-    }), /* @__PURE__ */ i(Ne, {
+    }), /* @__PURE__ */ s(Ne, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ i(Ci, {
+      children: /* @__PURE__ */ s(js, {
         gamification: e
       })
     })]
   });
 };
 export {
-  Fi as GamificationOverlay,
-  Fi as default
+  Fs as default
 };