@streamlayer/react 0.30.0 → 0.30.2

package/lib/dist/{index-bcabe854.js → es/gamification-feature.js}

@@ -1,143 +1,143 @@
-import { jsxs as I, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { s as a, i as C, o as De, a as Se, b as ze, Q as x, c as P, d as b, E, r as xe, e as Ye, f as We, n as Fe, w as Be, u as O, A as Ve, O as He, P as F, g as Ge, h as ee, j as Ze, x as Je } from "./masters-3c9c6ffe.js";
-import Q, { useRef as w, useState as L, useCallback as q, useEffect as Ke, useLayoutEffect as Xe, useMemo as V, createElement as G, PureComponent as Ce } from "react";
+import { jsxs as I, jsx as r, Fragment as E } from "react/jsx-runtime";
+import { s as a, i as j, o as Se, a as ze, b as xe, Q as x, c as _, d as b, E as L, r as se, e as Ye, f as We, n as Fe, w as Ve, u as w, A as Be, O as He, P as W, g as Ge, h as ee, j as Ze, k as Je } from "./masters.js";
+import U, { useRef as C, useState as R, useCallback as q, useEffect as Ke, useLayoutEffect as Xe, useMemo as V, createElement as G, PureComponent as je } from "react";
 const et = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1vwopgc",
+  class: "c1vwopgc",
   propsAsIs: !1
 }), tt = /* @__PURE__ */ a("div")({
   name: "QuestionTypeWrap",
-  class: "QuestionTypeWrap_qyktpt0",
+  class: "qyktpt0",
   propsAsIs: !1
-}), nt = () => C, it = /* @__PURE__ */ a(nt())({
+}), nt = () => j, st = /* @__PURE__ */ a(nt())({
   name: "QuestionTypeIcon",
-  class: "QuestionTypeIcon_q951jdx",
+  class: "q951jdx",
   propsAsIs: !0
-}), st = /* @__PURE__ */ a("span")({
+}), it = /* @__PURE__ */ a("span")({
   name: "QuestionTypeTitle",
-  class: "QuestionTypeTitle_qss5f0e",
+  class: "qss5f0e",
   propsAsIs: !1
 }), rt = /* @__PURE__ */ a("button")({
   name: "CloseButton",
-  class: "CloseButton_c1ao1jtv",
+  class: "c1ao1jtv",
   propsAsIs: !1
-}), ot = () => C, at = /* @__PURE__ */ a(ot())({
+}), ot = () => j, at = /* @__PURE__ */ a(ot())({
   name: "CloseIcon",
-  class: "CloseIcon_cvsl7l3",
+  class: "cvsl7l3",
   propsAsIs: !0
 }), ke = ({ type: e, close: t, label: n }) => {
-  const i = e ? De[e] : { label: n, iconName: void 0 };
+  const s = e ? Se[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ I(et, { children: [
     /* @__PURE__ */ I(tt, { children: [
-      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(it, { name: i.iconName }),
-      (i == null ? void 0 : i.label) && /* @__PURE__ */ r(st, { children: i.label })
+      (s == null ? void 0 : s.iconName) && /* @__PURE__ */ r(st, { name: s.iconName }),
+      (s == null ? void 0 : s.label) && /* @__PURE__ */ r(it, { children: s.label })
     ] }),
     /* @__PURE__ */ r(rt, { onClick: t, children: /* @__PURE__ */ r(at, { name: "icon-cross" }) })
   ] });
 }, lt = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1zy8a",
+  class: "c1zy8a",
   propsAsIs: !1
 }), ct = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1vih9p5",
+  class: "t1vih9p5",
   propsAsIs: !1
 }), dt = /* @__PURE__ */ a("div")({
   name: "Indicator",
-  class: "Indicator_i1fbnvpb",
+  class: "i1fbnvpb",
   propsAsIs: !1
-}), ae = ({ indicator: e, title: t }) => /* @__PURE__ */ I(lt, { children: [
+}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ I(lt, { children: [
   /* @__PURE__ */ r(ct, { children: t }),
   /* @__PURE__ */ r(dt, { children: e })
 ] }), ut = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_ctmhwyc",
+  class: "ctmhwyc",
   propsAsIs: !1
 }), pt = /* @__PURE__ */ a("div")({
   name: "Indicator",
-  class: "Indicator_i1jri200",
+  class: "i1jri200",
   propsAsIs: !1
 }), mt = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t8s05oq",
+  class: "t8s05oq",
   propsAsIs: !1
