@streamlayer/react-ui 0.25.0 → 0.25.1

package/lib/{index-d5620d2c.js → index-7045fbb2.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 "./lib/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/components/voting-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,19 +1,19 @@
-import { QuestionInApp as lo } from "./lib/notifications/notification/question-inapp/index.js";
-import { Login as No } from "./lib/login/index.js";
-import { Onboarding as To } from "./lib/gamification/onboarding/index.js";
-import { ActivePages as Vo, Navigation as jo } from "./lib/gamification/navigation/index.js";
-import { LeaderboardItemDetail as qo } from "./lib/gamification/leaderboard-item-detail/index.js";
-import { Question as zo } from "./lib/gamification/question/index.js";
-import { QuestionList as Co } from "./lib/gamification/question-list/index.js";
-import { UserStatistics as Fo } from "./lib/gamification/user-statistics/index.js";
-import { Vote as Ho } from "./lib/gamification/vote/index.js";
-import { Demo as Ko } from "./lib/demo/index.js";
-import { StreamLayerThemeProvider as Ro } from "./lib/theme/index.js";
-import { theme as Xo } from "./lib/theme/theme.js";
+import { QuestionInApp as lo } from "./ui/notifications/notification/question-inapp/index.js";
+import { Login as No } from "./ui/login/index.js";
+import { Onboarding as To } from "./ui/gamification/onboarding/index.js";
+import { ActivePages as Vo, Navigation as jo } from "./ui/gamification/navigation/index.js";
+import { LeaderboardItemDetail as qo } from "./ui/gamification/leaderboard-item-detail/index.js";
+import { Question as zo } from "./ui/gamification/question/index.js";
+import { QuestionList as Co } from "./ui/gamification/question-list/index.js";
+import { UserStatistics as Fo } from "./ui/gamification/user-statistics/index.js";
+import { Vote as Ho } from "./ui/gamification/vote/index.js";
+import { Demo as Ko } from "./ui/demo/index.js";
+import { StreamLayerThemeProvider as Ro } from "./ui/theme/index.js";
+import { theme as Xo } from "./ui/theme/theme.js";
 import "react/jsx-runtime";
 import "react";
 import "./icon-exit-6a55bb8f.js";
-import "./lib/notifications/notification/question-inapp/styles.js";
+import "./ui/notifications/notification/question-inapp/styles.js";
 import "@linaria/react";
 import "react-phone-number-input";
 import "react-auth-code-input";
@@ -21,71 +21,71 @@ import "./utils/login.js";
 import "@connectrpc/connect-web";
 import "@connectrpc/connect";
 import "@streamlayer/sl-eslib/users/users_connect";
-import "./lib/gamification/vote/components/voting-header/components/timer/index.js";
+import "./ui/gamification/vote/components/voting-header/components/timer/index.js";
 import "react-countdown-circle-timer";
-import "./lib/theme/constants.js";
-import "./lib/gamification/vote/components/voting-header/components/timer/styles.js";
-import "./lib/login/styles.js";
-import "./lib/gamification/onboarding/styles.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
-import "./lib/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "./lib/gamification/navigation/styles.js";
-import "./lib/gamification/common-header/index.js";
-import "./lib/gamification/common-header/styles.js";
-import "./lib/gamification/leaderboard-item-detail/styles.js";
+import "./ui/theme/constants.js";
+import "./ui/gamification/vote/components/voting-header/components/timer/styles.js";
+import "./ui/login/styles.js";
+import "./ui/gamification/onboarding/styles.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
+import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
+import "./ui/gamification/navigation/styles.js";
+import "./ui/gamification/common-header/index.js";
+import "./ui/gamification/common-header/styles.js";
+import "./ui/gamification/leaderboard-item-detail/styles.js";
 import "@streamlayer/sdk-web-types";
 import "./icon-chevron-138a557c.js";
-import "./lib/gamification/question/styles.js";
-import "./lib/gamification/question-list/styles.js";
+import "./ui/gamification/question/styles.js";
+import "./ui/gamification/question-list/styles.js";
 import "./utils/common.js";
-import "./lib/gamification/user-statistics/components/statistics/index.js";
-import "./lib/gamification/user-statistics/components/statistics/styles.js";
-import "./lib/gamification/user-statistics/components/rank/index.js";
-import "./lib/gamification/user-statistics/components/rank/styles.js";
-import "./lib/gamification/user-statistics/styles.js";
-import "./index-d5620d2c.js";
-import "./lib/gamification/vote/components/voting-option/styles.js";
-import "./lib/gamification/vote/styles.js";
+import "./ui/gamification/user-statistics/components/statistics/index.js";
+import "./ui/gamification/user-statistics/components/statistics/styles.js";
+import "./ui/gamification/user-statistics/components/rank/index.js";
+import "./ui/gamification/user-statistics/components/rank/styles.js";
+import "./ui/gamification/user-statistics/styles.js";
+import "./index-7045fbb2.js";
+import "./ui/gamification/vote/components/voting-option/styles.js";
+import "./ui/gamification/vote/styles.js";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-features";
 import "@nanostores/react";
-import "./lib/notifications/index.js";
-import "./lib/notifications/notification/index.js";
+import "./ui/notifications/index.js";
+import "./ui/notifications/notification/index.js";
 import "@streamlayer/sdk-web-notifications";
-import "./lib/notifications/notification/onboarding-inapp/index.js";
-import "./lib/notifications/notification/onboarding-inapp/styles.js";
-import "./lib/notifications/notification/styles.js";
-import "./lib/notifications/styles.js";
-import "./lib/demo/Gamification.js";
-import "./lib/demo/components/UserSummary.js";
-import "./lib/demo/components/QuestionsList.js";
-import "./lib/demo/components/Question.js";
-import "./lib/gamification/vote/components/voting-header/index.js";
-import "./lib/gamification/vote/components/voting-header/styles.js";
-import "./lib/gamification/vote/components/voting-header/components/points/index.js";
-import "./lib/gamification/vote/components/voting-header/components/points/styles.js";
-import "./lib/gamification/insight/styles.js";
-import "./lib/gamification/insight-list/styles.js";
-import "./lib/gamification/detailed-insight/styles.js";
-import "./lib/demo/components/Leaderboard.js";
-import "./lib/gamification/leaderboard-list/index.js";
-import "./lib/gamification/leaderboard-invite-link/index.js";
-import "./lib/gamification/leaderboard-invite-link/styles.js";
-import "./lib/gamification/leaderboard-item/index.js";
-import "./lib/gamification/leaderboard-item/styles.js";
-import "./lib/gamification/leaderboard-list/styles.js";
-import "./lib/demo/styles.js";
-import "./lib/demo/Highlights.js";
-import "./lib/demo/components/Insights.js";
-import "./lib/gamification/insight-list/index.js";
-import "./lib/gamification/insight/index.js";
-import "./lib/demo/components/Insight.js";
-import "./lib/gamification/detailed-insight/index.js";
-import "./lib/demo/Login.js";
+import "./ui/notifications/notification/onboarding-inapp/index.js";
+import "./ui/notifications/notification/onboarding-inapp/styles.js";
+import "./ui/notifications/notification/styles.js";
+import "./ui/notifications/styles.js";
+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/styles.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/insight/styles.js";
+import "./ui/gamification/insight-list/styles.js";
+import "./ui/gamification/detailed-insight/styles.js";
+import "./ui/demo/components/Leaderboard.js";
+import "./ui/gamification/leaderboard-list/index.js";
+import "./ui/gamification/leaderboard-invite-link/index.js";
+import "./ui/gamification/leaderboard-invite-link/styles.js";
+import "./ui/gamification/leaderboard-item/index.js";
+import "./ui/gamification/leaderboard-item/styles.js";
+import "./ui/gamification/leaderboard-list/styles.js";
+import "./ui/demo/styles.js";
+import "./ui/demo/Highlights.js";
+import "./ui/demo/components/Insights.js";
+import "./ui/gamification/insight-list/index.js";
+import "./ui/gamification/insight/index.js";
+import "./ui/demo/components/Insight.js";
+import "./ui/gamification/detailed-insight/index.js";
+import "./ui/demo/Login.js";
 import "@linaria/core";
 export {
   Vo as ActivePages,

package/lib/{lib → ui}/demo/Gamification.js

@@ -29,7 +29,7 @@ import "../../icon-chevron-138a557c.js";
 import "../gamification/question/styles.js";
 import "../gamification/question-list/styles.js";
 import "../gamification/vote/index.js";
-import "../../index-d5620d2c.js";
+import "../../index-7045fbb2.js";
 import "../gamification/vote/components/voting-option/styles.js";
 import "../gamification/vote/styles.js";
 import "../gamification/vote/components/voting-header/index.js";

package/lib/{lib → ui}/demo/Highlights.js

@@ -25,7 +25,7 @@ import "@streamlayer/sdk-web-types";
 import "../../icon-chevron-138a557c.js";
 import "../gamification/question/styles.js";
 import "../gamification/vote/index.js";
-import "../../index-d5620d2c.js";
+import "../../index-7045fbb2.js";
 import "../gamification/vote/components/voting-option/styles.js";
 import "../gamification/vote/styles.js";
 import "../gamification/vote/components/voting-header/index.js";

package/lib/{lib → ui}/demo/components/Question.js

@@ -4,7 +4,7 @@ import { useState as r, useCallback as u, useMemo as i } from "react";
 import { Vote as L } from "../../gamification/vote/index.js";
 import { VotingHeader as E } from "../../gamification/vote/components/voting-header/index.js";
 import "@streamlayer/sdk-web-types";
-import "../../../index-d5620d2c.js";
+import "../../../index-7045fbb2.js";
 import "../../gamification/vote/components/voting-option/styles.js";
 import "../../gamification/vote/styles.js";
 import "../../../icon-exit-6a55bb8f.js";

package/lib/{lib → ui}/demo/components/index.js

@@ -23,7 +23,7 @@ import "../../gamification/question/styles.js";
 import "../../gamification/question-list/styles.js";
 import "react";
 import "../../gamification/vote/index.js";
-import "../../../index-d5620d2c.js";
+import "../../../index-7045fbb2.js";
 import "../../gamification/vote/components/voting-option/styles.js";
 import "../../gamification/vote/styles.js";
 import "../../gamification/vote/components/voting-header/index.js";

package/lib/{lib → ui}/demo/index.js

@@ -1,14 +1,14 @@
-import { jsx as i, jsxs as l, Fragment as v } from "react/jsx-runtime";
-import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as c } from "@streamlayer/sdk-web-types";
+import { jsx as i, jsxs as f, Fragment as v } from "react/jsx-runtime";
+import { FeatureStatus as l } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as g } from "@streamlayer/sdk-web-types";
 import { AvailableFeatures as S } from "@streamlayer/sdk-web-features";
