@streamlayer/react 0.40.0 → 0.40.1

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

@@ -1,9 +1,9 @@
 var Me = Object.defineProperty;
-var _e = (e, t, n) => t in e ? Me(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ne = (e, t, n) => (_e(e, typeof t != "symbol" ? t + "" : t, n), n);
+var _e = (t, e, n) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var ne = (t, e, n) => (_e(t, typeof e != "symbol" ? e + "" : e, n), n);
 import { jsxs as p, jsx as s, Fragment as x } from "react/jsx-runtime";
-import { s as r, c as R, Q as f, o as Ie, I as Ce, a as ge, b as M, d as Qe, e as F, f as ye, E as Q, q as je, J as Ae, u as q, n as $e, g as Ue, F as We, h as Be, P as Y, i as ze, p as Fe, C as He, j as be, m as Ye, k as Ze, l as Ge, r as Je, V as Ke, t as Xe } from "./masters.js";
-import W, { useState as P, useLayoutEffect as we, useRef as _, useCallback as B, useEffect as X, useMemo as O, PureComponent as et, Component as tt, useTransition as st } from "react";
+import { s as r, c as R, Q as f, o as Ie, I as Ce, a as ge, b as M, d as Qe, e as W, f as Ae, E as Q, q as je, J as ye, u as q, n as $e, g as Ue, F as We, h as Be, P as Y, i as ze, p as Fe, C as He, j as be, m as Ye, k as Ze, l as Ge, r as Je, V as Ke, t as Xe } from "./masters.js";
+import B, { useState as P, useLayoutEffect as we, useRef as _, useCallback as z, useEffect as X, useMemo as O, PureComponent as et, Component as tt, useTransition as st } from "react";
 const nt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -28,21 +28,21 @@ const nt = /* @__PURE__ */ r("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), Te = ({ type: e, close: t, label: n }) => {
-  const o = e ? Ie[e] : { label: n, iconName: void 0 };
+}), Te = ({ type: t, close: e, label: n }) => {
+  const o = t ? Ie[t] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ p(nt, { children: [
     /* @__PURE__ */ p(ot, { children: [
       (o == null ? void 0 : o.iconName) && /* @__PURE__ */ s(
         rt,
         {
-          "data-type-trivia": e === f.TRIVIA,
-          "data-type-poll": e === f.POLL,
+          "data-type-trivia": t === f.TRIVIA,
+          "data-type-poll": t === f.POLL,
           name: o.iconName
         }
       ),
       (o == null ? void 0 : o.label) && /* @__PURE__ */ s(at, { children: o.label })
     ] }),
-    /* @__PURE__ */ s(lt, { onClick: t, children: /* @__PURE__ */ s(dt, { name: "icon-cross" }) })
+    /* @__PURE__ */ s(lt, { onClick: e, children: /* @__PURE__ */ s(dt, { name: "icon-cross" }) })
   ] });
 }, pt = /* @__PURE__ */ r("div")({
   name: "Container",
@@ -56,9 +56,9 @@ const nt = /* @__PURE__ */ r("div")({
   name: "Indicator",
   class: "i1fbnvpb",
   propsAsIs: !1
-}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ p(pt, { children: [
-  /* @__PURE__ */ s(ut, { children: t }),
-  /* @__PURE__ */ s(ht, { children: e })
+}), le = ({ indicator: t, title: e }) => /* @__PURE__ */ p(pt, { children: [
+  /* @__PURE__ */ s(ut, { children: e }),
+  /* @__PURE__ */ s(ht, { children: t })
 ] }), mt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "ctmhwyc",
@@ -71,9 +71,9 @@ const nt = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), Z = ({ indicator: e, title: t }) => /* @__PURE__ */ p(mt, { children: [
-  /* @__PURE__ */ s(vt, { children: e }),
-  /* @__PURE__ */ s(ft, { children: t })
+}), Z = ({ indicator: t, title: e }) => /* @__PURE__ */ p(mt, { children: [
+  /* @__PURE__ */ s(vt, { children: t }),
+  /* @__PURE__ */ s(ft, { children: e })
 ] }), It = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1yrpn9o",
@@ -86,11 +86,11 @@ const nt = /* @__PURE__ */ r("div")({
   name: "BottomInfo",
   class: "by6w7e9",
   propsAsIs: !1
-}), yt = /* @__PURE__ */ r("div")({
+}), At = /* @__PURE__ */ r("div")({
   name: "User",
   class: "u1g7arbm",
   propsAsIs: !1
-}), At = /* @__PURE__ */ r("img")({
+}), yt = /* @__PURE__ */ r("img")({
   name: "Avatar",
   class: "a1ldeata",
   propsAsIs: !1
@@ -143,8 +143,8 @@ const nt = /* @__PURE__ */ r("div")({
   class: "uxareh6",
   propsAsIs: !1
 }), Nt = "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", Re = ({
-  avatar: e,
-  name: t,
+  avatar: t,
+  name: e,
   points: n,
   friendsRank: o,
   rank: i,
@@ -154,13 +154,13 @@ const nt = /* @__PURE__ */ r("div")({
   inTop: d,
   successRate: u
 }) => /* @__PURE__ */ p(It, { children: [
-  /* @__PURE__ */ s(Ct, { children: /* @__PURE__ */ p(yt, { children: [
+  /* @__PURE__ */ s(Ct, { children: /* @__PURE__ */ p(At, { children: [
     /* @__PURE__ */ p(qt, { children: [
-      e && /* @__PURE__ */ s(At, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(Pt, { children: Ce(t || "") })
+      t && /* @__PURE__ */ s(yt, { alt: "avatar", src: t }),
+      !t && /* @__PURE__ */ s(Pt, { children: Ce(e || "") })
     ] }),
     /* @__PURE__ */ p($t, { children: [
-      /* @__PURE__ */ s(bt, { children: t }),
+      /* @__PURE__ */ s(bt, { children: e }),
       /* @__PURE__ */ p(wt, { children: [
         /* @__PURE__ */ p(Rt, { children: [
           /* @__PURE__ */ s(Tt, { alt: "rank-icon", src: Nt }),
@@ -214,10 +214,10 @@ const nt = /* @__PURE__ */ r("div")({
   name: "Description",
   class: "dlaj9xp",
   propsAsIs: !1
-}), Ut = ({ title: e, description: t }) => /* @__PURE__ */ p(_t, { children: [
+}), Ut = ({ title: t, description: e }) => /* @__PURE__ */ p(_t, { children: [
   /* @__PURE__ */ s(R, { name: "icon-check-circle" }),
-  /* @__PURE__ */ s(Qt, { children: e }),
-  /* @__PURE__ */ s(jt, { children: t })
+  /* @__PURE__ */ s(Qt, { children: t }),
+  /* @__PURE__ */ s(jt, { children: e })
 ] }), Wt = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c16sbdnm",
@@ -247,8 +247,8 @@ const nt = /* @__PURE__ */ r("div")({
   class: "fx87qaj",
   propsAsIs: !1
 }), Ht = ({
-  feedbackMessages: e,
-  questionVotedCorrectly: t,
+  feedbackMessages: t,
+  questionVotedCorrectly: e,
   questionVoted: n,
   questionType: o,
   hasCorrectAnswer: i,
@@ -260,10 +260,10 @@ const nt = /* @__PURE__ */ r("div")({
   enteredAnActiveQuestion: h,
   marketClosed: v
 }) => {
-  const m = n && (o === f.TRIVIA || o === f.PREDICTION) && d && c !== M.RESOLVED, I = o === f.PREDICTION && !i, $ = v && o === f.PREDICTION && !n && !h || o === f.PREDICTION && u && d && h, A = m && I, g = m && i, C = o === f.PREDICTION && n && d && i, w = n && o === f.POLL && d;
-  if (!a && !l && !A && !g && !$ && !w && !C)
+  const m = n && (o === f.TRIVIA || o === f.PREDICTION) && d && c !== M.RESOLVED, I = o === f.PREDICTION && !i, $ = v && o === f.PREDICTION && !n && !h || o === f.PREDICTION && u && d && h, y = m && I, g = m && i, C = o === f.PREDICTION && n && d && i, w = n && o === f.POLL && d;
+  if (!a && !l && !y && !g && !$ && !w && !C)
     return null;
-  const b = t ? "correct" : "incorrect", T = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
+  const b = e ? "correct" : "incorrect", T = e ? t == null ? void 0 : t.correctFeedback : t == null ? void 0 : t.incorrectFeedback;
   return /* @__PURE__ */ p(Wt, { "data-isPrediction": I, children: [
     a && /* @__PURE__ */ p(x, { children: [
       /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(R, { name: "questionExpired" }) }),
@@ -286,7 +286,7 @@ const nt = /* @__PURE__ */ r("div")({
         /* @__PURE__ */ s(oe, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    A && /* @__PURE__ */ p(x, { children: [
+    y && /* @__PURE__ */ p(x, { children: [
       /* @__PURE__ */ s(zt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(U, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
@@ -375,29 +375,29 @@ const nt = /* @__PURE__ */ r("div")({
   class: "c1j2j0s0",
   propsAsIs: !0
 }), ce = {
-  [F.CENTERED]: (e) => /* @__PURE__ */ s(rs, { alt: "option-icon", src: e }),
-  [F.TRANSPARENT]: (e) => /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ s(os, { style: { backgroundImage: `url(${e})` } }) }),
-  [F.ROUNDED]: (e) => /* @__PURE__ */ s(ls, { alt: "option-icon", src: e }),
-  [F.NONE]: () => null,
-  [F.UNSET]: () => null
-}, vs = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: o, questionVoted: i }) => {
-  if (e === f.POLL && o)
+  [W.CENTERED]: (t) => /* @__PURE__ */ s(rs, { alt: "option-icon", src: t }),
+  [W.TRANSPARENT]: (t) => /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ s(os, { style: { backgroundImage: `url(${t})` } }) }),
+  [W.ROUNDED]: (t) => /* @__PURE__ */ s(ls, { alt: "option-icon", src: t }),
+  [W.NONE]: () => null,
+  [W.UNSET]: () => null
+}, vs = ({ questionType: t, hasCorrectAnswer: e, correct: n, youVoted: o, questionVoted: i }) => {
+  if (t === f.POLL && o)
     return "correct";
-  if (e === f.PREDICTION) {
-    if (t && i)
+  if (t === f.PREDICTION) {
+    if (e && i)
       return o ? n ? "correct" : "incorrect" : "unset";
     if (o)
       return "correct";
   }
-  return e === f.TRIVIA && i && o ? n ? "correct" : "incorrect" : "unset";
+  return t === f.TRIVIA && i && o ? n ? "correct" : "incorrect" : "unset";
 }, fs = ({
-  questionType: e,
-  questionVoted: t,
+  questionType: t,
+  questionVoted: e,
   correct: n,
   hasCorrectAnswer: o,
   questionStatus: i
-}) => e === f.TRIVIA ? t && n : e === f.PREDICTION ? t && n && o || i === M.RESOLVED && n : !1, Is = (e) => {
-  var t;
+}) => t === f.TRIVIA ? e && n : t === f.PREDICTION ? e && n && o || i === M.RESOLVED && n : !1, Is = (t) => {
+  var e;
   const {
     // option props
     id: n,
@@ -414,13 +414,13 @@ const nt = /* @__PURE__ */ r("div")({
     answerTimeExpired: m,
     questionStatus: I,
     isLoading: $,
-    questionType: A,
+    questionType: y,
     correct: g,
     hasCorrectAnswer: C,
     votedAfterQuestionClosed: w,
     enteredAnActiveQuestion: b,
     marketClosed: T
-  } = e, [N, V] = P(c), D = vs(e), ee = fs({ questionType: A, questionVoted: h, correct: g, hasCorrectAnswer: C, questionStatus: I }), y = T && A === f.PREDICTION, k = h || y, S = A === f.PREDICTION && !h && !T, te = h && !u && D !== "incorrect";
+  } = t, [N, V] = P(c), D = vs(t), ee = fs({ questionType: y, questionVoted: h, correct: g, hasCorrectAnswer: C, questionStatus: I }), A = T && y === f.PREDICTION, k = h || A, S = y === f.PREDICTION && !h && !T, te = h && !u && D !== "incorrect";
   return we(() => {
     c > 0 && (V(0), requestAnimationFrame(() => {
       V(c);
@@ -431,17 +431,17 @@ const nt = /* @__PURE__ */ r("div")({
       value: n,
       "data-selected": u,
       "data-answer-state": D,
-      disabled: h || $ || m || y && !b || y && b && w,
+      disabled: h || $ || m || A && !b || A && b && w,
       "data-is-not-checked": te,
       onClick: (se) => {
         d(
-          A === f.PREDICTION ? T : I === M.RESOLVED
+          y === f.PREDICTION ? T : I === M.RESOLVED
         ), l(se);
       },
       children: [
         /* @__PURE__ */ s(ts, { "data-answer-state": D, style: { width: `${k ? N : 0}%` } }),
         /* @__PURE__ */ p(ss, { children: [
-          o && v && ((t = ce[v]) == null ? void 0 : t.call(ce, o)),
+          o && v && ((e = ce[v]) == null ? void 0 : e.call(ce, o)),
           /* @__PURE__ */ s(cs, { children: i }),
           S && /* @__PURE__ */ p("div", { children: [
             a,
@@ -449,14 +449,14 @@ const nt = /* @__PURE__ */ r("div")({
           ] }),
           k && /* @__PURE__ */ p(ds, { children: [
             ee && /* @__PURE__ */ s(ms, { name: "selected" }),
-            /* @__PURE__ */ s(us, { children: /* @__PURE__ */ s(ye, { value: c, suffix: "%" }) })
+            /* @__PURE__ */ s(us, { children: /* @__PURE__ */ s(Ae, { value: c, suffix: "%" }) })
           ] })
         ] })
       ]
     }
   );
 };
-var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: o = 0, onComplete: i, onUpdate: c }) => {
+var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: t, duration: e, startAt: n = 0, updateInterval: o = 0, onComplete: i, onUpdate: c }) => {
   let [a, l] = P(n), d = _(0), u = _(n), h = _(n * -1e3), v = _(null), m = _(null), I = _(null), $ = (C) => {
     let w = C / 1e3;
     if (m.current === null) {
@@ -465,59 +465,59 @@ var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: e, duration: t, startA
     }
     let b = w - m.current, T = d.current + b;
     m.current = w, d.current = T;
-    let N = u.current + (o === 0 ? T : (T / o | 0) * o), V = u.current + T, D = typeof t == "number" && V >= t;
-    l(D ? t : N), D || (v.current = requestAnimationFrame($));
-  }, A = () => {
+    let N = u.current + (o === 0 ? T : (T / o | 0) * o), V = u.current + T, D = typeof e == "number" && V >= e;
+    l(D ? e : N), D || (v.current = requestAnimationFrame($));
+  }, y = () => {
     v.current && cancelAnimationFrame(v.current), I.current && clearTimeout(I.current), m.current = null;
-  }, g = B((C) => {
-    A(), d.current = 0;
+  }, g = z((C) => {
+    y(), d.current = 0;
     let w = typeof C == "number" ? C : n;
-    u.current = w, l(w), e && (v.current = requestAnimationFrame($));
-  }, [e, n]);
+    u.current = w, l(w), t && (v.current = requestAnimationFrame($));
+  }, [t, n]);
   return de(() => {
-    if (c == null || c(a), t && a >= t) {
-      h.current += t * 1e3;
+    if (c == null || c(a), e && a >= e) {
+      h.current += e * 1e3;
       let { shouldRepeat: C = !1, delay: w = 0, newStartAt: b } = (i == null ? void 0 : i(h.current / 1e3)) || {};
       C && (I.current = setTimeout(() => g(b), w * 1e3));
     }
-  }, [a, t]), de(() => (e && (v.current = requestAnimationFrame($)), A), [e, t, o]), { elapsedTime: a, reset: g };
-}, gs = (e, t, n) => {
-  let o = e / 2, i = t / 2, c = o - i, a = 2 * c, l = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
+  }, [a, e]), de(() => (t && (v.current = requestAnimationFrame($)), y), [t, e, o]), { elapsedTime: a, reset: g };
+}, gs = (t, e, n) => {
+  let o = t / 2, i = e / 2, c = o - i, a = 2 * c, l = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
   return { path: `m ${o},${i} a ${c},${c} 0 ${l} 0,${a} a ${c},${c} 0 ${l} 0,-${a}`, pathLength: d };
-}, pe = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, ys = (e) => ({ position: "relative", width: e, height: e }), As = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Se = (e, t, n, o, i) => {
+}, pe = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, As = (t) => ({ position: "relative", width: t, height: t }), ys = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Se = (t, e, n, o, i) => {
   if (o === 0)
-    return t;
-  let c = (i ? o - e : e) / o;
-  return t + n * c;
-}, ue = (e) => {
-  var t, n;
-  return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (o, i, c, a) => `#${i}${i}${c}${c}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((o) => parseInt(o, 16))) != null ? n : [];
-}, $s = (e, t) => {
+    return e;
+  let c = (i ? o - t : t) / o;
+  return e + n * c;
+}, ue = (t) => {
+  var e, n;
+  return (n = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (o, i, c, a) => `#${i}${i}${c}${c}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((o) => parseInt(o, 16))) != null ? n : [];
+}, $s = (t, e) => {
   var n;
-  let { colors: o, colorsTime: i, isSmoothColorTransition: c = !0 } = e;
+  let { colors: o, colorsTime: i, isSmoothColorTransition: c = !0 } = t;
   if (typeof o == "string")
     return o;
-  let a = (n = i == null ? void 0 : i.findIndex((m, I) => m >= t && t >= i[I + 1])) != null ? n : -1;
+  let a = (n = i == null ? void 0 : i.findIndex((m, I) => m >= e && e >= i[I + 1])) != null ? n : -1;
   if (!i || a === -1)
     return o[0];
   if (!c)
     return o[a];
-  let l = i[a] - t, d = i[a] - i[a + 1], u = ue(o[a]), h = ue(o[a + 1]), v = !!e.isGrowing;
+  let l = i[a] - e, d = i[a] - i[a + 1], u = ue(o[a]), h = ue(o[a + 1]), v = !!t.isGrowing;
   return `rgb(${u.map((m, I) => Se(l, m, h[I] - m, d, v) | 0).join(",")})`;
-}, bs = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: o, size: i = 180, strokeWidth: c = 12, trailStrokeWidth: a, isPlaying: l = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: h, onUpdate: v } = e, m = _(), I = Math.max(c, a ?? 0), { path: $, pathLength: A } = gs(i, I, u), { elapsedTime: g } = Cs({ isPlaying: l, duration: t, startAt: pe(t, n), updateInterval: o, onUpdate: typeof v == "function" ? (w) => {
-    let b = Math.ceil(t - w);
+}, bs = (t) => {
+  let { duration: e, initialRemainingTime: n, updateInterval: o, size: i = 180, strokeWidth: c = 12, trailStrokeWidth: a, isPlaying: l = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: h, onUpdate: v } = t, m = _(), I = Math.max(c, a ?? 0), { path: $, pathLength: y } = gs(i, I, u), { elapsedTime: g } = Cs({ isPlaying: l, duration: e, startAt: pe(e, n), updateInterval: o, onUpdate: typeof v == "function" ? (w) => {
+    let b = Math.ceil(e - w);
     b !== m.current && (m.current = b, v(b));
   } : void 0, onComplete: typeof h == "function" ? (w) => {
     var b;
     let { shouldRepeat: T, delay: N, newInitialRemainingTime: V } = (b = h(w)) != null ? b : {};
     if (T)
-      return { shouldRepeat: T, delay: N, newStartAt: pe(t, V) };
-  } : void 0 }), C = t - g;
-  return { elapsedTime: g, path: $, pathLength: A, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: $s(e, C), strokeDashoffset: Se(g, 0, A, t, d), strokeWidth: c };
-}, Le = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: o, trailStrokeWidth: i } = e, { path: c, pathLength: a, stroke: l, strokeDashoffset: d, remainingTime: u, elapsedTime: h, size: v, strokeWidth: m } = bs(e);
-  return W.createElement("div", { style: ys(v) }, W.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: c, fill: "none", stroke: o ?? "#d9d9d9", strokeWidth: i ?? m }), W.createElement("path", { d: c, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && W.createElement("div", { style: As }, t({ remainingTime: u, elapsedTime: h, color: l })));
+      return { shouldRepeat: T, delay: N, newStartAt: pe(e, V) };
+  } : void 0 }), C = e - g;
+  return { elapsedTime: g, path: $, pathLength: y, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: $s(t, C), strokeDashoffset: Se(g, 0, y, e, d), strokeWidth: c };
+}, Le = (t) => {
+  let { children: e, strokeLinecap: n, trailColor: o, trailStrokeWidth: i } = t, { path: c, pathLength: a, stroke: l, strokeDashoffset: d, remainingTime: u, elapsedTime: h, size: v, strokeWidth: m } = bs(t);
+  return B.createElement("div", { style: As(v) }, B.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: c, fill: "none", stroke: o ?? "#d9d9d9", strokeWidth: i ?? m }), B.createElement("path", { d: c, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof e == "function" && B.createElement("div", { style: ys }, e({ remainingTime: u, elapsedTime: h, color: l })));
 };
 Le.displayName = "CountdownCircleTimer";
 const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRAY3], Ts = [10, 10, 1, 0], Rs = /* @__PURE__ */ r("div")({
@@ -525,22 +525,22 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   class: "r165427",
   propsAsIs: !1
 }), ks = Q.SECONDARY_GREEN6, he = Q.SECONDARY_RED3, Ss = Q.NEUTRALS_GRAY3, Ls = ({
-  isPlaying: e = !0,
-  duration: t = 30,
+  isPlaying: t = !0,
+  duration: e = 30,
   onTimerExpired: n
 }) => {
-  const [o, i] = P(t > 10 ? ks : he), c = ({
+  const [o, i] = P(e > 10 ? ks : he), c = ({
     remainingTime: d
   }) => /* @__PURE__ */ s(Rs, {
     children: d
-  }), a = B(() => {
+  }), a = z(() => {
     n == null || n(), i(Ss);
-  }, [n, i]), l = B((d) => {
+  }, [n, i]), l = z((d) => {
     d === 10 && i(he);
   }, [i]);
   return /* @__PURE__ */ s(Le, {
-    isPlaying: e,
-    duration: t,
+    isPlaying: t,
+    duration: e,
     colors: ws,
     colorsTime: Ts,
     size: 32,
@@ -580,8 +580,8 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   class: "pe5g05h",
   propsAsIs: !1
 }), Ms = ({
-  title: e,
-  points: t,
+  title: t,
+  points: e,
   isPlayingTimer: n,
   isTimer: o,
   animatePoints: i,
@@ -590,87 +590,87 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   onTimerExpired: l
 }) => /* @__PURE__ */ p(Es, { style: { justifyContent: c === f.PREDICTION ? "center" : "space-between" }, children: [
   /* @__PURE__ */ p(xs, { children: [
-    e && /* @__PURE__ */ s(Ps, { children: e }),
-    t !== void 0 && c !== f.POLL && /* @__PURE__ */ p(x, { children: [
+    t && /* @__PURE__ */ s(Ps, { children: t }),
+    e !== void 0 && c !== f.POLL && /* @__PURE__ */ p(x, { children: [
       /* @__PURE__ */ s(Ns, { name: "icon-trophy" }),
       /* @__PURE__ */ p(Ds, { children: [
-        /* @__PURE__ */ s(Vs, { children: i ? /* @__PURE__ */ s(ye, { value: t, delay: 0.3 }) : t }),
+        /* @__PURE__ */ s(Vs, { children: i ? /* @__PURE__ */ s(Ae, { value: e, delay: 0.3 }) : e }),
         /* @__PURE__ */ s(Os, { children: "PTS" })
       ] })
     ] })
   ] }),
   o && c !== f.PREDICTION && /* @__PURE__ */ s(Ls, { isPlaying: n, onTimerExpired: l, duration: a })
-] }), _s = ({ openedQuestion: e, isLoading: t, vote: n, close: o }) => {
+] }), _s = ({ openedQuestion: t, isLoading: e, vote: n, close: o }) => {
   var i, c;
-  const a = e.subject, l = e.type, d = e.status, u = (i = e.options) == null ? void 0 : i.options, h = e.marketClosed, [v, m] = P(!1), [I, $] = P(!1), [A, g] = P(!0), [C, w] = P(!1), [b, T] = P(""), N = e == null ? void 0 : e.id;
+  const a = t.subject, l = t.type, d = t.status, u = (i = t.options) == null ? void 0 : i.options, h = t.marketClosed, [v, m] = P(!1), [I, $] = P(!1), [y, g] = P(!0), [C, w] = P(!1), [b, T] = P(""), N = t == null ? void 0 : t.id;
   X(() => {
     l === f.PREDICTION ? h && g(!1) : d === M.RESOLVED && g(!1);
   }, []);
-  const V = B((L) => {
+  const V = z((L) => {
     $(L), m(!0);
-  }, []), D = B(
+  }, []), D = z(
     async (L) => {
       if (N) {
-        const z = L.currentTarget.value;
-        T(z), await n(N, z);
+        const F = L.currentTarget.value;
+        T(F), await n(N, F);
       }
     },
     [N, T, n]
-  ), ee = B(() => {
+  ), ee = z(() => {
     w(!0), setTimeout(o, 3e3);
-  }, [o]), y = O(
-    () => e == null ? void 0 : e.answers.find((L) => L.youVoted === !0),
-    [e]
+  }, [o]), A = O(
+    () => t == null ? void 0 : t.answers.find((L) => L.youVoted === !0),
+    [t]
   ), k = O(
-    () => !!(e != null && e.answers.find((L) => L.correct === !0)),
-    [e]
+    () => !!(t != null && t.answers.find((L) => L.correct === !0)),
+    [t]
   ), S = O(
-    () => e == null ? void 0 : e.answers.find((L) => L.correct === !0),
-    [e]
-  ), te = O(() => e ? e.answers.map((L) => {
-    var z;
+    () => t == null ? void 0 : t.answers.find((L) => L.correct === !0),
+    [t]
+  ), te = O(() => t ? t.answers.map((L) => {
+    var F;
     return {
       ...L,
-      questionVoted: !!y,
+      questionVoted: !!A,
       youSelected: b === L.id,
-      isLoading: t,
+      isLoading: e,
       hasCorrectAnswer: k,
-      questionType: e.type,
+      questionType: t.type,
       answerTimeExpired: C,
       questionStatus: d,
-      imageMode: (z = e.appearance) == null ? void 0 : z.images,
+      imageMode: (F = t.appearance) == null ? void 0 : F.images,
       onVote: D
     };
   }) : [], [
     k,
     C,
-    t,
     e,
-    y,
+    t,
+    A,
     d,
     D,
     b
-  ]), se = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, j = d === M.RESOLVED && l === f.TRIVIA && !y && !A, re = l === f.TRIVIA && I && v && A, ae = O(() => l === f.PREDICTION ? !!(y && !k || y && k && S != null && S.youVoted) : !0, [l, y, k, S]), Ne = O(() => {
-    if (l === f.PREDICTION && y && (!k || k && S != null && S.youVoted))
-      return y.points;
+  ]), se = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, j = d === M.RESOLVED && l === f.TRIVIA && !A && !y, re = l === f.TRIVIA && I && v && y, ae = O(() => l === f.PREDICTION ? !!(A && !k || A && k && S != null && S.youVoted) : !0, [l, A, k, S]), Ne = O(() => {
+    if (l === f.PREDICTION && A && (!k || k && S != null && S.youVoted))
+      return A.points;
     if (!(j || C))
-      return d === M.RESOLVED ? 0 : y ? y.correct ? y.points : 0 : S == null ? void 0 : S.points;
+      return d === M.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : S == null ? void 0 : S.points;
   }, [
     C,
-    y,
+    A,
     S,
     d,
     j,
     l,
     k
-  ]), De = O(() => l === f.PREDICTION && y ? k ? k && S != null && S.youVoted ? "You won" : "" : "To win" : j || C ? "Time expired" : l === f.POLL ? "Time remaining" : y ? "You won" : "To win", [C, l, y, j, k, S]), Ve = (l === f.TRIVIA || l === f.PREDICTION) && y && k && (S == null ? void 0 : S.youVoted), Oe = y || j || re || l === f.TRIVIA && d === M.RESOLVED && A;
+  ]), De = O(() => l === f.PREDICTION && A ? k ? k && S != null && S.youVoted ? "You won" : "" : "To win" : j || C ? "Time expired" : l === f.POLL ? "Time remaining" : A ? "You won" : "To win", [C, l, A, j, k, S]), Ve = (l === f.TRIVIA || l === f.PREDICTION) && A && k && (S == null ? void 0 : S.youVoted), Oe = A || j || re || l === f.TRIVIA && d === M.RESOLVED && y;
   return /* @__PURE__ */ s(Gt, { children: /* @__PURE__ */ s(Yt, { children: /* @__PURE__ */ p(Jt, { children: [
     /* @__PURE__ */ s(
       Ht,
       {
         feedbackMessages: se,
-        questionVoted: !!y,
-        questionVotedCorrectly: y == null ? void 0 : y.correct,
+        questionVoted: !!A,
+        questionVotedCorrectly: A == null ? void 0 : A.correct,
         questionType: l,
         hasCorrectAnswer: k,
         questionStatus: d,
@@ -678,7 +678,7 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
         showClosedNotificationTrivia: re,
         votedInCurrentRender: v,
         votedAfterQuestionClosed: I,
-        enteredAnActiveQuestion: A,
+        enteredAnActiveQuestion: y,
         marketClosed: h
       }
     ),
@@ -688,11 +688,11 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
         title: De,
         points: Ne,
         onTimerExpired: ee,
-        questionType: e.type,
-        isTimer: !t,
-        isPlayingTimer: !y,
+        questionType: t.type,
+        isTimer: !e,
+        isPlayingTimer: !A,
         animatePoints: Ve,
-        timerDuration: Oe ? 0 : Number(((c = e == null ? void 0 : e.appearance) == null ? void 0 : c.autoHideInterval) || "30")
+        timerDuration: Oe ? 0 : Number(((c = t == null ? void 0 : t.appearance) == null ? void 0 : c.autoHideInterval) || "30")
       }
     ),
     C ? /* @__PURE__ */ s(
@@ -709,7 +709,7 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
           ...L,
           markThatVoted: V,
           votedAfterQuestionClosed: I,
-          enteredAnActiveQuestion: A,
+          enteredAnActiveQuestion: y,
           marketClosed: h
         },
         L.id
@@ -736,128 +736,133 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   name: "Image",
   class: "id3lh3p",
   propsAsIs: !1
+}), zs = /* @__PURE__ */ r("div")({
+  name: "ImageContainer",
+  class: "i1gfjeu5",
+  propsAsIs: !1
 }), Ee = ({
+  imageMode: t,
   instantView: e,
-  isDetail: t,
-  notification: n,
-  controlVideo: o
+  isDetail: n,
+  notification: o,
+  controlVideo: i
 }) => {
-  const i = e == null ? void 0 : e.heading, c = e == null ? void 0 : e.body, a = i || c, l = n == null ? void 0 : n.title, d = n == null ? void 0 : n.body;
+  const c = e == null ? void 0 : e.heading, a = e == null ? void 0 : e.body, l = c || a, d = o == null ? void 0 : o.title, u = o == null ? void 0 : o.body;
   return /* @__PURE__ */ p(Qs, { children: [
     (e == null ? void 0 : e.video) && /* @__PURE__ */ s(
       je,
       {
         source: e.video.url,
         poster: e.video.thumbnailUrl,
-        controlVideo: o
+        controlVideo: i
       }
     ),
-    (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(Bs, { src: e == null ? void 0 : e.image }),
+    (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(zs, { "data-rounded": t === W.ROUNDED, children: /* @__PURE__ */ s(Bs, { src: e == null ? void 0 : e.image }) }),
     /* @__PURE__ */ p(js, { children: [
-      /* @__PURE__ */ s(Us, { children: t && a ? i : l }),
-      /* @__PURE__ */ s(Ws, { children: t && a ? c : d })
+      /* @__PURE__ */ s(Us, { children: n && l ? c : d }),
+      /* @__PURE__ */ s(Ws, { children: n && l ? a : u })
     ] })
   ] });
-}, zs = /* @__PURE__ */ r("div")({
+}, Fs = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Fs = /* @__PURE__ */ r("a")({
+}), Hs = /* @__PURE__ */ r("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Hs = ({ instantView: e, ...t }) => /* @__PURE__ */ p(zs, { children: [
-  /* @__PURE__ */ s(Ee, { instantView: e, ...t, isDetail: !0 }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Fs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
-    e == null ? void 0 : e.webLink.label,
+}), Ys = ({ instantView: t, ...e }) => /* @__PURE__ */ p(Fs, { children: [
+  /* @__PURE__ */ s(Ee, { instantView: t, ...e, isDetail: !0 }),
+  (t == null ? void 0 : t.webLink) && /* @__PURE__ */ p(Hs, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
+    t == null ? void 0 : t.webLink.label,
     /* @__PURE__ */ s(R, { name: "icon-external-link" })
   ] })
-] }), Ys = /* @__PURE__ */ r("div")({
+] }), Zs = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1dcxmvf",
   propsAsIs: !1
-}), Zs = /* @__PURE__ */ r("blockquote")({
+}), Gs = /* @__PURE__ */ r("blockquote")({
   name: "Quote",
   class: "qb4q22c",
   propsAsIs: !1
-}), Gs = (e) => /* @__PURE__ */ p(Ys, { children: [
-  e.title && /* @__PURE__ */ s(Zs, { children: e.title }),
-  /* @__PURE__ */ s(Ae, { ...e, isDetail: !0 })
-] }), Js = /* @__PURE__ */ r("div")({
+}), Js = (t) => /* @__PURE__ */ p(Zs, { children: [
+  t.title && /* @__PURE__ */ s(Gs, { children: t.title }),
+  /* @__PURE__ */ s(ye, { ...t, isDetail: !0 })
+] }), Ks = /* @__PURE__ */ r("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), Ks = ({
-  openedQuestion: e
+}), Xs = ({
+  openedQuestion: t
 }) => {
-  var t, n;
+  var e, n;
   const {
     sdk: o
   } = $e();
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Hs, {
-    ...e.attributes.attributes.value,
+  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ s(Ys, {
+    ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Gs, {
-    ...e.attributes.attributes.value,
+  }) : ((n = t == null ? void 0 : t.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Js, {
+    ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
   }) : null;
-}, Xs = ({
-  extendedQuestion: e,
-  vote: t,
+}, en = ({
+  extendedQuestion: t,
+  vote: e,
   close: n
 }) => {
   const {
     loading: o,
     data: i
-  } = e;
+  } = t;
   return i ? /* @__PURE__ */ s(_s, {
-    vote: t,
+    vote: e,
     close: n,
     openedQuestion: i,
     isLoading: !!o
   }) : null;
-}, en = ({
-  gamification: e
+}, tn = ({
+  gamification: t
 }) => {
-  var t;
-  const n = q(e.openedQuestion.$store), o = q(e.openedQuestion.$extendedStore);
+  var e;
+  const n = q(t.openedQuestion.$store), o = q(t.openedQuestion.$extendedStore);
   if (!n)
     return null;
   const i = n.type;
-  return /* @__PURE__ */ p(Js, {
+  return /* @__PURE__ */ p(Ks, {
     children: [/* @__PURE__ */ s(Te, {
-      close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || f.UNSET
-    }), i === "question" && /* @__PURE__ */ s(Xs, {
-      vote: e.submitAnswer,
-      close: e.closeQuestion,
+      close: t.closeQuestion,
+      type: ((e = n.attributes) == null ? void 0 : e.type) || f.UNSET
+    }), i === "question" && /* @__PURE__ */ s(en, {
+      vote: t.submitAnswer,
+      close: t.closeQuestion,
       extendedQuestion: o
-    }), i !== "question" && /* @__PURE__ */ s(Ks, {
+    }), i !== "question" && /* @__PURE__ */ s(Xs, {
       openedQuestion: n
     }), /* @__PURE__ */ s(Mt, {
       sponsorLogo: ""
     })]
   });
-}, tn = /* @__PURE__ */ r("div")({
+}, sn = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), sn = /* @__PURE__ */ r("div")({
+}), nn = /* @__PURE__ */ r("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), nn = /* @__PURE__ */ r("button")({
+}), on = /* @__PURE__ */ r("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), on = /* @__PURE__ */ r("span")({
+}), rn = /* @__PURE__ */ r("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
-var K = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(K || {});
-const me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(nn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(on, { children: e }) }), rn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(tn, { children: /* @__PURE__ */ p(sn, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s(me, { title: "Home", active: e === "home", onClick: () => t(
+var K = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(K || {});
+const me = ({ title: t, active: e, onClick: n }) => /* @__PURE__ */ s(on, { onClick: n, "data-selected": e, children: /* @__PURE__ */ s(rn, { children: t }) }), an = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ s(sn, { children: /* @__PURE__ */ p(nn, { "data-position": t === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(me, { title: "Home", active: t === "home", onClick: () => e(
     "home"
     /* HOME */
   ) }),
@@ -865,113 +870,113 @@ const me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(nn, { onCl
     me,
     {
       title: "Friends",
-      active: e === "leaderboard",
-      onClick: () => t(
+      active: t === "leaderboard",
+      onClick: () => e(
         "leaderboard"
         /* LEADERBOARD */
       )
     }
   )
-] }) }), an = /* @__PURE__ */ r("div")({
+] }) }), ln = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), ln = /* @__PURE__ */ r("img")({
+}), cn = /* @__PURE__ */ r("img")({
   name: "FriendsIcon",
   class: "f10ncfg2",
   propsAsIs: !1
-}), cn = /* @__PURE__ */ r("div")({
+}), dn = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c1yc07bd",
   propsAsIs: !1
-}), dn = /* @__PURE__ */ r("div")({
+}), pn = /* @__PURE__ */ r("div")({
   name: "Title",
   class: "tj6cq7w",
   propsAsIs: !1
-}), pn = /* @__PURE__ */ r("div")({
+}), un = /* @__PURE__ */ r("div")({
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), un = () => R, hn = /* @__PURE__ */ r(un())({
+}), hn = () => R, mn = /* @__PURE__ */ r(hn())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), mn = "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", vn = ({ title: e, description: t, onClick: n, className: o }) => /* @__PURE__ */ p(an, { onClick: n, className: o, children: [
-  /* @__PURE__ */ s(ln, { alt: "friends-icon", src: mn }),
-  /* @__PURE__ */ p(cn, { children: [
-    /* @__PURE__ */ s(dn, { children: e }),
-    /* @__PURE__ */ s(pn, { children: t })
+}), vn = "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", fn = ({ title: t, description: e, onClick: n, className: o }) => /* @__PURE__ */ p(ln, { onClick: n, className: o, children: [
+  /* @__PURE__ */ s(cn, { alt: "friends-icon", src: vn }),
+  /* @__PURE__ */ p(dn, { children: [
+    /* @__PURE__ */ s(pn, { children: t }),
+    /* @__PURE__ */ s(un, { children: e })
   ] }),
-  /* @__PURE__ */ s(hn, { name: "icon-copy" })
+  /* @__PURE__ */ s(mn, { name: "icon-copy" })
 ] });
-function fn(e) {
-  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, o = e.startIndex, i = e.stopIndex;
-  return !(o > n || i < t);
+function In(t) {
+  var e = t.lastRenderedStartIndex, n = t.lastRenderedStopIndex, o = t.startIndex, i = t.stopIndex;
+  return !(o > n || i < e);
 }
-function In(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, o = e.minimumBatchSize, i = e.startIndex, c = e.stopIndex, a = [], l = null, d = null, u = i; u <= c; u++) {
-    var h = t(u);
+function Cn(t) {
+  for (var e = t.isItemLoaded, n = t.itemCount, o = t.minimumBatchSize, i = t.startIndex, c = t.stopIndex, a = [], l = null, d = null, u = i; u <= c; u++) {
+    var h = e(u);
     h ? d !== null && (a.push(l, d), l = d = null) : (d = u, l === null && (l = u));
   }
   if (d !== null) {
-    for (var v = Math.min(Math.max(d, l + o - 1), n - 1), m = d + 1; m <= v && !t(m); m++)
+    for (var v = Math.min(Math.max(d, l + o - 1), n - 1), m = d + 1; m <= v && !e(m); m++)
       d = m;
     a.push(l, d);
   }
   if (a.length)
     for (; a[1] - a[0] + 1 < o && a[0] > 0; ) {
       var I = a[0] - 1;
-      if (!t(I))
+      if (!e(I))
         a[0] = I;
       else
         break;
     }
   return a;
 }
-var Cn = function(e, t) {
-  if (!(e instanceof t))
+var gn = function(t, e) {
+  if (!(t instanceof e))
     throw new TypeError("Cannot call a class as a function");
-}, gn = /* @__PURE__ */ function() {
-  function e(t, n) {
+}, An = /* @__PURE__ */ function() {
+  function t(e, n) {
     for (var o = 0; o < n.length; o++) {
       var i = n[o];
-      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+      i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
     }
   }
-  return function(t, n, o) {
-    return n && e(t.prototype, n), o && e(t, o), t;
+  return function(e, n, o) {
+    return n && t(e.prototype, n), o && t(e, o), e;
   };
-}(), yn = 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, {
+}(), yn = function(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, {
     constructor: {
-      value: e,
+      value: t,
       enumerable: !1,
       writable: !0,
       configurable: !0
     }
-  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, ve = function(e, t) {
-  if (!e)
+  }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}, ve = function(t, e) {
+  if (!t)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return t && (typeof t == "object" || typeof t == "function") ? t : e;
+  return e && (typeof e == "object" || typeof e == "function") ? e : t;
 };
-(function(e) {
-  yn(t, e);
-  function t() {
+(function(t) {
+  yn(e, t);
+  function e() {
     var n, o, i, c;
-    Cn(this, t);
+    gn(this, e);
     for (var a = arguments.length, l = Array(a), d = 0; d < a; d++)
       l[d] = arguments[d];
-    return c = (o = (i = ve(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
+    return c = (o = (i = ve(this, (n = e.__proto__ || Object.getPrototypeOf(e)).call.apply(n, [this].concat(l))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
       var h = u.visibleStartIndex, v = u.visibleStopIndex;
       i._lastRenderedStartIndex = h, i._lastRenderedStopIndex = v, i._ensureRowsLoaded(h, v);
     }, i._setRef = function(u) {
       i._listRef = u;
     }, o), ve(i, c);
   }
-  return gn(t, [{
+  return An(e, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -993,7 +998,7 @@ var Cn = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(o, i) {
-      var c = this.props, a = c.isItemLoaded, l = c.itemCount, d = c.minimumBatchSize, u = d === void 0 ? 10 : d, h = c.threshold, v = h === void 0 ? 15 : h, m = In({
+      var c = this.props, a = c.isItemLoaded, l = c.itemCount, d = c.minimumBatchSize, u = d === void 0 ? 10 : d, h = c.threshold, v = h === void 0 ? 15 : h, m = Cn({
         isItemLoaded: a,
         itemCount: l,
         minimumBatchSize: u,
@@ -1010,7 +1015,7 @@ var Cn = function(e, t) {
       for (var i = this, c = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
         var h = o[u], v = o[u + 1], m = c(h, v);
         m != null && m.then(function() {
-          if (fn({
+          if (In({
             lastRenderedStartIndex: i._lastRenderedStartIndex,
             lastRenderedStopIndex: i._lastRenderedStopIndex,
             startIndex: h,
@@ -1024,99 +1029,99 @@ var Cn = function(e, t) {
       }, l = 0; l < o.length; l += 2)
         a(l);
     }
-  }]), t;
+  }]), e;
 })(et);
-const An = /* @__PURE__ */ r("div")({
+const $n = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ r("div")({
+}), bn = /* @__PURE__ */ r("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), bn = /* @__PURE__ */ r("img")({
+}), wn = /* @__PURE__ */ r("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), wn = /* @__PURE__ */ r("div")({
+}), Tn = /* @__PURE__ */ r("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ r("div")({
+}), Rn = /* @__PURE__ */ r("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ r("div")({
+}), kn = /* @__PURE__ */ r("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ r("span")({
+}), Sn = /* @__PURE__ */ r("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Sn = () => R, Ln = /* @__PURE__ */ r(Sn())({
+}), Ln = () => R, En = /* @__PURE__ */ r(Ln())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
 });
-var xe = { exports: {} }, En = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", xn = En, Pn = xn;
+var xe = { exports: {} }, xn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", Pn = xn, qn = Pn;
 function Pe() {
 }
 function qe() {
 }
 qe.resetWarningCache = Pe;
-var qn = function() {
-  function e(o, i, c, a, l, d) {
-    if (d !== Pn) {
+var Nn = function() {
+  function t(o, i, c, a, l, d) {
+    if (d !== qn) {
       var u = new Error(
         "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
       );
       throw u.name = "Invariant Violation", u;
     }
   }
-  e.isRequired = e;
-  function t() {
-    return e;
+  t.isRequired = t;
+  function e() {
+    return t;
   }
   var n = {
-    array: e,
-    bigint: e,
-    bool: e,
-    func: e,
-    number: e,
-    object: e,
-    string: e,
-    symbol: e,
-    any: e,
-    arrayOf: t,
-    element: e,
-    elementType: e,
-    instanceOf: t,
-    node: e,
-    objectOf: t,
-    oneOf: t,
-    oneOfType: t,
-    shape: t,
-    exact: t,
+    array: t,
+    bigint: t,
+    bool: t,
+    func: t,
+    number: t,
+    object: t,
+    string: t,
+    symbol: t,
+    any: t,
+    arrayOf: e,
+    element: t,
+    elementType: t,
+    instanceOf: e,
+    node: t,
+    objectOf: e,
+    oneOf: e,
+    oneOfType: e,
+    shape: e,
+    exact: e,
     checkPropTypes: qe,
     resetWarningCache: Pe
   };
   return n.PropTypes = n, n;
 };
-xe.exports = qn();
-var Nn = xe.exports;
-const E = /* @__PURE__ */ Ue(Nn);
+xe.exports = Nn();
+var Dn = xe.exports;
+const E = /* @__PURE__ */ Ue(Dn);
 class ie extends tt {
-  constructor(t) {
-    super(t), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
+  constructor(e) {
+    super(e), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
   }
   componentDidMount() {
     this.pageLoaded = this.props.pageStart, this.options = this.eventListenerOptions(), this.attachScrollListener();
   }
   componentDidUpdate() {
     if (this.props.isReverse && this.loadMore) {
-      const t = this.getParentElement(this.scrollComponent);
-      t.scrollTop = t.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop, this.loadMore = !1;
+      const e = this.getParentElement(this.scrollComponent);
+      e.scrollTop = e.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop, this.loadMore = !1;
     }
     this.attachScrollListener();
   }
@@ -1124,64 +1129,64 @@ class ie extends tt {
     this.detachScrollListener(), this.detachMousewheelListener();
   }
   isPassiveSupported() {
-    let t = !1;
+    let e = !1;
     const n = {
       get passive() {
-        t = !0;
+        e = !0;
       }
     };
     try {
       document.addEventListener("test", null, n), document.removeEventListener("test", null, n);
     } catch {
     }
-    return t;
+    return e;
   }
   eventListenerOptions() {
-    let t = this.props.useCapture;
-    return this.isPassiveSupported() ? t = {
+    let e = this.props.useCapture;
+    return this.isPassiveSupported() ? e = {
       useCapture: this.props.useCapture,
       passive: !0
-    } : t = {
+    } : e = {
       passive: !1
-    }, t;
+    }, e;
   }
   // Set a defaut loader for all your `InfiniteScroll` components
-  setDefaultLoader(t) {
-    this.defaultLoader = t;
+  setDefaultLoader(e) {
+    this.defaultLoader = e;
   }
   detachMousewheelListener() {
-    let t = window;
-    this.props.useWindow === !1 && (t = this.scrollComponent.parentNode), t.removeEventListener(
+    let e = window;
+    this.props.useWindow === !1 && (e = this.scrollComponent.parentNode), e.removeEventListener(
       "mousewheel",
       this.mousewheelListener,
       this.options ? this.options : this.props.useCapture
     );
   }
   detachScrollListener() {
-    let t = window;
-    this.props.useWindow === !1 && (t = this.getParentElement(this.scrollComponent)), t.removeEventListener(
+    let e = window;
+    this.props.useWindow === !1 && (e = this.getParentElement(this.scrollComponent)), e.removeEventListener(
       "scroll",
       this.scrollListener,
       this.options ? this.options : this.props.useCapture
-    ), t.removeEventListener(
+    ), e.removeEventListener(
       "resize",
       this.scrollListener,
       this.options ? this.options : this.props.useCapture
     );
   }
-  getParentElement(t) {
+  getParentElement(e) {
     const n = this.props.getScrollParent && this.props.getScrollParent();
-    return n ?? (t && t.parentNode);
+    return n ?? (e && e.parentNode);
   }
-  filterProps(t) {
-    return t;
+  filterProps(e) {
+    return e;
   }
   attachScrollListener() {
-    const t = this.getParentElement(this.scrollComponent);
-    if (!this.props.hasMore || !t)
+    const e = this.getParentElement(this.scrollComponent);
+    if (!this.props.hasMore || !e)
       return;
     let n = window;
-    this.props.useWindow === !1 && (n = t), n.addEventListener(
+    this.props.useWindow === !1 && (n = e), n.addEventListener(
       "mousewheel",
       this.mousewheelListener,
       this.options ? this.options : this.props.useCapture
@@ -1195,27 +1200,27 @@ class ie extends tt {
       this.options ? this.options : this.props.useCapture
     ), this.props.initialLoad && this.scrollListener();
   }
-  mousewheelListener(t) {
-    t.deltaY === 1 && !this.isPassiveSupported() && t.preventDefault();
+  mousewheelListener(e) {
+    e.deltaY === 1 && !this.isPassiveSupported() && e.preventDefault();
   }
   scrollListener() {
-    const t = this.scrollComponent, n = window, o = this.getParentElement(t);
+    const e = this.scrollComponent, n = window, o = this.getParentElement(e);
     let i;
     if (this.props.useWindow) {
       const c = document.documentElement || document.body.parentNode || document.body, a = n.pageYOffset !== void 0 ? n.pageYOffset : c.scrollTop;
-      this.props.isReverse ? i = a : i = this.calculateOffset(t, a);
+      this.props.isReverse ? i = a : i = this.calculateOffset(e, a);
     } else
-      this.props.isReverse ? i = o.scrollTop : i = t.scrollHeight - o.scrollTop - o.clientHeight;
-    i < Number(this.props.threshold) && t && t.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = o.scrollHeight, this.beforeScrollTop = o.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
+      this.props.isReverse ? i = o.scrollTop : i = e.scrollHeight - o.scrollTop - o.clientHeight;
+    i < Number(this.props.threshold) && e && e.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = o.scrollHeight, this.beforeScrollTop = o.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
   }
-  calculateOffset(t, n) {
-    return t ? this.calculateTopPosition(t) + (t.offsetHeight - n - window.innerHeight) : 0;
+  calculateOffset(e, n) {
+    return e ? this.calculateTopPosition(e) + (e.offsetHeight - n - window.innerHeight) : 0;
   }
-  calculateTopPosition(t) {
-    return t ? t.offsetTop + this.calculateTopPosition(t.offsetParent) : 0;
+  calculateTopPosition(e) {
+    return e ? e.offsetTop + this.calculateTopPosition(e.offsetParent) : 0;
   }
   render() {
-    const t = this.filterProps(this.props), {
+    const e = this.filterProps(this.props), {
       children: n,
       element: o,
       hasMore: i,
@@ -1229,13 +1234,13 @@ class ie extends tt {
       useCapture: m,
       useWindow: I,
       getScrollParent: $,
-      ...A
-    } = t;
-    A.ref = (C) => {
+      ...y
+    } = e;
+    y.ref = (C) => {
       this.scrollComponent = C, h && h(C);
     };
     const g = [n];
-    return i && (l ? a ? g.unshift(l) : g.push(l) : this.defaultLoader && (a ? g.unshift(this.defaultLoader) : g.push(this.defaultLoader))), W.createElement(o, A, g);
+    return i && (l ? a ? g.unshift(l) : g.push(l) : this.defaultLoader && (a ? g.unshift(this.defaultLoader) : g.push(this.defaultLoader))), B.createElement(o, y, g);
   }
 }
 ne(ie, "propTypes", {
@@ -1265,31 +1270,31 @@ ne(ie, "propTypes", {
   loader: null,
   getScrollParent: null
 });
-const Dn = ({
-  rank: e,
-  avatar: t,
+const Vn = ({
+  rank: t,
+  avatar: e,
   name: n,
   points: o,
   isCurrentUser: i,
   openItemDetail: c,
   style: a
-}) => /* @__PURE__ */ p(An, { onClick: c, style: a, children: [
-  /* @__PURE__ */ s($n, { children: e || 0 }),
-  /* @__PURE__ */ p(Tn, { children: [
-    t ? /* @__PURE__ */ s(bn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(wn, { children: Ce(n || "") }),
-    /* @__PURE__ */ p(Rn, { children: [
-      /* @__PURE__ */ s(kn, { children: n || "" }),
-      i && /* @__PURE__ */ s(Ln, { name: "icon-star" })
+}) => /* @__PURE__ */ p($n, { onClick: c, style: a, children: [
+  /* @__PURE__ */ s(bn, { children: t || 0 }),
+  /* @__PURE__ */ p(Rn, { children: [
+    e ? /* @__PURE__ */ s(wn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ s(Tn, { children: Ce(n || "") }),
+    /* @__PURE__ */ p(kn, { children: [
+      /* @__PURE__ */ s(Sn, { children: n || "" }),
+      i && /* @__PURE__ */ s(En, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ s("div", { children: ge(o) })
-] }), Vn = /* @__PURE__ */ r("div")({
+] }), On = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
-}), On = ({
-  items: e,
-  currentUserId: t,
+}), Mn = ({
+  items: t,
+  currentUserId: e,
   openItemDetail: n,
   fetchMore: o,
   scrollNode: i,
@@ -1300,18 +1305,18 @@ const Dn = ({
   hasMore: c,
   useWindow: !1,
   getScrollParent: () => i.current,
-  children: /* @__PURE__ */ s(Vn, {
-    children: e.map((a) => /* @__PURE__ */ s(Dn, {
+  children: /* @__PURE__ */ s(On, {
+    children: t.map((a) => /* @__PURE__ */ s(Vn, {
       ...a,
       openItemDetail: () => n(a.userId),
-      isCurrentUser: !!t && t === a.userId
+      isCurrentUser: !!e && e === a.userId
     }, a.userId))
   })
-}), Mn = ({ renderClipBoardNode: e, deepLink: t }) => /* @__PURE__ */ s(
+}), _n = ({ renderClipBoardNode: t, deepLink: e }) => /* @__PURE__ */ s(
   We,
   {
-    renderToNode: e,
-    inviteLink: t,
+    renderToNode: t,
+    inviteLink: e,
     socialLinks: [
       {
         icon: "icon-facebook",
@@ -1327,13 +1332,13 @@ const Dn = ({
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   }
-), _n = /* @__PURE__ */ r("div")({
+), Qn = /* @__PURE__ */ r("div")({
   name: "InviteLinkContainer",
   class: "i1chxfpe",
   propsAsIs: !1
-}), Qn = ({
-  gamification: e,
-  scrollNode: t,
+}), jn = ({
+  gamification: t,
+  scrollNode: e,
   scrollStore: n,
   renderClipBoardNode: o
 }) => {
@@ -1342,147 +1347,147 @@ const Dn = ({
     hasMore: c,
     loading: a,
     key: l
-  } = q(e.leaderboardList.$store), {
+  } = q(t.leaderboardList.$store), {
     data: d
-  } = q(e.deepLink.$store), [u, h] = Be(o);
-  return !i.length && !a ? /* @__PURE__ */ s(Mn, {
+  } = q(t.deepLink.$store), [u, h] = Be(o);
+  return !i.length && !a ? /* @__PURE__ */ s(_n, {
     renderClipBoardNode: o,
     deepLink: d
   }) : /* @__PURE__ */ p(x, {
-    children: [/* @__PURE__ */ s(On, {
+    children: [/* @__PURE__ */ s(Mn, {
       items: i,
-      scrollNode: t,
+      scrollNode: e,
       scrollStore: n,
-      fetchMore: e.leaderboardList.fetchMore,
+      fetchMore: t.leaderboardList.fetchMore,
       hasMore: c,
-      openItemDetail: e.openUser,
-      currentUserId: e.currentUserId.get()
-    }, l), d && /* @__PURE__ */ s(_n, {
-      children: /* @__PURE__ */ s(vn, {
+      openItemDetail: t.openUser,
+      currentUserId: t.currentUserId.get()
+    }, l), d && /* @__PURE__ */ s(Qn, {
+      children: /* @__PURE__ */ s(fn, {
         onClick: () => u(d),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
     }), h]
   });
-}, jn = /* @__PURE__ */ r("div")({
+}, Un = /* @__PURE__ */ r("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ r("div")({
+}), Wn = /* @__PURE__ */ r("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), Wn = /* @__PURE__ */ r("div")({
+}), Bn = /* @__PURE__ */ r("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ r("div")({
+}), zn = /* @__PURE__ */ r("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), zn = () => R, J = /* @__PURE__ */ r(zn())({
+}), Fn = () => R, J = /* @__PURE__ */ r(Fn())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), Fn = () => R, Hn = /* @__PURE__ */ r(Fn())({
+}), Hn = () => R, Yn = /* @__PURE__ */ r(Hn())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), Yn = /* @__PURE__ */ r("div")({
+}), Zn = /* @__PURE__ */ r("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Zn = /* @__PURE__ */ r("div")({
+}), Gn = /* @__PURE__ */ r("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), Gn = /* @__PURE__ */ r("button")({
+}), Jn = /* @__PURE__ */ r("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), Jn = {
+}), Kn = {
   [Y.LOST]: /* @__PURE__ */ s(J, { name: "incorrectVoted" }),
   [Y.WON]: /* @__PURE__ */ s(J, { name: "icon-check" }),
   [Y.UNSET]: /* @__PURE__ */ s(J, { name: "icon-arrow" }),
   [Y.DNP]: /* @__PURE__ */ s(J, { name: "icon-arrow" })
-}, Kn = ({
-  questionId: e,
-  questionType: t,
+}, Xn = ({
+  questionId: t,
+  questionType: e,
   questionStatus: n,
   subject: o,
   openForVoting: i,
   openQuestion: c,
   status: a
 }) => {
-  const l = Ie[t], d = Jn[a];
-  return l ? /* @__PURE__ */ p(jn, { onClick: () => c == null ? void 0 : c(e), children: [
-    /* @__PURE__ */ p(Zn, { children: [
-      /* @__PURE__ */ p(Un, { children: [
+  const l = Ie[e], d = Kn[a];
+  return l ? /* @__PURE__ */ p(Un, { onClick: () => c == null ? void 0 : c(t), children: [
+    /* @__PURE__ */ p(Gn, { children: [
+      /* @__PURE__ */ p(Wn, { children: [
         /* @__PURE__ */ s(
-          Hn,
+          Yn,
           {
-            "data-type-trivia": t === f.TRIVIA,
-            "data-type-poll": t === f.POLL,
+            "data-type-trivia": e === f.TRIVIA,
+            "data-type-poll": e === f.POLL,
             name: l.iconName
           }
         ),
-        /* @__PURE__ */ p(Yn, { children: [
+        /* @__PURE__ */ p(Zn, { children: [
           l.label,
-          t === f.TRIVIA && n === M.RESOLVED && " • Expired"
+          e === f.TRIVIA && n === M.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ s(Wn, { children: o || "" })
+      /* @__PURE__ */ s(Bn, { children: o || "" })
     ] }),
-    /* @__PURE__ */ s(Bn, { children: i ? /* @__PURE__ */ s(Gn, { children: "Play" }) : d })
+    /* @__PURE__ */ s(zn, { children: i ? /* @__PURE__ */ s(Jn, { children: "Play" }) : d })
   ] }) : null;
-}, Xn = /* @__PURE__ */ r("div")({
+}, eo = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), eo = /* @__PURE__ */ r("button")({
+}), to = /* @__PURE__ */ r("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), to = ({ openInsight: e, questionId: t, ...n }) => /* @__PURE__ */ p(Xn, { children: [
-  /* @__PURE__ */ s(Ee, { questionId: t, ...n }),
-  e && /* @__PURE__ */ s(eo, { onClick: () => e(t), children: "View Insight" })
-] }), so = /* @__PURE__ */ r("div")({
+}), so = ({ openInsight: t, questionId: e, ...n }) => /* @__PURE__ */ p(eo, { children: [
+  /* @__PURE__ */ s(Ee, { questionId: e, ...n }),
+  t && /* @__PURE__ */ s(to, { onClick: () => t(e), children: "View Insight" })
+] }), no = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), no = () => ze, oo = /* @__PURE__ */ r(no())({
+}), oo = () => ze, io = /* @__PURE__ */ r(oo())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), io = /* @__PURE__ */ r("blockquote")({
+}), ro = /* @__PURE__ */ r("blockquote")({
   name: "Quote",
   class: "q1hbaleq",
   propsAsIs: !1
-}), ro = ({ openTweet: e, ...t }) => /* @__PURE__ */ p(so, { children: [
-  t.title && /* @__PURE__ */ s(io, { children: t.title }),
-  /* @__PURE__ */ s(Ae, { ...t }),
-  e && /* @__PURE__ */ s(oo, { onClick: () => e(t.tweetId), children: "View Insight" })
-] }), ao = /* @__PURE__ */ r("div")({
+}), ao = ({ openTweet: t, ...e }) => /* @__PURE__ */ p(no, { children: [
+  e.title && /* @__PURE__ */ s(ro, { children: e.title }),
+  /* @__PURE__ */ s(ye, { ...e }),
+  t && /* @__PURE__ */ s(io, { onClick: () => t(e.tweetId), children: "View Insight" })
+] }), lo = /* @__PURE__ */ r("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), lo = ({ questions: e, openQuestion: t, controlVideo: n }) => /* @__PURE__ */ s(ao, { children: e == null ? void 0 : e.map((o) => {
+}), co = ({ questions: t, openQuestion: e, controlVideo: n }) => /* @__PURE__ */ s(lo, { children: t == null ? void 0 : t.map((o) => {
   var i, c, a;
   if (o.type === "question" && ((i = o.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const l = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(Kn, { openQuestion: t, ...l }, l.questionId);
+    return /* @__PURE__ */ s(Xn, { openQuestion: e, ...l }, l.questionId);
   }
   if (o.type === "insight" && ((c = o.attributes) == null ? void 0 : c.attributes.case) === "insight") {
     const l = o.attributes.attributes.value;
-    return /* @__PURE__ */ s(to, { openInsight: t, controlVideo: n, ...l }, l.questionId);
+    return /* @__PURE__ */ s(so, { openInsight: e, controlVideo: n, ...l }, l.questionId);
   }
   if (o.type === "tweet" && ((a = o.attributes) == null ? void 0 : a.attributes.case) === "tweet") {
     const l = o.attributes.attributes.value, d = o.attributes.id;
     return /* @__PURE__ */ s(
-      ro,
+      ao,
       {
-        openTweet: t,
+        openTweet: e,
         controlVideo: n,
         ...l,
         tweetId: d
@@ -1491,21 +1496,21 @@ const Dn = ({
     );
   }
   return null;
-}) }), co = ({ store: e, openQuestion: t }) => {
-  const { sdk: n } = $e(), o = q(e);
-  return o != null && o.data ? /* @__PURE__ */ s(lo, { openQuestion: t, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
-}, po = ({ userSummary: e }) => {
-  var t;
+}) }), po = ({ store: t, openQuestion: e }) => {
+  const { sdk: n } = $e(), o = q(t);
+  return o != null && o.data ? /* @__PURE__ */ s(co, { openQuestion: e, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+}, uo = ({ userSummary: t }) => {
+  var e;
   const [n, o] = P(void 0);
   return X(() => {
-    const i = e.subscribe((c) => {
+    const i = t.subscribe((c) => {
       c != null && c.data && o(c.data);
     });
     return () => {
       i();
     };
-  }, [e]), n != null && n.summary ? /* @__PURE__ */ s(Re, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
-}, uo = ({ gamification: e, className: t, scrollStore: n, scrollNode: o, appNode: i, style: c, responsiveStore: a, headerNode: l }) => {
+  }, [t]), n != null && n.summary ? /* @__PURE__ */ s(Re, { ...n.summary, successRate: (e = n.percentage) == null ? void 0 : e.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+}, ho = ({ gamification: t, className: e, scrollStore: n, scrollNode: o, appNode: i, style: c, responsiveStore: a, headerNode: l }) => {
   const { tabsShown: d } = q(n, { keys: ["tabsShown"] }), [u, h] = P(K.HOME), [, v] = st(), { sdkInDesktopView: m } = q(a, { keys: ["sdkInDesktopView"] }), I = (g) => {
     v(() => {
       var C;
@@ -1521,55 +1526,55 @@ const Dn = ({
   }), [n, a]);
   let $ = "0px";
   m ? $ = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : $ = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
-  const A = m ? i : l;
-  return /* @__PURE__ */ p(Fe, { className: t, style: c, children: [
+  const y = m ? i : l;
+  return /* @__PURE__ */ p(Fe, { className: e, style: c, children: [
     /* @__PURE__ */ s(
       He,
       {
         style: {
           top: $
         },
-        children: /* @__PURE__ */ s(rn, { activePage: u, toggleActivePage: I })
+        children: /* @__PURE__ */ s(an, { activePage: u, toggleActivePage: I })
       }
     ),
     u === K.HOME && /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ s(be, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Ye, { children: /* @__PURE__ */ s(po, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ s(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ s(co, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+      /* @__PURE__ */ s(be, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Ye, { children: /* @__PURE__ */ s(uo, { userSummary: t.userSummary }) }) }),
+      /* @__PURE__ */ s(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ s(po, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) })
     ] }),
     u === K.LEADERBOARD && /* @__PURE__ */ s(Ge, { children: /* @__PURE__ */ s(
-      Qn,
+      jn,
       {
-        renderClipBoardNode: A,
+        renderClipBoardNode: y,
         scrollStore: n,
         scrollNode: o,
-        gamification: e
+        gamification: t
       }
     ) })
   ] });
-}, ho = () => Xe, fe = /* @__PURE__ */ r(ho())({
+}, mo = () => Xe, fe = /* @__PURE__ */ r(mo())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), mo = /* @__PURE__ */ r("div")({
+}), vo = /* @__PURE__ */ r("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), vo = ({
-  correct: e,
-  incorrect: t
+}), fo = ({
+  correct: t,
+  incorrect: e
 }) => {
-  const n = e + t;
-  return n === 0 ? 0 : Math.round(e / n * 100);
+  const n = t + e;
+  return n === 0 ? 0 : Math.round(t / n * 100);
 }, yo = ({
-  gamification: e,
-  scrollStore: t,
+  gamification: t,
+  scrollStore: e,
   className: n,
   appNode: o,
   scrollNode: i,
   headerNode: c,
   responsiveStore: a
 }) => {
-  const l = q(e.openedQuestion.$store), d = q(e.openedUser), {
+  const l = q(t.openedQuestion.$store), d = q(t.openedUser), {
     sdkInDesktopView: u
   } = q(a, {
     keys: ["sdkInDesktopView"]
@@ -1580,19 +1585,19 @@ const Dn = ({
       return null;
     const I = l ? /* @__PURE__ */ s(fe, {
       className: n,
-      children: /* @__PURE__ */ s(en, {
-        gamification: e
+      children: /* @__PURE__ */ s(tn, {
+        gamification: t
       })
     }) : d ? /* @__PURE__ */ s(fe, {
       className: n,
-      children: /* @__PURE__ */ p(mo, {
+      children: /* @__PURE__ */ p(vo, {
         children: [/* @__PURE__ */ s(Te, {
           label: "Friend's Rank",
-          close: e.closeUser
+          close: t.closeUser
         }), /* @__PURE__ */ s(be, {
           children: /* @__PURE__ */ s(Re, {
             ...d,
-            successRate: vo(d)
+            successRate: fo(d)
           })
         })]
       })
@@ -1603,15 +1608,15 @@ const Dn = ({
       fixedView: m,
       children: I
     });
-  }, [o, n, e, l, d, u]);
+  }, [o, n, t, l, d, u]);
   return /* @__PURE__ */ p(x, {
-    children: [h, /* @__PURE__ */ s(uo, {
+    children: [h, /* @__PURE__ */ s(ho, {
       appNode: o,
       headerNode: c,
-      scrollStore: t,
+      scrollStore: e,
       scrollNode: i,
       className: n,
-      gamification: e,
+      gamification: t,
       responsiveStore: a
     })]
   });