-}), B = ({ indicator: e, title: t }) => /* @__PURE__ */ I(ut, { children: [
+}), F = ({ indicator: e, title: t }) => /* @__PURE__ */ I(ut, { children: [
   /* @__PURE__ */ r(pt, { children: e }),
   /* @__PURE__ */ r(mt, { children: t })
 ] }), ht = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1yrpn9o",
+  class: "c1yrpn9o",
   propsAsIs: !1
 }), It = /* @__PURE__ */ a("div")({
   name: "TopInfo",
-  class: "TopInfo_t17fwahh",
+  class: "t17fwahh",
   propsAsIs: !1
 }), ft = /* @__PURE__ */ a("div")({
   name: "BottomInfo",
-  class: "BottomInfo_by6w7e9",
+  class: "by6w7e9",
   propsAsIs: !1
 }), gt = /* @__PURE__ */ a("div")({
   name: "User",
-  class: "User_u1g7arbm",
+  class: "u1g7arbm",
   propsAsIs: !1
 }), Mt = /* @__PURE__ */ a("img")({
   name: "Avatar",
-  class: "Avatar_a1ldeata",
+  class: "a1ldeata",
   propsAsIs: !1
 }), vt = /* @__PURE__ */ a("div")({
   name: "UserInfo",
-  class: "UserInfo_u10d4koz",
+  class: "u10d4koz",
   propsAsIs: !1
 }), yt = /* @__PURE__ */ a("div")({
   name: "UserName",
-  class: "UserName_u1q6roj0",
+  class: "u1q6roj0",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ a("div")({
+}), Nt = /* @__PURE__ */ a("div")({
   name: "UserRating",
-  class: "UserRating_ui0m425",
+  class: "ui0m425",
   propsAsIs: !1
 }), At = /* @__PURE__ */ a("img")({
   name: "TrophyIcon",
-  class: "TrophyIcon_t1el3mrn",
+  class: "t1el3mrn",
   propsAsIs: !1
-}), Nt = /* @__PURE__ */ a("div")({
+}), Tt = /* @__PURE__ */ a("div")({
   name: "Rts",
-  class: "Rts_r2vgnxv",
+  class: "r2vgnxv",
   propsAsIs: !1
 }), Dt = /* @__PURE__ */ a("div")({
   name: "RtsIndicator",
-  class: "RtsIndicator_roqn06j",
+  class: "roqn06j",
   propsAsIs: !1
 }), St = /* @__PURE__ */ a("div")({
   name: "RtsLabel",
-  class: "RtsLabel_r15adx7c",
+  class: "r15adx7c",
   propsAsIs: !1
 }), zt = /* @__PURE__ */ a("div")({
   name: "Divider",
-  class: "Divider_dv59lta",
+  class: "dv59lta",
   propsAsIs: !1
 }), xt = /* @__PURE__ */ a("div")({
   name: "Ranks",
-  class: "Ranks_r55lotb",
+  class: "r55lotb",
   propsAsIs: !1
-}), Ct = /* @__PURE__ */ a("div")({
+}), jt = /* @__PURE__ */ a("div")({
   name: "Statistics",
-  class: "Statistics_s1knfgqt",
+  class: "s1knfgqt",
   propsAsIs: !1
 }), kt = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
-  class: "AvatarPlaceholder_a1mqo824",
+  class: "a1mqo824",
   propsAsIs: !1
-}), jt = /* @__PURE__ */ a("button")({
+}), Ot = /* @__PURE__ */ a("button")({
   name: "UserAccountBtn",
-  class: "UserAccountBtn_uxareh6",
+  class: "uxareh6",
   propsAsIs: !1
-}), Ot = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", je = ({
+}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Oe = ({
   avatar: e,
   name: t,
   points: n,
-  friendsRank: i,
-  rank: s,
+  friendsRank: s,
+  rank: i,
   streak: c,
   correct: l,
   incorrect: m,
@@ -145,17 +145,17 @@ const et = /* @__PURE__ */ a("div")({
   successRate: f
 }) => /* @__PURE__ */ I(ht, { children: [
   /* @__PURE__ */ r(It, { children: /* @__PURE__ */ I(gt, { children: [
-    /* @__PURE__ */ I(jt, { children: [
+    /* @__PURE__ */ I(Ot, { children: [
       e && /* @__PURE__ */ r(Mt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ r(kt, { children: Se(t || "") })
+      !e && /* @__PURE__ */ r(kt, { children: ze(t || "") })
     ] }),
     /* @__PURE__ */ I(vt, { children: [
       /* @__PURE__ */ r(yt, { children: t }),
-      /* @__PURE__ */ I(Tt, { children: [
-        /* @__PURE__ */ I(Nt, { children: [
-          /* @__PURE__ */ r(At, { alt: "rank-icon", src: Ot }),
+      /* @__PURE__ */ I(Nt, { children: [
+        /* @__PURE__ */ I(Tt, { children: [
+          /* @__PURE__ */ r(At, { alt: "rank-icon", src: wt }),
           /* @__PURE__ */ I(Dt, { children: [
-            ze(n),
+            xe(n),
             /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
@@ -170,185 +170,185 @@ const et = /* @__PURE__ */ a("div")({
   ] }) }),
   /* @__PURE__ */ I(ft, { children: [
     /* @__PURE__ */ I(xt, { children: [
-      /* @__PURE__ */ r(ae, { indicator: i || 0, title: "Friends rank" }),
-      /* @__PURE__ */ r(ae, { indicator: s || 0, title: "Global rank" })
+      /* @__PURE__ */ r(le, { indicator: s || 0, title: "Friends rank" }),
+      /* @__PURE__ */ r(le, { indicator: i || 0, title: "Global rank" })
     ] }),
-    /* @__PURE__ */ I(Ct, { children: [
-      /* @__PURE__ */ r(B, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ r(B, { indicator: l || 0, title: "Correct" }),
-      /* @__PURE__ */ r(B, { indicator: m || 0, title: "Incorrect" }),
-      /* @__PURE__ */ r(B, { indicator: `${f || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ I(jt, { children: [
+      /* @__PURE__ */ r(F, { indicator: c || 0, title: "Win streak" }),
+      /* @__PURE__ */ r(F, { indicator: l || 0, title: "Correct" }),
+      /* @__PURE__ */ r(F, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ r(F, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
-] }), wt = /* @__PURE__ */ a("div")({
+] }), Ct = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c38csyt",
+  class: "c38csyt",
   propsAsIs: !1
-}), _t = /* @__PURE__ */ a("div")({
+}), $t = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_ty221rx",
+  class: "ty221rx",
   propsAsIs: !1
 }), bt = /* @__PURE__ */ a("div")({
   name: "Description",
-  class: "Description_dlaj9xp",
+  class: "dlaj9xp",
   propsAsIs: !1
-}), $t = ({ title: e, description: t }) => /* @__PURE__ */ I(wt, { children: [
-  /* @__PURE__ */ r(C, { name: "icon-check-circle" }),
-  /* @__PURE__ */ r(_t, { children: e }),
+}), Et = ({ title: e, description: t }) => /* @__PURE__ */ I(Ct, { children: [
+  /* @__PURE__ */ r(j, { name: "icon-check-circle" }),
+  /* @__PURE__ */ r($t, { children: e }),
   /* @__PURE__ */ r(bt, { children: t })
-] }), Et = /* @__PURE__ */ a("div")({
+] }), Lt = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c16sbdnm",
+  class: "c16sbdnm",
   propsAsIs: !1
-}), Lt = () => C, Rt = /* @__PURE__ */ a(Lt())({
+}), Rt = () => j, Qt = /* @__PURE__ */ a(Rt())({
   name: "IconPrediction",
-  class: "IconPrediction_ibhorgl",
+  class: "ibhorgl",
   propsAsIs: !0
-}), le = /* @__PURE__ */ a("div")({
+}), ce = /* @__PURE__ */ a("div")({
   name: "FeedbackIconWrap",
-  class: "FeedbackIconWrap_f1g20ja7",
+  class: "f1g20ja7",
   propsAsIs: !1
-}), ce = /* @__PURE__ */ a("div")({
+}), de = /* @__PURE__ */ a("div")({
   name: "FeedbackHeader",
-  class: "FeedbackHeader_f455ozj",
+  class: "f455ozj",
   propsAsIs: !1
-}), Qt = /* @__PURE__ */ a("span")({
+}), Ut = /* @__PURE__ */ a("span")({
   name: "FeedbackTitle",
-  class: "FeedbackTitle_f1913njx",
+  class: "f1913njx",
   propsAsIs: !1
 }), Z = /* @__PURE__ */ a("span")({
   name: "FeedbackDescription",
-  class: "FeedbackDescription_fzfk69z",
+  class: "fzfk69z",
   propsAsIs: !1
-}), Ut = /* @__PURE__ */ a("div")({
+}), _t = /* @__PURE__ */ a("div")({
   name: "FeedbackText",
-  class: "FeedbackText_fx87qaj",
+  class: "fx87qaj",
   propsAsIs: !1
-}), Pt = ({
+}), qt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
-  questionType: i,
-  hasCorrectAnswer: s,
+  questionType: s,
+  hasCorrectAnswer: i,
   questionStatus: c
 }) => {
-  const l = n && (i === x.TRIVIA || i === x.PREDICTION);
-  if (!l && c !== P.RESOLVED)
+  const l = n && (s === x.TRIVIA || s === x.PREDICTION);
+  if (!l && c !== _.RESOLVED)
     return null;
-  const m = i === x.PREDICTION && !s, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ I(Et, { "data-isPrediction": m, children: [
-    c === P.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(C, { name: "questionExpired" }) }),
+  const m = s === x.PREDICTION && !i, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ I(Lt, { "data-isPrediction": m, children: [
+    c === _.RESOLVED && s === x.TRIVIA && !n && /* @__PURE__ */ I(E, { children: [
+      /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(Z, { children: "Question Expired" }) }),
-        /* @__PURE__ */ r(Ut, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(Z, { children: "Question Expired" }) }),
+        /* @__PURE__ */ r(_t, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    l && m && /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(Rt, { name: "icon-prediction" }),
+    l && m && /* @__PURE__ */ I(E, { children: [
+      /* @__PURE__ */ r(Qt, { name: "icon-prediction" }),
       /* @__PURE__ */ r(Z, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    l && s && /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(le, { "data-feedbackType": d, children: /* @__PURE__ */ r(C, { name: d }) }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ I(ce, { children: [
-        /* @__PURE__ */ r(Qt, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
+    l && i && /* @__PURE__ */ I(E, { children: [
+      /* @__PURE__ */ r(ce, { "data-feedbackType": d, children: /* @__PURE__ */ r(j, { name: d }) }),
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ I(de, { children: [
+        /* @__PURE__ */ r(Ut, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
         /* @__PURE__ */ r(Z, { children: f == null ? void 0 : f.description })
       ] }) })
     ] })
   ] });
-}, qt = /* @__PURE__ */ a("div")({
+}, Pt = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c14ielyq",
+  class: "c14ielyq",
   propsAsIs: !1
 }), Yt = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c1tlqx57",
+  class: "c1tlqx57",
   propsAsIs: !1
 }), Wt = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1hq58md",
+  class: "t1hq58md",
   propsAsIs: !1
 }), Ft = /* @__PURE__ */ a("div")({
   name: "Options",
-  class: "Options_o1c8nxcx",
+  class: "o1c8nxcx",
   propsAsIs: !1
-}), Bt = /* @__PURE__ */ a("button")({
+}), Vt = /* @__PURE__ */ a("button")({
   name: "ButtonContainer",
-  class: "ButtonContainer_b1b6dl8t",
+  class: "b1b6dl8t",
   propsAsIs: !1
-}), Vt = /* @__PURE__ */ a("div")({
+}), Bt = /* @__PURE__ */ a("div")({
   name: "ButtonPct",
-  class: "ButtonPct_b4iik8i",
+  class: "b4iik8i",
   propsAsIs: !1
 }), Ht = /* @__PURE__ */ a("span")({
   name: "ButtonBody",
-  class: "ButtonBody_b1gq1lnf",
+  class: "b1gq1lnf",
   propsAsIs: !1
 }), Gt = /* @__PURE__ */ a("div")({
   name: "IconContainer",
-  class: "IconContainer_i1j65z51",
+  class: "i1j65z51",
   propsAsIs: !1
 }), Zt = /* @__PURE__ */ a("div")({
   name: "IconWrap",
-  class: "IconWrap_i19tpfua",
+  class: "i19tpfua",
   propsAsIs: !1
-}), Oe = /* @__PURE__ */ a("img")({
+}), we = /* @__PURE__ */ a("img")({
   name: "Icon",
-  class: "Icon_i1tubmma",
+  class: "i1tubmma",
   propsAsIs: !1
-}), Jt = () => Oe, Kt = /* @__PURE__ */ a(Jt())({
+}), Jt = () => we, Kt = /* @__PURE__ */ a(Jt())({
   name: "IconDefault",
-  class: "IconDefault_i1grrgwj",
+  class: "i1grrgwj",
   propsAsIs: !0
-}), Xt = () => Oe, en = /* @__PURE__ */ a(Xt())({
+}), Xt = () => we, en = /* @__PURE__ */ a(Xt())({
   name: "IconCircle",
-  class: "IconCircle_ibemyq8",
+  class: "ibemyq8",
   propsAsIs: !0
 }), tn = /* @__PURE__ */ a("span")({
   name: "Title",
-  class: "Title_t1dceht",
+  class: "t1dceht",
   propsAsIs: !1
 }), nn = /* @__PURE__ */ a("span")({
   name: "Indicators",
-  class: "Indicators_i116q4vq",
+  class: "i116q4vq",
   propsAsIs: !1
 }), sn = /* @__PURE__ */ a("span")({
   name: "Percentage",
-  class: "Percentage_p17ajcu2",
+  class: "p17ajcu2",
   propsAsIs: !1
-}), rn = () => C, on = /* @__PURE__ */ a(rn())({
+}), rn = () => j, on = /* @__PURE__ */ a(rn())({
   name: "CheckIcon",
-  class: "CheckIcon_cu9kmlb",
+  class: "cu9kmlb",
   propsAsIs: !0
-}), de = {
+}), ue = {
   [b.CENTERED]: (e) => /* @__PURE__ */ r(Kt, { alt: "option-icon", src: e }),
   [b.TRANSPARENT]: (e) => /* @__PURE__ */ r(Gt, { children: /* @__PURE__ */ r(Zt, { style: { backgroundImage: `url(${e})` } }) }),
   [b.ROUNDED]: (e) => /* @__PURE__ */ r(en, { alt: "option-icon", src: e }),
   [b.NONE]: () => null,
   [b.UNSET]: () => null
-}, an = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: s }) => {
-  if (e === x.POLL && i)
+}, an = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: s, questionVoted: i }) => {
+  if (e === x.POLL && s)
     return "correct";
   if (e === x.PREDICTION) {
-    if (t && s)
-      return i ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
-    if (i)
+    if (t && i)
+      return s ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
+    if (s)
       return "correct";
   }
-  return e === x.TRIVIA && s ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
+  return e === x.TRIVIA && i ? s ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
 }, ln = ({
   questionType: e,
   questionVoted: t,
   correct: n,
-  hasCorrectAnswer: i,
-  questionStatus: s
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === P.RESOLVED && n : !1, cn = (e) => {
+  hasCorrectAnswer: s,
+  questionStatus: i
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && s || i === _.RESOLVED && n : !1, cn = (e) => {
   var t;
   const {
     // option props
     id: n,
-    icon: i,
-    text: s,
+    icon: s,
+    text: i,
     percentageDecimal: c,
     // extra props
     onVote: l,
@@ -359,12 +359,12 @@ const et = /* @__PURE__ */ a("div")({
     answerTimeExpired: A,
     questionStatus: v,
     isLoading: g,
-    questionType: N,
+    questionType: T,
     correct: D,
     hasCorrectAnswer: o
-  } = e, u = an(e), p = ln({ questionType: N, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = d || v === P.RESOLVED && N === x.PREDICTION;
+  } = e, u = an(e), p = ln({ questionType: T, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = d || v === _.RESOLVED && T === x.PREDICTION;
   return /* @__PURE__ */ I(
-    Bt,
+    Vt,
     {
       value: n,
       "data-selected": m,
@@ -372,10 +372,10 @@ const et = /* @__PURE__ */ a("div")({
       disabled: d || g || A,
       onClick: l,
       children: [
-        h && /* @__PURE__ */ r(Vt, { "data-answerState": u, style: { width: `${c}%` } }),
+        h && /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${c}%` } }),
         /* @__PURE__ */ I(Ht, { children: [
-          i && ((t = de[f]) == null ? void 0 : t.call(de, i)),
-          /* @__PURE__ */ r(tn, { children: s }),
+          s && ((t = ue[f]) == null ? void 0 : t.call(ue, s)),
+          /* @__PURE__ */ r(tn, { children: i }),
           h && /* @__PURE__ */ I(nn, { children: [
             p && /* @__PURE__ */ r(on, { name: "selected" }),
             /* @__PURE__ */ I(sn, { children: [
@@ -388,8 +388,8 @@ const et = /* @__PURE__ */ a("div")({
     }
   );
 };
-var ue = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: c }) => {
-  let [l, m] = L(n), d = w(0), f = w(n), A = w(n * -1e3), v = w(null), g = w(null), N = w(null), D = (p) => {
+var pe = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: s = 0, onComplete: i, onUpdate: c }) => {
+  let [l, m] = R(n), d = C(0), f = C(n), A = C(n * -1e3), v = C(null), g = C(null), T = C(null), D = (p) => {
     let h = p / 1e3;
     if (g.current === null) {
       g.current = h, v.current = requestAnimationFrame(D);
@@ -397,80 +397,80 @@ var ue = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, start
     }
     let M = h - g.current, y = d.current + M;
     g.current = h, d.current = y;
-    let T = f.current + (i === 0 ? y : (y / i | 0) * i), S = f.current + y, z = typeof t == "number" && S >= t;
-    m(z ? t : T), z || (v.current = requestAnimationFrame(D));
+    let N = f.current + (s === 0 ? y : (y / s | 0) * s), S = f.current + y, z = typeof t == "number" && S >= t;
+    m(z ? t : N), z || (v.current = requestAnimationFrame(D));
   }, o = () => {
-    v.current && cancelAnimationFrame(v.current), N.current && clearTimeout(N.current), g.current = null;
+    v.current && cancelAnimationFrame(v.current), T.current && clearTimeout(T.current), g.current = null;
   }, u = q((p) => {
     o(), d.current = 0;
     let h = typeof p == "number" ? p : n;
     f.current = h, m(h), e && (v.current = requestAnimationFrame(D));
   }, [e, n]);
-  return ue(() => {
+  return pe(() => {
     if (c == null || c(l), t && l >= t) {
       A.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (s == null ? void 0 : s(A.current / 1e3)) || {};
-      p && (N.current = setTimeout(() => u(M), h * 1e3));
+      let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (i == null ? void 0 : i(A.current / 1e3)) || {};
+      p && (T.current = setTimeout(() => u(M), h * 1e3));
     }
-  }, [l, t]), ue(() => (e && (v.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: u };
+  }, [l, t]), pe(() => (e && (v.current = requestAnimationFrame(D)), o), [e, t, s]), { elapsedTime: l, reset: u };
 }, un = (e, t, n) => {
-  let i = e / 2, s = t / 2, c = i - s, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
-  return { path: `m ${i},${s} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
-}, pe = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, we = (e, t, n, i, s) => {
-  if (i === 0)
+  let s = e / 2, i = t / 2, c = s - i, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
+  return { path: `m ${s},${i} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
+}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, n, s, i) => {
+  if (s === 0)
     return t;
-  let c = (s ? i - e : e) / i;
+  let c = (i ? s - e : e) / s;
   return t + n * c;
-}, me = (e) => {
+}, he = (e) => {
   var t, n;
-  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, s, c, l) => `#${s}${s}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? n : [];
+  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (s, i, c, l) => `#${i}${i}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((s) => parseInt(s, 16))) != null ? n : [];
 }, hn = (e, t) => {
   var n;
-  let { colors: i, colorsTime: s, isSmoothColorTransition: c = !0 } = e;
-  if (typeof i == "string")
-    return i;
-  let l = (n = s == null ? void 0 : s.findIndex((g, N) => g >= t && t >= s[N + 1])) != null ? n : -1;
-  if (!s || l === -1)
-    return i[0];
+  let { colors: s, colorsTime: i, isSmoothColorTransition: c = !0 } = e;
+  if (typeof s == "string")
+    return s;
+  let l = (n = i == null ? void 0 : i.findIndex((g, T) => g >= t && t >= i[T + 1])) != null ? n : -1;
+  if (!i || l === -1)
+    return s[0];
   if (!c)
-    return i[l];
-  let m = s[l] - t, d = s[l] - s[l + 1], f = me(i[l]), A = me(i[l + 1]), v = !!e.isGrowing;
-  return `rgb(${f.map((g, N) => we(m, g, A[N] - g, d, v) | 0).join(",")})`;
+    return s[l];
+  let m = i[l] - t, d = i[l] - i[l + 1], f = he(s[l]), A = he(s[l + 1]), v = !!e.isGrowing;
+  return `rgb(${f.map((g, T) => Ce(m, g, A[T] - g, d, v) | 0).join(",")})`;
 }, In = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: f = "clockwise", onComplete: A, onUpdate: v } = e, g = w(), N = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, N, f), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: pe(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (h) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: s, size: i = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: f = "clockwise", onComplete: A, onUpdate: v } = e, g = C(), T = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(i, T, f), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: s, onUpdate: typeof v == "function" ? (h) => {
     let M = Math.ceil(t - h);
     M !== g.current && (g.current = M, v(M));
   } : void 0, onComplete: typeof A == "function" ? (h) => {
     var M;
-    let { shouldRepeat: y, delay: T, newInitialRemainingTime: S } = (M = A(h)) != null ? M : {};
+    let { shouldRepeat: y, delay: N, newInitialRemainingTime: S } = (M = A(h)) != null ? M : {};
     if (y)
-      return { shouldRepeat: y, delay: T, newStartAt: pe(t, S) };
+      return { shouldRepeat: y, delay: N, newStartAt: me(t, S) };
   } : void 0 }), p = t - u;
-  return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: s, stroke: hn(e, p), strokeDashoffset: we(u, 0, o, t, d), strokeWidth: c };
-}, _e = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: v, strokeWidth: g } = In(e);
-  return Q.createElement("div", { style: pn(v) }, Q.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, Q.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), Q.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && Q.createElement("div", { style: mn }, t({ remainingTime: f, elapsedTime: A, color: m })));
+  return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: i, stroke: hn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), strokeWidth: c };
+}, $e = (e) => {
+  let { children: t, strokeLinecap: n, trailColor: s, trailStrokeWidth: i } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: v, strokeWidth: g } = In(e);
+  return U.createElement("div", { style: pn(v) }, U.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: c, fill: "none", stroke: s ?? "#d9d9d9", strokeWidth: i ?? g }), U.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: f, elapsedTime: A, color: m })));
 };
-_e.displayName = "CountdownCircleTimer";
-const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10, 0], Mn = /* @__PURE__ */ a("div")({
+$e.displayName = "CountdownCircleTimer";
+const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10, 0], Mn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
-  class: "RemainingTime_r165427",
+  class: "r165427",
   propsAsIs: !1
-}), vn = E.SECONDARY_GREEN6, he = E.SECONDARY_RED3, yn = E.NEUTRALS_GRAY3, Tn = ({
+}), vn = L.SECONDARY_GREEN6, Ie = L.SECONDARY_RED3, yn = L.NEUTRALS_GRAY3, Nn = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, s] = L(t > 10 ? vn : he), c = ({
+  const [s, i] = R(t > 10 ? vn : Ie), c = ({
     remainingTime: d
   }) => /* @__PURE__ */ r(Mn, {
     children: d
   }), l = q(() => {
-    n == null || n(), s(yn);
-  }, [n, s]), m = q((d) => {
-    d === 10 && s(he);
-  }, [s]);
-  return /* @__PURE__ */ r(_e, {
+    n == null || n(), i(yn);
+  }, [n, i]), m = q((d) => {
+    d === 10 && i(Ie);
+  }, [i]);
+  return /* @__PURE__ */ r($e, {
     isPlaying: e,
     duration: t,
     colors: fn,
@@ -478,61 +478,61 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
-    trailColor: i,
+    trailColor: s,
     onComplete: l,
     onUpdate: m,
     children: c
   });
 }, An = /* @__PURE__ */ a("div")({
   name: "WinBarContainer",
-  class: "WinBarContainer_wie6cqo",
+  class: "wie6cqo",
   propsAsIs: !1
-}), Nn = /* @__PURE__ */ a("div")({
+}), Tn = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_cgizw4u",
+  class: "cgizw4u",
   propsAsIs: !1
 }), Dn = /* @__PURE__ */ a("div")({
   name: "Title",
-  class: "Title_t1l3ucjp",
+  class: "t1l3ucjp",
   propsAsIs: !1
-}), Sn = () => C, zn = /* @__PURE__ */ a(Sn())({
+}), Sn = () => j, zn = /* @__PURE__ */ a(Sn())({
   name: "WinIcon",
-  class: "WinIcon_wx7j799",
+  class: "wx7j799",
   propsAsIs: !0
 }), xn = /* @__PURE__ */ a("div")({
   name: "Points",
-  class: "Points_p4lwuj0",
+  class: "p4lwuj0",
   propsAsIs: !1
-}), Cn = /* @__PURE__ */ a("span")({
+}), jn = /* @__PURE__ */ a("span")({
   name: "PointsCount",
-  class: "PointsCount_po9i64o",
+  class: "po9i64o",
   propsAsIs: !1
 }), kn = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
-  class: "PointsUnits_pe5g05h",
+  class: "pe5g05h",
   propsAsIs: !1
-}), jn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: s }) => /* @__PURE__ */ I(An, { children: [
-  /* @__PURE__ */ I(Nn, { children: [
+}), On = ({ title: e, points: t, isPlayingTimer: n, isTimer: s, onTimerExpired: i }) => /* @__PURE__ */ I(An, { children: [
+  /* @__PURE__ */ I(Tn, { children: [
     e && /* @__PURE__ */ r(Dn, { children: e }),
-    t !== void 0 && /* @__PURE__ */ I($, { children: [
+    t !== void 0 && /* @__PURE__ */ I(E, { children: [
       /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
       /* @__PURE__ */ I(xn, { children: [
-        /* @__PURE__ */ r(Cn, { children: t }),
+        /* @__PURE__ */ r(jn, { children: t }),
         /* @__PURE__ */ r(kn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ r(Tn, { isPlaying: n, onTimerExpired: s })
-] }), On = ({ openedQuestion: e, vote: t, close: n }) => {
-  var i;
-  const s = e.subject, c = e.type, l = (i = e.options) == null ? void 0 : i.options, [m, d] = L(!1), [f, A] = L(!1), [v, g] = L(""), N = e == null ? void 0 : e.id, D = q(
+  s && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: i })
+] }), wn = ({ openedQuestion: e, vote: t, close: n }) => {
+  var s;
+  const i = e.subject, c = e.type, l = (s = e.options) == null ? void 0 : s.options, [m, d] = R(!1), [f, A] = R(!1), [v, g] = R(""), T = e == null ? void 0 : e.id, D = q(
     async (y) => {
-      if (N) {
-        const T = y.currentTarget.value;
-        g(T), A(!0), await t(N, T), A(!1);
+      if (T) {
+        const N = y.currentTarget.value;
+        g(N), A(!0), await t(T, N), A(!1);
       }
     },
-    [N, g, t]
+    [T, g, t]
   ), o = q(() => {
     d(!0), setTimeout(n, 3e3);
   }, [n]), u = V(
@@ -553,9 +553,9 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     // ToDo: Figure out why imageMode is not in the response
     onVote: D
   })) : [], [p, m, f, e, u, D, v]), M = l && (l.case === "trivia" || l.case === "prediction") ? l.value : void 0;
-  return /* @__PURE__ */ r(xe, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ I(Yt, { children: [
+  return /* @__PURE__ */ r(se, { "data-question-header": "true", children: /* @__PURE__ */ r(Pt, { children: /* @__PURE__ */ I(Yt, { children: [
     M && /* @__PURE__ */ r(
-      Pt,
+      qt,
       {
         feedbackMessages: M,
         questionVoted: !!u,
@@ -566,7 +566,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       }
     ),
     /* @__PURE__ */ r(
-      jn,
+      On,
       {
         title: m ? "Time expired" : "To win",
         points: m ? void 0 : 100,
@@ -575,145 +575,145 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       }
     ),
     m ? /* @__PURE__ */ r(
-      $t,
+      Et,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(Wt, { children: s }),
+    ) : /* @__PURE__ */ I(E, { children: [
+      /* @__PURE__ */ r(Wt, { children: i }),
       /* @__PURE__ */ r(Ft, { children: h.map((y) => /* @__PURE__ */ r(cn, { ...y }, y.id)) })
     ] })
   ] }) }) });
-}, wn = /* @__PURE__ */ a("div")({
+}, Cn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_cgn5uen",
+  class: "cgn5uen",
   propsAsIs: !1
-}), _n = /* @__PURE__ */ a("div")({
+}), $n = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c1px8nt6",
+  class: "c1px8nt6",
   propsAsIs: !1
 }), bn = /* @__PURE__ */ a("h3")({
   name: "Title",
-  class: "Title_t5et2jt",
+  class: "t5et2jt",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ a("div")({
+}), En = /* @__PURE__ */ a("div")({
   name: "Description",
-  class: "Description_d1i2kpk2",
+  class: "d1i2kpk2",
   propsAsIs: !1
-}), En = /* @__PURE__ */ a("div")({
+}), Ln = /* @__PURE__ */ a("div")({
   name: "DateWrap",
-  class: "DateWrap_dd3lh3p",
+  class: "dd3lh3p",
   propsAsIs: !1
 }), be = ({ created: e, title: t, instantView: n }) => {
-  const i = V(() => {
+  const s = V(() => {
     if (e) {
-      const s = new Date(e);
-      if (Ye(s))
+      const i = new Date(e);
+      if (Ye(i))
         return {
-          date: We(s),
-          time: Fe(s)
+          date: We(i),
+          time: Fe(i)
         };
     }
     return null;
   }, [e]);
-  return /* @__PURE__ */ I(wn, { children: [
-    i && /* @__PURE__ */ I(En, { children: [
-      i.date,
+  return /* @__PURE__ */ I(Cn, { children: [
+    s && /* @__PURE__ */ I(Ln, { children: [
+      s.date,
       " · ",
-      i.time
+      s.time
     ] }),
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ r(Be, { source: n.video.url, poster: n.video.thumbnailUrl }),
-    /* @__PURE__ */ I(_n, { children: [
+    (n == null ? void 0 : n.video) && /* @__PURE__ */ r(Ve, { source: n.video.url, poster: n.video.thumbnailUrl }),
+    /* @__PURE__ */ I($n, { children: [
       /* @__PURE__ */ r(bn, { children: (n == null ? void 0 : n.heading) || t }),
-      /* @__PURE__ */ r($n, { children: n == null ? void 0 : n.body })
+      /* @__PURE__ */ r(En, { children: n == null ? void 0 : n.body })
     ] })
   ] });
-}, Ln = /* @__PURE__ */ a("div")({
+}, Rn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c1euiow",
+  class: "c1euiow",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ a("a")({
+}), Qn = /* @__PURE__ */ a("a")({
   name: "WebLinkBtn",
-  class: "WebLinkBtn_w19zie3h",
+  class: "w19zie3h",
   propsAsIs: !1
-}), Qn = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Ln, { children: [
+}), Un = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Rn, { children: [
   /* @__PURE__ */ r(be, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Rn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Qn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ r(C, { name: "icon-external-link" })
+    /* @__PURE__ */ r(j, { name: "icon-external-link" })
   ] })
-] }), Un = /* @__PURE__ */ a("div")({
+] }), _n = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
-  class: "QuestionContainer_qdri6g3",
+  class: "qdri6g3",
   propsAsIs: !1
-}), Pn = ({
+}), qn = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Qn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Un, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, qn = ({
+}, Pn = ({
   extendedQuestion: e,
   vote: t,
   close: n
 }) => {
   const {
-    loading: i,
-    data: s
+    loading: s,
+    data: i
   } = e;
-  return !i && s ? /* @__PURE__ */ r(On, {
+  return !s && i ? /* @__PURE__ */ r(wn, {
     vote: t,
     close: n,
-    openedQuestion: s
+    openedQuestion: i
   }) : null;
 }, Yn = ({
   gamification: e
 }) => {
   var t;
-  const n = O(e.openedQuestion.$store), i = O(e.openedQuestion.$extendedStore);
+  const n = w(e.openedQuestion.$store), s = w(e.openedQuestion.$extendedStore);
   if (!n)
     return null;
-  const s = n.type;
-  return /* @__PURE__ */ I(Un, {
+  const i = n.type;
+  return /* @__PURE__ */ I(_n, {
     children: [/* @__PURE__ */ r(ke, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), s === "question" && /* @__PURE__ */ r(qn, {
+    }), i === "question" && /* @__PURE__ */ r(Pn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
-      extendedQuestion: i
-    }), s !== "question" && /* @__PURE__ */ r(Pn, {
+      extendedQuestion: s
+    }), i !== "question" && /* @__PURE__ */ r(qn, {
       openedQuestion: n
     })]
   });
 }, Wn = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_c115qtkr",
+  class: "c115qtkr",
   propsAsIs: !1
 }), Fn = /* @__PURE__ */ a("div")({
   name: "STabs",
-  class: "STabs_sxnslc8",
+  class: "sxnslc8",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ a("button")({
+}), Vn = /* @__PURE__ */ a("button")({
   name: "Button",
-  class: "Button_b1umzux0",
+  class: "b1umzux0",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ a("span")({
+}), Bn = /* @__PURE__ */ a("span")({
   name: "Title",
-  class: "Title_tspsaas",
+  class: "tspsaas",
   propsAsIs: !1
 });
-var U = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(U || {});
-const Ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Vn, { children: e }) }), Hn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Wn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ r(Ie, { title: "Home", active: e === "home", onClick: () => t(
+var B = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(B || {});
+const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Bn, { children: e }) }), Hn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Wn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ r(
-    Ie,
+    fe,
     {
       title: "Leader Board",
       active: e === "leaderboard",
@@ -728,30 +728,30 @@ function te() {
   return te = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
-      for (var i in n)
-        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+      for (var s in n)
+        Object.prototype.hasOwnProperty.call(n, s) && (e[s] = n[s]);
     }
     return e;
   }, te.apply(this, arguments);
 }
-function fe(e) {
+function ge(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 function ne(e, t) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
-    return i.__proto__ = s, i;
+  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, i) {
+    return s.__proto__ = i, s;
   }, ne(e, t);
 }
 function Gn(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
-var ge = Number.isNaN || function(t) {
+var Me = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function Zn(e, t) {
-  return !!(e === t || ge(e) && ge(t));
+  return !!(e === t || Me(e) && Me(t));
 }
 function Jn(e, t) {
   if (e.length !== t.length)
@@ -763,61 +763,61 @@ function Jn(e, t) {
 }
 function J(e, t) {
   t === void 0 && (t = Jn);
-  var n, i = [], s, c = !1;
+  var n, s = [], i, c = !1;
   function l() {
     for (var m = [], d = 0; d < arguments.length; d++)
       m[d] = arguments[d];
-    return c && n === this && t(m, i) || (s = e.apply(this, m), c = !0, n = this, i = m), s;
+    return c && n === this && t(m, s) || (i = e.apply(this, m), c = !0, n = this, s = m), i;
   }
   return l;
 }
-var Kn = typeof performance == "object" && typeof performance.now == "function", Me = Kn ? function() {
+var Kn = typeof performance == "object" && typeof performance.now == "function", ve = Kn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function ve(e) {
+function ye(e) {
   cancelAnimationFrame(e.id);
 }
 function Xn(e, t) {
-  var n = Me();
-  function i() {
-    Me() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
+  var n = ve();
+  function s() {
+    ve() - n >= t ? e.call(null) : i.id = requestAnimationFrame(s);
   }
-  var s = {
-    id: requestAnimationFrame(i)
+  var i = {
+    id: requestAnimationFrame(s)
   };
-  return s;
+  return i;
 }
 var K = -1;
-function ye(e) {
+function Ne(e) {
   if (e === void 0 && (e = !1), K === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), K = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
   return K;
 }
-var _ = null;
-function Te(e) {
-  if (e === void 0 && (e = !1), _ === null || e) {
+var $ = null;
+function Ae(e) {
+  if (e === void 0 && (e = !1), $ === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
-    var i = document.createElement("div"), s = i.style;
-    return s.width = "100px", s.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
+    var s = document.createElement("div"), i = s.style;
+    return i.width = "100px", i.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ? $ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? $ = "negative" : $ = "positive-ascending"), document.body.removeChild(t), $;
   }
-  return _;
+  return $;
 }
-var ei = 150, ti = function(t, n) {
+var es = 150, ts = function(t, n) {
   return t;
 };
-function ni(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
+function ns(e) {
+  var t, n = e.getItemOffset, s = e.getEstimatedTotalSize, i = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
   return t = /* @__PURE__ */ function(v) {
     Gn(g, v);
     function g(D) {
       var o;
-      return o = v.call(this, D) || this, o._instanceProps = d(o.props, fe(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
-        instance: fe(o),
+      return o = v.call(this, D) || this, o._instanceProps = d(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+        instance: ge(o),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
@@ -836,18 +836,18 @@ function ni(e) {
           scrollUpdateWasRequested: h
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(u) {
-        var p = o.props, h = p.direction, M = p.itemSize, y = p.layout, T = o._getItemStyleCache(f && M, f && y, f && h), S;
-        if (T.hasOwnProperty(u))
-          S = T[u];
+        var p = o.props, h = p.direction, M = p.itemSize, y = p.layout, N = o._getItemStyleCache(f && M, f && y, f && h), S;
+        if (N.hasOwnProperty(u))
+          S = N[u];
         else {
-          var z = n(o.props, u, o._instanceProps), k = s(o.props, u, o._instanceProps), j = h === "horizontal" || y === "horizontal", Y = h === "rtl", W = j ? z : 0;
-          T[u] = S = {
+          var z = n(o.props, u, o._instanceProps), k = i(o.props, u, o._instanceProps), O = h === "horizontal" || y === "horizontal", P = h === "rtl", Y = O ? z : 0;
+          N[u] = S = {
             position: "absolute",
-            left: Y ? void 0 : W,
-            right: Y ? W : void 0,
-            top: j ? 0 : z,
-            height: j ? "100%" : k,
-            width: j ? k : "100%"
+            left: P ? void 0 : Y,
+            right: P ? Y : void 0,
+            top: O ? 0 : z,
+            height: O ? "100%" : k,
+            width: O ? k : "100%"
           };
         }
         return S;
@@ -855,12 +855,12 @@ function ni(e) {
         return {};
       }), o._onScrollHorizontal = function(u) {
         var p = u.currentTarget, h = p.clientWidth, M = p.scrollLeft, y = p.scrollWidth;
-        o.setState(function(T) {
-          if (T.scrollOffset === M)
+        o.setState(function(N) {
+          if (N.scrollOffset === M)
             return null;
           var S = o.props.direction, z = M;
           if (S === "rtl")
-            switch (Te()) {
+            switch (Ae()) {
               case "negative":
                 z = -M;
                 break;
@@ -870,20 +870,20 @@ function ni(e) {
             }
           return z = Math.max(0, Math.min(z, y - h)), {
             isScrolling: !0,
-            scrollDirection: T.scrollOffset < M ? "forward" : "backward",
+            scrollDirection: N.scrollOffset < M ? "forward" : "backward",
             scrollOffset: z,
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
       }, o._onScrollVertical = function(u) {
         var p = u.currentTarget, h = p.clientHeight, M = p.scrollHeight, y = p.scrollTop;
-        o.setState(function(T) {
-          if (T.scrollOffset === y)
+        o.setState(function(N) {
+          if (N.scrollOffset === y)
             return null;
           var S = Math.max(0, Math.min(y, M - h));
           return {
             isScrolling: !0,
-            scrollDirection: T.scrollOffset < S ? "forward" : "backward",
+            scrollDirection: N.scrollOffset < S ? "forward" : "backward",
             scrollOffset: S,
             scrollUpdateWasRequested: !1
           };
@@ -892,7 +892,7 @@ function ni(e) {
         var p = o.props.outerRef;
         o._outerRef = u, typeof p == "function" ? p(u) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = u);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && ve(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Xn(o._resetIsScrolling, ei);
+        o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Xn(o._resetIsScrolling, es);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -902,10 +902,10 @@ function ni(e) {
       }, o;
     }
     g.getDerivedStateFromProps = function(o, u) {
-      return ii(o, u), A(o), null;
+      return ss(o, u), A(o), null;
     };
-    var N = g.prototype;
-    return N.scrollTo = function(o) {
+    var T = g.prototype;
+    return T.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(u) {
         return u.scrollOffset === o ? null : {
           scrollDirection: u.scrollOffset < o ? "forward" : "backward",
@@ -913,84 +913,84 @@ function ni(e) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, N.scrollToItem = function(o, u) {
+    }, T.scrollToItem = function(o, u) {
       u === void 0 && (u = "auto");
       var p = this.props, h = p.itemCount, M = p.layout, y = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, h - 1));
-      var T = 0;
+      var N = 0;
       if (this._outerRef) {
         var S = this._outerRef;
-        M === "vertical" ? T = S.scrollWidth > S.clientWidth ? ye() : 0 : T = S.scrollHeight > S.clientHeight ? ye() : 0;
+        M === "vertical" ? N = S.scrollWidth > S.clientWidth ? Ne() : 0 : N = S.scrollHeight > S.clientHeight ? Ne() : 0;
       }
-      this.scrollTo(c(this.props, o, u, y, this._instanceProps, T));
-    }, N.componentDidMount = function() {
+      this.scrollTo(c(this.props, o, u, y, this._instanceProps, N));
+    }, T.componentDidMount = function() {
       var o = this.props, u = o.direction, p = o.initialScrollOffset, h = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
         var M = this._outerRef;
         u === "horizontal" || h === "horizontal" ? M.scrollLeft = p : M.scrollTop = p;
       }
       this._callPropsCallbacks();
-    }, N.componentDidUpdate = function() {
+    }, T.componentDidUpdate = function() {
       var o = this.props, u = o.direction, p = o.layout, h = this.state, M = h.scrollOffset, y = h.scrollUpdateWasRequested;
       if (y && this._outerRef != null) {
-        var T = this._outerRef;
+        var N = this._outerRef;
         if (u === "horizontal" || p === "horizontal")
           if (u === "rtl")
-            switch (Te()) {
+            switch (Ae()) {
               case "negative":
-                T.scrollLeft = -M;
+                N.scrollLeft = -M;
                 break;
               case "positive-ascending":
-                T.scrollLeft = M;
+                N.scrollLeft = M;
                 break;
               default:
-                var S = T.clientWidth, z = T.scrollWidth;
-                T.scrollLeft = z - S - M;
+                var S = N.clientWidth, z = N.scrollWidth;
+                N.scrollLeft = z - S - M;
                 break;
             }
           else
-            T.scrollLeft = M;
+            N.scrollLeft = M;
         else
-          T.scrollTop = M;
+          N.scrollTop = M;
       }
       this._callPropsCallbacks();
-    }, N.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && ve(this._resetIsScrollingTimeoutId);
-    }, N.render = function() {
-      var o = this.props, u = o.children, p = o.className, h = o.direction, M = o.height, y = o.innerRef, T = o.innerElementType, S = o.innerTagName, z = o.itemCount, k = o.itemData, j = o.itemKey, Y = j === void 0 ? ti : j, W = o.layout, $e = o.outerElementType, Ee = o.outerTagName, Le = o.style, Re = o.useIsScrolling, Qe = o.width, ie = this.state.isScrolling, H = h === "horizontal" || W === "horizontal", Ue = H ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Pe = se[0], qe = se[1], re = [];
+    }, T.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
+    }, T.render = function() {
+      var o = this.props, u = o.children, p = o.className, h = o.direction, M = o.height, y = o.innerRef, N = o.innerElementType, S = o.innerTagName, z = o.itemCount, k = o.itemData, O = o.itemKey, P = O === void 0 ? ts : O, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, ie = this.state.isScrolling, H = h === "horizontal" || Y === "horizontal", _e = H ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Pe = re[1], oe = [];
       if (z > 0)
-        for (var R = Pe; R <= qe; R++)
-          re.push(G(u, {
+        for (var Q = qe; Q <= Pe; Q++)
+          oe.push(G(u, {
             data: k,
-            key: Y(R, k),
-            index: R,
-            isScrolling: Re ? ie : void 0,
-            style: this._getItemStyle(R)
+            key: P(Q, k),
+            index: Q,
+            isScrolling: Qe ? ie : void 0,
+            style: this._getItemStyle(Q)
           }));
-      var oe = i(this.props, this._instanceProps);
-      return G($e || Ee || "div", {
+      var ae = s(this.props, this._instanceProps);
+      return G(Ee || Le || "div", {
         className: p,
-        onScroll: Ue,
+        onScroll: _e,
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
           height: M,
-          width: Qe,
+          width: Ue,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: h
-        }, Le)
-      }, G(T || S || "div", {
-        children: re,
+        }, Re)
+      }, G(N || S || "div", {
+        children: oe,
         ref: y,
         style: {
-          height: H ? "100%" : oe,
+          height: H ? "100%" : ae,
           pointerEvents: ie ? "none" : void 0,
-          width: H ? oe : "100%"
+          width: H ? ae : "100%"
         }
       }));
-    }, N._callPropsCallbacks = function() {
+    }, T._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
@@ -999,17 +999,17 @@ function ni(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var T = this.state, S = T.scrollDirection, z = T.scrollOffset, k = T.scrollUpdateWasRequested;
+        var N = this.state, S = N.scrollDirection, z = N.scrollOffset, k = N.scrollUpdateWasRequested;
         this._callOnScroll(S, z, k);
       }
-    }, N._getRangeToRender = function() {
-      var o = this.props, u = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, y = h.scrollDirection, T = h.scrollOffset;
+    }, T._getRangeToRender = function() {
+      var o = this.props, u = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, y = h.scrollDirection, N = h.scrollOffset;
       if (u === 0)
         return [0, 0, 0, 0];
-      var S = l(this.props, T, this._instanceProps), z = m(this.props, S, T, this._instanceProps), k = !M || y === "backward" ? Math.max(1, p) : 1, j = !M || y === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, S - k), Math.max(0, Math.min(u - 1, z + j)), S, z];
+      var S = l(this.props, N, this._instanceProps), z = m(this.props, S, N, this._instanceProps), k = !M || y === "backward" ? Math.max(1, p) : 1, O = !M || y === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, S - k), Math.max(0, Math.min(u - 1, z + O)), S, z];
     }, g;
-  }(Ce), t.defaultProps = {
+  }(je), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1017,24 +1017,24 @@ function ni(e) {
     useIsScrolling: !1
   }, t;
 }
-var ii = function(t, n) {
+var ss = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, si = /* @__PURE__ */ ni({
+}, is = /* @__PURE__ */ ns({
   getItemOffset: function(t, n) {
-    var i = t.itemSize;
-    return n * i;
+    var s = t.itemSize;
+    return n * s;
   },
   getItemSize: function(t, n) {
-    var i = t.itemSize;
-    return i;
+    var s = t.itemSize;
+    return s;
   },
   getEstimatedTotalSize: function(t) {
-    var n = t.itemCount, i = t.itemSize;
-    return i * n;
+    var n = t.itemCount, s = t.itemSize;
+    return s * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, s, c, l) {
-    var m = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, v = t.layout, g = t.width, N = m === "horizontal" || v === "horizontal", D = N ? g : d, o = Math.max(0, f * A - D), u = Math.min(o, n * A), p = Math.max(0, n * A - D + A + l);
-    switch (i === "smart" && (s >= p - D && s <= u + D ? i = "auto" : i = "center"), i) {
+  getOffsetForIndexAndAlignment: function(t, n, s, i, c, l) {
+    var m = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, v = t.layout, g = t.width, T = m === "horizontal" || v === "horizontal", D = T ? g : d, o = Math.max(0, f * A - D), u = Math.min(o, n * A), p = Math.max(0, n * A - D + A + l);
+    switch (s === "smart" && (i >= p - D && i <= u + D ? s = "auto" : s = "center"), s) {
       case "start":
         return u;
       case "end":
@@ -1045,18 +1045,18 @@ var ii = function(t, n) {
       }
       case "auto":
       default:
-        return s >= p && s <= u ? s : s < p ? p : u;
+        return i >= p && i <= u ? i : i < p ? p : u;
     }
   },
   getStartIndexForOffset: function(t, n) {
-    var i = t.itemCount, s = t.itemSize;
-    return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
+    var s = t.itemCount, i = t.itemSize;
+    return Math.max(0, Math.min(s - 1, Math.floor(n / i)));
   },
-  getStopIndexForStartIndex: function(t, n, i) {
-    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, f = t.width, A = s === "horizontal" || d === "horizontal", v = n * m, g = A ? f : c, N = Math.ceil((g + i - v) / m);
+  getStopIndexForStartIndex: function(t, n, s) {
+    var i = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, f = t.width, A = i === "horizontal" || d === "horizontal", v = n * m, g = A ? f : c, T = Math.ceil((g + s - v) / m);
     return Math.max(0, Math.min(
       l - 1,
-      n + N - 1
+      n + T - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1067,44 +1067,44 @@ var ii = function(t, n) {
     t.itemSize;
   }
 });
-function ri(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, s = e.stopIndex;
-  return !(i > n || s < t);
+function rs(e) {
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, s = e.startIndex, i = e.stopIndex;
+  return !(s > n || i < t);
 }
-function oi(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, f = s; f <= c; f++) {
+function os(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, s = e.minimumBatchSize, i = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, f = i; f <= c; f++) {
     var A = t(f);
     A ? d !== null && (l.push(m, d), m = d = null) : (d = f, m === null && (m = f));
   }
   if (d !== null) {
-    for (var v = Math.min(Math.max(d, m + i - 1), n - 1), g = d + 1; g <= v && !t(g); g++)
+    for (var v = Math.min(Math.max(d, m + s - 1), n - 1), g = d + 1; g <= v && !t(g); g++)
       d = g;
     l.push(m, d);
   }
   if (l.length)
-    for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
-      var N = l[0] - 1;
-      if (!t(N))
-        l[0] = N;
+    for (; l[1] - l[0] + 1 < s && l[0] > 0; ) {
+      var T = l[0] - 1;
+      if (!t(T))
+        l[0] = T;
       else
         break;
     }
   return l;
 }
-var ai = function(e, t) {
+var as = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, li = function() {
+}, ls = function() {
   function e(t, n) {
-    for (var i = 0; i < n.length; i++) {
-      var s = n[i];
-      s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
+    for (var s = 0; s < n.length; s++) {
+      var i = n[s];
+      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
     }
   }
-  return function(t, n, i) {
-    return n && e(t.prototype, n), i && e(t, i), t;
+  return function(t, n, s) {
+    return n && e(t.prototype, n), s && e(t, s), t;
   };
-}(), ci = function(e, t) {
+}(), cs = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1115,29 +1115,29 @@ var ai = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, Ae = function(e, t) {
+}, Te = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
-}, di = function(e) {
-  ci(t, e);
+}, ds = function(e) {
+  cs(t, e);
   function t() {
-    var n, i, s, c;
-    ai(this, t);
+    var n, s, i, c;
+    as(this, t);
     for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
       m[d] = arguments[d];
-    return c = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(f) {
+    return c = (s = (i = Te(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(f) {
       var A = f.visibleStartIndex, v = f.visibleStopIndex;
-      s._lastRenderedStartIndex = A, s._lastRenderedStopIndex = v, s._ensureRowsLoaded(A, v);
-    }, s._setRef = function(f) {
-      s._listRef = f;
-    }, i), Ae(s, c);
+      i._lastRenderedStartIndex = A, i._lastRenderedStopIndex = v, i._ensureRowsLoaded(A, v);
+    }, i._setRef = function(f) {
+      i._listRef = f;
+    }, s), Te(i, c);
   }
-  return li(t, [{
+  return ls(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
-      var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+      var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], s && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
     }
   }, {
     key: "componentDidMount",
@@ -1146,120 +1146,124 @@ var ai = function(e, t) {
   }, {
     key: "render",
     value: function() {
-      var i = this.props.children;
-      return i({
+      var s = this.props.children;
+      return s({
         onItemsRendered: this._onItemsRendered,
         ref: this._setRef
       });
     }
   }, {
     key: "_ensureRowsLoaded",
-    value: function(i, s) {
-      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, v = A === void 0 ? 15 : A, g = oi({
+    value: function(s, i) {
+      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, v = A === void 0 ? 15 : A, g = os({
         isItemLoaded: l,
         itemCount: m,
         minimumBatchSize: f,
-        startIndex: Math.max(0, i - v),
-        stopIndex: Math.min(m - 1, s + v)
+        startIndex: Math.max(0, s - v),
+        stopIndex: Math.min(m - 1, i + v)
       });
-      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(N, D) {
-        return g[D] !== N;
+      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(T, D) {
+        return g[D] !== T;
       })) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
     }
   }, {
     key: "_loadUnloadedRanges",
-    value: function(i) {
-      for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
-        var A = i[f], v = i[f + 1], g = c(A, v);
+    value: function(s) {
+      for (var i = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
+        var A = s[f], v = s[f + 1], g = c(A, v);
         g != null && g.then(function() {
-          if (ri({
-            lastRenderedStartIndex: s._lastRenderedStartIndex,
-            lastRenderedStopIndex: s._lastRenderedStopIndex,
+          if (rs({
+            lastRenderedStartIndex: i._lastRenderedStartIndex,
+            lastRenderedStopIndex: i._lastRenderedStopIndex,
             startIndex: A,
             stopIndex: v
           })) {
-            if (s._listRef == null)
+            if (i._listRef == null)
               return;
-            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(A, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
+            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(A, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
           }
         });
-      }, m = 0; m < i.length; m += 2)
+      }, m = 0; m < s.length; m += 2)
         l(m);
     }
   }]), t;
-}(Ce);
-const ui = /* @__PURE__ */ a("div")({
+}(je);
+const us = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_culdu4a",
+  class: "culdu4a",
   propsAsIs: !1
-}), pi = /* @__PURE__ */ a("div")({
+}), ps = /* @__PURE__ */ a("div")({
   name: "Position",
-  class: "Position_pwf8e69",
+  class: "pwf8e69",
   propsAsIs: !1
-}), mi = /* @__PURE__ */ a("img")({
+}), ms = /* @__PURE__ */ a("img")({
   name: "Avatar",
-  class: "Avatar_atf4yh4",
+  class: "atf4yh4",
   propsAsIs: !1
-}), hi = /* @__PURE__ */ a("div")({
+}), hs = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
-  class: "AvatarPlaceholder_a1dg29ja",
+  class: "a1dg29ja",
   propsAsIs: !1
-}), Ii = /* @__PURE__ */ a("div")({
+}), Is = /* @__PURE__ */ a("div")({
   name: "Content",
-  class: "Content_c10a68rc",
+  class: "c10a68rc",
   propsAsIs: !1
-}), fi = /* @__PURE__ */ a("div")({
+}), fs = /* @__PURE__ */ a("div")({
   name: "NameContainer",
-  class: "NameContainer_nc4kck5",
+  class: "nc4kck5",
   propsAsIs: !1
-}), gi = /* @__PURE__ */ a("span")({
+}), gs = /* @__PURE__ */ a("span")({
   name: "Name",
-  class: "Name_njsrqgr",
+  class: "njsrqgr",
   propsAsIs: !1
-}), Mi = () => C, vi = /* @__PURE__ */ a(Mi())({
+}), Ms = () => j, vs = /* @__PURE__ */ a(Ms())({
   name: "CurrentUserBadge",
-  class: "CurrentUserBadge_c17uc4zr",
+  class: "c17uc4zr",
   propsAsIs: !0
-}), yi = ({
+}), ys = ({
   rank: e,
   avatar: t,
   name: n,
-  points: i,
-  isCurrentUser: s,
+  points: s,
+  isCurrentUser: i,
   openItemDetail: c,
   style: l
-}) => /* @__PURE__ */ I(ui, { onClick: c, style: l, children: [
-  /* @__PURE__ */ r(pi, { children: e || 0 }),
-  /* @__PURE__ */ I(Ii, { children: [
-    t ? /* @__PURE__ */ r(mi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(hi, { children: Se(n || "") }),
-    /* @__PURE__ */ I(fi, { children: [
-      /* @__PURE__ */ r(gi, { children: n || "" }),
-      s && /* @__PURE__ */ r(vi, { name: "icon-star" })
+}) => /* @__PURE__ */ I(us, { onClick: c, style: l, children: [
+  /* @__PURE__ */ r(ps, { children: e || 0 }),
+  /* @__PURE__ */ I(Is, { children: [
+    t ? /* @__PURE__ */ r(ms, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(hs, { children: ze(n || "") }),
+    /* @__PURE__ */ I(fs, { children: [
+      /* @__PURE__ */ r(gs, { children: n || "" }),
+      i && /* @__PURE__ */ r(vs, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { children: ze(i) })
-] }), Ti = ({
+  /* @__PURE__ */ r("div", { children: xe(s) })
+] }), Ns = /* @__PURE__ */ a("div")({
+  name: "ScrollContainer",
+  class: "s13d8sg6",
+  propsAsIs: !1
+}), As = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
-  fetchMore: i
-}) => /* @__PURE__ */ r(Ve, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
-  di,
+  fetchMore: s
+}) => /* @__PURE__ */ r(Be, { children: ({ width: i, height: c }) => /* @__PURE__ */ r(
+  ds,
   {
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
-    loadMoreItems: i,
-    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(
-      si,
+    loadMoreItems: s,
+    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ns, { children: /* @__PURE__ */ r(
+      is,
       {
         itemSize: 56,
         onItemsRendered: l,
         ref: m,
         itemCount: e.length,
-        width: s,
+        width: i,
         height: c,
         children: ({ index: d, style: f }) => /* @__PURE__ */ r(
-          yi,
+          ys,
           {
             style: { ...f, maxHeight: 48 },
             ...e[d],
@@ -1269,10 +1273,10 @@ const ui = /* @__PURE__ */ a("div")({
           e[d].userId
         )
       }
-    )
+    ) })
   }
-) }), Ai = ({ deepLink: e }) => {
-  const { data: t } = O(e.$store);
+) }), Ts = ({ deepLink: e }) => {
+  const { data: t } = w(e.$store);
   return /* @__PURE__ */ r(
     He,
     {
@@ -1293,172 +1297,201 @@ const ui = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, Ni = ({ gamification: e }) => {
-  const { data: t } = O(e.leaderboardList.$store);
+}, Ds = ({ gamification: e }) => {
+  const { data: t } = w(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ r(
-    Ti,
+    As,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ r(Ai, { deepLink: e.deepLink });
-}, Di = /* @__PURE__ */ a("div")({
+  ) : /* @__PURE__ */ r(Ts, { deepLink: e.deepLink });
+}, Ss = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
-  class: "QuestionItem_q1w97g3p",
+  class: "q1w97g3p",
   propsAsIs: !1
-}), Si = /* @__PURE__ */ a("div")({
+}), zs = /* @__PURE__ */ a("div")({
   name: "QuestionCaption",
-  class: "QuestionCaption_q2sl39u",
+  class: "q2sl39u",
   propsAsIs: !1
-}), zi = /* @__PURE__ */ a("div")({
+}), xs = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
-  class: "QuestionBody_qd5h0uc",
+  class: "qd5h0uc",
   propsAsIs: !1
-}), xi = /* @__PURE__ */ a("div")({
+}), js = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
-  class: "QuestionAction_q105uluy",
+  class: "q105uluy",
   propsAsIs: !1
-}), Ci = () => C, X = /* @__PURE__ */ a(Ci())({
+}), ks = () => j, X = /* @__PURE__ */ a(ks())({
   name: "QuestionActionIcon",
-  class: "QuestionActionIcon_q1fa0b9h",
+  class: "q1fa0b9h",
   propsAsIs: !0
-}), ki = () => C, ji = /* @__PURE__ */ a(ki())({
+}), Os = () => j, ws = /* @__PURE__ */ a(Os())({
   name: "QuestionTypeIcon",
-  class: "QuestionTypeIcon_qxlt78s",
+  class: "qxlt78s",
   propsAsIs: !0
-}), Oi = /* @__PURE__ */ a("div")({
+}), Cs = /* @__PURE__ */ a("div")({
   name: "QuestionTypeLabel",
-  class: "QuestionTypeLabel_qmg0vkx",
+  class: "qmg0vkx",
   propsAsIs: !1
-}), wi = /* @__PURE__ */ a("div")({
+}), $s = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
-  class: "QuestionContent_q1uz5j1g",
-  propsAsIs: !1
-}), _i = {
-  [F.LOST]: /* @__PURE__ */ r(X, { name: "icon-cross" }),
-  [F.WON]: /* @__PURE__ */ r(X, { name: "icon-check" }),
-  [F.UNSET]: void 0,
-  [F.DNP]: /* @__PURE__ */ r(X, { name: "icon-arrow" })
-}, bi = ({
+  class: "q1uz5j1g",
+  propsAsIs: !1
+}), bs = {
+  [W.LOST]: /* @__PURE__ */ r(X, { name: "icon-cross" }),
+  [W.WON]: /* @__PURE__ */ r(X, { name: "icon-check" }),
+  [W.UNSET]: void 0,
+  [W.DNP]: /* @__PURE__ */ r(X, { name: "icon-arrow" })
+}, Es = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
-  subject: i,
-  openForVoting: s,
+  subject: s,
+  openForVoting: i,
   openQuestion: c,
   status: l
 }) => {
-  const m = De[t], d = _i[l];
-  return m ? /* @__PURE__ */ I(Di, { onClick: () => c == null ? void 0 : c(e), children: [
-    /* @__PURE__ */ I(wi, { children: [
-      /* @__PURE__ */ I(Si, { children: [
-        /* @__PURE__ */ r(ji, { name: m.iconName }),
-        /* @__PURE__ */ I(Oi, { children: [
+  const m = Se[t], d = bs[l];
+  return m ? /* @__PURE__ */ I(Ss, { onClick: () => c == null ? void 0 : c(e), children: [
+    /* @__PURE__ */ I($s, { children: [
+      /* @__PURE__ */ I(zs, { children: [
+        /* @__PURE__ */ r(ws, { name: m.iconName }),
+        /* @__PURE__ */ I(Cs, { children: [
           m.label,
-          t === x.TRIVIA && n === P.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === _.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ r(zi, { children: i || "" })
+      /* @__PURE__ */ r(xs, { children: s || "" })
     ] }),
-    /* @__PURE__ */ r(xi, { children: d || (s ? /* @__PURE__ */ r(Ge, { children: "Play" }) : null) })
+    /* @__PURE__ */ r(js, { children: d || (i ? /* @__PURE__ */ r(Ge, { children: "Play" }) : null) })
   ] }) : null;
-}, $i = /* @__PURE__ */ a("div")({
+}, Ls = /* @__PURE__ */ a("div")({
   name: "Container",
-  class: "Container_cll3md7",
+  class: "cll3md7",
   propsAsIs: !1
-}), Ei = /* @__PURE__ */ a("button")({
+}), Rs = /* @__PURE__ */ a("button")({
   name: "ActionBtn",
-  class: "ActionBtn_a10g1iik",
+  class: "a10g1iik",
   propsAsIs: !1
-}), Li = ({
+}), Qs = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ I($i, { children: [
+}) => /* @__PURE__ */ I(Ls, { children: [
   /* @__PURE__ */ r(be, { questionId: t, ...n }),
-  e && /* @__PURE__ */ r(Ei, { onClick: () => e(t), children: "View Insight" })
-] }), Ri = /* @__PURE__ */ a("div")({
+  e && /* @__PURE__ */ r(Rs, { onClick: () => e(t), children: "View Insight" })
+] }), Us = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
-  class: "QuestionsContainer_qvghv3l",
+  class: "qvghv3l",
   propsAsIs: !1
-}), Qi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Ri, { children: e == null ? void 0 : e.map((n) => {
-  var i, s;
-  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
+}), _s = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Us, { children: e == null ? void 0 : e.map((n) => {
+  var s, i;
+  if (n.type === "question" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "question") {
     const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(bi, { openQuestion: t, ...c }, c.questionId);
+    return /* @__PURE__ */ r(Es, { openQuestion: t, ...c }, c.questionId);
   }
-  if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
+  if (n.type === "insight" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "insight") {
     const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(Li, { openInsight: t, ...c }, c.questionId);
+    return /* @__PURE__ */ r(Qs, { openInsight: t, ...c }, c.questionId);
   }
   return null;
-}) }), Ui = ({ store: e, openQuestion: t }) => {
-  const n = O(e);
-  return n != null && n.data ? /* @__PURE__ */ r(Qi, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
-}, Pi = ({ userSummary: e }) => {
+}) }), qs = ({ store: e, openQuestion: t }) => {
+  const n = w(e);
+  return n != null && n.data ? /* @__PURE__ */ r(_s, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
+}, Ps = ({ userSummary: e }) => {
   var t, n;
-  const i = O(e.getStore());
-  return (t = i.data) != null && t.summary ? /* @__PURE__ */ r(je, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
-}, qi = ({ gamification: e }) => {
-  const [t, n] = L(U.HOME);
-  return /* @__PURE__ */ I("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ I(ee, { children: [
-      /* @__PURE__ */ r(Hn, { activePage: t, toggleActivePage: n }),
-      t === U.HOME && /* @__PURE__ */ r(Pi, { userSummary: e.userSummary })
-    ] }),
-    t === U.HOME && /* @__PURE__ */ r(Ze, { children: /* @__PURE__ */ r(Ui, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) }),
-    t === U.LEADERBOARD && /* @__PURE__ */ r(ee, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ r(Ni, { gamification: e }) })
-  ] });
-}, Yi = () => Je, Ne = /* @__PURE__ */ a(Yi())({
+  const s = w(e.getStore());
+  return (t = s.data) != null && t.summary ? /* @__PURE__ */ r(Oe, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+}, Ys = ({
+  gamification: e
+}) => {
+  const [t, n] = R(B.HOME);
+  return /* @__PURE__ */ I("div", {
+    style: {
+      height: "100%",
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    children: [/* @__PURE__ */ r(ee, {
+      style: {
+        paddingBottom: "4px"
+      },
+      children: /* @__PURE__ */ r(Hn, {
+        activePage: t,
+        toggleActivePage: n
+      })
+    }), t === B.HOME && /* @__PURE__ */ I(se, {
+      children: [/* @__PURE__ */ r(ee, {
+        style: {
+          paddingTop: "12px"
+        },
+        children: /* @__PURE__ */ r(Ps, {
+          userSummary: e.userSummary
+        })
+      }), /* @__PURE__ */ r(Ze, {
+        children: /* @__PURE__ */ r(qs, {
+          openQuestion: e.openQuestion,
+          store: e.feedList.getStore()
+        })
+      })]
+    }), t === B.LEADERBOARD && /* @__PURE__ */ r("div", {
+      className: "c1bp9dj2",
+      children: /* @__PURE__ */ r(Ds, {
+        gamification: e
+      })
+    })]
+  });
+}, Ws = () => Je, De = /* @__PURE__ */ a(Ws())({
   name: "OpenedContainer",
-  class: "OpenedContainer_oar61gl",
+  class: "oar61gl",
   propsAsIs: !0
-}), Wi = /* @__PURE__ */ a("div")({
+}), Fs = /* @__PURE__ */ a("div")({
   name: "UserContainer",
-  class: "UserContainer_u14zaal4",
+  class: "u14zaal4",
   propsAsIs: !1
-}), Fi = ({
+}), Vs = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Gi = ({
+}, Zs = ({
   gamification: e,
   className: t
 }) => {
-  const n = O(e.openedQuestion.$store), i = O(e.openedUser);
-  return /* @__PURE__ */ I($, {
-    children: [n && /* @__PURE__ */ r(Ne, {
+  const n = w(e.openedQuestion.$store), s = w(e.openedUser);
+  return /* @__PURE__ */ I(E, {
+    children: [n && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ r(Yn, {
         gamification: e
       })
-    }), i && /* @__PURE__ */ r(Ne, {
+    }), s && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ I(Wi, {
+      children: /* @__PURE__ */ I(Fs, {
         children: [/* @__PURE__ */ r(ke, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
-          children: /* @__PURE__ */ r(je, {
-            ...i,
-            successRate: Fi(i)
+          children: /* @__PURE__ */ r(Oe, {
+            ...s,
+            successRate: Vs(s)
           })
         })]
       })
-    }), /* @__PURE__ */ r(xe, {
+    }), /* @__PURE__ */ r(se, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ r(qi, {
+      children: /* @__PURE__ */ r(Ys, {
         gamification: e
       })
     })]
   });
 };
 export {
-  Gi as GamificationOverlay,
-  Gi as default
+  Zs as default
 };