@streamlayer/react 0.32.9 → 0.32.11

package/lib/es/gamification-feature.js

@@ -1,13 +1,13 @@
-import { jsxs as l, jsx as s, Fragment as k } from "react/jsx-runtime";
-import { s as o, o as j } from "./index4.js";
-import { useStore as Q } from "@nanostores/react";
-import { o as Oe, r as le, w as Ye, u as je, A as Ve, O as We, c as Fe, a as re, n as Be, f as He } from "./masters2.js";
-import { QuestionType as z, QuestionStatus as E, QuestionImages as V, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
-import { useState as L, useCallback as F, useEffect as be, useMemo as w, createElement as te, PureComponent as Ce } from "react";
-import { d as ke } from "./index3.js";
+import { jsxs as d, jsx as s, Fragment as C } from "react/jsx-runtime";
+import { s as o, o as b } from "./index4.js";
+import { useStore as q } from "@nanostores/react";
+import { o as be, r as ue, w as Ye, u as we, A as Ve, O as We, c as Fe, a as le, n as Be, f as He } from "./masters2.js";
+import { QuestionType as D, QuestionStatus as k, QuestionImages as W, PickHistoryStatus as Z } from "@streamlayer/sdk-web-types";
+import { useState as R, useCallback as B, useEffect as ke, useMemo as E, createElement as ie, PureComponent as Ce } from "react";
+import { d as Ee } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as Ge } from "react-countdown-circle-timer";
-import { E as R } from "./index2.js";
+import { E as U } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -20,7 +20,7 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "QuestionTypeWrap",
   class: "qyktpt0",
   propsAsIs: !1