-import { useState as b, useMemo as d, useEffect as C } from "react";
-import { useStore as s } from "@nanostores/react";
+import { useState as b, useMemo as h, useEffect as C } from "react";
+import { useStore as c } from "@nanostores/react";
 import { Notifications as F } from "../notifications/index.js";
 import { GamificationComponent as w } from "./Gamification.js";
 import { HighlightsComponent as G } from "./Highlights.js";
 import { LoginComponent as H } from "./Login.js";
-import { Buttons as x, Button as g } from "./styles.js";
+import { Buttons as x, Button as s } from "./styles.js";
 import "../notifications/notification/index.js";
 import "@streamlayer/sdk-web-notifications";
 import "../notifications/notification/onboarding-inapp/index.js";
@@ -37,7 +37,7 @@ import "../gamification/question/styles.js";
 import "../gamification/question-list/styles.js";
 import "./components/Question.js";
 import "../gamification/vote/index.js";
-import "../../index-d5620d2c.js";
+import "../../index-7045fbb2.js";
 import "../gamification/vote/components/voting-option/styles.js";
 import "../gamification/vote/styles.js";
 import "../gamification/vote/components/voting-header/index.js";
@@ -83,37 +83,38 @@ import "@connectrpc/connect-web";
 import "@connectrpc/connect";
 import "@streamlayer/sl-eslib/users/users_connect";
 import "../login/styles.js";
