@streamlayer/react-ui 0.27.3 → 0.28.1

package/lib/ui/app/Navigation/index.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useStore as e } from "@nanostores/react";
+import { useMemo as a } from "react";
+import { AvailableFeatures as b } from "@streamlayer/sdk-web-features";
+import { Navigation as v } from "../../navigation/index.js";
+import "../../navigation/styles.js";
+import "@linaria/react";
+const N = ({ customOverlays: t, activeButton: s, sdk: p }) => {
+  const { streamSettings: i, organizationSettings: r } = e(p.sdkStore), n = a(() => {
+    const o = (i == null ? void 0 : i.data) || (r == null ? void 0 : r.data);
+    return o != null && o.overlays ? o.overlays : [];
+  }, [r, i]), l = a(
+    () => [
+      ...n.filter(({ enableSdkButton: o }) => o).map((o) => ({
+        id: o.type,
+        onClick: () => p.openFeature(o.type),
+        disabled: !(o.type in b),
+        label: o.name,
+        icon: o.icon,
+        /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
+        position: o.position * 10
+      })),
+      ...Object.values(t).map(({ button: o }) => o)
+    ].sort((o, m) => o.position - m.position),
+    [n, p, t]
+  );
+  return /* @__PURE__ */ c(v, { buttons: l, activeButton: s });
+};
+export {
+  N as SDKNavigation
+};

package/lib/ui/app/Notifications/index.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Notifications as i } from "../../notifications/index.js";
+import "@nanostores/react";
+import "../../notifications/notification/index.js";
+import "react";
+import "@streamlayer/sdk-web-notifications";
+import "../../notifications/notification/onboarding-inapp/index.js";
+import "../../notifications/notification/onboarding-inapp/styles.js";
+import "@linaria/react";
+import "../../notifications/notification/question-inapp/index.js";
+import "../../../icon-exit-6a55bb8f.js";
+import "../../notifications/notification/question-inapp/styles.js";
+import "../../notifications/notification/styles.js";
+import "../../notifications/styles.js";
+const u = ({ sdk: o }) => /* @__PURE__ */ t(i, { notificationsStore: o.getNotificationsStore() });
+export {
+  u as SDKNotifications
+};

package/lib/ui/app/index.js

@@ -0,0 +1,91 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { StreamLayerThemeProvider as e } from "../theme/index.js";
+import { ActiveFeature as a } from "./Features/index.js";
+import { SDKNavigation as c } from "./Navigation/index.js";
+import { SDKNotifications as n } from "./Notifications/index.js";
+import { SDKContainer as f } from "./styles.js";
+import { useSdkFeature as s } from "./useSdkFeature.js";
+import "../theme/theme.js";
+import "@linaria/core";
+import "../theme/constants.js";
+import "react";
+import "@streamlayer/sdk-web-types";
+import "./Features/FeatureProvider.js";
+import "@nanostores/react";
+import "@streamlayer/sdk-web-interfaces";
+import "./Features/Gamification/index.js";
+import "./Features/Gamification/Question.js";
+import "@linaria/react";
+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/points/index.js";
+import "../gamification/vote/components/voting-header/components/points/styles.js";
+import "../gamification/vote/components/voting-header/components/timer/index.js";
+import "react-countdown-circle-timer";
+import "../gamification/vote/components/voting-header/components/timer/styles.js";
+import "../gamification/vote/components/voting-header/styles.js";
+import "../../fedex-a8dcc7b2.js";
+import "./Features/Gamification/Tabs.js";
+import "../gamification/navigation/index.js";
+import "../gamification/navigation/styles.js";
+import "./Features/Gamification/Leaderboard.js";
+import "../gamification/leaderboard-item-detail/index.js";
+import "../gamification/common-header/index.js";
+import "../gamification/common-header/styles.js";
+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/statistics/index.js";
+import "../gamification/user-statistics/components/statistics/styles.js";
+import "../gamification/user-statistics/styles.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";
+import "./Features/Gamification/QuestionsList.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 "./Features/Gamification/UserSummary.js";
+import "./Features/Highlights/index.js";
+import "../demo/components/Insight.js";
+import "../gamification/detailed-insight/index.js";
+import "../gamification/detailed-insight/styles.js";
+import "../demo/components/Insights.js";
+import "../gamification/insight-list/index.js";
+import "../gamification/insight/index.js";
+import "../gamification/insight/styles.js";
+import "../gamification/insight-list/styles.js";
+import "@streamlayer/sdk-web-features";
+import "../navigation/index.js";
+import "../navigation/styles.js";
+import "../notifications/index.js";
+import "../notifications/notification/index.js";
+import "@streamlayer/sdk-web-notifications";
+import "../notifications/notification/onboarding-inapp/index.js";
+import "../notifications/notification/onboarding-inapp/styles.js";
+import "../notifications/notification/question-inapp/index.js";
+import "../notifications/notification/question-inapp/styles.js";
+import "../notifications/notification/styles.js";
+import "../notifications/styles.js";
+const Gr = ({ sdk: r, overlays: o = {} }) => {
+  const [i, m] = s(r);
+  return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ p(f, { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ t(c, { sdk: r, customOverlays: o, activeButton: i }),
+    /* @__PURE__ */ t(n, { sdk: r }),
+    /* @__PURE__ */ t(a, { feature: m, sdk: r })
+  ] }) });
+};
+export {
+  Gr as App
+};

