@streamlayer/react 0.31.7 → 0.31.9

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

@@ -25,19 +25,19 @@ const Je = /* @__PURE__ */ a("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), xe = ({ type: e, close: t, label: n }) => {
-  const i = e ? Se[e] : { label: n, iconName: void 0 };
+}), xe = ({ type: e, close: t, label: i }) => {
+  const n = e ? Se[e] : { label: i, iconName: void 0 };
   return /* @__PURE__ */ f(Je, { children: [
     /* @__PURE__ */ f(Ke, { children: [
-      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(
+      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ r(
         et,
         {
           "data-type-trivia": e === x.TRIVIA,
           "data-type-poll": e === x.POLL,
-          name: i.iconName
+          name: n.iconName
         }
       ),
-      (i == null ? void 0 : i.label) && /* @__PURE__ */ r(tt, { children: i.label })
+      (n == null ? void 0 : n.label) && /* @__PURE__ */ r(tt, { children: n.label })
     ] }),
     /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(st, { name: "icon-cross" }) })
   ] });
@@ -149,8 +149,8 @@ const Je = /* @__PURE__ */ a("div")({
 }), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", ke = ({
   avatar: e,
   name: t,
-  points: n,
-  friendsRank: i,
+  points: i,
+  friendsRank: n,
   rank: s,
   streak: c,
   correct: l,
