@streamlayer/react 0.31.12 → 0.32.1

package/lib/es/gamification-feature.js

@@ -1,13 +1,13 @@
-import { jsxs as m, jsx as s, Fragment as b } from "react/jsx-runtime";
+import { jsxs as m, jsx as s, Fragment as w } from "react/jsx-runtime";
 import { s as r, n as O } from "./index4.js";
 import { useStore as k } from "@nanostores/react";
 import { o as Ne, r as te, w as Re, A as Qe, O as Ue, a as K, n as _e, d as Pe } from "./masters2.js";
-import { QuestionType as z, QuestionStatus as E, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
+import { QuestionType as z, QuestionStatus as L, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
 import { useState as V, useCallback as F, useMemo as Y, createElement as H, PureComponent as ye } from "react";
 import { d as Ae } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
-import { E as L } from "./index2.js";
+import { E } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
@@ -206,26 +206,38 @@ const Ye = /* @__PURE__ */ r("div")({
     ] })
   ] })
 ] }), Dt = /* @__PURE__ */ r("div")({
+  name: "SponsorLogoWrap",
+  class: "s8p5v5z",
+  propsAsIs: !1
+}), St = () => O, zt = /* @__PURE__ */ r(St())({
+  name: "SponsorLogo",
+  class: "s755yti",
+  propsAsIs: !0
+}), xt = () => /* @__PURE__ */ s(Dt, {
+  children: /* @__PURE__ */ s(zt, {
+    name: "mastersLogo"
+  })
+}), Ot = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c38csyt",
   propsAsIs: !1
-}), St = /* @__PURE__ */ r("div")({
+}), jt = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "ty221rx",
   propsAsIs: !1
