@streamlayer/react-ui 0.42.1 → 0.43.0

package/lib/{icon-exit-6a55bb8f.js → icon-exit-d3f9fc80.js}

@@ -1,4 +1,4 @@
 const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 export {
-  I as i
+  I as c
 };

package/lib/{index-7045fbb2.js → index-7f3361f2.js}

@@ -1,6 +1,6 @@
 import { jsxs as N, jsx as M } from "react/jsx-runtime";
 import { QuestionType as w } from "@streamlayer/sdk-web-types";
-import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/components/voting-option/styles.js";
+import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/vote-option/styles.js";
 const o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", a = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K", G = ({
   icon: D,
   id: C,

package/lib/index.js

@@ -1,27 +1,26 @@
-import { QuestionInApp as ko } from "./ui/notifications/notification/question-inapp/index.js";
-import { Login as wo } from "./ui/login/index.js";
-import { Onboarding as Bo } from "./ui/gamification/onboarding/index.js";
-import { ActivePages as Eo, Tab as Fo, Tabs as Go } from "./ui/gamification/tabs/index.js";
-import { LeaderboardItemDetail as Jo } from "./ui/gamification/leaderboard-item-detail/index.js";
-import { Question as Mo } from "./ui/gamification/question/index.js";
-import { QuestionList as Ro } from "./ui/gamification/question/list/index.js";
-import { UserStatistics as Xo } from "./ui/gamification/user-statistics/index.js";
-import { Vote as Zo } from "./ui/gamification/vote/index.js";
-import { Demo as $o } from "./ui/demo/index.js";
-import { Points as rr } from "./ui/gamification/points/index.js";
-import { StreamLayerThemeProvider as mr } from "./ui/theme/index.js";
-import { ThemeVariables as ir, theme as er, themeStr as fr } from "./ui/theme/theme.js";
+import { QuestionInApp as Oo } from "./ui/notifications/notification/question-inapp/index.js";
+import { Login as jo } from "./ui/login/index.js";
+import { Onboarding as qo } from "./ui/gamification/onboarding/index.js";
+import { ActivePages as zo, Tab as Bo, Tabs as Co } from "./ui/gamification/tabs/index.js";
+import { LeaderboardItemDetail as Fo } from "./ui/gamification/leaderboard-item-detail/index.js";
+import { Question as Ho } from "./ui/gamification/question/index.js";
+import { QuestionList as Ko } from "./ui/gamification/question/list/index.js";
+import { UserStatistics as No } from "./ui/gamification/user-statistics/index.js";
+import { Vote as Wo } from "./ui/gamification/vote/index.js";
+import { Demo as Yo } from "./ui/demo/index.js";
+import { Points as _o } from "./ui/gamification/points/index.js";
+import { StreamLayerThemeProvider as or } from "./ui/theme/index.js";
+import { ThemeVariables as tr, theme as mr, themeStr as pr } from "./ui/theme/theme.js";
 import "react/jsx-runtime";
 import "react";
-import "./icon-exit-6a55bb8f.js";
+import "./icon-exit-d3f9fc80.js";
 import "./ui/notifications/notification/question-inapp/styles.js";
 import "@linaria/react";
 import "react-auth-code-input";
 import "react-phone-number-input";
-import "./ui/gamification/vote/components/voting-header/components/timer/index.js";
+import "./ui/timer/index.js";
 import "react-countdown-circle-timer";
 import "./ui/theme/constants.js";
-import "./ui/gamification/vote/components/voting-header/components/timer/styles.js";
 import "./utils/login.js";
 import "@connectrpc/connect";
 import "@connectrpc/connect-web";
@@ -51,9 +50,11 @@ import "./ui/gamification/user-statistics/components/rank/styles.js";
 import "./ui/gamification/user-statistics/components/statistic/index.js";
 import "./ui/gamification/user-statistics/components/statistic/styles.js";
 import "./ui/gamification/user-statistics/styles.js";
-import "./index-7045fbb2.js";
-import "./ui/gamification/vote/components/voting-option/styles.js";
+import "./index-7f3361f2.js";
+import "./ui/gamification/vote/vote-option/styles.js";
 import "./ui/gamification/vote/styles.js";
+import "./ui/gamification/vote/win-bar/index.js";
+import "./ui/gamification/vote/win-bar/styles.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-api";
@@ -70,10 +71,6 @@ import "./ui/demo/Gamification.js";
 import "./ui/demo/components/UserSummary.js";
 import "./ui/demo/components/QuestionsList.js";
 import "./ui/demo/components/Question.js";
-import "./ui/gamification/vote/components/voting-header/index.js";
-import "./ui/gamification/vote/components/voting-header/components/points/index.js";
-import "./ui/gamification/vote/components/voting-header/components/points/styles.js";
-import "./ui/gamification/vote/components/voting-header/styles.js";
 import "./ui/gamification/insight/styles.js";
 import "./ui/gamification/insight-list/styles.js";
 import "./ui/gamification/detailed-insight/styles.js";
@@ -96,21 +93,21 @@ import "@streamlayer/sdk-web-anonymous-auth";
 import "./ui/gamification/points/styles.js";
 import "@linaria/core";
 export {
-  Eo as ActivePages,
-  $o as Demo,
-  Jo as LeaderboardItemDetail,
-  wo as Login,
-  Bo as Onboarding,
-  rr as Points,
-  Mo as Question,
-  ko as QuestionInApp,
-  Ro as QuestionList,
-  mr as StreamLayerThemeProvider,
-  Fo as Tab,
-  Go as Tabs,
-  ir as ThemeVariables,
-  Xo as UserStatistics,
-  Zo as Vote,
-  er as theme,
-  fr as themeStr
+  zo as ActivePages,
+  Yo as Demo,
+  Fo as LeaderboardItemDetail,
+  jo as Login,
+  qo as Onboarding,
+  _o as Points,
+  Ho as Question,
+  Oo as QuestionInApp,
+  Ko as QuestionList,
+  or as StreamLayerThemeProvider,
+  Bo as Tab,
+  Co as Tabs,
+  tr as ThemeVariables,
+  No as UserStatistics,
+  Wo as Vote,
+  mr as theme,
+  pr as themeStr
 };

package/lib/ui/app/Features/Gamification/Leaderboard.js

@@ -4,7 +4,7 @@ import { useState as b } from "react";
 import { LeaderboardItemDetail as f } from "../../../gamification/leaderboard-item-detail/index.js";
 import { LeaderboardList as I } from "../../../gamification/leaderboard-list/index.js";
 import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-6a55bb8f.js";
+import "../../../../icon-exit-d3f9fc80.js";
 import "../../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../../gamification/user-statistics/index.js";

package/lib/ui/app/Features/Gamification/Question.js

@@ -1,16 +1,21 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { styled as x } from "@linaria/react";
-import { useState as p, useCallback as g, useMemo as s } from "react";
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { styled as e } from "@linaria/react";
+import { useState as x, useCallback as g, useMemo as a } from "react";
 import { QuestionType as b } from "@streamlayer/sdk-web-types";
 import { Vote as h } from "../../../gamification/vote/index.js";
-import { VoteHeader as C } from "../../../gamification/vote/vote-header/index.js";
-import "../../../../index-7045fbb2.js";
-import "../../../gamification/vote/components/voting-option/styles.js";
+import { VoteHeader as C } from "../../../gamification/vote/header/index.js";
+import "../../../../index-7f3361f2.js";
+import "../../../gamification/vote/vote-option/styles.js";
 import "../../../gamification/vote/styles.js";
-import "../../../gamification/constants.js";
-import "../../../gamification/vote/vote-header/styles.js";
+import "../../../gamification/vote/win-bar/index.js";
+import "../../../timer/index.js";
+import "react-countdown-circle-timer";
+import "../../../theme/constants.js";
+import "../../../gamification/vote/win-bar/styles.js";
 import "../../../icons/index.js";
-const T = x.div`
+import "../../../gamification/constants.js";
+import "../../../gamification/vote/header/styles.js";
+const T = e.div`
   background: var(--color-transparent-item);
   width: 100%;
   height: 100%;
@@ -19,33 +24,33 @@ const T = x.div`
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
-`, I = ({ openedQuestion: r, closeQuestion: l, vote: o }) => {
-  var m;
-  const [f, i] = p(!1);
+`, D = ({ openedQuestion: r, closeQuestion: s, vote: l }) => {
+  var c;
+  const [f, m] = x(!1);
   g(
     (t) => {
-      i(t);
+      m(t);
     },
-    [i]
+    [m]
   );
-  const c = s(
+  const i = a(
     () => r == null ? void 0 : r.answers.find((t) => t.youVoted === !0),
     [r]
-  ), y = s(
+  ), p = a(
     () => !!(r != null && r.answers.find((t) => t.correct === !0)),
     [r]
   );
-  return /* @__PURE__ */ e(T, { children: [
-    /* @__PURE__ */ a(C, { close: l, type: (r == null ? void 0 : r.type) || b.UNSET }),
-    r && /* @__PURE__ */ a(
+  return /* @__PURE__ */ y(T, { children: [
+    /* @__PURE__ */ o(C, { close: s, type: (r == null ? void 0 : r.type) || b.UNSET }),
+    r && /* @__PURE__ */ o(
       h,
       {
         title: r.subject,
-        feedbackMessages: (m = r.options) == null ? void 0 : m.options.value,
+        feedbackMessages: (c = r.options) == null ? void 0 : c.options.value,
         questionType: r.type,
         questionId: r.id,
-        questionAnswered: !!c,
-        questionAnsweredCorrectly: c == null ? void 0 : c.correct,
+        questionAnswered: !!i,
+        questionAnsweredCorrectly: i == null ? void 0 : i.correct,
         options: r.answers.map((t) => ({
           id: t.id,
           title: t.text,
@@ -54,16 +59,16 @@ const T = x.div`
           correct: t.correct,
           percentage: t.percentage,
           answered: t.youVoted,
-          disabled: !!c || r.marketClosed || f,
-          questionAnswered: !!c,
-          hasCorrectAnswer: y,
+          disabled: !!i || r.marketClosed || f,
+          questionAnswered: !!i,
+          hasCorrectAnswer: p,
           points: t.points,
-          onVote: o
+          onVote: l
         }))
       }
     )
   ] });
 };
 export {
-  I as Question
+  D as Question
 };

