@streamlayer/react 0.33.4 → 0.33.5

package/lib/es/gamification-feature.js

@@ -2,13 +2,13 @@ import { jsxs as p, jsx as s, Fragment as L } from "react/jsx-runtime";
 import { s as o, r as w } from "./index4.js";
 import { useStore as _ } from "@nanostores/react";
 import { o as Ee, r as Ie, w as We, u as Le, A as Fe, O as Be, c as He, a as de, n as Ge, f as Ze } from "./masters2.js";
-import { QuestionType as y, QuestionStatus as R, QuestionImages as B, PickHistoryStatus as X } from "@streamlayer/sdk-web-types";
-import { useState as $, useCallback as q, useEffect as fe, useMemo as E, createElement as oe, PureComponent as $e, useRef as ue, useTransition as Je } from "react";
+import { QuestionType as y, QuestionStatus as $, QuestionImages as B, PickHistoryStatus as X } from "@streamlayer/sdk-web-types";
+import { useState as R, useCallback as q, useEffect as fe, useMemo as E, createElement as oe, PureComponent as Re, useRef as ue, useTransition as Je } from "react";
 import { d as pe } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as Ke } from "react-countdown-circle-timer";
 import { E as P } from "./index2.js";
-import Re from "lodash.throttle";
+import $e from "lodash.throttle";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -53,11 +53,11 @@ const Xe = /* @__PURE__ */ o("div")({
     ] }),
     /* @__PURE__ */ s(it, { onClick: t, children: /* @__PURE__ */ s(ot, { name: "icon-cross" }) })
   ] });