-}), zt = /* @__PURE__ */ r("div")({
+}), Ct = /* @__PURE__ */ r("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), xt = ({ title: e, description: t }) => /* @__PURE__ */ m(Dt, { children: [
+}), kt = ({ title: e, description: t }) => /* @__PURE__ */ m(Ot, { children: [
   /* @__PURE__ */ s(O, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(St, { children: e }),
-  /* @__PURE__ */ s(zt, { children: t })
-] }), Ot = /* @__PURE__ */ r("div")({
+  /* @__PURE__ */ s(jt, { children: e }),
+  /* @__PURE__ */ s(Ct, { children: t })
+] }), bt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), jt = () => O, Ct = /* @__PURE__ */ r(jt())({
+}), wt = () => O, Lt = /* @__PURE__ */ r(wt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
@@ -237,7 +249,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "FeedbackHeader",
   class: "f455ozj",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ r("span")({
+}), Et = /* @__PURE__ */ r("span")({
   name: "FeedbackTitle",
   class: "f1913njx",
   propsAsIs: !1
@@ -245,11 +257,11 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), wt = /* @__PURE__ */ r("div")({
+}), $t = /* @__PURE__ */ r("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
-}), bt = ({
+}), Rt = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
@@ -258,62 +270,62 @@ const Ye = /* @__PURE__ */ r("div")({
   questionStatus: u
 }) => {
   const p = n && (i === z.TRIVIA || i === z.PREDICTION);
-  if (!p && u !== E.RESOLVED || u === E.RESOLVED && i === z.PREDICTION && !n)
+  if (!p && u !== L.RESOLVED || u === L.RESOLVED && i === z.PREDICTION && !n)
     return null;
   const I = i === z.PREDICTION && !o, c = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
-  return /* @__PURE__ */ m(Ot, { "data-isPrediction": I, children: [
-    u === E.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(b, { children: [
+  return /* @__PURE__ */ m(bt, { "data-isPrediction": I, children: [
+    u === L.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(w, { children: [
       /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(O, { name: "questionExpired" }) }),
       /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
-        /* @__PURE__ */ s(wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ s($t, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    p && I && /* @__PURE__ */ m(b, { children: [
-      /* @__PURE__ */ s(Ct, { name: "icon-prediction" }),
+    p && I && /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ s(Lt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    p && o && /* @__PURE__ */ m(b, { children: [
+    p && o && /* @__PURE__ */ m(w, { children: [
       /* @__PURE__ */ s(ae, { "data-feedbackType": c, children: /* @__PURE__ */ s(O, { name: c }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(le, { children: [
-        /* @__PURE__ */ s(kt, { "data-feedbackType": c, children: h == null ? void 0 : h.title }),
+        /* @__PURE__ */ s(Et, { "data-feedbackType": c, children: h == null ? void 0 : h.title }),
         /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
   ] });
-}, Et = /* @__PURE__ */ r("div")({
+}, Qt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c14ielyq",
   propsAsIs: !1
-}), Lt = /* @__PURE__ */ r("div")({
+}), Ut = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c1tlqx57",
   propsAsIs: !1
-}), $t = /* @__PURE__ */ r("div")({
+}), _t = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t1hq58md",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ r("div")({
+}), Pt = /* @__PURE__ */ r("div")({
   name: "Options",
   class: "o1c8nxcx",
   propsAsIs: !1
-}), Qt = /* @__PURE__ */ r("button")({
+}), qt = /* @__PURE__ */ r("button")({
   name: "ButtonContainer",
   class: "b1b6dl8t",
   propsAsIs: !1
-}), Ut = /* @__PURE__ */ r("div")({
+}), Yt = /* @__PURE__ */ r("div")({
   name: "ButtonPct",
   class: "b4iik8i",
   propsAsIs: !1
-}), _t = /* @__PURE__ */ r("span")({
+}), Wt = /* @__PURE__ */ r("span")({
   name: "ButtonBody",
   class: "b1gq1lnf",
   propsAsIs: !1
-}), Pt = /* @__PURE__ */ r("div")({
+}), Vt = /* @__PURE__ */ r("div")({
   name: "IconContainer",
   class: "i1j65z51",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ r("div")({
+}), Ft = /* @__PURE__ */ r("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
@@ -321,37 +333,37 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), Yt = () => xe, Wt = /* @__PURE__ */ r(Yt())({
+}), Bt = () => xe, Ht = /* @__PURE__ */ r(Bt())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), Vt = () => xe, Ft = /* @__PURE__ */ r(Vt())({
+}), Zt = () => xe, Gt = /* @__PURE__ */ r(Zt())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
-}), Bt = /* @__PURE__ */ r("span")({
+}), Jt = /* @__PURE__ */ r("span")({
   name: "Title",
   class: "t1dceht",
   propsAsIs: !1
-}), Ht = /* @__PURE__ */ r("span")({
+}), Kt = /* @__PURE__ */ r("span")({
   name: "Indicators",
   class: "i116q4vq",
   propsAsIs: !1
-}), Zt = /* @__PURE__ */ r("span")({
+}), Xt = /* @__PURE__ */ r("span")({
   name: "Percentage",
   class: "p17ajcu2",
   propsAsIs: !1
-}), Gt = () => O, Jt = /* @__PURE__ */ r(Gt())({
+}), en = () => O, tn = /* @__PURE__ */ r(en())({
   name: "CheckIcon",
   class: "cu9kmlb",
   propsAsIs: !0
 }), ce = {
-  [R.CENTERED]: (e) => /* @__PURE__ */ s(Wt, { alt: "option-icon", src: e }),
-  [R.TRANSPARENT]: (e) => /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ s(qt, { style: { backgroundImage: `url(${e})` } }) }),
-  [R.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
+  [R.CENTERED]: (e) => /* @__PURE__ */ s(Ht, { alt: "option-icon", src: e }),
+  [R.TRANSPARENT]: (e) => /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ s(Ft, { style: { backgroundImage: `url(${e})` } }) }),
+  [R.ROUNDED]: (e) => /* @__PURE__ */ s(Gt, { alt: "option-icon", src: e }),
   [R.NONE]: () => null,
   [R.UNSET]: () => null
-}, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: o }) => {
+}, nn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: o }) => {
   if (e === z.POLL && i)
     return "correct";
   if (e === z.PREDICTION) {
@@ -361,13 +373,13 @@ const Ye = /* @__PURE__ */ r("div")({
       return "correct";
   }
   return e === z.TRIVIA && o && i ? n ? "correct" : "incorrect" : "unset";
-}, Xt = ({
+}, sn = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: o
-}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === E.RESOLVED && n : !1, en = (e) => {
+}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === L.RESOLVED && n : !1, on = (e) => {
   var t;
   const {
     // option props
@@ -387,9 +399,9 @@ const Ye = /* @__PURE__ */ r("div")({
     questionType: A,
     correct: T,
     hasCorrectAnswer: a
-  } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = D === E.RESOLVED && A === z.PREDICTION, M = c || g;
+  } = e, l = nn(e), d = sn({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = D === L.RESOLVED && A === z.PREDICTION, M = c || g;
   return /* @__PURE__ */ m(
-    Qt,
+    qt,
     {
       value: n,
       "data-selected": I,
@@ -398,41 +410,41 @@ const Ye = /* @__PURE__ */ r("div")({
       "data-isNotChecked": c && !I && l !== "incorrect",
       onClick: p,
       children: [
-        /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${M ? u : 0}%` } }),
-        /* @__PURE__ */ m(_t, { children: [
+        /* @__PURE__ */ s(Yt, { "data-answerState": l, style: { width: `${M ? u : 0}%` } }),
+        /* @__PURE__ */ m(Wt, { children: [
           i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
-          /* @__PURE__ */ s(Bt, { children: o }),
-          M && /* @__PURE__ */ m(Ht, { children: [
-            d && /* @__PURE__ */ s(Jt, { name: "selected" }),
-            /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Ae, { value: u, suffix: "%" }) })
+          /* @__PURE__ */ s(Jt, { children: o }),
+          M && /* @__PURE__ */ m(Kt, { children: [
+            d && /* @__PURE__ */ s(tn, { name: "selected" }),
+            /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(Ae, { value: u, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
-}, tn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ r("div")({
+}, rn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], an = [10, 10, 0], ln = /* @__PURE__ */ r("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), on = L.SECONDARY_GREEN6, de = L.SECONDARY_RED3, rn = L.NEUTRALS_GRAY3, an = ({
+}), cn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, dn = E.NEUTRALS_GRAY3, un = ({
   isPlaying: e = !0,
   duration: t = 30,
   onTimerExpired: n
 }) => {
-  const [i, o] = V(t > 10 ? on : de), u = ({
+  const [i, o] = V(t > 10 ? cn : de), u = ({
     remainingTime: c
-  }) => /* @__PURE__ */ s(sn, {
+  }) => /* @__PURE__ */ s(ln, {
     children: c
   }), p = F(() => {
-    n == null || n(), o(rn);
+    n == null || n(), o(dn);
   }, [n, o]), I = F((c) => {
     c === 10 && o(de);
   }, [o]);
   return /* @__PURE__ */ s(qe, {
     isPlaying: e,
     duration: t,
-    colors: tn,
-    colorsTime: nn,
+    colors: rn,
+    colorsTime: an,
     size: 32,
     strokeWidth: 2,
     trailStrokeWidth: 2,
@@ -441,35 +453,35 @@ const Ye = /* @__PURE__ */ r("div")({
     onUpdate: I,
     children: u
   });
-}, ln = /* @__PURE__ */ r("div")({
+}, pn = /* @__PURE__ */ r("div")({
   name: "WinBarContainer",
   class: "wie6cqo",
   propsAsIs: !1
-}), cn = /* @__PURE__ */ r("div")({
+}), mn = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "cgizw4u",
   propsAsIs: !1
-}), dn = /* @__PURE__ */ r("div")({
+}), In = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), un = () => O, pn = /* @__PURE__ */ r(un())({
+}), hn = () => O, gn = /* @__PURE__ */ r(hn())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
-}), mn = /* @__PURE__ */ r("div")({
+}), fn = /* @__PURE__ */ r("div")({
   name: "Points",
   class: "p4lwuj0",
   propsAsIs: !1
-}), In = /* @__PURE__ */ r("span")({
+}), Mn = /* @__PURE__ */ r("span")({
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), hn = /* @__PURE__ */ r("span")({
+}), vn = /* @__PURE__ */ r("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), gn = ({
+}), Nn = ({
   title: e,
   points: t,
   isPlayingTimer: n,
@@ -477,19 +489,19 @@ const Ye = /* @__PURE__ */ r("div")({
   questionType: o,
   timerDuration: u,
   onTimerExpired: p
-}) => /* @__PURE__ */ m(ln, { children: [
-  /* @__PURE__ */ m(cn, { children: [
-    e && /* @__PURE__ */ s(dn, { children: e }),
-    t !== void 0 && o !== z.POLL && /* @__PURE__ */ m(b, { children: [
-      /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
-      /* @__PURE__ */ m(mn, { children: [
-        /* @__PURE__ */ s(In, { children: /* @__PURE__ */ s(Ae, { value: t }) }),
-        /* @__PURE__ */ s(hn, { children: "PTS" })
+}) => /* @__PURE__ */ m(pn, { children: [
+  /* @__PURE__ */ m(mn, { children: [
+    e && /* @__PURE__ */ s(In, { children: e }),
+    t !== void 0 && o !== z.POLL && /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ s(gn, { name: "icon-trophy" }),
+      /* @__PURE__ */ m(fn, { children: [
+        /* @__PURE__ */ s(Mn, { children: /* @__PURE__ */ s(Ae, { value: t }) }),
+        /* @__PURE__ */ s(vn, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: p, duration: u })
-] }), fn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
+  i && /* @__PURE__ */ s(un, { isPlaying: n, onTimerExpired: p, duration: u })
+] }), yn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
   var o, u;
   const p = e.subject, I = e.type, c = (o = e.options) == null ? void 0 : o.options, [h, y] = V(!1), [D, N] = V(""), A = e == null ? void 0 : e.id, T = F(
     async (v) => {
@@ -523,9 +535,9 @@ const Ye = /* @__PURE__ */ r("div")({
       onVote: T
     };
   }) : [], [d, h, t, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
-  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ m(Lt, { children: [
+  return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Qt, { children: /* @__PURE__ */ m(Ut, { children: [
     M && /* @__PURE__ */ s(
-      bt,
+      Rt,
       {
         feedbackMessages: M,
         questionVoted: !!l,
@@ -536,7 +548,7 @@ const Ye = /* @__PURE__ */ r("div")({
       }
     ),
     e.type !== z.PREDICTION && /* @__PURE__ */ s(
-      gn,
+      Nn,
       {
         title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
         points: h ? void 0 : l != null && l.correct ? l == null ? void 0 : l.points : 0,
@@ -548,37 +560,37 @@ const Ye = /* @__PURE__ */ r("div")({
       }
     ),
     h ? /* @__PURE__ */ s(
-      xt,
+      kt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ m(b, { children: [
-      /* @__PURE__ */ s($t, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
-      /* @__PURE__ */ s(Rt, { children: g.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
+    ) : /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ s(_t, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
+      /* @__PURE__ */ s(Pt, { children: g.map((v) => /* @__PURE__ */ s(on, { ...v }, v.id)) })
     ] })
   ] }) }) });
-}, Mn = /* @__PURE__ */ r("div")({
+}, An = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cgn5uen",
   propsAsIs: !1
-}), vn = /* @__PURE__ */ r("div")({
+}), Tn = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c1px8nt6",
   propsAsIs: !1
-}), Nn = /* @__PURE__ */ r("h3")({
+}), Dn = /* @__PURE__ */ r("h3")({
   name: "Title",
   class: "t5et2jt",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ r("div")({
+}), Sn = /* @__PURE__ */ r("div")({
   name: "Description",
   class: "d1i2kpk2",
   propsAsIs: !1
-}), An = /* @__PURE__ */ r("div")({
+}), zn = /* @__PURE__ */ r("div")({
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ r("img")({
+}), xn = /* @__PURE__ */ r("img")({
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
@@ -594,46 +606,46 @@ const Ye = /* @__PURE__ */ r("div")({
     }
     return null;
   }, [e]), u = (i == null ? void 0 : i.image) || t;
-  return /* @__PURE__ */ m(Mn, { children: [
-    o && /* @__PURE__ */ m(An, { children: [
+  return /* @__PURE__ */ m(An, { children: [
+    o && /* @__PURE__ */ m(zn, { children: [
       o.date,
       " · ",
       o.time
     ] }),
     (i == null ? void 0 : i.video) && /* @__PURE__ */ s(Re, { source: i.video.url, poster: i.video.thumbnailUrl }),
-    u && /* @__PURE__ */ s(Tn, { src: u }),
-    /* @__PURE__ */ m(vn, { children: [
-      /* @__PURE__ */ s(Nn, { children: (i == null ? void 0 : i.heading) || n }),
-      /* @__PURE__ */ s(yn, { children: i == null ? void 0 : i.body })
+    u && /* @__PURE__ */ s(xn, { src: u }),
+    /* @__PURE__ */ m(Tn, { children: [
+      /* @__PURE__ */ s(Dn, { children: (i == null ? void 0 : i.heading) || n }),
+      /* @__PURE__ */ s(Sn, { children: i == null ? void 0 : i.body })
     ] })
   ] });
-}, Dn = /* @__PURE__ */ r("div")({
+}, On = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Sn = /* @__PURE__ */ r("a")({
+}), jn = /* @__PURE__ */ r("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), zn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(Dn, { children: [
+}), Cn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(On, { children: [
   /* @__PURE__ */ s(Oe, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(jn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ s(O, { name: "icon-external-link" })
   ] })
-] }), xn = /* @__PURE__ */ r("div")({
+] }), kn = /* @__PURE__ */ r("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), On = ({
+}), bn = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(zn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Cn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, jn = ({
+}, wn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -642,13 +654,13 @@ const Ye = /* @__PURE__ */ r("div")({
     loading: i,
     data: o
   } = e;
-  return o ? /* @__PURE__ */ s(fn, {
+  return o ? /* @__PURE__ */ s(yn, {
     vote: t,
     close: n,
     openedQuestion: o,
     isLoading: !!i
   }) : null;
-}, Cn = ({
+}, Ln = ({
   gamification: e
 }) => {
   var t;
@@ -656,37 +668,39 @@ const Ye = /* @__PURE__ */ r("div")({
   if (!n)
     return null;
   const o = n.type;
-  return /* @__PURE__ */ m(xn, {
+  return /* @__PURE__ */ m(kn, {
     children: [/* @__PURE__ */ s(Te, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
-    }), o === "question" && /* @__PURE__ */ s(jn, {
+    }), o === "question" && /* @__PURE__ */ s(wn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), o !== "question" && /* @__PURE__ */ s(On, {
+    }), o !== "question" && /* @__PURE__ */ s(bn, {
       openedQuestion: n
+    }), /* @__PURE__ */ s(xt, {
+      sponsorLogo: ""
     })]
   });
-}, kn = /* @__PURE__ */ r("div")({
+}, En = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ r("div")({
+}), $n = /* @__PURE__ */ r("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ r("button")({
+}), Rn = /* @__PURE__ */ r("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), En = /* @__PURE__ */ r("span")({
+}), Qn = /* @__PURE__ */ r("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var W = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(W || {});
-const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(En, { children: e }) }), Ln = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ m(wn, { "data-position": e === "home" ? "left" : "right", children: [
+const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Rn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Qn, { children: e }) }), Un = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(En, { children: /* @__PURE__ */ m($n, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -723,25 +737,25 @@ function ee(e, t) {
     return i.__proto__ = o, i;
   }, ee(e, t);
 }
-function $n(e, t) {
+function _n(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
 }
 var me = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Rn(e, t) {
+function Pn(e, t) {
   return !!(e === t || me(e) && me(t));
 }
-function Qn(e, t) {
+function qn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Rn(e[n], t[n]))
+    if (!Pn(e[n], t[n]))
       return !1;
   return !0;
 }
 function G(e, t) {
-  t === void 0 && (t = Qn);
+  t === void 0 && (t = qn);
   var n, i = [], o, u = !1;
   function p() {
     for (var I = [], c = 0; c < arguments.length; c++)
@@ -750,7 +764,7 @@ function G(e, t) {
   }
   return p;
 }
-var Un = typeof performance == "object" && typeof performance.now == "function", Ie = Un ? function() {
+var Yn = typeof performance == "object" && typeof performance.now == "function", Ie = Yn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -758,7 +772,7 @@ var Un = typeof performance == "object" && typeof performance.now == "function",
 function he(e) {
   cancelAnimationFrame(e.id);
 }
-function _n(e, t) {
+function Wn(e, t) {
   var n = Ie();
   function i() {
     Ie() - n >= t ? e.call(null) : o.id = requestAnimationFrame(i);
@@ -776,23 +790,23 @@ function ge(e) {
   }
   return J;
 }
-var w = null;
+var b = null;
 function fe(e) {
-  if (e === void 0 && (e = !1), w === null || e) {
+  if (e === void 0 && (e = !1), b === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var i = document.createElement("div"), o = i.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? w = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? w = "negative" : w = "positive-ascending"), document.body.removeChild(t), w;
+    return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? b = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? b = "negative" : b = "positive-ascending"), document.body.removeChild(t), b;
   }
-  return w;
+  return b;
 }
-var Pn = 150, qn = function(t, n) {
+var Vn = 150, Fn = function(t, n) {
   return t;
 };
-function Yn(e) {
+function Bn(e) {
   var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, o = e.getItemSize, u = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, c = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
   return t = /* @__PURE__ */ function(D) {
-    $n(N, D);
+    _n(N, D);
     function N(T) {
       var a;
       return a = D.call(this, T) || this, a._instanceProps = c(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
@@ -871,7 +885,7 @@ function Yn(e) {
         var d = a.props.outerRef;
         a._outerRef = l, typeof d == "function" ? d(l) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = l);
       }, a._resetIsScrollingDebounced = function() {
-        a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = _n(a._resetIsScrolling, Pn);
+        a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Wn(a._resetIsScrolling, Vn);
       }, a._resetIsScrolling = function() {
         a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
@@ -881,7 +895,7 @@ function Yn(e) {
       }, a;
     }
     N.getDerivedStateFromProps = function(a, l) {
-      return Wn(a, l), y(a), null;
+      return Hn(a, l), y(a), null;
     };
     var A = N.prototype;
     return A.scrollTo = function(a) {
@@ -936,25 +950,25 @@ function Yn(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, we = a.useIsScrolling, be = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Ee = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Le = se[0], $e = se[1], ie = [];
+      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? Fn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, be = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Le = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], $e = se[1], ie = [];
       if (x > 0)
-        for (var $ = Le; $ <= $e; $++)
+        for (var $ = Ee; $ <= $e; $++)
           ie.push(H(l, {
             data: j,
             key: Q($, j),
             index: $,
-            isScrolling: we ? ne : void 0,
+            isScrolling: be ? ne : void 0,
             style: this._getItemStyle($)
           }));
       var oe = i(this.props, this._instanceProps);
       return H(je || Ce || "div", {
         className: d,
-        onScroll: Ee,
+        onScroll: Le,
         ref: this._outerRefSetter,
         style: X({
           position: "relative",
           height: M,
-          width: be,
+          width: we,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
@@ -996,9 +1010,9 @@ function Yn(e) {
     useIsScrolling: !1
   }, t;
 }
-var Wn = function(t, n) {
+var Hn = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, Vn = /* @__PURE__ */ Yn({
+}, Zn = /* @__PURE__ */ Bn({
   getItemOffset: function(t, n) {
     var i = t.itemSize;
     return n * i;
@@ -1046,11 +1060,11 @@ var Wn = function(t, n) {
     t.itemSize;
   }
 });
-function Fn(e) {
+function Gn(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, o = e.stopIndex;
   return !(i > n || o < t);
 }
-function Bn(e) {
+function Jn(e) {
   for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, o = e.startIndex, u = e.stopIndex, p = [], I = null, c = null, h = o; h <= u; h++) {
     var y = t(h);
     y ? c !== null && (p.push(I, c), I = c = null) : (c = h, I === null && (I = h));
@@ -1070,10 +1084,10 @@ function Bn(e) {
     }
   return p;
 }
-var Hn = function(e, t) {
+var Kn = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, Zn = function() {
+}, Xn = function() {
   function e(t, n) {
     for (var i = 0; i < n.length; i++) {
       var o = n[i];
@@ -1083,7 +1097,7 @@ var Hn = function(e, t) {
   return function(t, n, i) {
     return n && e(t.prototype, n), i && e(t, i), t;
   };
-}(), Gn = function(e, t) {
+}(), es = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1098,11 +1112,11 @@ var Hn = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
-}, Jn = function(e) {
-  Gn(t, e);
+}, ts = function(e) {
+  es(t, e);
   function t() {
     var n, i, o, u;
-    Hn(this, t);
+    Kn(this, t);
     for (var p = arguments.length, I = Array(p), c = 0; c < p; c++)
       I[c] = arguments[c];
     return u = (i = (o = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(I))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(h) {
@@ -1112,7 +1126,7 @@ var Hn = function(e, t) {
       o._listRef = h;
     }, i), Me(o, u);
   }
-  return Zn(t, [{
+  return Xn(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1134,7 +1148,7 @@ var Hn = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, o) {
-      var u = this.props, p = u.isItemLoaded, I = u.itemCount, c = u.minimumBatchSize, h = c === void 0 ? 10 : c, y = u.threshold, D = y === void 0 ? 15 : y, N = Bn({
+      var u = this.props, p = u.isItemLoaded, I = u.itemCount, c = u.minimumBatchSize, h = c === void 0 ? 10 : c, y = u.threshold, D = y === void 0 ? 15 : y, N = Jn({
         isItemLoaded: p,
         itemCount: I,
         minimumBatchSize: h,
@@ -1151,7 +1165,7 @@ var Hn = function(e, t) {
       for (var o = this, u = this.props.loadMoreItems || this.props.loadMoreRows, p = function(h) {
         var y = i[h], D = i[h + 1], N = u(y, D);
         N != null && N.then(function() {
-          if (Fn({
+          if (Gn({
             lastRenderedStartIndex: o._lastRenderedStartIndex,
             lastRenderedStopIndex: o._lastRenderedStopIndex,
             startIndex: y,
@@ -1167,39 +1181,39 @@ var Hn = function(e, t) {
     }
   }]), t;
 }(ye);
-const Kn = /* @__PURE__ */ r("div")({
+const ns = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), Xn = /* @__PURE__ */ r("div")({
+}), ss = /* @__PURE__ */ r("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), es = /* @__PURE__ */ r("img")({
+}), is = /* @__PURE__ */ r("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), ts = /* @__PURE__ */ r("div")({
+}), os = /* @__PURE__ */ r("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), ns = /* @__PURE__ */ r("div")({
+}), rs = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), ss = /* @__PURE__ */ r("div")({
+}), as = /* @__PURE__ */ r("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), is = /* @__PURE__ */ r("span")({
+}), ls = /* @__PURE__ */ r("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), os = () => O, rs = /* @__PURE__ */ r(os())({
+}), cs = () => O, ds = /* @__PURE__ */ r(cs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), as = ({
+}), us = ({
   rank: e,
   avatar: t,
   name: n,
@@ -1207,33 +1221,33 @@ const Kn = /* @__PURE__ */ r("div")({
   isCurrentUser: o,
   openItemDetail: u,
   style: p
-}) => /* @__PURE__ */ m(Kn, { onClick: u, style: p, children: [
-  /* @__PURE__ */ s(Xn, { children: e || 0 }),
-  /* @__PURE__ */ m(ns, { children: [
-    t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: De(n || "") }),
-    /* @__PURE__ */ m(ss, { children: [
-      /* @__PURE__ */ s(is, { children: n || "" }),
-      o && /* @__PURE__ */ s(rs, { name: "icon-star" })
+}) => /* @__PURE__ */ m(ns, { onClick: u, style: p, children: [
+  /* @__PURE__ */ s(ss, { children: e || 0 }),
+  /* @__PURE__ */ m(rs, { children: [
+    t ? /* @__PURE__ */ s(is, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(os, { children: De(n || "") }),
+    /* @__PURE__ */ m(as, { children: [
+      /* @__PURE__ */ s(ls, { children: n || "" }),
+      o && /* @__PURE__ */ s(ds, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ s("div", { children: Se(i) })
-] }), ls = /* @__PURE__ */ r("div")({
+] }), ps = /* @__PURE__ */ r("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), cs = ({
+}), ms = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i
 }) => /* @__PURE__ */ s(Qe, { children: ({ width: o, height: u }) => /* @__PURE__ */ s(
-  Jn,
+  ts,
   {
     isItemLoaded: (p) => p < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: p, ref: I }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
-      Vn,
+    children: ({ onItemsRendered: p, ref: I }) => /* @__PURE__ */ s(ps, { children: /* @__PURE__ */ s(
+      Zn,
       {
         itemSize: 56,
         onItemsRendered: p,
@@ -1242,7 +1256,7 @@ const Kn = /* @__PURE__ */ r("div")({
         width: o,
         height: u,
         children: ({ index: c, style: h }) => /* @__PURE__ */ s(
-          as,
+          us,
           {
             style: { ...h, maxHeight: 48 },
             ...e[c],
@@ -1254,12 +1268,12 @@ const Kn = /* @__PURE__ */ r("div")({
       }
     ) })
   }
-) }), ds = ({ deepLink: e }) => {
-  const { data: t } = k(e.$store);
+) }), Is = ({ deepLink: e }) => {
+  const { data: t } = k(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
     Ue,
     {
-      inviteLink: t == null ? void 0 : t.url,
+      inviteLink: n || i,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1276,59 +1290,59 @@ const Kn = /* @__PURE__ */ r("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, us = ({ gamification: e }) => {
+}, hs = ({ gamification: e }) => {
   const { data: t } = k(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ s(
-    cs,
+    ms,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ s(ds, { deepLink: e.deepLink });
-}, ps = /* @__PURE__ */ r("div")({
+  ) : /* @__PURE__ */ s(Is, { deepLink: e.deepLink });
+}, gs = /* @__PURE__ */ r("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), ms = /* @__PURE__ */ r("div")({
+}), fs = /* @__PURE__ */ r("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Is = /* @__PURE__ */ r("div")({
+}), Ms = /* @__PURE__ */ r("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), hs = /* @__PURE__ */ r("div")({
+}), vs = /* @__PURE__ */ r("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), gs = () => O, q = /* @__PURE__ */ r(gs())({
+}), Ns = () => O, q = /* @__PURE__ */ r(Ns())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), fs = () => O, Ms = /* @__PURE__ */ r(fs())({
+}), ys = () => O, As = /* @__PURE__ */ r(ys())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), vs = /* @__PURE__ */ r("div")({
+}), Ts = /* @__PURE__ */ r("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Ns = /* @__PURE__ */ r("div")({
+}), Ds = /* @__PURE__ */ r("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), ys = /* @__PURE__ */ r("button")({
+}), Ss = /* @__PURE__ */ r("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), As = {
+}), zs = {
   [_.LOST]: /* @__PURE__ */ s(q, { name: "incorrectVoted" }),
   [_.WON]: /* @__PURE__ */ s(q, { name: "icon-check" }),
   [_.UNSET]: /* @__PURE__ */ s(q, { name: "icon-arrow" }),
   [_.DNP]: /* @__PURE__ */ s(q, { name: "icon-arrow" })
-}, Ts = ({
+}, xs = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
@@ -1337,65 +1351,65 @@ const Kn = /* @__PURE__ */ r("div")({
   openQuestion: u,
   status: p
 }) => {
-  const I = Ne[t], c = As[p];
-  return I ? /* @__PURE__ */ m(ps, { onClick: () => u == null ? void 0 : u(e), children: [
-    /* @__PURE__ */ m(Ns, { children: [
-      /* @__PURE__ */ m(ms, { children: [
+  const I = Ne[t], c = zs[p];
+  return I ? /* @__PURE__ */ m(gs, { onClick: () => u == null ? void 0 : u(e), children: [
+    /* @__PURE__ */ m(Ds, { children: [
+      /* @__PURE__ */ m(fs, { children: [
         /* @__PURE__ */ s(
-          Ms,
+          As,
           {
             "data-type-trivia": t === z.TRIVIA,
             "data-type-poll": t === z.POLL,
             name: I.iconName
           }
         ),
-        /* @__PURE__ */ m(vs, { children: [
+        /* @__PURE__ */ m(Ts, { children: [
           I.label,
-          t === z.TRIVIA && n === E.RESOLVED && " • Expired"
+          t === z.TRIVIA && n === L.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(Is, { children: i || "" })
+      /* @__PURE__ */ s(Ms, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(hs, { children: o ? /* @__PURE__ */ s(ys, { children: "Play" }) : c })
+    /* @__PURE__ */ s(vs, { children: o ? /* @__PURE__ */ s(Ss, { children: "Play" }) : c })
   ] }) : null;
-}, Ds = /* @__PURE__ */ r("div")({
+}, Os = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Ss = /* @__PURE__ */ r("button")({
+}), js = /* @__PURE__ */ r("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), zs = ({
+}), Cs = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ m(Ds, { children: [
+}) => /* @__PURE__ */ m(Os, { children: [
   /* @__PURE__ */ s(Oe, { questionId: t, ...n }),
-  e && /* @__PURE__ */ s(Ss, { onClick: () => e(t), children: "View Insight" })
-] }), xs = /* @__PURE__ */ r("div")({
+  e && /* @__PURE__ */ s(js, { onClick: () => e(t), children: "View Insight" })
+] }), ks = /* @__PURE__ */ r("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Os = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(xs, { children: e == null ? void 0 : e.map((n) => {
+}), bs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(ks, { children: e == null ? void 0 : e.map((n) => {
   var i, o;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const u = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(Ts, { openQuestion: t, ...u }, u.questionId);
+    return /* @__PURE__ */ s(xs, { openQuestion: t, ...u }, u.questionId);
   }
   if (n.type === "insight" && ((o = n.attributes) == null ? void 0 : o.attributes.case) === "insight") {
     const u = n.attributes.attributes.value;
-    return /* @__PURE__ */ s(zs, { openInsight: t, ...u }, u.questionId);
+    return /* @__PURE__ */ s(Cs, { openInsight: t, ...u }, u.questionId);
   }
   return null;
-}) }), js = ({ store: e, openQuestion: t }) => {
+}) }), ws = ({ store: e, openQuestion: t }) => {
   const n = k(e);
-  return n != null && n.data ? /* @__PURE__ */ s(Os, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, Cs = ({ userSummary: e }) => {
+  return n != null && n.data ? /* @__PURE__ */ s(bs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, Ls = ({ userSummary: e }) => {
   var t, n;
   const i = k(e.getStore());
   return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(ze, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, ks = ({
+}, Es = ({
   gamification: e
 }) => {
   const [t, n] = V(W.HOME);
@@ -1410,7 +1424,7 @@ const Kn = /* @__PURE__ */ r("div")({
       style: {
         paddingBottom: "4px"
       },
-      children: /* @__PURE__ */ s(Ln, {
+      children: /* @__PURE__ */ s(Un, {
         activePage: t,
         toggleActivePage: n
       })
@@ -1419,69 +1433,69 @@ const Kn = /* @__PURE__ */ r("div")({
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ s(Cs, {
+        children: /* @__PURE__ */ s(Ls, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(_e, {
-        children: /* @__PURE__ */ s(js, {
+        children: /* @__PURE__ */ s(ws, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
     }), t === W.LEADERBOARD && /* @__PURE__ */ s("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ s(us, {
+      children: /* @__PURE__ */ s(hs, {
         gamification: e
       })
     })]
   });
-}, ws = () => Pe, ve = /* @__PURE__ */ r(ws())({
+}, $s = () => Pe, ve = /* @__PURE__ */ r($s())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), bs = /* @__PURE__ */ r("div")({
+}), Rs = /* @__PURE__ */ r("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Es = ({
+}), Qs = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Zs = ({
+}, Xs = ({
   gamification: e,
   className: t
 }) => {
   const n = k(e.openedQuestion.$store), i = k(e.openedUser);
-  return /* @__PURE__ */ m(b, {
+  return /* @__PURE__ */ m(w, {
     children: [n && /* @__PURE__ */ s(ve, {
       className: t,
-      children: /* @__PURE__ */ s(Cn, {
+      children: /* @__PURE__ */ s(Ln, {
         gamification: e
       })
     }), i && /* @__PURE__ */ s(ve, {
       className: t,
-      children: /* @__PURE__ */ m(bs, {
+      children: /* @__PURE__ */ m(Rs, {
         children: [/* @__PURE__ */ s(Te, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ s(K, {
           children: /* @__PURE__ */ s(ze, {
             ...i,
-            successRate: Es(i)
+            successRate: Qs(i)
           })
         })]
       })
     }), /* @__PURE__ */ s(te, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ s(ks, {
+      children: /* @__PURE__ */ s(Es, {
         gamification: e
       })
     })]
   });
 };
 export {
-  Zs as default
+  Xs as default
 };