-const A = ({ activeFeature: o, sdk: r }) => {
-  const [e, n] = b(null), { organizationSettings: a, streamSettings: u } = s(r.sdkStore), h = d(() => {
+const A = ({ activeFeature: r, sdk: o }) => {
+  const [e, n] = b(null), { organizationSettings: a, streamSettings: u } = c(o.sdkStore), y = h(() => {
     const t = (u == null ? void 0 : u.data) || (a == null ? void 0 : a.data);
     return t != null && t.overlays ? t.overlays : [];
   }, [a, u]);
   C(() => {
-    const t = r.getFeatures();
-    if (o)
+    const t = o.getFeatures();
+    if (r)
       for (const [m, p] of t)
-        m === o ? p.status.get() === f.Suspended && (p.enable(), n(p)) : p.status.get() === f.Ready && p.disable();
+        m === r ? p.status.get() === l.Suspended && (p.enable(), n(p)) : p.status.get() === l.Ready && p.disable();
     else {
       for (const [, m] of t)
-        m.status.get() === f.Ready && m.disable();
+        m.status.get() === l.Ready && m.disable();
       n(null);
     }
     return () => {
       for (const [, m] of t)
-        m.status.get() === f.Ready && m.disable();
+        m.status.get() === l.Ready && m.disable();
     };
-  }, [o, r]);
-  const y = d(() => e ? e.featureConfig.get().type === c.GAMES ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(w, { gamification: e, sdk: r }) }) : /* @__PURE__ */ i("div", { children: "wait gamification..." }) : e.featureConfig.get().type === c.HIGHLIGHTS ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(G, { highlights: e, sdk: r }) }) : /* @__PURE__ */ i("div", { children: "wait highlights..." }) : /* @__PURE__ */ i("div", { children: "unknown feature" }) : null, [r, e]);
-  return /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ l(x, { children: [
-      /* @__PURE__ */ i(g, { onClick: () => r.logout(), children: "logout" }),
-      h.map((t) => /* @__PURE__ */ l(
-        g,
+  }, [r, o]);
+  const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(w, { gamification: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait gamification..." }) : e.featureConfig.get().type === g.HIGHLIGHTS ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(G, { highlights: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait highlights..." }) : /* @__PURE__ */ i("div", { children: "unknown feature" }) : null, [o, e]);
+  return /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ i(s, { onClick: () => o.closeFeature(), disabled: !d, children: "close" }),
+      /* @__PURE__ */ i(s, { onClick: () => o.logout(), children: "logout" }),
+      y.map((t) => /* @__PURE__ */ f(
+        s,
         {
-          onClick: () => r.openFeature(t.type),
+          onClick: () => o.openFeature(t.type),
           disabled: !(t.type in S),
           "data-enable_sdk_button": t.enableSdkButton.toString(),
-          "data-selected": t.type === o,
+          "data-selected": t.type === r,
           children: [
             /* @__PURE__ */ i("img", { src: t.icon, alt: "" }),
             t.name
@@ -122,14 +123,14 @@ const A = ({ activeFeature: o, sdk: r }) => {
         t.name
       ))
     ] }),
-    y
+    d
   ] });
