@streamlayer/react-ui 0.24.3 → 0.25.1

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

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

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,17 +1,19 @@
-import { QuestionInApp as ho } from "./lib/notifications/notification/question-inapp/index.js";
-import { Login as bo } from "./lib/login/index.js";
-import { Onboarding as vo } from "./lib/gamification/onboarding/index.js";
-import { Question as Ao } from "./lib/gamification/question/index.js";
-import { QuestionList as Io } from "./lib/gamification/question-list/index.js";
-import { UserStatistics as Po } from "./lib/gamification/user-statistics/index.js";
-import { Vote as Uo } from "./lib/gamification/vote/index.js";
-import { Demo as jo } from "./lib/demo/index.js";
-import { StreamLayerThemeProvider as lo } from "./lib/theme/index.js";
-import { theme as wo } 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-d3f9fc80.js";
-import "./lib/notifications/notification/question-inapp/styles.js";
+import "./icon-exit-6a55bb8f.js";
+import "./ui/notifications/notification/question-inapp/styles.js";
 import "@linaria/react";
 import "react-phone-number-input";
 import "react-auth-code-input";
@@ -19,72 +21,84 @@ 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 "./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/common-header/styles.js";
-import "./lib/gamification/detailed-insight/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/gamification/common-header/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 {
-  jo as Demo,
-  bo as Login,
-  vo as Onboarding,
-  Ao as Question,
-  ho as QuestionInApp,
-  Io as QuestionList,
-  lo as StreamLayerThemeProvider,
-  Po as UserStatistics,
-  Uo as Vote,
-  wo as theme
+  Vo as ActivePages,
+  Ko as Demo,
+  qo as LeaderboardItemDetail,
+  No as Login,
+  jo as Navigation,
+  To as Onboarding,
+  zo as Question,
+  lo as QuestionInApp,
+  Co as QuestionList,
+  Ro as StreamLayerThemeProvider,
+  Fo as UserStatistics,
+  Ho as Vote,
+  Xo as theme
 };

package/lib/ui/demo/Gamification.js

@@ -0,0 +1,113 @@
+import { jsx as r, jsxs as s, Fragment as k } from "react/jsx-runtime";
+import { FeatureStatus as z } from "@streamlayer/sdk-web-interfaces";
+import { useStore as p } from "@nanostores/react";
+import { useState as J } from "react";
+import { ActivePages as a, Navigation as K } from "../gamification/navigation/index.js";
+import { UserSummary as V } from "./components/UserSummary.js";
+import { QuestionsList as W } from "./components/QuestionsList.js";
+import { Question as X } from "./components/Question.js";
+import { Onboarding as Y } from "../gamification/onboarding/index.js";
+import "@streamlayer/sdk-web-types";
+import "../gamification/insight/styles.js";
+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 "../gamification/navigation/styles.js";
+import "@linaria/react";
+import "../gamification/user-statistics/index.js";
+import "../../utils/common.js";
+import "../gamification/user-statistics/components/statistics/index.js";
+import "../gamification/user-statistics/components/statistics/styles.js";
+import "../gamification/user-statistics/components/rank/index.js";
+import "../gamification/user-statistics/components/rank/styles.js";
+import "../gamification/user-statistics/styles.js";
+import "../gamification/question-list/index.js";
+import "../gamification/question/index.js";
+import "../../icon-chevron-138a557c.js";
+import "../gamification/question/styles.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 "../gamification/vote/styles.js";
+import "../gamification/vote/components/voting-header/index.js";
+import "../../icon-exit-6a55bb8f.js";
+import "../gamification/vote/components/voting-header/components/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/components/voting-header/components/points/index.js";
+import "../gamification/vote/components/voting-header/components/points/styles.js";
+import "../gamification/onboarding/styles.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-rules/index.js";
+import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
+import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
+import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
+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 pr = ({
+  gamification: t,
+  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 j = p(t.status), q = p(t.onboardingStatus), l = p(t.openedQuestion), { slStreamId: o } = p(u.sdkStore), e = p(t.featureSettings), [n, H] = J(a.HOME);
+  if (j !== z.Ready)
+    return /* @__PURE__ */ r("div", { children: "wait..." });
+  if (o != null && o.loading)
+    return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: "Event is loading" }) });
+  if (!(o != null && o.data))
+    return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("div", { children: "Event is forbidden" }) });
+  if (!q)
+    return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+      Y,
+      {
+        closeFeature: u.closeFeature,
+        gamification: t,
+        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 M = (i) => {
+    t.openQuestion(i);
+  }, T = () => {
+    t.closeQuestion();
+  }, U = (i, N) => {
+    t.submitAnswer(i, N);
+  };
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ r(K, { activePage: n, toggleActivePage: (i) => {
+      H(i);
+    } }),
+    n === a.HOME && /* @__PURE__ */ s(k, { children: [
+      /* @__PURE__ */ r(_, { children: t.userSummary && /* @__PURE__ */ r(V, { store: t.userSummary.getStore() }) }),
+      /* @__PURE__ */ s($, { children: [
+        t.questions && /* @__PURE__ */ r(W, { openQuestion: M, store: t.questions.getStore() }),
+        l && /* @__PURE__ */ r(X, { closeQuestion: T, vote: U, openedQuestion: l })
+      ] })
+    ] }),
+    n === a.LEADERBOARD && t.leaderboardList && /* @__PURE__ */ r(Z, { store: t.leaderboardList.getStore() })
+  ] });
+};
+export {
+  pr as GamificationComponent
+};

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

