@streamlayer/react-ui 0.42.1 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/lib/{icon-exit-6a55bb8f.js → icon-exit-d3f9fc80.js} +1 -1
  2. package/lib/{index-7045fbb2.js → index-7f3361f2.js} +1 -1
  3. package/lib/index.js +36 -41
  4. package/lib/ui/app/Features/Gamification/Leaderboard.js +11 -19
  5. package/lib/ui/app/Features/Gamification/Question.js +32 -27
  6. package/lib/ui/app/Features/Gamification/Tabs.js +15 -17
  7. package/lib/ui/app/Features/Gamification/index.js +20 -17
  8. package/lib/ui/app/Features/Highlights/Insight.js +1 -1
  9. package/lib/ui/app/Features/Highlights/index.js +1 -1
  10. package/lib/ui/app/Features/index.js +20 -17
  11. package/lib/ui/app/Notifications/index.js +1 -1
  12. package/lib/ui/app/masters.js +19 -17
  13. package/lib/ui/demo/Gamification.js +30 -35
  14. package/lib/ui/demo/Highlights.js +8 -12
  15. package/lib/ui/demo/Login.js +4 -5
  16. package/lib/ui/demo/components/Insight.js +1 -1
  17. package/lib/ui/demo/components/Leaderboard.js +11 -19
  18. package/lib/ui/demo/components/Question.js +49 -64
  19. package/lib/ui/demo/components/index.js +20 -25
  20. package/lib/ui/demo/index.js +8 -13
  21. package/lib/ui/gamification/common-header/index.js +8 -8
  22. package/lib/ui/gamification/detailed-insight/index.js +1 -1
  23. package/lib/ui/gamification/invite-link/index.d.ts +8 -0
  24. package/lib/ui/gamification/invite-link/index.js +14 -0
  25. package/lib/ui/gamification/{leaderboard-invite-link → invite-link}/styles.d.ts +0 -1
  26. package/lib/ui/gamification/invite-link/styles.js +48 -0
  27. package/lib/ui/gamification/leaderboard-item-detail/index.d.ts +1 -2
  28. package/lib/ui/gamification/leaderboard-item-detail/index.js +6 -16
  29. package/lib/ui/gamification/leaderboard-list/index.js +4 -10
  30. package/lib/ui/gamification/onboarding/index.js +19 -19
  31. package/lib/ui/gamification/user-statistics/index.js +31 -31
  32. package/lib/ui/gamification/vote/index.js +42 -35
  33. package/lib/ui/gamification/vote/styles.js +7 -7
  34. package/lib/ui/gamification/vote/{components/voting-option → vote-option}/index.js +1 -1
  35. package/lib/ui/gamification/vote/win-bar/index.d.ts +10 -0
  36. package/lib/ui/gamification/vote/win-bar/index.js +24 -0
  37. package/lib/ui/gamification/vote/win-bar/styles.d.ts +8 -0
  38. package/lib/ui/gamification/vote/win-bar/styles.js +50 -0
  39. package/lib/ui/icons/index.d.ts +0 -1
  40. package/lib/ui/icons/index.js +22 -23
  41. package/lib/ui/login/index.js +15 -17
  42. package/lib/ui/notifications/decorator.js +1 -1
  43. package/lib/ui/notifications/index.js +1 -1
  44. package/lib/ui/notifications/notification/index.js +1 -1
  45. package/lib/ui/notifications/notification/question-inapp/index.js +8 -8
  46. package/lib/ui/theme/constants.d.ts +4 -0
  47. package/lib/ui/theme/constants.js +2 -0
  48. package/lib/ui/timer/index.d.ts +9 -0
  49. package/lib/ui/timer/index.js +37 -0
  50. package/package.json +2 -2
  51. package/lib/ui/gamification/leaderboard-invite-link/index.d.ts +0 -8
  52. package/lib/ui/gamification/leaderboard-invite-link/index.js +0 -15
  53. package/lib/ui/gamification/leaderboard-invite-link/styles.js +0 -59
  54. package/lib/ui/gamification/vote/components/voting-header/components/points/index.d.ts +0 -6
  55. package/lib/ui/gamification/vote/components/voting-header/components/points/index.js +0 -13
  56. package/lib/ui/gamification/vote/components/voting-header/components/points/styles.d.ts +0 -6
  57. package/lib/ui/gamification/vote/components/voting-header/components/points/styles.js +0 -32
  58. package/lib/ui/gamification/vote/components/voting-header/components/timer/index.d.ts +0 -8
  59. package/lib/ui/gamification/vote/components/voting-header/components/timer/index.js +0 -28
  60. package/lib/ui/gamification/vote/components/voting-header/components/timer/styles.d.ts +0 -2
  61. package/lib/ui/gamification/vote/components/voting-header/components/timer/styles.js +0 -8
  62. package/lib/ui/gamification/vote/components/voting-header/index.d.ts +0 -12
  63. package/lib/ui/gamification/vote/components/voting-header/index.js +0 -44
  64. package/lib/ui/gamification/vote/components/voting-header/styles.d.ts +0 -11
  65. package/lib/ui/gamification/vote/components/voting-header/styles.js +0 -57
  66. /package/lib/ui/gamification/vote/{vote-header → header}/index.d.ts +0 -0
  67. /package/lib/ui/gamification/vote/{vote-header → header}/index.js +0 -0
  68. /package/lib/ui/gamification/vote/{vote-header → header}/styles.d.ts +0 -0
  69. /package/lib/ui/gamification/vote/{vote-header → header}/styles.js +0 -0
  70. /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/index.d.ts +0 -0
  71. /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/styles.d.ts +0 -0
  72. /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/styles.js +0 -0
