@streamlayer/react-ui 0.5.8 → 0.22.0

package/README.md

@@ -1,6 +1,6 @@
 # react-ui
 
-This library was generatedwith [Nx](https://nx.dev).
+This library was generated with [Nx](https://nx.dev).
 
 ## Running unit tests
 Run `nx test react-ui` to execute the unit tests via [Jest](https://jestjs.io).

package/lib/icon-chevron-138a557c.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNMTIgOC4xNzIyMkMxMiA4LjI4NzgzIDExLjk3ODEgOC4zOTU1MyAxMS45MzQyIDguNDk1MzNDMTEuODkwMyA4LjU5NTEzIDExLjgyMiA4LjY4OTkyIDExLjcyOTIgOC43Nzk3TDYuMzY5NDkgMTMuOTQzOUM2LjIxNDYyIDE0LjA5NjUgNi4wMjc0MiAxNC4xNzI5IDUuODA3ODcgMTQuMTcyOUM1LjY1NzUyIDE0LjE3MjkgNS41MjE5MSAxNC4xMzc5IDUuNDAxMDQgMTQuMDY3OUM1LjI4MDE2IDEzLjk5OCA1LjE4MzEgMTMuOTAzOSA1LjEwOTg2IDEzLjc4NTZDNS4wMzY2MiAxMy42NjczIDUgMTMuNTM0NSA1IDEzLjM4NzNDNSAxMy4xNzIxIDUuMDgyODggMTIuOTgxOCA1LjI0ODYzIDEyLjgxNjRMMTAuMDgwNyA4LjE3MDk1TDUuMjQ4NjMgMy41Mjc5OUM1LjA4Mjg4IDMuMzY0MjUgNSAzLjE3NDM5IDUgMi45NTg0MUM1IDIuODExMTggNS4wMzY2MiAyLjY3ODQyIDUuMTA5ODYgMi41NjAxM0M1LjE4MzEgMi40NDE4MyA1LjI4MDE2IDIuMzQ3NzEgNS40MDEwNCAyLjI3Nzc3QzUuNTIxOTEgMi4yMDc4MiA1LjY1NzUyIDIuMTcyODUgNS44MDc4NyAyLjE3Mjg1QzYuMDI3NDIgMi4xNzI4NSA2LjIxNDYyIDIuMjQ3MzEgNi4zNjk0OSAyLjM5NjI0TDExLjcyOTIgNy41NjQ3M0MxMS44MjExIDcuNjU0NTEgMTEuODg5IDcuNzQ5MDkgMTEuOTMyOSA3Ljg0ODQ2QzExLjk3NjggNy45NDc4NCAxMS45OTkxIDguMDU1NzYgMTIgOC4xNzIyMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K";
+export {
+  M as i
+};

package/lib/icon-exit-d3f9fc80.js

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

package/lib/index-d5620d2c.js

@@ -0,0 +1,71 @@
+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";
+const o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", a = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K", G = ({
+  icon: D,
+  id: C,
+  title: c,
+  questionId: z,
+  disabled: x,
+  percentage: A,
+  onVote: y,
+  toggleIsLoadingSubmitAnswer: t,
+  correct: j,
+  questionAnswered: I,
+  hasCorrectAnswer: T,
+  answered: g,
+  points: Z,
+  questionType: d
+}) => {
+  var Q;
+  return I && g ? /* @__PURE__ */ N(
+    k,
+    {
+      "data-answeredCorrect": (Q = !T || j) == null ? void 0 : Q.toString(),
+      "data-questionAnswered": "false",
+      children: [
+        /* @__PURE__ */ M(L, { style: { width: `${A}%` } }),
+        /* @__PURE__ */ N(O, { disabled: x, onClick: () => y(z, C), children: [
+          D && /* @__PURE__ */ M(l, { alt: "option-icon", src: D }),
+          /* @__PURE__ */ M(E, { children: c }),
+          /* @__PURE__ */ N(u, { children: [
+            T && j && /* @__PURE__ */ M(S, { children: /* @__PURE__ */ M(n, { alt: "icon-correct", src: g ? a : o }) }),
+            /* @__PURE__ */ N(i, { children: [
+              A,
+              "%"
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ N(r, { "data-questionAnswered": I == null ? void 0 : I.toString(), children: [
+    I && /* @__PURE__ */ M(L, { style: { width: `${A}%` } }),
+    /* @__PURE__ */ N(
+      O,
+      {
+        disabled: x,
+        onClick: () => {
+          t(!0), y(z, C);
+        },
+        children: [
+          D && /* @__PURE__ */ M(l, { alt: "option-icon", src: D }),
+          /* @__PURE__ */ M(E, { children: c }),
+          I ? /* @__PURE__ */ N(u, { children: [
+            T && j && /* @__PURE__ */ M(S, { children: /* @__PURE__ */ M(n, { alt: "icon-correct", src: g ? a : o }) }),
+            /* @__PURE__ */ N(i, { children: [
+              A,
+              "%"
+            ] })
+          ] }) : d === w.PREDICTION ? /* @__PURE__ */ N(i, { children: [
+            Z,
+            " pts"
+          ] }) : null
+        ]
+      }
+    )
+  ] });
+};
+export {
+  G as V,
+  o as c
+};

package/lib/index.js

@@ -0,0 +1,91 @@
+import { QuestionInApp as So } from "./lib/notifications/notification/question-inapp/index.js";
+import { Login as co } from "./lib/login/index.js";
+import { Onboarding as yo } from "./lib/gamification/onboarding/index.js";
+import { Question as Do } from "./lib/gamification/question/index.js";
+import { QuestionList as Oo } from "./lib/gamification/question-list/index.js";
+import { UserStatistics as To } from "./lib/gamification/user-statistics/index.js";
+import { Vote as Vo } from "./lib/gamification/vote/index.js";
+import { Demo as ko } from "./lib/demo/index.js";
+import { StreamLayerThemeProvider as qo } from "./lib/theme/index.js";
+import { theme as zo } from "./lib/theme/theme.js";
+import "react/jsx-runtime";
+import "react";
+import "./icon-exit-d3f9fc80.js";
+import "./lib/notifications/notification/question-inapp/styles.js";
+import "@linaria/react";
+import "react-phone-number-input";
+import "react-auth-code-input";
+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 "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 "@streamlayer/sdk-web-types";
+import "./icon-chevron-138a557c.js";
+import "./lib/gamification/question/styles.js";
+import "./lib/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 "@streamlayer/sdk-web-interfaces";
+import "@streamlayer/sdk-web-features";
+import "@streamlayer/feature-gamification";
+import "@nanostores/react";
+import "./lib/notifications/index.js";
+import "./lib/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 "@linaria/core";
+export {
+  ko as Demo,
+  co as Login,
+  yo as Onboarding,
+  Do as Question,
+  So as QuestionInApp,
+  Oo as QuestionList,
+  qo as StreamLayerThemeProvider,
+  To as UserStatistics,
+  Vo as Vote,
+  zo as theme
+};

package/lib/lib/demo/Gamification.js

@@ -0,0 +1,95 @@
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { FeatureStatus as z } from "@streamlayer/sdk-web-interfaces";
+import { useStore as i } from "@nanostores/react";
+import { UserSummary as H } from "./components/UserSummary.js";
+import { QuestionsList as J } from "./components/QuestionsList.js";
+import { Question as K } from "./components/Question.js";
+import { Onboarding as M } 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 { DemoContainer as n, UserStatisticsContainer as N, QuestionsContainer as P } from "./styles.js";
+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 "@linaria/react";
+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 "react";
+import "../gamification/vote/index.js";
+import "../../index-d5620d2c.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 "../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";
+const zr = ({
+  gamification: r,
+  sdk: m
+}) => {
+  var a, u, l, d, v, c, y, b, C, h, G, S, Q, L, g, w, x, f, F, j, q, B, E;
+  const U = i(r.status), A = i(r.onboardingStatus), s = i(r.openedQuestion), { slStreamId: e } = i(m.sdkStore), o = i(r.featureSettings);
+  if (U !== z.Ready)
+    return /* @__PURE__ */ t("div", { children: "wait..." });
+  if (e != null && e.loading)
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) });
+  if (!(e != null && e.data))
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
+  if (!A)
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+      M,
+      {
+        closeFeature: m.closeFeature,
+        gamification: r,
+        steps: (u = (a = o.inplayGame) == null ? void 0 : a.onboarding) == null ? void 0 : u.steps,
+        gameIcon: (v = (d = (l = o.inplayGame) == null ? void 0 : l.overview) == null ? void 0 : d.media) == null ? void 0 : v.gameIcon,
+        sponsorLogo: (b = (y = (c = o.inplayGame) == null ? void 0 : c.overview) == null ? void 0 : y.media) == null ? void 0 : b.sponsorLogo,
+        rules: (h = (C = o.inplayGame) == null ? void 0 : C.rules) == null ? void 0 : h.rules,
+        rulesBtnLabel: (S = (G = o.inplayGame) == null ? void 0 : G.rules) == null ? void 0 : S.buttonLabel,
+        rulesTitle: (L = (Q = o.inplayGame) == null ? void 0 : Q.rules) == null ? void 0 : L.heading,
+        primaryColor: (x = (w = (g = o.inplayGame) == null ? void 0 : g.overview) == null ? void 0 : w.appearance) == null ? void 0 : x.primaryColor,
+        inviteCardTitle: (F = (f = o.inplayGame) == null ? void 0 : f.inviteCard) == null ? void 0 : F.heading,
+        inviteCardSubtext: (q = (j = o.inplayGame) == null ? void 0 : j.inviteCard) == null ? void 0 : q.subtext,
+        inviteCardBtnLabel: (E = (B = o.inplayGame) == null ? void 0 : B.inviteCard) == null ? void 0 : E.buttonLabel
+      }
+    ) });
+  const D = (p) => {
+    r.openQuestion(p);
+  }, O = () => {
+    r.closeQuestion();
+  }, R = (p, k) => {
+    r.submitAnswer(p, k);
+  };
+  return /* @__PURE__ */ T(n, { children: [
+    /* @__PURE__ */ t(N, { children: r.userSummary && /* @__PURE__ */ t(H, { store: r.userSummary.getStore() }) }),
+    /* @__PURE__ */ T(P, { children: [
+      r.questions && /* @__PURE__ */ t(J, { openQuestion: D, store: r.questions.getStore() }),
+      s && /* @__PURE__ */ t(K, { closeQuestion: O, vote: R, openedQuestion: s })
+    ] })
+  ] });
+};
+export {
+  zr as GamificationComponent
+};

package/lib/lib/demo/Highlights.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { FeatureStatus as d } from "@streamlayer/sdk-web-interfaces";
+import { useStore as m } from "@nanostores/react";
+import { DemoContainer as p } from "./styles.js";
+import "../gamification/user-statistics/components/statistics/styles.js";
+import "../gamification/user-statistics/components/rank/styles.js";
+import "../gamification/user-statistics/styles.js";
+import "../gamification/question/index.js";
+import "../gamification/question-list/styles.js";
+import "./components/Question.js";
+import "react";
+import "../gamification/onboarding/styles.js";
+import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
+import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
+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 "@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 "../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 "../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/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 "../gamification/common-header/styles.js";
+import "../gamification/detailed-insight/styles.js";
+const tt = ({ 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() }),
+    r && /* @__PURE__ */ t(
+      f,
+      {
+        openedInsight: r,
+        closeHighlights: i.closeFeature,
+        closeInsight: i.closeHighlight
+      }
+    )
+  ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
+};
+export {
+  tt as HighlightsComponent
+};

package/lib/lib/demo/Login.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Login as m } from "../login/index.js";
+import "react";
+import "react-phone-number-input";
+import "react-auth-code-input";
+import "../../utils/login.js";
+import "@connectrpc/connect-web";
+import "@connectrpc/connect";
+import "@streamlayer/sl-eslib/users/users_connect";
+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 "@linaria/react";
+import "../login/styles.js";
+const j = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
+  try {
+    await o.authorizationBypass("streamlayer:streamlayer", t);
+  } catch (r) {
+    throw console.log("login err", r), r;
+  }
+}, anonymousLogin: o.anonymousAuthorization, host: o.host });
+export {
+  j as LoginComponent
+};

package/lib/lib/demo/components/EventProvider.js

@@ -0,0 +1,5 @@
+import { jsx as r } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ r("div", { children: "EventProvider" });
+export {
+  o as EventProvider
+};

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

@@ -0,0 +1,31 @@
+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 "../../gamification/common-header/styles.js";
+import "@linaria/react";
+import "../../gamification/detailed-insight/styles.js";
+const j = ({ openedInsight: o, closeHighlights: r, closeInsight: s }) => {
+  var t, a, b, n, e;
+  const i = ((t = o.options) == null ? void 0 : t.options.case) === "factoid" ? {
+    image: o.options.options.value.image,
+    body: o.options.options.value.body,
+    webLink: (a = o.options.options.value.webLink) == null ? void 0 : a.url,
+    webLinkLabel: (b = o.options.options.value.webLink) == null ? void 0 : b.label
+  } : {}, l = o.subject || ((n = o.notification) == null ? void 0 : n.title), m = i.body || ((e = o.notification) == null ? void 0 : e.body);
+  return /* @__PURE__ */ p(
+    L,
+    {
+      image: i.image,
+      title: l,
+      description: m,
+      webLink: i.webLink,
+      webLinkLabel: i.webLinkLabel,
+      closeInsight: s,
+      closeHighlights: r
+    }
+  );
+};
+export {
+  j as Insight
+};

package/lib/lib/demo/components/Insights.js

@@ -0,0 +1,16 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useStore as s } from "@nanostores/react";
+import { InsightList as m } from "../../gamification/insight-list/index.js";
+import "../../gamification/insight/index.js";
+import "@streamlayer/sdk-web-types";
+import "../../../icon-chevron-138a557c.js";
+import "../../gamification/insight/styles.js";
+import "@linaria/react";
+import "../../gamification/insight-list/styles.js";
+const u = ({ highlights: r, store: o }) => {
+  const { data: t } = s(o);
+  return t ? /* @__PURE__ */ i(m, { insights: t, openInsight: r.openHighlight }) : /* @__PURE__ */ i("div", { children: "wait insights..." });
+};
+export {
+  u as Insights
+};

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

@@ -0,0 +1,101 @@
+import { jsx as D, jsxs as t } from "react/jsx-runtime";
+import { styled as y } from "@linaria/react";
+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 "../../gamification/vote/components/voting-option/styles.js";
+import "../../gamification/vote/styles.js";
+import "../../../icon-exit-d3f9fc80.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";
+const O = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA2OCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuNjE1NSA3LjQ0MTQ2SDUwLjcwNjZMNTYuMzA3MiAxMy44NjE1TDUwLjcwNjYgMjAuMjgwNUg1Ni40MzU3TDU5LjE1ODcgMTcuMTM3TDYxLjkwNjggMjAuMjgwNUg2Ny44NEw2Mi4xOSAxMy44MzQ4TDY3Ljc2MzYgNy40NDE0Nkg2Mi4wNjA2TDU5LjM4OTcgMTAuNTYwMkw1Ni42MTU1IDcuNDQxNDZaTTYyLjI3MjEgNy45MTY1OUw1OS4zOTY0IDExLjI3NDdMNTYuNDA5MiA3LjkxNjU5SDUxLjc0NDZMNTYuOTMwNyAxMy44NjE1TDUxLjc0NDcgMTkuODA1NEg1Ni4yMjU3TDU5LjE1NzEgMTYuNDIxM0w2Mi4xMTU2IDE5LjgwNTRINjYuNzk4N0w2MS41NjYgMTMuODM1N0w2Ni43MjYxIDcuOTE2NTlINjIuMjcyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDQuMzYzNSA3LjQ0MTQ2VjQuNTY0MDZINTAuNzA2NlYwLjA1NTk5OThIMzkuNzAyVjIwLjI4MDVINTAuNzA2NlYxNS43NjAxSDQ0LjM2MzVWMTEuNzc5NEg1MC43MDY2VjcuNDQxNDZINDQuMzYzNVpNNTAuMjQwOCA3LjkxNjU5SDQzLjg5NzhWNC4wODg5M0g1MC4yNDA4VjAuNTMxMTMySDQwLjE2NzhWMTkuODA1NEg1MC4yNDA4VjE2LjIzNTJINDMuODk3OFYxMS4zMDQzSDUwLjI0MDhWNy45MTY1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4wNiAwLjA1NTk5OThWOC4zMzI4MUgzNS4wMDg3QzMzLjk4MDMgNy4xMjc4NyAzMi42OTY2IDYuNzA4ODEgMzEuMjA3IDYuNzA4ODFDMjguMTU1MiA2LjcwODgxIDI1Ljg1NjEgOC44MjYgMjUuMDQ5MyAxMS42MjM2QzI0LjEyOCA4LjU0MDkyIDIxLjc1NDQgNi42NTA4NCAxOC4yMzQ5IDYuNjUwODRDMTUuMzc2OSA2LjY1MDg0IDEzLjExOTcgNy45NTkzNiAxMS45NDIyIDEwLjA5MThWNy40NDE0Nkg2LjAzNDE2VjQuNTY0MDZIMTIuNDgxNVYwLjA1NTk5OThIMC43NjgwMDVWMjAuMjgwNUg2LjAzNDE2VjExLjc3OTRIMTEuMjgzNkMxMS4xMjcgMTIuNDAzNyAxMS4wNDMyIDEzLjA3MjcgMTEuMDQzMiAxMy43Nzg4QzExLjA0MzIgMTcuOTk3IDE0LjIwMzEgMjAuOTU4IDE4LjIzNDkgMjAuOTU4QzIxLjYyNTggMjAuOTU4IDIzLjg2MDcgMTkuMzM0IDI1LjA0MTkgMTYuMzc0SDIwLjUyODRDMTkuOTE4MyAxNy4yNjQ0IDE5LjQ1NTMgMTcuNTI3NiAxOC4yMzQ5IDE3LjUyNzZDMTYuODE5OSAxNy41Mjc2IDE1LjU5OTUgMTYuMjY4NSAxNS41OTk1IDE0Ljc3NTZIMjQuNzg5NEMyNS4xODgxIDE4LjEyNjIgMjcuNzQ3MiAyMS4wMTYgMzEuMjU4MiAyMS4wMTZDMzIuNzczIDIxLjAxNiAzNC4xNjAxIDIwLjI1NTggMzUuMDA3OCAxOC45NzI5SDM1LjA1OVYyMC4yODI0SDM5LjcwMUwzOS43MDIgMC4wNTU5OTk4SDM1LjA2Wk0xNS43NDY3IDExLjgzOTNDMTYuMDM5MiAxMC41NTQ1IDE3LjAxNjQgOS43MTU0NSAxOC4yMzU4IDkuNzE1NDVDMTkuNTc4MiA5LjcxNTQ1IDIwLjUwNTEgMTAuNTI4OSAyMC43NDkyIDExLjgzOTNDMjAuODUxNyAxMS44MzkzIDE1Ljc0NjcgMTEuODM5MyAxNS43NDY3IDExLjgzOTNaTTMyLjI0MiAxNy4yMDE2QzMwLjUzMDcgMTcuMjAxNiAyOS40NjY4IDE1LjU3NDggMjkuNDY2OCAxMy44NzY3QzI5LjQ2NjggMTIuMDYxNyAzMC4zOTE5IDEwLjMxNiAzMi4yNDIgMTAuMzE2QzM0LjE2MDEgMTAuMzE2IDM0LjkyNCAxMi4wNjE3IDM0LjkyNCAxMy44NzY3QzM0LjkyNCAxNS41OTc2IDM0LjExNDQgMTcuMjAxNiAzMi4yNDIgMTcuMjAxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==", w = y.div`
+  position: absolute;
+  top: 0;
+  background: var(--color-transparent-item);
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+
+  > div {
+    width: 100%;
+    background: #000;
+    animation: slide-in 0.3s ease-in;
+  }
+
+  @keyframes slide-in {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+`, Q = ({ openedQuestion: M, closeQuestion: A, vote: g }) => {
+  var I;
+  const [z, T] = r(!1), c = u(
+    (j) => {
+      T(j);
+    },
+    [T]
+  ), N = i(
+    () => M == null ? void 0 : M.answers.find((j) => j.youVoted === !0),
+    [M]
+  ), x = i(
+    () => !!(M != null && M.answers.find((j) => j.correct === !0)),
+    [M]
+  );
+  return M ? /* @__PURE__ */ D(w, { children: /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ D(
+      E,
+      {
+        points: (N == null ? void 0 : N.points) || 0,
+        questionAnswered: !!N,
+        questionAnsweredCorrectly: N == null ? void 0 : N.correct,
+        logo: O,
+        closeQuestion: A,
+        setTimeToExpire: c,
+        questionType: M.type
+      }
+    ),
+    /* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(
+      L,
+      {
+        title: M.subject,
+        feedbackMessages: (I = M.options) == null ? void 0 : I.options.value,
+        questionType: M.type,
+        questionId: M.id,
+        questionAnswered: !!N,
+        questionAnsweredCorrectly: N == null ? void 0 : N.correct,
+        options: M.answers.map((j) => ({
+          id: j.id,
+          title: j.text,
+          icon: j.icon,
+          type: M.type,
+          correct: j.correct,
+          percentage: j.percentage,
+          answered: j.youVoted,
+          disabled: !!N || M.marketClosed || z,
+          questionAnswered: !!N,
+          hasCorrectAnswer: x,
+          points: j.points,
+          onVote: g
+        }))
+      }
+    ) })
+  ] }) }) : null;
+};
+export {
+  Q as Question
+};

package/lib/lib/demo/components/QuestionsList.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useStore as m } from "@nanostores/react";
+import { QuestionList as s } from "../../gamification/question-list/index.js";
+import "../../gamification/question/index.js";
+import "@streamlayer/sdk-web-types";
+import "../../../icon-chevron-138a557c.js";
+import "../../gamification/question/styles.js";
+import "@linaria/react";
+import "../../gamification/question-list/styles.js";
+const L = ({ store: r, openQuestion: i }) => {
+  const t = m(r);
+  return t != null && t.data ? /* @__PURE__ */ o(s, { openQuestion: i, questions: t.data }) : /* @__PURE__ */ o("div", { children: "wait questions..." });
+};
+export {
+  L as QuestionsList
+};

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

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useStore as e } from "@nanostores/react";
+import { UserStatistics as s } 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 g = ({ store: t }) => {
+  var m;
+  const { data: r } = e(t);
+  return r != null && r.summary ? /* @__PURE__ */ a(
+    s,
+    {
+      avatar: r.summary.avatar,
+      name: r.summary.name,
+      points: r.summary.points,
+      grade: "0",
+      friendsRank: r.summary.friendsRank,
+      globalRank: r.summary.rank,
+      winStreak: r.summary.streak,
+      correct: r.summary.correct,
+      incorrect: r.summary.incorrect,
+      successRate: (m = r.percentage) == null ? void 0 : m.average
+    }
+  ) : /* @__PURE__ */ a("div", { children: "wait user..." });
+};
+export {
+  g as UserSummary
+};

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

@@ -0,0 +1,59 @@
+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 "react/jsx-runtime";
+import "@nanostores/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 "@linaria/react";
+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 "@streamlayer/sdk-web-types";
+import "../../../icon-chevron-138a557c.js";
+import "../../gamification/question/styles.js";
+import "../../gamification/question-list/styles.js";
+import "react";
+import "../../gamification/vote/index.js";
+import "../../../index-d5620d2c.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 "../../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/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 "../../gamification/common-header/styles.js";
+import "../../gamification/detailed-insight/styles.js";
+export {
+  mo as Insight,
+  ro as Insights,
+  $ as Onboarding,
+  Z as Question,
+  X as QuestionsList,
+  V as UserSummary
+};