@@ -15,16 +15,21 @@ import "../gamification/onboarding/components/onboarding-slides/onboarding-rules
 import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
 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";
 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";
-import "../../icon-exit-d3f9fc80.js";
+import "../../icon-exit-6a55bb8f.js";
 import "../gamification/vote/components/voting-header/components/timer/index.js";
 import "react-countdown-circle-timer";
 import "../theme/constants.js";
@@ -38,9 +43,8 @@ import "../gamification/insight/styles.js";
 import "../gamification/insight-list/styles.js";
 import "../gamification/detailed-insight/index.js";
 import "../gamification/common-header/index.js";
-import "../gamification/common-header/styles.js";
 import "../gamification/detailed-insight/styles.js";
-const tt = ({ 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() }),
@@ -55,5 +59,5 @@ const tt = ({ highlights: i, sdk: e }) => {
   ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
 };
 export {
-  tt as HighlightsComponent
+  mt as HighlightsComponent
 };

package/lib/{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-d3f9fc80.js";
+import "../../../icon-exit-6a55bb8f.js";
 import "../../gamification/common-header/styles.js";
 import "@linaria/react";
 import "../../gamification/detailed-insight/styles.js";

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

@@ -0,0 +1,48 @@
+import { jsx as e, 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 "../../gamification/common-header/styles.js";
+import "@linaria/react";
+import "../../gamification/user-statistics/index.js";
+import "../../../utils/common.js";
+import "../../gamification/user-statistics/components/statistics/index.js";
+import "../../gamification/user-statistics/components/statistics/styles.js";
+import "../../gamification/user-statistics/components/rank/index.js";
+import "../../gamification/user-statistics/components/rank/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 "../../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);
+  if (!r)
+    return /* @__PURE__ */ e("div", { children: "wait leader board..." });
+  const o = (t) => {
+    var m;
+    const d = (m = r.find((n) => {
+      var a;
+      return ((a = n.attributes) == null ? void 0 : a.userId) === t;
+    })) == null ? void 0 : m.attributes;
+    s(d);
+  };
+  return /* @__PURE__ */ c(l, { children: [
+    i && /* @__PURE__ */ e(f, { comeBack: () => o(null), ...i }),
+    !i && /* @__PURE__ */ e(
+      I,
+      {
+        items: r.filter((t) => t.attributes).map((t) => t.attributes),
+        openItemDetail: o
+      }
+    )
+  ] });
+};
+export {
+  M as Leaderboard
+};

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

@@ -4,10 +4,10 @@ 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-d3f9fc80.js";
+import "../../../icon-exit-6a55bb8f.js";
 import "../../gamification/vote/components/voting-header/components/timer/index.js";
 import "react-countdown-circle-timer";
 import "../../theme/constants.js";

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

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useStore as o } from "@nanostores/react";
+import { UserStatistics as i } from "../../gamification/user-statistics/index.js";
+import "../../../utils/common.js";
+import "../../gamification/user-statistics/components/statistics/index.js";
+import "../../gamification/user-statistics/components/statistics/styles.js";
+import "@linaria/react";
+import "../../gamification/user-statistics/components/rank/index.js";
+import "../../gamification/user-statistics/components/rank/styles.js";
+import "../../gamification/user-statistics/styles.js";
+const S = ({ store: m }) => {
+  const { data: r } = o(m);
+  return r != null && r.summary ? /* @__PURE__ */ t(
+    i,
+    {
+      ...r.summary,
+      ...r.percentage
+    }
+  ) : /* @__PURE__ */ t("div", { children: "wait user..." });
+};
+export {
+  S as UserSummary
+};

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

@@ -1,9 +1,10 @@
-import { UserSummary as V } from "./UserSummary.js";
-import { QuestionsList as X } from "./QuestionsList.js";
-import { Question as Z } from "./Question.js";
-import { Onboarding as $ } from "../../gamification/onboarding/index.js";
-import { Insights as ro } from "./Insights.js";
-import { Insight as mo } from "./Insight.js";
+import { UserSummary as or } from "./UserSummary.js";
+import { QuestionsList as mr } from "./QuestionsList.js";
+import { Question as ir } from "./Question.js";
+import { Onboarding as sr } from "../../gamification/onboarding/index.js";
+import { Insights as xr } from "./Insights.js";
+import { Insight as ar } from "./Insight.js";
+import { Leaderboard as gr } from "./Leaderboard.js";
 import "react/jsx-runtime";
 import "@nanostores/react";
 import "../../gamification/user-statistics/index.js";
@@ -22,11 +23,11 @@ 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";
-import "../../../icon-exit-d3f9fc80.js";
+import "../../../icon-exit-6a55bb8f.js";
 import "../../gamification/vote/components/voting-header/components/timer/index.js";
 import "react-countdown-circle-timer";
 import "../../theme/constants.js";
@@ -49,11 +50,20 @@ import "../../gamification/detailed-insight/index.js";
 import "../../gamification/common-header/index.js";
 import "../../gamification/common-header/styles.js";
 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 {
-  mo as Insight,
-  ro as Insights,
-  $ as Onboarding,
-  Z as Question,
-  X as QuestionsList,
-  V as UserSummary
+  ar as Insight,
+  xr as Insights,
+  gr as Leaderboard,
+  sr as Onboarding,
+  ir as Question,
+  mr as QuestionsList,
+  or as UserSummary
 };