package/lib/ui/app/styles.js

@@ -0,0 +1,8 @@
+import { styled as o } from "@linaria/react";
+const r = o.div`
+  height: 100%;
+  background: #fff;
+`;
+export {
+  r as SDKContainer
+};

package/lib/ui/app/useSdkFeature.js

@@ -0,0 +1,24 @@
+import { useStore as i } from "@nanostores/react";
+import { useState as n, useEffect as c } from "react";
+import { FeatureStatus as s } from "@streamlayer/sdk-web-interfaces";
+const m = (a) => {
+  const r = i(a.getActiveFeature()), [o, f] = n(null);
+  return c(() => {
+    const u = a.getFeatures();
+    if (r)
+      for (const [e, t] of u)
+        e === r ? t.status.get() === s.Suspended && (t.enable(), f(t)) : t.status.get() === s.Ready && t.disable();
+    else {
+      for (const [, e] of u)
+        e.status.get() === s.Ready && e.disable();
+      f(null);
+    }
+    return () => {
+      for (const [, e] of u)
+        e.status.get() === s.Ready && e.disable();
+    };
+  }, [r, a]), [r, o];
+};
+export {
+  m as useSdkFeature
+};

package/lib/ui/demo/DemoPoints.js

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

package/lib/ui/demo/Gamification.js

@@ -18,10 +18,10 @@ 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/components/statistics/index.js";
+import "../gamification/user-statistics/components/statistics/styles.js";
 import "../gamification/user-statistics/styles.js";
 import "../gamification/question-list/index.js";
 import "../gamification/question/index.js";
@@ -34,20 +34,21 @@ 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/points/index.js";
+import "../gamification/vote/components/voting-header/components/points/styles.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 "../../fedex-a8dcc7b2.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/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-item-detail/index.js";
 import "../gamification/common-header/index.js";
 import "../gamification/leaderboard-item-detail/styles.js";
@@ -57,7 +58,7 @@ 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 = ({
+const mr = ({
   gamification: t,
   sdk: u
 }) => {
@@ -109,5 +110,5 @@ const pr = ({
   ] });
 };
 export {
-  pr as GamificationComponent
+  mr as GamificationComponent
 };

package/lib/ui/demo/Highlights.js

@@ -2,17 +2,17 @@ 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/components/statistics/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 "../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 "../gamification/common-header/styles.js";
@@ -30,13 +30,14 @@ 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/points/index.js";
+import "../gamification/vote/components/voting-header/components/points/styles.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 "../../fedex-a8dcc7b2.js";
 import "../gamification/insight-list/index.js";
 import "../gamification/insight/index.js";
 import "../gamification/insight/styles.js";
@@ -44,7 +45,7 @@ import "../gamification/insight-list/styles.js";
 import "../gamification/detailed-insight/index.js";
 import "../gamification/common-header/index.js";
 import "../gamification/detailed-insight/styles.js";
-const mt = ({ highlights: i, sdk: e }) => {
+const pt = ({ 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() }),
@@ -59,5 +60,5 @@ const mt = ({ highlights: i, sdk: e }) => {
   ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
 };
 export {
-  mt as HighlightsComponent
+  pt as HighlightsComponent
 };

package/lib/ui/demo/Login.js

@@ -1,19 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
+import "@streamlayer/sdk-web-anonymous-auth";
 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 "react-phone-number-input";
 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 "../../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 }) => /* @__PURE__ */ i(m, { login: async (t) => {
+const A = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
   try {
     await o.authorizationBypass("streamlayer:streamlayer", t);
   } catch (r) {
@@ -21,5 +22,5 @@ const j = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
   }
 }, anonymousLogin: o.anonymousAuthorization, host: o.host });
 export {
-  j as LoginComponent
+  A as LoginComponent
 };

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

@@ -9,10 +9,10 @@ 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/components/statistics/index.js";
+import "../../gamification/user-statistics/components/statistics/styles.js";
 import "../../gamification/user-statistics/styles.js";
 import "../../gamification/leaderboard-item-detail/styles.js";
 import "../../gamification/leaderboard-invite-link/index.js";

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

