@streamlayer/react 0.33.1 → 0.33.2

package/lib/es/gamification-feature.js

@@ -1,14 +1,14 @@
-import { jsxs as m, jsx as s, Fragment as k } from "react/jsx-runtime";
-import { s as o, r as C } from "./index4.js";
+import { jsxs as p, jsx as s, Fragment as L } from "react/jsx-runtime";
+import { s as o, r as w } from "./index4.js";
 import { useStore as _ } from "@nanostores/react";
-import { o as ke, r as me, w as We, u as we, A as Fe, O as Be, c as He, a as ce, n as Ge, f as Ze } from "./masters2.js";
-import { QuestionType as z, QuestionStatus as U, QuestionImages as B, PickHistoryStatus as K } from "@streamlayer/sdk-web-types";
-import { useState as E, useCallback as P, useEffect as he, useMemo as w, createElement as re, PureComponent as Ee, useRef as de, useTransition as Je } from "react";
-import { d as Le } from "./index3.js";
+import { o as Ee, r as Ie, w as We, u as Le, A as Fe, O as Be, c as He, a as de, n as Ge, f as Ze } from "./masters2.js";
+import { QuestionType as y, QuestionStatus as R, QuestionImages as B, PickHistoryStatus as X } from "@streamlayer/sdk-web-types";
+import { useState as $, useCallback as q, useEffect as fe, useMemo as E, createElement as oe, PureComponent as $e, useRef as ue, useTransition as Je } from "react";
+import { d as pe } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as Ke } from "react-countdown-circle-timer";
-import { E as q } from "./index2.js";
-import $e from "lodash.throttle";
+import { E as P } from "./index2.js";
+import Re from "lodash.throttle";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -21,7 +21,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "QuestionTypeWrap",
   class: "qyktpt0",
   propsAsIs: !1
