@streamlayer/react 0.32.5 → 0.32.6

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

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as r, Fragment as R } from "react/jsx-runtime";
-import { s as a, n as j, Q as x, o as Se, a as L, b as P, d as ze, E as b, r as se, w as Ve, u as $, A as Fe, O as Be, P as V, c as ee, e as He, f as Ge } from "./masters.js";
+import { s as a, n as j, Q as x, o as Se, a as L, b as P, d as ze, E as b, r as ie, w as Ve, u as $, A as Fe, O as Be, P as V, c as ee, e as He, f as Ge } from "./masters.js";
 import _, { useRef as w, useState as Q, useCallback as q, useEffect as xe, useLayoutEffect as Ze, useMemo as C, createElement as Z, PureComponent as Oe } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -21,25 +21,25 @@ const Je = /* @__PURE__ */ a("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), st = () => j, it = /* @__PURE__ */ a(st())({
+}), it = () => j, st = /* @__PURE__ */ a(it())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
 }), je = ({ type: e, close: t, label: n }) => {
-  const s = e ? Se[e] : { label: n, iconName: void 0 };
+  const i = e ? Se[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ f(Je, { children: [
     /* @__PURE__ */ f(Ke, { children: [
-      (s == null ? void 0 : s.iconName) && /* @__PURE__ */ r(
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(
         et,
         {
           "data-type-trivia": e === x.TRIVIA,
           "data-type-poll": e === x.POLL,
-          name: s.iconName
+          name: i.iconName
         }
       ),
-      (s == null ? void 0 : s.label) && /* @__PURE__ */ r(tt, { children: s.label })
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ r(tt, { children: i.label })
     ] }),
-    /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(it, { name: "icon-cross" }) })
+    /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(st, { name: "icon-cross" }) })
   ] });
 }, ke = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), we = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
