@streamlayer/react 0.29.4 → 0.29.6

package/lib/dist/{index-660952d7.js → index-c9c374fc.js}

@@ -1,7 +1,7 @@
-import { jsxs as y, jsx as a, Fragment as q } from "react/jsx-runtime";
-import { s as o, C as w, o as be, a as ke, i as je, Q as D, b as Y, c as L, E as C, r as Le, d as Ke, e as Xe, n as et, w as tt, u as k, f as st, P as F, g as Ce, h as ue, j as nt } from "./masters-8c4e7068.js";
-import U, { useRef as b, useState as R, useCallback as G, useEffect as it, useLayoutEffect as rt, useMemo as H, Component as at, createElement as B, PureComponent as Re } from "react";
-const ot = () => w, lt = () => w, ct = /* @__PURE__ */ o("div")({
+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-55ee878f.js";
+import Q, { 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";
+const ot = () => x, lt = () => x, ct = /* @__PURE__ */ o("div")({
   name: "a",
   class: "acysrl1",
   propsAsIs: !1
@@ -26,9 +26,9 @@ const ot = () => w, lt = () => w, ct = /* @__PURE__ */ o("div")({
   class: "g1m0xfmw",
   propsAsIs: !0
 }), $e = ({ type: t, close: e, label: s }) => {
-  const n = t ? be[t] : { label: s, iconName: void 0 };
-  return /* @__PURE__ */ y(ct, { children: [
-    /* @__PURE__ */ y(dt, { children: [
+  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 })
     ] }),
@@ -47,7 +47,7 @@ const ft = /* @__PURE__ */ o("div")({
   name: "i",
   class: "i1whkbqh",
   propsAsIs: !1
-}), pe = ({ indicator: t, title: e }) => /* @__PURE__ */ y(ft, { children: [
+}), pe = ({ indicator: t, title: e }) => /* @__PURE__ */ v(ft, { children: [
   /* @__PURE__ */ a(gt, { children: e }),
   /* @__PURE__ */ a(It, { children: t })
 ] });
@@ -63,7 +63,7 @@ const vt = /* @__PURE__ */ o("div")({
   name: "n",
   class: "nwzed99",
   propsAsIs: !1
-}), V = ({ indicator: t, title: e }) => /* @__PURE__ */ y(vt, { children: [
+}), V = ({ indicator: t, title: e }) => /* @__PURE__ */ v(vt, { children: [
   /* @__PURE__ */ a(Mt, { children: t }),
   /* @__PURE__ */ a(yt, { children: e })
 ] });
@@ -75,15 +75,15 @@ const zt = /* @__PURE__ */ o("div")({
   name: "i",
   class: "ihjewwf",
   propsAsIs: !1
-}), _t = /* @__PURE__ */ o("div")({
+}), At = /* @__PURE__ */ o("div")({
   name: "n",
   class: "n10e9lv8",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ o("div")({
+}), _t = /* @__PURE__ */ o("div")({
   name: "r",
   class: "r13bxv",
   propsAsIs: !1
-}), At = /* @__PURE__ */ o("img")({
+}), Tt = /* @__PURE__ */ o("img")({
   name: "a",
   class: "a1fi59c9",
   propsAsIs: !1
@@ -91,11 +91,11 @@ const zt = /* @__PURE__ */ o("div")({
   name: "s",
   class: "s1kkihge",
   propsAsIs: !1
-}), Dt = /* @__PURE__ */ o("div")({
+}), xt = /* @__PURE__ */ o("div")({
   name: "c",
   class: "cy4f4t",
   propsAsIs: !1
-}), xt = /* @__PURE__ */ o("div")({
+}), Dt = /* @__PURE__ */ o("div")({
   name: "p",
   class: "p18cnlx1",
   propsAsIs: !1
@@ -103,19 +103,19 @@ const zt = /* @__PURE__ */ o("div")({
   name: "l",
   class: "lboqgs5",
   propsAsIs: !1
-}), Ot = /* @__PURE__ */ o("div")({
+}), kt = /* @__PURE__ */ o("div")({
   name: "d",
   class: "d1oaal4",
   propsAsIs: !1
-}), Et = /* @__PURE__ */ o("div")({
+}), bt = /* @__PURE__ */ o("div")({
   name: "x",
   class: "x1yzgo0u",
   propsAsIs: !1
-}), bt = /* @__PURE__ */ o("div")({
+}), Ot = /* @__PURE__ */ o("div")({
   name: "f",
   class: "f1l9i8s8",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ o("div")({
+}), Et = /* @__PURE__ */ o("div")({
   name: "g",
   class: "g4cgl4u",
   propsAsIs: !1
@@ -131,39 +131,39 @@ const zt = /* @__PURE__ */ o("div")({
   name: "m",
   class: "mvj8oco",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ o("button")({
+}), $t = /* @__PURE__ */ o("button")({
   name: "v",
   class: "viqiaf2",
   propsAsIs: !1
-}), $t = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Ue = ({
+}), Rt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Re = ({
   avatar: t,
   name: e,
   points: s,
   friendsRank: n,
   rank: i,
-  streak: u,
-  correct: p,
+  streak: d,
+  correct: u,
   incorrect: f,
   inTop: m,
   average: g
-}) => /* @__PURE__ */ y(zt, { children: [
-  /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ y(Tt, { children: [
-    /* @__PURE__ */ y(Rt, { children: [
-      t && /* @__PURE__ */ a(At, { alt: "avatar", src: t }),
-      !t && /* @__PURE__ */ a(Ct, { children: ke(e || "") })
+}) => /* @__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__ */ y(St, { children: [
-      /* @__PURE__ */ a(Dt, { children: e }),
-      /* @__PURE__ */ y(xt, { children: [
-        /* @__PURE__ */ y(Ot, { children: [
-          /* @__PURE__ */ a(wt, { alt: "rank-icon", src: $t }),
-          /* @__PURE__ */ y(Et, { children: [
+    /* @__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: [
             je(s),
-            /* @__PURE__ */ a(bt, { children: "PTS" })
+            /* @__PURE__ */ a(Ot, { children: "PTS" })
           ] })
         ] }),
-        /* @__PURE__ */ a(kt, {}),
-        /* @__PURE__ */ y("div", { children: [
+        /* @__PURE__ */ a(Et, {}),
+        /* @__PURE__ */ v("div", { children: [
           "TOP ",
           m || 0,
           "%"
@@ -171,24 +171,24 @@ const zt = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ y(_t, { children: [
-    /* @__PURE__ */ y(jt, { children: [
+  /* @__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__ */ y(Lt, { children: [
-      /* @__PURE__ */ a(V, { indicator: u || 0, title: "Win streak" }),
-      /* @__PURE__ */ a(V, { indicator: p || 0, title: "Correct" }),
+    /* @__PURE__ */ v(Lt, { children: [
+      /* @__PURE__ */ a(V, { indicator: d || 0, title: "Win streak" }),
+      /* @__PURE__ */ a(V, { indicator: u || 0, title: "Correct" }),
       /* @__PURE__ */ a(V, { indicator: f || 0, title: "Incorrect" }),
       /* @__PURE__ */ a(V, { indicator: `${g || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] });
-const Ut = () => w, Qt = /* @__PURE__ */ o("div")({
+const Qt = () => x, Ut = /* @__PURE__ */ o("div")({
   name: "c",
   class: "ciyeb68",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ o(Ut())({
+}), qt = /* @__PURE__ */ o(Qt())({
   name: "n",
   class: "nfic4xc",
   propsAsIs: !0
@@ -218,27 +218,27 @@ const Ut = () => w, Qt = /* @__PURE__ */ o("div")({
   questionVoted: s,
   questionType: n,
   hasCorrectAnswer: i,
-  questionStatus: u
+  questionStatus: d
 }) => {
-  const p = s && (n === D.TRIVIA || n === D.PREDICTION);
-  if (!p && u !== Y.RESOLVED)
+  const u = s && (n === D.TRIVIA || n === D.PREDICTION);
+  if (!u && d !== Y.RESOLVED)
     return null;
   const f = n === D.PREDICTION && !i, m = e ? "correct" : "incorrect", g = e ? t.correctFeedback : t.incorrectFeedback;
-  return /* @__PURE__ */ y(Qt, { "data-isPrediction": f, children: [
-    u === Y.RESOLVED && n === D.TRIVIA && !s && /* @__PURE__ */ y(q, { children: [
-      /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(w, { name: "questionExpired" }) }),
-      /* @__PURE__ */ y("div", { children: [
+  return /* @__PURE__ */ v(Ut, { "data-isPrediction": f, children: [
+    d === 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." })
       ] })
     ] }),
-    p && f && /* @__PURE__ */ y(q, { children: [
+    u && f && /* @__PURE__ */ v(q, { children: [
       /* @__PURE__ */ a(qt, { name: "icon-prediction" }),
       /* @__PURE__ */ a(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    p && i && /* @__PURE__ */ y(q, { children: [
-      /* @__PURE__ */ a(he, { "data-feedbackType": m, children: /* @__PURE__ */ a(w, { name: m }) }),
-      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ y(me, { children: [
+    u && i && /* @__PURE__ */ v(q, { children: [
+      /* @__PURE__ */ a(he, { "data-feedbackType": m, children: /* @__PURE__ */ a(x, { name: m }) }),
+      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ v(me, { children: [
         /* @__PURE__ */ a(Yt, { "data-feedbackType": m, children: g == null ? void 0 : g.title }),
         /* @__PURE__ */ a(J, { children: g == null ? void 0 : g.description })
       ] }) })
@@ -262,7 +262,7 @@ const Ft = /* @__PURE__ */ o("div")({
   class: "r82wnnx",
   propsAsIs: !1
 });
-const Gt = () => Qe, Zt = () => Qe, Jt = () => w, Kt = /* @__PURE__ */ o("button")({
+const Gt = () => Qe, Zt = () => Qe, Jt = () => x, Kt = /* @__PURE__ */ o("button")({
   name: "c",
   class: "cpm4u8k",
   propsAsIs: !1
@@ -339,9 +339,9 @@ const Gt = () => Qe, Zt = () => Qe, Jt = () => w, Kt = /* @__PURE__ */ o("button
     id: s,
     icon: n,
     text: i,
-    percentageDecimal: u,
+    percentageDecimal: d,
     // extra props
-    onVote: p,
+    onVote: u,
     youSelected: f,
     questionVoted: m,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
@@ -349,27 +349,27 @@ const Gt = () => Qe, Zt = () => Qe, Jt = () => w, Kt = /* @__PURE__ */ o("button
     answerTimeExpired: N,
     questionStatus: z,
     isLoading: l,
-    questionType: M,
-    correct: v,
+    questionType: y,
+    correct: M,
     hasCorrectAnswer: r
-  } = t, h = cs(t), c = ds({ questionType: M, questionVoted: m, correct: v, hasCorrectAnswer: r, questionStatus: z }), d = m || z === Y.RESOLVED && M === D.PREDICTION;
-  return /* @__PURE__ */ y(
+  } = t, h = cs(t), c = ds({ questionType: y, questionVoted: m, correct: M, hasCorrectAnswer: r, questionStatus: z }), p = m || z === Y.RESOLVED && y === D.PREDICTION;
+  return /* @__PURE__ */ v(
     Kt,
     {
       value: s,
       "data-selected": f,
       "data-answerState": h,
       disabled: m || l || N,
-      onClick: p,
+      onClick: u,
       children: [
-        d && /* @__PURE__ */ a(Xt, { "data-answerState": h, style: { width: `${u}%` } }),
-        /* @__PURE__ */ y(es, { children: [
+        p && /* @__PURE__ */ a(Xt, { "data-answerState": h, style: { width: `${d}%` } }),
+        /* @__PURE__ */ v(es, { children: [
           n && ((e = fe[g]) == null ? void 0 : e.call(fe, n)),
           /* @__PURE__ */ a(rs, { children: i }),
-          d && /* @__PURE__ */ y(as, { children: [
+          p && /* @__PURE__ */ v(as, { children: [
             c && /* @__PURE__ */ a(ls, { name: "selected" }),
-            /* @__PURE__ */ y(os, { children: [
-              u,
+            /* @__PURE__ */ v(os, { children: [
+              d,
               "%"
             ] })
           ] })
@@ -378,89 +378,89 @@ const Gt = () => Qe, Zt = () => Qe, Jt = () => w, 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: u }) => {
-  let [p, f] = R(s), m = b(0), g = b(s), N = b(s * -1e3), z = b(null), l = b(null), M = b(null), v = (c) => {
-    let d = c / 1e3;
+var ge = typeof window > "u" ? it : rt, ps = ({ isPlaying: t, duration: e, startAt: s = 0, updateInterval: n = 0, onComplete: i, onUpdate: d }) => {
+  let [u, f] = $(s), m = E(0), g = E(s), N = E(s * -1e3), z = E(null), l = E(null), y = E(null), M = (c) => {
+    let p = c / 1e3;
     if (l.current === null) {
-      l.current = d, z.current = requestAnimationFrame(v);
+      l.current = p, z.current = requestAnimationFrame(M);
       return;
     }
-    let I = d - l.current, T = m.current + I;
-    l.current = d, m.current = T;
-    let _ = g.current + (n === 0 ? T : (T / n | 0) * n), A = g.current + T, S = typeof e == "number" && A >= e;
-    f(S ? e : _), S || (z.current = requestAnimationFrame(v));
+    let I = p - l.current, _ = m.current + I;
+    l.current = p, m.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), M.current && clearTimeout(M.current), l.current = null;
+    z.current && cancelAnimationFrame(z.current), y.current && clearTimeout(y.current), l.current = null;
   }, h = G((c) => {
     r(), m.current = 0;
-    let d = typeof c == "number" ? c : s;
-    g.current = d, f(d), t && (z.current = requestAnimationFrame(v));
+    let p = typeof c == "number" ? c : s;
+    g.current = p, f(p), t && (z.current = requestAnimationFrame(M));
   }, [t, s]);
   return ge(() => {
-    if (u == null || u(p), e && p >= e) {
+    if (d == null || d(u), e && u >= e) {
       N.current += e * 1e3;
-      let { shouldRepeat: c = !1, delay: d = 0, newStartAt: I } = (i == null ? void 0 : i(N.current / 1e3)) || {};
-      c && (M.current = setTimeout(() => h(I), d * 1e3));
+      let { shouldRepeat: c = !1, delay: p = 0, newStartAt: I } = (i == null ? void 0 : i(N.current / 1e3)) || {};
+      c && (y.current = setTimeout(() => h(I), p * 1e3));
     }
-  }, [p, e]), ge(() => (t && (z.current = requestAnimationFrame(v)), r), [t, e, n]), { elapsedTime: p, reset: h };
+  }, [u, e]), ge(() => (t && (z.current = requestAnimationFrame(M)), r), [t, e, n]), { elapsedTime: u, reset: h };
 }, hs = (t, e, s) => {
-  let n = t / 2, i = e / 2, u = n - i, p = 2 * u, f = s === "clockwise" ? "1,0" : "0,1", m = 2 * Math.PI * u;
-  return { path: `m ${n},${i} a ${u},${u} 0 ${f} 0,${p} a ${u},${u} 0 ${f} 0,-${p}`, pathLength: m };
-}, 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) => {
+  let n = t / 2, i = e / 2, d = n - i, u = 2 * d, f = s === "clockwise" ? "1,0" : "0,1", m = 2 * Math.PI * d;
+  return { path: `m ${n},${i} a ${d},${d} 0 ${f} 0,${u} a ${d},${d} 0 ${f} 0,-${u}`, pathLength: m };
+}, 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%" }, Ue = (t, e, s, n, i) => {
   if (n === 0)
     return e;
-  let u = (i ? n - t : t) / n;
-  return e + s * u;
+  let d = (i ? n - t : t) / n;
+  return e + s * d;
 }, ve = (t) => {
   var e, s;
-  return (s = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, i, u, p) => `#${i}${i}${u}${u}${p}${p}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? s : [];
+  return (s = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, i, d, u) => `#${i}${i}${d}${d}${u}${u}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? s : [];
 }, gs = (t, e) => {
   var s;
-  let { colors: n, colorsTime: i, isSmoothColorTransition: u = !0 } = t;
+  let { colors: n, colorsTime: i, isSmoothColorTransition: d = !0 } = t;
   if (typeof n == "string")
     return n;
-  let p = (s = i == null ? void 0 : i.findIndex((l, M) => l >= e && e >= i[M + 1])) != null ? s : -1;
-  if (!i || p === -1)
+  let u = (s = i == null ? void 0 : i.findIndex((l, y) => l >= e && e >= i[y + 1])) != null ? s : -1;
+  if (!i || u === -1)
     return n[0];
-  if (!u)
-    return n[p];
-  let f = i[p] - e, m = i[p] - i[p + 1], g = ve(n[p]), N = ve(n[p + 1]), z = !!t.isGrowing;
-  return `rgb(${g.map((l, M) => qe(f, l, N[M] - l, m, z) | 0).join(",")})`;
+  if (!d)
+    return n[u];
+  let f = i[u] - e, m = i[u] - i[u + 1], g = ve(n[u]), N = ve(n[u + 1]), z = !!t.isGrowing;
+  return `rgb(${g.map((l, y) => Ue(f, l, N[y] - l, m, z) | 0).join(",")})`;
 }, Is = (t) => {
-  let { duration: e, initialRemainingTime: s, updateInterval: n, size: i = 180, strokeWidth: u = 12, trailStrokeWidth: p, isPlaying: f = !1, isGrowing: m = !1, rotation: g = "clockwise", onComplete: N, onUpdate: z } = t, l = b(), M = Math.max(u, p ?? 0), { path: v, pathLength: r } = hs(i, M, g), { elapsedTime: h } = ps({ isPlaying: f, duration: e, startAt: Ie(e, s), updateInterval: n, onUpdate: typeof z == "function" ? (d) => {
-    let I = Math.ceil(e - d);
+  let { duration: e, initialRemainingTime: s, updateInterval: n, size: i = 180, strokeWidth: d = 12, trailStrokeWidth: u, isPlaying: f = !1, isGrowing: m = !1, rotation: g = "clockwise", onComplete: N, onUpdate: z } = t, l = E(), y = Math.max(d, u ?? 0), { path: M, pathLength: r } = hs(i, y, g), { elapsedTime: h } = ps({ isPlaying: f, duration: e, startAt: Ie(e, s), updateInterval: n, onUpdate: typeof z == "function" ? (p) => {
+    let I = Math.ceil(e - p);
     I !== l.current && (l.current = I, z(I));
-  } : void 0, onComplete: typeof N == "function" ? (d) => {
+  } : void 0, onComplete: typeof N == "function" ? (p) => {
     var I;
-    let { shouldRepeat: T, delay: _, newInitialRemainingTime: A } = (I = N(d)) != null ? I : {};
-    if (T)
-      return { shouldRepeat: T, delay: _, newStartAt: Ie(e, A) };
+    let { shouldRepeat: _, delay: A, newInitialRemainingTime: T } = (I = N(p)) != null ? I : {};
+    if (_)
+      return { shouldRepeat: _, delay: A, newStartAt: Ie(e, T) };
   } : void 0 }), c = e - h;
-  return { elapsedTime: h, path: v, pathLength: r, remainingTime: Math.ceil(c), rotation: g, size: i, stroke: gs(t, c), strokeDashoffset: qe(h, 0, r, e, m), strokeWidth: u };
-}, Ye = (t) => {
-  let { children: e, strokeLinecap: s, trailColor: n, trailStrokeWidth: i } = t, { path: u, pathLength: p, stroke: f, strokeDashoffset: m, 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: u, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: i ?? l }), U.createElement("path", { d: u, fill: "none", stroke: f, strokeLinecap: s ?? "round", strokeWidth: l, strokeDasharray: p, strokeDashoffset: m })), typeof e == "function" && U.createElement("div", { style: fs }, e({ remainingTime: g, elapsedTime: N, color: f })));
+  return { elapsedTime: h, path: M, pathLength: r, remainingTime: Math.ceil(c), rotation: g, size: i, stroke: gs(t, c), strokeDashoffset: Ue(h, 0, r, e, m), strokeWidth: d };
+}, qe = (t) => {
+  let { children: e, strokeLinecap: s, trailColor: n, trailStrokeWidth: i } = t, { path: d, pathLength: u, stroke: f, strokeDashoffset: m, remainingTime: g, elapsedTime: N, size: z, strokeWidth: l } = Is(t);
+  return Q.createElement("div", { style: ms(z) }, Q.createElement("svg", { viewBox: `0 0 ${z} ${z}`, width: z, height: z, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: i ?? l }), Q.createElement("path", { d, fill: "none", stroke: f, strokeLinecap: s ?? "round", strokeWidth: l, strokeDasharray: u, strokeDashoffset: m })), typeof e == "function" && Q.createElement("div", { style: fs }, e({ remainingTime: g, elapsedTime: N, color: f })));
 };
-Ye.displayName = "CountdownCircleTimer";
+qe.displayName = "CountdownCircleTimer";
 const vs = [C.PRIMARY_GREEN1, C.SECONDARY_RED1, C.SECONDARY_RED1], Ms = [10, 10, 0], ys = /* @__PURE__ */ o("div")({
   name: "A",
   class: "a1f928zy",
   propsAsIs: !1
-}), zs = C.SECONDARY_GREEN6, Me = C.SECONDARY_RED3, Ns = C.NEUTRALS_GRAY3, _s = ({
+}), zs = C.SECONDARY_GREEN6, Me = C.SECONDARY_RED3, Ns = C.NEUTRALS_GRAY3, As = ({
   isPlaying: t = !0,
   duration: e = 30,
   onTimerExpired: s
 }) => {
-  const [n, i] = R(e > 10 ? zs : Me), u = ({
+  const [n, i] = $(e > 10 ? zs : Me), d = ({
     remainingTime: m
   }) => /* @__PURE__ */ a(ys, {
     children: m
-  }), p = G(() => {
+  }), u = G(() => {
     s == null || s(), i(Ns);
   }, [s, i]), f = G((m) => {
     m === 10 && i(Me);
   }, [i]);
-  return /* @__PURE__ */ a(Ye, {
+  return /* @__PURE__ */ a(qe, {
     isPlaying: t,
     duration: e,
     colors: vs,
@@ -469,12 +469,12 @@ const vs = [C.PRIMARY_GREEN1, C.SECONDARY_RED1, C.SECONDARY_RED1], Ms = [10, 10,
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: n,
-    onComplete: p,
+    onComplete: u,
     onUpdate: f,
-    children: u
+    children: d
   });
 };
-const Ts = () => w, As = /* @__PURE__ */ o("div")({
+const _s = () => x, Ts = /* @__PURE__ */ o("div")({
   name: "a",
   class: "a1r7f3z4",
   propsAsIs: !1
@@ -482,11 +482,11 @@ const Ts = () => w, As = /* @__PURE__ */ o("div")({
   name: "s",
   class: "sblndl",
   propsAsIs: !1
-}), Ds = /* @__PURE__ */ o("div")({
+}), xs = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l7ka1tv",
   propsAsIs: !1
-}), xs = /* @__PURE__ */ o(Ts())({
+}), Ds = /* @__PURE__ */ o(_s())({
   name: "p",
   class: "p1edlxt3",
   propsAsIs: !0
@@ -494,77 +494,77 @@ const Ts = () => w, As = /* @__PURE__ */ o("div")({
   name: "g",
   class: "ghm08u2",
   propsAsIs: !1
-}), Os = /* @__PURE__ */ o("span")({
+}), ks = /* @__PURE__ */ o("span")({
   name: "c",
   class: "c12nsh46",
   propsAsIs: !1
-}), Es = /* @__PURE__ */ o("span")({
+}), bs = /* @__PURE__ */ o("span")({
   name: "d",
   class: "dlr9eoc",
   propsAsIs: !1
-}), bs = ({ title: t, points: e, isPlayingTimer: s, isTimer: n, onTimerExpired: i }) => /* @__PURE__ */ y(As, { children: [
-  /* @__PURE__ */ y(Ss, { children: [
-    t && /* @__PURE__ */ a(Ds, { children: t }),
-    e !== void 0 && /* @__PURE__ */ y(q, { children: [
-      /* @__PURE__ */ a(xs, { name: "icon-trophy" }),
-      /* @__PURE__ */ y(ws, { children: [
-        /* @__PURE__ */ a(Os, { children: e }),
-        /* @__PURE__ */ a(Es, { children: "PTS" })
+}), 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" })
       ] })
     ] })
   ] }),
-  n && /* @__PURE__ */ a(_s, { isPlaying: s, onTimerExpired: i })
-] }), ks = ({ openedQuestion: t, vote: e }) => {
+  n && /* @__PURE__ */ a(As, { isPlaying: s, onTimerExpired: i })
+] }), Es = ({ openedQuestion: t, vote: e }) => {
   var s;
-  const n = t.subject, i = t.type, u = (s = t.options) == null ? void 0 : s.options, [p, f] = R(!1), [m, g] = R(!1), [N, z] = R(""), l = t == null ? void 0 : t.id, M = G(
-    async (d) => {
+  const n = t.subject, i = t.type, d = (s = t.options) == null ? void 0 : s.options, [u, f] = $(!1), [m, g] = $(!1), [N, z] = $(""), l = t == null ? void 0 : t.id, y = G(
+    async (p) => {
       if (l) {
-        const I = d.currentTarget.value;
+        const I = p.currentTarget.value;
         z(I), g(!0), await e(l, I), g(!1);
       }
     },
     [l, z, e]
-  ), v = H(
-    () => t == null ? void 0 : t.answers.find((d) => d.youVoted === !0),
+  ), M = H(
+    () => t == null ? void 0 : t.answers.find((p) => p.youVoted === !0),
     [t]
   ), r = H(
-    () => !!(t != null && t.answers.find((d) => d.correct === !0)),
+    () => !!(t != null && t.answers.find((p) => p.correct === !0)),
     [t]
-  ), h = H(() => t ? t.answers.map((d) => ({
-    ...d,
-    questionVoted: !!v,
-    youSelected: N === d.id,
+  ), h = H(() => t ? t.answers.map((p) => ({
+    ...p,
+    questionVoted: !!M,
+    youSelected: N === p.id,
     isLoading: m,
     hasCorrectAnswer: r,
     questionType: t.type,
-    answerTimeExpired: p,
+    answerTimeExpired: u,
     questionStatus: t.status,
     // ToDo: Figure out why imageMode is not in the response
-    onVote: M
-  })) : [], [r, p, m, t, v, M, N]), c = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
-  return /* @__PURE__ */ a(Le, { "data-question-header": "true", children: /* @__PURE__ */ a(Ft, { children: /* @__PURE__ */ y(Vt, { children: [
+    onVote: y
+  })) : [], [r, u, m, t, M, y, N]), c = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
+  return /* @__PURE__ */ a(Le, { "data-question-header": "true", children: /* @__PURE__ */ a(Ft, { children: /* @__PURE__ */ v(Vt, { children: [
     c && /* @__PURE__ */ a(
       Wt,
       {
         feedbackMessages: c,
-        questionVoted: !!v,
-        questionVotedCorrectly: v == null ? void 0 : v.correct,
+        questionVoted: !!M,
+        questionVotedCorrectly: M == null ? void 0 : M.correct,
         questionType: i,
         hasCorrectAnswer: r,
         questionStatus: t.status
       }
     ),
     /* @__PURE__ */ a(
-      bs,
+      Os,
       {
-        title: p ? "Expired" : "To win",
-        points: p ? void 0 : 100,
+        title: u ? "Expired" : "To win",
+        points: u ? void 0 : 100,
         onTimerExpired: () => f(!0),
         isTimer: !0
       }
     ),
     /* @__PURE__ */ a(Ht, { children: n }),
-    /* @__PURE__ */ a(Bt, { children: h.map((d) => /* @__PURE__ */ a(us, { ...d }, d.id)) })
+    /* @__PURE__ */ a(Bt, { children: h.map((p) => /* @__PURE__ */ a(us, { ...p }, p.id)) })
   ] }) }) });
 };
 const js = /* @__PURE__ */ o("div")({
@@ -579,52 +579,52 @@ const js = /* @__PURE__ */ o("div")({
   name: "n",
   class: "n1o2cwub",
   propsAsIs: !1
-}), Rs = /* @__PURE__ */ o("div")({
+}), $s = /* @__PURE__ */ o("div")({
   name: "r",
   class: "r3uxe45",
   propsAsIs: !1
-}), $s = /* @__PURE__ */ o("div")({
+}), Rs = /* @__PURE__ */ o("div")({
   name: "l",
   class: "lrqius",
   propsAsIs: !1
-}), Pe = ({ created: t, title: e, instantView: s }) => {
+}), Ye = ({ created: t, title: e, instantView: s }) => {
   const n = H(() => {
     if (t) {
       const i = new Date(t);
-      if (Ke(i))
+      if (Je(i))
         return {
-          date: Xe(i),
-          time: et(i)
+          date: Ke(i),
+          time: Xe(i)
         };
     }
     return null;
   }, [t]);
-  return /* @__PURE__ */ y(js, { children: [
-    n && /* @__PURE__ */ y($s, { children: [
+  return /* @__PURE__ */ v(js, { children: [
+    n && /* @__PURE__ */ v(Rs, { children: [
       n.date,
       " · ",
       n.time
     ] }),
-    (s == null ? void 0 : s.video) && /* @__PURE__ */ a(tt, { source: s.video.url, poster: s.video.thumbnailUrl }),
-    /* @__PURE__ */ y(Ls, { children: [
+    (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(Rs, { children: s == null ? void 0 : s.body })
+      /* @__PURE__ */ a($s, { children: s == null ? void 0 : s.body })
     ] })
   ] });
 };
-const Us = /* @__PURE__ */ o("div")({
+const Qs = /* @__PURE__ */ o("div")({
   name: "o",
   class: "o18unvw4",
   propsAsIs: !1
-}), Qs = /* @__PURE__ */ o("a")({
+}), Us = /* @__PURE__ */ o("a")({
   name: "n",
   class: "ns0uvk8",
   propsAsIs: !1
-}), qs = ({ instantView: t, ...e }) => /* @__PURE__ */ y(Us, { children: [
-  /* @__PURE__ */ a(Pe, { instantView: t, ...e }),
-  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ y(Qs, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
+}), qs = ({ instantView: t, ...e }) => /* @__PURE__ */ v(Qs, { children: [
+  /* @__PURE__ */ a(Ye, { instantView: t, ...e }),
+  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ v(Us, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ a(w, { name: "icon-external-link" })
+    /* @__PURE__ */ a(x, { name: "icon-external-link" })
   ] })
 ] });
 const Ys = /* @__PURE__ */ o("div")({
@@ -647,7 +647,7 @@ const Ys = /* @__PURE__ */ o("div")({
     loading: s,
     data: n
   } = t;
-  return !s && n ? /* @__PURE__ */ a(ks, {
+  return !s && n ? /* @__PURE__ */ a(Es, {
     vote: e,
     openedQuestion: n
   }) : null;
@@ -655,11 +655,11 @@ const Ys = /* @__PURE__ */ o("div")({
   gamification: t
 }) => {
   var e;
-  const s = k(t.openedQuestion.$store), n = k(t.openedQuestion.$extendedStore);
+  const s = O(t.openedQuestion.$store), n = O(t.openedQuestion.$extendedStore);
   if (!s)
     return null;
   const i = s.type;
-  return /* @__PURE__ */ y(Ys, {
+  return /* @__PURE__ */ v(Ys, {
     children: [/* @__PURE__ */ a($e, {
       close: t.closeQuestion,
       type: ((e = s.attributes) == null ? void 0 : e.type) || D.UNSET
@@ -688,8 +688,8 @@ const Vs = /* @__PURE__ */ o("div")({
   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__ */ y(Hs, { "data-position": t === "home" ? "left" : "right", children: [
+var U = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(U || {});
+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(
     "home"
     /* HOME */
@@ -706,16 +706,16 @@ const ye = ({ title: t, active: e, onClick: s }) => /* @__PURE__ */ a(Bs, { onCl
     }
   )
 ] }) });
-let x;
-typeof window < "u" ? x = window : typeof self < "u" ? x = self : x = st.global;
-let ne = null, ie = null;
-const ze = 20, K = x.clearTimeout, Ne = x.setTimeout, X = x.cancelAnimationFrame || x.mozCancelAnimationFrame || x.webkitCancelAnimationFrame, _e = x.requestAnimationFrame || x.mozRequestAnimationFrame || x.webkitRequestAnimationFrame;
-X == null || _e == null ? (ne = K, ie = function(e) {
+let w;
+typeof window < "u" ? w = window : typeof self < "u" ? w = self : w = tt.global;
+let ie = null, re = null;
+const ze = 20, K = w.clearTimeout, Ne = w.setTimeout, X = w.cancelAnimationFrame || w.mozCancelAnimationFrame || w.webkitCancelAnimationFrame, Ae = w.requestAnimationFrame || w.mozRequestAnimationFrame || w.webkitRequestAnimationFrame;
+X == null || Ae == null ? (ie = K, re = function(e) {
   return Ne(e, ze);
-}) : (ne = function([e, s]) {
+}) : (ie = function([e, s]) {
   X(e), K(s);
-}, ie = function(e) {
-  const s = _e(function() {
+}, re = function(e) {
+  const s = Ae(function() {
     K(n), e();
   }), n = Ne(function() {
     X(s), e();
@@ -723,68 +723,68 @@ X == null || _e == null ? (ne = K, ie = function(e) {
   return [s, n];
 });
 function Js(t) {
-  let e, s, n, i, u, p, f;
+  let e, s, n, i, d, u, f;
   const m = typeof document < "u" && document.attachEvent;
   if (!m) {
-    p = function(c) {
-      const d = c.__resizeTriggers__, I = d.firstElementChild, T = d.lastElementChild, _ = I.firstElementChild;
-      T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight, _.style.width = I.offsetWidth + 1 + "px", _.style.height = I.offsetHeight + 1 + "px", I.scrollLeft = I.scrollWidth, I.scrollTop = I.scrollHeight;
-    }, u = function(c) {
+    u = function(c) {
+      const p = c.__resizeTriggers__, I = p.firstElementChild, _ = p.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;
+    }, d = function(c) {
       return c.offsetWidth !== c.__resizeLast__.width || c.offsetHeight !== c.__resizeLast__.height;
     }, f = 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 d = this;
-      p(this), this.__resizeRAF__ && ne(this.__resizeRAF__), this.__resizeRAF__ = ie(function() {
-        u(d) && (d.__resizeLast__.width = d.offsetWidth, d.__resizeLast__.height = d.offsetHeight, d.__resizeListeners__.forEach(function(_) {
-          _.call(d, c);
+      const p = this;
+      u(this), this.__resizeRAF__ && ie(this.__resizeRAF__), this.__resizeRAF__ = re(function() {
+        d(p) && (p.__resizeLast__.width = p.offsetWidth, p.__resizeLast__.height = p.offsetHeight, p.__resizeListeners__.forEach(function(A) {
+          A.call(p, c);
         }));
       });
     };
-    let l = !1, M = "";
+    let l = !1, y = "";
     n = "animationstart";
-    const v = "Webkit Moz O ms".split(" ");
+    const M = "Webkit Moz O ms".split(" ");
     let r = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), h = "";
     {
       const c = document.createElement("fakeelement");
       if (c.style.animationName !== void 0 && (l = !0), l === !1) {
-        for (let d = 0; d < v.length; d++)
-          if (c.style[v[d] + "AnimationName"] !== void 0) {
-            h = v[d], M = "-" + h.toLowerCase() + "-", n = r[d], l = !0;
+        for (let p = 0; p < M.length; p++)
+          if (c.style[M[p] + "AnimationName"] !== void 0) {
+            h = M[p], y = "-" + h.toLowerCase() + "-", n = r[p], l = !0;
             break;
           }
       }
     }
-    s = "resizeanim", e = "@" + M + "keyframes " + s + " { from { opacity: 0; } to { opacity: 0; } } ", i = M + "animation: 1ms " + s + "; ";
+    s = "resizeanim", e = "@" + y + "keyframes " + s + " { from { opacity: 0; } to { opacity: 0; } } ", i = y + "animation: 1ms " + s + "; ";
   }
   const g = function(l) {
     if (!l.getElementById("detectElementResize")) {
-      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%; }', v = 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 = M : r.appendChild(l.createTextNode(M)), v.appendChild(r);
+      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);
     }
   };
   return {
-    addResizeListener: function(l, M) {
+    addResizeListener: function(l, y) {
       if (m)
-        l.attachEvent("onresize", M);
+        l.attachEvent("onresize", y);
       else {
         if (!l.__resizeTriggers__) {
-          const v = l.ownerDocument, r = x.getComputedStyle(l);
-          r && r.position === "static" && (l.style.position = "relative"), g(v), l.__resizeLast__ = {}, l.__resizeListeners__ = [], (l.__resizeTriggers__ = v.createElement("div")).className = "resize-triggers";
-          const h = v.createElement("div");
-          h.className = "expand-trigger", h.appendChild(v.createElement("div"));
-          const c = v.createElement("div");
-          c.className = "contract-trigger", l.__resizeTriggers__.appendChild(h), l.__resizeTriggers__.appendChild(c), l.appendChild(l.__resizeTriggers__), p(l), l.addEventListener("scroll", f, !0), n && (l.__resizeTriggers__.__animationListener__ = function(I) {
-            I.animationName === s && p(l);
+          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 h = M.createElement("div");
+          h.className = "expand-trigger", h.appendChild(M.createElement("div"));
+          const c = M.createElement("div");
+          c.className = "contract-trigger", l.__resizeTriggers__.appendChild(h), l.__resizeTriggers__.appendChild(c), l.appendChild(l.__resizeTriggers__), u(l), l.addEventListener("scroll", f, !0), n && (l.__resizeTriggers__.__animationListener__ = function(I) {
+            I.animationName === s && u(l);
           }, l.__resizeTriggers__.addEventListener(n, l.__resizeTriggers__.__animationListener__));
         }
-        l.__resizeListeners__.push(M);
+        l.__resizeListeners__.push(y);
       }
     },
-    removeResizeListener: function(l, M) {
+    removeResizeListener: function(l, y) {
       if (m)
-        l.detachEvent("onresize", M);
-      else if (l.__resizeListeners__.splice(l.__resizeListeners__.indexOf(M), 1), !l.__resizeListeners__.length) {
+        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);
         try {
           l.__resizeTriggers__ = !l.removeChild(l.__resizeTriggers__);
@@ -809,18 +809,18 @@ class Ks extends at {
         onResize: i
       } = this.props;
       if (this._parentNode) {
-        var u, p, f, m;
-        const g = window.getComputedStyle(this._parentNode) || {}, N = parseFloat((u = g.paddingLeft) !== null && u !== void 0 ? u : "0"), z = parseFloat((p = g.paddingRight) !== null && p !== void 0 ? p : "0"), l = parseFloat((f = g.paddingTop) !== null && f !== void 0 ? f : "0"), M = parseFloat((m = g.paddingBottom) !== null && m !== void 0 ? m : "0"), v = this._parentNode.getBoundingClientRect(), r = v.height - l - M, h = v.width - N - z, c = this._parentNode.offsetHeight - l - M, d = this._parentNode.offsetWidth - N - z;
-        (!s && (this.state.height !== c || this.state.scaledHeight !== r) || !n && (this.state.width !== d || this.state.scaledWidth !== h)) && (this.setState({
+        var d, u, f, m;
+        const g = window.getComputedStyle(this._parentNode) || {}, N = parseFloat((d = g.paddingLeft) !== null && d !== void 0 ? d : "0"), z = parseFloat((u = g.paddingRight) !== null && u !== void 0 ? u : "0"), l = parseFloat((f = g.paddingTop) !== null && f !== void 0 ? f : "0"), y = parseFloat((m = g.paddingBottom) !== null && m !== void 0 ? m : "0"), M = this._parentNode.getBoundingClientRect(), r = M.height - l - y, h = M.width - N - z, c = this._parentNode.offsetHeight - l - y, p = this._parentNode.offsetWidth - N - z;
+        (!s && (this.state.height !== c || this.state.scaledHeight !== r) || !n && (this.state.width !== p || this.state.scaledWidth !== h)) && (this.setState({
           height: c,
-          width: d,
+          width: p,
           scaledHeight: r,
           scaledWidth: h
         }), typeof i == "function" && i({
           height: c,
           scaledHeight: r,
           scaledWidth: h,
-          width: d
+          width: p
         }));
       }
     }, this._setRef = (s) => {
@@ -844,8 +844,8 @@ class Ks extends at {
       defaultHeight: s,
       defaultWidth: n,
       disableHeight: i = !1,
-      disableWidth: u = !1,
-      nonce: p,
+      disableWidth: d = !1,
+      nonce: u,
       onResize: f,
       style: m = {},
       tagName: g = "div",
@@ -853,13 +853,13 @@ class Ks extends at {
     } = this.props, {
       height: z,
       scaledHeight: l,
-      scaledWidth: M,
-      width: v
+      scaledWidth: y,
+      width: M
     } = this.state, r = {
       overflow: "visible"
     }, h = {};
     let c = !1;
-    return i || (z === 0 && (c = !0), r.height = 0, h.height = z, h.scaledHeight = l), u || (v === 0 && (c = !0), r.width = 0, h.width = v, h.scaledWidth = M), B(g, {
+    return i || (z === 0 && (c = !0), r.height = 0, h.height = z, h.scaledHeight = l), d || (M === 0 && (c = !0), r.width = 0, h.width = M, h.scaledWidth = y), B(g, {
       ref: this._setRef,
       style: {
         ...r,
@@ -869,34 +869,34 @@ class Ks extends at {
     }, !c && e(h));
   }
 }
-function re() {
-  return re = Object.assign ? Object.assign.bind() : function(t) {
+function ae() {
+  return ae = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var s = arguments[e];
       for (var n in s)
         Object.prototype.hasOwnProperty.call(s, n) && (t[n] = s[n]);
     }
     return t;
-  }, re.apply(this, arguments);
+  }, ae.apply(this, arguments);
 }
-function Te(t) {
+function _e(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function ae(t, e) {
-  return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
+function oe(t, e) {
+  return oe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
     return n.__proto__ = i, n;
-  }, ae(t, e);
+  }, oe(t, e);
 }
 function Xs(t, e) {
-  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, ae(t, e);
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, oe(t, e);
 }
-var Ae = Number.isNaN || function(e) {
+var Te = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
 function en(t, e) {
-  return !!(t === e || Ae(t) && Ae(e));
+  return !!(t === e || Te(t) && Te(e));
 }
 function tn(t, e) {
   if (t.length !== e.length)
@@ -908,20 +908,20 @@ function tn(t, e) {
 }
 function ee(t, e) {
   e === void 0 && (e = tn);
-  var s, n = [], i, u = !1;
-  function p() {
+  var s, n = [], i, d = !1;
+  function u() {
     for (var f = [], m = 0; m < arguments.length; m++)
       f[m] = arguments[m];
-    return u && s === this && e(f, n) || (i = t.apply(this, f), u = !0, s = this, n = f), i;
+    return d && s === this && e(f, n) || (i = t.apply(this, f), d = !0, s = this, n = f), i;
   }
-  return p;
+  return u;
 }
 var sn = typeof performance == "object" && typeof performance.now == "function", Se = sn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function De(t) {
+function xe(t) {
   cancelAnimationFrame(t.id);
 }
 function nn(t, e) {
@@ -935,7 +935,7 @@ function nn(t, e) {
   return i;
 }
 var te = -1;
-function xe(t) {
+function De(t) {
   if (t === void 0 && (t = !1), te === -1 || t) {
     var e = document.createElement("div"), s = e.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(e), te = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -956,80 +956,80 @@ var rn = 150, an = function(e, s) {
   return e;
 };
 function on(t) {
-  var e, s = t.getItemOffset, n = t.getEstimatedTotalSize, i = t.getItemSize, u = t.getOffsetForIndexAndAlignment, p = t.getStartIndexForOffset, f = t.getStopIndexForStartIndex, m = t.initInstanceProps, g = t.shouldResetStyleCacheOnItemSizeChange, N = t.validateProps;
+  var e, s = t.getItemOffset, n = t.getEstimatedTotalSize, i = t.getItemSize, d = t.getOffsetForIndexAndAlignment, u = t.getStartIndexForOffset, f = t.getStopIndexForStartIndex, m = t.initInstanceProps, g = t.shouldResetStyleCacheOnItemSizeChange, N = t.validateProps;
   return e = /* @__PURE__ */ function(z) {
     Xs(l, z);
-    function l(v) {
+    function l(M) {
       var r;
-      return r = z.call(this, v) || this, r._instanceProps = m(r.props, Te(r)), r._outerRef = void 0, r._resetIsScrollingTimeoutId = null, r.state = {
-        instance: Te(r),
+      return r = z.call(this, M) || this, r._instanceProps = m(r.props, _e(r)), r._outerRef = void 0, r._resetIsScrollingTimeoutId = null, r.state = {
+        instance: _e(r),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof r.props.initialScrollOffset == "number" ? r.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = ee(function(h, c, d, I) {
+      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = ee(function(h, c, p, I) {
         return r.props.onItemsRendered({
           overscanStartIndex: h,
           overscanStopIndex: c,
-          visibleStartIndex: d,
+          visibleStartIndex: p,
           visibleStopIndex: I
         });
-      }), r._callOnScroll = void 0, r._callOnScroll = ee(function(h, c, d) {
+      }), r._callOnScroll = void 0, r._callOnScroll = ee(function(h, c, p) {
         return r.props.onScroll({
           scrollDirection: h,
           scrollOffset: c,
-          scrollUpdateWasRequested: d
+          scrollUpdateWasRequested: p
         });
       }), r._getItemStyle = void 0, r._getItemStyle = function(h) {
-        var c = r.props, d = c.direction, I = c.itemSize, T = c.layout, _ = r._getItemStyleCache(g && I, g && T, g && d), A;
-        if (_.hasOwnProperty(h))
-          A = _[h];
+        var c = r.props, p = c.direction, I = c.itemSize, _ = c.layout, A = r._getItemStyleCache(g && I, g && _, g && p), T;
+        if (A.hasOwnProperty(h))
+          T = A[h];
         else {
-          var S = s(r.props, h, r._instanceProps), O = i(r.props, h, r._instanceProps), E = d === "horizontal" || T === "horizontal", P = d === "rtl", W = E ? S : 0;
-          _[h] = A = {
+          var S = s(r.props, h, r._instanceProps), k = i(r.props, h, r._instanceProps), b = p === "horizontal" || _ === "horizontal", P = p === "rtl", W = b ? S : 0;
+          A[h] = T = {
             position: "absolute",
             left: P ? void 0 : W,
             right: P ? W : void 0,
-            top: E ? 0 : S,
-            height: E ? "100%" : O,
-            width: E ? O : "100%"
+            top: b ? 0 : S,
+            height: b ? "100%" : k,
+            width: b ? k : "100%"
           };
         }
-        return A;
-      }, r._getItemStyleCache = void 0, r._getItemStyleCache = ee(function(h, c, d) {
+        return T;
+      }, r._getItemStyleCache = void 0, r._getItemStyleCache = ee(function(h, c, p) {
         return {};
       }), r._onScrollHorizontal = function(h) {
-        var c = h.currentTarget, d = c.clientWidth, I = c.scrollLeft, T = c.scrollWidth;
-        r.setState(function(_) {
-          if (_.scrollOffset === I)
+        var c = h.currentTarget, p = c.clientWidth, I = c.scrollLeft, _ = c.scrollWidth;
+        r.setState(function(A) {
+          if (A.scrollOffset === I)
             return null;
-          var A = r.props.direction, S = I;
-          if (A === "rtl")
+          var T = r.props.direction, S = I;
+          if (T === "rtl")
             switch (we()) {
               case "negative":
                 S = -I;
                 break;
               case "positive-descending":
-                S = T - d - I;
+                S = _ - p - I;
                 break;
             }
-          return S = Math.max(0, Math.min(S, T - d)), {
+          return S = Math.max(0, Math.min(S, _ - p)), {
             isScrolling: !0,
-            scrollDirection: _.scrollOffset < I ? "forward" : "backward",
+            scrollDirection: A.scrollOffset < I ? "forward" : "backward",
             scrollOffset: S,
             scrollUpdateWasRequested: !1
           };
         }, r._resetIsScrollingDebounced);
       }, r._onScrollVertical = function(h) {
-        var c = h.currentTarget, d = c.clientHeight, I = c.scrollHeight, T = c.scrollTop;
-        r.setState(function(_) {
-          if (_.scrollOffset === T)
+        var c = h.currentTarget, p = c.clientHeight, I = c.scrollHeight, _ = c.scrollTop;
+        r.setState(function(A) {
+          if (A.scrollOffset === _)
             return null;
-          var A = Math.max(0, Math.min(T, I - d));
+          var T = Math.max(0, Math.min(_, I - p));
           return {
             isScrolling: !0,
-            scrollDirection: _.scrollOffset < A ? "forward" : "backward",
-            scrollOffset: A,
+            scrollDirection: A.scrollOffset < T ? "forward" : "backward",
+            scrollOffset: T,
             scrollUpdateWasRequested: !1
           };
         }, r._resetIsScrollingDebounced);
@@ -1037,7 +1037,7 @@ function on(t) {
         var c = r.props.outerRef;
         r._outerRef = h, typeof c == "function" ? c(h) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = h);
       }, r._resetIsScrollingDebounced = function() {
-        r._resetIsScrollingTimeoutId !== null && De(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = nn(r._resetIsScrolling, rn);
+        r._resetIsScrollingTimeoutId !== null && xe(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = nn(r._resetIsScrolling, rn);
       }, r._resetIsScrolling = function() {
         r._resetIsScrollingTimeoutId = null, r.setState({
           isScrolling: !1
@@ -1049,8 +1049,8 @@ function on(t) {
     l.getDerivedStateFromProps = function(r, h) {
       return ln(r, h), N(r), null;
     };
-    var M = l.prototype;
-    return M.scrollTo = function(r) {
+    var y = l.prototype;
+    return y.scrollTo = function(r) {
       r = Math.max(0, r), this.setState(function(h) {
         return h.scrollOffset === r ? null : {
           scrollDirection: h.scrollOffset < r ? "forward" : "backward",
@@ -1058,103 +1058,103 @@ function on(t) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, M.scrollToItem = function(r, h) {
+    }, y.scrollToItem = function(r, h) {
       h === void 0 && (h = "auto");
-      var c = this.props, d = c.itemCount, I = c.layout, T = this.state.scrollOffset;
-      r = Math.max(0, Math.min(r, d - 1));
-      var _ = 0;
+      var c = this.props, p = c.itemCount, I = c.layout, _ = this.state.scrollOffset;
+      r = Math.max(0, Math.min(r, p - 1));
+      var A = 0;
       if (this._outerRef) {
-        var A = this._outerRef;
-        I === "vertical" ? _ = A.scrollWidth > A.clientWidth ? xe() : 0 : _ = A.scrollHeight > A.clientHeight ? xe() : 0;
+        var T = this._outerRef;
+        I === "vertical" ? A = T.scrollWidth > T.clientWidth ? De() : 0 : A = T.scrollHeight > T.clientHeight ? De() : 0;
       }
-      this.scrollTo(u(this.props, r, h, T, this._instanceProps, _));
-    }, M.componentDidMount = function() {
-      var r = this.props, h = r.direction, c = r.initialScrollOffset, d = r.layout;
+      this.scrollTo(d(this.props, r, h, _, this._instanceProps, A));
+    }, y.componentDidMount = function() {
+      var r = this.props, h = r.direction, c = r.initialScrollOffset, p = r.layout;
       if (typeof c == "number" && this._outerRef != null) {
         var I = this._outerRef;
-        h === "horizontal" || d === "horizontal" ? I.scrollLeft = c : I.scrollTop = c;
+        h === "horizontal" || p === "horizontal" ? I.scrollLeft = c : I.scrollTop = c;
       }
       this._callPropsCallbacks();
-    }, M.componentDidUpdate = function() {
-      var r = this.props, h = r.direction, c = r.layout, d = this.state, I = d.scrollOffset, T = d.scrollUpdateWasRequested;
-      if (T && this._outerRef != null) {
-        var _ = this._outerRef;
+    }, y.componentDidUpdate = function() {
+      var r = this.props, h = r.direction, c = r.layout, p = this.state, I = p.scrollOffset, _ = p.scrollUpdateWasRequested;
+      if (_ && this._outerRef != null) {
+        var A = this._outerRef;
         if (h === "horizontal" || c === "horizontal")
           if (h === "rtl")
             switch (we()) {
               case "negative":
-                _.scrollLeft = -I;
+                A.scrollLeft = -I;
                 break;
               case "positive-ascending":
-                _.scrollLeft = I;
+                A.scrollLeft = I;
                 break;
               default:
-                var A = _.clientWidth, S = _.scrollWidth;
-                _.scrollLeft = S - A - I;
+                var T = A.clientWidth, S = A.scrollWidth;
+                A.scrollLeft = S - T - I;
                 break;
             }
           else
-            _.scrollLeft = I;
+            A.scrollLeft = I;
         else
-          _.scrollTop = I;
+          A.scrollTop = I;
       }
       this._callPropsCallbacks();
-    }, M.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && De(this._resetIsScrollingTimeoutId);
-    }, M.render = function() {
-      var r = this.props, h = r.children, c = r.className, d = r.direction, I = r.height, T = r.innerRef, _ = r.innerElementType, A = r.innerTagName, S = r.itemCount, O = r.itemData, E = r.itemKey, P = E === void 0 ? an : E, W = r.layout, We = r.outerElementType, Fe = r.outerTagName, Ve = r.style, He = r.useIsScrolling, Be = r.width, oe = this.state.isScrolling, Z = d === "horizontal" || W === "horizontal", Ge = Z ? this._onScrollHorizontal : this._onScrollVertical, le = this._getRangeToRender(), Ze = le[0], Je = le[1], ce = [];
+    }, y.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && xe(this._resetIsScrollingTimeoutId);
+    }, y.render = function() {
+      var r = this.props, h = r.children, c = r.className, p = 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 = p === "horizontal" || W === "horizontal", Be = Z ? this._onScrollHorizontal : this._onScrollVertical, ce = this._getRangeToRender(), Ge = ce[0], Ze = ce[1], de = [];
       if (S > 0)
-        for (var $ = Ze; $ <= Je; $++)
-          ce.push(B(h, {
-            data: O,
-            key: P($, O),
-            index: $,
-            isScrolling: He ? oe : void 0,
-            style: this._getItemStyle($)
+        for (var R = Ge; R <= Ze; R++)
+          de.push(B(h, {
+            data: k,
+            key: P(R, k),
+            index: R,
+            isScrolling: Ve ? le : void 0,
+            style: this._getItemStyle(R)
           }));
-      var de = n(this.props, this._instanceProps);
-      return B(We || Fe || "div", {
+      var ue = n(this.props, this._instanceProps);
+      return B(Pe || We || "div", {
         className: c,
-        onScroll: Ge,
+        onScroll: Be,
         ref: this._outerRefSetter,
-        style: re({
+        style: ae({
           position: "relative",
           height: I,
-          width: Be,
+          width: He,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: d
-        }, Ve)
-      }, B(_ || A || "div", {
-        children: ce,
-        ref: T,
+          direction: p
+        }, Fe)
+      }, B(A || T || "div", {
+        children: de,
+        ref: _,
         style: {
-          height: Z ? "100%" : de,
-          pointerEvents: oe ? "none" : void 0,
-          width: Z ? de : "100%"
+          height: Z ? "100%" : ue,
+          pointerEvents: le ? "none" : void 0,
+          width: Z ? ue : "100%"
         }
       }));
-    }, M._callPropsCallbacks = function() {
+    }, y._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var r = this.props.itemCount;
         if (r > 0) {
-          var h = this._getRangeToRender(), c = h[0], d = h[1], I = h[2], T = h[3];
-          this._callOnItemsRendered(c, d, I, T);
+          var h = this._getRangeToRender(), c = h[0], p = h[1], I = h[2], _ = h[3];
+          this._callOnItemsRendered(c, p, I, _);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var _ = this.state, A = _.scrollDirection, S = _.scrollOffset, O = _.scrollUpdateWasRequested;
-        this._callOnScroll(A, S, O);
+        var A = this.state, T = A.scrollDirection, S = A.scrollOffset, k = A.scrollUpdateWasRequested;
+        this._callOnScroll(T, S, k);
       }
-    }, M._getRangeToRender = function() {
-      var r = this.props, h = r.itemCount, c = r.overscanCount, d = this.state, I = d.isScrolling, T = d.scrollDirection, _ = d.scrollOffset;
+    }, y._getRangeToRender = function() {
+      var r = this.props, h = r.itemCount, c = r.overscanCount, p = this.state, I = p.isScrolling, _ = p.scrollDirection, A = p.scrollOffset;
       if (h === 0)
         return [0, 0, 0, 0];
-      var A = p(this.props, _, this._instanceProps), S = f(this.props, A, _, this._instanceProps), O = !I || T === "backward" ? Math.max(1, c) : 1, E = !I || T === "forward" ? Math.max(1, c) : 1;
-      return [Math.max(0, A - O), Math.max(0, Math.min(h - 1, S + E)), A, S];
+      var T = u(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(h - 1, S + b)), T, S];
     }, l;
-  }(Re), e.defaultProps = {
+  }(Ce), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1177,16 +1177,16 @@ var ln = function(e, s) {
     var s = e.itemCount, n = e.itemSize;
     return n * s;
   },
-  getOffsetForIndexAndAlignment: function(e, s, n, i, u, p) {
-    var f = e.direction, m = e.height, g = e.itemCount, N = e.itemSize, z = e.layout, l = e.width, M = f === "horizontal" || z === "horizontal", v = M ? l : m, r = Math.max(0, g * N - v), h = Math.min(r, s * N), c = Math.max(0, s * N - v + N + p);
-    switch (n === "smart" && (i >= c - v && i <= h + v ? n = "auto" : n = "center"), n) {
+  getOffsetForIndexAndAlignment: function(e, s, n, i, d, u) {
+    var f = e.direction, m = e.height, g = e.itemCount, N = e.itemSize, z = e.layout, l = e.width, y = f === "horizontal" || z === "horizontal", M = y ? l : m, r = Math.max(0, g * N - M), h = Math.min(r, s * N), c = Math.max(0, s * N - M + N + u);
+    switch (n === "smart" && (i >= c - M && i <= h + M ? n = "auto" : n = "center"), n) {
       case "start":
         return h;
       case "end":
         return c;
       case "center": {
-        var d = Math.round(c + (h - c) / 2);
-        return d < Math.ceil(v / 2) ? 0 : d > r + Math.floor(v / 2) ? r : d;
+        var p = Math.round(c + (h - c) / 2);
+        return p < Math.ceil(M / 2) ? 0 : p > r + Math.floor(M / 2) ? r : p;
       }
       case "auto":
       default:
@@ -1198,10 +1198,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, u = e.height, p = e.itemCount, f = e.itemSize, m = e.layout, g = e.width, N = i === "horizontal" || m === "horizontal", z = s * f, l = N ? g : u, M = Math.ceil((l + n - z) / f);
+    var i = e.direction, d = e.height, u = e.itemCount, f = e.itemSize, m = e.layout, g = e.width, N = i === "horizontal" || m === "horizontal", z = s * f, l = N ? g : d, y = Math.ceil((l + n - z) / f);
     return Math.max(0, Math.min(
-      p - 1,
-      s + M - 1
+      u - 1,
+      s + y - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1217,24 +1217,24 @@ function dn(t) {
   return !(n > s || i < e);
 }
 function un(t) {
-  for (var e = t.isItemLoaded, s = t.itemCount, n = t.minimumBatchSize, i = t.startIndex, u = t.stopIndex, p = [], f = null, m = null, g = i; g <= u; g++) {
+  for (var e = t.isItemLoaded, s = t.itemCount, n = t.minimumBatchSize, i = t.startIndex, d = t.stopIndex, u = [], f = null, m = null, g = i; g <= d; g++) {
     var N = e(g);
-    N ? m !== null && (p.push(f, m), f = m = null) : (m = g, f === null && (f = g));
+    N ? m !== null && (u.push(f, m), f = m = null) : (m = g, f === null && (f = g));
   }
   if (m !== null) {
     for (var z = Math.min(Math.max(m, f + n - 1), s - 1), l = m + 1; l <= z && !e(l); l++)
       m = l;
-    p.push(f, m);
+    u.push(f, m);
   }
-  if (p.length)
-    for (; p[1] - p[0] + 1 < n && p[0] > 0; ) {
-      var M = p[0] - 1;
-      if (!e(M))
-        p[0] = M;
+  if (u.length)
+    for (; u[1] - u[0] + 1 < n && u[0] > 0; ) {
+      var y = u[0] - 1;
+      if (!e(y))
+        u[0] = y;
       else
         break;
     }
-  return p;
+  return u;
 }
 var pn = function(t, e) {
   if (!(t instanceof e))
@@ -1260,23 +1260,23 @@ var pn = function(t, e) {
       configurable: !0
     }
   }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}, Oe = function(t, e) {
+}, ke = 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);
   function e() {
-    var s, n, i, u;
+    var s, n, i, d;
     pn(this, e);
-    for (var p = arguments.length, f = Array(p), m = 0; m < p; m++)
+    for (var u = arguments.length, f = Array(u), m = 0; m < u; m++)
       f[m] = arguments[m];
-    return u = (n = (i = Oe(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) {
+    return d = (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);
     }, i._setRef = function(g) {
       i._listRef = g;
-    }, n), Oe(i, u);
+    }, n), ke(i, d);
   }
   return hn(e, [{
     key: "resetloadMoreItemsCache",
@@ -1300,22 +1300,22 @@ var pn = function(t, e) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(n, i) {
-      var u = this.props, p = u.isItemLoaded, f = u.itemCount, m = u.minimumBatchSize, g = m === void 0 ? 10 : m, N = u.threshold, z = N === void 0 ? 15 : N, l = un({
-        isItemLoaded: p,
+      var d = this.props, u = d.isItemLoaded, f = d.itemCount, m = d.minimumBatchSize, g = m === void 0 ? 10 : m, N = d.threshold, z = N === void 0 ? 15 : N, l = un({
+        isItemLoaded: u,
         itemCount: f,
         minimumBatchSize: g,
         startIndex: Math.max(0, n - z),
         stopIndex: Math.min(f - 1, i + z)
       });
-      (this._memoizedUnloadedRanges.length !== l.length || this._memoizedUnloadedRanges.some(function(M, v) {
-        return l[v] !== M;
+      (this._memoizedUnloadedRanges.length !== l.length || this._memoizedUnloadedRanges.some(function(y, M) {
+        return l[M] !== y;
       })) && (this._memoizedUnloadedRanges = l, this._loadUnloadedRanges(l));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(n) {
-      for (var i = this, u = this.props.loadMoreItems || this.props.loadMoreRows, p = function(g) {
-        var N = n[g], z = n[g + 1], l = u(N, z);
+      for (var i = this, d = this.props.loadMoreItems || this.props.loadMoreRows, u = function(g) {
+        var N = n[g], z = n[g + 1], l = d(N, z);
         l != null && l.then(function() {
           if (dn({
             lastRenderedStartIndex: i._lastRenderedStartIndex,
@@ -1329,11 +1329,11 @@ var pn = function(t, e) {
           }
         });
       }, f = 0; f < n.length; f += 2)
-        p(f);
+        u(f);
     }
   }]), e;
-}(Re);
-const gn = () => w, In = /* @__PURE__ */ o("div")({
+}(Ce);
+const gn = () => x, In = /* @__PURE__ */ o("div")({
   name: "a",
   class: "a1w9zony",
   propsAsIs: !1
@@ -1357,49 +1357,49 @@ const gn = () => w, In = /* @__PURE__ */ o("div")({
   name: "d",
   class: "d1tmnqsh",
   propsAsIs: !1
-}), _n = /* @__PURE__ */ o("span")({
+}), An = /* @__PURE__ */ o("span")({
   name: "g",
   class: "gi9h87j",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ o(gn())({
+}), _n = /* @__PURE__ */ o(gn())({
   name: "x",
   class: "x13mk3z6",
   propsAsIs: !0
-}), An = ({
+}), Tn = ({
   rank: t,
   avatar: e,
   name: s,
   points: n,
   isCurrentUser: i,
-  openItemDetail: u,
-  style: p
-}) => /* @__PURE__ */ y(In, { onClick: u, style: p, children: [
+  openItemDetail: d,
+  style: u
+}) => /* @__PURE__ */ v(In, { onClick: d, style: u, children: [
   /* @__PURE__ */ a(vn, { children: t || 0 }),
-  /* @__PURE__ */ y(zn, { children: [
-    e ? /* @__PURE__ */ a(Mn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ a(yn, { children: ke(s || "") }),
-    /* @__PURE__ */ y(Nn, { children: [
-      /* @__PURE__ */ a(_n, { children: s || "" }),
-      i && /* @__PURE__ */ a(Tn, { name: "icon-star" })
+  /* @__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__ */ a("div", { children: je(n) })
 ] }), Sn = ({ items: t, openItemDetail: e, fetchMore: s }) => /* @__PURE__ */ a(Ks, { children: ({ width: n, height: i }) => /* @__PURE__ */ a(
   fn,
   {
-    isItemLoaded: (u) => u < t.length,
+    isItemLoaded: (d) => d < t.length,
     itemCount: t.length + 1,
     loadMoreItems: s,
-    children: ({ onItemsRendered: u, ref: p }) => /* @__PURE__ */ a(
+    children: ({ onItemsRendered: d, ref: u }) => /* @__PURE__ */ a(
       cn,
       {
         itemSize: 56,
-        onItemsRendered: u,
-        ref: p,
+        onItemsRendered: d,
+        ref: u,
         itemCount: t.length,
         width: n,
         height: i,
         children: ({ index: f, style: m }) => /* @__PURE__ */ a(
-          An,
+          Tn,
           {
             style: { ...m, maxHeight: 48 },
             ...t[f],
@@ -1410,156 +1410,273 @@ const gn = () => w, In = /* @__PURE__ */ o("div")({
       }
     )
   }
-) }), Dn = ({ leaderboardList: t, openUser: e }) => {
-  const { data: s } = k(t.$store);
-  return /* @__PURE__ */ a(Sn, { fetchMore: t.fetchMore, items: s, openItemDetail: e });
+) });
+const xn = () => x, Dn = () => x, wn = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "ay8exst",
+  propsAsIs: !1
+}), kn = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "l31riw0",
+  propsAsIs: !1
+}), bn = /* @__PURE__ */ o(xn())({
+  name: "p",
+  class: "pcmm4w7",
+  propsAsIs: !0
+}), On = /* @__PURE__ */ o("div")({
+  name: "c",
+  class: "cct922a",
+  propsAsIs: !1
+}), En = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "s12b7u74",
+  propsAsIs: !1
+}), jn = /* @__PURE__ */ o("div")({
+  name: "x",
+  class: "x1896nrl",
+  propsAsIs: !1
+}), Ln = /* @__PURE__ */ o("div")({
+  name: "d",
+  class: "d1vnagog",
+  propsAsIs: !1
+}), Cn = /* @__PURE__ */ o("div")({
+  name: "g",
+  class: "gznzzc2",
+  propsAsIs: !1
+}), $n = /* @__PURE__ */ o("span")({
+  name: "f",
+  class: "fnmvyxu",
+  propsAsIs: !1
+}), Rn = /* @__PURE__ */ o("span")({
+  name: "h",
+  class: "h1iubd2g",
+  propsAsIs: !1
+}), Qn = /* @__PURE__ */ o(Dn())({
+  name: "m",
+  class: "mmvjfuo",
+  propsAsIs: !0
+}), Un = /* @__PURE__ */ o("div")({
+  name: "v",
+  class: "v1oi1553",
+  propsAsIs: !1
+}), qn = /* @__PURE__ */ o("a")({
+  name: "w",
+  class: "w1vwcogq",
+  propsAsIs: !1
+}), Yn = /* @__PURE__ */ o("span")({
+  name: "u",
+  class: "utbqo0e",
+  propsAsIs: !1
+}), Pn = ({
+  inviteLink: t,
+  socialLinks: e,
+  inviteCardTitle: s,
+  inviteCardSubtext: n,
+  primaryColor: i,
+  className: d
+}) => /* @__PURE__ */ v(wn, { className: d, 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 || "" })
+  ] }),
+  t && /* @__PURE__ */ v(Ln, { onClick: async () => {
+    if (t)
+      try {
+        await navigator.clipboard.writeText(t);
+      } catch (u) {
+        console.error("Unable to copy to clipboard", u);
+      }
+  }, children: [
+    /* @__PURE__ */ v(Cn, { children: [
+      /* @__PURE__ */ a($n, { children: "Invite link" }),
+      /* @__PURE__ */ a(Rn, { children: t })
+    ] }),
+    /* @__PURE__ */ a(Qn, { name: "icon-copy" })
+  ] }),
+  e && e.length > 0 && /* @__PURE__ */ a(Un, { children: e.map(({ icon: u, link: f, label: m }) => /* @__PURE__ */ v(qn, { href: f, target: "_blank", children: [
+    /* @__PURE__ */ a(x, { name: u }),
+    /* @__PURE__ */ a(Yn, { children: m })
+  ] }, f)) })
+] }), Wn = ({ deepLink: t }) => {
+  const { data: e } = O(t.$store);
+  return /* @__PURE__ */ a(
+    Pn,
+    {
+      inviteLink: e == null ? void 0 : e.url,
+      socialLinks: [
+        {
+          icon: "icon-facebook",
+          link: "https://www.facebook.com/TheMasters",
+          label: "Facebook"
+        },
+        {
+          icon: "icon-twitter",
+          link: "https://twitter.com/@TheMasters",
+          label: "X"
+        }
+      ],
+      inviteCardTitle: "It’s more fun with friends",
+      inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
+    }
+  );
+}, Fn = ({ gamification: t }) => {
+  const { data: e } = O(t.leaderboardList.$store);
+  return e != null && e.length ? /* @__PURE__ */ a(Wn, { deepLink: t.deepLink }) : /* @__PURE__ */ a(
+    Sn,
+    {
+      fetchMore: t.leaderboardList.fetchMore,
+      items: e,
+      openItemDetail: t.openUser
+    }
+  );
 };
-const xn = /* @__PURE__ */ o("button")({
+const Vn = /* @__PURE__ */ o("button")({
   name: "a",
   class: "akly9h2",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ o("span")({
+}), Hn = /* @__PURE__ */ o("span")({
   name: "e",
   class: "eptoiz9",
   propsAsIs: !1
-}), On = ({ disabled: t, variant: e = "primary", onClick: s, children: n, ...i }) => /* @__PURE__ */ a(xn, { onClick: s, disabled: t, "data-variant": e, ...i, children: /* @__PURE__ */ a(wn, { children: n }) });
-const En = () => w, bn = () => w, kn = /* @__PURE__ */ o("div")({
+}), 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")({
   name: "s",
   class: "s1lblda3",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ o("div")({
+}), Kn = /* @__PURE__ */ o("div")({
   name: "a",
   class: "ascvb2g",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ o("div")({
+}), Xn = /* @__PURE__ */ o("div")({
   name: "p",
   class: "p17rl8zy",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ o("div")({
+}), ei = /* @__PURE__ */ o("div")({
   name: "l",
   class: "l1vvttbn",
   propsAsIs: !1
-}), se = /* @__PURE__ */ o(En())({
+}), se = /* @__PURE__ */ o(Gn())({
   name: "c",
   class: "c6fk2ph",
   propsAsIs: !0
-}), Rn = /* @__PURE__ */ o(bn())({
+}), ti = /* @__PURE__ */ o(Zn())({
   name: "d",
   class: "d1rdm136",
   propsAsIs: !0
-}), $n = /* @__PURE__ */ o("div")({
+}), si = /* @__PURE__ */ o("div")({
   name: "f",
   class: "fwqnnel",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ o("div")({
+}), ni = /* @__PURE__ */ o("div")({
   name: "u",
   class: "ucyxnlg",
   propsAsIs: !1
-}), Qn = {
+}), 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" })
-}, qn = ({
+}, ri = ({
   questionId: t,
   questionType: e,
   questionStatus: s,
   subject: n,
   openForVoting: i,
-  openQuestion: u,
-  status: p
+  openQuestion: d,
+  status: u
 }) => {
-  const f = be[e], m = Qn[p];
-  return f ? /* @__PURE__ */ y(kn, { onClick: () => u == null ? void 0 : u(t), children: [
-    /* @__PURE__ */ y(Un, { children: [
-      /* @__PURE__ */ y(jn, { children: [
-        /* @__PURE__ */ a(Rn, { name: f.iconName }),
-        /* @__PURE__ */ y($n, { children: [
+  const f = Oe[e], m = ii[u];
+  return f ? /* @__PURE__ */ v(Jn, { onClick: () => d == null ? void 0 : d(t), children: [
+    /* @__PURE__ */ v(ni, { children: [
+      /* @__PURE__ */ v(Kn, { children: [
+        /* @__PURE__ */ a(ti, { name: f.iconName }),
+        /* @__PURE__ */ v(si, { children: [
           f.label,
           e === D.TRIVIA && s === Y.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ a(Ln, { children: n || "" })
+      /* @__PURE__ */ a(Xn, { children: n || "" })
     ] }),
-    /* @__PURE__ */ a(Cn, { children: m || (i ? /* @__PURE__ */ a(On, { children: "Play" }) : null) })
+    /* @__PURE__ */ a(ei, { children: m || (i ? /* @__PURE__ */ a(Bn, { children: "Play" }) : null) })
   ] }) : null;
 };
-const Yn = /* @__PURE__ */ o("div")({
+const ai = /* @__PURE__ */ o("div")({
   name: "n",
   class: "n1jcgove",
   propsAsIs: !1
-}), Pn = /* @__PURE__ */ o("button")({
+}), oi = /* @__PURE__ */ o("button")({
   name: "l",
   class: "l1bwp7hh",
   propsAsIs: !1
-}), Wn = ({
+}), li = ({
   openInsight: t,
   questionId: e,
   ...s
-}) => /* @__PURE__ */ y(Yn, { children: [
-  /* @__PURE__ */ a(Pe, { questionId: e, ...s }),
-  t && /* @__PURE__ */ a(Pn, { onClick: () => t(e), children: "View Insight" })
+}) => /* @__PURE__ */ v(ai, { children: [
+  /* @__PURE__ */ a(Ye, { questionId: e, ...s }),
+  t && /* @__PURE__ */ a(oi, { onClick: () => t(e), children: "View Insight" })
 ] });
-const Fn = /* @__PURE__ */ o("div")({
+const ci = /* @__PURE__ */ o("div")({
   name: "t",
   class: "t19vr3p1",
   propsAsIs: !1
-}), Vn = ({ questions: t, openQuestion: e }) => /* @__PURE__ */ a(Fn, { children: t == null ? void 0 : t.map((s) => {
+}), di = ({ questions: t, openQuestion: e }) => /* @__PURE__ */ a(ci, { 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 u = s.attributes.attributes.value;
-    return /* @__PURE__ */ a(qn, { openQuestion: e, ...u }, u.questionId);
+    const d = s.attributes.attributes.value;
+    return /* @__PURE__ */ a(ri, { openQuestion: e, ...d }, d.questionId);
   }
   if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
-    const u = s.attributes.attributes.value;
-    return /* @__PURE__ */ a(Wn, { openInsight: e, ...u }, u.questionId);
+    const d = s.attributes.attributes.value;
+    return /* @__PURE__ */ a(li, { openInsight: e, ...d }, d.questionId);
   }
   return null;
-}) }), Hn = ({ store: t, openQuestion: e }) => {
-  const s = k(t);
-  return s != null && s.data ? /* @__PURE__ */ a(Vn, { openQuestion: e, questions: s.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
-}, Bn = ({ userSummary: t }) => {
+}) }), ui = ({ 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 }) => {
   var e;
-  const s = k(t.getStore());
-  return (e = s.data) != null && e.summary ? /* @__PURE__ */ a(Ue, { ...s.data.summary, ...s.data.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
-}, Gn = ({ gamification: t }) => {
-  const [e, s] = R(Q.HOME);
-  return /* @__PURE__ */ y("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ y(Ce, { children: [
+  const s = O(t.getStore());
+  return (e = s.data) != null && e.summary ? /* @__PURE__ */ a(Re, { ...s.data.summary, ...s.data.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
+}, hi = ({ gamification: t }) => {
+  const [e, s] = $(U.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(Bn, { userSummary: t.userSummary })
+      e === U.HOME && /* @__PURE__ */ a(pi, { userSummary: t.userSummary })
     ] }),
-    e === Q.HOME && /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(Hn, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
-    e === Q.LEADERBOARD && /* @__PURE__ */ a(ue, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(Dn, { openUser: t.openUser, leaderboardList: t.leaderboardList }) })
+    e === U.HOME && /* @__PURE__ */ a(st, { children: /* @__PURE__ */ a(ui, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
+    e === U.LEADERBOARD && /* @__PURE__ */ a(ne, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(Fn, { gamification: t }) })
   ] });
 };
-const Zn = () => nt, Ee = /* @__PURE__ */ o(Zn())({
+const mi = () => nt, be = /* @__PURE__ */ o(mi())({
   name: "e",
   class: "e1ph66cs",
   propsAsIs: !0
-}), Jn = /* @__PURE__ */ o("div")({
+}), fi = /* @__PURE__ */ o("div")({
   name: "x",
   class: "xorme7i",
   propsAsIs: !1
-}), ti = ({
+}), Mi = ({
   gamification: t,
   className: e
 }) => {
-  const s = k(t.openedQuestion.$store), n = k(t.openedUser);
-  return /* @__PURE__ */ y(q, {
-    children: [s && /* @__PURE__ */ a(Ee, {
+  const s = O(t.openedQuestion.$store), n = O(t.openedUser);
+  return /* @__PURE__ */ v(q, {
+    children: [s && /* @__PURE__ */ a(be, {
       className: e,
       children: /* @__PURE__ */ a(Fs, {
         gamification: t
       })
-    }), n && /* @__PURE__ */ a(Ee, {
+    }), n && /* @__PURE__ */ a(be, {
       className: e,
-      children: /* @__PURE__ */ y(Jn, {
+      children: /* @__PURE__ */ v(fi, {
         children: [/* @__PURE__ */ a($e, {
           label: "Friend's Rank",
           close: t.closeUser
-        }), /* @__PURE__ */ a(Ce, {
-          children: /* @__PURE__ */ a(Ue, {
+        }), /* @__PURE__ */ a(ne, {
+          children: /* @__PURE__ */ a(Re, {
             ...n
           })
         })]
@@ -1567,13 +1684,13 @@ const Zn = () => nt, Ee = /* @__PURE__ */ o(Zn())({
     }), /* @__PURE__ */ a(Le, {
       className: e,
       "data-nav": "true",
-      children: /* @__PURE__ */ a(Gn, {
+      children: /* @__PURE__ */ a(hi, {
         gamification: t
       })
     })]
   });
 };
 export {
-  ti as GamificationOverlay,
-  ti as default
+  Mi as GamificationOverlay,
+  Mi as default
 };