@streamlayer/react 0.28.5 → 0.29.0

package/lib/dist/index-b9208075.js

@@ -0,0 +1,1589 @@
+import { jsxs as N, jsx as a, Fragment as V } from "react/jsx-runtime";
+import { s as o, e as w, o as Oe, a as be, b as ke, Q as x, c as L, d as re, E as C, r as Ee, w as je, u as E, f as Ze, P, g as Le, n as de, h as Je } from "./masters-a2f6c191.js";
+import U, { useRef as k, useState as R, useCallback as H, useEffect as Ke, useLayoutEffect as Xe, useMemo as G, Component as et, createElement as F, PureComponent as Ce } from "react";
+const tt = () => w, st = () => w, nt = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "acysrl1",
+  propsAsIs: !1
+}), it = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "lo57cjm",
+  propsAsIs: !1
+}), rt = /* @__PURE__ */ o(tt())({
+  name: "p",
+  class: "p14kwh4y",
+  propsAsIs: !0
+}), at = /* @__PURE__ */ o("span")({
+  name: "s",
+  class: "sxun7sq",
+  propsAsIs: !1
+}), ot = /* @__PURE__ */ o("button")({
+  name: "c",
+  class: "c1i8ida8",
+  propsAsIs: !1
+}), lt = /* @__PURE__ */ o(st())({
+  name: "g",
+  class: "g1m0xfmw",
+  propsAsIs: !0
+}), Re = ({ type: t, close: e, label: s }) => {
+  const n = t ? Oe[t] : { label: s, iconName: void 0 };
+  return /* @__PURE__ */ N(nt, { children: [
+    /* @__PURE__ */ N(it, { children: [
+      (n == null ? void 0 : n.iconName) && /* @__PURE__ */ a(rt, { name: n.iconName }),
+      (n == null ? void 0 : n.label) && /* @__PURE__ */ a(at, { children: n.label })
+    ] }),
+    /* @__PURE__ */ a(ot, { onClick: e, children: /* @__PURE__ */ a(lt, { name: "icon-cross" }) })
+  ] });
+};
+const ct = /* @__PURE__ */ o("div")({
+  name: "t",
+  class: "taj61ja",
+  propsAsIs: !1
+}), dt = /* @__PURE__ */ o("div")({
+  name: "r",
+  class: "r19fxewd",
+  propsAsIs: !1
+}), ut = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "i1whkbqh",
+  propsAsIs: !1
+}), ue = ({ indicator: t, title: e }) => /* @__PURE__ */ N(ct, { children: [
+  /* @__PURE__ */ a(dt, { children: e }),
+  /* @__PURE__ */ a(ut, { children: t })
+] });
+const pt = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "i4lbhzs",
+  propsAsIs: !1
+}), ht = /* @__PURE__ */ o("div")({
+  name: "o",
+  class: "ordquhq",
+  propsAsIs: !1
+}), mt = /* @__PURE__ */ o("div")({
+  name: "n",
+  class: "nwzed99",
+  propsAsIs: !1
+}), W = ({ indicator: t, title: e }) => /* @__PURE__ */ N(pt, { children: [
+  /* @__PURE__ */ a(ht, { children: t }),
+  /* @__PURE__ */ a(mt, { children: e })
+] });
+const ft = /* @__PURE__ */ o("div")({
+  name: "o",
+  class: "o15y0waw",
+  propsAsIs: !1
+}), gt = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "ihjewwf",
+  propsAsIs: !1
+}), It = /* @__PURE__ */ o("div")({
+  name: "n",
+  class: "n10e9lv8",
+  propsAsIs: !1
+}), vt = /* @__PURE__ */ o("div")({
+  name: "r",
+  class: "r13bxv",
+  propsAsIs: !1
+}), Mt = /* @__PURE__ */ o("img")({
+  name: "a",
+  class: "a1fi59c9",
+  propsAsIs: !1
+}), yt = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "s1kkihge",
+  propsAsIs: !1
+}), Nt = /* @__PURE__ */ o("div")({
+  name: "c",
+  class: "cy4f4t",
+  propsAsIs: !1
+}), zt = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "p18cnlx1",
+  propsAsIs: !1
+}), _t = /* @__PURE__ */ o("img")({
+  name: "l",
+  class: "lboqgs5",
+  propsAsIs: !1
+}), Tt = /* @__PURE__ */ o("div")({
+  name: "d",
+  class: "d1oaal4",
+  propsAsIs: !1
+}), At = /* @__PURE__ */ o("div")({
+  name: "x",
+  class: "x1yzgo0u",
+  propsAsIs: !1
+}), St = /* @__PURE__ */ o("div")({
+  name: "f",
+  class: "f1l9i8s8",
+  propsAsIs: !1
+}), Dt = /* @__PURE__ */ o("div")({
+  name: "g",
+  class: "g4cgl4u",
+  propsAsIs: !1
+}), xt = /* @__PURE__ */ o("div")({
+  name: "h",
+  class: "h1qn1tmd",
+  propsAsIs: !1
+}), wt = /* @__PURE__ */ o("div")({
+  name: "u",
+  class: "u1gsbhq4",
+  propsAsIs: !1
+}), Ot = /* @__PURE__ */ o("div")({
+  name: "m",
+  class: "mvj8oco",
+  propsAsIs: !1
+}), bt = /* @__PURE__ */ o("button")({
+  name: "v",
+  class: "viqiaf2",
+  propsAsIs: !1
+}), kt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", $e = ({
+  avatar: t,
+  name: e,
+  points: s,
+  friendsRank: n,
+  rank: i,
+  streak: d,
+  correct: p,
+  incorrect: m,
+  inTop: f,
+  average: M
+}) => /* @__PURE__ */ N(ft, { children: [
+  /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ N(vt, { children: [
+    /* @__PURE__ */ N(bt, { children: [
+      t && /* @__PURE__ */ a(Mt, { alt: "avatar", src: t }),
+      !t && /* @__PURE__ */ a(Ot, { children: be(e || "") })
+    ] }),
+    /* @__PURE__ */ N(yt, { children: [
+      /* @__PURE__ */ a(Nt, { children: e }),
+      /* @__PURE__ */ N(zt, { children: [
+        /* @__PURE__ */ N(Tt, { children: [
+          /* @__PURE__ */ a(_t, { alt: "rank-icon", src: kt }),
+          /* @__PURE__ */ N(At, { children: [
+            ke(s),
+            /* @__PURE__ */ a(St, { children: "PTS" })
+          ] })
+        ] }),
+        /* @__PURE__ */ a(Dt, {}),
+        /* @__PURE__ */ N("div", { children: [
+          "TOP ",
+          f || 0,
+          "%"
+        ] })
+      ] })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ N(It, { children: [
+    /* @__PURE__ */ N(xt, { children: [
+      /* @__PURE__ */ a(ue, { indicator: n || 0, title: "Friends rank" }),
+      /* @__PURE__ */ a(ue, { indicator: i || 0, title: "Global rank" })
+    ] }),
+    /* @__PURE__ */ N(wt, { children: [
+      /* @__PURE__ */ a(W, { indicator: d || 0, title: "Win streak" }),
+      /* @__PURE__ */ a(W, { indicator: p || 0, title: "Correct" }),
+      /* @__PURE__ */ a(W, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ a(W, { indicator: `${M || 0}%`, title: "Succ. rate" })
+    ] })
+  ] })
+] });
+const Et = () => w, jt = /* @__PURE__ */ o("div")({
+  name: "c",
+  class: "ciyeb68",
+  propsAsIs: !1
+}), Lt = /* @__PURE__ */ o(Et())({
+  name: "n",
+  class: "nfic4xc",
+  propsAsIs: !0
+}), Ct = /* @__PURE__ */ o("div")({
+  name: "d",
+  class: "d1pd1p66",
+  propsAsIs: !1
+}), Rt = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "p132yxcv",
+  propsAsIs: !1
+}), $t = /* @__PURE__ */ o("span")({
+  name: "l",
+  class: "l4a8aw",
+  propsAsIs: !1
+}), pe = /* @__PURE__ */ o("span")({
+  name: "g",
+  class: "gzdx7pk",
+  propsAsIs: !1
+}), Ut = ({
+  feedbackMessages: t,
+  questionVotedCorrectly: e,
+  questionVoted: s,
+  questionType: n,
+  hasCorrectAnswer: i
+}) => {
+  if (!(s && (n === x.TRIVIA || n === x.PREDICTION)))
+    return null;
+  const d = n === x.PREDICTION && !i, p = e ? "correct" : "incorrect", m = e ? t.correctFeedback : t.incorrectFeedback;
+  return /* @__PURE__ */ N(jt, { "data-isPrediction": d, children: [
+    d && /* @__PURE__ */ N(V, { children: [
+      /* @__PURE__ */ a(Lt, { name: "icon-prediction" }),
+      /* @__PURE__ */ a(pe, { children: "Stay tuned to see if your prediction was correct." })
+    ] }),
+    i && /* @__PURE__ */ N(V, { children: [
+      /* @__PURE__ */ a(Ct, { "data-feedbackType": p, children: /* @__PURE__ */ a(w, { name: p }) }),
+      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ N(Rt, { children: [
+        /* @__PURE__ */ a($t, { "data-feedbackType": p, children: m == null ? void 0 : m.title }),
+        /* @__PURE__ */ a(pe, { children: m == null ? void 0 : m.description })
+      ] }) })
+    ] })
+  ] });
+};
+const Qt = /* @__PURE__ */ o("div")({
+  name: "o",
+  class: "olc1eph",
+  propsAsIs: !1
+}), qt = /* @__PURE__ */ o("div")({
+  name: "n",
+  class: "n1yoh29a",
+  propsAsIs: !1
+}), Yt = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "pjkr5mb",
+  propsAsIs: !1
+}), Pt = /* @__PURE__ */ o("div")({
+  name: "r",
+  class: "r82wnnx",
+  propsAsIs: !1
+});
+const Wt = () => Ue, Ft = () => Ue, Vt = () => w, Ht = /* @__PURE__ */ o("button")({
+  name: "c",
+  class: "cpm4u8k",
+  propsAsIs: !1
+}), Bt = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "lwfomc3",
+  propsAsIs: !1
+}), Gt = /* @__PURE__ */ o("span")({
+  name: "d",
+  class: "dmltvg2",
+  propsAsIs: !1
+}), Zt = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "stfjpqz",
+  propsAsIs: !1
+}), Jt = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "p198m24r",
+  propsAsIs: !1
+}), Ue = /* @__PURE__ */ o("img")({
+  name: "r",
+  class: "rbq5eu7",
+  propsAsIs: !1
+}), Kt = /* @__PURE__ */ o(Wt())({
+  name: "g",
+  class: "g1iv6oeb",
+  propsAsIs: !0
+}), Xt = /* @__PURE__ */ o(Ft())({
+  name: "h",
+  class: "h1qtxlqc",
+  propsAsIs: !0
+}), es = /* @__PURE__ */ o("span")({
+  name: "u",
+  class: "udm736q",
+  propsAsIs: !1
+}), ts = /* @__PURE__ */ o("span")({
+  name: "b",
+  class: "b1da34tx",
+  propsAsIs: !1
+}), ss = /* @__PURE__ */ o("span")({
+  name: "x",
+  class: "x1dqwq83",
+  propsAsIs: !1
+}), ns = /* @__PURE__ */ o(Vt())({
+  name: "v",
+  class: "v10s9my2",
+  propsAsIs: !0
+}), he = {
+  [L.CENTERED]: (t) => /* @__PURE__ */ a(Kt, { alt: "option-icon", src: t }),
+  [L.TRANSPARENT]: (t) => /* @__PURE__ */ a(Zt, { children: /* @__PURE__ */ a(Jt, { style: { backgroundImage: `url(${t})` } }) }),
+  [L.ROUNDED]: (t) => /* @__PURE__ */ a(Xt, { alt: "option-icon", src: t }),
+  [L.NONE]: () => null,
+  [L.UNSET]: () => null
+}, is = ({ questionType: t, hasCorrectAnswer: e, correct: s, youVoted: n, questionVoted: i }) => {
+  if (t === x.POLL && n)
+    return "correct";
+  if (t === x.PREDICTION) {
+    if (e && i)
+      return n ? s ? "correct" : "incorrect" : s ? "correct" : "unset";
+    if (n)
+      return "correct";
+  }
+  return t === x.TRIVIA && i ? n ? s ? "correct" : "incorrect" : s ? "correct" : "unset" : "unset";
+}, rs = ({
+  questionType: t,
+  questionVoted: e,
+  correct: s,
+  hasCorrectAnswer: n,
+  questionStatus: i
+}) => t === x.TRIVIA ? e && s : t === x.PREDICTION ? e && s && n || i === re.RESOLVED && s : !1, as = (t) => {
+  var e;
+  const {
+    // option props
+    id: s,
+    icon: n,
+    text: i,
+    percentageDecimal: d,
+    // extra props
+    onVote: p,
+    youSelected: m,
+    questionVoted: f,
+    // ToDo: Figure out why imageMode is not in the response, and delete default value
+    imageMode: M = L.ROUNDED,
+    answerTimeExpired: z,
+    questionStatus: y,
+    isLoading: l,
+    questionType: v,
+    correct: I,
+    hasCorrectAnswer: r
+  } = t, h = is(t), c = rs({ questionType: v, questionVoted: f, correct: I, hasCorrectAnswer: r, questionStatus: y }), u = f || y === re.RESOLVED && v === x.PREDICTION;
+  return /* @__PURE__ */ N(
+    Ht,
+    {
+      value: s,
+      "data-selected": m,
+      "data-answerState": h,
+      disabled: f || l || z,
+      onClick: p,
+      children: [
+        u && /* @__PURE__ */ a(Bt, { "data-answerState": h, style: { width: `${d}%` } }),
+        /* @__PURE__ */ N(Gt, { children: [
+          n && ((e = he[M]) == null ? void 0 : e.call(he, n)),
+          /* @__PURE__ */ a(es, { children: i }),
+          u && /* @__PURE__ */ N(ts, { children: [
+            c && /* @__PURE__ */ a(ns, { name: "selected" }),
+            /* @__PURE__ */ N(ss, { children: [
+              d,
+              "%"
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var me = typeof window > "u" ? Ke : Xe, os = ({ isPlaying: t, duration: e, startAt: s = 0, updateInterval: n = 0, onComplete: i, onUpdate: d }) => {
+  let [p, m] = R(s), f = k(0), M = k(s), z = k(s * -1e3), y = k(null), l = k(null), v = k(null), I = (c) => {
+    let u = c / 1e3;
+    if (l.current === null) {
+      l.current = u, y.current = requestAnimationFrame(I);
+      return;
+    }
+    let g = u - l.current, T = f.current + g;
+    l.current = u, f.current = T;
+    let _ = M.current + (n === 0 ? T : (T / n | 0) * n), A = M.current + T, S = typeof e == "number" && A >= e;
+    m(S ? e : _), S || (y.current = requestAnimationFrame(I));
+  }, r = () => {
+    y.current && cancelAnimationFrame(y.current), v.current && clearTimeout(v.current), l.current = null;
+  }, h = H((c) => {
+    r(), f.current = 0;
+    let u = typeof c == "number" ? c : s;
+    M.current = u, m(u), t && (y.current = requestAnimationFrame(I));
+  }, [t, s]);
+  return me(() => {
+    if (d == null || d(p), e && p >= e) {
+      z.current += e * 1e3;
+      let { shouldRepeat: c = !1, delay: u = 0, newStartAt: g } = (i == null ? void 0 : i(z.current / 1e3)) || {};
+      c && (v.current = setTimeout(() => h(g), u * 1e3));
+    }
+  }, [p, e]), me(() => (t && (y.current = requestAnimationFrame(I)), r), [t, e, n]), { elapsedTime: p, reset: h };
+}, ls = (t, e, s) => {
+  let n = t / 2, i = e / 2, d = n - i, p = 2 * d, m = s === "clockwise" ? "1,0" : "0,1", f = 2 * Math.PI * d;
+  return { path: `m ${n},${i} a ${d},${d} 0 ${m} 0,${p} a ${d},${d} 0 ${m} 0,-${p}`, pathLength: f };
+}, fe = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, cs = (t) => ({ position: "relative", width: t, height: t }), ds = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Qe = (t, e, s, n, i) => {
+  if (n === 0)
+    return e;
+  let d = (i ? n - t : t) / n;
+  return e + s * d;
+}, ge = (t) => {
+  var e, s;
+  return (s = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, i, d, p) => `#${i}${i}${d}${d}${p}${p}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? s : [];
+}, us = (t, e) => {
+  var s;
+  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, v) => l >= e && e >= i[v + 1])) != null ? s : -1;
+  if (!i || p === -1)
+    return n[0];
+  if (!d)
+    return n[p];
+  let m = i[p] - e, f = i[p] - i[p + 1], M = ge(n[p]), z = ge(n[p + 1]), y = !!t.isGrowing;
+  return `rgb(${M.map((l, v) => Qe(m, l, z[v] - l, f, y) | 0).join(",")})`;
+}, ps = (t) => {
+  let { duration: e, initialRemainingTime: s, updateInterval: n, size: i = 180, strokeWidth: d = 12, trailStrokeWidth: p, isPlaying: m = !1, isGrowing: f = !1, rotation: M = "clockwise", onComplete: z, onUpdate: y } = t, l = k(), v = Math.max(d, p ?? 0), { path: I, pathLength: r } = ls(i, v, M), { elapsedTime: h } = os({ isPlaying: m, duration: e, startAt: fe(e, s), updateInterval: n, onUpdate: typeof y == "function" ? (u) => {
+    let g = Math.ceil(e - u);
+    g !== l.current && (l.current = g, y(g));
+  } : void 0, onComplete: typeof z == "function" ? (u) => {
+    var g;
+    let { shouldRepeat: T, delay: _, newInitialRemainingTime: A } = (g = z(u)) != null ? g : {};
+    if (T)
+      return { shouldRepeat: T, delay: _, newStartAt: fe(e, A) };
+  } : void 0 }), c = e - h;
+  return { elapsedTime: h, path: I, pathLength: r, remainingTime: Math.ceil(c), rotation: M, size: i, stroke: us(t, c), strokeDashoffset: Qe(h, 0, r, e, f), strokeWidth: d };
+}, qe = (t) => {
+  let { children: e, strokeLinecap: s, trailColor: n, trailStrokeWidth: i } = t, { path: d, pathLength: p, stroke: m, strokeDashoffset: f, remainingTime: M, elapsedTime: z, size: y, strokeWidth: l } = ps(t);
+  return U.createElement("div", { style: cs(y) }, U.createElement("svg", { viewBox: `0 0 ${y} ${y}`, width: y, height: y, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: i ?? l }), U.createElement("path", { d, fill: "none", stroke: m, strokeLinecap: s ?? "round", strokeWidth: l, strokeDasharray: p, strokeDashoffset: f })), typeof e == "function" && U.createElement("div", { style: ds }, e({ remainingTime: M, elapsedTime: z, color: m })));
+};
+qe.displayName = "CountdownCircleTimer";
+const hs = [C.PRIMARY_GREEN1, C.SECONDARY_RED1, C.SECONDARY_RED1], ms = [10, 10, 0], fs = /* @__PURE__ */ o("div")({
+  name: "A",
+  class: "a1f928zy",
+  propsAsIs: !1
+}), gs = C.SECONDARY_GREEN6, Ie = C.SECONDARY_RED3, Is = C.NEUTRALS_GRAY3, vs = ({
+  isPlaying: t = !0,
+  duration: e = 30,
+  onTimerExpired: s
+}) => {
+  const [n, i] = R(e > 10 ? gs : Ie), d = ({
+    remainingTime: f
+  }) => /* @__PURE__ */ a(fs, {
+    children: f
+  }), p = H(() => {
+    s == null || s(), i(Is);
+  }, [s, i]), m = H((f) => {
+    f === 10 && i(Ie);
+  }, [i]);
+  return /* @__PURE__ */ a(qe, {
+    isPlaying: t,
+    duration: e,
+    colors: hs,
+    colorsTime: ms,
+    size: 32,
+    strokeWidth: 2,
+    trailStrokeWidth: 2,
+    trailColor: n,
+    onComplete: p,
+    onUpdate: m,
+    children: d
+  });
+};
+const Ms = () => w, ys = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "a1r7f3z4",
+  propsAsIs: !1
+}), Ns = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "sblndl",
+  propsAsIs: !1
+}), zs = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "l7ka1tv",
+  propsAsIs: !1
+}), _s = /* @__PURE__ */ o(Ms())({
+  name: "p",
+  class: "p1edlxt3",
+  propsAsIs: !0
+}), Ts = /* @__PURE__ */ o("div")({
+  name: "g",
+  class: "ghm08u2",
+  propsAsIs: !1
+}), As = /* @__PURE__ */ o("span")({
+  name: "c",
+  class: "c12nsh46",
+  propsAsIs: !1
+}), Ss = /* @__PURE__ */ o("span")({
+  name: "d",
+  class: "dlr9eoc",
+  propsAsIs: !1
+}), Ds = ({ title: t, points: e, isPlayingTimer: s, isTimer: n, onTimerExpired: i }) => /* @__PURE__ */ N(ys, { children: [
+  /* @__PURE__ */ N(Ns, { children: [
+    t && /* @__PURE__ */ a(zs, { children: t }),
+    e !== void 0 && /* @__PURE__ */ N(V, { children: [
+      /* @__PURE__ */ a(_s, { name: "icon-trophy" }),
+      /* @__PURE__ */ N(Ts, { children: [
+        /* @__PURE__ */ a(As, { children: e }),
+        /* @__PURE__ */ a(Ss, { children: "PTS" })
+      ] })
+    ] })
+  ] }),
+  n && /* @__PURE__ */ a(vs, { isPlaying: s, onTimerExpired: i })
+] }), xs = ({ openedQuestion: t, vote: e }) => {
+  var s;
+  const n = t.subject, i = t.type, d = (s = t.options) == null ? void 0 : s.options, [p, m] = R(!1), [f, M] = R(!1), [z, y] = R(""), l = t == null ? void 0 : t.id, v = H(
+    async (u) => {
+      if (l) {
+        const g = u.currentTarget.value;
+        y(g), M(!0), await e(l, g), M(!1);
+      }
+    },
+    [l, y, e]
+  ), I = G(
+    () => t == null ? void 0 : t.answers.find((u) => u.youVoted === !0),
+    [t]
+  ), r = G(
+    () => !!(t != null && t.answers.find((u) => u.correct === !0)),
+    [t]
+  ), h = G(() => t ? t.answers.map((u) => ({
+    ...u,
+    questionVoted: !!I,
+    youSelected: z === u.id,
+    isLoading: f,
+    hasCorrectAnswer: r,
+    questionType: t.type,
+    answerTimeExpired: p,
+    questionStatus: t.status,
+    // ToDo: Figure out why imageMode is not in the response
+    onVote: v
+  })) : [], [r, p, f, t, I, v, z]), c = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
+  return /* @__PURE__ */ a(Ee, { "data-question-header": "true", children: /* @__PURE__ */ a(Qt, { children: /* @__PURE__ */ N(qt, { children: [
+    c && /* @__PURE__ */ a(
+      Ut,
+      {
+        feedbackMessages: c,
+        questionVoted: !!I,
+        questionVotedCorrectly: I == null ? void 0 : I.correct,
+        questionType: i,
+        hasCorrectAnswer: r
+      }
+    ),
+    /* @__PURE__ */ a(
+      Ds,
+      {
+        title: p ? "Expired" : "To win",
+        points: p ? void 0 : 100,
+        onTimerExpired: () => m(!0),
+        isTimer: !0
+      }
+    ),
+    /* @__PURE__ */ a(Yt, { children: n }),
+    /* @__PURE__ */ a(Pt, { children: h.map((u) => /* @__PURE__ */ a(as, { ...u }, u.id)) })
+  ] }) }) });
+};
+const ws = /* @__PURE__ */ o("div")({
+  name: "e",
+  class: "e18unvw4",
+  propsAsIs: !1
+}), Os = /* @__PURE__ */ o("div")({
+  name: "r",
+  class: "rs0uvk8",
+  propsAsIs: !1
+}), bs = /* @__PURE__ */ o("h3")({
+  name: "n",
+  class: "n1hem4g7",
+  propsAsIs: !1
+}), ks = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "i193lbwv",
+  propsAsIs: !1
+}), Es = /* @__PURE__ */ o("a")({
+  name: "a",
+  class: "a1dka9qs",
+  propsAsIs: !1
+}), js = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "l1un98tk",
+  propsAsIs: !1
+}), Ls = ({
+  created: t,
+  title: e,
+  instantView: s
+}) => {
+  const n = new Date(t), i = n.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  }), d = n.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
+  return /* @__PURE__ */ N(ws, { children: [
+    /* @__PURE__ */ N(js, { children: [
+      i,
+      "・",
+      d
+    ] }),
+    (s == null ? void 0 : s.video) && /* @__PURE__ */ a(je, { source: s.video.url, poster: s.video.thumbnailUrl }),
+    /* @__PURE__ */ N(Os, { children: [
+      /* @__PURE__ */ a(bs, { children: (s == null ? void 0 : s.heading) || e }),
+      /* @__PURE__ */ a(ks, { children: s == null ? void 0 : s.body }),
+      (s == null ? void 0 : s.webLink) && /* @__PURE__ */ N(Es, { href: s == null ? void 0 : s.webLink.url, target: "_blank", children: [
+        "Explore more of the Masters History",
+        /* @__PURE__ */ a(w, { name: "icon-external-link" })
+      ] })
+    ] })
+  ] });
+};
+const Cs = /* @__PURE__ */ o("div")({
+  name: "d",
+  class: "dk8r1eq",
+  propsAsIs: !1
+}), Rs = ({
+  openedQuestion: t
+}) => {
+  var e;
+  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ a(Ls, {
+    created: t.attributes.created,
+    ...t.attributes.attributes.value
+  }) : null;
+}, $s = ({
+  extendedQuestion: t,
+  vote: e
+}) => {
+  const {
+    loading: s,
+    data: n
+  } = t;
+  return !s && n ? /* @__PURE__ */ a(xs, {
+    vote: e,
+    openedQuestion: n
+  }) : null;
+}, Us = ({
+  gamification: t
+}) => {
+  var e;
+  const s = E(t.openedQuestion.$store), n = E(t.openedQuestion.$extendedStore);
+  if (!s)
+    return null;
+  const i = s.type;
+  return /* @__PURE__ */ N(Cs, {
+    children: [/* @__PURE__ */ a(Re, {
+      close: t.closeQuestion,
+      type: ((e = s.attributes) == null ? void 0 : e.type) || x.UNSET
+    }), i === "question" && /* @__PURE__ */ a($s, {
+      vote: t.submitAnswer,
+      extendedQuestion: n
+    }), i !== "question" && /* @__PURE__ */ a(Rs, {
+      openedQuestion: s
+    })]
+  });
+};
+const Qs = /* @__PURE__ */ o("div")({
+  name: "t",
+  class: "tcim9sm",
+  propsAsIs: !1
+}), qs = /* @__PURE__ */ o("div")({
+  name: "e",
+  class: "e8wco6o",
+  propsAsIs: !1
+}), Ys = /* @__PURE__ */ o("button")({
+  name: "n",
+  class: "n1ardwzl",
+  propsAsIs: !1
+}), Ps = /* @__PURE__ */ o("span")({
+  name: "i",
+  class: "i1vk8ojx",
+  propsAsIs: !1
+});
+var Q = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(Q || {});
+const ve = ({ title: t, active: e, onClick: s }) => /* @__PURE__ */ a(Ys, { onClick: s, "data-selected": e, children: /* @__PURE__ */ a(Ps, { children: t }) }), Ws = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ a(Qs, { children: /* @__PURE__ */ N(qs, { "data-position": t === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ a(ve, { title: "Home", active: t === "home", onClick: () => e(
+    "home"
+    /* HOME */
+  ) }),
+  /* @__PURE__ */ a(
+    ve,
+    {
+      title: "Leader Board",
+      active: t === "leaderboard",
+      onClick: () => e(
+        "leaderboard"
+        /* LEADERBOARD */
+      )
+    }
+  )
+] }) });
+let D;
+typeof window < "u" ? D = window : typeof self < "u" ? D = self : D = Ze.global;
+let te = null, se = null;
+const Me = 20, Z = D.clearTimeout, ye = D.setTimeout, J = D.cancelAnimationFrame || D.mozCancelAnimationFrame || D.webkitCancelAnimationFrame, Ne = D.requestAnimationFrame || D.mozRequestAnimationFrame || D.webkitRequestAnimationFrame;
+J == null || Ne == null ? (te = Z, se = function(e) {
+  return ye(e, Me);
+}) : (te = function([e, s]) {
+  J(e), Z(s);
+}, se = function(e) {
+  const s = Ne(function() {
+    Z(n), e();
+  }), n = ye(function() {
+    J(s), e();
+  }, Me);
+  return [s, n];
+});
+function Fs(t) {
+  let e, s, n, i, d, p, m;
+  const f = typeof document < "u" && document.attachEvent;
+  if (!f) {
+    p = function(c) {
+      const u = c.__resizeTriggers__, g = u.firstElementChild, T = u.lastElementChild, _ = g.firstElementChild;
+      T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight, _.style.width = g.offsetWidth + 1 + "px", _.style.height = g.offsetHeight + 1 + "px", g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight;
+    }, d = function(c) {
+      return c.offsetWidth !== c.__resizeLast__.width || c.offsetHeight !== c.__resizeLast__.height;
+    }, m = function(c) {
+      if (c.target.className && typeof c.target.className.indexOf == "function" && c.target.className.indexOf("contract-trigger") < 0 && c.target.className.indexOf("expand-trigger") < 0)
+        return;
+      const u = this;
+      p(this), this.__resizeRAF__ && te(this.__resizeRAF__), this.__resizeRAF__ = se(function() {
+        d(u) && (u.__resizeLast__.width = u.offsetWidth, u.__resizeLast__.height = u.offsetHeight, u.__resizeListeners__.forEach(function(_) {
+          _.call(u, c);
+        }));
+      });
+    };
+    let l = !1, v = "";
+    n = "animationstart";
+    const I = "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 u = 0; u < I.length; u++)
+          if (c.style[I[u] + "AnimationName"] !== void 0) {
+            h = I[u], v = "-" + h.toLowerCase() + "-", n = r[u], l = !0;
+            break;
+          }
+      }
+    }
+    s = "resizeanim", e = "@" + v + "keyframes " + s + " { from { opacity: 0; } to { opacity: 0; } } ", i = v + "animation: 1ms " + s + "; ";
+  }
+  const M = function(l) {
+    if (!l.getElementById("detectElementResize")) {
+      const v = (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%; }', I = 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 = v : r.appendChild(l.createTextNode(v)), I.appendChild(r);
+    }
+  };
+  return {
+    addResizeListener: function(l, v) {
+      if (f)
+        l.attachEvent("onresize", v);
+      else {
+        if (!l.__resizeTriggers__) {
+          const I = l.ownerDocument, r = D.getComputedStyle(l);
+          r && r.position === "static" && (l.style.position = "relative"), M(I), l.__resizeLast__ = {}, l.__resizeListeners__ = [], (l.__resizeTriggers__ = I.createElement("div")).className = "resize-triggers";
+          const h = I.createElement("div");
+          h.className = "expand-trigger", h.appendChild(I.createElement("div"));
+          const c = I.createElement("div");
+          c.className = "contract-trigger", l.__resizeTriggers__.appendChild(h), l.__resizeTriggers__.appendChild(c), l.appendChild(l.__resizeTriggers__), p(l), l.addEventListener("scroll", m, !0), n && (l.__resizeTriggers__.__animationListener__ = function(g) {
+            g.animationName === s && p(l);
+          }, l.__resizeTriggers__.addEventListener(n, l.__resizeTriggers__.__animationListener__));
+        }
+        l.__resizeListeners__.push(v);
+      }
+    },
+    removeResizeListener: function(l, v) {
+      if (f)
+        l.detachEvent("onresize", v);
+      else if (l.__resizeListeners__.splice(l.__resizeListeners__.indexOf(v), 1), !l.__resizeListeners__.length) {
+        l.removeEventListener("scroll", m, !0), l.__resizeTriggers__.__animationListener__ && (l.__resizeTriggers__.removeEventListener(n, l.__resizeTriggers__.__animationListener__), l.__resizeTriggers__.__animationListener__ = null);
+        try {
+          l.__resizeTriggers__ = !l.removeChild(l.__resizeTriggers__);
+        } catch {
+        }
+      }
+    }
+  };
+}
+class Vs extends et {
+  constructor(...e) {
+    super(...e), this.state = {
+      height: this.props.defaultHeight || 0,
+      scaledHeight: this.props.defaultHeight || 0,
+      scaledWidth: this.props.defaultWidth || 0,
+      width: this.props.defaultWidth || 0
+    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+      this._timeoutId = null;
+      const {
+        disableHeight: s,
+        disableWidth: n,
+        onResize: i
+      } = this.props;
+      if (this._parentNode) {
+        var d, p, m, f;
+        const M = window.getComputedStyle(this._parentNode) || {}, z = parseFloat((d = M.paddingLeft) !== null && d !== void 0 ? d : "0"), y = parseFloat((p = M.paddingRight) !== null && p !== void 0 ? p : "0"), l = parseFloat((m = M.paddingTop) !== null && m !== void 0 ? m : "0"), v = parseFloat((f = M.paddingBottom) !== null && f !== void 0 ? f : "0"), I = this._parentNode.getBoundingClientRect(), r = I.height - l - v, h = I.width - z - y, c = this._parentNode.offsetHeight - l - v, u = this._parentNode.offsetWidth - z - y;
+        (!s && (this.state.height !== c || this.state.scaledHeight !== r) || !n && (this.state.width !== u || this.state.scaledWidth !== h)) && (this.setState({
+          height: c,
+          width: u,
+          scaledHeight: r,
+          scaledWidth: h
+        }), typeof i == "function" && i({
+          height: c,
+          scaledHeight: r,
+          scaledWidth: h,
+          width: u
+        }));
+      }
+    }, this._setRef = (s) => {
+      this._autoSizer = s;
+    };
+  }
+  componentDidMount() {
+    const {
+      nonce: e
+    } = this.props;
+    this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._parentNode != null && (typeof ResizeObserver < "u" ? (this._resizeObserver = new ResizeObserver(() => {
+      this._timeoutId = setTimeout(this._onResize, 0);
+    }), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = Fs(e), this._detectElementResize.addResizeListener(this._parentNode, this._onResize)), this._onResize()));
+  }
+  componentWillUnmount() {
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && (this._resizeObserver.observe(this._parentNode), this._resizeObserver.disconnect()));
+  }
+  render() {
+    const {
+      children: e,
+      defaultHeight: s,
+      defaultWidth: n,
+      disableHeight: i = !1,
+      disableWidth: d = !1,
+      nonce: p,
+      onResize: m,
+      style: f = {},
+      tagName: M = "div",
+      ...z
+    } = this.props, {
+      height: y,
+      scaledHeight: l,
+      scaledWidth: v,
+      width: I
+    } = this.state, r = {
+      overflow: "visible"
+    }, h = {};
+    let c = !1;
+    return i || (y === 0 && (c = !0), r.height = 0, h.height = y, h.scaledHeight = l), d || (I === 0 && (c = !0), r.width = 0, h.width = I, h.scaledWidth = v), F(M, {
+      ref: this._setRef,
+      style: {
+        ...r,
+        ...f
+      },
+      ...z
+    }, !c && e(h));
+  }
+}
+function ne() {
+  return ne = 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;
+  }, ne.apply(this, arguments);
+}
+function ze(t) {
+  if (t === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function ie(t, e) {
+  return ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
+    return n.__proto__ = i, n;
+  }, ie(t, e);
+}
+function Hs(t, e) {
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, ie(t, e);
+}
+var _e = Number.isNaN || function(e) {
+  return typeof e == "number" && e !== e;
+};
+function Bs(t, e) {
+  return !!(t === e || _e(t) && _e(e));
+}
+function Gs(t, e) {
+  if (t.length !== e.length)
+    return !1;
+  for (var s = 0; s < t.length; s++)
+    if (!Bs(t[s], e[s]))
+      return !1;
+  return !0;
+}
+function K(t, e) {
+  e === void 0 && (e = Gs);
+  var s, n = [], i, d = !1;
+  function p() {
+    for (var m = [], f = 0; f < arguments.length; f++)
+      m[f] = arguments[f];
+    return d && s === this && e(m, n) || (i = t.apply(this, m), d = !0, s = this, n = m), i;
+  }
+  return p;
+}
+var Zs = typeof performance == "object" && typeof performance.now == "function", Te = Zs ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function Ae(t) {
+  cancelAnimationFrame(t.id);
+}
+function Js(t, e) {
+  var s = Te();
+  function n() {
+    Te() - s >= e ? t.call(null) : i.id = requestAnimationFrame(n);
+  }
+  var i = {
+    id: requestAnimationFrame(n)
+  };
+  return i;
+}
+var X = -1;
+function Se(t) {
+  if (t === void 0 && (t = !1), X === -1 || t) {
+    var e = document.createElement("div"), s = e.style;
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(e), X = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+  }
+  return X;
+}
+var j = null;
+function De(t) {
+  if (t === void 0 && (t = !1), j === null || t) {
+    var e = document.createElement("div"), s = e.style;
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", s.direction = "rtl";
+    var n = document.createElement("div"), i = n.style;
+    return i.width = "100px", i.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? j = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? j = "negative" : j = "positive-ascending"), document.body.removeChild(e), j;
+  }
+  return j;
+}
+var Ks = 150, Xs = function(e, s) {
+  return e;
+};
+function en(t) {
+  var e, s = t.getItemOffset, n = t.getEstimatedTotalSize, i = t.getItemSize, d = t.getOffsetForIndexAndAlignment, p = t.getStartIndexForOffset, m = t.getStopIndexForStartIndex, f = t.initInstanceProps, M = t.shouldResetStyleCacheOnItemSizeChange, z = t.validateProps;
+  return e = /* @__PURE__ */ function(y) {
+    Hs(l, y);
+    function l(I) {
+      var r;
+      return r = y.call(this, I) || this, r._instanceProps = f(r.props, ze(r)), r._outerRef = void 0, r._resetIsScrollingTimeoutId = null, r.state = {
+        instance: ze(r),
+        isScrolling: !1,
+        scrollDirection: "forward",
+        scrollOffset: typeof r.props.initialScrollOffset == "number" ? r.props.initialScrollOffset : 0,
+        scrollUpdateWasRequested: !1
+      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = K(function(h, c, u, g) {
+        return r.props.onItemsRendered({
+          overscanStartIndex: h,
+          overscanStopIndex: c,
+          visibleStartIndex: u,
+          visibleStopIndex: g
+        });
+      }), r._callOnScroll = void 0, r._callOnScroll = K(function(h, c, u) {
+        return r.props.onScroll({
+          scrollDirection: h,
+          scrollOffset: c,
+          scrollUpdateWasRequested: u
+        });
+      }), r._getItemStyle = void 0, r._getItemStyle = function(h) {
+        var c = r.props, u = c.direction, g = c.itemSize, T = c.layout, _ = r._getItemStyleCache(M && g, M && T, M && u), A;
+        if (_.hasOwnProperty(h))
+          A = _[h];
+        else {
+          var S = s(r.props, h, r._instanceProps), O = i(r.props, h, r._instanceProps), b = u === "horizontal" || T === "horizontal", q = u === "rtl", Y = b ? S : 0;
+          _[h] = A = {
+            position: "absolute",
+            left: q ? void 0 : Y,
+            right: q ? Y : void 0,
+            top: b ? 0 : S,
+            height: b ? "100%" : O,
+            width: b ? O : "100%"
+          };
+        }
+        return A;
+      }, r._getItemStyleCache = void 0, r._getItemStyleCache = K(function(h, c, u) {
+        return {};
+      }), r._onScrollHorizontal = function(h) {
+        var c = h.currentTarget, u = c.clientWidth, g = c.scrollLeft, T = c.scrollWidth;
+        r.setState(function(_) {
+          if (_.scrollOffset === g)
+            return null;
+          var A = r.props.direction, S = g;
+          if (A === "rtl")
+            switch (De()) {
+              case "negative":
+                S = -g;
+                break;
+              case "positive-descending":
+                S = T - u - g;
+                break;
+            }
+          return S = Math.max(0, Math.min(S, T - u)), {
+            isScrolling: !0,
+            scrollDirection: _.scrollOffset < g ? "forward" : "backward",
+            scrollOffset: S,
+            scrollUpdateWasRequested: !1
+          };
+        }, r._resetIsScrollingDebounced);
+      }, r._onScrollVertical = function(h) {
+        var c = h.currentTarget, u = c.clientHeight, g = c.scrollHeight, T = c.scrollTop;
+        r.setState(function(_) {
+          if (_.scrollOffset === T)
+            return null;
+          var A = Math.max(0, Math.min(T, g - u));
+          return {
+            isScrolling: !0,
+            scrollDirection: _.scrollOffset < A ? "forward" : "backward",
+            scrollOffset: A,
+            scrollUpdateWasRequested: !1
+          };
+        }, r._resetIsScrollingDebounced);
+      }, r._outerRefSetter = function(h) {
+        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 && Ae(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = Js(r._resetIsScrolling, Ks);
+      }, r._resetIsScrolling = function() {
+        r._resetIsScrollingTimeoutId = null, r.setState({
+          isScrolling: !1
+        }, function() {
+          r._getItemStyleCache(-1, null);
+        });
+      }, r;
+    }
+    l.getDerivedStateFromProps = function(r, h) {
+      return tn(r, h), z(r), null;
+    };
+    var v = l.prototype;
+    return v.scrollTo = function(r) {
+      r = Math.max(0, r), this.setState(function(h) {
+        return h.scrollOffset === r ? null : {
+          scrollDirection: h.scrollOffset < r ? "forward" : "backward",
+          scrollOffset: r,
+          scrollUpdateWasRequested: !0
+        };
+      }, this._resetIsScrollingDebounced);
+    }, v.scrollToItem = function(r, h) {
+      h === void 0 && (h = "auto");
+      var c = this.props, u = c.itemCount, g = c.layout, T = this.state.scrollOffset;
+      r = Math.max(0, Math.min(r, u - 1));
+      var _ = 0;
+      if (this._outerRef) {
+        var A = this._outerRef;
+        g === "vertical" ? _ = A.scrollWidth > A.clientWidth ? Se() : 0 : _ = A.scrollHeight > A.clientHeight ? Se() : 0;
+      }
+      this.scrollTo(d(this.props, r, h, T, this._instanceProps, _));
+    }, v.componentDidMount = function() {
+      var r = this.props, h = r.direction, c = r.initialScrollOffset, u = r.layout;
+      if (typeof c == "number" && this._outerRef != null) {
+        var g = this._outerRef;
+        h === "horizontal" || u === "horizontal" ? g.scrollLeft = c : g.scrollTop = c;
+      }
+      this._callPropsCallbacks();
+    }, v.componentDidUpdate = function() {
+      var r = this.props, h = r.direction, c = r.layout, u = this.state, g = u.scrollOffset, T = u.scrollUpdateWasRequested;
+      if (T && this._outerRef != null) {
+        var _ = this._outerRef;
+        if (h === "horizontal" || c === "horizontal")
+          if (h === "rtl")
+            switch (De()) {
+              case "negative":
+                _.scrollLeft = -g;
+                break;
+              case "positive-ascending":
+                _.scrollLeft = g;
+                break;
+              default:
+                var A = _.clientWidth, S = _.scrollWidth;
+                _.scrollLeft = S - A - g;
+                break;
+            }
+          else
+            _.scrollLeft = g;
+        else
+          _.scrollTop = g;
+      }
+      this._callPropsCallbacks();
+    }, v.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Ae(this._resetIsScrollingTimeoutId);
+    }, v.render = function() {
+      var r = this.props, h = r.children, c = r.className, u = r.direction, g = r.height, T = r.innerRef, _ = r.innerElementType, A = r.innerTagName, S = r.itemCount, O = r.itemData, b = r.itemKey, q = b === void 0 ? Xs : b, Y = r.layout, Ye = r.outerElementType, Pe = r.outerTagName, We = r.style, Fe = r.useIsScrolling, Ve = r.width, ae = this.state.isScrolling, B = u === "horizontal" || Y === "horizontal", He = B ? this._onScrollHorizontal : this._onScrollVertical, oe = this._getRangeToRender(), Be = oe[0], Ge = oe[1], le = [];
+      if (S > 0)
+        for (var $ = Be; $ <= Ge; $++)
+          le.push(F(h, {
+            data: O,
+            key: q($, O),
+            index: $,
+            isScrolling: Fe ? ae : void 0,
+            style: this._getItemStyle($)
+          }));
+      var ce = n(this.props, this._instanceProps);
+      return F(Ye || Pe || "div", {
+        className: c,
+        onScroll: He,
+        ref: this._outerRefSetter,
+        style: ne({
+          position: "relative",
+          height: g,
+          width: Ve,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: u
+        }, We)
+      }, F(_ || A || "div", {
+        children: le,
+        ref: T,
+        style: {
+          height: B ? "100%" : ce,
+          pointerEvents: ae ? "none" : void 0,
+          width: B ? ce : "100%"
+        }
+      }));
+    }, v._callPropsCallbacks = function() {
+      if (typeof this.props.onItemsRendered == "function") {
+        var r = this.props.itemCount;
+        if (r > 0) {
+          var h = this._getRangeToRender(), c = h[0], u = h[1], g = h[2], T = h[3];
+          this._callOnItemsRendered(c, u, g, T);
+        }
+      }
+      if (typeof this.props.onScroll == "function") {
+        var _ = this.state, A = _.scrollDirection, S = _.scrollOffset, O = _.scrollUpdateWasRequested;
+        this._callOnScroll(A, S, O);
+      }
+    }, v._getRangeToRender = function() {
+      var r = this.props, h = r.itemCount, c = r.overscanCount, u = this.state, g = u.isScrolling, T = u.scrollDirection, _ = u.scrollOffset;
+      if (h === 0)
+        return [0, 0, 0, 0];
+      var A = p(this.props, _, this._instanceProps), S = m(this.props, A, _, this._instanceProps), O = !g || T === "backward" ? Math.max(1, c) : 1, b = !g || T === "forward" ? Math.max(1, c) : 1;
+      return [Math.max(0, A - O), Math.max(0, Math.min(h - 1, S + b)), A, S];
+    }, l;
+  }(Ce), e.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    layout: "vertical",
+    overscanCount: 2,
+    useIsScrolling: !1
+  }, e;
+}
+var tn = function(e, s) {
+  e.children, e.direction, e.height, e.layout, e.innerTagName, e.outerTagName, e.width, s.instance;
+}, sn = /* @__PURE__ */ en({
+  getItemOffset: function(e, s) {
+    var n = e.itemSize;
+    return s * n;
+  },
+  getItemSize: function(e, s) {
+    var n = e.itemSize;
+    return n;
+  },
+  getEstimatedTotalSize: function(e) {
+    var s = e.itemCount, n = e.itemSize;
+    return n * s;
+  },
+  getOffsetForIndexAndAlignment: function(e, s, n, i, d, p) {
+    var m = e.direction, f = e.height, M = e.itemCount, z = e.itemSize, y = e.layout, l = e.width, v = m === "horizontal" || y === "horizontal", I = v ? l : f, r = Math.max(0, M * z - I), h = Math.min(r, s * z), c = Math.max(0, s * z - I + z + p);
+    switch (n === "smart" && (i >= c - I && i <= h + I ? n = "auto" : n = "center"), n) {
+      case "start":
+        return h;
+      case "end":
+        return c;
+      case "center": {
+        var u = Math.round(c + (h - c) / 2);
+        return u < Math.ceil(I / 2) ? 0 : u > r + Math.floor(I / 2) ? r : u;
+      }
+      case "auto":
+      default:
+        return i >= c && i <= h ? i : i < c ? c : h;
+    }
+  },
+  getStartIndexForOffset: function(e, s) {
+    var n = e.itemCount, i = e.itemSize;
+    return Math.max(0, Math.min(n - 1, Math.floor(s / i)));
+  },
+  getStopIndexForStartIndex: function(e, s, n) {
+    var i = e.direction, d = e.height, p = e.itemCount, m = e.itemSize, f = e.layout, M = e.width, z = i === "horizontal" || f === "horizontal", y = s * m, l = z ? M : d, v = Math.ceil((l + n - y) / m);
+    return Math.max(0, Math.min(
+      p - 1,
+      s + v - 1
+      // -1 is because stop index is inclusive
+    ));
+  },
+  initInstanceProps: function(e) {
+  },
+  shouldResetStyleCacheOnItemSizeChange: !0,
+  validateProps: function(e) {
+    e.itemSize;
+  }
+});
+function nn(t) {
+  var e = t.lastRenderedStartIndex, s = t.lastRenderedStopIndex, n = t.startIndex, i = t.stopIndex;
+  return !(n > s || i < e);
+}
+function rn(t) {
+  for (var e = t.isItemLoaded, s = t.itemCount, n = t.minimumBatchSize, i = t.startIndex, d = t.stopIndex, p = [], m = null, f = null, M = i; M <= d; M++) {
+    var z = e(M);
+    z ? f !== null && (p.push(m, f), m = f = null) : (f = M, m === null && (m = M));
+  }
+  if (f !== null) {
+    for (var y = Math.min(Math.max(f, m + n - 1), s - 1), l = f + 1; l <= y && !e(l); l++)
+      f = l;
+    p.push(m, f);
+  }
+  if (p.length)
+    for (; p[1] - p[0] + 1 < n && p[0] > 0; ) {
+      var v = p[0] - 1;
+      if (!e(v))
+        p[0] = v;
+      else
+        break;
+    }
+  return p;
+}
+var an = function(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}, on = function() {
+  function t(e, s) {
+    for (var n = 0; n < s.length; n++) {
+      var i = s[n];
+      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
+    }
+  }
+  return function(e, s, n) {
+    return s && t(e.prototype, s), n && t(e, n), e;
+  };
+}(), ln = function(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: t,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}, xe = 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;
+}, cn = function(t) {
+  ln(e, t);
+  function e() {
+    var s, n, i, d;
+    an(this, e);
+    for (var p = arguments.length, m = Array(p), f = 0; f < p; f++)
+      m[f] = arguments[f];
+    return d = (n = (i = xe(this, (s = e.__proto__ || Object.getPrototypeOf(e)).call.apply(s, [this].concat(m))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(M) {
+      var z = M.visibleStartIndex, y = M.visibleStopIndex;
+      i._lastRenderedStartIndex = z, i._lastRenderedStopIndex = y, i._ensureRowsLoaded(z, y);
+    }, i._setRef = function(M) {
+      i._listRef = M;
+    }, n), xe(i, d);
+  }
+  return on(e, [{
+    key: "resetloadMoreItemsCache",
+    value: function() {
+      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], n && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.props.children;
+      return n({
+        onItemsRendered: this._onItemsRendered,
+        ref: this._setRef
+      });
+    }
+  }, {
+    key: "_ensureRowsLoaded",
+    value: function(n, i) {
+      var d = this.props, p = d.isItemLoaded, m = d.itemCount, f = d.minimumBatchSize, M = f === void 0 ? 10 : f, z = d.threshold, y = z === void 0 ? 15 : z, l = rn({
+        isItemLoaded: p,
+        itemCount: m,
+        minimumBatchSize: M,
+        startIndex: Math.max(0, n - y),
+        stopIndex: Math.min(m - 1, i + y)
+      });
+      (this._memoizedUnloadedRanges.length !== l.length || this._memoizedUnloadedRanges.some(function(v, I) {
+        return l[I] !== v;
+      })) && (this._memoizedUnloadedRanges = l, this._loadUnloadedRanges(l));
+    }
+  }, {
+    key: "_loadUnloadedRanges",
+    value: function(n) {
+      for (var i = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(M) {
+        var z = n[M], y = n[M + 1], l = d(z, y);
+        l != null && l.then(function() {
+          if (nn({
+            lastRenderedStartIndex: i._lastRenderedStartIndex,
+            lastRenderedStopIndex: i._lastRenderedStopIndex,
+            startIndex: z,
+            stopIndex: y
+          })) {
+            if (i._listRef == null)
+              return;
+            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(z, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
+          }
+        });
+      }, m = 0; m < n.length; m += 2)
+        p(m);
+    }
+  }]), e;
+}(Ce);
+const dn = () => w, un = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "a1w9zony",
+  propsAsIs: !1
+}), pn = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "l16qcfv8",
+  propsAsIs: !1
+}), hn = /* @__PURE__ */ o("img")({
+  name: "p",
+  class: "p1gmcc5f",
+  propsAsIs: !1
+}), mn = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "s1doddh0",
+  propsAsIs: !1
+}), fn = /* @__PURE__ */ o("div")({
+  name: "c",
+  class: "c1js9xhe",
+  propsAsIs: !1
+}), gn = /* @__PURE__ */ o("div")({
+  name: "d",
+  class: "d1tmnqsh",
+  propsAsIs: !1
+}), In = /* @__PURE__ */ o("span")({
+  name: "g",
+  class: "gi9h87j",
+  propsAsIs: !1
+}), vn = /* @__PURE__ */ o(dn())({
+  name: "x",
+  class: "x13mk3z6",
+  propsAsIs: !0
+}), Mn = ({
+  rank: t,
+  avatar: e,
+  name: s,
+  points: n,
+  isCurrentUser: i,
+  openItemDetail: d,
+  style: p
+}) => /* @__PURE__ */ N(un, { onClick: d, style: p, children: [
+  /* @__PURE__ */ a(pn, { children: t || 0 }),
+  /* @__PURE__ */ N(fn, { children: [
+    e ? /* @__PURE__ */ a(hn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ a(mn, { children: be(s || "") }),
+    /* @__PURE__ */ N(gn, { children: [
+      /* @__PURE__ */ a(In, { children: s || "" }),
+      i && /* @__PURE__ */ a(vn, { name: "icon-star" })
+    ] })
+  ] }),
+  /* @__PURE__ */ a("div", { children: ke(n) })
+] }), yn = ({ items: t, openItemDetail: e, fetchMore: s }) => /* @__PURE__ */ a(Vs, { children: ({ width: n, height: i }) => /* @__PURE__ */ a(
+  cn,
+  {
+    isItemLoaded: (d) => d < t.length,
+    itemCount: t.length + 1,
+    loadMoreItems: s,
+    children: ({ onItemsRendered: d, ref: p }) => /* @__PURE__ */ a(
+      sn,
+      {
+        itemSize: 56,
+        onItemsRendered: d,
+        ref: p,
+        itemCount: t.length,
+        width: n,
+        height: i,
+        children: ({ index: m, style: f }) => /* @__PURE__ */ a(
+          Mn,
+          {
+            style: { ...f, maxHeight: 48 },
+            ...t[m],
+            openItemDetail: () => e(t[m].userId)
+          },
+          t[m].userId
+        )
+      }
+    )
+  }
+) }), Nn = ({ leaderboardList: t, openUser: e }) => {
+  const { data: s } = E(t.$store);
+  return /* @__PURE__ */ a(yn, { fetchMore: t.fetchMore, items: s, openItemDetail: e });
+};
+const zn = /* @__PURE__ */ o("button")({
+  name: "a",
+  class: "akly9h2",
+  propsAsIs: !1
+}), _n = /* @__PURE__ */ o("span")({
+  name: "e",
+  class: "eptoiz9",
+  propsAsIs: !1
+}), Tn = ({ disabled: t, variant: e = "primary", onClick: s, children: n, ...i }) => /* @__PURE__ */ a(zn, { onClick: s, disabled: t, "data-variant": e, ...i, children: /* @__PURE__ */ a(_n, { children: n }) });
+const An = () => w, Sn = () => w, Dn = /* @__PURE__ */ o("div")({
+  name: "s",
+  class: "s1lblda3",
+  propsAsIs: !1
+}), xn = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "ascvb2g",
+  propsAsIs: !1
+}), wn = /* @__PURE__ */ o("div")({
+  name: "p",
+  class: "p17rl8zy",
+  propsAsIs: !1
+}), On = /* @__PURE__ */ o("div")({
+  name: "l",
+  class: "l1vvttbn",
+  propsAsIs: !1
+}), ee = /* @__PURE__ */ o(An())({
+  name: "c",
+  class: "c6fk2ph",
+  propsAsIs: !0
+}), bn = /* @__PURE__ */ o(Sn())({
+  name: "d",
+  class: "d1rdm136",
+  propsAsIs: !0
+}), kn = /* @__PURE__ */ o("div")({
+  name: "f",
+  class: "fwqnnel",
+  propsAsIs: !1
+}), En = /* @__PURE__ */ o("div")({
+  name: "u",
+  class: "ucyxnlg",
+  propsAsIs: !1
+}), jn = {
+  [P.LOST]: /* @__PURE__ */ a(ee, { name: "icon-cross" }),
+  [P.WON]: /* @__PURE__ */ a(ee, { name: "icon-check" }),
+  [P.UNSET]: void 0,
+  [P.DNP]: /* @__PURE__ */ a(ee, { name: "icon-arrow" })
+}, Ln = ({
+  questionId: t,
+  questionType: e,
+  questionStatus: s,
+  subject: n,
+  openForVoting: i,
+  openQuestion: d,
+  status: p
+}) => {
+  const m = Oe[e], f = jn[p];
+  return m ? /* @__PURE__ */ N(Dn, { onClick: () => d == null ? void 0 : d(t), children: [
+    /* @__PURE__ */ N(En, { children: [
+      /* @__PURE__ */ N(xn, { children: [
+        /* @__PURE__ */ a(bn, { name: m.iconName }),
+        /* @__PURE__ */ N(kn, { children: [
+          m.label,
+          e === x.TRIVIA && s === re.RESOLVED && " • Expired"
+        ] })
+      ] }),
+      /* @__PURE__ */ a(wn, { children: n || "" })
+    ] }),
+    /* @__PURE__ */ a(On, { children: f || (i ? /* @__PURE__ */ a(Tn, { children: "Play" }) : null) })
+  ] }) : null;
+};
+const Cn = /* @__PURE__ */ o("div")({
+  name: "e",
+  class: "e1jcgove",
+  propsAsIs: !1
+}), Rn = /* @__PURE__ */ o("div")({
+  name: "t",
+  class: "t1bwp7hh",
+  propsAsIs: !1
+}), $n = /* @__PURE__ */ o("div")({
+  name: "i",
+  class: "i1xav4cl",
+  propsAsIs: !1
+}), Un = /* @__PURE__ */ o("h3")({
+  name: "n",
+  class: "n3qb30y",
+  propsAsIs: !1
+}), Qn = /* @__PURE__ */ o("div")({
+  name: "a",
+  class: "ap5d9g7",
+  propsAsIs: !1
+}), qn = /* @__PURE__ */ o("button")({
+  name: "l",
+  class: "lvdbmlu",
+  propsAsIs: !1
+}), Yn = ({
+  title: t,
+  instantView: e,
+  openInsight: s,
+  questionId: n
+}) => {
+  const i = /* @__PURE__ */ new Date(), d = i.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  }), p = i.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
+  return /* @__PURE__ */ N(Cn, { children: [
+    /* @__PURE__ */ N(Rn, { children: [
+      d,
+      "・",
+      p
+    ] }),
+    (e == null ? void 0 : e.video) && /* @__PURE__ */ a(je, { source: e.video.url, poster: e.video.thumbnailUrl }),
+    /* @__PURE__ */ N($n, { children: [
+      /* @__PURE__ */ a(Un, { children: (e == null ? void 0 : e.heading) || t }),
+      /* @__PURE__ */ a(Qn, { children: e == null ? void 0 : e.body }),
+      s && /* @__PURE__ */ a(qn, { onClick: () => s(n), children: "View Insight" })
+    ] })
+  ] });
+};
+const Pn = /* @__PURE__ */ o("div")({
+  name: "t",
+  class: "t19vr3p1",
+  propsAsIs: !1
+}), Wn = ({ questions: t, openQuestion: e }) => /* @__PURE__ */ a(Pn, { 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 d = s.attributes.attributes.value;
+    return /* @__PURE__ */ a(Ln, { openQuestion: e, ...d }, d.questionId);
+  }
+  if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
+    const d = s.attributes.attributes.value;
+    return /* @__PURE__ */ a(Yn, { openInsight: e, ...d }, d.questionId);
+  }
+  return null;
+}) }), Fn = ({ store: t, openQuestion: e }) => {
+  const s = E(t);
+  return s != null && s.data ? /* @__PURE__ */ a(Wn, { openQuestion: e, questions: s.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
+}, Vn = ({ userSummary: t }) => {
+  var e;
+  const s = E(t.getStore());
+  return (e = s.data) != null && e.summary ? /* @__PURE__ */ a($e, { ...s.data.summary, ...s.data.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
+}, Hn = ({ gamification: t }) => {
+  const [e, s] = R(Q.HOME);
+  return /* @__PURE__ */ N("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ N(Le, { children: [
+      /* @__PURE__ */ a(Ws, { activePage: e, toggleActivePage: s }),
+      e === Q.HOME && /* @__PURE__ */ a(Vn, { userSummary: t.userSummary })
+    ] }),
+    e === Q.HOME && /* @__PURE__ */ a(de, { children: /* @__PURE__ */ a(Fn, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
+    e === Q.LEADERBOARD && /* @__PURE__ */ a(de, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(Nn, { openUser: t.openUser, leaderboardList: t.leaderboardList }) })
+  ] });
+};
+const Bn = () => Je, we = /* @__PURE__ */ o(Bn())({
+  name: "m",
+  class: "m1ph66cs",
+  propsAsIs: !0
+}), Gn = /* @__PURE__ */ o("div")({
+  name: "x",
+  class: "xorme7i",
+  propsAsIs: !1
+}), Xn = ({
+  gamification: t,
+  className: e
+}) => {
+  const s = E(t.openedQuestion.$store), n = E(t.openedUser);
+  return /* @__PURE__ */ N(V, {
+    children: [s && /* @__PURE__ */ a(we, {
+      className: e,
+      children: /* @__PURE__ */ a(Us, {
+        gamification: t
+      })
+    }), n && /* @__PURE__ */ a(we, {
+      className: e,
+      children: /* @__PURE__ */ N(Gn, {
+        children: [/* @__PURE__ */ a(Re, {
+          label: "Friend's Rank",
+          close: t.closeUser
+        }), /* @__PURE__ */ a(Le, {
+          children: /* @__PURE__ */ a($e, {
+            ...n
+          })
+        })]
+      })
+    }), /* @__PURE__ */ a(Ee, {
+      className: e,
+      "data-nav": "true",
+      children: /* @__PURE__ */ a(Hn, {
+        gamification: t
+      })
+    })]
+  });
+};
+export {
+  Xn as GamificationOverlay,
+  Xn as default
+};