@@ -150,8 +150,8 @@ const Je = /* @__PURE__ */ a("div")({
   avatar: e,
   name: t,
   points: n,
-  friendsRank: s,
-  rank: i,
+  friendsRank: i,
+  rank: s,
   streak: l,
   correct: c,
   incorrect: m,
@@ -184,8 +184,8 @@ const Je = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ f(ft, { children: [
     /* @__PURE__ */ f(xt, { children: [
-      /* @__PURE__ */ r(le, { indicator: s || 0, title: "Friends rank" }),
-      /* @__PURE__ */ r(le, { indicator: i || 0, title: "Global rank" })
+      /* @__PURE__ */ r(le, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ f(Ot, { children: [
       /* @__PURE__ */ r(F, { indicator: l || 0, title: "Win streak" }),
@@ -254,16 +254,16 @@ const Je = /* @__PURE__ */ a("div")({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
-  questionType: s,
-  hasCorrectAnswer: i,
+  questionType: i,
+  hasCorrectAnswer: s,
   questionStatus: l
 }) => {
-  const c = n && (s === x.TRIVIA || s === x.PREDICTION);
-  if (!c && l !== L.RESOLVED || l === L.RESOLVED && s === x.PREDICTION && !n)
+  const c = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!c && l !== L.RESOLVED || l === L.RESOLVED && i === x.PREDICTION && !n)
     return null;
-  const m = s === x.PREDICTION && !i, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = i === x.PREDICTION && !s, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Pt, { "data-isPrediction": m, children: [
-    l === L.RESOLVED && s === x.TRIVIA && !n && /* @__PURE__ */ f(R, { children: [
+    l === L.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ f("div", { children: [
         /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
@@ -274,7 +274,7 @@ const Je = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ r(qt, { name: "icon-prediction" }),
       /* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    c && i && /* @__PURE__ */ f(R, { children: [
+    c && s && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ r(ce, { "data-feedbackType": u, children: /* @__PURE__ */ r(j, { name: u }) }),
       /* @__PURE__ */ r("div", { children: /* @__PURE__ */ f(de, { children: [
         /* @__PURE__ */ r(Yt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
@@ -352,29 +352,29 @@ const Je = /* @__PURE__ */ a("div")({
   [P.ROUNDED]: (e) => /* @__PURE__ */ r(rn, { alt: "option-icon", src: e }),
   [P.NONE]: () => null,
   [P.UNSET]: () => null
-}, un = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: s, questionVoted: i }) => {
-  if (e === x.POLL && s)
+}, un = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: s }) => {
+  if (e === x.POLL && i)
     return "correct";
   if (e === x.PREDICTION) {
-    if (t && i)
-      return s ? n ? "correct" : "incorrect" : "unset";
-    if (s)
+    if (t && s)
+      return i ? n ? "correct" : "incorrect" : "unset";
+    if (i)
       return "correct";
   }
-  return e === x.TRIVIA && i && s ? n ? "correct" : "incorrect" : "unset";
+  return e === x.TRIVIA && s && i ? n ? "correct" : "incorrect" : "unset";
 }, pn = ({
   questionType: e,
   questionVoted: t,
   correct: n,
-  hasCorrectAnswer: s,
-  questionStatus: i
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && s || i === L.RESOLVED && n : !1, mn = (e) => {
+  hasCorrectAnswer: i,
+  questionStatus: s
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === L.RESOLVED && n : !1, mn = (e) => {
   var t;
   const {
     // option props
     id: n,
-    icon: s,
-    text: i,
+    icon: i,
+    text: s,
     percentageDecimal: l,
     // extra props
     onVote: c,
@@ -401,8 +401,8 @@ const Je = /* @__PURE__ */ a("div")({
       children: [
         /* @__PURE__ */ r(Jt, { "data-answerState": d, style: { width: `${g ? l : 0}%` } }),
         /* @__PURE__ */ f(Kt, { children: [
-          s && h && ((t = ue[h]) == null ? void 0 : t.call(ue, s)),
-          /* @__PURE__ */ r(on, { children: i }),
+          i && h && ((t = ue[h]) == null ? void 0 : t.call(ue, i)),
+          /* @__PURE__ */ r(on, { children: s }),
           g && /* @__PURE__ */ f(an, { children: [
             p && /* @__PURE__ */ r(dn, { name: "selected" }),
             /* @__PURE__ */ r(ln, { children: /* @__PURE__ */ r(ze, { value: l, suffix: "%" }) })
@@ -412,7 +412,7 @@ const Je = /* @__PURE__ */ a("div")({
     }
   );
 };
-var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: s = 0, onComplete: i, onUpdate: l }) => {
+var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: l }) => {
   let [c, m] = Q(n), u = w(0), h = w(n), N = w(n * -1e3), M = w(null), v = w(null), T = w(null), D = (p) => {
     let I = p / 1e3;
     if (v.current === null) {
@@ -421,7 +421,7 @@ var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, start
     }
     let g = I - v.current, S = u.current + g;
     v.current = I, u.current = S;
-    let y = h.current + (s === 0 ? S : (S / s | 0) * s), z = h.current + S, A = typeof t == "number" && z >= t;
+    let y = h.current + (i === 0 ? S : (S / i | 0) * i), z = h.current + S, A = typeof t == "number" && z >= t;
     m(A ? t : y), A || (M.current = requestAnimationFrame(D));
   }, o = () => {
     M.current && cancelAnimationFrame(M.current), T.current && clearTimeout(T.current), v.current = null;
@@ -433,35 +433,35 @@ var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, start
   return pe(() => {
     if (l == null || l(c), t && c >= t) {
       N.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (i == null ? void 0 : i(N.current / 1e3)) || {};
+      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (s == null ? void 0 : s(N.current / 1e3)) || {};
       p && (T.current = setTimeout(() => d(g), I * 1e3));
     }
-  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, s]), { elapsedTime: c, reset: d };
+  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: c, reset: d };
 }, In = (e, t, n) => {
-  let s = e / 2, i = t / 2, l = s - i, c = 2 * l, m = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
-  return { path: `m ${s},${i} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: u };
-}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, fn = (e) => ({ position: "relative", width: e, height: e }), gn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, n, s, i) => {
-  if (s === 0)
+  let i = e / 2, s = t / 2, l = i - s, c = 2 * l, m = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
+  return { path: `m ${i},${s} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: u };
+}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, fn = (e) => ({ position: "relative", width: e, height: e }), gn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, n, i, s) => {
+  if (i === 0)
     return t;
-  let l = (i ? s - e : e) / s;
+  let l = (s ? i - e : e) / i;
   return t + n * l;
 }, he = (e) => {
   var t, n;
-  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (s, i, l, c) => `#${i}${i}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((s) => parseInt(s, 16))) != null ? n : [];
+  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, s, l, c) => `#${s}${s}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
 }, vn = (e, t) => {
   var n;
-  let { colors: s, colorsTime: i, isSmoothColorTransition: l = !0 } = e;
-  if (typeof s == "string")
-    return s;
-  let c = (n = i == null ? void 0 : i.findIndex((v, T) => v >= t && t >= i[T + 1])) != null ? n : -1;
-  if (!i || c === -1)
-    return s[0];
+  let { colors: i, colorsTime: s, isSmoothColorTransition: l = !0 } = e;
+  if (typeof i == "string")
+    return i;
+  let c = (n = s == null ? void 0 : s.findIndex((v, T) => v >= t && t >= s[T + 1])) != null ? n : -1;
+  if (!s || c === -1)
+    return i[0];
   if (!l)
-    return s[c];
-  let m = i[c] - t, u = i[c] - i[c + 1], h = he(s[c]), N = he(s[c + 1]), M = !!e.isGrowing;
+    return i[c];
+  let m = s[c] - t, u = s[c] - s[c + 1], h = he(i[c]), N = he(i[c + 1]), M = !!e.isGrowing;
   return `rgb(${h.map((v, T) => Le(m, v, N[T] - v, u, M) | 0).join(",")})`;
 }, Mn = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: s, size: i = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: N, onUpdate: M } = e, v = w(), T = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(i, T, h), { elapsedTime: d } = hn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: s, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: N, onUpdate: M } = e, v = w(), T = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(s, T, h), { elapsedTime: d } = hn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
     let g = Math.ceil(t - I);
     g !== v.current && (v.current = g, M(g));
   } : void 0, onComplete: typeof N == "function" ? (I) => {
@@ -470,10 +470,10 @@ var pe = typeof window > "u" ? xe : Ze, hn = ({ isPlaying: e, duration: t, start
     if (S)
       return { shouldRepeat: S, delay: y, newStartAt: me(t, z) };
   } : void 0 }), p = t - d;
-  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: i, stroke: vn(e, p), strokeDashoffset: Le(d, 0, o, t, u), strokeWidth: l };
+  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: vn(e, p), strokeDashoffset: Le(d, 0, o, t, u), strokeWidth: l };
 }, $e = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: s, trailStrokeWidth: i } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: N, size: M, strokeWidth: v } = Mn(e);
-  return _.createElement("div", { style: fn(M) }, _.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, _.createElement("path", { d: l, fill: "none", stroke: s ?? "#d9d9d9", strokeWidth: i ?? v }), _.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && _.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: N, color: m })));
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: N, size: M, strokeWidth: v } = Mn(e);
+  return _.createElement("div", { style: fn(M) }, _.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, _.createElement("path", { d: l, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? v }), _.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && _.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: N, color: m })));
 };
 $e.displayName = "CountdownCircleTimer";
 const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRAY3], Nn = [10, 10, 1, 0], Tn = /* @__PURE__ */ a("div")({
@@ -485,15 +485,15 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [s, i] = Q(t > 10 ? An : Ie), l = ({
+  const [i, s] = Q(t > 10 ? An : Ie), l = ({
     remainingTime: u
   }) => /* @__PURE__ */ r(Tn, {
     children: u
   }), c = q(() => {
-    n == null || n(), i(Dn);
-  }, [n, i]), m = q((u) => {
-    u === 10 && i(Ie);
-  }, [i]);
+    n == null || n(), s(Dn);
+  }, [n, s]), m = q((u) => {
+    u === 10 && s(Ie);
+  }, [s]);
   return /* @__PURE__ */ r($e, {
     isPlaying: e,
     duration: t,
@@ -502,7 +502,7 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: s,
+    trailColor: i,
     onComplete: c,
     onUpdate: m,
     children: l
@@ -539,14 +539,14 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
   title: e,
   points: t,
   isPlayingTimer: n,
-  isTimer: s,
-  questionType: i,
+  isTimer: i,
+  questionType: s,
   timerDuration: l,
   onTimerExpired: c
 }) => /* @__PURE__ */ f(zn, { children: [
   /* @__PURE__ */ f(xn, { children: [
     e && /* @__PURE__ */ r(On, { children: e }),
-    t !== void 0 && i !== x.POLL && /* @__PURE__ */ f(R, { children: [
+    t !== void 0 && s !== x.POLL && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ r(kn, { name: "icon-trophy" }),
       /* @__PURE__ */ f(wn, { children: [
         /* @__PURE__ */ r(Cn, { children: /* @__PURE__ */ r(ze, { value: t }) }),
@@ -554,10 +554,10 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
       ] })
     ] })
   ] }),
-  s && /* @__PURE__ */ r(Sn, { isPlaying: n, onTimerExpired: c, duration: l })
-] }), $n = ({ openedQuestion: e, isLoading: t, vote: n, close: s }) => {
-  var i, l;
-  const c = e.subject, m = e.type, u = (i = e.options) == null ? void 0 : i.options, [h, N] = Q(!1), [M, v] = Q(""), T = e == null ? void 0 : e.id, D = q(
+  i && /* @__PURE__ */ r(Sn, { isPlaying: n, onTimerExpired: c, duration: l })
+] }), $n = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  var s, l;
+  const c = e.subject, m = e.type, u = (s = e.options) == null ? void 0 : s.options, [h, N] = Q(!1), [M, v] = Q(""), T = e == null ? void 0 : e.id, D = q(
     async (A) => {
       if (T) {
         const O = A.currentTarget.value;
@@ -566,8 +566,8 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
     },
     [T, v, n]
   ), o = q(() => {
-    N(!0), setTimeout(s, 3e3);
-  }, [s]), d = C(
+    N(!0), setTimeout(i, 3e3);
+  }, [i]), d = C(
     () => e == null ? void 0 : e.answers.find((A) => A.youVoted === !0),
     [e]
   ), p = C(
@@ -597,7 +597,7 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
     if (!h)
       return d ? d.correct ? d.points : 0 : I == null ? void 0 : I.points;
   }, [h, d, I, e.status]), z = C(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : d ? "You won" : "To win", [h, e.type, d]);
-  return /* @__PURE__ */ r(se, { "data-question-header": "true", children: /* @__PURE__ */ r(Ft, { children: /* @__PURE__ */ f(Bt, { children: [
+  return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(Ft, { children: /* @__PURE__ */ f(Bt, { children: [
     S && /* @__PURE__ */ r(
       Vt,
       {
@@ -656,8 +656,8 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), Ee = ({ created: e, image: t, title: n, instantView: s }) => {
-  const i = C(() => {
+}), Ee = ({ created: e, image: t, title: n, instantView: i }) => {
+  const s = C(() => {
     if (e) {
       const c = new Date(e);
       if (at(c))
@@ -667,18 +667,18 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
         };
     }
     return null;
-  }, [e]), l = (s == null ? void 0 : s.image) || t;
+  }, [e]), l = (i == null ? void 0 : i.image) || t;
   return /* @__PURE__ */ f(En, { children: [
-    i && /* @__PURE__ */ f(Pn, { children: [
-      i.date,
+    s && /* @__PURE__ */ f(Pn, { children: [
+      s.date,
       " · ",
-      i.time
+      s.time
     ] }),
-    (s == null ? void 0 : s.video) && /* @__PURE__ */ r(Ve, { source: s.video.url, poster: s.video.thumbnailUrl }),
-    l && /* @__PURE__ */ r(_n, { src: l }),
+    (i == null ? void 0 : i.video) && /* @__PURE__ */ r(Ve, { source: i.video.url, poster: i.video.thumbnailUrl }),
+    l && !(i != null && i.video) && /* @__PURE__ */ r(_n, { src: l }),
     /* @__PURE__ */ f(Rn, { children: [
-      /* @__PURE__ */ r(Qn, { children: (s == null ? void 0 : s.heading) || n }),
-      /* @__PURE__ */ r(Un, { children: s == null ? void 0 : s.body })
+      /* @__PURE__ */ r(Qn, { children: (i == null ? void 0 : i.heading) || n }),
+      /* @__PURE__ */ r(Un, { children: i == null ? void 0 : i.body })
     ] })
   ] });
 }, qn = /* @__PURE__ */ a("div")({
@@ -713,32 +713,32 @@ const yn = [b.PRIMARY_GREEN1, b.SECONDARY_RED1, b.SECONDARY_RED1, b.NEUTRALS_GRA
   close: n
 }) => {
   const {
-    loading: s,
-    data: i
+    loading: i,
+    data: s
   } = e;
-  return i ? /* @__PURE__ */ r($n, {
+  return s ? /* @__PURE__ */ r($n, {
     vote: t,
     close: n,
-    openedQuestion: i,
-    isLoading: !!s
+    openedQuestion: s,
+    isLoading: !!i
   }) : null;
 }, Hn = ({
   gamification: e
 }) => {
   var t;
-  const n = $(e.openedQuestion.$store), s = $(e.openedQuestion.$extendedStore);
+  const n = $(e.openedQuestion.$store), i = $(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
-  const i = n.type;
+  const s = n.type;
   return /* @__PURE__ */ f(Vn, {
     children: [/* @__PURE__ */ r(je, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), i === "question" && /* @__PURE__ */ r(Bn, {
+    }), s === "question" && /* @__PURE__ */ r(Bn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: s
-    }), i !== "question" && /* @__PURE__ */ r(Fn, {
+      extendedQuestion: i
+    }), s !== "question" && /* @__PURE__ */ r(Fn, {
       openedQuestion: n
     }), /* @__PURE__ */ r($t, {
       sponsorLogo: ""
@@ -783,8 +783,8 @@ function te() {
   return te = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
-      for (var s in n)
-        Object.prototype.hasOwnProperty.call(n, s) && (e[s] = n[s]);
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
   }, te.apply(this, arguments);
@@ -795,38 +795,38 @@ function ge(e) {
   return e;
 }
 function ne(e, t) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, i) {
-    return s.__proto__ = i, s;
+  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+    return i.__proto__ = s, i;
   }, ne(e, t);
 }
-function es(e, t) {
+function ei(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
 var ve = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function ts(e, t) {
+function ti(e, t) {
   return !!(e === t || ve(e) && ve(t));
 }
-function ns(e, t) {
+function ni(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!ts(e[n], t[n]))
+    if (!ti(e[n], t[n]))
       return !1;
   return !0;
 }
 function K(e, t) {
-  t === void 0 && (t = ns);
-  var n, s = [], i, l = !1;
+  t === void 0 && (t = ni);
+  var n, i = [], s, l = !1;
   function c() {
     for (var m = [], u = 0; u < arguments.length; u++)
       m[u] = arguments[u];
-    return l && n === this && t(m, s) || (i = e.apply(this, m), l = !0, n = this, s = m), i;
+    return l && n === this && t(m, i) || (s = e.apply(this, m), l = !0, n = this, i = m), s;
   }
   return c;
 }
-var ss = typeof performance == "object" && typeof performance.now == "function", Me = ss ? function() {
+var ii = typeof performance == "object" && typeof performance.now == "function", Me = ii ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -834,15 +834,15 @@ var ss = typeof performance == "object" && typeof performance.now == "function",
 function ye(e) {
   cancelAnimationFrame(e.id);
 }
-function is(e, t) {
+function si(e, t) {
   var n = Me();
-  function s() {
-    Me() - n >= t ? e.call(null) : i.id = requestAnimationFrame(s);
+  function i() {
+    Me() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
   }
-  var i = {
-    id: requestAnimationFrame(s)
+  var s = {
+    id: requestAnimationFrame(i)
   };
-  return i;
+  return s;
 }
 var X = -1;
 function Ne(e) {
@@ -857,18 +857,18 @@ function Te(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 s = document.createElement("div"), i = s.style;
-    return i.width = "100px", i.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
+    var i = document.createElement("div"), s = i.style;
+    return s.width = "100px", s.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
   }
   return E;
 }
-var rs = 150, os = function(t, n) {
+var ri = 150, oi = function(t, n) {
   return t;
 };
-function as(e) {
-  var t, n = e.getItemOffset, s = e.getEstimatedTotalSize, i = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
+function ai(e) {
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
   return t = /* @__PURE__ */ function(M) {
-    es(v, M);
+    ei(v, M);
     function v(D) {
       var o;
       return o = M.call(this, D) || this, o._instanceProps = u(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
@@ -895,7 +895,7 @@ function as(e) {
         if (y.hasOwnProperty(d))
           z = y[d];
         else {
-          var A = n(o.props, d, o._instanceProps), O = i(o.props, d, o._instanceProps), k = I === "horizontal" || S === "horizontal", Y = I === "rtl", W = k ? A : 0;
+          var A = n(o.props, d, o._instanceProps), O = s(o.props, d, o._instanceProps), k = I === "horizontal" || S === "horizontal", Y = I === "rtl", W = k ? A : 0;
           y[d] = z = {
             position: "absolute",
             left: Y ? void 0 : W,
@@ -947,7 +947,7 @@ function as(e) {
         var p = o.props.outerRef;
         o._outerRef = d, typeof p == "function" ? p(d) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = d);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = is(o._resetIsScrolling, rs);
+        o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = si(o._resetIsScrolling, ri);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -957,7 +957,7 @@ function as(e) {
       }, o;
     }
     v.getDerivedStateFromProps = function(o, d) {
-      return ls(o, d), N(o), null;
+      return li(o, d), N(o), null;
     };
     var T = v.prototype;
     return T.scrollTo = function(o) {
@@ -1012,17 +1012,17 @@ function as(e) {
     }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, T.render = function() {
-      var o = this.props, d = o.children, p = o.className, I = o.direction, g = o.height, S = o.innerRef, y = o.innerElementType, z = o.innerTagName, A = o.itemCount, O = o.itemData, k = o.itemKey, Y = k === void 0 ? os : k, W = o.layout, Re = o.outerElementType, Qe = o.outerTagName, Ue = o.style, Pe = o.useIsScrolling, _e = o.width, ie = this.state.isScrolling, G = I === "horizontal" || W === "horizontal", qe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Ye = re[0], We = re[1], oe = [];
+      var o = this.props, d = o.children, p = o.className, I = o.direction, g = o.height, S = o.innerRef, y = o.innerElementType, z = o.innerTagName, A = o.itemCount, O = o.itemData, k = o.itemKey, Y = k === void 0 ? oi : k, W = o.layout, Re = o.outerElementType, Qe = o.outerTagName, Ue = o.style, Pe = o.useIsScrolling, _e = o.width, se = this.state.isScrolling, G = I === "horizontal" || W === "horizontal", qe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Ye = re[0], We = re[1], oe = [];
       if (A > 0)
         for (var U = Ye; U <= We; U++)
           oe.push(Z(d, {
             data: O,
             key: Y(U, O),
             index: U,
-            isScrolling: Pe ? ie : void 0,
+            isScrolling: Pe ? se : void 0,
             style: this._getItemStyle(U)
           }));
-      var ae = s(this.props, this._instanceProps);
+      var ae = i(this.props, this._instanceProps);
       return Z(Re || Qe || "div", {
         className: p,
         onScroll: qe,
@@ -1041,7 +1041,7 @@ function as(e) {
         ref: S,
         style: {
           height: G ? "100%" : ae,
-          pointerEvents: ie ? "none" : void 0,
+          pointerEvents: se ? "none" : void 0,
           width: G ? ae : "100%"
         }
       }));
@@ -1072,24 +1072,24 @@ function as(e) {
     useIsScrolling: !1
   }, t;
 }
-var ls = function(t, n) {
+var li = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, cs = /* @__PURE__ */ as({
+}, ci = /* @__PURE__ */ ai({
   getItemOffset: function(t, n) {
-    var s = t.itemSize;
-    return n * s;
+    var i = t.itemSize;
+    return n * i;
   },
   getItemSize: function(t, n) {
-    var s = t.itemSize;
-    return s;
+    var i = t.itemSize;
+    return i;
   },
   getEstimatedTotalSize: function(t) {
-    var n = t.itemCount, s = t.itemSize;
-    return s * n;
+    var n = t.itemCount, i = t.itemSize;
+    return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, s, i, l, c) {
+  getOffsetForIndexAndAlignment: function(t, n, i, s, l, c) {
     var m = t.direction, u = t.height, h = t.itemCount, N = t.itemSize, M = t.layout, v = t.width, T = m === "horizontal" || M === "horizontal", D = T ? v : u, o = Math.max(0, h * N - D), d = Math.min(o, n * N), p = Math.max(0, n * N - D + N + c);
-    switch (s === "smart" && (i >= p - D && i <= d + D ? s = "auto" : s = "center"), s) {
+    switch (i === "smart" && (s >= p - D && s <= d + D ? i = "auto" : i = "center"), i) {
       case "start":
         return d;
       case "end":
@@ -1100,15 +1100,15 @@ var ls = function(t, n) {
       }
       case "auto":
       default:
-        return i >= p && i <= d ? i : i < p ? p : d;
+        return s >= p && s <= d ? s : s < p ? p : d;
     }
   },
   getStartIndexForOffset: function(t, n) {
-    var s = t.itemCount, i = t.itemSize;
-    return Math.max(0, Math.min(s - 1, Math.floor(n / i)));
+    var i = t.itemCount, s = t.itemSize;
+    return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
   },
-  getStopIndexForStartIndex: function(t, n, s) {
-    var i = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, N = i === "horizontal" || u === "horizontal", M = n * m, v = N ? h : l, T = Math.ceil((v + s - M) / m);
+  getStopIndexForStartIndex: function(t, n, i) {
+    var s = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, N = s === "horizontal" || u === "horizontal", M = n * m, v = N ? h : l, T = Math.ceil((v + i - M) / m);
     return Math.max(0, Math.min(
       c - 1,
       n + T - 1
@@ -1122,22 +1122,22 @@ var ls = function(t, n) {
     t.itemSize;
   }
 });
-function ds(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, s = e.startIndex, i = e.stopIndex;
-  return !(s > n || i < t);
+function di(e) {
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, s = e.stopIndex;
+  return !(i > n || s < t);
 }
-function us(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, s = e.minimumBatchSize, i = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = i; h <= l; h++) {
+function ui(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = s; h <= l; h++) {
     var N = t(h);
     N ? u !== null && (c.push(m, u), m = u = null) : (u = h, m === null && (m = h));
   }
   if (u !== null) {
-    for (var M = Math.min(Math.max(u, m + s - 1), n - 1), v = u + 1; v <= M && !t(v); v++)
+    for (var M = Math.min(Math.max(u, m + i - 1), n - 1), v = u + 1; v <= M && !t(v); v++)
       u = v;
     c.push(m, u);
   }
   if (c.length)
-    for (; c[1] - c[0] + 1 < s && c[0] > 0; ) {
+    for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
       var T = c[0] - 1;
       if (!t(T))
         c[0] = T;
@@ -1146,20 +1146,20 @@ function us(e) {
     }
   return c;
 }
-var ps = function(e, t) {
+var pi = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, ms = function() {
+}, mi = function() {
   function e(t, n) {
-    for (var s = 0; s < n.length; s++) {
-      var i = n[s];
-      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+    for (var i = 0; i < n.length; i++) {
+      var s = n[i];
+      s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
     }
   }
-  return function(t, n, s) {
-    return n && e(t.prototype, n), s && e(t, s), t;
+  return function(t, n, i) {
+    return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), hs = function(e, t) {
+}(), hi = 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, {
@@ -1174,25 +1174,25 @@ var ps = 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;
-}, Is = function(e) {
-  hs(t, e);
+}, Ii = function(e) {
+  hi(t, e);
   function t() {
-    var n, s, i, l;
-    ps(this, t);
+    var n, i, s, l;
+    pi(this, t);
     for (var c = arguments.length, m = Array(c), u = 0; u < c; u++)
       m[u] = arguments[u];
-    return l = (s = (i = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(h) {
+    return l = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(h) {
       var N = h.visibleStartIndex, M = h.visibleStopIndex;
-      i._lastRenderedStartIndex = N, i._lastRenderedStopIndex = M, i._ensureRowsLoaded(N, M);
-    }, i._setRef = function(h) {
-      i._listRef = h;
-    }, s), Ae(i, l);
+      s._lastRenderedStartIndex = N, s._lastRenderedStopIndex = M, s._ensureRowsLoaded(N, M);
+    }, s._setRef = function(h) {
+      s._listRef = h;
+    }, i), Ae(s, l);
   }
-  return ms(t, [{
+  return mi(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], s && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -1201,21 +1201,21 @@ var ps = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var s = this.props.children;
-      return s({
+      var i = this.props.children;
+      return i({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(s, i) {
-      var l = this.props, c = l.isItemLoaded, m = l.itemCount, u = l.minimumBatchSize, h = u === void 0 ? 10 : u, N = l.threshold, M = N === void 0 ? 15 : N, v = us({
+    value: function(i, s) {
+      var l = this.props, c = l.isItemLoaded, m = l.itemCount, u = l.minimumBatchSize, h = u === void 0 ? 10 : u, N = l.threshold, M = N === void 0 ? 15 : N, v = ui({
         isItemLoaded: c,
         itemCount: m,
         minimumBatchSize: h,
-        startIndex: Math.max(0, s - M),
-        stopIndex: Math.min(m - 1, i + M)
+        startIndex: Math.max(0, i - M),
+        stopIndex: Math.min(m - 1, s + M)
       });
       (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(T, D) {
         return v[D] !== T;
@@ -1223,102 +1223,102 @@ var ps = function(e, t) {
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(s) {
-      for (var i = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
-        var N = s[h], M = s[h + 1], v = l(N, M);
+    value: function(i) {
+      for (var s = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
+        var N = i[h], M = i[h + 1], v = l(N, M);
         v != null && v.then(function() {
-          if (ds({
-            lastRenderedStartIndex: i._lastRenderedStartIndex,
-            lastRenderedStopIndex: i._lastRenderedStopIndex,
+          if (di({
+            lastRenderedStartIndex: s._lastRenderedStartIndex,
+            lastRenderedStopIndex: s._lastRenderedStopIndex,
             startIndex: N,
             stopIndex: M
           })) {
-            if (i._listRef == null)
+            if (s._listRef == null)
               return;
-            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(N, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
+            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(N, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
           }
         });
-      }, m = 0; m < s.length; m += 2)
+      }, m = 0; m < i.length; m += 2)
         c(m);
     }
   }]), t;
 }(Oe);
-const fs = /* @__PURE__ */ a("div")({
+const fi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), gs = /* @__PURE__ */ a("div")({
+}), gi = /* @__PURE__ */ a("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), vs = /* @__PURE__ */ a("img")({
+}), vi = /* @__PURE__ */ a("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), Ms = /* @__PURE__ */ a("div")({
+}), Mi = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), ys = /* @__PURE__ */ a("div")({
+}), yi = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), Ns = /* @__PURE__ */ a("div")({
+}), Ni = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), Ts = /* @__PURE__ */ a("span")({
+}), Ti = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), As = () => j, Ds = /* @__PURE__ */ a(As())({
+}), Ai = () => j, Di = /* @__PURE__ */ a(Ai())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), Ss = ({
+}), Si = ({
   rank: e,
   avatar: t,
   name: n,
-  points: s,
-  isCurrentUser: i,
+  points: i,
+  isCurrentUser: s,
   openItemDetail: l,
   style: c
-}) => /* @__PURE__ */ f(fs, { onClick: l, style: c, children: [
-  /* @__PURE__ */ r(gs, { children: e || 0 }),
-  /* @__PURE__ */ f(ys, { children: [
-    t ? /* @__PURE__ */ r(vs, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ms, { children: ke(n || "") }),
-    /* @__PURE__ */ f(Ns, { children: [
-      /* @__PURE__ */ r(Ts, { children: n || "" }),
-      i && /* @__PURE__ */ r(Ds, { name: "icon-star" })
+}) => /* @__PURE__ */ f(fi, { onClick: l, style: c, children: [
+  /* @__PURE__ */ r(gi, { children: e || 0 }),
+  /* @__PURE__ */ f(yi, { children: [
+    t ? /* @__PURE__ */ r(vi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Mi, { children: ke(n || "") }),
+    /* @__PURE__ */ f(Ni, { children: [
+      /* @__PURE__ */ r(Ti, { children: n || "" }),
+      s && /* @__PURE__ */ r(Di, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { children: we(s) })
-] }), zs = /* @__PURE__ */ a("div")({
+  /* @__PURE__ */ r("div", { children: we(i) })
+] }), zi = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), xs = ({
+}), xi = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
-  fetchMore: s
-}) => /* @__PURE__ */ r(Fe, { children: ({ width: i, height: l }) => /* @__PURE__ */ r(
-  Is,
+  fetchMore: i
+}) => /* @__PURE__ */ r(Fe, { children: ({ width: s, height: l }) => /* @__PURE__ */ r(
+  Ii,
   {
     isItemLoaded: (c) => c < e.length,
     itemCount: e.length + 1,
-    loadMoreItems: s,
-    children: ({ onItemsRendered: c, ref: m }) => /* @__PURE__ */ r(zs, { children: /* @__PURE__ */ r(
-      cs,
+    loadMoreItems: i,
+    children: ({ onItemsRendered: c, ref: m }) => /* @__PURE__ */ r(zi, { children: /* @__PURE__ */ r(
+      ci,
       {
         itemSize: 56,
         onItemsRendered: c,
         ref: m,
         itemCount: e.length,
-        width: i,
+        width: s,
         height: l,
         children: ({ index: u, style: h }) => /* @__PURE__ */ r(
-          Ss,
+          Si,
           {
             style: { ...h, maxHeight: 48 },
             ...e[u],
@@ -1330,12 +1330,12 @@ const fs = /* @__PURE__ */ a("div")({
       }
     ) })
   }
-) }), Os = ({ deepLink: e }) => {
-  const { data: t } = $(e.$store), n = t == null ? void 0 : t.url, s = e.desktopLink;
+) }), Oi = ({ deepLink: e }) => {
+  const { data: t } = $(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ r(
     Be,
     {
-      inviteLink: n || s,
+      inviteLink: n || i,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1352,133 +1352,133 @@ const fs = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, js = ({ gamification: e }) => {
+}, ji = ({ gamification: e }) => {
   const { data: t } = $(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ r(
-    xs,
+    xi,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ r(Os, { deepLink: e.deepLink });
-}, ks = /* @__PURE__ */ a("div")({
+  ) : /* @__PURE__ */ r(Oi, { deepLink: e.deepLink });
+}, ki = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), ws = /* @__PURE__ */ a("div")({
+}), wi = /* @__PURE__ */ a("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ a("div")({
+}), Ci = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), bs = /* @__PURE__ */ a("div")({
+}), bi = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Ls = () => j, B = /* @__PURE__ */ a(Ls())({
+}), Li = () => j, B = /* @__PURE__ */ a(Li())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), $s = () => j, Es = /* @__PURE__ */ a($s())({
+}), $i = () => j, Ei = /* @__PURE__ */ a($i())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), Rs = /* @__PURE__ */ a("div")({
+}), Ri = /* @__PURE__ */ a("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Qs = /* @__PURE__ */ a("div")({
+}), Qi = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Us = /* @__PURE__ */ a("button")({
+}), Ui = /* @__PURE__ */ a("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Ps = {
+}), Pi = {
   [V.LOST]: /* @__PURE__ */ r(B, { name: "incorrectVoted" }),
   [V.WON]: /* @__PURE__ */ r(B, { name: "icon-check" }),
   [V.UNSET]: /* @__PURE__ */ r(B, { name: "icon-arrow" }),
   [V.DNP]: /* @__PURE__ */ r(B, { name: "icon-arrow" })
-}, _s = ({
+}, _i = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
-  subject: s,
-  openForVoting: i,
+  subject: i,
+  openForVoting: s,
   openQuestion: l,
   status: c
 }) => {
-  const m = Se[t], u = Ps[c];
-  return m ? /* @__PURE__ */ f(ks, { onClick: () => l == null ? void 0 : l(e), children: [
-    /* @__PURE__ */ f(Qs, { children: [
-      /* @__PURE__ */ f(ws, { children: [
+  const m = Se[t], u = Pi[c];
+  return m ? /* @__PURE__ */ f(ki, { onClick: () => l == null ? void 0 : l(e), children: [
+    /* @__PURE__ */ f(Qi, { children: [
+      /* @__PURE__ */ f(wi, { children: [
         /* @__PURE__ */ r(
-          Es,
+          Ei,
           {
             "data-type-trivia": t === x.TRIVIA,
             "data-type-poll": t === x.POLL,
             name: m.iconName
           }
         ),
-        /* @__PURE__ */ f(Rs, { children: [
+        /* @__PURE__ */ f(Ri, { children: [
           m.label,
           t === x.TRIVIA && n === L.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ r(Cs, { children: s || "" })
+      /* @__PURE__ */ r(Ci, { children: i || "" })
     ] }),
-    /* @__PURE__ */ r(bs, { children: i ? /* @__PURE__ */ r(Us, { children: "Play" }) : u })
+    /* @__PURE__ */ r(bi, { children: s ? /* @__PURE__ */ r(Ui, { children: "Play" }) : u })
   ] }) : null;
-}, qs = /* @__PURE__ */ a("div")({
+}, qi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Ys = /* @__PURE__ */ a("button")({
+}), Yi = /* @__PURE__ */ a("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Ws = ({
+}), Wi = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ f(qs, { children: [
+}) => /* @__PURE__ */ f(qi, { children: [
   /* @__PURE__ */ r(Ee, { questionId: t, ...n }),
-  e && /* @__PURE__ */ r(Ys, { onClick: () => e(t), children: "View Insight" })
-] }), Vs = /* @__PURE__ */ a("div")({
+  e && /* @__PURE__ */ r(Yi, { onClick: () => e(t), children: "View Insight" })
+] }), Vi = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Fs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Vs, { children: e == null ? void 0 : e.map((n) => {
-  var s, i;
-  if (n.type === "question" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "question") {
+}), Fi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Vi, { children: e == null ? void 0 : e.map((n) => {
+  var i, s;
+  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const l = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(_s, { openQuestion: t, ...l }, l.questionId);
+    return /* @__PURE__ */ r(_i, { openQuestion: t, ...l }, l.questionId);
   }
-  if (n.type === "insight" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "insight") {
+  if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
     const l = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(Ws, { openInsight: t, ...l }, l.questionId);
+    return /* @__PURE__ */ r(Wi, { openInsight: t, ...l }, l.questionId);
   }
   return null;
-}) }), Bs = ({ store: e, openQuestion: t }) => {
+}) }), Bi = ({ store: e, openQuestion: t }) => {
   const n = $(e);
-  return n != null && n.data ? /* @__PURE__ */ r(Fs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
-}, Hs = ({ userSummary: e }) => {
+  return n != null && n.data ? /* @__PURE__ */ r(Fi, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
+}, Hi = ({ userSummary: e }) => {
   var t;
-  const [n, s] = Q(void 0);
+  const [n, i] = Q(void 0);
   return xe(() => {
-    const i = e.subscribe((l) => {
-      l != null && l.data && s(l.data);
+    const s = e.subscribe((l) => {
+      l != null && l.data && i(l.data);
     });
     return () => {
-      i();
+      s();
     };
   }, [e]), n != null && n.summary ? /* @__PURE__ */ r(Ce, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
-}, Gs = ({
+}, Gi = ({
   gamification: e
 }) => {
   const [t, n] = Q(H.HOME);
@@ -1497,74 +1497,74 @@ const fs = /* @__PURE__ */ a("div")({
         activePage: t,
         toggleActivePage: n
       })
-    }), t === H.HOME && /* @__PURE__ */ f(se, {
+    }), t === H.HOME && /* @__PURE__ */ f(ie, {
       children: [/* @__PURE__ */ r(ee, {
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ r(Hs, {
+        children: /* @__PURE__ */ r(Hi, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ r(He, {
-        children: /* @__PURE__ */ r(Bs, {
+        children: /* @__PURE__ */ r(Bi, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
     }), t === H.LEADERBOARD && /* @__PURE__ */ r("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ r(js, {
+      children: /* @__PURE__ */ r(ji, {
         gamification: e
       })
     })]
   });
-}, Zs = () => Ge, De = /* @__PURE__ */ a(Zs())({
+}, Zi = () => Ge, De = /* @__PURE__ */ a(Zi())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), Js = /* @__PURE__ */ a("div")({
+}), Ji = /* @__PURE__ */ a("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Ks = ({
+}), Ki = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, ni = ({
+}, ns = ({
   gamification: e,
   className: t
 }) => {
-  const n = $(e.openedQuestion.$store), s = $(e.openedUser);
+  const n = $(e.openedQuestion.$store), i = $(e.openedUser);
   return /* @__PURE__ */ f(R, {
     children: [n && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ r(Hn, {
         gamification: e
       })
-    }), s && /* @__PURE__ */ r(De, {
+    }), i && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ f(Js, {
+      children: /* @__PURE__ */ f(Ji, {
         children: [/* @__PURE__ */ r(je, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
           children: /* @__PURE__ */ r(Ce, {
-            ...s,
-            successRate: Ks(s)
+            ...i,
+            successRate: Ki(i)
           })
         })]
       })
-    }), /* @__PURE__ */ r(se, {
+    }), /* @__PURE__ */ r(ie, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ r(Gs, {
+      children: /* @__PURE__ */ r(Gi, {
         gamification: e
       })
     })]
   });
 };
 export {
-  ni as default
+  ns as default
 };