@streamlayer/react 0.31.2 → 0.31.4

package/lib/es/gamification-feature.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as s, Fragment as b } from "react/jsx-runtime";
-import { s as o, i as j } from "./index4.js";
+import { s as o, n as O } from "./index4.js";
 import { useStore as k } from "@nanostores/react";
 import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
+import { QuestionType as z, QuestionStatus as Q, QuestionImages as $, PickHistoryStatus as P } from "@streamlayer/sdk-web-types";
 import { useState as R, useCallback as F, useMemo as W, createElement as H, PureComponent as ye } from "react";
-import { QuestionType as x, QuestionStatus as Q, QuestionImages as $, PickHistoryStatus as q } from "@streamlayer/sdk-web-types";
-import { m as qe } from "./index3.js";
+import { m as Pe } from "./index3.js";
 import "react-countup";
-import { CountdownCircleTimer as Pe } from "react-countdown-circle-timer";
+import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
 import { E } from "./index2.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
@@ -21,7 +21,7 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "QuestionTypeWrap",
   class: "qyktpt0",
   propsAsIs: !1
-}), Ve = () => j, Fe = /* @__PURE__ */ o(Ve())({
+}), Ve = () => O, Fe = /* @__PURE__ */ o(Ve())({
   name: "QuestionTypeIcon",
   class: "q951jdx",
   propsAsIs: !0
@@ -33,7 +33,7 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "CloseButton",
   class: "c1ao1jtv",
   propsAsIs: !1
-}), Ze = () => j, Ge = /* @__PURE__ */ o(Ze())({
+}), Ze = () => O, Ge = /* @__PURE__ */ o(Ze())({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
@@ -41,7 +41,14 @@ const Ye = /* @__PURE__ */ o("div")({
   const i = e ? Ne[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ p(Ye, { children: [
     /* @__PURE__ */ p(We, { children: [
-      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(Fe, { name: i.iconName }),
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
+        Fe,
+        {
+          "data-type-trivia": e === z.TRIVIA,
+          "data-type-poll": e === z.POLL,
+          name: i.iconName
+        }
+      ),
       (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Be, { children: i.label })
     ] }),
     /* @__PURE__ */ s(He, { onClick: t, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
@@ -80,7 +87,7 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), P = ({ indicator: e, title: t }) => /* @__PURE__ */ p(st, { children: [
+}), q = ({ indicator: e, title: t }) => /* @__PURE__ */ p(st, { children: [
   /* @__PURE__ */ s(it, { children: e }),
   /* @__PURE__ */ s(rt, { children: t })
 ] }), ot = /* @__PURE__ */ o("div")({
@@ -193,10 +200,10 @@ const Ye = /* @__PURE__ */ o("div")({
       /* @__PURE__ */ s(oe, { indicator: r || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ p(Nt, { children: [
-      /* @__PURE__ */ s(P, { indicator: m || 0, title: "Win streak" }),
-      /* @__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" })
+      /* @__PURE__ */ s(q, { indicator: m || 0, title: "Win streak" }),
+      /* @__PURE__ */ s(q, { indicator: c || 0, title: "Correct" }),
+      /* @__PURE__ */ s(q, { indicator: I || 0, title: "Incorrect" }),
+      /* @__PURE__ */ s(q, { indicator: `${h || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Dt = /* @__PURE__ */ o("div")({
@@ -212,14 +219,14 @@ const Ye = /* @__PURE__ */ o("div")({
   class: "dlaj9xp",
   propsAsIs: !1
 }), xt = ({ title: e, description: t }) => /* @__PURE__ */ p(Dt, { children: [
-  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
+  /* @__PURE__ */ s(O, { name: "icon-check-circle" }),
   /* @__PURE__ */ s(St, { children: e }),
   /* @__PURE__ */ s(zt, { children: t })
-] }), jt = /* @__PURE__ */ o("div")({
+] }), Ot = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "c16sbdnm",
   propsAsIs: !1
-}), Ot = () => j, Ct = /* @__PURE__ */ o(Ot())({
+}), jt = () => O, Ct = /* @__PURE__ */ o(jt())({
   name: "IconPrediction",
   class: "ibhorgl",
   propsAsIs: !0
@@ -251,13 +258,13 @@ const Ye = /* @__PURE__ */ o("div")({
   hasCorrectAnswer: r,
   questionStatus: m
 }) => {
-  const c = n && (i === x.TRIVIA || i === x.PREDICTION);
+  const c = n && (i === z.TRIVIA || i === z.PREDICTION);
   if (!c && m !== Q.RESOLVED)
     return null;
-  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" }) }),
+  const I = i === z.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  return /* @__PURE__ */ p(Ot, { "data-isPrediction": I, children: [
+    m === Q.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ p(b, { children: [
+      /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(O, { name: "questionExpired" }) }),
       /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
         /* @__PURE__ */ s(wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
@@ -268,7 +275,7 @@ const Ye = /* @__PURE__ */ o("div")({
       /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
     c && r && /* @__PURE__ */ p(b, { children: [
-      /* @__PURE__ */ s(ae, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
+      /* @__PURE__ */ s(ae, { "data-feedbackType": u, children: /* @__PURE__ */ s(O, { name: u }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(le, { children: [
         /* @__PURE__ */ s(kt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
         /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
@@ -303,11 +310,11 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "ButtonBody",
   class: "b1gq1lnf",
   propsAsIs: !1
-}), qt = /* @__PURE__ */ o("div")({
+}), Pt = /* @__PURE__ */ o("div")({
   name: "IconContainer",
   class: "i1j65z51",
   propsAsIs: !1
-}), Pt = /* @__PURE__ */ o("div")({
+}), qt = /* @__PURE__ */ o("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
@@ -335,33 +342,33 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "Percentage",
   class: "p17ajcu2",
   propsAsIs: !1
-}), Gt = () => j, Jt = /* @__PURE__ */ o(Gt())({
+}), Gt = () => O, Jt = /* @__PURE__ */ o(Gt())({
   name: "CheckIcon",
   class: "cu9kmlb",
   propsAsIs: !0
 }), ce = {
   [$.CENTERED]: (e) => /* @__PURE__ */ s(Wt, { alt: "option-icon", src: e }),
-  [$.TRANSPARENT]: (e) => /* @__PURE__ */ s(qt, { children: /* @__PURE__ */ s(Pt, { style: { backgroundImage: `url(${e})` } }) }),
+  [$.TRANSPARENT]: (e) => /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ s(qt, { style: { backgroundImage: `url(${e})` } }) }),
   [$.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
   [$.NONE]: () => null,
   [$.UNSET]: () => null
 }, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
-  if (e === x.POLL && i)
+  if (e === z.POLL && i)
     return "correct";
-  if (e === x.PREDICTION) {
+  if (e === z.PREDICTION) {
     if (t && r)
       return i ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
     if (i)
       return "correct";
   }
-  return e === x.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
+  return e === z.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
 }, Xt = ({
   questionType: e,
   questionVoted: t,
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: r
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, en = (e) => {
+}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, en = (e) => {
   var t;
   const {
     // option props
@@ -381,7 +388,7 @@ const Ye = /* @__PURE__ */ o("div")({
     questionType: A,
     correct: T,
     hasCorrectAnswer: a
-  } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: u, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = u || 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 === z.PREDICTION;
   return /* @__PURE__ */ p(
     Qt,
     {
@@ -397,7 +404,7 @@ const Ye = /* @__PURE__ */ o("div")({
           /* @__PURE__ */ s(Bt, { children: r }),
           g && /* @__PURE__ */ p(Ht, { children: [
             d && /* @__PURE__ */ s(Jt, { name: "selected" }),
-            /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(qe, { value: m, suffix: "%" }) })
+            /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Pe, { value: m, suffix: "%" }) })
           ] })
         ] })
       ]
@@ -421,7 +428,7 @@ const Ye = /* @__PURE__ */ o("div")({
   }, [n, r]), I = F((u) => {
     u === 10 && r(de);
   }, [r]);
-  return /* @__PURE__ */ s(Pe, {
+  return /* @__PURE__ */ s(qe, {
     isPlaying: e,
     duration: t,
     colors: tn,
@@ -446,7 +453,7 @@ const Ye = /* @__PURE__ */ o("div")({
   name: "Title",
   class: "t1l3ucjp",
   propsAsIs: !1
-}), un = () => j, pn = /* @__PURE__ */ o(un())({
+}), un = () => O, pn = /* @__PURE__ */ o(un())({
   name: "WinIcon",
   class: "wx7j799",
   propsAsIs: !0
@@ -473,7 +480,7 @@ const Ye = /* @__PURE__ */ o("div")({
 }) => /* @__PURE__ */ p(ln, { children: [
   /* @__PURE__ */ p(cn, { children: [
     e && /* @__PURE__ */ s(dn, { children: e }),
-    t !== void 0 && r !== x.POLL && /* @__PURE__ */ p(b, { children: [
+    t !== void 0 && r !== z.POLL && /* @__PURE__ */ p(b, { children: [
       /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
       /* @__PURE__ */ p(mn, { children: [
         /* @__PURE__ */ s(In, { children: t }),
@@ -528,10 +535,10 @@ const Ye = /* @__PURE__ */ o("div")({
         questionStatus: e.status
       }
     ),
-    e.type !== x.PREDICTION && /* @__PURE__ */ s(
+    e.type !== z.PREDICTION && /* @__PURE__ */ s(
       gn,
       {
-        title: I ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
+        title: I ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
         points: I ? void 0 : 100,
         onTimerExpired: a,
         questionType: e.type,
@@ -547,7 +554,7 @@ const Ye = /* @__PURE__ */ o("div")({
         description: "Watch for additional enhanced stream interactive experience."
       }
     ) : /* @__PURE__ */ p(b, { children: [
-      /* @__PURE__ */ s($t, { "data-isPrediction": e.type === x.PREDICTION, children: r }),
+      /* @__PURE__ */ s($t, { "data-isPrediction": e.type === z.PREDICTION, children: r }),
       /* @__PURE__ */ s(Rt, { children: g.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
     ] })
   ] }) }) });
@@ -612,13 +619,13 @@ const Ye = /* @__PURE__ */ o("div")({
   /* @__PURE__ */ s(xe, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
-    /* @__PURE__ */ s(j, { name: "icon-external-link" })
+    /* @__PURE__ */ s(O, { name: "icon-external-link" })
   ] })
 ] }), xn = /* @__PURE__ */ o("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), jn = ({
+}), On = ({
   openedQuestion: e
 }) => {
   var t;
@@ -626,7 +633,7 @@ const Ye = /* @__PURE__ */ o("div")({
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, On = ({
+}, jn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -651,12 +658,12 @@ const Ye = /* @__PURE__ */ o("div")({
   return /* @__PURE__ */ p(xn, {
     children: [/* @__PURE__ */ s(Ae, {
       close: e.closeQuestion,
-      type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), r === "question" && /* @__PURE__ */ s(On, {
+      type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
+    }), r === "question" && /* @__PURE__ */ s(jn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: i
-    }), r !== "question" && /* @__PURE__ */ s(jn, {
+    }), r !== "question" && /* @__PURE__ */ s(On, {
       openedQuestion: n
     })]
   });
@@ -778,7 +785,7 @@ function fe(e) {
   }
   return w;
 }
-var qn = 150, Pn = function(t, n) {
+var Pn = 150, qn = function(t, n) {
   return t;
 };
 function Yn(e) {
@@ -811,14 +818,14 @@ function Yn(e) {
         if (f.hasOwnProperty(l))
           S = f[l];
         else {
-          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;
+          var x = n(a.props, l, a._instanceProps), j = r(a.props, l, a._instanceProps), C = g === "horizontal" || v === "horizontal", U = g === "rtl", _ = C ? x : 0;
           f[l] = S = {
             position: "absolute",
             left: U ? void 0 : _,
             right: U ? _ : void 0,
-            top: C ? 0 : z,
-            height: C ? "100%" : O,
-            width: C ? O : "100%"
+            top: C ? 0 : x,
+            height: C ? "100%" : j,
+            width: C ? j : "100%"
           };
         }
         return S;
@@ -829,20 +836,20 @@ function Yn(e) {
         a.setState(function(f) {
           if (f.scrollOffset === M)
             return null;
-          var S = a.props.direction, z = M;
+          var S = a.props.direction, x = M;
           if (S === "rtl")
             switch (fe()) {
               case "negative":
-                z = -M;
+                x = -M;
                 break;
               case "positive-descending":
-                z = v - g - M;
+                x = v - g - M;
                 break;
             }
-          return z = Math.max(0, Math.min(z, v - g)), {
+          return x = Math.max(0, Math.min(x, v - g)), {
             isScrolling: !0,
             scrollDirection: f.scrollOffset < M ? "forward" : "backward",
-            scrollOffset: z,
+            scrollOffset: x,
             scrollUpdateWasRequested: !1
           };
         }, a._resetIsScrollingDebounced);
@@ -863,7 +870,7 @@ function Yn(e) {
         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._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = _n(a._resetIsScrolling, Pn);
       }, a._resetIsScrolling = function() {
         a._resetIsScrollingTimeoutId = null, a.setState({
           isScrolling: !1
@@ -915,8 +922,8 @@ function Yn(e) {
                 f.scrollLeft = M;
                 break;
               default:
-                var S = f.clientWidth, z = f.scrollWidth;
-                f.scrollLeft = z - S - M;
+                var S = f.clientWidth, x = f.scrollWidth;
+                f.scrollLeft = x - S - M;
                 break;
             }
           else
@@ -928,18 +935,18 @@ function Yn(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      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)
+      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, x = a.itemCount, j = a.itemData, C = a.itemKey, U = C === void 0 ? qn : C, _ = a.layout, Oe = a.outerElementType, je = 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 (x > 0)
         for (var L = Ee; L <= Le; L++)
           ie.push(H(l, {
-            data: O,
-            key: U(L, O),
+            data: j,
+            key: U(L, j),
             index: L,
             isScrolling: ke ? ne : void 0,
             style: this._getItemStyle(L)
           }));
       var re = i(this.props, this._instanceProps);
-      return H(je || Oe || "div", {
+      return H(Oe || je || "div", {
         className: d,
         onScroll: be,
         ref: this._outerRefSetter,
@@ -970,15 +977,15 @@ function Yn(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var f = this.state, S = f.scrollDirection, z = f.scrollOffset, O = f.scrollUpdateWasRequested;
-        this._callOnScroll(S, z, O);
+        var f = this.state, S = f.scrollDirection, x = f.scrollOffset, j = f.scrollUpdateWasRequested;
+        this._callOnScroll(S, x, j);
       }
     }, A._getRangeToRender = function() {
       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 = 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];
+      var S = c(this.props, f, this._instanceProps), x = I(this.props, S, f, this._instanceProps), j = !M || v === "backward" ? Math.max(1, d) : 1, C = !M || v === "forward" ? Math.max(1, d) : 1;
+      return [Math.max(0, S - j), Math.max(0, Math.min(l - 1, x + C)), S, x];
     }, N;
   }(ye), t.defaultProps = {
     direction: "ltr",
@@ -1187,7 +1194,7 @@ const Kn = /* @__PURE__ */ o("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), rs = () => j, os = /* @__PURE__ */ o(rs())({
+}), rs = () => O, os = /* @__PURE__ */ o(rs())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -1295,11 +1302,11 @@ const Kn = /* @__PURE__ */ o("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), gs = () => j, Y = /* @__PURE__ */ o(gs())({
+}), gs = () => O, Y = /* @__PURE__ */ o(gs())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), fs = () => j, Ms = /* @__PURE__ */ o(fs())({
+}), fs = () => O, Ms = /* @__PURE__ */ o(fs())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
@@ -1316,10 +1323,10 @@ const Kn = /* @__PURE__ */ o("div")({
   class: "p1pba9p1",
   propsAsIs: !1
 }), As = {
-  [q.LOST]: /* @__PURE__ */ s(Y, { name: "icon-cross" }),
-  [q.WON]: /* @__PURE__ */ s(Y, { name: "icon-check" }),
-  [q.UNSET]: /* @__PURE__ */ s(Y, { name: "icon-arrow" }),
-  [q.DNP]: /* @__PURE__ */ s(Y, { name: "icon-arrow" })
+  [P.LOST]: /* @__PURE__ */ s(Y, { name: "incorrectVoted" }),
+  [P.WON]: /* @__PURE__ */ s(Y, { name: "icon-check" }),
+  [P.UNSET]: /* @__PURE__ */ s(Y, { name: "icon-arrow" }),
+  [P.DNP]: /* @__PURE__ */ s(Y, { name: "icon-arrow" })
 }, Ts = ({
   questionId: e,
   questionType: t,
@@ -1333,10 +1340,17 @@ const Kn = /* @__PURE__ */ o("div")({
   return I ? /* @__PURE__ */ p(ps, { onClick: () => m == null ? void 0 : m(e), children: [
     /* @__PURE__ */ p(Ns, { children: [
       /* @__PURE__ */ p(ms, { children: [
-        /* @__PURE__ */ s(Ms, { name: I.iconName }),
+        /* @__PURE__ */ s(
+          Ms,
+          {
+            "data-type-trivia": t === z.TRIVIA,
+            "data-type-poll": t === z.POLL,
+            name: I.iconName
+          }
+        ),
         /* @__PURE__ */ p(vs, { children: [
           I.label,
-          t === x.TRIVIA && n === Q.RESOLVED && " • Expired"
+          t === z.TRIVIA && n === Q.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ s(Is, { children: i || "" })
@@ -1362,7 +1376,7 @@ const Kn = /* @__PURE__ */ o("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), js = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(xs, { children: e == null ? void 0 : e.map((n) => {
+}), Os = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(xs, { children: e == null ? void 0 : e.map((n) => {
   var i, r;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const m = n.attributes.attributes.value;
@@ -1373,9 +1387,9 @@ const Kn = /* @__PURE__ */ o("div")({
     return /* @__PURE__ */ s(zs, { openInsight: t, ...m }, m.questionId);
   }
   return null;
-}) }), Os = ({ store: e, openQuestion: t }) => {
+}) }), js = ({ store: e, openQuestion: t }) => {
   const n = k(e);
-  return n != null && n.data ? /* @__PURE__ */ s(js, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
+  return n != null && n.data ? /* @__PURE__ */ s(Os, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
 }, Cs = ({ userSummary: e }) => {
   var t, n;
   const i = k(e.getStore());
@@ -1408,7 +1422,7 @@ const Kn = /* @__PURE__ */ o("div")({
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ s(Ue, {
-        children: /* @__PURE__ */ s(Os, {
+        children: /* @__PURE__ */ s(js, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })