@streamlayer/react-ui 0.52.2 → 0.54.0

package/lib/index.d.ts

@@ -2,7 +2,6 @@ export * from './ui/notifications/notification/question-inapp';
 export * from './ui/login';
 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/user-statistics';

package/lib/index.js

@@ -1,16 +1,15 @@
-import { QuestionInApp as jr } from "./ui/notifications/notification/question-inapp/index.js";
-import { Login as qr } from "./ui/login/index.js";
-import { Onboarding as zr } from "./ui/gamification/onboarding/index.js";
-import { ActivePages as Er, Tab as Fr, Tabs as Gr } from "./ui/gamification/tabs/index.js";
-import { LeaderboardItemDetail as Jr } from "./ui/gamification/leaderboard-item-detail/index.js";
-import { Question as Mr } from "./ui/gamification/question/index.js";
-import { QuestionList as Rr } from "./ui/gamification/question/list/index.js";
-import { UserStatistics as Xr } from "./ui/gamification/user-statistics/index.js";
-import { Vote as Zr } from "./ui/gamification/vote/index.js";
-import { Demo as $r } from "./ui/demo/index.js";
-import { Points as oo } from "./ui/gamification/points/index.js";
-import { StreamLayerThemeProvider as mo } from "./ui/theme/index.js";
-import { ThemeVariables as io, resetCss as eo, theme as so, themeStr as fo } from "./ui/theme/theme.js";
+import { QuestionInApp as jo } from "./ui/notifications/notification/question-inapp/index.js";
+import { Login as qo } from "./ui/login/index.js";
+import { Onboarding as zo } from "./ui/gamification/onboarding/index.js";
+import { ActivePages as Eo, Tab as Fo, Tabs as Go } from "./ui/gamification/tabs/index.js";
+import { Question as Jo } from "./ui/gamification/question/index.js";
+import { QuestionList as Mo } from "./ui/gamification/question/list/index.js";
+import { UserStatistics as Ro } from "./ui/gamification/user-statistics/index.js";
+import { Vote as Xo } from "./ui/gamification/vote/index.js";
+import { Demo as Zo } from "./ui/demo/index.js";
+import { Points as $o } from "./ui/gamification/points/index.js";
+import { StreamLayerThemeProvider as rr } from "./ui/theme/index.js";
+import { ThemeVariables as mr, resetCss as pr, theme as ir, themeStr as er } from "./ui/theme/theme.js";
 import "react/jsx-runtime";
 import "react";
 import "./icon-exit-d3f9fc80.js";
@@ -34,15 +33,14 @@ import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rul
 import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
 import "./ui/gamification/onboarding/styles.js";
 import "./ui/gamification/tabs/styles.js";
-import "./ui/gamification/common-header/index.js";
-import "./ui/gamification/common-header/styles.js";
-import "./ui/gamification/leaderboard-item-detail/styles.js";
 import "@streamlayer/sdk-web-types";
 import "./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/insight/index.js";
+import "./ui/gamification/insight/styles.js";
 import "./ui/gamification/question/list/styles.js";
 import "./utils/common.js";
 import "./ui/gamification/user-statistics/components/rank/index.js";
@@ -74,45 +72,44 @@ import "./ui/demo/Gamification.js";
 import "./ui/demo/components/UserSummary.js";
 import "./ui/demo/components/QuestionsList.js";
 import "./ui/demo/components/Question.js";
-import "./ui/gamification/insight/styles.js";
 import "./ui/gamification/insight-list/styles.js";
+import "./ui/gamification/common-header/styles.js";
 import "./ui/gamification/detailed-insight/styles.js";
 import "./ui/demo/components/Leaderboard.js";
