@streamlayer/react 0.29.10 → 0.29.11

package/lib/dist/{index-b48a730f.js → index-b7b397b9.js}

@@ -1,6 +1,6 @@
-import { jsxs as v, jsx as a, Fragment as q } from "react/jsx-runtime";
-import { s as o, C as x, o as Oe, a as Ee, i as je, Q as D, b as Y, c as L, E as C, r as Le, d as Je, e as Ke, n as Xe, w as et, u as O, f as tt, P as F, g as ne, h as st, j as nt } from "./masters-187c9707.js";
-import U, { useRef as E, useState as $, useCallback as G, useEffect as it, useLayoutEffect as rt, useMemo as H, Component as at, createElement as B, PureComponent as Ce } from "react";
+import { jsxs as I, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { s as o, i as x, o as Oe, a as Ee, b as je, Q as D, c as Y, d as L, E as C, r as Le, e as Je, f as Ke, n as Xe, w as et, u as O, g as tt, P as V, h as ne, j as st, k as nt } from "./masters-791400ce.js";
+import Q, { useRef as E, useState as R, useCallback as P, useEffect as it, useLayoutEffect as rt, useMemo as B, Component as at, createElement as G, PureComponent as $e } from "react";
 const ot = () => x, lt = () => x, ct = /* @__PURE__ */ o("div")({
   name: "a",
   class: "acysrl1",
@@ -25,14 +25,14 @@ const ot = () => x, lt = () => x, ct = /* @__PURE__ */ o("div")({
   name: "g",
   class: "g1m0xfmw",
   propsAsIs: !0
-}), $e = ({ type: t, close: e, label: s }) => {
+}), Ce = ({ type: t, close: e, label: s }) => {
   const n = t ? Oe[t] : { label: s, iconName: void 0 };
-  return /* @__PURE__ */ v(ct, { children: [
-    /* @__PURE__ */ v(dt, { children: [
-      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ a(ut, { name: n.iconName }),
-      (n == null ? void 0 : n.label) && /* @__PURE__ */ a(pt, { children: n.label })
+  return /* @__PURE__ */ I(ct, { children: [
+    /* @__PURE__ */ I(dt, { children: [
+      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ r(ut, { name: n.iconName }),
+      (n == null ? void 0 : n.label) && /* @__PURE__ */ r(pt, { children: n.label })
     ] }),
-    /* @__PURE__ */ a(ht, { onClick: e, children: /* @__PURE__ */ a(mt, { name: "icon-cross" }) })
+    /* @__PURE__ */ r(ht, { onClick: e, children: /* @__PURE__ */ r(mt, { name: "icon-cross" }) })
   ] });
 };
 const ft = /* @__PURE__ */ o("div")({
@@ -47,9 +47,9 @@ const ft = /* @__PURE__ */ o("div")({
   name: "i",
   class: "i1whkbqh",
   propsAsIs: !1
-}), pe = ({ indicator: t, title: e }) => /* @__PURE__ */ v(ft, { children: [
-  /* @__PURE__ */ a(gt, { children: e }),
-  /* @__PURE__ */ a(It, { children: t })
+}), pe = ({ indicator: t, title: e }) => /* @__PURE__ */ I(ft, { children: [
+  /* @__PURE__ */ r(gt, { children: e }),
+  /* @__PURE__ */ r(It, { children: t })
 ] });
 const vt = /* @__PURE__ */ o("div")({
   name: "i",
@@ -63,9 +63,9 @@ const vt = /* @__PURE__ */ o("div")({
   name: "n",
   class: "nwzed99",
   propsAsIs: !1
-}), V = ({ indicator: t, title: e }) => /* @__PURE__ */ v(vt, { children: [
-  /* @__PURE__ */ a(Mt, { children: t }),
-  /* @__PURE__ */ a(yt, { children: e })
+}), H = ({ indicator: t, title: e }) => /* @__PURE__ */ I(vt, { children: [
+  /* @__PURE__ */ r(Mt, { children: t }),
+  /* @__PURE__ */ r(yt, { children: e })
 ] });
 const zt = /* @__PURE__ */ o("div")({
   name: "o",
@@ -103,11 +103,11 @@ const zt = /* @__PURE__ */ o("div")({
   name: "l",
   class: "lboqgs5",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ o("div")({
+}), bt = /* @__PURE__ */ o("div")({
   name: "d",
   class: "d1oaal4",
   propsAsIs: !1
-}), bt = /* @__PURE__ */ o("div")({
+}), kt = /* @__PURE__ */ o("div")({
   name: "x",
   class: "x1yzgo0u",
   propsAsIs: !1
@@ -127,11 +127,11 @@ const zt = /* @__PURE__ */ o("div")({
   name: "u",
   class: "u1gsbhq4",
   propsAsIs: !1
-}), Ct = /* @__PURE__ */ o("div")({
+}), $t = /* @__PURE__ */ o("div")({
   name: "m",
   class: "mvj8oco",
   propsAsIs: !1
-}), $t = /* @__PURE__ */ o("button")({
+}), Ct = /* @__PURE__ */ o("button")({
   name: "v",
   class: "viqiaf2",
   propsAsIs: !1
@@ -143,27 +143,27 @@ const zt = /* @__PURE__ */ o("div")({
   rank: i,
   streak: p,
   correct: d,
-  incorrect: f,
+  incorrect: m,
   inTop: h,
   successRate: g
-}) => /* @__PURE__ */ v(zt, { children: [
-  /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ v(_t, { children: [
-    /* @__PURE__ */ v($t, { children: [
-      t && /* @__PURE__ */ a(Tt, { alt: "avatar", src: t }),
-      !t && /* @__PURE__ */ a(Ct, { children: Ee(e || "") })
+}) => /* @__PURE__ */ I(zt, { children: [
+  /* @__PURE__ */ r(Nt, { children: /* @__PURE__ */ I(_t, { children: [
+    /* @__PURE__ */ I(Ct, { children: [
+      t && /* @__PURE__ */ r(Tt, { alt: "avatar", src: t }),
+      !t && /* @__PURE__ */ r($t, { children: Ee(e || "") })
     ] }),
-    /* @__PURE__ */ v(St, { children: [
-      /* @__PURE__ */ a(xt, { children: e }),
-      /* @__PURE__ */ v(Dt, { children: [
-        /* @__PURE__ */ v(kt, { children: [
-          /* @__PURE__ */ a(wt, { alt: "rank-icon", src: Rt }),
-          /* @__PURE__ */ v(bt, { children: [
+    /* @__PURE__ */ I(St, { children: [
+      /* @__PURE__ */ r(xt, { children: e }),
+      /* @__PURE__ */ I(Dt, { children: [
+        /* @__PURE__ */ I(bt, { children: [
+          /* @__PURE__ */ r(wt, { alt: "rank-icon", src: Rt }),
+          /* @__PURE__ */ I(kt, { children: [
             je(s),
-            /* @__PURE__ */ a(Ot, { children: "PTS" })
+            /* @__PURE__ */ r(Ot, { children: "PTS" })
           ] })
         ] }),
-        /* @__PURE__ */ a(Et, {}),
-        /* @__PURE__ */ v("div", { children: [
+        /* @__PURE__ */ r(Et, {}),
+        /* @__PURE__ */ I("div", { children: [
           "TOP ",
           h || 0,
           "%"
@@ -171,24 +171,41 @@ const zt = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ v(At, { children: [
-    /* @__PURE__ */ v(jt, { children: [
-      /* @__PURE__ */ a(pe, { indicator: n || 0, title: "Friends rank" }),
-      /* @__PURE__ */ a(pe, { indicator: i || 0, title: "Global rank" })
+  /* @__PURE__ */ I(At, { children: [
+    /* @__PURE__ */ I(jt, { children: [
+      /* @__PURE__ */ r(pe, { indicator: n || 0, title: "Friends rank" }),
+      /* @__PURE__ */ r(pe, { indicator: i || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ v(Lt, { children: [
-      /* @__PURE__ */ a(V, { indicator: p || 0, title: "Win streak" }),
-      /* @__PURE__ */ a(V, { indicator: d || 0, title: "Correct" }),
-      /* @__PURE__ */ a(V, { indicator: f || 0, title: "Incorrect" }),
-      /* @__PURE__ */ a(V, { indicator: `${g || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ I(Lt, { children: [
+      /* @__PURE__ */ r(H, { indicator: p || 0, title: "Win streak" }),
+      /* @__PURE__ */ r(H, { indicator: d || 0, title: "Correct" }),
+      /* @__PURE__ */ r(H, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ r(H, { indicator: `${g || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] });
-const Ut = () => x, Qt = /* @__PURE__ */ o("div")({
+const Ut = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "i1mbhc7z",
+  propsAsIs: !1
+}), Qt = /* @__PURE__ */ o("div")({
+  name: "n",
+  class: "n1f9yefw",
+  propsAsIs: !1
+}), qt = /* @__PURE__ */ o("div")({
+  name: "o",
+  class: "o1n7beii",
+  propsAsIs: !1
+}), Yt = ({ title: t, description: e }) => /* @__PURE__ */ I(Ut, { children: [
+  /* @__PURE__ */ r(x, { name: "icon-check-circle" }),
+  /* @__PURE__ */ r(Qt, { children: t }),
+  /* @__PURE__ */ r(qt, { children: e })
+] });
+const Pt = () => x, Wt = /* @__PURE__ */ o("div")({
   name: "c",
   class: "ciyeb68",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ o(Ut())({
+}), Ft = /* @__PURE__ */ o(Pt())({
   name: "n",
   class: "nfic4xc",
   propsAsIs: !0
@@ -200,7 +217,7 @@ const Ut = () => x, Qt = /* @__PURE__ */ o("div")({
   name: "p",
   class: "p132yxcv",
   propsAsIs: !1
-}), Yt = /* @__PURE__ */ o("span")({
+}), Vt = /* @__PURE__ */ o("span")({
   name: "l",
   class: "l4a8aw",
   propsAsIs: !1
@@ -208,11 +225,11 @@ const Ut = () => x, Qt = /* @__PURE__ */ o("div")({
   name: "g",
   class: "gzdx7pk",
   propsAsIs: !1
-}), Pt = /* @__PURE__ */ o("div")({
+}), Ht = /* @__PURE__ */ o("div")({
   name: "s",
   class: "smnc4zm",
   propsAsIs: !1
-}), Wt = ({
+}), Bt = ({
   feedbackMessages: t,
   questionVotedCorrectly: e,
   questionVoted: s,
@@ -223,62 +240,62 @@ const Ut = () => x, Qt = /* @__PURE__ */ o("div")({
   const d = s && (n === D.TRIVIA || n === D.PREDICTION);
   if (!d && p !== Y.RESOLVED)
     return null;
-  const f = n === D.PREDICTION && !i, h = e ? "correct" : "incorrect", g = e ? t.correctFeedback : t.incorrectFeedback;
-  return /* @__PURE__ */ v(Qt, { "data-isPrediction": f, children: [
-    p === Y.RESOLVED && n === D.TRIVIA && !s && /* @__PURE__ */ v(q, { children: [
-      /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(x, { name: "questionExpired" }) }),
-      /* @__PURE__ */ v("div", { children: [
-        /* @__PURE__ */ a(me, { children: /* @__PURE__ */ a(J, { children: "Question Expired" }) }),
-        /* @__PURE__ */ a(Pt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+  const m = n === D.PREDICTION && !i, h = e ? "correct" : "incorrect", g = e ? t.correctFeedback : t.incorrectFeedback;
+  return /* @__PURE__ */ I(Wt, { "data-isPrediction": m, children: [
+    p === Y.RESOLVED && n === D.TRIVIA && !s && /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ r(he, { children: /* @__PURE__ */ r(x, { name: "questionExpired" }) }),
+      /* @__PURE__ */ I("div", { children: [
+        /* @__PURE__ */ r(me, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
+        /* @__PURE__ */ r(Ht, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    d && f && /* @__PURE__ */ v(q, { children: [
-      /* @__PURE__ */ a(qt, { name: "icon-prediction" }),
-      /* @__PURE__ */ a(J, { children: "Stay tuned to see if your prediction was correct." })
+    d && m && /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ r(Ft, { name: "icon-prediction" }),
+      /* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    d && i && /* @__PURE__ */ v(q, { children: [
-      /* @__PURE__ */ a(he, { "data-feedbackType": h, children: /* @__PURE__ */ a(x, { name: h }) }),
-      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ v(me, { children: [
-        /* @__PURE__ */ a(Yt, { "data-feedbackType": h, children: g == null ? void 0 : g.title }),
-        /* @__PURE__ */ a(J, { children: g == null ? void 0 : g.description })
+    d && i && /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ r(he, { "data-feedbackType": h, children: /* @__PURE__ */ r(x, { name: h }) }),
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ I(me, { children: [
+        /* @__PURE__ */ r(Vt, { "data-feedbackType": h, children: g == null ? void 0 : g.title }),
+        /* @__PURE__ */ r(J, { children: g == null ? void 0 : g.description })
       ] }) })
     ] })
   ] });
 };
-const Ft = /* @__PURE__ */ o("div")({
+const Gt = /* @__PURE__ */ o("div")({
   name: "o",
   class: "olc1eph",
   propsAsIs: !1
-}), Vt = /* @__PURE__ */ o("div")({
+}), Zt = /* @__PURE__ */ o("div")({
   name: "n",
   class: "n1yoh29a",
   propsAsIs: !1
-}), Ht = /* @__PURE__ */ o("div")({
-  name: "p",
-  class: "pjkr5mb",
+}), Jt = /* @__PURE__ */ o("div")({
+  name: "e",
+  class: "ejkr5mb",
   propsAsIs: !1
-}), Bt = /* @__PURE__ */ o("div")({
-  name: "r",
-  class: "r82wnnx",
+}), Kt = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "p82wnnx",
   propsAsIs: !1
 });
-const Gt = () => Ue, Zt = () => Ue, Jt = () => x, Kt = /* @__PURE__ */ o("button")({
+const Xt = () => Ue, es = () => Ue, ts = () => x, ss = /* @__PURE__ */ o("button")({
   name: "c",
   class: "cpm4u8k",
   propsAsIs: !1
-}), Xt = /* @__PURE__ */ o("div")({
+}), ns = /* @__PURE__ */ o("div")({
   name: "l",
   class: "lwfomc3",
   propsAsIs: !1
-}), es = /* @__PURE__ */ o("span")({
+}), is = /* @__PURE__ */ o("span")({
   name: "d",
   class: "dmltvg2",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ o("div")({
+}), rs = /* @__PURE__ */ o("div")({
   name: "s",
   class: "stfjpqz",
   propsAsIs: !1
-}), ss = /* @__PURE__ */ o("div")({
+}), as = /* @__PURE__ */ o("div")({
   name: "p",
   class: "p198m24r",
   propsAsIs: !1
@@ -286,37 +303,37 @@ const Gt = () => Ue, Zt = () => Ue, Jt = () => x, Kt = /* @__PURE__ */ o("button
   name: "r",
   class: "rbq5eu7",
   propsAsIs: !1
-}), ns = /* @__PURE__ */ o(Gt())({
+}), os = /* @__PURE__ */ o(Xt())({
   name: "g",
   class: "g1iv6oeb",
   propsAsIs: !0
-}), is = /* @__PURE__ */ o(Zt())({
+}), ls = /* @__PURE__ */ o(es())({
   name: "h",
   class: "h1qtxlqc",
   propsAsIs: !0
-}), rs = /* @__PURE__ */ o("span")({
+}), cs = /* @__PURE__ */ o("span")({
   name: "u",
   class: "udm736q",
   propsAsIs: !1
-}), as = /* @__PURE__ */ o("span")({
+}), ds = /* @__PURE__ */ o("span")({
   name: "b",
   class: "b1da34tx",
   propsAsIs: !1
-}), os = /* @__PURE__ */ o("span")({
+}), us = /* @__PURE__ */ o("span")({
   name: "x",
   class: "x1dqwq83",
   propsAsIs: !1
-}), ls = /* @__PURE__ */ o(Jt())({
+}), ps = /* @__PURE__ */ o(ts())({
   name: "v",
   class: "v10s9my2",
   propsAsIs: !0
 }), fe = {
-  [L.CENTERED]: (t) => /* @__PURE__ */ a(ns, { alt: "option-icon", src: t }),
-  [L.TRANSPARENT]: (t) => /* @__PURE__ */ a(ts, { children: /* @__PURE__ */ a(ss, { style: { backgroundImage: `url(${t})` } }) }),
-  [L.ROUNDED]: (t) => /* @__PURE__ */ a(is, { alt: "option-icon", src: t }),
+  [L.CENTERED]: (t) => /* @__PURE__ */ r(os, { alt: "option-icon", src: t }),
+  [L.TRANSPARENT]: (t) => /* @__PURE__ */ r(rs, { children: /* @__PURE__ */ r(as, { style: { backgroundImage: `url(${t})` } }) }),
+  [L.ROUNDED]: (t) => /* @__PURE__ */ r(ls, { alt: "option-icon", src: t }),
   [L.NONE]: () => null,
   [L.UNSET]: () => null
-}, cs = ({ questionType: t, hasCorrectAnswer: e, correct: s, youVoted: n, questionVoted: i }) => {
+}, hs = ({ questionType: t, hasCorrectAnswer: e, correct: s, youVoted: n, questionVoted: i }) => {
   if (t === D.POLL && n)
     return "correct";
   if (t === D.PREDICTION) {
@@ -326,13 +343,13 @@ const Gt = () => Ue, Zt = () => Ue, Jt = () => x, Kt = /* @__PURE__ */ o("button
       return "correct";
   }
   return t === D.TRIVIA && i ? n ? s ? "correct" : "incorrect" : s ? "correct" : "unset" : "unset";
-}, ds = ({
+}, ms = ({
   questionType: t,
   questionVoted: e,
   correct: s,
   hasCorrectAnswer: n,
   questionStatus: i
-}) => t === D.TRIVIA ? e && s : t === D.PREDICTION ? e && s && n || i === Y.RESOLVED && s : !1, us = (t) => {
+}) => t === D.TRIVIA ? e && s : t === D.PREDICTION ? e && s && n || i === Y.RESOLVED && s : !1, fs = (t) => {
   var e;
   const {
     // option props
@@ -342,33 +359,33 @@ const Gt = () => Ue, Zt = () => Ue, Jt = () => x, Kt = /* @__PURE__ */ o("button
     percentageDecimal: p,
     // extra props
     onVote: d,
-    youSelected: f,
+    youSelected: m,
     questionVoted: h,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: g = L.ROUNDED,
-    answerTimeExpired: N,
+    answerTimeExpired: _,
     questionStatus: z,
     isLoading: l,
-    questionType: y,
-    correct: M,
-    hasCorrectAnswer: r
-  } = t, m = cs(t), c = ds({ questionType: y, questionVoted: h, correct: M, hasCorrectAnswer: r, questionStatus: z }), u = h || z === Y.RESOLVED && y === D.PREDICTION;
-  return /* @__PURE__ */ v(
-    Kt,
+    questionType: M,
+    correct: y,
+    hasCorrectAnswer: a
+  } = t, u = hs(t), c = ms({ questionType: M, questionVoted: h, correct: y, hasCorrectAnswer: a, questionStatus: z }), f = h || z === Y.RESOLVED && M === D.PREDICTION;
+  return /* @__PURE__ */ I(
+    ss,
     {
       value: s,
-      "data-selected": f,
-      "data-answerState": m,
-      disabled: h || l || N,
+      "data-selected": m,
+      "data-answerState": u,
+      disabled: h || l || _,
       onClick: d,
       children: [
-        u && /* @__PURE__ */ a(Xt, { "data-answerState": m, style: { width: `${p}%` } }),
-        /* @__PURE__ */ v(es, { children: [
+        f && /* @__PURE__ */ r(ns, { "data-answerState": u, style: { width: `${p}%` } }),
+        /* @__PURE__ */ I(is, { children: [
           n && ((e = fe[g]) == null ? void 0 : e.call(fe, n)),
-          /* @__PURE__ */ a(rs, { children: i }),
-          u && /* @__PURE__ */ v(as, { children: [
-            c && /* @__PURE__ */ a(ls, { name: "selected" }),
-            /* @__PURE__ */ v(os, { children: [
+          /* @__PURE__ */ r(cs, { children: i }),
+          f && /* @__PURE__ */ I(ds, { children: [
+            c && /* @__PURE__ */ r(ps, { name: "selected" }),
+            /* @__PURE__ */ I(us, { children: [
               p,
               "%"
             ] })
@@ -378,35 +395,35 @@ const Gt = () => Ue, Zt = () => Ue, Jt = () => x, Kt = /* @__PURE__ */ o("button
     }
   );
 };
-var ge = typeof window > "u" ? it : rt, ps = ({ isPlaying: t, duration: e, startAt: s = 0, updateInterval: n = 0, onComplete: i, onUpdate: p }) => {
-  let [d, f] = $(s), h = E(0), g = E(s), N = E(s * -1e3), z = E(null), l = E(null), y = E(null), M = (c) => {
-    let u = c / 1e3;
+var ge = typeof window > "u" ? it : rt, gs = ({ isPlaying: t, duration: e, startAt: s = 0, updateInterval: n = 0, onComplete: i, onUpdate: p }) => {
+  let [d, m] = R(s), h = E(0), g = E(s), _ = E(s * -1e3), z = E(null), l = E(null), M = E(null), y = (c) => {
+    let f = c / 1e3;
     if (l.current === null) {
-      l.current = u, z.current = requestAnimationFrame(M);
+      l.current = f, z.current = requestAnimationFrame(y);
       return;
     }
-    let I = u - l.current, _ = h.current + I;
-    l.current = u, h.current = _;
-    let A = g.current + (n === 0 ? _ : (_ / n | 0) * n), T = g.current + _, S = typeof e == "number" && T >= e;
-    f(S ? e : A), S || (z.current = requestAnimationFrame(M));
-  }, r = () => {
-    z.current && cancelAnimationFrame(z.current), y.current && clearTimeout(y.current), l.current = null;
-  }, m = G((c) => {
-    r(), h.current = 0;
-    let u = typeof c == "number" ? c : s;
-    g.current = u, f(u), t && (z.current = requestAnimationFrame(M));
+    let v = f - l.current, N = h.current + v;
+    l.current = f, h.current = N;
+    let A = g.current + (n === 0 ? N : (N / n | 0) * n), T = g.current + N, S = typeof e == "number" && T >= e;
+    m(S ? e : A), S || (z.current = requestAnimationFrame(y));
+  }, a = () => {
+    z.current && cancelAnimationFrame(z.current), M.current && clearTimeout(M.current), l.current = null;
+  }, u = P((c) => {
+    a(), h.current = 0;
+    let f = typeof c == "number" ? c : s;
+    g.current = f, m(f), t && (z.current = requestAnimationFrame(y));
   }, [t, s]);
   return ge(() => {
     if (p == null || p(d), e && d >= e) {
-      N.current += e * 1e3;
-      let { shouldRepeat: c = !1, delay: u = 0, newStartAt: I } = (i == null ? void 0 : i(N.current / 1e3)) || {};
-      c && (y.current = setTimeout(() => m(I), u * 1e3));
+      _.current += e * 1e3;
+      let { shouldRepeat: c = !1, delay: f = 0, newStartAt: v } = (i == null ? void 0 : i(_.current / 1e3)) || {};
+      c && (M.current = setTimeout(() => u(v), f * 1e3));
     }
-  }, [d, e]), ge(() => (t && (z.current = requestAnimationFrame(M)), r), [t, e, n]), { elapsedTime: d, reset: m };
-}, hs = (t, e, s) => {
-  let n = t / 2, i = e / 2, p = n - i, d = 2 * p, f = s === "clockwise" ? "1,0" : "0,1", h = 2 * Math.PI * p;
-  return { path: `m ${n},${i} a ${p},${p} 0 ${f} 0,${d} a ${p},${p} 0 ${f} 0,-${d}`, pathLength: h };
-}, Ie = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, ms = (t) => ({ position: "relative", width: t, height: t }), fs = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Qe = (t, e, s, n, i) => {
+  }, [d, e]), ge(() => (t && (z.current = requestAnimationFrame(y)), a), [t, e, n]), { elapsedTime: d, reset: u };
+}, Is = (t, e, s) => {
+  let n = t / 2, i = e / 2, p = n - i, d = 2 * p, m = s === "clockwise" ? "1,0" : "0,1", h = 2 * Math.PI * p;
+  return { path: `m ${n},${i} a ${p},${p} 0 ${m} 0,${d} a ${p},${p} 0 ${m} 0,-${d}`, pathLength: h };
+}, Ie = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, vs = (t) => ({ position: "relative", width: t, height: t }), Ms = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Qe = (t, e, s, n, i) => {
   if (n === 0)
     return e;
   let p = (i ? n - t : t) / n;
@@ -414,181 +431,191 @@ var ge = typeof window > "u" ? it : rt, ps = ({ isPlaying: t, duration: e, start
 }, ve = (t) => {
   var e, s;
   return (s = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, i, p, d) => `#${i}${i}${p}${p}${d}${d}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? s : [];
-}, gs = (t, e) => {
+}, ys = (t, e) => {
   var s;
   let { colors: n, colorsTime: i, isSmoothColorTransition: p = !0 } = t;
   if (typeof n == "string")
     return n;
-  let d = (s = i == null ? void 0 : i.findIndex((l, y) => l >= e && e >= i[y + 1])) != null ? s : -1;
+  let d = (s = i == null ? void 0 : i.findIndex((l, M) => l >= e && e >= i[M + 1])) != null ? s : -1;
   if (!i || d === -1)
     return n[0];
   if (!p)
     return n[d];
-  let f = i[d] - e, h = i[d] - i[d + 1], g = ve(n[d]), N = ve(n[d + 1]), z = !!t.isGrowing;
-  return `rgb(${g.map((l, y) => Qe(f, l, N[y] - l, h, z) | 0).join(",")})`;
-}, Is = (t) => {
-  let { duration: e, initialRemainingTime: s, updateInterval: n, size: i = 180, strokeWidth: p = 12, trailStrokeWidth: d, isPlaying: f = !1, isGrowing: h = !1, rotation: g = "clockwise", onComplete: N, onUpdate: z } = t, l = E(), y = Math.max(p, d ?? 0), { path: M, pathLength: r } = hs(i, y, g), { elapsedTime: m } = ps({ isPlaying: f, duration: e, startAt: Ie(e, s), updateInterval: n, onUpdate: typeof z == "function" ? (u) => {
-    let I = Math.ceil(e - u);
-    I !== l.current && (l.current = I, z(I));
-  } : void 0, onComplete: typeof N == "function" ? (u) => {
-    var I;
-    let { shouldRepeat: _, delay: A, newInitialRemainingTime: T } = (I = N(u)) != null ? I : {};
-    if (_)
-      return { shouldRepeat: _, delay: A, newStartAt: Ie(e, T) };
-  } : void 0 }), c = e - m;
-  return { elapsedTime: m, path: M, pathLength: r, remainingTime: Math.ceil(c), rotation: g, size: i, stroke: gs(t, c), strokeDashoffset: Qe(m, 0, r, e, h), strokeWidth: p };
+  let m = i[d] - e, h = i[d] - i[d + 1], g = ve(n[d]), _ = ve(n[d + 1]), z = !!t.isGrowing;
+  return `rgb(${g.map((l, M) => Qe(m, l, _[M] - l, h, z) | 0).join(",")})`;
+}, zs = (t) => {
+  let { duration: e, initialRemainingTime: s, updateInterval: n, size: i = 180, strokeWidth: p = 12, trailStrokeWidth: d, isPlaying: m = !1, isGrowing: h = !1, rotation: g = "clockwise", onComplete: _, onUpdate: z } = t, l = E(), M = Math.max(p, d ?? 0), { path: y, pathLength: a } = Is(i, M, g), { elapsedTime: u } = gs({ isPlaying: m, duration: e, startAt: Ie(e, s), updateInterval: n, onUpdate: typeof z == "function" ? (f) => {
+    let v = Math.ceil(e - f);
+    v !== l.current && (l.current = v, z(v));
+  } : void 0, onComplete: typeof _ == "function" ? (f) => {
+    var v;
+    let { shouldRepeat: N, delay: A, newInitialRemainingTime: T } = (v = _(f)) != null ? v : {};
+    if (N)
+      return { shouldRepeat: N, delay: A, newStartAt: Ie(e, T) };
+  } : void 0 }), c = e - u;
+  return { elapsedTime: u, path: y, pathLength: a, remainingTime: Math.ceil(c), rotation: g, size: i, stroke: ys(t, c), strokeDashoffset: Qe(u, 0, a, e, h), strokeWidth: p };
 }, qe = (t) => {
-  let { children: e, strokeLinecap: s, trailColor: n, trailStrokeWidth: i } = t, { path: p, pathLength: d, stroke: f, strokeDashoffset: h, remainingTime: g, elapsedTime: N, size: z, strokeWidth: l } = Is(t);
-  return U.createElement("div", { style: ms(z) }, U.createElement("svg", { viewBox: `0 0 ${z} ${z}`, width: z, height: z, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: p, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: i ?? l }), U.createElement("path", { d: p, fill: "none", stroke: f, strokeLinecap: s ?? "round", strokeWidth: l, strokeDasharray: d, strokeDashoffset: h })), typeof e == "function" && U.createElement("div", { style: fs }, e({ remainingTime: g, elapsedTime: N, color: f })));
+  let { children: e, strokeLinecap: s, trailColor: n, trailStrokeWidth: i } = t, { path: p, pathLength: d, stroke: m, strokeDashoffset: h, remainingTime: g, elapsedTime: _, size: z, strokeWidth: l } = zs(t);
+  return Q.createElement("div", { style: vs(z) }, Q.createElement("svg", { viewBox: `0 0 ${z} ${z}`, width: z, height: z, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d: p, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: i ?? l }), Q.createElement("path", { d: p, fill: "none", stroke: m, strokeLinecap: s ?? "round", strokeWidth: l, strokeDasharray: d, strokeDashoffset: h })), typeof e == "function" && Q.createElement("div", { style: Ms }, e({ remainingTime: g, elapsedTime: _, color: m })));
 };
 qe.displayName = "CountdownCircleTimer";
-const vs = [C.PRIMARY_GREEN1, C.SECONDARY_RED1, C.SECONDARY_RED1], Ms = [10, 10, 0], ys = /* @__PURE__ */ o("div")({
+const Ns = [C.PRIMARY_GREEN1, C.SECONDARY_RED1, C.SECONDARY_RED1], As = [10, 10, 0], _s = /* @__PURE__ */ o("div")({
   name: "A",
   class: "a1f928zy",
   propsAsIs: !1
-}), zs = C.SECONDARY_GREEN6, Me = C.SECONDARY_RED3, Ns = C.NEUTRALS_GRAY3, As = ({
+}), Ts = C.SECONDARY_GREEN6, Me = C.SECONDARY_RED3, Ss = C.NEUTRALS_GRAY3, xs = ({
   isPlaying: t = !0,
   duration: e = 30,
   onTimerExpired: s
 }) => {
-  const [n, i] = $(e > 10 ? zs : Me), p = ({
+  const [n, i] = R(e > 10 ? Ts : Me), p = ({
     remainingTime: h
-  }) => /* @__PURE__ */ a(ys, {
+  }) => /* @__PURE__ */ r(_s, {
     children: h
-  }), d = G(() => {
-    s == null || s(), i(Ns);
-  }, [s, i]), f = G((h) => {
+  }), d = P(() => {
+    s == null || s(), i(Ss);
+  }, [s, i]), m = P((h) => {
     h === 10 && i(Me);
   }, [i]);
-  return /* @__PURE__ */ a(qe, {
+  return /* @__PURE__ */ r(qe, {
     isPlaying: t,
     duration: e,
-    colors: vs,
-    colorsTime: Ms,
+    colors: Ns,
+    colorsTime: As,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: n,
     onComplete: d,
-    onUpdate: f,
+    onUpdate: m,
     children: p
   });
 };
-const _s = () => x, Ts = /* @__PURE__ */ o("div")({
+const Ds = () => x, ws = /* @__PURE__ */ o("div")({
   name: "a",
   class: "a1r7f3z4",
   propsAsIs: !1
-}), Ss = /* @__PURE__ */ o("div")({
+}), bs = /* @__PURE__ */ o("div")({
   name: "s",
   class: "sblndl",
   propsAsIs: !1
-}), xs = /* @__PURE__ */ o("div")({
+}), ks = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l7ka1tv",
   propsAsIs: !1
-}), Ds = /* @__PURE__ */ o(_s())({
+}), Os = /* @__PURE__ */ o(Ds())({
   name: "p",
   class: "p1edlxt3",
   propsAsIs: !0
-}), ws = /* @__PURE__ */ o("div")({
+}), Es = /* @__PURE__ */ o("div")({
   name: "g",
   class: "ghm08u2",
   propsAsIs: !1
-}), ks = /* @__PURE__ */ o("span")({
+}), js = /* @__PURE__ */ o("span")({
   name: "c",
   class: "c12nsh46",
   propsAsIs: !1
-}), bs = /* @__PURE__ */ o("span")({
+}), Ls = /* @__PURE__ */ o("span")({
   name: "d",
   class: "dlr9eoc",
   propsAsIs: !1
-}), Os = ({ title: t, points: e, isPlayingTimer: s, isTimer: n, onTimerExpired: i }) => /* @__PURE__ */ v(Ts, { children: [
-  /* @__PURE__ */ v(Ss, { children: [
-    t && /* @__PURE__ */ a(xs, { children: t }),
-    e !== void 0 && /* @__PURE__ */ v(q, { children: [
-      /* @__PURE__ */ a(Ds, { name: "icon-trophy" }),
-      /* @__PURE__ */ v(ws, { children: [
-        /* @__PURE__ */ a(ks, { children: e }),
-        /* @__PURE__ */ a(bs, { children: "PTS" })
+}), $s = ({ title: t, points: e, isPlayingTimer: s, isTimer: n, onTimerExpired: i }) => /* @__PURE__ */ I(ws, { children: [
+  /* @__PURE__ */ I(bs, { children: [
+    t && /* @__PURE__ */ r(ks, { children: t }),
+    e !== void 0 && /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ r(Os, { name: "icon-trophy" }),
+      /* @__PURE__ */ I(Es, { children: [
+        /* @__PURE__ */ r(js, { children: e }),
+        /* @__PURE__ */ r(Ls, { children: "PTS" })
       ] })
     ] })
   ] }),
-  n && /* @__PURE__ */ a(As, { isPlaying: s, onTimerExpired: i })
-] }), Es = ({ openedQuestion: t, vote: e }) => {
-  var s;
-  const n = t.subject, i = t.type, p = (s = t.options) == null ? void 0 : s.options, [d, f] = $(!1), [h, g] = $(!1), [N, z] = $(""), l = t == null ? void 0 : t.id, y = G(
-    async (u) => {
-      if (l) {
-        const I = u.currentTarget.value;
-        z(I), g(!0), await e(l, I), g(!1);
+  n && /* @__PURE__ */ r(xs, { isPlaying: s, onTimerExpired: i })
+] }), Cs = ({ openedQuestion: t, vote: e, close: s }) => {
+  var n;
+  const i = t.subject, p = t.type, d = (n = t.options) == null ? void 0 : n.options, [m, h] = R(!1), [g, _] = R(!1), [z, l] = R(""), M = t == null ? void 0 : t.id, y = P(
+    async (N) => {
+      if (M) {
+        const A = N.currentTarget.value;
+        l(A), _(!0), await e(M, A), _(!1);
       }
     },
-    [l, z, e]
-  ), M = H(
-    () => t == null ? void 0 : t.answers.find((u) => u.youVoted === !0),
+    [M, l, e]
+  ), a = P(() => {
+    h(!0), setTimeout(s, 3e3);
+  }, [s]), u = B(
+    () => t == null ? void 0 : t.answers.find((N) => N.youVoted === !0),
     [t]
-  ), r = H(
-    () => !!(t != null && t.answers.find((u) => u.correct === !0)),
+  ), c = B(
+    () => !!(t != null && t.answers.find((N) => N.correct === !0)),
     [t]
-  ), m = H(() => t ? t.answers.map((u) => ({
-    ...u,
-    questionVoted: !!M,
-    youSelected: N === u.id,
-    isLoading: h,
-    hasCorrectAnswer: r,
+  ), f = B(() => t ? t.answers.map((N) => ({
+    ...N,
+    questionVoted: !!u,
+    youSelected: z === N.id,
+    isLoading: g,
+    hasCorrectAnswer: c,
     questionType: t.type,
-    answerTimeExpired: d,
+    answerTimeExpired: m,
     questionStatus: t.status,
     // ToDo: Figure out why imageMode is not in the response
     onVote: y
-  })) : [], [r, d, h, t, M, y, N]), c = p && (p.case === "trivia" || p.case === "prediction") ? p.value : void 0;
-  return /* @__PURE__ */ a(Le, { "data-question-header": "true", children: /* @__PURE__ */ a(Ft, { children: /* @__PURE__ */ v(Vt, { children: [
-    c && /* @__PURE__ */ a(
-      Wt,
+  })) : [], [c, m, g, t, u, y, z]), v = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
+  return /* @__PURE__ */ r(Le, { "data-question-header": "true", children: /* @__PURE__ */ r(Gt, { children: /* @__PURE__ */ I(Zt, { children: [
+    v && /* @__PURE__ */ r(
+      Bt,
       {
-        feedbackMessages: c,
-        questionVoted: !!M,
-        questionVotedCorrectly: M == null ? void 0 : M.correct,
-        questionType: i,
-        hasCorrectAnswer: r,
+        feedbackMessages: v,
+        questionVoted: !!u,
+        questionVotedCorrectly: u == null ? void 0 : u.correct,
+        questionType: p,
+        hasCorrectAnswer: c,
         questionStatus: t.status
       }
     ),
-    /* @__PURE__ */ a(
-      Os,
+    /* @__PURE__ */ r(
+      $s,
       {
-        title: d ? "Expired" : "To win",
-        points: d ? void 0 : 100,
-        onTimerExpired: () => f(!0),
+        title: m ? "Time expired" : "To win",
+        points: m ? void 0 : 100,
+        onTimerExpired: a,
         isTimer: !0
       }
     ),
-    /* @__PURE__ */ a(Ht, { children: n }),
-    /* @__PURE__ */ a(Bt, { children: m.map((u) => /* @__PURE__ */ a(us, { ...u }, u.id)) })
+    m ? /* @__PURE__ */ r(
+      Yt,
+      {
+        title: "More to come...",
+        description: "Watch for additional enhanced stream interactive experience."
+      }
+    ) : /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ r(Jt, { children: i }),
+      /* @__PURE__ */ r(Kt, { children: f.map((N) => /* @__PURE__ */ r(fs, { ...N }, N.id)) })
+    ] })
   ] }) }) });
 };
-const js = /* @__PURE__ */ o("div")({
+const Rs = /* @__PURE__ */ o("div")({
   name: "e",
   class: "e1eio0mt",
   propsAsIs: !1
-}), Ls = /* @__PURE__ */ o("div")({
+}), Us = /* @__PURE__ */ o("div")({
   name: "i",
   class: "iigl87b",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ o("h3")({
+}), Qs = /* @__PURE__ */ o("h3")({
   name: "n",
   class: "n1o2cwub",
   propsAsIs: !1
-}), $s = /* @__PURE__ */ o("div")({
+}), qs = /* @__PURE__ */ o("div")({
   name: "r",
   class: "r3uxe45",
   propsAsIs: !1
-}), Rs = /* @__PURE__ */ o("div")({
+}), Ys = /* @__PURE__ */ o("div")({
   name: "l",
   class: "lrqius",
   propsAsIs: !1
 }), Ye = ({ created: t, title: e, instantView: s }) => {
-  const n = H(() => {
+  const n = B(() => {
     if (t) {
       const i = new Date(t);
       if (Je(i))
@@ -599,59 +626,61 @@ const js = /* @__PURE__ */ o("div")({
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ v(js, { children: [
-    n && /* @__PURE__ */ v(Rs, { children: [
+  return /* @__PURE__ */ I(Rs, { children: [
+    n && /* @__PURE__ */ I(Ys, { children: [
       n.date,
       " · ",
       n.time
     ] }),
-    (s == null ? void 0 : s.video) && /* @__PURE__ */ a(et, { source: s.video.url, poster: s.video.thumbnailUrl }),
-    /* @__PURE__ */ v(Ls, { children: [
-      /* @__PURE__ */ a(Cs, { children: (s == null ? void 0 : s.heading) || e }),
-      /* @__PURE__ */ a($s, { children: s == null ? void 0 : s.body })
+    (s == null ? void 0 : s.video) && /* @__PURE__ */ r(et, { source: s.video.url, poster: s.video.thumbnailUrl }),
+    /* @__PURE__ */ I(Us, { children: [
+      /* @__PURE__ */ r(Qs, { children: (s == null ? void 0 : s.heading) || e }),
+      /* @__PURE__ */ r(qs, { children: s == null ? void 0 : s.body })
     ] })
   ] });
 };
-const Us = /* @__PURE__ */ o("div")({
+const Ps = /* @__PURE__ */ o("div")({
   name: "o",
   class: "o18unvw4",
   propsAsIs: !1
-}), Qs = /* @__PURE__ */ o("a")({
+}), Ws = /* @__PURE__ */ o("a")({
   name: "n",
   class: "ns0uvk8",
   propsAsIs: !1
-}), qs = ({ instantView: t, ...e }) => /* @__PURE__ */ v(Us, { children: [
-  /* @__PURE__ */ a(Ye, { instantView: t, ...e }),
-  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ v(Qs, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
+}), Fs = ({ instantView: t, ...e }) => /* @__PURE__ */ I(Ps, { children: [
+  /* @__PURE__ */ r(Ye, { instantView: t, ...e }),
+  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ I(Ws, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ a(x, { name: "icon-external-link" })
+    /* @__PURE__ */ r(x, { name: "icon-external-link" })
   ] })
 ] });
-const Ys = /* @__PURE__ */ o("div")({
+const Vs = /* @__PURE__ */ o("div")({
   name: "d",
   class: "dk8r1eq",
   propsAsIs: !1
-}), Ps = ({
+}), Hs = ({
   openedQuestion: t
 }) => {
   var e;
-  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ a(qs, {
+  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ r(Fs, {
     created: t.attributes.created,
     ...t.attributes.attributes.value
   }) : null;
-}, Ws = ({
+}, Bs = ({
   extendedQuestion: t,
-  vote: e
+  vote: e,
+  close: s
 }) => {
   const {
-    loading: s,
-    data: n
+    loading: n,
+    data: i
   } = t;
-  return !s && n ? /* @__PURE__ */ a(Es, {
+  return !n && i ? /* @__PURE__ */ r(Cs, {
     vote: e,
-    openedQuestion: n
+    close: s,
+    openedQuestion: i
   }) : null;
-}, Fs = ({
+}, Gs = ({
   gamification: t
 }) => {
   var e;
@@ -659,42 +688,43 @@ const Ys = /* @__PURE__ */ o("div")({
   if (!s)
     return null;
   const i = s.type;
-  return /* @__PURE__ */ v(Ys, {
-    children: [/* @__PURE__ */ a($e, {
+  return /* @__PURE__ */ I(Vs, {
+    children: [/* @__PURE__ */ r(Ce, {
       close: t.closeQuestion,
       type: ((e = s.attributes) == null ? void 0 : e.type) || D.UNSET
-    }), i === "question" && /* @__PURE__ */ a(Ws, {
+    }), i === "question" && /* @__PURE__ */ r(Bs, {
       vote: t.submitAnswer,
+      close: t.closeQuestion,
       extendedQuestion: n
-    }), i !== "question" && /* @__PURE__ */ a(Ps, {
+    }), i !== "question" && /* @__PURE__ */ r(Hs, {
       openedQuestion: s
     })]
   });
 };
-const Vs = /* @__PURE__ */ o("div")({
+const Zs = /* @__PURE__ */ o("div")({
   name: "t",
   class: "tcim9sm",
   propsAsIs: !1
-}), Hs = /* @__PURE__ */ o("div")({
+}), Js = /* @__PURE__ */ o("div")({
   name: "e",
   class: "e8wco6o",
   propsAsIs: !1
-}), Bs = /* @__PURE__ */ o("button")({
+}), Ks = /* @__PURE__ */ o("button")({
   name: "n",
   class: "n1ardwzl",
   propsAsIs: !1
-}), Gs = /* @__PURE__ */ o("span")({
+}), Xs = /* @__PURE__ */ o("span")({
   name: "i",
   class: "i1vk8ojx",
   propsAsIs: !1
 });
-var Q = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(Q || {});
-const ye = ({ title: t, active: e, onClick: s }) => /* @__PURE__ */ a(Bs, { onClick: s, "data-selected": e, children: /* @__PURE__ */ a(Gs, { children: t }) }), Zs = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ a(Vs, { children: /* @__PURE__ */ v(Hs, { "data-position": t === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ a(ye, { title: "Home", active: t === "home", onClick: () => e(
+var q = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(q || {});
+const ye = ({ title: t, active: e, onClick: s }) => /* @__PURE__ */ r(Ks, { onClick: s, "data-selected": e, children: /* @__PURE__ */ r(Xs, { children: t }) }), en = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ r(Zs, { children: /* @__PURE__ */ I(Js, { "data-position": t === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ r(ye, { title: "Home", active: t === "home", onClick: () => e(
     "home"
     /* HOME */
   ) }),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ r(
     ye,
     {
       title: "Leader Board",
@@ -722,70 +752,70 @@ X == null || Ae == null ? (ie = K, re = function(e) {
   }, ze);
   return [s, n];
 });
-function Js(t) {
-  let e, s, n, i, p, d, f;
+function tn(t) {
+  let e, s, n, i, p, d, m;
   const h = typeof document < "u" && document.attachEvent;
   if (!h) {
     d = function(c) {
-      const u = c.__resizeTriggers__, I = u.firstElementChild, _ = u.lastElementChild, A = I.firstElementChild;
-      _.scrollLeft = _.scrollWidth, _.scrollTop = _.scrollHeight, A.style.width = I.offsetWidth + 1 + "px", A.style.height = I.offsetHeight + 1 + "px", I.scrollLeft = I.scrollWidth, I.scrollTop = I.scrollHeight;
+      const f = c.__resizeTriggers__, v = f.firstElementChild, N = f.lastElementChild, A = v.firstElementChild;
+      N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight, A.style.width = v.offsetWidth + 1 + "px", A.style.height = v.offsetHeight + 1 + "px", v.scrollLeft = v.scrollWidth, v.scrollTop = v.scrollHeight;
     }, p = function(c) {
       return c.offsetWidth !== c.__resizeLast__.width || c.offsetHeight !== c.__resizeLast__.height;
-    }, f = function(c) {
+    }, m = function(c) {
       if (c.target.className && typeof c.target.className.indexOf == "function" && c.target.className.indexOf("contract-trigger") < 0 && c.target.className.indexOf("expand-trigger") < 0)
         return;
-      const u = this;
+      const f = this;
       d(this), this.__resizeRAF__ && ie(this.__resizeRAF__), this.__resizeRAF__ = re(function() {
-        p(u) && (u.__resizeLast__.width = u.offsetWidth, u.__resizeLast__.height = u.offsetHeight, u.__resizeListeners__.forEach(function(A) {
-          A.call(u, c);
+        p(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(A) {
+          A.call(f, c);
         }));
       });
     };
-    let l = !1, y = "";
+    let l = !1, M = "";
     n = "animationstart";
-    const M = "Webkit Moz O ms".split(" ");
-    let r = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), m = "";
+    const y = "Webkit Moz O ms".split(" ");
+    let a = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), u = "";
     {
       const c = document.createElement("fakeelement");
       if (c.style.animationName !== void 0 && (l = !0), l === !1) {
-        for (let u = 0; u < M.length; u++)
-          if (c.style[M[u] + "AnimationName"] !== void 0) {
-            m = M[u], y = "-" + m.toLowerCase() + "-", n = r[u], l = !0;
+        for (let f = 0; f < y.length; f++)
+          if (c.style[y[f] + "AnimationName"] !== void 0) {
+            u = y[f], M = "-" + u.toLowerCase() + "-", n = a[f], l = !0;
             break;
           }
       }
     }
-    s = "resizeanim", e = "@" + y + "keyframes " + s + " { from { opacity: 0; } to { opacity: 0; } } ", i = y + "animation: 1ms " + s + "; ";
+    s = "resizeanim", e = "@" + M + "keyframes " + s + " { from { opacity: 0; } to { opacity: 0; } } ", i = M + "animation: 1ms " + s + "; ";
   }
   const g = function(l) {
     if (!l.getElementById("detectElementResize")) {
-      const y = (e || "") + ".resize-triggers { " + (i || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', M = l.head || l.getElementsByTagName("head")[0], r = l.createElement("style");
-      r.id = "detectElementResize", r.type = "text/css", t != null && r.setAttribute("nonce", t), r.styleSheet ? r.styleSheet.cssText = y : r.appendChild(l.createTextNode(y)), M.appendChild(r);
+      const M = (e || "") + ".resize-triggers { " + (i || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', y = l.head || l.getElementsByTagName("head")[0], a = l.createElement("style");
+      a.id = "detectElementResize", a.type = "text/css", t != null && a.setAttribute("nonce", t), a.styleSheet ? a.styleSheet.cssText = M : a.appendChild(l.createTextNode(M)), y.appendChild(a);
     }
   };
   return {
-    addResizeListener: function(l, y) {
+    addResizeListener: function(l, M) {
       if (h)
-        l.attachEvent("onresize", y);
+        l.attachEvent("onresize", M);
       else {
         if (!l.__resizeTriggers__) {
-          const M = l.ownerDocument, r = w.getComputedStyle(l);
-          r && r.position === "static" && (l.style.position = "relative"), g(M), l.__resizeLast__ = {}, l.__resizeListeners__ = [], (l.__resizeTriggers__ = M.createElement("div")).className = "resize-triggers";
-          const m = M.createElement("div");
-          m.className = "expand-trigger", m.appendChild(M.createElement("div"));
-          const c = M.createElement("div");
-          c.className = "contract-trigger", l.__resizeTriggers__.appendChild(m), l.__resizeTriggers__.appendChild(c), l.appendChild(l.__resizeTriggers__), d(l), l.addEventListener("scroll", f, !0), n && (l.__resizeTriggers__.__animationListener__ = function(I) {
-            I.animationName === s && d(l);
+          const y = l.ownerDocument, a = w.getComputedStyle(l);
+          a && a.position === "static" && (l.style.position = "relative"), g(y), l.__resizeLast__ = {}, l.__resizeListeners__ = [], (l.__resizeTriggers__ = y.createElement("div")).className = "resize-triggers";
+          const u = y.createElement("div");
+          u.className = "expand-trigger", u.appendChild(y.createElement("div"));
+          const c = y.createElement("div");
+          c.className = "contract-trigger", l.__resizeTriggers__.appendChild(u), l.__resizeTriggers__.appendChild(c), l.appendChild(l.__resizeTriggers__), d(l), l.addEventListener("scroll", m, !0), n && (l.__resizeTriggers__.__animationListener__ = function(v) {
+            v.animationName === s && d(l);
           }, l.__resizeTriggers__.addEventListener(n, l.__resizeTriggers__.__animationListener__));
         }
-        l.__resizeListeners__.push(y);
+        l.__resizeListeners__.push(M);
       }
     },
-    removeResizeListener: function(l, y) {
+    removeResizeListener: function(l, M) {
       if (h)
-        l.detachEvent("onresize", y);
-      else if (l.__resizeListeners__.splice(l.__resizeListeners__.indexOf(y), 1), !l.__resizeListeners__.length) {
-        l.removeEventListener("scroll", f, !0), l.__resizeTriggers__.__animationListener__ && (l.__resizeTriggers__.removeEventListener(n, l.__resizeTriggers__.__animationListener__), l.__resizeTriggers__.__animationListener__ = null);
+        l.detachEvent("onresize", M);
+      else if (l.__resizeListeners__.splice(l.__resizeListeners__.indexOf(M), 1), !l.__resizeListeners__.length) {
+        l.removeEventListener("scroll", m, !0), l.__resizeTriggers__.__animationListener__ && (l.__resizeTriggers__.removeEventListener(n, l.__resizeTriggers__.__animationListener__), l.__resizeTriggers__.__animationListener__ = null);
         try {
           l.__resizeTriggers__ = !l.removeChild(l.__resizeTriggers__);
         } catch {
@@ -794,7 +824,7 @@ function Js(t) {
     }
   };
 }
-class Ks extends at {
+class sn extends at {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -809,18 +839,18 @@ class Ks extends at {
         onResize: i
       } = this.props;
       if (this._parentNode) {
-        var p, d, f, h;
-        const g = window.getComputedStyle(this._parentNode) || {}, N = parseFloat((p = g.paddingLeft) !== null && p !== void 0 ? p : "0"), z = parseFloat((d = g.paddingRight) !== null && d !== void 0 ? d : "0"), l = parseFloat((f = g.paddingTop) !== null && f !== void 0 ? f : "0"), y = parseFloat((h = g.paddingBottom) !== null && h !== void 0 ? h : "0"), M = this._parentNode.getBoundingClientRect(), r = M.height - l - y, m = M.width - N - z, c = this._parentNode.offsetHeight - l - y, u = this._parentNode.offsetWidth - N - z;
-        (!s && (this.state.height !== c || this.state.scaledHeight !== r) || !n && (this.state.width !== u || this.state.scaledWidth !== m)) && (this.setState({
+        var p, d, m, h;
+        const g = window.getComputedStyle(this._parentNode) || {}, _ = parseFloat((p = g.paddingLeft) !== null && p !== void 0 ? p : "0"), z = parseFloat((d = g.paddingRight) !== null && d !== void 0 ? d : "0"), l = parseFloat((m = g.paddingTop) !== null && m !== void 0 ? m : "0"), M = parseFloat((h = g.paddingBottom) !== null && h !== void 0 ? h : "0"), y = this._parentNode.getBoundingClientRect(), a = y.height - l - M, u = y.width - _ - z, c = this._parentNode.offsetHeight - l - M, f = this._parentNode.offsetWidth - _ - z;
+        (!s && (this.state.height !== c || this.state.scaledHeight !== a) || !n && (this.state.width !== f || this.state.scaledWidth !== u)) && (this.setState({
           height: c,
-          width: u,
-          scaledHeight: r,
-          scaledWidth: m
+          width: f,
+          scaledHeight: a,
+          scaledWidth: u
         }), typeof i == "function" && i({
           height: c,
-          scaledHeight: r,
-          scaledWidth: m,
-          width: u
+          scaledHeight: a,
+          scaledWidth: u,
+          width: f
         }));
       }
     }, this._setRef = (s) => {
@@ -833,7 +863,7 @@ class Ks extends at {
     } = this.props;
     this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._parentNode != null && (typeof ResizeObserver < "u" ? (this._resizeObserver = new ResizeObserver(() => {
       this._timeoutId = setTimeout(this._onResize, 0);
-    }), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = Js(e), this._detectElementResize.addResizeListener(this._parentNode, this._onResize)), this._onResize()));
+    }), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = tn(e), this._detectElementResize.addResizeListener(this._parentNode, this._onResize)), this._onResize()));
   }
   componentWillUnmount() {
     this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && (this._resizeObserver.observe(this._parentNode), this._resizeObserver.disconnect()));
@@ -846,27 +876,27 @@ class Ks extends at {
       disableHeight: i = !1,
       disableWidth: p = !1,
       nonce: d,
-      onResize: f,
+      onResize: m,
       style: h = {},
       tagName: g = "div",
-      ...N
+      ..._
     } = this.props, {
       height: z,
       scaledHeight: l,
-      scaledWidth: y,
-      width: M
-    } = this.state, r = {
+      scaledWidth: M,
+      width: y
+    } = this.state, a = {
       overflow: "visible"
-    }, m = {};
+    }, u = {};
     let c = !1;
-    return i || (z === 0 && (c = !0), r.height = 0, m.height = z, m.scaledHeight = l), p || (M === 0 && (c = !0), r.width = 0, m.width = M, m.scaledWidth = y), B(g, {
+    return i || (z === 0 && (c = !0), a.height = 0, u.height = z, u.scaledHeight = l), p || (y === 0 && (c = !0), a.width = 0, u.width = y, u.scaledWidth = M), G(g, {
       ref: this._setRef,
       style: {
-        ...r,
+        ...a,
         ...h
       },
-      ...N
-    }, !c && e(m));
+      ..._
+    }, !c && e(u));
   }
 }
 function ae() {
@@ -889,34 +919,34 @@ function oe(t, e) {
     return n.__proto__ = i, n;
   }, oe(t, e);
 }
-function Xs(t, e) {
+function nn(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, oe(t, e);
 }
 var Te = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function en(t, e) {
+function rn(t, e) {
   return !!(t === e || Te(t) && Te(e));
 }
-function tn(t, e) {
+function an(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var s = 0; s < t.length; s++)
-    if (!en(t[s], e[s]))
+    if (!rn(t[s], e[s]))
       return !1;
   return !0;
 }
 function ee(t, e) {
-  e === void 0 && (e = tn);
+  e === void 0 && (e = an);
   var s, n = [], i, p = !1;
   function d() {
-    for (var f = [], h = 0; h < arguments.length; h++)
-      f[h] = arguments[h];
-    return p && s === this && e(f, n) || (i = t.apply(this, f), p = !0, s = this, n = f), i;
+    for (var m = [], h = 0; h < arguments.length; h++)
+      m[h] = arguments[h];
+    return p && s === this && e(m, n) || (i = t.apply(this, m), p = !0, s = this, n = m), i;
   }
   return d;
 }
-var sn = typeof performance == "object" && typeof performance.now == "function", Se = sn ? function() {
+var on = typeof performance == "object" && typeof performance.now == "function", Se = on ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -924,7 +954,7 @@ var sn = typeof performance == "object" && typeof performance.now == "function",
 function xe(t) {
   cancelAnimationFrame(t.id);
 }
-function nn(t, e) {
+function ln(t, e) {
   var s = Se();
   function n() {
     Se() - s >= e ? t.call(null) : i.id = requestAnimationFrame(n);
@@ -952,209 +982,209 @@ function we(t) {
   }
   return j;
 }
-var rn = 150, an = function(e, s) {
+var cn = 150, dn = function(e, s) {
   return e;
 };
-function on(t) {
-  var e, s = t.getItemOffset, n = t.getEstimatedTotalSize, i = t.getItemSize, p = t.getOffsetForIndexAndAlignment, d = t.getStartIndexForOffset, f = t.getStopIndexForStartIndex, h = t.initInstanceProps, g = t.shouldResetStyleCacheOnItemSizeChange, N = t.validateProps;
+function un(t) {
+  var e, s = t.getItemOffset, n = t.getEstimatedTotalSize, i = t.getItemSize, p = t.getOffsetForIndexAndAlignment, d = t.getStartIndexForOffset, m = t.getStopIndexForStartIndex, h = t.initInstanceProps, g = t.shouldResetStyleCacheOnItemSizeChange, _ = t.validateProps;
   return e = /* @__PURE__ */ function(z) {
-    Xs(l, z);
-    function l(M) {
-      var r;
-      return r = z.call(this, M) || this, r._instanceProps = h(r.props, _e(r)), r._outerRef = void 0, r._resetIsScrollingTimeoutId = null, r.state = {
-        instance: _e(r),
+    nn(l, z);
+    function l(y) {
+      var a;
+      return a = z.call(this, y) || this, a._instanceProps = h(a.props, _e(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+        instance: _e(a),
         isScrolling: !1,
         scrollDirection: "forward",
-        scrollOffset: typeof r.props.initialScrollOffset == "number" ? r.props.initialScrollOffset : 0,
+        scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = ee(function(m, c, u, I) {
-        return r.props.onItemsRendered({
-          overscanStartIndex: m,
+      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = ee(function(u, c, f, v) {
+        return a.props.onItemsRendered({
+          overscanStartIndex: u,
           overscanStopIndex: c,
-          visibleStartIndex: u,
-          visibleStopIndex: I
+          visibleStartIndex: f,
+          visibleStopIndex: v
         });
-      }), r._callOnScroll = void 0, r._callOnScroll = ee(function(m, c, u) {
-        return r.props.onScroll({
-          scrollDirection: m,
+      }), a._callOnScroll = void 0, a._callOnScroll = ee(function(u, c, f) {
+        return a.props.onScroll({
+          scrollDirection: u,
           scrollOffset: c,
-          scrollUpdateWasRequested: u
+          scrollUpdateWasRequested: f
         });
-      }), r._getItemStyle = void 0, r._getItemStyle = function(m) {
-        var c = r.props, u = c.direction, I = c.itemSize, _ = c.layout, A = r._getItemStyleCache(g && I, g && _, g && u), T;
-        if (A.hasOwnProperty(m))
-          T = A[m];
+      }), a._getItemStyle = void 0, a._getItemStyle = function(u) {
+        var c = a.props, f = c.direction, v = c.itemSize, N = c.layout, A = a._getItemStyleCache(g && v, g && N, g && f), T;
+        if (A.hasOwnProperty(u))
+          T = A[u];
         else {
-          var S = s(r.props, m, r._instanceProps), k = i(r.props, m, r._instanceProps), b = u === "horizontal" || _ === "horizontal", P = u === "rtl", W = b ? S : 0;
-          A[m] = T = {
+          var S = s(a.props, u, a._instanceProps), b = i(a.props, u, a._instanceProps), k = f === "horizontal" || N === "horizontal", W = f === "rtl", F = k ? S : 0;
+          A[u] = T = {
             position: "absolute",
-            left: P ? void 0 : W,
-            right: P ? W : void 0,
-            top: b ? 0 : S,
-            height: b ? "100%" : k,
-            width: b ? k : "100%"
+            left: W ? void 0 : F,
+            right: W ? F : void 0,
+            top: k ? 0 : S,
+            height: k ? "100%" : b,
+            width: k ? b : "100%"
           };
         }
         return T;
-      }, r._getItemStyleCache = void 0, r._getItemStyleCache = ee(function(m, c, u) {
+      }, a._getItemStyleCache = void 0, a._getItemStyleCache = ee(function(u, c, f) {
         return {};
-      }), r._onScrollHorizontal = function(m) {
-        var c = m.currentTarget, u = c.clientWidth, I = c.scrollLeft, _ = c.scrollWidth;
-        r.setState(function(A) {
-          if (A.scrollOffset === I)
+      }), a._onScrollHorizontal = function(u) {
+        var c = u.currentTarget, f = c.clientWidth, v = c.scrollLeft, N = c.scrollWidth;
+        a.setState(function(A) {
+          if (A.scrollOffset === v)
             return null;
-          var T = r.props.direction, S = I;
+          var T = a.props.direction, S = v;
           if (T === "rtl")
             switch (we()) {
               case "negative":
-                S = -I;
+                S = -v;
                 break;
               case "positive-descending":
-                S = _ - u - I;
+                S = N - f - v;
                 break;
             }
-          return S = Math.max(0, Math.min(S, _ - u)), {
+          return S = Math.max(0, Math.min(S, N - f)), {
             isScrolling: !0,
-            scrollDirection: A.scrollOffset < I ? "forward" : "backward",
+            scrollDirection: A.scrollOffset < v ? "forward" : "backward",
             scrollOffset: S,
             scrollUpdateWasRequested: !1
           };
-        }, r._resetIsScrollingDebounced);
-      }, r._onScrollVertical = function(m) {
-        var c = m.currentTarget, u = c.clientHeight, I = c.scrollHeight, _ = c.scrollTop;
-        r.setState(function(A) {
-          if (A.scrollOffset === _)
+        }, a._resetIsScrollingDebounced);
+      }, a._onScrollVertical = function(u) {
+        var c = u.currentTarget, f = c.clientHeight, v = c.scrollHeight, N = c.scrollTop;
+        a.setState(function(A) {
+          if (A.scrollOffset === N)
             return null;
-          var T = Math.max(0, Math.min(_, I - u));
+          var T = Math.max(0, Math.min(N, v - f));
           return {
             isScrolling: !0,
             scrollDirection: A.scrollOffset < T ? "forward" : "backward",
             scrollOffset: T,
             scrollUpdateWasRequested: !1
           };
-        }, r._resetIsScrollingDebounced);
-      }, r._outerRefSetter = function(m) {
-        var c = r.props.outerRef;
-        r._outerRef = m, typeof c == "function" ? c(m) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = m);
-      }, r._resetIsScrollingDebounced = function() {
-        r._resetIsScrollingTimeoutId !== null && xe(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = nn(r._resetIsScrolling, rn);
-      }, r._resetIsScrolling = function() {
-        r._resetIsScrollingTimeoutId = null, r.setState({
+        }, a._resetIsScrollingDebounced);
+      }, a._outerRefSetter = function(u) {
+        var c = a.props.outerRef;
+        a._outerRef = u, typeof c == "function" ? c(u) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = u);
+      }, a._resetIsScrollingDebounced = function() {
+        a._resetIsScrollingTimeoutId !== null && xe(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = ln(a._resetIsScrolling, cn);
+      }, a._resetIsScrolling = function() {
+        a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
         }, function() {
-          r._getItemStyleCache(-1, null);
+          a._getItemStyleCache(-1, null);
         });
-      }, r;
+      }, a;
     }
-    l.getDerivedStateFromProps = function(r, m) {
-      return ln(r, m), N(r), null;
+    l.getDerivedStateFromProps = function(a, u) {
+      return pn(a, u), _(a), null;
     };
-    var y = l.prototype;
-    return y.scrollTo = function(r) {
-      r = Math.max(0, r), this.setState(function(m) {
-        return m.scrollOffset === r ? null : {
-          scrollDirection: m.scrollOffset < r ? "forward" : "backward",
-          scrollOffset: r,
+    var M = l.prototype;
+    return M.scrollTo = function(a) {
+      a = Math.max(0, a), this.setState(function(u) {
+        return u.scrollOffset === a ? null : {
+          scrollDirection: u.scrollOffset < a ? "forward" : "backward",
+          scrollOffset: a,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, y.scrollToItem = function(r, m) {
-      m === void 0 && (m = "auto");
-      var c = this.props, u = c.itemCount, I = c.layout, _ = this.state.scrollOffset;
-      r = Math.max(0, Math.min(r, u - 1));
+    }, M.scrollToItem = function(a, u) {
+      u === void 0 && (u = "auto");
+      var c = this.props, f = c.itemCount, v = c.layout, N = this.state.scrollOffset;
+      a = Math.max(0, Math.min(a, f - 1));
       var A = 0;
       if (this._outerRef) {
         var T = this._outerRef;
-        I === "vertical" ? A = T.scrollWidth > T.clientWidth ? De() : 0 : A = T.scrollHeight > T.clientHeight ? De() : 0;
+        v === "vertical" ? A = T.scrollWidth > T.clientWidth ? De() : 0 : A = T.scrollHeight > T.clientHeight ? De() : 0;
       }
-      this.scrollTo(p(this.props, r, m, _, this._instanceProps, A));
-    }, y.componentDidMount = function() {
-      var r = this.props, m = r.direction, c = r.initialScrollOffset, u = r.layout;
+      this.scrollTo(p(this.props, a, u, N, this._instanceProps, A));
+    }, M.componentDidMount = function() {
+      var a = this.props, u = a.direction, c = a.initialScrollOffset, f = a.layout;
       if (typeof c == "number" && this._outerRef != null) {
-        var I = this._outerRef;
-        m === "horizontal" || u === "horizontal" ? I.scrollLeft = c : I.scrollTop = c;
+        var v = this._outerRef;
+        u === "horizontal" || f === "horizontal" ? v.scrollLeft = c : v.scrollTop = c;
       }
       this._callPropsCallbacks();
-    }, y.componentDidUpdate = function() {
-      var r = this.props, m = r.direction, c = r.layout, u = this.state, I = u.scrollOffset, _ = u.scrollUpdateWasRequested;
-      if (_ && this._outerRef != null) {
+    }, M.componentDidUpdate = function() {
+      var a = this.props, u = a.direction, c = a.layout, f = this.state, v = f.scrollOffset, N = f.scrollUpdateWasRequested;
+      if (N && this._outerRef != null) {
         var A = this._outerRef;
-        if (m === "horizontal" || c === "horizontal")
-          if (m === "rtl")
+        if (u === "horizontal" || c === "horizontal")
+          if (u === "rtl")
             switch (we()) {
               case "negative":
-                A.scrollLeft = -I;
+                A.scrollLeft = -v;
                 break;
               case "positive-ascending":
-                A.scrollLeft = I;
+                A.scrollLeft = v;
                 break;
               default:
                 var T = A.clientWidth, S = A.scrollWidth;
-                A.scrollLeft = S - T - I;
+                A.scrollLeft = S - T - v;
                 break;
             }
           else
-            A.scrollLeft = I;
+            A.scrollLeft = v;
         else
-          A.scrollTop = I;
+          A.scrollTop = v;
       }
       this._callPropsCallbacks();
-    }, y.componentWillUnmount = function() {
+    }, M.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && xe(this._resetIsScrollingTimeoutId);
-    }, y.render = function() {
-      var r = this.props, m = r.children, c = r.className, u = r.direction, I = r.height, _ = r.innerRef, A = r.innerElementType, T = r.innerTagName, S = r.itemCount, k = r.itemData, b = r.itemKey, P = b === void 0 ? an : b, W = r.layout, Pe = r.outerElementType, We = r.outerTagName, Fe = r.style, Ve = r.useIsScrolling, He = r.width, le = this.state.isScrolling, Z = u === "horizontal" || W === "horizontal", Be = Z ? this._onScrollHorizontal : this._onScrollVertical, ce = this._getRangeToRender(), Ge = ce[0], Ze = ce[1], de = [];
+    }, M.render = function() {
+      var a = this.props, u = a.children, c = a.className, f = a.direction, v = a.height, N = a.innerRef, A = a.innerElementType, T = a.innerTagName, S = a.itemCount, b = a.itemData, k = a.itemKey, W = k === void 0 ? dn : k, F = a.layout, Pe = a.outerElementType, We = a.outerTagName, Fe = a.style, Ve = a.useIsScrolling, He = a.width, le = this.state.isScrolling, Z = f === "horizontal" || F === "horizontal", Be = Z ? this._onScrollHorizontal : this._onScrollVertical, ce = this._getRangeToRender(), Ge = ce[0], Ze = ce[1], de = [];
       if (S > 0)
-        for (var R = Ge; R <= Ze; R++)
-          de.push(B(m, {
-            data: k,
-            key: P(R, k),
-            index: R,
+        for (var U = Ge; U <= Ze; U++)
+          de.push(G(u, {
+            data: b,
+            key: W(U, b),
+            index: U,
             isScrolling: Ve ? le : void 0,
-            style: this._getItemStyle(R)
+            style: this._getItemStyle(U)
           }));
       var ue = n(this.props, this._instanceProps);
-      return B(Pe || We || "div", {
+      return G(Pe || We || "div", {
         className: c,
         onScroll: Be,
         ref: this._outerRefSetter,
         style: ae({
           position: "relative",
-          height: I,
+          height: v,
           width: He,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: u
+          direction: f
         }, Fe)
-      }, B(A || T || "div", {
+      }, G(A || T || "div", {
         children: de,
-        ref: _,
+        ref: N,
         style: {
           height: Z ? "100%" : ue,
           pointerEvents: le ? "none" : void 0,
           width: Z ? ue : "100%"
         }
       }));
-    }, y._callPropsCallbacks = function() {
+    }, M._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
-        var r = this.props.itemCount;
-        if (r > 0) {
-          var m = this._getRangeToRender(), c = m[0], u = m[1], I = m[2], _ = m[3];
-          this._callOnItemsRendered(c, u, I, _);
+        var a = this.props.itemCount;
+        if (a > 0) {
+          var u = this._getRangeToRender(), c = u[0], f = u[1], v = u[2], N = u[3];
+          this._callOnItemsRendered(c, f, v, N);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var A = this.state, T = A.scrollDirection, S = A.scrollOffset, k = A.scrollUpdateWasRequested;
-        this._callOnScroll(T, S, k);
+        var A = this.state, T = A.scrollDirection, S = A.scrollOffset, b = A.scrollUpdateWasRequested;
+        this._callOnScroll(T, S, b);
       }
-    }, y._getRangeToRender = function() {
-      var r = this.props, m = r.itemCount, c = r.overscanCount, u = this.state, I = u.isScrolling, _ = u.scrollDirection, A = u.scrollOffset;
-      if (m === 0)
+    }, M._getRangeToRender = function() {
+      var a = this.props, u = a.itemCount, c = a.overscanCount, f = this.state, v = f.isScrolling, N = f.scrollDirection, A = f.scrollOffset;
+      if (u === 0)
         return [0, 0, 0, 0];
-      var T = d(this.props, A, this._instanceProps), S = f(this.props, T, A, this._instanceProps), k = !I || _ === "backward" ? Math.max(1, c) : 1, b = !I || _ === "forward" ? Math.max(1, c) : 1;
-      return [Math.max(0, T - k), Math.max(0, Math.min(m - 1, S + b)), T, S];
+      var T = d(this.props, A, this._instanceProps), S = m(this.props, T, A, this._instanceProps), b = !v || N === "backward" ? Math.max(1, c) : 1, k = !v || N === "forward" ? Math.max(1, c) : 1;
+      return [Math.max(0, T - b), Math.max(0, Math.min(u - 1, S + k)), T, S];
     }, l;
-  }(Ce), e.defaultProps = {
+  }($e), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1162,9 +1192,9 @@ function on(t) {
     useIsScrolling: !1
   }, e;
 }
-var ln = function(e, s) {
+var pn = function(e, s) {
   e.children, e.direction, e.height, e.layout, e.innerTagName, e.outerTagName, e.width, s.instance;
-}, cn = /* @__PURE__ */ on({
+}, hn = /* @__PURE__ */ un({
   getItemOffset: function(e, s) {
     var n = e.itemSize;
     return s * n;
@@ -1178,19 +1208,19 @@ var ln = function(e, s) {
     return n * s;
   },
   getOffsetForIndexAndAlignment: function(e, s, n, i, p, d) {
-    var f = e.direction, h = e.height, g = e.itemCount, N = e.itemSize, z = e.layout, l = e.width, y = f === "horizontal" || z === "horizontal", M = y ? l : h, r = Math.max(0, g * N - M), m = Math.min(r, s * N), c = Math.max(0, s * N - M + N + d);
-    switch (n === "smart" && (i >= c - M && i <= m + M ? n = "auto" : n = "center"), n) {
+    var m = e.direction, h = e.height, g = e.itemCount, _ = e.itemSize, z = e.layout, l = e.width, M = m === "horizontal" || z === "horizontal", y = M ? l : h, a = Math.max(0, g * _ - y), u = Math.min(a, s * _), c = Math.max(0, s * _ - y + _ + d);
+    switch (n === "smart" && (i >= c - y && i <= u + y ? n = "auto" : n = "center"), n) {
       case "start":
-        return m;
+        return u;
       case "end":
         return c;
       case "center": {
-        var u = Math.round(c + (m - c) / 2);
-        return u < Math.ceil(M / 2) ? 0 : u > r + Math.floor(M / 2) ? r : u;
+        var f = Math.round(c + (u - c) / 2);
+        return f < Math.ceil(y / 2) ? 0 : f > a + Math.floor(y / 2) ? a : f;
       }
       case "auto":
       default:
-        return i >= c && i <= m ? i : i < c ? c : m;
+        return i >= c && i <= u ? i : i < c ? c : u;
     }
   },
   getStartIndexForOffset: function(e, s) {
@@ -1198,10 +1228,10 @@ var ln = function(e, s) {
     return Math.max(0, Math.min(n - 1, Math.floor(s / i)));
   },
   getStopIndexForStartIndex: function(e, s, n) {
-    var i = e.direction, p = e.height, d = e.itemCount, f = e.itemSize, h = e.layout, g = e.width, N = i === "horizontal" || h === "horizontal", z = s * f, l = N ? g : p, y = Math.ceil((l + n - z) / f);
+    var i = e.direction, p = e.height, d = e.itemCount, m = e.itemSize, h = e.layout, g = e.width, _ = i === "horizontal" || h === "horizontal", z = s * m, l = _ ? g : p, M = Math.ceil((l + n - z) / m);
     return Math.max(0, Math.min(
       d - 1,
-      s + y - 1
+      s + M - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1212,34 +1242,34 @@ var ln = function(e, s) {
     e.itemSize;
   }
 });
-function dn(t) {
+function mn(t) {
   var e = t.lastRenderedStartIndex, s = t.lastRenderedStopIndex, n = t.startIndex, i = t.stopIndex;
   return !(n > s || i < e);
 }
-function un(t) {
-  for (var e = t.isItemLoaded, s = t.itemCount, n = t.minimumBatchSize, i = t.startIndex, p = t.stopIndex, d = [], f = null, h = null, g = i; g <= p; g++) {
-    var N = e(g);
-    N ? h !== null && (d.push(f, h), f = h = null) : (h = g, f === null && (f = g));
+function fn(t) {
+  for (var e = t.isItemLoaded, s = t.itemCount, n = t.minimumBatchSize, i = t.startIndex, p = t.stopIndex, d = [], m = null, h = null, g = i; g <= p; g++) {
+    var _ = e(g);
+    _ ? h !== null && (d.push(m, h), m = h = null) : (h = g, m === null && (m = g));
   }
   if (h !== null) {
-    for (var z = Math.min(Math.max(h, f + n - 1), s - 1), l = h + 1; l <= z && !e(l); l++)
+    for (var z = Math.min(Math.max(h, m + n - 1), s - 1), l = h + 1; l <= z && !e(l); l++)
       h = l;
-    d.push(f, h);
+    d.push(m, h);
   }
   if (d.length)
     for (; d[1] - d[0] + 1 < n && d[0] > 0; ) {
-      var y = d[0] - 1;
-      if (!e(y))
-        d[0] = y;
+      var M = d[0] - 1;
+      if (!e(M))
+        d[0] = M;
       else
         break;
     }
   return d;
 }
-var pn = function(t, e) {
+var gn = function(t, e) {
   if (!(t instanceof e))
     throw new TypeError("Cannot call a class as a function");
-}, hn = function() {
+}, In = function() {
   function t(e, s) {
     for (var n = 0; n < s.length; n++) {
       var i = s[n];
@@ -1249,7 +1279,7 @@ var pn = function(t, e) {
   return function(e, s, n) {
     return s && t(e.prototype, s), n && t(e, n), e;
   };
-}(), mn = function(t, e) {
+}(), vn = function(t, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof e);
   t.prototype = Object.create(e && e.prototype, {
@@ -1260,25 +1290,25 @@ var pn = function(t, e) {
       configurable: !0
     }
   }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}, ke = function(t, e) {
+}, be = function(t, e) {
   if (!t)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e && (typeof e == "object" || typeof e == "function") ? e : t;
-}, fn = function(t) {
-  mn(e, t);
+}, Mn = function(t) {
+  vn(e, t);
   function e() {
     var s, n, i, p;
-    pn(this, e);
-    for (var d = arguments.length, f = Array(d), h = 0; h < d; h++)
-      f[h] = arguments[h];
-    return p = (n = (i = ke(this, (s = e.__proto__ || Object.getPrototypeOf(e)).call.apply(s, [this].concat(f))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(g) {
-      var N = g.visibleStartIndex, z = g.visibleStopIndex;
-      i._lastRenderedStartIndex = N, i._lastRenderedStopIndex = z, i._ensureRowsLoaded(N, z);
+    gn(this, e);
+    for (var d = arguments.length, m = Array(d), h = 0; h < d; h++)
+      m[h] = arguments[h];
+    return p = (n = (i = be(this, (s = e.__proto__ || Object.getPrototypeOf(e)).call.apply(s, [this].concat(m))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(g) {
+      var _ = g.visibleStartIndex, z = g.visibleStopIndex;
+      i._lastRenderedStartIndex = _, i._lastRenderedStopIndex = z, i._ensureRowsLoaded(_, z);
     }, i._setRef = function(g) {
       i._listRef = g;
-    }, n), ke(i, p);
+    }, n), be(i, p);
   }
-  return hn(e, [{
+  return In(e, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1300,72 +1330,72 @@ var pn = function(t, e) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(n, i) {
-      var p = this.props, d = p.isItemLoaded, f = p.itemCount, h = p.minimumBatchSize, g = h === void 0 ? 10 : h, N = p.threshold, z = N === void 0 ? 15 : N, l = un({
+      var p = this.props, d = p.isItemLoaded, m = p.itemCount, h = p.minimumBatchSize, g = h === void 0 ? 10 : h, _ = p.threshold, z = _ === void 0 ? 15 : _, l = fn({
         isItemLoaded: d,
-        itemCount: f,
+        itemCount: m,
         minimumBatchSize: g,
         startIndex: Math.max(0, n - z),
-        stopIndex: Math.min(f - 1, i + z)
+        stopIndex: Math.min(m - 1, i + z)
       });
-      (this._memoizedUnloadedRanges.length !== l.length || this._memoizedUnloadedRanges.some(function(y, M) {
-        return l[M] !== y;
+      (this._memoizedUnloadedRanges.length !== l.length || this._memoizedUnloadedRanges.some(function(M, y) {
+        return l[y] !== M;
       })) && (this._memoizedUnloadedRanges = l, this._loadUnloadedRanges(l));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(n) {
       for (var i = this, p = this.props.loadMoreItems || this.props.loadMoreRows, d = function(g) {
-        var N = n[g], z = n[g + 1], l = p(N, z);
+        var _ = n[g], z = n[g + 1], l = p(_, z);
         l != null && l.then(function() {
-          if (dn({
+          if (mn({
             lastRenderedStartIndex: i._lastRenderedStartIndex,
             lastRenderedStopIndex: i._lastRenderedStopIndex,
-            startIndex: N,
+            startIndex: _,
             stopIndex: z
           })) {
             if (i._listRef == null)
               return;
-            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(N, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
+            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(_, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
           }
         });
-      }, f = 0; f < n.length; f += 2)
-        d(f);
+      }, m = 0; m < n.length; m += 2)
+        d(m);
     }
   }]), e;
-}(Ce);
-const gn = () => x, In = /* @__PURE__ */ o("div")({
+}($e);
+const yn = () => x, zn = /* @__PURE__ */ o("div")({
   name: "a",
   class: "a1w9zony",
   propsAsIs: !1
-}), vn = /* @__PURE__ */ o("div")({
+}), Nn = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l16qcfv8",
   propsAsIs: !1
-}), Mn = /* @__PURE__ */ o("img")({
+}), An = /* @__PURE__ */ o("img")({
   name: "p",
   class: "p1gmcc5f",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ o("div")({
+}), _n = /* @__PURE__ */ o("div")({
   name: "s",
   class: "s1doddh0",
   propsAsIs: !1
-}), zn = /* @__PURE__ */ o("div")({
+}), Tn = /* @__PURE__ */ o("div")({
   name: "c",
   class: "c1js9xhe",
   propsAsIs: !1
-}), Nn = /* @__PURE__ */ o("div")({
+}), Sn = /* @__PURE__ */ o("div")({
   name: "d",
   class: "d1tmnqsh",
   propsAsIs: !1
-}), An = /* @__PURE__ */ o("span")({
+}), xn = /* @__PURE__ */ o("span")({
   name: "g",
   class: "gi9h87j",
   propsAsIs: !1
-}), _n = /* @__PURE__ */ o(gn())({
+}), Dn = /* @__PURE__ */ o(yn())({
   name: "x",
   class: "x13mk3z6",
   propsAsIs: !0
-}), Tn = ({
+}), wn = ({
   rank: t,
   avatar: e,
   name: s,
@@ -1373,38 +1403,38 @@ const gn = () => x, In = /* @__PURE__ */ o("div")({
   isCurrentUser: i,
   openItemDetail: p,
   style: d
-}) => /* @__PURE__ */ v(In, { onClick: p, style: d, children: [
-  /* @__PURE__ */ a(vn, { children: t || 0 }),
-  /* @__PURE__ */ v(zn, { children: [
-    e ? /* @__PURE__ */ a(Mn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ a(yn, { children: Ee(s || "") }),
-    /* @__PURE__ */ v(Nn, { children: [
-      /* @__PURE__ */ a(An, { children: s || "" }),
-      i && /* @__PURE__ */ a(_n, { name: "icon-star" })
+}) => /* @__PURE__ */ I(zn, { onClick: p, style: d, children: [
+  /* @__PURE__ */ r(Nn, { children: t || 0 }),
+  /* @__PURE__ */ I(Tn, { children: [
+    e ? /* @__PURE__ */ r(An, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ r(_n, { children: Ee(s || "") }),
+    /* @__PURE__ */ I(Sn, { children: [
+      /* @__PURE__ */ r(xn, { children: s || "" }),
+      i && /* @__PURE__ */ r(Dn, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ a("div", { children: je(n) })
-] }), Sn = ({
+  /* @__PURE__ */ r("div", { children: je(n) })
+] }), bn = ({
   items: t,
   currentUserId: e,
   openItemDetail: s,
   fetchMore: n
-}) => /* @__PURE__ */ a(Ks, { children: ({ width: i, height: p }) => /* @__PURE__ */ a(
-  fn,
+}) => /* @__PURE__ */ r(sn, { children: ({ width: i, height: p }) => /* @__PURE__ */ r(
+  Mn,
   {
     isItemLoaded: (d) => d < t.length,
     itemCount: t.length + 1,
     loadMoreItems: n,
-    children: ({ onItemsRendered: d, ref: f }) => /* @__PURE__ */ a(
-      cn,
+    children: ({ onItemsRendered: d, ref: m }) => /* @__PURE__ */ r(
+      hn,
       {
         itemSize: 56,
         onItemsRendered: d,
-        ref: f,
+        ref: m,
         itemCount: t.length,
         width: i,
         height: p,
-        children: ({ index: h, style: g }) => /* @__PURE__ */ a(
-          Tn,
+        children: ({ index: h, style: g }) => /* @__PURE__ */ r(
+          wn,
           {
             style: { ...g, maxHeight: 48 },
             ...t[h],
@@ -1417,76 +1447,76 @@ const gn = () => x, In = /* @__PURE__ */ o("div")({
     )
   }
 ) });
-const xn = () => x, Dn = () => x, wn = /* @__PURE__ */ o("div")({
+const kn = () => x, On = () => x, En = /* @__PURE__ */ o("div")({
   name: "a",
   class: "ay8exst",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ o("div")({
+}), jn = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l31riw0",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ o(xn())({
+}), Ln = /* @__PURE__ */ o(kn())({
   name: "p",
   class: "pcmm4w7",
   propsAsIs: !0
-}), On = /* @__PURE__ */ o("div")({
+}), $n = /* @__PURE__ */ o("div")({
   name: "c",
   class: "cct922a",
   propsAsIs: !1
-}), En = /* @__PURE__ */ o("div")({
+}), Cn = /* @__PURE__ */ o("div")({
   name: "s",
   class: "s12b7u74",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ o("div")({
+}), Rn = /* @__PURE__ */ o("div")({
   name: "x",
   class: "x1896nrl",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ o("div")({
+}), Un = /* @__PURE__ */ o("div")({
   name: "d",
   class: "d1vnagog",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ o("div")({
+}), Qn = /* @__PURE__ */ o("div")({
   name: "g",
   class: "gznzzc2",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ o("span")({
+}), qn = /* @__PURE__ */ o("span")({
   name: "f",
   class: "fnmvyxu",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ o("span")({
+}), Yn = /* @__PURE__ */ o("span")({
   name: "h",
   class: "h1iubd2g",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ o(Dn())({
+}), Pn = /* @__PURE__ */ o(On())({
   name: "m",
   class: "mmvjfuo",
   propsAsIs: !0
-}), Qn = /* @__PURE__ */ o("div")({
+}), Wn = /* @__PURE__ */ o("div")({
   name: "v",
   class: "v1oi1553",
   propsAsIs: !1
-}), qn = /* @__PURE__ */ o("a")({
+}), Fn = /* @__PURE__ */ o("a")({
   name: "w",
   class: "w1vwcogq",
   propsAsIs: !1
-}), Yn = /* @__PURE__ */ o("span")({
+}), Vn = /* @__PURE__ */ o("span")({
   name: "u",
   class: "utbqo0e",
   propsAsIs: !1
-}), Pn = ({
+}), Hn = ({
   inviteLink: t,
   socialLinks: e,
   inviteCardTitle: s,
   inviteCardSubtext: n,
   primaryColor: i,
   className: p
-}) => /* @__PURE__ */ v(wn, { className: p, children: [
-  /* @__PURE__ */ a(kn, { style: { backgroundColor: i }, children: /* @__PURE__ */ a(bn, { name: "invite-game-icon" }) }),
-  /* @__PURE__ */ v(On, { children: [
-    /* @__PURE__ */ a(En, { children: s || "" }),
-    /* @__PURE__ */ a(jn, { children: n || "" })
+}) => /* @__PURE__ */ I(En, { className: p, children: [
+  /* @__PURE__ */ r(jn, { style: { backgroundColor: i }, children: /* @__PURE__ */ r(Ln, { name: "invite-game-icon" }) }),
+  /* @__PURE__ */ I($n, { children: [
+    /* @__PURE__ */ r(Cn, { children: s || "" }),
+    /* @__PURE__ */ r(Rn, { children: n || "" })
   ] }),
-  t && /* @__PURE__ */ v(Ln, { onClick: async () => {
+  t && /* @__PURE__ */ I(Un, { onClick: async () => {
     if (t)
       try {
         await navigator.clipboard.writeText(t);
@@ -1494,20 +1524,20 @@ const xn = () => x, Dn = () => x, wn = /* @__PURE__ */ o("div")({
         console.error("Unable to copy to clipboard", d);
       }
   }, children: [
-    /* @__PURE__ */ v(Cn, { children: [
-      /* @__PURE__ */ a($n, { children: "Invite link" }),
-      /* @__PURE__ */ a(Rn, { children: t })
+    /* @__PURE__ */ I(Qn, { children: [
+      /* @__PURE__ */ r(qn, { children: "Invite link" }),
+      /* @__PURE__ */ r(Yn, { children: t })
     ] }),
-    /* @__PURE__ */ a(Un, { name: "icon-copy" })
+    /* @__PURE__ */ r(Pn, { name: "icon-copy" })
   ] }),
-  e && e.length > 0 && /* @__PURE__ */ a(Qn, { children: e.map(({ icon: d, link: f, label: h }) => /* @__PURE__ */ v(qn, { href: f, target: "_blank", children: [
-    /* @__PURE__ */ a(x, { name: d }),
-    /* @__PURE__ */ a(Yn, { children: h })
-  ] }, f)) })
-] }), Wn = ({ deepLink: t }) => {
+  e && e.length > 0 && /* @__PURE__ */ r(Wn, { children: e.map(({ icon: d, link: m, label: h }) => /* @__PURE__ */ I(Fn, { href: m, target: "_blank", children: [
+    /* @__PURE__ */ r(x, { name: d }),
+    /* @__PURE__ */ r(Vn, { children: h })
+  ] }, m)) })
+] }), Bn = ({ deepLink: t }) => {
   const { data: e } = O(t.$store);
-  return /* @__PURE__ */ a(
-    Pn,
+  return /* @__PURE__ */ r(
+    Hn,
     {
       inviteLink: e == null ? void 0 : e.url,
       socialLinks: [
@@ -1526,65 +1556,65 @@ const xn = () => x, Dn = () => x, wn = /* @__PURE__ */ o("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, Fn = ({ gamification: t }) => {
+}, Gn = ({ gamification: t }) => {
   const { data: e } = O(t.leaderboardList.$store);
-  return e != null && e.length ? /* @__PURE__ */ a(
-    Sn,
+  return e != null && e.length ? /* @__PURE__ */ r(
+    bn,
     {
       fetchMore: t.leaderboardList.fetchMore,
       items: e,
       openItemDetail: t.openUser,
       currentUserId: t.currentUserId.get()
     }
-  ) : /* @__PURE__ */ a(Wn, { deepLink: t.deepLink });
+  ) : /* @__PURE__ */ r(Bn, { deepLink: t.deepLink });
 };
-const Vn = /* @__PURE__ */ o("button")({
+const Zn = /* @__PURE__ */ o("button")({
   name: "a",
   class: "akly9h2",
   propsAsIs: !1
-}), Hn = /* @__PURE__ */ o("span")({
+}), Jn = /* @__PURE__ */ o("span")({
   name: "e",
   class: "eptoiz9",
   propsAsIs: !1
-}), Bn = ({ disabled: t, variant: e = "primary", onClick: s, children: n, ...i }) => /* @__PURE__ */ a(Vn, { onClick: s, disabled: t, "data-variant": e, ...i, children: /* @__PURE__ */ a(Hn, { children: n }) });
-const Gn = () => x, Zn = () => x, Jn = /* @__PURE__ */ o("div")({
+}), Kn = ({ disabled: t, variant: e = "primary", onClick: s, children: n, ...i }) => /* @__PURE__ */ r(Zn, { onClick: s, disabled: t, "data-variant": e, ...i, children: /* @__PURE__ */ r(Jn, { children: n }) });
+const Xn = () => x, ei = () => x, ti = /* @__PURE__ */ o("div")({
   name: "s",
   class: "s1lblda3",
   propsAsIs: !1
-}), Kn = /* @__PURE__ */ o("div")({
+}), si = /* @__PURE__ */ o("div")({
   name: "a",
   class: "ascvb2g",
   propsAsIs: !1
-}), Xn = /* @__PURE__ */ o("div")({
+}), ni = /* @__PURE__ */ o("div")({
   name: "p",
   class: "p17rl8zy",
   propsAsIs: !1
-}), ei = /* @__PURE__ */ o("div")({
+}), ii = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l1vvttbn",
   propsAsIs: !1
-}), se = /* @__PURE__ */ o(Gn())({
+}), se = /* @__PURE__ */ o(Xn())({
   name: "c",
   class: "c6fk2ph",
   propsAsIs: !0
-}), ti = /* @__PURE__ */ o(Zn())({
+}), ri = /* @__PURE__ */ o(ei())({
   name: "d",
   class: "d1rdm136",
   propsAsIs: !0
-}), si = /* @__PURE__ */ o("div")({
+}), ai = /* @__PURE__ */ o("div")({
   name: "f",
   class: "fwqnnel",
   propsAsIs: !1
-}), ni = /* @__PURE__ */ o("div")({
+}), oi = /* @__PURE__ */ o("div")({
   name: "u",
   class: "ucyxnlg",
   propsAsIs: !1
-}), ii = {
-  [F.LOST]: /* @__PURE__ */ a(se, { name: "icon-cross" }),
-  [F.WON]: /* @__PURE__ */ a(se, { name: "icon-check" }),
-  [F.UNSET]: void 0,
-  [F.DNP]: /* @__PURE__ */ a(se, { name: "icon-arrow" })
-}, ri = ({
+}), li = {
+  [V.LOST]: /* @__PURE__ */ r(se, { name: "icon-cross" }),
+  [V.WON]: /* @__PURE__ */ r(se, { name: "icon-check" }),
+  [V.UNSET]: void 0,
+  [V.DNP]: /* @__PURE__ */ r(se, { name: "icon-arrow" })
+}, ci = ({
   questionId: t,
   questionType: e,
   questionStatus: s,
@@ -1593,118 +1623,118 @@ const Gn = () => x, Zn = () => x, Jn = /* @__PURE__ */ o("div")({
   openQuestion: p,
   status: d
 }) => {
-  const f = Oe[e], h = ii[d];
-  return f ? /* @__PURE__ */ v(Jn, { onClick: () => p == null ? void 0 : p(t), children: [
-    /* @__PURE__ */ v(ni, { children: [
-      /* @__PURE__ */ v(Kn, { children: [
-        /* @__PURE__ */ a(ti, { name: f.iconName }),
-        /* @__PURE__ */ v(si, { children: [
-          f.label,
+  const m = Oe[e], h = li[d];
+  return m ? /* @__PURE__ */ I(ti, { onClick: () => p == null ? void 0 : p(t), children: [
+    /* @__PURE__ */ I(oi, { children: [
+      /* @__PURE__ */ I(si, { children: [
+        /* @__PURE__ */ r(ri, { name: m.iconName }),
+        /* @__PURE__ */ I(ai, { children: [
+          m.label,
           e === D.TRIVIA && s === Y.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ a(Xn, { children: n || "" })
+      /* @__PURE__ */ r(ni, { children: n || "" })
     ] }),
-    /* @__PURE__ */ a(ei, { children: h || (i ? /* @__PURE__ */ a(Bn, { children: "Play" }) : null) })
+    /* @__PURE__ */ r(ii, { children: h || (i ? /* @__PURE__ */ r(Kn, { children: "Play" }) : null) })
   ] }) : null;
 };
-const ai = /* @__PURE__ */ o("div")({
+const di = /* @__PURE__ */ o("div")({
   name: "n",
   class: "n1jcgove",
   propsAsIs: !1
-}), oi = /* @__PURE__ */ o("button")({
+}), ui = /* @__PURE__ */ o("button")({
   name: "l",
   class: "l1bwp7hh",
   propsAsIs: !1
-}), li = ({
+}), pi = ({
   openInsight: t,
   questionId: e,
   ...s
-}) => /* @__PURE__ */ v(ai, { children: [
-  /* @__PURE__ */ a(Ye, { questionId: e, ...s }),
-  t && /* @__PURE__ */ a(oi, { onClick: () => t(e), children: "View Insight" })
+}) => /* @__PURE__ */ I(di, { children: [
+  /* @__PURE__ */ r(Ye, { questionId: e, ...s }),
+  t && /* @__PURE__ */ r(ui, { onClick: () => t(e), children: "View Insight" })
 ] });
-const ci = /* @__PURE__ */ o("div")({
+const hi = /* @__PURE__ */ o("div")({
   name: "t",
   class: "t19vr3p1",
   propsAsIs: !1
-}), di = ({ questions: t, openQuestion: e }) => /* @__PURE__ */ a(ci, { children: t == null ? void 0 : t.map((s) => {
+}), mi = ({ questions: t, openQuestion: e }) => /* @__PURE__ */ r(hi, { children: t == null ? void 0 : t.map((s) => {
   var n, i;
   if (s.type === "question" && ((n = s.attributes) == null ? void 0 : n.attributes.case) === "question") {
     const p = s.attributes.attributes.value;
-    return /* @__PURE__ */ a(ri, { openQuestion: e, ...p }, p.questionId);
+    return /* @__PURE__ */ r(ci, { openQuestion: e, ...p }, p.questionId);
   }
   if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
     const p = s.attributes.attributes.value;
-    return /* @__PURE__ */ a(li, { openInsight: e, ...p }, p.questionId);
+    return /* @__PURE__ */ r(pi, { openInsight: e, ...p }, p.questionId);
   }
   return null;
-}) }), ui = ({ store: t, openQuestion: e }) => {
+}) }), fi = ({ store: t, openQuestion: e }) => {
   const s = O(t);
-  return s != null && s.data ? /* @__PURE__ */ a(di, { openQuestion: e, questions: s.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
-}, pi = ({ userSummary: t }) => {
+  return s != null && s.data ? /* @__PURE__ */ r(mi, { openQuestion: e, questions: s.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
+}, gi = ({ userSummary: t }) => {
   var e, s;
   const n = O(t.getStore());
-  return (e = n.data) != null && e.summary ? /* @__PURE__ */ a(Re, { ...n.data.summary, successRate: (s = n.data.percentage) == null ? void 0 : s.correct }) : /* @__PURE__ */ a("div", { children: "wait user..." });
-}, hi = ({ gamification: t }) => {
-  const [e, s] = $(Q.HOME);
-  return /* @__PURE__ */ v("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ v(ne, { children: [
-      /* @__PURE__ */ a(Zs, { activePage: e, toggleActivePage: s }),
-      e === Q.HOME && /* @__PURE__ */ a(pi, { userSummary: t.userSummary })
+  return (e = n.data) != null && e.summary ? /* @__PURE__ */ r(Re, { ...n.data.summary, successRate: (s = n.data.percentage) == null ? void 0 : s.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+}, Ii = ({ gamification: t }) => {
+  const [e, s] = R(q.HOME);
+  return /* @__PURE__ */ I("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ I(ne, { children: [
+      /* @__PURE__ */ r(en, { activePage: e, toggleActivePage: s }),
+      e === q.HOME && /* @__PURE__ */ r(gi, { userSummary: t.userSummary })
     ] }),
-    e === Q.HOME && /* @__PURE__ */ a(st, { children: /* @__PURE__ */ a(ui, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
-    e === Q.LEADERBOARD && /* @__PURE__ */ a(ne, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(Fn, { gamification: t }) })
+    e === q.HOME && /* @__PURE__ */ r(st, { children: /* @__PURE__ */ r(fi, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
+    e === q.LEADERBOARD && /* @__PURE__ */ r(ne, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ r(Gn, { gamification: t }) })
   ] });
 };
-const mi = () => nt, be = /* @__PURE__ */ o(mi())({
+const vi = () => nt, ke = /* @__PURE__ */ o(vi())({
   name: "n",
   class: "n1ph66cs",
   propsAsIs: !0
-}), fi = /* @__PURE__ */ o("div")({
+}), Mi = /* @__PURE__ */ o("div")({
   name: "x",
   class: "xorme7i",
   propsAsIs: !1
-}), gi = ({
+}), yi = ({
   correct: t,
   incorrect: e
 }) => {
   const s = t + e;
   return s === 0 ? 0 : Math.round(t / s * 100);
-}, yi = ({
+}, _i = ({
   gamification: t,
   className: e
 }) => {
   const s = O(t.openedQuestion.$store), n = O(t.openedUser);
-  return /* @__PURE__ */ v(q, {
-    children: [s && /* @__PURE__ */ a(be, {
+  return /* @__PURE__ */ I($, {
+    children: [s && /* @__PURE__ */ r(ke, {
       className: e,
-      children: /* @__PURE__ */ a(Fs, {
+      children: /* @__PURE__ */ r(Gs, {
         gamification: t
       })
-    }), n && /* @__PURE__ */ a(be, {
+    }), n && /* @__PURE__ */ r(ke, {
       className: e,
-      children: /* @__PURE__ */ v(fi, {
-        children: [/* @__PURE__ */ a($e, {
+      children: /* @__PURE__ */ I(Mi, {
+        children: [/* @__PURE__ */ r(Ce, {
           label: "Friend's Rank",
           close: t.closeUser
-        }), /* @__PURE__ */ a(ne, {
-          children: /* @__PURE__ */ a(Re, {
+        }), /* @__PURE__ */ r(ne, {
+          children: /* @__PURE__ */ r(Re, {
             ...n,
-            successRate: gi(n)
+            successRate: yi(n)
           })
         })]
       })
-    }), /* @__PURE__ */ a(Le, {
+    }), /* @__PURE__ */ r(Le, {
       className: e,
       "data-nav": "true",
-      children: /* @__PURE__ */ a(hi, {
+      children: /* @__PURE__ */ r(Ii, {
         gamification: t
       })
     })]
   });
 };
 export {
-  yi as GamificationOverlay,
-  yi as default
+  _i as GamificationOverlay,
+  _i as default
 };