@streamlayer/react 0.32.4 → 0.32.6

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

@@ -1,6 +1,6 @@
-import { jsxs as f, jsx as s, Fragment as R } from "react/jsx-runtime";
-import { s as a, n as j, Q as x, o as Se, a as b, b as U, d as ze, E as L, r as ie, w as We, u as w, A as Ve, O as Fe, P as V, c as ee, e as Be, f as He } from "./masters.js";
-import P, { useRef as C, useState as _, useCallback as q, useEffect as Ge, useLayoutEffect as Ze, useMemo as $, createElement as Z, PureComponent as xe } from "react";
+import { jsxs as f, jsx as r, Fragment as R } from "react/jsx-runtime";
+import { s as a, n as j, Q as x, o as Se, a as L, b as P, d as ze, E as b, r as ie, w as Ve, u as $, A as Fe, O as Be, P as V, c as ee, e as He, f as Ge } from "./masters.js";
+import _, { useRef as w, useState as Q, useCallback as q, useEffect as xe, useLayoutEffect as Ze, useMemo as C, createElement as Z, PureComponent as Oe } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -25,23 +25,23 @@ const Je = /* @__PURE__ */ a("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), Oe = ({ type: e, close: t, label: i }) => {
-  const n = e ? Se[e] : { label: i, iconName: void 0 };
+}), je = ({ type: e, close: t, label: n }) => {
+  const i = e ? Se[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ f(Je, { children: [
     /* @__PURE__ */ f(Ke, { children: [
-      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ s(
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(
         et,
         {
           "data-type-trivia": e === x.TRIVIA,
           "data-type-poll": e === x.POLL,
-          name: n.iconName
+          name: i.iconName
         }
       ),
-      (n == null ? void 0 : n.label) && /* @__PURE__ */ s(tt, { children: n.label })
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ r(tt, { children: i.label })
     ] }),
-    /* @__PURE__ */ s(nt, { onClick: t, children: /* @__PURE__ */ s(st, { name: "icon-cross" }) })
+    /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(st, { name: "icon-cross" }) })
   ] });
-}, je = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), ke = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
+}, ke = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), we = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
@@ -61,8 +61,8 @@ const Je = /* @__PURE__ */ a("div")({
   class: "i1fbnvpb",
   propsAsIs: !1
 }), le = ({ indicator: e, title: t }) => /* @__PURE__ */ f(lt, { children: [
-  /* @__PURE__ */ s(ct, { children: t }),
-  /* @__PURE__ */ s(dt, { children: e })
+  /* @__PURE__ */ r(ct, { children: t }),
+  /* @__PURE__ */ r(dt, { children: e })
 ] }), ut = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "ctmhwyc",
@@ -76,8 +76,8 @@ const Je = /* @__PURE__ */ a("div")({
   class: "t8s05oq",
   propsAsIs: !1
 }), F = ({ indicator: e, title: t }) => /* @__PURE__ */ f(ut, { children: [
-  /* @__PURE__ */ s(pt, { children: e }),
-  /* @__PURE__ */ s(mt, { children: t })
+  /* @__PURE__ */ r(pt, { children: e }),
+  /* @__PURE__ */ r(mt, { children: t })
 ] }), ht = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1yrpn9o",