package/lib/ui/app/Features/Gamification/Tabs.js

@@ -10,7 +10,7 @@ import "../../../gamification/tabs/styles.js";
 import "@nanostores/react";
 import "../../../gamification/leaderboard-item-detail/index.js";
 import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-6a55bb8f.js";
+import "../../../../icon-exit-d3f9fc80.js";
 import "../../../gamification/common-header/styles.js";
 import "../../../gamification/user-statistics/index.js";
 import "../../../../utils/common.js";

package/lib/ui/app/Features/Gamification/index.js

@@ -8,19 +8,24 @@ import { Tabs as l } from "./Tabs.js";
 import "react";
 import "@streamlayer/sdk-web-types";
 import "../../../gamification/vote/index.js";
-import "../../../../index-7045fbb2.js";
-import "../../../gamification/vote/components/voting-option/styles.js";
+import "../../../../index-7f3361f2.js";
+import "../../../gamification/vote/vote-option/styles.js";
 import "../../../gamification/vote/styles.js";
-import "../../../gamification/vote/vote-header/index.js";
-import "../../../gamification/constants.js";
-import "../../../gamification/vote/vote-header/styles.js";
+import "../../../gamification/vote/win-bar/index.js";
+import "../../../timer/index.js";
+import "react-countdown-circle-timer";
+import "../../../theme/constants.js";
+import "../../../gamification/vote/win-bar/styles.js";
 import "../../../icons/index.js";
