@streamlayer/react 0.34.3 → 0.34.5

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.
@@ -1,60 +1,60 @@
1
- import { jsxs as a, jsx as s, Fragment as z } from "react/jsx-runtime";
2
- import { s as i, c as A } from "./index4.js";
3
- import { useStore as w } from "@nanostores/react";
4
- import { o as Ie, r as je, w as ze, u as me, O as ke, c as Ee, a as Z, n as Se, P as re, x as Oe } from "./masters2.js";
5
- import { QuestionType as p, QuestionStatus as S, QuestionImages as Y, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
6
- import { useState as E, useCallback as V, useEffect as ee, useMemo as j, PureComponent as Ce, useTransition as be } from "react";
7
- import { d as X } from "./index3.js";
1
+ import { jsxs as r, jsx as s, Fragment as z } from "react/jsx-runtime";
2
+ import { s as i, c as T } from "./index4.js";
3
+ import { useStore as Q } from "@nanostores/react";
4
+ import { o as Ie, r as Ee, w as ve, u as pe, O as Oe, c as Le, a as V, n as Ce, P as ae, x as ke } from "./masters2.js";
5
+ import { QuestionType as M, QuestionStatus as C, QuestionImages as q, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
6
+ import { useState as L, useCallback as _, useEffect as ee, useMemo as v, PureComponent as Se, useTransition as fe } from "react";
7
+ import { d as K } from "./index3.js";
8
8
  import "react-countup";
9
- import { CountdownCircleTimer as Le } from "react-countdown-circle-timer";
10
- import { E as L } from "./index2.js";
11
- import we from "react-infinite-scroller";
9
+ import { CountdownCircleTimer as we } from "react-countdown-circle-timer";
10
+ import { E as w } from "./index2.js";
11
+ import Qe from "react-infinite-scroller";
12
12
  import "@streamlayer/sdk-web-interfaces";
13
13
  import "@streamlayer/sdk-web-notifications";
14
14
  import "lodash.throttle";
15
15
  import "./useStreamLayerApp.js";
16
16
  import "@streamlayer/sdk-web";
17
- const $e = /* @__PURE__ */ i("div")({
17
+ const be = /* @__PURE__ */ i("div")({
18
18
  name: "Container",
19
19
  class: "c1vwopgc",
20
20
  propsAsIs: !1
21
- }), Qe = /* @__PURE__ */ i("div")({
21
+ }), $e = /* @__PURE__ */ i("div")({
22
22
  name: "QuestionTypeWrap",
23
23
  class: "qyktpt0",
24
24
  propsAsIs: !1
25
- }), Re = () => A, Ue = /* @__PURE__ */ i(Re())({
25
+ }), Ye = () => T, Ue = /* @__PURE__ */ i(Ye())({
26
26
  name: "QuestionTypeIcon",
27
27
  class: "q951jdx",
28
28
  propsAsIs: !0
29
- }), qe = /* @__PURE__ */ i("span")({
29
+ }), Re = /* @__PURE__ */ i("span")({
30
30
  name: "QuestionTypeTitle",
31
31
  class: "qss5f0e",
32
32
  propsAsIs: !1
33
- }), Ye = /* @__PURE__ */ i("button")({
33
+ }), qe = /* @__PURE__ */ i("button")({
34
34
  name: "CloseButton",
35
35
  class: "c1ao1jtv",
36
36
  propsAsIs: !1
37
- }), Pe = () => A, Ve = /* @__PURE__ */ i(Pe())({
37
+ }), Pe = () => T, Ve = /* @__PURE__ */ i(Pe())({
38
38
  name: "CloseIcon",
39
39
  class: "cvsl7l3",
40
40
  propsAsIs: !0
41
- }), Me = ({ type: e, close: n, label: t }) => {
42
- const r = e ? Ie[e] : { label: t, iconName: void 0 };
43
- return /* @__PURE__ */ a($e, { children: [
44
- /* @__PURE__ */ a(Qe, { children: [
45
- (r == null ? void 0 : r.iconName) && /* @__PURE__ */ s(
41
+ }), Ne = ({ type: e, close: n, label: t }) => {
42
+ const a = e ? Ie[e] : { label: t, iconName: void 0 };
43
+ return /* @__PURE__ */ r(be, { children: [
44
+ /* @__PURE__ */ r($e, { children: [
45
+ (a == null ? void 0 : a.iconName) && /* @__PURE__ */ s(
46
46
  Ue,
47
47
  {
48
- "data-type-trivia": e === p.TRIVIA,
49
- "data-type-poll": e === p.POLL,
50
- name: r.iconName
48
+ "data-type-trivia": e === M.TRIVIA,
49
+ "data-type-poll": e === M.POLL,
50
+ name: a.iconName
51
51
  }
52
52
  ),
53
- (r == null ? void 0 : r.label) && /* @__PURE__ */ s(qe, { children: r.label })
53
+ (a == null ? void 0 : a.label) && /* @__PURE__ */ s(Re, { children: a.label })
54
54
  ] }),
55
- /* @__PURE__ */ s(Ye, { onClick: n, children: /* @__PURE__ */ s(Ve, { name: "icon-cross" }) })
55
+ /* @__PURE__ */ s(qe, { onClick: n, children: /* @__PURE__ */ s(Ve, { name: "icon-cross" }) })
56
56
  ] });
57
- }, he = (e) => e.split(/\s+/).map((n) => n[0]).join("").toUpperCase(), Ne = (e) => e ? e.toLocaleString("en-US") : "0", se = (e) => e.toLocaleDateString("en-US", {
57
+ }, De = (e) => e.split(/\s+/).map((n) => n[0]).join("").toUpperCase(), me = (e) => e ? e.toLocaleString("en-US") : "0", se = (e) => e.toLocaleDateString("en-US", {
58
58
  weekday: "short",
59
59
  month: "short",
60
60
  day: "numeric"
@@ -65,32 +65,32 @@ const $e = /* @__PURE__ */ i("div")({
65
65
  name: "Container",
66
66
  class: "c1zy8a",
67
67
  propsAsIs: !1
68
- }), Be = /* @__PURE__ */ i("div")({
68
+ }), We = /* @__PURE__ */ i("div")({
69
69
  name: "Title",
70
70
  class: "t1vih9p5",
71
71
  propsAsIs: !1
72
- }), We = /* @__PURE__ */ i("div")({
72
+ }), Be = /* @__PURE__ */ i("div")({
73
73
  name: "Indicator",
74
74
  class: "i1fbnvpb",
75
75
  propsAsIs: !1
76
- }), ae = ({ indicator: e, title: n }) => /* @__PURE__ */ a(_e, { children: [
77
- /* @__PURE__ */ s(Be, { children: n }),
78
- /* @__PURE__ */ s(We, { children: e })
79
- ] }), Fe = /* @__PURE__ */ i("div")({
76
+ }), re = ({ indicator: e, title: n }) => /* @__PURE__ */ r(_e, { children: [
77
+ /* @__PURE__ */ s(We, { children: n }),
78
+ /* @__PURE__ */ s(Be, { children: e })
79
+ ] }), Ze = /* @__PURE__ */ i("div")({
80
80
  name: "Container",
81
81
  class: "ctmhwyc",
82
82
  propsAsIs: !1
83
- }), Ge = /* @__PURE__ */ i("div")({
83
+ }), Fe = /* @__PURE__ */ i("div")({
84
84
  name: "Indicator",
85
85
  class: "i1jri200",
86
86
  propsAsIs: !1
87
- }), Ze = /* @__PURE__ */ i("div")({
87
+ }), Ge = /* @__PURE__ */ i("div")({
88
88
  name: "Title",
89
89
  class: "t8s05oq",
90
90
  propsAsIs: !1
91
- }), W = ({ indicator: e, title: n }) => /* @__PURE__ */ a(Fe, { children: [
92
- /* @__PURE__ */ s(Ge, { children: e }),
93
- /* @__PURE__ */ s(Ze, { children: n })
91
+ }), Z = ({ indicator: e, title: n }) => /* @__PURE__ */ r(Ze, { children: [
92
+ /* @__PURE__ */ s(Fe, { children: e }),
93
+ /* @__PURE__ */ s(Ge, { children: n })
94
94
  ] }), He = /* @__PURE__ */ i("div")({
95
95
  name: "Container",
96
96
  class: "c1yrpn9o",
@@ -99,11 +99,11 @@ const $e = /* @__PURE__ */ i("div")({
99
99
  name: "TopInfo",
100
100
  class: "t17fwahh",
101
101
  propsAsIs: !1
102
- }), Ke = /* @__PURE__ */ i("div")({
102
+ }), Xe = /* @__PURE__ */ i("div")({
103
103
  name: "BottomInfo",
104
104
  class: "by6w7e9",
105
105
  propsAsIs: !1
106
- }), Xe = /* @__PURE__ */ i("div")({
106
+ }), Ke = /* @__PURE__ */ i("div")({
107
107
  name: "User",
108
108
  class: "u1g7arbm",
109
109
  propsAsIs: !1
@@ -131,11 +131,11 @@ const $e = /* @__PURE__ */ i("div")({
131
131
  name: "Rts",
132
132
  class: "r2vgnxv",
133
133
  propsAsIs: !1
134
- }), rs = /* @__PURE__ */ i("div")({
134
+ }), as = /* @__PURE__ */ i("div")({
135
135
  name: "RtsIndicator",
136
136
  class: "roqn06j",
137
137
  propsAsIs: !1
138
- }), as = /* @__PURE__ */ i("div")({
138
+ }), rs = /* @__PURE__ */ i("div")({
139
139
  name: "RtsLabel",
140
140
  class: "r15adx7c",
141
141
  propsAsIs: !1
@@ -155,39 +155,39 @@ const $e = /* @__PURE__ */ i("div")({
155
155
  name: "AvatarPlaceholder",
156
156
  class: "a1mqo824",
157
157
  propsAsIs: !1
158
- }), ps = /* @__PURE__ */ i("button")({
158
+ }), Ms = /* @__PURE__ */ i("button")({
159
159
  name: "UserAccountBtn",
160
160
  class: "uxareh6",
161
161
  propsAsIs: !1
162
- }), Is = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Ae = ({
162
+ }), Is = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Te = ({
163
163
  avatar: e,
164
164
  name: n,
165
165
  points: t,
166
- friendsRank: r,
166
+ friendsRank: a,
167
167
  rank: o,
168
168
  streak: u,
169
169
  correct: c,
170
170
  incorrect: l,
171
171
  inTop: d,
172
172
  successRate: I
173
- }) => /* @__PURE__ */ a(He, { children: [
174
- /* @__PURE__ */ s(Je, { children: /* @__PURE__ */ a(Xe, { children: [
175
- /* @__PURE__ */ a(ps, { children: [
173
+ }) => /* @__PURE__ */ r(He, { children: [
174
+ /* @__PURE__ */ s(Je, { children: /* @__PURE__ */ r(Ke, { children: [
175
+ /* @__PURE__ */ r(Ms, { children: [
176
176
  e && /* @__PURE__ */ s(es, { alt: "avatar", src: e }),
177
- !e && /* @__PURE__ */ s(us, { children: he(n || "") })
177
+ !e && /* @__PURE__ */ s(us, { children: De(n || "") })
178
178
  ] }),
179
- /* @__PURE__ */ a(ss, { children: [
179
+ /* @__PURE__ */ r(ss, { children: [
180
180
  /* @__PURE__ */ s(ns, { children: n }),
181
- /* @__PURE__ */ a(ts, { children: [
182
- /* @__PURE__ */ a(os, { children: [
181
+ /* @__PURE__ */ r(ts, { children: [
182
+ /* @__PURE__ */ r(os, { children: [
183
183
  /* @__PURE__ */ s(is, { alt: "rank-icon", src: Is }),
184
- /* @__PURE__ */ a(rs, { children: [
185
- Ne(t),
186
- /* @__PURE__ */ s(as, { children: "PTS" })
184
+ /* @__PURE__ */ r(as, { children: [
185
+ me(t),
186
+ /* @__PURE__ */ s(rs, { children: "PTS" })
187
187
  ] })
188
188
  ] }),
189
189
  /* @__PURE__ */ s(cs, {}),
190
- /* @__PURE__ */ a("div", { children: [
190
+ /* @__PURE__ */ r("div", { children: [
191
191
  "TOP ",
192
192
  d || 0,
193
193
  "%"
@@ -195,35 +195,35 @@ const $e = /* @__PURE__ */ i("div")({
195
195
  ] })
196
196
  ] })
197
197
  ] }) }),
198
- /* @__PURE__ */ a(Ke, { children: [
199
- /* @__PURE__ */ a(ls, { children: [
200
- /* @__PURE__ */ s(ae, { indicator: r || 0, title: "Friends rank" }),
201
- /* @__PURE__ */ s(ae, { indicator: o || 0, title: "Global rank" })
198
+ /* @__PURE__ */ r(Xe, { children: [
199
+ /* @__PURE__ */ r(ls, { children: [
200
+ /* @__PURE__ */ s(re, { indicator: a || 0, title: "Friends rank" }),
201
+ /* @__PURE__ */ s(re, { indicator: o || 0, title: "Global rank" })
202
202
  ] }),
203
- /* @__PURE__ */ a(ds, { children: [
204
- /* @__PURE__ */ s(W, { indicator: u || 0, title: "Win streak" }),
205
- /* @__PURE__ */ s(W, { indicator: c || 0, title: "Correct" }),
206
- /* @__PURE__ */ s(W, { indicator: l || 0, title: "Incorrect" }),
207
- /* @__PURE__ */ s(W, { indicator: `${I || 0}%`, title: "Succ. rate" })
203
+ /* @__PURE__ */ r(ds, { children: [
204
+ /* @__PURE__ */ s(Z, { indicator: u || 0, title: "Win streak" }),
205
+ /* @__PURE__ */ s(Z, { indicator: c || 0, title: "Correct" }),
206
+ /* @__PURE__ */ s(Z, { indicator: l || 0, title: "Incorrect" }),
207
+ /* @__PURE__ */ s(Z, { indicator: `${I || 0}%`, title: "Succ. rate" })
208
208
  ] })
209
209
  ] })
210
- ] }), ms = /* @__PURE__ */ i("div")({
210
+ ] }), ps = /* @__PURE__ */ i("div")({
211
211
  name: "SponsorLogoWrap",
212
212
  class: "s8p5v5z",
213
213
  propsAsIs: !1
214
- }), Ms = () => A, hs = /* @__PURE__ */ i(Ms())({
214
+ }), Ns = () => T, Ds = /* @__PURE__ */ i(Ns())({
215
215
  name: "SponsorLogo",
216
216
  class: "s755yti",
217
217
  propsAsIs: !0
218
- }), Ns = () => /* @__PURE__ */ s(ms, {
219
- children: /* @__PURE__ */ s(hs, {
218
+ }), ms = () => /* @__PURE__ */ s(ps, {
219
+ children: /* @__PURE__ */ s(Ds, {
220
220
  name: "mastersLogo"
221
221
  })
222
- }), As = /* @__PURE__ */ i("div")({
222
+ }), Ts = /* @__PURE__ */ i("div")({
223
223
  name: "Container",
224
224
  class: "c38csyt",
225
225
  propsAsIs: !1
226
- }), Ds = /* @__PURE__ */ i("div")({
226
+ }), As = /* @__PURE__ */ i("div")({
227
227
  name: "Title",
228
228
  class: "ty221rx",
229
229
  propsAsIs: !1
@@ -231,15 +231,15 @@ const $e = /* @__PURE__ */ i("div")({
231
231
  name: "Description",
232
232
  class: "dlaj9xp",
233
233
  propsAsIs: !1
234
- }), Ts = ({ title: e, description: n }) => /* @__PURE__ */ a(As, { children: [
235
- /* @__PURE__ */ s(A, { name: "icon-check-circle" }),
236
- /* @__PURE__ */ s(Ds, { children: e }),
234
+ }), js = ({ title: e, description: n }) => /* @__PURE__ */ r(Ts, { children: [
235
+ /* @__PURE__ */ s(T, { name: "icon-check-circle" }),
236
+ /* @__PURE__ */ s(As, { children: e }),
237
237
  /* @__PURE__ */ s(gs, { children: n })
238
- ] }), vs = /* @__PURE__ */ i("div")({
238
+ ] }), xs = /* @__PURE__ */ i("div")({
239
239
  name: "Container",
240
240
  class: "c16sbdnm",
241
241
  propsAsIs: !1
242
- }), ys = () => A, fs = /* @__PURE__ */ i(ys())({
242
+ }), ys = () => T, hs = /* @__PURE__ */ i(ys())({
243
243
  name: "IconPrediction",
244
244
  class: "ibhorgl",
245
245
  propsAsIs: !0
@@ -251,7 +251,7 @@ const $e = /* @__PURE__ */ i("div")({
251
251
  name: "FeedbackHeader",
252
252
  class: "f455ozj",
253
253
  propsAsIs: !1
254
- }), xs = /* @__PURE__ */ i("span")({
254
+ }), zs = /* @__PURE__ */ i("span")({
255
255
  name: "FeedbackTitle",
256
256
  class: "f1913njx",
257
257
  propsAsIs: !1
@@ -259,119 +259,119 @@ const $e = /* @__PURE__ */ i("div")({
259
259
  name: "FeedbackDescription",
260
260
  class: "fzfk69z",
261
261
  propsAsIs: !1
262
- }), K = /* @__PURE__ */ i("div")({
262
+ }), X = /* @__PURE__ */ i("div")({
263
263
  name: "FeedbackText",
264
264
  class: "fx87qaj",
265
265
  propsAsIs: !1
266
- }), js = ({
266
+ }), Es = ({
267
267
  feedbackMessages: e,
268
268
  questionVotedCorrectly: n,
269
269
  questionVoted: t,
270
- questionType: r,
270
+ questionType: a,
271
271
  hasCorrectAnswer: o,
272
272
  questionStatus: u,
273
273
  showExpiredNotification: c,
274
274
  showClosedNotificationTrivia: l,
275
275
  votedInCurrentRender: d,
276
276
  votedAfterQuestionClosed: I,
277
- enteredAnActiveQuestion: m,
278
- marketClosed: M
277
+ enteredAnActiveQuestion: p,
278
+ marketClosed: N
279
279
  }) => {
280
- const N = t && (r === p.TRIVIA || r === p.PREDICTION) && d && u !== S.RESOLVED, D = r === p.PREDICTION && !o, O = M && r === p.PREDICTION && !t && !m || r === p.PREDICTION && I && d && m, v = N && D, C = N && o, y = r === p.PREDICTION && t && d && o, $ = t && r === p.POLL && d;
281
- if (!c && !l && !v && !C && !O && !$ && !y)
280
+ const m = t && (a === M.TRIVIA || a === M.PREDICTION) && d && u !== C.RESOLVED, A = a === M.PREDICTION && !o, k = N && a === M.PREDICTION && !t && !p || a === M.PREDICTION && I && d && p, x = m && A, S = m && o, y = a === M.PREDICTION && t && d && o, b = t && a === M.POLL && d;
281
+ if (!c && !l && !x && !S && !k && !b && !y)
282
282
  return null;
283
- const k = n ? "correct" : "incorrect", x = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
284
- return /* @__PURE__ */ a(vs, { "data-isPrediction": D, children: [
285
- c && /* @__PURE__ */ a(z, { children: [
286
- /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
287
- /* @__PURE__ */ a("div", { children: [
283
+ const O = n ? "correct" : "incorrect", E = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
284
+ return /* @__PURE__ */ r(xs, { "data-isPrediction": A, children: [
285
+ c && /* @__PURE__ */ r(z, { children: [
286
+ /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(T, { name: "questionExpired" }) }),
287
+ /* @__PURE__ */ r("div", { children: [
288
288
  /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Expired" }) }),
289
- /* @__PURE__ */ s(K, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
289
+ /* @__PURE__ */ s(X, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
290
290
  ] })
291
291
  ] }),
292
- l && /* @__PURE__ */ a(z, { children: [
293
- /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
294
- /* @__PURE__ */ a("div", { children: [
292
+ l && /* @__PURE__ */ r(z, { children: [
293
+ /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(T, { name: "questionExpired" }) }),
294
+ /* @__PURE__ */ r("div", { children: [
295
295
  /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
296
- /* @__PURE__ */ s(K, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
296
+ /* @__PURE__ */ s(X, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
297
297
  ] })
298
298
  ] }),
299
- O && /* @__PURE__ */ a(z, { children: [
300
- /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
301
- /* @__PURE__ */ a("div", { children: [
299
+ k && /* @__PURE__ */ r(z, { children: [
300
+ /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(T, { name: "questionExpired" }) }),
301
+ /* @__PURE__ */ r("div", { children: [
302
302
  /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
303
- /* @__PURE__ */ s(K, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
303
+ /* @__PURE__ */ s(X, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
304
304
  ] })
305
305
  ] }),
306
- v && /* @__PURE__ */ a(z, { children: [
307
- /* @__PURE__ */ s(fs, { name: "icon-prediction" }),
306
+ x && /* @__PURE__ */ r(z, { children: [
307
+ /* @__PURE__ */ s(hs, { name: "icon-prediction" }),
308
308
  /* @__PURE__ */ s(U, { children: "Stay tuned to see if your prediction was correct." })
309
309
  ] }),
310
- $ && /* @__PURE__ */ a(z, { children: [
311
- /* @__PURE__ */ s(P, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(A, { name: "correct" }) }),
310
+ b && /* @__PURE__ */ r(z, { children: [
311
+ /* @__PURE__ */ s(P, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(T, { name: "correct" }) }),
312
312
  /* @__PURE__ */ s(U, { children: "That's for answering. Please stay tuned for the next question." })
313
313
  ] }),
314
- (C || y) && /* @__PURE__ */ a(z, { children: [
315
- /* @__PURE__ */ s(P, { "data-feedbackType": k, children: /* @__PURE__ */ s(A, { name: k }) }),
316
- /* @__PURE__ */ s("div", { children: /* @__PURE__ */ a(F, { children: [
317
- /* @__PURE__ */ s(xs, { "data-feedbackType": k, children: x == null ? void 0 : x.title }),
318
- /* @__PURE__ */ s(U, { children: x == null ? void 0 : x.description })
314
+ (S || y) && /* @__PURE__ */ r(z, { children: [
315
+ /* @__PURE__ */ s(P, { "data-feedbackType": O, children: /* @__PURE__ */ s(T, { name: O }) }),
316
+ /* @__PURE__ */ s("div", { children: /* @__PURE__ */ r(F, { children: [
317
+ /* @__PURE__ */ s(zs, { "data-feedbackType": O, children: E == null ? void 0 : E.title }),
318
+ /* @__PURE__ */ s(U, { children: E == null ? void 0 : E.description })
319
319
  ] }) })
320
320
  ] })
321
321
  ] });
322
- }, zs = /* @__PURE__ */ i("div")({
322
+ }, vs = /* @__PURE__ */ i("div")({
323
323
  name: "Container",
324
324
  class: "c14ielyq",
325
325
  propsAsIs: !1
326
- }), ks = /* @__PURE__ */ i("div")({
326
+ }), Os = /* @__PURE__ */ i("div")({
327
327
  name: "Content",
328
328
  class: "c1tlqx57",
329
329
  propsAsIs: !1
330
- }), Es = /* @__PURE__ */ i("div")({
330
+ }), Ls = /* @__PURE__ */ i("div")({
331
331
  name: "Title",
332
332
  class: "t1hq58md",
333
333
  propsAsIs: !1
334
- }), Ss = /* @__PURE__ */ i("div")({
334
+ }), Cs = /* @__PURE__ */ i("div")({
335
335
  name: "Options",
336
336
  class: "o1c8nxcx",
337
337
  propsAsIs: !1
338
- }), Os = /* @__PURE__ */ i("button")({
338
+ }), ks = /* @__PURE__ */ i("button")({
339
339
  name: "ButtonContainer",
340
340
  class: "b1b6dl8t",
341
341
  propsAsIs: !1
342
- }), Cs = /* @__PURE__ */ i("div")({
342
+ }), Ss = /* @__PURE__ */ i("div")({
343
343
  name: "ButtonPct",
344
344
  class: "b4iik8i",
345
345
  propsAsIs: !1
346
- }), bs = /* @__PURE__ */ i("span")({
346
+ }), fs = /* @__PURE__ */ i("span")({
347
347
  name: "ButtonBody",
348
348
  class: "b1gq1lnf",
349
349
  propsAsIs: !1
350
- }), Ls = /* @__PURE__ */ i("div")({
350
+ }), ws = /* @__PURE__ */ i("div")({
351
351
  name: "IconContainer",
352
352
  class: "i1j65z51",
353
353
  propsAsIs: !1
354
- }), ws = /* @__PURE__ */ i("div")({
354
+ }), Qs = /* @__PURE__ */ i("div")({
355
355
  name: "IconWrap",
356
356
  class: "i19tpfua",
357
357
  propsAsIs: !1
358
- }), De = /* @__PURE__ */ i("img")({
358
+ }), Ae = /* @__PURE__ */ i("img")({
359
359
  name: "Icon",
360
360
  class: "i1tubmma",
361
361
  propsAsIs: !1
362
- }), $s = () => De, Qs = /* @__PURE__ */ i($s())({
362
+ }), bs = () => Ae, $s = /* @__PURE__ */ i(bs())({
363
363
  name: "IconDefault",
364
364
  class: "i1grrgwj",
365
365
  propsAsIs: !0
366
- }), Rs = () => De, Us = /* @__PURE__ */ i(Rs())({
366
+ }), Ys = () => Ae, Us = /* @__PURE__ */ i(Ys())({
367
367
  name: "IconCircle",
368
368
  class: "ibemyq8",
369
369
  propsAsIs: !0
370
- }), qs = /* @__PURE__ */ i("span")({
370
+ }), Rs = /* @__PURE__ */ i("span")({
371
371
  name: "Title",
372
372
  class: "t1dceht",
373
373
  propsAsIs: !1
374
- }), Ys = /* @__PURE__ */ i("span")({
374
+ }), qs = /* @__PURE__ */ i("span")({
375
375
  name: "Indicators",
376
376
  class: "i116q4vq",
377
377
  propsAsIs: !1
@@ -383,38 +383,38 @@ const $e = /* @__PURE__ */ i("div")({
383
383
  name: "Percentage",
384
384
  class: "pu9kmlb",
385
385
  propsAsIs: !1
386
- }), _s = () => A, Bs = /* @__PURE__ */ i(_s())({
386
+ }), _s = () => T, Ws = /* @__PURE__ */ i(_s())({
387
387
  name: "CheckIcon",
388
388
  class: "c1j2j0s0",
389
389
  propsAsIs: !0
390
390
  }), ce = {
391
- [Y.CENTERED]: (e) => /* @__PURE__ */ s(Qs, { alt: "option-icon", src: e }),
392
- [Y.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(ws, { style: { backgroundImage: `url(${e})` } }) }),
393
- [Y.ROUNDED]: (e) => /* @__PURE__ */ s(Us, { alt: "option-icon", src: e }),
394
- [Y.NONE]: () => null,
395
- [Y.UNSET]: () => null
396
- }, Ws = ({ questionType: e, hasCorrectAnswer: n, correct: t, youVoted: r, questionVoted: o }) => {
397
- if (e === p.POLL && r)
391
+ [q.CENTERED]: (e) => /* @__PURE__ */ s($s, { alt: "option-icon", src: e }),
392
+ [q.TRANSPARENT]: (e) => /* @__PURE__ */ s(ws, { children: /* @__PURE__ */ s(Qs, { style: { backgroundImage: `url(${e})` } }) }),
393
+ [q.ROUNDED]: (e) => /* @__PURE__ */ s(Us, { alt: "option-icon", src: e }),
394
+ [q.NONE]: () => null,
395
+ [q.UNSET]: () => null
396
+ }, Bs = ({ questionType: e, hasCorrectAnswer: n, correct: t, youVoted: a, questionVoted: o }) => {
397
+ if (e === M.POLL && a)
398
398
  return "correct";
399
- if (e === p.PREDICTION) {
399
+ if (e === M.PREDICTION) {
400
400
  if (n && o)
401
- return r ? t ? "correct" : "incorrect" : "unset";
402
- if (r)
401
+ return a ? t ? "correct" : "incorrect" : "unset";
402
+ if (a)
403
403
  return "correct";
404
404
  }
405
- return e === p.TRIVIA && o && r ? t ? "correct" : "incorrect" : "unset";
406
- }, Fs = ({
405
+ return e === M.TRIVIA && o && a ? t ? "correct" : "incorrect" : "unset";
406
+ }, Zs = ({
407
407
  questionType: e,
408
408
  questionVoted: n,
409
409
  correct: t,
410
- hasCorrectAnswer: r,
410
+ hasCorrectAnswer: a,
411
411
  questionStatus: o
412
- }) => e === p.TRIVIA ? n && t : e === p.PREDICTION ? n && t && r || o === S.RESOLVED && t : !1, Gs = (e) => {
412
+ }) => e === M.TRIVIA ? n && t : e === M.PREDICTION ? n && t && a || o === C.RESOLVED && t : !1, Fs = (e) => {
413
413
  var n;
414
414
  const {
415
415
  // option props
416
416
  id: t,
417
- icon: r,
417
+ icon: a,
418
418
  text: o,
419
419
  percentageDecimal: u,
420
420
  points: c,
@@ -422,75 +422,75 @@ const $e = /* @__PURE__ */ i("div")({
422
422
  onVote: l,
423
423
  markThatVoted: d,
424
424
  youSelected: I,
425
- questionVoted: m,
426
- imageMode: M,
427
- answerTimeExpired: N,
428
- questionStatus: D,
429
- isLoading: O,
430
- questionType: v,
431
- correct: C,
425
+ questionVoted: p,
426
+ imageMode: N,
427
+ answerTimeExpired: m,
428
+ questionStatus: A,
429
+ isLoading: k,
430
+ questionType: x,
431
+ correct: S,
432
432
  hasCorrectAnswer: y,
433
- votedAfterQuestionClosed: $,
434
- enteredAnActiveQuestion: k,
435
- marketClosed: x
436
- } = e, b = Ws(e), J = Fs({ questionType: v, questionVoted: m, correct: C, hasCorrectAnswer: y, questionStatus: D }), Q = x && v === p.PREDICTION, _ = m || Q, h = v === p.PREDICTION && !m && D !== S.RESOLVED;
437
- return /* @__PURE__ */ a(
438
- Os,
433
+ votedAfterQuestionClosed: b,
434
+ enteredAnActiveQuestion: O,
435
+ marketClosed: E
436
+ } = e, f = Bs(e), J = Zs({ questionType: x, questionVoted: p, correct: S, hasCorrectAnswer: y, questionStatus: A }), $ = E && x === M.PREDICTION, W = p || $, D = x === M.PREDICTION && !p && A !== C.RESOLVED;
437
+ return /* @__PURE__ */ r(
438
+ ks,
439
439
  {
440
440
  value: t,
441
441
  "data-selected": I,
442
- "data-answer-state": b,
443
- disabled: m || O || N || Q && !k || Q && k && $,
444
- "data-is-not-checked": m && !I && b !== "incorrect",
445
- onClick: (T) => {
442
+ "data-answer-state": f,
443
+ disabled: p || k || m || $ && !O || $ && O && b,
444
+ "data-is-not-checked": p && !I && f !== "incorrect",
445
+ onClick: (j) => {
446
446
  d(
447
- v === p.PREDICTION ? x : D === S.RESOLVED
448
- ), l(T);
447
+ x === M.PREDICTION ? E : A === C.RESOLVED
448
+ ), l(j);
449
449
  },
450
450
  children: [
451
- /* @__PURE__ */ s(Cs, { "data-answer-state": b, style: { width: `${_ ? u : 0}%` } }),
452
- /* @__PURE__ */ a(bs, { children: [
453
- r && M && ((n = ce[M]) == null ? void 0 : n.call(ce, r)),
454
- /* @__PURE__ */ s(qs, { children: o }),
455
- h && /* @__PURE__ */ a("div", { children: [
456
- /* @__PURE__ */ s(X, { value: c }),
451
+ /* @__PURE__ */ s(Ss, { "data-answer-state": f, style: { width: `${W ? u : 0}%` } }),
452
+ /* @__PURE__ */ r(fs, { children: [
453
+ a && N && ((n = ce[N]) == null ? void 0 : n.call(ce, a)),
454
+ /* @__PURE__ */ s(Rs, { children: o }),
455
+ D && /* @__PURE__ */ r("div", { children: [
456
+ /* @__PURE__ */ s(K, { value: c }),
457
457
  /* @__PURE__ */ s(Ps, { children: "pts" })
458
458
  ] }),
459
- _ && /* @__PURE__ */ a(Ys, { children: [
460
- J && /* @__PURE__ */ s(Bs, { name: "selected" }),
461
- /* @__PURE__ */ s(Vs, { children: /* @__PURE__ */ s(X, { value: u, suffix: "%" }) })
459
+ W && /* @__PURE__ */ r(qs, { children: [
460
+ J && /* @__PURE__ */ s(Ws, { name: "selected" }),
461
+ /* @__PURE__ */ s(Vs, { children: /* @__PURE__ */ s(K, { value: u, suffix: "%" }) })
462
462
  ] })
463
463
  ] })
464
464
  ]
465
465
  }
466
466
  );
467
- }, Zs = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRAY3], Hs = [10, 10, 1, 0], Js = /* @__PURE__ */ i("div")({
467
+ }, Gs = [w.PRIMARY_GREEN1, w.SECONDARY_RED1, w.SECONDARY_RED1, w.NEUTRALS_GRAY3], Hs = [10, 10, 1, 0], Js = /* @__PURE__ */ i("div")({
468
468
  name: "RemainingTime",
469
469
  class: "r165427",
470
470
  propsAsIs: !1
471
- }), Ks = L.SECONDARY_GREEN6, le = L.SECONDARY_RED3, Xs = L.NEUTRALS_GRAY3, en = ({
471
+ }), Xs = w.SECONDARY_GREEN6, le = w.SECONDARY_RED3, Ks = w.NEUTRALS_GRAY3, en = ({
472
472
  isPlaying: e = !0,
473
473
  duration: n = 30,
474
474
  onTimerExpired: t
475
475
  }) => {
476
- const [r, o] = E(n > 10 ? Ks : le), u = ({
476
+ const [a, o] = L(n > 10 ? Xs : le), u = ({
477
477
  remainingTime: d
478
478
  }) => /* @__PURE__ */ s(Js, {
479
479
  children: d
480
- }), c = V(() => {
481
- t == null || t(), o(Xs);
482
- }, [t, o]), l = V((d) => {
480
+ }), c = _(() => {
481
+ t == null || t(), o(Ks);
482
+ }, [t, o]), l = _((d) => {
483
483
  d === 10 && o(le);
484
484
  }, [o]);
485
- return /* @__PURE__ */ s(Le, {
485
+ return /* @__PURE__ */ s(we, {
486
486
  isPlaying: e,
487
487
  duration: n,
488
- colors: Zs,
488
+ colors: Gs,
489
489
  colorsTime: Hs,
490
490
  size: 32,
491
491
  strokeWidth: 2,
492
492
  trailStrokeWidth: 2,
493
- trailColor: r,
493
+ trailColor: a,
494
494
  onComplete: c,
495
495
  onUpdate: l,
496
496
  children: u
@@ -507,11 +507,11 @@ const $e = /* @__PURE__ */ i("div")({
507
507
  name: "Title",
508
508
  class: "t1l3ucjp",
509
509
  propsAsIs: !1
510
- }), on = () => A, rn = /* @__PURE__ */ i(on())({
510
+ }), on = () => T, an = /* @__PURE__ */ i(on())({
511
511
  name: "WinIcon",
512
512
  class: "wx7j799",
513
513
  propsAsIs: !0
514
- }), an = /* @__PURE__ */ i("div")({
514
+ }), rn = /* @__PURE__ */ i("div")({
515
515
  name: "Points",
516
516
  class: "p4lwuj0",
517
517
  propsAsIs: !1
@@ -527,138 +527,138 @@ const $e = /* @__PURE__ */ i("div")({
527
527
  title: e,
528
528
  points: n,
529
529
  isPlayingTimer: t,
530
- isTimer: r,
530
+ isTimer: a,
531
531
  questionType: o,
532
532
  timerDuration: u,
533
533
  onTimerExpired: c
534
- }) => /* @__PURE__ */ a(sn, { style: { justifyContent: o === p.PREDICTION ? "center" : "space-between" }, children: [
535
- /* @__PURE__ */ a(nn, { children: [
534
+ }) => /* @__PURE__ */ r(sn, { style: { justifyContent: o === M.PREDICTION ? "center" : "space-between" }, children: [
535
+ /* @__PURE__ */ r(nn, { children: [
536
536
  e && /* @__PURE__ */ s(tn, { children: e }),
537
- n !== void 0 && o !== p.POLL && /* @__PURE__ */ a(z, { children: [
538
- /* @__PURE__ */ s(rn, { name: "icon-trophy" }),
539
- /* @__PURE__ */ a(an, { children: [
540
- /* @__PURE__ */ s(cn, { children: /* @__PURE__ */ s(X, { value: n }) }),
537
+ n !== void 0 && o !== M.POLL && /* @__PURE__ */ r(z, { children: [
538
+ /* @__PURE__ */ s(an, { name: "icon-trophy" }),
539
+ /* @__PURE__ */ r(rn, { children: [
540
+ /* @__PURE__ */ s(cn, { children: /* @__PURE__ */ s(K, { value: n }) }),
541
541
  /* @__PURE__ */ s(ln, { children: "PTS" })
542
542
  ] })
543
543
  ] })
544
544
  ] }),
545
- r && o !== p.PREDICTION && /* @__PURE__ */ s(en, { isPlaying: t, onTimerExpired: c, duration: u })
546
- ] }), un = ({ openedQuestion: e, isLoading: n, vote: t, close: r }) => {
545
+ a && o !== M.PREDICTION && /* @__PURE__ */ s(en, { isPlaying: t, onTimerExpired: c, duration: u })
546
+ ] }), un = ({ openedQuestion: e, isLoading: n, vote: t, close: a }) => {
547
547
  var o, u;
548
- const c = e.subject, l = e.type, d = e.status, I = (o = e.options) == null ? void 0 : o.options, m = e.marketClosed, [M, N] = E(!1), [D, O] = E(!1), [v, C] = E(!0), [y, $] = E(!1), [k, x] = E(""), b = e == null ? void 0 : e.id;
548
+ const c = e.subject, l = e.type, d = e.status, I = (o = e.options) == null ? void 0 : o.options, p = e.marketClosed, [N, m] = L(!1), [A, k] = L(!1), [x, S] = L(!0), [y, b] = L(!1), [O, E] = L(""), f = e == null ? void 0 : e.id;
549
549
  ee(() => {
550
- l === p.PREDICTION ? m && C(!1) : d === S.RESOLVED && C(!1);
550
+ l === M.PREDICTION ? p && S(!1) : d === C.RESOLVED && S(!1);
551
551
  }, []);
552
- const J = V((g) => {
553
- O(g), N(!0);
554
- }, []), Q = V(
552
+ const J = _((g) => {
553
+ k(g), m(!0);
554
+ }, []), $ = _(
555
555
  async (g) => {
556
- if (b) {
557
- const q = g.currentTarget.value;
558
- x(q), await t(b, q);
556
+ if (f) {
557
+ const R = g.currentTarget.value;
558
+ E(R), await t(f, R);
559
559
  }
560
560
  },
561
- [b, x, t]
562
- ), _ = V(() => {
563
- $(!0), setTimeout(r, 3e3);
564
- }, [r]), h = j(
561
+ [f, E, t]
562
+ ), W = _(() => {
563
+ b(!0), setTimeout(a, 3e3);
564
+ }, [a]), D = v(
565
565
  () => e == null ? void 0 : e.answers.find((g) => g.youVoted === !0),
566
566
  [e]
567
- ), T = j(
567
+ ), j = v(
568
568
  () => !!(e != null && e.answers.find((g) => g.correct === !0)),
569
569
  [e]
570
- ), f = j(
570
+ ), h = v(
571
571
  () => e == null ? void 0 : e.answers.find((g) => g.correct === !0),
572
572
  [e]
573
- ), Te = j(() => e ? e.answers.map((g) => {
574
- var q;
573
+ ), je = v(() => e ? e.answers.map((g) => {
574
+ var R;
575
575
  return {
576
576
  ...g,
577
- questionVoted: !!h,
578
- youSelected: k === g.id,
577
+ questionVoted: !!D,
578
+ youSelected: O === g.id,
579
579
  isLoading: n,
580
- hasCorrectAnswer: T,
580
+ hasCorrectAnswer: j,
581
581
  questionType: e.type,
582
582
  answerTimeExpired: y,
583
583
  questionStatus: d,
584
- imageMode: (q = e.appearance) == null ? void 0 : q.images,
585
- onVote: Q
584
+ imageMode: (R = e.appearance) == null ? void 0 : R.images,
585
+ onVote: $
586
586
  };
587
587
  }) : [], [
588
- T,
588
+ j,
589
589
  y,
590
590
  n,
591
591
  e,
592
- h,
592
+ D,
593
593
  d,
594
- Q,
595
- k
596
- ]), ve = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, R = d === S.RESOLVED && l === p.TRIVIA && !h && !v, ie = l === p.TRIVIA && D && M && v, oe = j(() => l === p.PREDICTION ? !!(h && !T || h && T && f != null && f.youVoted) : !0, [l, h, T, f]), ye = j(() => {
597
- if (l === p.PREDICTION && h && (!T || T && f != null && f.youVoted))
598
- return h.points;
599
- if (!(R || y))
600
- return d === S.RESOLVED ? 0 : h ? h.correct ? h.points : 0 : f == null ? void 0 : f.points;
594
+ $,
595
+ O
596
+ ]), xe = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, Y = d === C.RESOLVED && l === M.TRIVIA && !D && !x, ie = l === M.TRIVIA && A && N && x, oe = v(() => l === M.PREDICTION ? !!(D && !j || D && j && h != null && h.youVoted) : !0, [l, D, j, h]), ye = v(() => {
597
+ if (l === M.PREDICTION && D && (!j || j && h != null && h.youVoted))
598
+ return D.points;
599
+ if (!(Y || y))
600
+ return d === C.RESOLVED ? 0 : D ? D.correct ? D.points : 0 : h == null ? void 0 : h.points;
601
601
  }, [
602
602
  y,
603
+ D,
603
604
  h,
604
- f,
605
605
  d,
606
- R,
606
+ Y,
607
607
  l,
608
- T
609
- ]), fe = j(() => l === p.PREDICTION && h ? T ? T && f != null && f.youVoted ? "You won" : "" : "To win" : R || y ? "Time expired" : l === p.POLL ? "Time remaining" : h ? "You won" : "To win", [y, l, h, R, T, f]), xe = h || R || ie || l === p.TRIVIA && d === S.RESOLVED && v;
610
- return /* @__PURE__ */ s(je, { "data-question-header": "true", children: /* @__PURE__ */ s(zs, { children: /* @__PURE__ */ a(ks, { children: [
608
+ j
609
+ ]), he = v(() => l === M.PREDICTION && D ? j ? j && h != null && h.youVoted ? "You won" : "" : "To win" : Y || y ? "Time expired" : l === M.POLL ? "Time remaining" : D ? "You won" : "To win", [y, l, D, Y, j, h]), ze = D || Y || ie || l === M.TRIVIA && d === C.RESOLVED && x;
610
+ return /* @__PURE__ */ s(Ee, { "data-question-header": "true", children: /* @__PURE__ */ s(vs, { children: /* @__PURE__ */ r(Os, { children: [
611
611
  /* @__PURE__ */ s(
612
- js,
612
+ Es,
613
613
  {
614
- feedbackMessages: ve,
615
- questionVoted: !!h,
616
- questionVotedCorrectly: h == null ? void 0 : h.correct,
614
+ feedbackMessages: xe,
615
+ questionVoted: !!D,
616
+ questionVotedCorrectly: D == null ? void 0 : D.correct,
617
617
  questionType: l,
618
- hasCorrectAnswer: T,
618
+ hasCorrectAnswer: j,
619
619
  questionStatus: d,
620
- showExpiredNotification: R,
620
+ showExpiredNotification: Y,
621
621
  showClosedNotificationTrivia: ie,
622
- votedInCurrentRender: M,
623
- votedAfterQuestionClosed: D,
624
- enteredAnActiveQuestion: v,
625
- marketClosed: m
622
+ votedInCurrentRender: N,
623
+ votedAfterQuestionClosed: A,
624
+ enteredAnActiveQuestion: x,
625
+ marketClosed: p
626
626
  }
627
627
  ),
628
628
  oe && /* @__PURE__ */ s(
629
629
  dn,
630
630
  {
631
- title: fe,
631
+ title: he,
632
632
  points: ye,
633
- onTimerExpired: _,
633
+ onTimerExpired: W,
634
634
  questionType: e.type,
635
635
  isTimer: !n,
636
- isPlayingTimer: !h,
637
- timerDuration: xe ? 0 : Number(((u = e == null ? void 0 : e.appearance) == null ? void 0 : u.autoHideInterval) || "30")
636
+ isPlayingTimer: !D,
637
+ timerDuration: ze ? 0 : Number(((u = e == null ? void 0 : e.appearance) == null ? void 0 : u.autoHideInterval) || "30")
638
638
  }
639
639
  ),
640
640
  y ? /* @__PURE__ */ s(
641
- Ts,
641
+ js,
642
642
  {
643
643
  title: "More to come...",
644
644
  description: "Watch for additional enhanced stream interactive experience."
645
645
  }
646
- ) : /* @__PURE__ */ a(z, { children: [
647
- /* @__PURE__ */ s(Es, { style: oe ? {} : { marginTop: 0 }, children: c }),
648
- /* @__PURE__ */ s(Ss, { children: Te.map((g) => /* @__PURE__ */ s(
649
- Gs,
646
+ ) : /* @__PURE__ */ r(z, { children: [
647
+ /* @__PURE__ */ s(Ls, { style: oe ? {} : { marginTop: 0 }, children: c }),
648
+ /* @__PURE__ */ s(Cs, { children: je.map((g) => /* @__PURE__ */ s(
649
+ Fs,
650
650
  {
651
651
  ...g,
652
652
  markThatVoted: J,
653
- votedAfterQuestionClosed: D,
654
- enteredAnActiveQuestion: v,
655
- marketClosed: m
653
+ votedAfterQuestionClosed: A,
654
+ enteredAnActiveQuestion: x,
655
+ marketClosed: p
656
656
  },
657
657
  g.id
658
658
  )) })
659
659
  ] })
660
660
  ] }) }) });
661
- }, pn = /* @__PURE__ */ i("div")({
661
+ }, Mn = /* @__PURE__ */ i("div")({
662
662
  name: "Container",
663
663
  class: "cgn5uen",
664
664
  propsAsIs: !1
@@ -666,19 +666,19 @@ const $e = /* @__PURE__ */ i("div")({
666
666
  name: "Content",
667
667
  class: "c1px8nt6",
668
668
  propsAsIs: !1
669
- }), mn = /* @__PURE__ */ i("h3")({
669
+ }), pn = /* @__PURE__ */ i("h3")({
670
670
  name: "Title",
671
671
  class: "t5et2jt",
672
672
  propsAsIs: !1
673
- }), Mn = /* @__PURE__ */ i("div")({
673
+ }), Nn = /* @__PURE__ */ i("div")({
674
674
  name: "Description",
675
675
  class: "d1i2kpk2",
676
676
  propsAsIs: !1
677
- }), hn = /* @__PURE__ */ i("div")({
677
+ }), Dn = /* @__PURE__ */ i("div")({
678
678
  name: "DateWrap",
679
679
  class: "dd3lh3p",
680
680
  propsAsIs: !1
681
- }), Nn = /* @__PURE__ */ i("img")({
681
+ }), mn = /* @__PURE__ */ i("img")({
682
682
  name: "Image",
683
683
  class: "i1gfjeu5",
684
684
  propsAsIs: !1
@@ -686,11 +686,11 @@ const $e = /* @__PURE__ */ i("div")({
686
686
  created: e,
687
687
  image: n,
688
688
  title: t,
689
- isPickHistory: r,
689
+ isPickHistory: a,
690
690
  instantView: o,
691
691
  notification: u
692
692
  }) => {
693
- const c = j(() => {
693
+ const c = v(() => {
694
694
  if (e) {
695
695
  const d = new Date(e);
696
696
  if (te(d))
@@ -701,38 +701,38 @@ const $e = /* @__PURE__ */ i("div")({
701
701
  }
702
702
  return null;
703
703
  }, [e]), l = (o == null ? void 0 : o.image) || n;
704
- return /* @__PURE__ */ a(pn, { children: [
705
- c && /* @__PURE__ */ a(hn, { children: [
704
+ return /* @__PURE__ */ r(Mn, { children: [
705
+ c && /* @__PURE__ */ r(Dn, { children: [
706
706
  c.date,
707
707
  " · ",
708
708
  c.time
709
709
  ] }),
710
- (o == null ? void 0 : o.video) && /* @__PURE__ */ s(ze, { source: o.video.url, poster: o.video.thumbnailUrl }),
711
- l && !(o != null && o.video) && /* @__PURE__ */ s(Nn, { src: l }),
712
- /* @__PURE__ */ a(In, { children: [
713
- /* @__PURE__ */ s(mn, { children: r ? t : o == null ? void 0 : o.heading }),
714
- /* @__PURE__ */ s(Mn, { children: r ? u == null ? void 0 : u.body : o == null ? void 0 : o.body })
710
+ (o == null ? void 0 : o.video) && /* @__PURE__ */ s(ve, { source: o.video.url, poster: o.video.thumbnailUrl }),
711
+ l && !(o != null && o.video) && /* @__PURE__ */ s(mn, { src: l }),
712
+ /* @__PURE__ */ r(In, { children: [
713
+ /* @__PURE__ */ s(pn, { children: a ? t : o == null ? void 0 : o.heading }),
714
+ /* @__PURE__ */ s(Nn, { children: a ? u == null ? void 0 : u.body : o == null ? void 0 : o.body })
715
715
  ] })
716
716
  ] });
717
- }, An = /* @__PURE__ */ i("div")({
717
+ }, Tn = /* @__PURE__ */ i("div")({
718
718
  name: "Container",
719
719
  class: "c1euiow",
720
720
  propsAsIs: !1
721
- }), Dn = /* @__PURE__ */ i("a")({
721
+ }), An = /* @__PURE__ */ i("a")({
722
722
  name: "WebLinkBtn",
723
723
  class: "w19zie3h",
724
724
  propsAsIs: !1
725
- }), gn = ({ instantView: e, ...n }) => /* @__PURE__ */ a(An, { children: [
725
+ }), gn = ({ instantView: e, ...n }) => /* @__PURE__ */ r(Tn, { children: [
726
726
  /* @__PURE__ */ s(ge, { instantView: e, ...n }),
727
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ a(Dn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
727
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ r(An, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
728
728
  e == null ? void 0 : e.webLink.label,
729
- /* @__PURE__ */ s(A, { name: "icon-external-link" })
729
+ /* @__PURE__ */ s(T, { name: "icon-external-link" })
730
730
  ] })
731
- ] }), Tn = /* @__PURE__ */ i("div")({
731
+ ] }), jn = /* @__PURE__ */ i("div")({
732
732
  name: "Container",
733
733
  class: "c1dcxmvf",
734
734
  propsAsIs: !1
735
- }), vn = /* @__PURE__ */ i("div")({
735
+ }), xn = /* @__PURE__ */ i("div")({
736
736
  name: "DateTime",
737
737
  class: "db4q22c",
738
738
  propsAsIs: !1
@@ -740,98 +740,129 @@ const $e = /* @__PURE__ */ i("div")({
740
740
  name: "Quote",
741
741
  class: "q111mmic",
742
742
  propsAsIs: !1
743
- }), fn = ({ created: e, ...n }) => {
744
- const t = j(() => {
743
+ }), hn = ({ created: e, ...n }) => {
744
+ const t = v(() => {
745
745
  if (e) {
746
- const r = new Date(e);
747
- if (te(r))
746
+ const a = new Date(e);
747
+ if (te(a))
748
748
  return {
749
- date: se(r),
750
- time: ne(r)
749
+ date: se(a),
750
+ time: ne(a)
751
751
  };
752
752
  }
753
753
  return null;
754
754
  }, [e]);
755
- return /* @__PURE__ */ a(Tn, { children: [
756
- t && /* @__PURE__ */ a(vn, { children: [
755
+ return /* @__PURE__ */ r(jn, { children: [
756
+ t && /* @__PURE__ */ r(xn, { children: [
757
757
  t.date,
758
758
  " · ",
759
759
  t.time
760
760
  ] }),
761
761
  n.title && /* @__PURE__ */ s(yn, { children: n.title }),
762
- /* @__PURE__ */ s(me, { ...n })
762
+ /* @__PURE__ */ s(pe, { ...n })
763
763
  ] });
764
- }, xn = /* @__PURE__ */ i("div")({
764
+ }, zn = /* @__PURE__ */ i("div")({
765
765
  name: "QuestionContainer",
766
766
  class: "qdri6g3",
767
767
  propsAsIs: !1
768
- }), jn = ({
768
+ }), En = ({
769
769
  openedQuestion: e
770
770
  }) => {
771
771
  var n, t;
772
772
  return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(gn, {
773
773
  created: e.attributes.created,
774
774
  ...e.attributes.attributes.value
775
- }) : ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "tweet" ? /* @__PURE__ */ s(fn, {
775
+ }) : ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "tweet" ? /* @__PURE__ */ s(hn, {
776
776
  created: e.attributes.created,
777
777
  ...e.attributes.attributes.value
778
778
  }) : null;
779
- }, zn = ({
779
+ }, vn = ({
780
780
  extendedQuestion: e,
781
781
  vote: n,
782
782
  close: t
783
783
  }) => {
784
784
  const {
785
- loading: r,
785
+ loading: a,
786
786
  data: o
787
787
  } = e;
788
788
  return o ? /* @__PURE__ */ s(un, {
789
789
  vote: n,
790
790
  close: t,
791
791
  openedQuestion: o,
792
- isLoading: !!r
792
+ isLoading: !!a
793
793
  }) : null;
794
- }, kn = ({
794
+ }, On = ({
795
795
  gamification: e
796
796
  }) => {
797
797
  var n;
798
- const t = w(e.openedQuestion.$store), r = w(e.openedQuestion.$extendedStore);
798
+ const t = Q(e.openedQuestion.$store), a = Q(e.openedQuestion.$extendedStore);
799
799
  if (!t)
800
800
  return null;
801
801
  const o = t.type;
802
- return /* @__PURE__ */ a(xn, {
803
- children: [/* @__PURE__ */ s(Me, {
802
+ return /* @__PURE__ */ r(zn, {
803
+ children: [/* @__PURE__ */ s(Ne, {
804
804
  close: e.closeQuestion,
805
- type: ((n = t.attributes) == null ? void 0 : n.type) || p.UNSET
806
- }), o === "question" && /* @__PURE__ */ s(zn, {
805
+ type: ((n = t.attributes) == null ? void 0 : n.type) || M.UNSET
806
+ }), o === "question" && /* @__PURE__ */ s(vn, {
807
807
  vote: e.submitAnswer,
808
808
  close: e.closeQuestion,
809
- extendedQuestion: r
810
- }), o !== "question" && /* @__PURE__ */ s(jn, {
809
+ extendedQuestion: a
810
+ }), o !== "question" && /* @__PURE__ */ s(En, {
811
811
  openedQuestion: t
812
- }), /* @__PURE__ */ s(Ns, {
812
+ }), /* @__PURE__ */ s(ms, {
813
813
  sponsorLogo: ""
814
814
  })]
815
815
  });
816
- }, En = /* @__PURE__ */ i("div")({
816
+ }, Ln = /* @__PURE__ */ i("div")({
817
817
  name: "Container",
818
- class: "c115qtkr",
818
+ class: "c1ux29ft",
819
+ propsAsIs: !1
820
+ }), Cn = /* @__PURE__ */ i("img")({
821
+ name: "FriendsIcon",
822
+ class: "f10ncfg2",
823
+ propsAsIs: !1
824
+ }), kn = /* @__PURE__ */ i("div")({
825
+ name: "Content",
826
+ class: "c1yc07bd",
819
827
  propsAsIs: !1
820
828
  }), Sn = /* @__PURE__ */ i("div")({
829
+ name: "Title",
830
+ class: "tj6cq7w",
831
+ propsAsIs: !1
832
+ }), fn = /* @__PURE__ */ i("div")({
833
+ name: "Description",
834
+ class: "d1ag78xo",
835
+ propsAsIs: !1
836
+ }), wn = () => T, Qn = /* @__PURE__ */ i(wn())({
837
+ name: "ArrowInviteIcon",
838
+ class: "awohrz6",
839
+ propsAsIs: !0
840
+ }), bn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", $n = ({ title: e, description: n, onClick: t }) => /* @__PURE__ */ r(Ln, { onClick: t, children: [
841
+ /* @__PURE__ */ s(Cn, { alt: "friends-icon", src: bn }),
842
+ /* @__PURE__ */ r(kn, { children: [
843
+ /* @__PURE__ */ s(Sn, { children: e }),
844
+ /* @__PURE__ */ s(fn, { children: n })
845
+ ] }),
846
+ /* @__PURE__ */ s(Qn, { name: "icon-copy" })
847
+ ] }), Yn = /* @__PURE__ */ i("div")({
848
+ name: "Container",
849
+ class: "c115qtkr",
850
+ propsAsIs: !1
851
+ }), Un = /* @__PURE__ */ i("div")({
821
852
  name: "STabs",
822
853
  class: "sxnslc8",
823
854
  propsAsIs: !1
824
- }), On = /* @__PURE__ */ i("button")({
855
+ }), Rn = /* @__PURE__ */ i("button")({
825
856
  name: "Button",
826
857
  class: "b1umzux0",
827
858
  propsAsIs: !1
828
- }), Cn = /* @__PURE__ */ i("span")({
859
+ }), qn = /* @__PURE__ */ i("span")({
829
860
  name: "Title",
830
861
  class: "tspsaas",
831
862
  propsAsIs: !1
832
863
  });
833
864
  var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
834
- const de = ({ title: e, active: n, onClick: t }) => /* @__PURE__ */ s(On, { onClick: t, "data-selected": n, children: /* @__PURE__ */ s(Cn, { children: e }) }), bn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(En, { children: /* @__PURE__ */ a(Sn, { "data-position": e === "home" ? "left" : "right", children: [
865
+ const de = ({ title: e, active: n, onClick: t }) => /* @__PURE__ */ s(Rn, { onClick: t, "data-selected": n, children: /* @__PURE__ */ s(qn, { children: e }) }), Pn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Yn, { children: /* @__PURE__ */ r(Un, { "data-position": e === "home" ? "left" : "right", children: [
835
866
  /* @__PURE__ */ s(de, { title: "Home", active: e === "home", onClick: () => n(
836
867
  "home"
837
868
  /* HOME */
@@ -848,44 +879,44 @@ const de = ({ title: e, active: n, onClick: t }) => /* @__PURE__ */ s(On, { onCl
848
879
  }
849
880
  )
850
881
  ] }) });
851
- function Ln(e) {
852
- var n = e.lastRenderedStartIndex, t = e.lastRenderedStopIndex, r = e.startIndex, o = e.stopIndex;
853
- return !(r > t || o < n);
882
+ function Vn(e) {
883
+ var n = e.lastRenderedStartIndex, t = e.lastRenderedStopIndex, a = e.startIndex, o = e.stopIndex;
884
+ return !(a > t || o < n);
854
885
  }
855
- function wn(e) {
856
- for (var n = e.isItemLoaded, t = e.itemCount, r = e.minimumBatchSize, o = e.startIndex, u = e.stopIndex, c = [], l = null, d = null, I = o; I <= u; I++) {
857
- var m = n(I);
858
- m ? d !== null && (c.push(l, d), l = d = null) : (d = I, l === null && (l = I));
886
+ function _n(e) {
887
+ for (var n = e.isItemLoaded, t = e.itemCount, a = e.minimumBatchSize, o = e.startIndex, u = e.stopIndex, c = [], l = null, d = null, I = o; I <= u; I++) {
888
+ var p = n(I);
889
+ p ? d !== null && (c.push(l, d), l = d = null) : (d = I, l === null && (l = I));
859
890
  }
860
891
  if (d !== null) {
861
- for (var M = Math.min(Math.max(d, l + r - 1), t - 1), N = d + 1; N <= M && !n(N); N++)
862
- d = N;
892
+ for (var N = Math.min(Math.max(d, l + a - 1), t - 1), m = d + 1; m <= N && !n(m); m++)
893
+ d = m;
863
894
  c.push(l, d);
864
895
  }
865
896
  if (c.length)
866
- for (; c[1] - c[0] + 1 < r && c[0] > 0; ) {
867
- var D = c[0] - 1;
868
- if (!n(D))
869
- c[0] = D;
897
+ for (; c[1] - c[0] + 1 < a && c[0] > 0; ) {
898
+ var A = c[0] - 1;
899
+ if (!n(A))
900
+ c[0] = A;
870
901
  else
871
902
  break;
872
903
  }
873
904
  return c;
874
905
  }
875
- var $n = function(e, n) {
906
+ var Wn = function(e, n) {
876
907
  if (!(e instanceof n))
877
908
  throw new TypeError("Cannot call a class as a function");
878
- }, Qn = function() {
909
+ }, Bn = function() {
879
910
  function e(n, t) {
880
- for (var r = 0; r < t.length; r++) {
881
- var o = t[r];
911
+ for (var a = 0; a < t.length; a++) {
912
+ var o = t[a];
882
913
  o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(n, o.key, o);
883
914
  }
884
915
  }
885
- return function(n, t, r) {
886
- return t && e(n.prototype, t), r && e(n, r), n;
916
+ return function(n, t, a) {
917
+ return t && e(n.prototype, t), a && e(n, a), n;
887
918
  };
888
- }(), Rn = function(e, n) {
919
+ }(), Zn = function(e, n) {
889
920
  if (typeof n != "function" && n !== null)
890
921
  throw new TypeError("Super expression must either be null or a function, not " + typeof n);
891
922
  e.prototype = Object.create(n && n.prototype, {
@@ -902,24 +933,24 @@ var $n = function(e, n) {
902
933
  return n && (typeof n == "object" || typeof n == "function") ? n : e;
903
934
  };
904
935
  (function(e) {
905
- Rn(n, e);
936
+ Zn(n, e);
906
937
  function n() {
907
- var t, r, o, u;
908
- $n(this, n);
938
+ var t, a, o, u;
939
+ Wn(this, n);
909
940
  for (var c = arguments.length, l = Array(c), d = 0; d < c; d++)
910
941
  l[d] = arguments[d];
911
- return u = (r = (o = ue(this, (t = n.__proto__ || Object.getPrototypeOf(n)).call.apply(t, [this].concat(l))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(I) {
912
- var m = I.visibleStartIndex, M = I.visibleStopIndex;
913
- o._lastRenderedStartIndex = m, o._lastRenderedStopIndex = M, o._ensureRowsLoaded(m, M);
942
+ return u = (a = (o = ue(this, (t = n.__proto__ || Object.getPrototypeOf(n)).call.apply(t, [this].concat(l))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(I) {
943
+ var p = I.visibleStartIndex, N = I.visibleStopIndex;
944
+ o._lastRenderedStartIndex = p, o._lastRenderedStopIndex = N, o._ensureRowsLoaded(p, N);
914
945
  }, o._setRef = function(I) {
915
946
  o._listRef = I;
916
- }, r), ue(o, u);
947
+ }, a), ue(o, u);
917
948
  }
918
- return Qn(n, [{
949
+ return Bn(n, [{
919
950
  key: "resetloadMoreItemsCache",
920
951
  value: function() {
921
- var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
922
- this._memoizedUnloadedRanges = [], r && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
952
+ var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
953
+ this._memoizedUnloadedRanges = [], a && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
923
954
  }
924
955
  }, {
925
956
  key: "componentDidMount",
@@ -928,126 +959,126 @@ var $n = function(e, n) {
928
959
  }, {
929
960
  key: "render",
930
961
  value: function() {
931
- var r = this.props.children;
932
- return r({
962
+ var a = this.props.children;
963
+ return a({
933
964
  onItemsRendered: this._onItemsRendered,
934
965
  ref: this._setRef
935
966
  });
936
967
  }
937
968
  }, {
938
969
  key: "_ensureRowsLoaded",
939
- value: function(r, o) {
940
- var u = this.props, c = u.isItemLoaded, l = u.itemCount, d = u.minimumBatchSize, I = d === void 0 ? 10 : d, m = u.threshold, M = m === void 0 ? 15 : m, N = wn({
970
+ value: function(a, o) {
971
+ var u = this.props, c = u.isItemLoaded, l = u.itemCount, d = u.minimumBatchSize, I = d === void 0 ? 10 : d, p = u.threshold, N = p === void 0 ? 15 : p, m = _n({
941
972
  isItemLoaded: c,
942
973
  itemCount: l,
943
974
  minimumBatchSize: I,
944
- startIndex: Math.max(0, r - M),
945
- stopIndex: Math.min(l - 1, o + M)
975
+ startIndex: Math.max(0, a - N),
976
+ stopIndex: Math.min(l - 1, o + N)
946
977
  });
947
- (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(D, O) {
948
- return N[O] !== D;
949
- })) && (this._memoizedUnloadedRanges = N, this._loadUnloadedRanges(N));
978
+ (this._memoizedUnloadedRanges.length !== m.length || this._memoizedUnloadedRanges.some(function(A, k) {
979
+ return m[k] !== A;
980
+ })) && (this._memoizedUnloadedRanges = m, this._loadUnloadedRanges(m));
950
981
  }
951
982
  }, {
952
983
  key: "_loadUnloadedRanges",
953
- value: function(r) {
984
+ value: function(a) {
954
985
  for (var o = this, u = this.props.loadMoreItems || this.props.loadMoreRows, c = function(I) {
955
- var m = r[I], M = r[I + 1], N = u(m, M);
956
- N != null && N.then(function() {
957
- if (Ln({
986
+ var p = a[I], N = a[I + 1], m = u(p, N);
987
+ m != null && m.then(function() {
988
+ if (Vn({
958
989
  lastRenderedStartIndex: o._lastRenderedStartIndex,
959
990
  lastRenderedStopIndex: o._lastRenderedStopIndex,
960
- startIndex: m,
961
- stopIndex: M
991
+ startIndex: p,
992
+ stopIndex: N
962
993
  })) {
963
994
  if (o._listRef == null)
964
995
  return;
965
- typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(m, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
996
+ typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(p, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
966
997
  }
967
998
  });
968
- }, l = 0; l < r.length; l += 2)
999
+ }, l = 0; l < a.length; l += 2)
969
1000
  c(l);
970
1001
  }
971
1002
  }]), n;
972
- })(Ce);
973
- const Un = /* @__PURE__ */ i("div")({
1003
+ })(Se);
1004
+ const Fn = /* @__PURE__ */ i("div")({
974
1005
  name: "Container",
975
1006
  class: "culdu4a",
976
1007
  propsAsIs: !1
977
- }), qn = /* @__PURE__ */ i("div")({
1008
+ }), Gn = /* @__PURE__ */ i("div")({
978
1009
  name: "Position",
979
1010
  class: "pwf8e69",
980
1011
  propsAsIs: !1
981
- }), Yn = /* @__PURE__ */ i("img")({
1012
+ }), Hn = /* @__PURE__ */ i("img")({
982
1013
  name: "Avatar",
983
1014
  class: "atf4yh4",
984
1015
  propsAsIs: !1
985
- }), Pn = /* @__PURE__ */ i("div")({
1016
+ }), Jn = /* @__PURE__ */ i("div")({
986
1017
  name: "AvatarPlaceholder",
987
1018
  class: "a1dg29ja",
988
1019
  propsAsIs: !1
989
- }), Vn = /* @__PURE__ */ i("div")({
1020
+ }), Xn = /* @__PURE__ */ i("div")({
990
1021
  name: "Content",
991
1022
  class: "c10a68rc",
992
1023
  propsAsIs: !1
993
- }), _n = /* @__PURE__ */ i("div")({
1024
+ }), Kn = /* @__PURE__ */ i("div")({
994
1025
  name: "NameContainer",
995
1026
  class: "nc4kck5",
996
1027
  propsAsIs: !1
997
- }), Bn = /* @__PURE__ */ i("span")({
1028
+ }), et = /* @__PURE__ */ i("span")({
998
1029
  name: "Name",
999
1030
  class: "njsrqgr",
1000
1031
  propsAsIs: !1
1001
- }), Wn = () => A, Fn = /* @__PURE__ */ i(Wn())({
1032
+ }), st = () => T, nt = /* @__PURE__ */ i(st())({
1002
1033
  name: "CurrentUserBadge",
1003
1034
  class: "c17uc4zr",
1004
1035
  propsAsIs: !0
1005
- }), Gn = ({
1036
+ }), tt = ({
1006
1037
  rank: e,
1007
1038
  avatar: n,
1008
1039
  name: t,
1009
- points: r,
1040
+ points: a,
1010
1041
  isCurrentUser: o,
1011
1042
  openItemDetail: u,
1012
1043
  style: c
1013
- }) => /* @__PURE__ */ a(Un, { onClick: u, style: c, children: [
1014
- /* @__PURE__ */ s(qn, { children: e || 0 }),
1015
- /* @__PURE__ */ a(Vn, { children: [
1016
- n ? /* @__PURE__ */ s(Yn, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(Pn, { children: he(t || "") }),
1017
- /* @__PURE__ */ a(_n, { children: [
1018
- /* @__PURE__ */ s(Bn, { children: t || "" }),
1019
- o && /* @__PURE__ */ s(Fn, { name: "icon-star" })
1044
+ }) => /* @__PURE__ */ r(Fn, { onClick: u, style: c, children: [
1045
+ /* @__PURE__ */ s(Gn, { children: e || 0 }),
1046
+ /* @__PURE__ */ r(Xn, { children: [
1047
+ n ? /* @__PURE__ */ s(Hn, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(Jn, { children: De(t || "") }),
1048
+ /* @__PURE__ */ r(Kn, { children: [
1049
+ /* @__PURE__ */ s(et, { children: t || "" }),
1050
+ o && /* @__PURE__ */ s(nt, { name: "icon-star" })
1020
1051
  ] })
1021
1052
  ] }),
1022
- /* @__PURE__ */ s("div", { children: Ne(r) })
1023
- ] }), Zn = /* @__PURE__ */ i("div")({
1053
+ /* @__PURE__ */ s("div", { children: me(a) })
1054
+ ] }), it = /* @__PURE__ */ i("div")({
1024
1055
  name: "Container",
1025
1056
  class: "c16btbfp",
1026
1057
  propsAsIs: !1
1027
- }), Hn = ({
1058
+ }), ot = ({
1028
1059
  items: e,
1029
1060
  currentUserId: n,
1030
1061
  openItemDetail: t,
1031
- fetchMore: r,
1062
+ fetchMore: a,
1032
1063
  scrollNode: o,
1033
1064
  hasMore: u
1034
- }) => /* @__PURE__ */ s(we, {
1035
- loadMore: r,
1065
+ }) => /* @__PURE__ */ s(Qe, {
1066
+ loadMore: a,
1036
1067
  initialLoad: !1,
1037
1068
  hasMore: u,
1038
1069
  useWindow: !1,
1039
1070
  getScrollParent: () => o.current,
1040
- children: /* @__PURE__ */ s(Zn, {
1041
- children: e.map((c) => /* @__PURE__ */ s(Gn, {
1071
+ children: /* @__PURE__ */ s(it, {
1072
+ children: e.map((c) => /* @__PURE__ */ s(tt, {
1042
1073
  ...c,
1043
1074
  openItemDetail: () => t(c.userId),
1044
1075
  isCurrentUser: !!n && n === c.userId
1045
1076
  }, c.userId))
1046
1077
  })
1047
- }), Jn = ({ deepLink: e }) => {
1048
- const { data: n } = w(e.$store);
1078
+ }), at = ({ deepLink: e }) => {
1079
+ const { data: n } = Q(e.$store);
1049
1080
  return /* @__PURE__ */ s(
1050
- ke,
1081
+ Oe,
1051
1082
  {
1052
1083
  inviteLink: n,
1053
1084
  socialLinks: [
@@ -1066,12 +1097,12 @@ const Un = /* @__PURE__ */ i("div")({
1066
1097
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1067
1098
  }
1068
1099
  );
1069
- }, Kn = ({ gamification: e, scrollNode: n, scrollStore: t }) => {
1070
- const { data: r, hasMore: o } = w(e.leaderboardList.$store);
1071
- return r != null && r.length ? /* @__PURE__ */ s(
1072
- Hn,
1100
+ }, rt = ({ gamification: e, scrollNode: n, scrollStore: t }) => {
1101
+ const { data: a, hasMore: o } = Q(e.leaderboardList.$store);
1102
+ return a != null && a.length ? /* @__PURE__ */ s(
1103
+ ot,
1073
1104
  {
1074
- items: r,
1105
+ items: a,
1075
1106
  scrollNode: n,
1076
1107
  scrollStore: t,
1077
1108
  fetchMore: e.leaderboardList.fetchMore,
@@ -1079,115 +1110,115 @@ const Un = /* @__PURE__ */ i("div")({
1079
1110
  openItemDetail: e.openUser,
1080
1111
  currentUserId: e.currentUserId.get()
1081
1112
  }
1082
- ) : /* @__PURE__ */ s(Jn, { deepLink: e.deepLink });
1083
- }, Xn = /* @__PURE__ */ i("div")({
1113
+ ) : /* @__PURE__ */ s(at, { deepLink: e.deepLink });
1114
+ }, ct = /* @__PURE__ */ i("div")({
1084
1115
  name: "QuestionItem",
1085
1116
  class: "q1w97g3p",
1086
1117
  propsAsIs: !1
1087
- }), et = /* @__PURE__ */ i("div")({
1118
+ }), lt = /* @__PURE__ */ i("div")({
1088
1119
  name: "QuestionCaption",
1089
1120
  class: "q2sl39u",
1090
1121
  propsAsIs: !1
1091
- }), st = /* @__PURE__ */ i("div")({
1122
+ }), dt = /* @__PURE__ */ i("div")({
1092
1123
  name: "QuestionBody",
1093
1124
  class: "qd5h0uc",
1094
1125
  propsAsIs: !1
1095
- }), nt = /* @__PURE__ */ i("div")({
1126
+ }), ut = /* @__PURE__ */ i("div")({
1096
1127
  name: "QuestionAction",
1097
1128
  class: "q105uluy",
1098
1129
  propsAsIs: !1
1099
- }), tt = () => A, G = /* @__PURE__ */ i(tt())({
1130
+ }), Mt = () => T, G = /* @__PURE__ */ i(Mt())({
1100
1131
  name: "QuestionActionIcon",
1101
1132
  class: "q1fa0b9h",
1102
1133
  propsAsIs: !0
1103
- }), it = () => A, ot = /* @__PURE__ */ i(it())({
1134
+ }), It = () => T, pt = /* @__PURE__ */ i(It())({
1104
1135
  name: "QuestionTypeIcon",
1105
1136
  class: "qxlt78s",
1106
1137
  propsAsIs: !0
1107
- }), rt = /* @__PURE__ */ i("div")({
1138
+ }), Nt = /* @__PURE__ */ i("div")({
1108
1139
  name: "QuestionTypeLabel",
1109
1140
  class: "qmg0vkx",
1110
1141
  propsAsIs: !1
1111
- }), at = /* @__PURE__ */ i("div")({
1142
+ }), Dt = /* @__PURE__ */ i("div")({
1112
1143
  name: "QuestionContent",
1113
1144
  class: "q1uz5j1g",
1114
1145
  propsAsIs: !1
1115
- }), ct = /* @__PURE__ */ i("button")({
1146
+ }), mt = /* @__PURE__ */ i("button")({
1116
1147
  name: "PlayButton",
1117
1148
  class: "p1pba9p1",
1118
1149
  propsAsIs: !1
1119
- }), lt = {
1150
+ }), Tt = {
1120
1151
  [B.LOST]: /* @__PURE__ */ s(G, { name: "incorrectVoted" }),
1121
1152
  [B.WON]: /* @__PURE__ */ s(G, { name: "icon-check" }),
1122
1153
  [B.UNSET]: /* @__PURE__ */ s(G, { name: "icon-arrow" }),
1123
1154
  [B.DNP]: /* @__PURE__ */ s(G, { name: "icon-arrow" })
1124
- }, dt = ({
1155
+ }, At = ({
1125
1156
  questionId: e,
1126
1157
  questionType: n,
1127
1158
  questionStatus: t,
1128
- subject: r,
1159
+ subject: a,
1129
1160
  openForVoting: o,
1130
1161
  openQuestion: u,
1131
1162
  status: c
1132
1163
  }) => {
1133
- const l = Ie[n], d = lt[c];
1134
- return l ? /* @__PURE__ */ a(Xn, { onClick: () => u == null ? void 0 : u(e), children: [
1135
- /* @__PURE__ */ a(at, { children: [
1136
- /* @__PURE__ */ a(et, { children: [
1164
+ const l = Ie[n], d = Tt[c];
1165
+ return l ? /* @__PURE__ */ r(ct, { onClick: () => u == null ? void 0 : u(e), children: [
1166
+ /* @__PURE__ */ r(Dt, { children: [
1167
+ /* @__PURE__ */ r(lt, { children: [
1137
1168
  /* @__PURE__ */ s(
1138
- ot,
1169
+ pt,
1139
1170
  {
1140
- "data-type-trivia": n === p.TRIVIA,
1141
- "data-type-poll": n === p.POLL,
1171
+ "data-type-trivia": n === M.TRIVIA,
1172
+ "data-type-poll": n === M.POLL,
1142
1173
  name: l.iconName
1143
1174
  }
1144
1175
  ),
1145
- /* @__PURE__ */ a(rt, { children: [
1176
+ /* @__PURE__ */ r(Nt, { children: [
1146
1177
  l.label,
1147
- n === p.TRIVIA && t === S.RESOLVED && " • Expired"
1178
+ n === M.TRIVIA && t === C.RESOLVED && " • Expired"
1148
1179
  ] })
1149
1180
  ] }),
1150
- /* @__PURE__ */ s(st, { children: r || "" })
1181
+ /* @__PURE__ */ s(dt, { children: a || "" })
1151
1182
  ] }),
1152
- /* @__PURE__ */ s(nt, { children: o ? /* @__PURE__ */ s(ct, { children: "Play" }) : d })
1183
+ /* @__PURE__ */ s(ut, { children: o ? /* @__PURE__ */ s(mt, { children: "Play" }) : d })
1153
1184
  ] }) : null;
1154
- }, ut = /* @__PURE__ */ i("div")({
1185
+ }, gt = /* @__PURE__ */ i("div")({
1155
1186
  name: "Container",
1156
1187
  class: "cll3md7",
1157
1188
  propsAsIs: !1
1158
- }), pt = /* @__PURE__ */ i("button")({
1189
+ }), jt = /* @__PURE__ */ i("button")({
1159
1190
  name: "ActionBtn",
1160
1191
  class: "a10g1iik",
1161
1192
  propsAsIs: !1
1162
- }), It = ({
1193
+ }), xt = ({
1163
1194
  openInsight: e,
1164
1195
  questionId: n,
1165
1196
  ...t
1166
- }) => /* @__PURE__ */ a(ut, { children: [
1197
+ }) => /* @__PURE__ */ r(gt, { children: [
1167
1198
  /* @__PURE__ */ s(ge, { questionId: n, ...t, isPickHistory: !0 }),
1168
- e && /* @__PURE__ */ s(pt, { onClick: () => e(n), children: "View Insight" })
1169
- ] }), mt = /* @__PURE__ */ i("div")({
1199
+ e && /* @__PURE__ */ s(jt, { onClick: () => e(n), children: "View Insight" })
1200
+ ] }), yt = /* @__PURE__ */ i("div")({
1170
1201
  name: "Container",
1171
1202
  class: "cl56x6b",
1172
1203
  propsAsIs: !1
1173
- }), Mt = () => Ee, ht = /* @__PURE__ */ i(Mt())({
1204
+ }), ht = () => Le, zt = /* @__PURE__ */ i(ht())({
1174
1205
  name: "ActionButton",
1175
1206
  class: "a11pzf92",
1176
1207
  propsAsIs: !0
1177
- }), Nt = /* @__PURE__ */ i("div")({
1208
+ }), Et = /* @__PURE__ */ i("div")({
1178
1209
  name: "DateTime",
1179
1210
  class: "d1hbaleq",
1180
1211
  propsAsIs: !1
1181
- }), At = /* @__PURE__ */ i("blockquote")({
1212
+ }), vt = /* @__PURE__ */ i("blockquote")({
1182
1213
  name: "Quote",
1183
1214
  class: "qvvgqjm",
1184
1215
  propsAsIs: !1
1185
- }), Dt = ({
1216
+ }), Ot = ({
1186
1217
  openTweet: e,
1187
1218
  created: n,
1188
1219
  ...t
1189
1220
  }) => {
1190
- const r = j(() => {
1221
+ const a = v(() => {
1191
1222
  if (n) {
1192
1223
  const o = new Date(n);
1193
1224
  if (te(o))
@@ -1198,64 +1229,64 @@ const Un = /* @__PURE__ */ i("div")({
1198
1229
  }
1199
1230
  return null;
1200
1231
  }, [n]);
1201
- return /* @__PURE__ */ a(mt, { children: [
1202
- r && /* @__PURE__ */ a(Nt, { children: [
1203
- r.date,
1232
+ return /* @__PURE__ */ r(yt, { children: [
1233
+ a && /* @__PURE__ */ r(Et, { children: [
1234
+ a.date,
1204
1235
  " · ",
1205
- r.time
1236
+ a.time
1206
1237
  ] }),
1207
- t.title && /* @__PURE__ */ s(At, { children: t.title }),
1208
- /* @__PURE__ */ s(me, { ...t }),
1209
- e && /* @__PURE__ */ s(ht, { onClick: () => e(t.tweetId), children: "View Insight" })
1238
+ t.title && /* @__PURE__ */ s(vt, { children: t.title }),
1239
+ /* @__PURE__ */ s(pe, { ...t }),
1240
+ e && /* @__PURE__ */ s(zt, { onClick: () => e(t.tweetId), children: "View Insight" })
1210
1241
  ] });
1211
- }, gt = /* @__PURE__ */ i("div")({
1242
+ }, Lt = /* @__PURE__ */ i("div")({
1212
1243
  name: "QuestionsContainer",
1213
1244
  class: "qvghv3l",
1214
1245
  propsAsIs: !1
1215
- }), Tt = ({ questions: e, openQuestion: n }) => /* @__PURE__ */ s(gt, { children: e == null ? void 0 : e.map((t) => {
1216
- var r, o, u;
1217
- if (t.type === "question" && ((r = t.attributes) == null ? void 0 : r.attributes.case) === "question") {
1246
+ }), Ct = ({ questions: e, openQuestion: n }) => /* @__PURE__ */ s(Lt, { children: e == null ? void 0 : e.map((t) => {
1247
+ var a, o, u;
1248
+ if (t.type === "question" && ((a = t.attributes) == null ? void 0 : a.attributes.case) === "question") {
1218
1249
  const c = t.attributes.attributes.value;
1219
- return /* @__PURE__ */ s(dt, { openQuestion: n, ...c }, c.questionId);
1250
+ return /* @__PURE__ */ s(At, { openQuestion: n, ...c }, c.questionId);
1220
1251
  }
1221
1252
  if (t.type === "insight" && ((o = t.attributes) == null ? void 0 : o.attributes.case) === "insight") {
1222
1253
  const c = t.attributes.attributes.value, l = t.attributes.created;
1223
- return /* @__PURE__ */ s(It, { openInsight: n, ...c, created: l }, c.questionId);
1254
+ return /* @__PURE__ */ s(xt, { openInsight: n, ...c, created: l }, c.questionId);
1224
1255
  }
1225
1256
  if (t.type === "tweet" && ((u = t.attributes) == null ? void 0 : u.attributes.case) === "tweet") {
1226
1257
  const c = t.attributes.attributes.value, l = t.attributes.id, d = t.attributes.created;
1227
- return /* @__PURE__ */ s(Dt, { openTweet: n, ...c, tweetId: l, created: d }, l);
1258
+ return /* @__PURE__ */ s(Ot, { openTweet: n, ...c, tweetId: l, created: d }, l);
1228
1259
  }
1229
1260
  return null;
1230
- }) }), vt = ({ store: e, openQuestion: n }) => {
1231
- const t = w(e);
1232
- return t != null && t.data ? /* @__PURE__ */ s(Tt, { openQuestion: n, questions: t.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1233
- }, yt = ({ userSummary: e }) => {
1261
+ }) }), kt = ({ store: e, openQuestion: n }) => {
1262
+ const t = Q(e);
1263
+ return t != null && t.data ? /* @__PURE__ */ s(Ct, { openQuestion: n, questions: t.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1264
+ }, St = ({ userSummary: e }) => {
1234
1265
  var n;
1235
- const [t, r] = E(void 0);
1266
+ const [t, a] = L(void 0);
1236
1267
  return ee(() => {
1237
1268
  const o = e.subscribe((u) => {
1238
- u != null && u.data && r(u.data);
1269
+ u != null && u.data && a(u.data);
1239
1270
  });
1240
1271
  return () => {
1241
1272
  o();
1242
1273
  };
1243
- }, [e]), t != null && t.summary ? /* @__PURE__ */ s(Ae, { ...t.summary, successRate: (n = t.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1244
- }, ft = ({ gamification: e, className: n, scrollStore: t, scrollNode: r }) => {
1245
- const [o, u] = E(!1), [c, l] = E(H.HOME), [, d] = be(), I = (M) => {
1246
- d(() => l(M));
1247
- }, m = (M) => {
1248
- d(() => u(M));
1274
+ }, [e]), t != null && t.summary ? /* @__PURE__ */ s(Te, { ...t.summary, successRate: (n = t.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1275
+ }, ft = ({ gamification: e, className: n, scrollStore: t, scrollNode: a }) => {
1276
+ const [o, u] = L(!1), [c, l] = L(H.HOME), [, d] = fe(), I = (N) => {
1277
+ d(() => l(N));
1278
+ }, p = (N) => {
1279
+ d(() => u(N));
1249
1280
  };
1250
- return ee(() => t.listen((M) => {
1251
- if (M.scrollPosition === 0) {
1252
- m(!1), t.setKey("tabsShown", !1);
1281
+ return ee(() => t.listen((N) => {
1282
+ if (N.scrollPosition === 0) {
1283
+ p(!1), t.setKey("tabsShown", !1);
1253
1284
  return;
1254
1285
  }
1255
- m(M.scrollDirection === "forward"), t.setKey("tabsShown", M.scrollDirection !== "forward");
1256
- }), [t]), /* @__PURE__ */ a("div", { className: n, children: [
1286
+ p(N.scrollDirection === "forward"), t.setKey("tabsShown", N.scrollDirection !== "forward");
1287
+ }), [t]), /* @__PURE__ */ r("div", { className: n, children: [
1257
1288
  /* @__PURE__ */ s(
1258
- Z,
1289
+ V,
1259
1290
  {
1260
1291
  style: {
1261
1292
  paddingBottom: "8px",
@@ -1263,57 +1294,60 @@ const Un = /* @__PURE__ */ i("div")({
1263
1294
  transition: "top calc(var(--animation-duration) / 2) var(--animation-function)",
1264
1295
  top: o ? "-60px" : "0px"
1265
1296
  },
1266
- children: /* @__PURE__ */ s(bn, { activePage: c, toggleActivePage: I })
1297
+ children: /* @__PURE__ */ s(Pn, { activePage: c, toggleActivePage: I })
1267
1298
  }
1268
1299
  ),
1269
- c === H.HOME && /* @__PURE__ */ a(z, { children: [
1270
- /* @__PURE__ */ s(Z, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(yt, { userSummary: e.userSummary }) }),
1271
- /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(vt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1300
+ c === H.HOME && /* @__PURE__ */ r(z, { children: [
1301
+ /* @__PURE__ */ s(V, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(St, { userSummary: e.userSummary }) }),
1302
+ /* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ s(kt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1272
1303
  ] }),
1273
- c === H.LEADERBOARD && /* @__PURE__ */ s(Z, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Kn, { scrollStore: t, scrollNode: r, gamification: e }) })
1304
+ c === H.LEADERBOARD && /* @__PURE__ */ r(z, { children: [
1305
+ /* @__PURE__ */ s(V, { style: { paddingTop: "8px", paddingBottom: "8px" }, children: /* @__PURE__ */ s(rt, { scrollStore: t, scrollNode: a, gamification: e }) }),
1306
+ /* @__PURE__ */ s(V, { style: { position: "sticky", bottom: "0", paddingTop: "8px", paddingBottom: "8px" }, children: /* @__PURE__ */ s($n, { title: "Invite Friends", description: "Challenge them now!" }) })
1307
+ ] })
1274
1308
  ] });
1275
- }, xt = () => Oe, pe = /* @__PURE__ */ i(xt())({
1309
+ }, wt = () => ke, Me = /* @__PURE__ */ i(wt())({
1276
1310
  name: "OpenedContainer",
1277
1311
  class: "oar61gl",
1278
1312
  propsAsIs: !0
1279
- }), jt = /* @__PURE__ */ i("div")({
1313
+ }), Qt = /* @__PURE__ */ i("div")({
1280
1314
  name: "UserContainer",
1281
1315
  class: "u14zaal4",
1282
1316
  propsAsIs: !1
1283
- }), zt = ({
1317
+ }), bt = ({
1284
1318
  correct: e,
1285
1319
  incorrect: n
1286
1320
  }) => {
1287
1321
  const t = e + n;
1288
1322
  return t === 0 ? 0 : Math.round(e / t * 100);
1289
- }, _t = ({
1323
+ }, Kt = ({
1290
1324
  gamification: e,
1291
1325
  scrollStore: n,
1292
1326
  className: t,
1293
- appNode: r,
1327
+ appNode: a,
1294
1328
  scrollNode: o
1295
1329
  }) => {
1296
- const u = w(e.openedQuestion.$store), c = w(e.openedUser);
1297
- return /* @__PURE__ */ a(z, {
1298
- children: [u && r.current && re.createPortal(/* @__PURE__ */ s(pe, {
1330
+ const u = Q(e.openedQuestion.$store), c = Q(e.openedUser);
1331
+ return /* @__PURE__ */ r(z, {
1332
+ children: [u && a.current && ae.createPortal(/* @__PURE__ */ s(Me, {
1299
1333
  className: t,
1300
- children: /* @__PURE__ */ s(kn, {
1334
+ children: /* @__PURE__ */ s(On, {
1301
1335
  gamification: e
1302
1336
  })
1303
- }), r.current), c && r.current && re.createPortal(/* @__PURE__ */ s(pe, {
1337
+ }), a.current), c && a.current && ae.createPortal(/* @__PURE__ */ s(Me, {
1304
1338
  className: t,
1305
- children: /* @__PURE__ */ a(jt, {
1306
- children: [/* @__PURE__ */ s(Me, {
1339
+ children: /* @__PURE__ */ r(Qt, {
1340
+ children: [/* @__PURE__ */ s(Ne, {
1307
1341
  label: "Friend's Rank",
1308
1342
  close: e.closeUser
1309
- }), /* @__PURE__ */ s(Z, {
1310
- children: /* @__PURE__ */ s(Ae, {
1343
+ }), /* @__PURE__ */ s(V, {
1344
+ children: /* @__PURE__ */ s(Te, {
1311
1345
  ...c,
1312
- successRate: zt(c)
1346
+ successRate: bt(c)
1313
1347
  })
1314
1348
  })]
1315
1349
  })
1316
- }), r.current), /* @__PURE__ */ s(ft, {
1350
+ }), a.current), /* @__PURE__ */ s(ft, {
1317
1351
  scrollStore: n,
1318
1352
  scrollNode: o,
1319
1353
  className: t,
@@ -1322,5 +1356,5 @@ const Un = /* @__PURE__ */ i("div")({
1322
1356
  });
1323
1357
  };
1324
1358
  export {
1325
- _t as default
1359
+ Kt as default
1326
1360
  };