-}, Ue = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Pe = (e) => e ? e.toLocaleString("en-US") : "0", ge = (e) => e.toLocaleDateString("en-US", {
+}, Ue = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Pe = (e) => e ? e.toLocaleString("en-US") : "0", ve = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
-}), ve = (e) => e.toLocaleTimeString("en-US", {
+}), ge = (e) => e.toLocaleTimeString("en-US", {
   hour: "2-digit",
   minute: "2-digit"
 }), Me = (e) => !isNaN(e.getTime()), at = /* @__PURE__ */ o("div")({
@@ -106,11 +106,11 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "User",
   class: "u1g7arbm",
   propsAsIs: !1
-}), gt = /* @__PURE__ */ o("img")({
+}), vt = /* @__PURE__ */ o("img")({
   name: "Avatar",
   class: "a1ldeata",
   propsAsIs: !1
-}), vt = /* @__PURE__ */ o("div")({
+}), gt = /* @__PURE__ */ o("div")({
   name: "UserInfo",
   class: "u10d4koz",
   propsAsIs: !1
@@ -164,18 +164,18 @@ const Xe = /* @__PURE__ */ o("div")({
   points: n,
   friendsRank: i,
   rank: r,
-  streak: c,
-  correct: m,
+  streak: m,
+  correct: d,
   incorrect: l,
-  inTop: d,
+  inTop: c,
   successRate: I
 }) => /* @__PURE__ */ p(mt, { children: [
   /* @__PURE__ */ s(ht, { children: /* @__PURE__ */ p(ft, { children: [
     /* @__PURE__ */ p(bt, { children: [
-      e && /* @__PURE__ */ s(gt, { alt: "avatar", src: e }),
+      e && /* @__PURE__ */ s(vt, { alt: "avatar", src: e }),
       !e && /* @__PURE__ */ s(Ot, { children: Ue(t || "") })
     ] }),
-    /* @__PURE__ */ p(vt, { children: [
+    /* @__PURE__ */ p(gt, { children: [
       /* @__PURE__ */ s(Mt, { children: t }),
       /* @__PURE__ */ p(Tt, { children: [
         /* @__PURE__ */ p(At, { children: [
@@ -188,7 +188,7 @@ const Xe = /* @__PURE__ */ o("div")({
         /* @__PURE__ */ s(St, {}),
         /* @__PURE__ */ p("div", { children: [
           "TOP ",
-          d || 0,
+          c || 0,
           "%"
         ] })
       ] })
@@ -200,8 +200,8 @@ const Xe = /* @__PURE__ */ o("div")({
       /* @__PURE__ */ s(Ae, { indicator: r || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ p(xt, { children: [
-      /* @__PURE__ */ s(ee, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(ee, { indicator: m || 0, title: "Correct" }),
+      /* @__PURE__ */ s(ee, { indicator: m || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(ee, { indicator: d || 0, title: "Correct" }),
       /* @__PURE__ */ s(ee, { indicator: l || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(ee, { indicator: `${I || 0}%`, title: "Succ. rate" })
     ] })
@@ -222,18 +222,18 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c38csyt",
   propsAsIs: !1
-}), $t = /* @__PURE__ */ o("div")({
+}), Rt = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "ty221rx",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ o("div")({
+}), $t = /* @__PURE__ */ o("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
 }), Qt = ({ title: e, description: t }) => /* @__PURE__ */ p(Lt, { children: [
   /* @__PURE__ */ s(w, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s($t, { children: e }),
-  /* @__PURE__ */ s(Rt, { children: t })
+  /* @__PURE__ */ s(Rt, { children: e }),
+  /* @__PURE__ */ s($t, { children: t })
 ] }), Ut = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c16sbdnm",
@@ -268,20 +268,20 @@ const Xe = /* @__PURE__ */ o("div")({
   questionVoted: n,
   questionType: i,
   hasCorrectAnswer: r,
-  questionStatus: c,
-  showExpiredNotification: m,
+  questionStatus: m,
+  showExpiredNotification: d,
   showClosedNotificationTrivia: l,
-  votedInCurrentRender: d,
+  votedInCurrentRender: c,
   votedAfterQuestionClosed: I,
-  enteredAnActiveQuestion: g,
+  enteredAnActiveQuestion: v,
   marketClosed: S
 }) => {
-  const v = n && (i === y.TRIVIA || i === y.PREDICTION) && d && c !== R.RESOLVED, N = i === y.PREDICTION && !r, z = S && i === y.PREDICTION && !n && !g || i === y.PREDICTION && I && d && g, a = v && N, h = v && r, u = i === y.PREDICTION && n && d && r, f = n && i === y.POLL && d;
-  if (!m && !l && !a && !h && !z && !f && !u)
+  const g = n && (i === y.TRIVIA || i === y.PREDICTION) && c && m !== $.RESOLVED, N = i === y.PREDICTION && !r, z = S && i === y.PREDICTION && !n && !v || i === y.PREDICTION && I && c && v, a = g && N, h = g && r, u = i === y.PREDICTION && n && c && r, f = n && i === y.POLL && c;
+  if (!d && !l && !a && !h && !z && !f && !u)
     return null;
   const M = t ? "correct" : "incorrect", D = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
   return /* @__PURE__ */ p(Ut, { "data-isPrediction": N, children: [
-    m && /* @__PURE__ */ p(L, { children: [
+    d && /* @__PURE__ */ p(L, { children: [
       /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(w, { name: "questionExpired" }) }),
       /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(Y, { children: "Question Expired" }) }),
@@ -408,22 +408,22 @@ const Xe = /* @__PURE__ */ o("div")({
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === y.TRIVIA ? t && n : e === y.PREDICTION ? t && n && i || r === R.RESOLVED && n : !1, pn = (e) => {
+}) => e === y.TRIVIA ? t && n : e === y.PREDICTION ? t && n && i || r === $.RESOLVED && n : !1, pn = (e) => {
   var t;
   const {
     // option props
     id: n,
     icon: i,
     text: r,
-    percentageDecimal: c,
-    points: m,
+    percentageDecimal: m,
+    points: d,
     // extra props
     onVote: l,
-    markThatVoted: d,
+    markThatVoted: c,
     youSelected: I,
-    questionVoted: g,
+    questionVoted: v,
     imageMode: S,
-    answerTimeExpired: v,
+    answerTimeExpired: g,
     questionStatus: N,
     isLoading: z,
     questionType: a,
@@ -432,32 +432,32 @@ const Xe = /* @__PURE__ */ o("div")({
     votedAfterQuestionClosed: f,
     enteredAnActiveQuestion: M,
     marketClosed: D
-  } = e, T = dn(e), x = un({ questionType: a, questionVoted: g, correct: h, hasCorrectAnswer: u, questionStatus: N }), O = D && a === y.PREDICTION, k = g || O, A = a === y.PREDICTION && !g && N !== R.RESOLVED;
+  } = e, T = dn(e), x = un({ questionType: a, questionVoted: v, correct: h, hasCorrectAnswer: u, questionStatus: N }), O = D && a === y.PREDICTION, k = v || O, A = a === y.PREDICTION && !v && N !== $.RESOLVED;
   return /* @__PURE__ */ p(
     Ht,
     {
       value: n,
       "data-selected": I,
       "data-answerState": T,
-      disabled: g || z || v || O && !M || O && M && f,
-      "data-isNotChecked": g && !I && T !== "incorrect",
+      disabled: v || z || g || O && !M || O && M && f,
+      "data-isNotChecked": v && !I && T !== "incorrect",
       onClick: (b) => {
-        d(
-          a === y.PREDICTION ? D : N === R.RESOLVED
+        c(
+          a === y.PREDICTION ? D : N === $.RESOLVED
         ), l(b);
       },
       children: [
-        /* @__PURE__ */ s(Gt, { "data-answerState": T, style: { width: `${k ? c : 0}%` } }),
+        /* @__PURE__ */ s(Gt, { "data-answerState": T, style: { width: `${k ? m : 0}%` } }),
         /* @__PURE__ */ p(Zt, { children: [
           i && S && ((t = ye[S]) == null ? void 0 : t.call(ye, i)),
           /* @__PURE__ */ s(sn, { children: r }),
           A && /* @__PURE__ */ p("div", { children: [
-            /* @__PURE__ */ s(pe, { value: m }),
+            /* @__PURE__ */ s(pe, { value: d }),
             /* @__PURE__ */ s(on, { children: "pts" })
           ] }),
           k && /* @__PURE__ */ p(rn, { children: [
             x && /* @__PURE__ */ s(cn, { name: "selected" }),
-            /* @__PURE__ */ s(an, { children: /* @__PURE__ */ s(pe, { value: c, suffix: "%" }) })
+            /* @__PURE__ */ s(an, { children: /* @__PURE__ */ s(pe, { value: m, suffix: "%" }) })
           ] })
         ] })
       ]
@@ -467,19 +467,19 @@ const Xe = /* @__PURE__ */ o("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), fn = P.SECONDARY_GREEN6, De = P.SECONDARY_RED3, gn = P.NEUTRALS_GRAY3, vn = ({
+}), fn = P.SECONDARY_GREEN6, De = P.SECONDARY_RED3, vn = P.NEUTRALS_GRAY3, gn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, r] = $(t > 10 ? fn : De), c = ({
-    remainingTime: d
+  const [i, r] = R(t > 10 ? fn : De), m = ({
+    remainingTime: c
   }) => /* @__PURE__ */ s(In, {
-    children: d
-  }), m = q(() => {
-    n == null || n(), r(gn);
-  }, [n, r]), l = q((d) => {
-    d === 10 && r(De);
+    children: c
+  }), d = q(() => {
+    n == null || n(), r(vn);
+  }, [n, r]), l = q((c) => {
+    c === 10 && r(De);
   }, [r]);
   return /* @__PURE__ */ s(Ke, {
     isPlaying: e,
@@ -490,9 +490,9 @@ const Xe = /* @__PURE__ */ o("div")({
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: m,
+    onComplete: d,
     onUpdate: l,
-    children: c
+    children: m
   });
 }, Mn = /* @__PURE__ */ o("div")({
   name: "WinBarContainer",
@@ -528,8 +528,8 @@ const Xe = /* @__PURE__ */ o("div")({
   isPlayingTimer: n,
   isTimer: i,
   questionType: r,
-  timerDuration: c,
-  onTimerExpired: m
+  timerDuration: m,
+  onTimerExpired: d
 }) => /* @__PURE__ */ p(Mn, { "data-centeredItems": r === y.PREDICTION, children: [
   /* @__PURE__ */ p(Tn, { children: [
     e && /* @__PURE__ */ s(Nn, { children: e }),
@@ -541,15 +541,15 @@ const Xe = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }),
-  i && r !== y.PREDICTION && /* @__PURE__ */ s(vn, { isPlaying: n, onTimerExpired: m, duration: c })
+  i && r !== y.PREDICTION && /* @__PURE__ */ s(gn, { isPlaying: n, onTimerExpired: d, duration: m })
 ] }), On = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
-  var r, c;
-  const m = e.subject, l = e.type, d = e.status, I = (r = e.options) == null ? void 0 : r.options, g = e.marketClosed, [S, v] = $(!1), [N, z] = $(!1), [a, h] = $(!0), [u, f] = $(!1), [M, D] = $(""), T = e == null ? void 0 : e.id;
+  var r, m;
+  const d = e.subject, l = e.type, c = e.status, I = (r = e.options) == null ? void 0 : r.options, v = e.marketClosed, [S, g] = R(!1), [N, z] = R(!1), [a, h] = R(!0), [u, f] = R(!1), [M, D] = R(""), T = e == null ? void 0 : e.id;
   fe(() => {
-    l === y.PREDICTION ? g && h(!1) : d === R.RESOLVED && h(!1);
+    l === y.PREDICTION ? v && h(!1) : c === $.RESOLVED && h(!1);
   }, []);
   const x = q((C) => {
-    z(C), v(!0);
+    z(C), g(!0);
   }, []), O = q(
     async (C) => {
       if (T) {
@@ -579,7 +579,7 @@ const Xe = /* @__PURE__ */ o("div")({
       hasCorrectAnswer: b,
       questionType: e.type,
       answerTimeExpired: u,
-      questionStatus: d,
+      questionStatus: c,
       imageMode: (U = e.appearance) == null ? void 0 : U.images,
       onVote: O
     };
@@ -589,23 +589,23 @@ const Xe = /* @__PURE__ */ o("div")({
     t,
     e,
     A,
-    d,
+    c,
     O,
     M
-  ]), ie = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, Q = d === R.RESOLVED && l === y.TRIVIA && !A && !a, Z = l === y.TRIVIA && N && S && a, J = E(() => l === y.PREDICTION ? !!(A && !b || A && b && j != null && j.youVoted) : !0, [l, A, b, j]), K = E(() => {
+  ]), ie = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, Q = c === $.RESOLVED && l === y.TRIVIA && !A && !a, Z = l === y.TRIVIA && N && S && a, J = E(() => l === y.PREDICTION ? !!(A && !b || A && b && j != null && j.youVoted) : !0, [l, A, b, j]), K = E(() => {
     if (l === y.PREDICTION && A && (!b || b && j != null && j.youVoted))
       return A.points;
     if (!(Q || u))
-      return d === R.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : j == null ? void 0 : j.points;
+      return c === $.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : j == null ? void 0 : j.points;
   }, [
     u,
     A,
     j,
-    d,
+    c,
     Q,
     l,
     b
-  ]), W = E(() => l === y.PREDICTION && A ? b ? b && j != null && j.youVoted ? "You won" : "" : "To win" : Q || u ? "Time expired" : l === y.POLL ? "Time remaining" : A ? "You won" : "To win", [u, l, A, Q, b, j]), re = A || Q || Z || l === y.TRIVIA && d === R.RESOLVED && a;
+  ]), W = E(() => l === y.PREDICTION && A ? b ? b && j != null && j.youVoted ? "You won" : "" : "To win" : Q || u ? "Time expired" : l === y.POLL ? "Time remaining" : A ? "You won" : "To win", [u, l, A, Q, b, j]), re = A || Q || Z || l === y.TRIVIA && c === $.RESOLVED && a;
   return /* @__PURE__ */ s(Ie, { "data-question-header": "true", children: /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ p(Wt, { children: [
     /* @__PURE__ */ s(
       Yt,
@@ -615,13 +615,13 @@ const Xe = /* @__PURE__ */ o("div")({
         questionVotedCorrectly: A == null ? void 0 : A.correct,
         questionType: l,
         hasCorrectAnswer: b,
-        questionStatus: d,
+        questionStatus: c,
         showExpiredNotification: Q,
         showClosedNotificationTrivia: Z,
         votedInCurrentRender: S,
         votedAfterQuestionClosed: N,
         enteredAnActiveQuestion: a,
-        marketClosed: g
+        marketClosed: v
       }
     ),
     J && /* @__PURE__ */ s(
@@ -633,7 +633,7 @@ const Xe = /* @__PURE__ */ o("div")({
         questionType: e.type,
         isTimer: !t,
         isPlayingTimer: !A,
-        timerDuration: re ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
+        timerDuration: re ? 0 : Number(((m = e == null ? void 0 : e.appearance) == null ? void 0 : m.autoHideInterval) || "30")
       }
     ),
     u ? /* @__PURE__ */ s(
@@ -643,7 +643,7 @@ const Xe = /* @__PURE__ */ o("div")({
         description: "Watch for additional enhanced stream interactive experience."
       }
     ) : /* @__PURE__ */ p(L, { children: [
-      /* @__PURE__ */ s(Ft, { "data-withoutWinBar": !J, children: m }),
+      /* @__PURE__ */ s(Ft, { "data-withoutWinBar": !J, children: d }),
       /* @__PURE__ */ s(Bt, { children: se.map((C) => /* @__PURE__ */ s(
         pn,
         {
@@ -651,7 +651,7 @@ const Xe = /* @__PURE__ */ o("div")({
           markThatVoted: x,
           votedAfterQuestionClosed: N,
           enteredAnActiveQuestion: a,
-          marketClosed: g
+          marketClosed: v
         },
         C.id
       )) })
@@ -686,43 +686,44 @@ const Xe = /* @__PURE__ */ o("div")({
   image: t,
   title: n,
   isPickHistory: i,
-  instantView: r
+  instantView: r,
+  notification: m
 }) => {
-  const c = E(() => {
+  const d = E(() => {
     if (e) {
-      const l = new Date(e);
-      if (Me(l))
+      const c = new Date(e);
+      if (Me(c))
         return {
-          date: ge(l),
-          time: ve(l)
+          date: ve(c),
+          time: ge(c)
         };
     }
     return null;
-  }, [e]), m = (r == null ? void 0 : r.image) || t;
+  }, [e]), l = (r == null ? void 0 : r.image) || t;
   return /* @__PURE__ */ p(bn, { children: [
-    c && /* @__PURE__ */ p(kn, { children: [
-      c.date,
+    d && /* @__PURE__ */ p(kn, { children: [
+      d.date,
       " · ",
-      c.time
+      d.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(We, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    m && !(r != null && r.video) && /* @__PURE__ */ s(En, { src: m }),
+    l && !(r != null && r.video) && /* @__PURE__ */ s(En, { src: l }),
     /* @__PURE__ */ p(Cn, { children: [
       /* @__PURE__ */ s(jn, { children: i ? n : r == null ? void 0 : r.heading }),
-      !i && /* @__PURE__ */ s(wn, { children: r == null ? void 0 : r.body })
+      /* @__PURE__ */ s(wn, { children: i ? m == null ? void 0 : m.body : r == null ? void 0 : r.body })
     ] })
   ] });
 }, Ln = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ o("a")({
+}), Rn = /* @__PURE__ */ o("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Rn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ln, { children: [
+}), $n = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ln, { children: [
   /* @__PURE__ */ s(Ye, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p($n, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Rn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     e == null ? void 0 : e.webLink.label,
     /* @__PURE__ */ s(w, { name: "icon-external-link" })
   ] })
@@ -744,8 +745,8 @@ const Xe = /* @__PURE__ */ o("div")({
       const i = new Date(e);
       if (Me(i))
         return {
-          date: ge(i),
-          time: ve(i)
+          date: ve(i),
+          time: ge(i)
         };
     }
     return null;
@@ -767,7 +768,7 @@ const Xe = /* @__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(Rn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s($n, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(qn, {
@@ -885,13 +886,13 @@ function Xn(e, t) {
 }
 function le(e, t) {
   t === void 0 && (t = Xn);
-  var n, i = [], r, c = !1;
-  function m() {
-    for (var l = [], d = 0; d < arguments.length; d++)
-      l[d] = arguments[d];
-    return c && n === this && t(l, i) || (r = e.apply(this, l), c = !0, n = this, i = l), r;
+  var n, i = [], r, m = !1;
+  function d() {
+    for (var l = [], c = 0; c < arguments.length; c++)
+      l[c] = arguments[c];
+    return m && n === this && t(l, i) || (r = e.apply(this, l), m = !0, n = this, i = l), r;
   }
-  return m;
+  return d;
 }
 var es = typeof performance == "object" && typeof performance.now == "function", Oe = es ? function() {
   return performance.now();
@@ -933,12 +934,12 @@ var ns = 150, ss = function(t, n) {
   return t;
 };
 function is(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, c = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, d = e.initInstanceProps, I = e.shouldResetStyleCacheOnItemSizeChange, g = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, d = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, c = e.initInstanceProps, I = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
   return t = /* @__PURE__ */ function(S) {
-    Jn(v, S);
-    function v(z) {
+    Jn(g, S);
+    function g(z) {
       var a;
-      return a = S.call(this, z) || this, a._instanceProps = d(a.props, ze(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+      return a = S.call(this, z) || this, a._instanceProps = c(a.props, ze(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
         instance: ze(a),
         isScrolling: !1,
         scrollDirection: "forward",
@@ -1023,10 +1024,10 @@ function is(e) {
         });
       }, a;
     }
-    v.getDerivedStateFromProps = function(a, h) {
-      return rs(a, h), g(a), null;
+    g.getDerivedStateFromProps = function(a, h) {
+      return rs(a, h), v(a), null;
     };
-    var N = v.prototype;
+    var N = g.prototype;
     return N.scrollTo = function(a) {
       a = Math.max(0, a), this.setState(function(h) {
         return h.scrollOffset === a ? null : {
@@ -1044,7 +1045,7 @@ function is(e) {
         var x = this._outerRef;
         M === "vertical" ? T = x.scrollWidth > x.clientWidth ? Ce() : 0 : T = x.scrollHeight > x.clientHeight ? Ce() : 0;
       }
-      this.scrollTo(c(this.props, a, h, D, this._instanceProps, T));
+      this.scrollTo(m(this.props, a, h, D, this._instanceProps, T));
     }, N.componentDidMount = function() {
       var a = this.props, h = a.direction, u = a.initialScrollOffset, f = a.layout;
       if (typeof u == "number" && this._outerRef != null) {
@@ -1128,10 +1129,10 @@ function is(e) {
       var a = this.props, h = a.itemCount, u = a.overscanCount, f = this.state, M = f.isScrolling, D = f.scrollDirection, T = f.scrollOffset;
       if (h === 0)
         return [0, 0, 0, 0];
-      var x = m(this.props, T, this._instanceProps), O = l(this.props, x, T, this._instanceProps), k = !M || D === "backward" ? Math.max(1, u) : 1, A = !M || D === "forward" ? Math.max(1, u) : 1;
+      var x = d(this.props, T, this._instanceProps), O = l(this.props, x, T, this._instanceProps), k = !M || D === "backward" ? Math.max(1, u) : 1, A = !M || D === "forward" ? Math.max(1, u) : 1;
       return [Math.max(0, x - k), Math.max(0, Math.min(h - 1, O + A)), x, O];
-    }, v;
-  }($e), t.defaultProps = {
+    }, g;
+  }(Re), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1154,8 +1155,8 @@ var rs = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, c, m) {
-    var l = t.direction, d = t.height, I = t.itemCount, g = t.itemSize, S = t.layout, v = t.width, N = l === "horizontal" || S === "horizontal", z = N ? v : d, a = Math.max(0, I * g - z), h = Math.min(a, n * g), u = Math.max(0, n * g - z + g + m);
+  getOffsetForIndexAndAlignment: function(t, n, i, r, m, d) {
+    var l = t.direction, c = t.height, I = t.itemCount, v = t.itemSize, S = t.layout, g = t.width, N = l === "horizontal" || S === "horizontal", z = N ? g : c, a = Math.max(0, I * v - z), h = Math.min(a, n * v), u = Math.max(0, n * v - z + v + d);
     switch (i === "smart" && (r >= u - z && r <= h + z ? i = "auto" : i = "center"), i) {
       case "start":
         return h;
@@ -1175,9 +1176,9 @@ var rs = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, c = t.height, m = t.itemCount, l = t.itemSize, d = t.layout, I = t.width, g = r === "horizontal" || d === "horizontal", S = n * l, v = g ? I : c, N = Math.ceil((v + i - S) / l);
+    var r = t.direction, m = t.height, d = t.itemCount, l = t.itemSize, c = t.layout, I = t.width, v = r === "horizontal" || c === "horizontal", S = n * l, g = v ? I : m, N = Math.ceil((g + i - S) / l);
     return Math.max(0, Math.min(
-      m - 1,
+      d - 1,
       n + N - 1
       // -1 is because stop index is inclusive
     ));
@@ -1194,24 +1195,24 @@ function as(e) {
   return !(i > n || r < t);
 }
 function ls(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, c = e.stopIndex, m = [], l = null, d = null, I = r; I <= c; I++) {
-    var g = t(I);
-    g ? d !== null && (m.push(l, d), l = d = null) : (d = I, l === null && (l = I));
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, d = [], l = null, c = null, I = r; I <= m; I++) {
+    var v = t(I);
+    v ? c !== null && (d.push(l, c), l = c = null) : (c = I, l === null && (l = I));
   }
-  if (d !== null) {
-    for (var S = Math.min(Math.max(d, l + i - 1), n - 1), v = d + 1; v <= S && !t(v); v++)
-      d = v;
-    m.push(l, d);
+  if (c !== null) {
+    for (var S = Math.min(Math.max(c, l + i - 1), n - 1), g = c + 1; g <= S && !t(g); g++)
+      c = g;
+    d.push(l, c);
   }
-  if (m.length)
-    for (; m[1] - m[0] + 1 < i && m[0] > 0; ) {
-      var N = m[0] - 1;
+  if (d.length)
+    for (; d[1] - d[0] + 1 < i && d[0] > 0; ) {
+      var N = d[0] - 1;
       if (!t(N))
-        m[0] = N;
+        d[0] = N;
       else
         break;
     }
-  return m;
+  return d;
 }
 var cs = function(e, t) {
   if (!(e instanceof t))
@@ -1244,16 +1245,16 @@ var cs = function(e, t) {
 }, ps = function(e) {
   us(t, e);
   function t() {
-    var n, i, r, c;
+    var n, i, r, m;
     cs(this, t);
-    for (var m = arguments.length, l = Array(m), d = 0; d < m; d++)
-      l[d] = arguments[d];
-    return c = (i = (r = we(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(I) {
-      var g = I.visibleStartIndex, S = I.visibleStopIndex;
-      r._lastRenderedStartIndex = g, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(g, S);
+    for (var d = arguments.length, l = Array(d), c = 0; c < d; c++)
+      l[c] = arguments[c];
+    return m = (i = (r = we(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(I) {
+      var v = I.visibleStartIndex, S = I.visibleStopIndex;
+      r._lastRenderedStartIndex = v, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(v, S);
     }, r._setRef = function(I) {
       r._listRef = I;
-    }, i), we(r, c);
+    }, i), we(r, m);
   }
   return ds(t, [{
     key: "resetloadMoreItemsCache",
@@ -1277,39 +1278,39 @@ var cs = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var c = this.props, m = c.isItemLoaded, l = c.itemCount, d = c.minimumBatchSize, I = d === void 0 ? 10 : d, g = c.threshold, S = g === void 0 ? 15 : g, v = ls({
-        isItemLoaded: m,
+      var m = this.props, d = m.isItemLoaded, l = m.itemCount, c = m.minimumBatchSize, I = c === void 0 ? 10 : c, v = m.threshold, S = v === void 0 ? 15 : v, g = ls({
+        isItemLoaded: d,
         itemCount: l,
         minimumBatchSize: I,
         startIndex: Math.max(0, i - S),
         stopIndex: Math.min(l - 1, r + S)
       });
-      (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(N, z) {
-        return v[z] !== N;
-      })) && (this._memoizedUnloadedRanges = v, this._loadUnloadedRanges(v));
+      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(N, z) {
+        return g[z] !== N;
+      })) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, c = this.props.loadMoreItems || this.props.loadMoreRows, m = function(I) {
-        var g = i[I], S = i[I + 1], v = c(g, S);
-        v != null && v.then(function() {
+      for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, d = function(I) {
+        var v = i[I], S = i[I + 1], g = m(v, S);
+        g != null && g.then(function() {
           if (as({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
-            startIndex: g,
+            startIndex: v,
             stopIndex: S
           })) {
             if (r._listRef == null)
               return;
-            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(g, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
+            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(v, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
       }, l = 0; l < i.length; l += 2)
-        m(l);
+        d(l);
     }
   }]), t;
-}($e);
+}(Re);
 const ms = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "culdu4a",
@@ -1326,11 +1327,11 @@ const ms = /* @__PURE__ */ o("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), gs = /* @__PURE__ */ o("div")({
+}), vs = /* @__PURE__ */ o("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), vs = /* @__PURE__ */ o("div")({
+}), gs = /* @__PURE__ */ o("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
@@ -1348,13 +1349,13 @@ const ms = /* @__PURE__ */ o("div")({
   name: n,
   points: i,
   isCurrentUser: r,
-  openItemDetail: c,
-  style: m
-}) => /* @__PURE__ */ p(ms, { onClick: c, style: m, children: [
+  openItemDetail: m,
+  style: d
+}) => /* @__PURE__ */ p(ms, { onClick: m, style: d, children: [
   /* @__PURE__ */ s(hs, { children: e || 0 }),
-  /* @__PURE__ */ p(gs, { children: [
+  /* @__PURE__ */ p(vs, { children: [
     t ? /* @__PURE__ */ s(Is, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(fs, { children: Ue(n || "") }),
-    /* @__PURE__ */ p(vs, { children: [
+    /* @__PURE__ */ p(gs, { children: [
       /* @__PURE__ */ s(Ms, { children: n || "" }),
       r && /* @__PURE__ */ s(Ns, { name: "icon-star" })
     ] })
@@ -1370,26 +1371,26 @@ const ms = /* @__PURE__ */ o("div")({
   openItemDetail: n,
   fetchMore: i,
   onScroll: r
-}) => /* @__PURE__ */ s(Fe, { children: ({ width: c, height: m }) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(Fe, { children: ({ width: m, height: d }) => /* @__PURE__ */ s(
   ps,
   {
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: l, ref: d }) => /* @__PURE__ */ s(ys, { children: /* @__PURE__ */ s(
+    children: ({ onItemsRendered: l, ref: c }) => /* @__PURE__ */ s(ys, { children: /* @__PURE__ */ s(
       os,
       {
         itemSize: 56,
         onScroll: r,
         onItemsRendered: l,
-        ref: d,
+        ref: c,
         itemCount: e.length,
-        width: c,
-        height: m,
-        children: ({ index: I, style: g }) => /* @__PURE__ */ s(
+        width: m,
+        height: d,
+        children: ({ index: I, style: v }) => /* @__PURE__ */ s(
           As,
           {
-            style: { ...g, maxHeight: 48 },
+            style: { ...v, maxHeight: 48 },
             ...e[I],
             openItemDetail: () => n(e[I].userId),
             isCurrentUser: !!t && t === e[I].userId
@@ -1423,8 +1424,8 @@ const ms = /* @__PURE__ */ o("div")({
   );
 }, zs = ({ gamification: e, hideTabs: t }) => {
   const { data: n } = _(e.leaderboardList.$store), i = ue(0), r = q(
-    Re((c) => {
-      Math.abs(i.current - c.scrollOffset) < 112 || (i.current = c.scrollOffset, t(c.scrollOffset !== 0 && c.scrollDirection === "forward"));
+    $e((m) => {
+      Math.abs(i.current - m.scrollOffset) < 112 || (i.current = m.scrollOffset, t(m.scrollOffset !== 0 && m.scrollDirection === "forward"));
     }, 200),
     [t]
   );
@@ -1470,11 +1471,11 @@ const ms = /* @__PURE__ */ o("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), $s = /* @__PURE__ */ o("button")({
+}), Rs = /* @__PURE__ */ o("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Rs = {
+}), $s = {
   [X.LOST]: /* @__PURE__ */ s(ne, { name: "incorrectVoted" }),
   [X.WON]: /* @__PURE__ */ s(ne, { name: "icon-check" }),
   [X.UNSET]: /* @__PURE__ */ s(ne, { name: "icon-arrow" }),
@@ -1485,11 +1486,11 @@ const ms = /* @__PURE__ */ o("div")({
   questionStatus: n,
   subject: i,
   openForVoting: r,
-  openQuestion: c,
-  status: m
+  openQuestion: m,
+  status: d
 }) => {
-  const l = Ee[t], d = Rs[m];
-  return l ? /* @__PURE__ */ p(xs, { onClick: () => c == null ? void 0 : c(e), children: [
+  const l = Ee[t], c = $s[d];
+  return l ? /* @__PURE__ */ p(xs, { onClick: () => m == null ? void 0 : m(e), children: [
     /* @__PURE__ */ p(Ls, { children: [
       /* @__PURE__ */ p(Os, { children: [
         /* @__PURE__ */ s(
@@ -1502,12 +1503,12 @@ const ms = /* @__PURE__ */ o("div")({
         ),
         /* @__PURE__ */ p(Es, { children: [
           l.label,
-          t === y.TRIVIA && n === R.RESOLVED && " • Expired"
+          t === y.TRIVIA && n === $.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(bs, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(Cs, { children: r ? /* @__PURE__ */ s($s, { children: "Play" }) : d })
+    /* @__PURE__ */ s(Cs, { children: r ? /* @__PURE__ */ s(Rs, { children: "Play" }) : c })
   ] }) : null;
 }, Us = /* @__PURE__ */ o("div")({
   name: "Container",
@@ -1550,8 +1551,8 @@ const ms = /* @__PURE__ */ o("div")({
       const r = new Date(t);
       if (Me(r))
         return {
-          date: ge(r),
-          time: ve(r)
+          date: ve(r),
+          time: ge(r)
         };
     }
     return null;
@@ -1571,18 +1572,18 @@ const ms = /* @__PURE__ */ o("div")({
   class: "qvghv3l",
   propsAsIs: !1
 }), Gs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Hs, { children: e == null ? void 0 : e.map((n) => {
-  var i, r, c;
+  var i, r, m;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const m = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Qs, { openQuestion: t, ...m }, m.questionId);
+    const d = n.attributes.attributes.value;
+    return /* @__PURE__ */ s(Qs, { openQuestion: t, ...d }, d.questionId);
   }
   if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
-    const m = n.attributes.attributes.value, l = n.attributes.created;
-    return /* @__PURE__ */ s(qs, { openInsight: t, ...m, created: l }, m.questionId);
+    const d = n.attributes.attributes.value, l = n.attributes.created;
+    return /* @__PURE__ */ s(qs, { openInsight: t, ...d, created: l }, d.questionId);
   }
-  if (n.type === "tweet" && ((c = n.attributes) == null ? void 0 : c.attributes.case) === "tweet") {
-    const m = n.attributes.attributes.value, l = n.attributes.id, d = n.attributes.created;
-    return /* @__PURE__ */ s(Bs, { openTweet: t, ...m, tweetId: l, created: d }, l);
+  if (n.type === "tweet" && ((m = n.attributes) == null ? void 0 : m.attributes.case) === "tweet") {
+    const d = n.attributes.attributes.value, l = n.attributes.id, c = n.attributes.created;
+    return /* @__PURE__ */ s(Bs, { openTweet: t, ...d, tweetId: l, created: c }, l);
   }
   return null;
 }) }), Zs = ({ store: e, openQuestion: t }) => {
@@ -1590,10 +1591,10 @@ const ms = /* @__PURE__ */ o("div")({
   return n != null && n.data ? /* @__PURE__ */ s(Gs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 }, Js = ({ userSummary: e }) => {
   var t;
-  const [n, i] = $(void 0);
+  const [n, i] = R(void 0);
   return fe(() => {
-    const r = e.subscribe((c) => {
-      c != null && c.data && i(c.data);
+    const r = e.subscribe((m) => {
+      m != null && m.data && i(m.data);
     });
     return () => {
       r();
@@ -1602,30 +1603,30 @@ const ms = /* @__PURE__ */ o("div")({
 }, Ks = ({
   gamification: e
 }) => {
-  const [t, n] = $(!1), [i, r] = $(G.HOME), c = ue(null), m = ue(0), [l, d] = Je(), I = (v) => {
-    d(() => r(v));
-  }, g = (v) => {
-    d(() => n(v));
-  }, S = q(Re(() => {
-    const v = c.current;
-    if (!v)
+  const [t, n] = R(!1), [i, r] = R(G.HOME), m = ue(null), d = ue(0), [l, c] = Je(), I = (g) => {
+    c(() => r(g));
+  }, v = (g) => {
+    c(() => n(g));
+  }, S = q($e(() => {
+    const g = m.current;
+    if (!g)
       return;
     const {
       scrollTop: N
-    } = v;
+    } = g;
     if (N === 0) {
-      m.current = 0, g(!1);
+      d.current = 0, v(!1);
       return;
     }
-    if (Math.abs(m.current - N) < 112)
+    if (Math.abs(d.current - N) < 112)
       return;
-    const z = m.current < N ? "forward" : "backward";
-    m.current = N, g(z === "forward");
+    const z = d.current < N ? "forward" : "backward";
+    d.current = N, v(z === "forward");
   }, 200), []);
   return fe(() => {
-    const v = c.current;
-    return v ? (i === G.HOME && v.addEventListener("scroll", S), () => {
-      v.removeEventListener("scroll", S);
+    const g = m.current;
+    return g ? (i === G.HOME && g.addEventListener("scroll", S), () => {
+      g.removeEventListener("scroll", S);
     }) : () => {
     };
   }, [i, S]), /* @__PURE__ */ p("div", {
@@ -1646,7 +1647,7 @@ const ms = /* @__PURE__ */ o("div")({
         toggleActivePage: I
       })
     }), i === G.HOME && /* @__PURE__ */ p(Ie, {
-      ref: c,
+      ref: m,
       children: [/* @__PURE__ */ s(de, {
         style: {
           paddingTop: "12px"
@@ -1664,7 +1665,7 @@ const ms = /* @__PURE__ */ o("div")({
       className: "c1bp9dj2",
       children: /* @__PURE__ */ s(zs, {
         gamification: e,
-        hideTabs: g
+        hideTabs: v
       })
     })]
   });
@@ -1682,7 +1683,7 @@ const ms = /* @__PURE__ */ o("div")({
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, gi = ({
+}, vi = ({
   gamification: e,
   className: t
 }) => {
@@ -1716,5 +1717,5 @@ const ms = /* @__PURE__ */ o("div")({
   });
 };
 export {
-  gi as default
+  vi as default
 };