-}), tt = () => C, nt = /* @__PURE__ */ o(tt())({
+}), tt = () => w, nt = /* @__PURE__ */ o(tt())({
   name: "QuestionTypeIcon",
   class: "q951jdx",
   propsAsIs: !0
@@ -33,19 +33,19 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), rt = () => C, ot = /* @__PURE__ */ o(rt())({
+}), rt = () => w, ot = /* @__PURE__ */ o(rt())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), Re = ({ type: e, close: t, label: n }) => {
-  const i = e ? ke[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ m(Xe, { children: [
-    /* @__PURE__ */ m(et, { children: [
+}), Qe = ({ type: e, close: t, label: n }) => {
+  const i = e ? Ee[e] : { label: n, iconName: void 0 };
+  return /* @__PURE__ */ p(Xe, { children: [
+    /* @__PURE__ */ p(et, { children: [
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
         nt,
         {
-          "data-type-trivia": e === z.TRIVIA,
-          "data-type-poll": e === z.POLL,
+          "data-type-trivia": e === y.TRIVIA,
+          "data-type-poll": e === y.POLL,
           name: i.iconName
         }
       ),
@@ -53,14 +53,14 @@ const Xe = /* @__PURE__ */ o("div")({
     ] }),
     /* @__PURE__ */ s(it, { onClick: t, children: /* @__PURE__ */ s(ot, { name: "icon-cross" }) })
   ] });
-}, Qe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Ue = (e) => e ? e.toLocaleString("en-US") : "0", Ie = (e) => e.toLocaleDateString("en-US", {
+}, Ue = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Pe = (e) => e ? e.toLocaleString("en-US") : "0", ge = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
-}), fe = (e) => e.toLocaleTimeString("en-US", {
+}), ve = (e) => e.toLocaleTimeString("en-US", {
   hour: "2-digit",
   minute: "2-digit"
-}), ge = (e) => !isNaN(e.getTime()), at = /* @__PURE__ */ o("div")({
+}), Me = (e) => !isNaN(e.getTime()), at = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1zy8a",
   propsAsIs: !1
@@ -72,7 +72,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), Ae = ({ indicator: e, title: t }) => /* @__PURE__ */ m(at, { children: [
+}), Ae = ({ indicator: e, title: t }) => /* @__PURE__ */ p(at, { children: [
   /* @__PURE__ */ s(lt, { children: t }),
   /* @__PURE__ */ s(ct, { children: e })
 ] }), dt = /* @__PURE__ */ o("div")({
@@ -87,7 +87,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), X = ({ indicator: e, title: t }) => /* @__PURE__ */ m(dt, { children: [
+}), ee = ({ indicator: e, title: t }) => /* @__PURE__ */ p(dt, { children: [
   /* @__PURE__ */ s(ut, { children: e }),
   /* @__PURE__ */ s(pt, { children: t })
 ] }), mt = /* @__PURE__ */ o("div")({
@@ -118,7 +118,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "UserName",
   class: "u1q6roj0",
   propsAsIs: !1
-}), At = /* @__PURE__ */ o("div")({
+}), Tt = /* @__PURE__ */ o("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
@@ -126,7 +126,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "TrophyIcon",
   class: "t1el3mrn",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ o("div")({
+}), At = /* @__PURE__ */ o("div")({
   name: "Rts",
   class: "r2vgnxv",
   propsAsIs: !1
@@ -164,58 +164,58 @@ const Xe = /* @__PURE__ */ o("div")({
   points: n,
   friendsRank: i,
   rank: r,
-  streak: d,
-  correct: p,
+  streak: c,
+  correct: m,
   incorrect: l,
-  inTop: c,
+  inTop: d,
   successRate: I
-}) => /* @__PURE__ */ m(mt, { children: [
-  /* @__PURE__ */ s(ht, { children: /* @__PURE__ */ m(ft, { children: [
-    /* @__PURE__ */ m(bt, { children: [
+}) => /* @__PURE__ */ p(mt, { children: [
+  /* @__PURE__ */ s(ht, { children: /* @__PURE__ */ p(ft, { children: [
+    /* @__PURE__ */ p(bt, { children: [
       e && /* @__PURE__ */ s(gt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(Ot, { children: Qe(t || "") })
+      !e && /* @__PURE__ */ s(Ot, { children: Ue(t || "") })
     ] }),
-    /* @__PURE__ */ m(vt, { children: [
+    /* @__PURE__ */ p(vt, { children: [
       /* @__PURE__ */ s(Mt, { children: t }),
-      /* @__PURE__ */ m(At, { children: [
-        /* @__PURE__ */ m(Tt, { children: [
+      /* @__PURE__ */ p(Tt, { children: [
+        /* @__PURE__ */ p(At, { children: [
           /* @__PURE__ */ s(Nt, { alt: "rank-icon", src: Ct }),
-          /* @__PURE__ */ m(yt, { children: [
-            Ue(n),
+          /* @__PURE__ */ p(yt, { children: [
+            Pe(n),
             /* @__PURE__ */ s(Dt, { children: "PTS" })
           ] })
         ] }),
         /* @__PURE__ */ s(St, {}),
-        /* @__PURE__ */ m("div", { children: [
+        /* @__PURE__ */ p("div", { children: [
           "TOP ",
-          c || 0,
+          d || 0,
           "%"
         ] })
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ m(It, { children: [
-    /* @__PURE__ */ m(zt, { children: [
+  /* @__PURE__ */ p(It, { children: [
+    /* @__PURE__ */ p(zt, { children: [
       /* @__PURE__ */ s(Ae, { indicator: i || 0, title: "Friends rank" }),
       /* @__PURE__ */ s(Ae, { indicator: r || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ m(xt, { children: [
-      /* @__PURE__ */ s(X, { indicator: d || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(X, { indicator: p || 0, title: "Correct" }),
-      /* @__PURE__ */ s(X, { indicator: l || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(X, { indicator: `${I || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ p(xt, { children: [
+      /* @__PURE__ */ s(ee, { indicator: c || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(ee, { indicator: m || 0, title: "Correct" }),
+      /* @__PURE__ */ s(ee, { indicator: l || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(ee, { indicator: `${I || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), jt = /* @__PURE__ */ o("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), kt = () => C, wt = /* @__PURE__ */ o(kt())({
+}), wt = () => w, kt = /* @__PURE__ */ o(wt())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
 }), Et = () => /* @__PURE__ */ s(jt, {
-  children: /* @__PURE__ */ s(wt, {
+  children: /* @__PURE__ */ s(kt, {
     name: "mastersLogo"
   })
 }), Lt = /* @__PURE__ */ o("div")({
@@ -230,15 +230,15 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), Qt = ({ title: e, description: t }) => /* @__PURE__ */ m(Lt, { children: [
-  /* @__PURE__ */ s(C, { name: "icon-check-circle" }),
+}), Qt = ({ title: e, description: t }) => /* @__PURE__ */ p(Lt, { children: [
+  /* @__PURE__ */ s(w, { name: "icon-check-circle" }),
   /* @__PURE__ */ s($t, { children: e }),
   /* @__PURE__ */ s(Rt, { children: t })
 ] }), Ut = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), qt = () => C, Pt = /* @__PURE__ */ o(qt())({
+}), Pt = () => w, qt = /* @__PURE__ */ o(Pt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
@@ -246,7 +246,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "FeedbackIconWrap",
   class: "f1g20ja7",
   propsAsIs: !1
-}), ee = /* @__PURE__ */ o("div")({
+}), te = /* @__PURE__ */ o("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
@@ -258,7 +258,7 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ o("div")({
+}), ae = /* @__PURE__ */ o("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
@@ -268,53 +268,53 @@ const Xe = /* @__PURE__ */ o("div")({
   questionVoted: n,
   questionType: i,
   hasCorrectAnswer: r,
-  questionStatus: d,
-  showExpiredNotification: p,
+  questionStatus: c,
+  showExpiredNotification: m,
   showClosedNotificationTrivia: l,
-  votedInCurrentRender: c,
+  votedInCurrentRender: d,
   votedAfterQuestionClosed: I,
-  enteredAnActiveQuestion: M,
+  enteredAnActiveQuestion: g,
   marketClosed: S
 }) => {
-  const g = n && (i === z.TRIVIA || i === z.PREDICTION) && c && d !== U.RESOLVED, N = i === z.PREDICTION && !r, y = S && i === z.PREDICTION && !n && !M || i === z.PREDICTION && I && c && M, a = g && N, h = g && r, u = i === z.PREDICTION && n && c && r, f = n && i === z.POLL && c;
-  if (!p && !l && !a && !h && !y && !f && !u)
+  const v = n && (i === y.TRIVIA || i === y.PREDICTION) && d && c !== R.RESOLVED, N = i === y.PREDICTION && !r, z = S && i === y.PREDICTION && !n && !g || i === y.PREDICTION && I && d && g, a = v && N, h = v && r, u = i === y.PREDICTION && n && d && r, f = n && i === y.POLL && d;
+  if (!m && !l && !a && !h && !z && !f && !u)
     return null;
-  const v = t ? "correct" : "incorrect", T = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
-  return /* @__PURE__ */ m(Ut, { "data-isPrediction": N, children: [
-    p && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(oe, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+  const M = t ? "correct" : "incorrect", D = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
+  return /* @__PURE__ */ p(Ut, { "data-isPrediction": N, children: [
+    m && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(w, { name: "questionExpired" }) }),
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(Y, { children: "Question Expired" }) }),
+        /* @__PURE__ */ s(ae, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    l && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(oe, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
+    l && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(w, { name: "questionExpired" }) }),
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(ae, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    y && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(oe, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+    z && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(w, { name: "questionExpired" }) }),
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
+        /* @__PURE__ */ s(ae, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    a && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(Pt, { name: "icon-prediction" }),
+    a && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(qt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(Y, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    f && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(H, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(C, { name: "correct" }) }),
+    f && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(H, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(w, { name: "correct" }) }),
       /* @__PURE__ */ s(Y, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
-    (h || u) && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(H, { "data-feedbackType": v, children: /* @__PURE__ */ s(C, { name: v }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(ee, { children: [
-        /* @__PURE__ */ s(_t, { "data-feedbackType": v, children: T == null ? void 0 : T.title }),
-        /* @__PURE__ */ s(Y, { children: T == null ? void 0 : T.description })
+    (h || u) && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(H, { "data-feedbackType": M, children: /* @__PURE__ */ s(w, { name: M }) }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(te, { children: [
+        /* @__PURE__ */ s(_t, { "data-feedbackType": M, children: D == null ? void 0 : D.title }),
+        /* @__PURE__ */ s(Y, { children: D == null ? void 0 : D.description })
       ] }) })
     ] })
   ] });
@@ -354,15 +354,15 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), Pe = /* @__PURE__ */ o("img")({
+}), _e = /* @__PURE__ */ o("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), Xt = () => Pe, en = /* @__PURE__ */ o(Xt())({
+}), Xt = () => _e, en = /* @__PURE__ */ o(Xt())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), tn = () => Pe, nn = /* @__PURE__ */ o(tn())({
+}), tn = () => _e, nn = /* @__PURE__ */ o(tn())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -375,247 +375,265 @@ const Xe = /* @__PURE__ */ o("div")({
   class: "i116q4vq",
   propsAsIs: !1
 }), on = /* @__PURE__ */ o("span")({
-  name: "Percentage",
+  name: "Pts",
   class: "p17ajcu2",
   propsAsIs: !1
-}), an = () => C, ln = /* @__PURE__ */ o(an())({
+}), an = /* @__PURE__ */ o("span")({
+  name: "Percentage",
+  class: "pu9kmlb",
+  propsAsIs: !1
+}), ln = () => w, cn = /* @__PURE__ */ o(ln())({
   name: "CheckIcon",
-  class: "cu9kmlb",
+  class: "c1j2j0s0",
   propsAsIs: !0
-}), Ne = {
+}), ye = {
   [B.CENTERED]: (e) => /* @__PURE__ */ s(en, { alt: "option-icon", src: e }),
   [B.TRANSPARENT]: (e) => /* @__PURE__ */ s(Jt, { children: /* @__PURE__ */ s(Kt, { style: { backgroundImage: `url(${e})` } }) }),
   [B.ROUNDED]: (e) => /* @__PURE__ */ s(nn, { alt: "option-icon", src: e }),
   [B.NONE]: () => null,
   [B.UNSET]: () => null
-}, cn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
-  if (e === z.POLL && i)
+}, dn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
+  if (e === y.POLL && i)
     return "correct";
-  if (e === z.PREDICTION) {
+  if (e === y.PREDICTION) {
     if (t && r)
       return i ? n ? "correct" : "incorrect" : "unset";
     if (i)
       return "correct";
   }
-  return e === z.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
-}, dn = ({
+  return e === y.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
+}, un = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === U.RESOLVED && n : !1, un = (e) => {
+}) => e === y.TRIVIA ? t && n : e === y.PREDICTION ? t && n && i || r === R.RESOLVED && n : !1, pn = (e) => {
   var t;
   const {
     // option props
     id: n,
     icon: i,
     text: r,
-    percentageDecimal: d,
+    percentageDecimal: c,
+    points: m,
     // extra props
-    onVote: p,
-    markThatVoted: l,
-    youSelected: c,
-    questionVoted: I,
-    // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: M,
-    answerTimeExpired: S,
-    questionStatus: g,
-    isLoading: N,
-    questionType: y,
-    correct: a,
-    hasCorrectAnswer: h,
-    votedAfterQuestionClosed: u,
-    enteredAnActiveQuestion: f,
-    marketClosed: v
-  } = e, T = cn(e), A = dn({ questionType: y, questionVoted: I, correct: a, hasCorrectAnswer: h, questionStatus: g }), D = v && y === z.PREDICTION, O = I || D;
-  return /* @__PURE__ */ m(
+    onVote: l,
+    markThatVoted: d,
+    youSelected: I,
+    questionVoted: g,
+    imageMode: S,
+    answerTimeExpired: v,
+    questionStatus: N,
+    isLoading: z,
+    questionType: a,
+    correct: h,
+    hasCorrectAnswer: u,
+    votedAfterQuestionClosed: f,
+    enteredAnActiveQuestion: M,
+    marketClosed: D
+  } = e, T = dn(e), x = un({ questionType: a, questionVoted: g, correct: h, hasCorrectAnswer: u, questionStatus: N }), O = D && a === y.PREDICTION, k = g || O, A = a === y.PREDICTION && !g && N !== R.RESOLVED;
+  return /* @__PURE__ */ p(
     Ht,
     {
       value: n,
-      "data-selected": c,
+      "data-selected": I,
       "data-answerState": T,
-      disabled: I || N || S || D && !f || D && f && u,
-      "data-isNotChecked": I && !c && T !== "incorrect",
-      onClick: (j) => {
-        l(
-          y === z.PREDICTION ? v : g === U.RESOLVED
-        ), p(j);
+      disabled: g || z || v || O && !M || O && M && f,
+      "data-isNotChecked": g && !I && T !== "incorrect",
+      onClick: (b) => {
+        d(
+          a === y.PREDICTION ? D : N === R.RESOLVED
+        ), l(b);
       },
       children: [
-        /* @__PURE__ */ s(Gt, { "data-answerState": T, style: { width: `${O ? d : 0}%` } }),
-        /* @__PURE__ */ m(Zt, { children: [
-          i && M && ((t = Ne[M]) == null ? void 0 : t.call(Ne, i)),
+        /* @__PURE__ */ s(Gt, { "data-answerState": T, style: { width: `${k ? c : 0}%` } }),
+        /* @__PURE__ */ p(Zt, { children: [
+          i && S && ((t = ye[S]) == null ? void 0 : t.call(ye, i)),
           /* @__PURE__ */ s(sn, { children: r }),
-          O && /* @__PURE__ */ m(rn, { children: [
-            A && /* @__PURE__ */ s(ln, { name: "selected" }),
-            /* @__PURE__ */ s(on, { children: /* @__PURE__ */ s(Le, { value: d, suffix: "%" }) })
+          A && /* @__PURE__ */ p("div", { children: [
+            /* @__PURE__ */ s(pe, { value: m }),
+            /* @__PURE__ */ s(on, { children: "pts" })
+          ] }),
+          k && /* @__PURE__ */ p(rn, { children: [
+            x && /* @__PURE__ */ s(cn, { name: "selected" }),
+            /* @__PURE__ */ s(an, { children: /* @__PURE__ */ s(pe, { value: c, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
-}, pn = [q.PRIMARY_GREEN1, q.SECONDARY_RED1, q.SECONDARY_RED1, q.NEUTRALS_GRAY3], mn = [10, 10, 1, 0], hn = /* @__PURE__ */ o("div")({
+}, mn = [P.PRIMARY_GREEN1, P.SECONDARY_RED1, P.SECONDARY_RED1, P.NEUTRALS_GRAY3], hn = [10, 10, 1, 0], In = /* @__PURE__ */ o("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), In = q.SECONDARY_GREEN6, Te = q.SECONDARY_RED3, fn = q.NEUTRALS_GRAY3, gn = ({
+}), fn = P.SECONDARY_GREEN6, De = P.SECONDARY_RED3, gn = P.NEUTRALS_GRAY3, vn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, r] = E(t > 10 ? In : Te), d = ({
-    remainingTime: c
-  }) => /* @__PURE__ */ s(hn, {
-    children: c
-  }), p = P(() => {
-    n == null || n(), r(fn);
-  }, [n, r]), l = P((c) => {
-    c === 10 && r(Te);
+  const [i, r] = $(t > 10 ? fn : De), c = ({
+    remainingTime: d
+  }) => /* @__PURE__ */ s(In, {
+    children: d
+  }), m = q(() => {
+    n == null || n(), r(gn);
+  }, [n, r]), l = q((d) => {
+    d === 10 && r(De);
   }, [r]);
   return /* @__PURE__ */ s(Ke, {
     isPlaying: e,
     duration: t,
-    colors: pn,
-    colorsTime: mn,
+    colors: mn,
+    colorsTime: hn,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: p,
+    onComplete: m,
     onUpdate: l,
-    children: d
+    children: c
   });
-}, vn = /* @__PURE__ */ o("div")({
+}, Mn = /* @__PURE__ */ o("div")({
   name: "WinBarContainer",
   class: "wie6cqo",
   propsAsIs: !1
-}), Mn = /* @__PURE__ */ o("div")({
+}), Tn = /* @__PURE__ */ o("div")({
   name: "Content",
   class: "cgizw4u",
   propsAsIs: !1
-}), An = /* @__PURE__ */ o("div")({
+}), Nn = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), Nn = () => C, Tn = /* @__PURE__ */ o(Nn())({
+}), An = () => w, yn = /* @__PURE__ */ o(An())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
-}), yn = /* @__PURE__ */ o("div")({
+}), Dn = /* @__PURE__ */ o("div")({
   name: "Points",
   class: "p4lwuj0",
   propsAsIs: !1
-}), Dn = /* @__PURE__ */ o("span")({
+}), Sn = /* @__PURE__ */ o("span")({
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), Sn = /* @__PURE__ */ o("span")({
+}), zn = /* @__PURE__ */ o("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), zn = ({
+}), xn = ({
   title: e,
   points: t,
   isPlayingTimer: n,
   isTimer: i,
   questionType: r,
-  timerDuration: d,
-  onTimerExpired: p
-}) => /* @__PURE__ */ m(vn, { children: [
-  /* @__PURE__ */ m(Mn, { children: [
-    e && /* @__PURE__ */ s(An, { children: e }),
-    t !== void 0 && r !== z.POLL && /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(Tn, { name: "icon-trophy" }),
-      /* @__PURE__ */ m(yn, { children: [
-        /* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(Le, { value: t }) }),
-        /* @__PURE__ */ s(Sn, { children: "PTS" })
+  timerDuration: c,
+  onTimerExpired: m
+}) => /* @__PURE__ */ p(Mn, { "data-centeredItems": r === y.PREDICTION, children: [
+  /* @__PURE__ */ p(Tn, { children: [
+    e && /* @__PURE__ */ s(Nn, { children: e }),
+    t !== void 0 && r !== y.POLL && /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(yn, { name: "icon-trophy" }),
+      /* @__PURE__ */ p(Dn, { children: [
+        /* @__PURE__ */ s(Sn, { children: /* @__PURE__ */ s(pe, { value: t }) }),
+        /* @__PURE__ */ s(zn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(gn, { isPlaying: n, onTimerExpired: p, duration: d })
-] }), xn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
-  var r, d;
-  const p = e.subject, l = e.type, c = e.status, I = (r = e.options) == null ? void 0 : r.options, M = e.marketClosed, [S, g] = E(!1), [N, y] = E(!1), [a, h] = E(!0), [u, f] = E(!1), [v, T] = E(""), A = e == null ? void 0 : e.id;
-  he(() => {
-    l === z.PREDICTION ? M && h(!1) : c === U.RESOLVED && h(!1);
+  i && r !== y.PREDICTION && /* @__PURE__ */ s(vn, { isPlaying: n, onTimerExpired: m, duration: c })
+] }), On = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  var r, c;
+  const m = e.subject, l = e.type, d = e.status, I = (r = e.options) == null ? void 0 : r.options, g = e.marketClosed, [S, v] = $(!1), [N, z] = $(!1), [a, h] = $(!0), [u, f] = $(!1), [M, D] = $(""), T = e == null ? void 0 : e.id;
+  fe(() => {
+    l === y.PREDICTION ? g && h(!1) : d === R.RESOLVED && h(!1);
   }, []);
-  const D = P((b) => {
-    y(b), g(!0);
-  }, []), O = P(
-    async (b) => {
-      if (A) {
-        const Q = b.currentTarget.value;
-        T(Q), await n(A, Q);
+  const x = q((C) => {
+    z(C), v(!0);
+  }, []), O = q(
+    async (C) => {
+      if (T) {
+        const U = C.currentTarget.value;
+        D(U), await n(T, U);
       }
     },
-    [A, T, n]
-  ), j = P(() => {
+    [T, D, n]
+  ), k = q(() => {
     f(!0), setTimeout(i, 3e3);
-  }, [i]), x = w(
-    () => e == null ? void 0 : e.answers.find((b) => b.youVoted === !0),
+  }, [i]), A = E(
+    () => e == null ? void 0 : e.answers.find((C) => C.youVoted === !0),
     [e]
-  ), L = w(
-    () => !!(e != null && e.answers.find((b) => b.correct === !0)),
+  ), b = E(
+    () => !!(e != null && e.answers.find((C) => C.correct === !0)),
     [e]
-  ), $ = w(
-    () => e == null ? void 0 : e.answers.find((b) => b.correct === !0),
+  ), j = E(
+    () => e == null ? void 0 : e.answers.find((C) => C.correct === !0),
     [e]
-  ), ne = w(() => e ? e.answers.map((b) => {
-    var Q;
+  ), se = E(() => e ? e.answers.map((C) => {
+    var U;
     return {
-      ...b,
-      questionVoted: !!x,
-      youSelected: v === b.id,
+      ...C,
+      questionVoted: !!A,
+      youSelected: M === C.id,
       isLoading: t,
-      hasCorrectAnswer: L,
+      hasCorrectAnswer: b,
       questionType: e.type,
       answerTimeExpired: u,
-      questionStatus: c,
-      imageMode: (Q = e.appearance) == null ? void 0 : Q.images,
+      questionStatus: d,
+      imageMode: (U = e.appearance) == null ? void 0 : U.images,
       onVote: O
     };
   }) : [], [
-    L,
+    b,
     u,
     t,
     e,
-    x,
-    c,
+    A,
+    d,
     O,
-    v
-  ]), se = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, R = c === U.RESOLVED && l === z.TRIVIA && !x && !a, Z = l === z.TRIVIA && N && S && a, ie = w(() => {
-    if (!(R || u))
-      return c === U.RESOLVED ? 0 : x ? x.correct ? x.points : 0 : $ == null ? void 0 : $.points;
-  }, [u, x, $, c, R]), J = w(() => R || u ? "Time expired" : e.type === z.POLL ? "Time remaining" : x ? "You won" : "To win", [u, e.type, x, R]), W = x || R || Z || l === z.TRIVIA && c === U.RESOLVED && a;
-  return /* @__PURE__ */ s(me, { "data-question-header": "true", children: /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ m(Wt, { children: [
+    M
+  ]), ie = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, Q = d === R.RESOLVED && l === y.TRIVIA && !A && !a, Z = l === y.TRIVIA && N && S && a, J = E(() => l === y.PREDICTION ? !!(A && !b || A && b && j != null && j.youVoted) : !0, [l, A, b, j]), K = E(() => {
+    if (l === y.PREDICTION && A && (!b || b && j != null && j.youVoted))
+      return A.points;
+    if (!(Q || u))
+      return d === R.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : j == null ? void 0 : j.points;
+  }, [
+    u,
+    A,
+    j,
+    d,
+    Q,
+    l,
+    b
+  ]), W = E(() => l === y.PREDICTION && A ? b ? b && j != null && j.youVoted ? "You won" : "" : "To win" : Q || u ? "Time expired" : l === y.POLL ? "Time remaining" : A ? "You won" : "To win", [u, l, A, Q, b, j]), re = A || Q || Z || l === y.TRIVIA && d === R.RESOLVED && a;
+  return /* @__PURE__ */ s(Ie, { "data-question-header": "true", children: /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ p(Wt, { children: [
     /* @__PURE__ */ s(
       Yt,
       {
-        feedbackMessages: se,
-        questionVoted: !!x,
-        questionVotedCorrectly: x == null ? void 0 : x.correct,
+        feedbackMessages: ie,
+        questionVoted: !!A,
+        questionVotedCorrectly: A == null ? void 0 : A.correct,
         questionType: l,
-        hasCorrectAnswer: L,
-        questionStatus: c,
-        showExpiredNotification: R,
+        hasCorrectAnswer: b,
+        questionStatus: d,
+        showExpiredNotification: Q,
         showClosedNotificationTrivia: Z,
         votedInCurrentRender: S,
         votedAfterQuestionClosed: N,
         enteredAnActiveQuestion: a,
-        marketClosed: M
+        marketClosed: g
       }
     ),
-    e.type !== z.PREDICTION && /* @__PURE__ */ s(
-      zn,
+    J && /* @__PURE__ */ s(
+      xn,
       {
-        title: J,
-        points: ie,
-        onTimerExpired: j,
+        title: W,
+        points: K,
+        onTimerExpired: k,
         questionType: e.type,
         isTimer: !t,
-        isPlayingTimer: !x,
-        timerDuration: W ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
+        isPlayingTimer: !A,
+        timerDuration: re ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
       }
     ),
     u ? /* @__PURE__ */ s(
@@ -624,34 +642,34 @@ const Xe = /* @__PURE__ */ o("div")({
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ m(k, { children: [
-      /* @__PURE__ */ s(Ft, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
-      /* @__PURE__ */ s(Bt, { children: ne.map((b) => /* @__PURE__ */ s(
-        un,
+    ) : /* @__PURE__ */ p(L, { children: [
+      /* @__PURE__ */ s(Ft, { "data-withoutWinBar": !J, children: m }),
+      /* @__PURE__ */ s(Bt, { children: se.map((C) => /* @__PURE__ */ s(
+        pn,
         {
-          ...b,
-          markThatVoted: D,
+          ...C,
+          markThatVoted: x,
           votedAfterQuestionClosed: N,
           enteredAnActiveQuestion: a,
-          marketClosed: M
+          marketClosed: g
         },
-        b.id
+        C.id
       )) })
     ] })
   ] }) }) });
-}, On = /* @__PURE__ */ o("div")({
+}, bn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "cgn5uen",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ o("div")({
+}), Cn = /* @__PURE__ */ o("div")({
   name: "Content",
   class: "c1px8nt6",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ o("h3")({
+}), jn = /* @__PURE__ */ o("h3")({
   name: "Title",
   class: "t5et2jt",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ o("div")({
+}), wn = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "d1i2kpk2",
   propsAsIs: !1
@@ -659,104 +677,104 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ o("img")({
+}), En = /* @__PURE__ */ o("img")({
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), _e = ({
+}), Ye = ({
   created: e,
   image: t,
   title: n,
   isPickHistory: i,
   instantView: r
 }) => {
-  const d = w(() => {
+  const c = E(() => {
     if (e) {
       const l = new Date(e);
-      if (ge(l))
+      if (Me(l))
         return {
-          date: Ie(l),
-          time: fe(l)
+          date: ge(l),
+          time: ve(l)
         };
     }
     return null;
-  }, [e]), p = (r == null ? void 0 : r.image) || t;
-  return /* @__PURE__ */ m(On, { children: [
-    d && /* @__PURE__ */ m(kn, { children: [
-      d.date,
+  }, [e]), m = (r == null ? void 0 : r.image) || t;
+  return /* @__PURE__ */ p(bn, { children: [
+    c && /* @__PURE__ */ p(kn, { children: [
+      c.date,
       " · ",
-      d.time
+      c.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(We, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    p && !(r != null && r.video) && /* @__PURE__ */ s(wn, { src: p }),
-    /* @__PURE__ */ m(bn, { children: [
-      /* @__PURE__ */ s(Cn, { children: i ? n : r == null ? void 0 : r.heading }),
-      !i && /* @__PURE__ */ s(jn, { children: r == null ? void 0 : r.body })
+    m && !(r != null && r.video) && /* @__PURE__ */ s(En, { src: m }),
+    /* @__PURE__ */ p(Cn, { children: [
+      /* @__PURE__ */ s(jn, { children: i ? n : r == null ? void 0 : r.heading }),
+      !i && /* @__PURE__ */ s(wn, { children: r == null ? void 0 : r.body })
     ] })
   ] });
-}, En = /* @__PURE__ */ o("div")({
+}, Ln = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ o("a")({
+}), $n = /* @__PURE__ */ o("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), $n = ({ instantView: e, ...t }) => /* @__PURE__ */ m(En, { children: [
-  /* @__PURE__ */ s(_e, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(Ln, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+}), Rn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ln, { children: [
+  /* @__PURE__ */ s(Ye, { instantView: e, ...t }),
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p($n, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     e == null ? void 0 : e.webLink.label,
-    /* @__PURE__ */ s(C, { name: "icon-external-link" })
+    /* @__PURE__ */ s(w, { name: "icon-external-link" })
   ] })
-] }), Rn = /* @__PURE__ */ o("div")({
+] }), Qn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1dcxmvf",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ o("div")({
+}), Un = /* @__PURE__ */ o("div")({
   name: "DateTime",
   class: "db4q22c",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ o("blockquote")({
+}), Pn = /* @__PURE__ */ o("blockquote")({
   name: "Quote",
   class: "q111mmic",
   propsAsIs: !1
 }), qn = ({ created: e, ...t }) => {
-  const n = w(() => {
+  const n = E(() => {
     if (e) {
       const i = new Date(e);
-      if (ge(i))
+      if (Me(i))
         return {
-          date: Ie(i),
-          time: fe(i)
+          date: ge(i),
+          time: ve(i)
         };
     }
     return null;
   }, [e]);
-  return /* @__PURE__ */ m(Rn, { children: [
-    n && /* @__PURE__ */ m(Qn, { children: [
+  return /* @__PURE__ */ p(Qn, { children: [
+    n && /* @__PURE__ */ p(Un, { children: [
       n.date,
       " · ",
       n.time
     ] }),
-    t.title && /* @__PURE__ */ s(Un, { children: t.title }),
-    /* @__PURE__ */ s(we, { ...t })
+    t.title && /* @__PURE__ */ s(Pn, { children: t.title }),
+    /* @__PURE__ */ s(Le, { ...t })
   ] });
-}, Pn = /* @__PURE__ */ o("div")({
+}, _n = /* @__PURE__ */ o("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), _n = ({
+}), Yn = ({
   openedQuestion: e
 }) => {
   var t, n;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s($n, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Rn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(qn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, Yn = ({
+}, Vn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -765,13 +783,13 @@ const Xe = /* @__PURE__ */ o("div")({
     loading: i,
     data: r
   } = e;
-  return r ? /* @__PURE__ */ s(xn, {
+  return r ? /* @__PURE__ */ s(On, {
     vote: t,
     close: n,
     openedQuestion: r,
     isLoading: !!i
   }) : null;
-}, Vn = ({
+}, Wn = ({
   gamification: e
 }) => {
   var t;
@@ -779,45 +797,45 @@ const Xe = /* @__PURE__ */ o("div")({
   if (!n)
     return null;
   const r = n.type;
-  return /* @__PURE__ */ m(Pn, {
-    children: [/* @__PURE__ */ s(Re, {
+  return /* @__PURE__ */ p(_n, {
+    children: [/* @__PURE__ */ s(Qe, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
-    }), r === "question" && /* @__PURE__ */ s(Yn, {
+      type: ((t = n.attributes) == null ? void 0 : t.type) || y.UNSET
+    }), r === "question" && /* @__PURE__ */ s(Vn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), r !== "question" && /* @__PURE__ */ s(_n, {
+    }), r !== "question" && /* @__PURE__ */ s(Yn, {
       openedQuestion: n
     }), /* @__PURE__ */ s(Et, {
       sponsorLogo: ""
     })]
   });
-}, Wn = /* @__PURE__ */ o("div")({
+}, Fn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), Fn = /* @__PURE__ */ o("div")({
+}), Bn = /* @__PURE__ */ o("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ o("button")({
+}), Hn = /* @__PURE__ */ o("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Hn = /* @__PURE__ */ o("span")({
+}), Gn = /* @__PURE__ */ o("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var G = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(G || {});
-const ye = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ m(Fn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(ye, { title: "Home", active: e === "home", onClick: () => t(
+const Se = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Hn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Gn, { children: e }) }), Zn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Fn, { children: /* @__PURE__ */ p(Bn, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(Se, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ s(
-    ye,
+    Se,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -828,81 +846,81 @@ const ye = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Bn, { onCl
     }
   )
 ] }) });
-function ue() {
-  return ue = Object.assign ? Object.assign.bind() : function(e) {
+function me() {
+  return me = 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;
-  }, ue.apply(this, arguments);
+  }, me.apply(this, arguments);
 }
-function De(e) {
+function ze(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function pe(e, t) {
-  return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
+function he(e, t) {
+  return he = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
     return i.__proto__ = r, i;
-  }, pe(e, t);
+  }, he(e, t);
 }
-function Zn(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, pe(e, t);
+function Jn(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, he(e, t);
 }
-var Se = Number.isNaN || function(t) {
+var xe = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Jn(e, t) {
-  return !!(e === t || Se(e) && Se(t));
-}
 function Kn(e, t) {
+  return !!(e === t || xe(e) && xe(t));
+}
+function Xn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Jn(e[n], t[n]))
+    if (!Kn(e[n], t[n]))
       return !1;
   return !0;
 }
-function ae(e, t) {
-  t === void 0 && (t = Kn);
-  var n, i = [], r, d = !1;
-  function p() {
-    for (var l = [], c = 0; c < arguments.length; c++)
-      l[c] = arguments[c];
-    return d && n === this && t(l, i) || (r = e.apply(this, l), d = !0, n = this, i = l), r;
+function le(e, t) {
+  t === void 0 && (t = Xn);
+  var n, i = [], r, c = !1;
+  function m() {
+    for (var l = [], d = 0; d < arguments.length; d++)
+      l[d] = arguments[d];
+    return c && n === this && t(l, i) || (r = e.apply(this, l), c = !0, n = this, i = l), r;
   }
-  return p;
+  return m;
 }
-var Xn = typeof performance == "object" && typeof performance.now == "function", ze = Xn ? function() {
+var es = typeof performance == "object" && typeof performance.now == "function", Oe = es ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function xe(e) {
+function be(e) {
   cancelAnimationFrame(e.id);
 }
-function es(e, t) {
-  var n = ze();
+function ts(e, t) {
+  var n = Oe();
   function i() {
-    ze() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
+    Oe() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
   }
   var r = {
     id: requestAnimationFrame(i)
   };
   return r;
 }
-var le = -1;
-function Oe(e) {
-  if (e === void 0 && (e = !1), le === -1 || e) {
+var ce = -1;
+function Ce(e) {
+  if (e === void 0 && (e = !1), ce === -1 || e) {
     var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), le = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ce = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return le;
+  return ce;
 }
 var V = null;
-function be(e) {
+function je(e) {
   if (e === void 0 && (e = !1), V === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -911,84 +929,84 @@ function be(e) {
   }
   return V;
 }
-var ts = 150, ns = function(t, n) {
+var ns = 150, ss = function(t, n) {
   return t;
 };
-function ss(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, d = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, c = e.initInstanceProps, I = e.shouldResetStyleCacheOnItemSizeChange, M = e.validateProps;
+function is(e) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, c = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, d = e.initInstanceProps, I = e.shouldResetStyleCacheOnItemSizeChange, g = e.validateProps;
   return t = /* @__PURE__ */ function(S) {
-    Zn(g, S);
-    function g(y) {
+    Jn(v, S);
+    function v(z) {
       var a;
-      return a = S.call(this, y) || this, a._instanceProps = c(a.props, De(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
-        instance: De(a),
+      return a = S.call(this, z) || this, a._instanceProps = d(a.props, ze(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+        instance: ze(a),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = ae(function(h, u, f, v) {
+      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = le(function(h, u, f, M) {
         return a.props.onItemsRendered({
           overscanStartIndex: h,
           overscanStopIndex: u,
           visibleStartIndex: f,
-          visibleStopIndex: v
+          visibleStopIndex: M
         });
-      }), a._callOnScroll = void 0, a._callOnScroll = ae(function(h, u, f) {
+      }), a._callOnScroll = void 0, a._callOnScroll = le(function(h, u, f) {
         return a.props.onScroll({
           scrollDirection: h,
           scrollOffset: u,
           scrollUpdateWasRequested: f
         });
       }), a._getItemStyle = void 0, a._getItemStyle = function(h) {
-        var u = a.props, f = u.direction, v = u.itemSize, T = u.layout, A = a._getItemStyleCache(I && v, I && T, I && f), D;
-        if (A.hasOwnProperty(h))
-          D = A[h];
+        var u = a.props, f = u.direction, M = u.itemSize, D = u.layout, T = a._getItemStyleCache(I && M, I && D, I && f), x;
+        if (T.hasOwnProperty(h))
+          x = T[h];
         else {
-          var O = n(a.props, h, a._instanceProps), j = r(a.props, h, a._instanceProps), x = f === "horizontal" || T === "horizontal", L = f === "rtl", $ = x ? O : 0;
-          A[h] = D = {
+          var O = n(a.props, h, a._instanceProps), k = r(a.props, h, a._instanceProps), A = f === "horizontal" || D === "horizontal", b = f === "rtl", j = A ? O : 0;
+          T[h] = x = {
             position: "absolute",
-            left: L ? void 0 : $,
-            right: L ? $ : void 0,
-            top: x ? 0 : O,
-            height: x ? "100%" : j,
-            width: x ? j : "100%"
+            left: b ? void 0 : j,
+            right: b ? j : void 0,
+            top: A ? 0 : O,
+            height: A ? "100%" : k,
+            width: A ? k : "100%"
           };
         }
-        return D;
-      }, a._getItemStyleCache = void 0, a._getItemStyleCache = ae(function(h, u, f) {
+        return x;
+      }, a._getItemStyleCache = void 0, a._getItemStyleCache = le(function(h, u, f) {
         return {};
       }), a._onScrollHorizontal = function(h) {
-        var u = h.currentTarget, f = u.clientWidth, v = u.scrollLeft, T = u.scrollWidth;
-        a.setState(function(A) {
-          if (A.scrollOffset === v)
+        var u = h.currentTarget, f = u.clientWidth, M = u.scrollLeft, D = u.scrollWidth;
+        a.setState(function(T) {
+          if (T.scrollOffset === M)
             return null;
-          var D = a.props.direction, O = v;
-          if (D === "rtl")
-            switch (be()) {
+          var x = a.props.direction, O = M;
+          if (x === "rtl")
+            switch (je()) {
               case "negative":
-                O = -v;
+                O = -M;
                 break;
               case "positive-descending":
-                O = T - f - v;
+                O = D - f - M;
                 break;
             }
-          return O = Math.max(0, Math.min(O, T - f)), {
+          return O = Math.max(0, Math.min(O, D - f)), {
             isScrolling: !0,
-            scrollDirection: A.scrollOffset < v ? "forward" : "backward",
+            scrollDirection: T.scrollOffset < M ? "forward" : "backward",
             scrollOffset: O,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
       }, a._onScrollVertical = function(h) {
-        var u = h.currentTarget, f = u.clientHeight, v = u.scrollHeight, T = u.scrollTop;
-        a.setState(function(A) {
-          if (A.scrollOffset === T)
+        var u = h.currentTarget, f = u.clientHeight, M = u.scrollHeight, D = u.scrollTop;
+        a.setState(function(T) {
+          if (T.scrollOffset === D)
             return null;
-          var D = Math.max(0, Math.min(T, v - f));
+          var x = Math.max(0, Math.min(D, M - f));
           return {
             isScrolling: !0,
-            scrollDirection: A.scrollOffset < D ? "forward" : "backward",
-            scrollOffset: D,
+            scrollDirection: T.scrollOffset < x ? "forward" : "backward",
+            scrollOffset: x,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
@@ -996,7 +1014,7 @@ function ss(e) {
         var u = a.props.outerRef;
         a._outerRef = h, typeof u == "function" ? u(h) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = h);
       }, a._resetIsScrollingDebounced = function() {
-        a._resetIsScrollingTimeoutId !== null && xe(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = es(a._resetIsScrolling, ts);
+        a._resetIsScrollingTimeoutId !== null && be(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = ts(a._resetIsScrolling, ns);
       }, a._resetIsScrolling = function() {
         a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
@@ -1005,10 +1023,10 @@ function ss(e) {
         });
       }, a;
     }
-    g.getDerivedStateFromProps = function(a, h) {
-      return is(a, h), M(a), null;
+    v.getDerivedStateFromProps = function(a, h) {
+      return rs(a, h), g(a), null;
     };
-    var N = g.prototype;
+    var N = v.prototype;
     return N.scrollTo = function(a) {
       a = Math.max(0, a), this.setState(function(h) {
         return h.scrollOffset === a ? null : {
@@ -1019,101 +1037,101 @@ function ss(e) {
       }, this._resetIsScrollingDebounced);
     }, N.scrollToItem = function(a, h) {
       h === void 0 && (h = "auto");
-      var u = this.props, f = u.itemCount, v = u.layout, T = this.state.scrollOffset;
+      var u = this.props, f = u.itemCount, M = u.layout, D = this.state.scrollOffset;
       a = Math.max(0, Math.min(a, f - 1));
-      var A = 0;
+      var T = 0;
       if (this._outerRef) {
-        var D = this._outerRef;
-        v === "vertical" ? A = D.scrollWidth > D.clientWidth ? Oe() : 0 : A = D.scrollHeight > D.clientHeight ? Oe() : 0;
+        var x = this._outerRef;
+        M === "vertical" ? T = x.scrollWidth > x.clientWidth ? Ce() : 0 : T = x.scrollHeight > x.clientHeight ? Ce() : 0;
       }
-      this.scrollTo(d(this.props, a, h, T, this._instanceProps, A));
+      this.scrollTo(c(this.props, a, h, D, this._instanceProps, T));
     }, N.componentDidMount = function() {
       var a = this.props, h = a.direction, u = a.initialScrollOffset, f = a.layout;
       if (typeof u == "number" && this._outerRef != null) {
-        var v = this._outerRef;
-        h === "horizontal" || f === "horizontal" ? v.scrollLeft = u : v.scrollTop = u;
+        var M = this._outerRef;
+        h === "horizontal" || f === "horizontal" ? M.scrollLeft = u : M.scrollTop = u;
       }
       this._callPropsCallbacks();
     }, N.componentDidUpdate = function() {
-      var a = this.props, h = a.direction, u = a.layout, f = this.state, v = f.scrollOffset, T = f.scrollUpdateWasRequested;
-      if (T && this._outerRef != null) {
-        var A = this._outerRef;
+      var a = this.props, h = a.direction, u = a.layout, f = this.state, M = f.scrollOffset, D = f.scrollUpdateWasRequested;
+      if (D && this._outerRef != null) {
+        var T = this._outerRef;
         if (h === "horizontal" || u === "horizontal")
           if (h === "rtl")
-            switch (be()) {
+            switch (je()) {
               case "negative":
-                A.scrollLeft = -v;
+                T.scrollLeft = -M;
                 break;
               case "positive-ascending":
-                A.scrollLeft = v;
+                T.scrollLeft = M;
                 break;
               default:
-                var D = A.clientWidth, O = A.scrollWidth;
-                A.scrollLeft = O - D - v;
+                var x = T.clientWidth, O = T.scrollWidth;
+                T.scrollLeft = O - x - M;
                 break;
             }
           else
-            A.scrollLeft = v;
+            T.scrollLeft = M;
         else
-          A.scrollTop = v;
+          T.scrollTop = M;
       }
       this._callPropsCallbacks();
     }, N.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && xe(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && be(this._resetIsScrollingTimeoutId);
     }, N.render = function() {
-      var a = this.props, h = a.children, u = a.className, f = a.direction, v = a.height, T = a.innerRef, A = a.innerElementType, D = a.innerTagName, O = a.itemCount, j = a.itemData, x = a.itemKey, L = x === void 0 ? ns : x, $ = a.layout, ne = a.outerElementType, se = a.outerTagName, R = a.style, Z = a.useIsScrolling, ie = a.width, J = this.state.isScrolling, W = f === "horizontal" || $ === "horizontal", b = W ? this._onScrollHorizontal : this._onScrollVertical, Q = this._getRangeToRender(), Ye = Q[0], Ve = Q[1], ve = [];
+      var a = this.props, h = a.children, u = a.className, f = a.direction, M = a.height, D = a.innerRef, T = a.innerElementType, x = a.innerTagName, O = a.itemCount, k = a.itemData, A = a.itemKey, b = A === void 0 ? ss : A, j = a.layout, se = a.outerElementType, ie = a.outerTagName, Q = a.style, Z = a.useIsScrolling, J = a.width, K = this.state.isScrolling, W = f === "horizontal" || j === "horizontal", re = W ? this._onScrollHorizontal : this._onScrollVertical, C = this._getRangeToRender(), U = C[0], Ve = C[1], Te = [];
       if (O > 0)
-        for (var F = Ye; F <= Ve; F++)
-          ve.push(re(h, {
-            data: j,
-            key: L(F, j),
+        for (var F = U; F <= Ve; F++)
+          Te.push(oe(h, {
+            data: k,
+            key: b(F, k),
             index: F,
-            isScrolling: Z ? J : void 0,
+            isScrolling: Z ? K : void 0,
             style: this._getItemStyle(F)
           }));
-      var Me = i(this.props, this._instanceProps);
-      return re(ne || se || "div", {
+      var Ne = i(this.props, this._instanceProps);
+      return oe(se || ie || "div", {
         className: u,
-        onScroll: b,
+        onScroll: re,
         ref: this._outerRefSetter,
-        style: ue({
+        style: me({
           position: "relative",
-          height: v,
-          width: ie,
+          height: M,
+          width: J,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: f
-        }, R)
-      }, re(A || D || "div", {
-        children: ve,
-        ref: T,
+        }, Q)
+      }, oe(T || x || "div", {
+        children: Te,
+        ref: D,
         style: {
-          height: W ? "100%" : Me,
-          pointerEvents: J ? "none" : void 0,
-          width: W ? Me : "100%"
+          height: W ? "100%" : Ne,
+          pointerEvents: K ? "none" : void 0,
+          width: W ? Ne : "100%"
         }
       }));
     }, N._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var a = this.props.itemCount;
         if (a > 0) {
-          var h = this._getRangeToRender(), u = h[0], f = h[1], v = h[2], T = h[3];
-          this._callOnItemsRendered(u, f, v, T);
+          var h = this._getRangeToRender(), u = h[0], f = h[1], M = h[2], D = h[3];
+          this._callOnItemsRendered(u, f, M, D);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var A = this.state, D = A.scrollDirection, O = A.scrollOffset, j = A.scrollUpdateWasRequested;
-        this._callOnScroll(D, O, j);
+        var T = this.state, x = T.scrollDirection, O = T.scrollOffset, k = T.scrollUpdateWasRequested;
+        this._callOnScroll(x, O, k);
       }
     }, N._getRangeToRender = function() {
-      var a = this.props, h = a.itemCount, u = a.overscanCount, f = this.state, v = f.isScrolling, T = f.scrollDirection, A = f.scrollOffset;
+      var a = this.props, h = a.itemCount, u = a.overscanCount, f = this.state, M = f.isScrolling, D = f.scrollDirection, T = f.scrollOffset;
       if (h === 0)
         return [0, 0, 0, 0];
-      var D = p(this.props, A, this._instanceProps), O = l(this.props, D, A, this._instanceProps), j = !v || T === "backward" ? Math.max(1, u) : 1, x = !v || T === "forward" ? Math.max(1, u) : 1;
-      return [Math.max(0, D - j), Math.max(0, Math.min(h - 1, O + x)), D, O];
-    }, g;
-  }(Ee), t.defaultProps = {
+      var x = m(this.props, T, this._instanceProps), O = l(this.props, x, T, this._instanceProps), k = !M || D === "backward" ? Math.max(1, u) : 1, A = !M || D === "forward" ? Math.max(1, u) : 1;
+      return [Math.max(0, x - k), Math.max(0, Math.min(h - 1, O + A)), x, O];
+    }, v;
+  }($e), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1121,9 +1139,9 @@ function ss(e) {
     useIsScrolling: !1
   }, t;
 }
-var is = function(t, n) {
+var rs = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, rs = /* @__PURE__ */ ss({
+}, os = /* @__PURE__ */ is({
   getItemOffset: function(t, n) {
     var i = t.itemSize;
     return n * i;
@@ -1136,16 +1154,16 @@ var is = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, d, p) {
-    var l = t.direction, c = t.height, I = t.itemCount, M = t.itemSize, S = t.layout, g = t.width, N = l === "horizontal" || S === "horizontal", y = N ? g : c, a = Math.max(0, I * M - y), h = Math.min(a, n * M), u = Math.max(0, n * M - y + M + p);
-    switch (i === "smart" && (r >= u - y && r <= h + y ? i = "auto" : i = "center"), i) {
+  getOffsetForIndexAndAlignment: function(t, n, i, r, c, m) {
+    var l = t.direction, d = t.height, I = t.itemCount, g = t.itemSize, S = t.layout, v = t.width, N = l === "horizontal" || S === "horizontal", z = N ? v : d, a = Math.max(0, I * g - z), h = Math.min(a, n * g), u = Math.max(0, n * g - z + g + m);
+    switch (i === "smart" && (r >= u - z && r <= h + z ? i = "auto" : i = "center"), i) {
       case "start":
         return h;
       case "end":
         return u;
       case "center": {
         var f = Math.round(u + (h - u) / 2);
-        return f < Math.ceil(y / 2) ? 0 : f > a + Math.floor(y / 2) ? a : f;
+        return f < Math.ceil(z / 2) ? 0 : f > a + Math.floor(z / 2) ? a : f;
       }
       case "auto":
       default:
@@ -1157,9 +1175,9 @@ var is = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, d = t.height, p = t.itemCount, l = t.itemSize, c = t.layout, I = t.width, M = r === "horizontal" || c === "horizontal", S = n * l, g = M ? I : d, N = Math.ceil((g + i - S) / l);
+    var r = t.direction, c = t.height, m = t.itemCount, l = t.itemSize, d = t.layout, I = t.width, g = r === "horizontal" || d === "horizontal", S = n * l, v = g ? I : c, N = Math.ceil((v + i - S) / l);
     return Math.max(0, Math.min(
-      p - 1,
+      m - 1,
       n + N - 1
       // -1 is because stop index is inclusive
     ));
@@ -1171,34 +1189,34 @@ var is = function(t, n) {
     t.itemSize;
   }
 });
-function os(e) {
+function as(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
   return !(i > n || r < t);
 }
-function as(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, d = e.stopIndex, p = [], l = null, c = null, I = r; I <= d; I++) {
-    var M = t(I);
-    M ? c !== null && (p.push(l, c), l = c = null) : (c = I, l === null && (l = I));
+function ls(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, c = e.stopIndex, m = [], l = null, d = null, I = r; I <= c; I++) {
+    var g = t(I);
+    g ? d !== null && (m.push(l, d), l = d = null) : (d = I, l === null && (l = I));
   }
-  if (c !== null) {
-    for (var S = Math.min(Math.max(c, l + i - 1), n - 1), g = c + 1; g <= S && !t(g); g++)
-      c = g;
-    p.push(l, c);
+  if (d !== null) {
+    for (var S = Math.min(Math.max(d, l + i - 1), n - 1), v = d + 1; v <= S && !t(v); v++)
+      d = v;
+    m.push(l, d);
   }
-  if (p.length)
-    for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
-      var N = p[0] - 1;
+  if (m.length)
+    for (; m[1] - m[0] + 1 < i && m[0] > 0; ) {
+      var N = m[0] - 1;
       if (!t(N))
-        p[0] = N;
+        m[0] = N;
       else
         break;
     }
-  return p;
+  return m;
 }
-var ls = function(e, t) {
+var cs = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, cs = function() {
+}, ds = function() {
   function e(t, n) {
     for (var i = 0; i < n.length; i++) {
       var r = n[i];
@@ -1208,7 +1226,7 @@ var ls = function(e, t) {
   return function(t, n, i) {
     return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), ds = function(e, t) {
+}(), us = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1219,25 +1237,25 @@ var ls = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, Ce = function(e, t) {
+}, we = 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;
-}, us = function(e) {
-  ds(t, e);
+}, ps = function(e) {
+  us(t, e);
   function t() {
-    var n, i, r, d;
-    ls(this, t);
-    for (var p = arguments.length, l = Array(p), c = 0; c < p; c++)
-      l[c] = arguments[c];
-    return d = (i = (r = Ce(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(I) {
-      var M = I.visibleStartIndex, S = I.visibleStopIndex;
-      r._lastRenderedStartIndex = M, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(M, S);
+    var n, i, r, c;
+    cs(this, t);
+    for (var m = arguments.length, l = Array(m), d = 0; d < m; d++)
+      l[d] = arguments[d];
+    return c = (i = (r = we(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(I) {
+      var g = I.visibleStartIndex, S = I.visibleStopIndex;
+      r._lastRenderedStartIndex = g, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(g, S);
     }, r._setRef = function(I) {
       r._listRef = I;
-    }, i), Ce(r, d);
+    }, i), we(r, c);
   }
-  return cs(t, [{
+  return ds(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1259,119 +1277,119 @@ var ls = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var d = this.props, p = d.isItemLoaded, l = d.itemCount, c = d.minimumBatchSize, I = c === void 0 ? 10 : c, M = d.threshold, S = M === void 0 ? 15 : M, g = as({
-        isItemLoaded: p,
+      var c = this.props, m = c.isItemLoaded, l = c.itemCount, d = c.minimumBatchSize, I = d === void 0 ? 10 : d, g = c.threshold, S = g === void 0 ? 15 : g, v = ls({
+        isItemLoaded: m,
         itemCount: l,
         minimumBatchSize: I,
         startIndex: Math.max(0, i - S),
         stopIndex: Math.min(l - 1, r + S)
       });
-      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(N, y) {
-        return g[y] !== N;
-      })) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
+      (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(N, z) {
+        return v[z] !== N;
+      })) && (this._memoizedUnloadedRanges = v, this._loadUnloadedRanges(v));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(I) {
-        var M = i[I], S = i[I + 1], g = d(M, S);
-        g != null && g.then(function() {
-          if (os({
+      for (var r = this, c = this.props.loadMoreItems || this.props.loadMoreRows, m = function(I) {
+        var g = i[I], S = i[I + 1], v = c(g, S);
+        v != null && v.then(function() {
+          if (as({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
-            startIndex: M,
+            startIndex: g,
             stopIndex: S
           })) {
             if (r._listRef == null)
               return;
-            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(M, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(g, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
       }, l = 0; l < i.length; l += 2)
-        p(l);
+        m(l);
     }
   }]), t;
-}(Ee);
-const ps = /* @__PURE__ */ o("div")({
+}($e);
+const ms = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), ms = /* @__PURE__ */ o("div")({
+}), hs = /* @__PURE__ */ o("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), hs = /* @__PURE__ */ o("img")({
+}), Is = /* @__PURE__ */ o("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), Is = /* @__PURE__ */ o("div")({
+}), fs = /* @__PURE__ */ o("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), fs = /* @__PURE__ */ o("div")({
+}), gs = /* @__PURE__ */ o("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), gs = /* @__PURE__ */ o("div")({
+}), vs = /* @__PURE__ */ o("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), vs = /* @__PURE__ */ o("span")({
+}), Ms = /* @__PURE__ */ o("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Ms = () => C, As = /* @__PURE__ */ o(Ms())({
+}), Ts = () => w, Ns = /* @__PURE__ */ o(Ts())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), Ns = ({
+}), As = ({
   rank: e,
   avatar: t,
   name: n,
   points: i,
   isCurrentUser: r,
-  openItemDetail: d,
-  style: p
-}) => /* @__PURE__ */ m(ps, { onClick: d, style: p, children: [
-  /* @__PURE__ */ s(ms, { children: e || 0 }),
-  /* @__PURE__ */ m(fs, { children: [
-    t ? /* @__PURE__ */ s(hs, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Is, { children: Qe(n || "") }),
-    /* @__PURE__ */ m(gs, { children: [
-      /* @__PURE__ */ s(vs, { children: n || "" }),
-      r && /* @__PURE__ */ s(As, { name: "icon-star" })
+  openItemDetail: c,
+  style: m
+}) => /* @__PURE__ */ p(ms, { onClick: c, style: m, children: [
+  /* @__PURE__ */ s(hs, { children: e || 0 }),
+  /* @__PURE__ */ p(gs, { children: [
+    t ? /* @__PURE__ */ s(Is, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(fs, { children: Ue(n || "") }),
+    /* @__PURE__ */ p(vs, { children: [
+      /* @__PURE__ */ s(Ms, { children: n || "" }),
+      r && /* @__PURE__ */ s(Ns, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: Ue(i) })
-] }), Ts = /* @__PURE__ */ o("div")({
+  /* @__PURE__ */ s("div", { children: Pe(i) })
+] }), ys = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), ys = ({
+}), Ds = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i,
   onScroll: r
-}) => /* @__PURE__ */ s(Fe, { children: ({ width: d, height: p }) => /* @__PURE__ */ s(
-  us,
+}) => /* @__PURE__ */ s(Fe, { children: ({ width: c, height: m }) => /* @__PURE__ */ s(
+  ps,
   {
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: l, ref: c }) => /* @__PURE__ */ s(Ts, { children: /* @__PURE__ */ s(
-      rs,
+    children: ({ onItemsRendered: l, ref: d }) => /* @__PURE__ */ s(ys, { children: /* @__PURE__ */ s(
+      os,
       {
         itemSize: 56,
         onScroll: r,
         onItemsRendered: l,
-        ref: c,
+        ref: d,
         itemCount: e.length,
-        width: d,
-        height: p,
-        children: ({ index: I, style: M }) => /* @__PURE__ */ s(
-          Ns,
+        width: c,
+        height: m,
+        children: ({ index: I, style: g }) => /* @__PURE__ */ s(
+          As,
           {
-            style: { ...M, maxHeight: 48 },
+            style: { ...g, maxHeight: 48 },
             ...e[I],
             openItemDetail: () => n(e[I].userId),
             isCurrentUser: !!t && t === e[I].userId
@@ -1381,7 +1399,7 @@ const ps = /* @__PURE__ */ o("div")({
       }
     ) })
   }
-) }), Ds = ({ deepLink: e }) => {
+) }), Ss = ({ deepLink: e }) => {
   const { data: t } = _(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     Be,
@@ -1403,15 +1421,15 @@ const ps = /* @__PURE__ */ o("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, Ss = ({ gamification: e, hideTabs: t }) => {
-  const { data: n } = _(e.leaderboardList.$store), i = de(0), r = P(
-    $e((d) => {
-      Math.abs(i.current - d.scrollOffset) < 112 || (i.current = d.scrollOffset, t(d.scrollOffset !== 0 && d.scrollDirection === "forward"));
+}, zs = ({ gamification: e, hideTabs: t }) => {
+  const { data: n } = _(e.leaderboardList.$store), i = ue(0), r = q(
+    Re((c) => {
+      Math.abs(i.current - c.scrollOffset) < 112 || (i.current = c.scrollOffset, t(c.scrollOffset !== 0 && c.scrollDirection === "forward"));
     }, 200),
     [t]
   );
   return n != null && n.length ? /* @__PURE__ */ s(
-    ys,
+    Ds,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: n,
@@ -1419,83 +1437,83 @@ const ps = /* @__PURE__ */ o("div")({
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(Ds, { deepLink: e.deepLink });
-}, zs = /* @__PURE__ */ o("div")({
+  ) : /* @__PURE__ */ s(Ss, { deepLink: e.deepLink });
+}, xs = /* @__PURE__ */ o("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), xs = /* @__PURE__ */ o("div")({
+}), Os = /* @__PURE__ */ o("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Os = /* @__PURE__ */ o("div")({
+}), bs = /* @__PURE__ */ o("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), bs = /* @__PURE__ */ o("div")({
+}), Cs = /* @__PURE__ */ o("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Cs = () => C, te = /* @__PURE__ */ o(Cs())({
+}), js = () => w, ne = /* @__PURE__ */ o(js())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), js = () => C, ks = /* @__PURE__ */ o(js())({
+}), ws = () => w, ks = /* @__PURE__ */ o(ws())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), ws = /* @__PURE__ */ o("div")({
+}), Es = /* @__PURE__ */ o("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Es = /* @__PURE__ */ o("div")({
+}), Ls = /* @__PURE__ */ o("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Ls = /* @__PURE__ */ o("button")({
+}), $s = /* @__PURE__ */ o("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), $s = {
-  [K.LOST]: /* @__PURE__ */ s(te, { name: "incorrectVoted" }),
-  [K.WON]: /* @__PURE__ */ s(te, { name: "icon-check" }),
-  [K.UNSET]: /* @__PURE__ */ s(te, { name: "icon-arrow" }),
-  [K.DNP]: /* @__PURE__ */ s(te, { name: "icon-arrow" })
-}, Rs = ({
+}), Rs = {
+  [X.LOST]: /* @__PURE__ */ s(ne, { name: "incorrectVoted" }),
+  [X.WON]: /* @__PURE__ */ s(ne, { name: "icon-check" }),
+  [X.UNSET]: /* @__PURE__ */ s(ne, { name: "icon-arrow" }),
+  [X.DNP]: /* @__PURE__ */ s(ne, { name: "icon-arrow" })
+}, Qs = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
   subject: i,
   openForVoting: r,
-  openQuestion: d,
-  status: p
+  openQuestion: c,
+  status: m
 }) => {
-  const l = ke[t], c = $s[p];
-  return l ? /* @__PURE__ */ m(zs, { onClick: () => d == null ? void 0 : d(e), children: [
-    /* @__PURE__ */ m(Es, { children: [
-      /* @__PURE__ */ m(xs, { children: [
+  const l = Ee[t], d = Rs[m];
+  return l ? /* @__PURE__ */ p(xs, { onClick: () => c == null ? void 0 : c(e), children: [
+    /* @__PURE__ */ p(Ls, { children: [
+      /* @__PURE__ */ p(Os, { children: [
         /* @__PURE__ */ s(
           ks,
           {
-            "data-type-trivia": t === z.TRIVIA,
-            "data-type-poll": t === z.POLL,
+            "data-type-trivia": t === y.TRIVIA,
+            "data-type-poll": t === y.POLL,
             name: l.iconName
           }
         ),
-        /* @__PURE__ */ m(ws, { children: [
+        /* @__PURE__ */ p(Es, { children: [
           l.label,
-          t === z.TRIVIA && n === U.RESOLVED && " • Expired"
+          t === y.TRIVIA && n === R.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(Os, { children: i || "" })
+      /* @__PURE__ */ s(bs, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(bs, { children: r ? /* @__PURE__ */ s(Ls, { children: "Play" }) : c })
+    /* @__PURE__ */ s(Cs, { children: r ? /* @__PURE__ */ s($s, { children: "Play" }) : d })
   ] }) : null;
-}, Qs = /* @__PURE__ */ o("div")({
+}, Us = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Us = /* @__PURE__ */ o("button")({
+}), Ps = /* @__PURE__ */ o("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
@@ -1503,200 +1521,200 @@ const ps = /* @__PURE__ */ o("div")({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ m(Qs, { children: [
-  /* @__PURE__ */ s(_e, { questionId: t, ...n, isPickHistory: !0 }),
-  e && /* @__PURE__ */ s(Us, { onClick: () => e(t), children: "View Insight" })
-] }), Ps = /* @__PURE__ */ o("div")({
+}) => /* @__PURE__ */ p(Us, { children: [
+  /* @__PURE__ */ s(Ye, { questionId: t, ...n, isPickHistory: !0 }),
+  e && /* @__PURE__ */ s(Ps, { onClick: () => e(t), children: "View Insight" })
+] }), _s = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), _s = () => He, Ys = /* @__PURE__ */ o(_s())({
+}), Ys = () => He, Vs = /* @__PURE__ */ o(Ys())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), Vs = /* @__PURE__ */ o("div")({
+}), Ws = /* @__PURE__ */ o("div")({
   name: "DateTime",
   class: "d1hbaleq",
   propsAsIs: !1
-}), Ws = /* @__PURE__ */ o("blockquote")({
+}), Fs = /* @__PURE__ */ o("blockquote")({
   name: "Quote",
   class: "qvvgqjm",
   propsAsIs: !1
-}), Fs = ({
+}), Bs = ({
   openTweet: e,
   created: t,
   ...n
 }) => {
-  const i = w(() => {
+  const i = E(() => {
     if (t) {
       const r = new Date(t);
-      if (ge(r))
+      if (Me(r))
         return {
-          date: Ie(r),
-          time: fe(r)
+          date: ge(r),
+          time: ve(r)
         };
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ m(Ps, { children: [
-    i && /* @__PURE__ */ m(Vs, { children: [
+  return /* @__PURE__ */ p(_s, { children: [
+    i && /* @__PURE__ */ p(Ws, { children: [
       i.date,
       " · ",
       i.time
     ] }),
-    n.title && /* @__PURE__ */ s(Ws, { children: n.title }),
-    /* @__PURE__ */ s(we, { ...n }),
-    e && /* @__PURE__ */ s(Ys, { onClick: () => e(n.tweetId), children: "View Insight" })
+    n.title && /* @__PURE__ */ s(Fs, { children: n.title }),
+    /* @__PURE__ */ s(Le, { ...n }),
+    e && /* @__PURE__ */ s(Vs, { onClick: () => e(n.tweetId), children: "View Insight" })
   ] });
-}, Bs = /* @__PURE__ */ o("div")({
+}, Hs = /* @__PURE__ */ o("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Hs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Bs, { children: e == null ? void 0 : e.map((n) => {
-  var i, r, d;
+}), Gs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Hs, { children: e == null ? void 0 : e.map((n) => {
+  var i, r, c;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const p = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Rs, { openQuestion: t, ...p }, p.questionId);
+    const m = n.attributes.attributes.value;
+    return /* @__PURE__ */ s(Qs, { openQuestion: t, ...m }, m.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const p = n.attributes.attributes.value, l = n.attributes.created;
-    return /* @__PURE__ */ s(qs, { openInsight: t, ...p, created: l }, p.questionId);
+    const m = n.attributes.attributes.value, l = n.attributes.created;
+    return /* @__PURE__ */ s(qs, { openInsight: t, ...m, created: l }, m.questionId);
   }
-  if (n.type === "tweet" && ((d = n.attributes) == null ? void 0 : d.attributes.case) === "tweet") {
-    const p = n.attributes.attributes.value, l = n.attributes.id, c = n.attributes.created;
-    return /* @__PURE__ */ s(Fs, { openTweet: t, ...p, tweetId: l, created: c }, l);
+  if (n.type === "tweet" && ((c = n.attributes) == null ? void 0 : c.attributes.case) === "tweet") {
+    const m = n.attributes.attributes.value, l = n.attributes.id, d = n.attributes.created;
+    return /* @__PURE__ */ s(Bs, { openTweet: t, ...m, tweetId: l, created: d }, l);
   }
   return null;
-}) }), Gs = ({ store: e, openQuestion: t }) => {
+}) }), Zs = ({ store: e, openQuestion: t }) => {
   const n = _(e);
-  return n != null && n.data ? /* @__PURE__ */ s(Hs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, Zs = ({ userSummary: e }) => {
+  return n != null && n.data ? /* @__PURE__ */ s(Gs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, Js = ({ userSummary: e }) => {
   var t;
-  const [n, i] = E(void 0);
-  return he(() => {
-    const r = e.subscribe((d) => {
-      d != null && d.data && i(d.data);
+  const [n, i] = $(void 0);
+  return fe(() => {
+    const r = e.subscribe((c) => {
+      c != null && c.data && i(c.data);
     });
     return () => {
       r();
     };
   }, [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..." });
-}, Js = ({
+}, Ks = ({
   gamification: e
 }) => {
-  const [t, n] = E(!1), [i, r] = E(G.HOME), d = de(null), p = de(0), [l, c] = Je(), I = (g) => {
-    c(() => r(g));
-  }, M = (g) => {
-    c(() => n(g));
-  }, S = P($e(() => {
-    const g = d.current;
-    if (!g)
+  const [t, n] = $(!1), [i, r] = $(G.HOME), c = ue(null), m = ue(0), [l, d] = Je(), I = (v) => {
+    d(() => r(v));
+  }, g = (v) => {
+    d(() => n(v));
+  }, S = q(Re(() => {
+    const v = c.current;
+    if (!v)
       return;
     const {
       scrollTop: N
-    } = g;
+    } = v;
     if (N === 0) {
-      p.current = 0, M(!1);
+      m.current = 0, g(!1);
       return;
     }
-    if (Math.abs(p.current - N) < 112)
+    if (Math.abs(m.current - N) < 112)
       return;
-    const y = p.current < N ? "forward" : "backward";
-    p.current = N, M(y === "forward");
+    const z = m.current < N ? "forward" : "backward";
+    m.current = N, g(z === "forward");
   }, 200), []);
-  return he(() => {
-    const g = d.current;
-    return g ? (i === G.HOME && g.addEventListener("scroll", S), () => {
-      g.removeEventListener("scroll", S);
+  return fe(() => {
+    const v = c.current;
+    return v ? (i === G.HOME && v.addEventListener("scroll", S), () => {
+      v.removeEventListener("scroll", S);
     }) : () => {
     };
-  }, [i, S]), /* @__PURE__ */ m("div", {
+  }, [i, S]), /* @__PURE__ */ p("div", {
     style: {
       height: "100%",
       display: "flex",
       flexDirection: "column",
       overflow: "hidden"
     },
-    children: [l, /* @__PURE__ */ s(ce, {
+    children: [l, /* @__PURE__ */ s(de, {
       style: {
         paddingBottom: "4px",
         transition: "margin-top 0.2s ease-in-out",
         marginTop: t ? "-56px" : "0px"
       },
-      children: /* @__PURE__ */ s(Gn, {
+      children: /* @__PURE__ */ s(Zn, {
         activePage: i,
         toggleActivePage: I
       })
-    }), i === G.HOME && /* @__PURE__ */ m(me, {
-      ref: d,
-      children: [/* @__PURE__ */ s(ce, {
+    }), i === G.HOME && /* @__PURE__ */ p(Ie, {
+      ref: c,
+      children: [/* @__PURE__ */ s(de, {
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(Zs, {
+        children: /* @__PURE__ */ s(Js, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(Ge, {
-        children: /* @__PURE__ */ s(Gs, {
+        children: /* @__PURE__ */ s(Zs, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
     }), i === G.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(Ss, {
+      children: /* @__PURE__ */ s(zs, {
         gamification: e,
-        hideTabs: M
+        hideTabs: g
       })
     })]
   });
-}, Ks = () => Ze, je = /* @__PURE__ */ o(Ks())({
+}, Xs = () => Ze, ke = /* @__PURE__ */ o(Xs())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), Xs = /* @__PURE__ */ o("div")({
+}), ei = /* @__PURE__ */ o("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), ei = ({
+}), ti = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, fi = ({
+}, gi = ({
   gamification: e,
   className: t
 }) => {
   const n = _(e.openedQuestion.$store), i = _(e.openedUser);
-  return /* @__PURE__ */ m(k, {
-    children: [n && /* @__PURE__ */ s(je, {
+  return /* @__PURE__ */ p(L, {
+    children: [n && /* @__PURE__ */ s(ke, {
       className: t,
-      children: /* @__PURE__ */ s(Vn, {
+      children: /* @__PURE__ */ s(Wn, {
         gamification: e
       })
-    }), i && /* @__PURE__ */ s(je, {
+    }), i && /* @__PURE__ */ s(ke, {
       className: t,
-      children: /* @__PURE__ */ m(Xs, {
-        children: [/* @__PURE__ */ s(Re, {
+      children: /* @__PURE__ */ p(ei, {
+        children: [/* @__PURE__ */ s(Qe, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ s(ce, {
+        }), /* @__PURE__ */ s(de, {
           children: /* @__PURE__ */ s(qe, {
             ...i,
-            successRate: ei(i)
+            successRate: ti(i)
           })
         })]
       })
-    }), /* @__PURE__ */ s(me, {
+    }), /* @__PURE__ */ s(Ie, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ s(Js, {
+      children: /* @__PURE__ */ s(Ks, {
         gamification: e
       })
     })]
   });
 };
 export {
-  fi as default
+  gi as default
 };