@streamlayer/react 0.32.8 → 0.32.9

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

@@ -154,7 +154,7 @@ const it = /* @__PURE__ */ a("div")({
   rank: r,
   streak: c,
   correct: l,
-  incorrect: m,
+  incorrect: p,
   inTop: d,
   successRate: f
 }) => /* @__PURE__ */ h(gt, { children: [
@@ -190,7 +190,7 @@ const it = /* @__PURE__ */ a("div")({
     /* @__PURE__ */ h(jt, { children: [
       /* @__PURE__ */ s(Z, { indicator: c || 0, title: "Win streak" }),
       /* @__PURE__ */ s(Z, { indicator: l || 0, title: "Correct" }),
-      /* @__PURE__ */ s(Z, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(Z, { indicator: p || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(Z, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
@@ -258,11 +258,11 @@ const it = /* @__PURE__ */ a("div")({
   hasCorrectAnswer: r,
   questionStatus: c,
   votedInCurrentRender: l,
-  votedAfterQuestionClosed: m,
+  votedAfterQuestionClosed: p,
   enteredAnActiveQuestion: d
 }) => {
-  const f = n && (i === x.TRIVIA || i === x.PREDICTION) && l && c !== L.RESOLVED, A = i === x.PREDICTION && !r, M = c === L.RESOLVED && i === x.TRIVIA && !n && !d, v = i === x.TRIVIA && m && l && d, N = c === L.RESOLVED && i === x.PREDICTION && !n && !d || i === x.PREDICTION && m && l && d, D = f && A, o = f && r, p = n && i === x.POLL && l;
-  if (!M && !v && !D && !o && !N && !p)
+  const f = n && (i === x.TRIVIA || i === x.PREDICTION) && l && c !== L.RESOLVED, A = i === x.PREDICTION && !r, M = c === L.RESOLVED && i === x.TRIVIA && !n && !d, v = i === x.TRIVIA && p && l && d, N = c === L.RESOLVED && i === x.PREDICTION && !n && !d || i === x.PREDICTION && p && l && d, D = f && A, o = f && r, m = n && i === x.POLL && l;
+  if (!M && !v && !D && !o && !N && !m)
     return null;
   const u = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
   return /* @__PURE__ */ h(Yt, { "data-isPrediction": A, children: [
@@ -291,7 +291,7 @@ const it = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ s(Vt, { name: "icon-prediction" }),
       /* @__PURE__ */ s(_, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    p && /* @__PURE__ */ h(b, { children: [
+    m && /* @__PURE__ */ h(b, { children: [
       /* @__PURE__ */ s(H, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(k, { name: "correct" }) }),
       /* @__PURE__ */ s(_, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
@@ -399,7 +399,7 @@ const it = /* @__PURE__ */ a("div")({
     percentageDecimal: c,
     // extra props
     onVote: l,
-    markThatVoted: m,
+    markThatVoted: p,
     youSelected: d,
     questionVoted: f,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
@@ -409,10 +409,10 @@ const it = /* @__PURE__ */ a("div")({
     isLoading: N,
     questionType: D,
     correct: o,
-    hasCorrectAnswer: p,
+    hasCorrectAnswer: m,
     votedAfterQuestionClosed: u,
     enteredAnActiveQuestion: I
-  } = e, g = mn(e), z = hn({ questionType: D, questionVoted: f, correct: o, hasCorrectAnswer: p, questionStatus: v }), y = v === L.RESOLVED && D === x.PREDICTION, S = f || y;
+  } = e, g = mn(e), z = hn({ questionType: D, questionVoted: f, correct: o, hasCorrectAnswer: m, questionStatus: v }), y = v === L.RESOLVED && D === x.PREDICTION, S = f || y;
   return /* @__PURE__ */ h(
     Kt,
     {
@@ -422,7 +422,7 @@ const it = /* @__PURE__ */ a("div")({
       disabled: f || N || M || y && !I || y && I && u,
       "data-isNotChecked": f && !d && g !== "incorrect",
       onClick: (T) => {
-        m(v === L.RESOLVED), l(T);
+        p(v === L.RESOLVED), l(T);
       },
       children: [
         /* @__PURE__ */ s(Xt, { "data-answerState": g, style: { width: `${S ? c : 0}%` } }),
@@ -439,7 +439,7 @@ const it = /* @__PURE__ */ a("div")({
   );
 };
 var Ae = typeof window > "u" ? ue : nt, fn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: r, onUpdate: c }) => {
-  let [l, m] = $(n), d = R(0), f = R(n), A = R(n * -1e3), M = R(null), v = R(null), N = R(null), D = (u) => {
+  let [l, p] = $(n), d = R(0), f = R(n), A = R(n * -1e3), M = R(null), v = R(null), N = R(null), D = (u) => {
     let I = u / 1e3;
     if (v.current === null) {
       v.current = I, M.current = requestAnimationFrame(D);
@@ -448,24 +448,24 @@ var Ae = typeof window > "u" ? ue : nt, fn = ({ isPlaying: e, duration: t, start
     let g = I - v.current, z = d.current + g;
     v.current = I, d.current = z;
     let y = f.current + (i === 0 ? z : (z / i | 0) * i), S = f.current + z, T = typeof t == "number" && S >= t;
-    m(T ? t : y), T || (M.current = requestAnimationFrame(D));
+    p(T ? t : y), T || (M.current = requestAnimationFrame(D));
   }, o = () => {
     M.current && cancelAnimationFrame(M.current), N.current && clearTimeout(N.current), v.current = null;
-  }, p = W((u) => {
+  }, m = W((u) => {
     o(), d.current = 0;
     let I = typeof u == "number" ? u : n;
-    f.current = I, m(I), e && (M.current = requestAnimationFrame(D));
+    f.current = I, p(I), e && (M.current = requestAnimationFrame(D));
   }, [e, n]);
   return Ae(() => {
     if (c == null || c(l), t && l >= t) {
       A.current += t * 1e3;
       let { shouldRepeat: u = !1, delay: I = 0, newStartAt: g } = (r == null ? void 0 : r(A.current / 1e3)) || {};
-      u && (N.current = setTimeout(() => p(g), I * 1e3));
+      u && (N.current = setTimeout(() => m(g), I * 1e3));
     }
-  }, [l, t]), Ae(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: p };
+  }, [l, t]), Ae(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: m };
 }, gn = (e, t, n) => {
-  let i = e / 2, r = t / 2, c = i - r, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
-  return { path: `m ${i},${r} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
+  let i = e / 2, r = t / 2, c = i - r, l = 2 * c, p = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
+  return { path: `m ${i},${r} a ${c},${c} 0 ${p} 0,${l} a ${c},${c} 0 ${p} 0,-${l}`, pathLength: d };
 }, Te = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, vn = (e) => ({ position: "relative", width: e, height: e }), Mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ye = (e, t, n, i, r) => {
   if (i === 0)
     return t;
@@ -484,10 +484,10 @@ var Ae = typeof window > "u" ? ue : nt, fn = ({ isPlaying: e, duration: t, start
     return i[0];
   if (!c)
     return i[l];
-  let m = r[l] - t, d = r[l] - r[l + 1], f = Ne(i[l]), A = Ne(i[l + 1]), M = !!e.isGrowing;
-  return `rgb(${f.map((v, N) => Ye(m, v, A[N] - v, d, M) | 0).join(",")})`;
+  let p = r[l] - t, d = r[l] - r[l + 1], f = Ne(i[l]), A = Ne(i[l + 1]), M = !!e.isGrowing;
+  return `rgb(${f.map((v, N) => Ye(p, v, A[N] - v, d, M) | 0).join(",")})`;
 }, An = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: d = !1, rotation: f = "clockwise", onComplete: A, onUpdate: M } = e, v = R(), N = Math.max(c, l ?? 0), { path: D, pathLength: o } = gn(r, N, f), { elapsedTime: p } = fn({ isPlaying: m, duration: t, startAt: Te(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: p = !1, isGrowing: d = !1, rotation: f = "clockwise", onComplete: A, onUpdate: M } = e, v = R(), N = Math.max(c, l ?? 0), { path: D, pathLength: o } = gn(r, N, f), { elapsedTime: m } = fn({ isPlaying: p, duration: t, startAt: Te(t, n), updateInterval: i, onUpdate: typeof M == "function" ? (I) => {
     let g = Math.ceil(t - I);
     g !== v.current && (v.current = g, M(g));
   } : void 0, onComplete: typeof A == "function" ? (I) => {
@@ -495,11 +495,11 @@ var Ae = typeof window > "u" ? ue : nt, fn = ({ isPlaying: e, duration: t, start
     let { shouldRepeat: z, delay: y, newInitialRemainingTime: S } = (g = A(I)) != null ? g : {};
     if (z)
       return { shouldRepeat: z, delay: y, newStartAt: Te(t, S) };
-  } : void 0 }), u = t - p;
-  return { elapsedTime: p, path: D, pathLength: o, remainingTime: Math.ceil(u), rotation: f, size: r, stroke: yn(e, u), strokeDashoffset: Ye(p, 0, o, t, d), strokeWidth: c };
+  } : void 0 }), u = t - m;
+  return { elapsedTime: m, path: D, pathLength: o, remainingTime: Math.ceil(u), rotation: f, size: r, stroke: yn(e, u), strokeDashoffset: Ye(m, 0, o, t, d), strokeWidth: c };
 }, We = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: r } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: M, strokeWidth: v } = An(e);
-  return B.createElement("div", { style: vn(M) }, B.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? v }), B.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: v, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && B.createElement("div", { style: Mn }, t({ remainingTime: f, elapsedTime: A, color: m })));
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: r } = e, { path: c, pathLength: l, stroke: p, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: M, strokeWidth: v } = An(e);
+  return B.createElement("div", { style: vn(M) }, B.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? v }), B.createElement("path", { d: c, fill: "none", stroke: p, strokeLinecap: n ?? "round", strokeWidth: v, strokeDasharray: l, strokeDashoffset: d })), typeof t == "function" && B.createElement("div", { style: Mn }, t({ remainingTime: f, elapsedTime: A, color: p })));
 };
 We.displayName = "CountdownCircleTimer";
 const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRAY3], Nn = [10, 10, 1, 0], Dn = /* @__PURE__ */ a("div")({
@@ -517,7 +517,7 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
     children: d
   }), l = W(() => {
     n == null || n(), r(zn);
-  }, [n, r]), m = W((d) => {
+  }, [n, r]), p = W((d) => {
     d === 10 && r(De);
   }, [r]);
   return /* @__PURE__ */ s(We, {
@@ -530,7 +530,7 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
     trailStrokeWidth: 2,
     trailColor: i,
     onComplete: l,
-    onUpdate: m,
+    onUpdate: p,
     children: c
   });
 }, On = /* @__PURE__ */ a("div")({
@@ -583,7 +583,7 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   i && /* @__PURE__ */ s(xn, { isPlaying: n, onTimerExpired: l, duration: c })
 ] }), Rn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
   var r, c;
-  const l = e.subject, m = e.type, d = (r = e.options) == null ? void 0 : r.options, [f, A] = $(!1), [M, v] = $(!1), [N, D] = $(!0), [o, p] = $(!1), [u, I] = $(""), g = e == null ? void 0 : e.id;
+  const l = e.subject, p = e.type, d = (r = e.options) == null ? void 0 : r.options, [f, A] = $(!1), [M, v] = $(!1), [N, D] = $(!0), [o, m] = $(!1), [u, I] = $(""), g = e == null ? void 0 : e.id;
   ue(() => {
     e.status === L.RESOLVED && D(!1);
   }, []);
@@ -598,7 +598,7 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
     },
     [g, I, n]
   ), S = W(() => {
-    p(!0), setTimeout(i, 3e3);
+    m(!0), setTimeout(i, 3e3);
   }, [i]), T = C(
     () => e == null ? void 0 : e.answers.find((O) => O.youVoted === !0),
     [e]
@@ -635,7 +635,7 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
         feedbackMessages: P,
         questionVoted: !!T,
         questionVotedCorrectly: T == null ? void 0 : T.correct,
-        questionType: m,
+        questionType: p,
         hasCorrectAnswer: w,
         questionStatus: e.status,
         votedInCurrentRender: f,
@@ -699,29 +699,35 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), Ve = ({ created: e, image: t, title: n, instantView: i }) => {
-  const r = C(() => {
+}), Ve = ({
+  created: e,
+  image: t,
+  title: n,
+  isPickHistory: i,
+  instantView: r
+}) => {
+  const c = C(() => {
     if (e) {
-      const l = new Date(e);
-      if (he(l))
+      const p = new Date(e);
+      if (he(p))
         return {
-          date: pe(l),
-          time: me(l)
+          date: pe(p),
+          time: me(p)
         };
     }
     return null;
-  }, [e]), c = (i == null ? void 0 : i.image) || t;
+  }, [e]), l = (r == null ? void 0 : r.image) || t;
   return /* @__PURE__ */ h(Qn, { children: [
-    r && /* @__PURE__ */ h(_n, { children: [
-      r.date,
+    c && /* @__PURE__ */ h(_n, { children: [
+      c.date,
       " · ",
-      r.time
+      c.time
     ] }),
-    (i == null ? void 0 : i.video) && /* @__PURE__ */ s(Ze, { source: i.video.url, poster: i.video.thumbnailUrl }),
-    c && !(i != null && i.video) && /* @__PURE__ */ s(Yn, { src: c }),
+    (r == null ? void 0 : r.video) && /* @__PURE__ */ s(Ze, { source: r.video.url, poster: r.video.thumbnailUrl }),
+    l && !(r != null && r.video) && /* @__PURE__ */ s(Yn, { src: l }),
     /* @__PURE__ */ h(Un, { children: [
-      /* @__PURE__ */ s(qn, { children: (i == null ? void 0 : i.heading) || n }),
-      /* @__PURE__ */ s(Pn, { children: i == null ? void 0 : i.body })
+      /* @__PURE__ */ s(qn, { children: i ? n : r == null ? void 0 : r.heading }),
+      !i && /* @__PURE__ */ s(Pn, { children: r == null ? void 0 : r.body })
     ] })
   ] });
 }, Wn = /* @__PURE__ */ a("div")({
@@ -899,9 +905,9 @@ function re(e, t) {
   t === void 0 && (t = li);
   var n, i = [], r, c = !1;
   function l() {
-    for (var m = [], d = 0; d < arguments.length; d++)
-      m[d] = arguments[d];
-    return c && n === this && t(m, i) || (r = e.apply(this, m), c = !0, n = this, i = m), r;
+    for (var p = [], d = 0; d < arguments.length; d++)
+      p[d] = arguments[d];
+    return c && n === this && t(p, i) || (r = e.apply(this, p), c = !0, n = this, i = p), r;
   }
   return l;
 }
@@ -945,7 +951,7 @@ var ui = 150, pi = function(t, n) {
   return t;
 };
 function mi(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
   return t = /* @__PURE__ */ function(M) {
     oi(v, M);
     function v(D) {
@@ -956,26 +962,26 @@ function mi(e) {
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = re(function(p, u, I, g) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = re(function(m, u, I, g) {
         return o.props.onItemsRendered({
-          overscanStartIndex: p,
+          overscanStartIndex: m,
           overscanStopIndex: u,
           visibleStartIndex: I,
           visibleStopIndex: g
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = re(function(p, u, I) {
+      }), o._callOnScroll = void 0, o._callOnScroll = re(function(m, u, I) {
         return o.props.onScroll({
-          scrollDirection: p,
+          scrollDirection: m,
           scrollOffset: u,
           scrollUpdateWasRequested: I
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(p) {
+      }), o._getItemStyle = void 0, o._getItemStyle = function(m) {
         var u = o.props, I = u.direction, g = u.itemSize, z = u.layout, y = o._getItemStyleCache(f && g, f && z, f && I), S;
-        if (y.hasOwnProperty(p))
-          S = y[p];
+        if (y.hasOwnProperty(m))
+          S = y[m];
         else {
-          var T = n(o.props, p, o._instanceProps), w = r(o.props, p, o._instanceProps), j = I === "horizontal" || z === "horizontal", q = I === "rtl", P = j ? T : 0;
-          y[p] = S = {
+          var T = n(o.props, m, o._instanceProps), w = r(o.props, m, o._instanceProps), j = I === "horizontal" || z === "horizontal", q = I === "rtl", P = j ? T : 0;
+          y[m] = S = {
             position: "absolute",
             left: q ? void 0 : P,
             right: q ? P : void 0,
@@ -985,10 +991,10 @@ function mi(e) {
           };
         }
         return S;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = re(function(p, u, I) {
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = re(function(m, u, I) {
         return {};
-      }), o._onScrollHorizontal = function(p) {
-        var u = p.currentTarget, I = u.clientWidth, g = u.scrollLeft, z = u.scrollWidth;
+      }), o._onScrollHorizontal = function(m) {
+        var u = m.currentTarget, I = u.clientWidth, g = u.scrollLeft, z = u.scrollWidth;
         o.setState(function(y) {
           if (y.scrollOffset === g)
             return null;
@@ -1009,8 +1015,8 @@ function mi(e) {
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._onScrollVertical = function(p) {
-        var u = p.currentTarget, I = u.clientHeight, g = u.scrollHeight, z = u.scrollTop;
+      }, o._onScrollVertical = function(m) {
+        var u = m.currentTarget, I = u.clientHeight, g = u.scrollHeight, z = u.scrollTop;
         o.setState(function(y) {
           if (y.scrollOffset === z)
             return null;
@@ -1022,9 +1028,9 @@ function mi(e) {
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(p) {
+      }, o._outerRefSetter = function(m) {
         var u = o.props.outerRef;
-        o._outerRef = p, typeof u == "function" ? u(p) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = p);
+        o._outerRef = m, typeof u == "function" ? u(m) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = m);
       }, o._resetIsScrollingDebounced = function() {
         o._resetIsScrollingTimeoutId !== null && ke(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = di(o._resetIsScrolling, ui);
       }, o._resetIsScrolling = function() {
@@ -1035,20 +1041,20 @@ function mi(e) {
         });
       }, o;
     }
-    v.getDerivedStateFromProps = function(o, p) {
-      return hi(o, p), A(o), null;
+    v.getDerivedStateFromProps = function(o, m) {
+      return hi(o, m), A(o), null;
     };
     var N = v.prototype;
     return N.scrollTo = function(o) {
-      o = Math.max(0, o), this.setState(function(p) {
-        return p.scrollOffset === o ? null : {
-          scrollDirection: p.scrollOffset < o ? "forward" : "backward",
+      o = Math.max(0, o), this.setState(function(m) {
+        return m.scrollOffset === o ? null : {
+          scrollDirection: m.scrollOffset < o ? "forward" : "backward",
           scrollOffset: o,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, N.scrollToItem = function(o, p) {
-      p === void 0 && (p = "auto");
+    }, N.scrollToItem = function(o, m) {
+      m === void 0 && (m = "auto");
       var u = this.props, I = u.itemCount, g = u.layout, z = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, I - 1));
       var y = 0;
@@ -1056,20 +1062,20 @@ function mi(e) {
         var S = this._outerRef;
         g === "vertical" ? y = S.scrollWidth > S.clientWidth ? we() : 0 : y = S.scrollHeight > S.clientHeight ? we() : 0;
       }
-      this.scrollTo(c(this.props, o, p, z, this._instanceProps, y));
+      this.scrollTo(c(this.props, o, m, z, this._instanceProps, y));
     }, N.componentDidMount = function() {
-      var o = this.props, p = o.direction, u = o.initialScrollOffset, I = o.layout;
+      var o = this.props, m = o.direction, u = o.initialScrollOffset, I = o.layout;
       if (typeof u == "number" && this._outerRef != null) {
         var g = this._outerRef;
-        p === "horizontal" || I === "horizontal" ? g.scrollLeft = u : g.scrollTop = u;
+        m === "horizontal" || I === "horizontal" ? g.scrollLeft = u : g.scrollTop = u;
       }
       this._callPropsCallbacks();
     }, N.componentDidUpdate = function() {
-      var o = this.props, p = o.direction, u = o.layout, I = this.state, g = I.scrollOffset, z = I.scrollUpdateWasRequested;
+      var o = this.props, m = o.direction, u = o.layout, I = this.state, g = I.scrollOffset, z = I.scrollUpdateWasRequested;
       if (z && this._outerRef != null) {
         var y = this._outerRef;
-        if (p === "horizontal" || u === "horizontal")
-          if (p === "rtl")
+        if (m === "horizontal" || u === "horizontal")
+          if (m === "rtl")
             switch (je()) {
               case "negative":
                 y.scrollLeft = -g;
@@ -1091,10 +1097,10 @@ function mi(e) {
     }, N.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ke(this._resetIsScrollingTimeoutId);
     }, N.render = function() {
-      var o = this.props, p = o.children, u = o.className, I = o.direction, g = o.height, z = o.innerRef, y = o.innerElementType, S = o.innerTagName, T = o.itemCount, w = o.itemData, j = o.itemKey, q = j === void 0 ? pi : j, P = o.layout, ee = o.outerElementType, te = o.outerTagName, O = o.style, E = o.useIsScrolling, Fe = o.width, Ie = this.state.isScrolling, ne = I === "horizontal" || P === "horizontal", Be = ne ? this._onScrollHorizontal : this._onScrollVertical, fe = this._getRangeToRender(), He = fe[0], Ge = fe[1], ge = [];
+      var o = this.props, m = o.children, u = o.className, I = o.direction, g = o.height, z = o.innerRef, y = o.innerElementType, S = o.innerTagName, T = o.itemCount, w = o.itemData, j = o.itemKey, q = j === void 0 ? pi : j, P = o.layout, ee = o.outerElementType, te = o.outerTagName, O = o.style, E = o.useIsScrolling, Fe = o.width, Ie = this.state.isScrolling, ne = I === "horizontal" || P === "horizontal", Be = ne ? this._onScrollHorizontal : this._onScrollVertical, fe = this._getRangeToRender(), He = fe[0], Ge = fe[1], ge = [];
       if (T > 0)
         for (var V = He; V <= Ge; V++)
-          ge.push(ie(p, {
+          ge.push(ie(m, {
             data: w,
             key: q(V, w),
             index: V,
@@ -1128,7 +1134,7 @@ function mi(e) {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var p = this._getRangeToRender(), u = p[0], I = p[1], g = p[2], z = p[3];
+          var m = this._getRangeToRender(), u = m[0], I = m[1], g = m[2], z = m[3];
           this._callOnItemsRendered(u, I, g, z);
         }
       }
@@ -1137,11 +1143,11 @@ function mi(e) {
         this._callOnScroll(S, T, w);
       }
     }, N._getRangeToRender = function() {
-      var o = this.props, p = o.itemCount, u = o.overscanCount, I = this.state, g = I.isScrolling, z = I.scrollDirection, y = I.scrollOffset;
-      if (p === 0)
+      var o = this.props, m = o.itemCount, u = o.overscanCount, I = this.state, g = I.isScrolling, z = I.scrollDirection, y = I.scrollOffset;
+      if (m === 0)
         return [0, 0, 0, 0];
-      var S = l(this.props, y, this._instanceProps), T = m(this.props, S, y, this._instanceProps), w = !g || z === "backward" ? Math.max(1, u) : 1, j = !g || z === "forward" ? Math.max(1, u) : 1;
-      return [Math.max(0, S - w), Math.max(0, Math.min(p - 1, T + j)), S, T];
+      var S = l(this.props, y, this._instanceProps), T = p(this.props, S, y, this._instanceProps), w = !g || z === "backward" ? Math.max(1, u) : 1, j = !g || z === "forward" ? Math.max(1, u) : 1;
+      return [Math.max(0, S - w), Math.max(0, Math.min(m - 1, T + j)), S, T];
     }, v;
   }(Re), t.defaultProps = {
     direction: "ltr",
@@ -1167,19 +1173,19 @@ var hi = function(t, n) {
     return i * n;
   },
   getOffsetForIndexAndAlignment: function(t, n, i, r, c, l) {
-    var m = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, M = t.layout, v = t.width, N = m === "horizontal" || M === "horizontal", D = N ? v : d, o = Math.max(0, f * A - D), p = Math.min(o, n * A), u = Math.max(0, n * A - D + A + l);
-    switch (i === "smart" && (r >= u - D && r <= p + D ? i = "auto" : i = "center"), i) {
+    var p = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, M = t.layout, v = t.width, N = p === "horizontal" || M === "horizontal", D = N ? v : d, o = Math.max(0, f * A - D), m = Math.min(o, n * A), u = Math.max(0, n * A - D + A + l);
+    switch (i === "smart" && (r >= u - D && r <= m + D ? i = "auto" : i = "center"), i) {
       case "start":
-        return p;
+        return m;
       case "end":
         return u;
       case "center": {
-        var I = Math.round(u + (p - u) / 2);
+        var I = Math.round(u + (m - u) / 2);
         return I < Math.ceil(D / 2) ? 0 : I > o + Math.floor(D / 2) ? o : I;
       }
       case "auto":
       default:
-        return r >= u && r <= p ? r : r < u ? u : p;
+        return r >= u && r <= m ? r : r < u ? u : m;
     }
   },
   getStartIndexForOffset: function(t, n) {
@@ -1187,7 +1193,7 @@ var hi = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var r = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, f = t.width, A = r === "horizontal" || d === "horizontal", M = n * m, v = A ? f : c, N = Math.ceil((v + i - M) / m);
+    var r = t.direction, c = t.height, l = t.itemCount, p = t.itemSize, d = t.layout, f = t.width, A = r === "horizontal" || d === "horizontal", M = n * p, v = A ? f : c, N = Math.ceil((v + i - M) / p);
     return Math.max(0, Math.min(
       l - 1,
       n + N - 1
@@ -1206,14 +1212,14 @@ function fi(e) {
   return !(i > n || r < t);
 }
 function gi(e) {
-  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, f = r; f <= c; f++) {
+  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, c = e.stopIndex, l = [], p = null, d = null, f = r; f <= c; f++) {
     var A = t(f);
-    A ? d !== null && (l.push(m, d), m = d = null) : (d = f, m === null && (m = f));
+    A ? d !== null && (l.push(p, d), p = d = null) : (d = f, p === null && (p = f));
   }
   if (d !== null) {
-    for (var M = Math.min(Math.max(d, m + i - 1), n - 1), v = d + 1; v <= M && !t(v); v++)
+    for (var M = Math.min(Math.max(d, p + i - 1), n - 1), v = d + 1; v <= M && !t(v); v++)
       d = v;
-    l.push(m, d);
+    l.push(p, d);
   }
   if (l.length)
     for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
@@ -1258,9 +1264,9 @@ var vi = function(e, t) {
   function t() {
     var n, i, r, c;
     vi(this, t);
-    for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
-      m[d] = arguments[d];
-    return c = (i = (r = be(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
+    for (var l = arguments.length, p = Array(l), d = 0; d < l; d++)
+      p[d] = arguments[d];
+    return c = (i = (r = be(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
       var A = f.visibleStartIndex, M = f.visibleStopIndex;
       r._lastRenderedStartIndex = A, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(A, M);
     }, r._setRef = function(f) {
@@ -1289,12 +1295,12 @@ var vi = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, r) {
-      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, M = A === void 0 ? 15 : A, v = gi({
+      var c = this.props, l = c.isItemLoaded, p = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, M = A === void 0 ? 15 : A, v = gi({
         isItemLoaded: l,
-        itemCount: m,
+        itemCount: p,
         minimumBatchSize: f,
         startIndex: Math.max(0, i - M),
-        stopIndex: Math.min(m - 1, r + M)
+        stopIndex: Math.min(p - 1, r + M)
       });
       (this._memoizedUnloadedRanges.length !== v.length || this._memoizedUnloadedRanges.some(function(N, D) {
         return v[D] !== N;
@@ -1317,8 +1323,8 @@ var vi = function(e, t) {
             typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(A, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
           }
         });
-      }, m = 0; m < i.length; m += 2)
-        l(m);
+      }, p = 0; p < i.length; p += 2)
+        l(p);
     }
   }]), t;
 }(Re);
@@ -1387,12 +1393,12 @@ const Ti = /* @__PURE__ */ a("div")({
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ s(bi, { children: /* @__PURE__ */ s(
+    children: ({ onItemsRendered: l, ref: p }) => /* @__PURE__ */ s(bi, { children: /* @__PURE__ */ s(
       Ii,
       {
         itemSize: 56,
         onItemsRendered: l,
-        ref: m,
+        ref: p,
         itemCount: e.length,
         width: r,
         height: c,
@@ -1492,8 +1498,8 @@ const Ti = /* @__PURE__ */ a("div")({
   openQuestion: c,
   status: l
 }) => {
-  const m = $e[t], d = Fi[l];
-  return m ? /* @__PURE__ */ h(Ei, { onClick: () => c == null ? void 0 : c(e), children: [
+  const p = $e[t], d = Fi[l];
+  return p ? /* @__PURE__ */ h(Ei, { onClick: () => c == null ? void 0 : c(e), children: [
     /* @__PURE__ */ h(Wi, { children: [
       /* @__PURE__ */ h(Ri, { children: [
         /* @__PURE__ */ s(
@@ -1501,11 +1507,11 @@ const Ti = /* @__PURE__ */ a("div")({
           {
             "data-type-trivia": t === x.TRIVIA,
             "data-type-poll": t === x.POLL,
-            name: m.iconName
+            name: p.iconName
           }
         ),
         /* @__PURE__ */ h(Yi, { children: [
-          m.label,
+          p.label,
           t === x.TRIVIA && n === L.RESOLVED && " • Expired"
         ] })
       ] }),
@@ -1526,7 +1532,7 @@ const Ti = /* @__PURE__ */ a("div")({
   questionId: t,
   ...n
 }) => /* @__PURE__ */ h(Hi, { children: [
-  /* @__PURE__ */ s(Ve, { questionId: t, ...n }),
+  /* @__PURE__ */ s(Ve, { questionId: t, ...n, isPickHistory: !0 }),
   e && /* @__PURE__ */ s(Gi, { onClick: () => e(t), children: "View Insight" })
 ] }), Ji = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1585,8 +1591,8 @@ const Ti = /* @__PURE__ */ a("div")({
     return /* @__PURE__ */ s(Zi, { openInsight: t, ...l }, l.questionId);
   }
   if (n.type === "tweet" && ((c = n.attributes) == null ? void 0 : c.attributes.case) === "tweet") {
-    const l = n.attributes.attributes.value, m = n.attributes.id, d = n.attributes.created;
-    return /* @__PURE__ */ s(ns, { openTweet: t, ...l, tweetId: m, created: d }, m);
+    const l = n.attributes.attributes.value, p = n.attributes.id, d = n.attributes.created;
+    return /* @__PURE__ */ s(ns, { openTweet: t, ...l, tweetId: p, created: d }, p);
   }
   return null;
 }) }), rs = ({ store: e, openQuestion: t }) => {