@streamlayer/react-ui 0.42.1 → 0.44.0

package/lib/ui/demo/Gamification.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as s, Fragment as z } from "react/jsx-runtime";
 import { FeatureStatus as J } from "@streamlayer/sdk-web-interfaces";
-import { useStore as p } from "@nanostores/react";
+import { useStore as n } from "@nanostores/react";
 import { useState as K } from "react";
 import { ActivePages as a, Tabs as N } from "../gamification/tabs/index.js";
 import { UserSummary as V } from "./components/UserSummary.js";
@@ -13,7 +13,7 @@ import "../gamification/insight-list/styles.js";
 import "../gamification/common-header/styles.js";
 import "../gamification/detailed-insight/styles.js";
 import { Leaderboard as Z } from "./components/Leaderboard.js";
-import { DemoContainer as m, UserStatisticsContainer as _, QuestionsContainer as $ } from "./styles.js";
+import { DemoContainer as p, UserStatisticsContainer as _, QuestionsContainer as $ } from "./styles.js";
 import "../gamification/tabs/styles.js";
 import "@linaria/react";
 import "../gamification/user-statistics/index.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";
@@ -55,39 +52,37 @@ import "../gamification/leaderboard-item-detail/index.js";
 import "../gamification/common-header/index.js";
 import "../gamification/leaderboard-item-detail/styles.js";
 import "../gamification/leaderboard-list/index.js";
-import "../gamification/leaderboard-invite-link/index.js";
-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 ot = ({
   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 = n(r.status), j = n(r.onboardingStatus), l = n(r.openedQuestion), { slStreamId: o } = n(u.sdkStore), e = n(r.featureSettings), [m, q] = K(a.HOME);
   if (T !== J.Ready)
     return /* @__PURE__ */ t("div", { children: "wait..." });
-  if (e != null && e.loading)
-    return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) });
-  if (!(e != null && e.data))
-    return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
+  if (o != null && o.loading)
+    return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) });
+  if (!(o != null && o.data))
+    return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
   if (!j)
