@streamlayer/react 0.31.1 → 0.31.3

package/lib/es/gamification-feature.js

@@ -123,11 +123,11 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "Rts",
   class: "r2vgnxv",
   propsAsIs: !1
-}), ft = /* @__PURE__ */ o("div")({
+}), gt = /* @__PURE__ */ o("div")({
   name: "RtsIndicator",
   class: "roqn06j",
   propsAsIs: !1
-}), gt = /* @__PURE__ */ o("div")({
+}), ft = /* @__PURE__ */ o("div")({
   name: "RtsLabel",
   class: "r15adx7c",
   propsAsIs: !1
@@ -158,9 +158,9 @@ const Ye = /* @__PURE__ */ o("div")({
   friendsRank: i,
   rank: r,
   streak: m,
-  correct: u,
+  correct: c,
   incorrect: I,
-  inTop: d,
+  inTop: u,
   successRate: h
 }) => /* @__PURE__ */ p(ot, { children: [
   /* @__PURE__ */ s(at, { children: /* @__PURE__ */ p(ct, { children: [
@@ -173,15 +173,15 @@ const Ye = /* @__PURE__ */ o("div")({
       /* @__PURE__ */ p(mt, { children: [
         /* @__PURE__ */ p(ht, { children: [
           /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
-          /* @__PURE__ */ p(ft, { children: [
+          /* @__PURE__ */ p(gt, { children: [
             De(n),
-            /* @__PURE__ */ s(gt, { children: "PTS" })
+            /* @__PURE__ */ s(ft, { children: "PTS" })
           ] })
         ] }),
         /* @__PURE__ */ s(Mt, {}),
         /* @__PURE__ */ p("div", { children: [
           "TOP ",
-          d || 0,
+          u || 0,
           "%"
         ] })
       ] })
@@ -194,7 +194,7 @@ const Ye = /* @__PURE__ */ o("div")({
     ] }),
     /* @__PURE__ */ p(Nt, { children: [
       /* @__PURE__ */ s(P, { indicator: m || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(P, { indicator: u || 0, title: "Correct" }),
+      /* @__PURE__ */ s(P, { indicator: c || 0, title: "Correct" }),
       /* @__PURE__ */ s(P, { indicator: I || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(P, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
@@ -251,10 +251,10 @@ const Ye = /* @__PURE__ */ o("div")({
   hasCorrectAnswer: r,
   questionStatus: m
 }) => {
-  const u = n && (i === x.TRIVIA || i === x.PREDICTION);
-  if (!u && m !== Q.RESOLVED)
+  const c = n && (i === x.TRIVIA || i === x.PREDICTION);
+  if (!c && m !== Q.RESOLVED)
     return null;
-  const I = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const I = i === x.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ p(jt, { "data-isPrediction": I, children: [
     m === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
@@ -263,14 +263,14 @@ const Ye = /* @__PURE__ */ o("div")({
         /* @__PURE__ */ s(wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    u && I && /* @__PURE__ */ p(b, { children: [
+    c && I && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(Ct, { name: "icon-prediction" }),
       /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    u && r && /* @__PURE__ */ p(b, { children: [
-      /* @__PURE__ */ s(ae, { "data-feedbackType": d, children: /* @__PURE__ */ s(j, { name: d }) }),
+    c && r && /* @__PURE__ */ p(b, { children: [
+      /* @__PURE__ */ s(ae, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(le, { children: [
-        /* @__PURE__ */ s(kt, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
+        /* @__PURE__ */ s(kt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
         /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
@@ -370,9 +370,9 @@ const Ye = /* @__PURE__ */ o("div")({
     text: r,
     percentageDecimal: m,
     // extra props
-    onVote: u,
+    onVote: c,
     youSelected: I,
-    questionVoted: d,
+    questionVoted: u,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
     answerTimeExpired: y,
@@ -381,22 +381,22 @@ const Ye = /* @__PURE__ */ o("div")({
     questionType: A,
     correct: T,
     hasCorrectAnswer: a
-  } = e, l = Kt(e), c = Xt({ questionType: A, questionVoted: d, correct: T, hasCorrectAnswer: a, questionStatus: D }), f = d || D === Q.RESOLVED && A === x.PREDICTION;
+  } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: u, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = u || D === Q.RESOLVED && A === x.PREDICTION;
   return /* @__PURE__ */ p(
     Qt,
     {
       value: n,
       "data-selected": I,
       "data-answerState": l,
-      disabled: d || N || y,
-      onClick: u,
+      disabled: u || N || y,
+      onClick: c,
       children: [
-        f && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${m}%` } }),
+        g && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${m}%` } }),
         /* @__PURE__ */ p(_t, { children: [
           i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
           /* @__PURE__ */ s(Bt, { children: r }),
-          f && /* @__PURE__ */ p(Ht, { children: [
-            c && /* @__PURE__ */ s(Jt, { name: "selected" }),
+          g && /* @__PURE__ */ p(Ht, { children: [
+            d && /* @__PURE__ */ s(Jt, { name: "selected" }),
             /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(qe, { value: m, suffix: "%" }) })
           ] })
         ] })
@@ -413,13 +413,13 @@ const Ye = /* @__PURE__ */ o("div")({
   onTimerExpired: n
 }) => {
   const [i, r] = R(t > 10 ? rn : de), m = ({
-    remainingTime: d
+    remainingTime: u
   }) => /* @__PURE__ */ s(sn, {
-    children: d
-  }), u = F(() => {
+    children: u
+  }), c = F(() => {
     n == null || n(), r(on);
-  }, [n, r]), I = F((d) => {
-    d === 10 && r(de);
+  }, [n, r]), I = F((u) => {
+    u === 10 && r(de);
   }, [r]);
   return /* @__PURE__ */ s(Pe, {
     isPlaying: e,
@@ -430,7 +430,7 @@ const Ye = /* @__PURE__ */ o("div")({
     strokeWidth: 2,
     trailStrokeWidth: 2,
     trailColor: i,
-    onComplete: u,
+    onComplete: c,
     onUpdate: I,
     children: m
   });
@@ -462,17 +462,18 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), fn = ({
+}), gn = ({
   title: e,
   points: t,
   isPlayingTimer: n,
   isTimer: i,
-  timerDuration: r,
-  onTimerExpired: m
+  questionType: r,
+  timerDuration: m,
+  onTimerExpired: c
 }) => /* @__PURE__ */ p(ln, { children: [
   /* @__PURE__ */ p(cn, { children: [
     e && /* @__PURE__ */ s(dn, { children: e }),
-    t !== void 0 && /* @__PURE__ */ p(b, { children: [
+    t !== void 0 && r !== x.POLL && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
       /* @__PURE__ */ p(mn, { children: [
         /* @__PURE__ */ s(In, { children: t }),
@@ -480,41 +481,41 @@ const Ye = /* @__PURE__ */ o("div")({
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: m, duration: r })
-] }), gn = ({ openedQuestion: e, vote: t, close: n }) => {
+  i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: c, duration: m })
+] }), fn = ({ openedQuestion: e, vote: t, close: n }) => {
   var i;
-  const r = e.subject, m = e.type, u = (i = e.options) == null ? void 0 : i.options, [I, d] = R(!1), [h, y] = R(!1), [D, N] = R(""), A = e == null ? void 0 : e.id, T = F(
+  const r = e.subject, m = e.type, c = (i = e.options) == null ? void 0 : i.options, [I, u] = R(!1), [h, y] = R(!1), [D, N] = R(""), A = e == null ? void 0 : e.id, T = F(
     async (v) => {
       if (A) {
-        const g = v.currentTarget.value;
-        N(g), y(!0), await t(A, g), y(!1);
+        const f = v.currentTarget.value;
+        N(f), y(!0), await t(A, f), y(!1);
       }
     },
     [A, N, t]
   ), a = F(() => {
-    d(!0), setTimeout(n, 3e3);
+    u(!0), setTimeout(n, 3e3);
   }, [n]), l = W(
     () => e == null ? void 0 : e.answers.find((v) => v.youVoted === !0),
     [e]
-  ), c = W(
+  ), d = W(
     () => !!(e != null && e.answers.find((v) => v.correct === !0)),
     [e]
-  ), f = W(() => e ? e.answers.map((v) => {
-    var g;
+  ), g = W(() => e ? e.answers.map((v) => {
+    var f;
     return {
       ...v,
       questionVoted: !!l,
       youSelected: D === v.id,
       isLoading: h,
-      hasCorrectAnswer: c,
+      hasCorrectAnswer: d,
       questionType: e.type,
       answerTimeExpired: I,
       questionStatus: e.status,
-      imageMode: (g = e.appearance) == null ? void 0 : g.images,
+      imageMode: (f = e.appearance) == null ? void 0 : f.images,
       // ToDo: Figure out why imageMode is not in the response
       onVote: T
     };
-  }) : [], [c, I, h, e, l, T, D]), M = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
+  }) : [], [d, I, h, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
   return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ p(Lt, { children: [
     M && /* @__PURE__ */ s(
       bt,
@@ -523,16 +524,17 @@ const Ye = /* @__PURE__ */ o("div")({
         questionVoted: !!l,
         questionVotedCorrectly: l == null ? void 0 : l.correct,
         questionType: m,
-        hasCorrectAnswer: c,
+        hasCorrectAnswer: d,
         questionStatus: e.status
       }
     ),
     e.type !== x.PREDICTION && /* @__PURE__ */ s(
-      fn,
+      gn,
       {
-        title: I ? "Time expired" : "To win",
+        title: I ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
         points: I ? void 0 : 100,
         onTimerExpired: a,
+        questionType: e.type,
         isTimer: !0,
         isPlayingTimer: !l,
         timerDuration: l ? 0 : 30
@@ -546,7 +548,7 @@ const Ye = /* @__PURE__ */ o("div")({
       }
     ) : /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s($t, { "data-isPrediction": e.type === x.PREDICTION, children: r }),
-      /* @__PURE__ */ s(Rt, { children: f.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
+      /* @__PURE__ */ s(Rt, { children: g.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
     ] })
   ] }) }) });
 }, Mn = /* @__PURE__ */ o("div")({
@@ -576,11 +578,11 @@ const Ye = /* @__PURE__ */ o("div")({
 }), xe = ({ created: e, image: t, title: n, instantView: i }) => {
   const r = W(() => {
     if (e) {
-      const u = new Date(e);
-      if (Xe(u))
+      const c = new Date(e);
+      if (Xe(c))
         return {
-          date: Je(u),
-          time: Ke(u)
+          date: Je(c),
+          time: Ke(c)
         };
     }
     return null;
@@ -633,7 +635,7 @@ const Ye = /* @__PURE__ */ o("div")({
     loading: i,
     data: r
   } = e;
-  return !i && r ? /* @__PURE__ */ s(gn, {
+  return !i && r ? /* @__PURE__ */ s(fn, {
     vote: t,
     close: n,
     openedQuestion: r
@@ -733,12 +735,12 @@ function Qn(e, t) {
 function G(e, t) {
   t === void 0 && (t = Qn);
   var n, i = [], r, m = !1;
-  function u() {
-    for (var I = [], d = 0; d < arguments.length; d++)
-      I[d] = arguments[d];
+  function c() {
+    for (var I = [], u = 0; u < arguments.length; u++)
+      I[u] = arguments[u];
     return m && n === this && t(I, i) || (r = e.apply(this, I), m = !0, n = this, i = I), r;
   }
-  return u;
+  return c;
 }
 var Un = typeof performance == "object" && typeof performance.now == "function", Ie = Un ? function() {
   return performance.now();
@@ -759,7 +761,7 @@ function _n(e, t) {
   return r;
 }
 var J = -1;
-function fe(e) {
+function ge(e) {
   if (e === void 0 && (e = !1), J === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), J = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -767,7 +769,7 @@ function fe(e) {
   return J;
 }
 var w = null;
-function ge(e) {
+function fe(e) {
   if (e === void 0 && (e = !1), w === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -780,37 +782,37 @@ var qn = 150, Pn = function(t, n) {
   return t;
 };
 function Yn(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, u = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
   return t = /* @__PURE__ */ function(D) {
     $n(N, D);
     function N(T) {
       var a;
-      return a = D.call(this, T) || this, a._instanceProps = d(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
+      return a = D.call(this, T) || this, a._instanceProps = u(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
         instance: pe(a),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = G(function(l, c, f, M) {
+      }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = G(function(l, d, g, M) {
         return a.props.onItemsRendered({
           overscanStartIndex: l,
-          overscanStopIndex: c,
-          visibleStartIndex: f,
+          overscanStopIndex: d,
+          visibleStartIndex: g,
           visibleStopIndex: M
         });
-      }), a._callOnScroll = void 0, a._callOnScroll = G(function(l, c, f) {
+      }), a._callOnScroll = void 0, a._callOnScroll = G(function(l, d, g) {
         return a.props.onScroll({
           scrollDirection: l,
-          scrollOffset: c,
-          scrollUpdateWasRequested: f
+          scrollOffset: d,
+          scrollUpdateWasRequested: g
         });
       }), a._getItemStyle = void 0, a._getItemStyle = function(l) {
-        var c = a.props, f = c.direction, M = c.itemSize, v = c.layout, g = a._getItemStyleCache(h && M, h && v, h && f), S;
-        if (g.hasOwnProperty(l))
-          S = g[l];
+        var d = a.props, g = d.direction, M = d.itemSize, v = d.layout, f = a._getItemStyleCache(h && M, h && v, h && g), S;
+        if (f.hasOwnProperty(l))
+          S = f[l];
         else {
-          var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), C = f === "horizontal" || v === "horizontal", U = f === "rtl", _ = C ? z : 0;
-          g[l] = S = {
+          var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), C = g === "horizontal" || v === "horizontal", U = g === "rtl", _ = C ? z : 0;
+          f[l] = S = {
             position: "absolute",
             left: U ? void 0 : _,
             right: U ? _ : void 0,
@@ -820,46 +822,46 @@ function Yn(e) {
           };
         }
         return S;
-      }, a._getItemStyleCache = void 0, a._getItemStyleCache = G(function(l, c, f) {
+      }, a._getItemStyleCache = void 0, a._getItemStyleCache = G(function(l, d, g) {
         return {};
       }), a._onScrollHorizontal = function(l) {
-        var c = l.currentTarget, f = c.clientWidth, M = c.scrollLeft, v = c.scrollWidth;
-        a.setState(function(g) {
-          if (g.scrollOffset === M)
+        var d = l.currentTarget, g = d.clientWidth, M = d.scrollLeft, v = d.scrollWidth;
+        a.setState(function(f) {
+          if (f.scrollOffset === M)
             return null;
           var S = a.props.direction, z = M;
           if (S === "rtl")
-            switch (ge()) {
+            switch (fe()) {
               case "negative":
                 z = -M;
                 break;
               case "positive-descending":
-                z = v - f - M;
+                z = v - g - M;
                 break;
             }
-          return z = Math.max(0, Math.min(z, v - f)), {
+          return z = Math.max(0, Math.min(z, v - g)), {
             isScrolling: !0,
-            scrollDirection: g.scrollOffset < M ? "forward" : "backward",
+            scrollDirection: f.scrollOffset < M ? "forward" : "backward",
             scrollOffset: z,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
       }, a._onScrollVertical = function(l) {
-        var c = l.currentTarget, f = c.clientHeight, M = c.scrollHeight, v = c.scrollTop;
-        a.setState(function(g) {
-          if (g.scrollOffset === v)
+        var d = l.currentTarget, g = d.clientHeight, M = d.scrollHeight, v = d.scrollTop;
+        a.setState(function(f) {
+          if (f.scrollOffset === v)
             return null;
-          var S = Math.max(0, Math.min(v, M - f));
+          var S = Math.max(0, Math.min(v, M - g));
           return {
             isScrolling: !0,
-            scrollDirection: g.scrollOffset < S ? "forward" : "backward",
+            scrollDirection: f.scrollOffset < S ? "forward" : "backward",
             scrollOffset: S,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
       }, a._outerRefSetter = function(l) {
-        var c = a.props.outerRef;
-        a._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
+        var d = a.props.outerRef;
+        a._outerRef = l, typeof d == "function" ? d(l) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = l);
       }, a._resetIsScrollingDebounced = function() {
         a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = _n(a._resetIsScrolling, qn);
       }, a._resetIsScrolling = function() {
@@ -884,49 +886,49 @@ function Yn(e) {
       }, this._resetIsScrollingDebounced);
     }, A.scrollToItem = function(a, l) {
       l === void 0 && (l = "auto");
-      var c = this.props, f = c.itemCount, M = c.layout, v = this.state.scrollOffset;
-      a = Math.max(0, Math.min(a, f - 1));
-      var g = 0;
+      var d = this.props, g = d.itemCount, M = d.layout, v = this.state.scrollOffset;
+      a = Math.max(0, Math.min(a, g - 1));
+      var f = 0;
       if (this._outerRef) {
         var S = this._outerRef;
-        M === "vertical" ? g = S.scrollWidth > S.clientWidth ? fe() : 0 : g = S.scrollHeight > S.clientHeight ? fe() : 0;
+        M === "vertical" ? f = S.scrollWidth > S.clientWidth ? ge() : 0 : f = S.scrollHeight > S.clientHeight ? ge() : 0;
       }
-      this.scrollTo(m(this.props, a, l, v, this._instanceProps, g));
+      this.scrollTo(m(this.props, a, l, v, this._instanceProps, f));
     }, A.componentDidMount = function() {
-      var a = this.props, l = a.direction, c = a.initialScrollOffset, f = a.layout;
-      if (typeof c == "number" && this._outerRef != null) {
+      var a = this.props, l = a.direction, d = a.initialScrollOffset, g = a.layout;
+      if (typeof d == "number" && this._outerRef != null) {
         var M = this._outerRef;
-        l === "horizontal" || f === "horizontal" ? M.scrollLeft = c : M.scrollTop = c;
+        l === "horizontal" || g === "horizontal" ? M.scrollLeft = d : M.scrollTop = d;
       }
       this._callPropsCallbacks();
     }, A.componentDidUpdate = function() {
-      var a = this.props, l = a.direction, c = a.layout, f = this.state, M = f.scrollOffset, v = f.scrollUpdateWasRequested;
+      var a = this.props, l = a.direction, d = a.layout, g = this.state, M = g.scrollOffset, v = g.scrollUpdateWasRequested;
       if (v && this._outerRef != null) {
-        var g = this._outerRef;
-        if (l === "horizontal" || c === "horizontal")
+        var f = this._outerRef;
+        if (l === "horizontal" || d === "horizontal")
           if (l === "rtl")
-            switch (ge()) {
+            switch (fe()) {
               case "negative":
-                g.scrollLeft = -M;
+                f.scrollLeft = -M;
                 break;
               case "positive-ascending":
-                g.scrollLeft = M;
+                f.scrollLeft = M;
                 break;
               default:
-                var S = g.clientWidth, z = g.scrollWidth;
-                g.scrollLeft = z - S - M;
+                var S = f.clientWidth, z = f.scrollWidth;
+                f.scrollLeft = z - S - M;
                 break;
             }
           else
-            g.scrollLeft = M;
+            f.scrollLeft = M;
         else
-          g.scrollTop = M;
+          f.scrollTop = M;
       }
       this._callPropsCallbacks();
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var a = this.props, l = a.children, c = a.className, f = a.direction, M = a.height, v = a.innerRef, g = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, C = a.itemKey, U = C === void 0 ? Pn : C, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = f === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
+      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, C = a.itemKey, U = C === void 0 ? Pn : C, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
       if (z > 0)
         for (var L = Ee; L <= Le; L++)
           ie.push(H(l, {
@@ -938,7 +940,7 @@ function Yn(e) {
           }));
       var re = i(this.props, this._instanceProps);
       return H(je || Oe || "div", {
-        className: c,
+        className: d,
         onScroll: be,
         ref: this._outerRefSetter,
         style: X({
@@ -948,9 +950,9 @@ function Yn(e) {
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: f
+          direction: g
         }, Ce)
-      }, H(g || S || "div", {
+      }, H(f || S || "div", {
         children: ie,
         ref: v,
         style: {
@@ -963,19 +965,19 @@ function Yn(e) {
       if (typeof this.props.onItemsRendered == "function") {
         var a = this.props.itemCount;
         if (a > 0) {
-          var l = this._getRangeToRender(), c = l[0], f = l[1], M = l[2], v = l[3];
-          this._callOnItemsRendered(c, f, M, v);
+          var l = this._getRangeToRender(), d = l[0], g = l[1], M = l[2], v = l[3];
+          this._callOnItemsRendered(d, g, M, v);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var g = this.state, S = g.scrollDirection, z = g.scrollOffset, O = g.scrollUpdateWasRequested;
+        var f = this.state, S = f.scrollDirection, z = f.scrollOffset, O = f.scrollUpdateWasRequested;
         this._callOnScroll(S, z, O);
       }
     }, A._getRangeToRender = function() {
-      var a = this.props, l = a.itemCount, c = a.overscanCount, f = this.state, M = f.isScrolling, v = f.scrollDirection, g = f.scrollOffset;
+      var a = this.props, l = a.itemCount, d = a.overscanCount, g = this.state, M = g.isScrolling, v = g.scrollDirection, f = g.scrollOffset;
       if (l === 0)
         return [0, 0, 0, 0];
-      var S = u(this.props, g, this._instanceProps), z = I(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, C = !M || v === "forward" ? Math.max(1, c) : 1;
+      var S = c(this.props, f, this._instanceProps), z = I(this.props, S, f, this._instanceProps), O = !M || v === "backward" ? Math.max(1, d) : 1, C = !M || v === "forward" ? Math.max(1, d) : 1;
       return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + C)), S, z];
     }, N;
   }(ye), t.defaultProps = {
@@ -1001,20 +1003,20 @@ var Wn = function(t, n) {
     var n = t.itemCount, i = t.itemSize;
     return i * n;
   },
-  getOffsetForIndexAndAlignment: function(t, n, i, r, m, u) {
-    var I = t.direction, d = t.height, h = t.itemCount, y = t.itemSize, D = t.layout, N = t.width, A = I === "horizontal" || D === "horizontal", T = A ? N : d, a = Math.max(0, h * y - T), l = Math.min(a, n * y), c = Math.max(0, n * y - T + y + u);
-    switch (i === "smart" && (r >= c - T && r <= l + T ? i = "auto" : i = "center"), i) {
+  getOffsetForIndexAndAlignment: function(t, n, i, r, m, c) {
+    var I = t.direction, u = t.height, h = t.itemCount, y = t.itemSize, D = t.layout, N = t.width, A = I === "horizontal" || D === "horizontal", T = A ? N : u, a = Math.max(0, h * y - T), l = Math.min(a, n * y), d = Math.max(0, n * y - T + y + c);
+    switch (i === "smart" && (r >= d - T && r <= l + T ? i = "auto" : i = "center"), i) {
       case "start":
         return l;
       case "end":
-        return c;
+        return d;
       case "center": {
-        var f = Math.round(c + (l - c) / 2);
-        return f < Math.ceil(T / 2) ? 0 : f > a + Math.floor(T / 2) ? a : f;
+        var g = Math.round(d + (l - d) / 2);
+        return g < Math.ceil(T / 2) ? 0 : g > a + Math.floor(T / 2) ? a : g;
       }
       case "auto":
       default:
-        return r >= c && r <= l ? r : r < c ? c : l;
+        return r >= d && r <= l ? r : r < d ? d : l;
     }
   },
   getStartIndexForOffset: function(t, n) {
@@ -1022,9 +1024,9 @@ var Wn = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, m = t.height, u = t.itemCount, I = t.itemSize, d = t.layout, h = t.width, y = r === "horizontal" || d === "horizontal", D = n * I, N = y ? h : m, A = Math.ceil((N + i - D) / I);
+    var r = t.direction, m = t.height, c = t.itemCount, I = t.itemSize, u = t.layout, h = t.width, y = r === "horizontal" || u === "horizontal", D = n * I, N = y ? h : m, A = Math.ceil((N + i - D) / I);
     return Math.max(0, Math.min(
-      u - 1,
+      c - 1,
       n + A - 1
       // -1 is because stop index is inclusive
     ));
@@ -1041,24 +1043,24 @@ function Fn(e) {
   return !(i > n || r < t);
 }
 function Bn(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, u = [], I = null, d = null, h = r; h <= m; h++) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [], I = null, u = null, h = r; h <= m; h++) {
     var y = t(h);
-    y ? d !== null && (u.push(I, d), I = d = null) : (d = h, I === null && (I = h));
+    y ? u !== null && (c.push(I, u), I = u = null) : (u = h, I === null && (I = h));
   }
-  if (d !== null) {
-    for (var D = Math.min(Math.max(d, I + i - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
-      d = N;
-    u.push(I, d);
+  if (u !== null) {
+    for (var D = Math.min(Math.max(u, I + i - 1), n - 1), N = u + 1; N <= D && !t(N); N++)
+      u = N;
+    c.push(I, u);
   }
-  if (u.length)
-    for (; u[1] - u[0] + 1 < i && u[0] > 0; ) {
-      var A = u[0] - 1;
+  if (c.length)
+    for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
+      var A = c[0] - 1;
       if (!t(A))
-        u[0] = A;
+        c[0] = A;
       else
         break;
     }
-  return u;
+  return c;
 }
 var Hn = function(e, t) {
   if (!(e instanceof t))
@@ -1093,8 +1095,8 @@ var Hn = function(e, t) {
   function t() {
     var n, i, r, m;
     Hn(this, t);
-    for (var u = arguments.length, I = Array(u), d = 0; d < u; d++)
-      I[d] = arguments[d];
+    for (var c = arguments.length, I = Array(c), u = 0; u < c; u++)
+      I[u] = arguments[u];
     return m = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(I))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
       var y = h.visibleStartIndex, D = h.visibleStopIndex;
       r._lastRenderedStartIndex = y, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(y, D);
@@ -1124,8 +1126,8 @@ var Hn = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var m = this.props, u = m.isItemLoaded, I = m.itemCount, d = m.minimumBatchSize, h = d === void 0 ? 10 : d, y = m.threshold, D = y === void 0 ? 15 : y, N = Bn({
-        isItemLoaded: u,
+      var m = this.props, c = m.isItemLoaded, I = m.itemCount, u = m.minimumBatchSize, h = u === void 0 ? 10 : u, y = m.threshold, D = y === void 0 ? 15 : y, N = Bn({
+        isItemLoaded: c,
         itemCount: I,
         minimumBatchSize: h,
         startIndex: Math.max(0, i - D),
@@ -1138,7 +1140,7 @@ var Hn = function(e, t) {
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
-      for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, u = function(h) {
+      for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
         var y = i[h], D = i[h + 1], N = m(y, D);
         N != null && N.then(function() {
           if (Fn({
@@ -1153,7 +1155,7 @@ var Hn = function(e, t) {
           }
         });
       }, I = 0; I < i.length; I += 2)
-        u(I);
+        c(I);
     }
   }]), t;
 }(ye);
@@ -1196,8 +1198,8 @@ const Kn = /* @__PURE__ */ o("div")({
   points: i,
   isCurrentUser: r,
   openItemDetail: m,
-  style: u
-}) => /* @__PURE__ */ p(Kn, { onClick: m, style: u, children: [
+  style: c
+}) => /* @__PURE__ */ p(Kn, { onClick: m, style: c, children: [
   /* @__PURE__ */ s(Xn, { children: e || 0 }),
   /* @__PURE__ */ p(ns, { children: [
     t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: Te(n || "") }),
@@ -1219,27 +1221,27 @@ const Kn = /* @__PURE__ */ o("div")({
 }) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: m }) => /* @__PURE__ */ s(
   Jn,
   {
-    isItemLoaded: (u) => u < e.length,
+    isItemLoaded: (c) => c < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: u, ref: I }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
+    children: ({ onItemsRendered: c, ref: I }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
       Vn,
       {
         itemSize: 56,
-        onItemsRendered: u,
+        onItemsRendered: c,
         ref: I,
         itemCount: e.length,
         width: r,
         height: m,
-        children: ({ index: d, style: h }) => /* @__PURE__ */ s(
+        children: ({ index: u, style: h }) => /* @__PURE__ */ s(
           as,
           {
             style: { ...h, maxHeight: 48 },
-            ...e[d],
-            openItemDetail: () => n(e[d].userId),
-            isCurrentUser: !!t && t === e[d].userId
+            ...e[u],
+            openItemDetail: () => n(e[u].userId),
+            isCurrentUser: !!t && t === e[u].userId
           },
-          e[d].userId
+          e[u].userId
         )
       }
     ) })
@@ -1293,11 +1295,11 @@ const Kn = /* @__PURE__ */ o("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), fs = () => j, Y = /* @__PURE__ */ o(fs())({
+}), gs = () => j, Y = /* @__PURE__ */ o(gs())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), gs = () => j, Ms = /* @__PURE__ */ o(gs())({
+}), fs = () => j, Ms = /* @__PURE__ */ o(fs())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1325,9 +1327,9 @@ const Kn = /* @__PURE__ */ o("div")({
   subject: i,
   openForVoting: r,
   openQuestion: m,
-  status: u
+  status: c
 }) => {
-  const I = Ne[t], d = As[u];
+  const I = Ne[t], u = As[c];
   return I ? /* @__PURE__ */ p(ps, { onClick: () => m == null ? void 0 : m(e), children: [
     /* @__PURE__ */ p(Ns, { children: [
       /* @__PURE__ */ p(ms, { children: [
@@ -1339,7 +1341,7 @@ const Kn = /* @__PURE__ */ o("div")({
       ] }),
       /* @__PURE__ */ s(Is, { children: i || "" })
     ] }),
-    /* @__PURE__ */ s(hs, { children: r ? /* @__PURE__ */ s(ys, { children: "Play" }) : d })
+    /* @__PURE__ */ s(hs, { children: r ? /* @__PURE__ */ s(ys, { children: "Play" }) : u })
   ] }) : null;
 }, Ds = /* @__PURE__ */ o("div")({
   name: "Container",