@streamlayer/react-ui 0.69.3 → 0.70.0

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

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { QuestionImages as a, QuestionStatus as h, QuestionType as c } from "@streamlayer/sdk-web-types";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { QuestionImages as a, QuestionStatus as N, QuestionType as c } from "@streamlayer/sdk-web-types";
 import { AnimatedCounter as T } from "../../../animated-counter/index.js";
-import { IconDefault as O, IconContainer as P, IconWrap as A, IconCircle as x, ButtonContainer as L, ButtonPct as B, ButtonBody as k, Title as Q, Indicators as b, CheckIcon as j, Percentage as U } from "./styles.js";
+import { IconDefault as O, IconContainer as P, IconWrap as A, IconCircle as k, ButtonContainer as x, ButtonPct as L, ButtonBody as B, Title as Q, Indicators as b, CheckIcon as j, Percentage as U } from "./styles.js";
 import "react-countup";
 import "@linaria/react";
 import "../../../icons/index.js";
 import "react";
-const u = {
+const d = {
   [a.CENTERED]: (t) => /* @__PURE__ */ r(O, { alt: "option-icon", src: t }),
   [a.TRANSPARENT]: (t) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(A, { style: { backgroundImage: `url(${t})` } }) }),
-  [a.ROUNDED]: (t) => /* @__PURE__ */ r(x, { alt: "option-icon", src: t }),
+  [a.ROUNDED]: (t) => /* @__PURE__ */ r(k, { alt: "option-icon", src: t }),
   [a.NONE]: () => null,
   [a.UNSET]: () => null
 }, V = ({ questionType: t, hasCorrectAnswer: o, correct: e, youVoted: n, questionVoted: i }) => {
@@ -17,19 +17,19 @@ const u = {
     return "correct";
   if (t === c.PREDICTION) {
     if (o && i)
-      return n ? e ? "correct" : "incorrect" : e ? "correct" : "unset";
+      return n ? e ? "correct" : "incorrect" : "unset";
     if (n)
       return "correct";
   }
-  return t === c.TRIVIA && i ? n ? e ? "correct" : "incorrect" : e ? "correct" : "unset" : "unset";
+  return t === c.TRIVIA && i && n ? e ? "correct" : "incorrect" : "unset";
 }, $ = ({
   questionType: t,
   questionVoted: o,
   correct: e,
   hasCorrectAnswer: n,
   questionStatus: i
-}) => t === c.TRIVIA ? o && e : t === c.PREDICTION ? o && e && n || i === h.RESOLVED && e : !1, J = (t) => {
-  var S;
+}) => t === c.TRIVIA ? o && e : t === c.PREDICTION ? o && e && n || i === N.RESOLVED && e : !1, K = (t) => {
+  var E;
   const {
     // option props
     id: o,
@@ -37,33 +37,34 @@ const u = {
     text: n,
     percentageDecimal: i,
     // extra props
-    onVote: p,
-    youSelected: C,
+    onVote: S,
+    youSelected: f,
     questionVoted: s,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: d,
-    answerTimeExpired: R,
-    questionStatus: f,
-    isLoading: g,
-    questionType: m,
-    correct: w,
-    hasCorrectAnswer: D
-  } = t, I = V(t), N = $({ questionType: m, questionVoted: s, correct: w, hasCorrectAnswer: D, questionStatus: f }), E = s || f === h.RESOLVED && m === c.PREDICTION;
-  return /* @__PURE__ */ l(
-    L,
+    imageMode: m,
+    answerTimeExpired: p,
+    questionStatus: I,
+    isLoading: R,
+    questionType: h,
+    correct: g,
+    hasCorrectAnswer: w
+  } = t, l = V(t), D = $({ questionType: h, questionVoted: s, correct: g, hasCorrectAnswer: w, questionStatus: I }), C = s || I === N.RESOLVED && h === c.PREDICTION;
+  return /* @__PURE__ */ u(
+    x,
     {
       value: o,
-      "data-selected": C,
-      "data-answerState": I,
-      disabled: s || g || R,
-      onClick: p,
+      "data-selected": f,
+      "data-answerState": l,
+      disabled: s || R || p,
+      "data-isNotChecked": s && !f && l !== "incorrect",
+      onClick: S,
       children: [
-        E && /* @__PURE__ */ r(B, { "data-answerState": I, style: { width: `${i}%` } }),
-        /* @__PURE__ */ l(k, { children: [
-          e && d && ((S = u[d]) == null ? void 0 : S.call(u, e)),
+        /* @__PURE__ */ r(L, { "data-answerState": l, style: { width: `${C ? i : 0}%` } }),
+        /* @__PURE__ */ u(B, { children: [
+          e && m && ((E = d[m]) == null ? void 0 : E.call(d, e)),
           /* @__PURE__ */ r(Q, { children: n }),
-          E && /* @__PURE__ */ l(b, { children: [
-            N && /* @__PURE__ */ r(j, { name: "selected" }),
+          C && /* @__PURE__ */ u(b, { children: [
+            D && /* @__PURE__ */ r(j, { name: "selected" }),
             /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(T, { value: i, suffix: "%" }) })
           ] })
         ] })
@@ -72,5 +73,5 @@ const u = {
   );
 };
 export {
-  J as VotingOption
+  K as VotingOption
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.69.3",
+  "version": "0.70.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -40,8 +40,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.26.7",
     "@streamlayer/sdk-web": "^0.28.29",
+    "@streamlayer/feature-gamification": "^0.26.7",
     "@streamlayer/sdk-web-anonymous-auth": "^0.11.24",
     "@streamlayer/sdk-web-api": "^0.0.1",
     "@streamlayer/sdk-web-core": "^0.0.4",
@@ -49,8 +49,8 @@
     "@streamlayer/sdk-web-interfaces": "^0.0.1",
     "@streamlayer/sdk-web-notifications": "^0.13.4",
     "@streamlayer/sdk-web-storage": "^0.0.4",
-    "@streamlayer/sdk-web-types": "^0.0.1",
-    "@streamlayer/sdk-web-logger": "^0.0.1"
+    "@streamlayer/sdk-web-logger": "^0.0.1",
+    "@streamlayer/sdk-web-types": "^0.0.1"
   },
   "nx": {
     "implicitDependencies": [
@@ -90,6 +90,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.31.7"
+    "@streamlayer/react": "^0.31.8"
   }
 }