@@ -1,4 +1,4 @@
1
1
  const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
2
2
  export {
3
- I as i
3
+ I as c
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as N, jsx as M } from "react/jsx-runtime";
2
2
  import { QuestionType as w } from "@streamlayer/sdk-web-types";
3
- import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/components/voting-option/styles.js";
3
+ import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/vote-option/styles.js";
4
4
  const o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", a = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K", G = ({
5
5
  icon: D,
6
6
  id: C,
package/lib/index.js CHANGED
@@ -1,27 +1,26 @@
1
- import { QuestionInApp as ko } from "./ui/notifications/notification/question-inapp/index.js";
2
- import { Login as wo } from "./ui/login/index.js";
3
- import { Onboarding as Bo } from "./ui/gamification/onboarding/index.js";
4
- import { ActivePages as Eo, Tab as Fo, Tabs as Go } from "./ui/gamification/tabs/index.js";
5
- import { LeaderboardItemDetail as Jo } from "./ui/gamification/leaderboard-item-detail/index.js";
6
- import { Question as Mo } from "./ui/gamification/question/index.js";
7
- import { QuestionList as Ro } from "./ui/gamification/question/list/index.js";
8
- import { UserStatistics as Xo } from "./ui/gamification/user-statistics/index.js";
9
- import { Vote as Zo } from "./ui/gamification/vote/index.js";
10
- import { Demo as $o } from "./ui/demo/index.js";
11
- import { Points as rr } from "./ui/gamification/points/index.js";
12
- import { StreamLayerThemeProvider as mr } from "./ui/theme/index.js";
13
- import { ThemeVariables as ir, theme as er, themeStr as fr } from "./ui/theme/theme.js";
1
+ import { QuestionInApp as Vo } from "./ui/notifications/notification/question-inapp/index.js";
2
+ import { Login as Oo } from "./ui/login/index.js";
3
+ import { Onboarding as jo } from "./ui/gamification/onboarding/index.js";
4
+ import { ActivePages as qo, Tab as wo, Tabs as zo } from "./ui/gamification/tabs/index.js";
5
+ import { LeaderboardItemDetail as Co } from "./ui/gamification/leaderboard-item-detail/index.js";
6
+ import { Question as Fo } from "./ui/gamification/question/index.js";
7
+ import { QuestionList as Ho } from "./ui/gamification/question/list/index.js";
8
+ import { UserStatistics as Ko } from "./ui/gamification/user-statistics/index.js";
9
+ import { Vote as No } from "./ui/gamification/vote/index.js";
10
+ import { Demo as Wo } from "./ui/demo/index.js";
11
+ import { Points as Yo } from "./ui/gamification/points/index.js";
12
+ import { StreamLayerThemeProvider as _o } from "./ui/theme/index.js";
13
+ import { ThemeVariables as or, theme as rr, themeStr as tr } from "./ui/theme/theme.js";
14
14
  import "react/jsx-runtime";
15
15
  import "react";
16
- import "./icon-exit-6a55bb8f.js";
16
+ import "./icon-exit-d3f9fc80.js";
17
17
  import "./ui/notifications/notification/question-inapp/styles.js";
18
18
  import "@linaria/react";
19
19
  import "react-auth-code-input";
20
20
  import "react-phone-number-input";
21
- import "./ui/gamification/vote/components/voting-header/components/timer/index.js";
21
+ import "./ui/timer/index.js";
22
22
  import "react-countdown-circle-timer";
23
23
  import "./ui/theme/constants.js";
24
- import "./ui/gamification/vote/components/voting-header/components/timer/styles.js";
25
24
  import "./utils/login.js";
26
25
  import "@connectrpc/connect";
27
26
  import "@connectrpc/connect-web";
@@ -51,9 +50,11 @@ import "./ui/gamification/user-statistics/components/rank/styles.js";
51
50
  import "./ui/gamification/user-statistics/components/statistic/index.js";
52
51
  import "./ui/gamification/user-statistics/components/statistic/styles.js";
53
52
  import "./ui/gamification/user-statistics/styles.js";
54
- import "./index-7045fbb2.js";
55
- import "./ui/gamification/vote/components/voting-option/styles.js";
53
+ import "./index-7f3361f2.js";
54
+ import "./ui/gamification/vote/vote-option/styles.js";
56
55
  import "./ui/gamification/vote/styles.js";
56
+ import "./ui/gamification/vote/win-bar/index.js";
57
+ import "./ui/gamification/vote/win-bar/styles.js";
57
58
  import "@streamlayer/sdk-web-interfaces";
58
59
  import "@streamlayer/sdk-web-features";
59
60
  import "@streamlayer/sdk-web-api";
@@ -70,17 +71,11 @@ import "./ui/demo/Gamification.js";
70
71
  import "./ui/demo/components/UserSummary.js";
71
72
  import "./ui/demo/components/QuestionsList.js";
72
73
  import "./ui/demo/components/Question.js";
73
- import "./ui/gamification/vote/components/voting-header/index.js";
74
- import "./ui/gamification/vote/components/voting-header/components/points/index.js";
75
- import "./ui/gamification/vote/components/voting-header/components/points/styles.js";
76
- import "./ui/gamification/vote/components/voting-header/styles.js";
77
74
  import "./ui/gamification/insight/styles.js";
78
75
  import "./ui/gamification/insight-list/styles.js";
79
76
  import "./ui/gamification/detailed-insight/styles.js";
80
77
  import "./ui/demo/components/Leaderboard.js";
81
78
  import "./ui/gamification/leaderboard-list/index.js";
82
- import "./ui/gamification/leaderboard-invite-link/index.js";
83
- import "./ui/gamification/leaderboard-invite-link/styles.js";
84
79
  import "./ui/gamification/leaderboard-item/index.js";
85
80
  import "./ui/gamification/leaderboard-item/styles.js";
86
81
  import "./ui/gamification/leaderboard-list/styles.js";
@@ -96,21 +91,21 @@ import "@streamlayer/sdk-web-anonymous-auth";
96
91
  import "./ui/gamification/points/styles.js";
97
92
  import "@linaria/core";
98
93
  export {
99
- Eo as ActivePages,
100
- $o as Demo,
101
- Jo as LeaderboardItemDetail,
102
- wo as Login,
103
- Bo as Onboarding,
104
- rr as Points,
105
- Mo as Question,
106
- ko as QuestionInApp,
107
- Ro as QuestionList,
108
- mr as StreamLayerThemeProvider,
109
- Fo as Tab,
110
- Go as Tabs,
111
- ir as ThemeVariables,
112
- Xo as UserStatistics,
113
- Zo as Vote,
114
- er as theme,
115
- fr as themeStr
94
+ qo as ActivePages,
95
+ Wo as Demo,
96
+ Co as LeaderboardItemDetail,
97
+ Oo as Login,
98
+ jo as Onboarding,
99
+ Yo as Points,
100
+ Fo as Question,
101
+ Vo as QuestionInApp,
102
+ Ho as QuestionList,
103
+ _o as StreamLayerThemeProvider,
104
+ wo as Tab,
105
+ zo as Tabs,
106
+ or as ThemeVariables,
107
+ Ko as UserStatistics,
108
+ No as Vote,
109
+ rr as theme,
110
+ tr as themeStr
116
111
  };
@@ -1,40 +1,32 @@
1
- import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
1
+ import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
2
2
  import { useStore as u } from "@nanostores/react";
3
3
  import { useState as b } from "react";
4
4
  import { LeaderboardItemDetail as f } from "../../../gamification/leaderboard-item-detail/index.js";
5
5
  import { LeaderboardList as I } from "../../../gamification/leaderboard-list/index.js";
6
6
  import "../../../gamification/common-header/index.js";
7
- import "../../../../icon-exit-6a55bb8f.js";
7
+ import "../../../../icon-exit-d3f9fc80.js";
8
8
  import "../../../gamification/common-header/styles.js";
9
9
  import "@linaria/react";
10
- import "../../../gamification/user-statistics/index.js";
11
- import "../../../../utils/common.js";
12
- import "../../../gamification/user-statistics/components/rank/index.js";
13
- import "../../../gamification/user-statistics/components/rank/styles.js";
14
- import "../../../gamification/user-statistics/components/statistic/index.js";
15
- import "../../../gamification/user-statistics/components/statistic/styles.js";
16
- import "../../../gamification/user-statistics/styles.js";
17
10
  import "../../../gamification/leaderboard-item-detail/styles.js";
18
- import "../../../gamification/leaderboard-invite-link/index.js";
19
- import "../../../gamification/leaderboard-invite-link/styles.js";
20
11
  import "../../../gamification/leaderboard-item/index.js";
12
+ import "../../../../utils/common.js";
21
13
  import "../../../gamification/leaderboard-item/styles.js";
22
14
  import "../../../gamification/leaderboard-list/styles.js";
23
- const M = ({ store: p }) => {
24
- const { data: r } = u(p), [i, s] = b(void 0);
15
+ const y = ({ store: s }) => {
16
+ const { data: r } = u(s), [e, d] = b(void 0);
25
17
  if (!r)
26
- return /* @__PURE__ */ e("div", { children: "wait leader board..." });
18
+ return /* @__PURE__ */ i("div", { children: "wait leader board..." });
27
19
  const o = (t) => {
28
20
  var m;
29
- const d = (m = r.find((n) => {
21
+ const p = (m = r.find((n) => {
30
22
  var a;
31
23
  return ((a = n.attributes) == null ? void 0 : a.userId) === t;
32
24
  })) == null ? void 0 : m.attributes;
33
- s(d);
25
+ d(p);
34
26
  };
35
27
  return /* @__PURE__ */ c(l, { children: [
36
- i && /* @__PURE__ */ e(f, { comeBack: () => o(null), ...i }),
37
- !i && /* @__PURE__ */ e(
28
+ e && /* @__PURE__ */ i(f, { comeBack: () => o(null), ...e }),
29
+ !e && /* @__PURE__ */ i(
38
30
  I,
39
31
  {
40
32
  items: r.filter((t) => t.attributes).map((t) => t.attributes),
@@ -44,5 +36,5 @@ const M = ({ store: p }) => {
44
36
  ] });
45
37
  };
46
38
  export {
47
- M as Leaderboard
39
+ y as Leaderboard
48
40
  };
@@ -1,16 +1,21 @@
1
- import { jsxs as e, jsx as a } from "react/jsx-runtime";
2
- import { styled as x } from "@linaria/react";
3
- import { useState as p, useCallback as g, useMemo as s } from "react";
1
+ import { jsxs as y, jsx as o } from "react/jsx-runtime";
2
+ import { styled as e } from "@linaria/react";
3
+ import { useState as x, useCallback as g, useMemo as a } from "react";
4
4
  import { QuestionType as b } from "@streamlayer/sdk-web-types";
5
5
  import { Vote as h } from "../../../gamification/vote/index.js";
6
- import { VoteHeader as C } from "../../../gamification/vote/vote-header/index.js";
7
- import "../../../../index-7045fbb2.js";
8
- import "../../../gamification/vote/components/voting-option/styles.js";
6
+ import { VoteHeader as C } from "../../../gamification/vote/header/index.js";
7
+ import "../../../../index-7f3361f2.js";
8
+ import "../../../gamification/vote/vote-option/styles.js";
9
9
  import "../../../gamification/vote/styles.js";
10
- import "../../../gamification/constants.js";
11
- import "../../../gamification/vote/vote-header/styles.js";
10
+ import "../../../gamification/vote/win-bar/index.js";
11
+ import "../../../timer/index.js";
12
+ import "react-countdown-circle-timer";
13
+ import "../../../theme/constants.js";
14
+ import "../../../gamification/vote/win-bar/styles.js";
12
15
  import "../../../icons/index.js";
13
- const T = x.div`
16
+ import "../../../gamification/constants.js";
17
+ import "../../../gamification/vote/header/styles.js";
18
+ const T = e.div`
14
19
  background: var(--color-transparent-item);
15
20
  width: 100%;
16
21
  height: 100%;
@@ -19,33 +24,33 @@ const T = x.div`
19
24
  align-items: center;
20
25
  justify-content: flex-start;
21
26
  flex-direction: column;
22
- `, I = ({ openedQuestion: r, closeQuestion: l, vote: o }) => {
23
- var m;
24
- const [f, i] = p(!1);
27
+ `, D = ({ openedQuestion: r, closeQuestion: s, vote: l }) => {
28
+ var c;
29
+ const [f, m] = x(!1);
25
30
  g(
26
31
  (t) => {
27
- i(t);
32
+ m(t);
28
33
  },
29
- [i]
34
+ [m]
30
35
  );
31
- const c = s(
36
+ const i = a(
32
37
  () => r == null ? void 0 : r.answers.find((t) => t.youVoted === !0),
33
38
  [r]
34
- ), y = s(
39
+ ), p = a(
35
40
  () => !!(r != null && r.answers.find((t) => t.correct === !0)),
36
41
  [r]
37
42
  );
38
- return /* @__PURE__ */ e(T, { children: [
39
- /* @__PURE__ */ a(C, { close: l, type: (r == null ? void 0 : r.type) || b.UNSET }),
40
- r && /* @__PURE__ */ a(
43
+ return /* @__PURE__ */ y(T, { children: [
44
+ /* @__PURE__ */ o(C, { close: s, type: (r == null ? void 0 : r.type) || b.UNSET }),
45
+ r && /* @__PURE__ */ o(
41
46
  h,
42
47
  {
43
48
  title: r.subject,
44
- feedbackMessages: (m = r.options) == null ? void 0 : m.options.value,
49
+ feedbackMessages: (c = r.options) == null ? void 0 : c.options.value,
45
50
  questionType: r.type,
46
51
  questionId: r.id,
47
- questionAnswered: !!c,
48
- questionAnsweredCorrectly: c == null ? void 0 : c.correct,
52
+ questionAnswered: !!i,
53
+ questionAnsweredCorrectly: i == null ? void 0 : i.correct,
49
54
  options: r.answers.map((t) => ({
50
55
  id: t.id,
51
56
  title: t.text,
@@ -54,16 +59,16 @@ const T = x.div`
54
59
  correct: t.correct,
55
60
  percentage: t.percentage,
56
61
  answered: t.youVoted,
57
- disabled: !!c || r.marketClosed || f,
58
- questionAnswered: !!c,
59
- hasCorrectAnswer: y,
62
+ disabled: !!i || r.marketClosed || f,
63
+ questionAnswered: !!i,
64
+ hasCorrectAnswer: p,
60
65
  points: t.points,
61
- onVote: o
66
+ onVote: l
62
67
  }))
63
68
  }
64
69
  )
65
70
  ] });
66
71
  };
67
72
  export {
68
- I as Question
73
+ D as Question
69
74
  };
@@ -1,4 +1,4 @@
1
- import { jsxs as i, Fragment as p, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as e, Fragment as p, jsx as r } from "react/jsx-runtime";
2
2
  import { useState as s } from "react";
3
3
  import { SDKWhiteContainer as n, SDKContentContainer as a } from "../../styles.js";
4
4
  import { ActivePages as m, Tabs as u } from "../../../gamification/tabs/index.js";
@@ -10,20 +10,12 @@ import "../../../gamification/tabs/styles.js";
10
10
  import "@nanostores/react";
11
11
  import "../../../gamification/leaderboard-item-detail/index.js";
12
12
  import "../../../gamification/common-header/index.js";
13
- import "../../../../icon-exit-6a55bb8f.js";
13
+ import "../../../../icon-exit-d3f9fc80.js";
14
14
  import "../../../gamification/common-header/styles.js";
15
- import "../../../gamification/user-statistics/index.js";
16
- import "../../../../utils/common.js";
17
- import "../../../gamification/user-statistics/components/rank/index.js";
18
- import "../../../gamification/user-statistics/components/rank/styles.js";
19
- import "../../../gamification/user-statistics/components/statistic/index.js";
20
- import "../../../gamification/user-statistics/components/statistic/styles.js";
21
- import "../../../gamification/user-statistics/styles.js";
22
15
  import "../../../gamification/leaderboard-item-detail/styles.js";
23
16
  import "../../../gamification/leaderboard-list/index.js";
24
- import "../../../gamification/leaderboard-invite-link/index.js";
25
- import "../../../gamification/leaderboard-invite-link/styles.js";
26
17
  import "../../../gamification/leaderboard-item/index.js";
18
+ import "../../../../utils/common.js";
27
19
  import "../../../gamification/leaderboard-item/styles.js";
28
20
  import "../../../gamification/leaderboard-list/styles.js";
29
21
  import "../../../gamification/question/list/index.js";
@@ -35,11 +27,17 @@ import "../../../gamification/constants.js";
35
27
  import "../../../gamification/question/styles.js";
36
28
  import "../../../icons/index.js";
37
29
  import "../../../gamification/question/list/styles.js";
38
- const Y = ({ gamification: t }) => {
39
- const [o, e] = s(m.HOME);
40
- return /* @__PURE__ */ i(p, { children: [
41
- /* @__PURE__ */ i(n, { children: [
42
- /* @__PURE__ */ r(u, { activePage: o, toggleActivePage: e }),
30
+ import "../../../gamification/user-statistics/index.js";
31
+ import "../../../gamification/user-statistics/components/rank/index.js";
32
+ import "../../../gamification/user-statistics/components/rank/styles.js";
33
+ import "../../../gamification/user-statistics/components/statistic/index.js";
34
+ import "../../../gamification/user-statistics/components/statistic/styles.js";
35
+ import "../../../gamification/user-statistics/styles.js";
36
+ const V = ({ gamification: t }) => {
37
+ const [o, i] = s(m.HOME);
38
+ return /* @__PURE__ */ e(p, { children: [
39
+ /* @__PURE__ */ e(n, { children: [
40
+ /* @__PURE__ */ r(u, { activePage: o, toggleActivePage: i }),
43
41
  o === m.HOME && /* @__PURE__ */ r(g, { store: t.userSummary.getStore() })
44
42
  ] }),
45
43
  o === m.HOME && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, { openQuestion: t.openQuestion, store: t.questions.getStore() }) }),
@@ -47,5 +45,5 @@ const Y = ({ gamification: t }) => {
47
45
  ] });
48
46
  };
49
47
  export {
50
- Y as Tabs
48
+ V as Tabs
51
49
  };
@@ -8,32 +8,29 @@ import { Tabs as l } from "./Tabs.js";
8
8
  import "react";
9
9
  import "@streamlayer/sdk-web-types";
10
10
  import "../../../gamification/vote/index.js";
11
- import "../../../../index-7045fbb2.js";
12
- import "../../../gamification/vote/components/voting-option/styles.js";
11
+ import "../../../../index-7f3361f2.js";
12
+ import "../../../gamification/vote/vote-option/styles.js";
13
13
  import "../../../gamification/vote/styles.js";
14
- import "../../../gamification/vote/vote-header/index.js";
15
- import "../../../gamification/constants.js";
16
- import "../../../gamification/vote/vote-header/styles.js";
14
+ import "../../../gamification/vote/win-bar/index.js";
15
+ import "../../../timer/index.js";
16
+ import "react-countdown-circle-timer";
17
+ import "../../../theme/constants.js";
18
+ import "../../../gamification/vote/win-bar/styles.js";
17
19
  import "../../../icons/index.js";
20
+ import "../../../gamification/vote/header/index.js";
21
+ import "../../../gamification/constants.js";
22
+ import "../../../gamification/vote/header/styles.js";
18
23
  import "../../../gamification/tabs/index.js";
19
24
  import "../../../gamification/tabs/styles.js";
20
25
  import "./Leaderboard.js";
21
26
  import "../../../gamification/leaderboard-item-detail/index.js";
22
27
  import "../../../gamification/common-header/index.js";
23
- import "../../../../icon-exit-6a55bb8f.js";
28
+ import "../../../../icon-exit-d3f9fc80.js";
24
29
  import "../../../gamification/common-header/styles.js";
25
- import "../../../gamification/user-statistics/index.js";
26
- import "../../../../utils/common.js";
27
- import "../../../gamification/user-statistics/components/rank/index.js";
28
- import "../../../gamification/user-statistics/components/rank/styles.js";
29
- import "../../../gamification/user-statistics/components/statistic/index.js";
30
- import "../../../gamification/user-statistics/components/statistic/styles.js";
31
- import "../../../gamification/user-statistics/styles.js";
32
30
  import "../../../gamification/leaderboard-item-detail/styles.js";
33
31
  import "../../../gamification/leaderboard-list/index.js";
34
- import "../../../gamification/leaderboard-invite-link/index.js";
35
- import "../../../gamification/leaderboard-invite-link/styles.js";
36
32
  import "../../../gamification/leaderboard-item/index.js";
33
+ import "../../../../utils/common.js";
37
34
  import "../../../gamification/leaderboard-item/styles.js";
38
35
  import "../../../gamification/leaderboard-list/styles.js";
39
36
  import "./QuestionsList.js";
@@ -44,13 +41,19 @@ import "../../../button/styles.js";
44
41
  import "../../../gamification/question/styles.js";
45
42
  import "../../../gamification/question/list/styles.js";
46
43
  import "./UserSummary.js";
44
+ import "../../../gamification/user-statistics/index.js";
45
+ import "../../../gamification/user-statistics/components/rank/index.js";
46
+ import "../../../gamification/user-statistics/components/rank/styles.js";
47
+ import "../../../gamification/user-statistics/components/statistic/index.js";
48
+ import "../../../gamification/user-statistics/components/statistic/styles.js";
49
+ import "../../../gamification/user-statistics/styles.js";
47
50
  const u = e(a)`
48
51
  position: absolute;
49
52
  inset: 0;
50
53
  top: var(--header-height);
51
54
  background: var(--color-neutrals-white);
52
55
  z-index: 3;
53
- `, po = ({
56
+ `, so = ({
54
57
  gamification: o
55
58
  }) => {
56
59
  const { loading: i, data: t } = n(o.openedQuestion);
@@ -67,5 +70,5 @@ const u = e(a)`
67
70
  ] });
68
71
  };
69
72
  export {
70
- po as GamificationOverlay
73
+ so as GamificationOverlay
71
74
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as p } from "react/jsx-runtime";
2
2
  import { DetailedInsight as L } from "../../../gamification/detailed-insight/index.js";
3
3
  import "../../../gamification/common-header/index.js";
4
- import "../../../../icon-exit-6a55bb8f.js";
4
+ import "../../../../icon-exit-d3f9fc80.js";
5
5
  import "../../../gamification/common-header/styles.js";
6
6
  import "@linaria/react";
7
7
  import "../../../gamification/detailed-insight/styles.js";
@@ -4,7 +4,7 @@ import { Insight as p } from "../../../demo/components/Insight.js";
4
4
  import { Insights as s } from "../../../demo/components/Insights.js";
5
5
  import "../../../gamification/detailed-insight/index.js";
6
6
  import "../../../gamification/common-header/index.js";
7
- import "../../../../icon-exit-6a55bb8f.js";
7
+ import "../../../../icon-exit-d3f9fc80.js";
8
8
  import "../../../gamification/common-header/styles.js";
9
9
  import "@linaria/react";
10
10
  import "../../../gamification/detailed-insight/styles.js";
@@ -11,33 +11,30 @@ import "../styles.js";
11
11
  import "../../show-in/index.js";
12
12
  import "./Gamification/Question.js";
13
13
  import "../../gamification/vote/index.js";
14
- import "../../../index-7045fbb2.js";
15
- import "../../gamification/vote/components/voting-option/styles.js";
14
+ import "../../../index-7f3361f2.js";
15
+ import "../../gamification/vote/vote-option/styles.js";
16
16
  import "../../gamification/vote/styles.js";
17
- import "../../gamification/vote/vote-header/index.js";
18
- import "../../gamification/constants.js";
19
- import "../../gamification/vote/vote-header/styles.js";
17
+ import "../../gamification/vote/win-bar/index.js";
18
+ import "../../timer/index.js";
19
+ import "react-countdown-circle-timer";
20
+ import "../../theme/constants.js";
21
+ import "../../gamification/vote/win-bar/styles.js";
20
22
  import "../../icons/index.js";
23
+ import "../../gamification/vote/header/index.js";
24
+ import "../../gamification/constants.js";
25
+ import "../../gamification/vote/header/styles.js";
21
26
  import "./Gamification/Tabs.js";
22
27
  import "../../gamification/tabs/index.js";
23
28
  import "../../gamification/tabs/styles.js";
24
29
  import "./Gamification/Leaderboard.js";
25
30
  import "../../gamification/leaderboard-item-detail/index.js";
26
31
  import "../../gamification/common-header/index.js";
27
- import "../../../icon-exit-6a55bb8f.js";
32
+ import "../../../icon-exit-d3f9fc80.js";
28
33
  import "../../gamification/common-header/styles.js";
29
- import "../../gamification/user-statistics/index.js";
30
- import "../../../utils/common.js";
31
- import "../../gamification/user-statistics/components/rank/index.js";
32
- import "../../gamification/user-statistics/components/rank/styles.js";
33
- import "../../gamification/user-statistics/components/statistic/index.js";
34
- import "../../gamification/user-statistics/components/statistic/styles.js";
35
- import "../../gamification/user-statistics/styles.js";
36
34
  import "../../gamification/leaderboard-item-detail/styles.js";
37
35
  import "../../gamification/leaderboard-list/index.js";
38
- import "../../gamification/leaderboard-invite-link/index.js";
39
- import "../../gamification/leaderboard-invite-link/styles.js";
40
36
  import "../../gamification/leaderboard-item/index.js";
37
+ import "../../../utils/common.js";
41
38
  import "../../gamification/leaderboard-item/styles.js";
42
39
  import "../../gamification/leaderboard-list/styles.js";
43
40
  import "./Gamification/QuestionsList.js";
@@ -48,6 +45,12 @@ import "../../button/styles.js";
48
45
  import "../../gamification/question/styles.js";
49
46
  import "../../gamification/question/list/styles.js";
50
47
  import "./Gamification/UserSummary.js";
48
+ import "../../gamification/user-statistics/index.js";
49
+ import "../../gamification/user-statistics/components/rank/index.js";
50
+ import "../../gamification/user-statistics/components/rank/styles.js";
51
+ import "../../gamification/user-statistics/components/statistic/index.js";
52
+ import "../../gamification/user-statistics/components/statistic/styles.js";
53
+ import "../../gamification/user-statistics/styles.js";
51
54
  import "../../demo/components/Insight.js";
52
55
  import "../../gamification/detailed-insight/index.js";
53
56
  import "../../gamification/detailed-insight/styles.js";
@@ -56,7 +59,7 @@ import "../../gamification/insight-list/index.js";
56
59
  import "../../gamification/insight/index.js";
57
60
  import "../../gamification/insight/styles.js";
58
61
  import "../../gamification/insight-list/styles.js";
59
- const hr = ({ 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]);
62
+ const Fr = ({ 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]);
60
63
  export {
61
- hr as ActiveFeature
64
+ Fr as ActiveFeature
62
65
  };
@@ -8,7 +8,7 @@ import "../../notifications/notification/onboarding-inapp/index.js";
8
8
  import "../../notifications/notification/onboarding-inapp/styles.js";
9
9
  import "@linaria/react";
10
10
  import "../../notifications/notification/question-inapp/index.js";
11
- import "../../../icon-exit-6a55bb8f.js";
11
+ import "../../../icon-exit-d3f9fc80.js";
12
12
  import "../../notifications/notification/question-inapp/styles.js";
13
13
  import "../../notifications/notification/styles.js";
14
14
  import "../../notifications/styles.js";
@@ -22,33 +22,29 @@ import "@linaria/react";
22
22
  import "../show-in/index.js";
23
23
  import "./Features/Gamification/Question.js";
24
24
  import "../gamification/vote/index.js";
25
- import "../../index-7045fbb2.js";
26
- import "../gamification/vote/components/voting-option/styles.js";
25
+ import "../../index-7f3361f2.js";
26
+ import "../gamification/vote/vote-option/styles.js";
27
27
  import "../gamification/vote/styles.js";
28
- import "../gamification/vote/vote-header/index.js";
29
- import "../gamification/constants.js";
30
- import "../gamification/vote/vote-header/styles.js";
28
+ import "../gamification/vote/win-bar/index.js";
29
+ import "../timer/index.js";
30
+ import "react-countdown-circle-timer";
31
+ import "../gamification/vote/win-bar/styles.js";
31
32
  import "../icons/index.js";
33
+ import "../gamification/vote/header/index.js";
34
+ import "../gamification/constants.js";
35
+ import "../gamification/vote/header/styles.js";
32
36
  import "./Features/Gamification/Tabs.js";
33
37
  import "../gamification/tabs/index.js";
34
38
  import "../gamification/tabs/styles.js";
35
39
  import "./Features/Gamification/Leaderboard.js";
36
40
  import "../gamification/leaderboard-item-detail/index.js";
37
41
  import "../gamification/common-header/index.js";
38
- import "../../icon-exit-6a55bb8f.js";
42
+ import "../../icon-exit-d3f9fc80.js";
39
43
  import "../gamification/common-header/styles.js";
40
- import "../gamification/user-statistics/index.js";
41
- import "../../utils/common.js";
42
- import "../gamification/user-statistics/components/rank/index.js";
43
- import "../gamification/user-statistics/components/rank/styles.js";
44
- import "../gamification/user-statistics/components/statistic/index.js";
45
- import "../gamification/user-statistics/components/statistic/styles.js";
46
- import "../gamification/user-statistics/styles.js";
47
44
  import "../gamification/leaderboard-item-detail/styles.js";
48
45
  import "../gamification/leaderboard-list/index.js";
49
- import "../gamification/leaderboard-invite-link/index.js";
50
- import "../gamification/leaderboard-invite-link/styles.js";
51
46
  import "../gamification/leaderboard-item/index.js";
47
+ import "../../utils/common.js";
52
48
  import "../gamification/leaderboard-item/styles.js";
53
49
  import "../gamification/leaderboard-list/styles.js";
54
50
  import "./Features/Gamification/QuestionsList.js";
@@ -59,6 +55,12 @@ import "../button/styles.js";
59
55
  import "../gamification/question/styles.js";
60
56
  import "../gamification/question/list/styles.js";
61
57
  import "./Features/Gamification/UserSummary.js";
58
+ import "../gamification/user-statistics/index.js";
59
+ import "../gamification/user-statistics/components/rank/index.js";
60
+ import "../gamification/user-statistics/components/rank/styles.js";
61
+ import "../gamification/user-statistics/components/statistic/index.js";
62
+ import "../gamification/user-statistics/components/statistic/styles.js";
63
+ import "../gamification/user-statistics/styles.js";
62
64
  import "./Features/Highlights/index.js";
63
65
  import "../demo/components/Insight.js";
64
66
  import "../gamification/detailed-insight/index.js";
@@ -75,7 +77,7 @@ import "../navigation/button/styles.js";
75
77
  const B = ({ sdk: o }) => {
76
78
  const [, m] = k(o);
77
79
  return /* @__PURE__ */ t(S, { feature: m, sdk: o });
78
- }, Hr = ({ sdk: o, overlays: m, children: p, event: n }) => {
80
+ }, Qr = ({ sdk: o, overlays: m, children: p, event: n }) => {
79
81
  const { sdkEnabled: i, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
80
82
  o,
81
83
  n
@@ -109,5 +111,5 @@ const B = ({ sdk: o }) => {
109
111
  ] }) });
110
112
  };
111
113
  export {
112
- Hr as MastersApp
114
+ Qr as MastersApp
113
115
  };