@streamlayer/react-ui 0.98.1 → 0.99.0

package/lib/ui/gamification/user-statistics/index.js

@@ -4,11 +4,7 @@ import { abbreviate as v, formatDecimals as L } from "../../../utils/common.js";
 import { Rank as C } from "./components/rank/index.js";
 import { Statistic as c } from "./components/statistic/index.js";
 import { Container as w, TopInfo as V, User as g, UserAccountBtn as k, Avatar as I, AvatarPlaceholder as S, UserInfo as x, UserName as H, UserRating as R, Rts as U, TrophyIcon as b, RtsIndicator as u, RtsLabel as y, Divider as T, BottomInfo as M, Ranks as Z, Statistics as A } from "./styles.js";
-import "../../skeleton/styles.js";
-import "@linaria/react";
-import "./components/rank/styles.js";
-import "./components/statistic/styles.js";
-const B = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", z = ({
+const B = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", O = ({
   loading: t,
   avatar: n,
   name: o,
@@ -59,5 +55,5 @@ const B = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200
   ] })
 ] });
 export {
-  z as UserStatistics
+  O as UserStatistics
 };

package/lib/ui/gamification/vote/expired-alert/index.js

@@ -1,13 +1,11 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { SvgIcon as t } from "../../../icons/index.js";
-import { Container as c, Title as n, Description as m } from "./styles.js";
-import "@linaria/react";
-import "react";
-const x = ({ title: i, description: o }) => /* @__PURE__ */ e(c, { children: [
-  /* @__PURE__ */ r(t, { name: "icon-check-circle" }),
-  /* @__PURE__ */ r(n, { children: i }),
-  /* @__PURE__ */ r(m, { children: o })
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { SvgIcon as c } from "../../../icons/index.js";
+import { Container as n, Title as t, Description as m } from "./styles.js";
+const d = ({ title: e, description: i }) => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ r(c, { name: "icon-check-circle" }),
+  /* @__PURE__ */ r(t, { children: e }),
+  /* @__PURE__ */ r(m, { children: i })
 ] });
 export {
-  x as ExpiredAlert
+  d as ExpiredAlert
 };

package/lib/ui/gamification/vote/feedback/index.js

@@ -1,13 +1,9 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import { QuestionType as e } from "@streamlayer/sdk-web-types";
 import { SvgIcon as h } from "../../../icons/index.js";
