@streamlayer/react-ui 0.55.0 → 0.57.0

package/lib/ui/show-in/index.js

@@ -1,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { styled as r } from "@linaria/react";
-const n = r.div`
+import { jsx as n } from "react/jsx-runtime";
+import { css as r, cx as e } from "@linaria/core";
+import { styled as m } from "@linaria/react";
+const s = m.div`
   overflow: hidden;
   width: 100%;
   transform: scale(1);
   opacity: 1;
   max-height: 500px;
 
-  animation: containerShowIn 0.1s ease-out;
+  animation: containerShowIn ease-out;
+  animation-duration: var(--animation-duration);
 
   @keyframes containerShowIn {
     0% {
@@ -30,7 +32,34 @@ const n = r.div`
       max-height: 500px;
     }
   }
-`, m = ({ children: t, style: a, className: o }) => /* @__PURE__ */ e(n, { style: a, className: o, children: t });
+`, c = r`
+  animation: containerHide ease-out;
+  animation-duration: var(--animation-duration);
+  animation-direction: reverse;
+  animation-fill-mode: forwards;
+
+  @keyframes containerHide {
+    0% {
+      transform: scale(0);
+      opacity: 0;
+      max-height: 0;
+    }
+    80% {
+      opacity: 0;
+      transform: scale(0.9);
+      max-height: 500px;
+    }
+    85% {
+      transform: scale(0.9);
+      max-height: 500px;
+    }
+    100% {
+      transform: scale(1);
+      opacity: 1;
+      max-height: 500px;
+    }
+  }
+`, f = ({ children: a, style: i, className: t, hiding: o }) => /* @__PURE__ */ n(s, { style: i, className: e(t, o && c), children: a });
 export {
-  m as ShowIn
+  f as ShowIn
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.55.0",
+  "version": "0.57.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -15,6 +15,11 @@
       "default": "./lib/ui/app/masters.js",
       "types": "./lib/ui/app/masters.d.js"
     },
+    "./points": {
+      "import": "./lib/ui/gamification/points/index.js",
+      "default": "./lib/ui/gamification/points/index.js",
+      "types": "./lib/ui/gamification/points/index.d.js"
+    },
     "./*": {
       "import": "./lib/*/index.js",
       "default": "./lib/*/index.js",
@@ -30,16 +35,16 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.21.2",
-    "@streamlayer/sdk-web": "^0.28.16",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.11",
+    "@streamlayer/feature-gamification": "^0.22.0",
+    "@streamlayer/sdk-web": "^0.28.17",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.12",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.5",
-    "@streamlayer/sdk-web-features": "^0.10.19",
-    "@streamlayer/sdk-web-interfaces": "^0.18.12",
-    "@streamlayer/sdk-web-notifications": "^0.10.11",
+    "@streamlayer/sdk-web-core": "^0.17.6",
+    "@streamlayer/sdk-web-features": "^0.10.20",
+    "@streamlayer/sdk-web-interfaces": "^0.18.13",
+    "@streamlayer/sdk-web-notifications": "^0.11.0",
     "@streamlayer/sdk-web-storage": "^0.0.2",
-    "@streamlayer/sdk-web-types": "^0.18.2"
+    "@streamlayer/sdk-web-types": "^0.19.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -78,6 +83,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.27.2"
+    "@streamlayer/react": "^0.28.1"
   }
 }

package/lib/ui/demo/DemoPoints.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const DemoPoints: React.FC<{
-    sdk: StreamLayerSDK;
-}>;

package/lib/ui/demo/DemoPoints.js

@@ -1,28 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FeatureType as s } from "@streamlayer/sdk-web-types";
-import { useStore as p } from "@nanostores/react";
-import { styled as u } from "@linaria/react";
-import { Points as a } from "../gamification/points/index.js";
-import "../theme/theme.js";
-import "@linaria/core";
-import "../theme/constants.js";
-import "../../utils/common.js";
-import "../gamification/points/styles.js";
-import "../icons/index.js";
-import "react";
-import "../theme/breakpoints.js";
-const d = u.div`
-  position: fixed;
-  top: 0;
-  right: 0;
-`, f = ({ store: o }) => {
-  var m, i, e, n;
-  const t = p(o);
-  return ((i = (m = t.data) == null ? void 0 : m.summary) == null ? void 0 : i.points) === void 0 ? null : /* @__PURE__ */ r(d, { children: ((n = (e = t.data) == null ? void 0 : e.summary) == null ? void 0 : n.points) && /* @__PURE__ */ r(a, { points: t.data.summary.points }) });
-}, A = ({ sdk: o }) => {
-  const t = o.getFeature(s.GAMES);
-  return t != null && t.userSummary ? /* @__PURE__ */ r(f, { store: t.userSummary.getStore() }) : null;
-};
-export {
-  A as DemoPoints
-};

package/lib/ui/demo/Gamification.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const GamificationComponent: React.FC<{
-    gamification: Gamification;
-    sdk: StreamLayerSDK;
-}>;

package/lib/ui/demo/Gamification.js

@@ -1,117 +0,0 @@
-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 { 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";
-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/tabs/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/question/list/index.js";
-import "../gamification/question/index.js";
-import "../button/index.js";
-import "../button/styles.js";
-import "../gamification/constants.js";
-import "../gamification/question/styles.js";
-import "../icons/index.js";
-import "../gamification/question/insight/index.js";
-import "../video-player/index.js";
-import "../video-player/styles.js";
-import "../gamification/question/insight/styles.js";
-import "../gamification/question/list/styles.js";
-import "../gamification/vote/index.js";
-import "../app/styles.js";
-import "../gamification/vote/feedback/index.js";
-import "../gamification/vote/feedback/styles.js";
-import "../gamification/vote/styles.js";
-import "../gamification/vote/vote-option/index.js";
-import "../gamification/vote/vote-option/styles.js";
-import "../gamification/vote/win-bar/index.js";
-import "../timer/index.js";
-import "react-countdown-circle-timer";
-import "../theme/constants.js";
-import "../gamification/vote/win-bar/styles.js";
-import "../../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";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/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/styles.js";
-import "../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../gamification/leaderboard/list-item/index.js";
-import "../gamification/leaderboard/list-item/styles.js";
-const at = ({
-  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);
-  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 (!j)
-    return /* @__PURE__ */ t(m, { 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
-      }
-    ) });
-  const H = (i) => {
-    r.openQuestion(i);
-  }, M = () => {
-    r.closeQuestion();
-  }, U = (i, k) => {
-    r.submitAnswer(i, k);
-  };
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ t(N, { activePage: n, toggleActivePage: (i) => {
-      q(i);
-    } }),
-    n === 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() })
-  ] });
-};
-export {
-  at as GamificationComponent
-};

package/lib/ui/demo/Highlights.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import type { Highlights } from '@streamlayer/feature-gamification';
-export declare const HighlightsComponent: React.FC<{
-    highlights: Highlights;
-    sdk: StreamLayerSDK;
-}>;

package/lib/ui/demo/Highlights.js

@@ -1,68 +0,0 @@
-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/rank/styles.js";
-import "../gamification/user-statistics/components/statistic/styles.js";
-import "../gamification/user-statistics/styles.js";
-import "../gamification/question/index.js";
-import "react";
-import "../icons/index.js";
-import "../video-player/styles.js";
-import "../gamification/question/insight/styles.js";
-import "../gamification/question/list/styles.js";
-import "./components/Question.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../gamification/onboarding/styles.js";
-import { Insights as c } from "./components/Insights.js";
-import { Insight as f } from "./components/Insight.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../gamification/leaderboard/list-item/styles.js";
-import "@linaria/react";
-import "@streamlayer/sdk-web-types";
-import "../button/index.js";
-import "../button/styles.js";
-import "../gamification/constants.js";
-import "../gamification/question/styles.js";
-import "../gamification/vote/index.js";
-import "../app/styles.js";
-import "../gamification/vote/feedback/index.js";
-import "../gamification/vote/feedback/styles.js";
-import "../gamification/vote/styles.js";
-import "../gamification/vote/vote-option/index.js";
-import "../gamification/vote/vote-option/styles.js";
-import "../gamification/vote/win-bar/index.js";
-import "../timer/index.js";
-import "react-countdown-circle-timer";
-import "../theme/constants.js";
-import "../gamification/vote/win-bar/styles.js";
-import "../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/common-header/styles.js";
-import "../gamification/detailed-insight/styles.js";
-const dt = ({ 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 {
-  dt as HighlightsComponent
-};

package/lib/ui/demo/Login.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const LoginComponent: React.FC<{
-    sdk: StreamLayerSDK;
-}>;

package/lib/ui/demo/Login.js

@@ -1,26 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "@streamlayer/sdk-web-anonymous-auth";
-import { Login as m } from "../login/index.js";
-import { useStore as n } from "@nanostores/react";
-import "react";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "../timer/index.js";
-import "@linaria/react";
-import "react-countdown-circle-timer";
-import "../theme/constants.js";
-import "../../utils/login.js";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "../login/styles.js";
-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) {
-    throw console.log("login err", t), t;
-  }
-}, anonymousLogin: o.anonymousAuthorization, host: o.host });
-export {
-  j as LoginComponent
-};

package/lib/ui/demo/components/EventProvider.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EventProvider: React.FC;

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

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

package/lib/ui/demo/components/Insight.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Highlights } from '@streamlayer/feature-gamification';
-export declare const Insight: React.FC<{
-    openedInsight: Exclude<Highlights['openedInsight']['value'], undefined>;
-    closeHighlights: () => void;
-    closeInsight: () => void;
-    className?: string;
-}>;

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

@@ -1,32 +0,0 @@
-import { jsx as L } from "react/jsx-runtime";
-import { DetailedInsight as c } 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 x = ({ openedInsight: o, closeHighlights: r, closeInsight: s, className: l }) => {
-  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
-  } : {}, m = o.subject || ((n = o.notification) == null ? void 0 : n.title), p = i.body || ((e = o.notification) == null ? void 0 : e.body);
-  return /* @__PURE__ */ L(
-    c,
-    {
-      className: l,
-      image: i.image,
-      title: m,
-      description: p,
-      webLink: i.webLink,
-      webLinkLabel: i.webLinkLabel,
-      closeInsight: s,
-      closeHighlights: r
-    }
-  );
-};
-export {
-  x as Insight
-};

package/lib/ui/demo/components/Insights.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { Highlights } from '@streamlayer/feature-gamification';
-export declare const Insights: React.FC<{
-    highlights: Highlights;
-    store: ReturnType<Exclude<Highlights['insights'], undefined>['getStore']>;
-    className?: string;
-}>;

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

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

package/lib/ui/demo/components/Leaderboard.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const Leaderboard: React.FC<{
-    store: ReturnType<Exclude<Gamification['leaderboardList'], undefined>['getStore']>;
-}>;

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

@@ -1,35 +0,0 @@
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import { useStore as u } from "@nanostores/react";
-import { useState as b } from "react";
-import { LeaderboardList as l } from "../../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../gamification/leaderboard/list-item/index.js";
-import "../../../utils/common.js";
-import "../../gamification/leaderboard/list-item/styles.js";
-import "@linaria/react";
-import "../../icons/index.js";
-const F = ({ store: a }) => {
-  const { data: r } = u(a), [m, s] = b(void 0);
-  if (!r)
-    return /* @__PURE__ */ e("div", { children: "wait leader board..." });
-  const d = (t) => {
-    var i;
-    const p = (i = r.find((n) => {
-      var o;
-      return ((o = n.attributes) == null ? void 0 : o.userId) === t;
-    })) == null ? void 0 : i.attributes;
-    s(p);
-  };
-  return /* @__PURE__ */ e(c, { children: !m && /* @__PURE__ */ e(
-    l,
-    {
-      items: r.filter((t) => t.attributes).map((t) => t.attributes),
-      openItemDetail: d
-    }
-  ) });
-};
-export {
-  F as Leaderboard
-};

package/lib/ui/demo/components/Question.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { GamificationBackground } from '@streamlayer/feature-gamification';
-export declare const Question: React.FC<{
-    openedQuestion: Awaited<ReturnType<GamificationBackground['openedQuestion']['getValue']>>;
-    closeQuestion: () => void;
-    vote: (questionId: string, answerId: string) => void;
-}>;

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

@@ -1,89 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as f } from "@linaria/react";
-import { useState as p, useCallback as n, useMemo as s } from "react";
-import { Vote as d } from "../../gamification/vote/index.js";
-import "../../app/styles.js";
-import "../../gamification/vote/feedback/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../icons/index.js";
-import "../../gamification/vote/feedback/styles.js";
-import "../../gamification/vote/styles.js";
-import "../../gamification/vote/vote-option/index.js";
-import "../../gamification/vote/vote-option/styles.js";
-import "../../gamification/vote/win-bar/index.js";
-import "../../timer/index.js";
-import "react-countdown-circle-timer";
-import "../../theme/constants.js";
-import "../../gamification/vote/win-bar/styles.js";
-const y = f.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);
-    }
-  }
-`, S = ({ openedQuestion: t, closeQuestion: h, vote: a }) => {
-  var c;
-  const [e, m] = p(!1);
-  n(
-    (r) => {
-      m(r);
-    },
-    [m]
-  );
-  const i = s(
-    () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
-    [t]
-  ), l = s(
-    () => !!(t != null && t.answers.find((r) => r.correct === !0)),
-    [t]
-  );
-  return t ? /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    d,
-    {
-      title: t.subject,
-      feedbackMessages: (c = t.options) == null ? void 0 : c.options.value,
-      questionType: t.type,
-      questionId: t.id,
-      questionVoted: !!i,
-      questionVotedCorrectly: 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,
-        questionVoted: !!i,
-        hasCorrectAnswer: l,
-        points: r.points,
-        onVote: a
-      }))
-    }
-  ) }) }) }) : null;
-};
-export {
-  S as Question
-};

package/lib/ui/demo/components/QuestionsList.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const QuestionsList: React.FC<{
-    store: ReturnType<Exclude<Gamification['questions'], undefined>['getStore']>;
-    openQuestion: (questionId: string) => void;
-}>;

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

@@ -1,24 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useStore as m } from "@nanostores/react";
-import { QuestionList as p } from "../../gamification/question/list/index.js";
-import "../../gamification/question/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../button/index.js";
-import "../../button/styles.js";
-import "@linaria/react";
-import "../../gamification/constants.js";
-import "../../gamification/question/styles.js";
-import "../../icons/index.js";
-import "react";
-import "../../gamification/question/insight/index.js";
-import "../../video-player/index.js";
-import "../../video-player/styles.js";
-import "../../gamification/question/insight/styles.js";
-import "../../gamification/question/list/styles.js";
-const S = ({ store: r, openQuestion: i }) => {
-  const t = m(r);
-  return t != null && t.data ? /* @__PURE__ */ o(p, { openQuestion: i, questions: t.data }) : /* @__PURE__ */ o("div", { children: "wait questions..." });
-};
-export {
-  S as QuestionsList
-};

package/lib/ui/demo/components/UserSummary.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const UserSummary: React.FC<{
-    store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
-}>;