+import "../../../gamification/vote/header/index.js";
+import "../../../gamification/constants.js";
+import "../../../gamification/vote/header/styles.js";
 import "../../../gamification/tabs/index.js";
 import "../../../gamification/tabs/styles.js";
 import "./Leaderboard.js";
 import "../../../gamification/leaderboard-item-detail/index.js";
 import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-6a55bb8f.js";
+import "../../../../icon-exit-d3f9fc80.js";
 import "../../../gamification/common-header/styles.js";
 import "../../../gamification/user-statistics/index.js";
 import "../../../../utils/common.js";
@@ -50,7 +55,7 @@ const u = e(a)`
   top: var(--header-height);
   background: var(--color-neutrals-white);
   z-index: 3;
-`, po = ({
+`, lo = ({
   gamification: o
 }) => {
   const { loading: i, data: t } = n(o.openedQuestion);
@@ -67,5 +72,5 @@ const u = e(a)`
   ] });
 };
 export {
-  po as GamificationOverlay
+  lo as GamificationOverlay
 };

package/lib/ui/app/Features/Highlights/Insight.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { DetailedInsight as L } from "../../../gamification/detailed-insight/index.js";
 import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-6a55bb8f.js";
+import "../../../../icon-exit-d3f9fc80.js";
 import "../../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../../gamification/detailed-insight/styles.js";

