@streamlayer/react-ui 0.47.0 → 0.48.0

package/lib/index.js

@@ -1,16 +1,16 @@
-import { QuestionInApp as Uo } from "./ui/notifications/notification/question-inapp/index.js";
-import { Login as ko } from "./ui/login/index.js";
-import { Onboarding as wo } from "./ui/gamification/onboarding/index.js";
-import { ActivePages as Bo, Tab as Co, Tabs as Eo } from "./ui/gamification/tabs/index.js";
-import { LeaderboardItemDetail as Go } from "./ui/gamification/leaderboard-item-detail/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, theme as pr, themeStr as ir } from "./ui/theme/theme.js";
+import { QuestionInApp as ko } from "./ui/notifications/notification/question-inapp/index.js";
+import { Login as wo } from "./ui/login/index.js";
+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 { 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";
+import { Points as rr } from "./ui/gamification/points/index.js";
+import { StreamLayerThemeProvider as mr } from "./ui/theme/index.js";
+import { ThemeVariables as ir, theme as er, themeStr as fr } from "./ui/theme/theme.js";
 import "react/jsx-runtime";
 import "react";
 import "./icon-exit-d3f9fc80.js";
@@ -50,9 +50,11 @@ import "./ui/gamification/user-statistics/components/rank/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-7f3361f2.js";
-import "./ui/gamification/vote/vote-option/styles.js";
+import "./ui/gamification/vote/feedback/index.js";
+import "./ui/gamification/vote/feedback/styles.js";
 import "./ui/gamification/vote/styles.js";
+import "./ui/gamification/vote/vote-option/index.js";
+import "./ui/gamification/vote/vote-option/styles.js";
 import "./ui/gamification/vote/win-bar/index.js";
 import "./ui/gamification/vote/win-bar/styles.js";
 import "@streamlayer/sdk-web-interfaces";
@@ -94,21 +96,21 @@ import "./ui/gamification/points/styles.js";
 import "./ui/theme/breakpoints.js";
 import "@linaria/core";
 export {
-  Bo as ActivePages,
-  Zo as Demo,
-  Go as LeaderboardItemDetail,
-  ko as Login,
-  wo as Onboarding,
-  $o as Points,
-  Jo as Question,
-  Uo as QuestionInApp,
-  Mo as QuestionList,
-  rr as StreamLayerThemeProvider,
-  Co as Tab,
-  Eo as Tabs,
-  mr as ThemeVariables,
-  Ro as UserStatistics,
-  Xo as Vote,
-  pr as theme,
-  ir as themeStr
+  Eo as ActivePages,
+  $o as Demo,
+  Jo as LeaderboardItemDetail,
+  wo as Login,
+  Bo as Onboarding,
+  rr as Points,
+  Mo as Question,
+  ko as QuestionInApp,
+  Ro as QuestionList,
+  mr as StreamLayerThemeProvider,
+  Fo as Tab,
+  Go as Tabs,
+  ir as ThemeVariables,
+  Xo as UserStatistics,
+  Zo as Vote,
+  er as theme,
+  fr as themeStr
 };

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

@@ -1,21 +1,24 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { styled as e } from "@linaria/react";
-import { useState as x, useCallback as g, useMemo as a } from "react";
-import { QuestionType as b } from "@streamlayer/sdk-web-types";
-import { Vote as h } from "../../../gamification/vote/index.js";
-import { VoteHeader as C } from "../../../gamification/vote/header/index.js";
-import "../../../../index-7f3361f2.js";
-import "../../../gamification/vote/vote-option/styles.js";
+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 { Vote as a } from "../../../gamification/vote/index.js";
+import "../../../gamification/constants.js";
+import "../../../gamification/detail/header/styles.js";
+import "../../../icons/index.js";
+import "react";
+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 "../../../icons/index.js";
-import "../../../gamification/constants.js";
-import "../../../gamification/vote/header/styles.js";
-const T = e.div`
+const x = l.div`
   background: var(--color-transparent-item);
   width: 100%;
   height: 100%;
@@ -24,51 +27,14 @@ const T = e.div`
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
-`, D = ({ openedQuestion: r, closeQuestion: s, vote: l }) => {
-  var c;
-  const [f, m] = x(!1);
-  g(
-    (t) => {
-      m(t);
-    },
-    [m]
-  );
-  const i = a(
-    () => r == null ? void 0 : r.answers.find((t) => t.youVoted === !0),
-    [r]
-  ), p = a(
-    () => !!(r != null && r.answers.find((t) => t.correct === !0)),
-    [r]
-  );
-  return /* @__PURE__ */ y(T, { children: [
-    /* @__PURE__ */ o(C, { close: s, type: (r == null ? void 0 : r.type) || b.UNSET }),
-    r && /* @__PURE__ */ o(
-      h,
-      {
-        title: r.subject,
-        feedbackMessages: (c = r.options) == null ? void 0 : c.options.value,
-        questionType: r.type,
-        questionId: r.id,
-        questionAnswered: !!i,
-        questionAnsweredCorrectly: i == null ? void 0 : i.correct,
-        options: r.answers.map((t) => ({
-          id: t.id,
-          title: t.text,
-          icon: t.icon,
-          type: r.type,
-          correct: t.correct,
-          percentage: t.percentage,
-          answered: t.youVoted,
-          disabled: !!i || r.marketClosed || f,
-          questionAnswered: !!i,
-          hasCorrectAnswer: p,
-          points: t.points,
-          onVote: l
-        }))
-      }
-    )
+`, B = ({ 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 })
   ] });
 };
 export {
-  D as Question
+  B as Question
 };

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

@@ -5,21 +5,24 @@ import { SDKScrollContainer as s } from "../../styles.js";
 import { ShowIn as l } from "../../../show-in/index.js";
 import { Question as a } from "./Question.js";
 import { Tabs as d } from "./Tabs.js";
-import "react";
 import "@streamlayer/sdk-web-types";
+import "../../../gamification/detail/header/index.js";
+import "../../../gamification/constants.js";
+import "../../../gamification/detail/header/styles.js";
+import "../../../icons/index.js";
+import "react";
+import "../../../gamification/detail/sponsor/index.js";
 import "../../../gamification/vote/index.js";
-import "../../../../index-7f3361f2.js";
-import "../../../gamification/vote/vote-option/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 "../../../icons/index.js";
-import "../../../gamification/vote/header/index.js";
-import "../../../gamification/constants.js";
-import "../../../gamification/vote/header/styles.js";
 import "../../../gamification/tabs/index.js";
 import "../../../gamification/tabs/styles.js";
 import "./Leaderboard.js";
@@ -55,7 +58,7 @@ const u = e(l)`
   top: var(--header-height);
   background: var(--color-neutrals-white);
   z-index: 3;
-`, ao = ({
+`, ho = ({
   gamification: o
 }) => {
   const { loading: i, data: t } = n(o.openedQuestion);
@@ -72,5 +75,5 @@ const u = e(l)`
   ] });
 };
 export {
-  ao as GamificationOverlay
+  ho as GamificationOverlay
 };

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

@@ -10,19 +10,22 @@ 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/vote/index.js";
-import "../../../index-7f3361f2.js";
-import "../../gamification/vote/vote-option/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 "../../icons/index.js";
-import "../../gamification/vote/header/index.js";
-import "../../gamification/constants.js";
-import "../../gamification/vote/header/styles.js";
 import "./Gamification/Tabs.js";
 import "../../gamification/tabs/index.js";
 import "../../gamification/tabs/styles.js";
@@ -61,7 +64,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 xr = ({ 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
+  xr as ActiveFeature
 };

package/lib/ui/app/masters.js

@@ -21,18 +21,21 @@ import "./Features/Gamification/index.js";
 import "@linaria/react";
 import "../show-in/index.js";
 import "./Features/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/vote/index.js";
-import "../../index-7f3361f2.js";
-import "../gamification/vote/vote-option/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 "../gamification/vote/win-bar/styles.js";
-import "../icons/index.js";
-import "../gamification/vote/header/index.js";
-import "../gamification/constants.js";
-import "../gamification/vote/header/styles.js";
 import "./Features/Gamification/Tabs.js";
 import "../gamification/tabs/index.js";
 import "../gamification/tabs/styles.js";
@@ -79,7 +82,7 @@ import "../navigation/button/styles.js";
 const B = ({ sdk: o }) => {
   const [, m] = k(o);
   return /* @__PURE__ */ t(S, { feature: m, sdk: o });
-}, Wr = ({ sdk: o, overlays: m, children: p, event: n }) => {
+}, Zr = ({ sdk: o, overlays: m, children: p, event: n }) => {
   const { sdkEnabled: i, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
     o,
     n
@@ -113,5 +116,5 @@ const B = ({ sdk: o }) => {
   ] }) });
 };
 export {
-  Wr as MastersApp
+  Zr as MastersApp
 };

package/lib/ui/demo/Gamification.js

@@ -32,9 +32,11 @@ import "../gamification/question/styles.js";
 import "../icons/index.js";
 import "../gamification/question/list/styles.js";
 import "../gamification/vote/index.js";
-import "../../index-7f3361f2.js";
-import "../gamification/vote/vote-option/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";
@@ -57,7 +59,7 @@ import "react-window";
 import "react-window-infinite-loader";
 import "../gamification/leaderboard-item/index.js";
 import "../gamification/leaderboard-item/styles.js";
-const pt = ({
+const nt = ({
   gamification: r,
   sdk: u
 }) => {
@@ -109,5 +111,5 @@ const pt = ({
   ] });
 };
 export {
-  pt as GamificationComponent
+  nt as GamificationComponent
 };

package/lib/ui/demo/Highlights.js

@@ -29,9 +29,11 @@ import "../gamification/constants.js";
 import "../gamification/question/styles.js";
 import "../icons/index.js";
 import "../gamification/vote/index.js";
-import "../../index-7f3361f2.js";
-import "../gamification/vote/vote-option/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";
@@ -45,7 +47,7 @@ import "../gamification/detailed-insight/index.js";
 import "../gamification/common-header/index.js";
 import "../../icon-exit-d3f9fc80.js";
 import "../gamification/detailed-insight/styles.js";
-const pt = ({ highlights: i, sdk: e }) => {
+const nt = ({ 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() }),
@@ -60,5 +62,5 @@ const pt = ({ highlights: i, sdk: e }) => {
   ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
 };
 export {
-  pt as HighlightsComponent
+  nt as HighlightsComponent
 };

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

@@ -1,17 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
 import { styled as f } from "@linaria/react";
-import { useState as n, useCallback as d, useMemo as a } from "react";
-import { Vote as p } from "../../gamification/vote/index.js";
+import { useState as p, useCallback as n, useMemo as s } from "react";
+import { Vote as d } from "../../gamification/vote/index.js";
+import "../../gamification/vote/feedback/index.js";
 import "@streamlayer/sdk-web-types";
-import "../../../index-7f3361f2.js";
-import "../../gamification/vote/vote-option/styles.js";
+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";
-import "../../icons/index.js";
 const y = f.div`
   position: absolute;
   top: 0;
@@ -39,31 +41,31 @@ const y = f.div`
       transform: translateX(0);
     }
   }
-`, M = ({ openedQuestion: t, closeQuestion: h, vote: m }) => {
-  var c;
-  const [e, s] = n(!1);
-  d(
+`, I = ({ openedQuestion: t, closeQuestion: h, vote: a }) => {
+  var m;
+  const [e, c] = p(!1);
+  n(
     (r) => {
-      s(r);
+      c(r);
     },
-    [s]
+    [c]
   );
-  const i = a(
+  const i = s(
     () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
     [t]
-  ), l = a(
+  ), 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(
-    p,
+    d,
     {
       title: t.subject,
-      feedbackMessages: (c = t.options) == null ? void 0 : c.options.value,
+      feedbackMessages: (m = t.options) == null ? void 0 : m.options.value,
       questionType: t.type,
       questionId: t.id,
-      questionAnswered: !!i,
-      questionAnsweredCorrectly: i == null ? void 0 : i.correct,
+      questionVoted: !!i,
+      questionVotedCorrectly: i == null ? void 0 : i.correct,
       options: t.answers.map((r) => ({
         id: r.id,
         title: r.text,
@@ -73,14 +75,14 @@ const y = f.div`
         percentage: r.percentage,
         answered: r.youVoted,
         disabled: !!i || t.marketClosed || e,
-        questionAnswered: !!i,
+        questionVoted: !!i,
         hasCorrectAnswer: l,
         points: r.points,
-        onVote: m
+        onVote: a
       }))
     }
   ) }) }) }) : null;
 };
 export {
-  M as Question
+  I as Question
 };

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

