@streamlayer/react 0.31.9 → 0.31.11

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

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { s as a, n as j, Q as x, o as Se, a as U, b as R, d as Ye, E as L, r as ie, w as We, u as w, A as Ve, O as Fe, P as W, c as ee, e as Be, f as He } from "./masters.js";
-import Q, { useRef as C, useState as P, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
+import { s as a, n as j, Q as z, o as Se, a as L, b as Q, d as Ye, E, r as ie, w as We, u as w, A as Ve, O as Fe, P as W, c as ee, e as Be, f as He } from "./masters.js";
+import U, { useRef as C, useState as P, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -32,8 +32,8 @@ const Je = /* @__PURE__ */ a("div")({
       (n == null ? void 0 : n.iconName) && /* @__PURE__ */ r(
         et,
         {
-          "data-type-trivia": e === x.TRIVIA,
-          "data-type-poll": e === x.POLL,
+          "data-type-trivia": e === z.TRIVIA,
+          "data-type-poll": e === z.POLL,
           name: n.iconName
         }
       ),
@@ -152,8 +152,8 @@ const Je = /* @__PURE__ */ a("div")({
   points: i,
   friendsRank: n,
   rank: s,
-  streak: c,
-  correct: l,
+  streak: l,
+  correct: c,
   incorrect: m,
   inTop: d,
   successRate: h
@@ -188,8 +188,8 @@ const Je = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ f(jt, { children: [
-      /* @__PURE__ */ r(V, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ r(V, { indicator: l || 0, title: "Correct" }),
+      /* @__PURE__ */ r(V, { indicator: l || 0, title: "Win streak" }),
+      /* @__PURE__ */ r(V, { indicator: c || 0, title: "Correct" }),
       /* @__PURE__ */ r(V, { indicator: m || 0, title: "Incorrect" }),
       /* @__PURE__ */ r(V, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
@@ -244,25 +244,25 @@ const Je = /* @__PURE__ */ a("div")({
   questionVoted: i,
   questionType: n,
   hasCorrectAnswer: s,
-  questionStatus: c
+  questionStatus: l
 }) => {
-  const l = i && (n === x.TRIVIA || n === x.PREDICTION);
-  if (!l && c !== U.RESOLVED)
+  const c = i && (n === z.TRIVIA || n === z.PREDICTION);
+  if (!c && l !== L.RESOLVED || l === L.RESOLVED && n === z.PREDICTION && !i)
     return null;
-  const m = n === x.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = n === z.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Et, { "data-isPrediction": m, children: [
-    c === U.RESOLVED && n === x.TRIVIA && !i && /* @__PURE__ */ f($, { children: [
+    l === L.RESOLVED && n === z.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" }) }),
         /* @__PURE__ */ r(Pt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    l && m && /* @__PURE__ */ f($, { children: [
+    c && m && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(Qt, { name: "icon-prediction" }),
       /* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    l && s && /* @__PURE__ */ f($, { children: [
+    c && s && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(ce, { "data-feedbackType": d, children: /* @__PURE__ */ r(j, { name: d }) }),
       /* @__PURE__ */ r("div", { children: /* @__PURE__ */ f(de, { children: [
         /* @__PURE__ */ r(Ut, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
@@ -335,149 +335,149 @@ const Je = /* @__PURE__ */ a("div")({
   class: "cu9kmlb",
   propsAsIs: !0
 }), ue = {
-  [R.CENTERED]: (e) => /* @__PURE__ */ r(Kt, { alt: "option-icon", src: e }),
-  [R.TRANSPARENT]: (e) => /* @__PURE__ */ r(Gt, { children: /* @__PURE__ */ r(Zt, { style: { backgroundImage: `url(${e})` } }) }),
-  [R.ROUNDED]: (e) => /* @__PURE__ */ r(en, { alt: "option-icon", src: e }),
-  [R.NONE]: () => null,
-  [R.UNSET]: () => null
+  [Q.CENTERED]: (e) => /* @__PURE__ */ r(Kt, { alt: "option-icon", src: e }),
+  [Q.TRANSPARENT]: (e) => /* @__PURE__ */ r(Gt, { children: /* @__PURE__ */ r(Zt, { style: { backgroundImage: `url(${e})` } }) }),
+  [Q.ROUNDED]: (e) => /* @__PURE__ */ r(en, { alt: "option-icon", src: e }),
+  [Q.NONE]: () => null,
+  [Q.UNSET]: () => null
 }, an = ({ questionType: e, hasCorrectAnswer: t, correct: i, youVoted: n, questionVoted: s }) => {
-  if (e === x.POLL && n)
+  if (e === z.POLL && n)
     return "correct";
-  if (e === x.PREDICTION) {
+  if (e === z.PREDICTION) {
     if (t && s)
       return n ? i ? "correct" : "incorrect" : "unset";
     if (n)
       return "correct";
   }
-  return e === x.TRIVIA && s && n ? i ? "correct" : "incorrect" : "unset";
+  return e === z.TRIVIA && s && n ? i ? "correct" : "incorrect" : "unset";
 }, ln = ({
   questionType: e,
   questionVoted: t,
   correct: i,
   hasCorrectAnswer: n,
   questionStatus: s
-}) => e === x.TRIVIA ? t && i : e === x.PREDICTION ? t && i && n || s === U.RESOLVED && i : !1, cn = (e) => {
+}) => e === z.TRIVIA ? t && i : e === z.PREDICTION ? t && i && n || s === L.RESOLVED && i : !1, cn = (e) => {
   var t;
   const {
     // option props
     id: i,
     icon: n,
     text: s,
-    percentageDecimal: c,
+    percentageDecimal: l,
     // extra props
-    onVote: l,
+    onVote: c,
     youSelected: m,
     questionVoted: d,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
     answerTimeExpired: T,
     questionStatus: M,
-    isLoading: g,
+    isLoading: v,
     questionType: A,
     correct: D,
     hasCorrectAnswer: o
-  } = e, u = an(e), p = ln({ questionType: A, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = d || M === U.RESOLVED && A === x.PREDICTION;
+  } = e, u = an(e), p = ln({ questionType: A, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === L.RESOLVED && A === z.PREDICTION, g = d || I;
   return /* @__PURE__ */ f(
     Ft,
     {
       value: i,
       "data-selected": m,
       "data-answerState": u,
-      disabled: d || g || T,
+      disabled: d || v || T || I,
       "data-isNotChecked": d && !m && u !== "incorrect",
-      onClick: l,
+      onClick: c,
       children: [
-        /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${I ? c : 0}%` } }),
+        /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${g ? l : 0}%` } }),
         /* @__PURE__ */ f(Ht, { children: [
           n && h && ((t = ue[h]) == null ? void 0 : t.call(ue, n)),
           /* @__PURE__ */ r(tn, { children: s }),
-          I && /* @__PURE__ */ f(nn, { children: [
+          g && /* @__PURE__ */ f(nn, { children: [
             p && /* @__PURE__ */ r(on, { name: "selected" }),
-            /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ r(Ye, { value: c, suffix: "%" }) })
+            /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ r(Ye, { value: l, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
 };
-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) => {
+var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: i = 0, updateInterval: n = 0, onComplete: s, onUpdate: l }) => {
+  let [c, m] = P(i), d = C(0), h = C(i), T = C(i * -1e3), M = C(null), v = C(null), A = C(null), D = (p) => {
     let I = p / 1e3;
-    if (g.current === null) {
-      g.current = I, M.current = requestAnimationFrame(D);
+    if (v.current === null) {
+      v.current = I, M.current = requestAnimationFrame(D);
       return;
     }
-    let v = I - g.current, N = d.current + v;
-    g.current = I, d.current = N;
-    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));
+    let g = I - v.current, N = d.current + g;
+    v.current = I, d.current = N;
+    let y = h.current + (n === 0 ? N : (N / n | 0) * n), S = h.current + N, x = typeof t == "number" && S >= t;
+    m(x ? t : y), x || (M.current = requestAnimationFrame(D));
   }, o = () => {
-    M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), g.current = null;
+    M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), v.current = null;
   }, u = _((p) => {
     o(), d.current = 0;
     let I = typeof p == "number" ? p : i;
     h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
   }, [e, i]);
   return pe(() => {
-    if (c == null || c(l), t && l >= t) {
+    if (l == null || l(c), t && c >= 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));
+      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (s == null ? void 0 : s(T.current / 1e3)) || {};
+      p && (A.current = setTimeout(() => u(g), I * 1e3));
     }
-  }, [l, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: l, reset: u };
+  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: c, 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 };
+  let n = e / 2, s = t / 2, l = n - s, c = 2 * l, m = i === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
+  return { path: `m ${n},${s} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, 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 ? n - e : e) / n;
-  return t + i * c;
+  let l = (s ? n - e : e) / n;
+  return t + i * l;
 }, he = (e) => {
   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 : [];
+  return (i = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, s, l, c) => `#${s}${s}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((n) => parseInt(n, 16))) != null ? i : [];
 }, hn = (e, t) => {
   var i;
-  let { colors: n, colorsTime: s, isSmoothColorTransition: c = !0 } = e;
+  let { colors: n, colorsTime: s, isSmoothColorTransition: l = !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)
+  let c = (i = s == null ? void 0 : s.findIndex((v, A) => v >= t && t >= s[A + 1])) != null ? i : -1;
+  if (!s || c === -1)
     return n[0];
-  if (!c)
-    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(",")})`;
+  if (!l)
+    return n[c];
+  let m = s[c] - t, d = s[c] - s[c + 1], h = he(n[c]), T = he(n[c + 1]), M = !!e.isGrowing;
+  return `rgb(${h.map((v, A) => Ce(m, v, T[A] - v, d, M) | 0).join(",")})`;
 }, In = (e) => {
-  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));
+  let { duration: t, initialRemainingTime: i, updateInterval: n, size: s = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: d = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, v = C(), A = Math.max(l, c ?? 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 g = Math.ceil(t - I);
+    g !== v.current && (v.current = g, M(g));
   } : void 0, onComplete: typeof T == "function" ? (I) => {
-    var v;
-    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (v = T(I)) != null ? v : {};
+    var g;
+    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (g = T(I)) != null ? g : {};
     if (N)
       return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
   } : 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 };
+  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: l };
 }, be = (e) => {
-  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 })));
+  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: s } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: d, remainingTime: h, elapsedTime: T, size: M, strokeWidth: v } = In(e);
+  return U.createElement("div", { style: pn(M) }, U.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: l, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: s ?? v }), U.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: d })), typeof t == "function" && U.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")({
+const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10, 0], vn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), Mn = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, yn = L.NEUTRALS_GRAY3, Nn = ({
+}), Mn = E.SECONDARY_GREEN6, Ie = E.SECONDARY_RED3, yn = E.NEUTRALS_GRAY3, Nn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: i
 }) => {
-  const [n, s] = P(t > 10 ? Mn : Ie), c = ({
+  const [n, s] = P(t > 10 ? Mn : Ie), l = ({
     remainingTime: d
   }) => /* @__PURE__ */ r(vn, {
     children: d
-  }), l = _(() => {
+  }), c = _(() => {
     i == null || i(), s(yn);
   }, [i, s]), m = _((d) => {
     d === 10 && s(Ie);
@@ -491,9 +491,9 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: n,
-    onComplete: l,
+    onComplete: c,
     onUpdate: m,
-    children: c
+    children: l
   });
 }, Tn = /* @__PURE__ */ a("div")({
   name: "WinBarContainer",
@@ -529,12 +529,12 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
   isPlayingTimer: i,
   isTimer: n,
   questionType: s,
-  timerDuration: c,
-  onTimerExpired: l
+  timerDuration: l,
+  onTimerExpired: c
 }) => /* @__PURE__ */ f(Tn, { children: [
   /* @__PURE__ */ f(An, { children: [
     e && /* @__PURE__ */ r(Dn, { children: e }),
-    t !== void 0 && s !== x.POLL && /* @__PURE__ */ f($, { children: [
+    t !== void 0 && s !== z.POLL && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
       /* @__PURE__ */ f(xn, { children: [
         /* @__PURE__ */ r(jn, { children: t }),
@@ -542,17 +542,17 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
       ] })
     ] })
   ] }),
-  n && /* @__PURE__ */ r(Nn, { isPlaying: i, onTimerExpired: l, duration: c })
+  n && /* @__PURE__ */ r(Nn, { isPlaying: i, onTimerExpired: c, duration: l })
 ] }), 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 = _(
+  var s, l;
+  const c = e.subject, m = e.type, d = (s = e.options) == null ? void 0 : s.options, [h, T] = P(!1), [M, v] = P(""), A = e == null ? void 0 : e.id, D = _(
     async (N) => {
       if (A) {
         const y = N.currentTarget.value;
-        g(y), await i(A, y);
+        v(y), await i(A, y);
       }
     },
-    [A, g, i]
+    [A, v, i]
   ), o = _(() => {
     T(!0), setTimeout(n, 3e3);
   }, [n]), u = B(
@@ -576,12 +576,12 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
       // ToDo: Figure out why imageMode is not in the response
       onVote: D
     };
-  }) : [], [p, h, t, e, u, D, M]), v = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
+  }) : [], [p, h, t, e, u, D, M]), g = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
   return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ f(Yt, { children: [
-    v && /* @__PURE__ */ r(
+    g && /* @__PURE__ */ r(
       _t,
       {
-        feedbackMessages: v,
+        feedbackMessages: g,
         questionVoted: !!u,
         questionVotedCorrectly: u == null ? void 0 : u.correct,
         questionType: m,
@@ -589,16 +589,16 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
         questionStatus: e.status
       }
     ),
-    e.type !== x.PREDICTION && /* @__PURE__ */ r(
+    e.type !== z.PREDICTION && /* @__PURE__ */ r(
       kn,
       {
-        title: h ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
+        title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
         points: h ? void 0 : 100,
         onTimerExpired: o,
         questionType: e.type,
         isTimer: !t,
         isPlayingTimer: !u,
-        timerDuration: u ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
+        timerDuration: u ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
       }
     ),
     h ? /* @__PURE__ */ r(
@@ -608,7 +608,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
         description: "Watch for additional enhanced stream interactive experience."
       }
     ) : /* @__PURE__ */ f($, { children: [
-      /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === x.PREDICTION, children: l }),
+      /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === z.PREDICTION, children: c }),
       /* @__PURE__ */ r(Vt, { children: I.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
     ] })
   ] }) }) });
@@ -639,15 +639,15 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
 }), $e = ({ created: e, image: t, title: i, instantView: n }) => {
   const s = B(() => {
     if (e) {
-      const l = new Date(e);
-      if (at(l))
+      const c = new Date(e);
+      if (at(c))
         return {
-          date: rt(l),
-          time: ot(l)
+          date: rt(c),
+          time: ot(c)
         };
     }
     return null;
-  }, [e]), c = (n == null ? void 0 : n.image) || t;
+  }, [e]), l = (n == null ? void 0 : n.image) || t;
   return /* @__PURE__ */ f(Cn, { children: [
     s && /* @__PURE__ */ f(En, { children: [
       s.date,
@@ -655,7 +655,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
       s.time
     ] }),
     (n == null ? void 0 : n.video) && /* @__PURE__ */ r(We, { source: n.video.url, poster: n.video.thumbnailUrl }),
-    c && /* @__PURE__ */ r(Rn, { src: c }),
+    l && /* @__PURE__ */ r(Rn, { src: l }),
     /* @__PURE__ */ f(bn, { children: [
       /* @__PURE__ */ r($n, { children: (n == null ? void 0 : n.heading) || i }),
       /* @__PURE__ */ r(Ln, { children: n == null ? void 0 : n.body })
@@ -713,7 +713,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
   return /* @__PURE__ */ f(_n, {
     children: [/* @__PURE__ */ r(xe, {
       close: e.closeQuestion,
-      type: ((t = i.attributes) == null ? void 0 : t.type) || x.UNSET
+      type: ((t = i.attributes) == null ? void 0 : t.type) || z.UNSET
     }), s === "question" && /* @__PURE__ */ r(Yn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
@@ -796,13 +796,13 @@ function Kn(e, t) {
 }
 function K(e, t) {
   t === void 0 && (t = Kn);
-  var i, n = [], s, c = !1;
-  function l() {
+  var i, n = [], s, l = !1;
+  function c() {
     for (var m = [], d = 0; d < arguments.length; d++)
       m[d] = arguments[d];
-    return c && i === this && t(m, n) || (s = e.apply(this, m), c = !0, i = this, n = m), s;
+    return l && i === this && t(m, n) || (s = e.apply(this, m), l = !0, i = this, n = m), s;
   }
-  return l;
+  return c;
 }
 var Xn = typeof performance == "object" && typeof performance.now == "function", Me = Xn ? function() {
   return performance.now();
@@ -844,10 +844,10 @@ var ti = 150, ni = function(t, i) {
   return t;
 };
 function ii(e) {
-  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;
+  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, s = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = 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) {
+    Zn(v, M);
+    function v(D) {
       var o;
       return o = M.call(this, D) || this, o._instanceProps = d(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
         instance: ge(o),
@@ -855,12 +855,12 @@ function ii(e) {
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(u, p, I, v) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(u, p, I, g) {
         return o.props.onItemsRendered({
           overscanStartIndex: u,
           overscanStopIndex: p,
           visibleStartIndex: I,
-          visibleStopIndex: v
+          visibleStopIndex: g
         });
       }), o._callOnScroll = void 0, o._callOnScroll = K(function(u, p, I) {
         return o.props.onScroll({
@@ -869,16 +869,16 @@ function ii(e) {
           scrollUpdateWasRequested: I
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(u) {
-        var p = o.props, I = p.direction, v = p.itemSize, N = p.layout, y = o._getItemStyleCache(h && v, h && N, h && I), S;
+        var p = o.props, I = p.direction, g = p.itemSize, N = p.layout, y = o._getItemStyleCache(h && g, h && N, h && I), S;
         if (y.hasOwnProperty(u))
           S = y[u];
         else {
-          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;
+          var x = i(o.props, u, o._instanceProps), O = s(o.props, u, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? x : 0;
           y[u] = S = {
             position: "absolute",
             left: q ? void 0 : Y,
             right: q ? Y : void 0,
-            top: k ? 0 : z,
+            top: k ? 0 : x,
             height: k ? "100%" : O,
             width: k ? O : "100%"
           };
@@ -887,33 +887,33 @@ function ii(e) {
       }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(u, p, I) {
         return {};
       }), o._onScrollHorizontal = function(u) {
-        var p = u.currentTarget, I = p.clientWidth, v = p.scrollLeft, N = p.scrollWidth;
+        var p = u.currentTarget, I = p.clientWidth, g = p.scrollLeft, N = p.scrollWidth;
         o.setState(function(y) {
-          if (y.scrollOffset === v)
+          if (y.scrollOffset === g)
             return null;
-          var S = o.props.direction, z = v;
+          var S = o.props.direction, x = g;
           if (S === "rtl")
             switch (Te()) {
               case "negative":
-                z = -v;
+                x = -g;
                 break;
               case "positive-descending":
-                z = N - I - v;
+                x = N - I - g;
                 break;
             }
-          return z = Math.max(0, Math.min(z, N - I)), {
+          return x = Math.max(0, Math.min(x, N - I)), {
             isScrolling: !0,
-            scrollDirection: y.scrollOffset < v ? "forward" : "backward",
-            scrollOffset: z,
+            scrollDirection: y.scrollOffset < g ? "forward" : "backward",
+            scrollOffset: x,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._onScrollVertical = function(u) {
-        var p = u.currentTarget, I = p.clientHeight, v = p.scrollHeight, N = p.scrollTop;
+        var p = u.currentTarget, I = p.clientHeight, g = p.scrollHeight, N = p.scrollTop;
         o.setState(function(y) {
           if (y.scrollOffset === N)
             return null;
-          var S = Math.max(0, Math.min(N, v - I));
+          var S = Math.max(0, Math.min(N, g - I));
           return {
             isScrolling: !0,
             scrollDirection: y.scrollOffset < S ? "forward" : "backward",
@@ -934,10 +934,10 @@ function ii(e) {
         });
       }, o;
     }
-    g.getDerivedStateFromProps = function(o, u) {
+    v.getDerivedStateFromProps = function(o, u) {
       return si(o, u), T(o), null;
     };
-    var A = g.prototype;
+    var A = v.prototype;
     return A.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(u) {
         return u.scrollOffset === o ? null : {
@@ -948,57 +948,57 @@ function ii(e) {
       }, this._resetIsScrollingDebounced);
     }, A.scrollToItem = function(o, u) {
       u === void 0 && (u = "auto");
-      var p = this.props, I = p.itemCount, v = p.layout, N = this.state.scrollOffset;
+      var p = this.props, I = p.itemCount, g = p.layout, N = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, I - 1));
       var y = 0;
       if (this._outerRef) {
         var S = this._outerRef;
-        v === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
+        g === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
       }
-      this.scrollTo(c(this.props, o, u, N, this._instanceProps, y));
+      this.scrollTo(l(this.props, o, u, N, this._instanceProps, y));
     }, A.componentDidMount = function() {
       var o = this.props, u = o.direction, p = o.initialScrollOffset, I = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
-        var v = this._outerRef;
-        u === "horizontal" || I === "horizontal" ? v.scrollLeft = p : v.scrollTop = p;
+        var g = this._outerRef;
+        u === "horizontal" || I === "horizontal" ? g.scrollLeft = p : g.scrollTop = p;
       }
       this._callPropsCallbacks();
     }, A.componentDidUpdate = function() {
-      var o = this.props, u = o.direction, p = o.layout, I = this.state, v = I.scrollOffset, N = I.scrollUpdateWasRequested;
+      var o = this.props, u = o.direction, p = o.layout, I = this.state, g = I.scrollOffset, N = I.scrollUpdateWasRequested;
       if (N && this._outerRef != null) {
         var y = this._outerRef;
         if (u === "horizontal" || p === "horizontal")
           if (u === "rtl")
             switch (Te()) {
               case "negative":
-                y.scrollLeft = -v;
+                y.scrollLeft = -g;
                 break;
               case "positive-ascending":
-                y.scrollLeft = v;
+                y.scrollLeft = g;
                 break;
               default:
-                var S = y.clientWidth, z = y.scrollWidth;
-                y.scrollLeft = z - S - v;
+                var S = y.clientWidth, x = y.scrollWidth;
+                y.scrollLeft = x - S - g;
                 break;
             }
           else
-            y.scrollLeft = v;
+            y.scrollLeft = g;
         else
-          y.scrollTop = v;
+          y.scrollTop = g;
       }
       this._callPropsCallbacks();
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var o = this.props, u = o.children, p = o.className, I = o.direction, v = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, z = o.itemCount, O = o.itemData, k = o.itemKey, q = k === void 0 ? ni : k, Y = o.layout, Le = o.outerElementType, Ee = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = I === "horizontal" || Y === "horizontal", Pe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), _e = re[0], qe = re[1], oe = [];
-      if (z > 0)
-        for (var E = _e; E <= qe; E++)
+      var o = this.props, u = o.children, p = o.className, I = o.direction, g = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, x = o.itemCount, O = o.itemData, k = o.itemKey, q = k === void 0 ? ni : k, Y = o.layout, Le = o.outerElementType, Ee = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = I === "horizontal" || Y === "horizontal", Pe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), _e = re[0], qe = re[1], oe = [];
+      if (x > 0)
+        for (var R = _e; R <= qe; R++)
           oe.push(Z(u, {
             data: O,
-            key: q(E, O),
-            index: E,
+            key: q(R, O),
+            index: R,
             isScrolling: Qe ? se : void 0,
-            style: this._getItemStyle(E)
+            style: this._getItemStyle(R)
           }));
       var ae = n(this.props, this._instanceProps);
       return Z(Le || Ee || "div", {
@@ -1007,7 +1007,7 @@ function ii(e) {
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
-          height: v,
+          height: g,
           width: Ue,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
@@ -1027,21 +1027,21 @@ function ii(e) {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var u = this._getRangeToRender(), p = u[0], I = u[1], v = u[2], N = u[3];
-          this._callOnItemsRendered(p, I, v, N);
+          var u = this._getRangeToRender(), p = u[0], I = u[1], g = u[2], N = u[3];
+          this._callOnItemsRendered(p, I, g, N);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var y = this.state, S = y.scrollDirection, z = y.scrollOffset, O = y.scrollUpdateWasRequested;
-        this._callOnScroll(S, z, O);
+        var y = this.state, S = y.scrollDirection, x = y.scrollOffset, O = y.scrollUpdateWasRequested;
+        this._callOnScroll(S, x, O);
       }
     }, A._getRangeToRender = function() {
-      var o = this.props, u = o.itemCount, p = o.overscanCount, I = this.state, v = I.isScrolling, N = I.scrollDirection, y = I.scrollOffset;
+      var o = this.props, u = o.itemCount, p = o.overscanCount, I = this.state, g = I.isScrolling, N = I.scrollDirection, y = I.scrollOffset;
       if (u === 0)
         return [0, 0, 0, 0];
-      var S = l(this.props, y, this._instanceProps), z = m(this.props, S, y, this._instanceProps), O = !v || N === "backward" ? Math.max(1, p) : 1, k = !v || N === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, S - O), Math.max(0, Math.min(u - 1, z + k)), S, z];
-    }, g;
+      var S = c(this.props, y, this._instanceProps), x = m(this.props, S, y, this._instanceProps), O = !g || N === "backward" ? Math.max(1, p) : 1, k = !g || N === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, S - O), Math.max(0, Math.min(u - 1, x + k)), S, x];
+    }, v;
   }(ze), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1065,8 +1065,8 @@ var si = function(t, i) {
     var i = t.itemCount, n = t.itemSize;
     return n * 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);
+  getOffsetForIndexAndAlignment: function(t, i, n, s, l, c) {
+    var m = t.direction, d = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, v = t.width, A = m === "horizontal" || M === "horizontal", D = A ? v : d, o = Math.max(0, h * T - D), u = Math.min(o, i * T), p = Math.max(0, i * T - D + T + c);
     switch (n === "smart" && (s >= p - D && s <= u + D ? n = "auto" : n = "center"), n) {
       case "start":
         return u;
@@ -1086,9 +1086,9 @@ var si = function(t, i) {
     return Math.max(0, Math.min(n - 1, Math.floor(i / s)));
   },
   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);
+    var s = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, T = s === "horizontal" || d === "horizontal", M = i * m, v = T ? h : l, A = Math.ceil((v + n - M) / m);
     return Math.max(0, Math.min(
-      l - 1,
+      c - 1,
       i + A - 1
       // -1 is because stop index is inclusive
     ));
@@ -1105,24 +1105,24 @@ function oi(e) {
   return !(n > i || s < t);
 }
 function ai(e) {
-  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++) {
+  for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, s = e.startIndex, l = e.stopIndex, c = [], m = null, d = null, h = s; h <= l; h++) {
     var T = t(h);
-    T ? d !== null && (l.push(m, d), m = d = null) : (d = h, m === null && (m = h));
+    T ? d !== null && (c.push(m, d), m = d = null) : (d = h, m === null && (m = h));
   }
   if (d !== null) {
-    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);
+    for (var M = Math.min(Math.max(d, m + n - 1), i - 1), v = d + 1; v <= M && !t(v); v++)
+      d = v;
+    c.push(m, d);
   }
-  if (l.length)
-    for (; l[1] - l[0] + 1 < n && l[0] > 0; ) {
-      var A = l[0] - 1;
+  if (c.length)
+    for (; c[1] - c[0] + 1 < n && c[0] > 0; ) {
+      var A = c[0] - 1;
       if (!t(A))
-        l[0] = A;
+        c[0] = A;
       else
         break;
     }
-  return l;
+  return c;
 }
 var li = function(e, t) {
   if (!(e instanceof t))
@@ -1155,16 +1155,16 @@ var li = function(e, t) {
 }, ui = function(e) {
   di(t, e);
   function t() {
-    var i, n, s, c;
+    var i, n, s, l;
     li(this, t);
-    for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
+    for (var c = arguments.length, m = Array(c), d = 0; d < c; d++)
       m[d] = arguments[d];
-    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) {
+    return l = (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;
-    }, n), Ae(s, c);
+    }, n), Ae(s, l);
   }
   return ci(t, [{
     key: "resetloadMoreItemsCache",
@@ -1188,23 +1188,23 @@ var li = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     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,
+      var l = this.props, c = l.isItemLoaded, m = l.itemCount, d = l.minimumBatchSize, h = d === void 0 ? 10 : d, T = l.threshold, M = T === void 0 ? 15 : T, v = ai({
+        isItemLoaded: c,
         itemCount: m,
         minimumBatchSize: h,
         startIndex: Math.max(0, n - M),
         stopIndex: Math.min(m - 1, s + M)
       });
-      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(A, D) {
-        return g[D] !== A;
-      })) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
+      (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(A, D) {
+        return v[D] !== A;
+      })) && (this._memoizedUnloadedRanges = v, this._loadUnloadedRanges(v));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(n) {
-      for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(h) {
-        var T = n[h], M = n[h + 1], g = c(T, M);
-        g != null && g.then(function() {
+      for (var s = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
+        var T = n[h], M = n[h + 1], v = l(T, M);
+        v != null && v.then(function() {
           if (oi({
             lastRenderedStartIndex: s._lastRenderedStartIndex,
             lastRenderedStopIndex: s._lastRenderedStopIndex,
@@ -1217,7 +1217,7 @@ var li = function(e, t) {
           }
         });
       }, m = 0; m < n.length; m += 2)
-        l(m);
+        c(m);
     }
   }]), t;
 }(ze);
@@ -1259,9 +1259,9 @@ const pi = /* @__PURE__ */ a("div")({
   name: i,
   points: n,
   isCurrentUser: s,
-  openItemDetail: c,
-  style: l
-}) => /* @__PURE__ */ f(pi, { onClick: c, style: l, children: [
+  openItemDetail: l,
+  style: c
+}) => /* @__PURE__ */ f(pi, { onClick: l, style: c, 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(i || "") }),
@@ -1280,21 +1280,21 @@ const pi = /* @__PURE__ */ a("div")({
   currentUserId: t,
   openItemDetail: i,
   fetchMore: n
-}) => /* @__PURE__ */ r(Ve, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ r(Ve, { children: ({ width: s, height: l }) => /* @__PURE__ */ r(
   ui,
   {
-    isItemLoaded: (l) => l < e.length,
+    isItemLoaded: (c) => c < e.length,
     itemCount: e.length + 1,
     loadMoreItems: n,
-    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ti, { children: /* @__PURE__ */ r(
+    children: ({ onItemsRendered: c, ref: m }) => /* @__PURE__ */ r(Ti, { children: /* @__PURE__ */ r(
       ri,
       {
         itemSize: 56,
-        onItemsRendered: l,
+        onItemsRendered: c,
         ref: m,
         itemCount: e.length,
         width: s,
-        height: c,
+        height: l,
         children: ({ index: d, style: h }) => /* @__PURE__ */ r(
           Ni,
           {
@@ -1388,24 +1388,24 @@ const pi = /* @__PURE__ */ a("div")({
   questionStatus: i,
   subject: n,
   openForVoting: s,
-  openQuestion: c,
-  status: l
+  openQuestion: l,
+  status: c
 }) => {
-  const m = Se[t], d = Ei[l];
-  return m ? /* @__PURE__ */ f(zi, { onClick: () => c == null ? void 0 : c(e), children: [
+  const m = Se[t], d = Ei[c];
+  return m ? /* @__PURE__ */ f(zi, { onClick: () => l == null ? void 0 : l(e), children: [
     /* @__PURE__ */ f($i, { children: [
       /* @__PURE__ */ f(xi, { children: [
         /* @__PURE__ */ r(
           Ci,
           {
-            "data-type-trivia": t === x.TRIVIA,
-            "data-type-poll": t === x.POLL,
+            "data-type-trivia": t === z.TRIVIA,
+            "data-type-poll": t === z.POLL,
             name: m.iconName
           }
         ),
         /* @__PURE__ */ f(bi, { children: [
           m.label,
-          t === x.TRIVIA && i === U.RESOLVED && " • Expired"
+          t === z.TRIVIA && i === L.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ r(ji, { children: n || "" })
@@ -1434,12 +1434,12 @@ const pi = /* @__PURE__ */ a("div")({
 }), 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);
+    const l = i.attributes.attributes.value;
+    return /* @__PURE__ */ r(Ri, { openQuestion: t, ...l }, l.questionId);
   }
   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);
+    const l = i.attributes.attributes.value;
+    return /* @__PURE__ */ r(Pi, { openInsight: t, ...l }, l.questionId);
   }
   return null;
 }) }), Yi = ({ store: e, openQuestion: t }) => {