@streamlayer/react 0.32.3 → 0.32.4

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

@@ -1,6 +1,6 @@
-import { jsxs as f, jsx as s, Fragment as $ } from "react/jsx-runtime";
-import { s as a, n as j, Q as z, o as Se, a as L, b as Q, d as ze, E, r as ie, w as We, u as w, A as Fe, O as Ve, 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 xe } from "react";
+import { jsxs as f, jsx as s, Fragment as R } from "react/jsx-runtime";
+import { s as a, n as j, Q as x, o as Se, a as b, b as U, d as ze, E as L, r as ie, w as We, u as w, A as Ve, O as Fe, P as V, c as ee, e as Be, f as He } from "./masters.js";
+import P, { useRef as C, useState as _, useCallback as q, useEffect as Ge, useLayoutEffect as Ze, useMemo as $, createElement as Z, PureComponent as xe } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -25,15 +25,15 @@ const Je = /* @__PURE__ */ a("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), je = ({ type: e, close: t, label: i }) => {
+}), Oe = ({ 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: [
       (n == null ? void 0 : n.iconName) && /* @__PURE__ */ s(
         et,
         {
-          "data-type-trivia": e === z.TRIVIA,
-          "data-type-poll": e === z.POLL,
+          "data-type-trivia": e === x.TRIVIA,
+          "data-type-poll": e === x.POLL,
           name: n.iconName
         }
       ),
@@ -41,7 +41,7 @@ const Je = /* @__PURE__ */ a("div")({
     ] }),
     /* @__PURE__ */ s(nt, { onClick: t, children: /* @__PURE__ */ s(st, { name: "icon-cross" }) })
   ] });
-}, Oe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), ke = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
+}, je = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), ke = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
@@ -134,11 +134,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Ranks",
   class: "r55lotb",
   propsAsIs: !1
-}), jt = /* @__PURE__ */ a("div")({
+}), Ot = /* @__PURE__ */ a("div")({
   name: "Statistics",
   class: "s1knfgqt",
   propsAsIs: !1
-}), Ot = /* @__PURE__ */ a("div")({
+}), jt = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1mqo824",
   propsAsIs: !1
