@streamlayer/react-ui 0.39.0 → 0.41.0

package/lib/index.d.ts

@@ -4,7 +4,7 @@ export * from './ui/gamification/onboarding';
 export * from './ui/gamification/tabs';
 export * from './ui/gamification/leaderboard-item-detail';
 export * from './ui/gamification/question';
-export * from './ui/gamification/question-list';
+export * from './ui/gamification/question/list';
 export * from './ui/gamification/user-statistics';
 export * from './ui/gamification/vote';
 export * from './ui/demo';

package/lib/index.js

@@ -4,7 +4,7 @@ import { Onboarding as Bo } from "./ui/gamification/onboarding/index.js";
 import { ActivePages as Eo, Tab as Fo, Tabs as Go } from "./ui/gamification/tabs/index.js";
 import { LeaderboardItemDetail as Jo } from "./ui/gamification/leaderboard-item-detail/index.js";
 import { Question as Mo } from "./ui/gamification/question/index.js";
-import { QuestionList as Ro } from "./ui/gamification/question-list/index.js";
+import { QuestionList as Ro } from "./ui/gamification/question/list/index.js";
 import { UserStatistics as Xo } from "./ui/gamification/user-statistics/index.js";
 import { Vote as Zo } from "./ui/gamification/vote/index.js";
 import { Demo as $o } from "./ui/demo/index.js";
@@ -41,22 +41,23 @@ import "./ui/gamification/leaderboard-item-detail/styles.js";
 import "@streamlayer/sdk-web-types";
 import "./ui/button/index.js";
 import "./ui/button/styles.js";
+import "./ui/gamification/constants.js";
 import "./ui/gamification/question/styles.js";
 import "./ui/icons/index.js";
-import "./ui/gamification/question-list/styles.js";
+import "./ui/gamification/question/list/styles.js";
 import "./utils/common.js";
 import "./ui/gamification/user-statistics/components/rank/index.js";
 import "./ui/gamification/user-statistics/components/rank/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/statistic/index.js";
+import "./ui/gamification/user-statistics/components/statistic/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 "@streamlayer/sdk-web-storage";
 import "@streamlayer/sdk-web-api";
+import "@streamlayer/sdk-web-storage";
 import "@nanostores/react";
 import "./ui/notifications/index.js";
 import "./ui/notifications/notification/index.js";
@@ -73,7 +74,6 @@ import "./ui/gamification/vote/components/voting-header/index.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/vote/components/voting-header/styles.js";
-import "./fedex-a8dcc7b2.js";
 import "./ui/gamification/insight/styles.js";
 import "./ui/gamification/insight-list/styles.js";
 import "./ui/gamification/detailed-insight/styles.js";

package/lib/ui/app/Features/Gamification/Leaderboard.js

@@ -11,8 +11,8 @@ 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/components/statistic/index.js";
+import "../../../gamification/user-statistics/components/statistic/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/app/Features/Gamification/Question.js