-import "./ui/gamification/leaderboard-list/index.js";
+import "./ui/gamification/leaderboard/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "./ui/gamification/leaderboard-item/index.js";
-import "./ui/gamification/leaderboard-item/styles.js";
+import "./ui/gamification/leaderboard/list-item/index.js";
+import "./ui/gamification/leaderboard/list-item/styles.js";
 import "./ui/demo/styles.js";
 import "./ui/demo/Highlights.js";
 import "./ui/demo/components/Insights.js";
 import "./ui/gamification/insight-list/index.js";
-import "./ui/gamification/insight/index.js";
 import "./ui/demo/components/Insight.js";
 import "./ui/gamification/detailed-insight/index.js";
+import "./ui/gamification/common-header/index.js";
 import "./ui/demo/Login.js";
 import "@streamlayer/sdk-web-anonymous-auth";
 import "./ui/gamification/points/styles.js";
 import "./ui/theme/breakpoints.js";
 import "@linaria/core";
 export {
-  Er as ActivePages,
-  $r as Demo,
-  Jr as LeaderboardItemDetail,
-  qr as Login,
-  zr as Onboarding,
-  oo as Points,
-  Mr as Question,
-  jr as QuestionInApp,
-  Rr as QuestionList,
-  mo as StreamLayerThemeProvider,
-  Fr as Tab,
-  Gr as Tabs,
-  io as ThemeVariables,
-  Xr as UserStatistics,
-  Zr as Vote,
-  eo as resetCss,
-  so as theme,
-  fo as themeStr
+  Eo as ActivePages,
+  Zo as Demo,
+  qo as Login,
+  zo as Onboarding,
+  $o as Points,
+  Jo as Question,
+  jo as QuestionInApp,
+  Mo as QuestionList,
+  rr as StreamLayerThemeProvider,
+  Fo as Tab,
+  Go as Tabs,
+  mr as ThemeVariables,
+  Ro as UserStatistics,
+  Xo as Vote,
+  pr as resetCss,
+  ir as theme,
+  er as themeStr
 };

package/lib/ui/app/Features/Gamification/Leaderboard.d.ts

@@ -2,4 +2,5 @@
 import type { Gamification } from '@streamlayer/feature-gamification';
 export declare const Leaderboard: React.FC<{
     leaderboardList: Gamification['leaderboardList'];
+    openUser: (userId: string) => void;
 }>;

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

@@ -1,30 +1,19 @@
-import { jsxs as c, Fragment as n, jsx as m } from "react/jsx-runtime";
-import { useStore as d } from "@nanostores/react";
-import { useState as f } from "react";
-import { LeaderboardItemDetail as l } from "../../../gamification/leaderboard-item-detail/index.js";
-import { LeaderboardList as I } from "../../../gamification/leaderboard-list/index.js";
-import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-d3f9fc80.js";
-import "../../../gamification/common-header/styles.js";
-import "@linaria/react";
-import "../../../gamification/leaderboard-item-detail/styles.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useStore as e } from "@nanostores/react";
+import { LeaderboardList as i } from "../../../gamification/leaderboard/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "../../../gamification/leaderboard-item/index.js";
+import "../../../gamification/leaderboard/list-item/index.js";
 import "../../../../utils/common.js";
-import "../../../gamification/leaderboard-item/styles.js";
+import "../../../gamification/leaderboard/list-item/styles.js";
+import "@linaria/react";
 import "../../../icons/index.js";