@@ -1,10 +1,10 @@
-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 mr } from "./UserSummary.js";
+import { QuestionsList as ir } from "./QuestionsList.js";
+import { Question as sr } from "./Question.js";
+import { Onboarding as xr } from "../../gamification/onboarding/index.js";
+import { Insights as ar } from "./Insights.js";
+import { Insight as gr } from "./Insight.js";
+import { Leaderboard as br } from "./Leaderboard.js";
 import "react/jsx-runtime";
 import "@nanostores/react";
 import "../../gamification/user-statistics/index.js";
@@ -26,9 +26,11 @@ import "../../icons/index.js";
 import "react";
 import "../../gamification/question/list/styles.js";
 import "../../gamification/vote/index.js";
-import "../../../index-7f3361f2.js";
-import "../../gamification/vote/vote-option/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";
@@ -59,11 +61,11 @@ import "react-window-infinite-loader";
 import "../../gamification/leaderboard-item/index.js";
 import "../../gamification/leaderboard-item/styles.js";
 export {
-  ar as Insight,
-  xr as Insights,
-  gr as Leaderboard,
-  sr as Onboarding,
-  ir as Question,
-  mr as QuestionsList,
-  or as UserSummary
+  gr as Insight,
+  ar as Insights,
+  br as Leaderboard,
+  xr as Onboarding,
+  sr as Question,
+  ir as QuestionsList,
+  mr as UserSummary
 };

