@streamlayer/react 0.40.2 → 0.41.0

package/lib/dist/es/gamification-feature.js

@@ -1,1636 +0,0 @@
-var _e = Object.defineProperty;
-var Qe = (t, e, n) => e in t ? _e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var ne = (t, e, n) => (Qe(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { jsxs as p, jsx as s, Fragment as x } from "react/jsx-runtime";
-import { s as r, c as R, Q as f, o as Ie, I as Ce, a as ge, b as M, d as je, e as B, f as Ae, E as Q, z as Ue, J as ye, u as q, n as $e, g as Be, F as We, h as ze, P as Y, k as be, i as Fe, p as He, C as Ye, j as we, m as Ze, l as Ge, q as Je, r as Ke, V as Xe, t as et } from "./masters.js";
-import W, { useState as P, useLayoutEffect as Te, useRef as _, useCallback as z, useEffect as X, useMemo as O, PureComponent as tt, Component as st, useTransition as nt } from "react";
-const ot = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1vwopgc",
-  propsAsIs: !1
-}), it = /* @__PURE__ */ r("div")({
-  name: "QuestionTypeWrap",
-  class: "qyktpt0",
-  propsAsIs: !1
-}), rt = () => R, at = /* @__PURE__ */ r(rt())({
-  name: "QuestionTypeIcon",
-  class: "q951jdx",
-  propsAsIs: !0
-}), lt = /* @__PURE__ */ r("span")({
-  name: "QuestionTypeTitle",
-  class: "qss5f0e",
-  propsAsIs: !1
-}), ct = /* @__PURE__ */ r("div")({
-  name: "CloseIconWrap",
-  class: "c1ao1jtv",
-  propsAsIs: !1
-}), dt = () => R, pt = /* @__PURE__ */ r(dt())({
-  name: "CloseIcon",
-  class: "cvsl7l3",
-  propsAsIs: !0
-}), Re = ({ type: t, close: e, label: n }) => {
-  const o = t ? Ie[t] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ p(ot, { children: [
-    /* @__PURE__ */ p(it, { children: [
-      (o == null ? void 0 : o.iconName) && /* @__PURE__ */ s(
-        at,
-        {
-          "data-type-trivia": t === f.TRIVIA,
-          "data-type-poll": t === f.POLL,
-          name: o.iconName
-        }
-      ),
-      (o == null ? void 0 : o.label) && /* @__PURE__ */ s(lt, { children: o.label })
-    ] }),
-    /* @__PURE__ */ s(ct, { onClick: e, children: /* @__PURE__ */ s(pt, { name: "icon-cross" }) })
-  ] });
-}, ut = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1zy8a",
-  propsAsIs: !1
-}), ht = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "t1vih9p5",
-  propsAsIs: !1
-}), mt = /* @__PURE__ */ r("div")({
-  name: "Indicator",
-  class: "i1fbnvpb",
-  propsAsIs: !1
-}), le = ({ indicator: t, title: e }) => /* @__PURE__ */ p(ut, { children: [
-  /* @__PURE__ */ s(ht, { children: e }),
-  /* @__PURE__ */ s(mt, { children: t })
-] }), vt = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "ctmhwyc",
-  propsAsIs: !1
-}), ft = /* @__PURE__ */ r("div")({
-  name: "Indicator",
-  class: "i1jri200",
-  propsAsIs: !1
-}), It = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "t8s05oq",
-  propsAsIs: !1
-}), Z = ({ indicator: t, title: e }) => /* @__PURE__ */ p(vt, { children: [
-  /* @__PURE__ */ s(ft, { children: t }),
-  /* @__PURE__ */ s(It, { children: e })
-] }), Ct = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1yrpn9o",
-  propsAsIs: !1
-}), gt = /* @__PURE__ */ r("div")({
-  name: "TopInfo",
-  class: "t17fwahh",
-  propsAsIs: !1
-}), At = /* @__PURE__ */ r("div")({
-  name: "BottomInfo",
-  class: "by6w7e9",
-  propsAsIs: !1
-}), yt = /* @__PURE__ */ r("div")({
-  name: "User",
-  class: "u1g7arbm",
-  propsAsIs: !1
-}), $t = /* @__PURE__ */ r("img")({
-  name: "Avatar",
-  class: "a1ldeata",
-  propsAsIs: !1
-}), bt = /* @__PURE__ */ r("div")({
-  name: "UserInfo",
-  class: "u10d4koz",
-  propsAsIs: !1
-}), wt = /* @__PURE__ */ r("div")({
-  name: "UserName",
-  class: "u1q6roj0",
-  propsAsIs: !1
-}), Tt = /* @__PURE__ */ r("div")({
-  name: "UserRating",
-  class: "ui0m425",
-  propsAsIs: !1
-}), Rt = /* @__PURE__ */ r("img")({
-  name: "TrophyIcon",
-  class: "t1el3mrn",
-  propsAsIs: !1
-}), kt = /* @__PURE__ */ r("div")({
-  name: "Rts",
-  class: "r2vgnxv",
-  propsAsIs: !1
-}), St = /* @__PURE__ */ r("div")({
-  name: "RtsIndicator",
-  class: "roqn06j",
-  propsAsIs: !1
-}), Lt = /* @__PURE__ */ r("div")({
-  name: "RtsLabel",
-  class: "r15adx7c",
-  propsAsIs: !1
-}), Et = /* @__PURE__ */ r("div")({
-  name: "Divider",
-  class: "dv59lta",
-  propsAsIs: !1
-}), xt = /* @__PURE__ */ r("div")({
-  name: "Ranks",
-  class: "r55lotb",
-  propsAsIs: !1
-}), Pt = /* @__PURE__ */ r("div")({
-  name: "Statistics",
-  class: "s1knfgqt",
-  propsAsIs: !1
-}), qt = /* @__PURE__ */ r("div")({
-  name: "AvatarPlaceholder",
-  class: "a1mqo824",
-  propsAsIs: !1
-}), Nt = /* @__PURE__ */ r("button")({
-  name: "UserAccountBtn",
-  class: "uxareh6",
-  propsAsIs: !1
-}), Dt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", ke = ({
-  avatar: t,
-  name: e,
-  points: n,
-  friendsRank: o,
-  rank: i,
-  streak: c,
-  correct: a,
-  incorrect: l,
-  inTop: d,
-  successRate: u
-}) => /* @__PURE__ */ p(Ct, { children: [
-  /* @__PURE__ */ s(gt, { children: /* @__PURE__ */ p(yt, { children: [
-    /* @__PURE__ */ p(Nt, { children: [
-      t && /* @__PURE__ */ s($t, { alt: "avatar", src: t }),
-      !t && /* @__PURE__ */ s(qt, { children: Ce(e || "") })
-    ] }),
-    /* @__PURE__ */ p(bt, { children: [
-      /* @__PURE__ */ s(wt, { children: e }),
-      /* @__PURE__ */ p(Tt, { children: [
-        /* @__PURE__ */ p(kt, { children: [
-          /* @__PURE__ */ s(Rt, { alt: "rank-icon", src: Dt }),
-          /* @__PURE__ */ p(St, { children: [
-            ge(n),
-            /* @__PURE__ */ s(Lt, { children: "PTS" })
-          ] })
-        ] }),
-        /* @__PURE__ */ s(Et, {}),
-        /* @__PURE__ */ p("div", { children: [
-          "TOP ",
-          d || 0,
-          "%"
-        ] })
-      ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ p(At, { children: [
-    /* @__PURE__ */ p(xt, { children: [
-      /* @__PURE__ */ s(le, { indicator: o || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(le, { indicator: i || 0, title: "Global rank" })
-    ] }),
-    /* @__PURE__ */ p(Pt, { children: [
-      /* @__PURE__ */ s(Z, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(Z, { indicator: a || 0, title: "Correct" }),
-      /* @__PURE__ */ s(Z, { indicator: l || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(Z, { indicator: `${u || 0}%`, title: "Succ. rate" })
-    ] })
-  ] })
-] }), Vt = /* @__PURE__ */ r("div")({
-  name: "SponsorLogoWrap",
-  class: "s8p5v5z",
-  propsAsIs: !1
-}), Ot = () => R, Mt = /* @__PURE__ */ r(Ot())({
-  name: "SponsorLogo",
-  class: "s755yti",
-  propsAsIs: !0
-}), _t = () => /* @__PURE__ */ s(Vt, {
-  children: /* @__PURE__ */ s(Mt, {
-    name: "mastersLogo"
-  })
-}), Qt = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c38csyt",
-  propsAsIs: !1
-}), jt = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "ty221rx",
-  propsAsIs: !1
-}), Ut = /* @__PURE__ */ r("div")({
-  name: "Description",
-  class: "dlaj9xp",
-  propsAsIs: !1
-}), Bt = ({ title: t, description: e }) => /* @__PURE__ */ p(Qt, { children: [
-  /* @__PURE__ */ s(R, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(jt, { children: t }),
-  /* @__PURE__ */ s(Ut, { children: e })
-] }), Wt = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c16sbdnm",
-  propsAsIs: !1
-}), zt = () => R, Ft = /* @__PURE__ */ r(zt())({
-  name: "IconPrediction",
-  class: "ibhorgl",
-  propsAsIs: !0
-}), H = /* @__PURE__ */ r("div")({
-  name: "FeedbackIconWrap",
-  class: "f1g20ja7",
-  propsAsIs: !1
-}), G = /* @__PURE__ */ r("div")({
-  name: "FeedbackHeader",
-  class: "f455ozj",
-  propsAsIs: !1
-}), Ht = /* @__PURE__ */ r("span")({
-  name: "FeedbackTitle",
-  class: "f1913njx",
-  propsAsIs: !1
-}), U = /* @__PURE__ */ r("span")({
-  name: "FeedbackDescription",
-  class: "fzfk69z",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ r("div")({
-  name: "FeedbackText",
-  class: "fx87qaj",
-  propsAsIs: !1
-}), Yt = ({
-  feedbackMessages: t,
-  questionVotedCorrectly: e,
-  questionVoted: n,
-  questionType: o,
-  hasCorrectAnswer: i,
-  questionStatus: c,
-  showExpiredNotification: a,
-  showClosedNotificationTrivia: l,
-  votedInCurrentRender: d,
-  votedAfterQuestionClosed: u,
-  enteredAnActiveQuestion: h,
-  marketClosed: v
-}) => {
-  const m = n && (o === f.TRIVIA || o === f.PREDICTION) && d && c !== M.RESOLVED, I = o === f.PREDICTION && !i, $ = v && o === f.PREDICTION && !n && !h || o === f.PREDICTION && u && d && h, y = m && I, g = m && i, C = o === f.PREDICTION && n && d && i, w = n && o === f.POLL && d;
-  if (!a && !l && !y && !g && !$ && !w && !C)
-    return null;
-  const b = e ? "correct" : "incorrect", T = e ? t == null ? void 0 : t.correctFeedback : t == null ? void 0 : t.incorrectFeedback;
-  return /* @__PURE__ */ p(Wt, { "data-isPrediction": I, children: [
-    a && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(R, { name: "questionExpired" }) }),
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(oe, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
-      ] })
-    ] }),
-    l && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(R, { name: "questionExpired" }) }),
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(oe, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
-      ] })
-    ] }),
-    $ && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(R, { name: "questionExpired" }) }),
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(oe, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
-      ] })
-    ] }),
-    y && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(Ft, { name: "icon-prediction" }),
-      /* @__PURE__ */ s(U, { children: "Stay tuned to see if your prediction was correct." })
-    ] }),
-    w && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(H, { "data-feedback-type": "correct", children: /* @__PURE__ */ s(R, { name: "correct" }) }),
-      /* @__PURE__ */ s(U, { children: "Thanks for answering. Please stay tuned for the next question." })
-    ] }),
-    (g || C) && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(H, { "data-feedback-type": b, children: /* @__PURE__ */ s(R, { name: b }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(G, { children: [
-        /* @__PURE__ */ s(Ht, { "data-feedback-type": b, children: T == null ? void 0 : T.title }),
-        /* @__PURE__ */ s(U, { children: T == null ? void 0 : T.description })
-      ] }) })
-    ] })
-  ] });
-}, Zt = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c14ielyq",
-  propsAsIs: !1
-}), Gt = () => je, Jt = /* @__PURE__ */ r(Gt())({
-  name: "QuestionScrollContainer",
-  class: "q1tlqx57",
-  propsAsIs: !0
-}), Kt = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "c1hq58md",
-  propsAsIs: !1
-}), Xt = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "t1c8nxcx",
-  propsAsIs: !1
-}), es = /* @__PURE__ */ r("div")({
-  name: "Options",
-  class: "oiozuc3",
-  propsAsIs: !1
-}), ts = /* @__PURE__ */ r("button")({
-  name: "ButtonContainer",
-  class: "b1b6dl8t",
-  propsAsIs: !1
-}), ss = /* @__PURE__ */ r("div")({
-  name: "ButtonPct",
-  class: "b4iik8i",
-  propsAsIs: !1
-}), ns = /* @__PURE__ */ r("span")({
-  name: "ButtonBody",
-  class: "b1gq1lnf",
-  propsAsIs: !1
-}), os = /* @__PURE__ */ r("div")({
-  name: "IconContainer",
-  class: "i1j65z51",
-  propsAsIs: !1
-}), is = /* @__PURE__ */ r("div")({
-  name: "IconWrap",
-  class: "i19tpfua",
-  propsAsIs: !1
-}), Se = /* @__PURE__ */ r("img")({
-  name: "Icon",
-  class: "i1tubmma",
-  propsAsIs: !1
-}), rs = () => Se, as = /* @__PURE__ */ r(rs())({
-  name: "IconDefault",
-  class: "i1grrgwj",
-  propsAsIs: !0
-}), ls = () => Se, cs = /* @__PURE__ */ r(ls())({
-  name: "IconCircle",
-  class: "ibemyq8",
-  propsAsIs: !0
-}), ds = /* @__PURE__ */ r("span")({
-  name: "Title",
-  class: "t1dceht",
-  propsAsIs: !1
-}), ps = /* @__PURE__ */ r("span")({
-  name: "Indicators",
-  class: "i116q4vq",
-  propsAsIs: !1
-}), us = /* @__PURE__ */ r("span")({
-  name: "Pts",
-  class: "p17ajcu2",
-  propsAsIs: !1
-}), hs = /* @__PURE__ */ r("span")({
-  name: "Percentage",
-  class: "pu9kmlb",
-  propsAsIs: !1
-}), ms = () => R, vs = /* @__PURE__ */ r(ms())({
-  name: "CheckIcon",
-  class: "c1j2j0s0",
-  propsAsIs: !0
-}), ce = {
-  [B.CENTERED]: (t) => /* @__PURE__ */ s(as, { alt: "option-icon", src: t }),
-  [B.TRANSPARENT]: (t) => /* @__PURE__ */ s(os, { children: /* @__PURE__ */ s(is, { style: { backgroundImage: `url(${t})` } }) }),
-  [B.ROUNDED]: (t) => /* @__PURE__ */ s(cs, { alt: "option-icon", src: t }),
-  [B.NONE]: () => null,
-  [B.UNSET]: () => null
-}, fs = ({ questionType: t, hasCorrectAnswer: e, correct: n, youVoted: o, questionVoted: i }) => {
-  if (t === f.POLL && o)
-    return "correct";
-  if (t === f.PREDICTION) {
-    if (e && i)
-      return o ? n ? "correct" : "incorrect" : "unset";
-    if (o)
-      return "correct";
-  }
-  return t === f.TRIVIA && i && o ? n ? "correct" : "incorrect" : "unset";
-}, Is = ({
-  questionType: t,
-  questionVoted: e,
-  correct: n,
-  hasCorrectAnswer: o,
-  questionStatus: i
-}) => t === f.TRIVIA ? e && n : t === f.PREDICTION ? e && n && o || i === M.RESOLVED && n : !1, Cs = (t) => {
-  var e;
-  const {
-    // option props
-    id: n,
-    icon: o,
-    text: i,
-    percentageDecimal: c,
-    points: a,
-    // extra props
-    onVote: l,
-    markThatVoted: d,
-    youSelected: u,
-    questionVoted: h,
-    imageMode: v,
-    answerTimeExpired: m,
-    questionStatus: I,
-    isLoading: $,
-    questionType: y,
-    correct: g,
-    hasCorrectAnswer: C,
-    votedAfterQuestionClosed: w,
-    enteredAnActiveQuestion: b,
-    marketClosed: T
-  } = t, [N, V] = P(c), D = fs(t), ee = Is({ questionType: y, questionVoted: h, correct: g, hasCorrectAnswer: C, questionStatus: I }), A = T && y === f.PREDICTION, k = h || A, S = y === f.PREDICTION && !h && !T, te = h && !u && D !== "incorrect";
-  return Te(() => {
-    c > 0 && (V(0), requestAnimationFrame(() => {
-      V(c);
-    }));
-  }, [c]), /* @__PURE__ */ p(
-    ts,
-    {
-      value: n,
-      "data-selected": u,
-      "data-answer-state": D,
-      disabled: h || $ || m || A && !b || A && b && w,
-      "data-is-not-checked": te,
-      onClick: (se) => {
-        d(
-          y === f.PREDICTION ? T : I === M.RESOLVED
-        ), l(se);
-      },
-      children: [
-        /* @__PURE__ */ s(ss, { "data-answer-state": D, style: { width: `${k ? N : 0}%` } }),
-        /* @__PURE__ */ p(ns, { children: [
-          o && v && ((e = ce[v]) == null ? void 0 : e.call(ce, o)),
-          /* @__PURE__ */ s(ds, { children: i }),
-          S && /* @__PURE__ */ p("div", { children: [
-            a,
-            /* @__PURE__ */ s(us, { children: "pts" })
-          ] }),
-          k && /* @__PURE__ */ p(ps, { children: [
-            ee && /* @__PURE__ */ s(vs, { name: "selected" }),
-            /* @__PURE__ */ s(hs, { children: /* @__PURE__ */ s(Ae, { value: c, suffix: "%" }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-var de = typeof window > "u" ? X : Te, gs = ({ isPlaying: t, duration: e, startAt: n = 0, updateInterval: o = 0, onComplete: i, onUpdate: c }) => {
-  let [a, l] = P(n), d = _(0), u = _(n), h = _(n * -1e3), v = _(null), m = _(null), I = _(null), $ = (C) => {
-    let w = C / 1e3;
-    if (m.current === null) {
-      m.current = w, v.current = requestAnimationFrame($);
-      return;
-    }
-    let b = w - m.current, T = d.current + b;
-    m.current = w, d.current = T;
-    let N = u.current + (o === 0 ? T : (T / o | 0) * o), V = u.current + T, D = typeof e == "number" && V >= e;
-    l(D ? e : N), D || (v.current = requestAnimationFrame($));
-  }, y = () => {
-    v.current && cancelAnimationFrame(v.current), I.current && clearTimeout(I.current), m.current = null;
-  }, g = z((C) => {
-    y(), d.current = 0;
-    let w = typeof C == "number" ? C : n;
-    u.current = w, l(w), t && (v.current = requestAnimationFrame($));
-  }, [t, n]);
-  return de(() => {
-    if (c == null || c(a), e && a >= e) {
-      h.current += e * 1e3;
-      let { shouldRepeat: C = !1, delay: w = 0, newStartAt: b } = (i == null ? void 0 : i(h.current / 1e3)) || {};
-      C && (I.current = setTimeout(() => g(b), w * 1e3));
-    }
-  }, [a, e]), de(() => (t && (v.current = requestAnimationFrame($)), y), [t, e, o]), { elapsedTime: a, reset: g };
-}, As = (t, e, n) => {
-  let o = t / 2, i = e / 2, c = o - i, a = 2 * c, l = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
-  return { path: `m ${o},${i} a ${c},${c} 0 ${l} 0,${a} a ${c},${c} 0 ${l} 0,-${a}`, pathLength: d };
-}, pe = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, ys = (t) => ({ position: "relative", width: t, height: t }), $s = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (t, e, n, o, i) => {
-  if (o === 0)
-    return e;
-  let c = (i ? o - t : t) / o;
-  return e + n * c;
-}, ue = (t) => {
-  var e, n;
-  return (n = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (o, i, c, a) => `#${i}${i}${c}${c}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((o) => parseInt(o, 16))) != null ? n : [];
-}, bs = (t, e) => {
-  var n;
-  let { colors: o, colorsTime: i, isSmoothColorTransition: c = !0 } = t;
-  if (typeof o == "string")
-    return o;
-  let a = (n = i == null ? void 0 : i.findIndex((m, I) => m >= e && e >= i[I + 1])) != null ? n : -1;
-  if (!i || a === -1)
-    return o[0];
-  if (!c)
-    return o[a];
-  let l = i[a] - e, d = i[a] - i[a + 1], u = ue(o[a]), h = ue(o[a + 1]), v = !!t.isGrowing;
-  return `rgb(${u.map((m, I) => Le(l, m, h[I] - m, d, v) | 0).join(",")})`;
-}, ws = (t) => {
-  let { duration: e, initialRemainingTime: n, updateInterval: o, size: i = 180, strokeWidth: c = 12, trailStrokeWidth: a, isPlaying: l = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: h, onUpdate: v } = t, m = _(), I = Math.max(c, a ?? 0), { path: $, pathLength: y } = As(i, I, u), { elapsedTime: g } = gs({ isPlaying: l, duration: e, startAt: pe(e, n), updateInterval: o, onUpdate: typeof v == "function" ? (w) => {
-    let b = Math.ceil(e - w);
-    b !== m.current && (m.current = b, v(b));
-  } : void 0, onComplete: typeof h == "function" ? (w) => {
-    var b;
-    let { shouldRepeat: T, delay: N, newInitialRemainingTime: V } = (b = h(w)) != null ? b : {};
-    if (T)
-      return { shouldRepeat: T, delay: N, newStartAt: pe(e, V) };
-  } : void 0 }), C = e - g;
-  return { elapsedTime: g, path: $, pathLength: y, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: bs(t, C), strokeDashoffset: Le(g, 0, y, e, d), strokeWidth: c };
-}, Ee = (t) => {
-  let { children: e, strokeLinecap: n, trailColor: o, trailStrokeWidth: i } = t, { path: c, pathLength: a, stroke: l, strokeDashoffset: d, remainingTime: u, elapsedTime: h, size: v, strokeWidth: m } = ws(t);
-  return W.createElement("div", { style: ys(v) }, W.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: c, fill: "none", stroke: o ?? "#d9d9d9", strokeWidth: i ?? m }), W.createElement("path", { d: c, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof e == "function" && W.createElement("div", { style: $s }, e({ remainingTime: u, elapsedTime: h, color: l })));
-};
-Ee.displayName = "CountdownCircleTimer";
-const Ts = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRAY3], Rs = [10, 10, 1, 0], ks = /* @__PURE__ */ r("div")({
-  name: "RemainingTime",
-  class: "r165427",
-  propsAsIs: !1
-}), Ss = Q.SECONDARY_GREEN6, he = Q.SECONDARY_RED3, Ls = Q.NEUTRALS_GRAY3, Es = ({
-  isPlaying: t = !0,
-  duration: e = 30,
-  onTimerExpired: n
-}) => {
-  const [o, i] = P(e > 10 ? Ss : he), c = ({
-    remainingTime: d
-  }) => /* @__PURE__ */ s(ks, {
-    children: d
-  }), a = z(() => {
-    n == null || n(), i(Ls);
-  }, [n, i]), l = z((d) => {
-    d === 10 && i(he);
-  }, [i]);
-  return /* @__PURE__ */ s(Ee, {
-    isPlaying: t,
-    duration: e,
-    colors: Ts,
-    colorsTime: Rs,
-    size: 32,
-    strokeWidth: 2,
-    trailStrokeWidth: 2,
-    trailColor: o,
-    onComplete: a,
-    onUpdate: l,
-    children: c
-  });
-}, xs = /* @__PURE__ */ r("div")({
-  name: "WinBarContainer",
-  class: "wie6cqo",
-  propsAsIs: !1
-}), Ps = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "cgizw4u",
-  propsAsIs: !1
-}), qs = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "t1l3ucjp",
-  propsAsIs: !1
-}), Ns = () => R, Ds = /* @__PURE__ */ r(Ns())({
-  name: "WinIcon",
-  class: "wx7j799",
-  propsAsIs: !0
-}), Vs = /* @__PURE__ */ r("div")({
-  name: "Points",
-  class: "p4lwuj0",
-  propsAsIs: !1
-}), Os = /* @__PURE__ */ r("span")({
-  name: "PointsCount",
-  class: "po9i64o",
-  propsAsIs: !1
-}), Ms = /* @__PURE__ */ r("span")({
-  name: "PointsUnits",
-  class: "pe5g05h",
-  propsAsIs: !1
-}), _s = ({
-  title: t,
-  points: e,
-  isPlayingTimer: n,
-  isTimer: o,
-  animatePoints: i,
-  questionType: c,
-  timerDuration: a,
-  onTimerExpired: l
-}) => /* @__PURE__ */ p(xs, { style: { justifyContent: c === f.PREDICTION ? "center" : "space-between" }, children: [
-  /* @__PURE__ */ p(Ps, { children: [
-    t && /* @__PURE__ */ s(qs, { children: t }),
-    e !== void 0 && c !== f.POLL && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(Ds, { name: "icon-trophy" }),
-      /* @__PURE__ */ p(Vs, { children: [
-        /* @__PURE__ */ s(Os, { children: i ? /* @__PURE__ */ s(Ae, { value: e, delay: 0.3 }) : e }),
-        /* @__PURE__ */ s(Ms, { children: "PTS" })
-      ] })
-    ] })
-  ] }),
-  o && c !== f.PREDICTION && /* @__PURE__ */ s(Es, { isPlaying: n, onTimerExpired: l, duration: a })
-] }), Qs = ({ openedQuestion: t, isLoading: e, vote: n, close: o }) => {
-  var i, c;
-  const a = t.subject, l = t.type, d = t.status, u = (i = t.options) == null ? void 0 : i.options, h = t.marketClosed, [v, m] = P(!1), [I, $] = P(!1), [y, g] = P(!0), [C, w] = P(!1), [b, T] = P(""), N = t == null ? void 0 : t.id;
-  X(() => {
-    l === f.PREDICTION ? h && g(!1) : d === M.RESOLVED && g(!1);
-  }, []);
-  const V = z((L) => {
-    $(L), m(!0);
-  }, []), D = z(
-    async (L) => {
-      if (N) {
-        const F = L.currentTarget.value;
-        T(F), await n(N, F);
-      }
-    },
-    [N, T, n]
-  ), ee = z(() => {
-    w(!0), setTimeout(o, 3e3);
-  }, [o]), A = O(
-    () => t == null ? void 0 : t.answers.find((L) => L.youVoted === !0),
-    [t]
-  ), k = O(
-    () => !!(t != null && t.answers.find((L) => L.correct === !0)),
-    [t]
-  ), S = O(
-    () => t == null ? void 0 : t.answers.find((L) => L.correct === !0),
-    [t]
-  ), te = O(() => t ? t.answers.map((L) => {
-    var F;
-    return {
-      ...L,
-      questionVoted: !!A,
-      youSelected: b === L.id,
-      isLoading: e,
-      hasCorrectAnswer: k,
-      questionType: t.type,
-      answerTimeExpired: C,
-      questionStatus: d,
-      imageMode: (F = t.appearance) == null ? void 0 : F.images,
-      onVote: D
-    };
-  }) : [], [
-    k,
-    C,
-    e,
-    t,
-    A,
-    d,
-    D,
-    b
-  ]), se = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, j = d === M.RESOLVED && l === f.TRIVIA && !A && !y, re = l === f.TRIVIA && I && v && y, ae = O(() => l === f.PREDICTION ? !!(A && !k || A && k && S != null && S.youVoted) : !0, [l, A, k, S]), De = O(() => {
-    if (l === f.PREDICTION && A && (!k || k && S != null && S.youVoted))
-      return A.points;
-    if (!(j || C))
-      return d === M.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : S == null ? void 0 : S.points;
-  }, [
-    C,
-    A,
-    S,
-    d,
-    j,
-    l,
-    k
-  ]), Ve = O(() => l === f.PREDICTION && A ? k ? k && S != null && S.youVoted ? "You won" : "" : "To win" : j || C ? "Time expired" : l === f.POLL ? "Time remaining" : A ? "You won" : "To win", [C, l, A, j, k, S]), Oe = (l === f.TRIVIA || l === f.PREDICTION) && A && k && (S == null ? void 0 : S.youVoted), Me = A || j || re || l === f.TRIVIA && d === M.RESOLVED && y;
-  return /* @__PURE__ */ s(Jt, { children: /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ p(Kt, { children: [
-    /* @__PURE__ */ s(
-      Yt,
-      {
-        feedbackMessages: se,
-        questionVoted: !!A,
-        questionVotedCorrectly: A == null ? void 0 : A.correct,
-        questionType: l,
-        hasCorrectAnswer: k,
-        questionStatus: d,
-        showExpiredNotification: j,
-        showClosedNotificationTrivia: re,
-        votedInCurrentRender: v,
-        votedAfterQuestionClosed: I,
-        enteredAnActiveQuestion: y,
-        marketClosed: h
-      }
-    ),
-    ae && /* @__PURE__ */ s(
-      _s,
-      {
-        title: Ve,
-        points: De,
-        onTimerExpired: ee,
-        questionType: t.type,
-        isTimer: !e,
-        isPlayingTimer: !A,
-        animatePoints: Oe,
-        timerDuration: Me ? 0 : Number(((c = t == null ? void 0 : t.appearance) == null ? void 0 : c.autoHideInterval) || "30")
-      }
-    ),
-    C ? /* @__PURE__ */ s(
-      Bt,
-      {
-        title: "More to come...",
-        description: "Watch for additional enhanced stream interactive experience."
-      }
-    ) : /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(Xt, { style: ae ? {} : { marginTop: 0 }, children: a }),
-      /* @__PURE__ */ s(es, { children: te.map((L) => /* @__PURE__ */ s(
-        Cs,
-        {
-          ...L,
-          markThatVoted: V,
-          votedAfterQuestionClosed: I,
-          enteredAnActiveQuestion: y,
-          marketClosed: h
-        },
-        L.id
-      )) })
-    ] })
-  ] }) }) });
-}, js = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "cgn5uen",
-  propsAsIs: !1
-}), Us = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "c1px8nt6",
-  propsAsIs: !1
-}), Bs = /* @__PURE__ */ r("h3")({
-  name: "Title",
-  class: "t5et2jt",
-  propsAsIs: !1
-}), Ws = /* @__PURE__ */ r("div")({
-  name: "Description",
-  class: "d1i2kpk2",
-  propsAsIs: !1
-}), zs = /* @__PURE__ */ r("img")({
-  name: "Image",
-  class: "id3lh3p",
-  propsAsIs: !1
-}), Fs = /* @__PURE__ */ r("div")({
-  name: "ImageContainer",
-  class: "i1gfjeu5",
-  propsAsIs: !1
-}), xe = ({
-  imageMode: t,
-  instantView: e,
-  isDetail: n,
-  notification: o,
-  controlVideo: i
-}) => {
-  const c = e == null ? void 0 : e.heading, a = e == null ? void 0 : e.body, l = c || a, d = o == null ? void 0 : o.title, u = o == null ? void 0 : o.body;
-  return /* @__PURE__ */ p(js, { children: [
-    (e == null ? void 0 : e.video) && /* @__PURE__ */ s(
-      Ue,
-      {
-        source: e.video.url,
-        poster: e.video.thumbnailUrl,
-        controlVideo: i
-      }
-    ),
-    (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(Fs, { "data-rounded": t === B.ROUNDED, children: /* @__PURE__ */ s(zs, { src: e == null ? void 0 : e.image }) }),
-    /* @__PURE__ */ p(Us, { children: [
-      /* @__PURE__ */ s(Bs, { children: n && l ? c : d }),
-      /* @__PURE__ */ s(Ws, { children: n && l ? a : u })
-    ] })
-  ] });
-}, Hs = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1euiow",
-  propsAsIs: !1
-}), Ys = /* @__PURE__ */ r("a")({
-  name: "WebLinkBtn",
-  class: "w19zie3h",
-  propsAsIs: !1
-}), Zs = ({ instantView: t, ...e }) => /* @__PURE__ */ p(Hs, { children: [
-  /* @__PURE__ */ s(xe, { instantView: t, ...e, isDetail: !0 }),
-  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ p(Ys, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
-    t == null ? void 0 : t.webLink.label,
-    /* @__PURE__ */ s(R, { name: "icon-external-link" })
-  ] })
-] }), Gs = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1dcxmvf",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ r("blockquote")({
-  name: "Quote",
-  class: "qb4q22c",
-  propsAsIs: !1
-}), Ks = (t) => /* @__PURE__ */ p(Gs, { children: [
-  t.title && /* @__PURE__ */ s(Js, { children: t.title }),
-  /* @__PURE__ */ s(ye, { ...t, isDetail: !0 })
-] }), Xs = /* @__PURE__ */ r("div")({
-  name: "QuestionContainer",
-  class: "qdri6g3",
-  propsAsIs: !1
-}), en = ({
-  openedQuestion: t
-}) => {
-  var e, n;
-  const {
-    sdk: o
-  } = $e();
-  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ s(Zs, {
-    ...t.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((n = t == null ? void 0 : t.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Ks, {
-    ...t.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : null;
-}, tn = ({
-  extendedQuestion: t,
-  vote: e,
-  close: n
-}) => {
-  const {
-    loading: o,
-    data: i
-  } = t;
-  return i ? /* @__PURE__ */ s(Qs, {
-    vote: e,
-    close: n,
-    openedQuestion: i,
-    isLoading: !!o
-  }) : null;
-}, sn = ({
-  gamification: t
-}) => {
-  var e;
-  const n = q(t.openedQuestion.$store), o = q(t.openedQuestion.$extendedStore);
-  if (!n)
-    return null;
-  const i = n.type;
-  return /* @__PURE__ */ p(Xs, {
-    children: [/* @__PURE__ */ s(Re, {
-      close: t.closeQuestion,
-      type: ((e = n.attributes) == null ? void 0 : e.type) || f.UNSET
-    }), i === "question" && /* @__PURE__ */ s(tn, {
-      vote: t.submitAnswer,
-      close: t.closeQuestion,
-      extendedQuestion: o
-    }), i !== "question" && /* @__PURE__ */ s(en, {
-      openedQuestion: n
-    }), /* @__PURE__ */ s(_t, {
-      sponsorLogo: ""
-    })]
-  });
-}, nn = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c115qtkr",
-  propsAsIs: !1
-}), on = /* @__PURE__ */ r("div")({
-  name: "STabs",
-  class: "sxnslc8",
-  propsAsIs: !1
-}), rn = /* @__PURE__ */ r("button")({
-  name: "Button",
-  class: "b1umzux0",
-  propsAsIs: !1
-}), an = /* @__PURE__ */ r("span")({
-  name: "Title",
-  class: "tspsaas",
-  propsAsIs: !1
-});
-var K = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(K || {});
-const me = ({ title: t, active: e, onClick: n }) => /* @__PURE__ */ s(rn, { onClick: n, "data-selected": e, children: /* @__PURE__ */ s(an, { children: t }) }), ln = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ s(nn, { children: /* @__PURE__ */ p(on, { "data-position": t === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(me, { title: "Home", active: t === "home", onClick: () => e(
-    "home"
-    /* HOME */
-  ) }),
-  /* @__PURE__ */ s(
-    me,
-    {
-      title: "Friends",
-      active: t === "leaderboard",
-      onClick: () => e(
-        "leaderboard"
-        /* LEADERBOARD */
-      )
-    }
-  )
-] }) }), cn = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c1ux29ft",
-  propsAsIs: !1
-}), dn = /* @__PURE__ */ r("img")({
-  name: "FriendsIcon",
-  class: "f10ncfg2",
-  propsAsIs: !1
-}), pn = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "c1yc07bd",
-  propsAsIs: !1
-}), un = /* @__PURE__ */ r("div")({
-  name: "Title",
-  class: "tj6cq7w",
-  propsAsIs: !1
-}), hn = /* @__PURE__ */ r("div")({
-  name: "Description",
-  class: "d1ag78xo",
-  propsAsIs: !1
-}), mn = () => R, vn = /* @__PURE__ */ r(mn())({
-  name: "ArrowInviteIcon",
-  class: "awohrz6",
-  propsAsIs: !0
-}), fn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", In = ({ title: t, description: e, onClick: n, className: o }) => /* @__PURE__ */ p(cn, { onClick: n, className: o, children: [
-  /* @__PURE__ */ s(dn, { alt: "friends-icon", src: fn }),
-  /* @__PURE__ */ p(pn, { children: [
-    /* @__PURE__ */ s(un, { children: t }),
-    /* @__PURE__ */ s(hn, { children: e })
-  ] }),
-  /* @__PURE__ */ s(vn, { name: "icon-copy" })
-] });
-function Cn(t) {
-  var e = t.lastRenderedStartIndex, n = t.lastRenderedStopIndex, o = t.startIndex, i = t.stopIndex;
-  return !(o > n || i < e);
-}
-function gn(t) {
-  for (var e = t.isItemLoaded, n = t.itemCount, o = t.minimumBatchSize, i = t.startIndex, c = t.stopIndex, a = [], l = null, d = null, u = i; u <= c; u++) {
-    var h = e(u);
-    h ? d !== null && (a.push(l, d), l = d = null) : (d = u, l === null && (l = u));
-  }
-  if (d !== null) {
-    for (var v = Math.min(Math.max(d, l + o - 1), n - 1), m = d + 1; m <= v && !e(m); m++)
-      d = m;
-    a.push(l, d);
-  }
-  if (a.length)
-    for (; a[1] - a[0] + 1 < o && a[0] > 0; ) {
-      var I = a[0] - 1;
-      if (!e(I))
-        a[0] = I;
-      else
-        break;
-    }
-  return a;
-}
-var An = function(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}, yn = /* @__PURE__ */ function() {
-  function t(e, n) {
-    for (var o = 0; o < n.length; o++) {
-      var i = n[o];
-      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
-    }
-  }
-  return function(e, n, o) {
-    return n && t(e.prototype, n), o && t(e, o), e;
-  };
-}(), $n = 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);
-}, ve = 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;
-};
-(function(t) {
-  $n(e, t);
-  function e() {
-    var n, o, i, c;
-    An(this, e);
-    for (var a = arguments.length, l = Array(a), d = 0; d < a; d++)
-      l[d] = arguments[d];
-    return c = (o = (i = ve(this, (n = e.__proto__ || Object.getPrototypeOf(e)).call.apply(n, [this].concat(l))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
-      var h = u.visibleStartIndex, v = u.visibleStopIndex;
-      i._lastRenderedStartIndex = h, i._lastRenderedStopIndex = v, i._ensureRowsLoaded(h, v);
-    }, i._setRef = function(u) {
-      i._listRef = u;
-    }, o), ve(i, c);
-  }
-  return yn(e, [{
-    key: "resetloadMoreItemsCache",
-    value: function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-      this._memoizedUnloadedRanges = [], o && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function() {
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var o = this.props.children;
-      return o({
-        onItemsRendered: this._onItemsRendered,
-        ref: this._setRef
-      });
-    }
-  }, {
-    key: "_ensureRowsLoaded",
-    value: function(o, i) {
-      var c = this.props, a = c.isItemLoaded, l = c.itemCount, d = c.minimumBatchSize, u = d === void 0 ? 10 : d, h = c.threshold, v = h === void 0 ? 15 : h, m = gn({
-        isItemLoaded: a,
-        itemCount: l,
-        minimumBatchSize: u,
-        startIndex: Math.max(0, o - v),
-        stopIndex: Math.min(l - 1, i + v)
-      });
-      (this._memoizedUnloadedRanges.length !== m.length || this._memoizedUnloadedRanges.some(function(I, $) {
-        return m[$] !== I;
-      })) && (this._memoizedUnloadedRanges = m, this._loadUnloadedRanges(m));
-    }
-  }, {
-    key: "_loadUnloadedRanges",
-    value: function(o) {
-      for (var i = this, c = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
-        var h = o[u], v = o[u + 1], m = c(h, v);
-        m != null && m.then(function() {
-          if (Cn({
-            lastRenderedStartIndex: i._lastRenderedStartIndex,
-            lastRenderedStopIndex: i._lastRenderedStopIndex,
-            startIndex: h,
-            stopIndex: v
-          })) {
-            if (i._listRef == null)
-              return;
-            typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(h, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
-          }
-        });
-      }, l = 0; l < o.length; l += 2)
-        a(l);
-    }
-  }]), e;
-})(tt);
-const bn = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "culdu4a",
-  propsAsIs: !1
-}), wn = /* @__PURE__ */ r("div")({
-  name: "Position",
-  class: "pwf8e69",
-  propsAsIs: !1
-}), Tn = /* @__PURE__ */ r("img")({
-  name: "Avatar",
-  class: "atf4yh4",
-  propsAsIs: !1
-}), Rn = /* @__PURE__ */ r("div")({
-  name: "AvatarPlaceholder",
-  class: "a1dg29ja",
-  propsAsIs: !1
-}), kn = /* @__PURE__ */ r("div")({
-  name: "Content",
-  class: "c10a68rc",
-  propsAsIs: !1
-}), Sn = /* @__PURE__ */ r("div")({
-  name: "NameContainer",
-  class: "nc4kck5",
-  propsAsIs: !1
-}), Ln = /* @__PURE__ */ r("span")({
-  name: "Name",
-  class: "njsrqgr",
-  propsAsIs: !1
-}), En = () => R, xn = /* @__PURE__ */ r(En())({
-  name: "CurrentUserBadge",
-  class: "c17uc4zr",
-  propsAsIs: !0
-});
-var Pe = { exports: {} }, Pn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", qn = Pn, Nn = qn;
-function qe() {
-}
-function Ne() {
-}
-Ne.resetWarningCache = qe;
-var Dn = function() {
-  function t(o, i, c, a, l, d) {
-    if (d !== Nn) {
-      var u = new Error(
-        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-      );
-      throw u.name = "Invariant Violation", u;
-    }
-  }
-  t.isRequired = t;
-  function e() {
-    return t;
-  }
-  var n = {
-    array: t,
-    bigint: t,
-    bool: t,
-    func: t,
-    number: t,
-    object: t,
-    string: t,
-    symbol: t,
-    any: t,
-    arrayOf: e,
-    element: t,
-    elementType: t,
-    instanceOf: e,
-    node: t,
-    objectOf: e,
-    oneOf: e,
-    oneOfType: e,
-    shape: e,
-    exact: e,
-    checkPropTypes: Ne,
-    resetWarningCache: qe
-  };
-  return n.PropTypes = n, n;
-};
-Pe.exports = Dn();
-var Vn = Pe.exports;
-const E = /* @__PURE__ */ Be(Vn);
-class ie extends st {
-  constructor(e) {
-    super(e), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
-  }
-  componentDidMount() {
-    this.pageLoaded = this.props.pageStart, this.options = this.eventListenerOptions(), this.attachScrollListener();
-  }
-  componentDidUpdate() {
-    if (this.props.isReverse && this.loadMore) {
-      const e = this.getParentElement(this.scrollComponent);
-      e.scrollTop = e.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop, this.loadMore = !1;
-    }
-    this.attachScrollListener();
-  }
-  componentWillUnmount() {
-    this.detachScrollListener(), this.detachMousewheelListener();
-  }
-  isPassiveSupported() {
-    let e = !1;
-    const n = {
-      get passive() {
-        e = !0;
-      }
-    };
-    try {
-      document.addEventListener("test", null, n), document.removeEventListener("test", null, n);
-    } catch {
-    }
-    return e;
-  }
-  eventListenerOptions() {
-    let e = this.props.useCapture;
-    return this.isPassiveSupported() ? e = {
-      useCapture: this.props.useCapture,
-      passive: !0
-    } : e = {
-      passive: !1
-    }, e;
-  }
-  // Set a defaut loader for all your `InfiniteScroll` components
-  setDefaultLoader(e) {
-    this.defaultLoader = e;
-  }
-  detachMousewheelListener() {
-    let e = window;
-    this.props.useWindow === !1 && (e = this.scrollComponent.parentNode), e.removeEventListener(
-      "mousewheel",
-      this.mousewheelListener,
-      this.options ? this.options : this.props.useCapture
-    );
-  }
-  detachScrollListener() {
-    let e = window;
-    this.props.useWindow === !1 && (e = this.getParentElement(this.scrollComponent)), e.removeEventListener(
-      "scroll",
-      this.scrollListener,
-      this.options ? this.options : this.props.useCapture
-    ), e.removeEventListener(
-      "resize",
-      this.scrollListener,
-      this.options ? this.options : this.props.useCapture
-    );
-  }
-  getParentElement(e) {
-    const n = this.props.getScrollParent && this.props.getScrollParent();
-    return n ?? (e && e.parentNode);
-  }
-  filterProps(e) {
-    return e;
-  }
-  attachScrollListener() {
-    const e = this.getParentElement(this.scrollComponent);
-    if (!this.props.hasMore || !e)
-      return;
-    let n = window;
-    this.props.useWindow === !1 && (n = e), n.addEventListener(
-      "mousewheel",
-      this.mousewheelListener,
-      this.options ? this.options : this.props.useCapture
-    ), n.addEventListener(
-      "scroll",
-      this.scrollListener,
-      this.options ? this.options : this.props.useCapture
-    ), n.addEventListener(
-      "resize",
-      this.scrollListener,
-      this.options ? this.options : this.props.useCapture
-    ), this.props.initialLoad && this.scrollListener();
-  }
-  mousewheelListener(e) {
-    e.deltaY === 1 && !this.isPassiveSupported() && e.preventDefault();
-  }
-  scrollListener() {
-    const e = this.scrollComponent, n = window, o = this.getParentElement(e);
-    let i;
-    if (this.props.useWindow) {
-      const c = document.documentElement || document.body.parentNode || document.body, a = n.pageYOffset !== void 0 ? n.pageYOffset : c.scrollTop;
-      this.props.isReverse ? i = a : i = this.calculateOffset(e, a);
-    } else
-      this.props.isReverse ? i = o.scrollTop : i = e.scrollHeight - o.scrollTop - o.clientHeight;
-    i < Number(this.props.threshold) && e && e.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = o.scrollHeight, this.beforeScrollTop = o.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
-  }
-  calculateOffset(e, n) {
-    return e ? this.calculateTopPosition(e) + (e.offsetHeight - n - window.innerHeight) : 0;
-  }
-  calculateTopPosition(e) {
-    return e ? e.offsetTop + this.calculateTopPosition(e.offsetParent) : 0;
-  }
-  render() {
-    const e = this.filterProps(this.props), {
-      children: n,
-      element: o,
-      hasMore: i,
-      initialLoad: c,
-      isReverse: a,
-      loader: l,
-      loadMore: d,
-      pageStart: u,
-      ref: h,
-      threshold: v,
-      useCapture: m,
-      useWindow: I,
-      getScrollParent: $,
-      ...y
-    } = e;
-    y.ref = (C) => {
-      this.scrollComponent = C, h && h(C);
-    };
-    const g = [n];
-    return i && (l ? a ? g.unshift(l) : g.push(l) : this.defaultLoader && (a ? g.unshift(this.defaultLoader) : g.push(this.defaultLoader))), W.createElement(o, y, g);
-  }
-}
-ne(ie, "propTypes", {
-  children: E.node.isRequired,
-  element: E.node,
-  hasMore: E.bool,
-  initialLoad: E.bool,
-  isReverse: E.bool,
-  loader: E.node,
-  loadMore: E.func.isRequired,
-  pageStart: E.number,
-  ref: E.func,
-  getScrollParent: E.func,
-  threshold: E.number,
-  useCapture: E.bool,
-  useWindow: E.bool
-}), ne(ie, "defaultProps", {
-  element: "div",
-  hasMore: !1,
-  initialLoad: !0,
-  pageStart: 0,
-  ref: null,
-  threshold: 250,
-  useWindow: !0,
-  isReverse: !1,
-  useCapture: !1,
-  loader: null,
-  getScrollParent: null
-});
-const On = ({
-  rank: t,
-  avatar: e,
-  name: n,
-  points: o,
-  isCurrentUser: i,
-  openItemDetail: c,
-  style: a
-}) => /* @__PURE__ */ p(bn, { onClick: c, style: a, children: [
-  /* @__PURE__ */ s(wn, { children: t || 0 }),
-  /* @__PURE__ */ p(kn, { children: [
-    e ? /* @__PURE__ */ s(Tn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ s(Rn, { children: Ce(n || "") }),
-    /* @__PURE__ */ p(Sn, { children: [
-      /* @__PURE__ */ s(Ln, { children: n || "" }),
-      i && /* @__PURE__ */ s(xn, { name: "icon-star" })
-    ] })
-  ] }),
-  /* @__PURE__ */ s("div", { children: ge(o) })
-] }), Mn = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "c16btbfp",
-  propsAsIs: !1
-}), _n = ({
-  items: t,
-  currentUserId: e,
-  openItemDetail: n,
-  fetchMore: o,
-  scrollNode: i,
-  hasMore: c
-}) => /* @__PURE__ */ s(ie, {
-  loadMore: o,
-  initialLoad: !1,
-  hasMore: c,
-  useWindow: !1,
-  getScrollParent: () => i.current,
-  children: /* @__PURE__ */ s(Mn, {
-    children: t.map((a) => /* @__PURE__ */ s(On, {
-      ...a,
-      openItemDetail: () => n(a.userId),
-      isCurrentUser: !!e && e === a.userId
-    }, a.userId))
-  })
-}), Qn = ({ renderClipBoardNode: t, deepLink: e }) => /* @__PURE__ */ s(
-  We,
-  {
-    renderToNode: t,
-    inviteLink: e,
-    socialLinks: [
-      {
-        icon: "icon-facebook",
-        link: "https://www.facebook.com/TheMasters",
-        label: "Facebook"
-      },
-      {
-        icon: "icon-twitter",
-        link: "https://twitter.com/@TheMasters",
-        label: "X"
-      }
-    ],
-    inviteCardTitle: "It’s More Fun With Friends",
-    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
-  }
-), jn = /* @__PURE__ */ r("div")({
-  name: "InviteLinkContainer",
-  class: "i1chxfpe",
-  propsAsIs: !1
-}), Un = ({
-  gamification: t,
-  scrollNode: e,
-  scrollStore: n,
-  renderClipBoardNode: o
-}) => {
-  const {
-    data: i,
-    hasMore: c,
-    loading: a,
-    key: l
-  } = q(t.leaderboardList.$store), {
-    data: d
-  } = q(t.deepLink.$store), [u, h] = ze(o);
-  return !i.length && !a ? /* @__PURE__ */ s(Qn, {
-    renderClipBoardNode: o,
-    deepLink: d
-  }) : /* @__PURE__ */ p(x, {
-    children: [/* @__PURE__ */ s(_n, {
-      items: i,
-      scrollNode: e,
-      scrollStore: n,
-      fetchMore: t.leaderboardList.fetchMore,
-      hasMore: c,
-      openItemDetail: t.openUser,
-      currentUserId: t.currentUserId.get()
-    }, l), d && /* @__PURE__ */ s(jn, {
-      children: /* @__PURE__ */ s(In, {
-        onClick: () => u(d),
-        title: "Invite Friends",
-        description: "Challenge them now!"
-      })
-    }), h]
-  });
-}, Bn = /* @__PURE__ */ r("div")({
-  name: "QuestionItem",
-  class: "q1w97g3p",
-  propsAsIs: !1
-}), Wn = /* @__PURE__ */ r("div")({
-  name: "QuestionCaption",
-  class: "q2sl39u",
-  propsAsIs: !1
-}), zn = /* @__PURE__ */ r("div")({
-  name: "QuestionBody",
-  class: "qd5h0uc",
-  propsAsIs: !1
-}), Fn = /* @__PURE__ */ r("div")({
-  name: "QuestionAction",
-  class: "q105uluy",
-  propsAsIs: !1
-}), Hn = () => R, J = /* @__PURE__ */ r(Hn())({
-  name: "QuestionActionIcon",
-  class: "q1fa0b9h",
-  propsAsIs: !0
-}), Yn = () => R, Zn = /* @__PURE__ */ r(Yn())({
-  name: "QuestionTypeIcon",
-  class: "qxlt78s",
-  propsAsIs: !0
-}), Gn = /* @__PURE__ */ r("div")({
-  name: "QuestionTypeLabel",
-  class: "qmg0vkx",
-  propsAsIs: !1
-}), Jn = /* @__PURE__ */ r("div")({
-  name: "QuestionContent",
-  class: "q1uz5j1g",
-  propsAsIs: !1
-}), Kn = /* @__PURE__ */ r("button")({
-  name: "PlayButton",
-  class: "p1pba9p1",
-  propsAsIs: !1
-}), Xn = {
-  [Y.LOST]: /* @__PURE__ */ s(J, { name: "incorrectVoted" }),
-  [Y.WON]: /* @__PURE__ */ s(J, { name: "icon-check" }),
-  [Y.UNSET]: /* @__PURE__ */ s(J, { name: "icon-arrow" }),
-  [Y.DNP]: /* @__PURE__ */ s(J, { name: "icon-arrow" })
-}, eo = ({
-  questionId: t,
-  questionType: e,
-  questionStatus: n,
-  subject: o,
-  openForVoting: i,
-  openQuestion: c,
-  status: a
-}) => {
-  const l = Ie[e], d = Xn[a];
-  return l ? /* @__PURE__ */ p(Bn, { onClick: () => c == null ? void 0 : c(t), children: [
-    /* @__PURE__ */ p(Jn, { children: [
-      /* @__PURE__ */ p(Wn, { children: [
-        /* @__PURE__ */ s(
-          Zn,
-          {
-            "data-type-trivia": e === f.TRIVIA,
-            "data-type-poll": e === f.POLL,
-            name: l.iconName
-          }
-        ),
-        /* @__PURE__ */ p(Gn, { children: [
-          l.label,
-          e === f.TRIVIA && n === M.RESOLVED && " • Expired"
-        ] })
-      ] }),
-      /* @__PURE__ */ s(zn, { children: o || "" })
-    ] }),
-    /* @__PURE__ */ s(Fn, { children: i ? /* @__PURE__ */ s(Kn, { children: "Play" }) : d })
-  ] }) : null;
-}, to = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "cll3md7",
-  propsAsIs: !1
-}), so = /* @__PURE__ */ r("button")({
-  name: "ActionBtn",
-  class: "a10g1iik",
-  propsAsIs: !1
-}), no = ({ openInsight: t, questionId: e, ...n }) => {
-  const o = () => {
-    be(), t == null || t(e);
-  };
-  return /* @__PURE__ */ p(to, { children: [
-    /* @__PURE__ */ s(xe, { questionId: e, ...n }),
-    t && /* @__PURE__ */ s(so, { onClick: o, children: "View Insight" })
-  ] });
-}, oo = /* @__PURE__ */ r("div")({
-  name: "Container",
-  class: "cl56x6b",
-  propsAsIs: !1
-}), io = () => Fe, ro = /* @__PURE__ */ r(io())({
-  name: "ActionButton",
-  class: "a11pzf92",
-  propsAsIs: !0
-}), ao = /* @__PURE__ */ r("blockquote")({
-  name: "Quote",
-  class: "q1hbaleq",
-  propsAsIs: !1
-}), lo = ({ openTweet: t, ...e }) => {
-  const n = () => {
-    be(), t == null || t(e.tweetId);
-  };
-  return /* @__PURE__ */ p(oo, { children: [
-    e.title && /* @__PURE__ */ s(ao, { children: e.title }),
-    /* @__PURE__ */ s(ye, { ...e }),
-    t && /* @__PURE__ */ s(ro, { onClick: n, children: "View Insight" })
-  ] });
-}, co = /* @__PURE__ */ r("div")({
-  name: "QuestionsContainer",
-  class: "qvghv3l",
-  propsAsIs: !1
-}), po = ({ questions: t, openQuestion: e, controlVideo: n }) => /* @__PURE__ */ s(co, { children: t == null ? void 0 : t.map((o) => {
-  var i, c, a;
-  if (o.type === "question" && ((i = o.attributes) == null ? void 0 : i.attributes.case) === "question") {
-    const l = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(eo, { openQuestion: e, ...l }, l.questionId);
-  }
-  if (o.type === "insight" && ((c = o.attributes) == null ? void 0 : c.attributes.case) === "insight") {
-    const l = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(no, { openInsight: e, controlVideo: n, ...l }, l.questionId);
-  }
-  if (o.type === "tweet" && ((a = o.attributes) == null ? void 0 : a.attributes.case) === "tweet") {
-    const l = o.attributes.attributes.value, d = o.attributes.id;
-    return /* @__PURE__ */ s(
-      lo,
-      {
-        openTweet: e,
-        controlVideo: n,
-        ...l,
-        tweetId: d
-      },
-      d
-    );
-  }
-  return null;
-}) }), uo = ({ store: t, openQuestion: e }) => {
-  const { sdk: n } = $e(), o = q(t);
-  return o != null && o.data ? /* @__PURE__ */ s(po, { openQuestion: e, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, ho = ({ userSummary: t }) => {
-  var e;
-  const [n, o] = P(void 0);
-  return X(() => {
-    const i = t.subscribe((c) => {
-      c != null && c.data && o(c.data);
-    });
-    return () => {
-      i();
-    };
-  }, [t]), n != null && n.summary ? /* @__PURE__ */ s(ke, { ...n.summary, successRate: (e = n.percentage) == null ? void 0 : e.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, mo = ({ gamification: t, className: e, scrollStore: n, scrollNode: o, appNode: i, style: c, responsiveStore: a, headerNode: l }) => {
-  const { tabsShown: d } = q(n, { keys: ["tabsShown"] }), [u, h] = P(K.HOME), [, v] = nt(), { sdkInDesktopView: m } = q(a, { keys: ["sdkInDesktopView"] }), I = (g) => {
-    v(() => {
-      var C;
-      h(g), m === !1 && (((C = i.current) == null ? void 0 : C.getBoundingClientRect().y) || 0) < 0 && Ke(i, { behavior: "instant" });
-    });
-  };
-  X(() => n.listen((g) => {
-    if (g.scrollPosition === 0) {
-      n.setKey("tabsShown", !0);
-      return;
-    }
-    a.get().sdkInDesktopView ? n.setKey("tabsShown", g.scrollDirection === "backward") : n.setKey("tabsShown", g.scrollDirection === "forward");
-  }), [n, a]);
-  let $ = "0px";
-  m ? $ = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : $ = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
-  const y = m ? i : l;
-  return /* @__PURE__ */ p(He, { className: e, style: c, children: [
-    /* @__PURE__ */ s(
-      Ye,
-      {
-        style: {
-          top: $
-        },
-        children: /* @__PURE__ */ s(ln, { activePage: u, toggleActivePage: I })
-      }
-    ),
-    u === K.HOME && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(we, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Ze, { children: /* @__PURE__ */ s(ho, { userSummary: t.userSummary }) }) }),
-      /* @__PURE__ */ s(Ge, { style: { flex: 1 }, children: /* @__PURE__ */ s(uo, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) })
-    ] }),
-    u === K.LEADERBOARD && /* @__PURE__ */ s(Je, { children: /* @__PURE__ */ s(
-      Un,
-      {
-        renderClipBoardNode: y,
-        scrollStore: n,
-        scrollNode: o,
-        gamification: t
-      }
-    ) })
-  ] });
-}, vo = () => et, fe = /* @__PURE__ */ r(vo())({
-  name: "OpenedContainer",
-  class: "oar61gl",
-  propsAsIs: !0
-}), fo = /* @__PURE__ */ r("div")({
-  name: "UserContainer",
-  class: "u14zaal4",
-  propsAsIs: !1
-}), Io = ({
-  correct: t,
-  incorrect: e
-}) => {
-  const n = t + e;
-  return n === 0 ? 0 : Math.round(t / n * 100);
-}, $o = ({
-  gamification: t,
-  scrollStore: e,
-  className: n,
-  appNode: o,
-  scrollNode: i,
-  headerNode: c,
-  responsiveStore: a
-}) => {
-  const l = q(t.openedQuestion.$store), d = q(t.openedUser), {
-    sdkInDesktopView: u
-  } = q(a, {
-    keys: ["sdkInDesktopView"]
-  }), h = O(() => {
-    var v;
-    const m = (((v = o.current) == null ? void 0 : v.getBoundingClientRect().y) || 0) < 0;
-    if (!o.current || !l && !d)
-      return null;
-    const I = l ? /* @__PURE__ */ s(fe, {
-      className: n,
-      children: /* @__PURE__ */ s(sn, {
-        gamification: t
-      })
-    }) : d ? /* @__PURE__ */ s(fe, {
-      className: n,
-      children: /* @__PURE__ */ p(fo, {
-        children: [/* @__PURE__ */ s(Re, {
-          label: "Friend's Rank",
-          close: t.closeUser
-        }), /* @__PURE__ */ s(we, {
-          children: /* @__PURE__ */ s(ke, {
-            ...d,
-            successRate: Io(d)
-          })
-        })]
-      })
-    }) : null;
-    return /* @__PURE__ */ s(Xe, {
-      container: o,
-      useContainer: !u,
-      fixedView: m,
-      children: I
-    });
-  }, [o, n, t, l, d, u]);
-  return /* @__PURE__ */ p(x, {
-    children: [h, /* @__PURE__ */ s(mo, {
-      appNode: o,
-      headerNode: c,
-      scrollStore: e,
-      scrollNode: i,
-      className: n,
-      gamification: t,
-      responsiveStore: a
-    })]
-  });
-};
-export {
-  $o as default
-};