@streamlayer/react 0.29.9 → 0.29.10

package/lib/{index-8774a3f9.js → index-66ccd267.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as p, Fragment as ye } from "react/jsx-runtime";
 import { s as g, C as Q } from "./index-616b0bcd.js";
 import { useStore as re } from "@nanostores/react";
-import { o as Et, r as Tt, w as Wt, e as We, n as Vt, f as Ht } from "./masters-8f8cf5ae.js";
+import { o as Et, r as Tt, w as Wt, e as We, n as Vt, f as Ht } from "./masters-5752c805.js";
 import { useState as xe, useCallback as Ve, useMemo as Se, Component as Gt, createElement as ze, PureComponent as vt } from "react";
 import { QuestionType as q, QuestionStatus as we, QuestionImages as ue, PickHistoryStatus as Ne } from "@streamlayer/sdk-web-types";
 import { o as Nt, i as _t, r as Zt, a as Jt, n as Kt } from "./common-2d2a3ba3.js";
@@ -155,7 +155,7 @@ const fr = /* @__PURE__ */ g("div")({
   correct: m,
   incorrect: o,
   inTop: y,
-  successRate: T
+  successRate: E
 }) => /* @__PURE__ */ v(fr, { children: [
   /* @__PURE__ */ p(mr, { children: /* @__PURE__ */ v(Ir, { children: [
     /* @__PURE__ */ v(Dr, { children: [
@@ -190,7 +190,7 @@ const fr = /* @__PURE__ */ g("div")({
       /* @__PURE__ */ p(_e, { indicator: I || 0, title: "Win streak" }),
       /* @__PURE__ */ p(_e, { indicator: m || 0, title: "Correct" }),
       /* @__PURE__ */ p(_e, { indicator: o || 0, title: "Incorrect" }),
-      /* @__PURE__ */ p(_e, { indicator: `${T || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ p(_e, { indicator: `${E || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] });
@@ -214,7 +214,7 @@ const Or = () => Q, Cr = /* @__PURE__ */ g("div")({
   name: "l",
   class: "l4a8aw",
   propsAsIs: !1
-}), Ue = /* @__PURE__ */ g("span")({
+}), je = /* @__PURE__ */ g("span")({
   name: "g",
   class: "gzdx7pk",
   propsAsIs: !1
@@ -233,33 +233,33 @@ const Or = () => Q, Cr = /* @__PURE__ */ g("div")({
   const m = a && (c === q.TRIVIA || c === q.PREDICTION);
   if (!m && I !== we.RESOLVED)
     return null;
-  const o = c === q.PREDICTION && !u, y = n ? "correct" : "incorrect", T = n ? i.correctFeedback : i.incorrectFeedback;
+  const o = c === q.PREDICTION && !u, y = n ? "correct" : "incorrect", E = n ? i.correctFeedback : i.incorrectFeedback;
   return /* @__PURE__ */ v(Cr, { "data-isPrediction": o, children: [
     I === we.RESOLVED && c === q.TRIVIA && !a && /* @__PURE__ */ v(ye, { children: [
       /* @__PURE__ */ p(at, { children: /* @__PURE__ */ p(Q, { name: "questionExpired" }) }),
       /* @__PURE__ */ v("div", { children: [
-        /* @__PURE__ */ p(lt, { children: /* @__PURE__ */ p(Ue, { children: "Question Expired" }) }),
+        /* @__PURE__ */ p(lt, { children: /* @__PURE__ */ p(je, { children: "Question Expired" }) }),
         /* @__PURE__ */ p(Br, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
     m && o && /* @__PURE__ */ v(ye, { children: [
       /* @__PURE__ */ p(Lr, { name: "icon-prediction" }),
-      /* @__PURE__ */ p(Ue, { children: "Stay tuned to see if your prediction was correct." })
+      /* @__PURE__ */ p(je, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
     m && u && /* @__PURE__ */ v(ye, { children: [
       /* @__PURE__ */ p(at, { "data-feedbackType": y, children: /* @__PURE__ */ p(Q, { name: y }) }),
       /* @__PURE__ */ p("div", { children: /* @__PURE__ */ v(lt, { children: [
-        /* @__PURE__ */ p(kr, { "data-feedbackType": y, children: T == null ? void 0 : T.title }),
-        /* @__PURE__ */ p(Ue, { children: T == null ? void 0 : T.description })
+        /* @__PURE__ */ p(kr, { "data-feedbackType": y, children: E == null ? void 0 : E.title }),
+        /* @__PURE__ */ p(je, { children: E == null ? void 0 : E.description })
       ] }) })
     ] })
   ] });
 };
-const jr = /* @__PURE__ */ g("div")({
+const Ur = /* @__PURE__ */ g("div")({
   name: "o",
   class: "olc1eph",
   propsAsIs: !1
-}), Ur = /* @__PURE__ */ g("div")({
+}), jr = /* @__PURE__ */ g("div")({
   name: "n",
   class: "n1yoh29a",
   propsAsIs: !1
@@ -355,14 +355,14 @@ const Qr = () => Dt, Pr = () => Dt, qr = () => Q, Yr = /* @__PURE__ */ g("button
     youSelected: o,
     questionVoted: y,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: T = ue.ROUNDED,
+    imageMode: E = ue.ROUNDED,
     answerTimeExpired: _,
     questionStatus: S,
     isLoading: x,
-    questionType: E,
+    questionType: T,
     correct: N,
     hasCorrectAnswer: h
-  } = i, M = ri(i), w = ii({ questionType: E, questionVoted: y, correct: N, hasCorrectAnswer: h, questionStatus: S }), A = y || S === we.RESOLVED && E === q.PREDICTION;
+  } = i, M = ri(i), w = ii({ questionType: T, questionVoted: y, correct: N, hasCorrectAnswer: h, questionStatus: S }), A = y || S === we.RESOLVED && T === q.PREDICTION;
   return /* @__PURE__ */ v(
     Yr,
     {
@@ -374,7 +374,7 @@ const Qr = () => Dt, Pr = () => Dt, qr = () => Q, Yr = /* @__PURE__ */ g("button
       children: [
         A && /* @__PURE__ */ p(Wr, { "data-answerState": M, style: { width: `${I}%` } }),
         /* @__PURE__ */ v(Vr, { children: [
-          c && ((n = ct[T]) == null ? void 0 : n.call(ct, c)),
+          c && ((n = ct[E]) == null ? void 0 : n.call(ct, c)),
           /* @__PURE__ */ p(Kr, { children: u }),
           A && /* @__PURE__ */ v(Xr, { children: [
             w && /* @__PURE__ */ p(ti, { name: "selected" }),
@@ -462,11 +462,11 @@ const di = () => Q, hi = /* @__PURE__ */ g("div")({
   c && /* @__PURE__ */ p(ui, { isPlaying: a, onTimerExpired: u })
 ] }), wi = ({ openedQuestion: i, vote: n }) => {
   var a;
-  const c = i.subject, u = i.type, I = (a = i.options) == null ? void 0 : a.options, [m, o] = xe(!1), [y, T] = xe(!1), [_, S] = xe(""), x = i == null ? void 0 : i.id, E = Ve(
+  const c = i.subject, u = i.type, I = (a = i.options) == null ? void 0 : a.options, [m, o] = xe(!1), [y, E] = xe(!1), [_, S] = xe(""), x = i == null ? void 0 : i.id, T = Ve(
     async (A) => {
       if (x) {
         const z = A.currentTarget.value;
-        S(z), T(!0), await n(x, z), T(!1);
+        S(z), E(!0), await n(x, z), E(!1);
       }
     },
     [x, S, n]
@@ -486,9 +486,9 @@ const di = () => Q, hi = /* @__PURE__ */ g("div")({
     answerTimeExpired: m,
     questionStatus: i.status,
     // ToDo: Figure out why imageMode is not in the response
-    onVote: E
-  })) : [], [h, m, y, i, N, E, _]), w = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0;
-  return /* @__PURE__ */ p(Tt, { "data-question-header": "true", children: /* @__PURE__ */ p(jr, { children: /* @__PURE__ */ v(Ur, { children: [
+    onVote: T
+  })) : [], [h, m, y, i, N, T, _]), w = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0;
+  return /* @__PURE__ */ p(Tt, { "data-question-header": "true", children: /* @__PURE__ */ p(Ur, { children: /* @__PURE__ */ v(jr, { children: [
     w && /* @__PURE__ */ p(
       Rr,
       {
@@ -656,8 +656,8 @@ var Ot = {}, Ct = {}, be = {};
 be.byteLength = Fi;
 be.toByteArray = Qi;
 be.fromByteArray = Yi;
-var J = [], P = [], ji = typeof Uint8Array < "u" ? Uint8Array : Array, Fe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-for (var le = 0, Ui = Fe.length; le < Ui; ++le)
+var J = [], P = [], Ui = typeof Uint8Array < "u" ? Uint8Array : Array, Fe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+for (var le = 0, ji = Fe.length; le < ji; ++le)
   J[le] = Fe[le], P[Fe.charCodeAt(le)] = le;
 P["-".charCodeAt(0)] = 62;
 P["_".charCodeAt(0)] = 63;
@@ -678,7 +678,7 @@ function $i(i, n, a) {
   return (n + a) * 3 / 4 - a;
 }
 function Qi(i) {
-  var n, a = Lt(i), c = a[0], u = a[1], I = new ji($i(i, c, u)), m = 0, o = u > 0 ? c - 4 : c, y;
+  var n, a = Lt(i), c = a[0], u = a[1], I = new Ui($i(i, c, u)), m = 0, o = u > 0 ? c - 4 : c, y;
   for (y = 0; y < o; y += 4)
     n = P[i.charCodeAt(y)] << 18 | P[i.charCodeAt(y + 1)] << 12 | P[i.charCodeAt(y + 2)] << 6 | P[i.charCodeAt(y + 3)], I[m++] = n >> 16 & 255, I[m++] = n >> 8 & 255, I[m++] = n & 255;
   return u === 2 && (n = P[i.charCodeAt(y)] << 2 | P[i.charCodeAt(y + 1)] >> 4, I[m++] = n & 255), u === 1 && (n = P[i.charCodeAt(y)] << 10 | P[i.charCodeAt(y + 1)] << 4 | P[i.charCodeAt(y + 2)] >> 2, I[m++] = n >> 8 & 255, I[m++] = n & 255), I;
@@ -703,27 +703,27 @@ function Yi(i) {
 var et = {};
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 et.read = function(i, n, a, c, u) {
-  var I, m, o = u * 8 - c - 1, y = (1 << o) - 1, T = y >> 1, _ = -7, S = a ? u - 1 : 0, x = a ? -1 : 1, E = i[n + S];
-  for (S += x, I = E & (1 << -_) - 1, E >>= -_, _ += o; _ > 0; I = I * 256 + i[n + S], S += x, _ -= 8)
+  var I, m, o = u * 8 - c - 1, y = (1 << o) - 1, E = y >> 1, _ = -7, S = a ? u - 1 : 0, x = a ? -1 : 1, T = i[n + S];
+  for (S += x, I = T & (1 << -_) - 1, T >>= -_, _ += o; _ > 0; I = I * 256 + i[n + S], S += x, _ -= 8)
     ;
   for (m = I & (1 << -_) - 1, I >>= -_, _ += c; _ > 0; m = m * 256 + i[n + S], S += x, _ -= 8)
     ;
   if (I === 0)
-    I = 1 - T;
+    I = 1 - E;
   else {
     if (I === y)
-      return m ? NaN : (E ? -1 : 1) * (1 / 0);
-    m = m + Math.pow(2, c), I = I - T;
+      return m ? NaN : (T ? -1 : 1) * (1 / 0);
+    m = m + Math.pow(2, c), I = I - E;
   }
-  return (E ? -1 : 1) * m * Math.pow(2, I - c);
+  return (T ? -1 : 1) * m * Math.pow(2, I - c);
 };
 et.write = function(i, n, a, c, u, I) {
-  var m, o, y, T = I * 8 - u - 1, _ = (1 << T) - 1, S = _ >> 1, x = u === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, E = c ? 0 : I - 1, N = c ? 1 : -1, h = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
-  for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, m = _) : (m = Math.floor(Math.log(n) / Math.LN2), n * (y = Math.pow(2, -m)) < 1 && (m--, y *= 2), m + S >= 1 ? n += x / y : n += x * Math.pow(2, 1 - S), n * y >= 2 && (m++, y /= 2), m + S >= _ ? (o = 0, m = _) : m + S >= 1 ? (o = (n * y - 1) * Math.pow(2, u), m = m + S) : (o = n * Math.pow(2, S - 1) * Math.pow(2, u), m = 0)); u >= 8; i[a + E] = o & 255, E += N, o /= 256, u -= 8)
+  var m, o, y, E = I * 8 - u - 1, _ = (1 << E) - 1, S = _ >> 1, x = u === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, T = c ? 0 : I - 1, N = c ? 1 : -1, h = n < 0 || n === 0 && 1 / n < 0 ? 1 : 0;
+  for (n = Math.abs(n), isNaN(n) || n === 1 / 0 ? (o = isNaN(n) ? 1 : 0, m = _) : (m = Math.floor(Math.log(n) / Math.LN2), n * (y = Math.pow(2, -m)) < 1 && (m--, y *= 2), m + S >= 1 ? n += x / y : n += x * Math.pow(2, 1 - S), n * y >= 2 && (m++, y /= 2), m + S >= _ ? (o = 0, m = _) : m + S >= 1 ? (o = (n * y - 1) * Math.pow(2, u), m = m + S) : (o = n * Math.pow(2, S - 1) * Math.pow(2, u), m = 0)); u >= 8; i[a + T] = o & 255, T += N, o /= 256, u -= 8)
     ;
-  for (m = m << u | o, T += u; T > 0; i[a + E] = m & 255, E += N, m /= 256, T -= 8)
+  for (m = m << u | o, E += u; E > 0; i[a + T] = m & 255, T += N, m /= 256, E -= 8)
     ;
-  i[a + E - N] |= h * 128;
+  i[a + T - N] |= h * 128;
 };
 /*!
  * The buffer module from node.js, for the browser.
@@ -808,20 +808,20 @@ et.write = function(i, n, a, c, u, I) {
   o.from = function(r, e, t) {
     return y(r, e, t);
   }, Object.setPrototypeOf(o.prototype, Uint8Array.prototype), Object.setPrototypeOf(o, Uint8Array);
-  function T(r) {
+  function E(r) {
     if (typeof r != "number")
       throw new TypeError('"size" argument must be of type number');
     if (r < 0)
       throw new RangeError('The value "' + r + '" is invalid for option "size"');
   }
   function _(r, e, t) {
-    return T(r), r <= 0 ? m(r) : e !== void 0 ? typeof t == "string" ? m(r).fill(e, t) : m(r).fill(e) : m(r);
+    return E(r), r <= 0 ? m(r) : e !== void 0 ? typeof t == "string" ? m(r).fill(e, t) : m(r).fill(e) : m(r);
   }
   o.alloc = function(r, e, t) {
     return _(r, e, t);
   };
   function S(r) {
-    return T(r), m(r < 0 ? 0 : w(r) | 0);
+    return E(r), m(r < 0 ? 0 : w(r) | 0);
   }
   o.allocUnsafe = function(r) {
     return S(r);
@@ -836,7 +836,7 @@ et.write = function(i, n, a, c, u, I) {
     const l = s.write(r, e);
     return l !== t && (s = s.slice(0, l)), s;
   }
-  function E(r) {
+  function T(r) {
     const e = r.length < 0 ? 0 : w(r.length) | 0, t = m(e);
     for (let s = 0; s < e; s += 1)
       t[s] = r[s] & 255;
@@ -847,7 +847,7 @@ et.write = function(i, n, a, c, u, I) {
       const e = new Uint8Array(r);
       return h(e.buffer, e.byteOffset, e.byteLength);
     }
-    return E(r);
+    return T(r);
   }
   function h(r, e, t) {
     if (e < 0 || r.byteLength < e)
@@ -863,9 +863,9 @@ et.write = function(i, n, a, c, u, I) {
       return t.length === 0 || r.copy(t, 0, 0, e), t;
     }
     if (r.length !== void 0)
-      return typeof r.length != "number" || je(r.length) ? m(0) : E(r);
+      return typeof r.length != "number" || Ue(r.length) ? m(0) : T(r);
     if (r.type === "Buffer" && Array.isArray(r.data))
-      return E(r.data);
+      return T(r.data);
   }
   function w(r) {
     if (r >= u)
@@ -1066,7 +1066,7 @@ et.write = function(i, n, a, c, u, I) {
   function L(r, e, t, s, l) {
     if (r.length === 0)
       return -1;
-    if (typeof t == "string" ? (s = t, t = 0) : t > 2147483647 ? t = 2147483647 : t < -2147483648 && (t = -2147483648), t = +t, je(t) && (t = l ? 0 : r.length - 1), t < 0 && (t = r.length + t), t >= r.length) {
+    if (typeof t == "string" ? (s = t, t = 0) : t > 2147483647 ? t = 2147483647 : t < -2147483648 && (t = -2147483648), t = +t, Ue(t) && (t = l ? 0 : r.length - 1), t < 0 && (t = r.length + t), t >= r.length) {
       if (l)
         return -1;
       t = r.length - 1;
@@ -1076,12 +1076,12 @@ et.write = function(i, n, a, c, u, I) {
       else
         return -1;
     if (typeof e == "string" && (e = o.from(e, s)), o.isBuffer(e))
-      return e.length === 0 ? -1 : U(r, e, t, s, l);
+      return e.length === 0 ? -1 : j(r, e, t, s, l);
     if (typeof e == "number")
-      return e = e & 255, typeof Uint8Array.prototype.indexOf == "function" ? l ? Uint8Array.prototype.indexOf.call(r, e, t) : Uint8Array.prototype.lastIndexOf.call(r, e, t) : U(r, [e], t, s, l);
+      return e = e & 255, typeof Uint8Array.prototype.indexOf == "function" ? l ? Uint8Array.prototype.indexOf.call(r, e, t) : Uint8Array.prototype.lastIndexOf.call(r, e, t) : j(r, [e], t, s, l);
     throw new TypeError("val must be string, number or Buffer");
   }
-  function U(r, e, t, s, l) {
+  function j(r, e, t, s, l) {
     let d = 1, f = r.length, b = e.length;
     if (s !== void 0 && (s = String(s).toLowerCase(), s === "ucs2" || s === "ucs-2" || s === "utf16le" || s === "utf-16le")) {
       if (r.length < 2 || e.length < 2)
@@ -1129,7 +1129,7 @@ et.write = function(i, n, a, c, u, I) {
     let f;
     for (f = 0; f < s; ++f) {
       const b = parseInt(e.substr(f * 2, 2), 16);
-      if (je(b))
+      if (Ue(b))
         return f;
       r[t + f] = b;
     }
@@ -1568,7 +1568,7 @@ et.write = function(i, n, a, c, u, I) {
       e = `_${r.slice(t - 3, t)}${e}`;
     return `${r.slice(0, t)}${e}`;
   }
-  function Ut(r, e, t) {
+  function jt(r, e, t) {
     ae(e, "offset"), (r[e] === void 0 || r[e + t] === void 0) && ge(e, r.length - (t + 1));
   }
   function nt(r, e, t, s, l, d) {
@@ -1577,7 +1577,7 @@ et.write = function(i, n, a, c, u, I) {
       let b;
       throw d > 3 ? e === 0 || e === BigInt(0) ? b = `>= 0${f} and < 2${f} ** ${(d + 1) * 8}${f}` : b = `>= -(2${f} ** ${(d + 1) * 8 - 1}${f}) and < 2 ** ${(d + 1) * 8 - 1}${f}` : b = `>= ${e}${f} and <= ${t}${f}`, new oe.ERR_OUT_OF_RANGE("value", b, r);
     }
-    Ut(s, l, d);
+    jt(s, l, d);
   }
   function ae(r, e) {
     if (typeof r != "number")
@@ -1682,7 +1682,7 @@ et.write = function(i, n, a, c, u, I) {
   function H(r, e) {
     return r instanceof e || r != null && r.constructor != null && r.constructor.name != null && r.constructor.name === e.name;
   }
-  function je(r) {
+  function Ue(r) {
     return r !== r;
   }
   const qt = function() {
@@ -1701,7 +1701,7 @@ et.write = function(i, n, a, c, u, I) {
     throw new Error("BigInt not supported");
   }
 })(Ct);
-var kt = { exports: {} }, j = kt.exports = {}, G, Z;
+var kt = { exports: {} }, U = kt.exports = {}, G, Z;
 function He() {
   throw new Error("setTimeout has not been defined");
 }
@@ -1766,49 +1766,49 @@ function Rt() {
     ie = null, he = !1, Wi(i);
   }
 }
-j.nextTick = function(i) {
+U.nextTick = function(i) {
   var n = new Array(arguments.length - 1);
   if (arguments.length > 1)
     for (var a = 1; a < arguments.length; a++)
       n[a - 1] = arguments[a];
-  K.push(new jt(i, n)), K.length === 1 && !he && Bt(Rt);
+  K.push(new Ut(i, n)), K.length === 1 && !he && Bt(Rt);
 };
-function jt(i, n) {
+function Ut(i, n) {
   this.fun = i, this.array = n;
 }
-jt.prototype.run = function() {
+Ut.prototype.run = function() {
   this.fun.apply(null, this.array);
 };
-j.title = "browser";
-j.browser = !0;
-j.env = {};
-j.argv = [];
-j.version = "";
-j.versions = {};
+U.title = "browser";
+U.browser = !0;
+U.env = {};
+U.argv = [];
+U.version = "";
+U.versions = {};
 function X() {
 }
-j.on = X;
-j.addListener = X;
-j.once = X;
-j.off = X;
-j.removeListener = X;
-j.removeAllListeners = X;
-j.emit = X;
-j.prependListener = X;
-j.prependOnceListener = X;
-j.listeners = function(i) {
+U.on = X;
+U.addListener = X;
+U.once = X;
+U.off = X;
+U.removeListener = X;
+U.removeAllListeners = X;
+U.emit = X;
+U.prependListener = X;
+U.prependOnceListener = X;
+U.listeners = function(i) {
   return [];
 };
-j.binding = function(i) {
+U.binding = function(i) {
   throw new Error("process.binding is not supported");
 };
-j.cwd = function() {
+U.cwd = function() {
   return "/";
 };
-j.chdir = function(i) {
+U.chdir = function(i) {
   throw new Error("process.chdir is not supported");
 };
-j.umask = function() {
+U.umask = function() {
   return 0;
 };
 var Hi = kt.exports;
@@ -1852,7 +1852,7 @@ function Gi(i) {
         }));
       });
     };
-    let x = !1, E = "";
+    let x = !1, T = "";
     c = "animationstart";
     const N = "Webkit Moz O ms".split(" ");
     let h = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), M = "";
@@ -1861,27 +1861,27 @@ function Gi(i) {
       if (w.style.animationName !== void 0 && (x = !0), x === !1) {
         for (let A = 0; A < N.length; A++)
           if (w.style[N[A] + "AnimationName"] !== void 0) {
-            M = N[A], E = "-" + M.toLowerCase() + "-", c = h[A], x = !0;
+            M = N[A], T = "-" + M.toLowerCase() + "-", c = h[A], x = !0;
             break;
           }
       }
     }
-    a = "resizeanim", n = "@" + E + "keyframes " + a + " { from { opacity: 0; } to { opacity: 0; } } ", u = E + "animation: 1ms " + a + "; ";
+    a = "resizeanim", n = "@" + T + "keyframes " + a + " { from { opacity: 0; } to { opacity: 0; } } ", u = T + "animation: 1ms " + a + "; ";
   }
-  const T = function(x) {
+  const E = function(x) {
     if (!x.getElementById("detectElementResize")) {
-      const E = (n || "") + ".resize-triggers { " + (u || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', N = x.head || x.getElementsByTagName("head")[0], h = x.createElement("style");
-      h.id = "detectElementResize", h.type = "text/css", i != null && h.setAttribute("nonce", i), h.styleSheet ? h.styleSheet.cssText = E : h.appendChild(x.createTextNode(E)), N.appendChild(h);
+      const T = (n || "") + ".resize-triggers { " + (u || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', N = x.head || x.getElementsByTagName("head")[0], h = x.createElement("style");
+      h.id = "detectElementResize", h.type = "text/css", i != null && h.setAttribute("nonce", i), h.styleSheet ? h.styleSheet.cssText = T : h.appendChild(x.createTextNode(T)), N.appendChild(h);
     }
   };
   return {
-    addResizeListener: function(x, E) {
+    addResizeListener: function(x, T) {
       if (y)
-        x.attachEvent("onresize", E);
+        x.attachEvent("onresize", T);
       else {
         if (!x.__resizeTriggers__) {
           const N = x.ownerDocument, h = Y.getComputedStyle(x);
-          h && h.position === "static" && (x.style.position = "relative"), T(N), x.__resizeLast__ = {}, x.__resizeListeners__ = [], (x.__resizeTriggers__ = N.createElement("div")).className = "resize-triggers";
+          h && h.position === "static" && (x.style.position = "relative"), E(N), x.__resizeLast__ = {}, x.__resizeListeners__ = [], (x.__resizeTriggers__ = N.createElement("div")).className = "resize-triggers";
           const M = N.createElement("div");
           M.className = "expand-trigger", M.appendChild(N.createElement("div"));
           const w = N.createElement("div");
@@ -1889,13 +1889,13 @@ function Gi(i) {
             z.animationName === a && m(x);
           }, x.__resizeTriggers__.addEventListener(c, x.__resizeTriggers__.__animationListener__));
         }
-        x.__resizeListeners__.push(E);
+        x.__resizeListeners__.push(T);
       }
     },
-    removeResizeListener: function(x, E) {
+    removeResizeListener: function(x, T) {
       if (y)
-        x.detachEvent("onresize", E);
-      else if (x.__resizeListeners__.splice(x.__resizeListeners__.indexOf(E), 1), !x.__resizeListeners__.length) {
+        x.detachEvent("onresize", T);
+      else if (x.__resizeListeners__.splice(x.__resizeListeners__.indexOf(T), 1), !x.__resizeListeners__.length) {
         x.removeEventListener("scroll", o, !0), x.__resizeTriggers__.__animationListener__ && (x.__resizeTriggers__.removeEventListener(c, x.__resizeTriggers__.__animationListener__), x.__resizeTriggers__.__animationListener__ = null);
         try {
           x.__resizeTriggers__ = !x.removeChild(x.__resizeTriggers__);
@@ -1921,7 +1921,7 @@ class Zi extends Gt {
       } = this.props;
       if (this._parentNode) {
         var I, m, o, y;
-        const T = window.getComputedStyle(this._parentNode) || {}, _ = parseFloat((I = T.paddingLeft) !== null && I !== void 0 ? I : "0"), S = parseFloat((m = T.paddingRight) !== null && m !== void 0 ? m : "0"), x = parseFloat((o = T.paddingTop) !== null && o !== void 0 ? o : "0"), E = parseFloat((y = T.paddingBottom) !== null && y !== void 0 ? y : "0"), N = this._parentNode.getBoundingClientRect(), h = N.height - x - E, M = N.width - _ - S, w = this._parentNode.offsetHeight - x - E, A = this._parentNode.offsetWidth - _ - S;
+        const E = window.getComputedStyle(this._parentNode) || {}, _ = parseFloat((I = E.paddingLeft) !== null && I !== void 0 ? I : "0"), S = parseFloat((m = E.paddingRight) !== null && m !== void 0 ? m : "0"), x = parseFloat((o = E.paddingTop) !== null && o !== void 0 ? o : "0"), T = parseFloat((y = E.paddingBottom) !== null && y !== void 0 ? y : "0"), N = this._parentNode.getBoundingClientRect(), h = N.height - x - T, M = N.width - _ - S, w = this._parentNode.offsetHeight - x - T, A = this._parentNode.offsetWidth - _ - S;
         (!a && (this.state.height !== w || this.state.scaledHeight !== h) || !c && (this.state.width !== A || this.state.scaledWidth !== M)) && (this.setState({
           height: w,
           width: A,
@@ -1959,18 +1959,18 @@ class Zi extends Gt {
       nonce: m,
       onResize: o,
       style: y = {},
-      tagName: T = "div",
+      tagName: E = "div",
       ..._
     } = this.props, {
       height: S,
       scaledHeight: x,
-      scaledWidth: E,
+      scaledWidth: T,
       width: N
     } = this.state, h = {
       overflow: "visible"
     }, M = {};
     let w = !1;
-    return u || (S === 0 && (w = !0), h.height = 0, M.height = S, M.scaledHeight = x), I || (N === 0 && (w = !0), h.width = 0, M.width = N, M.scaledWidth = E), ze(T, {
+    return u || (S === 0 && (w = !0), h.height = 0, M.height = S, M.scaledHeight = x), I || (N === 0 && (w = !0), h.width = 0, M.width = N, M.scaledWidth = T), ze(E, {
       ref: this._setRef,
       style: {
         ...h,
@@ -2067,7 +2067,7 @@ var rn = 150, nn = function(n, a) {
   return n;
 };
 function sn(i) {
-  var n, a = i.getItemOffset, c = i.getEstimatedTotalSize, u = i.getItemSize, I = i.getOffsetForIndexAndAlignment, m = i.getStartIndexForOffset, o = i.getStopIndexForStartIndex, y = i.initInstanceProps, T = i.shouldResetStyleCacheOnItemSizeChange, _ = i.validateProps;
+  var n, a = i.getItemOffset, c = i.getEstimatedTotalSize, u = i.getItemSize, I = i.getOffsetForIndexAndAlignment, m = i.getStartIndexForOffset, o = i.getStopIndexForStartIndex, y = i.initInstanceProps, E = i.shouldResetStyleCacheOnItemSizeChange, _ = i.validateProps;
   return n = /* @__PURE__ */ function(S) {
     Ji(x, S);
     function x(N) {
@@ -2092,16 +2092,16 @@ function sn(i) {
           scrollUpdateWasRequested: A
         });
       }), h._getItemStyle = void 0, h._getItemStyle = function(M) {
-        var w = h.props, A = w.direction, z = w.itemSize, O = w.layout, D = h._getItemStyleCache(T && z, T && O, T && A), L;
+        var w = h.props, A = w.direction, z = w.itemSize, O = w.layout, D = h._getItemStyleCache(E && z, E && O, E && A), L;
         if (D.hasOwnProperty(M))
           L = D[M];
         else {
-          var U = a(h.props, M, h._instanceProps), W = u(h.props, M, h._instanceProps), V = A === "horizontal" || O === "horizontal", ne = A === "rtl", se = V ? U : 0;
+          var j = a(h.props, M, h._instanceProps), W = u(h.props, M, h._instanceProps), V = A === "horizontal" || O === "horizontal", ne = A === "rtl", se = V ? j : 0;
           D[M] = L = {
             position: "absolute",
             left: ne ? void 0 : se,
             right: ne ? se : void 0,
-            top: V ? 0 : U,
+            top: V ? 0 : j,
             height: V ? "100%" : W,
             width: V ? W : "100%"
           };
@@ -2114,20 +2114,20 @@ function sn(i) {
         h.setState(function(D) {
           if (D.scrollOffset === z)
             return null;
-          var L = h.props.direction, U = z;
+          var L = h.props.direction, j = z;
           if (L === "rtl")
             switch (wt()) {
               case "negative":
-                U = -z;
+                j = -z;
                 break;
               case "positive-descending":
-                U = O - A - z;
+                j = O - A - z;
                 break;
             }
-          return U = Math.max(0, Math.min(U, O - A)), {
+          return j = Math.max(0, Math.min(j, O - A)), {
             isScrolling: !0,
             scrollDirection: D.scrollOffset < z ? "forward" : "backward",
-            scrollOffset: U,
+            scrollOffset: j,
             scrollUpdateWasRequested: !1
           };
         }, h._resetIsScrollingDebounced);
@@ -2160,8 +2160,8 @@ function sn(i) {
     x.getDerivedStateFromProps = function(h, M) {
       return on(h, M), _(h), null;
     };
-    var E = x.prototype;
-    return E.scrollTo = function(h) {
+    var T = x.prototype;
+    return T.scrollTo = function(h) {
       h = Math.max(0, h), this.setState(function(M) {
         return M.scrollOffset === h ? null : {
           scrollDirection: M.scrollOffset < h ? "forward" : "backward",
@@ -2169,7 +2169,7 @@ function sn(i) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, E.scrollToItem = function(h, M) {
+    }, T.scrollToItem = function(h, M) {
       M === void 0 && (M = "auto");
       var w = this.props, A = w.itemCount, z = w.layout, O = this.state.scrollOffset;
       h = Math.max(0, Math.min(h, A - 1));
@@ -2179,14 +2179,14 @@ function sn(i) {
         z === "vertical" ? D = L.scrollWidth > L.clientWidth ? xt() : 0 : D = L.scrollHeight > L.clientHeight ? xt() : 0;
       }
       this.scrollTo(I(this.props, h, M, O, this._instanceProps, D));
-    }, E.componentDidMount = function() {
+    }, T.componentDidMount = function() {
       var h = this.props, M = h.direction, w = h.initialScrollOffset, A = h.layout;
       if (typeof w == "number" && this._outerRef != null) {
         var z = this._outerRef;
         M === "horizontal" || A === "horizontal" ? z.scrollLeft = w : z.scrollTop = w;
       }
       this._callPropsCallbacks();
-    }, E.componentDidUpdate = function() {
+    }, T.componentDidUpdate = function() {
       var h = this.props, M = h.direction, w = h.layout, A = this.state, z = A.scrollOffset, O = A.scrollUpdateWasRequested;
       if (O && this._outerRef != null) {
         var D = this._outerRef;
@@ -2200,8 +2200,8 @@ function sn(i) {
                 D.scrollLeft = z;
                 break;
               default:
-                var L = D.clientWidth, U = D.scrollWidth;
-                D.scrollLeft = U - L - z;
+                var L = D.clientWidth, j = D.scrollWidth;
+                D.scrollLeft = j - L - z;
                 break;
             }
           else
@@ -2210,11 +2210,11 @@ function sn(i) {
           D.scrollTop = z;
       }
       this._callPropsCallbacks();
-    }, E.componentWillUnmount = function() {
+    }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && yt(this._resetIsScrollingTimeoutId);
-    }, E.render = function() {
-      var h = this.props, M = h.children, w = h.className, A = h.direction, z = h.height, O = h.innerRef, D = h.innerElementType, L = h.innerTagName, U = h.itemCount, W = h.itemData, V = h.itemKey, ne = V === void 0 ? nn : V, se = h.layout, Oe = h.outerElementType, Ce = h.outerTagName, Me = h.style, Ae = h.useIsScrolling, Le = h.width, Ee = this.state.isScrolling, pe = A === "horizontal" || se === "horizontal", ke = pe ? this._onScrollHorizontal : this._onScrollVertical, Te = this._getRangeToRender(), F = Te[0], $ = Te[1], fe = [];
-      if (U > 0)
+    }, T.render = function() {
+      var h = this.props, M = h.children, w = h.className, A = h.direction, z = h.height, O = h.innerRef, D = h.innerElementType, L = h.innerTagName, j = h.itemCount, W = h.itemData, V = h.itemKey, ne = V === void 0 ? nn : V, se = h.layout, Oe = h.outerElementType, Ce = h.outerTagName, Me = h.style, Ae = h.useIsScrolling, Le = h.width, Ee = this.state.isScrolling, pe = A === "horizontal" || se === "horizontal", ke = pe ? this._onScrollHorizontal : this._onScrollVertical, Te = this._getRangeToRender(), F = Te[0], $ = Te[1], fe = [];
+      if (j > 0)
         for (var ee = F; ee <= $; ee++)
           fe.push(ze(M, {
             data: W,
@@ -2246,7 +2246,7 @@ function sn(i) {
           width: pe ? me : "100%"
         }
       }));
-    }, E._callPropsCallbacks = function() {
+    }, T._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var h = this.props.itemCount;
         if (h > 0) {
@@ -2255,15 +2255,15 @@ function sn(i) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var D = this.state, L = D.scrollDirection, U = D.scrollOffset, W = D.scrollUpdateWasRequested;
-        this._callOnScroll(L, U, W);
+        var D = this.state, L = D.scrollDirection, j = D.scrollOffset, W = D.scrollUpdateWasRequested;
+        this._callOnScroll(L, j, W);
       }
-    }, E._getRangeToRender = function() {
+    }, T._getRangeToRender = function() {
       var h = this.props, M = h.itemCount, w = h.overscanCount, A = this.state, z = A.isScrolling, O = A.scrollDirection, D = A.scrollOffset;
       if (M === 0)
         return [0, 0, 0, 0];
-      var L = m(this.props, D, this._instanceProps), U = o(this.props, L, D, this._instanceProps), W = !z || O === "backward" ? Math.max(1, w) : 1, V = !z || O === "forward" ? Math.max(1, w) : 1;
-      return [Math.max(0, L - W), Math.max(0, Math.min(M - 1, U + V)), L, U];
+      var L = m(this.props, D, this._instanceProps), j = o(this.props, L, D, this._instanceProps), W = !z || O === "backward" ? Math.max(1, w) : 1, V = !z || O === "forward" ? Math.max(1, w) : 1;
+      return [Math.max(0, L - W), Math.max(0, Math.min(M - 1, j + V)), L, j];
     }, x;
   }(vt), n.defaultProps = {
     direction: "ltr",
@@ -2289,7 +2289,7 @@ var on = function(n, a) {
     return c * a;
   },
   getOffsetForIndexAndAlignment: function(n, a, c, u, I, m) {
-    var o = n.direction, y = n.height, T = n.itemCount, _ = n.itemSize, S = n.layout, x = n.width, E = o === "horizontal" || S === "horizontal", N = E ? x : y, h = Math.max(0, T * _ - N), M = Math.min(h, a * _), w = Math.max(0, a * _ - N + _ + m);
+    var o = n.direction, y = n.height, E = n.itemCount, _ = n.itemSize, S = n.layout, x = n.width, T = o === "horizontal" || S === "horizontal", N = T ? x : y, h = Math.max(0, E * _ - N), M = Math.min(h, a * _), w = Math.max(0, a * _ - N + _ + m);
     switch (c === "smart" && (u >= w - N && u <= M + N ? c = "auto" : c = "center"), c) {
       case "start":
         return M;
@@ -2309,10 +2309,10 @@ var on = function(n, a) {
     return Math.max(0, Math.min(c - 1, Math.floor(a / u)));
   },
   getStopIndexForStartIndex: function(n, a, c) {
-    var u = n.direction, I = n.height, m = n.itemCount, o = n.itemSize, y = n.layout, T = n.width, _ = u === "horizontal" || y === "horizontal", S = a * o, x = _ ? T : I, E = Math.ceil((x + c - S) / o);
+    var u = n.direction, I = n.height, m = n.itemCount, o = n.itemSize, y = n.layout, E = n.width, _ = u === "horizontal" || y === "horizontal", S = a * o, x = _ ? E : I, T = Math.ceil((x + c - S) / o);
     return Math.max(0, Math.min(
       m - 1,
-      a + E - 1
+      a + T - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -2328,9 +2328,9 @@ function ln(i) {
   return !(c > a || u < n);
 }
 function cn(i) {
-  for (var n = i.isItemLoaded, a = i.itemCount, c = i.minimumBatchSize, u = i.startIndex, I = i.stopIndex, m = [], o = null, y = null, T = u; T <= I; T++) {
-    var _ = n(T);
-    _ ? y !== null && (m.push(o, y), o = y = null) : (y = T, o === null && (o = T));
+  for (var n = i.isItemLoaded, a = i.itemCount, c = i.minimumBatchSize, u = i.startIndex, I = i.stopIndex, m = [], o = null, y = null, E = u; E <= I; E++) {
+    var _ = n(E);
+    _ ? y !== null && (m.push(o, y), o = y = null) : (y = E, o === null && (o = E));
   }
   if (y !== null) {
     for (var S = Math.min(Math.max(y, o + c - 1), a - 1), x = y + 1; x <= S && !n(x); x++)
@@ -2339,9 +2339,9 @@ function cn(i) {
   }
   if (m.length)
     for (; m[1] - m[0] + 1 < c && m[0] > 0; ) {
-      var E = m[0] - 1;
-      if (!n(E))
-        m[0] = E;
+      var T = m[0] - 1;
+      if (!n(T))
+        m[0] = T;
       else
         break;
     }
@@ -2382,11 +2382,11 @@ var un = function(i, n) {
     un(this, n);
     for (var m = arguments.length, o = Array(m), y = 0; y < m; y++)
       o[y] = arguments[y];
-    return I = (c = (u = Mt(this, (a = n.__proto__ || Object.getPrototypeOf(n)).call.apply(a, [this].concat(o))), u), u._lastRenderedStartIndex = -1, u._lastRenderedStopIndex = -1, u._memoizedUnloadedRanges = [], u._onItemsRendered = function(T) {
-      var _ = T.visibleStartIndex, S = T.visibleStopIndex;
+    return I = (c = (u = Mt(this, (a = n.__proto__ || Object.getPrototypeOf(n)).call.apply(a, [this].concat(o))), u), u._lastRenderedStartIndex = -1, u._lastRenderedStopIndex = -1, u._memoizedUnloadedRanges = [], u._onItemsRendered = function(E) {
+      var _ = E.visibleStartIndex, S = E.visibleStopIndex;
       u._lastRenderedStartIndex = _, u._lastRenderedStopIndex = S, u._ensureRowsLoaded(_, S);
-    }, u._setRef = function(T) {
-      u._listRef = T;
+    }, u._setRef = function(E) {
+      u._listRef = E;
     }, c), Mt(u, I);
   }
   return dn(n, [{
@@ -2411,22 +2411,22 @@ var un = function(i, n) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(c, u) {
-      var I = this.props, m = I.isItemLoaded, o = I.itemCount, y = I.minimumBatchSize, T = y === void 0 ? 10 : y, _ = I.threshold, S = _ === void 0 ? 15 : _, x = cn({
+      var I = this.props, m = I.isItemLoaded, o = I.itemCount, y = I.minimumBatchSize, E = y === void 0 ? 10 : y, _ = I.threshold, S = _ === void 0 ? 15 : _, x = cn({
         isItemLoaded: m,
         itemCount: o,
-        minimumBatchSize: T,
+        minimumBatchSize: E,
         startIndex: Math.max(0, c - S),
         stopIndex: Math.min(o - 1, u + S)
       });
-      (this._memoizedUnloadedRanges.length !== x.length || this._memoizedUnloadedRanges.some(function(E, N) {
-        return x[N] !== E;
+      (this._memoizedUnloadedRanges.length !== x.length || this._memoizedUnloadedRanges.some(function(T, N) {
+        return x[N] !== T;
       })) && (this._memoizedUnloadedRanges = x, this._loadUnloadedRanges(x));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(c) {
-      for (var u = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(T) {
-        var _ = c[T], S = c[T + 1], x = I(_, S);
+      for (var u = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(E) {
+        var _ = c[E], S = c[E + 1], x = I(_, S);
         x != null && x.then(function() {
           if (ln({
             lastRenderedStartIndex: u._lastRenderedStartIndex,
@@ -2494,29 +2494,35 @@ const fn = () => Q, mn = /* @__PURE__ */ g("div")({
     ] })
   ] }),
   /* @__PURE__ */ p("div", { children: _t(c) })
-] }), Tn = ({ items: i, openItemDetail: n, fetchMore: a }) => /* @__PURE__ */ p(Zi, { children: ({ width: c, height: u }) => /* @__PURE__ */ p(
+] }), Tn = ({
+  items: i,
+  currentUserId: n,
+  openItemDetail: a,
+  fetchMore: c
+}) => /* @__PURE__ */ p(Zi, { children: ({ width: u, height: I }) => /* @__PURE__ */ p(
   pn,
   {
-    isItemLoaded: (I) => I < i.length,
+    isItemLoaded: (m) => m < i.length,
     itemCount: i.length + 1,
-    loadMoreItems: a,
-    children: ({ onItemsRendered: I, ref: m }) => /* @__PURE__ */ p(
+    loadMoreItems: c,
+    children: ({ onItemsRendered: m, ref: o }) => /* @__PURE__ */ p(
       an,
       {
         itemSize: 56,
-        onItemsRendered: I,
-        ref: m,
+        onItemsRendered: m,
+        ref: o,
         itemCount: i.length,
-        width: c,
-        height: u,
-        children: ({ index: o, style: y }) => /* @__PURE__ */ p(
+        width: u,
+        height: I,
+        children: ({ index: y, style: E }) => /* @__PURE__ */ p(
           En,
           {
-            style: { ...y, maxHeight: 48 },
-            ...i[o],
-            openItemDetail: () => n(i[o].userId)
+            style: { ...E, maxHeight: 48 },
+            ...i[y],
+            openItemDetail: () => a(i[y].userId),
+            isCurrentUser: !!n && n === i[y].userId
           },
-          i[o].userId
+          i[y].userId
         )
       }
     )
@@ -2566,11 +2572,11 @@ const vn = () => Q, Nn = () => Q, _n = /* @__PURE__ */ g("div")({
   name: "m",
   class: "mmvjfuo",
   propsAsIs: !0
-}), jn = /* @__PURE__ */ g("div")({
+}), Un = /* @__PURE__ */ g("div")({
   name: "v",
   class: "v1oi1553",
   propsAsIs: !1
-}), Un = /* @__PURE__ */ g("a")({
+}), jn = /* @__PURE__ */ g("a")({
   name: "w",
   class: "w1vwcogq",
   propsAsIs: !1
@@ -2605,7 +2611,7 @@ const vn = () => Q, Nn = () => Q, _n = /* @__PURE__ */ g("div")({
     ] }),
     /* @__PURE__ */ p(Rn, { name: "icon-copy" })
   ] }),
-  n && n.length > 0 && /* @__PURE__ */ p(jn, { children: n.map(({ icon: m, link: o, label: y }) => /* @__PURE__ */ v(Un, { href: o, target: "_blank", children: [
+  n && n.length > 0 && /* @__PURE__ */ p(Un, { children: n.map(({ icon: m, link: o, label: y }) => /* @__PURE__ */ v(jn, { href: o, target: "_blank", children: [
     /* @__PURE__ */ p(Q, { name: m }),
     /* @__PURE__ */ p(Fn, { children: y })
   ] }, o)) })
@@ -2638,7 +2644,8 @@ const vn = () => Q, Nn = () => Q, _n = /* @__PURE__ */ g("div")({
     {
       fetchMore: i.leaderboardList.fetchMore,
       items: n,
-      openItemDetail: i.openUser
+      openItemDetail: i.openUser,
+      currentUserId: i.currentUserId.get()
     }
   ) : /* @__PURE__ */ p(Qn, { deepLink: i.deepLink });
 };