package/lib/ui/app/Features/Highlights/index.js

@@ -4,7 +4,7 @@ import { Insight as p } from "../../../demo/components/Insight.js";
 import { Insights as s } from "../../../demo/components/Insights.js";
 import "../../../gamification/detailed-insight/index.js";
 import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-6a55bb8f.js";
+import "../../../../icon-exit-d3f9fc80.js";
 import "../../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../../gamification/detailed-insight/styles.js";

package/lib/ui/app/Features/index.js

@@ -11,20 +11,25 @@ import "../styles.js";
 import "../../show-in/index.js";
 import "./Gamification/Question.js";
 import "../../gamification/vote/index.js";
-import "../../../index-7045fbb2.js";
-import "../../gamification/vote/components/voting-option/styles.js";
+import "../../../index-7f3361f2.js";
+import "../../gamification/vote/vote-option/styles.js";
 import "../../gamification/vote/styles.js";
-import "../../gamification/vote/vote-header/index.js";
-import "../../gamification/constants.js";
-import "../../gamification/vote/vote-header/styles.js";
+import "../../gamification/vote/win-bar/index.js";
+import "../../timer/index.js";
+import "react-countdown-circle-timer";
+import "../../theme/constants.js";
+import "../../gamification/vote/win-bar/styles.js";
 import "../../icons/index.js";
+import "../../gamification/vote/header/index.js";
+import "../../gamification/constants.js";
+import "../../gamification/vote/header/styles.js";
 import "./Gamification/Tabs.js";
 import "../../gamification/tabs/index.js";
 import "../../gamification/tabs/styles.js";
 import "./Gamification/Leaderboard.js";
 import "../../gamification/leaderboard-item-detail/index.js";
 import "../../gamification/common-header/index.js";
-import "../../../icon-exit-6a55bb8f.js";
+import "../../../icon-exit-d3f9fc80.js";
 import "../../gamification/common-header/styles.js";
 import "../../gamification/user-statistics/index.js";
 import "../../../utils/common.js";
@@ -56,7 +61,7 @@ import "../../gamification/insight-list/index.js";
 import "../../gamification/insight/index.js";
 import "../../gamification/insight/styles.js";
 import "../../gamification/insight-list/styles.js";
-const hr = ({ sdk: i, feature: r }) => p(() => r ? r.featureConfig.get().type === o.GAMES ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(e, { gamification: r, sdk: i }) }) : r.featureConfig.get().type === o.HIGHLIGHTS ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(n, { highlights: r, sdk: i }) }) : null : null, [i, r]);
+const Gr = ({ sdk: i, feature: r }) => p(() => r ? r.featureConfig.get().type === o.GAMES ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(e, { gamification: r, sdk: i }) }) : r.featureConfig.get().type === o.HIGHLIGHTS ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(n, { highlights: r, sdk: i }) }) : null : null, [i, r]);
 export {
-  hr as ActiveFeature
+  Gr as ActiveFeature
 };

package/lib/ui/app/Notifications/index.js

@@ -8,7 +8,7 @@ import "../../notifications/notification/onboarding-inapp/index.js";
 import "../../notifications/notification/onboarding-inapp/styles.js";
 import "@linaria/react";
 import "../../notifications/notification/question-inapp/index.js";
-import "../../../icon-exit-6a55bb8f.js";
+import "../../../icon-exit-d3f9fc80.js";
 import "../../notifications/notification/question-inapp/styles.js";
 import "../../notifications/notification/styles.js";
 import "../../notifications/styles.js";

package/lib/ui/app/masters.js

