@streamlayer/react 0.32.2 → 0.32.4

package/lib/es/gamification-feature.js

@@ -1,13 +1,13 @@
-import { jsxs as m, jsx as s, Fragment as w } from "react/jsx-runtime";
-import { s as r, n as O } from "./index4.js";
-import { useStore as k } from "@nanostores/react";
+import { jsxs as m, jsx as s, Fragment as $ } from "react/jsx-runtime";
+import { s as r, n as j } from "./index4.js";
+import { useStore as C } from "@nanostores/react";
 import { o as Ne, r as te, w as Re, A as Qe, O as Ue, a as K, n as _e, d as Pe } from "./masters2.js";
-import { QuestionType as z, QuestionStatus as L, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
-import { useState as V, useCallback as F, useMemo as Y, createElement as H, PureComponent as ye } from "react";
+import { QuestionType as x, QuestionStatus as w, QuestionImages as Q, PickHistoryStatus as P } from "@streamlayer/sdk-web-types";
+import { useState as V, useCallback as F, useMemo as L, createElement as H, PureComponent as ye } from "react";
 import { d as Ae } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
-import { E } from "./index2.js";
+import { E as b } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -20,7 +20,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "QuestionTypeWrap",
   class: "qyktpt0",
   propsAsIs: !1
-}), Ve = () => O, Fe = /* @__PURE__ */ r(Ve())({
+}), Ve = () => j, Fe = /* @__PURE__ */ r(Ve())({
   name: "QuestionTypeIcon",
   class: "q951jdx",
   propsAsIs: !0
@@ -32,7 +32,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), Ze = () => O, Ge = /* @__PURE__ */ r(Ze())({
+}), Ge = () => j, Ze = /* @__PURE__ */ r(Ge())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
@@ -43,14 +43,14 @@ const Ye = /* @__PURE__ */ r("div")({
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
         Fe,
         {
-          "data-type-trivia": e === z.TRIVIA,
-          "data-type-poll": e === z.POLL,
+          "data-type-trivia": e === x.TRIVIA,
+          "data-type-poll": e === x.POLL,
           name: i.iconName
         }
       ),
       (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Be, { children: i.label })
     ] }),
-    /* @__PURE__ */ s(He, { onClick: t, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
+    /* @__PURE__ */ s(He, { onClick: t, children: /* @__PURE__ */ s(Ze, { name: "icon-cross" }) })
   ] });
 }, De = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Se = (e) => e ? e.toLocaleString("en-US") : "0", Je = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