@@ -161,7 +161,7 @@ const Je = /* @__PURE__ */ a("div")({
   /* @__PURE__ */ s(It, { children: /* @__PURE__ */ f(gt, { children: [
     /* @__PURE__ */ f(kt, { children: [
       e && /* @__PURE__ */ s(vt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(Ot, { children: Oe(t || "") })
+      !e && /* @__PURE__ */ s(jt, { children: je(t || "") })
     ] }),
     /* @__PURE__ */ f(Mt, { children: [
       /* @__PURE__ */ s(yt, { children: t }),
@@ -187,7 +187,7 @@ const Je = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ s(le, { indicator: n || 0, title: "Friends rank" }),
       /* @__PURE__ */ s(le, { indicator: r || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ f(jt, { children: [
+    /* @__PURE__ */ f(Ot, { children: [
       /* @__PURE__ */ s(F, { indicator: l || 0, title: "Win streak" }),
       /* @__PURE__ */ s(F, { indicator: c || 0, title: "Correct" }),
       /* @__PURE__ */ s(F, { indicator: m || 0, title: "Incorrect" }),
@@ -198,12 +198,12 @@ const Je = /* @__PURE__ */ a("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), bt = () => j, $t = /* @__PURE__ */ a(bt())({
+}), $t = () => j, Lt = /* @__PURE__ */ a($t())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), Lt = () => /* @__PURE__ */ s(Ct, {
-  children: /* @__PURE__ */ s($t, {
+}), bt = () => /* @__PURE__ */ s(Ct, {
+  children: /* @__PURE__ */ s(Lt, {
     name: "mastersLogo"
   })
 }), Et = /* @__PURE__ */ a("div")({
@@ -250,7 +250,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
-}), Ft = ({
+}), Vt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: i,
@@ -258,23 +258,23 @@ const Je = /* @__PURE__ */ a("div")({
   hasCorrectAnswer: r,
   questionStatus: l
 }) => {
-  const c = i && (n === z.TRIVIA || n === z.PREDICTION);
-  if (!c && l !== L.RESOLVED || l === L.RESOLVED && n === z.PREDICTION && !i)
+  const c = i && (n === x.TRIVIA || n === x.PREDICTION);
+  if (!c && l !== b.RESOLVED || l === b.RESOLVED && n === x.PREDICTION && !i)
     return null;
-  const m = n === z.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = n === x.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Pt, { "data-isPrediction": m, children: [
-    l === L.RESOLVED && n === z.TRIVIA && !i && /* @__PURE__ */ f($, { children: [
+    l === b.RESOLVED && n === x.TRIVIA && !i && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ f("div", { children: [
         /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s(J, { children: "Question Expired" }) }),
         /* @__PURE__ */ s(Wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    c && m && /* @__PURE__ */ f($, { children: [
+    c && m && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ s(qt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    c && r && /* @__PURE__ */ f($, { children: [
+    c && r && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ s(ce, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ f(de, { children: [
         /* @__PURE__ */ s(Yt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
@@ -282,7 +282,7 @@ const Je = /* @__PURE__ */ a("div")({
       ] }) })
     ] })
   ] });
-}, Vt = /* @__PURE__ */ a("div")({
+}, Ft = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c14ielyq",
   propsAsIs: !1
@@ -347,28 +347,28 @@ const Je = /* @__PURE__ */ a("div")({
   class: "cu9kmlb",
   propsAsIs: !0
 }), ue = {
-  [Q.CENTERED]: (e) => /* @__PURE__ */ s(nn, { alt: "option-icon", src: e }),
-  [Q.TRANSPARENT]: (e) => /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(en, { style: { backgroundImage: `url(${e})` } }) }),
-  [Q.ROUNDED]: (e) => /* @__PURE__ */ s(rn, { alt: "option-icon", src: e }),
-  [Q.NONE]: () => null,
-  [Q.UNSET]: () => null
+  [U.CENTERED]: (e) => /* @__PURE__ */ s(nn, { alt: "option-icon", src: e }),
+  [U.TRANSPARENT]: (e) => /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(en, { style: { backgroundImage: `url(${e})` } }) }),
+  [U.ROUNDED]: (e) => /* @__PURE__ */ s(rn, { alt: "option-icon", src: e }),
+  [U.NONE]: () => null,
+  [U.UNSET]: () => null
 }, un = ({ questionType: e, hasCorrectAnswer: t, correct: i, youVoted: n, questionVoted: r }) => {
-  if (e === z.POLL && n)
+  if (e === x.POLL && n)
     return "correct";
-  if (e === z.PREDICTION) {
+  if (e === x.PREDICTION) {
     if (t && r)
       return n ? i ? "correct" : "incorrect" : "unset";
     if (n)
       return "correct";
   }
-  return e === z.TRIVIA && r && n ? i ? "correct" : "incorrect" : "unset";
+  return e === x.TRIVIA && r && n ? i ? "correct" : "incorrect" : "unset";
 }, pn = ({
   questionType: e,
   questionVoted: t,
   correct: i,
   hasCorrectAnswer: n,
   questionStatus: r
-}) => e === z.TRIVIA ? t && i : e === z.PREDICTION ? t && i && n || r === L.RESOLVED && i : !1, mn = (e) => {
+}) => e === x.TRIVIA ? t && i : e === x.PREDICTION ? t && i && n || r === b.RESOLVED && i : !1, mn = (e) => {
   var t;
   const {
     // option props
@@ -382,20 +382,20 @@ const Je = /* @__PURE__ */ a("div")({
     questionVoted: u,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
-    answerTimeExpired: T,
+    answerTimeExpired: N,
     questionStatus: M,
     isLoading: v,
-    questionType: A,
+    questionType: T,
     correct: D,
     hasCorrectAnswer: o
-  } = e, d = un(e), p = pn({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === L.RESOLVED && A === z.PREDICTION, g = u || I;
+  } = e, d = un(e), p = pn({ questionType: T, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === b.RESOLVED && T === x.PREDICTION, g = u || I;
   return /* @__PURE__ */ f(
     Zt,
     {
       value: i,
       "data-selected": m,
       "data-answerState": d,
-      disabled: u || v || T || I,
+      disabled: u || v || N || I,
       "data-isNotChecked": u && !m && d !== "incorrect",
       onClick: c,
       children: [
@@ -413,34 +413,34 @@ const Je = /* @__PURE__ */ a("div")({
   );
 };
 var pe = typeof window > "u" ? Ge : Ze, hn = ({ isPlaying: e, duration: t, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: l }) => {
-  let [c, m] = P(i), u = C(0), h = C(i), T = C(i * -1e3), M = C(null), v = C(null), A = C(null), D = (p) => {
+  let [c, m] = _(i), u = C(0), h = C(i), N = C(i * -1e3), M = C(null), v = C(null), T = C(null), D = (p) => {
     let I = p / 1e3;
     if (v.current === null) {
       v.current = I, M.current = requestAnimationFrame(D);
       return;
     }
-    let g = I - v.current, N = u.current + g;
-    v.current = I, u.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));
+    let g = I - v.current, S = u.current + g;
+    v.current = I, u.current = S;
+    let y = h.current + (n === 0 ? S : (S / n | 0) * n), 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), A.current && clearTimeout(A.current), v.current = null;
-  }, d = _((p) => {
+    M.current && cancelAnimationFrame(M.current), T.current && clearTimeout(T.current), v.current = null;
+  }, d = q((p) => {
     o(), u.current = 0;
     let I = typeof p == "number" ? p : i;
     h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
   }, [e, i]);
   return pe(() => {
     if (l == null || l(c), t && c >= t) {
-      T.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (r == null ? void 0 : r(T.current / 1e3)) || {};
-      p && (A.current = setTimeout(() => d(g), I * 1e3));
+      N.current += t * 1e3;
+      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (r == null ? void 0 : r(N.current / 1e3)) || {};
+      p && (T.current = setTimeout(() => d(g), I * 1e3));
     }
   }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: c, reset: d };
 }, In = (e, t, i) => {
   let n = e / 2, r = t / 2, l = n - r, c = 2 * l, m = i === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
   return { path: `m ${n},${r} 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%" }, be = (e, t, i, n, r) => {
+}, 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%" }, $e = (e, t, i, n, r) => {
   if (n === 0)
     return t;
   let l = (r ? n - e : e) / n;
@@ -453,48 +453,48 @@ var pe = typeof window > "u" ? Ge : Ze, hn = ({ isPlaying: e, duration: t, start
   let { colors: n, colorsTime: r, isSmoothColorTransition: l = !0 } = e;
   if (typeof n == "string")
     return n;
-  let c = (i = r == null ? void 0 : r.findIndex((v, A) => v >= t && t >= r[A + 1])) != null ? i : -1;
+  let c = (i = r == null ? void 0 : r.findIndex((v, T) => v >= t && t >= r[T + 1])) != null ? i : -1;
   if (!r || c === -1)
     return n[0];
   if (!l)
     return n[c];
-  let m = r[c] - t, u = r[c] - r[c + 1], h = he(n[c]), T = he(n[c + 1]), M = !!e.isGrowing;
-  return `rgb(${h.map((v, A) => be(m, v, T[A] - v, u, M) | 0).join(",")})`;
+  let m = r[c] - t, u = r[c] - r[c + 1], h = he(n[c]), N = he(n[c + 1]), M = !!e.isGrowing;
+  return `rgb(${h.map((v, T) => $e(m, v, N[T] - v, u, M) | 0).join(",")})`;
 }, Mn = (e) => {
-  let { duration: t, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, v = C(), A = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(r, A, h), { elapsedTime: d } = hn({ isPlaying: m, duration: t, startAt: me(t, i), updateInterval: n, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: N, onUpdate: M } = e, v = C(), T = Math.max(l, c ?? 0), { path: D, pathLength: o } = In(r, T, h), { elapsedTime: d } = hn({ 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) => {
+  } : void 0, onComplete: typeof N == "function" ? (I) => {
     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) };
+    let { shouldRepeat: S, delay: y, newInitialRemainingTime: z } = (g = N(I)) != null ? g : {};
+    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: r, stroke: vn(e, p), strokeDashoffset: be(d, 0, o, t, u), strokeWidth: l };
-}, $e = (e) => {
-  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: T, size: M, strokeWidth: v } = Mn(e);
-  return U.createElement("div", { style: fn(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: r ?? v }), U.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && U.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: T, color: m })));
+  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: r, stroke: vn(e, p), strokeDashoffset: $e(d, 0, o, t, u), strokeWidth: l };
+}, Le = (e) => {
+  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: N, size: M, strokeWidth: v } = Mn(e);
+  return P.createElement("div", { style: fn(M) }, P.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, P.createElement("path", { d: l, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? v }), P.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && P.createElement("div", { style: gn }, t({ remainingTime: h, elapsedTime: N, color: m })));
 };
-$e.displayName = "CountdownCircleTimer";
-const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10, 0], Tn = /* @__PURE__ */ a("div")({
+Le.displayName = "CountdownCircleTimer";
+const yn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRAY3], Nn = [10, 10, 1, 0], Tn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), An = E.SECONDARY_GREEN6, Ie = E.SECONDARY_RED3, Dn = E.NEUTRALS_GRAY3, Sn = ({
+}), An = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, Dn = L.NEUTRALS_GRAY3, Sn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: i
 }) => {
-  const [n, r] = P(t > 10 ? An : Ie), l = ({
+  const [n, r] = _(t > 10 ? An : Ie), l = ({
     remainingTime: u
   }) => /* @__PURE__ */ s(Tn, {
     children: u
-  }), c = _(() => {
+  }), c = q(() => {
     i == null || i(), r(Dn);
-  }, [i, r]), m = _((u) => {
+  }, [i, r]), m = q((u) => {
     u === 10 && r(Ie);
   }, [r]);
-  return /* @__PURE__ */ s($e, {
+  return /* @__PURE__ */ s(Le, {
     isPlaying: e,
     duration: t,
     colors: yn,
@@ -515,11 +515,11 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   name: "Content",
   class: "cgizw4u",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ a("div")({
+}), On = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), On = () => j, kn = /* @__PURE__ */ a(On())({
+}), jn = () => j, kn = /* @__PURE__ */ a(jn())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
@@ -531,11 +531,11 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ a("span")({
+}), $n = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), $n = ({
+}), Ln = ({
   title: e,
   points: t,
   isPlayingTimer: i,
@@ -545,55 +545,63 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   onTimerExpired: c
 }) => /* @__PURE__ */ f(zn, { children: [
   /* @__PURE__ */ f(xn, { children: [
-    e && /* @__PURE__ */ s(jn, { children: e }),
-    t !== void 0 && r !== z.POLL && /* @__PURE__ */ f($, { children: [
+    e && /* @__PURE__ */ s(On, { children: e }),
+    t !== void 0 && r !== x.POLL && /* @__PURE__ */ f(R, { children: [
       /* @__PURE__ */ s(kn, { name: "icon-trophy" }),
       /* @__PURE__ */ f(wn, { children: [
         /* @__PURE__ */ s(Cn, { children: /* @__PURE__ */ s(ze, { value: t }) }),
-        /* @__PURE__ */ s(bn, { children: "PTS" })
+        /* @__PURE__ */ s($n, { children: "PTS" })
       ] })
     ] })
   ] }),
   n && /* @__PURE__ */ s(Sn, { isPlaying: i, onTimerExpired: c, duration: l })
-] }), Ln = ({ openedQuestion: e, isLoading: t, vote: i, close: n }) => {
+] }), bn = ({ openedQuestion: e, isLoading: t, vote: i, close: n }) => {
   var r, l;
-  const c = e.subject, m = e.type, u = (r = e.options) == null ? void 0 : r.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;
-        v(y), await i(A, y);
+  const c = e.subject, m = e.type, u = (r = e.options) == null ? void 0 : r.options, [h, N] = _(!1), [M, v] = _(""), T = e == null ? void 0 : e.id, D = q(
+    async (A) => {
+      if (T) {
+        const O = A.currentTarget.value;
+        v(O), await i(T, O);
       }
     },
-    [A, v, i]
-  ), o = _(() => {
-    T(!0), setTimeout(n, 3e3);
-  }, [n]), d = B(
-    () => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
+    [T, v, i]
+  ), o = q(() => {
+    N(!0), setTimeout(n, 3e3);
+  }, [n]), d = $(
+    () => e == null ? void 0 : e.answers.find((A) => A.youVoted === !0),
+    [e]
+  ), p = $(
+    () => !!(e != null && e.answers.find((A) => A.correct === !0)),
     [e]
-  ), p = B(
-    () => !!(e != null && e.answers.find((N) => N.correct === !0)),
+  ), I = $(
+    () => e == null ? void 0 : e.answers.find((A) => A.correct === !0),
     [e]
-  ), I = B(() => e ? e.answers.map((N) => {
-    var y;
+  ), g = $(() => e ? e.answers.map((A) => {
+    var O;
     return {
-      ...N,
+      ...A,
       questionVoted: !!d,
-      youSelected: M === N.id,
+      youSelected: M === A.id,
       isLoading: t,
       hasCorrectAnswer: p,
       questionType: e.type,
       answerTimeExpired: h,
       questionStatus: e.status,
-      imageMode: (y = e.appearance) == null ? void 0 : y.images,
+      imageMode: (O = e.appearance) == null ? void 0 : O.images,
       // ToDo: Figure out why imageMode is not in the response
       onVote: D
     };
-  }) : [], [p, h, t, e, d, D, M]), g = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
-  return /* @__PURE__ */ s(ie, { "data-question-header": "true", children: /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ f(Bt, { children: [
-    g && /* @__PURE__ */ s(
-      Ft,
+  }) : [], [p, h, t, e, d, D, M]), S = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, y = $(() => {
+    if (e.status === b.RESOLVED)
+      return 0;
+    if (!h)
+      return d ? d.correct ? d.points : 0 : I == null ? void 0 : I.points;
+  }, [h, d, I, e.status]), z = $(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : d ? "You won" : "To win", [h, e.type, d]);
+  return /* @__PURE__ */ s(ie, { "data-question-header": "true", children: /* @__PURE__ */ s(Ft, { children: /* @__PURE__ */ f(Bt, { children: [
+    S && /* @__PURE__ */ s(
+      Vt,
       {
-        feedbackMessages: g,
+        feedbackMessages: S,
         questionVoted: !!d,
         questionVotedCorrectly: d == null ? void 0 : d.correct,
         questionType: m,
@@ -601,11 +609,11 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
         questionStatus: e.status
       }
     ),
-    e.type !== z.PREDICTION && /* @__PURE__ */ s(
-      $n,
+    e.type !== x.PREDICTION && /* @__PURE__ */ s(
+      Ln,
       {
-        title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
-        points: h ? void 0 : d != null && d.correct ? d == null ? void 0 : d.points : 0,
+        title: z,
+        points: y,
         onTimerExpired: o,
         questionType: e.type,
         isTimer: !t,
@@ -619,9 +627,9 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ f($, { children: [
-      /* @__PURE__ */ s(Ht, { "data-isPrediction": e.type === z.PREDICTION, children: c }),
-      /* @__PURE__ */ s(Gt, { children: I.map((N) => /* @__PURE__ */ s(mn, { ...N }, N.id)) })
+    ) : /* @__PURE__ */ f(R, { children: [
+      /* @__PURE__ */ s(Ht, { "data-isPrediction": e.type === x.PREDICTION, children: c }),
+      /* @__PURE__ */ s(Gt, { children: g.map((A) => /* @__PURE__ */ s(mn, { ...A }, A.id)) })
     ] })
   ] }) }) });
 }, En = /* @__PURE__ */ a("div")({
@@ -648,8 +656,8 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), Le = ({ created: e, image: t, title: i, instantView: n }) => {
-  const r = B(() => {
+}), be = ({ created: e, image: t, title: i, instantView: n }) => {
+  const r = $(() => {
     if (e) {
       const c = new Date(e);
       if (at(c))
@@ -682,16 +690,16 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   class: "w19zie3h",
   propsAsIs: !1
 }), Wn = ({ instantView: e, ...t }) => /* @__PURE__ */ f(qn, { children: [
-  /* @__PURE__ */ s(Le, { instantView: e, ...t }),
+  /* @__PURE__ */ s(be, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ f(Yn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ s(j, { name: "icon-external-link" })
   ] })
-] }), Fn = /* @__PURE__ */ a("div")({
+] }), Vn = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), Vn = ({
+}), Fn = ({
   openedQuestion: e
 }) => {
   var t;
@@ -708,7 +716,7 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
     loading: n,
     data: r
   } = e;
-  return r ? /* @__PURE__ */ s(Ln, {
+  return r ? /* @__PURE__ */ s(bn, {
     vote: t,
     close: i,
     openedQuestion: r,
@@ -722,17 +730,17 @@ const yn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], Nn = [10, 10,
   if (!i)
     return null;
   const r = i.type;
-  return /* @__PURE__ */ f(Fn, {
-    children: [/* @__PURE__ */ s(je, {
+  return /* @__PURE__ */ f(Vn, {
+    children: [/* @__PURE__ */ s(Oe, {
       close: e.closeQuestion,
-      type: ((t = i.attributes) == null ? void 0 : t.type) || z.UNSET
+      type: ((t = i.attributes) == null ? void 0 : t.type) || x.UNSET
     }), r === "question" && /* @__PURE__ */ s(Bn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: n
-    }), r !== "question" && /* @__PURE__ */ s(Vn, {
+    }), r !== "question" && /* @__PURE__ */ s(Fn, {
       openedQuestion: i
-    }), /* @__PURE__ */ s(Lt, {
+    }), /* @__PURE__ */ s(bt, {
       sponsorLogo: ""
     })]
   });
@@ -844,21 +852,21 @@ function Ne(e) {
   }
   return X;
 }
-var b = null;
+var E = null;
 function Te(e) {
-  if (e === void 0 && (e = !1), b === null || e) {
+  if (e === void 0 && (e = !1), E === null || e) {
     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"), r = n.style;
-    return r.width = "100px", r.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 r.width = "100px", r.height = "100px", t.appendChild(n), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
   }
-  return b;
+  return E;
 }
 var ri = 150, oi = function(t, i) {
   return t;
 };
 function ai(e) {
-  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, r = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
+  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, r = 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) {
     ei(v, M);
     function v(D) {
@@ -883,55 +891,55 @@ function ai(e) {
           scrollUpdateWasRequested: I
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(d) {
-        var p = o.props, I = p.direction, g = p.itemSize, N = p.layout, y = o._getItemStyleCache(h && g, h && N, h && I), S;
+        var p = o.props, I = p.direction, g = p.itemSize, S = p.layout, y = o._getItemStyleCache(h && g, h && S, h && I), z;
         if (y.hasOwnProperty(d))
-          S = y[d];
+          z = y[d];
         else {
-          var x = i(o.props, d, o._instanceProps), O = r(o.props, d, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? x : 0;
-          y[d] = S = {
+          var A = i(o.props, d, o._instanceProps), O = r(o.props, d, o._instanceProps), k = I === "horizontal" || S === "horizontal", Y = I === "rtl", W = k ? A : 0;
+          y[d] = z = {
             position: "absolute",
-            left: q ? void 0 : Y,
-            right: q ? Y : void 0,
-            top: k ? 0 : x,
+            left: Y ? void 0 : W,
+            right: Y ? W : void 0,
+            top: k ? 0 : A,
             height: k ? "100%" : O,
             width: k ? O : "100%"
           };
         }
-        return S;
+        return z;
       }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(d, p, I) {
         return {};
       }), o._onScrollHorizontal = function(d) {
-        var p = d.currentTarget, I = p.clientWidth, g = p.scrollLeft, N = p.scrollWidth;
+        var p = d.currentTarget, I = p.clientWidth, g = p.scrollLeft, S = p.scrollWidth;
         o.setState(function(y) {
           if (y.scrollOffset === g)
             return null;
-          var S = o.props.direction, x = g;
-          if (S === "rtl")
+          var z = o.props.direction, A = g;
+          if (z === "rtl")
             switch (Te()) {
               case "negative":
-                x = -g;
+                A = -g;
                 break;
               case "positive-descending":
-                x = N - I - g;
+                A = S - I - g;
                 break;
             }
-          return x = Math.max(0, Math.min(x, N - I)), {
+          return A = Math.max(0, Math.min(A, S - I)), {
             isScrolling: !0,
             scrollDirection: y.scrollOffset < g ? "forward" : "backward",
-            scrollOffset: x,
+            scrollOffset: A,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._onScrollVertical = function(d) {
-        var p = d.currentTarget, I = p.clientHeight, g = p.scrollHeight, N = p.scrollTop;
+        var p = d.currentTarget, I = p.clientHeight, g = p.scrollHeight, S = p.scrollTop;
         o.setState(function(y) {
-          if (y.scrollOffset === N)
+          if (y.scrollOffset === S)
             return null;
-          var S = Math.max(0, Math.min(N, g - I));
+          var z = Math.max(0, Math.min(S, g - I));
           return {
             isScrolling: !0,
-            scrollDirection: y.scrollOffset < S ? "forward" : "backward",
-            scrollOffset: S,
+            scrollDirection: y.scrollOffset < z ? "forward" : "backward",
+            scrollOffset: z,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
@@ -949,10 +957,10 @@ function ai(e) {
       }, o;
     }
     v.getDerivedStateFromProps = function(o, d) {
-      return li(o, d), T(o), null;
+      return li(o, d), N(o), null;
     };
-    var A = v.prototype;
-    return A.scrollTo = function(o) {
+    var T = v.prototype;
+    return T.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(d) {
         return d.scrollOffset === o ? null : {
           scrollDirection: d.scrollOffset < o ? "forward" : "backward",
@@ -960,26 +968,26 @@ function ai(e) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, A.scrollToItem = function(o, d) {
+    }, T.scrollToItem = function(o, d) {
       d === void 0 && (d = "auto");
-      var p = this.props, I = p.itemCount, g = p.layout, N = this.state.scrollOffset;
+      var p = this.props, I = p.itemCount, g = p.layout, S = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, I - 1));
       var y = 0;
       if (this._outerRef) {
-        var S = this._outerRef;
-        g === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
+        var z = this._outerRef;
+        g === "vertical" ? y = z.scrollWidth > z.clientWidth ? Ne() : 0 : y = z.scrollHeight > z.clientHeight ? Ne() : 0;
       }
-      this.scrollTo(l(this.props, o, d, N, this._instanceProps, y));
-    }, A.componentDidMount = function() {
+      this.scrollTo(l(this.props, o, d, S, this._instanceProps, y));
+    }, T.componentDidMount = function() {
       var o = this.props, d = o.direction, p = o.initialScrollOffset, I = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
         var g = this._outerRef;
         d === "horizontal" || I === "horizontal" ? g.scrollLeft = p : g.scrollTop = p;
       }
       this._callPropsCallbacks();
-    }, A.componentDidUpdate = function() {
-      var o = this.props, d = o.direction, p = o.layout, I = this.state, g = I.scrollOffset, N = I.scrollUpdateWasRequested;
-      if (N && this._outerRef != null) {
+    }, T.componentDidUpdate = function() {
+      var o = this.props, d = o.direction, p = o.layout, I = this.state, g = I.scrollOffset, S = I.scrollUpdateWasRequested;
+      if (S && this._outerRef != null) {
         var y = this._outerRef;
         if (d === "horizontal" || p === "horizontal")
           if (d === "rtl")
@@ -991,8 +999,8 @@ function ai(e) {
                 y.scrollLeft = g;
                 break;
               default:
-                var S = y.clientWidth, x = y.scrollWidth;
-                y.scrollLeft = x - S - g;
+                var z = y.clientWidth, A = y.scrollWidth;
+                y.scrollLeft = A - z - g;
                 break;
             }
           else
@@ -1001,18 +1009,18 @@ function ai(e) {
           y.scrollTop = g;
       }
       this._callPropsCallbacks();
-    }, A.componentWillUnmount = function() {
+    }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
-    }, A.render = function() {
-      var o = this.props, d = 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 ? oi : k, Y = o.layout, Ee = o.outerElementType, Re = o.outerTagName, Qe = o.style, Ue = o.useIsScrolling, Pe = o.width, se = this.state.isScrolling, G = I === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Ye = re[1], oe = [];
-      if (x > 0)
-        for (var R = qe; R <= Ye; R++)
+    }, 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 ? oi : k, W = o.layout, Ee = o.outerElementType, Re = o.outerTagName, Qe = o.style, Ue = o.useIsScrolling, Pe = o.width, se = this.state.isScrolling, G = I === "horizontal" || W === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Ye = re[1], oe = [];
+      if (A > 0)
+        for (var Q = qe; Q <= Ye; Q++)
           oe.push(Z(d, {
             data: O,
-            key: q(R, O),
-            index: R,
+            key: Y(Q, O),
+            index: Q,
             isScrolling: Ue ? se : void 0,
-            style: this._getItemStyle(R)
+            style: this._getItemStyle(Q)
           }));
       var ae = n(this.props, this._instanceProps);
       return Z(Ee || Re || "div", {
@@ -1028,33 +1036,33 @@ function ai(e) {
           willChange: "transform",
           direction: I
         }, Qe)
-      }, Z(y || S || "div", {
+      }, Z(y || z || "div", {
         children: oe,
-        ref: N,
+        ref: S,
         style: {
           height: G ? "100%" : ae,
           pointerEvents: se ? "none" : void 0,
           width: G ? ae : "100%"
         }
       }));
-    }, A._callPropsCallbacks = function() {
+    }, T._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var d = this._getRangeToRender(), p = d[0], I = d[1], g = d[2], N = d[3];
-          this._callOnItemsRendered(p, I, g, N);
+          var d = this._getRangeToRender(), p = d[0], I = d[1], g = d[2], S = d[3];
+          this._callOnItemsRendered(p, I, g, S);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var y = this.state, S = y.scrollDirection, x = y.scrollOffset, O = y.scrollUpdateWasRequested;
-        this._callOnScroll(S, x, O);
+        var y = this.state, z = y.scrollDirection, A = y.scrollOffset, O = y.scrollUpdateWasRequested;
+        this._callOnScroll(z, A, O);
       }
-    }, A._getRangeToRender = function() {
-      var o = this.props, d = o.itemCount, p = o.overscanCount, I = this.state, g = I.isScrolling, N = I.scrollDirection, y = I.scrollOffset;
+    }, T._getRangeToRender = function() {
+      var o = this.props, d = o.itemCount, p = o.overscanCount, I = this.state, g = I.isScrolling, S = I.scrollDirection, y = I.scrollOffset;
       if (d === 0)
         return [0, 0, 0, 0];
-      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(d - 1, x + k)), S, x];
+      var z = c(this.props, y, this._instanceProps), A = m(this.props, z, y, this._instanceProps), O = !g || S === "backward" ? Math.max(1, p) : 1, k = !g || S === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, z - O), Math.max(0, Math.min(d - 1, A + k)), z, A];
     }, v;
   }(xe), t.defaultProps = {
     direction: "ltr",
@@ -1080,7 +1088,7 @@ var li = function(t, i) {
     return n * i;
   },
   getOffsetForIndexAndAlignment: function(t, i, n, r, l, c) {
-    var m = t.direction, u = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, v = t.width, A = m === "horizontal" || M === "horizontal", D = A ? v : u, o = Math.max(0, h * T - D), d = Math.min(o, i * T), p = Math.max(0, i * T - D + T + 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, i * N), p = Math.max(0, i * N - D + N + c);
     switch (n === "smart" && (r >= p - D && r <= d + D ? n = "auto" : n = "center"), n) {
       case "start":
         return d;
@@ -1100,10 +1108,10 @@ var li = function(t, i) {
     return Math.max(0, Math.min(n - 1, Math.floor(i / r)));
   },
   getStopIndexForStartIndex: function(t, i, n) {
-    var r = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, T = r === "horizontal" || u === "horizontal", M = i * m, v = T ? h : l, A = Math.ceil((v + n - M) / m);
+    var r = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, N = r === "horizontal" || u === "horizontal", M = i * m, v = N ? h : l, T = Math.ceil((v + n - M) / m);
     return Math.max(0, Math.min(
       c - 1,
-      i + A - 1
+      i + T - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1120,8 +1128,8 @@ function di(e) {
 }
 function ui(e) {
   for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, r = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = r; h <= l; h++) {
-    var T = t(h);
-    T ? u !== null && (c.push(m, u), m = u = null) : (u = h, m === null && (m = 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 + n - 1), i - 1), v = u + 1; v <= M && !t(v); v++)
@@ -1130,9 +1138,9 @@ function ui(e) {
   }
   if (c.length)
     for (; c[1] - c[0] + 1 < n && c[0] > 0; ) {
-      var A = c[0] - 1;
-      if (!t(A))
-        c[0] = A;
+      var T = c[0] - 1;
+      if (!t(T))
+        c[0] = T;
       else
         break;
     }
@@ -1174,8 +1182,8 @@ var pi = function(e, t) {
     for (var c = arguments.length, m = Array(c), u = 0; u < c; u++)
       m[u] = arguments[u];
     return l = (n = (r = Ae(this, (i = t.__proto__ || Object.getPrototypeOf(t)).call.apply(i, [this].concat(m))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
-      var T = h.visibleStartIndex, M = h.visibleStopIndex;
-      r._lastRenderedStartIndex = T, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(T, M);
+      var N = h.visibleStartIndex, M = h.visibleStopIndex;
+      r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(N, M);
     }, r._setRef = function(h) {
       r._listRef = h;
     }, n), Ae(r, l);
@@ -1202,32 +1210,32 @@ var pi = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(n, r) {
-      var l = this.props, c = l.isItemLoaded, m = l.itemCount, u = l.minimumBatchSize, h = u === void 0 ? 10 : u, T = l.threshold, M = T === void 0 ? 15 : T, v = ui({
+      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, n - M),
         stopIndex: Math.min(m - 1, r + M)
       });
-      (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(A, D) {
-        return v[D] !== A;
+      (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(T, D) {
+        return v[D] !== T;
       })) && (this._memoizedUnloadedRanges = v, this._loadUnloadedRanges(v));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(n) {
       for (var r = this, l = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
-        var T = n[h], M = n[h + 1], v = l(T, M);
+        var N = n[h], M = n[h + 1], v = l(N, M);
         v != null && v.then(function() {
           if (di({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
-            startIndex: T,
+            startIndex: N,
             stopIndex: M
           })) {
             if (r._listRef == null)
               return;
-            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(T, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(N, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
       }, m = 0; m < n.length; m += 2)
@@ -1278,7 +1286,7 @@ const fi = /* @__PURE__ */ a("div")({
 }) => /* @__PURE__ */ f(fi, { onClick: l, style: c, children: [
   /* @__PURE__ */ s(gi, { children: e || 0 }),
   /* @__PURE__ */ f(yi, { children: [
-    t ? /* @__PURE__ */ s(vi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Mi, { children: Oe(i || "") }),
+    t ? /* @__PURE__ */ s(vi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Mi, { children: je(i || "") }),
     /* @__PURE__ */ f(Ni, { children: [
       /* @__PURE__ */ s(Ti, { children: i || "" }),
       r && /* @__PURE__ */ s(Di, { name: "icon-star" })
@@ -1294,7 +1302,7 @@ const fi = /* @__PURE__ */ a("div")({
   currentUserId: t,
   openItemDetail: i,
   fetchMore: n
-}) => /* @__PURE__ */ s(Fe, { children: ({ width: r, height: l }) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: l }) => /* @__PURE__ */ s(
   Ii,
   {
     isItemLoaded: (c) => c < e.length,
@@ -1322,10 +1330,10 @@ const fi = /* @__PURE__ */ a("div")({
       }
     ) })
   }
-) }), ji = ({ deepLink: e }) => {
+) }), Oi = ({ deepLink: e }) => {
   const { data: t } = w(e.$store), i = t == null ? void 0 : t.url, n = e.desktopLink;
   return /* @__PURE__ */ s(
-    Ve,
+    Fe,
     {
       inviteLink: i || n,
       socialLinks: [
@@ -1344,7 +1352,7 @@ const fi = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, Oi = ({ gamification: e }) => {
+}, ji = ({ gamification: e }) => {
   const { data: t } = w(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ s(
     xi,
@@ -1354,7 +1362,7 @@ const fi = /* @__PURE__ */ a("div")({
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(ji, { deepLink: e.deepLink });
+  ) : /* @__PURE__ */ s(Oi, { deepLink: e.deepLink });
 }, ki = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
@@ -1367,15 +1375,15 @@ const fi = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), bi = /* @__PURE__ */ a("div")({
+}), $i = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), $i = () => j, V = /* @__PURE__ */ a($i())({
+}), Li = () => j, B = /* @__PURE__ */ a(Li())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), Li = () => j, Ei = /* @__PURE__ */ a(Li())({
+}), bi = () => j, Ei = /* @__PURE__ */ a(bi())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1392,10 +1400,10 @@ const fi = /* @__PURE__ */ a("div")({
   class: "p1pba9p1",
   propsAsIs: !1
 }), Pi = {
-  [W.LOST]: /* @__PURE__ */ s(V, { name: "incorrectVoted" }),
-  [W.WON]: /* @__PURE__ */ s(V, { name: "icon-check" }),
-  [W.UNSET]: /* @__PURE__ */ s(V, { name: "icon-arrow" }),
-  [W.DNP]: /* @__PURE__ */ s(V, { name: "icon-arrow" })
+  [V.LOST]: /* @__PURE__ */ s(B, { name: "incorrectVoted" }),
+  [V.WON]: /* @__PURE__ */ s(B, { name: "icon-check" }),
+  [V.UNSET]: /* @__PURE__ */ s(B, { name: "icon-arrow" }),
+  [V.DNP]: /* @__PURE__ */ s(B, { name: "icon-arrow" })
 }, _i = ({
   questionId: e,
   questionType: t,
@@ -1412,19 +1420,19 @@ const fi = /* @__PURE__ */ a("div")({
         /* @__PURE__ */ s(
           Ei,
           {
-            "data-type-trivia": t === z.TRIVIA,
-            "data-type-poll": t === z.POLL,
+            "data-type-trivia": t === x.TRIVIA,
+            "data-type-poll": t === x.POLL,
             name: m.iconName
           }
         ),
         /* @__PURE__ */ f(Ri, { children: [
           m.label,
-          t === z.TRIVIA && i === L.RESOLVED && " • Expired"
+          t === x.TRIVIA && i === b.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Ci, { children: n || "" })
     ] }),
-    /* @__PURE__ */ s(bi, { children: r ? /* @__PURE__ */ s(Ui, { children: "Play" }) : u })
+    /* @__PURE__ */ s($i, { children: r ? /* @__PURE__ */ s(Ui, { children: "Play" }) : u })
   ] }) : null;
 }, qi = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1439,13 +1447,13 @@ const fi = /* @__PURE__ */ a("div")({
   questionId: t,
   ...i
 }) => /* @__PURE__ */ f(qi, { children: [
-  /* @__PURE__ */ s(Le, { questionId: t, ...i }),
+  /* @__PURE__ */ s(be, { questionId: t, ...i }),
   e && /* @__PURE__ */ s(Yi, { onClick: () => e(t), children: "View Insight" })
-] }), Fi = /* @__PURE__ */ a("div")({
+] }), Vi = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Vi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Fi, { children: e == null ? void 0 : e.map((i) => {
+}), Fi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vi, { children: e == null ? void 0 : e.map((i) => {
   var n, r;
   if (i.type === "question" && ((n = i.attributes) == null ? void 0 : n.attributes.case) === "question") {
     const l = i.attributes.attributes.value;
@@ -1458,7 +1466,7 @@ const fi = /* @__PURE__ */ a("div")({
   return null;
 }) }), Bi = ({ store: e, openQuestion: t }) => {
   const i = w(e);
-  return i != null && i.data ? /* @__PURE__ */ s(Vi, { openQuestion: t, questions: i.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+  return i != null && i.data ? /* @__PURE__ */ s(Fi, { openQuestion: t, questions: i.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 }, Hi = ({ userSummary: e }) => {
   var t, i;
   const n = w(e.getStore());
@@ -1466,7 +1474,7 @@ const fi = /* @__PURE__ */ a("div")({
 }, Gi = ({
   gamification: e
 }) => {
-  const [t, i] = P(H.HOME);
+  const [t, i] = _(H.HOME);
   return /* @__PURE__ */ f("div", {
     style: {
       height: "100%",
@@ -1498,7 +1506,7 @@ const fi = /* @__PURE__ */ a("div")({
       })]
     }), t === H.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(Oi, {
+      children: /* @__PURE__ */ s(ji, {
         gamification: e
       })
     })]
@@ -1522,7 +1530,7 @@ const fi = /* @__PURE__ */ a("div")({
   className: t
 }) => {
   const i = w(e.openedQuestion.$store), n = w(e.openedUser);
-  return /* @__PURE__ */ f($, {
+  return /* @__PURE__ */ f(R, {
     children: [i && /* @__PURE__ */ s(De, {
       className: t,
       children: /* @__PURE__ */ s(Hn, {
@@ -1531,7 +1539,7 @@ const fi = /* @__PURE__ */ a("div")({
     }), n && /* @__PURE__ */ s(De, {
       className: t,
       children: /* @__PURE__ */ f(Ji, {
-        children: [/* @__PURE__ */ s(je, {
+        children: [/* @__PURE__ */ s(Oe, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ s(ee, {