@streamlayer/react 0.30.4 → 0.30.6

package/lib/es/gamification-feature.js

@@ -1,6 +1,6 @@
-import { jsxs as u, jsx as s, Fragment as b } from "react/jsx-runtime";
+import { jsxs as p, jsx as s, Fragment as b } from "react/jsx-runtime";
 import { s as o, i as j } from "./index3.js";
-import { useStore as w } from "@nanostores/react";
+import { useStore as k } from "@nanostores/react";
 import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
 import { useState as R, useCallback as F, useMemo as W, createElement as H, PureComponent as Ae } from "react";
 import { QuestionType as x, QuestionStatus as Q, QuestionImages as $, PickHistoryStatus as q } from "@streamlayer/sdk-web-types";
@@ -38,8 +38,8 @@ const Ve = /* @__PURE__ */ o("div")({
   propsAsIs: !0
 }), De = ({ type: e, close: t, label: n }) => {
   const i = e ? Ne[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ u(Ve, { children: [
-    /* @__PURE__ */ u(Fe, { children: [
+  return /* @__PURE__ */ p(Ve, { children: [
+    /* @__PURE__ */ p(Fe, { children: [
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(He, { name: i.iconName }),
       (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Ze, { children: i.label })
     ] }),
@@ -57,7 +57,7 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ u(Xe, { children: [
+}), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(Xe, { children: [
   /* @__PURE__ */ s(et, { children: t }),
   /* @__PURE__ */ s(tt, { children: e })
 ] }), nt = /* @__PURE__ */ o("div")({
@@ -72,7 +72,7 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ u(nt, { children: [
+}), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ p(nt, { children: [
   /* @__PURE__ */ s(st, { children: e }),
   /* @__PURE__ */ s(it, { children: t })
 ] }), rt = /* @__PURE__ */ o("div")({
@@ -150,28 +150,28 @@ const Ve = /* @__PURE__ */ o("div")({
   friendsRank: i,
   rank: r,
   streak: I,
-  correct: m,
-  incorrect: p,
+  correct: u,
+  incorrect: m,
   inTop: d,
   successRate: h
-}) => /* @__PURE__ */ u(rt, { children: [
-  /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ u(lt, { children: [
-    /* @__PURE__ */ u(At, { children: [
+}) => /* @__PURE__ */ p(rt, { children: [
+  /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ p(lt, { children: [
+    /* @__PURE__ */ p(At, { children: [
       e && /* @__PURE__ */ s(ct, { alt: "avatar", src: e }),
       !e && /* @__PURE__ */ s(Nt, { children: ye(t || "") })
     ] }),
-    /* @__PURE__ */ u(dt, { children: [
+    /* @__PURE__ */ p(dt, { children: [
       /* @__PURE__ */ s(ut, { children: t }),
-      /* @__PURE__ */ u(pt, { children: [
-        /* @__PURE__ */ u(It, { children: [
+      /* @__PURE__ */ p(pt, { children: [
+        /* @__PURE__ */ p(It, { children: [
           /* @__PURE__ */ s(mt, { alt: "rank-icon", src: yt }),
-          /* @__PURE__ */ u(ht, { children: [
+          /* @__PURE__ */ p(ht, { children: [
             Te(n),
             /* @__PURE__ */ s(ft, { children: "PTS" })
           ] })
         ] }),
         /* @__PURE__ */ s(gt, {}),
-        /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ p("div", { children: [
           "TOP ",
           d || 0,
           "%"
@@ -179,15 +179,15 @@ const Ve = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ u(at, { children: [
-    /* @__PURE__ */ u(Mt, { children: [
+  /* @__PURE__ */ p(at, { children: [
+    /* @__PURE__ */ p(Mt, { children: [
       /* @__PURE__ */ s(oe, { indicator: i || 0, title: "Friends rank" }),
       /* @__PURE__ */ s(oe, { indicator: r || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ u(vt, { children: [
+    /* @__PURE__ */ p(vt, { children: [
       /* @__PURE__ */ s(Y, { indicator: I || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(Y, { indicator: m || 0, title: "Correct" }),
-      /* @__PURE__ */ s(Y, { indicator: p || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(Y, { indicator: u || 0, title: "Correct" }),
+      /* @__PURE__ */ s(Y, { indicator: m || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(Y, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
   ] })
@@ -203,7 +203,7 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), zt = ({ title: e, description: t }) => /* @__PURE__ */ u(Tt, { children: [
+}), zt = ({ title: e, description: t }) => /* @__PURE__ */ p(Tt, { children: [
   /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
   /* @__PURE__ */ s(Dt, { children: e }),
   /* @__PURE__ */ s(St, { children: t })
@@ -223,7 +223,7 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ o("span")({
+}), Ct = /* @__PURE__ */ o("span")({
   name: "FeedbackTitle",
   class: "f1913njx",
   propsAsIs: !1
@@ -231,11 +231,11 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), wt = /* @__PURE__ */ o("div")({
+}), kt = /* @__PURE__ */ o("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
-}), Ct = ({
+}), wt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
@@ -243,26 +243,26 @@ const Ve = /* @__PURE__ */ o("div")({
   hasCorrectAnswer: r,
   questionStatus: I
 }) => {
-  const m = n && (i === x.TRIVIA || i === x.PREDICTION);
-  if (!m && I !== Q.RESOLVED)
+  const u = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!u && I !== Q.RESOLVED)
     return null;
-  const p = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ u(xt, { "data-isPrediction": p, children: [
-    I === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ u(b, { children: [
+  const m = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ p(xt, { "data-isPrediction": m, children: [
+    I === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
-      /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { 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__ */ s(kt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    m && p && /* @__PURE__ */ u(b, { children: [
+    u && m && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(Ot, { name: "icon-prediction" }),
       /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    m && r && /* @__PURE__ */ u(b, { children: [
+    u && r && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(ae, { "data-feedbackType": d, children: /* @__PURE__ */ s(j, { name: d }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ u(le, { children: [
-        /* @__PURE__ */ s(kt, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
+      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(le, { children: [
+        /* @__PURE__ */ s(Ct, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
         /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
@@ -362,8 +362,8 @@ const Ve = /* @__PURE__ */ o("div")({
     text: r,
     percentageDecimal: I,
     // extra props
-    onVote: m,
-    youSelected: p,
+    onVote: u,
+    youSelected: m,
     questionVoted: d,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
@@ -374,22 +374,22 @@ const Ve = /* @__PURE__ */ o("div")({
     correct: T,
     hasCorrectAnswer: a
   } = e, l = Jt(e), c = Kt({ questionType: y, questionVoted: d, correct: T, hasCorrectAnswer: a, questionStatus: D }), f = d || D === Q.RESOLVED && y === x.PREDICTION;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ p(
     Rt,
     {
       value: n,
-      "data-selected": p,
+      "data-selected": m,
       "data-answerState": l,
       disabled: d || N || A,
-      onClick: m,
+      onClick: u,
       children: [
         f && /* @__PURE__ */ s(Qt, { "data-answerState": l, style: { width: `${I}%` } }),
-        /* @__PURE__ */ u(Ut, { children: [
+        /* @__PURE__ */ p(Ut, { children: [
           i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
           /* @__PURE__ */ s(Ft, { children: r }),
-          f && /* @__PURE__ */ u(Bt, { children: [
+          f && /* @__PURE__ */ p(Bt, { children: [
             c && /* @__PURE__ */ s(Gt, { name: "selected" }),
-            /* @__PURE__ */ u(Ht, { children: [
+            /* @__PURE__ */ p(Ht, { children: [
               I,
               "%"
             ] })
@@ -411,9 +411,9 @@ const Ve = /* @__PURE__ */ o("div")({
     remainingTime: d
   }) => /* @__PURE__ */ s(nn, {
     children: d
-  }), m = F(() => {
+  }), u = F(() => {
     n == null || n(), r(rn);
-  }, [n, r]), p = F((d) => {
+  }, [n, r]), m = F((d) => {
     d === 10 && r(de);
   }, [r]);
   return /* @__PURE__ */ s(We, {
@@ -425,8 +425,8 @@ const Ve = /* @__PURE__ */ o("div")({
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: m,
-    onUpdate: p,
+    onComplete: u,
+    onUpdate: m,
     children: I
   });
 }, an = /* @__PURE__ */ o("div")({
@@ -457,12 +457,12 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), hn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ u(an, { children: [
-  /* @__PURE__ */ u(ln, { children: [
+}), hn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ p(an, { children: [
+  /* @__PURE__ */ p(ln, { children: [
     e && /* @__PURE__ */ s(cn, { children: e }),
-    t !== void 0 && /* @__PURE__ */ u(b, { children: [
+    t !== void 0 && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(un, { name: "icon-trophy" }),
-      /* @__PURE__ */ u(pn, { children: [
+      /* @__PURE__ */ p(pn, { children: [
         /* @__PURE__ */ s(mn, { children: t }),
         /* @__PURE__ */ s(In, { children: "PTS" })
       ] })
@@ -471,7 +471,7 @@ const Ve = /* @__PURE__ */ o("div")({
   i && /* @__PURE__ */ s(on, { isPlaying: n, onTimerExpired: r })
 ] }), fn = ({ openedQuestion: e, vote: t, close: n }) => {
   var i;
-  const r = e.subject, I = e.type, m = (i = e.options) == null ? void 0 : i.options, [p, d] = R(!1), [h, A] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, T = F(
+  const r = e.subject, I = e.type, u = (i = e.options) == null ? void 0 : i.options, [m, d] = R(!1), [h, A] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, T = F(
     async (v) => {
       if (y) {
         const g = v.currentTarget.value;
@@ -496,16 +496,16 @@ const Ve = /* @__PURE__ */ o("div")({
       isLoading: h,
       hasCorrectAnswer: c,
       questionType: e.type,
-      answerTimeExpired: p,
+      answerTimeExpired: m,
       questionStatus: e.status,
       imageMode: (g = e.appearance) == null ? void 0 : g.images,
       // ToDo: Figure out why imageMode is not in the response
       onVote: T
     };
-  }) : [], [c, p, h, e, l, T, D]), M = m && (m.case === "trivia" || m.case === "prediction") ? m.value : void 0;
-  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(bt, { children: /* @__PURE__ */ u(Et, { children: [
+  }) : [], [c, m, h, e, l, T, D]), M = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
+  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(bt, { children: /* @__PURE__ */ p(Et, { children: [
     M && /* @__PURE__ */ s(
-      Ct,
+      wt,
       {
         feedbackMessages: M,
         questionVoted: !!l,
@@ -515,23 +515,23 @@ const Ve = /* @__PURE__ */ o("div")({
         questionStatus: e.status
       }
     ),
-    /* @__PURE__ */ s(
+    e.type !== x.PREDICTION && /* @__PURE__ */ s(
       hn,
       {
-        title: p ? "Time expired" : "To win",
-        points: p ? void 0 : 100,
+        title: m ? "Time expired" : "To win",
+        points: m ? void 0 : 100,
         onTimerExpired: a,
         isTimer: !0
       }
     ),
-    p ? /* @__PURE__ */ s(
+    m ? /* @__PURE__ */ s(
       zt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ u(b, { children: [
-      /* @__PURE__ */ s(Lt, { children: r }),
+    ) : /* @__PURE__ */ p(b, { children: [
+      /* @__PURE__ */ s(Lt, { "data-isPrediction": e.type === x.PREDICTION, children: r }),
       /* @__PURE__ */ s($t, { children: f.map((v) => /* @__PURE__ */ s(Xt, { ...v }, v.id)) })
     ] })
   ] }) }) });
@@ -555,57 +555,62 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
-}), xe = ({ created: e, title: t, instantView: n }) => {
-  const i = W(() => {
+}), yn = /* @__PURE__ */ o("img")({
+  name: "Image",
+  class: "i1gfjeu5",
+  propsAsIs: !1
+}), xe = ({ created: e, image: t, title: n, instantView: i }) => {
+  const r = W(() => {
     if (e) {
-      const r = new Date(e);
-      if (qe(r))
+      const u = new Date(e);
+      if (qe(u))
         return {
-          date: Ye(r),
-          time: Pe(r)
+          date: Ye(u),
+          time: Pe(u)
         };
     }
     return null;
-  }, [e]);
-  return /* @__PURE__ */ u(gn, { children: [
-    i && /* @__PURE__ */ u(An, { children: [
-      i.date,
+  }, [e]), I = (i == null ? void 0 : i.image) || t;
+  return /* @__PURE__ */ p(gn, { children: [
+    r && /* @__PURE__ */ p(An, { children: [
+      r.date,
       " · ",
-      i.time
+      r.time
     ] }),
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ s($e, { source: n.video.url, poster: n.video.thumbnailUrl }),
-    /* @__PURE__ */ u(Mn, { children: [
-      /* @__PURE__ */ s(vn, { children: (n == null ? void 0 : n.heading) || t }),
-      /* @__PURE__ */ s(Nn, { children: n == null ? void 0 : n.body })
+    (i == null ? void 0 : i.video) && /* @__PURE__ */ s($e, { source: i.video.url, poster: i.video.thumbnailUrl }),
+    I && /* @__PURE__ */ s(yn, { src: I }),
+    /* @__PURE__ */ p(Mn, { children: [
+      /* @__PURE__ */ s(vn, { children: (i == null ? void 0 : i.heading) || n }),
+      /* @__PURE__ */ s(Nn, { children: i == null ? void 0 : i.body })
     ] })
   ] });
-}, yn = /* @__PURE__ */ o("div")({
+}, Tn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ o("a")({
+}), Dn = /* @__PURE__ */ o("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Dn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(yn, { children: [
+}), Sn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Tn, { children: [
   /* @__PURE__ */ s(xe, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(Tn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Dn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ s(j, { name: "icon-external-link" })
   ] })
-] }), Sn = /* @__PURE__ */ o("div")({
+] }), zn = /* @__PURE__ */ o("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), zn = ({
+}), xn = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Dn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, xn = ({
+}, jn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -619,27 +624,27 @@ const Ve = /* @__PURE__ */ o("div")({
     close: n,
     openedQuestion: r
   }) : null;
-}, jn = ({
+}, On = ({
   gamification: e
 }) => {
   var t;
-  const n = w(e.openedQuestion.$store), i = w(e.openedQuestion.$extendedStore);
+  const n = k(e.openedQuestion.$store), i = k(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
   const r = n.type;
-  return /* @__PURE__ */ u(Sn, {
+  return /* @__PURE__ */ p(zn, {
     children: [/* @__PURE__ */ s(De, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), r === "question" && /* @__PURE__ */ s(xn, {
+    }), r === "question" && /* @__PURE__ */ s(jn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), r !== "question" && /* @__PURE__ */ s(zn, {
+    }), r !== "question" && /* @__PURE__ */ s(xn, {
       openedQuestion: n
     })]
   });
-}, On = /* @__PURE__ */ o("div")({
+}, Cn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
@@ -651,13 +656,13 @@ const Ve = /* @__PURE__ */ o("div")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ o("span")({
+}), bn = /* @__PURE__ */ o("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var V = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(V || {});
-const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(wn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Cn, { children: e }) }), bn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(On, { children: /* @__PURE__ */ u(kn, { "data-position": e === "home" ? "left" : "right", children: [
+const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(wn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(bn, { children: e }) }), En = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Cn, { children: /* @__PURE__ */ p(kn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -694,34 +699,34 @@ function ee(e, t) {
     return i.__proto__ = r, i;
   }, ee(e, t);
 }
-function En(e, t) {
+function Ln(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
 }
 var me = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Ln(e, t) {
+function $n(e, t) {
   return !!(e === t || me(e) && me(t));
 }
-function $n(e, t) {
+function Rn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Ln(e[n], t[n]))
+    if (!$n(e[n], t[n]))
       return !1;
   return !0;
 }
 function G(e, t) {
-  t === void 0 && (t = $n);
+  t === void 0 && (t = Rn);
   var n, i = [], r, I = !1;
-  function m() {
-    for (var p = [], d = 0; d < arguments.length; d++)
-      p[d] = arguments[d];
-    return I && n === this && t(p, i) || (r = e.apply(this, p), I = !0, n = this, i = p), r;
+  function u() {
+    for (var m = [], d = 0; d < arguments.length; d++)
+      m[d] = arguments[d];
+    return I && n === this && t(m, i) || (r = e.apply(this, m), I = !0, n = this, i = m), r;
   }
-  return m;
+  return u;
 }
-var Rn = typeof performance == "object" && typeof performance.now == "function", Ie = Rn ? function() {
+var Qn = typeof performance == "object" && typeof performance.now == "function", Ie = Qn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -729,7 +734,7 @@ var Rn = typeof performance == "object" && typeof performance.now == "function",
 function he(e) {
   cancelAnimationFrame(e.id);
 }
-function Qn(e, t) {
+function Un(e, t) {
   var n = Ie();
   function i() {
     Ie() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
@@ -747,23 +752,23 @@ function fe(e) {
   }
   return J;
 }
-var C = null;
+var w = null;
 function ge(e) {
-  if (e === void 0 && (e = !1), C === null || e) {
+  if (e === void 0 && (e = !1), w === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var i = document.createElement("div"), r = i.style;
-    return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? C = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? C = "negative" : C = "positive-ascending"), document.body.removeChild(t), C;
+    return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? w = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? w = "negative" : w = "positive-ascending"), document.body.removeChild(t), w;
   }
-  return C;
+  return w;
 }
-var Un = 150, _n = function(t, n) {
+var _n = 150, qn = function(t, n) {
   return t;
 };
-function qn(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
+function Yn(e) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, u = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
   return t = /* @__PURE__ */ function(D) {
-    En(N, D);
+    Ln(N, D);
     function N(T) {
       var a;
       return a = D.call(this, T) || this, a._instanceProps = d(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
@@ -790,14 +795,14 @@ function qn(e) {
         if (g.hasOwnProperty(l))
           S = g[l];
         else {
-          var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), k = f === "horizontal" || v === "horizontal", U = f === "rtl", _ = k ? z : 0;
+          var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), C = f === "horizontal" || v === "horizontal", U = f === "rtl", _ = C ? z : 0;
           g[l] = S = {
             position: "absolute",
             left: U ? void 0 : _,
             right: U ? _ : void 0,
-            top: k ? 0 : z,
-            height: k ? "100%" : O,
-            width: k ? O : "100%"
+            top: C ? 0 : z,
+            height: C ? "100%" : O,
+            width: C ? O : "100%"
           };
         }
         return S;
@@ -842,7 +847,7 @@ function qn(e) {
         var c = a.props.outerRef;
         a._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
       }, a._resetIsScrollingDebounced = function() {
-        a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Qn(a._resetIsScrolling, Un);
+        a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Un(a._resetIsScrolling, _n);
       }, a._resetIsScrolling = function() {
         a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
@@ -852,7 +857,7 @@ function qn(e) {
       }, a;
     }
     N.getDerivedStateFromProps = function(a, l) {
-      return Yn(a, l), A(a), null;
+      return Pn(a, l), A(a), null;
     };
     var y = N.prototype;
     return y.scrollTo = function(a) {
@@ -907,14 +912,14 @@ function qn(e) {
     }, y.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, y.render = function() {
-      var a = this.props, l = a.children, c = a.className, f = a.direction, M = a.height, v = a.innerRef, g = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, k = a.itemKey, U = k === void 0 ? _n : k, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, ke = a.style, we = a.useIsScrolling, Ce = a.width, ne = this.state.isScrolling, B = f === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
+      var a = this.props, l = a.children, c = a.className, f = a.direction, M = a.height, v = a.innerRef, g = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, C = a.itemKey, U = C === void 0 ? qn : C, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = f === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
       if (z > 0)
         for (var L = Ee; L <= Le; L++)
           ie.push(H(l, {
             data: O,
             key: U(L, O),
             index: L,
-            isScrolling: we ? ne : void 0,
+            isScrolling: ke ? ne : void 0,
             style: this._getItemStyle(L)
           }));
       var re = i(this.props, this._instanceProps);
@@ -925,12 +930,12 @@ function qn(e) {
         style: X({
           position: "relative",
           height: M,
-          width: Ce,
+          width: we,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: f
-        }, ke)
+        }, Ce)
       }, H(g || S || "div", {
         children: ie,
         ref: v,
@@ -956,8 +961,8 @@ function qn(e) {
       var a = this.props, l = a.itemCount, c = a.overscanCount, f = this.state, M = f.isScrolling, v = f.scrollDirection, g = f.scrollOffset;
       if (l === 0)
         return [0, 0, 0, 0];
-      var S = m(this.props, g, this._instanceProps), z = p(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, k = !M || v === "forward" ? Math.max(1, c) : 1;
-      return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + k)), S, z];
+      var S = u(this.props, g, this._instanceProps), z = m(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, C = !M || v === "forward" ? Math.max(1, c) : 1;
+      return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + C)), S, z];
     }, N;
   }(Ae), t.defaultProps = {
     direction: "ltr",
@@ -967,9 +972,9 @@ function qn(e) {
     useIsScrolling: !1
   }, t;
 }
-var Yn = function(t, n) {
+var Pn = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, Pn = /* @__PURE__ */ qn({
+}, Wn = /* @__PURE__ */ Yn({
   getItemOffset: function(t, n) {
     var i = t.itemSize;
     return n * i;
@@ -982,8 +987,8 @@ var Yn = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, I, m) {
-    var p = t.direction, d = t.height, h = t.itemCount, A = t.itemSize, D = t.layout, N = t.width, y = p === "horizontal" || D === "horizontal", T = y ? N : d, a = Math.max(0, h * A - T), l = Math.min(a, n * A), c = Math.max(0, n * A - T + A + m);
+  getOffsetForIndexAndAlignment: function(t, n, i, r, I, u) {
+    var m = t.direction, d = t.height, h = t.itemCount, A = t.itemSize, D = t.layout, N = t.width, y = m === "horizontal" || D === "horizontal", T = y ? N : d, a = Math.max(0, h * A - T), l = Math.min(a, n * A), c = Math.max(0, n * A - T + A + u);
     switch (i === "smart" && (r >= c - T && r <= l + T ? i = "auto" : i = "center"), i) {
       case "start":
         return l;
@@ -1003,9 +1008,9 @@ var Yn = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, I = t.height, m = t.itemCount, p = t.itemSize, d = t.layout, h = t.width, A = r === "horizontal" || d === "horizontal", D = n * p, N = A ? h : I, y = Math.ceil((N + i - D) / p);
+    var r = t.direction, I = t.height, u = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, A = r === "horizontal" || d === "horizontal", D = n * m, N = A ? h : I, y = Math.ceil((N + i - D) / m);
     return Math.max(0, Math.min(
-      m - 1,
+      u - 1,
       n + y - 1
       // -1 is because stop index is inclusive
     ));
@@ -1017,34 +1022,34 @@ var Yn = function(t, n) {
     t.itemSize;
   }
 });
-function Wn(e) {
+function Vn(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
   return !(i > n || r < t);
 }
-function Vn(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, m = [], p = null, d = null, h = r; h <= I; h++) {
+function Fn(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, u = [], m = null, d = null, h = r; h <= I; h++) {
     var A = t(h);
-    A ? d !== null && (m.push(p, d), p = d = null) : (d = h, p === null && (p = h));
+    A ? d !== null && (u.push(m, d), m = d = null) : (d = h, m === null && (m = h));
   }
   if (d !== null) {
-    for (var D = Math.min(Math.max(d, p + i - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
+    for (var D = Math.min(Math.max(d, m + i - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
       d = N;
-    m.push(p, d);
+    u.push(m, d);
   }
-  if (m.length)
-    for (; m[1] - m[0] + 1 < i && m[0] > 0; ) {
-      var y = m[0] - 1;
+  if (u.length)
+    for (; u[1] - u[0] + 1 < i && u[0] > 0; ) {
+      var y = u[0] - 1;
       if (!t(y))
-        m[0] = y;
+        u[0] = y;
       else
         break;
     }
-  return m;
+  return u;
 }
-var Fn = function(e, t) {
+var Bn = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, Bn = function() {
+}, Hn = function() {
   function e(t, n) {
     for (var i = 0; i < n.length; i++) {
       var r = n[i];
@@ -1054,7 +1059,7 @@ var Fn = function(e, t) {
   return function(t, n, i) {
     return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), Hn = function(e, t) {
+}(), Zn = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1069,21 +1074,21 @@ var Fn = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
-}, Zn = function(e) {
-  Hn(t, e);
+}, Gn = function(e) {
+  Zn(t, e);
   function t() {
     var n, i, r, I;
-    Fn(this, t);
-    for (var m = arguments.length, p = Array(m), d = 0; d < m; d++)
-      p[d] = arguments[d];
-    return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
+    Bn(this, t);
+    for (var u = arguments.length, m = Array(u), d = 0; d < u; d++)
+      m[d] = arguments[d];
+    return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
       var A = h.visibleStartIndex, D = h.visibleStopIndex;
       r._lastRenderedStartIndex = A, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(A, D);
     }, r._setRef = function(h) {
       r._listRef = h;
     }, i), Me(r, I);
   }
-  return Bn(t, [{
+  return Hn(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1105,12 +1110,12 @@ var Fn = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var I = this.props, m = I.isItemLoaded, p = I.itemCount, d = I.minimumBatchSize, h = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Vn({
-        isItemLoaded: m,
-        itemCount: p,
+      var I = this.props, u = I.isItemLoaded, m = I.itemCount, d = I.minimumBatchSize, h = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Fn({
+        isItemLoaded: u,
+        itemCount: m,
         minimumBatchSize: h,
         startIndex: Math.max(0, i - D),
-        stopIndex: Math.min(p - 1, r + D)
+        stopIndex: Math.min(m - 1, r + D)
       });
       (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(y, T) {
         return N[T] !== y;
@@ -1119,10 +1124,10 @@ var Fn = function(e, t) {
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(h) {
+      for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, u = function(h) {
         var A = i[h], D = i[h + 1], N = I(A, D);
         N != null && N.then(function() {
-          if (Wn({
+          if (Vn({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
             startIndex: A,
@@ -1133,87 +1138,87 @@ var Fn = function(e, t) {
             typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(A, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, p = 0; p < i.length; p += 2)
-        m(p);
+      }, m = 0; m < i.length; m += 2)
+        u(m);
     }
   }]), t;
 }(Ae);
-const Gn = /* @__PURE__ */ o("div")({
+const Jn = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), Jn = /* @__PURE__ */ o("div")({
+}), Kn = /* @__PURE__ */ o("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ o("img")({
+}), Xn = /* @__PURE__ */ o("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), Xn = /* @__PURE__ */ o("div")({
+}), es = /* @__PURE__ */ o("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), es = /* @__PURE__ */ o("div")({
+}), ts = /* @__PURE__ */ o("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ o("div")({
+}), ns = /* @__PURE__ */ o("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), ns = /* @__PURE__ */ o("span")({
+}), ss = /* @__PURE__ */ o("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), ss = () => j, is = /* @__PURE__ */ o(ss())({
+}), is = () => j, rs = /* @__PURE__ */ o(is())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), rs = ({
+}), os = ({
   rank: e,
   avatar: t,
   name: n,
   points: i,
   isCurrentUser: r,
   openItemDetail: I,
-  style: m
-}) => /* @__PURE__ */ u(Gn, { onClick: I, style: m, children: [
-  /* @__PURE__ */ s(Jn, { children: e || 0 }),
-  /* @__PURE__ */ u(es, { children: [
-    t ? /* @__PURE__ */ s(Kn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Xn, { children: ye(n || "") }),
-    /* @__PURE__ */ u(ts, { children: [
-      /* @__PURE__ */ s(ns, { children: n || "" }),
-      r && /* @__PURE__ */ s(is, { name: "icon-star" })
+  style: u
+}) => /* @__PURE__ */ p(Jn, { onClick: I, style: u, children: [
+  /* @__PURE__ */ s(Kn, { children: e || 0 }),
+  /* @__PURE__ */ p(ts, { children: [
+    t ? /* @__PURE__ */ s(Xn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(es, { children: ye(n || "") }),
+    /* @__PURE__ */ p(ns, { children: [
+      /* @__PURE__ */ s(ss, { children: n || "" }),
+      r && /* @__PURE__ */ s(rs, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ s("div", { children: Te(i) })
-] }), os = /* @__PURE__ */ o("div")({
+] }), as = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), as = ({
+}), ls = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i
 }) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: I }) => /* @__PURE__ */ s(
-  Zn,
+  Gn,
   {
-    isItemLoaded: (m) => m < e.length,
+    isItemLoaded: (u) => u < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: m, ref: p }) => /* @__PURE__ */ s(os, { children: /* @__PURE__ */ s(
-      Pn,
+    children: ({ onItemsRendered: u, ref: m }) => /* @__PURE__ */ s(as, { children: /* @__PURE__ */ s(
+      Wn,
       {
         itemSize: 56,
-        onItemsRendered: m,
-        ref: p,
+        onItemsRendered: u,
+        ref: m,
         itemCount: e.length,
         width: r,
         height: I,
         children: ({ index: d, style: h }) => /* @__PURE__ */ s(
-          rs,
+          os,
           {
             style: { ...h, maxHeight: 48 },
             ...e[d],
@@ -1225,8 +1230,8 @@ const Gn = /* @__PURE__ */ o("div")({
       }
     ) })
   }
-) }), ls = ({ deepLink: e }) => {
-  const { data: t } = w(e.$store);
+) }), cs = ({ deepLink: e }) => {
+  const { data: t } = k(e.$store);
   return /* @__PURE__ */ s(
     Qe,
     {
@@ -1247,123 +1252,123 @@ const Gn = /* @__PURE__ */ o("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, cs = ({ gamification: e }) => {
-  const { data: t } = w(e.leaderboardList.$store);
+}, ds = ({ gamification: e }) => {
+  const { data: t } = k(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ s(
-    as,
+    ls,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(ls, { deepLink: e.deepLink });
-}, ds = /* @__PURE__ */ o("div")({
+  ) : /* @__PURE__ */ s(cs, { deepLink: e.deepLink });
+}, us = /* @__PURE__ */ o("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), us = /* @__PURE__ */ o("div")({
+}), ps = /* @__PURE__ */ o("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), ps = /* @__PURE__ */ o("div")({
+}), ms = /* @__PURE__ */ o("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), ms = /* @__PURE__ */ o("div")({
+}), Is = /* @__PURE__ */ o("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Is = () => j, P = /* @__PURE__ */ o(Is())({
+}), hs = () => j, P = /* @__PURE__ */ o(hs())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), hs = () => j, fs = /* @__PURE__ */ o(hs())({
+}), fs = () => j, gs = /* @__PURE__ */ o(fs())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), gs = /* @__PURE__ */ o("div")({
+}), Ms = /* @__PURE__ */ o("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Ms = /* @__PURE__ */ o("div")({
+}), vs = /* @__PURE__ */ o("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), vs = /* @__PURE__ */ o("button")({
+}), Ns = /* @__PURE__ */ o("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Ns = {
+}), As = {
   [q.LOST]: /* @__PURE__ */ s(P, { name: "icon-cross" }),
   [q.WON]: /* @__PURE__ */ s(P, { name: "icon-check" }),
   [q.UNSET]: /* @__PURE__ */ s(P, { name: "icon-arrow" }),
   [q.DNP]: /* @__PURE__ */ s(P, { name: "icon-arrow" })
-}, As = ({
+}, ys = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
   subject: i,
   openForVoting: r,
   openQuestion: I,
-  status: m
+  status: u
 }) => {
-  const p = Ne[t], d = Ns[m];
-  return p ? /* @__PURE__ */ u(ds, { onClick: () => I == null ? void 0 : I(e), children: [
-    /* @__PURE__ */ u(Ms, { children: [
-      /* @__PURE__ */ u(us, { children: [
-        /* @__PURE__ */ s(fs, { name: p.iconName }),
-        /* @__PURE__ */ u(gs, { children: [
-          p.label,
+  const m = Ne[t], d = As[u];
+  return m ? /* @__PURE__ */ p(us, { onClick: () => I == null ? void 0 : I(e), children: [
+    /* @__PURE__ */ p(vs, { children: [
+      /* @__PURE__ */ p(ps, { children: [
+        /* @__PURE__ */ s(gs, { name: m.iconName }),
+        /* @__PURE__ */ p(Ms, { children: [
+          m.label,
           t === x.TRIVIA && n === Q.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(ps, { children: i || "" })
+      /* @__PURE__ */ s(ms, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(ms, { children: r ? /* @__PURE__ */ s(vs, { children: "Play" }) : d })
+    /* @__PURE__ */ s(Is, { children: r ? /* @__PURE__ */ s(Ns, { children: "Play" }) : d })
   ] }) : null;
-}, ys = /* @__PURE__ */ o("div")({
+}, Ts = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Ts = /* @__PURE__ */ o("button")({
+}), Ds = /* @__PURE__ */ o("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Ds = ({
+}), Ss = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ u(ys, { children: [
+}) => /* @__PURE__ */ p(Ts, { children: [
   /* @__PURE__ */ s(xe, { questionId: t, ...n }),
-  e && /* @__PURE__ */ s(Ts, { onClick: () => e(t), children: "View Insight" })
-] }), Ss = /* @__PURE__ */ o("div")({
+  e && /* @__PURE__ */ s(Ds, { onClick: () => e(t), children: "View Insight" })
+] }), zs = /* @__PURE__ */ o("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), zs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Ss, { children: e == null ? void 0 : e.map((n) => {
+}), xs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(zs, { children: e == null ? void 0 : e.map((n) => {
   var i, r;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const I = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(As, { openQuestion: t, ...I }, I.questionId);
+    return /* @__PURE__ */ s(ys, { openQuestion: t, ...I }, I.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
     const I = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Ds, { openInsight: t, ...I }, I.questionId);
+    return /* @__PURE__ */ s(Ss, { openInsight: t, ...I }, I.questionId);
   }
   return null;
-}) }), xs = ({ store: e, openQuestion: t }) => {
-  const n = w(e);
-  return n != null && n.data ? /* @__PURE__ */ s(zs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, js = ({ userSummary: e }) => {
+}) }), js = ({ store: e, openQuestion: t }) => {
+  const n = k(e);
+  return n != null && n.data ? /* @__PURE__ */ s(xs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, Os = ({ userSummary: e }) => {
   var t, n;
-  const i = w(e.getStore());
+  const i = k(e.getStore());
   return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(Se, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, Os = ({
+}, Cs = ({
   gamification: e
 }) => {
   const [t, n] = R(V.HOME);
-  return /* @__PURE__ */ u("div", {
+  return /* @__PURE__ */ p("div", {
     style: {
       height: "100%",
       display: "flex",
@@ -1374,27 +1379,27 @@ const Gn = /* @__PURE__ */ o("div")({
       style: {
         paddingBottom: "4px"
       },
-      children: /* @__PURE__ */ s(bn, {
+      children: /* @__PURE__ */ s(En, {
         activePage: t,
         toggleActivePage: n
       })
-    }), t === V.HOME && /* @__PURE__ */ u(te, {
+    }), t === V.HOME && /* @__PURE__ */ p(te, {
       children: [/* @__PURE__ */ s(K, {
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(js, {
+        children: /* @__PURE__ */ s(Os, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(Ue, {
-        children: /* @__PURE__ */ s(xs, {
+        children: /* @__PURE__ */ s(js, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
     }), t === V.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(cs, {
+      children: /* @__PURE__ */ s(ds, {
         gamification: e
       })
     })]
@@ -1407,45 +1412,45 @@ const Gn = /* @__PURE__ */ o("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Cs = ({
+}), bs = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Bs = ({
+}, Hs = ({
   gamification: e,
   className: t
 }) => {
-  const n = w(e.openedQuestion.$store), i = w(e.openedUser);
-  return /* @__PURE__ */ u(b, {
+  const n = k(e.openedQuestion.$store), i = k(e.openedUser);
+  return /* @__PURE__ */ p(b, {
     children: [n && /* @__PURE__ */ s(ve, {
       className: t,
-      children: /* @__PURE__ */ s(jn, {
+      children: /* @__PURE__ */ s(On, {
         gamification: e
       })
     }), i && /* @__PURE__ */ s(ve, {
       className: t,
-      children: /* @__PURE__ */ u(ws, {
+      children: /* @__PURE__ */ p(ws, {
         children: [/* @__PURE__ */ s(De, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ s(K, {
           children: /* @__PURE__ */ s(Se, {
             ...i,
-            successRate: Cs(i)
+            successRate: bs(i)
           })
         })]
       })
     }), /* @__PURE__ */ s(te, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ s(Os, {
+      children: /* @__PURE__ */ s(Cs, {
         gamification: e
       })
     })]
   });
 };
 export {
-  Bs as default
+  Hs as default
 };