@@ -1,21 +1,22 @@
-import { jsx as D, jsxs as t } from "react/jsx-runtime";
+import { jsx as o, jsxs as n } 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 { useState as d, useCallback as x, useMemo as c } from "react";
+import { Vote as g } from "../../gamification/vote/index.js";
+import { VotingHeader as h } from "../../gamification/vote/components/voting-header/index.js";
+import { i as b } from "../../../fedex-a8dcc7b2.js";
 import "@streamlayer/sdk-web-types";
 import "../../../index-7045fbb2.js";
 import "../../gamification/vote/components/voting-option/styles.js";
 import "../../gamification/vote/styles.js";
 import "../../../icon-exit-6a55bb8f.js";
+import "../../gamification/vote/components/voting-header/components/points/index.js";
+import "../../gamification/vote/components/voting-header/components/points/styles.js";
 import "../../gamification/vote/components/voting-header/components/timer/index.js";
 import "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`
+const k = y.div`
   position: absolute;
   top: 0;
   background: var(--color-transparent-item);
@@ -42,60 +43,60 @@ const O = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXd
       transform: translateX(0);
     }
   }
-`, Q = ({ openedQuestion: M, closeQuestion: A, vote: g }) => {
-  var I;
-  const [z, T] = r(!1), c = u(
-    (j) => {
-      T(j);
+`, F = ({ openedQuestion: t, closeQuestion: a, vote: e }) => {
+  var s;
+  const [l, m] = d(!1), p = x(
+    (i) => {
+      m(i);
     },
-    [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]
+    [m]
+  ), r = c(
+    () => t == null ? void 0 : t.answers.find((i) => i.youVoted === !0),
+    [t]
+  ), f = c(
+    () => !!(t != null && t.answers.find((i) => i.correct === !0)),
+    [t]
   );
-  return M ? /* @__PURE__ */ D(w, { children: /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ D(
-      E,
+  return t ? /* @__PURE__ */ o(k, { children: /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ o(
+      h,
       {
-        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
+        points: (r == null ? void 0 : r.points) || 0,
+        questionAnswered: !!r,
+        questionAnsweredCorrectly: r == null ? void 0 : r.correct,
+        logo: b,
+        closeQuestion: a,
+        setTimeToExpire: p,
+        questionType: t.type
       }
     ),
-    /* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(
-      L,
+    /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+      g,
       {
-        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
+        title: t.subject,
+        feedbackMessages: (s = t.options) == null ? void 0 : s.options.value,
+        questionType: t.type,
+        questionId: t.id,
+        questionAnswered: !!r,
+        questionAnsweredCorrectly: r == null ? void 0 : r.correct,
+        options: t.answers.map((i) => ({
+          id: i.id,
+          title: i.text,
+          icon: i.icon,
+          type: t.type,
+          correct: i.correct,
+          percentage: i.percentage,
+          answered: i.youVoted,
+          disabled: !!r || t.marketClosed || l,
+          questionAnswered: !!r,
+          hasCorrectAnswer: f,
+          points: i.points,
+          onVote: e
         }))
       }
     ) })
   ] }) }) : null;
 };
 export {
-  Q as Question
+  F as Question
 };

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

@@ -2,21 +2,15 @@ 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 "@linaria/react";
+import "../../gamification/user-statistics/components/statistics/index.js";
+import "../../gamification/user-statistics/components/statistics/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..." });
+  return r != null && r.summary ? /* @__PURE__ */ t(i, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
 };
 export {
   S as UserSummary

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

@@ -1,19 +1,19 @@
-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 { UserSummary as tr } from "./UserSummary.js";
+import { QuestionsList as pr } from "./QuestionsList.js";
+import { Question as er } from "./Question.js";
+import { Onboarding as fr } from "../../gamification/onboarding/index.js";
+import { Insights as nr } from "./Insights.js";
+import { Insight as dr } from "./Insight.js";
+import { Leaderboard as ur } from "./Leaderboard.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 "@linaria/react";
+import "../../gamification/user-statistics/components/statistics/index.js";
+import "../../gamification/user-statistics/components/statistics/styles.js";
 import "../../gamification/user-statistics/styles.js";
 import "../../gamification/question-list/index.js";
 import "../../gamification/question/index.js";
@@ -28,20 +28,21 @@ 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/points/index.js";
+import "../../gamification/vote/components/voting-header/components/points/styles.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 "../../../fedex-a8dcc7b2.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/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/insight-list/index.js";
 import "../../gamification/insight/index.js";
 import "../../gamification/insight/styles.js";
@@ -59,11 +60,11 @@ import "../../gamification/leaderboard-item/index.js";
 import "../../gamification/leaderboard-item/styles.js";
 import "../../gamification/leaderboard-list/styles.js";
 export {
-  ar as Insight,
-  xr as Insights,
-  gr as Leaderboard,
-  sr as Onboarding,
-  ir as Question,
-  mr as QuestionsList,
-  or as UserSummary
+  dr as Insight,
+  nr as Insights,
+  ur as Leaderboard,
+  fr as Onboarding,
+  er as Question,
+  pr as QuestionsList,
+  tr as UserSummary
 };