@streamlayer/react 0.40.0 → 0.40.1

package/lib/es/gamification-feature.js

@@ -3,7 +3,7 @@ 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 Re, useCallback as B, useEffect as ee, useMemo as V, PureComponent as we, useTransition as ke } from "react";
 import { o as de, I as pe, s as ue, c as Te, q as xe, J as me, n as he, F as Se, h as qe, a as Ee, p as Ve, C as Ne, b as Ie, m as De, d as Le, l as Pe, e as Oe, V as Qe, f as Me } from "./masters2.js";
-import { QuestionType as m, QuestionStatus as N, QuestionImages as j, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
+import { QuestionType as m, QuestionStatus as N, QuestionImages as M, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
 import "react-countup";
 import { CountdownCircleTimer as _e } from "react-countdown-circle-timer";
 import { E as D } from "./index2.js";
@@ -199,15 +199,15 @@ const Ue = /* @__PURE__ */ t("div")({
       /* @__PURE__ */ s(W, { indicator: `${u || 0}%`, title: "Succ. rate" })
     ] })
   ] })
-] }), $s = /* @__PURE__ */ t("div")({
+] }), gs = /* @__PURE__ */ t("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), gs = () => A, bs = /* @__PURE__ */ t(gs())({
+}), $s = () => A, bs = /* @__PURE__ */ t($s())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), ys = () => /* @__PURE__ */ s($s, {
+}), ys = () => /* @__PURE__ */ s(gs, {
   children: /* @__PURE__ */ s(bs, {
     name: "mastersLogo"
   })
@@ -269,8 +269,8 @@ const Ue = /* @__PURE__ */ t("div")({
   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, g = I && f, w = I && r, b = o === m.PREDICTION && i && l && r, L = i && o === m.POLL && l;
-  if (!p && !a && !g && !w && !k && !L && !b)
+  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(xs, { "data-isPrediction": f, children: [
@@ -295,7 +295,7 @@ const Ue = /* @__PURE__ */ t("div")({
         /* @__PURE__ */ s(X, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    g && /* @__PURE__ */ c(x, { children: [
+    $ && /* @__PURE__ */ c(x, { children: [
       /* @__PURE__ */ s(qs, { name: "icon-prediction" }),
       /* @__PURE__ */ s(Q, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
@@ -384,11 +384,11 @@ const Ue = /* @__PURE__ */ t("div")({
   class: "c1j2j0s0",
   propsAsIs: !0
 }), oe = {
-  [j.CENTERED]: (e) => /* @__PURE__ */ s(Fs, { alt: "option-icon", src: e }),
-  [j.TRANSPARENT]: (e) => /* @__PURE__ */ s(Us, { children: /* @__PURE__ */ s(Bs, { style: { backgroundImage: `url(${e})` } }) }),
-  [j.ROUNDED]: (e) => /* @__PURE__ */ s(Zs, { alt: "option-icon", src: e }),
-  [j.NONE]: () => null,
-  [j.UNSET]: () => null
+  [M.CENTERED]: (e) => /* @__PURE__ */ s(Fs, { alt: "option-icon", src: e }),
+  [M.TRANSPARENT]: (e) => /* @__PURE__ */ s(Us, { children: /* @__PURE__ */ s(Bs, { style: { backgroundImage: `url(${e})` } }) }),
+  [M.ROUNDED]: (e) => /* @__PURE__ */ s(Zs, { alt: "option-icon", src: e }),
+  [M.NONE]: () => null,
+  [M.UNSET]: () => null
 }, en = ({ questionType: e, hasCorrectAnswer: n, correct: i, youVoted: o, questionVoted: r }) => {
   if (e === m.POLL && o)
     return "correct";
@@ -423,13 +423,13 @@ const Ue = /* @__PURE__ */ t("div")({
     answerTimeExpired: I,
     questionStatus: f,
     isLoading: k,
-    questionType: g,
+    questionType: $,
     correct: w,
     hasCorrectAnswer: b,
     votedAfterQuestionClosed: L,
     enteredAnActiveQuestion: q,
     marketClosed: T
-  } = e, [M, z] = E(d), P = en(e), G = sn({ questionType: g, questionVoted: h, correct: w, hasCorrectAnswer: b, questionStatus: f }), v = T && g === m.PREDICTION, $ = h || v, y = g === m.PREDICTION && !h && !T, J = h && !u && P !== "incorrect";
+  } = e, [_, z] = E(d), P = en(e), G = sn({ 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 Re(() => {
     d > 0 && (z(0), requestAnimationFrame(() => {
       z(d);
@@ -444,11 +444,11 @@ const Ue = /* @__PURE__ */ t("div")({
       "data-is-not-checked": J,
       onClick: (K) => {
         l(
-          g === m.PREDICTION ? T : f === N.RESOLVED
+          $ === m.PREDICTION ? T : f === N.RESOLVED
         ), a(K);
       },
       children: [
-        /* @__PURE__ */ s(_s, { "data-answer-state": P, style: { width: `${$ ? M : 0}%` } }),
+        /* @__PURE__ */ s(_s, { "data-answer-state": P, style: { width: `${g ? _ : 0}%` } }),
         /* @__PURE__ */ c(js, { children: [
           o && C && ((n = oe[C]) == null ? void 0 : n.call(oe, o)),
           /* @__PURE__ */ s(Hs, { children: r }),
@@ -456,7 +456,7 @@ const Ue = /* @__PURE__ */ t("div")({
             p,
             /* @__PURE__ */ s(Gs, { children: "pts" })
           ] }),
-          $ && /* @__PURE__ */ c(Ys, { children: [
+          g && /* @__PURE__ */ c(Ys, { children: [
             G && /* @__PURE__ */ s(Xs, { name: "selected" }),
             /* @__PURE__ */ s(Js, { children: /* @__PURE__ */ s(ce, { value: d, suffix: "%" }) })
           ] })
@@ -546,7 +546,7 @@ const Ue = /* @__PURE__ */ t("div")({
   o && d !== m.PREDICTION && /* @__PURE__ */ s(cn, { isPlaying: i, onTimerExpired: a, duration: p })
 ] }), An = ({ 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), [g, w] = E(!0), [b, L] = E(!1), [q, T] = E(""), M = e == null ? void 0 : e.id;
+  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);
   }, []);
@@ -554,39 +554,39 @@ const Ue = /* @__PURE__ */ t("div")({
     k(R), I(!0);
   }, []), P = B(
     async (R) => {
-      if (M) {
-        const _ = R.currentTarget.value;
-        T(_), await i(M, _);
+      if (_) {
+        const j = R.currentTarget.value;
+        T(j), await i(_, j);
       }
     },
-    [M, T, i]
+    [_, T, i]
   ), G = B(() => {
     L(!0), setTimeout(o, 3e3);
   }, [o]), v = V(
     () => e == null ? void 0 : e.answers.find((R) => R.youVoted === !0),
     [e]
-  ), $ = V(
+  ), 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 _;
+    var j;
     return {
       ...R,
       questionVoted: !!v,
       youSelected: q === R.id,
       isLoading: n,
-      hasCorrectAnswer: $,
+      hasCorrectAnswer: g,
       questionType: e.type,
       answerTimeExpired: b,
       questionStatus: l,
-      imageMode: (_ = e.appearance) == null ? void 0 : _.images,
+      imageMode: (j = e.appearance) == null ? void 0 : j.images,
       onVote: P
     };
   }) : [], [
-    $,
+    g,
     b,
     n,
     e,
@@ -594,8 +594,8 @@ const Ue = /* @__PURE__ */ t("div")({
     l,
     P,
     q
-  ]), K = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, O = l === N.RESOLVED && a === m.TRIVIA && !v && !g, se = a === m.TRIVIA && f && C && g, ne = V(() => a === m.PREDICTION ? !!(v && !$ || v && $ && y != null && y.youVoted) : !0, [a, v, $, y]), $e = V(() => {
-    if (a === m.PREDICTION && v && (!$ || $ && y != null && y.youVoted))
+  ]), 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]), ge = 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;
@@ -606,8 +606,8 @@ const Ue = /* @__PURE__ */ t("div")({
     l,
     O,
     a,
-    $
-  ]), ge = V(() => a === m.PREDICTION && v ? $ ? $ && 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, $, y]), be = (a === m.TRIVIA || a === m.PREDICTION) && v && $ && (y == null ? void 0 : y.youVoted), ye = v || O || se || a === m.TRIVIA && l === N.RESOLVED && g;
+    g
+  ]), $e = 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]), be = (a === m.TRIVIA || a === m.PREDICTION) && v && g && (y == null ? void 0 : y.youVoted), ye = v || O || se || a === m.TRIVIA && l === N.RESOLVED && $;
   return /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(Ns, { children: /* @__PURE__ */ c(Ps, { children: [
     /* @__PURE__ */ s(
       Vs,
@@ -616,21 +616,21 @@ const Ue = /* @__PURE__ */ t("div")({
         questionVoted: !!v,
         questionVotedCorrectly: v == null ? void 0 : v.correct,
         questionType: a,
-        hasCorrectAnswer: $,
+        hasCorrectAnswer: g,
         questionStatus: l,
         showExpiredNotification: O,
         showClosedNotificationTrivia: se,
         votedInCurrentRender: C,
         votedAfterQuestionClosed: f,
-        enteredAnActiveQuestion: g,
+        enteredAnActiveQuestion: $,
         marketClosed: h
       }
     ),
     ne && /* @__PURE__ */ s(
       fn,
       {
-        title: ge,
-        points: $e,
+        title: $e,
+        points: ge,
         onTimerExpired: G,
         questionType: e.type,
         isTimer: !n,
@@ -653,18 +653,18 @@ const Ue = /* @__PURE__ */ t("div")({
           ...R,
           markThatVoted: z,
           votedAfterQuestionClosed: f,
-          enteredAnActiveQuestion: g,
+          enteredAnActiveQuestion: $,
           marketClosed: h
         },
         R.id
       )) })
     ] })
   ] }) }) });
-}, $n = /* @__PURE__ */ t("div")({
+}, gn = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "cgn5uen",
   propsAsIs: !1
-}), gn = /* @__PURE__ */ t("div")({
+}), $n = /* @__PURE__ */ t("div")({
   name: "Content",
   class: "c1px8nt6",
   propsAsIs: !1
@@ -680,72 +680,77 @@ const Ue = /* @__PURE__ */ t("div")({
   name: "Image",
   class: "id3lh3p",
   propsAsIs: !1
+}), wn = /* @__PURE__ */ t("div")({
+  name: "ImageContainer",
+  class: "i1gfjeu5",
+  propsAsIs: !1
 }), Ae = ({
-  instantView: e,
-  isDetail: n,
-  notification: i,
-  controlVideo: o
+  imageMode: e,
+  instantView: n,
+  isDetail: i,
+  notification: o,
+  controlVideo: r
 }) => {
-  const r = e == null ? void 0 : e.heading, d = e == null ? void 0 : e.body, p = r || d, a = i == null ? void 0 : i.title, l = i == null ? void 0 : i.body;
-  return /* @__PURE__ */ c($n, { children: [
-    (e == null ? void 0 : e.video) && /* @__PURE__ */ s(
+  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(gn, { children: [
+    (n == null ? void 0 : n.video) && /* @__PURE__ */ s(
       xe,
       {
-        source: e.video.url,
-        poster: e.video.thumbnailUrl,
-        controlVideo: o
+        source: n.video.url,
+        poster: n.video.thumbnailUrl,
+        controlVideo: r
       }
     ),
-    (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(Rn, { src: e == null ? void 0 : e.image }),
-    /* @__PURE__ */ c(gn, { children: [
-      /* @__PURE__ */ s(bn, { children: n && p ? r : a }),
-      /* @__PURE__ */ s(yn, { children: n && p ? d : l })
+    (n == null ? void 0 : n.image) && !(n != null && n.video) && /* @__PURE__ */ s(wn, { "data-rounded": e === M.ROUNDED, children: /* @__PURE__ */ s(Rn, { src: n == null ? void 0 : n.image }) }),
+    /* @__PURE__ */ c($n, { children: [
+      /* @__PURE__ */ s(bn, { children: i && a ? d : l }),
+      /* @__PURE__ */ s(yn, { children: i && a ? p : u })
     ] })
   ] });
-}, wn = /* @__PURE__ */ t("div")({
+}, kn = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ t("a")({
+}), Tn = /* @__PURE__ */ t("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Tn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(wn, { children: [
+}), xn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(kn, { children: [
   /* @__PURE__ */ s(Ae, { instantView: e, ...n, isDetail: !0 }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(Tn, { 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" })
   ] })
-] }), xn = /* @__PURE__ */ t("div")({
+] }), Sn = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c1dcxmvf",
   propsAsIs: !1
-}), Sn = /* @__PURE__ */ t("blockquote")({
+}), qn = /* @__PURE__ */ t("blockquote")({
   name: "Quote",
   class: "qb4q22c",
   propsAsIs: !1
-}), qn = (e) => /* @__PURE__ */ c(xn, { children: [
-  e.title && /* @__PURE__ */ s(Sn, { children: e.title }),
+}), En = (e) => /* @__PURE__ */ c(Sn, { children: [
+  e.title && /* @__PURE__ */ s(qn, { children: e.title }),
   /* @__PURE__ */ s(me, { ...e, isDetail: !0 })
-] }), En = /* @__PURE__ */ t("div")({
+] }), Vn = /* @__PURE__ */ t("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), Vn = ({
+}), Nn = ({
   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(Tn, {
+  return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(xn, {
     ...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(qn, {
+  }) : ((i = e == null ? void 0 : e.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ s(En, {
     ...e.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
   }) : null;
-}, Nn = ({
+}, Dn = ({
   extendedQuestion: e,
   vote: n,
   close: i
@@ -760,7 +765,7 @@ const Ue = /* @__PURE__ */ t("div")({
     openedQuestion: r,
     isLoading: !!o
   }) : null;
-}, Dn = ({
+}, Ln = ({
   gamification: e
 }) => {
   var n;
@@ -768,39 +773,39 @@ const Ue = /* @__PURE__ */ t("div")({
   if (!i)
     return null;
   const r = i.type;
-  return /* @__PURE__ */ c(En, {
+  return /* @__PURE__ */ c(Vn, {
     children: [/* @__PURE__ */ s(ve, {
       close: e.closeQuestion,
       type: ((n = i.attributes) == null ? void 0 : n.type) || m.UNSET
-    }), r === "question" && /* @__PURE__ */ s(Nn, {
+    }), r === "question" && /* @__PURE__ */ s(Dn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: o
-    }), r !== "question" && /* @__PURE__ */ s(Vn, {
+    }), r !== "question" && /* @__PURE__ */ s(Nn, {
       openedQuestion: i
     }), /* @__PURE__ */ s(ys, {
       sponsorLogo: ""
     })]
   });
-}, Ln = /* @__PURE__ */ t("div")({
+}, Pn = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), Pn = /* @__PURE__ */ t("div")({
+}), On = /* @__PURE__ */ t("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), On = /* @__PURE__ */ t("button")({
+}), Qn = /* @__PURE__ */ t("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Qn = /* @__PURE__ */ t("span")({
+}), Mn = /* @__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(On, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(Qn, { children: e }) }), Mn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Ln, { children: /* @__PURE__ */ c(Pn, { "data-position": e === "home" ? "left" : "right", children: [
+const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(Qn, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(Mn, { children: e }) }), _n = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Pn, { children: /* @__PURE__ */ c(On, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ s(re, { title: "Home", active: e === "home", onClick: () => n(
     "home"
     /* HOME */
@@ -816,43 +821,43 @@ const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(On, { onCl
       )
     }
   )
-] }) }), _n = /* @__PURE__ */ t("div")({
+] }) }), jn = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), jn = /* @__PURE__ */ t("img")({
+}), Un = /* @__PURE__ */ t("img")({
   name: "FriendsIcon",
   class: "f10ncfg2",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ t("div")({
+}), Bn = /* @__PURE__ */ t("div")({
   name: "Content",
   class: "c1yc07bd",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ t("div")({
+}), zn = /* @__PURE__ */ t("div")({
   name: "Title",
   class: "tj6cq7w",
   propsAsIs: !1
-}), zn = /* @__PURE__ */ t("div")({
+}), Fn = /* @__PURE__ */ t("div")({
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), Fn = () => A, Wn = /* @__PURE__ */ t(Fn())({
+}), Wn = () => A, Zn = /* @__PURE__ */ t(Wn())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), Zn = "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", Hn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(_n, { onClick: i, className: o, children: [
-  /* @__PURE__ */ s(jn, { alt: "friends-icon", src: Zn }),
-  /* @__PURE__ */ c(Un, { children: [
-    /* @__PURE__ */ s(Bn, { children: e }),
-    /* @__PURE__ */ s(zn, { children: n })
+}), Hn = "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", Yn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(jn, { onClick: i, className: o, children: [
+  /* @__PURE__ */ s(Un, { alt: "friends-icon", src: Hn }),
+  /* @__PURE__ */ c(Bn, { children: [
+    /* @__PURE__ */ s(zn, { children: e }),
+    /* @__PURE__ */ s(Fn, { children: n })
   ] }),
-  /* @__PURE__ */ s(Wn, { name: "icon-copy" })
+  /* @__PURE__ */ s(Zn, { name: "icon-copy" })
 ] });
-function Yn(e) {
+function Gn(e) {
   var n = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, o = e.startIndex, r = e.stopIndex;
   return !(o > i || r < n);
 }
-function Gn(e) {
+function Jn(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));
@@ -872,10 +877,10 @@ function Gn(e) {
     }
   return p;
 }
-var Jn = function(e, n) {
+var Kn = function(e, n) {
   if (!(e instanceof n))
     throw new TypeError("Cannot call a class as a function");
-}, Kn = /* @__PURE__ */ function() {
+}, Xn = /* @__PURE__ */ function() {
   function e(n, i) {
     for (var o = 0; o < i.length; o++) {
       var r = i[o];
@@ -885,7 +890,7 @@ var Jn = function(e, n) {
   return function(n, i, o) {
     return i && e(n.prototype, i), o && e(n, o), n;
   };
-}(), Xn = function(e, n) {
+}(), et = 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, {
@@ -902,10 +907,10 @@ var Jn = function(e, n) {
   return n && (typeof n == "object" || typeof n == "function") ? n : e;
 };
 (function(e) {
-  Xn(n, e);
+  et(n, e);
   function n() {
     var i, o, r, d;
-    Jn(this, n);
+    Kn(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) {
@@ -915,7 +920,7 @@ var Jn = function(e, n) {
       r._listRef = u;
     }, o), ae(r, d);
   }
-  return Kn(n, [{
+  return Xn(n, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -937,7 +942,7 @@ var Jn = function(e, n) {
   }, {
     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 = Gn({
+      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 = Jn({
         isItemLoaded: p,
         itemCount: a,
         minimumBatchSize: u,
@@ -954,7 +959,7 @@ var Jn = function(e, n) {
       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 (Yn({
+          if (Gn({
             lastRenderedStartIndex: r._lastRenderedStartIndex,
             lastRenderedStopIndex: r._lastRenderedStopIndex,
             startIndex: h,
@@ -970,39 +975,39 @@ var Jn = function(e, n) {
     }
   }]), n;
 })(we);
-const et = /* @__PURE__ */ t("div")({
+const st = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), st = /* @__PURE__ */ t("div")({
+}), nt = /* @__PURE__ */ t("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), nt = /* @__PURE__ */ t("img")({
+}), tt = /* @__PURE__ */ t("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), tt = /* @__PURE__ */ t("div")({
+}), ot = /* @__PURE__ */ t("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), ot = /* @__PURE__ */ t("div")({
+}), it = /* @__PURE__ */ t("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), it = /* @__PURE__ */ t("div")({
+}), rt = /* @__PURE__ */ t("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), rt = /* @__PURE__ */ t("span")({
+}), at = /* @__PURE__ */ t("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), at = () => A, lt = /* @__PURE__ */ t(at())({
+}), lt = () => A, ct = /* @__PURE__ */ t(lt())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), ct = ({
+}), dt = ({
   rank: e,
   avatar: n,
   name: i,
@@ -1010,21 +1015,21 @@ const et = /* @__PURE__ */ t("div")({
   isCurrentUser: r,
   openItemDetail: d,
   style: p
-}) => /* @__PURE__ */ c(et, { onClick: d, style: p, children: [
-  /* @__PURE__ */ s(st, { children: e || 0 }),
-  /* @__PURE__ */ c(ot, { children: [
-    n ? /* @__PURE__ */ s(nt, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(tt, { children: pe(i || "") }),
-    /* @__PURE__ */ c(it, { children: [
-      /* @__PURE__ */ s(rt, { children: i || "" }),
-      r && /* @__PURE__ */ s(lt, { name: "icon-star" })
+}) => /* @__PURE__ */ c(st, { onClick: d, style: p, children: [
+  /* @__PURE__ */ s(nt, { children: e || 0 }),
+  /* @__PURE__ */ c(it, { children: [
+    n ? /* @__PURE__ */ s(tt, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ot, { children: pe(i || "") }),
+    /* @__PURE__ */ c(rt, { children: [
+      /* @__PURE__ */ s(at, { children: i || "" }),
+      r && /* @__PURE__ */ s(ct, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ s("div", { children: ue(o) })
-] }), dt = /* @__PURE__ */ t("div")({
+] }), pt = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
-}), pt = ({
+}), ut = ({
   items: e,
   currentUserId: n,
   openItemDetail: i,
@@ -1037,14 +1042,14 @@ const et = /* @__PURE__ */ t("div")({
   hasMore: d,
   useWindow: !1,
   getScrollParent: () => r.current,
-  children: /* @__PURE__ */ s(dt, {
-    children: e.map((p) => /* @__PURE__ */ s(ct, {
+  children: /* @__PURE__ */ s(pt, {
+    children: e.map((p) => /* @__PURE__ */ s(dt, {
       ...p,
       openItemDetail: () => i(p.userId),
       isCurrentUser: !!n && n === p.userId
     }, p.userId))
   })
-}), ut = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
+}), mt = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
   Se,
   {
     renderToNode: e,
@@ -1064,11 +1069,11 @@ const et = /* @__PURE__ */ t("div")({
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   }
-), mt = /* @__PURE__ */ t("div")({
+), ht = /* @__PURE__ */ t("div")({
   name: "InviteLinkContainer",
   class: "i1chxfpe",
   propsAsIs: !1
-}), ht = ({
+}), It = ({
   gamification: e,
   scrollNode: n,
   scrollStore: i,
@@ -1082,11 +1087,11 @@ const et = /* @__PURE__ */ t("div")({
   } = S(e.leaderboardList.$store), {
     data: l
   } = S(e.deepLink.$store), [u, h] = qe(o);
-  return !r.length && !p ? /* @__PURE__ */ s(ut, {
+  return !r.length && !p ? /* @__PURE__ */ s(mt, {
     renderClipBoardNode: o,
     deepLink: l
   }) : /* @__PURE__ */ c(x, {
-    children: [/* @__PURE__ */ s(pt, {
+    children: [/* @__PURE__ */ s(ut, {
       items: r,
       scrollNode: n,
       scrollStore: i,
@@ -1094,56 +1099,56 @@ const et = /* @__PURE__ */ t("div")({
       hasMore: d,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }, a), l && /* @__PURE__ */ s(mt, {
-      children: /* @__PURE__ */ s(Hn, {
+    }, a), l && /* @__PURE__ */ s(ht, {
+      children: /* @__PURE__ */ s(Yn, {
         onClick: () => u(l),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
     }), h]
   });
-}, It = /* @__PURE__ */ t("div")({
+}, vt = /* @__PURE__ */ t("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), vt = /* @__PURE__ */ t("div")({
+}), Ct = /* @__PURE__ */ t("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Ct = /* @__PURE__ */ t("div")({
+}), ft = /* @__PURE__ */ t("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), ft = /* @__PURE__ */ t("div")({
+}), At = /* @__PURE__ */ t("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), At = () => A, H = /* @__PURE__ */ t(At())({
+}), gt = () => A, H = /* @__PURE__ */ t(gt())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), $t = () => A, gt = /* @__PURE__ */ t($t())({
+}), $t = () => A, bt = /* @__PURE__ */ t($t())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), bt = /* @__PURE__ */ t("div")({
+}), yt = /* @__PURE__ */ t("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), yt = /* @__PURE__ */ t("div")({
+}), Rt = /* @__PURE__ */ t("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Rt = /* @__PURE__ */ t("button")({
+}), wt = /* @__PURE__ */ t("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), wt = {
+}), kt = {
   [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" })
-}, kt = ({
+}, Tt = ({
   questionId: e,
   questionType: n,
   questionStatus: i,
@@ -1152,72 +1157,72 @@ const et = /* @__PURE__ */ t("div")({
   openQuestion: d,
   status: p
 }) => {
-  const a = de[n], l = wt[p];
-  return a ? /* @__PURE__ */ c(It, { onClick: () => d == null ? void 0 : d(e), children: [
-    /* @__PURE__ */ c(yt, { children: [
-      /* @__PURE__ */ c(vt, { children: [
+  const a = de[n], l = kt[p];
+  return a ? /* @__PURE__ */ c(vt, { onClick: () => d == null ? void 0 : d(e), children: [
+    /* @__PURE__ */ c(Rt, { children: [
+      /* @__PURE__ */ c(Ct, { children: [
         /* @__PURE__ */ s(
-          gt,
+          bt,
           {
             "data-type-trivia": n === m.TRIVIA,
             "data-type-poll": n === m.POLL,
             name: a.iconName
           }
         ),
-        /* @__PURE__ */ c(bt, { children: [
+        /* @__PURE__ */ c(yt, { children: [
           a.label,
           n === m.TRIVIA && i === N.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(Ct, { children: o || "" })
+      /* @__PURE__ */ s(ft, { children: o || "" })
     ] }),
-    /* @__PURE__ */ s(ft, { children: r ? /* @__PURE__ */ s(Rt, { children: "Play" }) : l })
+    /* @__PURE__ */ s(At, { children: r ? /* @__PURE__ */ s(wt, { children: "Play" }) : l })
   ] }) : null;
-}, Tt = /* @__PURE__ */ t("div")({
+}, xt = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), xt = /* @__PURE__ */ t("button")({
+}), St = /* @__PURE__ */ t("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), St = ({ openInsight: e, questionId: n, ...i }) => /* @__PURE__ */ c(Tt, { children: [
+}), qt = ({ openInsight: e, questionId: n, ...i }) => /* @__PURE__ */ c(xt, { children: [
   /* @__PURE__ */ s(Ae, { questionId: n, ...i }),
-  e && /* @__PURE__ */ s(xt, { onClick: () => e(n), children: "View Insight" })
-] }), qt = /* @__PURE__ */ t("div")({
+  e && /* @__PURE__ */ s(St, { onClick: () => e(n), children: "View Insight" })
+] }), Et = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), Et = () => Ee, Vt = /* @__PURE__ */ t(Et())({
+}), Vt = () => Ee, Nt = /* @__PURE__ */ t(Vt())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), Nt = /* @__PURE__ */ t("blockquote")({
+}), Dt = /* @__PURE__ */ t("blockquote")({
   name: "Quote",
   class: "q1hbaleq",
   propsAsIs: !1
-}), Dt = ({ openTweet: e, ...n }) => /* @__PURE__ */ c(qt, { children: [
-  n.title && /* @__PURE__ */ s(Nt, { children: n.title }),
+}), Lt = ({ openTweet: e, ...n }) => /* @__PURE__ */ c(Et, { children: [
+  n.title && /* @__PURE__ */ s(Dt, { children: n.title }),
   /* @__PURE__ */ s(me, { ...n }),
-  e && /* @__PURE__ */ s(Vt, { onClick: () => e(n.tweetId), children: "View Insight" })
-] }), Lt = /* @__PURE__ */ t("div")({
+  e && /* @__PURE__ */ s(Nt, { onClick: () => e(n.tweetId), children: "View Insight" })
+] }), Pt = /* @__PURE__ */ t("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), Pt = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Lt, { children: e == null ? void 0 : e.map((o) => {
+}), Ot = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Pt, { 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(kt, { openQuestion: n, ...a }, a.questionId);
+    return /* @__PURE__ */ s(Tt, { 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(St, { openInsight: n, controlVideo: i, ...a }, a.questionId);
+    return /* @__PURE__ */ s(qt, { 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(
-      Dt,
+      Lt,
       {
         openTweet: n,
         controlVideo: i,
@@ -1228,10 +1233,10 @@ const et = /* @__PURE__ */ t("div")({
     );
   }
   return null;
-}) }), Ot = ({ store: e, openQuestion: n }) => {
+}) }), Qt = ({ store: e, openQuestion: n }) => {
   const { sdk: i } = he(), o = S(e);
-  return o != null && o.data ? /* @__PURE__ */ s(Pt, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, Qt = ({ userSummary: e }) => {
+  return o != null && o.data ? /* @__PURE__ */ s(Ot, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, Mt = ({ userSummary: e }) => {
   var n;
   const [i, o] = E(void 0);
   return ee(() => {
@@ -1242,7 +1247,7 @@ const et = /* @__PURE__ */ t("div")({
       r();
     };
   }, [e]), i != null && i.summary ? /* @__PURE__ */ s(Ce, { ...i.summary, successRate: (n = i.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, Mt = ({ gamification: e, className: n, scrollStore: i, scrollNode: o, appNode: r, style: d, responsiveStore: p, headerNode: a }) => {
+}, _t = ({ 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] = ke(), { sdkInDesktopView: I } = S(p, { keys: ["sdkInDesktopView"] }), f = (w) => {
     C(() => {
       var b;
@@ -1258,7 +1263,7 @@ const et = /* @__PURE__ */ t("div")({
   }), [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 g = I ? r : a;
+  const $ = I ? r : a;
   return /* @__PURE__ */ c(Ve, { className: n, style: d, children: [
     /* @__PURE__ */ s(
       Ne,
@@ -1266,38 +1271,38 @@ const et = /* @__PURE__ */ t("div")({
         style: {
           top: k
         },
-        children: /* @__PURE__ */ s(Mn, { activePage: u, toggleActivePage: f })
+        children: /* @__PURE__ */ s(_n, { activePage: u, toggleActivePage: f })
       }
     ),
     u === Y.HOME && /* @__PURE__ */ c(x, { children: [
-      /* @__PURE__ */ s(Ie, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s(Qt, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ s(Le, { style: { flex: 1 }, children: /* @__PURE__ */ s(Ot, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+      /* @__PURE__ */ s(Ie, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s(Mt, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ s(Le, { style: { flex: 1 }, children: /* @__PURE__ */ s(Qt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
     u === Y.LEADERBOARD && /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ s(
-      ht,
+      It,
       {
-        renderClipBoardNode: g,
+        renderClipBoardNode: $,
         scrollStore: i,
         scrollNode: o,
         gamification: e
       }
     ) })
   ] });
-}, _t = () => Me, le = /* @__PURE__ */ t(_t())({
+}, jt = () => Me, le = /* @__PURE__ */ t(jt())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), jt = /* @__PURE__ */ t("div")({
+}), Ut = /* @__PURE__ */ t("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Ut = ({
+}), Bt = ({
   correct: e,
   incorrect: n
 }) => {
   const i = e + n;
   return i === 0 ? 0 : Math.round(e / i * 100);
-}, oo = ({
+}, io = ({
   gamification: e,
   scrollStore: n,
   className: i,
@@ -1317,19 +1322,19 @@ const et = /* @__PURE__ */ t("div")({
       return null;
     const f = a ? /* @__PURE__ */ s(le, {
       className: i,
-      children: /* @__PURE__ */ s(Dn, {
+      children: /* @__PURE__ */ s(Ln, {
         gamification: e
       })
     }) : l ? /* @__PURE__ */ s(le, {
       className: i,
-      children: /* @__PURE__ */ c(jt, {
+      children: /* @__PURE__ */ c(Ut, {
         children: [/* @__PURE__ */ s(ve, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ s(Ie, {
           children: /* @__PURE__ */ s(Ce, {
             ...l,
-            successRate: Ut(l)
+            successRate: Bt(l)
           })
         })]
       })
@@ -1342,7 +1347,7 @@ const et = /* @__PURE__ */ t("div")({
     });
   }, [o, i, e, a, l, u]);
   return /* @__PURE__ */ c(x, {
-    children: [h, /* @__PURE__ */ s(Mt, {
+    children: [h, /* @__PURE__ */ s(_t, {
       appNode: o,
       headerNode: d,
       scrollStore: n,
@@ -1354,5 +1359,5 @@ const et = /* @__PURE__ */ t("div")({
   });
 };
 export {
-  oo as default
+  io as default
 };