@@ -169,7 +169,7 @@ const Je = /* @__PURE__ */ a("div")({
         /* @__PURE__ */ f(At, { children: [
           /* @__PURE__ */ r(Tt, { alt: "rank-icon", src: wt }),
           /* @__PURE__ */ f(Dt, { children: [
-            Oe(n),
+            Oe(i),
             /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
@@ -184,7 +184,7 @@ const Je = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ f(ft, { children: [
     /* @__PURE__ */ f(xt, { children: [
-      /* @__PURE__ */ r(le, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ r(le, { indicator: n || 0, title: "Friends rank" }),
       /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ f(jt, { children: [
@@ -241,17 +241,17 @@ const Je = /* @__PURE__ */ a("div")({
 }), _t = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
-  questionVoted: n,
-  questionType: i,
+  questionVoted: i,
+  questionType: n,
   hasCorrectAnswer: s,
   questionStatus: c
 }) => {
-  const l = n && (i === x.TRIVIA || i === x.PREDICTION);
+  const l = i && (n === x.TRIVIA || n === x.PREDICTION);
   if (!l && c !== U.RESOLVED)
     return null;
-  const m = i === x.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = n === x.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Et, { "data-isPrediction": m, children: [
-    c === U.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ f($, { children: [
+    c === U.RESOLVED && n === x.TRIVIA && !i && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ f("div", { children: [
         /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
@@ -340,28 +340,28 @@ const Je = /* @__PURE__ */ a("div")({
   [R.ROUNDED]: (e) => /* @__PURE__ */ r(en, { alt: "option-icon", src: e }),
   [R.NONE]: () => null,
   [R.UNSET]: () => null
-}, an = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: s }) => {
-  if (e === x.POLL && i)
+}, an = ({ questionType: e, hasCorrectAnswer: t, correct: i, youVoted: n, questionVoted: s }) => {
+  if (e === x.POLL && n)
     return "correct";
   if (e === x.PREDICTION) {
     if (t && s)
-      return i ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
-    if (i)
+      return n ? i ? "correct" : "incorrect" : "unset";
+    if (n)
       return "correct";
   }
-  return e === x.TRIVIA && s ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
+  return e === x.TRIVIA && s && n ? i ? "correct" : "incorrect" : "unset";
 }, ln = ({
   questionType: e,
   questionVoted: t,
-  correct: n,
-  hasCorrectAnswer: i,
+  correct: i,
+  hasCorrectAnswer: n,
   questionStatus: s
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === U.RESOLVED && n : !1, cn = (e) => {
+}) => e === x.TRIVIA ? t && i : e === x.PREDICTION ? t && i && n || s === U.RESOLVED && i : !1, cn = (e) => {
   var t;
   const {
     // option props
-    id: n,
-    icon: i,
+    id: i,
+    icon: n,
     text: s,
     percentageDecimal: c,
     // extra props
@@ -380,15 +380,16 @@ const Je = /* @__PURE__ */ a("div")({
   return /* @__PURE__ */ f(
     Ft,
     {
-      value: n,
+      value: i,
       "data-selected": m,
       "data-answerState": u,
       disabled: d || g || T,
+      "data-isNotChecked": d && !m && u !== "incorrect",
       onClick: l,
       children: [
-        I && /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${c}%` } }),
+        /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${I ? c : 0}%` } }),
         /* @__PURE__ */ f(Ht, { children: [
-          i && h && ((t = ue[h]) == null ? void 0 : t.call(ue, i)),
+          n && h && ((t = ue[h]) == null ? void 0 : t.call(ue, n)),
           /* @__PURE__ */ r(tn, { children: s }),
           I && /* @__PURE__ */ f(nn, { children: [
             p && /* @__PURE__ */ r(on, { name: "selected" }),
@@ -399,8 +400,8 @@ const Je = /* @__PURE__ */ a("div")({
     }
   );
 };
-var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: c }) => {
-  let [l, m] = P(n), d = C(0), h = C(n), T = C(n * -1e3), M = C(null), g = C(null), A = C(null), D = (p) => {
+var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: i = 0, updateInterval: n = 0, onComplete: s, onUpdate: c }) => {
+  let [l, m] = P(i), d = C(0), h = C(i), T = C(i * -1e3), M = C(null), g = C(null), A = C(null), D = (p) => {
     let I = p / 1e3;
     if (g.current === null) {
       g.current = I, M.current = requestAnimationFrame(D);
@@ -408,47 +409,47 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     }
     let v = I - g.current, N = d.current + v;
     g.current = I, d.current = N;
-    let y = h.current + (i === 0 ? N : (N / i | 0) * i), S = h.current + N, z = typeof t == "number" && S >= t;
+    let y = h.current + (n === 0 ? N : (N / n | 0) * n), S = h.current + N, z = typeof t == "number" && S >= t;
     m(z ? t : y), z || (M.current = requestAnimationFrame(D));
   }, o = () => {
     M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), g.current = null;
   }, u = _((p) => {
     o(), d.current = 0;
-    let I = typeof p == "number" ? p : n;
+    let I = typeof p == "number" ? p : i;
     h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
-  }, [e, n]);
+  }, [e, i]);
   return pe(() => {
     if (c == null || c(l), t && l >= t) {
       T.current += t * 1e3;
       let { shouldRepeat: p = !1, delay: I = 0, newStartAt: v } = (s == null ? void 0 : s(T.current / 1e3)) || {};
       p && (A.current = setTimeout(() => u(v), I * 1e3));
     }
-  }, [l, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: u };
-}, un = (e, t, n) => {
-  let i = e / 2, s = t / 2, c = i - s, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
-  return { path: `m ${i},${s} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
-}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, n, i, s) => {
-  if (i === 0)
+  }, [l, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: l, reset: u };
+}, un = (e, t, i) => {
+  let n = e / 2, s = t / 2, c = n - s, l = 2 * c, m = i === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
+  return { path: `m ${n},${s} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
+}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, i, n, s) => {
+  if (n === 0)
     return t;
-  let c = (s ? i - e : e) / i;
-  return t + n * c;
+  let c = (s ? n - e : e) / n;
+  return t + i * c;
 }, he = (e) => {
-  var t, n;
-  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, s, c, l) => `#${s}${s}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
+  var t, i;
+  return (i = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, s, c, l) => `#${s}${s}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((n) => parseInt(n, 16))) != null ? i : [];
 }, hn = (e, t) => {
-  var n;
-  let { colors: i, colorsTime: s, isSmoothColorTransition: c = !0 } = e;
-  if (typeof i == "string")
-    return i;
-  let l = (n = s == null ? void 0 : s.findIndex((g, A) => g >= t && t >= s[A + 1])) != null ? n : -1;
+  var i;
+  let { colors: n, colorsTime: s, isSmoothColorTransition: c = !0 } = e;
+  if (typeof n == "string")
+    return n;
+  let l = (i = s == null ? void 0 : s.findIndex((g, A) => g >= t && t >= s[A + 1])) != null ? i : -1;
   if (!s || l === -1)
-    return i[0];
+    return n[0];
   if (!c)
-    return i[l];
-  let m = s[l] - t, d = s[l] - s[l + 1], h = he(i[l]), T = he(i[l + 1]), M = !!e.isGrowing;
+    return n[l];
+  let m = s[l] - t, d = s[l] - s[l + 1], h = he(n[l]), T = he(n[l + 1]), M = !!e.isGrowing;
   return `rgb(${h.map((g, A) => Ce(m, g, T[A] - g, d, M) | 0).join(",")})`;
 }, In = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, g = C(), A = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, A, h), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: i, updateInterval: n, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, g = C(), A = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, A, h), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: me(t, i), updateInterval: n, onUpdate: typeof M == "function" ? (I) => {
     let v = Math.ceil(t - I);
     v !== g.current && (g.current = v, M(v));
   } : void 0, onComplete: typeof T == "function" ? (I) => {
@@ -459,8 +460,8 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
   } : void 0 }), p = t - u;
   return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: hn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), strokeWidth: c };
 }, be = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: h, elapsedTime: T, size: M, strokeWidth: g } = In(e);
-  return Q.createElement("div", { style: pn(M) }, Q.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), Q.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && Q.createElement("div", { style: mn }, t({ remainingTime: h, elapsedTime: T, color: m })));
+  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: h, elapsedTime: T, size: M, strokeWidth: g } = In(e);
+  return Q.createElement("div", { style: pn(M) }, Q.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d: c, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: s ?? g }), Q.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && Q.createElement("div", { style: mn }, t({ remainingTime: h, elapsedTime: T, color: m })));
 };
 be.displayName = "CountdownCircleTimer";
 const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10, 0], vn = /* @__PURE__ */ a("div")({
@@ -470,15 +471,15 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
 }), Mn = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, yn = L.NEUTRALS_GRAY3, Nn = ({
   isPlaying: e = !0,
   duration: t = 30,
-  onTimerExpired: n
+  onTimerExpired: i
 }) => {
-  const [i, s] = P(t > 10 ? Mn : Ie), c = ({
+  const [n, s] = P(t > 10 ? Mn : Ie), c = ({
     remainingTime: d
   }) => /* @__PURE__ */ r(vn, {
     children: d
   }), l = _(() => {
-    n == null || n(), s(yn);
-  }, [n, s]), m = _((d) => {
+    i == null || i(), s(yn);
+  }, [i, s]), m = _((d) => {
     d === 10 && s(Ie);
   }, [s]);
   return /* @__PURE__ */ r(be, {
@@ -489,7 +490,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: i,
+    trailColor: n,
     onComplete: l,
     onUpdate: m,
     children: c
@@ -525,8 +526,8 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
 }), kn = ({
   title: e,
   points: t,
-  isPlayingTimer: n,
-  isTimer: i,
+  isPlayingTimer: i,
+  isTimer: n,
   questionType: s,
   timerDuration: c,
   onTimerExpired: l
@@ -541,20 +542,20 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: l, duration: c })
-] }), wn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  n && /* @__PURE__ */ r(Nn, { isPlaying: i, onTimerExpired: l, duration: c })
+] }), wn = ({ openedQuestion: e, isLoading: t, vote: i, close: n }) => {
   var s, c;
   const l = e.subject, m = e.type, d = (s = e.options) == null ? void 0 : s.options, [h, T] = P(!1), [M, g] = P(""), A = e == null ? void 0 : e.id, D = _(
     async (N) => {
       if (A) {
         const y = N.currentTarget.value;
-        g(y), await n(A, y);
+        g(y), await i(A, y);
       }
     },
-    [A, g, n]
+    [A, g, i]
   ), o = _(() => {
-    T(!0), setTimeout(i, 3e3);
-  }, [i]), u = B(
+    T(!0), setTimeout(n, 3e3);
+  }, [n]), u = B(
     () => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
     [e]
   ), p = B(
@@ -635,7 +636,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), $e = ({ created: e, image: t, title: n, instantView: i }) => {
+}), $e = ({ created: e, image: t, title: i, instantView: n }) => {
   const s = B(() => {
     if (e) {
       const l = new Date(e);
@@ -646,18 +647,18 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
         };
     }
     return null;
-  }, [e]), c = (i == null ? void 0 : i.image) || t;
+  }, [e]), c = (n == null ? void 0 : n.image) || t;
   return /* @__PURE__ */ f(Cn, { children: [
     s && /* @__PURE__ */ f(En, { children: [
       s.date,
       " · ",
       s.time
     ] }),
-    (i == null ? void 0 : i.video) && /* @__PURE__ */ r(We, { source: i.video.url, poster: i.video.thumbnailUrl }),
+    (n == null ? void 0 : n.video) && /* @__PURE__ */ r(We, { source: n.video.url, poster: n.video.thumbnailUrl }),
     c && /* @__PURE__ */ r(Rn, { src: c }),
     /* @__PURE__ */ f(bn, { children: [
-      /* @__PURE__ */ r($n, { children: (i == null ? void 0 : i.heading) || n }),
-      /* @__PURE__ */ r(Ln, { children: i == null ? void 0 : i.body })
+      /* @__PURE__ */ r($n, { children: (n == null ? void 0 : n.heading) || i }),
+      /* @__PURE__ */ r(Ln, { children: n == null ? void 0 : n.body })
     ] })
   ] });
 }, Qn = /* @__PURE__ */ a("div")({
@@ -689,36 +690,36 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
 }, Yn = ({
   extendedQuestion: e,
   vote: t,
-  close: n
+  close: i
 }) => {
   const {
-    loading: i,
+    loading: n,
     data: s
   } = e;
   return s ? /* @__PURE__ */ r(wn, {
     vote: t,
-    close: n,
+    close: i,
     openedQuestion: s,
-    isLoading: !!i
+    isLoading: !!n
   }) : null;
 }, Wn = ({
   gamification: e
 }) => {
   var t;
-  const n = w(e.openedQuestion.$store), i = w(e.openedQuestion.$extendedStore);
-  if (!n)
+  const i = w(e.openedQuestion.$store), n = w(e.openedQuestion.$extendedStore);
+  if (!i)
     return null;
-  const s = n.type;
+  const s = i.type;
   return /* @__PURE__ */ f(_n, {
     children: [/* @__PURE__ */ r(xe, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
+      type: ((t = i.attributes) == null ? void 0 : t.type) || x.UNSET
     }), s === "question" && /* @__PURE__ */ r(Yn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: i
+      extendedQuestion: n
     }), s !== "question" && /* @__PURE__ */ r(qn, {
-      openedQuestion: n
+      openedQuestion: i
     })]
   });
 }, Vn = /* @__PURE__ */ a("div")({
@@ -739,7 +740,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
   propsAsIs: !1
 });
 var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
-const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Vn, { children: /* @__PURE__ */ f(Fn, { "data-position": e === "home" ? "left" : "right", children: [
+const fe = ({ title: e, active: t, onClick: i }) => /* @__PURE__ */ r(Bn, { onClick: i, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Vn, { children: /* @__PURE__ */ f(Fn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -759,9 +760,9 @@ const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onCl
 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 i in n)
-        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+      var i = arguments[t];
+      for (var n in i)
+        Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]);
     }
     return e;
   }, te.apply(this, arguments);
@@ -772,8 +773,8 @@ function ge(e) {
   return e;
 }
 function ne(e, t) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
-    return i.__proto__ = s, i;
+  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, s) {
+    return n.__proto__ = s, n;
   }, ne(e, t);
 }
 function Zn(e, t) {
@@ -788,18 +789,18 @@ function Jn(e, t) {
 function Kn(e, t) {
   if (e.length !== t.length)
     return !1;
-  for (var n = 0; n < e.length; n++)
-    if (!Jn(e[n], t[n]))
+  for (var i = 0; i < e.length; i++)
+    if (!Jn(e[i], t[i]))
       return !1;
   return !0;
 }
 function K(e, t) {
   t === void 0 && (t = Kn);
-  var n, i = [], s, c = !1;
+  var i, n = [], s, c = !1;
   function l() {
     for (var m = [], d = 0; d < arguments.length; d++)
       m[d] = arguments[d];
-    return c && n === this && t(m, i) || (s = e.apply(this, m), c = !0, n = this, i = m), s;
+    return c && i === this && t(m, n) || (s = e.apply(this, m), c = !0, i = this, n = m), s;
   }
   return l;
 }
@@ -812,38 +813,38 @@ function ye(e) {
   cancelAnimationFrame(e.id);
 }
 function ei(e, t) {
-  var n = Me();
-  function i() {
-    Me() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
+  var i = Me();
+  function n() {
+    Me() - i >= t ? e.call(null) : s.id = requestAnimationFrame(n);
   }
   var s = {
-    id: requestAnimationFrame(i)
+    id: requestAnimationFrame(n)
   };
   return s;
 }
 var X = -1;
 function Ne(e) {
   if (e === void 0 && (e = !1), X === -1 || e) {
-    var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), X = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    var t = document.createElement("div"), i = t.style;
+    i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), X = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
   return X;
 }
 var b = null;
 function Te(e) {
   if (e === void 0 && (e = !1), b === 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"), s = i.style;
-    return s.width = "100px", s.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;
+    var t = document.createElement("div"), i = t.style;
+    i.width = "50px", i.height = "50px", i.overflow = "scroll", i.direction = "rtl";
+    var n = document.createElement("div"), s = n.style;
+    return s.width = "100px", s.height = "100px", t.appendChild(n), 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 b;
 }
-var ti = 150, ni = function(t, n) {
+var ti = 150, ni = function(t, i) {
   return t;
 };
 function ii(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
+  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
   return t = /* @__PURE__ */ function(M) {
     Zn(g, M);
     function g(D) {
@@ -872,7 +873,7 @@ function ii(e) {
         if (y.hasOwnProperty(u))
           S = y[u];
         else {
-          var z = n(o.props, u, o._instanceProps), O = s(o.props, u, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? z : 0;
+          var z = i(o.props, u, o._instanceProps), O = s(o.props, u, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? z : 0;
           y[u] = S = {
             position: "absolute",
             left: q ? void 0 : Y,
@@ -999,7 +1000,7 @@ function ii(e) {
             isScrolling: Qe ? se : void 0,
             style: this._getItemStyle(E)
           }));
-      var ae = i(this.props, this._instanceProps);
+      var ae = n(this.props, this._instanceProps);
       return Z(Le || Ee || "div", {
         className: p,
         onScroll: Pe,
@@ -1049,24 +1050,24 @@ function ii(e) {
     useIsScrolling: !1
   }, t;
 }
-var si = function(t, n) {
-  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
+var si = function(t, i) {
+  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, i.instance;
 }, ri = /* @__PURE__ */ ii({
-  getItemOffset: function(t, n) {
-    var i = t.itemSize;
-    return n * i;
+  getItemOffset: function(t, i) {
+    var n = t.itemSize;
+    return i * n;
   },
-  getItemSize: function(t, n) {
-    var i = t.itemSize;
-    return i;
+  getItemSize: function(t, i) {
+    var n = t.itemSize;
+    return n;
   },
   getEstimatedTotalSize: function(t) {
-    var n = t.itemCount, i = t.itemSize;
-    return i * n;
+    var i = t.itemCount, n = t.itemSize;
+    return n * i;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, s, c, l) {
-    var m = t.direction, d = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, g = t.width, A = m === "horizontal" || M === "horizontal", D = A ? g : d, o = Math.max(0, h * T - D), u = Math.min(o, n * T), p = Math.max(0, n * T - D + T + l);
-    switch (i === "smart" && (s >= p - D && s <= u + D ? i = "auto" : i = "center"), i) {
+  getOffsetForIndexAndAlignment: function(t, i, n, s, c, l) {
+    var m = t.direction, d = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, g = t.width, A = m === "horizontal" || M === "horizontal", D = A ? g : d, o = Math.max(0, h * T - D), u = Math.min(o, i * T), p = Math.max(0, i * T - D + T + l);
+    switch (n === "smart" && (s >= p - D && s <= u + D ? n = "auto" : n = "center"), n) {
       case "start":
         return u;
       case "end":
@@ -1080,15 +1081,15 @@ var si = function(t, n) {
         return s >= p && s <= u ? s : s < p ? p : u;
     }
   },
-  getStartIndexForOffset: function(t, n) {
-    var i = t.itemCount, s = t.itemSize;
-    return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
+  getStartIndexForOffset: function(t, i) {
+    var n = t.itemCount, s = t.itemSize;
+    return Math.max(0, Math.min(n - 1, Math.floor(i / s)));
   },
-  getStopIndexForStartIndex: function(t, n, i) {
-    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, T = s === "horizontal" || d === "horizontal", M = n * m, g = T ? h : c, A = Math.ceil((g + i - M) / m);
+  getStopIndexForStartIndex: function(t, i, n) {
+    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, T = s === "horizontal" || d === "horizontal", M = i * m, g = T ? h : c, A = Math.ceil((g + n - M) / m);
     return Math.max(0, Math.min(
       l - 1,
-      n + A - 1
+      i + A - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1100,21 +1101,21 @@ var si = function(t, n) {
   }
 });
 function oi(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, s = e.stopIndex;
-  return !(i > n || s < t);
+  var t = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, n = e.startIndex, s = e.stopIndex;
+  return !(n > i || s < t);
 }
 function ai(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, h = s; h <= c; h++) {
+  for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, h = s; h <= c; h++) {
     var T = t(h);
     T ? d !== null && (l.push(m, d), m = d = null) : (d = h, m === null && (m = h));
   }
   if (d !== null) {
-    for (var M = Math.min(Math.max(d, m + i - 1), n - 1), g = d + 1; g <= M && !t(g); g++)
+    for (var M = Math.min(Math.max(d, m + n - 1), i - 1), g = d + 1; g <= M && !t(g); g++)
       d = g;
     l.push(m, d);
   }
   if (l.length)
-    for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
+    for (; l[1] - l[0] + 1 < n && l[0] > 0; ) {
       var A = l[0] - 1;
       if (!t(A))
         l[0] = A;
@@ -1127,14 +1128,14 @@ var li = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }, ci = function() {
-  function e(t, n) {
-    for (var i = 0; i < n.length; i++) {
-      var s = n[i];
+  function e(t, i) {
+    for (var n = 0; n < i.length; n++) {
+      var s = i[n];
       s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
     }
   }
-  return function(t, n, i) {
-    return n && e(t.prototype, n), i && e(t, i), t;
+  return function(t, i, n) {
+    return i && e(t.prototype, i), n && e(t, n), t;
   };
 }(), di = function(e, t) {
   if (typeof t != "function" && t !== null)
@@ -1154,22 +1155,22 @@ var li = function(e, t) {
 }, ui = function(e) {
   di(t, e);
   function t() {
-    var n, i, s, c;
+    var i, n, s, c;
     li(this, t);
     for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
       m[d] = arguments[d];
-    return c = (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) {
+    return c = (n = (s = Ae(this, (i = t.__proto__ || Object.getPrototypeOf(t)).call.apply(i, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(h) {
       var T = h.visibleStartIndex, M = h.visibleStopIndex;
       s._lastRenderedStartIndex = T, s._lastRenderedStopIndex = M, s._ensureRowsLoaded(T, M);
     }, s._setRef = function(h) {
       s._listRef = h;
-    }, i), Ae(s, c);
+    }, n), Ae(s, c);
   }
   return ci(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], n && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -1178,20 +1179,20 @@ var li = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var i = this.props.children;
-      return i({
+      var n = this.props.children;
+      return n({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(i, s) {
+    value: function(n, s) {
       var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, h = d === void 0 ? 10 : d, T = c.threshold, M = T === void 0 ? 15 : T, g = ai({
         isItemLoaded: l,
         itemCount: m,
         minimumBatchSize: h,
-        startIndex: Math.max(0, i - M),
+        startIndex: Math.max(0, n - M),
         stopIndex: Math.min(m - 1, s + M)
       });
       (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(A, D) {
@@ -1200,9 +1201,9 @@ var li = function(e, t) {
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(i) {
+    value: function(n) {
       for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(h) {
-        var T = i[h], M = i[h + 1], g = c(T, M);
+        var T = n[h], M = n[h + 1], g = c(T, M);
         g != null && g.then(function() {
           if (oi({
             lastRenderedStartIndex: s._lastRenderedStartIndex,
@@ -1215,7 +1216,7 @@ var li = function(e, t) {
             typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(T, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
           }
         });
-      }, m = 0; m < i.length; m += 2)
+      }, m = 0; m < n.length; m += 2)
         l(m);
     }
   }]), t;
@@ -1255,21 +1256,21 @@ const pi = /* @__PURE__ */ a("div")({
 }), Ni = ({
   rank: e,
   avatar: t,
-  name: n,
-  points: i,
+  name: i,
+  points: n,
   isCurrentUser: s,
   openItemDetail: c,
   style: l
 }) => /* @__PURE__ */ f(pi, { onClick: c, style: l, children: [
   /* @__PURE__ */ r(mi, { children: e || 0 }),
   /* @__PURE__ */ f(fi, { children: [
-    t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: je(n || "") }),
+    t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: je(i || "") }),
     /* @__PURE__ */ f(gi, { children: [
-      /* @__PURE__ */ r(vi, { children: n || "" }),
+      /* @__PURE__ */ r(vi, { children: i || "" }),
       s && /* @__PURE__ */ r(yi, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { children: Oe(i) })
+  /* @__PURE__ */ r("div", { children: Oe(n) })
 ] }), Ti = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
@@ -1277,14 +1278,14 @@ const pi = /* @__PURE__ */ a("div")({
 }), Ai = ({
   items: e,
   currentUserId: t,
-  openItemDetail: n,
-  fetchMore: i
+  openItemDetail: i,
+  fetchMore: n
 }) => /* @__PURE__ */ r(Ve, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
   ui,
   {
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
-    loadMoreItems: i,
+    loadMoreItems: n,
     children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ti, { children: /* @__PURE__ */ r(
       ri,
       {
@@ -1299,7 +1300,7 @@ const pi = /* @__PURE__ */ a("div")({
           {
             style: { ...h, maxHeight: 48 },
             ...e[d],
-            openItemDetail: () => n(e[d].userId),
+            openItemDetail: () => i(e[d].userId),
             isCurrentUser: !!t && t === e[d].userId
           },
           e[d].userId
@@ -1384,8 +1385,8 @@ const pi = /* @__PURE__ */ a("div")({
 }, Ri = ({
   questionId: e,
   questionType: t,
-  questionStatus: n,
-  subject: i,
+  questionStatus: i,
+  subject: n,
   openForVoting: s,
   openQuestion: c,
   status: l
@@ -1404,10 +1405,10 @@ const pi = /* @__PURE__ */ a("div")({
         ),
         /* @__PURE__ */ f(bi, { children: [
           m.label,
-          t === x.TRIVIA && n === U.RESOLVED && " • Expired"
+          t === x.TRIVIA && i === U.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ r(ji, { children: i || "" })
+      /* @__PURE__ */ r(ji, { children: n || "" })
     ] }),
     /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Li, { children: "Play" }) : d })
   ] }) : null;
@@ -1422,36 +1423,36 @@ const pi = /* @__PURE__ */ a("div")({
 }), Pi = ({
   openInsight: e,
   questionId: t,
-  ...n
+  ...i
 }) => /* @__PURE__ */ f(Qi, { children: [
-  /* @__PURE__ */ r($e, { questionId: t, ...n }),
+  /* @__PURE__ */ r($e, { questionId: t, ...i }),
   e && /* @__PURE__ */ r(Ui, { onClick: () => e(t), children: "View Insight" })
 ] }), _i = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), qi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(_i, { 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 c = n.attributes.attributes.value;
+}), qi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(_i, { children: e == null ? void 0 : e.map((i) => {
+  var n, s;
+  if (i.type === "question" && ((n = i.attributes) == null ? void 0 : n.attributes.case) === "question") {
+    const c = i.attributes.attributes.value;
     return /* @__PURE__ */ r(Ri, { openQuestion: t, ...c }, c.questionId);
   }
-  if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
-    const c = n.attributes.attributes.value;
+  if (i.type === "insight" && ((s = i.attributes) == null ? void 0 : s.attributes.case) === "insight") {
+    const c = i.attributes.attributes.value;
     return /* @__PURE__ */ r(Pi, { openInsight: t, ...c }, c.questionId);
   }
   return null;
 }) }), Yi = ({ store: e, openQuestion: t }) => {
-  const n = w(e);
-  return n != null && n.data ? /* @__PURE__ */ r(qi, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
+  const i = w(e);
+  return i != null && i.data ? /* @__PURE__ */ r(qi, { openQuestion: t, questions: i.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
 }, Wi = ({ userSummary: e }) => {
-  var t, n;
-  const i = w(e.getStore());
-  return (t = i.data) != null && t.summary ? /* @__PURE__ */ r(ke, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+  var t, i;
+  const n = w(e.getStore());
+  return (t = n.data) != null && t.summary ? /* @__PURE__ */ r(ke, { ...n.data.summary, successRate: (i = n.data.percentage) == null ? void 0 : i.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
 }, Vi = ({
   gamification: e
 }) => {
-  const [t, n] = P(H.HOME);
+  const [t, i] = P(H.HOME);
   return /* @__PURE__ */ f("div", {
     style: {
       height: "100%",
@@ -1465,7 +1466,7 @@ const pi = /* @__PURE__ */ a("div")({
       },
       children: /* @__PURE__ */ r(Gn, {
         activePage: t,
-        toggleActivePage: n
+        toggleActivePage: i
       })
     }), t === H.HOME && /* @__PURE__ */ f(ie, {
       children: [/* @__PURE__ */ r(ee, {
@@ -1500,20 +1501,20 @@ const pi = /* @__PURE__ */ a("div")({
   correct: e,
   incorrect: t
 }) => {
-  const n = e + t;
-  return n === 0 ? 0 : Math.round(e / n * 100);
+  const i = e + t;
+  return i === 0 ? 0 : Math.round(e / i * 100);
 }, Ki = ({
   gamification: e,
   className: t
 }) => {
-  const n = w(e.openedQuestion.$store), i = w(e.openedUser);
+  const i = w(e.openedQuestion.$store), n = w(e.openedUser);
   return /* @__PURE__ */ f($, {
-    children: [n && /* @__PURE__ */ r(De, {
+    children: [i && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ r(Wn, {
         gamification: e
       })
-    }), i && /* @__PURE__ */ r(De, {
+    }), n && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ f(Bi, {
         children: [/* @__PURE__ */ r(xe, {
@@ -1521,8 +1522,8 @@ const pi = /* @__PURE__ */ a("div")({
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
           children: /* @__PURE__ */ r(ke, {
-            ...i,
-            successRate: Hi(i)
+            ...n,
+            successRate: Hi(n)
           })
         })]
       })