@@ -22,20 +22,24 @@ import "@linaria/react";
 import "../show-in/index.js";
 import "./Features/Gamification/Question.js";
 import "../gamification/vote/index.js";
-import "../../index-7045fbb2.js";
-import "../gamification/vote/components/voting-option/styles.js";
+import "../../index-7f3361f2.js";
+import "../gamification/vote/vote-option/styles.js";
 import "../gamification/vote/styles.js";
-import "../gamification/vote/vote-header/index.js";
-import "../gamification/constants.js";
-import "../gamification/vote/vote-header/styles.js";
+import "../gamification/vote/win-bar/index.js";
+import "../timer/index.js";
+import "react-countdown-circle-timer";
+import "../gamification/vote/win-bar/styles.js";
 import "../icons/index.js";
+import "../gamification/vote/header/index.js";
+import "../gamification/constants.js";
+import "../gamification/vote/header/styles.js";
 import "./Features/Gamification/Tabs.js";
 import "../gamification/tabs/index.js";
 import "../gamification/tabs/styles.js";
 import "./Features/Gamification/Leaderboard.js";
 import "../gamification/leaderboard-item-detail/index.js";
 import "../gamification/common-header/index.js";
-import "../../icon-exit-6a55bb8f.js";
+import "../../icon-exit-d3f9fc80.js";
 import "../gamification/common-header/styles.js";
 import "../gamification/user-statistics/index.js";
 import "../../utils/common.js";
@@ -75,7 +79,7 @@ import "../navigation/button/styles.js";
 const B = ({ sdk: o }) => {
   const [, m] = k(o);
   return /* @__PURE__ */ t(S, { feature: m, sdk: o });
-}, Hr = ({ sdk: o, overlays: m, children: p, event: n }) => {
+}, Wr = ({ sdk: o, overlays: m, children: p, event: n }) => {
   const { sdkEnabled: i, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
     o,
     n
@@ -109,5 +113,5 @@ const B = ({ sdk: o }) => {
   ] }) });
 };
 export {
-  Hr as MastersApp
+  Wr as MastersApp
 };

package/lib/ui/demo/Gamification.js

@@ -32,18 +32,15 @@ import "../gamification/question/styles.js";
 import "../icons/index.js";
 import "../gamification/question/list/styles.js";
 import "../gamification/vote/index.js";
-import "../../index-7045fbb2.js";
-import "../gamification/vote/components/voting-option/styles.js";
+import "../../index-7f3361f2.js";
+import "../gamification/vote/vote-option/styles.js";
 import "../gamification/vote/styles.js";
-import "../gamification/vote/components/voting-header/index.js";
-import "../../icon-exit-6a55bb8f.js";
-import "../gamification/vote/components/voting-header/components/points/index.js";
-import "../gamification/vote/components/voting-header/components/points/styles.js";
-import "../gamification/vote/components/voting-header/components/timer/index.js";
+import "../gamification/vote/win-bar/index.js";
+import "../timer/index.js";
 import "react-countdown-circle-timer";
 import "../theme/constants.js";
-import "../gamification/vote/components/voting-header/components/timer/styles.js";
-import "../gamification/vote/components/voting-header/styles.js";
+import "../gamification/vote/win-bar/styles.js";
+import "../../icon-exit-d3f9fc80.js";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
@@ -60,17 +57,17 @@ import "../gamification/leaderboard-invite-link/styles.js";
 import "../gamification/leaderboard-item/index.js";
 import "../gamification/leaderboard-item/styles.js";
 import "../gamification/leaderboard-list/styles.js";
-const st = ({
+const pt = ({
   gamification: r,
   sdk: u
 }) => {
   var d, v, c, b, y, g, S, h, C, G, L, Q, A, E, f, w, x, P, F, O, B, D, R;
-  const T = p(r.status), j = p(r.onboardingStatus), l = p(r.openedQuestion), { slStreamId: e } = p(u.sdkStore), o = p(r.featureSettings), [n, q] = K(a.HOME);
+  const T = p(r.status), j = p(r.onboardingStatus), l = p(r.openedQuestion), { slStreamId: o } = p(u.sdkStore), e = p(r.featureSettings), [n, q] = K(a.HOME);
   if (T !== J.Ready)
     return /* @__PURE__ */ t("div", { children: "wait..." });
-  if (e != null && e.loading)
+  if (o != null && o.loading)
     return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) });