package/lib/ui/demo/index.js

@@ -45,9 +45,11 @@ import "../icons/index.js";
 import "../gamification/question/list/styles.js";
 import "./components/Question.js";
 import "../gamification/vote/index.js";
-import "../../index-7f3361f2.js";
-import "../gamification/vote/vote-option/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";
@@ -167,7 +169,7 @@ const R = ({ activeFeature: o, sdk: r }) => {
     ] }),
     h
   ] });
-}, dr = ({ sdk: o }) => {
+}, gr = ({ sdk: o }) => {
   const r = f(o.organizationStore()), t = f(o.getUserStore()), a = f(o.getActiveFeature());
   return r.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : r.data ? t.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : t.data ? /* @__PURE__ */ l(T, { children: [
     /* @__PURE__ */ e(x, { notificationsStore: o.getNotificationsStore() }),
@@ -175,5 +177,5 @@ const R = ({ activeFeature: o, sdk: r }) => {
   ] }) : /* @__PURE__ */ e(H, { sdk: o }) : /* @__PURE__ */ e("div", { children: "wrong sdk key..." });
 };
 export {
-  dr as Demo
+  gr as Demo
 };

package/lib/ui/gamification/detail/sponsor/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Sponsor: React.FC<{
+    sponsorLogo?: string;
+}>;

package/lib/ui/gamification/detail/sponsor/index.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { styled as p } from "@linaria/react";
+const r = p.div`
+  width: 100%;
+  height: 53px;
+  display: flex;
+  padding: 16px 0px;
+  justify-content: center;
+`, i = p.img`
+  max-width: 20px;
+`, d = ({ sponsorLogo: o }) => o && /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(i, { alt: "sponsor-logo", src: o }) });
+export {
+  d as Sponsor
+};