-}, mi = ({ sdk: o }) => {
-  const r = s(o.organizationStore()), e = s(o.getUserStore()), n = s(o.getActiveFeature());
-  return r.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : r.data ? e.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ l(v, { children: [
-    /* @__PURE__ */ i(F, { notificationsStore: o.getNotificationsStore() }),
-    /* @__PURE__ */ i(A, { sdk: o, activeFeature: n })
-  ] }) : /* @__PURE__ */ i(H, { sdk: o }) : /* @__PURE__ */ i("div", { children: "wrong sdk key..." });
+}, mi = ({ 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() }),
+    /* @__PURE__ */ i(A, { sdk: r, activeFeature: n })
+  ] }) : /* @__PURE__ */ i(H, { sdk: r }) : /* @__PURE__ */ i("div", { children: "wrong sdk key..." });
 };
 export {
   mi as Demo

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

@@ -0,0 +1,34 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Container as n, PageTitle as l } from "./styles.js";
+import "@linaria/react";
+var m = /* @__PURE__ */ ((r) => (r.HOME = "home", r.LEADERBOARD = "leaderboard", r))(m || {});
+const p = ({ activePage: r = "home", toggleActivePage: o }) => /* @__PURE__ */ d(n, { children: [
+  /* @__PURE__ */ e(
+    l,
+    {
+      style: { borderBottom: r === "home" ? "2px solid var(--color-blue-primary)" : "none" },
+      onClick: () => o(
+        "home"
+        /* HOME */
+      ),
+      children: "Home"
+    }
+  ),
+  /* @__PURE__ */ e(
+    l,
+    {
+      style: {
+        borderBottom: r === "leaderboard" ? "2px solid var(--color-blue-primary)" : "none"
+      },
+      onClick: () => o(
+        "leaderboard"
+        /* LEADERBOARD */
+      ),
+      children: "Leader Board"
+    }
+  )
+] });
+export {
+  m as ActivePages,
+  p as Navigation
+};