@@ -86,7 +86,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), P = ({ indicator: e, title: t }) => /* @__PURE__ */ m(st, { children: [
+}), q = ({ indicator: e, title: t }) => /* @__PURE__ */ m(st, { children: [
   /* @__PURE__ */ s(it, { children: e }),
   /* @__PURE__ */ s(ot, { children: t })
 ] }), rt = /* @__PURE__ */ r("div")({
@@ -199,17 +199,17 @@ const Ye = /* @__PURE__ */ r("div")({
       /* @__PURE__ */ s(re, { indicator: o || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ m(Nt, { children: [
-      /* @__PURE__ */ s(P, { indicator: u || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(P, { indicator: p || 0, title: "Correct" }),
-      /* @__PURE__ */ s(P, { indicator: I || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(P, { indicator: `${h || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ s(q, { indicator: u || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(q, { indicator: p || 0, title: "Correct" }),
+      /* @__PURE__ */ s(q, { indicator: I || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(q, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Dt = /* @__PURE__ */ r("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), St = () => O, zt = /* @__PURE__ */ r(St())({
+}), St = () => j, zt = /* @__PURE__ */ r(St())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
@@ -225,19 +225,19 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "ty221rx",
   propsAsIs: !1
-}), Ct = /* @__PURE__ */ r("div")({
+}), kt = /* @__PURE__ */ r("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), kt = ({ title: e, description: t }) => /* @__PURE__ */ m(Ot, { children: [
-  /* @__PURE__ */ s(O, { name: "icon-check-circle" }),
+}), Ct = ({ title: e, description: t }) => /* @__PURE__ */ m(Ot, { children: [
+  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
   /* @__PURE__ */ s(jt, { children: e }),
-  /* @__PURE__ */ s(Ct, { children: t })
-] }), bt = /* @__PURE__ */ r("div")({
+  /* @__PURE__ */ s(kt, { children: t })
+] }), Lt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), wt = () => O, Lt = /* @__PURE__ */ r(wt())({
+}), bt = () => j, wt = /* @__PURE__ */ r(bt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
@@ -253,7 +253,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "FeedbackTitle",
   class: "f1913njx",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ r("span")({
+}), G = /* @__PURE__ */ r("span")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
@@ -269,27 +269,27 @@ const Ye = /* @__PURE__ */ r("div")({
   hasCorrectAnswer: o,
   questionStatus: u
 }) => {
-  const p = n && (i === z.TRIVIA || i === z.PREDICTION);
-  if (!p && u !== L.RESOLVED || u === L.RESOLVED && i === z.PREDICTION && !n)
+  const p = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!p && u !== w.RESOLVED || u === w.RESOLVED && i === x.PREDICTION && !n)
     return null;
-  const I = i === z.PREDICTION && !o, c = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ m(bt, { "data-isPrediction": I, children: [
-    u === L.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(O, { name: "questionExpired" }) }),
+  const I = i === x.PREDICTION && !o, c = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ m(Lt, { "data-isPrediction": I, children: [
+    u === w.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ m($, { children: [
+      /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
+        /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(G, { children: "Question Expired" }) }),
         /* @__PURE__ */ s($t, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    p && I && /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ s(Lt, { name: "icon-prediction" }),
-      /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
+    p && I && /* @__PURE__ */ m($, { children: [
+      /* @__PURE__ */ s(wt, { name: "icon-prediction" }),
+      /* @__PURE__ */ s(G, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    p && o && /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ s(ae, { "data-feedbackType": c, children: /* @__PURE__ */ s(O, { name: c }) }),
+    p && o && /* @__PURE__ */ m($, { children: [
+      /* @__PURE__ */ s(ae, { "data-feedbackType": c, children: /* @__PURE__ */ s(j, { name: c }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(le, { children: [
         /* @__PURE__ */ s(Et, { "data-feedbackType": c, children: h == null ? void 0 : h.title }),
-        /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
+        /* @__PURE__ */ s(G, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
   ] });
@@ -337,7 +337,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), Zt = () => xe, Gt = /* @__PURE__ */ r(Zt())({
+}), Gt = () => xe, Zt = /* @__PURE__ */ r(Gt())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -353,33 +353,33 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Percentage",
   class: "p17ajcu2",
   propsAsIs: !1
-}), en = () => O, tn = /* @__PURE__ */ r(en())({
+}), en = () => j, tn = /* @__PURE__ */ r(en())({
   name: "CheckIcon",
   class: "cu9kmlb",
   propsAsIs: !0
 }), ce = {
-  [R.CENTERED]: (e) => /* @__PURE__ */ s(Ht, { alt: "option-icon", src: e }),
-  [R.TRANSPARENT]: (e) => /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ s(Ft, { style: { backgroundImage: `url(${e})` } }) }),
-  [R.ROUNDED]: (e) => /* @__PURE__ */ s(Gt, { alt: "option-icon", src: e }),
-  [R.NONE]: () => null,
-  [R.UNSET]: () => null
+  [Q.CENTERED]: (e) => /* @__PURE__ */ s(Ht, { alt: "option-icon", src: e }),
+  [Q.TRANSPARENT]: (e) => /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ s(Ft, { style: { backgroundImage: `url(${e})` } }) }),
+  [Q.ROUNDED]: (e) => /* @__PURE__ */ s(Zt, { alt: "option-icon", src: e }),
+  [Q.NONE]: () => null,
+  [Q.UNSET]: () => null
 }, nn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: o }) => {
-  if (e === z.POLL && i)
+  if (e === x.POLL && i)
     return "correct";
-  if (e === z.PREDICTION) {
+  if (e === x.PREDICTION) {
     if (t && o)
       return i ? n ? "correct" : "incorrect" : "unset";
     if (i)
       return "correct";
   }
-  return e === z.TRIVIA && o && i ? n ? "correct" : "incorrect" : "unset";
+  return e === x.TRIVIA && o && i ? n ? "correct" : "incorrect" : "unset";
 }, sn = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: o
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === L.RESOLVED && n : !1, on = (e) => {
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || o === w.RESOLVED && n : !1, on = (e) => {
   var t;
   const {
     // option props
@@ -393,28 +393,28 @@ const Ye = /* @__PURE__ */ r("div")({
     questionVoted: c,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
-    answerTimeExpired: y,
-    questionStatus: D,
+    answerTimeExpired: A,
+    questionStatus: S,
     isLoading: N,
-    questionType: A,
-    correct: T,
+    questionType: T,
+    correct: D,
     hasCorrectAnswer: a
-  } = e, l = nn(e), d = sn({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = D === L.RESOLVED && A === z.PREDICTION, M = c || g;
+  } = e, l = nn(e), d = sn({ questionType: T, questionVoted: c, correct: D, hasCorrectAnswer: a, questionStatus: S }), g = S === w.RESOLVED && T === x.PREDICTION, f = c || g;
   return /* @__PURE__ */ m(
     qt,
     {
       value: n,
       "data-selected": I,
       "data-answerState": l,
-      disabled: c || N || y || g,
+      disabled: c || N || A || g,
       "data-isNotChecked": c && !I && l !== "incorrect",
       onClick: p,
       children: [
-        /* @__PURE__ */ s(Yt, { "data-answerState": l, style: { width: `${M ? u : 0}%` } }),
+        /* @__PURE__ */ s(Yt, { "data-answerState": l, style: { width: `${f ? u : 0}%` } }),
         /* @__PURE__ */ m(Wt, { children: [
           i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
           /* @__PURE__ */ s(Jt, { children: o }),
-          M && /* @__PURE__ */ m(Kt, { children: [
+          f && /* @__PURE__ */ m(Kt, { children: [
             d && /* @__PURE__ */ s(tn, { name: "selected" }),
             /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(Ae, { value: u, suffix: "%" }) })
           ] })
@@ -422,11 +422,11 @@ const Ye = /* @__PURE__ */ r("div")({
       ]
     }
   );
-}, rn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], an = [10, 10, 0], ln = /* @__PURE__ */ r("div")({
+}, rn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRAY3], an = [10, 10, 1, 0], ln = /* @__PURE__ */ r("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), cn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, dn = E.NEUTRALS_GRAY3, un = ({
+}), cn = b.SECONDARY_GREEN6, de = b.SECONDARY_RED3, dn = b.NEUTRALS_GRAY3, un = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
@@ -465,7 +465,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), hn = () => O, gn = /* @__PURE__ */ r(hn())({
+}), hn = () => j, gn = /* @__PURE__ */ r(hn())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
@@ -492,7 +492,7 @@ const Ye = /* @__PURE__ */ r("div")({
 }) => /* @__PURE__ */ m(pn, { children: [
   /* @__PURE__ */ m(mn, { children: [
     e && /* @__PURE__ */ s(In, { children: e }),
-    t !== void 0 && o !== z.POLL && /* @__PURE__ */ m(w, { children: [
+    t !== void 0 && o !== x.POLL && /* @__PURE__ */ m($, { children: [
       /* @__PURE__ */ s(gn, { name: "icon-trophy" }),
       /* @__PURE__ */ m(fn, { children: [
         /* @__PURE__ */ s(Mn, { children: /* @__PURE__ */ s(Ae, { value: t }) }),
@@ -503,43 +503,51 @@ const Ye = /* @__PURE__ */ r("div")({
   i && /* @__PURE__ */ s(un, { isPlaying: n, onTimerExpired: p, duration: u })
 ] }), yn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
   var o, u;
-  const p = e.subject, I = e.type, c = (o = e.options) == null ? void 0 : o.options, [h, y] = V(!1), [D, N] = V(""), A = e == null ? void 0 : e.id, T = F(
+  const p = e.subject, I = e.type, c = (o = e.options) == null ? void 0 : o.options, [h, A] = V(!1), [S, N] = V(""), T = e == null ? void 0 : e.id, D = F(
     async (v) => {
-      if (A) {
-        const f = v.currentTarget.value;
-        N(f), await n(A, f);
+      if (T) {
+        const O = v.currentTarget.value;
+        N(O), await n(T, O);
       }
     },
-    [A, N, n]
+    [T, N, n]
   ), a = F(() => {
-    y(!0), setTimeout(i, 3e3);
-  }, [i]), l = Y(
+    A(!0), setTimeout(i, 3e3);
+  }, [i]), l = L(
     () => e == null ? void 0 : e.answers.find((v) => v.youVoted === !0),
     [e]
-  ), d = Y(
+  ), d = L(
     () => !!(e != null && e.answers.find((v) => v.correct === !0)),
     [e]
-  ), g = Y(() => e ? e.answers.map((v) => {
-    var f;
+  ), g = L(
+    () => e == null ? void 0 : e.answers.find((v) => v.correct === !0),
+    [e]
+  ), f = L(() => e ? e.answers.map((v) => {
+    var O;
     return {
       ...v,
       questionVoted: !!l,
-      youSelected: D === v.id,
+      youSelected: S === v.id,
       isLoading: t,
       hasCorrectAnswer: d,
       questionType: e.type,
       answerTimeExpired: h,
       questionStatus: e.status,
-      imageMode: (f = e.appearance) == null ? void 0 : f.images,
+      imageMode: (O = e.appearance) == null ? void 0 : O.images,
       // ToDo: Figure out why imageMode is not in the response
-      onVote: T
+      onVote: D
     };
-  }) : [], [d, h, t, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
+  }) : [], [d, h, t, e, l, D, S]), z = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0, M = L(() => {
+    if (e.status === w.RESOLVED)
+      return 0;
+    if (!h)
+      return l ? l.correct ? l.points : 0 : g == null ? void 0 : g.points;
+  }, [h, l, g, e.status]), y = L(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : l ? "You won" : "To win", [h, e.type, l]);
   return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Qt, { children: /* @__PURE__ */ m(Ut, { children: [
-    M && /* @__PURE__ */ s(
+    z && /* @__PURE__ */ s(
       Rt,
       {
-        feedbackMessages: M,
+        feedbackMessages: z,
         questionVoted: !!l,
         questionVotedCorrectly: l == null ? void 0 : l.correct,
         questionType: I,
@@ -547,11 +555,11 @@ const Ye = /* @__PURE__ */ r("div")({
         questionStatus: e.status
       }
     ),
-    e.type !== z.PREDICTION && /* @__PURE__ */ s(
+    e.type !== x.PREDICTION && /* @__PURE__ */ s(
       Nn,
       {
-        title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
-        points: h ? void 0 : l != null && l.correct ? l == null ? void 0 : l.points : 0,
+        title: y,
+        points: M,
         onTimerExpired: a,
         questionType: e.type,
         isTimer: !t,
@@ -560,14 +568,14 @@ const Ye = /* @__PURE__ */ r("div")({
       }
     ),
     h ? /* @__PURE__ */ s(
-      kt,
+      Ct,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ m(w, { children: [
-      /* @__PURE__ */ s(_t, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
-      /* @__PURE__ */ s(Pt, { children: g.map((v) => /* @__PURE__ */ s(on, { ...v }, v.id)) })
+    ) : /* @__PURE__ */ m($, { children: [
+      /* @__PURE__ */ s(_t, { "data-isPrediction": e.type === x.PREDICTION, children: p }),
+      /* @__PURE__ */ s(Pt, { children: f.map((v) => /* @__PURE__ */ s(on, { ...v }, v.id)) })
     ] })
   ] }) }) });
 }, An = /* @__PURE__ */ r("div")({
@@ -595,7 +603,7 @@ const Ye = /* @__PURE__ */ r("div")({
   class: "i1gfjeu5",
   propsAsIs: !1
 }), Oe = ({ created: e, image: t, title: n, instantView: i }) => {
-  const o = Y(() => {
+  const o = L(() => {
     if (e) {
       const p = new Date(e);
       if (Xe(p))
@@ -627,25 +635,25 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Cn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(On, { children: [
+}), kn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(On, { children: [
   /* @__PURE__ */ s(Oe, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(jn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ s(O, { name: "icon-external-link" })
+    /* @__PURE__ */ s(j, { name: "icon-external-link" })
   ] })
-] }), kn = /* @__PURE__ */ r("div")({
+] }), Cn = /* @__PURE__ */ r("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), bn = ({
+}), Ln = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Cn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(kn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, wn = ({
+}, bn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -660,23 +668,23 @@ const Ye = /* @__PURE__ */ r("div")({
     openedQuestion: o,
     isLoading: !!i
   }) : null;
-}, Ln = ({
+}, wn = ({
   gamification: e
 }) => {
   var t;
-  const n = k(e.openedQuestion.$store), i = k(e.openedQuestion.$extendedStore);
+  const n = C(e.openedQuestion.$store), i = C(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
   const o = n.type;
-  return /* @__PURE__ */ m(kn, {
+  return /* @__PURE__ */ m(Cn, {
     children: [/* @__PURE__ */ s(Te, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
-    }), o === "question" && /* @__PURE__ */ s(wn, {
+      type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
+    }), o === "question" && /* @__PURE__ */ s(bn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), o !== "question" && /* @__PURE__ */ s(bn, {
+    }), o !== "question" && /* @__PURE__ */ s(Ln, {
       openedQuestion: n
     }), /* @__PURE__ */ s(xt, {
       sponsorLogo: ""
@@ -754,7 +762,7 @@ function qn(e, t) {
       return !1;
   return !0;
 }
-function G(e, t) {
+function Z(e, t) {
   t === void 0 && (t = qn);
   var n, i = [], o, u = !1;
   function p() {
@@ -790,94 +798,94 @@ function ge(e) {
   }
   return J;
 }
-var b = null;
+var E = null;
 function fe(e) {
-  if (e === void 0 && (e = !1), b === null || e) {
+  if (e === void 0 && (e = !1), E === 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"), o = i.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? b = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? b = "negative" : b = "positive-ascending"), document.body.removeChild(t), b;
+    return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
   }
-  return b;
+  return E;
 }
 var Vn = 150, Fn = function(t, n) {
   return t;
 };
 function Bn(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, o = e.getItemSize, u = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, c = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
-  return t = /* @__PURE__ */ function(D) {
-    _n(N, D);
-    function N(T) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, o = e.getItemSize, u = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, c = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
+  return t = /* @__PURE__ */ function(S) {
+    _n(N, S);
+    function N(D) {
       var a;
-      return a = D.call(this, T) || this, a._instanceProps = c(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+      return a = S.call(this, D) || this, a._instanceProps = c(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
         instance: pe(a),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = G(function(l, d, g, M) {
+      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = Z(function(l, d, g, f) {
         return a.props.onItemsRendered({
           overscanStartIndex: l,
           overscanStopIndex: d,
           visibleStartIndex: g,
-          visibleStopIndex: M
+          visibleStopIndex: f
         });
-      }), a._callOnScroll = void 0, a._callOnScroll = G(function(l, d, g) {
+      }), a._callOnScroll = void 0, a._callOnScroll = Z(function(l, d, g) {
         return a.props.onScroll({
           scrollDirection: l,
           scrollOffset: d,
           scrollUpdateWasRequested: g
         });
       }), a._getItemStyle = void 0, a._getItemStyle = function(l) {
-        var d = a.props, g = d.direction, M = d.itemSize, v = d.layout, f = a._getItemStyleCache(h && M, h && v, h && g), S;
-        if (f.hasOwnProperty(l))
-          S = f[l];
+        var d = a.props, g = d.direction, f = d.itemSize, z = d.layout, M = a._getItemStyleCache(h && f, h && z, h && g), y;
+        if (M.hasOwnProperty(l))
+          y = M[l];
         else {
-          var x = n(a.props, l, a._instanceProps), j = o(a.props, l, a._instanceProps), C = g === "horizontal" || v === "horizontal", Q = g === "rtl", U = C ? x : 0;
-          f[l] = S = {
+          var v = n(a.props, l, a._instanceProps), O = o(a.props, l, a._instanceProps), k = g === "horizontal" || z === "horizontal", U = g === "rtl", _ = k ? v : 0;
+          M[l] = y = {
             position: "absolute",
-            left: Q ? void 0 : U,
-            right: Q ? U : void 0,
-            top: C ? 0 : x,
-            height: C ? "100%" : j,
-            width: C ? j : "100%"
+            left: U ? void 0 : _,
+            right: U ? _ : void 0,
+            top: k ? 0 : v,
+            height: k ? "100%" : O,
+            width: k ? O : "100%"
           };
         }
-        return S;
-      }, a._getItemStyleCache = void 0, a._getItemStyleCache = G(function(l, d, g) {
+        return y;
+      }, a._getItemStyleCache = void 0, a._getItemStyleCache = Z(function(l, d, g) {
         return {};
       }), a._onScrollHorizontal = function(l) {
-        var d = l.currentTarget, g = d.clientWidth, M = d.scrollLeft, v = d.scrollWidth;
-        a.setState(function(f) {
-          if (f.scrollOffset === M)
+        var d = l.currentTarget, g = d.clientWidth, f = d.scrollLeft, z = d.scrollWidth;
+        a.setState(function(M) {
+          if (M.scrollOffset === f)
             return null;
-          var S = a.props.direction, x = M;
-          if (S === "rtl")
+          var y = a.props.direction, v = f;
+          if (y === "rtl")
             switch (fe()) {
               case "negative":
-                x = -M;
+                v = -f;
                 break;
               case "positive-descending":
-                x = v - g - M;
+                v = z - g - f;
                 break;
             }
-          return x = Math.max(0, Math.min(x, v - g)), {
+          return v = Math.max(0, Math.min(v, z - g)), {
             isScrolling: !0,
-            scrollDirection: f.scrollOffset < M ? "forward" : "backward",
-            scrollOffset: x,
+            scrollDirection: M.scrollOffset < f ? "forward" : "backward",
+            scrollOffset: v,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
       }, a._onScrollVertical = function(l) {
-        var d = l.currentTarget, g = d.clientHeight, M = d.scrollHeight, v = d.scrollTop;
-        a.setState(function(f) {
-          if (f.scrollOffset === v)
+        var d = l.currentTarget, g = d.clientHeight, f = d.scrollHeight, z = d.scrollTop;
+        a.setState(function(M) {
+          if (M.scrollOffset === z)
             return null;
-          var S = Math.max(0, Math.min(v, M - g));
+          var y = Math.max(0, Math.min(z, f - g));
           return {
             isScrolling: !0,
-            scrollDirection: f.scrollOffset < S ? "forward" : "backward",
-            scrollOffset: S,
+            scrollDirection: M.scrollOffset < y ? "forward" : "backward",
+            scrollOffset: y,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
@@ -895,10 +903,10 @@ function Bn(e) {
       }, a;
     }
     N.getDerivedStateFromProps = function(a, l) {
-      return Hn(a, l), y(a), null;
+      return Hn(a, l), A(a), null;
     };
-    var A = N.prototype;
-    return A.scrollTo = function(a) {
+    var T = N.prototype;
+    return T.scrollTo = function(a) {
       a = Math.max(0, a), this.setState(function(l) {
         return l.scrollOffset === a ? null : {
           scrollDirection: l.scrollOffset < a ? "forward" : "backward",
@@ -906,101 +914,101 @@ function Bn(e) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, A.scrollToItem = function(a, l) {
+    }, T.scrollToItem = function(a, l) {
       l === void 0 && (l = "auto");
-      var d = this.props, g = d.itemCount, M = d.layout, v = this.state.scrollOffset;
+      var d = this.props, g = d.itemCount, f = d.layout, z = this.state.scrollOffset;
       a = Math.max(0, Math.min(a, g - 1));
-      var f = 0;
+      var M = 0;
       if (this._outerRef) {
-        var S = this._outerRef;
-        M === "vertical" ? f = S.scrollWidth > S.clientWidth ? ge() : 0 : f = S.scrollHeight > S.clientHeight ? ge() : 0;
+        var y = this._outerRef;
+        f === "vertical" ? M = y.scrollWidth > y.clientWidth ? ge() : 0 : M = y.scrollHeight > y.clientHeight ? ge() : 0;
       }
-      this.scrollTo(u(this.props, a, l, v, this._instanceProps, f));
-    }, A.componentDidMount = function() {
+      this.scrollTo(u(this.props, a, l, z, this._instanceProps, M));
+    }, T.componentDidMount = function() {
       var a = this.props, l = a.direction, d = a.initialScrollOffset, g = a.layout;
       if (typeof d == "number" && this._outerRef != null) {
-        var M = this._outerRef;
-        l === "horizontal" || g === "horizontal" ? M.scrollLeft = d : M.scrollTop = d;
+        var f = this._outerRef;
+        l === "horizontal" || g === "horizontal" ? f.scrollLeft = d : f.scrollTop = d;
       }
       this._callPropsCallbacks();
-    }, A.componentDidUpdate = function() {
-      var a = this.props, l = a.direction, d = a.layout, g = this.state, M = g.scrollOffset, v = g.scrollUpdateWasRequested;
-      if (v && this._outerRef != null) {
-        var f = this._outerRef;
+    }, T.componentDidUpdate = function() {
+      var a = this.props, l = a.direction, d = a.layout, g = this.state, f = g.scrollOffset, z = g.scrollUpdateWasRequested;
+      if (z && this._outerRef != null) {
+        var M = this._outerRef;
         if (l === "horizontal" || d === "horizontal")
           if (l === "rtl")
             switch (fe()) {
               case "negative":
-                f.scrollLeft = -M;
+                M.scrollLeft = -f;
                 break;
               case "positive-ascending":
-                f.scrollLeft = M;
+                M.scrollLeft = f;
                 break;
               default:
-                var S = f.clientWidth, x = f.scrollWidth;
-                f.scrollLeft = x - S - M;
+                var y = M.clientWidth, v = M.scrollWidth;
+                M.scrollLeft = v - y - f;
                 break;
             }
           else
-            f.scrollLeft = M;
+            M.scrollLeft = f;
         else
-          f.scrollTop = M;
+          M.scrollTop = f;
       }
       this._callPropsCallbacks();
-    }, A.componentWillUnmount = function() {
+    }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
-    }, A.render = function() {
-      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? Fn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, be = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Le = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], $e = se[1], ie = [];
-      if (x > 0)
-        for (var $ = Ee; $ <= $e; $++)
+    }, T.render = function() {
+      var a = this.props, l = a.children, d = a.className, g = a.direction, f = a.height, z = a.innerRef, M = a.innerElementType, y = a.innerTagName, v = a.itemCount, O = a.itemData, k = a.itemKey, U = k === void 0 ? Fn : k, _ = a.layout, je = a.outerElementType, ke = a.outerTagName, Ce = a.style, Le = a.useIsScrolling, be = a.width, ne = this.state.isScrolling, B = g === "horizontal" || _ === "horizontal", we = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], $e = se[1], ie = [];
+      if (v > 0)
+        for (var R = Ee; R <= $e; R++)
           ie.push(H(l, {
-            data: j,
-            key: Q($, j),
-            index: $,
-            isScrolling: be ? ne : void 0,
-            style: this._getItemStyle($)
+            data: O,
+            key: U(R, O),
+            index: R,
+            isScrolling: Le ? ne : void 0,
+            style: this._getItemStyle(R)
           }));
       var oe = i(this.props, this._instanceProps);
-      return H(je || Ce || "div", {
+      return H(je || ke || "div", {
         className: d,
-        onScroll: Le,
+        onScroll: we,
         ref: this._outerRefSetter,
         style: X({
           position: "relative",
-          height: M,
-          width: we,
+          height: f,
+          width: be,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: g
-        }, ke)
-      }, H(f || S || "div", {
+        }, Ce)
+      }, H(M || y || "div", {
         children: ie,
-        ref: v,
+        ref: z,
         style: {
           height: B ? "100%" : oe,
           pointerEvents: ne ? "none" : void 0,
           width: B ? oe : "100%"
         }
       }));
-    }, A._callPropsCallbacks = function() {
+    }, T._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var a = this.props.itemCount;
         if (a > 0) {
-          var l = this._getRangeToRender(), d = l[0], g = l[1], M = l[2], v = l[3];
-          this._callOnItemsRendered(d, g, M, v);
+          var l = this._getRangeToRender(), d = l[0], g = l[1], f = l[2], z = l[3];
+          this._callOnItemsRendered(d, g, f, z);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var f = this.state, S = f.scrollDirection, x = f.scrollOffset, j = f.scrollUpdateWasRequested;
-        this._callOnScroll(S, x, j);
+        var M = this.state, y = M.scrollDirection, v = M.scrollOffset, O = M.scrollUpdateWasRequested;
+        this._callOnScroll(y, v, O);
       }
-    }, A._getRangeToRender = function() {
-      var a = this.props, l = a.itemCount, d = a.overscanCount, g = this.state, M = g.isScrolling, v = g.scrollDirection, f = g.scrollOffset;
+    }, T._getRangeToRender = function() {
+      var a = this.props, l = a.itemCount, d = a.overscanCount, g = this.state, f = g.isScrolling, z = g.scrollDirection, M = g.scrollOffset;
       if (l === 0)
         return [0, 0, 0, 0];
-      var S = p(this.props, f, this._instanceProps), x = I(this.props, S, f, this._instanceProps), j = !M || v === "backward" ? Math.max(1, d) : 1, C = !M || v === "forward" ? Math.max(1, d) : 1;
-      return [Math.max(0, S - j), Math.max(0, Math.min(l - 1, x + C)), S, x];
+      var y = p(this.props, M, this._instanceProps), v = I(this.props, y, M, this._instanceProps), O = !f || z === "backward" ? Math.max(1, d) : 1, k = !f || z === "forward" ? Math.max(1, d) : 1;
+      return [Math.max(0, y - O), Math.max(0, Math.min(l - 1, v + k)), y, v];
     }, N;
   }(ye), t.defaultProps = {
     direction: "ltr",
@@ -1012,7 +1020,7 @@ function Bn(e) {
 }
 var Hn = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, Zn = /* @__PURE__ */ Bn({
+}, Gn = /* @__PURE__ */ Bn({
   getItemOffset: function(t, n) {
     var i = t.itemSize;
     return n * i;
@@ -1026,15 +1034,15 @@ var Hn = function(t, n) {
     return i * n;
   },
   getOffsetForIndexAndAlignment: function(t, n, i, o, u, p) {
-    var I = t.direction, c = t.height, h = t.itemCount, y = t.itemSize, D = t.layout, N = t.width, A = I === "horizontal" || D === "horizontal", T = A ? N : c, a = Math.max(0, h * y - T), l = Math.min(a, n * y), d = Math.max(0, n * y - T + y + p);
-    switch (i === "smart" && (o >= d - T && o <= l + T ? i = "auto" : i = "center"), i) {
+    var I = t.direction, c = t.height, h = t.itemCount, A = t.itemSize, S = t.layout, N = t.width, T = I === "horizontal" || S === "horizontal", D = T ? N : c, a = Math.max(0, h * A - D), l = Math.min(a, n * A), d = Math.max(0, n * A - D + A + p);
+    switch (i === "smart" && (o >= d - D && o <= l + D ? i = "auto" : i = "center"), i) {
       case "start":
         return l;
       case "end":
         return d;
       case "center": {
         var g = Math.round(d + (l - d) / 2);
-        return g < Math.ceil(T / 2) ? 0 : g > a + Math.floor(T / 2) ? a : g;
+        return g < Math.ceil(D / 2) ? 0 : g > a + Math.floor(D / 2) ? a : g;
       }
       case "auto":
       default:
@@ -1046,10 +1054,10 @@ var Hn = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / o)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var o = t.direction, u = t.height, p = t.itemCount, I = t.itemSize, c = t.layout, h = t.width, y = o === "horizontal" || c === "horizontal", D = n * I, N = y ? h : u, A = Math.ceil((N + i - D) / I);
+    var o = t.direction, u = t.height, p = t.itemCount, I = t.itemSize, c = t.layout, h = t.width, A = o === "horizontal" || c === "horizontal", S = n * I, N = A ? h : u, T = Math.ceil((N + i - S) / I);
     return Math.max(0, Math.min(
       p - 1,
-      n + A - 1
+      n + T - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1060,25 +1068,25 @@ var Hn = function(t, n) {
     t.itemSize;
   }
 });
-function Gn(e) {
+function Zn(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, o = e.stopIndex;
   return !(i > n || o < t);
 }
 function Jn(e) {
   for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, o = e.startIndex, u = e.stopIndex, p = [], I = null, c = null, h = o; h <= u; h++) {
-    var y = t(h);
-    y ? c !== null && (p.push(I, c), I = c = null) : (c = h, I === null && (I = h));
+    var A = t(h);
+    A ? c !== null && (p.push(I, c), I = c = null) : (c = h, I === null && (I = h));
   }
   if (c !== null) {
-    for (var D = Math.min(Math.max(c, I + i - 1), n - 1), N = c + 1; N <= D && !t(N); N++)
+    for (var S = Math.min(Math.max(c, I + i - 1), n - 1), N = c + 1; N <= S && !t(N); N++)
       c = N;
     p.push(I, c);
   }
   if (p.length)
     for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
-      var A = p[0] - 1;
-      if (!t(A))
-        p[0] = A;
+      var T = p[0] - 1;
+      if (!t(T))
+        p[0] = T;
       else
         break;
     }
@@ -1120,8 +1128,8 @@ var Kn = function(e, t) {
     for (var p = arguments.length, I = Array(p), c = 0; c < p; c++)
       I[c] = arguments[c];
     return u = (i = (o = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(I))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(h) {
-      var y = h.visibleStartIndex, D = h.visibleStopIndex;
-      o._lastRenderedStartIndex = y, o._lastRenderedStopIndex = D, o._ensureRowsLoaded(y, D);
+      var A = h.visibleStartIndex, S = h.visibleStopIndex;
+      o._lastRenderedStartIndex = A, o._lastRenderedStopIndex = S, o._ensureRowsLoaded(A, S);
     }, o._setRef = function(h) {
       o._listRef = h;
     }, i), Me(o, u);
@@ -1148,32 +1156,32 @@ var Kn = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, o) {
-      var u = this.props, p = u.isItemLoaded, I = u.itemCount, c = u.minimumBatchSize, h = c === void 0 ? 10 : c, y = u.threshold, D = y === void 0 ? 15 : y, N = Jn({
+      var u = this.props, p = u.isItemLoaded, I = u.itemCount, c = u.minimumBatchSize, h = c === void 0 ? 10 : c, A = u.threshold, S = A === void 0 ? 15 : A, N = Jn({
         isItemLoaded: p,
         itemCount: I,
         minimumBatchSize: h,
-        startIndex: Math.max(0, i - D),
-        stopIndex: Math.min(I - 1, o + D)
+        startIndex: Math.max(0, i - S),
+        stopIndex: Math.min(I - 1, o + S)
       });
-      (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(A, T) {
-        return N[T] !== A;
+      (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(T, D) {
+        return N[D] !== T;
       })) && (this._memoizedUnloadedRanges = N, this._loadUnloadedRanges(N));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
       for (var o = this, u = this.props.loadMoreItems || this.props.loadMoreRows, p = function(h) {
-        var y = i[h], D = i[h + 1], N = u(y, D);
+        var A = i[h], S = i[h + 1], N = u(A, S);
         N != null && N.then(function() {
-          if (Gn({
+          if (Zn({
             lastRenderedStartIndex: o._lastRenderedStartIndex,
             lastRenderedStopIndex: o._lastRenderedStopIndex,
-            startIndex: y,
-            stopIndex: D
+            startIndex: A,
+            stopIndex: S
           })) {
             if (o._listRef == null)
               return;
-            typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(y, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
+            typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(A, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
           }
         });
       }, I = 0; I < i.length; I += 2)
@@ -1209,7 +1217,7 @@ const ns = /* @__PURE__ */ r("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), cs = () => O, ds = /* @__PURE__ */ r(cs())({
+}), cs = () => j, ds = /* @__PURE__ */ r(cs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -1247,7 +1255,7 @@ const ns = /* @__PURE__ */ r("div")({
     itemCount: e.length + 1,
     loadMoreItems: i,
     children: ({ onItemsRendered: p, ref: I }) => /* @__PURE__ */ s(ps, { children: /* @__PURE__ */ s(
-      Zn,
+      Gn,
       {
         itemSize: 56,
         onItemsRendered: p,
@@ -1269,7 +1277,7 @@ const ns = /* @__PURE__ */ r("div")({
     ) })
   }
 ) }), Is = ({ deepLink: e }) => {
-  const { data: t } = k(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
+  const { data: t } = C(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     Ue,
     {
@@ -1291,7 +1299,7 @@ const ns = /* @__PURE__ */ r("div")({
     }
   );
 }, hs = ({ gamification: e }) => {
-  const { data: t } = k(e.leaderboardList.$store);
+  const { data: t } = C(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ s(
     ms,
     {
@@ -1317,11 +1325,11 @@ const ns = /* @__PURE__ */ r("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Ns = () => O, q = /* @__PURE__ */ r(Ns())({
+}), Ns = () => j, Y = /* @__PURE__ */ r(Ns())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), ys = () => O, As = /* @__PURE__ */ r(ys())({
+}), ys = () => j, As = /* @__PURE__ */ r(ys())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1338,10 +1346,10 @@ const ns = /* @__PURE__ */ r("div")({
   class: "p1pba9p1",
   propsAsIs: !1
 }), zs = {
-  [_.LOST]: /* @__PURE__ */ s(q, { name: "incorrectVoted" }),
-  [_.WON]: /* @__PURE__ */ s(q, { name: "icon-check" }),
-  [_.UNSET]: /* @__PURE__ */ s(q, { name: "icon-arrow" }),
-  [_.DNP]: /* @__PURE__ */ s(q, { name: "icon-arrow" })
+  [P.LOST]: /* @__PURE__ */ s(Y, { name: "incorrectVoted" }),
+  [P.WON]: /* @__PURE__ */ s(Y, { name: "icon-check" }),
+  [P.UNSET]: /* @__PURE__ */ s(Y, { name: "icon-arrow" }),
+  [P.DNP]: /* @__PURE__ */ s(Y, { name: "icon-arrow" })
 }, xs = ({
   questionId: e,
   questionType: t,
@@ -1358,14 +1366,14 @@ const ns = /* @__PURE__ */ r("div")({
         /* @__PURE__ */ s(
           As,
           {
-            "data-type-trivia": t === z.TRIVIA,
-            "data-type-poll": t === z.POLL,
+            "data-type-trivia": t === x.TRIVIA,
+            "data-type-poll": t === x.POLL,
             name: I.iconName
           }
         ),
         /* @__PURE__ */ m(Ts, { children: [
           I.label,
-          t === z.TRIVIA && n === L.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === w.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Ms, { children: i || "" })
@@ -1380,18 +1388,18 @@ const ns = /* @__PURE__ */ r("div")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Cs = ({
+}), ks = ({
   openInsight: e,
   questionId: t,
   ...n
 }) => /* @__PURE__ */ m(Os, { children: [
   /* @__PURE__ */ s(Oe, { questionId: t, ...n }),
   e && /* @__PURE__ */ s(js, { onClick: () => e(t), children: "View Insight" })
-] }), ks = /* @__PURE__ */ r("div")({
+] }), Cs = /* @__PURE__ */ r("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), bs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(ks, { children: e == null ? void 0 : e.map((n) => {
+}), Ls = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Cs, { children: e == null ? void 0 : e.map((n) => {
   var i, o;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const u = n.attributes.attributes.value;
@@ -1399,15 +1407,15 @@ const ns = /* @__PURE__ */ r("div")({
   }
   if (n.type === "insight" && ((o = n.attributes) == null ? void 0 : o.attributes.case) === "insight") {
     const u = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Cs, { openInsight: t, ...u }, u.questionId);
+    return /* @__PURE__ */ s(ks, { openInsight: t, ...u }, u.questionId);
   }
   return null;
-}) }), ws = ({ store: e, openQuestion: t }) => {
-  const n = k(e);
-  return n != null && n.data ? /* @__PURE__ */ s(bs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, Ls = ({ userSummary: e }) => {
+}) }), bs = ({ store: e, openQuestion: t }) => {
+  const n = C(e);
+  return n != null && n.data ? /* @__PURE__ */ s(Ls, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, ws = ({ userSummary: e }) => {
   var t, n;
-  const i = k(e.getStore());
+  const i = C(e.getStore());
   return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(ze, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
 }, Es = ({
   gamification: e
@@ -1433,11 +1441,11 @@ const ns = /* @__PURE__ */ r("div")({
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(Ls, {
+        children: /* @__PURE__ */ s(ws, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(_e, {
-        children: /* @__PURE__ */ s(ws, {
+        children: /* @__PURE__ */ s(bs, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
@@ -1467,11 +1475,11 @@ const ns = /* @__PURE__ */ r("div")({
   gamification: e,
   className: t
 }) => {
-  const n = k(e.openedQuestion.$store), i = k(e.openedUser);
-  return /* @__PURE__ */ m(w, {
+  const n = C(e.openedQuestion.$store), i = C(e.openedUser);
+  return /* @__PURE__ */ m($, {
     children: [n && /* @__PURE__ */ s(ve, {
       className: t,
-      children: /* @__PURE__ */ s(Ln, {
+      children: /* @__PURE__ */ s(wn, {
         gamification: e
       })
     }), i && /* @__PURE__ */ s(ve, {