@streamlayer/react 0.28.1 → 0.28.2

package/lib/index-c51ae13f.js

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