@streamlayer/react 0.31.6 → 0.31.7

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

@@ -1,6 +1,6 @@
-import { jsxs as I, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { s as a, n as j, Q as x, o as Se, a as P, 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 L, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
+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";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -27,8 +27,8 @@ const Je = /* @__PURE__ */ a("div")({
   propsAsIs: !0
 }), xe = ({ type: e, close: t, label: n }) => {
   const i = e ? Se[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ I(Je, { children: [
-    /* @__PURE__ */ I(Ke, { children: [
+  return /* @__PURE__ */ f(Je, { children: [
+    /* @__PURE__ */ f(Ke, { children: [
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(
         et,
         {
@@ -60,7 +60,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ I(lt, { children: [
+}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ f(lt, { children: [
   /* @__PURE__ */ r(ct, { children: t }),
   /* @__PURE__ */ r(dt, { children: e })
 ] }), ut = /* @__PURE__ */ a("div")({
@@ -75,7 +75,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), V = ({ indicator: e, title: t }) => /* @__PURE__ */ I(ut, { children: [
+}), V = ({ indicator: e, title: t }) => /* @__PURE__ */ f(ut, { children: [
   /* @__PURE__ */ r(pt, { children: e }),
   /* @__PURE__ */ r(mt, { children: t })
 ] }), ht = /* @__PURE__ */ a("div")({
@@ -94,11 +94,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "User",
   class: "u1g7arbm",
   propsAsIs: !1
-}), Mt = /* @__PURE__ */ a("img")({
+}), vt = /* @__PURE__ */ a("img")({
   name: "Avatar",
   class: "a1ldeata",
   propsAsIs: !1
-}), vt = /* @__PURE__ */ a("div")({
+}), Mt = /* @__PURE__ */ a("div")({
   name: "UserInfo",
   class: "u10d4koz",
   propsAsIs: !1
@@ -155,43 +155,43 @@ const Je = /* @__PURE__ */ a("div")({
   streak: c,
   correct: l,
   incorrect: m,
-  inTop: u,
-  successRate: f
-}) => /* @__PURE__ */ I(ht, { children: [
-  /* @__PURE__ */ r(It, { children: /* @__PURE__ */ I(gt, { children: [
-    /* @__PURE__ */ I(kt, { children: [
-      e && /* @__PURE__ */ r(Mt, { alt: "avatar", src: e }),
+  inTop: d,
+  successRate: h
+}) => /* @__PURE__ */ f(ht, { children: [
+  /* @__PURE__ */ r(It, { children: /* @__PURE__ */ f(gt, { children: [
+    /* @__PURE__ */ f(kt, { children: [
+      e && /* @__PURE__ */ r(vt, { alt: "avatar", src: e }),
       !e && /* @__PURE__ */ r(Ot, { children: je(t || "") })
     ] }),
-    /* @__PURE__ */ I(vt, { children: [
+    /* @__PURE__ */ f(Mt, { children: [
       /* @__PURE__ */ r(yt, { children: t }),
-      /* @__PURE__ */ I(Nt, { children: [
-        /* @__PURE__ */ I(At, { children: [
+      /* @__PURE__ */ f(Nt, { children: [
+        /* @__PURE__ */ f(At, { children: [
           /* @__PURE__ */ r(Tt, { alt: "rank-icon", src: wt }),
-          /* @__PURE__ */ I(Dt, { children: [
+          /* @__PURE__ */ f(Dt, { children: [
             Oe(n),
             /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
         /* @__PURE__ */ r(zt, {}),
-        /* @__PURE__ */ I("div", { children: [
+        /* @__PURE__ */ f("div", { children: [
           "TOP ",
-          u || 0,
+          d || 0,
           "%"
         ] })
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ I(ft, { children: [
-    /* @__PURE__ */ I(xt, { children: [
+  /* @__PURE__ */ f(ft, { children: [
+    /* @__PURE__ */ f(xt, { children: [
       /* @__PURE__ */ r(le, { indicator: i || 0, title: "Friends rank" }),
       /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ I(jt, { children: [
+    /* @__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: m || 0, title: "Incorrect" }),
-      /* @__PURE__ */ r(V, { indicator: `${f || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ r(V, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Ct = /* @__PURE__ */ a("div")({
@@ -206,11 +206,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), Et = ({ title: e, description: t }) => /* @__PURE__ */ I(Ct, { children: [
+}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ f(Ct, { children: [
   /* @__PURE__ */ r(j, { name: "icon-check-circle" }),
   /* @__PURE__ */ r(bt, { children: e }),
   /* @__PURE__ */ r($t, { children: t })
-] }), Lt = /* @__PURE__ */ a("div")({
+] }), Et = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
@@ -247,26 +247,26 @@ const Je = /* @__PURE__ */ a("div")({
   questionStatus: c
 }) => {
   const l = n && (i === x.TRIVIA || i === x.PREDICTION);
-  if (!l && c !== P.RESOLVED)
+  if (!l && c !== U.RESOLVED)
     return null;
-  const m = i === x.PREDICTION && !s, u = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ I(Lt, { "data-isPrediction": m, children: [
-    c === P.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ I($, { children: [
+  const m = i === x.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ f(Et, { "data-isPrediction": m, children: [
+    c === U.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
-      /* @__PURE__ */ I("div", { children: [
+      /* @__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__ */ I($, { children: [
+    l && 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__ */ I($, { children: [
-      /* @__PURE__ */ r(ce, { "data-feedbackType": u, children: /* @__PURE__ */ r(j, { name: u }) }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ I(de, { children: [
-        /* @__PURE__ */ r(Ut, { "data-feedbackType": u, children: f == null ? void 0 : f.title }),
-        /* @__PURE__ */ r(J, { children: f == null ? void 0 : f.description })
+    l && 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 }),
+        /* @__PURE__ */ r(J, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
   ] });
@@ -335,11 +335,11 @@ const Je = /* @__PURE__ */ a("div")({
   class: "cu9kmlb",
   propsAsIs: !0
 }), ue = {
-  [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
+  [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
 }, an = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: s }) => {
   if (e === x.POLL && i)
     return "correct";
@@ -356,7 +356,7 @@ const Je = /* @__PURE__ */ a("div")({
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: s
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === P.RESOLVED && n : !1, cn = (e) => {
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === U.RESOLVED && n : !1, cn = (e) => {
   var t;
   const {
     // option props
@@ -367,30 +367,30 @@ const Je = /* @__PURE__ */ a("div")({
     // extra props
     onVote: l,
     youSelected: m,
-    questionVoted: u,
+    questionVoted: d,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: f,
+    imageMode: h,
     answerTimeExpired: T,
-    questionStatus: v,
+    questionStatus: M,
     isLoading: g,
     questionType: A,
     correct: D,
     hasCorrectAnswer: o
-  } = e, d = an(e), p = ln({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = u || v === P.RESOLVED && A === x.PREDICTION;
-  return /* @__PURE__ */ I(
+  } = e, u = an(e), p = ln({ questionType: A, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = d || M === U.RESOLVED && A === x.PREDICTION;
+  return /* @__PURE__ */ f(
     Ft,
     {
       value: n,
       "data-selected": m,
-      "data-answerState": d,
-      disabled: u || g || T,
+      "data-answerState": u,
+      disabled: d || g || T,
       onClick: l,
       children: [
-        h && /* @__PURE__ */ r(Bt, { "data-answerState": d, style: { width: `${c}%` } }),
-        /* @__PURE__ */ I(Ht, { children: [
-          i && f && ((t = ue[f]) == null ? void 0 : t.call(ue, i)),
+        I && /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${c}%` } }),
+        /* @__PURE__ */ f(Ht, { children: [
+          i && h && ((t = ue[h]) == null ? void 0 : t.call(ue, i)),
           /* @__PURE__ */ r(tn, { children: s }),
-          h && /* @__PURE__ */ I(nn, { children: [
+          I && /* @__PURE__ */ f(nn, { children: [
             p && /* @__PURE__ */ r(on, { name: "selected" }),
             /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ r(Ye, { value: c, suffix: "%" }) })
           ] })
@@ -400,33 +400,33 @@ const Je = /* @__PURE__ */ a("div")({
   );
 };
 var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: c }) => {
-  let [l, m] = L(n), u = C(0), f = C(n), T = C(n * -1e3), v = C(null), g = C(null), A = C(null), D = (p) => {
-    let h = p / 1e3;
+  let [l, m] = P(n), d = C(0), h = C(n), T = C(n * -1e3), M = C(null), g = C(null), A = C(null), D = (p) => {
+    let I = p / 1e3;
     if (g.current === null) {
-      g.current = h, v.current = requestAnimationFrame(D);
+      g.current = I, M.current = requestAnimationFrame(D);
       return;
     }
-    let M = h - g.current, N = u.current + M;
-    g.current = h, u.current = N;
-    let y = f.current + (i === 0 ? N : (N / i | 0) * i), S = f.current + N, z = typeof t == "number" && S >= t;
-    m(z ? t : y), z || (v.current = requestAnimationFrame(D));
+    let v = I - g.current, N = d.current + v;
+    g.current = I, d.current = N;
+    let y = h.current + (i === 0 ? N : (N / i | 0) * i), S = h.current + N, z = typeof t == "number" && S >= t;
+    m(z ? t : y), z || (M.current = requestAnimationFrame(D));
   }, o = () => {
-    v.current && cancelAnimationFrame(v.current), A.current && clearTimeout(A.current), g.current = null;
-  }, d = _((p) => {
-    o(), u.current = 0;
-    let h = typeof p == "number" ? p : n;
-    f.current = h, m(h), e && (v.current = requestAnimationFrame(D));
+    M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), g.current = null;
+  }, u = _((p) => {
+    o(), d.current = 0;
+    let I = typeof p == "number" ? p : n;
+    h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
   }, [e, n]);
   return pe(() => {
     if (c == null || c(l), t && l >= t) {
       T.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (s == null ? void 0 : s(T.current / 1e3)) || {};
-      p && (A.current = setTimeout(() => d(M), h * 1e3));
+      let { shouldRepeat: p = !1, delay: I = 0, newStartAt: v } = (s == null ? void 0 : s(T.current / 1e3)) || {};
+      p && (A.current = setTimeout(() => u(v), I * 1e3));
     }
-  }, [l, t]), pe(() => (e && (v.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: d };
+  }, [l, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: u };
 }, un = (e, t, n) => {
-  let i = e / 2, s = t / 2, c = i - s, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * c;
-  return { path: `m ${i},${s} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: u };
+  let i = e / 2, s = t / 2, c = i - s, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
+  return { path: `m ${i},${s} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
 }, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, n, i, s) => {
   if (i === 0)
     return t;
@@ -445,41 +445,41 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     return i[0];
   if (!c)
     return i[l];
-  let m = s[l] - t, u = s[l] - s[l + 1], f = he(i[l]), T = he(i[l + 1]), v = !!e.isGrowing;
-  return `rgb(${f.map((g, A) => Ce(m, g, T[A] - g, u, v) | 0).join(",")})`;
+  let m = s[l] - t, d = s[l] - s[l + 1], h = he(i[l]), T = he(i[l + 1]), M = !!e.isGrowing;
+  return `rgb(${h.map((g, A) => Ce(m, g, T[A] - g, d, M) | 0).join(",")})`;
 }, In = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: T, onUpdate: v } = e, g = C(), A = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, A, f), { elapsedTime: d } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (h) => {
-    let M = Math.ceil(t - h);
-    M !== g.current && (g.current = M, v(M));
-  } : void 0, onComplete: typeof T == "function" ? (h) => {
-    var M;
-    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (M = T(h)) != null ? M : {};
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, g = C(), A = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, A, h), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
+    let v = Math.ceil(t - I);
+    v !== g.current && (g.current = v, M(v));
+  } : void 0, onComplete: typeof T == "function" ? (I) => {
+    var v;
+    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (v = T(I)) != null ? v : {};
     if (N)
       return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
-  } : void 0 }), p = t - d;
-  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: s, stroke: hn(e, p), strokeDashoffset: Ce(d, 0, o, t, u), strokeWidth: c };
+  } : void 0 }), p = t - u;
+  return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: hn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), strokeWidth: c };
 }, be = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: u, remainingTime: f, elapsedTime: T, size: v, strokeWidth: g } = In(e);
-  return U.createElement("div", { style: pn(v) }, U.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), U.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: u })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: f, elapsedTime: T, color: m })));
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: h, elapsedTime: T, size: M, strokeWidth: g } = In(e);
+  return Q.createElement("div", { style: pn(M) }, Q.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), Q.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && Q.createElement("div", { style: mn }, t({ remainingTime: h, elapsedTime: T, color: m })));
 };
 be.displayName = "CountdownCircleTimer";
-const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10, 0], Mn = /* @__PURE__ */ a("div")({
+const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10, 0], vn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), vn = E.SECONDARY_GREEN6, Ie = E.SECONDARY_RED3, yn = E.NEUTRALS_GRAY3, Nn = ({
+}), Mn = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, yn = L.NEUTRALS_GRAY3, Nn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, s] = L(t > 10 ? vn : Ie), c = ({
-    remainingTime: u
-  }) => /* @__PURE__ */ r(Mn, {
-    children: u
+  const [i, s] = P(t > 10 ? Mn : Ie), c = ({
+    remainingTime: d
+  }) => /* @__PURE__ */ r(vn, {
+    children: d
   }), l = _(() => {
     n == null || n(), s(yn);
-  }, [n, s]), m = _((u) => {
-    u === 10 && s(Ie);
+  }, [n, s]), m = _((d) => {
+    d === 10 && s(Ie);
   }, [s]);
   return /* @__PURE__ */ r(be, {
     isPlaying: e,
@@ -530,60 +530,60 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   questionType: s,
   timerDuration: c,
   onTimerExpired: l
-}) => /* @__PURE__ */ I(Tn, { children: [
-  /* @__PURE__ */ I(An, { children: [
+}) => /* @__PURE__ */ f(Tn, { children: [
+  /* @__PURE__ */ f(An, { children: [
     e && /* @__PURE__ */ r(Dn, { children: e }),
-    t !== void 0 && s !== x.POLL && /* @__PURE__ */ I($, { children: [
+    t !== void 0 && s !== x.POLL && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
-      /* @__PURE__ */ I(xn, { children: [
+      /* @__PURE__ */ f(xn, { children: [
         /* @__PURE__ */ r(jn, { children: t }),
         /* @__PURE__ */ r(On, { children: "PTS" })
       ] })
     ] })
   ] }),
   i && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: l, duration: c })
-] }), wn = ({ openedQuestion: e, vote: t, close: n }) => {
-  var i;
-  const s = e.subject, c = e.type, l = (i = e.options) == null ? void 0 : i.options, [m, u] = L(!1), [f, T] = L(!1), [v, g] = L(""), A = e == null ? void 0 : e.id, D = _(
+] }), wn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  var s, c;
+  const l = e.subject, m = e.type, d = (s = e.options) == null ? void 0 : s.options, [h, T] = P(!1), [M, g] = P(""), A = e == null ? void 0 : e.id, D = _(
     async (N) => {
       if (A) {
         const y = N.currentTarget.value;
-        g(y), T(!0), await t(A, y), T(!1);
+        g(y), await n(A, y);
       }
     },
-    [A, g, t]
+    [A, g, n]
   ), o = _(() => {
-    u(!0), setTimeout(n, 3e3);
-  }, [n]), d = B(
+    T(!0), setTimeout(i, 3e3);
+  }, [i]), u = B(
     () => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
     [e]
   ), p = B(
     () => !!(e != null && e.answers.find((N) => N.correct === !0)),
     [e]
-  ), h = B(() => e ? e.answers.map((N) => {
+  ), I = B(() => e ? e.answers.map((N) => {
     var y;
     return {
       ...N,
-      questionVoted: !!d,
-      youSelected: v === N.id,
-      isLoading: f,
+      questionVoted: !!u,
+      youSelected: M === N.id,
+      isLoading: t,
       hasCorrectAnswer: p,
       questionType: e.type,
-      answerTimeExpired: m,
+      answerTimeExpired: h,
       questionStatus: e.status,
       imageMode: (y = e.appearance) == null ? void 0 : y.images,
       // ToDo: Figure out why imageMode is not in the response
       onVote: D
     };
-  }) : [], [p, m, f, e, d, D, v]), M = l && (l.case === "trivia" || l.case === "prediction") ? l.value : void 0;
-  return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ I(Yt, { children: [
-    M && /* @__PURE__ */ r(
+  }) : [], [p, h, t, e, u, D, M]), v = 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(
       _t,
       {
-        feedbackMessages: M,
-        questionVoted: !!d,
-        questionVotedCorrectly: d == null ? void 0 : d.correct,
-        questionType: c,
+        feedbackMessages: v,
+        questionVoted: !!u,
+        questionVotedCorrectly: u == null ? void 0 : u.correct,
+        questionType: m,
         hasCorrectAnswer: p,
         questionStatus: e.status
       }
@@ -591,24 +591,24 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     e.type !== x.PREDICTION && /* @__PURE__ */ r(
       kn,
       {
-        title: m ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
-        points: m ? void 0 : 100,
+        title: h ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
+        points: h ? void 0 : 100,
         onTimerExpired: o,
         questionType: e.type,
-        isTimer: !0,
-        isPlayingTimer: !d,
-        timerDuration: d ? 0 : 30
+        isTimer: !t,
+        isPlayingTimer: !u,
+        timerDuration: u ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
       }
     ),
-    m ? /* @__PURE__ */ r(
-      Et,
+    h ? /* @__PURE__ */ r(
+      Lt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === x.PREDICTION, children: s }),
-      /* @__PURE__ */ r(Vt, { children: h.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
+    ) : /* @__PURE__ */ f($, { children: [
+      /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === x.PREDICTION, children: l }),
+      /* @__PURE__ */ r(Vt, { children: I.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
     ] })
   ] }) }) });
 }, Cn = /* @__PURE__ */ a("div")({
@@ -623,11 +623,11 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   name: "Title",
   class: "t5et2jt",
   propsAsIs: !1
-}), En = /* @__PURE__ */ a("div")({
+}), Ln = /* @__PURE__ */ a("div")({
   name: "Description",
   class: "d1i2kpk2",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ a("div")({
+}), En = /* @__PURE__ */ a("div")({
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
@@ -647,17 +647,17 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     }
     return null;
   }, [e]), c = (i == null ? void 0 : i.image) || t;
-  return /* @__PURE__ */ I(Cn, { children: [
-    s && /* @__PURE__ */ I(Ln, { children: [
+  return /* @__PURE__ */ f(Cn, { children: [
+    s && /* @__PURE__ */ f(En, { children: [
       s.date,
       " · ",
       s.time
     ] }),
     (i == null ? void 0 : i.video) && /* @__PURE__ */ r(We, { source: i.video.url, poster: i.video.thumbnailUrl }),
     c && /* @__PURE__ */ r(Rn, { src: c }),
-    /* @__PURE__ */ I(bn, { children: [
+    /* @__PURE__ */ f(bn, { children: [
       /* @__PURE__ */ r($n, { children: (i == null ? void 0 : i.heading) || n }),
-      /* @__PURE__ */ r(En, { children: i == null ? void 0 : i.body })
+      /* @__PURE__ */ r(Ln, { children: i == null ? void 0 : i.body })
     ] })
   ] });
 }, Qn = /* @__PURE__ */ a("div")({
@@ -668,9 +668,9 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Pn = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Qn, { children: [
+}), Pn = ({ instantView: e, ...t }) => /* @__PURE__ */ f(Qn, { children: [
   /* @__PURE__ */ r($e, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Un, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ f(Un, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ r(j, { name: "icon-external-link" })
   ] })
@@ -695,10 +695,11 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     loading: i,
     data: s
   } = e;
-  return !i && s ? /* @__PURE__ */ r(wn, {
+  return s ? /* @__PURE__ */ r(wn, {
     vote: t,
     close: n,
-    openedQuestion: s
+    openedQuestion: s,
+    isLoading: !!i
   }) : null;
 }, Wn = ({
   gamification: e
@@ -708,7 +709,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   if (!n)
     return null;
   const s = n.type;
-  return /* @__PURE__ */ I(_n, {
+  return /* @__PURE__ */ f(_n, {
     children: [/* @__PURE__ */ r(xe, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
@@ -738,7 +739,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   propsAsIs: !1
 });
 var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
-const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Vn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
+const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Vn, { children: /* @__PURE__ */ f(Fn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -778,11 +779,11 @@ function ne(e, t) {
 function Zn(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
-var Me = Number.isNaN || function(t) {
+var ve = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function Jn(e, t) {
-  return !!(e === t || Me(e) && Me(t));
+  return !!(e === t || ve(e) && ve(t));
 }
 function Kn(e, t) {
   if (e.length !== t.length)
@@ -796,13 +797,13 @@ function K(e, t) {
   t === void 0 && (t = Kn);
   var n, i = [], s, c = !1;
   function l() {
-    for (var m = [], u = 0; u < arguments.length; u++)
-      m[u] = arguments[u];
+    for (var m = [], d = 0; d < arguments.length; d++)
+      m[d] = arguments[d];
     return c && n === this && t(m, i) || (s = e.apply(this, m), c = !0, n = this, i = m), s;
   }
   return l;
 }
-var Xn = typeof performance == "object" && typeof performance.now == "function", ve = Xn ? function() {
+var Xn = typeof performance == "object" && typeof performance.now == "function", Me = Xn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -811,9 +812,9 @@ function ye(e) {
   cancelAnimationFrame(e.id);
 }
 function ei(e, t) {
-  var n = ve();
+  var n = Me();
   function i() {
-    ve() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
+    Me() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
   }
   var s = {
     id: requestAnimationFrame(i)
@@ -842,37 +843,37 @@ var ti = 150, ni = function(t, n) {
   return t;
 };
 function ii(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
-  return t = /* @__PURE__ */ function(v) {
-    Zn(g, v);
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
+  return t = /* @__PURE__ */ function(M) {
+    Zn(g, M);
     function g(D) {
       var o;
-      return o = v.call(this, D) || this, o._instanceProps = u(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+      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),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(d, p, h, M) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(u, p, I, v) {
         return o.props.onItemsRendered({
-          overscanStartIndex: d,
+          overscanStartIndex: u,
           overscanStopIndex: p,
-          visibleStartIndex: h,
-          visibleStopIndex: M
+          visibleStartIndex: I,
+          visibleStopIndex: v
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = K(function(d, p, h) {
+      }), o._callOnScroll = void 0, o._callOnScroll = K(function(u, p, I) {
         return o.props.onScroll({
-          scrollDirection: d,
+          scrollDirection: u,
           scrollOffset: p,
-          scrollUpdateWasRequested: h
+          scrollUpdateWasRequested: I
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(d) {
-        var p = o.props, h = p.direction, M = p.itemSize, N = p.layout, y = o._getItemStyleCache(f && M, f && N, f && h), S;
-        if (y.hasOwnProperty(d))
-          S = y[d];
+      }), 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;
+        if (y.hasOwnProperty(u))
+          S = y[u];
         else {
-          var z = n(o.props, d, o._instanceProps), O = s(o.props, d, o._instanceProps), k = h === "horizontal" || N === "horizontal", q = h === "rtl", Y = k ? z : 0;
-          y[d] = S = {
+          var z = n(o.props, u, o._instanceProps), O = s(o.props, u, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? z : 0;
+          y[u] = S = {
             position: "absolute",
             left: q ? void 0 : Y,
             right: q ? Y : void 0,
@@ -882,36 +883,36 @@ function ii(e) {
           };
         }
         return S;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(d, p, h) {
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(u, p, I) {
         return {};
-      }), o._onScrollHorizontal = function(d) {
-        var p = d.currentTarget, h = p.clientWidth, M = p.scrollLeft, N = p.scrollWidth;
+      }), o._onScrollHorizontal = function(u) {
+        var p = u.currentTarget, I = p.clientWidth, v = p.scrollLeft, N = p.scrollWidth;
         o.setState(function(y) {
-          if (y.scrollOffset === M)
+          if (y.scrollOffset === v)
             return null;
-          var S = o.props.direction, z = M;
+          var S = o.props.direction, z = v;
           if (S === "rtl")
             switch (Te()) {
               case "negative":
-                z = -M;
+                z = -v;
                 break;
               case "positive-descending":
-                z = N - h - M;
+                z = N - I - v;
                 break;
             }
-          return z = Math.max(0, Math.min(z, N - h)), {
+          return z = Math.max(0, Math.min(z, N - I)), {
             isScrolling: !0,
-            scrollDirection: y.scrollOffset < M ? "forward" : "backward",
+            scrollDirection: y.scrollOffset < v ? "forward" : "backward",
             scrollOffset: z,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._onScrollVertical = function(d) {
-        var p = d.currentTarget, h = p.clientHeight, M = p.scrollHeight, N = p.scrollTop;
+      }, o._onScrollVertical = function(u) {
+        var p = u.currentTarget, I = p.clientHeight, v = p.scrollHeight, N = p.scrollTop;
         o.setState(function(y) {
           if (y.scrollOffset === N)
             return null;
-          var S = Math.max(0, Math.min(N, M - h));
+          var S = Math.max(0, Math.min(N, v - I));
           return {
             isScrolling: !0,
             scrollDirection: y.scrollOffset < S ? "forward" : "backward",
@@ -919,9 +920,9 @@ function ii(e) {
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(d) {
+      }, o._outerRefSetter = function(u) {
         var p = o.props.outerRef;
-        o._outerRef = d, typeof p == "function" ? p(d) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = d);
+        o._outerRef = u, typeof p == "function" ? p(u) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = u);
       }, o._resetIsScrollingDebounced = function() {
         o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = ei(o._resetIsScrolling, ti);
       }, o._resetIsScrolling = function() {
@@ -932,85 +933,85 @@ function ii(e) {
         });
       }, o;
     }
-    g.getDerivedStateFromProps = function(o, d) {
-      return si(o, d), T(o), null;
+    g.getDerivedStateFromProps = function(o, u) {
+      return si(o, u), T(o), null;
     };
     var A = g.prototype;
     return A.scrollTo = function(o) {
-      o = Math.max(0, o), this.setState(function(d) {
-        return d.scrollOffset === o ? null : {
-          scrollDirection: d.scrollOffset < o ? "forward" : "backward",
+      o = Math.max(0, o), this.setState(function(u) {
+        return u.scrollOffset === o ? null : {
+          scrollDirection: u.scrollOffset < o ? "forward" : "backward",
           scrollOffset: o,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, A.scrollToItem = function(o, d) {
-      d === void 0 && (d = "auto");
-      var p = this.props, h = p.itemCount, M = p.layout, N = this.state.scrollOffset;
-      o = Math.max(0, Math.min(o, h - 1));
+    }, A.scrollToItem = function(o, u) {
+      u === void 0 && (u = "auto");
+      var p = this.props, I = p.itemCount, v = 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;
-        M === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
+        v === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
       }
-      this.scrollTo(c(this.props, o, d, N, this._instanceProps, y));
+      this.scrollTo(c(this.props, o, u, N, this._instanceProps, y));
     }, A.componentDidMount = function() {
-      var o = this.props, d = o.direction, p = o.initialScrollOffset, h = o.layout;
+      var o = this.props, u = o.direction, p = o.initialScrollOffset, I = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
-        var M = this._outerRef;
-        d === "horizontal" || h === "horizontal" ? M.scrollLeft = p : M.scrollTop = p;
+        var v = this._outerRef;
+        u === "horizontal" || I === "horizontal" ? v.scrollLeft = p : v.scrollTop = p;
       }
       this._callPropsCallbacks();
     }, A.componentDidUpdate = function() {
-      var o = this.props, d = o.direction, p = o.layout, h = this.state, M = h.scrollOffset, N = h.scrollUpdateWasRequested;
+      var o = this.props, u = o.direction, p = o.layout, I = this.state, v = I.scrollOffset, N = I.scrollUpdateWasRequested;
       if (N && this._outerRef != null) {
         var y = this._outerRef;
-        if (d === "horizontal" || p === "horizontal")
-          if (d === "rtl")
+        if (u === "horizontal" || p === "horizontal")
+          if (u === "rtl")
             switch (Te()) {
               case "negative":
-                y.scrollLeft = -M;
+                y.scrollLeft = -v;
                 break;
               case "positive-ascending":
-                y.scrollLeft = M;
+                y.scrollLeft = v;
                 break;
               default:
                 var S = y.clientWidth, z = y.scrollWidth;
-                y.scrollLeft = z - S - M;
+                y.scrollLeft = z - S - v;
                 break;
             }
           else
-            y.scrollLeft = M;
+            y.scrollLeft = v;
         else
-          y.scrollTop = M;
+          y.scrollTop = v;
       }
       this._callPropsCallbacks();
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var o = this.props, d = o.children, p = o.className, h = o.direction, M = 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, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", Pe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), _e = re[0], qe = re[1], oe = [];
+      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 R = _e; R <= qe; R++)
-          oe.push(Z(d, {
+        for (var E = _e; E <= qe; E++)
+          oe.push(Z(u, {
             data: O,
-            key: q(R, O),
-            index: R,
+            key: q(E, O),
+            index: E,
             isScrolling: Qe ? se : void 0,
-            style: this._getItemStyle(R)
+            style: this._getItemStyle(E)
           }));
       var ae = i(this.props, this._instanceProps);
-      return Z(Ee || Le || "div", {
+      return Z(Le || Ee || "div", {
         className: p,
         onScroll: Pe,
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
-          height: M,
+          height: v,
           width: Ue,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: h
+          direction: I
         }, Re)
       }, Z(y || S || "div", {
         children: oe,
@@ -1025,8 +1026,8 @@ function ii(e) {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var d = this._getRangeToRender(), p = d[0], h = d[1], M = d[2], N = d[3];
-          this._callOnItemsRendered(p, h, M, N);
+          var u = this._getRangeToRender(), p = u[0], I = u[1], v = u[2], N = u[3];
+          this._callOnItemsRendered(p, I, v, N);
         }
       }
       if (typeof this.props.onScroll == "function") {
@@ -1034,11 +1035,11 @@ function ii(e) {
         this._callOnScroll(S, z, O);
       }
     }, A._getRangeToRender = function() {
-      var o = this.props, d = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, N = h.scrollDirection, y = h.scrollOffset;
-      if (d === 0)
+      var o = this.props, u = o.itemCount, p = o.overscanCount, I = this.state, v = 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 = !M || N === "backward" ? Math.max(1, p) : 1, k = !M || N === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, S - O), Math.max(0, Math.min(d - 1, z + k)), S, z];
+      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;
   }(ze), t.defaultProps = {
     direction: "ltr",
@@ -1064,19 +1065,19 @@ var si = function(t, n) {
     return i * n;
   },
   getOffsetForIndexAndAlignment: function(t, n, i, s, c, l) {
-    var m = t.direction, u = t.height, f = t.itemCount, T = t.itemSize, v = t.layout, g = t.width, A = m === "horizontal" || v === "horizontal", D = A ? g : u, o = Math.max(0, f * T - D), d = Math.min(o, n * T), p = Math.max(0, n * T - D + T + l);
-    switch (i === "smart" && (s >= p - D && s <= d + D ? i = "auto" : i = "center"), i) {
+    var m = t.direction, d = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, g = t.width, A = m === "horizontal" || M === "horizontal", D = A ? g : d, o = Math.max(0, h * T - D), u = Math.min(o, n * T), p = Math.max(0, n * T - D + T + l);
+    switch (i === "smart" && (s >= p - D && s <= u + D ? i = "auto" : i = "center"), i) {
       case "start":
-        return d;
+        return u;
       case "end":
         return p;
       case "center": {
-        var h = Math.round(p + (d - p) / 2);
-        return h < Math.ceil(D / 2) ? 0 : h > o + Math.floor(D / 2) ? o : h;
+        var I = Math.round(p + (u - p) / 2);
+        return I < Math.ceil(D / 2) ? 0 : I > o + Math.floor(D / 2) ? o : I;
       }
       case "auto":
       default:
-        return s >= p && s <= d ? s : s < p ? p : d;
+        return s >= p && s <= u ? s : s < p ? p : u;
     }
   },
   getStartIndexForOffset: function(t, n) {
@@ -1084,7 +1085,7 @@ var si = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, u = t.layout, f = t.width, T = s === "horizontal" || u === "horizontal", v = n * m, g = T ? f : c, A = Math.ceil((g + i - v) / m);
+    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, T = s === "horizontal" || d === "horizontal", M = n * m, g = T ? h : c, A = Math.ceil((g + i - M) / m);
     return Math.max(0, Math.min(
       l - 1,
       n + A - 1
@@ -1103,14 +1104,14 @@ function oi(e) {
   return !(i > n || s < t);
 }
 function ai(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, u = null, f = s; f <= c; f++) {
-    var T = t(f);
-    T ? u !== null && (l.push(m, u), m = u = null) : (u = f, m === null && (m = f));
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, h = s; h <= c; h++) {
+    var T = t(h);
+    T ? d !== null && (l.push(m, d), m = d = null) : (d = h, m === null && (m = h));
   }
-  if (u !== null) {
-    for (var v = Math.min(Math.max(u, m + i - 1), n - 1), g = u + 1; g <= v && !t(g); g++)
-      u = g;
-    l.push(m, u);
+  if (d !== null) {
+    for (var M = Math.min(Math.max(d, m + i - 1), n - 1), g = d + 1; g <= M && !t(g); g++)
+      d = g;
+    l.push(m, d);
   }
   if (l.length)
     for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
@@ -1155,13 +1156,13 @@ var li = function(e, t) {
   function t() {
     var n, i, s, c;
     li(this, t);
-    for (var l = arguments.length, m = Array(l), u = 0; u < l; u++)
-      m[u] = arguments[u];
-    return c = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(f) {
-      var T = f.visibleStartIndex, v = f.visibleStopIndex;
-      s._lastRenderedStartIndex = T, s._lastRenderedStopIndex = v, s._ensureRowsLoaded(T, v);
-    }, s._setRef = function(f) {
-      s._listRef = f;
+    for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
+      m[d] = arguments[d];
+    return c = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(h) {
+      var T = h.visibleStartIndex, M = h.visibleStopIndex;
+      s._lastRenderedStartIndex = T, s._lastRenderedStopIndex = M, s._ensureRowsLoaded(T, M);
+    }, s._setRef = function(h) {
+      s._listRef = h;
     }, i), Ae(s, c);
   }
   return ci(t, [{
@@ -1186,12 +1187,12 @@ var li = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, s) {
-      var c = this.props, l = c.isItemLoaded, m = c.itemCount, u = c.minimumBatchSize, f = u === void 0 ? 10 : u, T = c.threshold, v = T === void 0 ? 15 : T, g = ai({
+      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, h = d === void 0 ? 10 : d, T = c.threshold, M = T === void 0 ? 15 : T, g = ai({
         isItemLoaded: l,
         itemCount: m,
-        minimumBatchSize: f,
-        startIndex: Math.max(0, i - v),
-        stopIndex: Math.min(m - 1, s + v)
+        minimumBatchSize: h,
+        startIndex: Math.max(0, i - M),
+        stopIndex: Math.min(m - 1, s + M)
       });
       (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(A, D) {
         return g[D] !== A;
@@ -1200,14 +1201,14 @@ var li = function(e, t) {
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
-        var T = i[f], v = i[f + 1], g = c(T, v);
+      for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(h) {
+        var T = i[h], M = i[h + 1], g = c(T, M);
         g != null && g.then(function() {
           if (oi({
             lastRenderedStartIndex: s._lastRenderedStartIndex,
             lastRenderedStopIndex: s._lastRenderedStopIndex,
             startIndex: T,
-            stopIndex: v
+            stopIndex: M
           })) {
             if (s._listRef == null)
               return;
@@ -1243,11 +1244,11 @@ const pi = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), Mi = /* @__PURE__ */ a("span")({
+}), vi = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), vi = () => j, yi = /* @__PURE__ */ a(vi())({
+}), Mi = () => j, yi = /* @__PURE__ */ a(Mi())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -1259,12 +1260,12 @@ const pi = /* @__PURE__ */ a("div")({
   isCurrentUser: s,
   openItemDetail: c,
   style: l
-}) => /* @__PURE__ */ I(pi, { onClick: c, style: l, children: [
+}) => /* @__PURE__ */ f(pi, { onClick: c, style: l, children: [
   /* @__PURE__ */ r(mi, { children: e || 0 }),
-  /* @__PURE__ */ I(fi, { children: [
+  /* @__PURE__ */ f(fi, { children: [
     t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: je(n || "") }),
-    /* @__PURE__ */ I(gi, { children: [
-      /* @__PURE__ */ r(Mi, { children: n || "" }),
+    /* @__PURE__ */ f(gi, { children: [
+      /* @__PURE__ */ r(vi, { children: n || "" }),
       s && /* @__PURE__ */ r(yi, { name: "icon-star" })
     ] })
   ] }),
@@ -1293,15 +1294,15 @@ const pi = /* @__PURE__ */ a("div")({
         itemCount: e.length,
         width: s,
         height: c,
-        children: ({ index: u, style: f }) => /* @__PURE__ */ r(
+        children: ({ index: d, style: h }) => /* @__PURE__ */ r(
           Ni,
           {
-            style: { ...f, maxHeight: 48 },
-            ...e[u],
-            openItemDetail: () => n(e[u].userId),
-            isCurrentUser: !!t && t === e[u].userId
+            style: { ...h, maxHeight: 48 },
+            ...e[d],
+            openItemDetail: () => n(e[d].userId),
+            isCurrentUser: !!t && t === e[d].userId
           },
-          e[u].userId
+          e[d].userId
         )
       }
     ) })
@@ -1371,11 +1372,11 @@ const pi = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Ei = /* @__PURE__ */ a("button")({
+}), Li = /* @__PURE__ */ a("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Li = {
+}), Ei = {
   [W.LOST]: /* @__PURE__ */ r(F, { name: "incorrectVoted" }),
   [W.WON]: /* @__PURE__ */ r(F, { name: "icon-check" }),
   [W.UNSET]: /* @__PURE__ */ r(F, { name: "icon-arrow" }),
@@ -1389,10 +1390,10 @@ const pi = /* @__PURE__ */ a("div")({
   openQuestion: c,
   status: l
 }) => {
-  const m = Se[t], u = Li[l];
-  return m ? /* @__PURE__ */ I(zi, { onClick: () => c == null ? void 0 : c(e), children: [
-    /* @__PURE__ */ I($i, { children: [
-      /* @__PURE__ */ I(xi, { children: [
+  const m = Se[t], d = Ei[l];
+  return m ? /* @__PURE__ */ f(zi, { onClick: () => c == null ? void 0 : c(e), children: [
+    /* @__PURE__ */ f($i, { children: [
+      /* @__PURE__ */ f(xi, { children: [
         /* @__PURE__ */ r(
           Ci,
           {
@@ -1401,14 +1402,14 @@ const pi = /* @__PURE__ */ a("div")({
             name: m.iconName
           }
         ),
-        /* @__PURE__ */ I(bi, { children: [
+        /* @__PURE__ */ f(bi, { children: [
           m.label,
-          t === x.TRIVIA && n === P.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === U.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ r(ji, { children: i || "" })
     ] }),
-    /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Ei, { children: "Play" }) : u })
+    /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Li, { children: "Play" }) : d })
   ] }) : null;
 }, Qi = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1422,7 +1423,7 @@ const pi = /* @__PURE__ */ a("div")({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ I(Qi, { children: [
+}) => /* @__PURE__ */ f(Qi, { children: [
   /* @__PURE__ */ r($e, { questionId: t, ...n }),
   e && /* @__PURE__ */ r(Ui, { onClick: () => e(t), children: "View Insight" })
 ] }), _i = /* @__PURE__ */ a("div")({
@@ -1450,8 +1451,8 @@ const pi = /* @__PURE__ */ a("div")({
 }, Vi = ({
   gamification: e
 }) => {
-  const [t, n] = L(H.HOME);
-  return /* @__PURE__ */ I("div", {
+  const [t, n] = P(H.HOME);
+  return /* @__PURE__ */ f("div", {
     style: {
       height: "100%",
       display: "flex",
@@ -1466,7 +1467,7 @@ const pi = /* @__PURE__ */ a("div")({
         activePage: t,
         toggleActivePage: n
       })
-    }), t === H.HOME && /* @__PURE__ */ I(ie, {
+    }), t === H.HOME && /* @__PURE__ */ f(ie, {
       children: [/* @__PURE__ */ r(ee, {
         style: {
           paddingTop: "12px"
@@ -1506,7 +1507,7 @@ const pi = /* @__PURE__ */ a("div")({
   className: t
 }) => {
   const n = w(e.openedQuestion.$store), i = w(e.openedUser);
-  return /* @__PURE__ */ I($, {
+  return /* @__PURE__ */ f($, {
     children: [n && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ r(Wn, {
@@ -1514,7 +1515,7 @@ const pi = /* @__PURE__ */ a("div")({
       })
     }), i && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ I(Bi, {
+      children: /* @__PURE__ */ f(Bi, {
         children: [/* @__PURE__ */ r(xe, {
           label: "Friend's Rank",
           close: e.closeUser