@streamlayer/react 0.33.4 → 0.33.5

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

@@ -1,5 +1,5 @@
 import { jsxs as I, jsx as s, Fragment as R } from "react/jsx-runtime";
-import { s as a, r as C, Q as b, o as Ye, a as Q, b as H, d as fe, E as _, c as Te, w as it, u as We, e as Y, f as te, g as rt, A as st, O as ot, P as ne, h as at, i as ge, n as lt, j as ct } from "./masters.js";
+import { s as a, r as C, Q as z, o as Ye, a as Q, b as H, d as fe, E as _, c as Te, w as it, u as We, e as Y, f as te, g as rt, A as st, O as ot, P as ne, h as at, i as ge, n as lt, j as ct } from "./masters.js";
 import G, { useRef as $, useState as L, useCallback as P, useEffect as ae, useLayoutEffect as dt, useMemo as E, createElement as ue, PureComponent as Ve, useTransition as ut } from "react";
 const pt = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -32,8 +32,8 @@ const pt = /* @__PURE__ */ a("div")({
       (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
         It,
         {
-          "data-type-trivia": e === b.TRIVIA,
-          "data-type-poll": e === b.POLL,
+          "data-type-trivia": e === z.TRIVIA,
+          "data-type-poll": e === z.POLL,
           name: i.iconName
         }
       ),
@@ -82,11 +82,11 @@ const pt = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1yrpn9o",
   propsAsIs: !1
-}), zt = /* @__PURE__ */ a("div")({
+}), bt = /* @__PURE__ */ a("div")({
   name: "TopInfo",
   class: "t17fwahh",
   propsAsIs: !1
-}), bt = /* @__PURE__ */ a("div")({
+}), zt = /* @__PURE__ */ a("div")({
   name: "BottomInfo",
   class: "by6w7e9",
   propsAsIs: !1
@@ -158,7 +158,7 @@ const pt = /* @__PURE__ */ a("div")({
   inTop: u,
   successRate: f
 }) => /* @__PURE__ */ I(xt, { children: [
-  /* @__PURE__ */ s(zt, { children: /* @__PURE__ */ I(Ot, { children: [
+  /* @__PURE__ */ s(bt, { children: /* @__PURE__ */ I(Ot, { children: [
     /* @__PURE__ */ I(_t, { children: [
       e && /* @__PURE__ */ s(kt, { alt: "avatar", src: e }),
       !e && /* @__PURE__ */ s(qt, { children: Be(t || "") })
@@ -182,7 +182,7 @@ const pt = /* @__PURE__ */ a("div")({
       ] })
     ] })
   ] }) }),
-  /* @__PURE__ */ I(bt, { children: [
+  /* @__PURE__ */ I(zt, { children: [
     /* @__PURE__ */ I(Ut, { children: [
       /* @__PURE__ */ s(xe, { indicator: i || 0, title: "Friends rank" }),
       /* @__PURE__ */ s(xe, { indicator: r || 0, title: "Global rank" })
@@ -264,7 +264,7 @@ const pt = /* @__PURE__ */ a("div")({
   enteredAnActiveQuestion: M,
   marketClosed: v
 }) => {
-  const h = n && (i === b.TRIVIA || i === b.PREDICTION) && u && d !== Q.RESOLVED, A = i === b.PREDICTION && !r, S = v && i === b.PREDICTION && !n && !M || i === b.PREDICTION && f && u && M, o = h && A, m = h && r, p = i === b.PREDICTION && n && u && r, g = n && i === b.POLL && u;
+  const h = n && (i === z.TRIVIA || i === z.PREDICTION) && u && d !== Q.RESOLVED, A = i === z.PREDICTION && !r, S = v && i === z.PREDICTION && !n && !M || i === z.PREDICTION && f && u && M, o = h && A, m = h && r, p = i === z.PREDICTION && n && u && r, g = n && i === z.POLL && u;
   if (!c && !l && !o && !m && !S && !g && !p)
     return null;
   const T = t ? "correct" : "incorrect", D = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
@@ -374,29 +374,29 @@ const pt = /* @__PURE__ */ a("div")({
   name: "CheckIcon",
   class: "c1j2j0s0",
   propsAsIs: !0
-}), ze = {
+}), be = {
   [H.CENTERED]: (e) => /* @__PURE__ */ s(hn, { alt: "option-icon", src: e }),
   [H.TRANSPARENT]: (e) => /* @__PURE__ */ s(un, { children: /* @__PURE__ */ s(pn, { style: { backgroundImage: `url(${e})` } }) }),
   [H.ROUNDED]: (e) => /* @__PURE__ */ s(fn, { alt: "option-icon", src: e }),
   [H.NONE]: () => null,
   [H.UNSET]: () => null
 }, Nn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
-  if (e === b.POLL && i)
+  if (e === z.POLL && i)
     return "correct";
-  if (e === b.PREDICTION) {
+  if (e === z.PREDICTION) {
     if (t && r)
       return i ? n ? "correct" : "incorrect" : "unset";
     if (i)
       return "correct";
   }
-  return e === b.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
+  return e === z.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
 }, Dn = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === b.TRIVIA ? t && n : e === b.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, Sn = (e) => {
+}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, Sn = (e) => {
   var t;
   const {
     // option props
@@ -420,7 +420,7 @@ const pt = /* @__PURE__ */ a("div")({
     votedAfterQuestionClosed: g,
     enteredAnActiveQuestion: T,
     marketClosed: D
-  } = e, N = Nn(e), y = Dn({ questionType: o, questionVoted: M, correct: m, hasCorrectAnswer: p, questionStatus: A }), x = D && o === b.PREDICTION, O = M || x, z = o === b.PREDICTION && !M && A !== Q.RESOLVED;
+  } = e, N = Nn(e), y = Dn({ questionType: o, questionVoted: M, correct: m, hasCorrectAnswer: p, questionStatus: A }), x = D && o === z.PREDICTION, O = M || x, b = o === z.PREDICTION && !M && A !== Q.RESOLVED;
   return /* @__PURE__ */ I(
     ln,
     {
@@ -431,15 +431,15 @@ const pt = /* @__PURE__ */ a("div")({
       "data-isNotChecked": M && !f && N !== "incorrect",
       onClick: (k) => {
         u(
-          o === b.PREDICTION ? D : A === Q.RESOLVED
+          o === z.PREDICTION ? D : A === Q.RESOLVED
         ), l(k);
       },
       children: [
         /* @__PURE__ */ s(cn, { "data-answerState": N, style: { width: `${O ? d : 0}%` } }),
         /* @__PURE__ */ I(dn, { children: [
-          i && v && ((t = ze[v]) == null ? void 0 : t.call(ze, i)),
+          i && v && ((t = be[v]) == null ? void 0 : t.call(be, i)),
           /* @__PURE__ */ s(gn, { children: r }),
-          z && /* @__PURE__ */ I("div", { children: [
+          b && /* @__PURE__ */ I("div", { children: [
             /* @__PURE__ */ s(fe, { value: c }),
             /* @__PURE__ */ s(Mn, { children: "pts" })
           ] }),
@@ -452,7 +452,7 @@ const pt = /* @__PURE__ */ a("div")({
     }
   );
 };
-var be = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: r, onUpdate: d }) => {
+var ze = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: r, onUpdate: d }) => {
   let [c, l] = L(n), u = $(0), f = $(n), M = $(n * -1e3), v = $(null), h = $(null), A = $(null), S = (p) => {
     let g = p / 1e3;
     if (h.current === null) {
@@ -470,17 +470,17 @@ var be = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, start
     let g = typeof p == "number" ? p : n;
     f.current = g, l(g), e && (v.current = requestAnimationFrame(S));
   }, [e, n]);
-  return be(() => {
+  return ze(() => {
     if (d == null || d(c), t && c >= t) {
       M.current += t * 1e3;
       let { shouldRepeat: p = !1, delay: g = 0, newStartAt: T } = (r == null ? void 0 : r(M.current / 1e3)) || {};
       p && (A.current = setTimeout(() => m(T), g * 1e3));
     }
-  }, [c, t]), be(() => (e && (v.current = requestAnimationFrame(S)), o), [e, t, i]), { elapsedTime: c, reset: m };
-}, zn = (e, t, n) => {
+  }, [c, t]), ze(() => (e && (v.current = requestAnimationFrame(S)), o), [e, t, i]), { elapsedTime: c, reset: m };
+}, bn = (e, t, n) => {
   let i = e / 2, r = t / 2, d = i - r, c = 2 * d, l = n === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * d;
   return { path: `m ${i},${r} a ${d},${d} 0 ${l} 0,${c} a ${d},${d} 0 ${l} 0,-${c}`, pathLength: u };
-}, Oe = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, bn = (e) => ({ position: "relative", width: e, height: e }), On = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Je = (e, t, n, i, r) => {
+}, Oe = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, zn = (e) => ({ position: "relative", width: e, height: e }), On = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Je = (e, t, n, i, r) => {
   if (i === 0)
     return t;
   let d = (r ? i - e : e) / i;
@@ -501,7 +501,7 @@ var be = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, start
   let l = r[c] - t, u = r[c] - r[c + 1], f = ke(i[c]), M = ke(i[c + 1]), v = !!e.isGrowing;
   return `rgb(${f.map((h, A) => Je(l, h, M[A] - h, u, v) | 0).join(",")})`;
 }, jn = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: d = 12, trailStrokeWidth: c, isPlaying: l = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: M, onUpdate: v } = e, h = $(), A = Math.max(d, c ?? 0), { path: S, pathLength: o } = zn(r, A, f), { elapsedTime: m } = xn({ isPlaying: l, duration: t, startAt: Oe(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (g) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: r = 180, strokeWidth: d = 12, trailStrokeWidth: c, isPlaying: l = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: M, onUpdate: v } = e, h = $(), A = Math.max(d, c ?? 0), { path: S, pathLength: o } = bn(r, A, f), { elapsedTime: m } = xn({ isPlaying: l, duration: t, startAt: Oe(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (g) => {
     let T = Math.ceil(t - g);
     T !== h.current && (h.current = T, v(T));
   } : void 0, onComplete: typeof M == "function" ? (g) => {
@@ -513,7 +513,7 @@ var be = typeof window > "u" ? ae : dt, xn = ({ isPlaying: e, duration: t, start
   return { elapsedTime: m, path: S, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: r, stroke: kn(e, p), strokeDashoffset: Je(m, 0, o, t, u), strokeWidth: d };
 }, Ke = (e) => {
   let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: r } = e, { path: d, pathLength: c, stroke: l, strokeDashoffset: u, remainingTime: f, elapsedTime: M, size: v, strokeWidth: h } = jn(e);
-  return G.createElement("div", { style: bn(v) }, G.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, G.createElement("path", { d, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? h }), G.createElement("path", { d, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: h, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && G.createElement("div", { style: On }, t({ remainingTime: f, elapsedTime: M, color: l })));
+  return G.createElement("div", { style: zn(v) }, G.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, G.createElement("path", { d, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? h }), G.createElement("path", { d, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: h, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && G.createElement("div", { style: On }, t({ remainingTime: f, elapsedTime: M, color: l })));
 };
 Ke.displayName = "CountdownCircleTimer";
 const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRAY3], Cn = [10, 10, 1, 0], En = /* @__PURE__ */ a("div")({
@@ -583,10 +583,10 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
   questionType: r,
   timerDuration: d,
   onTimerExpired: c
-}) => /* @__PURE__ */ I(Qn, { "data-centeredItems": r === b.PREDICTION, children: [
+}) => /* @__PURE__ */ I(Qn, { "data-centeredItems": r === z.PREDICTION, children: [
   /* @__PURE__ */ I(Un, { children: [
     e && /* @__PURE__ */ s(Pn, { children: e }),
-    t !== void 0 && r !== b.POLL && /* @__PURE__ */ I(R, { children: [
+    t !== void 0 && r !== z.POLL && /* @__PURE__ */ I(R, { children: [
       /* @__PURE__ */ s(_n, { name: "icon-trophy" }),
       /* @__PURE__ */ I(Yn, { children: [
         /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ s(fe, { value: t }) }),
@@ -594,12 +594,12 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
       ] })
     ] })
   ] }),
-  i && r !== b.PREDICTION && /* @__PURE__ */ s(Rn, { isPlaying: n, onTimerExpired: c, duration: d })
+  i && r !== z.PREDICTION && /* @__PURE__ */ s(Rn, { isPlaying: n, onTimerExpired: c, duration: d })
 ] }), Bn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
   var r, d;
   const c = e.subject, l = e.type, u = e.status, f = (r = e.options) == null ? void 0 : r.options, M = e.marketClosed, [v, h] = L(!1), [A, S] = L(!1), [o, m] = L(!0), [p, g] = L(!1), [T, D] = L(""), N = e == null ? void 0 : e.id;
   ae(() => {
-    l === b.PREDICTION ? M && m(!1) : u === Q.RESOLVED && m(!1);
+    l === z.PREDICTION ? M && m(!1) : u === Q.RESOLVED && m(!1);
   }, []);
   const y = P((j) => {
     S(j), h(!0);
@@ -613,7 +613,7 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
     [N, D, n]
   ), O = P(() => {
     g(!0), setTimeout(i, 3e3);
-  }, [i]), z = E(
+  }, [i]), b = E(
     () => e == null ? void 0 : e.answers.find((j) => j.youVoted === !0),
     [e]
   ), k = E(
@@ -626,7 +626,7 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
     var q;
     return {
       ...j,
-      questionVoted: !!z,
+      questionVoted: !!b,
       youSelected: T === j.id,
       isLoading: t,
       hasCorrectAnswer: k,
@@ -641,31 +641,31 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
     p,
     t,
     e,
-    z,
+    b,
     u,
     x,
     T
-  ]), ce = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, U = u === Q.RESOLVED && l === b.TRIVIA && !z && !o, K = l === b.TRIVIA && A && v && o, X = E(() => l === b.PREDICTION ? !!(z && !k || z && k && w != null && w.youVoted) : !0, [l, z, k, w]), ee = E(() => {
-    if (l === b.PREDICTION && z && (!k || k && w != null && w.youVoted))
-      return z.points;
+  ]), ce = f && (f.case === "trivia" || f.case === "prediction") ? f.value : void 0, U = u === Q.RESOLVED && l === z.TRIVIA && !b && !o, K = l === z.TRIVIA && A && v && o, X = E(() => l === z.PREDICTION ? !!(b && !k || b && k && w != null && w.youVoted) : !0, [l, b, k, w]), ee = E(() => {
+    if (l === z.PREDICTION && b && (!k || k && w != null && w.youVoted))
+      return b.points;
     if (!(U || p))
-      return u === Q.RESOLVED ? 0 : z ? z.correct ? z.points : 0 : w == null ? void 0 : w.points;
+      return u === Q.RESOLVED ? 0 : b ? b.correct ? b.points : 0 : w == null ? void 0 : w.points;
   }, [
     p,
-    z,
+    b,
     w,
     u,
     U,
     l,
     k
-  ]), F = E(() => l === b.PREDICTION && z ? k ? k && w != null && w.youVoted ? "You won" : "" : "To win" : U || p ? "Time expired" : l === b.POLL ? "Time remaining" : z ? "You won" : "To win", [p, l, z, U, k, w]), de = z || U || K || l === b.TRIVIA && u === Q.RESOLVED && o;
+  ]), F = E(() => l === z.PREDICTION && b ? k ? k && w != null && w.youVoted ? "You won" : "" : "To win" : U || p ? "Time expired" : l === z.POLL ? "Time remaining" : b ? "You won" : "To win", [p, l, b, U, k, w]), de = b || U || K || l === z.TRIVIA && u === Q.RESOLVED && o;
   return /* @__PURE__ */ s(Te, { "data-question-header": "true", children: /* @__PURE__ */ s(rn, { children: /* @__PURE__ */ I(sn, { children: [
     /* @__PURE__ */ s(
       nn,
       {
         feedbackMessages: ce,
-        questionVoted: !!z,
-        questionVotedCorrectly: z == null ? void 0 : z.correct,
+        questionVoted: !!b,
+        questionVotedCorrectly: b == null ? void 0 : b.correct,
         questionType: l,
         hasCorrectAnswer: k,
         questionStatus: u,
@@ -685,7 +685,7 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
         onTimerExpired: O,
         questionType: e.type,
         isTimer: !t,
-        isPlayingTimer: !z,
+        isPlayingTimer: !b,
         timerDuration: de ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
       }
     ),
@@ -739,30 +739,31 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
   image: t,
   title: n,
   isPickHistory: i,
-  instantView: r
+  instantView: r,
+  notification: d
 }) => {
-  const d = E(() => {
+  const c = E(() => {
     if (e) {
-      const l = new Date(e);
-      if (Ne(l))
+      const u = new Date(e);
+      if (Ne(u))
         return {
-          date: ye(l),
-          time: Ae(l)
+          date: ye(u),
+          time: Ae(u)
         };
     }
     return null;
-  }, [e]), c = (r == null ? void 0 : r.image) || t;
+  }, [e]), l = (r == null ? void 0 : r.image) || t;
   return /* @__PURE__ */ I(Hn, { children: [
-    d && /* @__PURE__ */ I(Kn, { children: [
-      d.date,
+    c && /* @__PURE__ */ I(Kn, { children: [
+      c.date,
       " · ",
-      d.time
+      c.time
     ] }),
     (r == null ? void 0 : r.video) && /* @__PURE__ */ s(it, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    c && !(r != null && r.video) && /* @__PURE__ */ s(Xn, { src: c }),
+    l && !(r != null && r.video) && /* @__PURE__ */ s(Xn, { src: l }),
     /* @__PURE__ */ I(Gn, { children: [
       /* @__PURE__ */ s(Zn, { children: i ? n : r == null ? void 0 : r.heading }),
-      !i && /* @__PURE__ */ s(Jn, { children: r == null ? void 0 : r.body })
+      /* @__PURE__ */ s(Jn, { children: i ? d == null ? void 0 : d.body : r == null ? void 0 : r.body })
     ] })
   ] });
 }, ei = /* @__PURE__ */ a("div")({
@@ -853,7 +854,7 @@ const wn = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
   return /* @__PURE__ */ I(ai, {
     children: [/* @__PURE__ */ s(Fe, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || b.UNSET
+      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
     }), r === "question" && /* @__PURE__ */ s(ci, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
@@ -881,8 +882,8 @@ function Di(e, t, n) {
     return f = y, l = setTimeout(p, t), M ? A(y) : c;
   }
   function o(y) {
-    var x = y - u, O = y - f, z = t - x;
-    return v ? Ni(z, d - O) : z;
+    var x = y - u, O = y - f, b = t - x;
+    return v ? Ni(b, d - O) : b;
   }
   function m(y) {
     var x = y - u, O = y - f;
@@ -932,13 +933,13 @@ function oe(e) {
 function xi(e) {
   return !!e && typeof e == "object";
 }
-function zi(e) {
+function bi(e) {
   return typeof e == "symbol" || xi(e) && yi.call(e) == ui;
 }
 function Ce(e) {
   if (typeof e == "number")
     return e;
-  if (zi(e))
+  if (bi(e))
     return we;
   if (oe(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -950,8 +951,8 @@ function Ce(e) {
   var n = hi.test(e);
   return n || Ii.test(e) ? fi(e.slice(2), n ? 2 : 8) : mi.test(e) ? we : +e;
 }
-var bi = Si;
-const tt = /* @__PURE__ */ rt(bi), Oi = /* @__PURE__ */ a("div")({
+var zi = Si;
+const tt = /* @__PURE__ */ rt(zi), Oi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
@@ -1102,14 +1103,14 @@ function qi(e) {
         if (N.hasOwnProperty(m))
           y = N[m];
         else {
-          var x = n(o.props, m, o._instanceProps), O = r(o.props, m, o._instanceProps), z = g === "horizontal" || D === "horizontal", k = g === "rtl", w = z ? x : 0;
+          var x = n(o.props, m, o._instanceProps), O = r(o.props, m, o._instanceProps), b = g === "horizontal" || D === "horizontal", k = g === "rtl", w = b ? x : 0;
           N[m] = y = {
             position: "absolute",
             left: k ? void 0 : w,
             right: k ? w : void 0,
-            top: z ? 0 : x,
-            height: z ? "100%" : O,
-            width: z ? O : "100%"
+            top: b ? 0 : x,
+            height: b ? "100%" : O,
+            width: b ? O : "100%"
           };
         }
         return y;
@@ -1219,7 +1220,7 @@ function qi(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Qe(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var o = this.props, m = o.children, p = o.className, g = o.direction, T = o.height, D = o.innerRef, N = o.innerElementType, y = o.innerTagName, x = o.itemCount, O = o.itemData, z = o.itemKey, k = z === void 0 ? Pi : z, w = o.layout, le = o.outerElementType, ce = o.outerTagName, U = o.style, K = o.useIsScrolling, X = o.width, ee = this.state.isScrolling, F = g === "horizontal" || w === "horizontal", de = F ? this._onScrollHorizontal : this._onScrollVertical, j = this._getRangeToRender(), q = j[0], nt = j[1], De = [];
+      var o = this.props, m = o.children, p = o.className, g = o.direction, T = o.height, D = o.innerRef, N = o.innerElementType, y = o.innerTagName, x = o.itemCount, O = o.itemData, b = o.itemKey, k = b === void 0 ? Pi : b, w = o.layout, le = o.outerElementType, ce = o.outerTagName, U = o.style, K = o.useIsScrolling, X = o.width, ee = this.state.isScrolling, F = g === "horizontal" || w === "horizontal", de = F ? this._onScrollHorizontal : this._onScrollVertical, j = this._getRangeToRender(), q = j[0], nt = j[1], De = [];
       if (x > 0)
         for (var B = q; B <= nt; B++)
           De.push(ue(m, {
@@ -1268,8 +1269,8 @@ function qi(e) {
       var o = this.props, m = o.itemCount, p = o.overscanCount, g = this.state, T = g.isScrolling, D = g.scrollDirection, N = g.scrollOffset;
       if (m === 0)
         return [0, 0, 0, 0];
-      var y = c(this.props, N, this._instanceProps), x = l(this.props, y, N, this._instanceProps), O = !T || D === "backward" ? Math.max(1, p) : 1, z = !T || D === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, y - O), Math.max(0, Math.min(m - 1, x + z)), y, x];
+      var y = c(this.props, N, this._instanceProps), x = l(this.props, y, N, this._instanceProps), O = !T || D === "backward" ? Math.max(1, p) : 1, b = !T || D === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, y - O), Math.max(0, Math.min(m - 1, x + b)), y, x];
     }, h;
   }(Ve), t.defaultProps = {
     direction: "ltr",
@@ -1635,14 +1636,14 @@ const Zi = /* @__PURE__ */ a("div")({
         /* @__PURE__ */ s(
           fr,
           {
-            "data-type-trivia": t === b.TRIVIA,
-            "data-type-poll": t === b.POLL,
+            "data-type-trivia": t === z.TRIVIA,
+            "data-type-poll": t === z.POLL,
             name: l.iconName
           }
         ),
         /* @__PURE__ */ I(gr, { children: [
           l.label,
-          t === b.TRIVIA && n === Q.RESOLVED && " • Expired"
+          t === z.TRIVIA && n === Q.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(pr, { children: i || "" })
@@ -1668,11 +1669,11 @@ const Zi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), xr = () => at, zr = /* @__PURE__ */ a(xr())({
+}), xr = () => at, br = /* @__PURE__ */ a(xr())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), br = /* @__PURE__ */ a("div")({
+}), zr = /* @__PURE__ */ a("div")({
   name: "DateTime",
   class: "d1hbaleq",
   propsAsIs: !1
@@ -1697,14 +1698,14 @@ const Zi = /* @__PURE__ */ a("div")({
     return null;
   }, [t]);
   return /* @__PURE__ */ I(Sr, { children: [
-    i && /* @__PURE__ */ I(br, { children: [
+    i && /* @__PURE__ */ I(zr, { children: [
       i.date,
       " · ",
       i.time
     ] }),
     n.title && /* @__PURE__ */ s(Or, { children: n.title }),
     /* @__PURE__ */ s(We, { ...n }),
-    e && /* @__PURE__ */ s(zr, { onClick: () => e(n.tweetId), children: "View Insight" })
+    e && /* @__PURE__ */ s(br, { onClick: () => e(n.tweetId), children: "View Insight" })
   ] });
 }, jr = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",