@@ -146,34 +146,34 @@ const Je = /* @__PURE__ */ a("div")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", we = ({
+}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Ce = ({
   avatar: e,
   name: t,
-  points: i,
-  friendsRank: n,
-  rank: r,
+  points: n,
+  friendsRank: i,
+  rank: s,
   streak: l,
   correct: c,
   incorrect: m,
   inTop: u,
   successRate: h
 }) => /* @__PURE__ */ f(ht, { children: [
-  /* @__PURE__ */ s(It, { children: /* @__PURE__ */ f(gt, { children: [
+  /* @__PURE__ */ r(It, { children: /* @__PURE__ */ f(gt, { children: [
     /* @__PURE__ */ f(kt, { children: [
-      e && /* @__PURE__ */ s(vt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(jt, { children: je(t || "") })
+      e && /* @__PURE__ */ r(vt, { alt: "avatar", src: e }),
+      !e && /* @__PURE__ */ r(jt, { children: ke(t || "") })
     ] }),
     /* @__PURE__ */ f(Mt, { children: [
-      /* @__PURE__ */ s(yt, { children: t }),
+      /* @__PURE__ */ r(yt, { children: t }),
       /* @__PURE__ */ f(Nt, { children: [
         /* @__PURE__ */ f(At, { children: [
-          /* @__PURE__ */ s(Tt, { alt: "rank-icon", src: wt }),
+          /* @__PURE__ */ r(Tt, { alt: "rank-icon", src: wt }),
           /* @__PURE__ */ f(Dt, { children: [
-            ke(i),
-            /* @__PURE__ */ s(St, { children: "PTS" })
+            we(n),
+            /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
-        /* @__PURE__ */ s(zt, {}),
+        /* @__PURE__ */ r(zt, {}),
         /* @__PURE__ */ f("div", { children: [
           "TOP ",
           u || 0,
@@ -184,26 +184,26 @@ const Je = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ f(ft, { children: [
     /* @__PURE__ */ f(xt, { children: [
-      /* @__PURE__ */ s(le, { indicator: n || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(le, { indicator: r || 0, title: "Global rank" })
+      /* @__PURE__ */ r(le, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ f(Ot, { children: [
-      /* @__PURE__ */ s(F, { indicator: l || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(F, { indicator: c || 0, title: "Correct" }),
-      /* @__PURE__ */ s(F, { indicator: m || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(F, { indicator: `${h || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ r(F, { indicator: l || 0, title: "Win streak" }),
+      /* @__PURE__ */ r(F, { indicator: c || 0, title: "Correct" }),
+      /* @__PURE__ */ r(F, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ r(F, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Ct = /* @__PURE__ */ a("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), $t = () => j, Lt = /* @__PURE__ */ a($t())({
+}), bt = () => j, Lt = /* @__PURE__ */ a(bt())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), bt = () => /* @__PURE__ */ s(Ct, {
-  children: /* @__PURE__ */ s(Lt, {
+}), $t = () => /* @__PURE__ */ r(Ct, {
+  children: /* @__PURE__ */ r(Lt, {
     name: "mastersLogo"
   })
 }), Et = /* @__PURE__ */ a("div")({
@@ -219,9 +219,9 @@ const Je = /* @__PURE__ */ a("div")({
   class: "dlaj9xp",
   propsAsIs: !1
 }), Ut = ({ title: e, description: t }) => /* @__PURE__ */ f(Et, { children: [
-  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(Rt, { children: e }),
-  /* @__PURE__ */ s(Qt, { children: t })
+  /* @__PURE__ */ r(j, { name: "icon-check-circle" }),
+  /* @__PURE__ */ r(Rt, { children: e }),
+  /* @__PURE__ */ r(Qt, { children: t })
 ] }), Pt = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16sbdnm",
@@ -253,32 +253,32 @@ const Je = /* @__PURE__ */ a("div")({
 }), Vt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
-  questionVoted: i,
-  questionType: n,
-  hasCorrectAnswer: r,
+  questionVoted: n,
+  questionType: i,
+  hasCorrectAnswer: s,
   questionStatus: l
 }) => {
-  const c = i && (n === x.TRIVIA || n === x.PREDICTION);
-  if (!c && l !== b.RESOLVED || l === b.RESOLVED && n === x.PREDICTION && !i)
+  const c = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!c && l !== L.RESOLVED || l === L.RESOLVED && i === x.PREDICTION && !n)
     return null;
-  const m = n === x.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = i === x.PREDICTION && !s, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Pt, { "data-isPrediction": m, children: [
-    l === b.RESOLVED && n === x.TRIVIA && !i && /* @__PURE__ */ f(R, { children: [
-      /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
+    l === L.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ f(R, { children: [
+      /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ f("div", { children: [
-        /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s(J, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(Wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
+        /* @__PURE__ */ r(Wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
     c && m && /* @__PURE__ */ f(R, { children: [
-      /* @__PURE__ */ s(qt, { name: "icon-prediction" }),
-      /* @__PURE__ */ s(J, { children: "Stay tuned to see if your prediction was correct." })
+      /* @__PURE__ */ r(qt, { name: "icon-prediction" }),
+      /* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    c && r && /* @__PURE__ */ f(R, { children: [
-      /* @__PURE__ */ s(ce, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ f(de, { children: [
-        /* @__PURE__ */ s(Yt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
-        /* @__PURE__ */ s(J, { children: h == null ? void 0 : h.description })
+    c && s && /* @__PURE__ */ f(R, { children: [
+      /* @__PURE__ */ r(ce, { "data-feedbackType": u, children: /* @__PURE__ */ r(j, { name: u }) }),
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ f(de, { children: [
+        /* @__PURE__ */ r(Yt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
+        /* @__PURE__ */ r(J, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
   ] });
@@ -318,15 +318,15 @@ const Je = /* @__PURE__ */ a("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), Ce = /* @__PURE__ */ a("img")({
+}), be = /* @__PURE__ */ a("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), tn = () => Ce, nn = /* @__PURE__ */ a(tn())({
+}), tn = () => be, nn = /* @__PURE__ */ a(tn())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), sn = () => Ce, rn = /* @__PURE__ */ a(sn())({
+}), sn = () => be, rn = /* @__PURE__ */ a(sn())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -347,34 +347,34 @@ const Je = /* @__PURE__ */ a("div")({
   class: "cu9kmlb",
   propsAsIs: !0
 }), ue = {
-  [U.CENTERED]: (e) => /* @__PURE__ */ s(nn, { alt: "option-icon", src: e }),
-  [U.TRANSPARENT]: (e) => /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(en, { style: { backgroundImage: `url(${e})` } }) }),
-  [U.ROUNDED]: (e) => /* @__PURE__ */ s(rn, { alt: "option-icon", src: e }),
-  [U.NONE]: () => null,
-  [U.UNSET]: () => null
-}, un = ({ questionType: e, hasCorrectAnswer: t, correct: i, youVoted: n, questionVoted: r }) => {
-  if (e === x.POLL && n)
+  [P.CENTERED]: (e) => /* @__PURE__ */ r(nn, { alt: "option-icon", src: e }),
+  [P.TRANSPARENT]: (e) => /* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r(en, { style: { backgroundImage: `url(${e})` } }) }),
+  [P.ROUNDED]: (e) => /* @__PURE__ */ r(rn, { alt: "option-icon", src: e }),
+  [P.NONE]: () => null,
+  [P.UNSET]: () => null
+}, un = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: s }) => {
+  if (e === x.POLL && i)
     return "correct";
   if (e === x.PREDICTION) {
-    if (t && r)
-      return n ? i ? "correct" : "incorrect" : "unset";
-    if (n)
+    if (t && s)
+      return i ? n ? "correct" : "incorrect" : "unset";
+    if (i)
       return "correct";
   }
-  return e === x.TRIVIA && r && n ? i ? "correct" : "incorrect" : "unset";
+  return e === x.TRIVIA && s && i ? n ? "correct" : "incorrect" : "unset";
 }, pn = ({
   questionType: e,
   questionVoted: t,
-  correct: i,
-  hasCorrectAnswer: n,
-  questionStatus: r
-}) => e === x.TRIVIA ? t && i : e === x.PREDICTION ? t && i && n || r === b.RESOLVED && i : !1, mn = (e) => {
+  correct: n,
+  hasCorrectAnswer: i,
+  questionStatus: s
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === L.RESOLVED && n : !1, mn = (e) => {
   var t;
   const {
     // option props
-    id: i,
-    icon: n,
-    text: r,
+    id: n,
+    icon: i,
+    text: s,
     percentageDecimal: l,
     // extra props
     onVote: c,
@@ -388,32 +388,32 @@ const Je = /* @__PURE__ */ a("div")({
     questionType: T,
     correct: D,
     hasCorrectAnswer: o
-  } = e, d = un(e), p = pn({ questionType: T, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === b.RESOLVED && T === x.PREDICTION, g = u || I;
+  } = e, d = un(e), p = pn({ questionType: T, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === L.RESOLVED && T === x.PREDICTION, g = u || I;
   return /* @__PURE__ */ f(
     Zt,
     {
-      value: i,
+      value: n,
       "data-selected": m,
       "data-answerState": d,
       disabled: u || v || N || I,
       "data-isNotChecked": u && !m && d !== "incorrect",
       onClick: c,
       children: [
-        /* @__PURE__ */ s(Jt, { "data-answerState": d, style: { width: `${g ? l : 0}%` } }),
+        /* @__PURE__ */ r(Jt, { "data-answerState": d, style: { width: `${g ? l : 0}%` } }),
         /* @__PURE__ */ f(Kt, { children: [
-          n && h && ((t = ue[h]) == null ? void 0 : t.call(ue, n)),
-          /* @__PURE__ */ s(on, { children: r }),
+          i && h && ((t = ue[h]) == null ? void 0 : t.call(ue, i)),
+          /* @__PURE__ */ r(on, { children: s }),
           g && /* @__PURE__ */ f(an, { children: [
-            p && /* @__PURE__ */ s(dn, { name: "selected" }),
-            /* @__PURE__ */ s(ln, { children: /* @__PURE__ */ s(ze, { value: l, suffix: "%" }) })
+            p && /* @__PURE__ */ r(dn, { name: "selected" }),
+            /* @__PURE__ */ r(ln, { children: /* @__PURE__ */ r(ze, { value: l, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
 };
-var pe = typeof window > "u" ? Ge : Ze, hn = ({ isPlaying: e, duration: t, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: l }) => {
-  let [c, m] = _(i), u = C(0), h = C(i), N = C(i * -1e3), M = C(null), v = C(null), T = C(null), D = (p) => {
+var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: l }) => {
+  let [c, m] = Q(n), u = w(0), h = w(n), N = w(n * -1e3), M = w(null), v = w(null), T = w(null), D = (p) => {
     let I = p / 1e3;
     if (v.current === null) {
       v.current = I, M.current = requestAnimationFrame(D);
@@ -421,47 +421,47 @@ var pe = typeof window > "u" ? Ge : Ze, hn = ({ isPlaying: e, duration: t, start
     }
     let g = I - v.current, S = u.current + g;
     v.current = I, u.current = S;
-    let y = h.current + (n === 0 ? S : (S / n | 0) * n), z = h.current + S, A = typeof t == "number" && z >= t;
+    let y = h.current + (i === 0 ? S : (S / i | 0) * i), z = h.current + S, A = typeof t == "number" && z >= t;
     m(A ? t : y), A || (M.current = requestAnimationFrame(D));
   }, o = () => {
     M.current && cancelAnimationFrame(M.current), T.current && clearTimeout(T.current), v.current = null;
   }, d = q((p) => {
     o(), u.current = 0;
-    let I = typeof p == "number" ? p : i;
+    let I = typeof p == "number" ? p : n;
     h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
-  }, [e, i]);
+  }, [e, n]);
   return pe(() => {
     if (l == null || l(c), t && c >= t) {
       N.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (r == null ? void 0 : r(N.current / 1e3)) || {};
+      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (s == null ? void 0 : s(N.current / 1e3)) || {};
       p && (T.current = setTimeout(() => d(g), I * 1e3));
     }
-  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: c, reset: d };
-}, In = (e, t, i) => {
-  let n = e / 2, r = t / 2, l = n - r, c = 2 * l, m = i === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
-  return { path: `m ${n},${r} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: u };
-}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, fn = (e) => ({ position: "relative", width: e, height: e }), gn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, $e = (e, t, i, n, r) => {
-  if (n === 0)
+  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: c, reset: d };
+}, In = (e, t, n) => {
+  let i = e / 2, s = t / 2, l = i - s, c = 2 * l, m = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
+  return { path: `m ${i},${s} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: u };
+}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, fn = (e) => ({ position: "relative", width: e, height: e }), gn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, n, i, s) => {
+  if (i === 0)
     return t;
-  let l = (r ? n - e : e) / n;
-  return t + i * l;
+  let l = (s ? i - e : e) / i;
+  return t + n * l;
 }, he = (e) => {
-  var t, i;
-  return (i = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, r, l, c) => `#${r}${r}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((n) => parseInt(n, 16))) != null ? i : [];
+  var t, n;
+  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, s, l, c) => `#${s}${s}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
 }, vn = (e, t) => {
-  var i;
-  let { colors: n, colorsTime: r, isSmoothColorTransition: l = !0 } = e;
-  if (typeof n == "string")
-    return n;
-  let c = (i = r == null ? void 0 : r.findIndex((v, T) => v >= t && t >= r[T + 1])) != null ? i : -1;
-  if (!r || c === -1)
-    return n[0];
+  var n;
+  let { colors: i, colorsTime: s, isSmoothColorTransition: l = !0 } = e;
+  if (typeof i == "string")
+    return i;
+  let c = (n = s == null ? void 0 : s.findIndex((v, T) => v >= t && t >= s[T + 1])) != null ? n : -1;
+  if (!s || c === -1)
+    return i[0];
   if (!l)
-    return n[c];
-  let m = r[c] - t, u = r[c] - r[c + 1], h = he(n[c]), N = he(n[c + 1]), M = !!e.isGrowing;
-  return `rgb(${h.map((v, T) => $e(m, v, N[T] - v, u, M) | 0).join(",")})`;
+    return i[c];
+  let m = s[c] - t, u = s[c] - s[c + 1], h = he(i[c]), N = he(i[c + 1]), M = !!e.isGrowing;
+  return `rgb(${h.map((v, T) => Le(m, v, N[T] - v, u, M) | 0).join(",")})`;
 }, Mn = (e) => {
-  let { duration: t, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: N, onUpdate: M } = e, v = C(), T = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(r, T, h), { elapsedTime: d } = hn({ isPlaying: m, duration: t, startAt: me(t, i), updateInterval: n, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: N, onUpdate: M } = e, v = w(), T = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(s, T, h), { elapsedTime: d } = hn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
     let g = Math.ceil(t - I);
     g !== v.current && (v.current = g, M(g));
   } : void 0, onComplete: typeof N == "function" ? (I) => {
@@ -470,31 +470,31 @@ var pe = typeof window > "u" ? Ge : Ze, hn = ({ isPlaying: e, duration: t, start
     if (S)
       return { shouldRepeat: S, delay: y, newStartAt: me(t, z) };
   } : void 0 }), p = t - d;
-  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: r, stroke: vn(e, p), strokeDashoffset: $e(d, 0, o, t, u), strokeWidth: l };
-}, Le = (e) => {
-  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: N, size: M, strokeWidth: v } = Mn(e);
-  return P.createElement("div", { style: fn(M) }, P.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, P.createElement("path", { d: l, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? v }), P.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && P.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: N, color: m })));
+  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: vn(e, p), strokeDashoffset: Le(d, 0, o, t, u), strokeWidth: l };
+}, $e = (e) => {
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: N, size: M, strokeWidth: v } = Mn(e);
+  return _.createElement("div", { style: fn(M) }, _.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, _.createElement("path", { d: l, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? v }), _.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && _.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: N, color: m })));
 };
-Le.displayName = "CountdownCircleTimer";
-const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRAY3], Nn = [10, 10, 1, 0], Tn = /* @__PURE__ */ a("div")({
+$e.displayName = "CountdownCircleTimer";
+const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRAY3], Nn = [10, 10, 1, 0], Tn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), An = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, Dn = L.NEUTRALS_GRAY3, Sn = ({
+}), An = b.SECONDARY_GREEN6, Ie = b.SECONDARY_RED3, Dn = b.NEUTRALS_GRAY3, Sn = ({
   isPlaying: e = !0,
   duration: t = 30,
-  onTimerExpired: i
+  onTimerExpired: n
 }) => {
-  const [n, r] = _(t > 10 ? An : Ie), l = ({
+  const [i, s] = Q(t > 10 ? An : Ie), l = ({
     remainingTime: u
-  }) => /* @__PURE__ */ s(Tn, {
+  }) => /* @__PURE__ */ r(Tn, {
     children: u
   }), c = q(() => {
-    i == null || i(), r(Dn);
-  }, [i, r]), m = q((u) => {
-    u === 10 && r(Ie);
-  }, [r]);
-  return /* @__PURE__ */ s(Le, {
+    n == null || n(), s(Dn);
+  }, [n, s]), m = q((u) => {
+    u === 10 && s(Ie);
+  }, [s]);
+  return /* @__PURE__ */ r($e, {
     isPlaying: e,
     duration: t,
     colors: yn,
@@ -502,7 +502,7 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: n,
+    trailColor: i,
     onComplete: c,
     onUpdate: m,
     children: l
@@ -531,52 +531,52 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ a("span")({
+}), bn = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
 }), Ln = ({
   title: e,
   points: t,
-  isPlayingTimer: i,
-  isTimer: n,
-  questionType: r,
+  isPlayingTimer: n,
+  isTimer: i,
+  questionType: s,
   timerDuration: l,
   onTimerExpired: c
 }) => /* @__PURE__ */ f(zn, { children: [
   /* @__PURE__ */ f(xn, { children: [
-    e && /* @__PURE__ */ s(On, { children: e }),
-    t !== void 0 && r !== x.POLL && /* @__PURE__ */ f(R, { children: [
-      /* @__PURE__ */ s(kn, { name: "icon-trophy" }),
+    e && /* @__PURE__ */ r(On, { children: e }),
+    t !== void 0 && s !== x.POLL && /* @__PURE__ */ f(R, { children: [
+      /* @__PURE__ */ r(kn, { name: "icon-trophy" }),
       /* @__PURE__ */ f(wn, { children: [
-        /* @__PURE__ */ s(Cn, { children: /* @__PURE__ */ s(ze, { value: t }) }),
-        /* @__PURE__ */ s($n, { children: "PTS" })
+        /* @__PURE__ */ r(Cn, { children: /* @__PURE__ */ r(ze, { value: t }) }),
+        /* @__PURE__ */ r(bn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  n && /* @__PURE__ */ s(Sn, { isPlaying: i, onTimerExpired: c, duration: l })
-] }), bn = ({ openedQuestion: e, isLoading: t, vote: i, close: n }) => {
-  var r, l;
-  const c = e.subject, m = e.type, u = (r = e.options) == null ? void 0 : r.options, [h, N] = _(!1), [M, v] = _(""), T = e == null ? void 0 : e.id, D = q(
+  i && /* @__PURE__ */ r(Sn, { isPlaying: n, onTimerExpired: c, duration: l })
+] }), $n = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  var s, l;
+  const c = e.subject, m = e.type, u = (s = e.options) == null ? void 0 : s.options, [h, N] = Q(!1), [M, v] = Q(""), T = e == null ? void 0 : e.id, D = q(
     async (A) => {
       if (T) {
         const O = A.currentTarget.value;
-        v(O), await i(T, O);
+        v(O), await n(T, O);
       }
     },
-    [T, v, i]
+    [T, v, n]
   ), o = q(() => {
-    N(!0), setTimeout(n, 3e3);
-  }, [n]), d = $(
+    N(!0), setTimeout(i, 3e3);
+  }, [i]), d = C(
     () => e == null ? void 0 : e.answers.find((A) => A.youVoted === !0),
     [e]
-  ), p = $(
+  ), p = C(
     () => !!(e != null && e.answers.find((A) => A.correct === !0)),
     [e]
-  ), I = $(
+  ), I = C(
     () => e == null ? void 0 : e.answers.find((A) => A.correct === !0),
     [e]
-  ), g = $(() => e ? e.answers.map((A) => {
+  ), g = C(() => e ? e.answers.map((A) => {
     var O;
     return {
       ...A,
@@ -591,14 +591,14 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
       // ToDo: Figure out why imageMode is not in the response
       onVote: D
     };
-  }) : [], [p, h, t, e, d, D, M]), S = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, y = $(() => {
-    if (e.status === b.RESOLVED)
+  }) : [], [p, h, t, e, d, D, M]), S = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, y = C(() => {
+    if (e.status === L.RESOLVED)
       return 0;
     if (!h)
       return d ? d.correct ? d.points : 0 : I == null ? void 0 : I.points;
-  }, [h, d, I, e.status]), z = $(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : d ? "You won" : "To win", [h, e.type, d]);
-  return /* @__PURE__ */ s(ie, { "data-question-header": "true", children: /* @__PURE__ */ s(Ft, { children: /* @__PURE__ */ f(Bt, { children: [
-    S && /* @__PURE__ */ s(
+  }, [h, d, I, e.status]), z = C(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : d ? "You won" : "To win", [h, e.type, d]);
+  return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(Ft, { children: /* @__PURE__ */ f(Bt, { children: [
+    S && /* @__PURE__ */ r(
       Vt,
       {
         feedbackMessages: S,
@@ -609,7 +609,7 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
         questionStatus: e.status
       }
     ),
-    e.type !== x.PREDICTION && /* @__PURE__ */ s(
+    e.type !== x.PREDICTION && /* @__PURE__ */ r(
       Ln,
       {
         title: z,
@@ -621,15 +621,15 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
         timerDuration: d ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
       }
     ),
-    h ? /* @__PURE__ */ s(
+    h ? /* @__PURE__ */ r(
       Ut,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
     ) : /* @__PURE__ */ f(R, { children: [
-      /* @__PURE__ */ s(Ht, { "data-isPrediction": e.type === x.PREDICTION, children: c }),
-      /* @__PURE__ */ s(Gt, { children: g.map((A) => /* @__PURE__ */ s(mn, { ...A }, A.id)) })
+      /* @__PURE__ */ r(Ht, { "data-isPrediction": e.type === x.PREDICTION, children: c }),
+      /* @__PURE__ */ r(Gt, { children: g.map((A) => /* @__PURE__ */ r(mn, { ...A }, A.id)) })
     ] })
   ] }) }) });
 }, En = /* @__PURE__ */ a("div")({
@@ -656,8 +656,8 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), be = ({ created: e, image: t, title: i, instantView: n }) => {
-  const r = $(() => {
+}), Ee = ({ created: e, image: t, title: n, instantView: i }) => {
+  const s = C(() => {
     if (e) {
       const c = new Date(e);
       if (at(c))
@@ -667,18 +667,18 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
         };
     }
     return null;
-  }, [e]), l = (n == null ? void 0 : n.image) || t;
+  }, [e]), l = (i == null ? void 0 : i.image) || t;
   return /* @__PURE__ */ f(En, { children: [
-    r && /* @__PURE__ */ f(Pn, { children: [
-      r.date,
+    s && /* @__PURE__ */ f(Pn, { children: [
+      s.date,
       " · ",
-      r.time
+      s.time
     ] }),
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ s(We, { source: n.video.url, poster: n.video.thumbnailUrl }),
-    l && /* @__PURE__ */ s(_n, { src: l }),
+    (i == null ? void 0 : i.video) && /* @__PURE__ */ r(Ve, { source: i.video.url, poster: i.video.thumbnailUrl }),
+    l && !(i != null && i.video) && /* @__PURE__ */ r(_n, { src: l }),
     /* @__PURE__ */ f(Rn, { children: [
-      /* @__PURE__ */ s(Qn, { children: (n == null ? void 0 : n.heading) || i }),
-      /* @__PURE__ */ s(Un, { children: n == null ? void 0 : n.body })
+      /* @__PURE__ */ r(Qn, { children: (i == null ? void 0 : i.heading) || n }),
+      /* @__PURE__ */ r(Un, { children: i == null ? void 0 : i.body })
     ] })
   ] });
 }, qn = /* @__PURE__ */ a("div")({
@@ -690,10 +690,10 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
   class: "w19zie3h",
   propsAsIs: !1
 }), Wn = ({ instantView: e, ...t }) => /* @__PURE__ */ f(qn, { children: [
-  /* @__PURE__ */ s(be, { instantView: e, ...t }),
+  /* @__PURE__ */ r(Ee, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ f(Yn, { 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__ */ r(j, { name: "icon-external-link" })
   ] })
 ] }), Vn = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
@@ -703,44 +703,44 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
   openedQuestion: e
 }) => {
   var t;
-  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__ */ r(Wn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
 }, Bn = ({
   extendedQuestion: e,
   vote: t,
-  close: i
+  close: n
 }) => {
   const {
-    loading: n,
-    data: r
+    loading: i,
+    data: s
   } = e;
-  return r ? /* @__PURE__ */ s(bn, {
+  return s ? /* @__PURE__ */ r($n, {
     vote: t,
-    close: i,
-    openedQuestion: r,
-    isLoading: !!n
+    close: n,
+    openedQuestion: s,
+    isLoading: !!i
   }) : null;
 }, Hn = ({
   gamification: e
 }) => {
   var t;
-  const i = w(e.openedQuestion.$store), n = w(e.openedQuestion.$extendedStore);
-  if (!i)
+  const n = $(e.openedQuestion.$store), i = $(e.openedQuestion.$extendedStore);
+  if (!n)
     return null;
-  const r = i.type;
+  const s = n.type;
   return /* @__PURE__ */ f(Vn, {
-    children: [/* @__PURE__ */ s(Oe, {
+    children: [/* @__PURE__ */ r(je, {
       close: e.closeQuestion,
-      type: ((t = i.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), r === "question" && /* @__PURE__ */ s(Bn, {
+      type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
+    }), s === "question" && /* @__PURE__ */ r(Bn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: n
-    }), r !== "question" && /* @__PURE__ */ s(Fn, {
-      openedQuestion: i
-    }), /* @__PURE__ */ s(bt, {
+      extendedQuestion: i
+    }), s !== "question" && /* @__PURE__ */ r(Fn, {
+      openedQuestion: n
+    }), /* @__PURE__ */ r($t, {
       sponsorLogo: ""
     })]
   });
@@ -762,12 +762,12 @@ const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRA
   propsAsIs: !1
 });
 var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
-const fe = ({ title: e, active: t, onClick: i }) => /* @__PURE__ */ s(Jn, { onClick: i, "data-selected": t, children: /* @__PURE__ */ s(Kn, { children: e }) }), Xn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Gn, { children: /* @__PURE__ */ f(Zn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(fe, { title: "Home", active: e === "home", onClick: () => t(
+const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Jn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Kn, { children: e }) }), Xn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Gn, { children: /* @__PURE__ */ f(Zn, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
-  /* @__PURE__ */ s(
+  /* @__PURE__ */ r(
     fe,
     {
       title: "Leader Board",
@@ -782,9 +782,9 @@ const fe = ({ title: e, active: t, onClick: i }) => /* @__PURE__ */ s(Jn, { onCl
 function te() {
   return te = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
-      var i = arguments[t];
-      for (var n in i)
-        Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]);
+      var n = arguments[t];
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
   }, te.apply(this, arguments);
@@ -795,8 +795,8 @@ function ge(e) {
   return e;
 }
 function ne(e, t) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
-    return n.__proto__ = r, n;
+  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+    return i.__proto__ = s, i;
   }, ne(e, t);
 }
 function ei(e, t) {
@@ -811,18 +811,18 @@ function ti(e, t) {
 function ni(e, t) {
   if (e.length !== t.length)
     return !1;
-  for (var i = 0; i < e.length; i++)
-    if (!ti(e[i], t[i]))
+  for (var n = 0; n < e.length; n++)
+    if (!ti(e[n], t[n]))
       return !1;
   return !0;
 }
 function K(e, t) {
   t === void 0 && (t = ni);
-  var i, n = [], r, l = !1;
+  var n, i = [], s, l = !1;
   function c() {
     for (var m = [], u = 0; u < arguments.length; u++)
       m[u] = arguments[u];
-    return l && i === this && t(m, n) || (r = e.apply(this, m), l = !0, i = this, n = m), r;
+    return l && n === this && t(m, i) || (s = e.apply(this, m), l = !0, n = this, i = m), s;
   }
   return c;
 }
@@ -835,38 +835,38 @@ function ye(e) {
   cancelAnimationFrame(e.id);
 }
 function si(e, t) {
-  var i = Me();
-  function n() {
-    Me() - i >= t ? e.call(null) : r.id = requestAnimationFrame(n);
+  var n = Me();
+  function i() {
+    Me() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
   }
-  var r = {
-    id: requestAnimationFrame(n)
+  var s = {
+    id: requestAnimationFrame(i)
   };
-  return r;
+  return s;
 }
 var X = -1;
 function Ne(e) {
   if (e === void 0 && (e = !1), X === -1 || e) {
-    var t = document.createElement("div"), i = t.style;
-    i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), X = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), X = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
   return X;
 }
 var E = null;
 function Te(e) {
   if (e === void 0 && (e = !1), E === null || e) {
-    var t = document.createElement("div"), i = t.style;
-    i.width = "50px", i.height = "50px", i.overflow = "scroll", i.direction = "rtl";
-    var n = document.createElement("div"), r = n.style;
-    return r.width = "100px", r.height = "100px", t.appendChild(n), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), 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"), s = i.style;
+    return s.width = "100px", s.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
   }
   return E;
 }
-var ri = 150, oi = function(t, i) {
+var ri = 150, oi = function(t, n) {
   return t;
 };
 function ai(e) {
-  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, r = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
   return t = /* @__PURE__ */ function(M) {
     ei(v, M);
     function v(D) {
@@ -895,7 +895,7 @@ function ai(e) {
         if (y.hasOwnProperty(d))
           z = y[d];
         else {
-          var A = i(o.props, d, o._instanceProps), O = r(o.props, d, o._instanceProps), k = I === "horizontal" || S === "horizontal", Y = I === "rtl", W = k ? A : 0;
+          var A = n(o.props, d, o._instanceProps), O = s(o.props, d, o._instanceProps), k = I === "horizontal" || S === "horizontal", Y = I === "rtl", W = k ? A : 0;
           y[d] = z = {
             position: "absolute",
             left: Y ? void 0 : W,
@@ -1012,30 +1012,30 @@ function ai(e) {
     }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, T.render = function() {
-      var o = this.props, d = o.children, p = o.className, I = o.direction, g = o.height, S = o.innerRef, y = o.innerElementType, z = o.innerTagName, A = o.itemCount, O = o.itemData, k = o.itemKey, Y = k === void 0 ? oi : k, W = o.layout, Ee = o.outerElementType, Re = o.outerTagName, Qe = o.style, Ue = o.useIsScrolling, Pe = o.width, se = this.state.isScrolling, G = I === "horizontal" || W === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Ye = re[1], oe = [];
+      var o = this.props, d = o.children, p = o.className, I = o.direction, g = o.height, S = o.innerRef, y = o.innerElementType, z = o.innerTagName, A = o.itemCount, O = o.itemData, k = o.itemKey, Y = k === void 0 ? oi : k, W = o.layout, Re = o.outerElementType, Qe = o.outerTagName, Ue = o.style, Pe = o.useIsScrolling, _e = o.width, se = this.state.isScrolling, G = I === "horizontal" || W === "horizontal", qe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Ye = re[0], We = re[1], oe = [];
       if (A > 0)
-        for (var Q = qe; Q <= Ye; Q++)
+        for (var U = Ye; U <= We; U++)
           oe.push(Z(d, {
             data: O,
-            key: Y(Q, O),
-            index: Q,
-            isScrolling: Ue ? se : void 0,
-            style: this._getItemStyle(Q)
+            key: Y(U, O),
+            index: U,
+            isScrolling: Pe ? se : void 0,
+            style: this._getItemStyle(U)
           }));
-      var ae = n(this.props, this._instanceProps);
-      return Z(Ee || Re || "div", {
+      var ae = i(this.props, this._instanceProps);
+      return Z(Re || Qe || "div", {
         className: p,
-        onScroll: _e,
+        onScroll: qe,
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
           height: g,
-          width: Pe,
+          width: _e,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: I
-        }, Qe)
+        }, Ue)
       }, Z(y || z || "div", {
         children: oe,
         ref: S,
@@ -1064,7 +1064,7 @@ function ai(e) {
       var z = c(this.props, y, this._instanceProps), A = m(this.props, z, y, this._instanceProps), O = !g || S === "backward" ? Math.max(1, p) : 1, k = !g || S === "forward" ? Math.max(1, p) : 1;
       return [Math.max(0, z - O), Math.max(0, Math.min(d - 1, A + k)), z, A];
     }, v;
-  }(xe), t.defaultProps = {
+  }(Oe), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1072,24 +1072,24 @@ function ai(e) {
     useIsScrolling: !1
   }, t;
 }
-var li = function(t, i) {
-  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, i.instance;
+var li = function(t, n) {
+  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
 }, ci = /* @__PURE__ */ ai({
-  getItemOffset: function(t, i) {
-    var n = t.itemSize;
-    return i * n;
+  getItemOffset: function(t, n) {
+    var i = t.itemSize;
+    return n * i;
   },
-  getItemSize: function(t, i) {
-    var n = t.itemSize;
-    return n;
+  getItemSize: function(t, n) {
+    var i = t.itemSize;
+    return i;
   },
   getEstimatedTotalSize: function(t) {
-    var i = t.itemCount, n = t.itemSize;
-    return n * i;
+    var n = t.itemCount, i = t.itemSize;
+    return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, i, n, r, l, c) {
-    var m = t.direction, u = t.height, h = t.itemCount, N = t.itemSize, M = t.layout, v = t.width, T = m === "horizontal" || M === "horizontal", D = T ? v : u, o = Math.max(0, h * N - D), d = Math.min(o, i * N), p = Math.max(0, i * N - D + N + c);
-    switch (n === "smart" && (r >= p - D && r <= d + D ? n = "auto" : n = "center"), n) {
+  getOffsetForIndexAndAlignment: function(t, n, i, s, l, c) {
+    var m = t.direction, u = t.height, h = t.itemCount, N = t.itemSize, M = t.layout, v = t.width, T = m === "horizontal" || M === "horizontal", D = T ? v : u, o = Math.max(0, h * N - D), d = Math.min(o, n * N), p = Math.max(0, n * N - D + N + c);
+    switch (i === "smart" && (s >= p - D && s <= d + D ? i = "auto" : i = "center"), i) {
       case "start":
         return d;
       case "end":
@@ -1100,18 +1100,18 @@ var li = function(t, i) {
       }
       case "auto":
       default:
-        return r >= p && r <= d ? r : r < p ? p : d;
+        return s >= p && s <= d ? s : s < p ? p : d;
     }
   },
-  getStartIndexForOffset: function(t, i) {
-    var n = t.itemCount, r = t.itemSize;
-    return Math.max(0, Math.min(n - 1, Math.floor(i / r)));
+  getStartIndexForOffset: function(t, n) {
+    var i = t.itemCount, s = t.itemSize;
+    return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
   },
-  getStopIndexForStartIndex: function(t, i, n) {
-    var r = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, N = r === "horizontal" || u === "horizontal", M = i * m, v = N ? h : l, T = Math.ceil((v + n - M) / m);
+  getStopIndexForStartIndex: function(t, n, i) {
+    var s = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, N = s === "horizontal" || u === "horizontal", M = n * m, v = N ? h : l, T = Math.ceil((v + i - M) / m);
     return Math.max(0, Math.min(
       c - 1,
-      i + T - 1
+      n + T - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1123,21 +1123,21 @@ var li = function(t, i) {
   }
 });
 function di(e) {
-  var t = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, n = e.startIndex, r = e.stopIndex;
-  return !(n > i || r < t);
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, s = e.stopIndex;
+  return !(i > n || s < t);
 }
 function ui(e) {
-  for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, r = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = r; h <= l; h++) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = s; h <= l; h++) {
     var N = t(h);
     N ? u !== null && (c.push(m, u), m = u = null) : (u = h, m === null && (m = h));
   }
   if (u !== null) {
-    for (var M = Math.min(Math.max(u, m + n - 1), i - 1), v = u + 1; v <= M && !t(v); v++)
+    for (var M = Math.min(Math.max(u, m + i - 1), n - 1), v = u + 1; v <= M && !t(v); v++)
       u = v;
     c.push(m, u);
   }
   if (c.length)
-    for (; c[1] - c[0] + 1 < n && c[0] > 0; ) {
+    for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
       var T = c[0] - 1;
       if (!t(T))
         c[0] = T;
@@ -1150,14 +1150,14 @@ var pi = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }, mi = function() {
-  function e(t, i) {
-    for (var n = 0; n < i.length; n++) {
-      var r = i[n];
-      r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
+  function e(t, n) {
+    for (var i = 0; i < n.length; i++) {
+      var s = n[i];
+      s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
     }
   }
-  return function(t, i, n) {
-    return i && e(t.prototype, i), n && e(t, n), t;
+  return function(t, n, i) {
+    return n && e(t.prototype, n), i && e(t, i), t;
   };
 }(), hi = function(e, t) {
   if (typeof t != "function" && t !== null)
@@ -1177,22 +1177,22 @@ var pi = function(e, t) {
 }, Ii = function(e) {
   hi(t, e);
   function t() {
-    var i, n, r, l;
+    var n, i, s, l;
     pi(this, t);
     for (var c = arguments.length, m = Array(c), u = 0; u < c; u++)
       m[u] = arguments[u];
-    return l = (n = (r = Ae(this, (i = t.__proto__ || Object.getPrototypeOf(t)).call.apply(i, [this].concat(m))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
+    return l = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(h) {
       var N = h.visibleStartIndex, M = h.visibleStopIndex;
-      r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(N, M);
-    }, r._setRef = function(h) {
-      r._listRef = h;
-    }, n), Ae(r, l);
+      s._lastRenderedStartIndex = N, s._lastRenderedStopIndex = M, s._ensureRowsLoaded(N, M);
+    }, s._setRef = function(h) {
+      s._listRef = h;
+    }, i), Ae(s, l);
   }
   return mi(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], n && 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",
@@ -1201,21 +1201,21 @@ var pi = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var n = this.props.children;
-      return n({
+      var i = this.props.children;
+      return i({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(n, r) {
+    value: function(i, s) {
       var l = this.props, c = l.isItemLoaded, m = l.itemCount, u = l.minimumBatchSize, h = u === void 0 ? 10 : u, N = l.threshold, M = N === void 0 ? 15 : N, v = ui({
         isItemLoaded: c,
         itemCount: m,
         minimumBatchSize: h,
-        startIndex: Math.max(0, n - M),
-        stopIndex: Math.min(m - 1, r + M)
+        startIndex: Math.max(0, i - M),
+        stopIndex: Math.min(m - 1, s + M)
       });
       (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(T, D) {
         return v[D] !== T;
@@ -1223,26 +1223,26 @@ var pi = function(e, t) {
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(n) {
-      for (var r = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
-        var N = n[h], M = n[h + 1], v = l(N, M);
+    value: function(i) {
+      for (var s = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
+        var N = i[h], M = i[h + 1], v = l(N, M);
         v != null && v.then(function() {
           if (di({
-            lastRenderedStartIndex: r._lastRenderedStartIndex,
-            lastRenderedStopIndex: r._lastRenderedStopIndex,
+            lastRenderedStartIndex: s._lastRenderedStartIndex,
+            lastRenderedStopIndex: s._lastRenderedStopIndex,
             startIndex: N,
             stopIndex: M
           })) {
-            if (r._listRef == null)
+            if (s._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());
+            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(N, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
           }
         });
-      }, m = 0; m < n.length; m += 2)
+      }, m = 0; m < i.length; m += 2)
         c(m);
     }
   }]), t;
-}(xe);
+}(Oe);
 const fi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
@@ -1278,21 +1278,21 @@ const fi = /* @__PURE__ */ a("div")({
 }), Si = ({
   rank: e,
   avatar: t,
-  name: i,
-  points: n,
-  isCurrentUser: r,
+  name: n,
+  points: i,
+  isCurrentUser: s,
   openItemDetail: l,
   style: c
 }) => /* @__PURE__ */ f(fi, { onClick: l, style: c, children: [
-  /* @__PURE__ */ s(gi, { children: e || 0 }),
+  /* @__PURE__ */ r(gi, { children: e || 0 }),
   /* @__PURE__ */ f(yi, { children: [
-    t ? /* @__PURE__ */ s(vi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Mi, { children: je(i || "") }),
+    t ? /* @__PURE__ */ r(vi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Mi, { children: ke(n || "") }),
     /* @__PURE__ */ f(Ni, { children: [
-      /* @__PURE__ */ s(Ti, { children: i || "" }),
-      r && /* @__PURE__ */ s(Di, { name: "icon-star" })
+      /* @__PURE__ */ r(Ti, { children: n || "" }),
+      s && /* @__PURE__ */ r(Di, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: ke(n) })
+  /* @__PURE__ */ r("div", { children: we(i) })
 ] }), zi = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
@@ -1300,29 +1300,29 @@ const fi = /* @__PURE__ */ a("div")({
 }), xi = ({
   items: e,
   currentUserId: t,
-  openItemDetail: i,
-  fetchMore: n
-}) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: l }) => /* @__PURE__ */ s(
+  openItemDetail: n,
+  fetchMore: i
+}) => /* @__PURE__ */ r(Fe, { children: ({ width: s, height: l }) => /* @__PURE__ */ r(
   Ii,
   {
     isItemLoaded: (c) => c < e.length,
     itemCount: e.length + 1,
-    loadMoreItems: n,
-    children: ({ onItemsRendered: c, ref: m }) => /* @__PURE__ */ s(zi, { children: /* @__PURE__ */ s(
+    loadMoreItems: i,
+    children: ({ onItemsRendered: c, ref: m }) => /* @__PURE__ */ r(zi, { children: /* @__PURE__ */ r(
       ci,
       {
         itemSize: 56,
         onItemsRendered: c,
         ref: m,
         itemCount: e.length,
-        width: r,
+        width: s,
         height: l,
-        children: ({ index: u, style: h }) => /* @__PURE__ */ s(
+        children: ({ index: u, style: h }) => /* @__PURE__ */ r(
           Si,
           {
             style: { ...h, maxHeight: 48 },
             ...e[u],
-            openItemDetail: () => i(e[u].userId),
+            openItemDetail: () => n(e[u].userId),
             isCurrentUser: !!t && t === e[u].userId
           },
           e[u].userId
@@ -1331,11 +1331,11 @@ const fi = /* @__PURE__ */ a("div")({
     ) })
   }
 ) }), Oi = ({ deepLink: e }) => {
-  const { data: t } = w(e.$store), i = t == null ? void 0 : t.url, n = e.desktopLink;
-  return /* @__PURE__ */ s(
-    Fe,
+  const { data: t } = $(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
+  return /* @__PURE__ */ r(
+    Be,
     {
-      inviteLink: i || n,
+      inviteLink: n || i,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1353,8 +1353,8 @@ const fi = /* @__PURE__ */ a("div")({
     }
   );
 }, ji = ({ gamification: e }) => {
-  const { data: t } = w(e.leaderboardList.$store);
-  return t != null && t.length ? /* @__PURE__ */ s(
+  const { data: t } = $(e.leaderboardList.$store);
+  return t != null && t.length ? /* @__PURE__ */ r(
     xi,
     {
       fetchMore: e.leaderboardList.fetchMore,
@@ -1362,7 +1362,7 @@ const fi = /* @__PURE__ */ a("div")({
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(Oi, { deepLink: e.deepLink });
+  ) : /* @__PURE__ */ r(Oi, { deepLink: e.deepLink });
 }, ki = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
@@ -1375,7 +1375,7 @@ const fi = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), $i = /* @__PURE__ */ a("div")({
+}), bi = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
@@ -1383,7 +1383,7 @@ const fi = /* @__PURE__ */ a("div")({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), bi = () => j, Ei = /* @__PURE__ */ a(bi())({
+}), $i = () => j, Ei = /* @__PURE__ */ a($i())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1400,16 +1400,16 @@ const fi = /* @__PURE__ */ a("div")({
   class: "p1pba9p1",
   propsAsIs: !1
 }), Pi = {
-  [V.LOST]: /* @__PURE__ */ s(B, { name: "incorrectVoted" }),
-  [V.WON]: /* @__PURE__ */ s(B, { name: "icon-check" }),
-  [V.UNSET]: /* @__PURE__ */ s(B, { name: "icon-arrow" }),
-  [V.DNP]: /* @__PURE__ */ s(B, { name: "icon-arrow" })
+  [V.LOST]: /* @__PURE__ */ r(B, { name: "incorrectVoted" }),
+  [V.WON]: /* @__PURE__ */ r(B, { name: "icon-check" }),
+  [V.UNSET]: /* @__PURE__ */ r(B, { name: "icon-arrow" }),
+  [V.DNP]: /* @__PURE__ */ r(B, { name: "icon-arrow" })
 }, _i = ({
   questionId: e,
   questionType: t,
-  questionStatus: i,
-  subject: n,
-  openForVoting: r,
+  questionStatus: n,
+  subject: i,
+  openForVoting: s,
   openQuestion: l,
   status: c
 }) => {
@@ -1417,7 +1417,7 @@ const fi = /* @__PURE__ */ a("div")({
   return m ? /* @__PURE__ */ f(ki, { onClick: () => l == null ? void 0 : l(e), children: [
     /* @__PURE__ */ f(Qi, { children: [
       /* @__PURE__ */ f(wi, { children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           Ei,
           {
             "data-type-trivia": t === x.TRIVIA,
@@ -1427,12 +1427,12 @@ const fi = /* @__PURE__ */ a("div")({
         ),
         /* @__PURE__ */ f(Ri, { children: [
           m.label,
-          t === x.TRIVIA && i === b.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === L.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(Ci, { children: n || "" })
+      /* @__PURE__ */ r(Ci, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s($i, { children: r ? /* @__PURE__ */ s(Ui, { children: "Play" }) : u })
+    /* @__PURE__ */ r(bi, { children: s ? /* @__PURE__ */ r(Ui, { children: "Play" }) : u })
   ] }) : null;
 }, qi = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1445,36 +1445,43 @@ const fi = /* @__PURE__ */ a("div")({
 }), Wi = ({
   openInsight: e,
   questionId: t,
-  ...i
+  ...n
 }) => /* @__PURE__ */ f(qi, { children: [
-  /* @__PURE__ */ s(be, { questionId: t, ...i }),
-  e && /* @__PURE__ */ s(Yi, { onClick: () => e(t), children: "View Insight" })
+  /* @__PURE__ */ r(Ee, { questionId: t, ...n }),
+  e && /* @__PURE__ */ r(Yi, { onClick: () => e(t), children: "View Insight" })
 ] }), Vi = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Fi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vi, { children: e == null ? void 0 : e.map((i) => {
-  var n, r;
-  if (i.type === "question" && ((n = i.attributes) == null ? void 0 : n.attributes.case) === "question") {
-    const l = i.attributes.attributes.value;
-    return /* @__PURE__ */ s(_i, { openQuestion: t, ...l }, l.questionId);
+}), Fi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Vi, { children: e == null ? void 0 : e.map((n) => {
+  var i, s;
+  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
+    const l = n.attributes.attributes.value;
+    return /* @__PURE__ */ r(_i, { openQuestion: t, ...l }, l.questionId);
   }
-  if (i.type === "insight" && ((r = i.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const l = i.attributes.attributes.value;
-    return /* @__PURE__ */ s(Wi, { openInsight: t, ...l }, l.questionId);
+  if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
+    const l = n.attributes.attributes.value;
+    return /* @__PURE__ */ r(Wi, { openInsight: t, ...l }, l.questionId);
   }
   return null;
 }) }), Bi = ({ store: e, openQuestion: t }) => {
-  const i = w(e);
-  return i != null && i.data ? /* @__PURE__ */ s(Fi, { openQuestion: t, questions: i.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+  const n = $(e);
+  return n != null && n.data ? /* @__PURE__ */ r(Fi, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
 }, Hi = ({ userSummary: e }) => {
-  var t, i;
-  const n = w(e.getStore());
-  return (t = n.data) != null && t.summary ? /* @__PURE__ */ s(we, { ...n.data.summary, successRate: (i = n.data.percentage) == null ? void 0 : i.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+  var t;
+  const [n, i] = Q(void 0);
+  return xe(() => {
+    const s = e.subscribe((l) => {
+      l != null && l.data && i(l.data);
+    });
+    return () => {
+      s();
+    };
+  }, [e]), n != null && n.summary ? /* @__PURE__ */ r(Ce, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
 }, Gi = ({
   gamification: e
 }) => {
-  const [t, i] = _(H.HOME);
+  const [t, n] = Q(H.HOME);
   return /* @__PURE__ */ f("div", {
     style: {
       height: "100%",
@@ -1482,36 +1489,36 @@ const fi = /* @__PURE__ */ a("div")({
       flexDirection: "column",
       overflow: "hidden"
     },
-    children: [/* @__PURE__ */ s(ee, {
+    children: [/* @__PURE__ */ r(ee, {
       style: {
         paddingBottom: "4px"
       },
-      children: /* @__PURE__ */ s(Xn, {
+      children: /* @__PURE__ */ r(Xn, {
         activePage: t,
-        toggleActivePage: i
+        toggleActivePage: n
       })
     }), t === H.HOME && /* @__PURE__ */ f(ie, {
-      children: [/* @__PURE__ */ s(ee, {
+      children: [/* @__PURE__ */ r(ee, {
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(Hi, {
+        children: /* @__PURE__ */ r(Hi, {
           userSummary: e.userSummary
         })
-      }), /* @__PURE__ */ s(Be, {
-        children: /* @__PURE__ */ s(Bi, {
+      }), /* @__PURE__ */ r(He, {
+        children: /* @__PURE__ */ r(Bi, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
-    }), t === H.LEADERBOARD && /* @__PURE__ */ s("div", {
+    }), t === H.LEADERBOARD && /* @__PURE__ */ r("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(ji, {
+      children: /* @__PURE__ */ r(ji, {
         gamification: e
       })
     })]
   });
-}, Zi = () => He, De = /* @__PURE__ */ a(Zi())({
+}, Zi = () => Ge, De = /* @__PURE__ */ a(Zi())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
@@ -1523,36 +1530,36 @@ const fi = /* @__PURE__ */ a("div")({
   correct: e,
   incorrect: t
 }) => {
-  const i = e + t;
-  return i === 0 ? 0 : Math.round(e / i * 100);
+  const n = e + t;
+  return n === 0 ? 0 : Math.round(e / n * 100);
 }, ns = ({
   gamification: e,
   className: t
 }) => {
-  const i = w(e.openedQuestion.$store), n = w(e.openedUser);
+  const n = $(e.openedQuestion.$store), i = $(e.openedUser);
   return /* @__PURE__ */ f(R, {
-    children: [i && /* @__PURE__ */ s(De, {
+    children: [n && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ s(Hn, {
+      children: /* @__PURE__ */ r(Hn, {
         gamification: e
       })
-    }), n && /* @__PURE__ */ s(De, {
+    }), i && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ f(Ji, {
-        children: [/* @__PURE__ */ s(Oe, {
+        children: [/* @__PURE__ */ r(je, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ s(ee, {
-          children: /* @__PURE__ */ s(we, {
-            ...n,
-            successRate: Ki(n)
+        }), /* @__PURE__ */ r(ee, {
+          children: /* @__PURE__ */ r(Ce, {
+            ...i,
+            successRate: Ki(i)
           })
         })]
       })
-    }), /* @__PURE__ */ s(ie, {
+    }), /* @__PURE__ */ r(ie, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ s(Gi, {
+      children: /* @__PURE__ */ r(Gi, {
         gamification: e
       })
     })]