package/lib/ui/gamification/vote/feedback/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { QuestionType } from '@streamlayer/sdk-web-types';
+interface FeedbackProps {
+    feedbackMessages: Partial<Record<'correctFeedback' | 'incorrectFeedback', {
+        description: string;
+        title: string;
+    }>>;
+    questionType: QuestionType;
+    questionVoted?: boolean;
+    questionVotedCorrectly?: boolean;
+    hasCorrectAnswer: boolean;
+}
+export declare const Feedback: React.FC<FeedbackProps>;
+export {};

package/lib/ui/gamification/vote/feedback/index.js

@@ -0,0 +1,33 @@
+import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { QuestionType as n } from "@streamlayer/sdk-web-types";
+import { SvgIcon as b } from "../../../icons/index.js";
+import { Container as h, IconPrediction as k, FeedbackDescription as l, FeedbackIconWrap as I, FeedbackHeader as T, FeedbackTitle as f } from "./styles.js";
+import "@linaria/react";
+import "react";
+const R = ({
+  feedbackMessages: t,
+  questionVotedCorrectly: o,
+  questionVoted: F,
+  questionType: i,
+  hasCorrectAnswer: a
+}) => {
+  if (!(F && (i === n.TRIVIA || i === n.PREDICTION)))
+    return null;
+  const p = i === n.PREDICTION && !a, d = o ? "correct" : "incorrect", c = o ? t.correctFeedback : t.incorrectFeedback;
+  return /* @__PURE__ */ r(h, { "data-isPrediction": p, children: [
+    p && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ e(k, { name: "icon-prediction" }),
+      /* @__PURE__ */ e(l, { children: "Stay tuned to see if your prediction was correct." })
+    ] }),
+    a && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ e(I, { "data-feedbackType": d, children: /* @__PURE__ */ e(b, { name: d }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(T, { children: [
+        /* @__PURE__ */ e(f, { "data-feedbackType": d, children: c == null ? void 0 : c.title }),
+        /* @__PURE__ */ e(l, { children: c == null ? void 0 : c.description })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  R as Feedback
+};

package/lib/ui/gamification/vote/feedback/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconPrediction: any;
+export declare const FeedbackIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FeedbackHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FeedbackTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const FeedbackDescription: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const FeedbackText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;