-const w = ({ leaderboardList: o }) => {
-  const { data: r } = d(o.$store), [t, i] = f(void 0), e = (p) => {
-    const a = r.find((s) => s.userId === p);
-    i(a);
-  };
-  return /* @__PURE__ */ c(n, { children: [
-    t && /* @__PURE__ */ m(l, { comeBack: () => e(null), ...t }),
-    !t && /* @__PURE__ */ m(I, { fetchMore: o.fetchMore, items: r, openItemDetail: e })
-  ] });
+import "react";
+const b = ({ leaderboardList: o, openUser: r }) => {
+  const { data: t } = e(o.$store);
+  return /* @__PURE__ */ m(i, { fetchMore: o.fetchMore, items: t, openItemDetail: r });
 };
 export {
-  w as Leaderboard
+  b as Leaderboard
 };

package/lib/ui/app/Features/Gamification/Question.d.ts

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

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

@@ -1,9 +1,10 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { styled as l } from "@linaria/react";
-import { QuestionType as c } from "@streamlayer/sdk-web-types";
-import { VoteHeader as f } from "../../../gamification/detail/header/index.js";
-import { Sponsor as s } from "../../../gamification/detail/sponsor/index.js";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { styled as p } from "@linaria/react";
+import { useStore as n } from "@nanostores/react";
+import { QuestionType as u } from "@streamlayer/sdk-web-types";
+import { VoteHeader as l } from "../../../gamification/detail/header/index.js";
 import { Vote as a } from "../../../gamification/vote/index.js";
+import { InsightDetails as c } from "../../../gamification/vote/insight-details/index.js";
 import "../../../gamification/constants.js";
 import "../../../gamification/detail/header/styles.js";
 import "../../../icons/index.js";
@@ -19,7 +20,10 @@ import "../../../timer/index.js";
 import "react-countdown-circle-timer";
 import "../../../theme/constants.js";
 import "../../../gamification/vote/win-bar/styles.js";
-const x = l.div`
+import "../../../video-player/index.js";
+import "../../../video-player/styles.js";
+import "../../../gamification/vote/insight-details/styles.js";
+const d = p.div`
   background: var(--color-transparent-item);
   width: 100%;
   height: 100%;
@@ -28,14 +32,24 @@ const x = l.div`
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
-`, D = ({ openedQuestion: r, closeQuestion: m, vote: i }) => {
-  var o;
-  return /* @__PURE__ */ p(x, { children: [
-    /* @__PURE__ */ t(f, { close: m, type: (r == null ? void 0 : r.type) || c.UNSET }),
-    r && /* @__PURE__ */ t(a, { vote: i, openedQuestion: r }),
-    /* @__PURE__ */ t(s, { sponsorLogo: (o = r == null ? void 0 : r.sponsorship) == null ? void 0 : o.logo })
+`, f = ({ openedQuestion: t }) => {
+  var r;
+  return ((r = t == null ? void 0 : t.attributes) == null ? void 0 : r.attributes.case) === "insight" ? /* @__PURE__ */ e(c, { ...t.attributes.attributes.value }) : null;
+}, h = ({ extendedQuestion: t, vote: r }) => {
+  const { loading: i, data: o } = t;
+  return !i && o ? /* @__PURE__ */ e(a, { vote: r, openedQuestion: o }) : null;
+}, F = ({ gamification: t }) => {
+  var s;
+  const r = n(t.openedQuestion.$store), i = n(t.openedQuestion.$extendedStore);
+  if (!r)
+    return null;
+  const o = r.type;
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ e(l, { close: t.closeQuestion, type: ((s = r.attributes) == null ? void 0 : s.type) || u.UNSET }),
+    o === "question" && /* @__PURE__ */ e(h, { vote: t.submitAnswer, extendedQuestion: i }),
+    o !== "question" && /* @__PURE__ */ e(f, { openedQuestion: r })
   ] });
 };
 export {
-  D as Question
+  F as Question
 };

package/lib/ui/app/Features/Gamification/QuestionsList.d.ts

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

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

@@ -1,20 +1,22 @@
 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 "../../../gamification/insight/index.js";
 import "@streamlayer/sdk-web-types";
+import "../../../gamification/insight/styles.js";
+import "@linaria/react";
+import "../../../gamification/question/index.js";
 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 l = ({ store: r, openQuestion: i }) => {
+const w = ({ 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 {
-  l as QuestionsList
+  w as QuestionsList
 };

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

@@ -1,29 +1,26 @@
-import { jsxs as m, Fragment as s, jsx as r } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { SDKWhiteContainer as a, SDKContentContainer as e } from "../../styles.js";
-import { ActivePages as i, Tabs as d } from "../../../gamification/tabs/index.js";
-import { Leaderboard as u } from "./Leaderboard.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { SDKWhiteContainer as n, SDKContentContainer as m } from "../../styles.js";
+import { ActivePages as e, Tabs as d } from "../../../gamification/tabs/index.js";
+import { Leaderboard as a } from "./Leaderboard.js";
 import { QuestionsList as l } from "./QuestionsList.js";
-import { UserSummary as c } from "./UserSummary.js";
+import { UserSummary as u } from "./UserSummary.js";
 import "@linaria/react";
 import "../../../gamification/tabs/styles.js";
 import "@nanostores/react";
-import "../../../gamification/leaderboard-item-detail/index.js";
-import "../../../gamification/common-header/index.js";
-import "../../../../icon-exit-d3f9fc80.js";
-import "../../../gamification/common-header/styles.js";
-import "../../../gamification/leaderboard-item-detail/styles.js";
-import "../../../gamification/leaderboard-list/index.js";
+import "../../../gamification/leaderboard/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "../../../gamification/leaderboard-item/index.js";
+import "../../../gamification/leaderboard/list-item/index.js";
 import "../../../../utils/common.js";
-import "../../../gamification/leaderboard-item/styles.js";
+import "../../../gamification/leaderboard/list-item/styles.js";
 import "../../../icons/index.js";
 import "../../../gamification/question/list/index.js";
-import "../../../gamification/question/index.js";
+import "../../../gamification/insight/index.js";
 import "@streamlayer/sdk-web-types";
+import "../../../gamification/insight/styles.js";
+import "../../../gamification/question/index.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
 import "../../../gamification/constants.js";
@@ -35,17 +32,17 @@ 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";
-const Y = ({ gamification: t }) => {
-  const [o, p] = n(i.HOME);
-  return /* @__PURE__ */ m(s, { children: [
-    /* @__PURE__ */ m(a, { children: [
+const J = ({ gamification: t }) => {
+  const [o, p] = s(e.HOME);
+  return /* @__PURE__ */ i("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ i(n, { children: [
       /* @__PURE__ */ r(d, { activePage: o, toggleActivePage: p }),
-      o === i.HOME && /* @__PURE__ */ r(c, { store: t.userSummary.getStore() })
+      o === e.HOME && /* @__PURE__ */ r(u, { store: t.userSummary.getStore() })
     ] }),
-    o === i.HOME && /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(l, { openQuestion: t.openQuestion, store: t.questions.getStore() }) }),
-    o === i.LEADERBOARD && /* @__PURE__ */ r(e, { style: { flex: "1 1 auto" }, children: /* @__PURE__ */ r(u, { leaderboardList: t.leaderboardList }) })
+    o === e.HOME && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(l, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
+    o === e.LEADERBOARD && /* @__PURE__ */ r(m, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ r(a, { openUser: t.openUser, leaderboardList: t.leaderboardList }) })
   ] });
 };
 export {
-  Y as Tabs
+  J as Tabs
 };

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

@@ -1,17 +1,23 @@
-import { jsxs as p, Fragment as e, jsx as r } from "react/jsx-runtime";
-import { styled as n } from "@linaria/react";
-import { useStore as s } from "@nanostores/react";
-import { SDKScrollContainer as d } from "../../styles.js";
-import { ShowIn as u } from "../../../show-in/index.js";
-import { Question as l } from "./Question.js";
-import { Tabs as a } from "./Tabs.js";
-import "@streamlayer/sdk-web-types";
-import "../../../gamification/detail/header/index.js";
+import { jsxs as p, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { styled as t } from "@linaria/react";
+import { useStore as m } from "@nanostores/react";
+import { SDKWhiteContainer as a, SDKScrollContainer as l } from "../../styles.js";
+import { VoteHeader as c } from "../../../gamification/detail/header/index.js";
+import { UserStatistics as h } from "../../../gamification/user-statistics/index.js";
+import { ShowIn as n } from "../../../show-in/index.js";
+import { Question as u } from "./Question.js";
+import { Tabs as f } from "./Tabs.js";
 import "../../../gamification/constants.js";
+import "@streamlayer/sdk-web-types";
 import "../../../gamification/detail/header/styles.js";
 import "../../../icons/index.js";
 import "react";
-import "../../../gamification/detail/sponsor/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/vote/index.js";
 import "../../../gamification/vote/feedback/index.js";
 import "../../../gamification/vote/feedback/styles.js";
@@ -23,55 +29,65 @@ import "../../../timer/index.js";
 import "react-countdown-circle-timer";
 import "../../../theme/constants.js";
 import "../../../gamification/vote/win-bar/styles.js";
+import "../../../gamification/vote/insight-details/index.js";
+import "../../../video-player/index.js";
+import "../../../video-player/styles.js";
+import "../../../gamification/vote/insight-details/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-d3f9fc80.js";
-import "../../../gamification/common-header/styles.js";
-import "../../../gamification/leaderboard-item-detail/styles.js";
-import "../../../gamification/leaderboard-list/index.js";
+import "../../../gamification/leaderboard/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "../../../gamification/leaderboard-item/index.js";
-import "../../../../utils/common.js";
-import "../../../gamification/leaderboard-item/styles.js";
+import "../../../gamification/leaderboard/list-item/index.js";
+import "../../../gamification/leaderboard/list-item/styles.js";
 import "./QuestionsList.js";
 import "../../../gamification/question/list/index.js";
+import "../../../gamification/insight/index.js";
+import "../../../gamification/insight/styles.js";
 import "../../../gamification/question/index.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
 import "../../../gamification/question/styles.js";
 import "../../../gamification/question/list/styles.js";
 import "./UserSummary.js";
-import "../../../gamification/user-statistics/index.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";
-const c = n(u)`
+const v = t(n)`
+  position: absolute;
+  inset: 0;
+  top: var(--header-height);
+  background: var(--color-neutrals-white);
+  z-index: 3;
+`, x = t(n)`
   position: absolute;
   inset: 0;
   top: var(--header-height);
   background: var(--color-neutrals-white);
   z-index: 3;
-`, Qo = ({ gamification: o, className: t }) => {
-  const { loading: m, data: i } = s(o.openedQuestion);
-  return /* @__PURE__ */ p(e, { children: [
-    (m || i) && /* @__PURE__ */ r(c, { className: t, children: /* @__PURE__ */ r(
-      l,
-      {
-        closeQuestion: o.closeQuestion,
-        vote: o.submitAnswer,
-        openedQuestion: i
-      }
-    ) }),
-    /* @__PURE__ */ r(d, { className: t, "data-nav": "true", children: /* @__PURE__ */ r(a, { gamification: o }) })
+`, b = t.div`
+  background: var(--color-transparent-item);
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+
+  & > div {
+    width: 100%;
+  }
+`, Sr = ({ gamification: o, className: i }) => {
+  const s = m(o.openedQuestion.$store), e = m(o.openedUser);
+  return /* @__PURE__ */ p(d, { children: [
+    s && /* @__PURE__ */ r(v, { className: i, children: /* @__PURE__ */ r(u, { gamification: o }) }),
+    e && /* @__PURE__ */ r(x, { children: /* @__PURE__ */ p(b, { children: [
+      /* @__PURE__ */ r(c, { label: "Friend's Rank", close: o.closeUser }),
+      /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(h, { ...e }) })
+    ] }) }),
+    /* @__PURE__ */ r(l, { className: i, "data-nav": "true", children: /* @__PURE__ */ r(f, { gamification: o }) })
   ] });
 };
 export {
-  Qo as GamificationOverlay
+  Sr as GamificationOverlay
 };

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

@@ -1,20 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useMemo as e } from "react";
-import { FeatureType as m } from "@streamlayer/sdk-web-types";
-import { FeatureProvider as p } from "./FeatureProvider.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { FeatureType as p } from "@streamlayer/sdk-web-types";
+import { FeatureProvider as e } from "./FeatureProvider.js";
 import { GamificationOverlay as n } from "./Gamification/index.js";
-import { HighlightsOverlay as g } from "./Highlights/index.js";
 import "@nanostores/react";
 import "@streamlayer/sdk-web-interfaces";
 import "@linaria/react";
 import "../styles.js";
-import "../../show-in/index.js";
-import "./Gamification/Question.js";
 import "../../gamification/detail/header/index.js";
 import "../../gamification/constants.js";
 import "../../gamification/detail/header/styles.js";
 import "../../icons/index.js";
-import "../../gamification/detail/sponsor/index.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/statistic/index.js";
+import "../../gamification/user-statistics/components/statistic/styles.js";
+import "../../gamification/user-statistics/styles.js";
+import "../../show-in/index.js";
+import "./Gamification/Question.js";
 import "../../gamification/vote/index.js";
 import "../../gamification/vote/feedback/index.js";
 import "../../gamification/vote/feedback/styles.js";
@@ -26,49 +31,35 @@ import "../../timer/index.js";
 import "react-countdown-circle-timer";
 import "../../theme/constants.js";
 import "../../gamification/vote/win-bar/styles.js";
+import "../../gamification/vote/insight-details/index.js";
+import "../../video-player/index.js";
+import "../../video-player/styles.js";
+import "../../gamification/vote/insight-details/styles.js";
 import "./Gamification/Tabs.js";
 import "../../gamification/tabs/index.js";
 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-d3f9fc80.js";
-import "../../gamification/common-header/styles.js";
-import "../../gamification/leaderboard-item-detail/styles.js";
-import "../../gamification/leaderboard-list/index.js";
+import "../../gamification/leaderboard/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "../../gamification/leaderboard-item/index.js";
-import "../../../utils/common.js";
-import "../../gamification/leaderboard-item/styles.js";
+import "../../gamification/leaderboard/list-item/index.js";
+import "../../gamification/leaderboard/list-item/styles.js";
 import "./Gamification/QuestionsList.js";
 import "../../gamification/question/list/index.js";
+import "../../gamification/insight/index.js";
+import "../../gamification/insight/styles.js";
 import "../../gamification/question/index.js";
 import "../../button/index.js";
 import "../../button/styles.js";
 import "../../gamification/question/styles.js";
 import "../../gamification/question/list/styles.js";
 import "./Gamification/UserSummary.js";
-import "../../gamification/user-statistics/index.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 "../../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";
-const Ir = ({
-  sdk: i,
+const lr = ({
+  sdk: t,
   feature: r,
-  className: t
-}) => e(() => r ? r.featureConfig.get().type === m.GAMES ? /* @__PURE__ */ o(p, { className: t, sdk: i, feature: r, children: /* @__PURE__ */ o(n, { className: t, gamification: r, sdk: i }) }) : r.featureConfig.get().type === m.HIGHLIGHTS ? /* @__PURE__ */ o(p, { className: t, sdk: i, feature: r, children: /* @__PURE__ */ o(g, { className: t, highlights: r, sdk: i }) }) : null : null, [i, r]);
+  className: o
+}) => m(() => r && r.featureConfig.get().type === p.GAMES ? /* @__PURE__ */ i(e, { className: o, sdk: t, feature: r, children: /* @__PURE__ */ i(n, { className: o, gamification: r, sdk: t }) }) : null, [t, r, o]);
 export {
-  Ir as ActiveFeature
+  lr as ActiveFeature
 };