package/lib/{lib → ui}/gamification/vote/components/voting-option/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "@streamlayer/sdk-web-types";
-import { V as n } from "../../../../../index-d5620d2c.js";
+import { V as n } from "../../../../../index-7045fbb2.js";
 import "./styles.js";
 import "@linaria/react";
 export {

package/lib/{lib → ui}/gamification/vote/index.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import { QuestionType as b } from "@streamlayer/sdk-web-types";
 import { useState as N, useCallback as s, useEffect as S } from "react";
-import { V as D, c as j } from "../../../index-d5620d2c.js";
+import { V as D, c as j } from "../../../index-7045fbb2.js";
 import { Container as p, Title as M, Options as h, Loader as Z, Feedback as u, FeedbackIcon as L, FeedbackTitle as z, FeedbackDescription as G } from "./styles.js";
 import "./components/voting-option/styles.js";
 import "@linaria/react";

package/lib/utils/decorators/container.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { StreamLayerThemeProvider as i } from "../../lib/theme/index.js";
+import { StreamLayerThemeProvider as i } from "../../ui/theme/index.js";
 import { AppContainer as m } from "./styles.js";
-import "../../lib/theme/theme.js";
+import "../../ui/theme/theme.js";
 import "@linaria/core";
-import "../../lib/theme/constants.js";
+import "../../ui/theme/constants.js";
 import "@linaria/react";
 const h = (o) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, {}) }) }) });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",

package/lib/lib/gamification/navigation/index.js

@@ -1,34 +0,0 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { Container as m, PageTitle as l } from "./styles.js";
-import "@linaria/react";
-var t = /* @__PURE__ */ ((r) => (r[r.HOME = 1] = "HOME", r[r.LEADERBOARD = 2] = "LEADERBOARD", r))(t || {});
-const E = ({ activePage: r = 1, toggleActivePage: o }) => /* @__PURE__ */ i(m, { children: [
-  /* @__PURE__ */ n(
-    l,
-    {
-      style: { borderBottom: r === 1 ? "2px solid var(--color-blue-primary)" : "none" },
-      onClick: () => o(
-        1
-        /* HOME */
-      ),
-      children: "Home"
-    }
-  ),
-  /* @__PURE__ */ n(
-    l,
-    {
-      style: {
-        borderBottom: r === 2 ? "2px solid var(--color-blue-primary)" : "none"
-      },
-      onClick: () => o(
-        2
-        /* LEADERBOARD */
-      ),
-      children: "Leader Board"
-    }
-  )
-] });
-export {
-  t as ActivePages,
-  E as Navigation
-};