-import { ShowInContainer as j, Container as L, FeedbackContainer as r, IconPrediction as C, FeedbackDescription as t, FeedbackIconWrap as a, FeedbackHeader as F, FeedbackText as I, DynamicWrap as Y, FeedbackTitle as E } from "./styles.js";
-import "@linaria/react";
-import "react";
-import "../../../show-in/index.js";
-import "@linaria/core";
-const _ = ({
-  feedbackMessages: l,
+import { ShowInContainer as j, Container as L, FeedbackContainer as l, IconPrediction as C, FeedbackDescription as r, FeedbackIconWrap as a, FeedbackHeader as F, FeedbackText as I, DynamicWrap as Y, FeedbackTitle as E } from "./styles.js";
+const K = ({
+  feedbackMessages: t,
   questionVotedCorrectly: P,
   questionVoted: m,
   questionType: d,
@@ -21,53 +17,53 @@ const _ = ({
   marketClosed: W,
   percentsAnimated: Q
 }) => {
-  const D = m && (d === e.TRIVIA || d === e.PREDICTION), y = d === e.PREDICTION && !b, O = W && d === e.PREDICTION && !m && !x || d === e.PREDICTION && S && p && x, T = D && y, N = D && b, R = d === e.PREDICTION && m && p && b, f = m && d === e.POLL && p, k = P ? "correct" : "incorrect", o = P ? l == null ? void 0 : l.correctFeedback : l == null ? void 0 : l.incorrectFeedback;
+  const D = m && (d === e.TRIVIA || d === e.PREDICTION), y = d === e.PREDICTION && !b, O = W && d === e.PREDICTION && !m && !x || d === e.PREDICTION && S && p && x, T = D && y, N = D && b, R = d === e.PREDICTION && m && p && b, f = m && d === e.POLL && p, k = P ? "correct" : "incorrect", o = P ? t == null ? void 0 : t.correctFeedback : t == null ? void 0 : t.incorrectFeedback;
   return u || w || T || N || O || f || R || c ? /* @__PURE__ */ i(j, { enabled: p, animate: Q, children: /* @__PURE__ */ n(L, { "data-prediction": y, children: [
-    c && /* @__PURE__ */ n(r, { children: [
+    c && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(C, { name: "questionExpired" }),
-      /* @__PURE__ */ i(t, { children: c })
+      /* @__PURE__ */ i(r, { children: c })
     ] }),
-    !c && u && /* @__PURE__ */ n(r, { children: [
+    !c && u && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
       /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Expired" }) }),
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(r, { children: "Question Expired" }) }),
         /* @__PURE__ */ i(I, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    !c && w && /* @__PURE__ */ n(r, { children: [
+    !c && w && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
       /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Closed" }) }),
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(r, { children: "Question Closed" }) }),
         /* @__PURE__ */ i(I, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    !c && O && /* @__PURE__ */ n(r, { children: [
+    !c && O && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
       /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Closed" }) }),
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(r, { children: "Question Closed" }) }),
         /* @__PURE__ */ i(I, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    !c && T && /* @__PURE__ */ n(r, { children: [
+    !c && T && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(C, { name: "icon-prediction" }),
-      /* @__PURE__ */ n(t, { children: [
+      /* @__PURE__ */ n(r, { children: [
         "Your pick has been recorded. ",
         /* @__PURE__ */ i(Y, { children: "We’ll notify you of the result." })
       ] })
     ] }),
-    !c && f && /* @__PURE__ */ n(r, { children: [
+    !c && f && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(a, { "data-feedback-type": "correct", children: /* @__PURE__ */ i(h, { name: "correct" }) }),
-      /* @__PURE__ */ i(t, { children: "Thanks for answering. Please stay tuned for the next question." })
+      /* @__PURE__ */ i(r, { children: "Thanks for answering. Please stay tuned for the next question." })
     ] }),
-    !c && (N || R) && /* @__PURE__ */ n(r, { children: [
+    !c && (N || R) && /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ i(a, { "data-feedback-type": k, children: /* @__PURE__ */ i(h, { name: k }) }),
       /* @__PURE__ */ i("div", { children: /* @__PURE__ */ n(F, { children: [
         /* @__PURE__ */ i(E, { "data-feedback-type": k, children: o == null ? void 0 : o.title }),
-        /* @__PURE__ */ i(t, { children: o == null ? void 0 : o.description })
+        /* @__PURE__ */ i(r, { children: o == null ? void 0 : o.description })
       ] }) })
     ] })
   ] }) }) : null;
 };
 export {
-  _ as Feedback
+  K as Feedback
 };

package/lib/ui/gamification/vote/feedback/styles.js

@@ -1,59 +1,56 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as e } from "../../../icons/index.js";
 import { GrowingShowIn as a } from "../../../show-in/index.js";
-import "react/jsx-runtime";
-import "react";
-import "@linaria/core";
-const n = () => a, l = /* @__PURE__ */ s(n())({
+const n = () => a, t = /* @__PURE__ */ s(n())({
   name: "ShowInContainer",
   class: "s16sbdnm",
   propsAsIs: !0
-}), m = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "FeedbackContainer",
   class: "fbhorgl",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1g20ja7",
   propsAsIs: !1
-}), o = () => e, I = /* @__PURE__ */ s(o())({
+}), o = () => e, l = /* @__PURE__ */ s(o())({
   name: "IconPrediction",
   class: "i455ozj",
   propsAsIs: !0
-}), b = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "FeedbackIconWrap",
   class: "f1913njx",
   propsAsIs: !1
-}), k = /* @__PURE__ */ s("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "FeedbackHeader",
   class: "fzfk69z",
   propsAsIs: !1
-}), F = /* @__PURE__ */ s("span")({
+}), I = /* @__PURE__ */ s("span")({
   name: "FeedbackTitle",
   class: "fx87qaj",
   propsAsIs: !1
-}), A = /* @__PURE__ */ s("span")({
+}), b = /* @__PURE__ */ s("span")({
   name: "FeedbackDescription",
   class: "fvek9ew",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+}), k = /* @__PURE__ */ s("div")({
   name: "FeedbackText",
   class: "f1kbtp09",
   propsAsIs: !1
-}), x = /* @__PURE__ */ s("span")({
+}), F = /* @__PURE__ */ s("span")({
   name: "DynamicWrap",
   class: "d4i8rro",
   propsAsIs: !1
 });
 export {
-  f as Container,
-  x as DynamicWrap,
-  m as FeedbackContainer,
-  A as FeedbackDescription,
-  k as FeedbackHeader,
-  b as FeedbackIconWrap,
-  v as FeedbackText,
-  F as FeedbackTitle,
-  I as IconPrediction,
-  l as ShowInContainer
+  d as Container,
+  F as DynamicWrap,
+  i as FeedbackContainer,
+  b as FeedbackDescription,
+  f as FeedbackHeader,
+  m as FeedbackIconWrap,
+  k as FeedbackText,
+  I as FeedbackTitle,
+  l as IconPrediction,
+  t as ShowInContainer
 };

package/lib/ui/gamification/vote/index.js

@@ -1,124 +1,110 @@
-import { jsx as a, jsxs as j, Fragment as st } from "react/jsx-runtime";
-import { useRef as F, useState as c, useEffect as v, useCallback as q, useMemo as u } from "react";
-import { QuestionType as o, QuestionStatus as x } from "@streamlayer/sdk-web-types";
-import { ExpiredAlert as ot } from "./expired-alert/index.js";
-import { Feedback as nt } from "./feedback/index.js";
-import { QuestionScrollContainer as at, Container as ct, Content as mt, Title as lt, Options as ut } from "./styles.js";
+import { jsx as a, jsxs as j, Fragment as it } from "react/jsx-runtime";
+import { useRef as F, useState as c, useEffect as y, useCallback as x, useMemo as u } from "react";
+import { QuestionType as n, QuestionStatus as N } from "@streamlayer/sdk-web-types";
+import { ExpiredAlert as nt } from "./expired-alert/index.js";
+import { Feedback as ot } from "./feedback/index.js";
+import { QuestionScrollContainer as at, Container as ct, Content as lt, Title as mt, Options as ut } from "./styles.js";
 import { VotingOption as ft } from "./vote-option/index.js";
 import { WinBar as dt } from "./win-bar/index.js";
-import "../../icons/index.js";
-import "@linaria/react";
-import "./expired-alert/styles.js";
-import "./feedback/styles.js";
-import "../../show-in/index.js";
-import "@linaria/core";
-import "../../app/styles.js";
-import "../../animated-counter/index.js";
-import "react-countup";
-import "./vote-option/styles.js";
-import "../../timer/index.js";
-import "react-countdown-circle-timer";
-import "../../theme/constants.js";
-import "./win-bar/styles.js";
 const Tt = (t, d) => {
   switch (t) {
     case "already_voted":
-      return d === o.POLL ? "You’ve already answered this question on another device." : "You’ve already answered this question on another device. So the points for this answer won't tally.";
+      return d === n.POLL ? "You’ve already answered this question on another device." : "You’ve already answered this question on another device. So the points for this answer won't tally.";
     default:
       return "Something went wrong, please try again";
   }
-}, Lt = ({ openedQuestion: t, isLoading: d, vote: N, close: y }) => {
+}, Rt = ({ openedQuestion: t, isLoading: d, vote: p, close: V }) => {
   var W, Y;
-  const H = t.subject, e = t.type, T = t.status, E = (W = t.options) == null ? void 0 : W.options, I = t.marketClosed, V = t.id, S = F(), [h, _] = c(!1), [w, z] = c(!1), [C, k] = c(!0), [m, G] = c(!1), [M, R] = c(""), [g, J] = c(""), [O, b] = c(!1), [K, U] = c(!1);
-  v(() => {
-    e === o.PREDICTION ? I && k(!1) : T === x.RESOLVED && k(!1);
+  const H = t.subject, r = t.type, T = t.status, E = (W = t.options) == null ? void 0 : W.options, I = t.marketClosed, w = t.id, S = F(), [h, _] = c(!1), [R, z] = c(!1), [C, k] = c(!0), [l, G] = c(!1), [M, g] = c(""), [O, J] = c(""), [P, b] = c(!1), [K, U] = c(!1);
+  y(() => {
+    r === n.PREDICTION ? I && k(!1) : T === N.RESOLVED && k(!1);
   }, []);
-  const X = q((s) => {
-    z(s), _(!0);
-  }, []), P = F(!1), L = q(
-    async (s) => {
-      if (!P.current && (P.current = !0, V)) {
-        const l = s.currentTarget.value;
-        R(l);
+  const X = x((i) => {
+    z(i), _(!0);
+  }, []), A = F(!1), L = x(
+    async (i) => {
+      if (!A.current && (A.current = !0, w)) {
+        const m = i.currentTarget.value;
+        g(m);
         try {
-          await N(V, l);
-        } catch (p) {
-          J(Tt(p.message, e)), R(""), console.error("Error while voting", p), P.current = !1;
+          await p(w, m);
+        } catch (v) {
+          J(Tt(v.message, r)), g(""), console.error("Error while voting", v), A.current = !1;
         }
       }
     },
-    [e, V, R, N]
-  ), Z = q(() => {
-    G(!0), setTimeout(y, 3e3);
-  }, [y]), r = u(
-    () => t == null ? void 0 : t.answers.find((s) => s.youVoted === !0),
+    [r, w, g, p]
+  ), Z = x(() => {
+    G(!0), setTimeout(V, 3e3);
+  }, [V]), e = u(
+    () => t == null ? void 0 : t.answers.find((i) => i.youVoted === !0),
     [t]
-  ), n = u(
-    () => !!(t != null && t.answers.find((s) => s.correct === !0)),
+  ), o = u(
+    () => !!(t != null && t.answers.find((i) => i.correct === !0)),
     [t]
-  ), i = u(
-    () => t == null ? void 0 : t.answers.find((s) => s.correct === !0),
+  ), s = u(
+    () => t == null ? void 0 : t.answers.find((i) => i.correct === !0),
     [t]
   );
-  v(() => {
-    e === o.PREDICTION && r && h && !K && (S.current = setTimeout(y, 1e4), U(!0));
-  }, [r]), v(() => () => {
+  y(() => {
+    r === n.PREDICTION && e && h && !K && (S.current = setTimeout(V, 1e4), U(!0));
+  }, [e]), y(() => () => {
     clearTimeout(S.current);
   }, []);
-  const A = u(() => t ? t.answers.map((s) => {
-    var l;
+  const D = u(() => t ? t.answers.map((i) => {
+    var m;
     return {
-      ...s,
-      questionVoted: !!r,
-      youSelected: M === s.id,
+      ...i,
+      questionVoted: !!e,
+      youSelected: M === i.id,
       isLoading: d,
-      hasCorrectAnswer: n,
+      hasCorrectAnswer: o,
       questionType: t.type,
-      answerTimeExpired: m,
+      answerTimeExpired: l,
       questionStatus: T,
-      imageMode: (l = t.appearance) == null ? void 0 : l.images,
+      imageMode: (m = t.appearance) == null ? void 0 : m.images,
       onVote: L
     };
   }) : [], [
-    n,
-    m,
+    o,
+    l,
     d,
     t,
-    r,
+    e,
     T,
     L,
     M
   ]);
-  v(() => {
-    const s = A.some(({ percentageDecimal: p }) => p !== 0), l = r && e === o.PREDICTION;
-    g && (!s || I && l) && b(!0);
-  }, [A, g, I, e, r]);
-  const $ = E && (E.case === "trivia" || E.case === "prediction") ? E.value : void 0, f = T === x.RESOLVED && e === o.TRIVIA && !r && !C, B = e === o.TRIVIA && w, D = u(() => e === o.PREDICTION ? !!(r && !n || r && n && (i != null && i.youVoted)) : !0, [e, r, n, i]), Q = u(() => {
-    if (e === o.PREDICTION && r && (!n || n && (i != null && i.youVoted)))
-      return r.points;
-    if (!(f || m))
-      return r ? r.correct ? r.pointsEarned : 0 : i == null ? void 0 : i.points;
-  }, [m, r, i, f, e, n]), tt = u(() => e === o.PREDICTION && r ? n ? n && (i != null && i.youVoted) ? "You won" : "" : "To win" : f || m ? "Time expired" : e === o.POLL ? "Time remaining" : r ? "You won" : "To win", [m, e, r, f, n, i]), rt = !D || D && e === o.PREDICTION && h && !O, et = (e === o.TRIVIA || e === o.PREDICTION) && r && n && (i == null ? void 0 : i.youVoted), it = r || f || B || e === o.TRIVIA && T === x.RESOLVED && C;
-  return /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ j(mt, { children: [
+  y(() => {
+    const i = D.some(({ percentageDecimal: v }) => v !== 0), m = e && r === n.PREDICTION;
+    O && (!i || I && m) && b(!0);
+  }, [D, O, I, r, e]);
+  const $ = E && (E.case === "trivia" || E.case === "prediction") ? E.value : void 0, f = T === N.RESOLVED && r === n.TRIVIA && !e && !C, B = r === n.TRIVIA && R, q = u(() => r === n.PREDICTION ? !!(e && !o || e && o && (s != null && s.youVoted)) : !0, [r, e, o, s]), Q = u(() => {
+    if (r === n.PREDICTION && e && (!o || o && (s != null && s.youVoted)))
+      return e.points;
+    if (!(f || l))
+      return e ? e.correct ? e.pointsEarned : 0 : s == null ? void 0 : s.points;
+  }, [l, e, s, f, r, o]), tt = u(() => r === n.PREDICTION && e ? o ? o && (s != null && s.youVoted) ? "You won" : "" : "To win" : f || l ? "Time expired" : r === n.POLL ? "Time remaining" : e ? "You won" : "To win", [l, r, e, f, o, s]), et = !q || q && r === n.PREDICTION && h && !P, rt = (r === n.TRIVIA || r === n.PREDICTION) && e && o && (s == null ? void 0 : s.youVoted), st = e || f || B || r === n.TRIVIA && T === N.RESOLVED && C;
+  return /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ j(lt, { children: [
     /* @__PURE__ */ a(
-      nt,
+      ot,
       {
         feedbackMessages: $,
-        questionVoted: !!r,
-        questionVotedCorrectly: r == null ? void 0 : r.correct,
-        questionType: e,
-        hasCorrectAnswer: n,
+        questionVoted: !!e,
+        questionVotedCorrectly: e == null ? void 0 : e.correct,
+        questionType: r,
+        hasCorrectAnswer: o,
         showExpiredNotification: f,
         showClosedNotificationTrivia: B,
         votedInCurrentRender: h,
-        votedAfterQuestionClosed: w,
+        votedAfterQuestionClosed: R,
         enteredAnActiveQuestion: C,
         marketClosed: I,
-        percentsAnimated: O,
-        voteErrorMessage: g
+        percentsAnimated: P,
+        voteErrorMessage: O
       }
     ),
-    D && /* @__PURE__ */ a(
+    q && /* @__PURE__ */ a(
       dt,
       {
         title: tt,
@@ -126,36 +112,36 @@ const Tt = (t, d) => {
         onTimerExpired: Z,
         questionType: t.type,
         isTimer: !d,
-        isPlayingTimer: !r,
-        animatePoints: et,
-        timerDuration: it ? 0 : Number(((Y = t == null ? void 0 : t.appearance) == null ? void 0 : Y.autoHideInterval) || "30"),
+        isPlayingTimer: !e,
+        animatePoints: rt,
+        timerDuration: st ? 0 : Number(((Y = t == null ? void 0 : t.appearance) == null ? void 0 : Y.autoHideInterval) || "30"),
         votedInCurrentRender: h,
-        percentsAnimated: O
+        percentsAnimated: P
       }
     ),
-    m ? /* @__PURE__ */ a(
-      ot,
+    l ? /* @__PURE__ */ a(
+      nt,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ j(st, { children: [
-      /* @__PURE__ */ a(lt, { style: rt ? { marginTop: 0 } : {}, children: H }),
-      /* @__PURE__ */ a(ut, { children: A.map((s) => /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ j(it, { children: [
+      /* @__PURE__ */ a(mt, { style: et ? { marginTop: 0 } : {}, children: H }),
+      /* @__PURE__ */ a(ut, { children: D.map((i) => /* @__PURE__ */ a(
         ft,
         {
-          ...s,
+          ...i,
           markThatVoted: X,
           onPercentsAnimated: () => b(!0),
-          votedAfterQuestionClosed: w,
+          votedAfterQuestionClosed: R,
           enteredAnActiveQuestion: C,
           marketClosed: I
         },
-        s.id
+        i.id
       )) })
     ] })
   ] }) }) });
 };
 export {
-  Lt as Vote
+  Rt as Vote
 };

package/lib/ui/gamification/vote/insight-details/index.js

@@ -1,21 +1,14 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { SvgIcon as p } from "../../../icons/index.js";
-import { InsightContent as b } from "../../../questions/insight/index.js";
-import { Container as k, WebLinkBtn as c } from "./styles.js";
-import "@linaria/react";
-import "react";
-import "@streamlayer/sdk-web-types";
-import "../../../video-player/index.js";
-import "@linaria/core";
-import "../../../video-player/styles.js";
-import "../../../questions/insight/styles.js";
-const D = ({ instantView: r, ...l }) => /* @__PURE__ */ o(k, { children: [
-  /* @__PURE__ */ m(b, { instantView: r, ...l, isDetail: !0 }),
-  (r == null ? void 0 : r.webLink) && /* @__PURE__ */ o(c, { href: r == null ? void 0 : r.webLink.url, target: "_blank", "data-analytics": "web-link", children: [
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { SvgIcon as b } from "../../../icons/index.js";
+import { InsightContent as k } from "../../../questions/insight/index.js";
+import { Container as c, WebLinkBtn as e } from "./styles.js";
+const x = ({ instantView: r, ...m }) => /* @__PURE__ */ o(c, { children: [
+  /* @__PURE__ */ l(k, { instantView: r, ...m, isDetail: !0 }),
+  (r == null ? void 0 : r.webLink) && /* @__PURE__ */ o(e, { href: r == null ? void 0 : r.webLink.url, target: "_blank", "data-analytics": "web-link", children: [
     r == null ? void 0 : r.webLink.label,
-    /* @__PURE__ */ m(p, { name: "icon-external-link" })
+    /* @__PURE__ */ l(b, { name: "icon-external-link" })
   ] })
 ] });
 export {
-  D as InsightDetails
+  x as InsightDetails
 };

package/lib/ui/gamification/vote/twitter-details/index.js

@@ -1,20 +1,10 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { TwitterContent as o } from "../../../questions/twitter/index.js";
-import { Container as m, Quote as e } from "./styles.js";
-import "../../../video-player/index.js";
-import "@linaria/core";
-import "react";
-import "../../../icons/index.js";
-import "@linaria/react";
-import "../../../video-player/styles.js";
-import "../../../questions/twitter/account/index.js";
-import "../../../../utils/common.js";
-import "../../../questions/twitter/account/styles.js";
-import "../../../questions/twitter/styles.js";
-const C = (t) => /* @__PURE__ */ r(m, { children: [
-  t.title && /* @__PURE__ */ i(e, { children: t.title }),
-  /* @__PURE__ */ i(o, { ...t, isDetail: !0 })
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { TwitterContent as r } from "../../../questions/twitter/index.js";
+import { Container as o, Quote as n } from "./styles.js";
+const a = (t) => /* @__PURE__ */ i(o, { children: [
+  t.title && /* @__PURE__ */ e(n, { children: t.title }),
+  /* @__PURE__ */ e(r, { ...t, isDetail: !0 })
 ] });
 export {
-  C as TwitterDetails
+  a as TwitterDetails
 };

package/lib/ui/gamification/vote/vote-option/index.js

@@ -1,11 +1,8 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as j, useLayoutEffect as U } from "react";
-import { QuestionImages as a, QuestionType as o, QuestionStatus as S } from "@streamlayer/sdk-web-types";
+import { QuestionImages as a, QuestionType as o, QuestionStatus as D } from "@streamlayer/sdk-web-types";
 import { AnimatedCounter as $ } from "../../../animated-counter/index.js";
 import { IconDefault as y, IconContainer as F, IconWrap as M, IconCircle as W, ButtonContainer as z, ButtonPct as G, ButtonBody as H, Title as J, Pts as K, Indicators as X, CheckIcon as Y, Percentage as Z } from "./styles.js";
-import "react-countup";
-import "@linaria/react";
-import "../../../icons/index.js";
 const E = {
   [a.CENTERED]: (t) => /* @__PURE__ */ e(y, { alt: "option-icon", src: t }),
   [a.TRANSPARENT]: (t) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(M, { style: { backgroundImage: `url(${t})` } }) }),
@@ -28,68 +25,68 @@ const E = {
   correct: n,
   hasCorrectAnswer: r,
   questionStatus: i
-}) => t === o.TRIVIA ? c && n : t === o.PREDICTION ? c && n && r || i === S.RESOLVED && n : !1, at = (t) => {
-  var N;
+}) => t === o.TRIVIA ? c && n : t === o.PREDICTION ? c && n && r || i === D.RESOLVED && n : !1, ot = (t) => {
+  var S;
   const {
     // option props
     id: c,
     icon: n,
     text: r,
     percentageDecimal: i,
-    points: D,
+    points: p,
     // extra props
     onVote: w,
     markThatVoted: A,
-    onPercentsAnimated: m,
+    onPercentsAnimated: f,
     youSelected: h,
     questionVoted: s,
     imageMode: C,
     answerTimeExpired: O,
-    questionStatus: p,
+    questionStatus: P,
     isLoading: g,
     questionType: d,
     correct: k,
     hasCorrectAnswer: v,
     votedAfterQuestionClosed: x,
-    enteredAnActiveQuestion: P,
-    marketClosed: f
-  } = t, [L, R] = j(0), I = _(t), Q = q({ questionType: d, questionVoted: s, correct: k, hasCorrectAnswer: v, questionStatus: p }), u = f && d === o.PREDICTION, T = s || u, B = d === o.PREDICTION && !s && !f, V = s && !h && I !== "incorrect";
+    enteredAnActiveQuestion: R,
+    marketClosed: I
+  } = t, [L, T] = j(0), m = _(t), Q = q({ questionType: d, questionVoted: s, correct: k, hasCorrectAnswer: v, questionStatus: P }), u = I && d === o.PREDICTION, N = s || u, B = d === o.PREDICTION && !s && !I, V = s && !h && m !== "incorrect";
   return U(() => {
-    R(0), requestAnimationFrame(() => {
-      R(i);
+    T(0), requestAnimationFrame(() => {
+      T(i);
     });
   }, [i]), /* @__PURE__ */ l(
     z,
     {
       value: c,
       "data-selected": h,
-      "data-answer-state": I,
-      disabled: s || g || O || u && !P || u && P && x,
+      "data-answer-state": m,
+      disabled: s || g || O || u && !R || u && R && x,
       "data-is-not-checked": V,
       onClick: (b) => {
         A(
-          d === o.PREDICTION ? f : p === S.RESOLVED
+          d === o.PREDICTION ? I : P === D.RESOLVED
         ), w(b);
       },
       children: [
         /* @__PURE__ */ e(
           G,
           {
-            "data-answer-state": I,
-            style: { width: `${T ? L : 0}%` },
+            "data-answer-state": m,
+            style: { width: `${N ? L : 0}%` },
             onTransitionEnd: () => {
-              u || m == null || m();
+              u || f == null || f();
             }
           }
         ),
         /* @__PURE__ */ l(H, { children: [
-          n && C && ((N = E[C]) == null ? void 0 : N.call(E, n)),
+          n && C && ((S = E[C]) == null ? void 0 : S.call(E, n)),
           /* @__PURE__ */ e(J, { children: r }),
           B && /* @__PURE__ */ l("div", { children: [
-            D,
+            p,
             /* @__PURE__ */ e(K, { children: "pts" })
           ] }),
-          T && /* @__PURE__ */ l(X, { children: [
+          N && /* @__PURE__ */ l(X, { children: [
             Q && /* @__PURE__ */ e(Y, { name: "selected" }),
             /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e($, { value: i, suffix: "%" }) })
           ] })
@@ -99,5 +96,5 @@ const E = {
   );
 };
 export {
-  at as VotingOption
+  ot as VotingOption
 };