@streamlayer/react 0.40.2 → 0.41.0

package/lib/es/gamification-feature.js

@@ -1,1373 +1,18 @@
-import { jsxs as c, jsx as s, Fragment as x } from "react/jsx-runtime";
-import { s as t, c as A, d as ce } from "./useSdkFeature.js";
-import { useStore as S } from "@nanostores/react";
-import { useState as E, useLayoutEffect as we, useCallback as B, useEffect as ee, useMemo as V, PureComponent as ke, useTransition as Te } from "react";
-import { o as de, I as pe, s as ue, c as xe, z as Se, J as me, n as he, F as qe, h as Ee, k as Ie, a as Ve, p as Ne, C as De, b as ve, m as Le, d as Pe, l as Oe, e as Qe, V as Me, f as _e } from "./masters2.js";
-import { QuestionType as m, QuestionStatus as N, QuestionImages as M, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
+import { s as g } from "./masters2.js";
+import "react/jsx-runtime";
+import "@nanostores/react";
+import "@streamlayer/sdk-web-types";
+import "react";
 import "react-countup";
-import { CountdownCircleTimer as je } from "react-countdown-circle-timer";
-import { E as D } from "./index2.js";
-import Ue from "react-infinite-scroller";
+import "react-countdown-circle-timer";
+import "./index2.js";
 import "lodash.throttle";
 import "@streamlayer/sdk-web-interfaces";
+import "react-infinite-scroller";
+import "./index3.js";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
-const Be = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1vwopgc",
-  propsAsIs: !1
-}), ze = /* @__PURE__ */ t("div")({
-  name: "QuestionTypeWrap",
-  class: "qyktpt0",
-  propsAsIs: !1
-}), Fe = () => A, We = /* @__PURE__ */ t(Fe())({
-  name: "QuestionTypeIcon",
-  class: "q951jdx",
-  propsAsIs: !0
-}), Ze = /* @__PURE__ */ t("span")({
-  name: "QuestionTypeTitle",
-  class: "qss5f0e",
-  propsAsIs: !1
-}), He = /* @__PURE__ */ t("div")({
-  name: "CloseIconWrap",
-  class: "c1ao1jtv",
-  propsAsIs: !1
-}), Ye = () => A, Ge = /* @__PURE__ */ t(Ye())({
-  name: "CloseIcon",
-  class: "cvsl7l3",
-  propsAsIs: !0
-}), Ce = ({ type: e, close: n, label: i }) => {
-  const o = e ? de[e] : { label: i, iconName: void 0 };
-  return /* @__PURE__ */ c(Be, { children: [
-    /* @__PURE__ */ c(ze, { children: [
-      (o == null ? void 0 : o.iconName) && /* @__PURE__ */ s(
-        We,
-        {
-          "data-type-trivia": e === m.TRIVIA,
-          "data-type-poll": e === m.POLL,
-          name: o.iconName
-        }
-      ),
-      (o == null ? void 0 : o.label) && /* @__PURE__ */ s(Ze, { children: o.label })
-    ] }),
-    /* @__PURE__ */ s(He, { onClick: n, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
-  ] });
-}, Je = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1zy8a",
-  propsAsIs: !1
-}), Ke = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "t1vih9p5",
-  propsAsIs: !1
-}), Xe = /* @__PURE__ */ t("div")({
-  name: "Indicator",
-  class: "i1fbnvpb",
-  propsAsIs: !1
-}), te = ({ indicator: e, title: n }) => /* @__PURE__ */ c(Je, { children: [
-  /* @__PURE__ */ s(Ke, { children: n }),
-  /* @__PURE__ */ s(Xe, { children: e })
-] }), es = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "ctmhwyc",
-  propsAsIs: !1
-}), ss = /* @__PURE__ */ t("div")({
-  name: "Indicator",
-  class: "i1jri200",
-  propsAsIs: !1
-}), ns = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "t8s05oq",
-  propsAsIs: !1
-}), W = ({ indicator: e, title: n }) => /* @__PURE__ */ c(es, { children: [
-  /* @__PURE__ */ s(ss, { children: e }),
-  /* @__PURE__ */ s(ns, { children: n })
-] }), ts = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1yrpn9o",
-  propsAsIs: !1
-}), os = /* @__PURE__ */ t("div")({
-  name: "TopInfo",
-  class: "t17fwahh",
-  propsAsIs: !1
-}), is = /* @__PURE__ */ t("div")({
-  name: "BottomInfo",
-  class: "by6w7e9",
-  propsAsIs: !1
-}), rs = /* @__PURE__ */ t("div")({
-  name: "User",
-  class: "u1g7arbm",
-  propsAsIs: !1
-}), as = /* @__PURE__ */ t("img")({
-  name: "Avatar",
-  class: "a1ldeata",
-  propsAsIs: !1
-}), ls = /* @__PURE__ */ t("div")({
-  name: "UserInfo",
-  class: "u10d4koz",
-  propsAsIs: !1
-}), cs = /* @__PURE__ */ t("div")({
-  name: "UserName",
-  class: "u1q6roj0",
-  propsAsIs: !1
-}), ds = /* @__PURE__ */ t("div")({
-  name: "UserRating",
-  class: "ui0m425",
-  propsAsIs: !1
-}), ps = /* @__PURE__ */ t("img")({
-  name: "TrophyIcon",
-  class: "t1el3mrn",
-  propsAsIs: !1
-}), us = /* @__PURE__ */ t("div")({
-  name: "Rts",
-  class: "r2vgnxv",
-  propsAsIs: !1
-}), ms = /* @__PURE__ */ t("div")({
-  name: "RtsIndicator",
-  class: "roqn06j",
-  propsAsIs: !1
-}), hs = /* @__PURE__ */ t("div")({
-  name: "RtsLabel",
-  class: "r15adx7c",
-  propsAsIs: !1
-}), Is = /* @__PURE__ */ t("div")({
-  name: "Divider",
-  class: "dv59lta",
-  propsAsIs: !1
-}), vs = /* @__PURE__ */ t("div")({
-  name: "Ranks",
-  class: "r55lotb",
-  propsAsIs: !1
-}), Cs = /* @__PURE__ */ t("div")({
-  name: "Statistics",
-  class: "s1knfgqt",
-  propsAsIs: !1
-}), fs = /* @__PURE__ */ t("div")({
-  name: "AvatarPlaceholder",
-  class: "a1mqo824",
-  propsAsIs: !1
-}), As = /* @__PURE__ */ t("button")({
-  name: "UserAccountBtn",
-  class: "uxareh6",
-  propsAsIs: !1
-}), gs = "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", fe = ({
-  avatar: e,
-  name: n,
-  points: i,
-  friendsRank: o,
-  rank: r,
-  streak: d,
-  correct: p,
-  incorrect: a,
-  inTop: l,
-  successRate: u
-}) => /* @__PURE__ */ c(ts, { children: [
-  /* @__PURE__ */ s(os, { children: /* @__PURE__ */ c(rs, { children: [
-    /* @__PURE__ */ c(As, { children: [
-      e && /* @__PURE__ */ s(as, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(fs, { children: pe(n || "") })
-    ] }),
-    /* @__PURE__ */ c(ls, { children: [
-      /* @__PURE__ */ s(cs, { children: n }),
-      /* @__PURE__ */ c(ds, { children: [
-        /* @__PURE__ */ c(us, { children: [
-          /* @__PURE__ */ s(ps, { alt: "rank-icon", src: gs }),
-          /* @__PURE__ */ c(ms, { children: [
-            ue(i),
-            /* @__PURE__ */ s(hs, { children: "PTS" })
-          ] })
-        ] }),
-        /* @__PURE__ */ s(Is, {}),
-        /* @__PURE__ */ c("div", { children: [
-          "TOP ",
-          l || 0,
-          "%"
-        ] })
-      ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ c(is, { children: [
-    /* @__PURE__ */ c(vs, { children: [
-      /* @__PURE__ */ s(te, { indicator: o || 0, title: "Friends rank" }),
-      /* @__PURE__ */ s(te, { indicator: r || 0, title: "Global rank" })
-    ] }),
-    /* @__PURE__ */ c(Cs, { children: [
-      /* @__PURE__ */ s(W, { indicator: d || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(W, { indicator: p || 0, title: "Correct" }),
-      /* @__PURE__ */ s(W, { indicator: a || 0, title: "Incorrect" }),
-      /* @__PURE__ */ s(W, { indicator: `${u || 0}%`, title: "Succ. rate" })
-    ] })
-  ] })
-] }), $s = /* @__PURE__ */ t("div")({
-  name: "SponsorLogoWrap",
-  class: "s8p5v5z",
-  propsAsIs: !1
-}), bs = () => A, ys = /* @__PURE__ */ t(bs())({
-  name: "SponsorLogo",
-  class: "s755yti",
-  propsAsIs: !0
-}), Rs = () => /* @__PURE__ */ s($s, {
-  children: /* @__PURE__ */ s(ys, {
-    name: "mastersLogo"
-  })
-}), ws = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c38csyt",
-  propsAsIs: !1
-}), ks = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "ty221rx",
-  propsAsIs: !1
-}), Ts = /* @__PURE__ */ t("div")({
-  name: "Description",
-  class: "dlaj9xp",
-  propsAsIs: !1
-}), xs = ({ title: e, description: n }) => /* @__PURE__ */ c(ws, { children: [
-  /* @__PURE__ */ s(A, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(ks, { children: e }),
-  /* @__PURE__ */ s(Ts, { children: n })
-] }), Ss = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c16sbdnm",
-  propsAsIs: !1
-}), qs = () => A, Es = /* @__PURE__ */ t(qs())({
-  name: "IconPrediction",
-  class: "ibhorgl",
-  propsAsIs: !0
-}), U = /* @__PURE__ */ t("div")({
-  name: "FeedbackIconWrap",
-  class: "f1g20ja7",
-  propsAsIs: !1
-}), Z = /* @__PURE__ */ t("div")({
-  name: "FeedbackHeader",
-  class: "f455ozj",
-  propsAsIs: !1
-}), Vs = /* @__PURE__ */ t("span")({
-  name: "FeedbackTitle",
-  class: "f1913njx",
-  propsAsIs: !1
-}), Q = /* @__PURE__ */ t("span")({
-  name: "FeedbackDescription",
-  class: "fzfk69z",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ t("div")({
-  name: "FeedbackText",
-  class: "fx87qaj",
-  propsAsIs: !1
-}), Ns = ({
-  feedbackMessages: e,
-  questionVotedCorrectly: n,
-  questionVoted: i,
-  questionType: o,
-  hasCorrectAnswer: r,
-  questionStatus: d,
-  showExpiredNotification: p,
-  showClosedNotificationTrivia: a,
-  votedInCurrentRender: l,
-  votedAfterQuestionClosed: u,
-  enteredAnActiveQuestion: h,
-  marketClosed: C
-}) => {
-  const I = i && (o === m.TRIVIA || o === m.PREDICTION) && l && d !== N.RESOLVED, f = o === m.PREDICTION && !r, k = C && o === m.PREDICTION && !i && !h || o === m.PREDICTION && u && l && h, $ = I && f, w = I && r, b = o === m.PREDICTION && i && l && r, L = i && o === m.POLL && l;
-  if (!p && !a && !$ && !w && !k && !L && !b)
-    return null;
-  const q = n ? "correct" : "incorrect", T = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
-  return /* @__PURE__ */ c(Ss, { "data-isPrediction": f, children: [
-    p && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(X, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
-      ] })
-    ] }),
-    a && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(X, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
-      ] })
-    ] }),
-    k && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
-        /* @__PURE__ */ s(X, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
-      ] })
-    ] }),
-    $ && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(Es, { name: "icon-prediction" }),
-      /* @__PURE__ */ s(Q, { children: "Stay tuned to see if your prediction was correct." })
-    ] }),
-    L && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(U, { "data-feedback-type": "correct", children: /* @__PURE__ */ s(A, { name: "correct" }) }),
-      /* @__PURE__ */ s(Q, { children: "Thanks for answering. Please stay tuned for the next question." })
-    ] }),
-    (w || b) && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(U, { "data-feedback-type": q, children: /* @__PURE__ */ s(A, { name: q }) }),
-      /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c(Z, { children: [
-        /* @__PURE__ */ s(Vs, { "data-feedback-type": q, children: T == null ? void 0 : T.title }),
-        /* @__PURE__ */ s(Q, { children: T == null ? void 0 : T.description })
-      ] }) })
-    ] })
-  ] });
-}, Ds = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c14ielyq",
-  propsAsIs: !1
-}), Ls = () => xe, Ps = /* @__PURE__ */ t(Ls())({
-  name: "QuestionScrollContainer",
-  class: "q1tlqx57",
-  propsAsIs: !0
-}), Os = /* @__PURE__ */ t("div")({
-  name: "Content",
-  class: "c1hq58md",
-  propsAsIs: !1
-}), Qs = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "t1c8nxcx",
-  propsAsIs: !1
-}), Ms = /* @__PURE__ */ t("div")({
-  name: "Options",
-  class: "oiozuc3",
-  propsAsIs: !1
-}), _s = /* @__PURE__ */ t("button")({
-  name: "ButtonContainer",
-  class: "b1b6dl8t",
-  propsAsIs: !1
-}), js = /* @__PURE__ */ t("div")({
-  name: "ButtonPct",
-  class: "b4iik8i",
-  propsAsIs: !1
-}), Us = /* @__PURE__ */ t("span")({
-  name: "ButtonBody",
-  class: "b1gq1lnf",
-  propsAsIs: !1
-}), Bs = /* @__PURE__ */ t("div")({
-  name: "IconContainer",
-  class: "i1j65z51",
-  propsAsIs: !1
-}), zs = /* @__PURE__ */ t("div")({
-  name: "IconWrap",
-  class: "i19tpfua",
-  propsAsIs: !1
-}), Ae = /* @__PURE__ */ t("img")({
-  name: "Icon",
-  class: "i1tubmma",
-  propsAsIs: !1
-}), Fs = () => Ae, Ws = /* @__PURE__ */ t(Fs())({
-  name: "IconDefault",
-  class: "i1grrgwj",
-  propsAsIs: !0
-}), Zs = () => Ae, Hs = /* @__PURE__ */ t(Zs())({
-  name: "IconCircle",
-  class: "ibemyq8",
-  propsAsIs: !0
-}), Ys = /* @__PURE__ */ t("span")({
-  name: "Title",
-  class: "t1dceht",
-  propsAsIs: !1
-}), Gs = /* @__PURE__ */ t("span")({
-  name: "Indicators",
-  class: "i116q4vq",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ t("span")({
-  name: "Pts",
-  class: "p17ajcu2",
-  propsAsIs: !1
-}), Ks = /* @__PURE__ */ t("span")({
-  name: "Percentage",
-  class: "pu9kmlb",
-  propsAsIs: !1
-}), Xs = () => A, en = /* @__PURE__ */ t(Xs())({
-  name: "CheckIcon",
-  class: "c1j2j0s0",
-  propsAsIs: !0
-}), oe = {
-  [M.CENTERED]: (e) => /* @__PURE__ */ s(Ws, { alt: "option-icon", src: e }),
-  [M.TRANSPARENT]: (e) => /* @__PURE__ */ s(Bs, { children: /* @__PURE__ */ s(zs, { style: { backgroundImage: `url(${e})` } }) }),
-  [M.ROUNDED]: (e) => /* @__PURE__ */ s(Hs, { alt: "option-icon", src: e }),
-  [M.NONE]: () => null,
-  [M.UNSET]: () => null
-}, sn = ({ questionType: e, hasCorrectAnswer: n, correct: i, youVoted: o, questionVoted: r }) => {
-  if (e === m.POLL && o)
-    return "correct";
-  if (e === m.PREDICTION) {
-    if (n && r)
-      return o ? i ? "correct" : "incorrect" : "unset";
-    if (o)
-      return "correct";
-  }
-  return e === m.TRIVIA && r && o ? i ? "correct" : "incorrect" : "unset";
-}, nn = ({
-  questionType: e,
-  questionVoted: n,
-  correct: i,
-  hasCorrectAnswer: o,
-  questionStatus: r
-}) => e === m.TRIVIA ? n && i : e === m.PREDICTION ? n && i && o || r === N.RESOLVED && i : !1, tn = (e) => {
-  var n;
-  const {
-    // option props
-    id: i,
-    icon: o,
-    text: r,
-    percentageDecimal: d,
-    points: p,
-    // extra props
-    onVote: a,
-    markThatVoted: l,
-    youSelected: u,
-    questionVoted: h,
-    imageMode: C,
-    answerTimeExpired: I,
-    questionStatus: f,
-    isLoading: k,
-    questionType: $,
-    correct: w,
-    hasCorrectAnswer: b,
-    votedAfterQuestionClosed: L,
-    enteredAnActiveQuestion: q,
-    marketClosed: T
-  } = e, [_, z] = E(d), P = sn(e), G = nn({ questionType: $, questionVoted: h, correct: w, hasCorrectAnswer: b, questionStatus: f }), v = T && $ === m.PREDICTION, g = h || v, y = $ === m.PREDICTION && !h && !T, J = h && !u && P !== "incorrect";
-  return we(() => {
-    d > 0 && (z(0), requestAnimationFrame(() => {
-      z(d);
-    }));
-  }, [d]), /* @__PURE__ */ c(
-    _s,
-    {
-      value: i,
-      "data-selected": u,
-      "data-answer-state": P,
-      disabled: h || k || I || v && !q || v && q && L,
-      "data-is-not-checked": J,
-      onClick: (K) => {
-        l(
-          $ === m.PREDICTION ? T : f === N.RESOLVED
-        ), a(K);
-      },
-      children: [
-        /* @__PURE__ */ s(js, { "data-answer-state": P, style: { width: `${g ? _ : 0}%` } }),
-        /* @__PURE__ */ c(Us, { children: [
-          o && C && ((n = oe[C]) == null ? void 0 : n.call(oe, o)),
-          /* @__PURE__ */ s(Ys, { children: r }),
-          y && /* @__PURE__ */ c("div", { children: [
-            p,
-            /* @__PURE__ */ s(Js, { children: "pts" })
-          ] }),
-          g && /* @__PURE__ */ c(Gs, { children: [
-            G && /* @__PURE__ */ s(en, { name: "selected" }),
-            /* @__PURE__ */ s(Ks, { children: /* @__PURE__ */ s(ce, { value: d, suffix: "%" }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}, on = [D.PRIMARY_GREEN1, D.SECONDARY_RED1, D.SECONDARY_RED1, D.NEUTRALS_GRAY3], rn = [10, 10, 1, 0], an = /* @__PURE__ */ t("div")({
-  name: "RemainingTime",
-  class: "r165427",
-  propsAsIs: !1
-}), ln = D.SECONDARY_GREEN6, ie = D.SECONDARY_RED3, cn = D.NEUTRALS_GRAY3, dn = ({
-  isPlaying: e = !0,
-  duration: n = 30,
-  onTimerExpired: i
-}) => {
-  const [o, r] = E(n > 10 ? ln : ie), d = ({
-    remainingTime: l
-  }) => /* @__PURE__ */ s(an, {
-    children: l
-  }), p = B(() => {
-    i == null || i(), r(cn);
-  }, [i, r]), a = B((l) => {
-    l === 10 && r(ie);
-  }, [r]);
-  return /* @__PURE__ */ s(je, {
-    isPlaying: e,
-    duration: n,
-    colors: on,
-    colorsTime: rn,
-    size: 32,
-    strokeWidth: 2,
-    trailStrokeWidth: 2,
-    trailColor: o,
-    onComplete: p,
-    onUpdate: a,
-    children: d
-  });
-}, pn = /* @__PURE__ */ t("div")({
-  name: "WinBarContainer",
-  class: "wie6cqo",
-  propsAsIs: !1
-}), un = /* @__PURE__ */ t("div")({
-  name: "Content",
-  class: "cgizw4u",
-  propsAsIs: !1
-}), mn = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "t1l3ucjp",
-  propsAsIs: !1
-}), hn = () => A, In = /* @__PURE__ */ t(hn())({
-  name: "WinIcon",
-  class: "wx7j799",
-  propsAsIs: !0
-}), vn = /* @__PURE__ */ t("div")({
-  name: "Points",
-  class: "p4lwuj0",
-  propsAsIs: !1
-}), Cn = /* @__PURE__ */ t("span")({
-  name: "PointsCount",
-  class: "po9i64o",
-  propsAsIs: !1
-}), fn = /* @__PURE__ */ t("span")({
-  name: "PointsUnits",
-  class: "pe5g05h",
-  propsAsIs: !1
-}), An = ({
-  title: e,
-  points: n,
-  isPlayingTimer: i,
-  isTimer: o,
-  animatePoints: r,
-  questionType: d,
-  timerDuration: p,
-  onTimerExpired: a
-}) => /* @__PURE__ */ c(pn, { style: { justifyContent: d === m.PREDICTION ? "center" : "space-between" }, children: [
-  /* @__PURE__ */ c(un, { children: [
-    e && /* @__PURE__ */ s(mn, { children: e }),
-    n !== void 0 && d !== m.POLL && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(In, { name: "icon-trophy" }),
-      /* @__PURE__ */ c(vn, { children: [
-        /* @__PURE__ */ s(Cn, { children: r ? /* @__PURE__ */ s(ce, { value: n, delay: 0.3 }) : n }),
-        /* @__PURE__ */ s(fn, { children: "PTS" })
-      ] })
-    ] })
-  ] }),
-  o && d !== m.PREDICTION && /* @__PURE__ */ s(dn, { isPlaying: i, onTimerExpired: a, duration: p })
-] }), gn = ({ openedQuestion: e, isLoading: n, vote: i, close: o }) => {
-  var r, d;
-  const p = e.subject, a = e.type, l = e.status, u = (r = e.options) == null ? void 0 : r.options, h = e.marketClosed, [C, I] = E(!1), [f, k] = E(!1), [$, w] = E(!0), [b, L] = E(!1), [q, T] = E(""), _ = e == null ? void 0 : e.id;
-  ee(() => {
-    a === m.PREDICTION ? h && w(!1) : l === N.RESOLVED && w(!1);
-  }, []);
-  const z = B((R) => {
-    k(R), I(!0);
-  }, []), P = B(
-    async (R) => {
-      if (_) {
-        const j = R.currentTarget.value;
-        T(j), await i(_, j);
-      }
-    },
-    [_, T, i]
-  ), G = B(() => {
-    L(!0), setTimeout(o, 3e3);
-  }, [o]), v = V(
-    () => e == null ? void 0 : e.answers.find((R) => R.youVoted === !0),
-    [e]
-  ), g = V(
-    () => !!(e != null && e.answers.find((R) => R.correct === !0)),
-    [e]
-  ), y = V(
-    () => e == null ? void 0 : e.answers.find((R) => R.correct === !0),
-    [e]
-  ), J = V(() => e ? e.answers.map((R) => {
-    var j;
-    return {
-      ...R,
-      questionVoted: !!v,
-      youSelected: q === R.id,
-      isLoading: n,
-      hasCorrectAnswer: g,
-      questionType: e.type,
-      answerTimeExpired: b,
-      questionStatus: l,
-      imageMode: (j = e.appearance) == null ? void 0 : j.images,
-      onVote: P
-    };
-  }) : [], [
-    g,
-    b,
-    n,
-    e,
-    v,
-    l,
-    P,
-    q
-  ]), K = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, O = l === N.RESOLVED && a === m.TRIVIA && !v && !$, se = a === m.TRIVIA && f && C && $, ne = V(() => a === m.PREDICTION ? !!(v && !g || v && g && y != null && y.youVoted) : !0, [a, v, g, y]), $e = V(() => {
-    if (a === m.PREDICTION && v && (!g || g && y != null && y.youVoted))
-      return v.points;
-    if (!(O || b))
-      return l === N.RESOLVED ? 0 : v ? v.correct ? v.points : 0 : y == null ? void 0 : y.points;
-  }, [
-    b,
-    v,
-    y,
-    l,
-    O,
-    a,
-    g
-  ]), be = V(() => a === m.PREDICTION && v ? g ? g && y != null && y.youVoted ? "You won" : "" : "To win" : O || b ? "Time expired" : a === m.POLL ? "Time remaining" : v ? "You won" : "To win", [b, a, v, O, g, y]), ye = (a === m.TRIVIA || a === m.PREDICTION) && v && g && (y == null ? void 0 : y.youVoted), Re = v || O || se || a === m.TRIVIA && l === N.RESOLVED && $;
-  return /* @__PURE__ */ s(Ps, { children: /* @__PURE__ */ s(Ds, { children: /* @__PURE__ */ c(Os, { children: [
-    /* @__PURE__ */ s(
-      Ns,
-      {
-        feedbackMessages: K,
-        questionVoted: !!v,
-        questionVotedCorrectly: v == null ? void 0 : v.correct,
-        questionType: a,
-        hasCorrectAnswer: g,
-        questionStatus: l,
-        showExpiredNotification: O,
-        showClosedNotificationTrivia: se,
-        votedInCurrentRender: C,
-        votedAfterQuestionClosed: f,
-        enteredAnActiveQuestion: $,
-        marketClosed: h
-      }
-    ),
-    ne && /* @__PURE__ */ s(
-      An,
-      {
-        title: be,
-        points: $e,
-        onTimerExpired: G,
-        questionType: e.type,
-        isTimer: !n,
-        isPlayingTimer: !v,
-        animatePoints: ye,
-        timerDuration: Re ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
-      }
-    ),
-    b ? /* @__PURE__ */ s(
-      xs,
-      {
-        title: "More to come...",
-        description: "Watch for additional enhanced stream interactive experience."
-      }
-    ) : /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(Qs, { style: ne ? {} : { marginTop: 0 }, children: p }),
-      /* @__PURE__ */ s(Ms, { children: J.map((R) => /* @__PURE__ */ s(
-        tn,
-        {
-          ...R,
-          markThatVoted: z,
-          votedAfterQuestionClosed: f,
-          enteredAnActiveQuestion: $,
-          marketClosed: h
-        },
-        R.id
-      )) })
-    ] })
-  ] }) }) });
-}, $n = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "cgn5uen",
-  propsAsIs: !1
-}), bn = /* @__PURE__ */ t("div")({
-  name: "Content",
-  class: "c1px8nt6",
-  propsAsIs: !1
-}), yn = /* @__PURE__ */ t("h3")({
-  name: "Title",
-  class: "t5et2jt",
-  propsAsIs: !1
-}), Rn = /* @__PURE__ */ t("div")({
-  name: "Description",
-  class: "d1i2kpk2",
-  propsAsIs: !1
-}), wn = /* @__PURE__ */ t("img")({
-  name: "Image",
-  class: "id3lh3p",
-  propsAsIs: !1
-}), kn = /* @__PURE__ */ t("div")({
-  name: "ImageContainer",
-  class: "i1gfjeu5",
-  propsAsIs: !1
-}), ge = ({
-  imageMode: e,
-  instantView: n,
-  isDetail: i,
-  notification: o,
-  controlVideo: r
-}) => {
-  const d = n == null ? void 0 : n.heading, p = n == null ? void 0 : n.body, a = d || p, l = o == null ? void 0 : o.title, u = o == null ? void 0 : o.body;
-  return /* @__PURE__ */ c($n, { children: [
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ s(
-      Se,
-      {
-        source: n.video.url,
-        poster: n.video.thumbnailUrl,
-        controlVideo: r
-      }
-    ),
-    (n == null ? void 0 : n.image) && !(n != null && n.video) && /* @__PURE__ */ s(kn, { "data-rounded": e === M.ROUNDED, children: /* @__PURE__ */ s(wn, { src: n == null ? void 0 : n.image }) }),
-    /* @__PURE__ */ c(bn, { children: [
-      /* @__PURE__ */ s(yn, { children: i && a ? d : l }),
-      /* @__PURE__ */ s(Rn, { children: i && a ? p : u })
-    ] })
-  ] });
-}, Tn = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1euiow",
-  propsAsIs: !1
-}), xn = /* @__PURE__ */ t("a")({
-  name: "WebLinkBtn",
-  class: "w19zie3h",
-  propsAsIs: !1
-}), Sn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(Tn, { children: [
-  /* @__PURE__ */ s(ge, { instantView: e, ...n, isDetail: !0 }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(xn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
-    e == null ? void 0 : e.webLink.label,
-    /* @__PURE__ */ s(A, { name: "icon-external-link" })
-  ] })
-] }), qn = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1dcxmvf",
-  propsAsIs: !1
-}), En = /* @__PURE__ */ t("blockquote")({
-  name: "Quote",
-  class: "qb4q22c",
-  propsAsIs: !1
-}), Vn = (e) => /* @__PURE__ */ c(qn, { children: [
-  e.title && /* @__PURE__ */ s(En, { children: e.title }),
-  /* @__PURE__ */ s(me, { ...e, isDetail: !0 })
-] }), Nn = /* @__PURE__ */ t("div")({
-  name: "QuestionContainer",
-  class: "qdri6g3",
-  propsAsIs: !1
-}), Dn = ({
-  openedQuestion: e
-}) => {
-  var n, i;
-  const {
-    sdk: o
-  } = he();
-  return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
-    ...e.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((i = e == null ? void 0 : e.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ s(Vn, {
-    ...e.attributes.attributes.value,
-    controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : null;
-}, Ln = ({
-  extendedQuestion: e,
-  vote: n,
-  close: i
-}) => {
-  const {
-    loading: o,
-    data: r
-  } = e;
-  return r ? /* @__PURE__ */ s(gn, {
-    vote: n,
-    close: i,
-    openedQuestion: r,
-    isLoading: !!o
-  }) : null;
-}, Pn = ({
-  gamification: e
-}) => {
-  var n;
-  const i = S(e.openedQuestion.$store), o = S(e.openedQuestion.$extendedStore);
-  if (!i)
-    return null;
-  const r = i.type;
-  return /* @__PURE__ */ c(Nn, {
-    children: [/* @__PURE__ */ s(Ce, {
-      close: e.closeQuestion,
-      type: ((n = i.attributes) == null ? void 0 : n.type) || m.UNSET
-    }), r === "question" && /* @__PURE__ */ s(Ln, {
-      vote: e.submitAnswer,
-      close: e.closeQuestion,
-      extendedQuestion: o
-    }), r !== "question" && /* @__PURE__ */ s(Dn, {
-      openedQuestion: i
-    }), /* @__PURE__ */ s(Rs, {
-      sponsorLogo: ""
-    })]
-  });
-}, On = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c115qtkr",
-  propsAsIs: !1
-}), Qn = /* @__PURE__ */ t("div")({
-  name: "STabs",
-  class: "sxnslc8",
-  propsAsIs: !1
-}), Mn = /* @__PURE__ */ t("button")({
-  name: "Button",
-  class: "b1umzux0",
-  propsAsIs: !1
-}), _n = /* @__PURE__ */ t("span")({
-  name: "Title",
-  class: "tspsaas",
-  propsAsIs: !1
-});
-var Y = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(Y || {});
-const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(Mn, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(_n, { children: e }) }), jn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(On, { children: /* @__PURE__ */ c(Qn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(re, { title: "Home", active: e === "home", onClick: () => n(
-    "home"
-    /* HOME */
-  ) }),
-  /* @__PURE__ */ s(
-    re,
-    {
-      title: "Friends",
-      active: e === "leaderboard",
-      onClick: () => n(
-        "leaderboard"
-        /* LEADERBOARD */
-      )
-    }
-  )
-] }) }), Un = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c1ux29ft",
-  propsAsIs: !1
-}), Bn = /* @__PURE__ */ t("img")({
-  name: "FriendsIcon",
-  class: "f10ncfg2",
-  propsAsIs: !1
-}), zn = /* @__PURE__ */ t("div")({
-  name: "Content",
-  class: "c1yc07bd",
-  propsAsIs: !1
-}), Fn = /* @__PURE__ */ t("div")({
-  name: "Title",
-  class: "tj6cq7w",
-  propsAsIs: !1
-}), Wn = /* @__PURE__ */ t("div")({
-  name: "Description",
-  class: "d1ag78xo",
-  propsAsIs: !1
-}), Zn = () => A, Hn = /* @__PURE__ */ t(Zn())({
-  name: "ArrowInviteIcon",
-  class: "awohrz6",
-  propsAsIs: !0
-}), Yn = "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", Gn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(Un, { onClick: i, className: o, children: [
-  /* @__PURE__ */ s(Bn, { alt: "friends-icon", src: Yn }),
-  /* @__PURE__ */ c(zn, { children: [
-    /* @__PURE__ */ s(Fn, { children: e }),
-    /* @__PURE__ */ s(Wn, { children: n })
-  ] }),
-  /* @__PURE__ */ s(Hn, { name: "icon-copy" })
-] });
-function Jn(e) {
-  var n = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, o = e.startIndex, r = e.stopIndex;
-  return !(o > i || r < n);
-}
-function Kn(e) {
-  for (var n = e.isItemLoaded, i = e.itemCount, o = e.minimumBatchSize, r = e.startIndex, d = e.stopIndex, p = [], a = null, l = null, u = r; u <= d; u++) {
-    var h = n(u);
-    h ? l !== null && (p.push(a, l), a = l = null) : (l = u, a === null && (a = u));
-  }
-  if (l !== null) {
-    for (var C = Math.min(Math.max(l, a + o - 1), i - 1), I = l + 1; I <= C && !n(I); I++)
-      l = I;
-    p.push(a, l);
-  }
-  if (p.length)
-    for (; p[1] - p[0] + 1 < o && p[0] > 0; ) {
-      var f = p[0] - 1;
-      if (!n(f))
-        p[0] = f;
-      else
-        break;
-    }
-  return p;
-}
-var Xn = function(e, n) {
-  if (!(e instanceof n))
-    throw new TypeError("Cannot call a class as a function");
-}, et = /* @__PURE__ */ function() {
-  function e(n, i) {
-    for (var o = 0; o < i.length; o++) {
-      var r = i[o];
-      r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(n, r.key, r);
-    }
-  }
-  return function(n, i, o) {
-    return i && e(n.prototype, i), o && e(n, o), n;
-  };
-}(), st = function(e, n) {
-  if (typeof n != "function" && n !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof n);
-  e.prototype = Object.create(n && n.prototype, {
-    constructor: {
-      value: e,
-      enumerable: !1,
-      writable: !0,
-      configurable: !0
-    }
-  }), n && (Object.setPrototypeOf ? Object.setPrototypeOf(e, n) : e.__proto__ = n);
-}, ae = function(e, n) {
-  if (!e)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return n && (typeof n == "object" || typeof n == "function") ? n : e;
-};
-(function(e) {
-  st(n, e);
-  function n() {
-    var i, o, r, d;
-    Xn(this, n);
-    for (var p = arguments.length, a = Array(p), l = 0; l < p; l++)
-      a[l] = arguments[l];
-    return d = (o = (r = ae(this, (i = n.__proto__ || Object.getPrototypeOf(n)).call.apply(i, [this].concat(a))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(u) {
-      var h = u.visibleStartIndex, C = u.visibleStopIndex;
-      r._lastRenderedStartIndex = h, r._lastRenderedStopIndex = C, r._ensureRowsLoaded(h, C);
-    }, r._setRef = function(u) {
-      r._listRef = u;
-    }, o), ae(r, d);
-  }
-  return et(n, [{
-    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, r) {
-      var d = this.props, p = d.isItemLoaded, a = d.itemCount, l = d.minimumBatchSize, u = l === void 0 ? 10 : l, h = d.threshold, C = h === void 0 ? 15 : h, I = Kn({
-        isItemLoaded: p,
-        itemCount: a,
-        minimumBatchSize: u,
-        startIndex: Math.max(0, o - C),
-        stopIndex: Math.min(a - 1, r + C)
-      });
-      (this._memoizedUnloadedRanges.length !== I.length || this._memoizedUnloadedRanges.some(function(f, k) {
-        return I[k] !== f;
-      })) && (this._memoizedUnloadedRanges = I, this._loadUnloadedRanges(I));
-    }
-  }, {
-    key: "_loadUnloadedRanges",
-    value: function(o) {
-      for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(u) {
-        var h = o[u], C = o[u + 1], I = d(h, C);
-        I != null && I.then(function() {
-          if (Jn({
-            lastRenderedStartIndex: r._lastRenderedStartIndex,
-            lastRenderedStopIndex: r._lastRenderedStopIndex,
-            startIndex: h,
-            stopIndex: C
-          })) {
-            if (r._listRef == null)
-              return;
-            typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(h, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
-          }
-        });
-      }, a = 0; a < o.length; a += 2)
-        p(a);
-    }
-  }]), n;
-})(ke);
-const nt = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "culdu4a",
-  propsAsIs: !1
-}), tt = /* @__PURE__ */ t("div")({
-  name: "Position",
-  class: "pwf8e69",
-  propsAsIs: !1
-}), ot = /* @__PURE__ */ t("img")({
-  name: "Avatar",
-  class: "atf4yh4",
-  propsAsIs: !1
-}), it = /* @__PURE__ */ t("div")({
-  name: "AvatarPlaceholder",
-  class: "a1dg29ja",
-  propsAsIs: !1
-}), rt = /* @__PURE__ */ t("div")({
-  name: "Content",
-  class: "c10a68rc",
-  propsAsIs: !1
-}), at = /* @__PURE__ */ t("div")({
-  name: "NameContainer",
-  class: "nc4kck5",
-  propsAsIs: !1
-}), lt = /* @__PURE__ */ t("span")({
-  name: "Name",
-  class: "njsrqgr",
-  propsAsIs: !1
-}), ct = () => A, dt = /* @__PURE__ */ t(ct())({
-  name: "CurrentUserBadge",
-  class: "c17uc4zr",
-  propsAsIs: !0
-}), pt = ({
-  rank: e,
-  avatar: n,
-  name: i,
-  points: o,
-  isCurrentUser: r,
-  openItemDetail: d,
-  style: p
-}) => /* @__PURE__ */ c(nt, { onClick: d, style: p, children: [
-  /* @__PURE__ */ s(tt, { children: e || 0 }),
-  /* @__PURE__ */ c(rt, { children: [
-    n ? /* @__PURE__ */ s(ot, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(it, { children: pe(i || "") }),
-    /* @__PURE__ */ c(at, { children: [
-      /* @__PURE__ */ s(lt, { children: i || "" }),
-      r && /* @__PURE__ */ s(dt, { name: "icon-star" })
-    ] })
-  ] }),
-  /* @__PURE__ */ s("div", { children: ue(o) })
-] }), ut = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "c16btbfp",
-  propsAsIs: !1
-}), mt = ({
-  items: e,
-  currentUserId: n,
-  openItemDetail: i,
-  fetchMore: o,
-  scrollNode: r,
-  hasMore: d
-}) => /* @__PURE__ */ s(Ue, {
-  loadMore: o,
-  initialLoad: !1,
-  hasMore: d,
-  useWindow: !1,
-  getScrollParent: () => r.current,
-  children: /* @__PURE__ */ s(ut, {
-    children: e.map((p) => /* @__PURE__ */ s(pt, {
-      ...p,
-      openItemDetail: () => i(p.userId),
-      isCurrentUser: !!n && n === p.userId
-    }, p.userId))
-  })
-}), ht = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
-  qe,
-  {
-    renderToNode: e,
-    inviteLink: n,
-    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."
-  }
-), It = /* @__PURE__ */ t("div")({
-  name: "InviteLinkContainer",
-  class: "i1chxfpe",
-  propsAsIs: !1
-}), vt = ({
-  gamification: e,
-  scrollNode: n,
-  scrollStore: i,
-  renderClipBoardNode: o
-}) => {
-  const {
-    data: r,
-    hasMore: d,
-    loading: p,
-    key: a
-  } = S(e.leaderboardList.$store), {
-    data: l
-  } = S(e.deepLink.$store), [u, h] = Ee(o);
-  return !r.length && !p ? /* @__PURE__ */ s(ht, {
-    renderClipBoardNode: o,
-    deepLink: l
-  }) : /* @__PURE__ */ c(x, {
-    children: [/* @__PURE__ */ s(mt, {
-      items: r,
-      scrollNode: n,
-      scrollStore: i,
-      fetchMore: e.leaderboardList.fetchMore,
-      hasMore: d,
-      openItemDetail: e.openUser,
-      currentUserId: e.currentUserId.get()
-    }, a), l && /* @__PURE__ */ s(It, {
-      children: /* @__PURE__ */ s(Gn, {
-        onClick: () => u(l),
-        title: "Invite Friends",
-        description: "Challenge them now!"
-      })
-    }), h]
-  });
-}, Ct = /* @__PURE__ */ t("div")({
-  name: "QuestionItem",
-  class: "q1w97g3p",
-  propsAsIs: !1
-}), ft = /* @__PURE__ */ t("div")({
-  name: "QuestionCaption",
-  class: "q2sl39u",
-  propsAsIs: !1
-}), At = /* @__PURE__ */ t("div")({
-  name: "QuestionBody",
-  class: "qd5h0uc",
-  propsAsIs: !1
-}), gt = /* @__PURE__ */ t("div")({
-  name: "QuestionAction",
-  class: "q105uluy",
-  propsAsIs: !1
-}), $t = () => A, H = /* @__PURE__ */ t($t())({
-  name: "QuestionActionIcon",
-  class: "q1fa0b9h",
-  propsAsIs: !0
-}), bt = () => A, yt = /* @__PURE__ */ t(bt())({
-  name: "QuestionTypeIcon",
-  class: "qxlt78s",
-  propsAsIs: !0
-}), Rt = /* @__PURE__ */ t("div")({
-  name: "QuestionTypeLabel",
-  class: "qmg0vkx",
-  propsAsIs: !1
-}), wt = /* @__PURE__ */ t("div")({
-  name: "QuestionContent",
-  class: "q1uz5j1g",
-  propsAsIs: !1
-}), kt = /* @__PURE__ */ t("button")({
-  name: "PlayButton",
-  class: "p1pba9p1",
-  propsAsIs: !1
-}), Tt = {
-  [F.LOST]: /* @__PURE__ */ s(H, { name: "incorrectVoted" }),
-  [F.WON]: /* @__PURE__ */ s(H, { name: "icon-check" }),
-  [F.UNSET]: /* @__PURE__ */ s(H, { name: "icon-arrow" }),
-  [F.DNP]: /* @__PURE__ */ s(H, { name: "icon-arrow" })
-}, xt = ({
-  questionId: e,
-  questionType: n,
-  questionStatus: i,
-  subject: o,
-  openForVoting: r,
-  openQuestion: d,
-  status: p
-}) => {
-  const a = de[n], l = Tt[p];
-  return a ? /* @__PURE__ */ c(Ct, { onClick: () => d == null ? void 0 : d(e), children: [
-    /* @__PURE__ */ c(wt, { children: [
-      /* @__PURE__ */ c(ft, { children: [
-        /* @__PURE__ */ s(
-          yt,
-          {
-            "data-type-trivia": n === m.TRIVIA,
-            "data-type-poll": n === m.POLL,
-            name: a.iconName
-          }
-        ),
-        /* @__PURE__ */ c(Rt, { children: [
-          a.label,
-          n === m.TRIVIA && i === N.RESOLVED && " • Expired"
-        ] })
-      ] }),
-      /* @__PURE__ */ s(At, { children: o || "" })
-    ] }),
-    /* @__PURE__ */ s(gt, { children: r ? /* @__PURE__ */ s(kt, { children: "Play" }) : l })
-  ] }) : null;
-}, St = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "cll3md7",
-  propsAsIs: !1
-}), qt = /* @__PURE__ */ t("button")({
-  name: "ActionBtn",
-  class: "a10g1iik",
-  propsAsIs: !1
-}), Et = ({ openInsight: e, questionId: n, ...i }) => {
-  const o = () => {
-    Ie(), e == null || e(n);
-  };
-  return /* @__PURE__ */ c(St, { children: [
-    /* @__PURE__ */ s(ge, { questionId: n, ...i }),
-    e && /* @__PURE__ */ s(qt, { onClick: o, children: "View Insight" })
-  ] });
-}, Vt = /* @__PURE__ */ t("div")({
-  name: "Container",
-  class: "cl56x6b",
-  propsAsIs: !1
-}), Nt = () => Ve, Dt = /* @__PURE__ */ t(Nt())({
-  name: "ActionButton",
-  class: "a11pzf92",
-  propsAsIs: !0
-}), Lt = /* @__PURE__ */ t("blockquote")({
-  name: "Quote",
-  class: "q1hbaleq",
-  propsAsIs: !1
-}), Pt = ({ openTweet: e, ...n }) => {
-  const i = () => {
-    Ie(), e == null || e(n.tweetId);
-  };
-  return /* @__PURE__ */ c(Vt, { children: [
-    n.title && /* @__PURE__ */ s(Lt, { children: n.title }),
-    /* @__PURE__ */ s(me, { ...n }),
-    e && /* @__PURE__ */ s(Dt, { onClick: i, children: "View Insight" })
-  ] });
-}, Ot = /* @__PURE__ */ t("div")({
-  name: "QuestionsContainer",
-  class: "qvghv3l",
-  propsAsIs: !1
-}), Qt = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Ot, { children: e == null ? void 0 : e.map((o) => {
-  var r, d, p;
-  if (o.type === "question" && ((r = o.attributes) == null ? void 0 : r.attributes.case) === "question") {
-    const a = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(xt, { openQuestion: n, ...a }, a.questionId);
-  }
-  if (o.type === "insight" && ((d = o.attributes) == null ? void 0 : d.attributes.case) === "insight") {
-    const a = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(Et, { openInsight: n, controlVideo: i, ...a }, a.questionId);
-  }
-  if (o.type === "tweet" && ((p = o.attributes) == null ? void 0 : p.attributes.case) === "tweet") {
-    const a = o.attributes.attributes.value, l = o.attributes.id;
-    return /* @__PURE__ */ s(
-      Pt,
-      {
-        openTweet: n,
-        controlVideo: i,
-        ...a,
-        tweetId: l
-      },
-      l
-    );
-  }
-  return null;
-}) }), Mt = ({ store: e, openQuestion: n }) => {
-  const { sdk: i } = he(), o = S(e);
-  return o != null && o.data ? /* @__PURE__ */ s(Qt, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, _t = ({ userSummary: e }) => {
-  var n;
-  const [i, o] = E(void 0);
-  return ee(() => {
-    const r = e.subscribe((d) => {
-      d != null && d.data && o(d.data);
-    });
-    return () => {
-      r();
-    };
-  }, [e]), i != null && i.summary ? /* @__PURE__ */ s(fe, { ...i.summary, successRate: (n = i.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, jt = ({ gamification: e, className: n, scrollStore: i, scrollNode: o, appNode: r, style: d, responsiveStore: p, headerNode: a }) => {
-  const { tabsShown: l } = S(i, { keys: ["tabsShown"] }), [u, h] = E(Y.HOME), [, C] = Te(), { sdkInDesktopView: I } = S(p, { keys: ["sdkInDesktopView"] }), f = (w) => {
-    C(() => {
-      var b;
-      h(w), I === !1 && (((b = r.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Qe(r, { behavior: "instant" });
-    });
-  };
-  ee(() => i.listen((w) => {
-    if (w.scrollPosition === 0) {
-      i.setKey("tabsShown", !0);
-      return;
-    }
-    p.get().sdkInDesktopView ? i.setKey("tabsShown", w.scrollDirection === "backward") : i.setKey("tabsShown", w.scrollDirection === "forward");
-  }), [i, p]);
-  let k = "0px";
-  I ? k = l ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : k = l ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
-  const $ = I ? r : a;
-  return /* @__PURE__ */ c(Ne, { className: n, style: d, children: [
-    /* @__PURE__ */ s(
-      De,
-      {
-        style: {
-          top: k
-        },
-        children: /* @__PURE__ */ s(jn, { activePage: u, toggleActivePage: f })
-      }
-    ),
-    u === Y.HOME && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(ve, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Le, { children: /* @__PURE__ */ s(_t, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ s(Pe, { style: { flex: 1 }, children: /* @__PURE__ */ s(Mt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
-    ] }),
-    u === Y.LEADERBOARD && /* @__PURE__ */ s(Oe, { children: /* @__PURE__ */ s(
-      vt,
-      {
-        renderClipBoardNode: $,
-        scrollStore: i,
-        scrollNode: o,
-        gamification: e
-      }
-    ) })
-  ] });
-}, Ut = () => _e, le = /* @__PURE__ */ t(Ut())({
-  name: "OpenedContainer",
-  class: "oar61gl",
-  propsAsIs: !0
-}), Bt = /* @__PURE__ */ t("div")({
-  name: "UserContainer",
-  class: "u14zaal4",
-  propsAsIs: !1
-}), zt = ({
-  correct: e,
-  incorrect: n
-}) => {
-  const i = e + n;
-  return i === 0 ? 0 : Math.round(e / i * 100);
-}, ro = ({
-  gamification: e,
-  scrollStore: n,
-  className: i,
-  appNode: o,
-  scrollNode: r,
-  headerNode: d,
-  responsiveStore: p
-}) => {
-  const a = S(e.openedQuestion.$store), l = S(e.openedUser), {
-    sdkInDesktopView: u
-  } = S(p, {
-    keys: ["sdkInDesktopView"]
-  }), h = V(() => {
-    var C;
-    const I = (((C = o.current) == null ? void 0 : C.getBoundingClientRect().y) || 0) < 0;
-    if (!o.current || !a && !l)
-      return null;
-    const f = a ? /* @__PURE__ */ s(le, {
-      className: i,
-      children: /* @__PURE__ */ s(Pn, {
-        gamification: e
-      })
-    }) : l ? /* @__PURE__ */ s(le, {
-      className: i,
-      children: /* @__PURE__ */ c(Bt, {
-        children: [/* @__PURE__ */ s(Ce, {
-          label: "Friend's Rank",
-          close: e.closeUser
-        }), /* @__PURE__ */ s(ve, {
-          children: /* @__PURE__ */ s(fe, {
-            ...l,
-            successRate: zt(l)
-          })
-        })]
-      })
-    }) : null;
-    return /* @__PURE__ */ s(Me, {
-      container: o,
-      useContainer: !u,
-      fixedView: I,
-      children: f
-    });
-  }, [o, i, e, a, l, u]);
-  return /* @__PURE__ */ c(x, {
-    children: [h, /* @__PURE__ */ s(jt, {
-      appNode: o,
-      headerNode: d,
-      scrollStore: n,
-      scrollNode: r,
-      className: i,
-      gamification: e,
-      responsiveStore: p
-    })]
-  });
-};
 export {
-  ro as default
+  g as default
 };