-  if (!(e != null && e.data))
+  if (!(o != null && o.data))
     return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
   if (!j)
     return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
@@ -78,16 +75,16 @@ const st = ({
       {
         closeFeature: u.closeFeature,
         gamification: r,
-        steps: (v = (d = o.inplayGame) == null ? void 0 : d.onboarding) == null ? void 0 : v.steps,
-        gameIcon: (y = (b = (c = o.inplayGame) == null ? void 0 : c.overview) == null ? void 0 : b.media) == null ? void 0 : y.gameIcon,
-        sponsorLogo: (h = (S = (g = o.inplayGame) == null ? void 0 : g.overview) == null ? void 0 : S.media) == null ? void 0 : h.sponsorLogo,
-        rules: (G = (C = o.inplayGame) == null ? void 0 : C.rules) == null ? void 0 : G.rules,
-        rulesBtnLabel: (Q = (L = o.inplayGame) == null ? void 0 : L.rules) == null ? void 0 : Q.buttonLabel,
-        rulesTitle: (E = (A = o.inplayGame) == null ? void 0 : A.rules) == null ? void 0 : E.heading,
-        primaryColor: (x = (w = (f = o.inplayGame) == null ? void 0 : f.overview) == null ? void 0 : w.appearance) == null ? void 0 : x.primaryColor,
-        inviteCardTitle: (F = (P = o.inplayGame) == null ? void 0 : P.inviteCard) == null ? void 0 : F.heading,
-        inviteCardSubtext: (B = (O = o.inplayGame) == null ? void 0 : O.inviteCard) == null ? void 0 : B.subtext,
-        inviteCardBtnLabel: (R = (D = o.inplayGame) == null ? void 0 : D.inviteCard) == null ? void 0 : R.buttonLabel
+        steps: (v = (d = e.inplayGame) == null ? void 0 : d.onboarding) == null ? void 0 : v.steps,
+        gameIcon: (y = (b = (c = e.inplayGame) == null ? void 0 : c.overview) == null ? void 0 : b.media) == null ? void 0 : y.gameIcon,
+        sponsorLogo: (h = (S = (g = e.inplayGame) == null ? void 0 : g.overview) == null ? void 0 : S.media) == null ? void 0 : h.sponsorLogo,
+        rules: (G = (C = e.inplayGame) == null ? void 0 : C.rules) == null ? void 0 : G.rules,
+        rulesBtnLabel: (Q = (L = e.inplayGame) == null ? void 0 : L.rules) == null ? void 0 : Q.buttonLabel,
+        rulesTitle: (E = (A = e.inplayGame) == null ? void 0 : A.rules) == null ? void 0 : E.heading,
+        primaryColor: (x = (w = (f = e.inplayGame) == null ? void 0 : f.overview) == null ? void 0 : w.appearance) == null ? void 0 : x.primaryColor,
+        inviteCardTitle: (F = (P = e.inplayGame) == null ? void 0 : P.inviteCard) == null ? void 0 : F.heading,
+        inviteCardSubtext: (B = (O = e.inplayGame) == null ? void 0 : O.inviteCard) == null ? void 0 : B.subtext,
+        inviteCardBtnLabel: (R = (D = e.inplayGame) == null ? void 0 : D.inviteCard) == null ? void 0 : R.buttonLabel
       }
     ) });
   const H = (i) => {
@@ -112,5 +109,5 @@ const st = ({
   ] });
 };
 export {
-  st as GamificationComponent
+  pt as GamificationComponent
 };

package/lib/ui/demo/Highlights.js

@@ -28,26 +28,23 @@ import "../gamification/constants.js";
 import "../gamification/question/styles.js";
 import "../icons/index.js";
 import "../gamification/vote/index.js";
-import "../../index-7045fbb2.js";
-import "../gamification/vote/components/voting-option/styles.js";
+import "../../index-7f3361f2.js";
+import "../gamification/vote/vote-option/styles.js";
 import "../gamification/vote/styles.js";