@@ -1,22 +1,16 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { styled as y } from "@linaria/react";
-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 { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { styled as n } from "@linaria/react";
+import { useState as p, useCallback as y, useMemo as o } from "react";
+import { Vote as x } from "../../../gamification/vote/index.js";
+import { VoteHeader as h } from "../../../gamification/vote/vote-header/index.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";
-const k = y.div`
+import "../../../gamification/constants.js";
+import "../../../gamification/vote/vote-header/styles.js";
+import "../../../icons/index.js";
+const b = n.div`
   position: absolute;
   top: 0;
   background: var(--color-transparent-item);
@@ -43,60 +37,51 @@ const k = y.div`
       transform: translateX(0);
     }
   }
-`, F = ({ openedQuestion: t, closeQuestion: a, vote: e }) => {
-  var s;
-  const [l, m] = d(!1), p = x(
-    (i) => {
-      m(i);
+`, M = ({ openedQuestion: t, closeQuestion: e, vote: m }) => {
+  var c;
+  const [l, a] = p(!1);
+  y(
+    (r) => {
+      a(r);
     },
-    [m]
-  ), r = c(
-    () => t == null ? void 0 : t.answers.find((i) => i.youVoted === !0),
+    [a]
+  );
+  const i = o(
+    () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
     [t]
-  ), f = c(
-    () => !!(t != null && t.answers.find((i) => i.correct === !0)),
+  ), f = o(
+    () => !!(t != null && t.answers.find((r) => r.correct === !0)),
     [t]
   );
-  return t ? /* @__PURE__ */ o(k, { children: /* @__PURE__ */ n("div", { children: [
-    /* @__PURE__ */ o(
-      h,
-      {
-        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__ */ o("div", { children: /* @__PURE__ */ o(
-      g,
+  return t ? /* @__PURE__ */ s(b, { children: /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ s(h, { close: e, type: t.type }),
+    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+      x,
       {
         title: t.subject,
-        feedbackMessages: (s = t.options) == null ? void 0 : s.options.value,
+        feedbackMessages: (c = t.options) == null ? void 0 : c.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,
+        questionAnswered: !!i,
+        questionAnsweredCorrectly: i == null ? void 0 : i.correct,
+        options: t.answers.map((r) => ({
+          id: r.id,
+          title: r.text,
+          icon: r.icon,
           type: t.type,
-          correct: i.correct,
-          percentage: i.percentage,
-          answered: i.youVoted,
-          disabled: !!r || t.marketClosed || l,
-          questionAnswered: !!r,
+          correct: r.correct,
+          percentage: r.percentage,
+          answered: r.youVoted,
+          disabled: !!i || t.marketClosed || l,
+          questionAnswered: !!i,
           hasCorrectAnswer: f,
-          points: i.points,
-          onVote: e
+          points: r.points,
+          onVote: m
         }))
       }
     ) })
   ] }) }) : null;
 };
 export {
-  F as Question
+  M as Question
 };

package/lib/ui/app/Features/Gamification/QuestionsList.js

@@ -1,19 +1,20 @@
 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 { 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-list/styles.js";
-const j = ({ store: r, openQuestion: i }) => {
+import "../../../gamification/question/list/styles.js";
+const l = ({ 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 {
-  j as QuestionsList
+  l as QuestionsList
 };

package/lib/ui/app/Features/Gamification/Tabs.js

@@ -1,10 +1,10 @@
-import { jsxs as e, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, Fragment as p, jsx as r } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { SDKContentContainer as n } from "../../styles.js";
-import { ActivePages as m, Tabs as a } from "../../../gamification/tabs/index.js";
-import { Leaderboard as u } from "./Leaderboard.js";
-import { QuestionsList as g } from "./QuestionsList.js";
-import { UserSummary as S } from "./UserSummary.js";
+import { SDKWhiteContainer as n, SDKContentContainer as a } from "../../styles.js";
+import { ActivePages as m, Tabs as u } from "../../../gamification/tabs/index.js";
+import { Leaderboard as S } from "./Leaderboard.js";
+import { QuestionsList as d } from "./QuestionsList.js";
+import { UserSummary as g } from "./UserSummary.js";
 import "@linaria/react";
 import "../../../gamification/tabs/styles.js";
 import "@nanostores/react";
@@ -16,8 +16,8 @@ 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/components/statistic/index.js";
+import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
 import "../../../gamification/leaderboard-item-detail/styles.js";
 import "../../../gamification/leaderboard-list/index.js";
@@ -26,25 +26,26 @@ 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 "../../../gamification/question-list/index.js";
+import "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
 import "@streamlayer/sdk-web-types";
 import "../../../button/index.js";
 import "../../../button/styles.js";
+import "../../../gamification/constants.js";
 import "../../../gamification/question/styles.js";
 import "../../../icons/index.js";
-import "../../../gamification/question-list/styles.js";
-const W = ({ gamification: r }) => {
-  const [o, i] = s(m.HOME);
-  return /* @__PURE__ */ e(p, { children: [
-    /* @__PURE__ */ t(a, { activePage: o, toggleActivePage: i }),
-    o === m.HOME && /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ t(S, { store: r.userSummary.getStore() }),
-      /* @__PURE__ */ t(g, { openQuestion: r.openQuestion, store: r.questions.getStore() })
+import "../../../gamification/question/list/styles.js";
+const Y = ({ gamification: t }) => {
+  const [o, e] = s(m.HOME);
+  return /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ i(n, { children: [
+      /* @__PURE__ */ r(u, { activePage: o, toggleActivePage: e }),
+      o === m.HOME && /* @__PURE__ */ r(g, { store: t.userSummary.getStore() })
     ] }),
-    o === m.LEADERBOARD && /* @__PURE__ */ t(u, { store: r.leaderboardList.getStore() })
+    o === m.HOME && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, { openQuestion: t.openQuestion, store: t.questions.getStore() }) }),
+    o === m.LEADERBOARD && /* @__PURE__ */ r(S, { store: t.leaderboardList.getStore() })
   ] });
 };
 export {
-  W as Tabs
+  Y as Tabs
 };

package/lib/ui/app/Features/Gamification/UserSummary.js

@@ -5,8 +5,8 @@ import "../../../../utils/common.js";
 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/components/statistic/index.js";
+import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
 const S = ({ store: m }) => {
   const { data: r } = o(m);

package/lib/ui/app/Features/Gamification/index.js

@@ -9,29 +9,24 @@ import "@streamlayer/sdk-web-types";
 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 "../../../theme/constants.js";
-import "../../../gamification/vote/components/voting-header/components/timer/styles.js";
-import "../../../gamification/vote/components/voting-header/styles.js";
-import "../../../../fedex-a8dcc7b2.js";
+import "../../../gamification/vote/vote-header/index.js";
+import "../../../gamification/constants.js";
+import "../../../gamification/vote/vote-header/styles.js";
+import "../../../icons/index.js";
 import "../../styles.js";
 import "../../../gamification/tabs/index.js";
 import "../../../gamification/tabs/styles.js";
 import "./Leaderboard.js";
 import "../../../gamification/leaderboard-item-detail/index.js";
 import "../../../gamification/common-header/index.js";
+import "../../../../icon-exit-6a55bb8f.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/components/statistic/index.js";
+import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
 import "../../../gamification/leaderboard-item-detail/styles.js";
 import "../../../gamification/leaderboard-list/index.js";
@@ -41,15 +36,14 @@ import "../../../gamification/leaderboard-item/index.js";
 import "../../../gamification/leaderboard-item/styles.js";
 import "../../../gamification/leaderboard-list/styles.js";
 import "./QuestionsList.js";
-import "../../../gamification/question-list/index.js";
+import "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
 import "../../../gamification/question/styles.js";
-import "../../../icons/index.js";
-import "../../../gamification/question-list/styles.js";
+import "../../../gamification/question/list/styles.js";
 import "./UserSummary.js";
-const io = ({
+const g = ({
   gamification: o
 }) => {
   const r = i(o.openedQuestion);
@@ -66,5 +60,5 @@ const io = ({
   ] });
 };
 export {
-  io as GamificationOverlay
+  g as GamificationOverlay
 };

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

@@ -12,16 +12,10 @@ 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 "../../theme/constants.js";
-import "../../gamification/vote/components/voting-header/components/timer/styles.js";
-import "../../gamification/vote/components/voting-header/styles.js";
-import "../../../fedex-a8dcc7b2.js";
+import "../../gamification/vote/vote-header/index.js";
+import "../../gamification/constants.js";
+import "../../gamification/vote/vote-header/styles.js";
+import "../../icons/index.js";
 import "./Gamification/Tabs.js";
 import "../styles.js";
 import "../../gamification/tabs/index.js";
@@ -29,13 +23,14 @@ import "../../gamification/tabs/styles.js";
 import "./Gamification/Leaderboard.js";
 import "../../gamification/leaderboard-item-detail/index.js";
 import "../../gamification/common-header/index.js";
+import "../../../icon-exit-6a55bb8f.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/components/statistic/index.js";
+import "../../gamification/user-statistics/components/statistic/styles.js";
 import "../../gamification/user-statistics/styles.js";
 import "../../gamification/leaderboard-item-detail/styles.js";
 import "../../gamification/leaderboard-list/index.js";
@@ -45,13 +40,12 @@ import "../../gamification/leaderboard-item/index.js";
 import "../../gamification/leaderboard-item/styles.js";
 import "../../gamification/leaderboard-list/styles.js";
 import "./Gamification/QuestionsList.js";
-import "../../gamification/question-list/index.js";
+import "../../gamification/question/list/index.js";
 import "../../gamification/question/index.js";
 import "../../button/index.js";
 import "../../button/styles.js";
 import "../../gamification/question/styles.js";
-import "../../icons/index.js";
-import "../../gamification/question-list/styles.js";
+import "../../gamification/question/list/styles.js";
 import "./Gamification/UserSummary.js";
 import "../../demo/components/Insight.js";
 import "../../gamification/detailed-insight/index.js";
@@ -61,7 +55,7 @@ import "../../gamification/insight-list/index.js";
 import "../../gamification/insight/index.js";
 import "../../gamification/insight/styles.js";
 import "../../gamification/insight-list/styles.js";
-const Gr = ({ sdk: i, feature: r }) => p(() => r ? r.featureConfig.get().type === o.GAMES ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(e, { gamification: r, sdk: i }) }) : r.featureConfig.get().type === o.HIGHLIGHTS ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(n, { highlights: r, sdk: i }) }) : null : null, [i, r]);
+const cr = ({ sdk: i, feature: r }) => p(() => r ? r.featureConfig.get().type === o.GAMES ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(e, { gamification: r, sdk: i }) }) : r.featureConfig.get().type === o.HIGHLIGHTS ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(n, { highlights: r, sdk: i }) }) : null : null, [i, r]);
 export {
-  Gr as ActiveFeature
+  cr as ActiveFeature
 };

package/lib/ui/app/masters.js

@@ -24,28 +24,24 @@ 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 "../gamification/vote/vote-header/index.js";
+import "../gamification/constants.js";
+import "../gamification/vote/vote-header/styles.js";
+import "../icons/index.js";
 import "./Features/Gamification/Tabs.js";
 import "../gamification/tabs/index.js";
 import "../gamification/tabs/styles.js";
 import "./Features/Gamification/Leaderboard.js";
 import "../gamification/leaderboard-item-detail/index.js";
 import "../gamification/common-header/index.js";
+import "../../icon-exit-6a55bb8f.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/components/statistic/index.js";
+import "../gamification/user-statistics/components/statistic/styles.js";
 import "../gamification/user-statistics/styles.js";
 import "../gamification/leaderboard-item-detail/styles.js";
 import "../gamification/leaderboard-list/index.js";
@@ -55,13 +51,12 @@ 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/list/index.js";
 import "../gamification/question/index.js";
 import "../button/index.js";
 import "../button/styles.js";
 import "../gamification/question/styles.js";
-import "../icons/index.js";
-import "../gamification/question-list/styles.js";
+import "../gamification/question/list/styles.js";
 import "./Features/Gamification/UserSummary.js";
 import "./Features/Highlights/index.js";
 import "../demo/components/Insight.js";
@@ -79,7 +74,7 @@ import "../navigation/button/styles.js";
 const F = ({ sdk: o }) => {
   const [, i] = k(o);
   return /* @__PURE__ */ t(v, { feature: i, sdk: o });
-}, Wr = ({ sdk: o, overlays: i, children: p, event: n }) => {
+}, zr = ({ sdk: o, overlays: i, children: p, event: n }) => {
   const { sdkEnabled: m, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
     o,
     n
@@ -101,5 +96,5 @@ const F = ({ sdk: o }) => {
   ] }) });
 };
 export {
-  Wr as MastersApp
+  zr as MastersApp
 };

package/lib/ui/app/styles.d.ts

@@ -2,3 +2,6 @@
 export declare const SDKContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SDKScrollContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SDKContentContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKWhiteContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/lib/ui/app/styles.js

@@ -1,10 +1,10 @@
 import { styled as n } from "@linaria/react";
-const a = n.div`
+const i = n.div`
   height: 100%;
   background: transparent;
   font-family: var(--font-regular);
   position: relative;
-`, i = n.div`
+`, r = n.div`
   overflow-y: auto;
   height: 100%;
   transition: transform;
@@ -15,12 +15,17 @@ const a = n.div`
     height: calc(100% - var(--header-height));
     transform: translateY(var(--header-height));
   }
-`, r = n.div`
-  padding-left: var(--container-padding);
-  padding-right: var(--container-padding);
+`, t = n.div`
+  display: flex;
+  flex-direction: column;
+  padding: var(--container-padding);
+  gap: var(--container-padding);
+`, o = n(t)`
+  background-color: var(--color-neutrals-white);
 `;
 export {
-  a as SDKContainer,
-  r as SDKContentContainer,
-  i as SDKScrollContainer
+  i as SDKContainer,
+  t as SDKContentContainer,
+  r as SDKScrollContainer,
+  o as SDKWhiteContainer
 };

package/lib/ui/demo/Gamification.js

@@ -20,16 +20,17 @@ 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/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/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-list/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";
@@ -43,7 +44,6 @@ 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 "../../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-invite-card/index.js";

package/lib/ui/demo/Highlights.js

@@ -3,10 +3,10 @@ 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/statistics/styles.js";
+import "../gamification/user-statistics/components/statistic/styles.js";
 import "../gamification/user-statistics/styles.js";
 import "../gamification/question/index.js";
-import "../gamification/question-list/styles.js";
+import "../gamification/question/list/styles.js";
 import "./components/Question.js";
 import "react";
 import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
@@ -24,6 +24,7 @@ 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 "../icons/index.js";
 import "../gamification/vote/index.js";
@@ -39,7 +40,6 @@ 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 "../../fedex-a8dcc7b2.js";
 import "../gamification/insight-list/index.js";
 import "../gamification/insight/index.js";
 import "../gamification/insight/styles.js";

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

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