@streamlayer/react 0.34.6 → 0.34.8

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

@@ -2,7 +2,7 @@ var Ue = Object.defineProperty;
 var Ye = (e, t, s) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var se = (e, t, s) => (Ye(e, typeof t != "symbol" ? t + "" : t, s), s);
 import { jsxs as u, jsx as n, Fragment as S } from "react/jsx-runtime";
-import { s as r, c as x, Q as N, o as Ae, a as $, b as B, d as ie, E as U, r as Pe, w as qe, u as je, e as Y, g as Ve, O as We, P as G, f as _e, h as Z, n as Be, i as ue, x as Fe } from "./masters.js";
+import { s as r, c as x, Q as N, o as Ae, a as $, b as B, d as ie, E as U, r as Pe, w as qe, j as je, u as Y, g as Ve, O as We, P as H, e as _e, f as K, n as Be, h as ue, x as Fe } from "./masters.js";
 import V, { useRef as R, useState as w, useCallback as W, useEffect as te, useLayoutEffect as Ze, useMemo as k, PureComponent as He, Component as Ge, useTransition as Je } from "react";
 const Xe = /* @__PURE__ */ r("div")({
   name: "Container",
@@ -29,18 +29,18 @@ const Xe = /* @__PURE__ */ r("div")({
   class: "cvsl7l3",
   propsAsIs: !0
 }), ye = ({ type: e, close: t, label: s }) => {
-  const o = e ? Ae[e] : { label: s, iconName: void 0 };
+  const i = e ? Ae[e] : { label: s, iconName: void 0 };
   return /* @__PURE__ */ u(Xe, { children: [
     /* @__PURE__ */ u(Ke, { children: [
-      (o == null ? void 0 : o.iconName) && /* @__PURE__ */ n(
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ n(
         tt,
         {
           "data-type-trivia": e === N.TRIVIA,
           "data-type-poll": e === N.POLL,
-          name: o.iconName
+          name: i.iconName
         }
       ),
-      (o == null ? void 0 : o.label) && /* @__PURE__ */ n(st, { children: o.label })
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ n(st, { children: i.label })
     ] }),
     /* @__PURE__ */ n(nt, { onClick: t, children: /* @__PURE__ */ n(ot, { name: "icon-cross" }) })
   ] });
@@ -78,7 +78,7 @@ const Xe = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), J = ({ indicator: e, title: t }) => /* @__PURE__ */ u(ct, { children: [
+}), G = ({ indicator: e, title: t }) => /* @__PURE__ */ u(ct, { children: [
   /* @__PURE__ */ n(dt, { children: e }),
   /* @__PURE__ */ n(ut, { children: t })
 ] }), pt = /* @__PURE__ */ r("div")({
@@ -153,8 +153,8 @@ const Xe = /* @__PURE__ */ r("div")({
   avatar: e,
   name: t,
   points: s,
-  friendsRank: o,
-  rank: i,
+  friendsRank: i,
+  rank: o,
   streak: l,
   correct: a,
   incorrect: c,
@@ -187,14 +187,14 @@ const Xe = /* @__PURE__ */ r("div")({
   ] }) }),
   /* @__PURE__ */ u(It, { children: [
     /* @__PURE__ */ u(xt, { children: [
-      /* @__PURE__ */ n(pe, { indicator: o || 0, title: "Friends rank" }),
-      /* @__PURE__ */ n(pe, { indicator: i || 0, title: "Global rank" })
+      /* @__PURE__ */ n(pe, { indicator: i || 0, title: "Friends rank" }),
+      /* @__PURE__ */ n(pe, { indicator: o || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ u(ft, { children: [
-      /* @__PURE__ */ n(J, { indicator: l || 0, title: "Win streak" }),
-      /* @__PURE__ */ n(J, { indicator: a || 0, title: "Correct" }),
-      /* @__PURE__ */ n(J, { indicator: c || 0, title: "Incorrect" }),
-      /* @__PURE__ */ n(J, { indicator: `${M || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ n(G, { indicator: l || 0, title: "Win streak" }),
+      /* @__PURE__ */ n(G, { indicator: a || 0, title: "Correct" }),
+      /* @__PURE__ */ n(G, { indicator: c || 0, title: "Incorrect" }),
+      /* @__PURE__ */ n(G, { indicator: `${M || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Ot = /* @__PURE__ */ r("div")({
@@ -237,7 +237,7 @@ const Xe = /* @__PURE__ */ r("div")({
   name: "FeedbackIconWrap",
   class: "f1g20ja7",
   propsAsIs: !1
-}), X = /* @__PURE__ */ r("div")({
+}), J = /* @__PURE__ */ r("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
@@ -257,8 +257,8 @@ const Xe = /* @__PURE__ */ r("div")({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: s,
-  questionType: o,
-  hasCorrectAnswer: i,
+  questionType: i,
+  hasCorrectAnswer: o,
   questionStatus: l,
   showExpiredNotification: a,
   showClosedNotificationTrivia: c,
@@ -267,7 +267,7 @@ const Xe = /* @__PURE__ */ r("div")({
   enteredAnActiveQuestion: I,
   marketClosed: p
 }) => {
-  const h = s && (o === N.TRIVIA || o === N.PREDICTION) && d && l !== $.RESOLVED, m = o === N.PREDICTION && !i, f = p && o === N.PREDICTION && !s && !I || o === N.PREDICTION && M && d && I, D = h && m, A = h && i, g = o === N.PREDICTION && s && d && i, y = s && o === N.POLL && d;
+  const h = s && (i === N.TRIVIA || i === N.PREDICTION) && d && l !== $.RESOLVED, m = i === N.PREDICTION && !o, f = p && i === N.PREDICTION && !s && !I || i === N.PREDICTION && M && d && I, D = h && m, A = h && o, g = i === N.PREDICTION && s && d && o, y = s && i === N.POLL && d;
   if (!a && !c && !D && !A && !f && !y && !g)
     return null;
   const j = t ? "correct" : "incorrect", v = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
@@ -275,21 +275,21 @@ const Xe = /* @__PURE__ */ r("div")({
     a && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(x, { name: "questionExpired" }) }),
       /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(q, { children: "Question Expired" }) }),
+        /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Expired" }) }),
         /* @__PURE__ */ n(ne, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
     c && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(x, { name: "questionExpired" }) }),
       /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
+        /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
         /* @__PURE__ */ n(ne, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
     f && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(x, { name: "questionExpired" }) }),
       /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
+        /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
         /* @__PURE__ */ n(ne, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
@@ -303,7 +303,7 @@ const Xe = /* @__PURE__ */ r("div")({
     ] }),
     (A || g) && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(F, { "data-feedbackType": j, children: /* @__PURE__ */ n(x, { name: j }) }),
-      /* @__PURE__ */ n("div", { children: /* @__PURE__ */ u(X, { children: [
+      /* @__PURE__ */ n("div", { children: /* @__PURE__ */ u(J, { children: [
         /* @__PURE__ */ n(Pt, { "data-feedbackType": j, children: v == null ? void 0 : v.title }),
         /* @__PURE__ */ n(q, { children: v == null ? void 0 : v.description })
       ] }) })
@@ -383,29 +383,29 @@ const Xe = /* @__PURE__ */ r("div")({
   [B.ROUNDED]: (e) => /* @__PURE__ */ n(ts, { alt: "option-icon", src: e }),
   [B.NONE]: () => null,
   [B.UNSET]: () => null
-}, ls = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: o, questionVoted: i }) => {
-  if (e === N.POLL && o)
+}, ls = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: i, questionVoted: o }) => {
+  if (e === N.POLL && i)
     return "correct";
   if (e === N.PREDICTION) {
-    if (t && i)
-      return o ? s ? "correct" : "incorrect" : "unset";
-    if (o)
+    if (t && o)
+      return i ? s ? "correct" : "incorrect" : "unset";
+    if (i)
       return "correct";
   }
-  return e === N.TRIVIA && i && o ? s ? "correct" : "incorrect" : "unset";
+  return e === N.TRIVIA && o && i ? s ? "correct" : "incorrect" : "unset";
 }, cs = ({
   questionType: e,
   questionVoted: t,
   correct: s,
-  hasCorrectAnswer: o,
-  questionStatus: i
-}) => e === N.TRIVIA ? t && s : e === N.PREDICTION ? t && s && o || i === $.RESOLVED && s : !1, ds = (e) => {
+  hasCorrectAnswer: i,
+  questionStatus: o
+}) => e === N.TRIVIA ? t && s : e === N.PREDICTION ? t && s && i || o === $.RESOLVED && s : !1, ds = (e) => {
   var t;
   const {
     // option props
     id: s,
-    icon: o,
-    text: i,
+    icon: i,
+    text: o,
     percentageDecimal: l,
     points: a,
     // extra props
@@ -423,7 +423,7 @@ const Xe = /* @__PURE__ */ r("div")({
     votedAfterQuestionClosed: y,
     enteredAnActiveQuestion: j,
     marketClosed: v
-  } = e, O = ls(e), Q = cs({ questionType: D, questionVoted: I, correct: A, hasCorrectAnswer: g, questionStatus: m }), b = v && D === N.PREDICTION, H = I || b, T = D === N.PREDICTION && !I && m !== $.RESOLVED;
+  } = e, O = ls(e), Q = cs({ questionType: D, questionVoted: I, correct: A, hasCorrectAnswer: g, questionStatus: m }), b = v && D === N.PREDICTION, Z = I || b, T = D === N.PREDICTION && !I && m !== $.RESOLVED;
   return /* @__PURE__ */ u(
     Ft,
     {
@@ -438,15 +438,15 @@ const Xe = /* @__PURE__ */ r("div")({
         ), c(L);
       },
       children: [
-        /* @__PURE__ */ n(Zt, { "data-answer-state": O, style: { width: `${H ? l : 0}%` } }),
+        /* @__PURE__ */ n(Zt, { "data-answer-state": O, style: { width: `${Z ? l : 0}%` } }),
         /* @__PURE__ */ u(Ht, { children: [
-          o && p && ((t = Me[p]) == null ? void 0 : t.call(Me, o)),
-          /* @__PURE__ */ n(ss, { children: i }),
+          i && p && ((t = Me[p]) == null ? void 0 : t.call(Me, i)),
+          /* @__PURE__ */ n(ss, { children: o }),
           T && /* @__PURE__ */ u("div", { children: [
             /* @__PURE__ */ n(ie, { value: a }),
             /* @__PURE__ */ n(is, { children: "pts" })
           ] }),
-          H && /* @__PURE__ */ u(ns, { children: [
+          Z && /* @__PURE__ */ u(ns, { children: [
             Q && /* @__PURE__ */ n(as, { name: "selected" }),
             /* @__PURE__ */ n(os, { children: /* @__PURE__ */ n(ie, { value: l, suffix: "%" }) })
           ] })
@@ -455,7 +455,7 @@ const Xe = /* @__PURE__ */ r("div")({
     }
   );
 };
-var Ie = typeof window > "u" ? te : Ze, us = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: o = 0, onComplete: i, onUpdate: l }) => {
+var Ie = typeof window > "u" ? te : Ze, us = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: i = 0, onComplete: o, onUpdate: l }) => {
   let [a, c] = w(s), d = R(0), M = R(s), I = R(s * -1e3), p = R(null), h = R(null), m = R(null), f = (g) => {
     let y = g / 1e3;
     if (h.current === null) {
@@ -464,7 +464,7 @@ var Ie = typeof window > "u" ? te : Ze, us = ({ isPlaying: e, duration: t, start
     }
     let j = y - h.current, v = d.current + j;
     h.current = y, d.current = v;
-    let O = M.current + (o === 0 ? v : (v / o | 0) * o), Q = M.current + v, b = typeof t == "number" && Q >= t;
+    let O = M.current + (i === 0 ? v : (v / i | 0) * i), Q = M.current + v, b = typeof t == "number" && Q >= t;
     c(b ? t : O), b || (p.current = requestAnimationFrame(f));
   }, D = () => {
     p.current && cancelAnimationFrame(p.current), m.current && clearTimeout(m.current), h.current = null;
@@ -476,35 +476,35 @@ var Ie = typeof window > "u" ? te : Ze, us = ({ isPlaying: e, duration: t, start
   return Ie(() => {
     if (l == null || l(a), t && a >= t) {
       I.current += t * 1e3;
-      let { shouldRepeat: g = !1, delay: y = 0, newStartAt: j } = (i == null ? void 0 : i(I.current / 1e3)) || {};
+      let { shouldRepeat: g = !1, delay: y = 0, newStartAt: j } = (o == null ? void 0 : o(I.current / 1e3)) || {};
       g && (m.current = setTimeout(() => A(j), y * 1e3));
     }
-  }, [a, t]), Ie(() => (e && (p.current = requestAnimationFrame(f)), D), [e, t, o]), { elapsedTime: a, reset: A };
+  }, [a, t]), Ie(() => (e && (p.current = requestAnimationFrame(f)), D), [e, t, i]), { elapsedTime: a, reset: A };
 }, ps = (e, t, s) => {
-  let o = e / 2, i = t / 2, l = o - i, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
-  return { path: `m ${o},${i} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
-}, he = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, Ms = (e) => ({ position: "relative", width: e, height: e }), Is = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, s, o, i) => {
-  if (o === 0)
+  let i = e / 2, o = t / 2, l = i - o, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
+  return { path: `m ${i},${o} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
+}, he = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, Ms = (e) => ({ position: "relative", width: e, height: e }), Is = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, s, i, o) => {
+  if (i === 0)
     return t;
-  let l = (i ? o - e : e) / o;
+  let l = (o ? i - e : e) / i;
   return t + s * l;
 }, Ne = (e) => {
   var t, s;
-  return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (o, i, l, a) => `#${i}${i}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((o) => parseInt(o, 16))) != null ? s : [];
+  return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, o, l, a) => `#${o}${o}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? s : [];
 }, hs = (e, t) => {
   var s;
-  let { colors: o, colorsTime: i, isSmoothColorTransition: l = !0 } = e;
-  if (typeof o == "string")
-    return o;
-  let a = (s = i == null ? void 0 : i.findIndex((h, m) => h >= t && t >= i[m + 1])) != null ? s : -1;
-  if (!i || a === -1)
-    return o[0];
+  let { colors: i, colorsTime: o, isSmoothColorTransition: l = !0 } = e;
+  if (typeof i == "string")
+    return i;
+  let a = (s = o == null ? void 0 : o.findIndex((h, m) => h >= t && t >= o[m + 1])) != null ? s : -1;
+  if (!o || a === -1)
+    return i[0];
   if (!l)
-    return o[a];
-  let c = i[a] - t, d = i[a] - i[a + 1], M = Ne(o[a]), I = Ne(o[a + 1]), p = !!e.isGrowing;
+    return i[a];
+  let c = o[a] - t, d = o[a] - o[a + 1], M = Ne(i[a]), I = Ne(i[a + 1]), p = !!e.isGrowing;
   return `rgb(${M.map((h, m) => Le(c, h, I[m] - h, d, p) | 0).join(",")})`;
 }, Ns = (e) => {
-  let { duration: t, initialRemainingTime: s, updateInterval: o, size: i = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: M = "clockwise", onComplete: I, onUpdate: p } = e, h = R(), m = Math.max(l, a ?? 0), { path: f, pathLength: D } = ps(i, m, M), { elapsedTime: A } = us({ isPlaying: c, duration: t, startAt: he(t, s), updateInterval: o, onUpdate: typeof p == "function" ? (y) => {
+  let { duration: t, initialRemainingTime: s, updateInterval: i, size: o = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: M = "clockwise", onComplete: I, onUpdate: p } = e, h = R(), m = Math.max(l, a ?? 0), { path: f, pathLength: D } = ps(o, m, M), { elapsedTime: A } = us({ isPlaying: c, duration: t, startAt: he(t, s), updateInterval: i, onUpdate: typeof p == "function" ? (y) => {
     let j = Math.ceil(t - y);
     j !== h.current && (h.current = j, p(j));
   } : void 0, onComplete: typeof I == "function" ? (y) => {
@@ -513,10 +513,10 @@ var Ie = typeof window > "u" ? te : Ze, us = ({ isPlaying: e, duration: t, start
     if (v)
       return { shouldRepeat: v, delay: O, newStartAt: he(t, Q) };
   } : void 0 }), g = t - A;
-  return { elapsedTime: A, path: f, pathLength: D, remainingTime: Math.ceil(g), rotation: M, size: i, stroke: hs(e, g), strokeDashoffset: Le(A, 0, D, t, d), strokeWidth: l };
+  return { elapsedTime: A, path: f, pathLength: D, remainingTime: Math.ceil(g), rotation: M, size: o, stroke: hs(e, g), strokeDashoffset: Le(A, 0, D, t, d), strokeWidth: l };
 }, ze = (e) => {
-  let { children: t, strokeLinecap: s, trailColor: o, trailStrokeWidth: i } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: M, elapsedTime: I, size: p, strokeWidth: h } = Ns(e);
-  return V.createElement("div", { style: Ms(p) }, V.createElement("svg", { viewBox: `0 0 ${p} ${p}`, width: p, height: p, xmlns: "http://www.w3.org/2000/svg" }, V.createElement("path", { d: l, fill: "none", stroke: o ?? "#d9d9d9", strokeWidth: i ?? h }), V.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: h, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && V.createElement("div", { style: Is }, t({ remainingTime: M, elapsedTime: I, color: c })));
+  let { children: t, strokeLinecap: s, trailColor: i, trailStrokeWidth: o } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: M, elapsedTime: I, size: p, strokeWidth: h } = Ns(e);
+  return V.createElement("div", { style: Ms(p) }, V.createElement("svg", { viewBox: `0 0 ${p} ${p}`, width: p, height: p, xmlns: "http://www.w3.org/2000/svg" }, V.createElement("path", { d: l, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: o ?? h }), V.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: h, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && V.createElement("div", { style: Is }, t({ remainingTime: M, elapsedTime: I, color: c })));
 };
 ze.displayName = "CountdownCircleTimer";
 const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRAY3], gs = [10, 10, 1, 0], Ds = /* @__PURE__ */ r("div")({
@@ -528,15 +528,15 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
   duration: t = 30,
   onTimerExpired: s
 }) => {
-  const [o, i] = w(t > 10 ? Ts : me), l = ({
+  const [i, o] = w(t > 10 ? Ts : me), l = ({
     remainingTime: d
   }) => /* @__PURE__ */ n(Ds, {
     children: d
   }), a = W(() => {
-    s == null || s(), i(As);
-  }, [s, i]), c = W((d) => {
-    d === 10 && i(me);
-  }, [i]);
+    s == null || s(), o(As);
+  }, [s, o]), c = W((d) => {
+    d === 10 && o(me);
+  }, [o]);
   return /* @__PURE__ */ n(ze, {
     isPlaying: e,
     duration: t,
@@ -545,7 +545,7 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: o,
+    trailColor: i,
     onComplete: a,
     onUpdate: c,
     children: l
@@ -582,14 +582,14 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
   title: e,
   points: t,
   isPlayingTimer: s,
-  isTimer: o,
-  questionType: i,
+  isTimer: i,
+  questionType: o,
   timerDuration: l,
   onTimerExpired: a
-}) => /* @__PURE__ */ u(ys, { style: { justifyContent: i === N.PREDICTION ? "center" : "space-between" }, children: [
+}) => /* @__PURE__ */ u(ys, { style: { justifyContent: o === N.PREDICTION ? "center" : "space-between" }, children: [
   /* @__PURE__ */ u(vs, { children: [
     e && /* @__PURE__ */ n(xs, { children: e }),
-    t !== void 0 && i !== N.POLL && /* @__PURE__ */ u(S, { children: [
+    t !== void 0 && o !== N.POLL && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(Es, { name: "icon-trophy" }),
       /* @__PURE__ */ u(Ls, { children: [
         /* @__PURE__ */ n(zs, { children: /* @__PURE__ */ n(ie, { value: t }) }),
@@ -597,10 +597,10 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
       ] })
     ] })
   ] }),
-  o && i !== N.PREDICTION && /* @__PURE__ */ n(js, { isPlaying: s, onTimerExpired: a, duration: l })
-] }), Ss = ({ openedQuestion: e, isLoading: t, vote: s, close: o }) => {
-  var i, l;
-  const a = e.subject, c = e.type, d = e.status, M = (i = e.options) == null ? void 0 : i.options, I = e.marketClosed, [p, h] = w(!1), [m, f] = w(!1), [D, A] = w(!0), [g, y] = w(!1), [j, v] = w(""), O = e == null ? void 0 : e.id;
+  i && o !== N.PREDICTION && /* @__PURE__ */ n(js, { isPlaying: s, onTimerExpired: a, duration: l })
+] }), Ss = ({ openedQuestion: e, isLoading: t, vote: s, close: i }) => {
+  var o, l;
+  const a = e.subject, c = e.type, d = e.status, M = (o = e.options) == null ? void 0 : o.options, I = e.marketClosed, [p, h] = w(!1), [m, f] = w(!1), [D, A] = w(!0), [g, y] = w(!1), [j, v] = w(""), O = e == null ? void 0 : e.id;
   te(() => {
     c === N.PREDICTION ? I && A(!1) : d === $.RESOLVED && A(!1);
   }, []);
@@ -614,9 +614,9 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
       }
     },
     [O, v, s]
-  ), H = W(() => {
-    y(!0), setTimeout(o, 3e3);
-  }, [o]), T = k(
+  ), Z = W(() => {
+    y(!0), setTimeout(i, 3e3);
+  }, [i]), T = k(
     () => e == null ? void 0 : e.answers.find((E) => E.youVoted === !0),
     [e]
   ), L = k(
@@ -685,7 +685,7 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
       {
         title: Qe,
         points: $e,
-        onTimerExpired: H,
+        onTimerExpired: Z,
         questionType: e.type,
         isTimer: !t,
         isPlayingTimer: !T,
@@ -741,8 +741,8 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
   created: e,
   image: t,
   title: s,
-  isPickHistory: o,
-  instantView: i,
+  isPickHistory: i,
+  instantView: o,
   notification: l
 }) => {
   const a = k(() => {
@@ -755,18 +755,18 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
         };
     }
     return null;
-  }, [e]), c = (i == null ? void 0 : i.image) || t;
+  }, [e]), c = (o == null ? void 0 : o.image) || t;
   return /* @__PURE__ */ u(ks, { children: [
     a && /* @__PURE__ */ u(Qs, { children: [
       a.date,
       " · ",
       a.time
     ] }),
-    (i == null ? void 0 : i.video) && /* @__PURE__ */ n(qe, { source: i.video.url, poster: i.video.thumbnailUrl }),
-    c && !(i != null && i.video) && /* @__PURE__ */ n(Rs, { src: c }),
+    (o == null ? void 0 : o.video) && /* @__PURE__ */ n(qe, { source: o.video.url, poster: o.video.thumbnailUrl }),
+    c && !(o != null && o.video) && /* @__PURE__ */ n(Rs, { src: c }),
     /* @__PURE__ */ u(ws, { children: [
-      /* @__PURE__ */ n(bs, { children: o ? s : i == null ? void 0 : i.heading }),
-      /* @__PURE__ */ n($s, { children: o ? l == null ? void 0 : l.body : i == null ? void 0 : i.body })
+      /* @__PURE__ */ n(bs, { children: i ? s : o == null ? void 0 : o.heading }),
+      /* @__PURE__ */ n($s, { children: i ? l == null ? void 0 : l.body : o == null ? void 0 : o.body })
     ] })
   ] });
 }, Us = /* @__PURE__ */ r("div")({
@@ -798,11 +798,11 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
 }), _s = ({ created: e, ...t }) => {
   const s = k(() => {
     if (e) {
-      const o = new Date(e);
-      if (le(o))
+      const i = new Date(e);
+      if (le(i))
         return {
-          date: re(o),
-          time: ae(o)
+          date: re(i),
+          time: ae(i)
         };
     }
     return null;
@@ -837,87 +837,56 @@ const ms = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
   close: s
 }) => {
   const {
-    loading: o,
-    data: i
+    loading: i,
+    data: o
   } = e;
-  return i ? /* @__PURE__ */ n(Ss, {
+  return o ? /* @__PURE__ */ n(Ss, {
     vote: t,
     close: s,
-    openedQuestion: i,
-    isLoading: !!o
+    openedQuestion: o,
+    isLoading: !!i
   }) : null;
 }, Hs = ({
   gamification: e
 }) => {
   var t;
-  const s = Y(e.openedQuestion.$store), o = Y(e.openedQuestion.$extendedStore);
+  const s = Y(e.openedQuestion.$store), i = Y(e.openedQuestion.$extendedStore);
   if (!s)
     return null;
-  const i = s.type;
+  const o = s.type;
   return /* @__PURE__ */ u(Bs, {
     children: [/* @__PURE__ */ n(ye, {
       close: e.closeQuestion,
       type: ((t = s.attributes) == null ? void 0 : t.type) || N.UNSET
-    }), i === "question" && /* @__PURE__ */ n(Zs, {
+    }), o === "question" && /* @__PURE__ */ n(Zs, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: o
-    }), i !== "question" && /* @__PURE__ */ n(Fs, {
+      extendedQuestion: i
+    }), o !== "question" && /* @__PURE__ */ n(Fs, {
       openedQuestion: s
     }), /* @__PURE__ */ n(kt, {
       sponsorLogo: ""
     })]
   });
 }, Gs = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1ux29ft",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ r("img")({
-  name: "FriendsIcon",
-  class: "f10ncfg2",
-  propsAsIs: !1
-}), Xs = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "c1yc07bd",
-  propsAsIs: !1
-}), Ks = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "tj6cq7w",
-  propsAsIs: !1
-}), en = /* @__PURE__ */ r("div")({
-  name: "Description",
-  class: "d1ag78xo",
-  propsAsIs: !1
-}), tn = () => x, sn = /* @__PURE__ */ r(tn())({
-  name: "ArrowInviteIcon",
-  class: "awohrz6",
-  propsAsIs: !0
-}), nn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", on = ({ title: e, description: t, onClick: s }) => /* @__PURE__ */ u(Gs, { onClick: s, children: [
-  /* @__PURE__ */ n(Js, { alt: "friends-icon", src: nn }),
-  /* @__PURE__ */ u(Xs, { children: [
-    /* @__PURE__ */ n(Ks, { children: e }),
-    /* @__PURE__ */ n(en, { children: t })
-  ] }),
-  /* @__PURE__ */ n(sn, { name: "icon-copy" })
-] }), rn = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), an = /* @__PURE__ */ r("div")({
+}), Js = /* @__PURE__ */ r("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), ln = /* @__PURE__ */ r("button")({
+}), Xs = /* @__PURE__ */ r("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), cn = /* @__PURE__ */ r("span")({
+}), Ks = /* @__PURE__ */ r("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var ee = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(ee || {});
-const ge = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(ln, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(cn, { children: e }) }), dn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(rn, { children: /* @__PURE__ */ u(an, { "data-position": e === "home" ? "left" : "right", children: [
+const ge = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(Xs, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(Ks, { children: e }) }), en = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(Gs, { children: /* @__PURE__ */ u(Js, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ n(ge, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -933,23 +902,54 @@ const ge = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(ln, { onCl
       )
     }
   )
-] }) });
+] }) }), tn = /* @__PURE__ */ r("div")({
+  name: "Container",
+  class: "c1ux29ft",
+  propsAsIs: !1
+}), sn = /* @__PURE__ */ r("img")({
+  name: "FriendsIcon",
+  class: "f10ncfg2",
+  propsAsIs: !1
+}), nn = /* @__PURE__ */ r("div")({
+  name: "Content",
+  class: "c1yc07bd",
+  propsAsIs: !1
+}), on = /* @__PURE__ */ r("div")({
+  name: "Title",
+  class: "tj6cq7w",
+  propsAsIs: !1
+}), rn = /* @__PURE__ */ r("div")({
+  name: "Description",
+  class: "d1ag78xo",
+  propsAsIs: !1
+}), an = () => x, ln = /* @__PURE__ */ r(an())({
+  name: "ArrowInviteIcon",
+  class: "awohrz6",
+  propsAsIs: !0
+}), cn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", dn = ({ title: e, description: t, onClick: s, className: i }) => /* @__PURE__ */ u(tn, { onClick: s, className: i, children: [
+  /* @__PURE__ */ n(sn, { alt: "friends-icon", src: cn }),
+  /* @__PURE__ */ u(nn, { children: [
+    /* @__PURE__ */ n(on, { children: e }),
+    /* @__PURE__ */ n(rn, { children: t })
+  ] }),
+  /* @__PURE__ */ n(ln, { name: "icon-copy" })
+] });
 function un(e) {
-  var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, o = e.startIndex, i = e.stopIndex;
-  return !(o > s || i < t);
+  var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, i = e.startIndex, o = e.stopIndex;
+  return !(i > s || o < t);
 }
 function pn(e) {
-  for (var t = e.isItemLoaded, s = e.itemCount, o = e.minimumBatchSize, i = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, M = i; M <= l; M++) {
+  for (var t = e.isItemLoaded, s = e.itemCount, i = e.minimumBatchSize, o = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, M = o; M <= l; M++) {
     var I = t(M);
     I ? d !== null && (a.push(c, d), c = d = null) : (d = M, c === null && (c = M));
   }
   if (d !== null) {
-    for (var p = Math.min(Math.max(d, c + o - 1), s - 1), h = d + 1; h <= p && !t(h); h++)
+    for (var p = Math.min(Math.max(d, c + i - 1), s - 1), h = d + 1; h <= p && !t(h); h++)
       d = h;
     a.push(c, d);
   }
   if (a.length)
-    for (; a[1] - a[0] + 1 < o && a[0] > 0; ) {
+    for (; a[1] - a[0] + 1 < i && a[0] > 0; ) {
       var m = a[0] - 1;
       if (!t(m))
         a[0] = m;
@@ -963,13 +963,13 @@ var Mn = function(e, t) {
     throw new TypeError("Cannot call a class as a function");
 }, In = function() {
   function e(t, s) {
-    for (var o = 0; o < s.length; o++) {
-      var i = s[o];
-      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+    for (var i = 0; i < s.length; i++) {
+      var o = s[i];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
     }
   }
-  return function(t, s, o) {
-    return s && e(t.prototype, s), o && e(t, o), t;
+  return function(t, s, i) {
+    return s && e(t.prototype, s), i && e(t, i), t;
   };
 }(), hn = function(e, t) {
   if (typeof t != "function" && t !== null)
@@ -990,22 +990,22 @@ var Mn = function(e, t) {
 (function(e) {
   hn(t, e);
   function t() {
-    var s, o, i, l;
+    var s, i, o, l;
     Mn(this, t);
     for (var a = arguments.length, c = Array(a), d = 0; d < a; d++)
       c[d] = arguments[d];
-    return l = (o = (i = De(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(M) {
+    return l = (i = (o = De(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(M) {
       var I = M.visibleStartIndex, p = M.visibleStopIndex;
-      i._lastRenderedStartIndex = I, i._lastRenderedStopIndex = p, i._ensureRowsLoaded(I, p);
-    }, i._setRef = function(M) {
-      i._listRef = M;
-    }, o), De(i, l);
+      o._lastRenderedStartIndex = I, o._lastRenderedStopIndex = p, o._ensureRowsLoaded(I, p);
+    }, o._setRef = function(M) {
+      o._listRef = M;
+    }, i), De(o, l);
   }
   return In(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], o && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -1014,21 +1014,21 @@ var Mn = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var o = this.props.children;
-      return o({
+      var i = this.props.children;
+      return i({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(o, i) {
+    value: function(i, o) {
       var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, M = d === void 0 ? 10 : d, I = l.threshold, p = I === void 0 ? 15 : I, h = pn({
         isItemLoaded: a,
         itemCount: c,
         minimumBatchSize: M,
-        startIndex: Math.max(0, o - p),
-        stopIndex: Math.min(c - 1, i + p)
+        startIndex: Math.max(0, i - p),
+        stopIndex: Math.min(c - 1, o + p)
       });
       (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(m, f) {
         return h[f] !== m;
@@ -1036,22 +1036,22 @@ var Mn = function(e, t) {
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(o) {
-      for (var i = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(M) {
-        var I = o[M], p = o[M + 1], h = l(I, p);
+    value: function(i) {
+      for (var o = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(M) {
+        var I = i[M], p = i[M + 1], h = l(I, p);
         h != null && h.then(function() {
           if (un({
-            lastRenderedStartIndex: i._lastRenderedStartIndex,
-            lastRenderedStopIndex: i._lastRenderedStopIndex,
+            lastRenderedStartIndex: o._lastRenderedStartIndex,
+            lastRenderedStopIndex: o._lastRenderedStopIndex,
             startIndex: I,
             stopIndex: p
           })) {
-            if (i._listRef == null)
+            if (o._listRef == null)
               return;
-            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(I, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
+            typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(I, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
           }
         });
-      }, c = 0; c < o.length; c += 2)
+      }, c = 0; c < i.length; c += 2)
         a(c);
     }
   }]), t;
@@ -1096,7 +1096,7 @@ function ke() {
 }
 ke.resetWarningCache = Se;
 var Ln = function() {
-  function e(o, i, l, a, c, d) {
+  function e(i, o, l, a, c, d) {
     if (d !== En) {
       var M = new Error(
         "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1229,14 +1229,14 @@ class oe extends Ge {
     t.deltaY === 1 && !this.isPassiveSupported() && t.preventDefault();
   }
   scrollListener() {
-    const t = this.scrollComponent, s = window, o = this.getParentElement(t);
-    let i;
+    const t = this.scrollComponent, s = window, i = this.getParentElement(t);
+    let o;
     if (this.props.useWindow) {
       const l = document.documentElement || document.body.parentNode || document.body, a = s.pageYOffset !== void 0 ? s.pageYOffset : l.scrollTop;
-      this.props.isReverse ? i = a : i = this.calculateOffset(t, a);
+      this.props.isReverse ? o = a : o = this.calculateOffset(t, a);
     } else
-      this.props.isReverse ? i = o.scrollTop : i = t.scrollHeight - o.scrollTop - o.clientHeight;
-    i < Number(this.props.threshold) && t && t.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = o.scrollHeight, this.beforeScrollTop = o.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
+      this.props.isReverse ? o = i.scrollTop : o = t.scrollHeight - i.scrollTop - i.clientHeight;
+    o < Number(this.props.threshold) && t && t.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = i.scrollHeight, this.beforeScrollTop = i.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
   }
   calculateOffset(t, s) {
     return t ? this.calculateTopPosition(t) + (t.offsetHeight - s - window.innerHeight) : 0;
@@ -1247,8 +1247,8 @@ class oe extends Ge {
   render() {
     const t = this.filterProps(this.props), {
       children: s,
-      element: o,
-      hasMore: i,
+      element: i,
+      hasMore: o,
       initialLoad: l,
       isReverse: a,
       loader: c,
@@ -1265,7 +1265,7 @@ class oe extends Ge {
       this.scrollComponent = g, I && I(g);
     };
     const A = [s];
-    return i && (c ? a ? A.unshift(c) : A.push(c) : this.defaultLoader && (a ? A.unshift(this.defaultLoader) : A.push(this.defaultLoader))), V.createElement(o, D, A);
+    return o && (c ? a ? A.unshift(c) : A.push(c) : this.defaultLoader && (a ? A.unshift(this.defaultLoader) : A.push(this.defaultLoader))), V.createElement(i, D, A);
   }
 }
 se(oe, "propTypes", {
@@ -1299,8 +1299,8 @@ const On = ({
   rank: e,
   avatar: t,
   name: s,
-  points: o,
-  isCurrentUser: i,
+  points: i,
+  isCurrentUser: o,
   openItemDetail: l,
   style: a
 }) => /* @__PURE__ */ u(Nn, { onClick: l, style: a, children: [
@@ -1309,10 +1309,10 @@ const On = ({
     t ? /* @__PURE__ */ n(gn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(Dn, { children: ve(s || "") }),
     /* @__PURE__ */ u(An, { children: [
       /* @__PURE__ */ n(jn, { children: s || "" }),
-      i && /* @__PURE__ */ n(vn, { name: "icon-star" })
+      o && /* @__PURE__ */ n(vn, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ n("div", { children: xe(o) })
+  /* @__PURE__ */ n("div", { children: xe(i) })
 ] }), Cn = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c16btbfp",
@@ -1321,15 +1321,15 @@ const On = ({
   items: e,
   currentUserId: t,
   openItemDetail: s,
-  fetchMore: o,
-  scrollNode: i,
+  fetchMore: i,
+  scrollNode: o,
   hasMore: l
 }) => /* @__PURE__ */ n(oe, {
-  loadMore: o,
+  loadMore: i,
   initialLoad: !1,
   hasMore: l,
   useWindow: !1,
-  getScrollParent: () => i.current,
+  getScrollParent: () => o.current,
   children: /* @__PURE__ */ n(Cn, {
     children: e.map((a) => /* @__PURE__ */ n(On, {
       ...a,
@@ -1337,205 +1337,232 @@ const On = ({
       isCurrentUser: !!t && t === a.userId
     }, a.userId))
   })
-}), kn = ({ deepLink: e }) => {
-  const { data: t } = Y(e.$store);
-  return /* @__PURE__ */ n(
-    We,
-    {
-      inviteLink: t,
-      socialLinks: [
-        {
-          icon: "icon-facebook",
-          link: "https://www.facebook.com/TheMasters",
-          label: "Facebook"
-        },
-        {
-          icon: "icon-twitter",
-          link: "https://twitter.com/@TheMasters",
-          label: "X"
-        }
-      ],
-      inviteCardTitle: "It’s More Fun With Friends",
-      inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
-    }
-  );
-}, wn = ({ gamification: e, scrollNode: t, scrollStore: s }) => {
-  const { data: o, hasMore: i } = Y(e.leaderboardList.$store);
-  return o != null && o.length ? /* @__PURE__ */ n(
-    Sn,
-    {
-      items: o,
+}), kn = ({ deepLink: e }) => /* @__PURE__ */ n(
+  We,
+  {
+    inviteLink: e,
+    socialLinks: [
+      {
+        icon: "icon-facebook",
+        link: "https://www.facebook.com/TheMasters",
+        label: "Facebook"
+      },
+      {
+        icon: "icon-twitter",
+        link: "https://twitter.com/@TheMasters",
+        label: "X"
+      }
+    ],
+    inviteCardTitle: "It’s More Fun With Friends",
+    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
+  }
+), wn = /* @__PURE__ */ r("div")({
+  name: "InviteLinkContainer",
+  class: "i1chxfpe",
+  propsAsIs: !1
+}), bn = ({
+  gamification: e,
+  scrollNode: t,
+  scrollStore: s
+}) => {
+  const {
+    data: i,
+    hasMore: o
+  } = Y(e.leaderboardList.$store), {
+    data: l
+  } = Y(e.deepLink.$store);
+  if (!(i != null && i.length))
+    return /* @__PURE__ */ n(kn, {
+      deepLink: l
+    });
+  const a = async () => {
+    if (l)
+      try {
+        await navigator.clipboard.writeText(l);
+      } catch (c) {
+        console.error("Unable to copy to clipboard", c);
+      }
+  };
+  return /* @__PURE__ */ u(S, {
+    children: [/* @__PURE__ */ n(Sn, {
+      items: i,
       scrollNode: t,
       scrollStore: s,
       fetchMore: e.leaderboardList.fetchMore,
-      hasMore: i,
+      hasMore: o,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }
-  ) : /* @__PURE__ */ n(kn, { deepLink: e.deepLink });
-}, bn = /* @__PURE__ */ r("div")({
+    }), l && /* @__PURE__ */ n(wn, {
+      children: /* @__PURE__ */ n(dn, {
+        onClick: a,
+        title: "Invite Friends",
+        description: "Challenge them now!"
+      })
+    })]
+  });
+}, $n = /* @__PURE__ */ r("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ r("div")({
+}), Qn = /* @__PURE__ */ r("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ r("div")({
+}), Rn = /* @__PURE__ */ r("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ r("div")({
+}), Un = /* @__PURE__ */ r("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Un = () => x, K = /* @__PURE__ */ r(Un())({
+}), Yn = () => x, X = /* @__PURE__ */ r(Yn())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), Yn = () => x, Pn = /* @__PURE__ */ r(Yn())({
+}), Pn = () => x, qn = /* @__PURE__ */ r(Pn())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), qn = /* @__PURE__ */ r("div")({
+}), Vn = /* @__PURE__ */ r("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ r("div")({
+}), Wn = /* @__PURE__ */ r("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Wn = /* @__PURE__ */ r("button")({
+}), _n = /* @__PURE__ */ r("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), _n = {
-  [G.LOST]: /* @__PURE__ */ n(K, { name: "incorrectVoted" }),
-  [G.WON]: /* @__PURE__ */ n(K, { name: "icon-check" }),
-  [G.UNSET]: /* @__PURE__ */ n(K, { name: "icon-arrow" }),
-  [G.DNP]: /* @__PURE__ */ n(K, { name: "icon-arrow" })
-}, Bn = ({
+}), Bn = {
+  [H.LOST]: /* @__PURE__ */ n(X, { name: "incorrectVoted" }),
+  [H.WON]: /* @__PURE__ */ n(X, { name: "icon-check" }),
+  [H.UNSET]: /* @__PURE__ */ n(X, { name: "icon-arrow" }),
+  [H.DNP]: /* @__PURE__ */ n(X, { name: "icon-arrow" })
+}, Fn = ({
   questionId: e,
   questionType: t,
   questionStatus: s,
-  subject: o,
-  openForVoting: i,
+  subject: i,
+  openForVoting: o,
   openQuestion: l,
   status: a
 }) => {
-  const c = Ae[t], d = _n[a];
-  return c ? /* @__PURE__ */ u(bn, { onClick: () => l == null ? void 0 : l(e), children: [
-    /* @__PURE__ */ u(Vn, { children: [
-      /* @__PURE__ */ u($n, { children: [
+  const c = Ae[t], d = Bn[a];
+  return c ? /* @__PURE__ */ u($n, { onClick: () => l == null ? void 0 : l(e), children: [
+    /* @__PURE__ */ u(Wn, { children: [
+      /* @__PURE__ */ u(Qn, { children: [
         /* @__PURE__ */ n(
-          Pn,
+          qn,
           {
             "data-type-trivia": t === N.TRIVIA,
             "data-type-poll": t === N.POLL,
             name: c.iconName
           }
         ),
-        /* @__PURE__ */ u(qn, { children: [
+        /* @__PURE__ */ u(Vn, { children: [
           c.label,
           t === N.TRIVIA && s === $.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ n(Qn, { children: o || "" })
+      /* @__PURE__ */ n(Rn, { children: i || "" })
     ] }),
-    /* @__PURE__ */ n(Rn, { children: i ? /* @__PURE__ */ n(Wn, { children: "Play" }) : d })
+    /* @__PURE__ */ n(Un, { children: o ? /* @__PURE__ */ n(_n, { children: "Play" }) : d })
   ] }) : null;
-}, Fn = /* @__PURE__ */ r("div")({
+}, Zn = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Zn = /* @__PURE__ */ r("button")({
+}), Hn = /* @__PURE__ */ r("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Hn = ({
+}), Gn = ({
   openInsight: e,
   questionId: t,
   ...s
-}) => /* @__PURE__ */ u(Fn, { children: [
+}) => /* @__PURE__ */ u(Zn, { children: [
   /* @__PURE__ */ n(Oe, { questionId: t, ...s, isPickHistory: !0 }),
-  e && /* @__PURE__ */ n(Zn, { onClick: () => e(t), children: "View Insight" })
-] }), Gn = /* @__PURE__ */ r("div")({
+  e && /* @__PURE__ */ n(Hn, { onClick: () => e(t), children: "View Insight" })
+] }), Jn = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), Jn = () => _e, Xn = /* @__PURE__ */ r(Jn())({
+}), Xn = () => _e, Kn = /* @__PURE__ */ r(Xn())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), Kn = /* @__PURE__ */ r("div")({
+}), ei = /* @__PURE__ */ r("div")({
   name: "DateTime",
   class: "d1hbaleq",
   propsAsIs: !1
-}), ei = /* @__PURE__ */ r("blockquote")({
+}), ti = /* @__PURE__ */ r("blockquote")({
   name: "Quote",
   class: "qvvgqjm",
   propsAsIs: !1
-}), ti = ({
+}), si = ({
   openTweet: e,
   created: t,
   ...s
 }) => {
-  const o = k(() => {
+  const i = k(() => {
     if (t) {
-      const i = new Date(t);
-      if (le(i))
+      const o = new Date(t);
+      if (le(o))
         return {
-          date: re(i),
-          time: ae(i)
+          date: re(o),
+          time: ae(o)
         };
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ u(Gn, { children: [
-    o && /* @__PURE__ */ u(Kn, { children: [
-      o.date,
+  return /* @__PURE__ */ u(Jn, { children: [
+    i && /* @__PURE__ */ u(ei, { children: [
+      i.date,
       " · ",
-      o.time
+      i.time
     ] }),
-    s.title && /* @__PURE__ */ n(ei, { children: s.title }),
+    s.title && /* @__PURE__ */ n(ti, { children: s.title }),
     /* @__PURE__ */ n(je, { ...s }),
-    e && /* @__PURE__ */ n(Xn, { onClick: () => e(s.tweetId), children: "View Insight" })
+    e && /* @__PURE__ */ n(Kn, { onClick: () => e(s.tweetId), children: "View Insight" })
   ] });
-}, si = /* @__PURE__ */ r("div")({
+}, ni = /* @__PURE__ */ r("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), ni = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(si, { children: e == null ? void 0 : e.map((s) => {
-  var o, i, l;
-  if (s.type === "question" && ((o = s.attributes) == null ? void 0 : o.attributes.case) === "question") {
+}), ii = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(ni, { children: e == null ? void 0 : e.map((s) => {
+  var i, o, l;
+  if (s.type === "question" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const a = s.attributes.attributes.value;
-    return /* @__PURE__ */ n(Bn, { openQuestion: t, ...a }, a.questionId);
+    return /* @__PURE__ */ n(Fn, { openQuestion: t, ...a }, a.questionId);
   }
-  if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
+  if (s.type === "insight" && ((o = s.attributes) == null ? void 0 : o.attributes.case) === "insight") {
     const a = s.attributes.attributes.value, c = s.attributes.created;
-    return /* @__PURE__ */ n(Hn, { openInsight: t, ...a, created: c }, a.questionId);
+    return /* @__PURE__ */ n(Gn, { openInsight: t, ...a, created: c }, a.questionId);
   }
   if (s.type === "tweet" && ((l = s.attributes) == null ? void 0 : l.attributes.case) === "tweet") {
     const a = s.attributes.attributes.value, c = s.attributes.id, d = s.attributes.created;
-    return /* @__PURE__ */ n(ti, { openTweet: t, ...a, tweetId: c, created: d }, c);
+    return /* @__PURE__ */ n(si, { openTweet: t, ...a, tweetId: c, created: d }, c);
   }
   return null;
-}) }), ii = ({ store: e, openQuestion: t }) => {
+}) }), oi = ({ store: e, openQuestion: t }) => {
   const s = Y(e);
-  return s != null && s.data ? /* @__PURE__ */ n(ni, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
-}, oi = ({ userSummary: e }) => {
+  return s != null && s.data ? /* @__PURE__ */ n(ii, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
+}, ri = ({ userSummary: e }) => {
   var t;
-  const [s, o] = w(void 0);
+  const [s, i] = w(void 0);
   return te(() => {
-    const i = e.subscribe((l) => {
-      l != null && l.data && o(l.data);
+    const o = e.subscribe((l) => {
+      l != null && l.data && i(l.data);
     });
     return () => {
-      i();
+      o();
     };
   }, [e]), s != null && s.summary ? /* @__PURE__ */ n(fe, { ...s.summary, successRate: (t = s.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ n("div", { children: "wait user..." });
-}, ri = ({ gamification: e, className: t, scrollStore: s, scrollNode: o }) => {
-  const [i, l] = w(!1), [a, c] = w(ee.HOME), [, d] = Je(), M = (p) => {
+}, ai = ({ gamification: e, className: t, scrollStore: s, scrollNode: i }) => {
+  const [o, l] = w(!1), [a, c] = w(ee.HOME), [, d] = Je(), M = (p) => {
     d(() => c(p));
   }, I = (p) => {
     d(() => l(p));
@@ -1548,75 +1575,72 @@ const On = ({
     I(p.scrollDirection === "forward"), s.setKey("tabsShown", p.scrollDirection !== "forward");
   }), [s]), /* @__PURE__ */ u("div", { className: t, children: [
     /* @__PURE__ */ n(
-      Z,
+      K,
       {
         style: {
           paddingBottom: "8px",
           position: "sticky",
           transition: "top calc(var(--animation-duration) / 2) var(--animation-function)",
-          top: i ? "-60px" : "0px"
+          top: o ? "-60px" : "0px"
         },
-        children: /* @__PURE__ */ n(dn, { activePage: a, toggleActivePage: M })
+        children: /* @__PURE__ */ n(en, { activePage: a, toggleActivePage: M })
       }
     ),
     a === ee.HOME && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(Z, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(oi, { userSummary: e.userSummary }) }),
-      /* @__PURE__ */ n(Be, { children: /* @__PURE__ */ n(ii, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+      /* @__PURE__ */ n(K, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(ri, { userSummary: e.userSummary }) }),
+      /* @__PURE__ */ n(Be, { children: /* @__PURE__ */ n(oi, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    a === ee.LEADERBOARD && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(Z, { style: { paddingTop: "8px", paddingBottom: "8px" }, children: /* @__PURE__ */ n(wn, { scrollStore: s, scrollNode: o, gamification: e }) }),
-      /* @__PURE__ */ n(Z, { style: { position: "sticky", bottom: "0", paddingTop: "8px", paddingBottom: "8px" }, children: /* @__PURE__ */ n(on, { title: "Invite Friends", description: "Challenge them now!" }) })
-    ] })
+    a === ee.LEADERBOARD && /* @__PURE__ */ n(K, { style: { paddingTop: "8px", paddingBottom: "8px" }, children: /* @__PURE__ */ n(bn, { scrollStore: s, scrollNode: i, gamification: e }) })
   ] });
-}, ai = () => Fe, Te = /* @__PURE__ */ r(ai())({
+}, li = () => Fe, Te = /* @__PURE__ */ r(li())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), li = /* @__PURE__ */ r("div")({
+}), ci = /* @__PURE__ */ r("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), ci = ({
+}), di = ({
   correct: e,
   incorrect: t
 }) => {
   const s = e + t;
   return s === 0 ? 0 : Math.round(e / s * 100);
-}, Ii = ({
+}, hi = ({
   gamification: e,
   scrollStore: t,
   className: s,
-  appNode: o,
-  scrollNode: i
+  appNode: i,
+  scrollNode: o
 }) => {
   const l = Y(e.openedQuestion.$store), a = Y(e.openedUser);
   return /* @__PURE__ */ u(S, {
-    children: [l && o.current && ue.createPortal(/* @__PURE__ */ n(Te, {
+    children: [l && i.current && ue.createPortal(/* @__PURE__ */ n(Te, {
       className: s,
       children: /* @__PURE__ */ n(Hs, {
         gamification: e
       })
-    }), o.current), a && o.current && ue.createPortal(/* @__PURE__ */ n(Te, {
+    }), i.current), a && i.current && ue.createPortal(/* @__PURE__ */ n(Te, {
       className: s,
-      children: /* @__PURE__ */ u(li, {
+      children: /* @__PURE__ */ u(ci, {
         children: [/* @__PURE__ */ n(ye, {
           label: "Friend's Rank",
           close: e.closeUser
-        }), /* @__PURE__ */ n(Z, {
+        }), /* @__PURE__ */ n(K, {
           children: /* @__PURE__ */ n(fe, {
             ...a,
-            successRate: ci(a)
+            successRate: di(a)
           })
         })]
       })
-    }), o.current), /* @__PURE__ */ n(ri, {
+    }), i.current), /* @__PURE__ */ n(ai, {
       scrollStore: t,
-      scrollNode: i,
+      scrollNode: o,
       className: s,
       gamification: e
     })]
   });
 };
 export {
-  Ii as default
+  hi as default
 };