-import "../gamification/vote/components/voting-header/index.js";
-import "../../icon-exit-6a55bb8f.js";
-import "../gamification/vote/components/voting-header/components/points/index.js";
-import "../gamification/vote/components/voting-header/components/points/styles.js";
-import "../gamification/vote/components/voting-header/components/timer/index.js";
+import "../gamification/vote/win-bar/index.js";
+import "../timer/index.js";
 import "react-countdown-circle-timer";
 import "../theme/constants.js";
-import "../gamification/vote/components/voting-header/components/timer/styles.js";
-import "../gamification/vote/components/voting-header/styles.js";
+import "../gamification/vote/win-bar/styles.js";
 import "../gamification/insight-list/index.js";
 import "../gamification/insight/index.js";
 import "../gamification/insight/styles.js";
 import "../gamification/insight-list/styles.js";
 import "../gamification/detailed-insight/index.js";
 import "../gamification/common-header/index.js";
+import "../../icon-exit-d3f9fc80.js";
 import "../gamification/detailed-insight/styles.js";
-const nt = ({ highlights: i, sdk: e }) => {
+const mt = ({ highlights: i, sdk: e }) => {
   const n = m(i.status), r = m(i.openedInsight), { slStreamId: o } = m(e.sdkStore);
   return n !== d.Ready ? /* @__PURE__ */ t("div", { children: "wait..." }) : o != null && o.loading ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) }) : o != null && o.data ? i.insights === void 0 ? /* @__PURE__ */ t("div", { children: "wait insights..." }) : /* @__PURE__ */ s(p, { children: [
     !r && /* @__PURE__ */ t(c, { highlights: i, store: i.insights.getStore() }),
@@ -62,5 +59,5 @@ const nt = ({ highlights: i, sdk: e }) => {
   ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
 };
 export {
-  nt as HighlightsComponent
+  mt as HighlightsComponent
 };

package/lib/ui/demo/Login.js

@@ -5,17 +5,16 @@ import { useStore as n } from "@nanostores/react";
 import "react";
 import "react-auth-code-input";
 import "react-phone-number-input";
-import "../gamification/vote/components/voting-header/components/timer/index.js";
+import "../timer/index.js";
+import "@linaria/react";
 import "react-countdown-circle-timer";
 import "../theme/constants.js";
-import "../gamification/vote/components/voting-header/components/timer/styles.js";
-import "@linaria/react";
 import "../../utils/login.js";
 import "@connectrpc/connect";
 import "@connectrpc/connect-web";
 import "@streamlayer/sl-eslib/users/users_connect";
 import "../login/styles.js";
-const A = ({ sdk: o }) => n(o.getUserStore()).data ? /* @__PURE__ */ r("button", { onClick: o.logout, children: "logout" }) : /* @__PURE__ */ r(m, { login: async (i) => {
+const j = ({ sdk: o }) => n(o.getUserStore()).data ? /* @__PURE__ */ r("button", { onClick: o.logout, children: "logout" }) : /* @__PURE__ */ r(m, { login: async (i) => {
   try {
     await o.authorizationBypass("streamlayer:streamlayer", i);
   } catch (t) {
@@ -23,5 +22,5 @@ const A = ({ sdk: o }) => n(o.getUserStore()).data ? /* @__PURE__ */ r("button",
   }
 }, anonymousLogin: o.anonymousAuthorization, host: o.host });
 export {
-  A as LoginComponent
+  j as LoginComponent
 };

package/lib/ui/demo/components/Insight.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { DetailedInsight as L } from "../../gamification/detailed-insight/index.js";
 import "../../gamification/common-header/index.js";
-import "../../../icon-exit-6a55bb8f.js";
+import "../../../icon-exit-d3f9fc80.js";
 import "../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../gamification/detailed-insight/styles.js";

package/lib/ui/demo/components/Leaderboard.js

@@ -4,7 +4,7 @@ import { useState as b } from "react";
 import { LeaderboardItemDetail as f } from "../../gamification/leaderboard-item-detail/index.js";
 import { LeaderboardList as I } from "../../gamification/leaderboard-list/index.js";
 import "../../gamification/common-header/index.js";
-import "../../../icon-exit-6a55bb8f.js";
+import "../../../icon-exit-d3f9fc80.js";
 import "../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../gamification/user-statistics/index.js";