-    return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
       Y,
       {
         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) => {
@@ -97,20 +92,20 @@ const st = ({
   }, U = (i, k) => {
     r.submitAnswer(i, k);
   };
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ t(N, { activePage: n, toggleActivePage: (i) => {
+  return /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ t(N, { activePage: m, toggleActivePage: (i) => {
       q(i);
     } }),
-    n === a.HOME && /* @__PURE__ */ s(z, { children: [
+    m === a.HOME && /* @__PURE__ */ s(z, { children: [
       /* @__PURE__ */ t(_, { children: r.userSummary && /* @__PURE__ */ t(V, { store: r.userSummary.getStore() }) }),
       /* @__PURE__ */ s($, { children: [
         r.questions && /* @__PURE__ */ t(W, { openQuestion: H, store: r.questions.getStore() }),
         l && /* @__PURE__ */ t(X, { closeQuestion: M, vote: U, openedQuestion: l })
       ] })
     ] }),
-    n === a.LEADERBOARD && r.leaderboardList && /* @__PURE__ */ t(Z, { store: r.leaderboardList.getStore() })
+    m === a.LEADERBOARD && r.leaderboardList && /* @__PURE__ */ t(Z, { store: r.leaderboardList.getStore() })
   ] });
 };
 export {
-  st as GamificationComponent
+  ot as GamificationComponent
 };

package/lib/ui/demo/Highlights.js

@@ -17,7 +17,6 @@ import { Insights as c } from "./components/Insights.js";
 import { Insight as f } from "./components/Insight.js";
 import "../gamification/common-header/styles.js";
 import "../gamification/leaderboard-item-detail/styles.js";
-import "../gamification/leaderboard-invite-link/styles.js";
 import "../gamification/leaderboard-item/styles.js";
 import "../gamification/leaderboard-list/styles.js";
 import "@linaria/react";
@@ -28,26 +27,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 rt = ({ 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 +58,5 @@ const nt = ({ highlights: i, sdk: e }) => {
   ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
 };
 export {
-  nt as HighlightsComponent
+  rt 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

@@ -1,40 +1,32 @@
-import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
+import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
 import { useStore as u } from "@nanostores/react";
 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";
-import "../../../utils/common.js";
-import "../../gamification/user-statistics/components/rank/index.js";
-import "../../gamification/user-statistics/components/rank/styles.js";
-import "../../gamification/user-statistics/components/statistic/index.js";
-import "../../gamification/user-statistics/components/statistic/styles.js";
-import "../../gamification/user-statistics/styles.js";
 import "../../gamification/leaderboard-item-detail/styles.js";
-import "../../gamification/leaderboard-invite-link/index.js";
-import "../../gamification/leaderboard-invite-link/styles.js";
 import "../../gamification/leaderboard-item/index.js";
+import "../../../utils/common.js";
 import "../../gamification/leaderboard-item/styles.js";
 import "../../gamification/leaderboard-list/styles.js";
-const M = ({ store: p }) => {
-  const { data: r } = u(p), [i, s] = b(void 0);
+const y = ({ store: s }) => {
+  const { data: r } = u(s), [e, d] = b(void 0);
   if (!r)
-    return /* @__PURE__ */ e("div", { children: "wait leader board..." });
+    return /* @__PURE__ */ i("div", { children: "wait leader board..." });
   const o = (t) => {
     var m;
-    const d = (m = r.find((n) => {
+    const p = (m = r.find((n) => {
       var a;
       return ((a = n.attributes) == null ? void 0 : a.userId) === t;
     })) == null ? void 0 : m.attributes;
-    s(d);
+    d(p);
   };
   return /* @__PURE__ */ c(l, { children: [
-    i && /* @__PURE__ */ e(f, { comeBack: () => o(null), ...i }),
-    !i && /* @__PURE__ */ e(
+    e && /* @__PURE__ */ i(f, { comeBack: () => o(null), ...e }),
+    !e && /* @__PURE__ */ i(
       I,
       {
         items: r.filter((t) => t.attributes).map((t) => t.attributes),
@@ -44,5 +36,5 @@ const M = ({ store: p }) => {
   ] });
 };
 export {
-  M as Leaderboard
+  y as Leaderboard
 };

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

@@ -1,21 +1,18 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { styled as y } from "@linaria/react";
-import { useState as d, useCallback as x, useMemo as s } from "react";
-import { Vote as g } from "../../gamification/vote/index.js";
-import { VotingHeader as h } from "../../gamification/vote/components/voting-header/index.js";
+import { jsx as o } from "react/jsx-runtime";
+import { styled as f } from "@linaria/react";
+import { useState as n, useCallback as d, useMemo as a } from "react";
+import { Vote as p } from "../../gamification/vote/index.js";
 import "@streamlayer/sdk-web-types";
-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 "../../../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";
-const b = y.div`
+import "../../gamification/vote/win-bar/styles.js";
+import "../../icons/index.js";
+const y = f.div`
   position: absolute;
   top: 0;
   background: var(--color-transparent-item);
@@ -42,60 +39,48 @@ const b = y.div`
       transform: translateX(0);
     }
   }
-`, B = ({ openedQuestion: t, closeQuestion: a, vote: e }) => {
-  var m;
-  const [l, c] = d(!1), p = x(
-    (i) => {
-      c(i);
+`, M = ({ openedQuestion: t, closeQuestion: h, vote: m }) => {
+  var c;
+  const [e, s] = n(!1);
+  d(
+    (r) => {
+      s(r);
     },
-    [c]
-  ), r = s(
-    () => t == null ? void 0 : t.answers.find((i) => i.youVoted === !0),
+    [s]
+  );
+  const i = a(
+    () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
     [t]
-  ), f = s(
-    () => !!(t != null && t.answers.find((i) => i.correct === !0)),
+  ), l = a(
+    () => !!(t != null && t.answers.find((r) => r.correct === !0)),
     [t]
   );
-  return t ? /* @__PURE__ */ o(b, { children: /* @__PURE__ */ n("div", { children: [
-    /* @__PURE__ */ o(
-      h,
-      {
-        points: (r == null ? void 0 : r.points) || 0,
-        questionAnswered: !!r,
-        questionAnsweredCorrectly: r == null ? void 0 : r.correct,
-        logo: "",
-        closeQuestion: a,
-        setTimeToExpire: p,
-        questionType: t.type
-      }
-    ),
-    /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-      g,
-      {
-        title: t.subject,
-        feedbackMessages: (m = t.options) == null ? void 0 : m.options.value,
-        questionType: t.type,
-        questionId: t.id,
-        questionAnswered: !!r,
-        questionAnsweredCorrectly: r == null ? void 0 : r.correct,
-        options: t.answers.map((i) => ({
-          id: i.id,
-          title: i.text,
-          icon: i.icon,
-          type: t.type,
-          correct: i.correct,
-          percentage: i.percentage,
-          answered: i.youVoted,
-          disabled: !!r || t.marketClosed || l,
-          questionAnswered: !!r,
-          hasCorrectAnswer: f,
-          points: i.points,
-          onVote: e
-        }))
-      }
-    ) })
-  ] }) }) : null;
+  return t ? /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    p,
+    {
+      title: t.subject,
+      feedbackMessages: (c = t.options) == null ? void 0 : c.options.value,
+      questionType: t.type,
+      questionId: t.id,
+      questionAnswered: !!i,
+      questionAnsweredCorrectly: i == null ? void 0 : i.correct,
+      options: t.answers.map((r) => ({
+        id: r.id,
+        title: r.text,
+        icon: r.icon,
+        type: t.type,
+        correct: r.correct,
+        percentage: r.percentage,
+        answered: r.youVoted,
+        disabled: !!i || t.marketClosed || e,
+        questionAnswered: !!i,
+        hasCorrectAnswer: l,
+        points: r.points,
+        onVote: m
+      }))
+    }
+  ) }) }) }) : null;
 };
 export {
-  B as Question
+  M as Question
 };

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

@@ -1,10 +1,10 @@
-import { UserSummary as pr } from "./UserSummary.js";
-import { QuestionsList as er } from "./QuestionsList.js";
-import { Question as fr } from "./Question.js";
-import { Onboarding as nr } from "../../gamification/onboarding/index.js";
-import { Insights as dr } from "./Insights.js";
-import { Insight as ur } from "./Insight.js";
-import { Leaderboard as hr } from "./Leaderboard.js";
+import { UserSummary as $ } from "./UserSummary.js";
+import { QuestionsList as or } from "./QuestionsList.js";
+import { Question as mr } from "./Question.js";
+import { Onboarding as ir } from "../../gamification/onboarding/index.js";
+import { Insights as sr } from "./Insights.js";
+import { Insight as xr } from "./Insight.js";
+import { Leaderboard as ar } from "./Leaderboard.js";
 import "react/jsx-runtime";
 import "@nanostores/react";
 import "../../gamification/user-statistics/index.js";
@@ -26,18 +26,15 @@ import "../../icons/index.js";
 import "react";
 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";
@@ -56,17 +53,15 @@ import "../../gamification/detailed-insight/styles.js";
 import "../../gamification/leaderboard-item-detail/index.js";
 import "../../gamification/leaderboard-item-detail/styles.js";
 import "../../gamification/leaderboard-list/index.js";
-import "../../gamification/leaderboard-invite-link/index.js";
-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";
 export {
-  ur as Insight,
-  dr as Insights,
-  hr as Leaderboard,
-  nr as Onboarding,
-  fr as Question,
-  er as QuestionsList,
-  pr as UserSummary
+  xr as Insight,
+  sr as Insights,
+  ar as Leaderboard,
+  ir as Onboarding,
+  mr as Question,
+  or as QuestionsList,
+  $ as UserSummary
 };

package/lib/ui/demo/index.js

@@ -17,7 +17,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";
@@ -42,17 +42,14 @@ import "../icons/index.js";
 import "../gamification/question/list/styles.js";
 import "./components/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/components/voting-header/index.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/onboarding/index.js";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
@@ -70,8 +67,6 @@ import "../gamification/leaderboard-item-detail/index.js";
 import "../gamification/common-header/index.js";
 import "../gamification/leaderboard-item-detail/styles.js";
 import "../gamification/leaderboard-list/index.js";
-import "../gamification/leaderboard-invite-link/index.js";
-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";
@@ -131,7 +126,7 @@ const A = ({ activeFeature: r, sdk: o }) => {
     ] }),
     d
   ] });
-}, fi = ({ sdk: r }) => {
+}, pi = ({ sdk: r }) => {
   const o = c(r.organizationStore()), e = c(r.getUserStore()), n = c(r.getActiveFeature());
   return o.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : o.data ? e.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ f(v, { children: [
     /* @__PURE__ */ i(F, { notificationsStore: r.getNotificationsStore() }),
@@ -139,5 +134,5 @@ const A = ({ activeFeature: r, sdk: o }) => {
   ] }) : /* @__PURE__ */ i(H, { sdk: r }) : /* @__PURE__ */ i("div", { children: "wrong sdk key..." });
 };
 export {
-  fi as Demo
+  pi as Demo
 };

package/lib/ui/gamification/common-header/index.js

@@ -1,14 +1,14 @@
-import { jsxs as I, jsx as M } from "react/jsx-runtime";
-import { i } from "../../../icon-exit-6a55bb8f.js";
-import { Container as A, Button as g, HeaderIcon as z } from "./styles.js";
+import { jsxs as j, jsx as M } from "react/jsx-runtime";
+import { c as A } from "../../../icon-exit-d3f9fc80.js";
+import { Container as z, Button as g, HeaderIcon as i } from "./styles.js";
 import "@linaria/react";
-const x = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==", E = ({ icon: N, comeBack: D, close: j }) => /* @__PURE__ */ I(A, { children: [
-  /* @__PURE__ */ I("div", { children: [
+const x = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==", y = ({ icon: N, comeBack: D, close: I }) => /* @__PURE__ */ j(z, { children: [
+  /* @__PURE__ */ j("div", { children: [
     D && /* @__PURE__ */ M(g, { onClick: D, children: /* @__PURE__ */ M("img", { alt: "header-back-icon", src: x }) }),
-    N && /* @__PURE__ */ M(z, { alt: "header-icon", src: N })
+    N && /* @__PURE__ */ M(i, { alt: "header-icon", src: N })
   ] }),
-  /* @__PURE__ */ M("div", { children: j && /* @__PURE__ */ M(g, { onClick: j, children: /* @__PURE__ */ M("img", { alt: "header-close-icon", src: i }) }) })
+  /* @__PURE__ */ M("div", { children: I && /* @__PURE__ */ M(g, { onClick: I, children: /* @__PURE__ */ M("img", { alt: "header-close-icon", src: A }) }) })
 ] });
 export {
-  E as CommonHeader
+  y as CommonHeader
 };

package/lib/ui/gamification/detailed-insight/index.js

@@ -1,7 +1,7 @@
 import { jsxs as I, jsx as M } from "react/jsx-runtime";
 import { CommonHeader as Z } from "../common-header/index.js";
 import { Container as g, Image as l, AdditionalContent as o, Title as n, Description as d, AdditionalBtn as r, LinkIcon as a } from "./styles.js";
-import "../../../icon-exit-6a55bb8f.js";
+import "../../../icon-exit-d3f9fc80.js";
 import "../common-header/styles.js";
 import "@linaria/react";
 const u = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=", C = ({

package/lib/ui/gamification/invite-link/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type InviteLinkProps = {
+    title?: string;
+    description?: string;
+    onClick?: () => void;
+};
+export declare const InviteLink: React.FC<InviteLinkProps>;
+export {};

package/lib/ui/gamification/invite-link/index.js

@@ -0,0 +1,14 @@
+import { jsxs as N, jsx as M } from "react/jsx-runtime";
+import { Container as T, FriendsIcon as g, Content as x, Title as E, Description as A, ArrowInviteIcon as z } from "./styles.js";
+import "@linaria/react";
+const O = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", L = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlNoYXJlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExIDQuOTY1VjEuMTI1TDE4IDcuODQ1TDExIDE0LjU2NVYxMC42MjlDNiAxMC42MjkgMi41IDEyLjE2NSAwIDE1LjUyNUMxIDEwLjcyNSA0IDUuOTI1IDExIDQuOTY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", Y = ({ title: I, description: D, onClick: j }) => /* @__PURE__ */ N(T, { onClick: j, children: [
+  /* @__PURE__ */ M(g, { alt: "friends-icon", src: O }),
+  /* @__PURE__ */ N(x, { children: [
+    /* @__PURE__ */ M(E, { children: I }),
+    /* @__PURE__ */ M(A, { children: D })
+  ] }),
+  /* @__PURE__ */ M(z, { alt: "arrow-invite-icon", src: L })
+] });
+export {
+  Y as InviteLink
+};

package/lib/ui/gamification/{leaderboard-invite-link → invite-link}/styles.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const IconLink: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 export declare const FriendsIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;