-}), Ke = () => j, Xe = /* @__PURE__ */ o(Ke())({
+}), Ke = () => b, Xe = /* @__PURE__ */ o(Ke())({
   name: "QuestionTypeIcon",
   class: "q951jdx",
   propsAsIs: !0
@@ -32,19 +32,19 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), nt = () => j, st = /* @__PURE__ */ o(nt())({
+}), nt = () => b, st = /* @__PURE__ */ o(nt())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), we = ({ type: e, close: t, label: n }) => {
-  const i = e ? Oe[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ l(Ze, { children: [
-    /* @__PURE__ */ l(Je, { children: [
+}), Le = ({ type: e, close: t, label: n }) => {
+  const i = e ? be[e] : { label: n, iconName: void 0 };
+  return /* @__PURE__ */ d(Ze, { children: [
+    /* @__PURE__ */ d(Je, { children: [
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
         Xe,
         {
-          "data-type-trivia": e === z.TRIVIA,
-          "data-type-poll": e === z.POLL,
+          "data-type-trivia": e === D.TRIVIA,
+          "data-type-poll": e === D.POLL,
           name: i.iconName
         }
       ),
@@ -52,14 +52,14 @@ const Ze = /* @__PURE__ */ o("div")({
     ] }),
     /* @__PURE__ */ s(tt, { onClick: t, children: /* @__PURE__ */ s(st, { name: "icon-cross" }) })
   ] });
-}, Ee = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Le = (e) => e ? e.toLocaleString("en-US") : "0", ce = (e) => e.toLocaleDateString("en-US", {
+}, $e = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Re = (e) => e ? e.toLocaleString("en-US") : "0", pe = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
-}), de = (e) => e.toLocaleTimeString("en-US", {
+}), me = (e) => e.toLocaleTimeString("en-US", {
   hour: "2-digit",
   minute: "2-digit"
-}), ue = (e) => !isNaN(e.getTime()), it = /* @__PURE__ */ o("div")({
+}), he = (e) => !isNaN(e.getTime()), it = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1zy8a",
   propsAsIs: !1
@@ -71,7 +71,7 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), fe = ({ indicator: e, title: t }) => /* @__PURE__ */ l(it, { children: [
+}), ve = ({ indicator: e, title: t }) => /* @__PURE__ */ d(it, { children: [
   /* @__PURE__ */ s(rt, { children: t }),
   /* @__PURE__ */ s(ot, { children: e })
 ] }), at = /* @__PURE__ */ o("div")({
@@ -86,7 +86,7 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), H = ({ indicator: e, title: t }) => /* @__PURE__ */ l(at, { children: [
+}), J = ({ indicator: e, title: t }) => /* @__PURE__ */ d(at, { children: [
   /* @__PURE__ */ s(lt, { children: e }),
   /* @__PURE__ */ s(ct, { children: t })
 ] }), dt = /* @__PURE__ */ o("div")({
@@ -137,11 +137,11 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "RtsLabel",
   class: "r15adx7c",
   propsAsIs: !1
-}), yt = /* @__PURE__ */ o("div")({
+}), Tt = /* @__PURE__ */ o("div")({
   name: "Divider",
   class: "dv59lta",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ o("div")({
+}), yt = /* @__PURE__ */ o("div")({
   name: "Ranks",
   class: "r55lotb",
   propsAsIs: !1
@@ -157,63 +157,63 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), xt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", $e = ({
+}), xt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Qe = ({
   avatar: e,
   name: t,
   points: n,
   friendsRank: i,
   rank: r,
-  streak: m,
-  correct: c,
-  incorrect: h,
-  inTop: d,
+  streak: h,
+  correct: p,
+  incorrect: u,
+  inTop: c,
   successRate: f
-}) => /* @__PURE__ */ l(dt, { children: [
-  /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ l(mt, { children: [
-    /* @__PURE__ */ l(zt, { children: [
+}) => /* @__PURE__ */ d(dt, { children: [
+  /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ d(mt, { children: [
+    /* @__PURE__ */ d(zt, { children: [
       e && /* @__PURE__ */ s(ht, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(St, { children: Ee(t || "") })
+      !e && /* @__PURE__ */ s(St, { children: $e(t || "") })
     ] }),
-    /* @__PURE__ */ l(It, { children: [
+    /* @__PURE__ */ d(It, { children: [
       /* @__PURE__ */ s(ft, { children: t }),
-      /* @__PURE__ */ l(gt, { children: [
-        /* @__PURE__ */ l(Mt, { children: [
+      /* @__PURE__ */ d(gt, { children: [
+        /* @__PURE__ */ d(Mt, { children: [
           /* @__PURE__ */ s(vt, { alt: "rank-icon", src: xt }),
-          /* @__PURE__ */ l(At, { children: [
-            Le(n),
+          /* @__PURE__ */ d(At, { children: [
+            Re(n),
             /* @__PURE__ */ s(Nt, { children: "PTS" })
           ] })
         ] }),
-        /* @__PURE__ */ s(yt, {}),
-        /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ s(Tt, {}),
+        /* @__PURE__ */ d("div", { children: [
           "TOP ",
-          d || 0,
+          c || 0,
           "%"
         ] })
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ l(pt, { children: [
-    /* @__PURE__ */ l(Tt, { children: [
-      /* @__PURE__ */ s(fe, { indicator: i || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(fe, { indicator: r || 0, title: "Global rank" })
+  /* @__PURE__ */ d(pt, { children: [
+    /* @__PURE__ */ d(yt, { children: [
+      /* @__PURE__ */ s(ve, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ s(ve, { indicator: r || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ l(Dt, { children: [
-      /* @__PURE__ */ s(H, { indicator: m || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(H, { indicator: c || 0, title: "Correct" }),
-      /* @__PURE__ */ s(H, { indicator: h || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(H, { indicator: `${f || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ d(Dt, { children: [
+      /* @__PURE__ */ s(J, { indicator: h || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(J, { indicator: p || 0, title: "Correct" }),
+      /* @__PURE__ */ s(J, { indicator: u || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(J, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Ot = /* @__PURE__ */ o("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), jt = () => j, bt = /* @__PURE__ */ o(jt())({
+}), jt = () => b, bt = /* @__PURE__ */ o(jt())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), Ct = () => /* @__PURE__ */ s(Ot, {
+}), wt = () => /* @__PURE__ */ s(Ot, {
   children: /* @__PURE__ */ s(bt, {
     name: "mastersLogo"
   })
@@ -221,7 +221,7 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c38csyt",
   propsAsIs: !1
-}), wt = /* @__PURE__ */ o("div")({
+}), Ct = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "ty221rx",
   propsAsIs: !1
@@ -229,23 +229,23 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ l(kt, { children: [
-  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(wt, { children: e }),
+}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ d(kt, { children: [
+  /* @__PURE__ */ s(b, { name: "icon-check-circle" }),
+  /* @__PURE__ */ s(Ct, { children: e }),
   /* @__PURE__ */ s(Et, { children: t })
 ] }), $t = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), Rt = () => j, Qt = /* @__PURE__ */ o(Rt())({
+}), Rt = () => b, Qt = /* @__PURE__ */ o(Rt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
-}), W = /* @__PURE__ */ o("div")({
+}), F = /* @__PURE__ */ o("div")({
   name: "FeedbackIconWrap",
   class: "f1g20ja7",
   propsAsIs: !1
-}), G = /* @__PURE__ */ o("div")({
+}), K = /* @__PURE__ */ o("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
@@ -253,11 +253,11 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "FeedbackTitle",
   class: "f1913njx",
   propsAsIs: !1
-}), P = /* @__PURE__ */ o("span")({
+}), _ = /* @__PURE__ */ o("span")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), ne = /* @__PURE__ */ o("div")({
+}), re = /* @__PURE__ */ o("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
@@ -267,50 +267,52 @@ const Ze = /* @__PURE__ */ o("div")({
   questionVoted: n,
   questionType: i,
   hasCorrectAnswer: r,
-  questionStatus: m,
+  questionStatus: h,
+  showExpiredNotification: p,
+  showClosedNotificationTrivia: u,
   votedInCurrentRender: c,
-  votedAfterQuestionClosed: h,
-  enteredAnActiveQuestion: d
+  votedAfterQuestionClosed: f,
+  enteredAnActiveQuestion: N
 }) => {
-  const f = n && (i === z.TRIVIA || i === z.PREDICTION) && c && m !== E.RESOLVED, N = i === z.PREDICTION && !r, D = m === E.RESOLVED && i === z.TRIVIA && !n && !d, A = i === z.TRIVIA && h && c && d, S = m === E.RESOLVED && i === z.PREDICTION && !n && !d || i === z.PREDICTION && h && c && d, T = f && N, a = f && r, p = n && i === z.POLL && c;
-  if (!D && !A && !T && !a && !S && !p)
+  const S = n && (i === D.TRIVIA || i === D.PREDICTION) && c && h !== k.RESOLVED, M = i === D.PREDICTION && !r, z = h === k.RESOLVED && i === D.PREDICTION && !n && !N || i === D.PREDICTION && f && c && N, A = S && M, a = S && r, l = n && i === D.POLL && c;
+  if (!p && !u && !A && !a && !z && !l)
     return null;
-  const u = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
-  return /* @__PURE__ */ l($t, { "data-isPrediction": N, children: [
-    D && /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(ne, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+  const m = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
+  return /* @__PURE__ */ d($t, { "data-isPrediction": M, children: [
+    p && /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Expired" }) }),
+        /* @__PURE__ */ s(re, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    A && /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(ne, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
+    u && /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(re, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    S && /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(ne, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+    z && /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(re, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    T && /* @__PURE__ */ l(k, { children: [
+    A && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(Qt, { name: "icon-prediction" }),
-      /* @__PURE__ */ s(P, { children: "Stay tuned to see if your prediction was correct." })
+      /* @__PURE__ */ s(_, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    p && /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(W, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(j, { name: "correct" }) }),
-      /* @__PURE__ */ s(P, { children: "That's for answering. Please stay tuned for the next question." })
+    l && /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(F, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(b, { name: "correct" }) }),
+      /* @__PURE__ */ s(_, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
-    a && /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(W, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ s(Ut, { "data-feedbackType": u, children: I == null ? void 0 : I.title }),
-        /* @__PURE__ */ s(P, { children: I == null ? void 0 : I.description })
+    a && /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(F, { "data-feedbackType": m, children: /* @__PURE__ */ s(b, { name: m }) }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ d(K, { children: [
+        /* @__PURE__ */ s(Ut, { "data-feedbackType": m, children: I == null ? void 0 : I.title }),
+        /* @__PURE__ */ s(_, { children: I == null ? void 0 : I.description })
       ] }) })
     ] })
   ] });
@@ -350,15 +352,15 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), Re = /* @__PURE__ */ o("img")({
+}), Ue = /* @__PURE__ */ o("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), Zt = () => Re, Jt = /* @__PURE__ */ o(Zt())({
+}), Zt = () => Ue, Jt = /* @__PURE__ */ o(Zt())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), Kt = () => Re, Xt = /* @__PURE__ */ o(Kt())({
+}), Kt = () => Ue, Xt = /* @__PURE__ */ o(Kt())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -374,97 +376,97 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Percentage",
   class: "p17ajcu2",
   propsAsIs: !1
-}), sn = () => j, rn = /* @__PURE__ */ o(sn())({
+}), sn = () => b, rn = /* @__PURE__ */ o(sn())({
   name: "CheckIcon",
   class: "cu9kmlb",
   propsAsIs: !0
-}), ge = {
-  [V.CENTERED]: (e) => /* @__PURE__ */ s(Jt, { alt: "option-icon", src: e }),
-  [V.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ht, { children: /* @__PURE__ */ s(Gt, { style: { backgroundImage: `url(${e})` } }) }),
-  [V.ROUNDED]: (e) => /* @__PURE__ */ s(Xt, { alt: "option-icon", src: e }),
-  [V.NONE]: () => null,
-  [V.UNSET]: () => null
+}), Me = {
+  [W.CENTERED]: (e) => /* @__PURE__ */ s(Jt, { alt: "option-icon", src: e }),
+  [W.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ht, { children: /* @__PURE__ */ s(Gt, { style: { backgroundImage: `url(${e})` } }) }),
+  [W.ROUNDED]: (e) => /* @__PURE__ */ s(Xt, { alt: "option-icon", src: e }),
+  [W.NONE]: () => null,
+  [W.UNSET]: () => null
 }, on = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
-  if (e === z.POLL && i)
+  if (e === D.POLL && i)
     return "correct";
-  if (e === z.PREDICTION) {
+  if (e === D.PREDICTION) {
     if (t && r)
       return i ? n ? "correct" : "incorrect" : "unset";
     if (i)
       return "correct";
   }
-  return e === z.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
+  return e === D.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
 }, an = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === E.RESOLVED && n : !1, ln = (e) => {
+}) => e === D.TRIVIA ? t && n : e === D.PREDICTION ? t && n && i || r === k.RESOLVED && n : !1, ln = (e) => {
   var t;
   const {
     // option props
     id: n,
     icon: i,
     text: r,
-    percentageDecimal: m,
+    percentageDecimal: h,
     // extra props
-    onVote: c,
-    markThatVoted: h,
-    youSelected: d,
+    onVote: p,
+    markThatVoted: u,
+    youSelected: c,
     questionVoted: f,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: N,
-    answerTimeExpired: D,
-    questionStatus: A,
-    isLoading: S,
-    questionType: T,
+    answerTimeExpired: S,
+    questionStatus: M,
+    isLoading: z,
+    questionType: A,
     correct: a,
-    hasCorrectAnswer: p,
-    votedAfterQuestionClosed: u,
+    hasCorrectAnswer: l,
+    votedAfterQuestionClosed: m,
     enteredAnActiveQuestion: I
-  } = e, g = on(e), x = an({ questionType: T, questionVoted: f, correct: a, hasCorrectAnswer: p, questionStatus: A }), v = A === E.RESOLVED && T === z.PREDICTION, y = f || v;
-  return /* @__PURE__ */ l(
+  } = e, g = on(e), y = an({ questionType: A, questionVoted: f, correct: a, hasCorrectAnswer: l, questionStatus: M }), v = M === k.RESOLVED && A === D.PREDICTION, T = f || v;
+  return /* @__PURE__ */ d(
     Wt,
     {
       value: n,
-      "data-selected": d,
+      "data-selected": c,
       "data-answerState": g,
-      disabled: f || S || D || v && !I || v && I && u,
-      "data-isNotChecked": f && !d && g !== "incorrect",
-      onClick: (M) => {
-        h(A === E.RESOLVED), c(M);
+      disabled: f || z || S || v && !I || v && I && m,
+      "data-isNotChecked": f && !c && g !== "incorrect",
+      onClick: (O) => {
+        u(M === k.RESOLVED), p(O);
       },
       children: [
-        /* @__PURE__ */ s(Ft, { "data-answerState": g, style: { width: `${y ? m : 0}%` } }),
-        /* @__PURE__ */ l(Bt, { children: [
-          i && N && ((t = ge[N]) == null ? void 0 : t.call(ge, i)),
+        /* @__PURE__ */ s(Ft, { "data-answerState": g, style: { width: `${T ? h : 0}%` } }),
+        /* @__PURE__ */ d(Bt, { children: [
+          i && N && ((t = Me[N]) == null ? void 0 : t.call(Me, i)),
           /* @__PURE__ */ s(en, { children: r }),
-          y && /* @__PURE__ */ l(tn, { children: [
-            x && /* @__PURE__ */ s(rn, { name: "selected" }),
-            /* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(ke, { value: m, suffix: "%" }) })
+          T && /* @__PURE__ */ d(tn, { children: [
+            y && /* @__PURE__ */ s(rn, { name: "selected" }),
+            /* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(Ee, { value: h, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
-}, cn = [R.PRIMARY_GREEN1, R.SECONDARY_RED1, R.SECONDARY_RED1, R.NEUTRALS_GRAY3], dn = [10, 10, 1, 0], un = /* @__PURE__ */ o("div")({
+}, cn = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRAY3], dn = [10, 10, 1, 0], un = /* @__PURE__ */ o("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), pn = R.SECONDARY_GREEN6, ve = R.SECONDARY_RED3, mn = R.NEUTRALS_GRAY3, hn = ({
+}), pn = U.SECONDARY_GREEN6, Ae = U.SECONDARY_RED3, mn = U.NEUTRALS_GRAY3, hn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, r] = L(t > 10 ? pn : ve), m = ({
-    remainingTime: d
+  const [i, r] = R(t > 10 ? pn : Ae), h = ({
+    remainingTime: c
   }) => /* @__PURE__ */ s(un, {
-    children: d
-  }), c = F(() => {
+    children: c
+  }), p = B(() => {
     n == null || n(), r(mn);
-  }, [n, r]), h = F((d) => {
-    d === 10 && r(ve);
+  }, [n, r]), u = B((c) => {
+    c === 10 && r(Ae);
   }, [r]);
   return /* @__PURE__ */ s(Ge, {
     isPlaying: e,
@@ -475,9 +477,9 @@ const Ze = /* @__PURE__ */ o("div")({
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: c,
-    onUpdate: h,
-    children: m
+    onComplete: p,
+    onUpdate: u,
+    children: h
   });
 }, In = /* @__PURE__ */ o("div")({
   name: "WinBarContainer",
@@ -491,7 +493,7 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), vn = () => j, Mn = /* @__PURE__ */ o(vn())({
+}), vn = () => b, Mn = /* @__PURE__ */ o(vn())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
@@ -503,121 +505,130 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ o("span")({
+}), Tn = /* @__PURE__ */ o("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), Tn = ({
+}), yn = ({
   title: e,
   points: t,
   isPlayingTimer: n,
   isTimer: i,
   questionType: r,
-  timerDuration: m,
-  onTimerExpired: c
-}) => /* @__PURE__ */ l(In, { children: [
-  /* @__PURE__ */ l(fn, { children: [
+  timerDuration: h,
+  onTimerExpired: p
+}) => /* @__PURE__ */ d(In, { children: [
+  /* @__PURE__ */ d(fn, { children: [
     e && /* @__PURE__ */ s(gn, { children: e }),
-    t !== void 0 && r !== z.POLL && /* @__PURE__ */ l(k, { children: [
+    t !== void 0 && r !== D.POLL && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(Mn, { name: "icon-trophy" }),
-      /* @__PURE__ */ l(An, { children: [
-        /* @__PURE__ */ s(Nn, { children: /* @__PURE__ */ s(ke, { value: t }) }),
-        /* @__PURE__ */ s(yn, { children: "PTS" })
+      /* @__PURE__ */ d(An, { children: [
+        /* @__PURE__ */ s(Nn, { children: /* @__PURE__ */ s(Ee, { value: t }) }),
+        /* @__PURE__ */ s(Tn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: c, duration: m })
+  i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: p, duration: h })
 ] }), Dn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
-  var r, m;
-  const c = e.subject, h = e.type, d = (r = e.options) == null ? void 0 : r.options, [f, N] = L(!1), [D, A] = L(!1), [S, T] = L(!0), [a, p] = L(!1), [u, I] = L(""), g = e == null ? void 0 : e.id;
-  be(() => {
-    e.status === E.RESOLVED && T(!1);
+  var r, h;
+  const p = e.subject, u = e.type, c = e.status, f = (r = e.options) == null ? void 0 : r.options, [N, S] = R(!1), [M, z] = R(!1), [A, a] = R(!0), [l, m] = R(!1), [I, g] = R(""), y = e == null ? void 0 : e.id;
+  ke(() => {
+    c === k.RESOLVED && a(!1);
   }, []);
-  const x = F((O) => {
-    A(O), N(!0);
-  }, []), v = F(
-    async (O) => {
-      if (g) {
-        const $ = O.currentTarget.value;
-        I($), await n(g, $);
+  const v = B((j) => {
+    z(j), S(!0);
+  }, []), T = B(
+    async (j) => {
+      if (y) {
+        const Q = j.currentTarget.value;
+        g(Q), await n(y, Q);
       }
     },
-    [g, I, n]
-  ), y = F(() => {
-    p(!0), setTimeout(i, 3e3);
-  }, [i]), M = w(
-    () => e == null ? void 0 : e.answers.find((O) => O.youVoted === !0),
+    [y, g, n]
+  ), O = B(() => {
+    m(!0), setTimeout(i, 3e3);
+  }, [i]), x = E(
+    () => e == null ? void 0 : e.answers.find((j) => j.youVoted === !0),
     [e]
-  ), b = w(
-    () => !!(e != null && e.answers.find((O) => O.correct === !0)),
+  ), w = E(
+    () => !!(e != null && e.answers.find((j) => j.correct === !0)),
     [e]
-  ), C = w(
-    () => e == null ? void 0 : e.answers.find((O) => O.correct === !0),
+  ), L = E(
+    () => e == null ? void 0 : e.answers.find((j) => j.correct === !0),
     [e]
-  ), U = w(() => e ? e.answers.map((O) => {
-    var $;
+  ), P = E(() => e ? e.answers.map((j) => {
+    var Q;
     return {
-      ...O,
-      questionVoted: !!M,
-      youSelected: u === O.id,
+      ...j,
+      questionVoted: !!x,
+      youSelected: I === j.id,
       isLoading: t,
-      hasCorrectAnswer: b,
+      hasCorrectAnswer: w,
       questionType: e.type,
-      answerTimeExpired: a,
-      questionStatus: e.status,
-      imageMode: ($ = e.appearance) == null ? void 0 : $.images,
-      onVote: v
+      answerTimeExpired: l,
+      questionStatus: c,
+      imageMode: (Q = e.appearance) == null ? void 0 : Q.images,
+      onVote: T
     };
-  }) : [], [b, a, t, e, M, v, u]), q = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0, K = w(() => {
-    if (e.status === E.RESOLVED)
-      return 0;
-    if (!a)
-      return M ? M.correct ? M.points : 0 : C == null ? void 0 : C.points;
-  }, [a, M, C, e.status]), X = w(() => a ? "Time expired" : e.type === z.POLL ? "Time remaining" : M ? "You won" : "To win", [a, e.type, M]);
-  return /* @__PURE__ */ s(le, { "data-question-header": "true", children: /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ l(_t, { children: [
+  }) : [], [
+    w,
+    l,
+    t,
+    e,
+    x,
+    c,
+    T,
+    I
+  ]), te = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, $ = c === k.RESOLVED && u === D.TRIVIA && !x && !A, H = u === D.TRIVIA && M && N && A, ne = E(() => {
+    if (!($ || l))
+      return c === k.RESOLVED ? 0 : x ? x.correct ? x.points : 0 : L == null ? void 0 : L.points;
+  }, [l, x, L, c, $]), se = E(() => $ || l ? "Time expired" : e.type === D.POLL ? "Time remaining" : x ? "You won" : "To win", [l, e.type, x, $]), G = x || $ || H || u === D.TRIVIA && c === k.RESOLVED && A;
+  return /* @__PURE__ */ s(ue, { "data-question-header": "true", children: /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ d(_t, { children: [
     /* @__PURE__ */ s(
       qt,
       {
-        feedbackMessages: q,
-        questionVoted: !!M,
-        questionVotedCorrectly: M == null ? void 0 : M.correct,
-        questionType: h,
-        hasCorrectAnswer: b,
-        questionStatus: e.status,
-        votedInCurrentRender: f,
-        votedAfterQuestionClosed: D,
-        enteredAnActiveQuestion: S
+        feedbackMessages: te,
+        questionVoted: !!x,
+        questionVotedCorrectly: x == null ? void 0 : x.correct,
+        questionType: u,
+        hasCorrectAnswer: w,
+        questionStatus: c,
+        showExpiredNotification: $,
+        showClosedNotificationTrivia: H,
+        votedInCurrentRender: N,
+        votedAfterQuestionClosed: M,
+        enteredAnActiveQuestion: A
       }
     ),
-    e.type !== z.PREDICTION && /* @__PURE__ */ s(
-      Tn,
+    e.type !== D.PREDICTION && /* @__PURE__ */ s(
+      yn,
       {
-        title: X,
-        points: K,
-        onTimerExpired: y,
+        title: se,
+        points: ne,
+        onTimerExpired: O,
         questionType: e.type,
         isTimer: !t,
-        isPlayingTimer: !M,
-        timerDuration: M ? 0 : Number(((m = e == null ? void 0 : e.appearance) == null ? void 0 : m.autoHideInterval) || "30")
+        isPlayingTimer: !x,
+        timerDuration: G ? 0 : Number(((h = e == null ? void 0 : e.appearance) == null ? void 0 : h.autoHideInterval) || "30")
       }
     ),
-    a ? /* @__PURE__ */ s(
+    l ? /* @__PURE__ */ s(
       Lt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ l(k, { children: [
-      /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === z.PREDICTION, children: c }),
-      /* @__PURE__ */ s(Vt, { children: U.map((O) => /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === D.PREDICTION, children: p }),
+      /* @__PURE__ */ s(Vt, { children: P.map((j) => /* @__PURE__ */ s(
         ln,
         {
-          ...O,
-          markThatVoted: x,
-          votedAfterQuestionClosed: D,
-          enteredAnActiveQuestion: S
+          ...j,
+          markThatVoted: v,
+          votedAfterQuestionClosed: M,
+          enteredAnActiveQuestion: A
         },
-        O.id
+        j.id
       )) })
     ] })
   ] }) }) });
@@ -645,38 +656,38 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), Qe = ({
+}), qe = ({
   created: e,
   image: t,
   title: n,
   isPickHistory: i,
   instantView: r
 }) => {
-  const m = w(() => {
+  const h = E(() => {
     if (e) {
-      const h = new Date(e);
-      if (ue(h))
+      const u = new Date(e);
+      if (he(u))
         return {
-          date: ce(h),
-          time: de(h)
+          date: pe(u),
+          time: me(u)
         };
     }
     return null;
-  }, [e]), c = (r == null ? void 0 : r.image) || t;
-  return /* @__PURE__ */ l(Sn, { children: [
-    m && /* @__PURE__ */ l(jn, { children: [
-      m.date,
+  }, [e]), p = (r == null ? void 0 : r.image) || t;
+  return /* @__PURE__ */ d(Sn, { children: [
+    h && /* @__PURE__ */ d(jn, { children: [
+      h.date,
       " · ",
-      m.time
+      h.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(Ye, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    c && !(r != null && r.video) && /* @__PURE__ */ s(bn, { src: c }),
-    /* @__PURE__ */ l(zn, { children: [
+    p && !(r != null && r.video) && /* @__PURE__ */ s(bn, { src: p }),
+    /* @__PURE__ */ d(zn, { children: [
       /* @__PURE__ */ s(xn, { children: i ? n : r == null ? void 0 : r.heading }),
       !i && /* @__PURE__ */ s(On, { children: r == null ? void 0 : r.body })
     ] })
   ] });
-}, Cn = /* @__PURE__ */ o("div")({
+}, wn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
@@ -684,11 +695,11 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), wn = ({ instantView: e, ...t }) => /* @__PURE__ */ l(Cn, { children: [
-  /* @__PURE__ */ s(Qe, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ l(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+}), Cn = ({ instantView: e, ...t }) => /* @__PURE__ */ d(wn, { children: [
+  /* @__PURE__ */ s(qe, { instantView: e, ...t }),
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ d(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ s(j, { name: "icon-external-link" })
+    /* @__PURE__ */ s(b, { name: "icon-external-link" })
   ] })
 ] }), En = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -703,25 +714,25 @@ const Ze = /* @__PURE__ */ o("div")({
   class: "q111mmic",
   propsAsIs: !1
 }), Rn = ({ created: e, ...t }) => {
-  const n = w(() => {
+  const n = E(() => {
     if (e) {
       const i = new Date(e);
-      if (ue(i))
+      if (he(i))
         return {
-          date: ce(i),
-          time: de(i)
+          date: pe(i),
+          time: me(i)
         };
     }
     return null;
   }, [e]);
-  return /* @__PURE__ */ l(En, { children: [
-    n && /* @__PURE__ */ l(Ln, { children: [
+  return /* @__PURE__ */ d(En, { children: [
+    n && /* @__PURE__ */ d(Ln, { children: [
       n.date,
       " · ",
       n.time
     ] }),
     t.title && /* @__PURE__ */ s($n, { children: t.title }),
-    /* @__PURE__ */ s(je, { ...t })
+    /* @__PURE__ */ s(we, { ...t })
   ] });
 }, Qn = /* @__PURE__ */ o("div")({
   name: "QuestionContainer",
@@ -731,7 +742,7 @@ const Ze = /* @__PURE__ */ o("div")({
   openedQuestion: e
 }) => {
   var t, n;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(wn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Cn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Rn, {
@@ -757,21 +768,21 @@ const Ze = /* @__PURE__ */ o("div")({
   gamification: e
 }) => {
   var t;
-  const n = Q(e.openedQuestion.$store), i = Q(e.openedQuestion.$extendedStore);
+  const n = q(e.openedQuestion.$store), i = q(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
   const r = n.type;
-  return /* @__PURE__ */ l(Qn, {
-    children: [/* @__PURE__ */ s(we, {
+  return /* @__PURE__ */ d(Qn, {
+    children: [/* @__PURE__ */ s(Le, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
+      type: ((t = n.attributes) == null ? void 0 : t.type) || D.UNSET
     }), r === "question" && /* @__PURE__ */ s(qn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
     }), r !== "question" && /* @__PURE__ */ s(Un, {
       openedQuestion: n
-    }), /* @__PURE__ */ s(Ct, {
+    }), /* @__PURE__ */ s(wt, {
       sponsorLogo: ""
     })]
   });
@@ -792,16 +803,16 @@ const Ze = /* @__PURE__ */ o("div")({
   class: "tspsaas",
   propsAsIs: !1
 });
-var J = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(J || {});
-const Me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Wn, { children: e }) }), Fn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(_n, { children: /* @__PURE__ */ l(Yn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(Me, { title: "Home", active: e === "home", onClick: () => t(
+var ee = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(ee || {});
+const Ne = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Wn, { children: e }) }), Fn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(_n, { children: /* @__PURE__ */ d(Yn, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(Ne, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ s(
-    Me,
+    Ne,
     {
-      title: "Leader Board",
+      title: "Friends",
       active: e === "leaderboard",
       onClick: () => t(
         "leaderboard"
@@ -810,34 +821,34 @@ const Me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onCl
     }
   )
 ] }) });
-function oe() {
-  return oe = Object.assign ? Object.assign.bind() : function(e) {
+function ce() {
+  return ce = 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;
-  }, oe.apply(this, arguments);
+  }, ce.apply(this, arguments);
 }
-function Ae(e) {
+function Te(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function ae(e, t) {
-  return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
+function de(e, t) {
+  return de = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
     return i.__proto__ = r, i;
-  }, ae(e, t);
+  }, de(e, t);
 }
 function Bn(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ae(e, t);
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, de(e, t);
 }
-var Ne = Number.isNaN || function(t) {
+var ye = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function Hn(e, t) {
-  return !!(e === t || Ne(e) && Ne(t));
+  return !!(e === t || ye(e) && ye(t));
 }
 function Gn(e, t) {
   if (e.length !== t.length)
@@ -847,138 +858,138 @@ function Gn(e, t) {
       return !1;
   return !0;
 }
-function se(e, t) {
+function oe(e, t) {
   t === void 0 && (t = Gn);
-  var n, i = [], r, m = !1;
-  function c() {
-    for (var h = [], d = 0; d < arguments.length; d++)
-      h[d] = arguments[d];
-    return m && n === this && t(h, i) || (r = e.apply(this, h), m = !0, n = this, i = h), r;
+  var n, i = [], r, h = !1;
+  function p() {
+    for (var u = [], c = 0; c < arguments.length; c++)
+      u[c] = arguments[c];
+    return h && n === this && t(u, i) || (r = e.apply(this, u), h = !0, n = this, i = u), r;
   }
-  return c;
+  return p;
 }
-var Zn = typeof performance == "object" && typeof performance.now == "function", ye = Zn ? function() {
+var Zn = typeof performance == "object" && typeof performance.now == "function", De = Zn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Te(e) {
+function Se(e) {
   cancelAnimationFrame(e.id);
 }
 function Jn(e, t) {
-  var n = ye();
+  var n = De();
   function i() {
-    ye() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
+    De() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
   }
   var r = {
     id: requestAnimationFrame(i)
   };
   return r;
 }
-var ie = -1;
-function De(e) {
-  if (e === void 0 && (e = !1), ie === -1 || e) {
+var ae = -1;
+function ze(e) {
+  if (e === void 0 && (e = !1), ae === -1 || e) {
     var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ie = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ae = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return ie;
+  return ae;
 }
-var _ = null;
-function Se(e) {
-  if (e === void 0 && (e = !1), _ === null || e) {
+var Y = null;
+function xe(e) {
+  if (e === void 0 && (e = !1), Y === 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 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
+    return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? Y = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? Y = "negative" : Y = "positive-ascending"), document.body.removeChild(t), Y;
   }
-  return _;
+  return Y;
 }
 var Kn = 150, Xn = function(t, n) {
   return t;
 };
 function es(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, h = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
-  return t = /* @__PURE__ */ function(D) {
-    Bn(A, D);
-    function A(T) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, h = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, u = e.getStopIndexForStartIndex, c = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
+  return t = /* @__PURE__ */ function(S) {
+    Bn(M, S);
+    function M(A) {
       var a;
-      return a = D.call(this, T) || this, a._instanceProps = d(a.props, Ae(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
-        instance: Ae(a),
+      return a = S.call(this, A) || this, a._instanceProps = c(a.props, Te(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+        instance: Te(a),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = se(function(p, u, I, g) {
+      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = oe(function(l, m, I, g) {
         return a.props.onItemsRendered({
-          overscanStartIndex: p,
-          overscanStopIndex: u,
+          overscanStartIndex: l,
+          overscanStopIndex: m,
           visibleStartIndex: I,
           visibleStopIndex: g
         });
-      }), a._callOnScroll = void 0, a._callOnScroll = se(function(p, u, I) {
+      }), a._callOnScroll = void 0, a._callOnScroll = oe(function(l, m, I) {
         return a.props.onScroll({
-          scrollDirection: p,
-          scrollOffset: u,
+          scrollDirection: l,
+          scrollOffset: m,
           scrollUpdateWasRequested: I
         });
-      }), a._getItemStyle = void 0, a._getItemStyle = function(p) {
-        var u = a.props, I = u.direction, g = u.itemSize, x = u.layout, v = a._getItemStyleCache(f && g, f && x, f && I), y;
-        if (v.hasOwnProperty(p))
-          y = v[p];
+      }), a._getItemStyle = void 0, a._getItemStyle = function(l) {
+        var m = a.props, I = m.direction, g = m.itemSize, y = m.layout, v = a._getItemStyleCache(f && g, f && y, f && I), T;
+        if (v.hasOwnProperty(l))
+          T = v[l];
         else {
-          var M = n(a.props, p, a._instanceProps), b = r(a.props, p, a._instanceProps), C = I === "horizontal" || x === "horizontal", U = I === "rtl", q = C ? M : 0;
-          v[p] = y = {
+          var O = n(a.props, l, a._instanceProps), x = r(a.props, l, a._instanceProps), w = I === "horizontal" || y === "horizontal", L = I === "rtl", P = w ? O : 0;
+          v[l] = T = {
             position: "absolute",
-            left: U ? void 0 : q,
-            right: U ? q : void 0,
-            top: C ? 0 : M,
-            height: C ? "100%" : b,
-            width: C ? b : "100%"
+            left: L ? void 0 : P,
+            right: L ? P : void 0,
+            top: w ? 0 : O,
+            height: w ? "100%" : x,
+            width: w ? x : "100%"
           };
         }
-        return y;
-      }, a._getItemStyleCache = void 0, a._getItemStyleCache = se(function(p, u, I) {
+        return T;
+      }, a._getItemStyleCache = void 0, a._getItemStyleCache = oe(function(l, m, I) {
         return {};
-      }), a._onScrollHorizontal = function(p) {
-        var u = p.currentTarget, I = u.clientWidth, g = u.scrollLeft, x = u.scrollWidth;
+      }), a._onScrollHorizontal = function(l) {
+        var m = l.currentTarget, I = m.clientWidth, g = m.scrollLeft, y = m.scrollWidth;
         a.setState(function(v) {
           if (v.scrollOffset === g)
             return null;
-          var y = a.props.direction, M = g;
-          if (y === "rtl")
-            switch (Se()) {
+          var T = a.props.direction, O = g;
+          if (T === "rtl")
+            switch (xe()) {
               case "negative":
-                M = -g;
+                O = -g;
                 break;
               case "positive-descending":
-                M = x - I - g;
+                O = y - I - g;
                 break;
             }
-          return M = Math.max(0, Math.min(M, x - I)), {
+          return O = Math.max(0, Math.min(O, y - I)), {
             isScrolling: !0,
             scrollDirection: v.scrollOffset < g ? "forward" : "backward",
-            scrollOffset: M,
+            scrollOffset: O,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
-      }, a._onScrollVertical = function(p) {
-        var u = p.currentTarget, I = u.clientHeight, g = u.scrollHeight, x = u.scrollTop;
+      }, a._onScrollVertical = function(l) {
+        var m = l.currentTarget, I = m.clientHeight, g = m.scrollHeight, y = m.scrollTop;
         a.setState(function(v) {
-          if (v.scrollOffset === x)
+          if (v.scrollOffset === y)
             return null;
-          var y = Math.max(0, Math.min(x, g - I));
+          var T = Math.max(0, Math.min(y, g - I));
           return {
             isScrolling: !0,
-            scrollDirection: v.scrollOffset < y ? "forward" : "backward",
-            scrollOffset: y,
+            scrollDirection: v.scrollOffset < T ? "forward" : "backward",
+            scrollOffset: T,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
-      }, a._outerRefSetter = function(p) {
-        var u = a.props.outerRef;
-        a._outerRef = p, typeof u == "function" ? u(p) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = p);
+      }, a._outerRefSetter = function(l) {
+        var m = a.props.outerRef;
+        a._outerRef = l, typeof m == "function" ? m(l) : m != null && typeof m == "object" && m.hasOwnProperty("current") && (m.current = l);
       }, a._resetIsScrollingDebounced = function() {
-        a._resetIsScrollingTimeoutId !== null && Te(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Jn(a._resetIsScrolling, Kn);
+        a._resetIsScrollingTimeoutId !== null && Se(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Jn(a._resetIsScrolling, Kn);
       }, a._resetIsScrolling = function() {
         a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
@@ -987,42 +998,42 @@ function es(e) {
         });
       }, a;
     }
-    A.getDerivedStateFromProps = function(a, p) {
-      return ts(a, p), N(a), null;
+    M.getDerivedStateFromProps = function(a, l) {
+      return ts(a, l), N(a), null;
     };
-    var S = A.prototype;
-    return S.scrollTo = function(a) {
-      a = Math.max(0, a), this.setState(function(p) {
-        return p.scrollOffset === a ? null : {
-          scrollDirection: p.scrollOffset < a ? "forward" : "backward",
+    var z = M.prototype;
+    return z.scrollTo = function(a) {
+      a = Math.max(0, a), this.setState(function(l) {
+        return l.scrollOffset === a ? null : {
+          scrollDirection: l.scrollOffset < a ? "forward" : "backward",
           scrollOffset: a,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, S.scrollToItem = function(a, p) {
-      p === void 0 && (p = "auto");
-      var u = this.props, I = u.itemCount, g = u.layout, x = this.state.scrollOffset;
+    }, z.scrollToItem = function(a, l) {
+      l === void 0 && (l = "auto");
+      var m = this.props, I = m.itemCount, g = m.layout, y = this.state.scrollOffset;
       a = Math.max(0, Math.min(a, I - 1));
       var v = 0;
       if (this._outerRef) {
-        var y = this._outerRef;
-        g === "vertical" ? v = y.scrollWidth > y.clientWidth ? De() : 0 : v = y.scrollHeight > y.clientHeight ? De() : 0;
+        var T = this._outerRef;
+        g === "vertical" ? v = T.scrollWidth > T.clientWidth ? ze() : 0 : v = T.scrollHeight > T.clientHeight ? ze() : 0;
       }
-      this.scrollTo(m(this.props, a, p, x, this._instanceProps, v));
-    }, S.componentDidMount = function() {
-      var a = this.props, p = a.direction, u = a.initialScrollOffset, I = a.layout;
-      if (typeof u == "number" && this._outerRef != null) {
+      this.scrollTo(h(this.props, a, l, y, this._instanceProps, v));
+    }, z.componentDidMount = function() {
+      var a = this.props, l = a.direction, m = a.initialScrollOffset, I = a.layout;
+      if (typeof m == "number" && this._outerRef != null) {
         var g = this._outerRef;
-        p === "horizontal" || I === "horizontal" ? g.scrollLeft = u : g.scrollTop = u;
+        l === "horizontal" || I === "horizontal" ? g.scrollLeft = m : g.scrollTop = m;
       }
       this._callPropsCallbacks();
-    }, S.componentDidUpdate = function() {
-      var a = this.props, p = a.direction, u = a.layout, I = this.state, g = I.scrollOffset, x = I.scrollUpdateWasRequested;
-      if (x && this._outerRef != null) {
+    }, z.componentDidUpdate = function() {
+      var a = this.props, l = a.direction, m = a.layout, I = this.state, g = I.scrollOffset, y = I.scrollUpdateWasRequested;
+      if (y && this._outerRef != null) {
         var v = this._outerRef;
-        if (p === "horizontal" || u === "horizontal")
-          if (p === "rtl")
-            switch (Se()) {
+        if (l === "horizontal" || m === "horizontal")
+          if (l === "rtl")
+            switch (xe()) {
               case "negative":
                 v.scrollLeft = -g;
                 break;
@@ -1030,8 +1041,8 @@ function es(e) {
                 v.scrollLeft = g;
                 break;
               default:
-                var y = v.clientWidth, M = v.scrollWidth;
-                v.scrollLeft = M - y - g;
+                var T = v.clientWidth, O = v.scrollWidth;
+                v.scrollLeft = O - T - g;
                 break;
             }
           else
@@ -1040,61 +1051,61 @@ function es(e) {
           v.scrollTop = g;
       }
       this._callPropsCallbacks();
-    }, S.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Te(this._resetIsScrollingTimeoutId);
-    }, S.render = function() {
-      var a = this.props, p = a.children, u = a.className, I = a.direction, g = a.height, x = a.innerRef, v = a.innerElementType, y = a.innerTagName, M = a.itemCount, b = a.itemData, C = a.itemKey, U = C === void 0 ? Xn : C, q = a.layout, K = a.outerElementType, X = a.outerTagName, O = a.style, $ = a.useIsScrolling, Ue = a.width, pe = this.state.isScrolling, ee = I === "horizontal" || q === "horizontal", qe = ee ? this._onScrollHorizontal : this._onScrollVertical, me = this._getRangeToRender(), Pe = me[0], _e = me[1], he = [];
-      if (M > 0)
-        for (var Y = Pe; Y <= _e; Y++)
-          he.push(te(p, {
-            data: b,
-            key: U(Y, b),
-            index: Y,
-            isScrolling: $ ? pe : void 0,
-            style: this._getItemStyle(Y)
+    }, z.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Se(this._resetIsScrollingTimeoutId);
+    }, z.render = function() {
+      var a = this.props, l = a.children, m = a.className, I = a.direction, g = a.height, y = a.innerRef, v = a.innerElementType, T = a.innerTagName, O = a.itemCount, x = a.itemData, w = a.itemKey, L = w === void 0 ? Xn : w, P = a.layout, te = a.outerElementType, $ = a.outerTagName, H = a.style, ne = a.useIsScrolling, se = a.width, G = this.state.isScrolling, j = I === "horizontal" || P === "horizontal", Q = j ? this._onScrollHorizontal : this._onScrollVertical, Ie = this._getRangeToRender(), Pe = Ie[0], _e = Ie[1], fe = [];
+      if (O > 0)
+        for (var V = Pe; V <= _e; V++)
+          fe.push(ie(l, {
+            data: x,
+            key: L(V, x),
+            index: V,
+            isScrolling: ne ? G : void 0,
+            style: this._getItemStyle(V)
           }));
-      var Ie = i(this.props, this._instanceProps);
-      return te(K || X || "div", {
-        className: u,
-        onScroll: qe,
+      var ge = i(this.props, this._instanceProps);
+      return ie(te || $ || "div", {
+        className: m,
+        onScroll: Q,
         ref: this._outerRefSetter,
-        style: oe({
+        style: ce({
           position: "relative",
           height: g,
-          width: Ue,
+          width: se,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: I
-        }, O)
-      }, te(v || y || "div", {
-        children: he,
-        ref: x,
+        }, H)
+      }, ie(v || T || "div", {
+        children: fe,
+        ref: y,
         style: {
-          height: ee ? "100%" : Ie,
-          pointerEvents: pe ? "none" : void 0,
-          width: ee ? Ie : "100%"
+          height: j ? "100%" : ge,
+          pointerEvents: G ? "none" : void 0,
+          width: j ? ge : "100%"
         }
       }));
-    }, S._callPropsCallbacks = function() {
+    }, z._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var a = this.props.itemCount;
         if (a > 0) {
-          var p = this._getRangeToRender(), u = p[0], I = p[1], g = p[2], x = p[3];
-          this._callOnItemsRendered(u, I, g, x);
+          var l = this._getRangeToRender(), m = l[0], I = l[1], g = l[2], y = l[3];
+          this._callOnItemsRendered(m, I, g, y);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var v = this.state, y = v.scrollDirection, M = v.scrollOffset, b = v.scrollUpdateWasRequested;
-        this._callOnScroll(y, M, b);
+        var v = this.state, T = v.scrollDirection, O = v.scrollOffset, x = v.scrollUpdateWasRequested;
+        this._callOnScroll(T, O, x);
       }
-    }, S._getRangeToRender = function() {
-      var a = this.props, p = a.itemCount, u = a.overscanCount, I = this.state, g = I.isScrolling, x = I.scrollDirection, v = I.scrollOffset;
-      if (p === 0)
+    }, z._getRangeToRender = function() {
+      var a = this.props, l = a.itemCount, m = a.overscanCount, I = this.state, g = I.isScrolling, y = I.scrollDirection, v = I.scrollOffset;
+      if (l === 0)
         return [0, 0, 0, 0];
-      var y = c(this.props, v, this._instanceProps), M = h(this.props, y, v, this._instanceProps), b = !g || x === "backward" ? Math.max(1, u) : 1, C = !g || x === "forward" ? Math.max(1, u) : 1;
-      return [Math.max(0, y - b), Math.max(0, Math.min(p - 1, M + C)), y, M];
-    }, A;
+      var T = p(this.props, v, this._instanceProps), O = u(this.props, T, v, this._instanceProps), x = !g || y === "backward" ? Math.max(1, m) : 1, w = !g || y === "forward" ? Math.max(1, m) : 1;
+      return [Math.max(0, T - x), Math.max(0, Math.min(l - 1, O + w)), T, O];
+    }, M;
   }(Ce), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1118,20 +1129,20 @@ var ts = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, m, c) {
-    var h = t.direction, d = t.height, f = t.itemCount, N = t.itemSize, D = t.layout, A = t.width, S = h === "horizontal" || D === "horizontal", T = S ? A : d, a = Math.max(0, f * N - T), p = Math.min(a, n * N), u = Math.max(0, n * N - T + N + c);
-    switch (i === "smart" && (r >= u - T && r <= p + T ? i = "auto" : i = "center"), i) {
+  getOffsetForIndexAndAlignment: function(t, n, i, r, h, p) {
+    var u = t.direction, c = t.height, f = t.itemCount, N = t.itemSize, S = t.layout, M = t.width, z = u === "horizontal" || S === "horizontal", A = z ? M : c, a = Math.max(0, f * N - A), l = Math.min(a, n * N), m = Math.max(0, n * N - A + N + p);
+    switch (i === "smart" && (r >= m - A && r <= l + A ? i = "auto" : i = "center"), i) {
       case "start":
-        return p;
+        return l;
       case "end":
-        return u;
+        return m;
       case "center": {
-        var I = Math.round(u + (p - u) / 2);
-        return I < Math.ceil(T / 2) ? 0 : I > a + Math.floor(T / 2) ? a : I;
+        var I = Math.round(m + (l - m) / 2);
+        return I < Math.ceil(A / 2) ? 0 : I > a + Math.floor(A / 2) ? a : I;
       }
       case "auto":
       default:
-        return r >= u && r <= p ? r : r < u ? u : p;
+        return r >= m && r <= l ? r : r < m ? m : l;
     }
   },
   getStartIndexForOffset: function(t, n) {
@@ -1139,10 +1150,10 @@ var ts = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, m = t.height, c = t.itemCount, h = t.itemSize, d = t.layout, f = t.width, N = r === "horizontal" || d === "horizontal", D = n * h, A = N ? f : m, S = Math.ceil((A + i - D) / h);
+    var r = t.direction, h = t.height, p = t.itemCount, u = t.itemSize, c = t.layout, f = t.width, N = r === "horizontal" || c === "horizontal", S = n * u, M = N ? f : h, z = Math.ceil((M + i - S) / u);
     return Math.max(0, Math.min(
-      c - 1,
-      n + S - 1
+      p - 1,
+      n + z - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1158,24 +1169,24 @@ function ss(e) {
   return !(i > n || r < t);
 }
 function is(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [], h = null, d = null, f = r; f <= m; f++) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, h = e.stopIndex, p = [], u = null, c = null, f = r; f <= h; f++) {
     var N = t(f);
-    N ? d !== null && (c.push(h, d), h = d = null) : (d = f, h === null && (h = f));
+    N ? c !== null && (p.push(u, c), u = c = null) : (c = f, u === null && (u = f));
   }
-  if (d !== null) {
-    for (var D = Math.min(Math.max(d, h + i - 1), n - 1), A = d + 1; A <= D && !t(A); A++)
-      d = A;
-    c.push(h, d);
+  if (c !== null) {
+    for (var S = Math.min(Math.max(c, u + i - 1), n - 1), M = c + 1; M <= S && !t(M); M++)
+      c = M;
+    p.push(u, c);
   }
-  if (c.length)
-    for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
-      var S = c[0] - 1;
-      if (!t(S))
-        c[0] = S;
+  if (p.length)
+    for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
+      var z = p[0] - 1;
+      if (!t(z))
+        p[0] = z;
       else
         break;
     }
-  return c;
+  return p;
 }
 var rs = function(e, t) {
   if (!(e instanceof t))
@@ -1201,23 +1212,23 @@ var rs = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, ze = function(e, t) {
+}, Oe = 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;
 }, ls = function(e) {
   as(t, e);
   function t() {
-    var n, i, r, m;
+    var n, i, r, h;
     rs(this, t);
-    for (var c = arguments.length, h = Array(c), d = 0; d < c; d++)
-      h[d] = arguments[d];
-    return m = (i = (r = ze(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(h))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
-      var N = f.visibleStartIndex, D = f.visibleStopIndex;
-      r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(N, D);
+    for (var p = arguments.length, u = Array(p), c = 0; c < p; c++)
+      u[c] = arguments[c];
+    return h = (i = (r = Oe(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(u))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
+      var N = f.visibleStartIndex, S = f.visibleStopIndex;
+      r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(N, S);
     }, r._setRef = function(f) {
       r._listRef = f;
-    }, i), ze(r, m);
+    }, i), Oe(r, h);
   }
   return os(t, [{
     key: "resetloadMoreItemsCache",
@@ -1241,36 +1252,36 @@ var rs = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var m = this.props, c = m.isItemLoaded, h = m.itemCount, d = m.minimumBatchSize, f = d === void 0 ? 10 : d, N = m.threshold, D = N === void 0 ? 15 : N, A = is({
-        isItemLoaded: c,
-        itemCount: h,
+      var h = this.props, p = h.isItemLoaded, u = h.itemCount, c = h.minimumBatchSize, f = c === void 0 ? 10 : c, N = h.threshold, S = N === void 0 ? 15 : N, M = is({
+        isItemLoaded: p,
+        itemCount: u,
         minimumBatchSize: f,
-        startIndex: Math.max(0, i - D),
-        stopIndex: Math.min(h - 1, r + D)
+        startIndex: Math.max(0, i - S),
+        stopIndex: Math.min(u - 1, r + S)
       });
-      (this._memoizedUnloadedRanges.length !== A.length || this._memoizedUnloadedRanges.some(function(S, T) {
-        return A[T] !== S;
-      })) && (this._memoizedUnloadedRanges = A, this._loadUnloadedRanges(A));
+      (this._memoizedUnloadedRanges.length !== M.length || this._memoizedUnloadedRanges.some(function(z, A) {
+        return M[A] !== z;
+      })) && (this._memoizedUnloadedRanges = M, this._loadUnloadedRanges(M));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(f) {
-        var N = i[f], D = i[f + 1], A = m(N, D);
-        A != null && A.then(function() {
+      for (var r = this, h = this.props.loadMoreItems || this.props.loadMoreRows, p = function(f) {
+        var N = i[f], S = i[f + 1], M = h(N, S);
+        M != null && M.then(function() {
           if (ss({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
             startIndex: N,
-            stopIndex: D
+            stopIndex: S
           })) {
             if (r._listRef == null)
               return;
             typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(N, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, h = 0; h < i.length; h += 2)
-        c(h);
+      }, u = 0; u < i.length; u += 2)
+        p(u);
     }
   }]), t;
 }(Ce);
@@ -1302,7 +1313,7 @@ const cs = /* @__PURE__ */ o("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), fs = () => j, gs = /* @__PURE__ */ o(fs())({
+}), fs = () => b, gs = /* @__PURE__ */ o(fs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -1312,18 +1323,18 @@ const cs = /* @__PURE__ */ o("div")({
   name: n,
   points: i,
   isCurrentUser: r,
-  openItemDetail: m,
-  style: c
-}) => /* @__PURE__ */ l(cs, { onClick: m, style: c, children: [
+  openItemDetail: h,
+  style: p
+}) => /* @__PURE__ */ d(cs, { onClick: h, style: p, children: [
   /* @__PURE__ */ s(ds, { children: e || 0 }),
-  /* @__PURE__ */ l(ms, { children: [
-    t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: Ee(n || "") }),
-    /* @__PURE__ */ l(hs, { children: [
+  /* @__PURE__ */ d(ms, { children: [
+    t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: $e(n || "") }),
+    /* @__PURE__ */ d(hs, { children: [
       /* @__PURE__ */ s(Is, { children: n || "" }),
       r && /* @__PURE__ */ s(gs, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: Le(i) })
+  /* @__PURE__ */ s("div", { children: Re(i) })
 ] }), Ms = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
@@ -1333,36 +1344,36 @@ const cs = /* @__PURE__ */ o("div")({
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i
-}) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: m }) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: h }) => /* @__PURE__ */ s(
   ls,
   {
-    isItemLoaded: (c) => c < e.length,
+    isItemLoaded: (p) => p < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: c, ref: h }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
+    children: ({ onItemsRendered: p, ref: u }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
       ns,
       {
         itemSize: 56,
-        onItemsRendered: c,
-        ref: h,
+        onItemsRendered: p,
+        ref: u,
         itemCount: e.length,
         width: r,
-        height: m,
-        children: ({ index: d, style: f }) => /* @__PURE__ */ s(
+        height: h,
+        children: ({ index: c, style: f }) => /* @__PURE__ */ s(
           vs,
           {
             style: { ...f, maxHeight: 48 },
-            ...e[d],
-            openItemDetail: () => n(e[d].userId),
-            isCurrentUser: !!t && t === e[d].userId
+            ...e[c],
+            openItemDetail: () => n(e[c].userId),
+            isCurrentUser: !!t && t === e[c].userId
           },
-          e[d].userId
+          e[c].userId
         )
       }
     ) })
   }
 ) }), Ns = ({ deepLink: e }) => {
-  const { data: t } = Q(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
+  const { data: t } = q(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     We,
     {
@@ -1379,12 +1390,12 @@ const cs = /* @__PURE__ */ o("div")({
           label: "X"
         }
       ],
-      inviteCardTitle: "It’s more fun with friends",
+      inviteCardTitle: "It’s More Fun With Friends",
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, ys = ({ gamification: e }) => {
-  const { data: t } = Q(e.leaderboardList.$store);
+}, Ts = ({ gamification: e }) => {
+  const { data: t } = q(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ s(
     As,
     {
@@ -1394,7 +1405,7 @@ const cs = /* @__PURE__ */ o("div")({
       currentUserId: e.currentUserId.get()
     }
   ) : /* @__PURE__ */ s(Ns, { deepLink: e.deepLink });
-}, Ts = /* @__PURE__ */ o("div")({
+}, ys = /* @__PURE__ */ o("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
@@ -1410,11 +1421,11 @@ const cs = /* @__PURE__ */ o("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), xs = () => j, Z = /* @__PURE__ */ o(xs())({
+}), xs = () => b, X = /* @__PURE__ */ o(xs())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), Os = () => j, js = /* @__PURE__ */ o(Os())({
+}), Os = () => b, js = /* @__PURE__ */ o(Os())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1422,7 +1433,7 @@ const cs = /* @__PURE__ */ o("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ o("div")({
+}), ws = /* @__PURE__ */ o("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
@@ -1430,40 +1441,40 @@ const cs = /* @__PURE__ */ o("div")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), ws = {
-  [B.LOST]: /* @__PURE__ */ s(Z, { name: "incorrectVoted" }),
-  [B.WON]: /* @__PURE__ */ s(Z, { name: "icon-check" }),
-  [B.UNSET]: /* @__PURE__ */ s(Z, { name: "icon-arrow" }),
-  [B.DNP]: /* @__PURE__ */ s(Z, { name: "icon-arrow" })
+}), Cs = {
+  [Z.LOST]: /* @__PURE__ */ s(X, { name: "incorrectVoted" }),
+  [Z.WON]: /* @__PURE__ */ s(X, { name: "icon-check" }),
+  [Z.UNSET]: /* @__PURE__ */ s(X, { name: "icon-arrow" }),
+  [Z.DNP]: /* @__PURE__ */ s(X, { name: "icon-arrow" })
 }, Es = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
   subject: i,
   openForVoting: r,
-  openQuestion: m,
-  status: c
+  openQuestion: h,
+  status: p
 }) => {
-  const h = Oe[t], d = ws[c];
-  return h ? /* @__PURE__ */ l(Ts, { onClick: () => m == null ? void 0 : m(e), children: [
-    /* @__PURE__ */ l(Cs, { children: [
-      /* @__PURE__ */ l(Ds, { children: [
+  const u = be[t], c = Cs[p];
+  return u ? /* @__PURE__ */ d(ys, { onClick: () => h == null ? void 0 : h(e), children: [
+    /* @__PURE__ */ d(ws, { children: [
+      /* @__PURE__ */ d(Ds, { children: [
         /* @__PURE__ */ s(
           js,
           {
-            "data-type-trivia": t === z.TRIVIA,
-            "data-type-poll": t === z.POLL,
-            name: h.iconName
+            "data-type-trivia": t === D.TRIVIA,
+            "data-type-poll": t === D.POLL,
+            name: u.iconName
           }
         ),
-        /* @__PURE__ */ l(bs, { children: [
-          h.label,
-          t === z.TRIVIA && n === E.RESOLVED && " • Expired"
+        /* @__PURE__ */ d(bs, { children: [
+          u.label,
+          t === D.TRIVIA && n === k.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Ss, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(ks, { children: "Play" }) : d })
+    /* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(ks, { children: "Play" }) : c })
   ] }) : null;
 }, Ls = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -1477,8 +1488,8 @@ const cs = /* @__PURE__ */ o("div")({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ l(Ls, { children: [
-  /* @__PURE__ */ s(Qe, { questionId: t, ...n, isPickHistory: !0 }),
+}) => /* @__PURE__ */ d(Ls, { children: [
+  /* @__PURE__ */ s(qe, { questionId: t, ...n, isPickHistory: !0 }),
   e && /* @__PURE__ */ s($s, { onClick: () => e(t), children: "View Insight" })
 ] }), Qs = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -1501,25 +1512,25 @@ const cs = /* @__PURE__ */ o("div")({
   created: t,
   ...n
 }) => {
-  const i = w(() => {
+  const i = E(() => {
     if (t) {
       const r = new Date(t);
-      if (ue(r))
+      if (he(r))
         return {
-          date: ce(r),
-          time: de(r)
+          date: pe(r),
+          time: me(r)
         };
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ l(Qs, { children: [
-    i && /* @__PURE__ */ l(Ps, { children: [
+  return /* @__PURE__ */ d(Qs, { children: [
+    i && /* @__PURE__ */ d(Ps, { children: [
       i.date,
       " · ",
       i.time
     ] }),
     n.title && /* @__PURE__ */ s(_s, { children: n.title }),
-    /* @__PURE__ */ s(je, { ...n }),
+    /* @__PURE__ */ s(we, { ...n }),
     e && /* @__PURE__ */ s(qs, { onClick: () => e(n.tweetId), children: "View Insight" })
   ] });
 }, Vs = /* @__PURE__ */ o("div")({
@@ -1527,46 +1538,46 @@ const cs = /* @__PURE__ */ o("div")({
   class: "qvghv3l",
   propsAsIs: !1
 }), Ws = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vs, { children: e == null ? void 0 : e.map((n) => {
-  var i, r, m;
+  var i, r, h;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Es, { openQuestion: t, ...c }, c.questionId);
+    const p = n.attributes.attributes.value;
+    return /* @__PURE__ */ s(Es, { openQuestion: t, ...p }, p.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Rs, { openInsight: t, ...c }, c.questionId);
+    const p = n.attributes.attributes.value, u = n.attributes.created;
+    return /* @__PURE__ */ s(Rs, { openInsight: t, ...p, created: u }, p.questionId);
   }
-  if (n.type === "tweet" && ((m = n.attributes) == null ? void 0 : m.attributes.case) === "tweet") {
-    const c = n.attributes.attributes.value, h = n.attributes.id, d = n.attributes.created;
-    return /* @__PURE__ */ s(Ys, { openTweet: t, ...c, tweetId: h, created: d }, h);
+  if (n.type === "tweet" && ((h = n.attributes) == null ? void 0 : h.attributes.case) === "tweet") {
+    const p = n.attributes.attributes.value, u = n.attributes.id, c = n.attributes.created;
+    return /* @__PURE__ */ s(Ys, { openTweet: t, ...p, tweetId: u, created: c }, u);
   }
   return null;
 }) }), Fs = ({ store: e, openQuestion: t }) => {
-  const n = Q(e);
+  const n = q(e);
   return n != null && n.data ? /* @__PURE__ */ s(Ws, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 }, Bs = ({ userSummary: e }) => {
   var t;
-  const [n, i] = L(void 0);
-  return be(() => {
-    const r = e.subscribe((m) => {
-      m != null && m.data && i(m.data);
+  const [n, i] = R(void 0);
+  return ke(() => {
+    const r = e.subscribe((h) => {
+      h != null && h.data && i(h.data);
     });
     return () => {
       r();
     };
-  }, [e]), n != null && n.summary ? /* @__PURE__ */ s($e, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+  }, [e]), n != null && n.summary ? /* @__PURE__ */ s(Qe, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
 }, Hs = ({
   gamification: e
 }) => {
-  const [t, n] = L(J.HOME);
-  return /* @__PURE__ */ l("div", {
+  const [t, n] = R(ee.HOME);
+  return /* @__PURE__ */ d("div", {
     style: {
       height: "100%",
       display: "flex",
       flexDirection: "column",
       overflow: "hidden"
     },
-    children: [/* @__PURE__ */ s(re, {
+    children: [/* @__PURE__ */ s(le, {
       style: {
         paddingBottom: "4px"
       },
@@ -1574,8 +1585,8 @@ const cs = /* @__PURE__ */ o("div")({
         activePage: t,
         toggleActivePage: n
       })
-    }), t === J.HOME && /* @__PURE__ */ l(le, {
-      children: [/* @__PURE__ */ s(re, {
+    }), t === ee.HOME && /* @__PURE__ */ d(ue, {
+      children: [/* @__PURE__ */ s(le, {
         style: {
           paddingTop: "12px"
         },
@@ -1588,14 +1599,14 @@ const cs = /* @__PURE__ */ o("div")({
           store: e.feedList.getStore()
         })
       })]
-    }), t === J.LEADERBOARD && /* @__PURE__ */ s("div", {
+    }), t === ee.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(ys, {
+      children: /* @__PURE__ */ s(Ts, {
         gamification: e
       })
     })]
   });
-}, Gs = () => He, xe = /* @__PURE__ */ o(Gs())({
+}, Gs = () => He, je = /* @__PURE__ */ o(Gs())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
@@ -1613,27 +1624,27 @@ const cs = /* @__PURE__ */ o("div")({
   gamification: e,
   className: t
 }) => {
-  const n = Q(e.openedQuestion.$store), i = Q(e.openedUser);
-  return /* @__PURE__ */ l(k, {
-    children: [n && /* @__PURE__ */ s(xe, {
+  const n = q(e.openedQuestion.$store), i = q(e.openedUser);
+  return /* @__PURE__ */ d(C, {
+    children: [n && /* @__PURE__ */ s(je, {
       className: t,
       children: /* @__PURE__ */ s(Pn, {
         gamification: e
       })
-    }), i && /* @__PURE__ */ s(xe, {
+    }), i && /* @__PURE__ */ s(je, {
       className: t,
-      children: /* @__PURE__ */ l(Zs, {
-        children: [/* @__PURE__ */ s(we, {
+      children: /* @__PURE__ */ d(Zs, {
+        children: [/* @__PURE__ */ s(Le, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ s(re, {
-          children: /* @__PURE__ */ s($e, {
+        }), /* @__PURE__ */ s(le, {
+          children: /* @__PURE__ */ s(Qe, {
             ...i,
             successRate: Js(i)
           })
         })]
       })
-    }), /* @__PURE__ */ s(le, {
+    }), /* @__PURE__ */ s(ue, {
       className: t,
       "data-nav": "true",
       children: /* @__PURE__ */ s(Hs, {