@streamlayer/react 0.32.10 → 0.32.11

package/lib/es/gamification-feature.js

@@ -1,9 +1,9 @@
-import { jsxs as d, jsx as s, Fragment as k } from "react/jsx-runtime";
+import { jsxs as d, jsx as s, Fragment as C } from "react/jsx-runtime";
 import { s as o, o as b } from "./index4.js";
 import { useStore as q } from "@nanostores/react";
 import { o as be, r as ue, w as Ye, u as we, A as Ve, O as We, c as Fe, a as le, n as Be, f as He } from "./masters2.js";
-import { QuestionType as D, QuestionStatus as C, QuestionImages as W, PickHistoryStatus as Z } from "@streamlayer/sdk-web-types";
-import { useState as R, useCallback as B, useEffect as Ce, useMemo as E, createElement as ie, PureComponent as ke } from "react";
+import { QuestionType as D, QuestionStatus as k, QuestionImages as W, PickHistoryStatus as Z } from "@streamlayer/sdk-web-types";
+import { useState as R, useCallback as B, useEffect as ke, useMemo as E, createElement as ie, PureComponent as Ce } from "react";
 import { d as Ee } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as Ge } from "react-countdown-circle-timer";
@@ -164,8 +164,8 @@ const Ze = /* @__PURE__ */ o("div")({
   friendsRank: i,
   rank: r,
   streak: h,
-  correct: u,
-  incorrect: p,
+  correct: p,
+  incorrect: u,
   inTop: c,
   successRate: f
 }) => /* @__PURE__ */ d(dt, { children: [
@@ -200,8 +200,8 @@ const Ze = /* @__PURE__ */ o("div")({
     ] }),
     /* @__PURE__ */ d(Dt, { children: [
       /* @__PURE__ */ s(J, { indicator: h || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(J, { indicator: u || 0, title: "Correct" }),
-      /* @__PURE__ */ s(J, { indicator: p || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(J, { indicator: p || 0, title: "Correct" }),
+      /* @__PURE__ */ s(J, { indicator: u || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(J, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
@@ -217,11 +217,11 @@ const Ze = /* @__PURE__ */ o("div")({
   children: /* @__PURE__ */ s(bt, {
     name: "mastersLogo"
   })
-}), Ct = /* @__PURE__ */ o("div")({
+}), kt = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c38csyt",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ o("div")({
+}), Ct = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "ty221rx",
   propsAsIs: !1
@@ -229,9 +229,9 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ d(Ct, { children: [
+}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ d(kt, { children: [
   /* @__PURE__ */ s(b, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(kt, { children: e }),
+  /* @__PURE__ */ s(Ct, { children: e }),
   /* @__PURE__ */ s(Et, { children: t })
 ] }), $t = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -268,47 +268,47 @@ const Ze = /* @__PURE__ */ o("div")({
   questionType: i,
   hasCorrectAnswer: r,
   questionStatus: h,
-  showExpiredNotification: u,
-  showClosedNotificationTrivia: p,
+  showExpiredNotification: p,
+  showClosedNotificationTrivia: u,
   votedInCurrentRender: c,
   votedAfterQuestionClosed: f,
   enteredAnActiveQuestion: N
 }) => {
-  const S = n && (i === D.TRIVIA || i === D.PREDICTION) && c && h !== C.RESOLVED, M = i === D.PREDICTION && !r, z = h === C.RESOLVED && i === D.PREDICTION && !n && !N || i === D.PREDICTION && f && c && N, A = S && M, a = S && r, l = n && i === D.POLL && c;
-  if (!u && !p && !A && !a && !z && !l)
+  const S = n && (i === D.TRIVIA || i === D.PREDICTION) && c && h !== k.RESOLVED, M = i === D.PREDICTION && !r, z = h === k.RESOLVED && i === D.PREDICTION && !n && !N || i === D.PREDICTION && f && c && N, A = S && M, a = S && r, l = n && i === D.POLL && c;
+  if (!p && !u && !A && !a && !z && !l)
     return null;
   const m = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
   return /* @__PURE__ */ d($t, { "data-isPrediction": M, children: [
-    u && /* @__PURE__ */ d(k, { children: [
+    p && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
       /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Expired" }) }),
         /* @__PURE__ */ s(re, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    p && /* @__PURE__ */ d(k, { children: [
+    u && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
       /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Closed" }) }),
         /* @__PURE__ */ s(re, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    z && /* @__PURE__ */ d(k, { children: [
+    z && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(b, { name: "questionExpired" }) }),
       /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(_, { children: "Question Closed" }) }),
         /* @__PURE__ */ s(re, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    A && /* @__PURE__ */ d(k, { children: [
+    A && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(Qt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(_, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    l && /* @__PURE__ */ d(k, { children: [
+    l && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(F, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(b, { name: "correct" }) }),
       /* @__PURE__ */ s(_, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
-    a && /* @__PURE__ */ d(k, { children: [
+    a && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(F, { "data-feedbackType": m, children: /* @__PURE__ */ s(b, { name: m }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ d(K, { children: [
         /* @__PURE__ */ s(Ut, { "data-feedbackType": m, children: I == null ? void 0 : I.title }),
@@ -402,7 +402,7 @@ const Ze = /* @__PURE__ */ o("div")({
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === D.TRIVIA ? t && n : e === D.PREDICTION ? t && n && i || r === C.RESOLVED && n : !1, ln = (e) => {
+}) => e === D.TRIVIA ? t && n : e === D.PREDICTION ? t && n && i || r === k.RESOLVED && n : !1, ln = (e) => {
   var t;
   const {
     // option props
@@ -411,8 +411,8 @@ const Ze = /* @__PURE__ */ o("div")({
     text: r,
     percentageDecimal: h,
     // extra props
-    onVote: u,
-    markThatVoted: p,
+    onVote: p,
+    markThatVoted: u,
     youSelected: c,
     questionVoted: f,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
@@ -425,7 +425,7 @@ const Ze = /* @__PURE__ */ o("div")({
     hasCorrectAnswer: l,
     votedAfterQuestionClosed: m,
     enteredAnActiveQuestion: I
-  } = e, g = on(e), y = an({ questionType: A, questionVoted: f, correct: a, hasCorrectAnswer: l, questionStatus: M }), v = M === C.RESOLVED && A === D.PREDICTION, T = f || v;
+  } = e, g = on(e), y = an({ questionType: A, questionVoted: f, correct: a, hasCorrectAnswer: l, questionStatus: M }), v = M === k.RESOLVED && A === D.PREDICTION, T = f || v;
   return /* @__PURE__ */ d(
     Wt,
     {
@@ -435,7 +435,7 @@ const Ze = /* @__PURE__ */ o("div")({
       disabled: f || z || S || v && !I || v && I && m,
       "data-isNotChecked": f && !c && g !== "incorrect",
       onClick: (O) => {
-        p(M === C.RESOLVED), u(O);
+        u(M === k.RESOLVED), p(O);
       },
       children: [
         /* @__PURE__ */ s(Ft, { "data-answerState": g, style: { width: `${T ? h : 0}%` } }),
@@ -463,9 +463,9 @@ const Ze = /* @__PURE__ */ o("div")({
     remainingTime: c
   }) => /* @__PURE__ */ s(un, {
     children: c
-  }), u = B(() => {
+  }), p = B(() => {
     n == null || n(), r(mn);
-  }, [n, r]), p = B((c) => {
+  }, [n, r]), u = B((c) => {
     c === 10 && r(Ae);
   }, [r]);
   return /* @__PURE__ */ s(Ge, {
@@ -477,8 +477,8 @@ const Ze = /* @__PURE__ */ o("div")({
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: u,
-    onUpdate: p,
+    onComplete: p,
+    onUpdate: u,
     children: h
   });
 }, In = /* @__PURE__ */ o("div")({
@@ -516,11 +516,11 @@ const Ze = /* @__PURE__ */ o("div")({
   isTimer: i,
   questionType: r,
   timerDuration: h,
-  onTimerExpired: u
+  onTimerExpired: p
 }) => /* @__PURE__ */ d(In, { children: [
   /* @__PURE__ */ d(fn, { children: [
     e && /* @__PURE__ */ s(gn, { children: e }),
-    t !== void 0 && r !== D.POLL && /* @__PURE__ */ d(k, { children: [
+    t !== void 0 && r !== D.POLL && /* @__PURE__ */ d(C, { children: [
       /* @__PURE__ */ s(Mn, { name: "icon-trophy" }),
       /* @__PURE__ */ d(An, { children: [
         /* @__PURE__ */ s(Nn, { children: /* @__PURE__ */ s(Ee, { value: t }) }),
@@ -528,12 +528,12 @@ const Ze = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: u, duration: h })
+  i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: p, duration: h })
 ] }), Dn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
   var r, h;
-  const u = e.subject, p = e.type, c = e.status, f = (r = e.options) == null ? void 0 : r.options, [N, S] = R(!1), [M, z] = R(!1), [A, a] = R(!0), [l, m] = R(!1), [I, g] = R(""), y = e == null ? void 0 : e.id;
-  Ce(() => {
-    c === C.RESOLVED && a(!1);
+  const p = e.subject, u = e.type, c = e.status, f = (r = e.options) == null ? void 0 : r.options, [N, S] = R(!1), [M, z] = R(!1), [A, a] = R(!0), [l, m] = R(!1), [I, g] = R(""), y = e == null ? void 0 : e.id;
+  ke(() => {
+    c === k.RESOLVED && a(!1);
   }, []);
   const v = B((j) => {
     z(j), S(!0);
@@ -579,10 +579,10 @@ const Ze = /* @__PURE__ */ o("div")({
     c,
     T,
     I
-  ]), te = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, $ = c === C.RESOLVED && p === D.TRIVIA && !x && !A, H = p === D.TRIVIA && M && N && A, ne = E(() => {
+  ]), te = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, $ = c === k.RESOLVED && u === D.TRIVIA && !x && !A, H = u === D.TRIVIA && M && N && A, ne = E(() => {
     if (!($ || l))
-      return c === C.RESOLVED ? 0 : x ? x.correct ? x.points : 0 : L == null ? void 0 : L.points;
-  }, [l, x, L, c, $]), se = E(() => $ || l ? "Time expired" : e.type === D.POLL ? "Time remaining" : x ? "You won" : "To win", [l, e.type, x, $]), G = x || $ || H || p === D.TRIVIA && c === C.RESOLVED && A;
+      return c === k.RESOLVED ? 0 : x ? x.correct ? x.points : 0 : L == null ? void 0 : L.points;
+  }, [l, x, L, c, $]), se = E(() => $ || l ? "Time expired" : e.type === D.POLL ? "Time remaining" : x ? "You won" : "To win", [l, e.type, x, $]), G = x || $ || H || u === D.TRIVIA && c === k.RESOLVED && A;
   return /* @__PURE__ */ s(ue, { "data-question-header": "true", children: /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ d(_t, { children: [
     /* @__PURE__ */ s(
       qt,
@@ -590,7 +590,7 @@ const Ze = /* @__PURE__ */ o("div")({
         feedbackMessages: te,
         questionVoted: !!x,
         questionVotedCorrectly: x == null ? void 0 : x.correct,
-        questionType: p,
+        questionType: u,
         hasCorrectAnswer: w,
         questionStatus: c,
         showExpiredNotification: $,
@@ -618,8 +618,8 @@ const Ze = /* @__PURE__ */ o("div")({
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ d(k, { children: [
-      /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === D.PREDICTION, children: u }),
+    ) : /* @__PURE__ */ d(C, { children: [
+      /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === D.PREDICTION, children: p }),
       /* @__PURE__ */ s(Vt, { children: P.map((j) => /* @__PURE__ */ s(
         ln,
         {
@@ -665,15 +665,15 @@ const Ze = /* @__PURE__ */ o("div")({
 }) => {
   const h = E(() => {
     if (e) {
-      const p = new Date(e);
-      if (he(p))
+      const u = new Date(e);
+      if (he(u))
         return {
-          date: pe(p),
-          time: me(p)
+          date: pe(u),
+          time: me(u)
         };
     }
     return null;
-  }, [e]), u = (r == null ? void 0 : r.image) || t;
+  }, [e]), p = (r == null ? void 0 : r.image) || t;
   return /* @__PURE__ */ d(Sn, { children: [
     h && /* @__PURE__ */ d(jn, { children: [
       h.date,
@@ -681,7 +681,7 @@ const Ze = /* @__PURE__ */ o("div")({
       h.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(Ye, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    u && !(r != null && r.video) && /* @__PURE__ */ s(bn, { src: u }),
+    p && !(r != null && r.video) && /* @__PURE__ */ s(bn, { src: p }),
     /* @__PURE__ */ d(zn, { children: [
       /* @__PURE__ */ s(xn, { children: i ? n : r == null ? void 0 : r.heading }),
       !i && /* @__PURE__ */ s(On, { children: r == null ? void 0 : r.body })
@@ -691,13 +691,13 @@ const Ze = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ o("a")({
+}), kn = /* @__PURE__ */ o("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), kn = ({ instantView: e, ...t }) => /* @__PURE__ */ d(wn, { children: [
+}), Cn = ({ instantView: e, ...t }) => /* @__PURE__ */ d(wn, { children: [
   /* @__PURE__ */ s(qe, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ d(Cn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ d(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ s(b, { name: "icon-external-link" })
   ] })
@@ -742,7 +742,7 @@ const Ze = /* @__PURE__ */ o("div")({
   openedQuestion: e
 }) => {
   var t, n;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(kn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Cn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Rn, {
@@ -812,7 +812,7 @@ const Ne = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onCl
   /* @__PURE__ */ s(
     Ne,
     {
-      title: "Leader Board",
+      title: "Friends",
       active: e === "leaderboard",
       onClick: () => t(
         "leaderboard"
@@ -861,12 +861,12 @@ function Gn(e, t) {
 function oe(e, t) {
   t === void 0 && (t = Gn);
   var n, i = [], r, h = !1;
-  function u() {
-    for (var p = [], c = 0; c < arguments.length; c++)
-      p[c] = arguments[c];
-    return h && n === this && t(p, i) || (r = e.apply(this, p), h = !0, n = this, i = p), r;
+  function p() {
+    for (var u = [], c = 0; c < arguments.length; c++)
+      u[c] = arguments[c];
+    return h && n === this && t(u, i) || (r = e.apply(this, u), h = !0, n = this, i = u), r;
   }
-  return u;
+  return p;
 }
 var Zn = typeof performance == "object" && typeof performance.now == "function", De = Zn ? function() {
   return performance.now();
@@ -908,7 +908,7 @@ var Kn = 150, Xn = function(t, n) {
   return t;
 };
 function es(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, h = e.getOffsetForIndexAndAlignment, u = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, c = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, h = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, u = e.getStopIndexForStartIndex, c = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
   return t = /* @__PURE__ */ function(S) {
     Bn(M, S);
     function M(A) {
@@ -1103,10 +1103,10 @@ function es(e) {
       var a = this.props, l = a.itemCount, m = a.overscanCount, I = this.state, g = I.isScrolling, y = I.scrollDirection, v = I.scrollOffset;
       if (l === 0)
         return [0, 0, 0, 0];
-      var T = u(this.props, v, this._instanceProps), O = p(this.props, T, v, this._instanceProps), x = !g || y === "backward" ? Math.max(1, m) : 1, w = !g || y === "forward" ? Math.max(1, m) : 1;
+      var T = p(this.props, v, this._instanceProps), O = u(this.props, T, v, this._instanceProps), x = !g || y === "backward" ? Math.max(1, m) : 1, w = !g || y === "forward" ? Math.max(1, m) : 1;
       return [Math.max(0, T - x), Math.max(0, Math.min(l - 1, O + w)), T, O];
     }, M;
-  }(ke), t.defaultProps = {
+  }(Ce), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1129,8 +1129,8 @@ var ts = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, h, u) {
-    var p = t.direction, c = t.height, f = t.itemCount, N = t.itemSize, S = t.layout, M = t.width, z = p === "horizontal" || S === "horizontal", A = z ? M : c, a = Math.max(0, f * N - A), l = Math.min(a, n * N), m = Math.max(0, n * N - A + N + u);
+  getOffsetForIndexAndAlignment: function(t, n, i, r, h, p) {
+    var u = t.direction, c = t.height, f = t.itemCount, N = t.itemSize, S = t.layout, M = t.width, z = u === "horizontal" || S === "horizontal", A = z ? M : c, a = Math.max(0, f * N - A), l = Math.min(a, n * N), m = Math.max(0, n * N - A + N + p);
     switch (i === "smart" && (r >= m - A && r <= l + A ? i = "auto" : i = "center"), i) {
       case "start":
         return l;
@@ -1150,9 +1150,9 @@ var ts = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, h = t.height, u = t.itemCount, p = t.itemSize, c = t.layout, f = t.width, N = r === "horizontal" || c === "horizontal", S = n * p, M = N ? f : h, z = Math.ceil((M + i - S) / p);
+    var r = t.direction, h = t.height, p = t.itemCount, u = t.itemSize, c = t.layout, f = t.width, N = r === "horizontal" || c === "horizontal", S = n * u, M = N ? f : h, z = Math.ceil((M + i - S) / u);
     return Math.max(0, Math.min(
-      u - 1,
+      p - 1,
       n + z - 1
       // -1 is because stop index is inclusive
     ));
@@ -1169,24 +1169,24 @@ function ss(e) {
   return !(i > n || r < t);
 }
 function is(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, h = e.stopIndex, u = [], p = null, c = null, f = r; f <= h; f++) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, h = e.stopIndex, p = [], u = null, c = null, f = r; f <= h; f++) {
     var N = t(f);
-    N ? c !== null && (u.push(p, c), p = c = null) : (c = f, p === null && (p = f));
+    N ? c !== null && (p.push(u, c), u = c = null) : (c = f, u === null && (u = f));
   }
   if (c !== null) {
-    for (var S = Math.min(Math.max(c, p + i - 1), n - 1), M = c + 1; M <= S && !t(M); M++)
+    for (var S = Math.min(Math.max(c, u + i - 1), n - 1), M = c + 1; M <= S && !t(M); M++)
       c = M;
-    u.push(p, c);
+    p.push(u, c);
   }
-  if (u.length)
-    for (; u[1] - u[0] + 1 < i && u[0] > 0; ) {
-      var z = u[0] - 1;
+  if (p.length)
+    for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
+      var z = p[0] - 1;
       if (!t(z))
-        u[0] = z;
+        p[0] = z;
       else
         break;
     }
-  return u;
+  return p;
 }
 var rs = function(e, t) {
   if (!(e instanceof t))
@@ -1221,9 +1221,9 @@ var rs = function(e, t) {
   function t() {
     var n, i, r, h;
     rs(this, t);
-    for (var u = arguments.length, p = Array(u), c = 0; c < u; c++)
-      p[c] = arguments[c];
-    return h = (i = (r = Oe(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
+    for (var p = arguments.length, u = Array(p), c = 0; c < p; c++)
+      u[c] = arguments[c];
+    return h = (i = (r = Oe(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(u))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
       var N = f.visibleStartIndex, S = f.visibleStopIndex;
       r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(N, S);
     }, r._setRef = function(f) {
@@ -1252,12 +1252,12 @@ var rs = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var h = this.props, u = h.isItemLoaded, p = h.itemCount, c = h.minimumBatchSize, f = c === void 0 ? 10 : c, N = h.threshold, S = N === void 0 ? 15 : N, M = is({
-        isItemLoaded: u,
-        itemCount: p,
+      var h = this.props, p = h.isItemLoaded, u = h.itemCount, c = h.minimumBatchSize, f = c === void 0 ? 10 : c, N = h.threshold, S = N === void 0 ? 15 : N, M = is({
+        isItemLoaded: p,
+        itemCount: u,
         minimumBatchSize: f,
         startIndex: Math.max(0, i - S),
-        stopIndex: Math.min(p - 1, r + S)
+        stopIndex: Math.min(u - 1, r + S)
       });
       (this._memoizedUnloadedRanges.length !== M.length || this._memoizedUnloadedRanges.some(function(z, A) {
         return M[A] !== z;
@@ -1266,7 +1266,7 @@ var rs = function(e, t) {
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, h = this.props.loadMoreItems || this.props.loadMoreRows, u = function(f) {
+      for (var r = this, h = this.props.loadMoreItems || this.props.loadMoreRows, p = function(f) {
         var N = i[f], S = i[f + 1], M = h(N, S);
         M != null && M.then(function() {
           if (ss({
@@ -1280,11 +1280,11 @@ var rs = function(e, t) {
             typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(N, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, p = 0; p < i.length; p += 2)
-        u(p);
+      }, u = 0; u < i.length; u += 2)
+        p(u);
     }
   }]), t;
-}(ke);
+}(Ce);
 const cs = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "culdu4a",
@@ -1324,8 +1324,8 @@ const cs = /* @__PURE__ */ o("div")({
   points: i,
   isCurrentUser: r,
   openItemDetail: h,
-  style: u
-}) => /* @__PURE__ */ d(cs, { onClick: h, style: u, children: [
+  style: p
+}) => /* @__PURE__ */ d(cs, { onClick: h, style: p, children: [
   /* @__PURE__ */ s(ds, { children: e || 0 }),
   /* @__PURE__ */ d(ms, { children: [
     t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: $e(n || "") }),
@@ -1347,15 +1347,15 @@ const cs = /* @__PURE__ */ o("div")({
 }) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: h }) => /* @__PURE__ */ s(
   ls,
   {
-    isItemLoaded: (u) => u < e.length,
+    isItemLoaded: (p) => p < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: u, ref: p }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
+    children: ({ onItemsRendered: p, ref: u }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
       ns,
       {
         itemSize: 56,
-        onItemsRendered: u,
-        ref: p,
+        onItemsRendered: p,
+        ref: u,
         itemCount: e.length,
         width: r,
         height: h,
@@ -1390,7 +1390,7 @@ const cs = /* @__PURE__ */ o("div")({
           label: "X"
         }
       ],
-      inviteCardTitle: "It’s more fun with friends",
+      inviteCardTitle: "It’s More Fun With Friends",
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
@@ -1437,11 +1437,11 @@ const cs = /* @__PURE__ */ o("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ o("button")({
+}), ks = /* @__PURE__ */ o("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), ks = {
+}), Cs = {
   [Z.LOST]: /* @__PURE__ */ s(X, { name: "incorrectVoted" }),
   [Z.WON]: /* @__PURE__ */ s(X, { name: "icon-check" }),
   [Z.UNSET]: /* @__PURE__ */ s(X, { name: "icon-arrow" }),
@@ -1453,10 +1453,10 @@ const cs = /* @__PURE__ */ o("div")({
   subject: i,
   openForVoting: r,
   openQuestion: h,
-  status: u
+  status: p
 }) => {
-  const p = be[t], c = ks[u];
-  return p ? /* @__PURE__ */ d(ys, { onClick: () => h == null ? void 0 : h(e), children: [
+  const u = be[t], c = Cs[p];
+  return u ? /* @__PURE__ */ d(ys, { onClick: () => h == null ? void 0 : h(e), children: [
     /* @__PURE__ */ d(ws, { children: [
       /* @__PURE__ */ d(Ds, { children: [
         /* @__PURE__ */ s(
@@ -1464,17 +1464,17 @@ const cs = /* @__PURE__ */ o("div")({
           {
             "data-type-trivia": t === D.TRIVIA,
             "data-type-poll": t === D.POLL,
-            name: p.iconName
+            name: u.iconName
           }
         ),
         /* @__PURE__ */ d(bs, { children: [
-          p.label,
-          t === D.TRIVIA && n === C.RESOLVED && " • Expired"
+          u.label,
+          t === D.TRIVIA && n === k.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Ss, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(Cs, { children: "Play" }) : c })
+    /* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(ks, { children: "Play" }) : c })
   ] }) : null;
 }, Ls = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -1540,16 +1540,16 @@ const cs = /* @__PURE__ */ o("div")({
 }), Ws = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vs, { children: e == null ? void 0 : e.map((n) => {
   var i, r, h;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const u = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Es, { openQuestion: t, ...u }, u.questionId);
+    const p = n.attributes.attributes.value;
+    return /* @__PURE__ */ s(Es, { openQuestion: t, ...p }, p.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const u = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Rs, { openInsight: t, ...u }, u.questionId);
+    const p = n.attributes.attributes.value, u = n.attributes.created;
+    return /* @__PURE__ */ s(Rs, { openInsight: t, ...p, created: u }, p.questionId);
   }
   if (n.type === "tweet" && ((h = n.attributes) == null ? void 0 : h.attributes.case) === "tweet") {
-    const u = n.attributes.attributes.value, p = n.attributes.id, c = n.attributes.created;
-    return /* @__PURE__ */ s(Ys, { openTweet: t, ...u, tweetId: p, created: c }, p);
+    const p = n.attributes.attributes.value, u = n.attributes.id, c = n.attributes.created;
+    return /* @__PURE__ */ s(Ys, { openTweet: t, ...p, tweetId: u, created: c }, u);
   }
   return null;
 }) }), Fs = ({ store: e, openQuestion: t }) => {
@@ -1558,7 +1558,7 @@ const cs = /* @__PURE__ */ o("div")({
 }, Bs = ({ userSummary: e }) => {
   var t;
   const [n, i] = R(void 0);
-  return Ce(() => {
+  return ke(() => {
     const r = e.subscribe((h) => {
       h != null && h.data && i(h.data);
     });
@@ -1625,7 +1625,7 @@ const cs = /* @__PURE__ */ o("div")({
   className: t
 }) => {
   const n = q(e.openedQuestion.$store), i = q(e.openedUser);
-  return /* @__PURE__ */ d(k, {
+  return /* @__PURE__ */ d(C, {
     children: [n && /* @__PURE__ */ s(je, {
       className: t,
       children: /* @__PURE__ */ s(Pn, {