@streamlayer/react 0.39.1 → 0.40.1

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,63 +1,63 @@
1
- import { jsxs as r, jsx as s, Fragment as x } from "react/jsx-runtime";
1
+ import { jsxs as c, jsx as s, Fragment as x } from "react/jsx-runtime";
2
2
  import { s as t, c as A, d as ce } from "./useSdkFeature.js";
3
3
  import { useStore as S } from "@nanostores/react";
4
- import { useState as E, useLayoutEffect as ye, useCallback as B, useEffect as ee, useMemo as N, PureComponent as Re, useTransition as we } from "react";
5
- import { o as de, I as pe, s as ue, c as ke, H as Te, G as me, F as xe, h as Se, a as qe, p as Ee, C as Ne, n as he, m as De, b as Le, l as Ve, d as Pe, e as Oe, f as Qe } from "./masters2.js";
6
- import { QuestionType as m, QuestionStatus as D, QuestionImages as j, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
4
+ import { useState as E, useLayoutEffect as Re, useCallback as B, useEffect as ee, useMemo as V, PureComponent as we, useTransition as ke } from "react";
5
+ import { o as de, I as pe, s as ue, c as Te, q as xe, J as me, n as he, F as Se, h as qe, a as Ee, p as Ve, C as Ne, b as Ie, m as De, d as Le, l as Pe, e as Oe, V as Qe, f as Me } from "./masters2.js";
6
+ import { QuestionType as m, QuestionStatus as N, QuestionImages as M, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
7
7
  import "react-countup";
8
- import { CountdownCircleTimer as Me } from "react-countdown-circle-timer";
9
- import { E as L } from "./index2.js";
10
- import _e from "react-infinite-scroller";
8
+ import { CountdownCircleTimer as _e } from "react-countdown-circle-timer";
9
+ import { E as D } from "./index2.js";
10
+ import je from "react-infinite-scroller";
11
11
  import "lodash.throttle";
12
12
  import "@streamlayer/sdk-web-interfaces";
13
13
  import "@streamlayer/sdk-web-notifications";
14
14
  import "./useStreamLayerApp.js";
15
15
  import "@streamlayer/sdk-web";
16
- const je = /* @__PURE__ */ t("div")({
16
+ const Ue = /* @__PURE__ */ t("div")({
17
17
  name: "Container",
18
18
  class: "c1vwopgc",
19
19
  propsAsIs: !1
20
- }), Ue = /* @__PURE__ */ t("div")({
20
+ }), Be = /* @__PURE__ */ t("div")({
21
21
  name: "QuestionTypeWrap",
22
22
  class: "qyktpt0",
23
23
  propsAsIs: !1
24
- }), Be = () => A, ze = /* @__PURE__ */ t(Be())({
24
+ }), ze = () => A, Fe = /* @__PURE__ */ t(ze())({
25
25
  name: "QuestionTypeIcon",
26
26
  class: "q951jdx",
27
27
  propsAsIs: !0
28
- }), Fe = /* @__PURE__ */ t("span")({
28
+ }), We = /* @__PURE__ */ t("span")({
29
29
  name: "QuestionTypeTitle",
30
30
  class: "qss5f0e",
31
31
  propsAsIs: !1
32
- }), He = /* @__PURE__ */ t("div")({
32
+ }), Ze = /* @__PURE__ */ t("div")({
33
33
  name: "CloseIconWrap",
34
34
  class: "c1ao1jtv",
35
35
  propsAsIs: !1
36
- }), We = () => A, Ze = /* @__PURE__ */ t(We())({
36
+ }), He = () => A, Ye = /* @__PURE__ */ t(He())({
37
37
  name: "CloseIcon",
38
38
  class: "cvsl7l3",
39
39
  propsAsIs: !0
40
- }), Ie = ({ type: e, close: n, label: o }) => {
41
- const i = e ? de[e] : { label: o, iconName: void 0 };
42
- return /* @__PURE__ */ r(je, { children: [
43
- /* @__PURE__ */ r(Ue, { children: [
44
- (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
45
- ze,
40
+ }), ve = ({ type: e, close: n, label: i }) => {
41
+ const o = e ? de[e] : { label: i, iconName: void 0 };
42
+ return /* @__PURE__ */ c(Ue, { children: [
43
+ /* @__PURE__ */ c(Be, { children: [
44
+ (o == null ? void 0 : o.iconName) && /* @__PURE__ */ s(
45
+ Fe,
46
46
  {
47
47
  "data-type-trivia": e === m.TRIVIA,
48
48
  "data-type-poll": e === m.POLL,
49
- name: i.iconName
49
+ name: o.iconName
50
50
  }
51
51
  ),
52
- (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Fe, { children: i.label })
52
+ (o == null ? void 0 : o.label) && /* @__PURE__ */ s(We, { children: o.label })
53
53
  ] }),
54
- /* @__PURE__ */ s(He, { onClick: n, children: /* @__PURE__ */ s(Ze, { name: "icon-cross" }) })
54
+ /* @__PURE__ */ s(Ze, { onClick: n, children: /* @__PURE__ */ s(Ye, { name: "icon-cross" }) })
55
55
  ] });
56
- }, Ye = /* @__PURE__ */ t("div")({
56
+ }, Ge = /* @__PURE__ */ t("div")({
57
57
  name: "Container",
58
58
  class: "c1zy8a",
59
59
  propsAsIs: !1
60
- }), Ge = /* @__PURE__ */ t("div")({
60
+ }), Je = /* @__PURE__ */ t("div")({
61
61
  name: "Title",
62
62
  class: "t1vih9p5",
63
63
  propsAsIs: !1
@@ -65,41 +65,41 @@ const je = /* @__PURE__ */ t("div")({
65
65
  name: "Indicator",
66
66
  class: "i1fbnvpb",
67
67
  propsAsIs: !1
68
- }), te = ({ indicator: e, title: n }) => /* @__PURE__ */ r(Ye, { children: [
69
- /* @__PURE__ */ s(Ge, { children: n }),
68
+ }), te = ({ indicator: e, title: n }) => /* @__PURE__ */ c(Ge, { children: [
69
+ /* @__PURE__ */ s(Je, { children: n }),
70
70
  /* @__PURE__ */ s(Ke, { children: e })
71
71
  ] }), Xe = /* @__PURE__ */ t("div")({
72
72
  name: "Container",
73
73
  class: "ctmhwyc",
74
74
  propsAsIs: !1
75
- }), Je = /* @__PURE__ */ t("div")({
75
+ }), es = /* @__PURE__ */ t("div")({
76
76
  name: "Indicator",
77
77
  class: "i1jri200",
78
78
  propsAsIs: !1
79
- }), es = /* @__PURE__ */ t("div")({
79
+ }), ss = /* @__PURE__ */ t("div")({
80
80
  name: "Title",
81
81
  class: "t8s05oq",
82
82
  propsAsIs: !1
83
- }), H = ({ indicator: e, title: n }) => /* @__PURE__ */ r(Xe, { children: [
84
- /* @__PURE__ */ s(Je, { children: e }),
85
- /* @__PURE__ */ s(es, { children: n })
86
- ] }), ss = /* @__PURE__ */ t("div")({
83
+ }), W = ({ indicator: e, title: n }) => /* @__PURE__ */ c(Xe, { children: [
84
+ /* @__PURE__ */ s(es, { children: e }),
85
+ /* @__PURE__ */ s(ss, { children: n })
86
+ ] }), ns = /* @__PURE__ */ t("div")({
87
87
  name: "Container",
88
88
  class: "c1yrpn9o",
89
89
  propsAsIs: !1
90
- }), ns = /* @__PURE__ */ t("div")({
90
+ }), ts = /* @__PURE__ */ t("div")({
91
91
  name: "TopInfo",
92
92
  class: "t17fwahh",
93
93
  propsAsIs: !1
94
- }), ts = /* @__PURE__ */ t("div")({
94
+ }), os = /* @__PURE__ */ t("div")({
95
95
  name: "BottomInfo",
96
96
  class: "by6w7e9",
97
97
  propsAsIs: !1
98
- }), os = /* @__PURE__ */ t("div")({
98
+ }), is = /* @__PURE__ */ t("div")({
99
99
  name: "User",
100
100
  class: "u1g7arbm",
101
101
  propsAsIs: !1
102
- }), is = /* @__PURE__ */ t("img")({
102
+ }), rs = /* @__PURE__ */ t("img")({
103
103
  name: "Avatar",
104
104
  class: "a1ldeata",
105
105
  propsAsIs: !1
@@ -107,131 +107,131 @@ const je = /* @__PURE__ */ t("div")({
107
107
  name: "UserInfo",
108
108
  class: "u10d4koz",
109
109
  propsAsIs: !1
110
- }), rs = /* @__PURE__ */ t("div")({
110
+ }), ls = /* @__PURE__ */ t("div")({
111
111
  name: "UserName",
112
112
  class: "u1q6roj0",
113
113
  propsAsIs: !1
114
- }), ls = /* @__PURE__ */ t("div")({
114
+ }), cs = /* @__PURE__ */ t("div")({
115
115
  name: "UserRating",
116
116
  class: "ui0m425",
117
117
  propsAsIs: !1
118
- }), cs = /* @__PURE__ */ t("img")({
118
+ }), ds = /* @__PURE__ */ t("img")({
119
119
  name: "TrophyIcon",
120
120
  class: "t1el3mrn",
121
121
  propsAsIs: !1
122
- }), ds = /* @__PURE__ */ t("div")({
122
+ }), ps = /* @__PURE__ */ t("div")({
123
123
  name: "Rts",
124
124
  class: "r2vgnxv",
125
125
  propsAsIs: !1
126
- }), ps = /* @__PURE__ */ t("div")({
126
+ }), us = /* @__PURE__ */ t("div")({
127
127
  name: "RtsIndicator",
128
128
  class: "roqn06j",
129
129
  propsAsIs: !1
130
- }), us = /* @__PURE__ */ t("div")({
130
+ }), ms = /* @__PURE__ */ t("div")({
131
131
  name: "RtsLabel",
132
132
  class: "r15adx7c",
133
133
  propsAsIs: !1
134
- }), ms = /* @__PURE__ */ t("div")({
134
+ }), hs = /* @__PURE__ */ t("div")({
135
135
  name: "Divider",
136
136
  class: "dv59lta",
137
137
  propsAsIs: !1
138
- }), hs = /* @__PURE__ */ t("div")({
138
+ }), Is = /* @__PURE__ */ t("div")({
139
139
  name: "Ranks",
140
140
  class: "r55lotb",
141
141
  propsAsIs: !1
142
- }), Is = /* @__PURE__ */ t("div")({
142
+ }), vs = /* @__PURE__ */ t("div")({
143
143
  name: "Statistics",
144
144
  class: "s1knfgqt",
145
145
  propsAsIs: !1
146
- }), vs = /* @__PURE__ */ t("div")({
146
+ }), Cs = /* @__PURE__ */ t("div")({
147
147
  name: "AvatarPlaceholder",
148
148
  class: "a1mqo824",
149
149
  propsAsIs: !1
150
- }), Cs = /* @__PURE__ */ t("button")({
150
+ }), fs = /* @__PURE__ */ t("button")({
151
151
  name: "UserAccountBtn",
152
152
  class: "uxareh6",
153
153
  propsAsIs: !1
154
- }), fs = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", ve = ({
154
+ }), As = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", Ce = ({
155
155
  avatar: e,
156
156
  name: n,
157
- points: o,
158
- friendsRank: i,
159
- rank: a,
160
- streak: p,
161
- correct: c,
162
- incorrect: l,
163
- inTop: d,
157
+ points: i,
158
+ friendsRank: o,
159
+ rank: r,
160
+ streak: d,
161
+ correct: p,
162
+ incorrect: a,
163
+ inTop: l,
164
164
  successRate: u
165
- }) => /* @__PURE__ */ r(ss, { children: [
166
- /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ r(os, { children: [
167
- /* @__PURE__ */ r(Cs, { children: [
168
- e && /* @__PURE__ */ s(is, { alt: "avatar", src: e }),
169
- !e && /* @__PURE__ */ s(vs, { children: pe(n || "") })
165
+ }) => /* @__PURE__ */ c(ns, { children: [
166
+ /* @__PURE__ */ s(ts, { children: /* @__PURE__ */ c(is, { children: [
167
+ /* @__PURE__ */ c(fs, { children: [
168
+ e && /* @__PURE__ */ s(rs, { alt: "avatar", src: e }),
169
+ !e && /* @__PURE__ */ s(Cs, { children: pe(n || "") })
170
170
  ] }),
171
- /* @__PURE__ */ r(as, { children: [
172
- /* @__PURE__ */ s(rs, { children: n }),
173
- /* @__PURE__ */ r(ls, { children: [
174
- /* @__PURE__ */ r(ds, { children: [
175
- /* @__PURE__ */ s(cs, { alt: "rank-icon", src: fs }),
176
- /* @__PURE__ */ r(ps, { children: [
177
- ue(o),
178
- /* @__PURE__ */ s(us, { children: "PTS" })
171
+ /* @__PURE__ */ c(as, { children: [
172
+ /* @__PURE__ */ s(ls, { children: n }),
173
+ /* @__PURE__ */ c(cs, { children: [
174
+ /* @__PURE__ */ c(ps, { children: [
175
+ /* @__PURE__ */ s(ds, { alt: "rank-icon", src: As }),
176
+ /* @__PURE__ */ c(us, { children: [
177
+ ue(i),
178
+ /* @__PURE__ */ s(ms, { children: "PTS" })
179
179
  ] })
180
180
  ] }),
181
- /* @__PURE__ */ s(ms, {}),
182
- /* @__PURE__ */ r("div", { children: [
181
+ /* @__PURE__ */ s(hs, {}),
182
+ /* @__PURE__ */ c("div", { children: [
183
183
  "TOP ",
184
- d || 0,
184
+ l || 0,
185
185
  "%"
186
186
  ] })
187
187
  ] })
188
188
  ] })
189
189
  ] }) }),
190
- /* @__PURE__ */ r(ts, { children: [
191
- /* @__PURE__ */ r(hs, { children: [
192
- /* @__PURE__ */ s(te, { indicator: i || 0, title: "Friends rank" }),
193
- /* @__PURE__ */ s(te, { indicator: a || 0, title: "Global rank" })
190
+ /* @__PURE__ */ c(os, { children: [
191
+ /* @__PURE__ */ c(Is, { children: [
192
+ /* @__PURE__ */ s(te, { indicator: o || 0, title: "Friends rank" }),
193
+ /* @__PURE__ */ s(te, { indicator: r || 0, title: "Global rank" })
194
194
  ] }),
195
- /* @__PURE__ */ r(Is, { children: [
196
- /* @__PURE__ */ s(H, { indicator: p || 0, title: "Win streak" }),
197
- /* @__PURE__ */ s(H, { indicator: c || 0, title: "Correct" }),
198
- /* @__PURE__ */ s(H, { indicator: l || 0, title: "Incorrect" }),
199
- /* @__PURE__ */ s(H, { indicator: `${u || 0}%`, title: "Succ. rate" })
195
+ /* @__PURE__ */ c(vs, { children: [
196
+ /* @__PURE__ */ s(W, { indicator: d || 0, title: "Win streak" }),
197
+ /* @__PURE__ */ s(W, { indicator: p || 0, title: "Correct" }),
198
+ /* @__PURE__ */ s(W, { indicator: a || 0, title: "Incorrect" }),
199
+ /* @__PURE__ */ s(W, { indicator: `${u || 0}%`, title: "Succ. rate" })
200
200
  ] })
201
201
  ] })
202
- ] }), As = /* @__PURE__ */ t("div")({
202
+ ] }), gs = /* @__PURE__ */ t("div")({
203
203
  name: "SponsorLogoWrap",
204
204
  class: "s8p5v5z",
205
205
  propsAsIs: !1
206
- }), $s = () => A, gs = /* @__PURE__ */ t($s())({
206
+ }), $s = () => A, bs = /* @__PURE__ */ t($s())({
207
207
  name: "SponsorLogo",
208
208
  class: "s755yti",
209
209
  propsAsIs: !0
210
- }), bs = () => /* @__PURE__ */ s(As, {
211
- children: /* @__PURE__ */ s(gs, {
210
+ }), ys = () => /* @__PURE__ */ s(gs, {
211
+ children: /* @__PURE__ */ s(bs, {
212
212
  name: "mastersLogo"
213
213
  })
214
- }), ys = /* @__PURE__ */ t("div")({
214
+ }), Rs = /* @__PURE__ */ t("div")({
215
215
  name: "Container",
216
216
  class: "c38csyt",
217
217
  propsAsIs: !1
218
- }), Rs = /* @__PURE__ */ t("div")({
218
+ }), ws = /* @__PURE__ */ t("div")({
219
219
  name: "Title",
220
220
  class: "ty221rx",
221
221
  propsAsIs: !1
222
- }), ws = /* @__PURE__ */ t("div")({
222
+ }), ks = /* @__PURE__ */ t("div")({
223
223
  name: "Description",
224
224
  class: "dlaj9xp",
225
225
  propsAsIs: !1
226
- }), ks = ({ title: e, description: n }) => /* @__PURE__ */ r(ys, { children: [
226
+ }), Ts = ({ title: e, description: n }) => /* @__PURE__ */ c(Rs, { children: [
227
227
  /* @__PURE__ */ s(A, { name: "icon-check-circle" }),
228
- /* @__PURE__ */ s(Rs, { children: e }),
229
- /* @__PURE__ */ s(ws, { children: n })
230
- ] }), Ts = /* @__PURE__ */ t("div")({
228
+ /* @__PURE__ */ s(ws, { children: e }),
229
+ /* @__PURE__ */ s(ks, { children: n })
230
+ ] }), xs = /* @__PURE__ */ t("div")({
231
231
  name: "Container",
232
232
  class: "c16sbdnm",
233
233
  propsAsIs: !1
234
- }), xs = () => A, Ss = /* @__PURE__ */ t(xs())({
234
+ }), Ss = () => A, qs = /* @__PURE__ */ t(Ss())({
235
235
  name: "IconPrediction",
236
236
  class: "ibhorgl",
237
237
  propsAsIs: !0
@@ -239,11 +239,11 @@ const je = /* @__PURE__ */ t("div")({
239
239
  name: "FeedbackIconWrap",
240
240
  class: "f1g20ja7",
241
241
  propsAsIs: !1
242
- }), W = /* @__PURE__ */ t("div")({
242
+ }), Z = /* @__PURE__ */ t("div")({
243
243
  name: "FeedbackHeader",
244
244
  class: "f455ozj",
245
245
  propsAsIs: !1
246
- }), qs = /* @__PURE__ */ t("span")({
246
+ }), Es = /* @__PURE__ */ t("span")({
247
247
  name: "FeedbackTitle",
248
248
  class: "f1913njx",
249
249
  propsAsIs: !1
@@ -251,62 +251,62 @@ const je = /* @__PURE__ */ t("div")({
251
251
  name: "FeedbackDescription",
252
252
  class: "fzfk69z",
253
253
  propsAsIs: !1
254
- }), J = /* @__PURE__ */ t("div")({
254
+ }), X = /* @__PURE__ */ t("div")({
255
255
  name: "FeedbackText",
256
256
  class: "fx87qaj",
257
257
  propsAsIs: !1
258
- }), Es = ({
258
+ }), Vs = ({
259
259
  feedbackMessages: e,
260
260
  questionVotedCorrectly: n,
261
- questionVoted: o,
262
- questionType: i,
263
- hasCorrectAnswer: a,
264
- questionStatus: p,
265
- showExpiredNotification: c,
266
- showClosedNotificationTrivia: l,
267
- votedInCurrentRender: d,
261
+ questionVoted: i,
262
+ questionType: o,
263
+ hasCorrectAnswer: r,
264
+ questionStatus: d,
265
+ showExpiredNotification: p,
266
+ showClosedNotificationTrivia: a,
267
+ votedInCurrentRender: l,
268
268
  votedAfterQuestionClosed: u,
269
269
  enteredAnActiveQuestion: h,
270
270
  marketClosed: C
271
271
  }) => {
272
- const I = o && (i === m.TRIVIA || i === m.PREDICTION) && d && p !== D.RESOLVED, f = i === m.PREDICTION && !a, k = C && i === m.PREDICTION && !o && !h || i === m.PREDICTION && u && d && h, g = I && f, w = I && a, b = i === m.PREDICTION && o && d && a, V = o && i === m.POLL && d;
273
- if (!c && !l && !g && !w && !k && !V && !b)
272
+ const I = i && (o === m.TRIVIA || o === m.PREDICTION) && l && d !== N.RESOLVED, f = o === m.PREDICTION && !r, k = C && o === m.PREDICTION && !i && !h || o === m.PREDICTION && u && l && h, $ = I && f, w = I && r, b = o === m.PREDICTION && i && l && r, L = i && o === m.POLL && l;
273
+ if (!p && !a && !$ && !w && !k && !L && !b)
274
274
  return null;
275
275
  const q = n ? "correct" : "incorrect", T = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
276
- return /* @__PURE__ */ r(Ts, { "data-isPrediction": f, children: [
277
- c && /* @__PURE__ */ r(x, { children: [
276
+ return /* @__PURE__ */ c(xs, { "data-isPrediction": f, children: [
277
+ p && /* @__PURE__ */ c(x, { children: [
278
278
  /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
279
- /* @__PURE__ */ r("div", { children: [
280
- /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(Q, { children: "Question Expired" }) }),
281
- /* @__PURE__ */ s(J, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
279
+ /* @__PURE__ */ c("div", { children: [
280
+ /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Expired" }) }),
281
+ /* @__PURE__ */ s(X, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
282
282
  ] })
283
283
  ] }),
284
- l && /* @__PURE__ */ r(x, { children: [
284
+ a && /* @__PURE__ */ c(x, { children: [
285
285
  /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
286
- /* @__PURE__ */ r("div", { children: [
287
- /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
288
- /* @__PURE__ */ s(J, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
286
+ /* @__PURE__ */ c("div", { children: [
287
+ /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
288
+ /* @__PURE__ */ s(X, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
289
289
  ] })
290
290
  ] }),
291
- k && /* @__PURE__ */ r(x, { children: [
291
+ k && /* @__PURE__ */ c(x, { children: [
292
292
  /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
293
- /* @__PURE__ */ r("div", { children: [
294
- /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
295
- /* @__PURE__ */ s(J, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
293
+ /* @__PURE__ */ c("div", { children: [
294
+ /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(Q, { children: "Question Closed" }) }),
295
+ /* @__PURE__ */ s(X, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
296
296
  ] })
297
297
  ] }),
298
- g && /* @__PURE__ */ r(x, { children: [
299
- /* @__PURE__ */ s(Ss, { name: "icon-prediction" }),
298
+ $ && /* @__PURE__ */ c(x, { children: [
299
+ /* @__PURE__ */ s(qs, { name: "icon-prediction" }),
300
300
  /* @__PURE__ */ s(Q, { children: "Stay tuned to see if your prediction was correct." })
301
301
  ] }),
302
- V && /* @__PURE__ */ r(x, { children: [
302
+ L && /* @__PURE__ */ c(x, { children: [
303
303
  /* @__PURE__ */ s(U, { "data-feedback-type": "correct", children: /* @__PURE__ */ s(A, { name: "correct" }) }),
304
304
  /* @__PURE__ */ s(Q, { children: "Thanks for answering. Please stay tuned for the next question." })
305
305
  ] }),
306
- (w || b) && /* @__PURE__ */ r(x, { children: [
306
+ (w || b) && /* @__PURE__ */ c(x, { children: [
307
307
  /* @__PURE__ */ s(U, { "data-feedback-type": q, children: /* @__PURE__ */ s(A, { name: q }) }),
308
- /* @__PURE__ */ s("div", { children: /* @__PURE__ */ r(W, { children: [
309
- /* @__PURE__ */ s(qs, { "data-feedback-type": q, children: T == null ? void 0 : T.title }),
308
+ /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c(Z, { children: [
309
+ /* @__PURE__ */ s(Es, { "data-feedback-type": q, children: T == null ? void 0 : T.title }),
310
310
  /* @__PURE__ */ s(Q, { children: T == null ? void 0 : T.description })
311
311
  ] }) })
312
312
  ] })
@@ -315,67 +315,67 @@ const je = /* @__PURE__ */ t("div")({
315
315
  name: "Container",
316
316
  class: "c14ielyq",
317
317
  propsAsIs: !1
318
- }), Ds = () => ke, Ls = /* @__PURE__ */ t(Ds())({
318
+ }), Ds = () => Te, Ls = /* @__PURE__ */ t(Ds())({
319
319
  name: "QuestionScrollContainer",
320
320
  class: "q1tlqx57",
321
321
  propsAsIs: !0
322
- }), Vs = /* @__PURE__ */ t("div")({
322
+ }), Ps = /* @__PURE__ */ t("div")({
323
323
  name: "Content",
324
324
  class: "c1hq58md",
325
325
  propsAsIs: !1
326
- }), Ps = /* @__PURE__ */ t("div")({
326
+ }), Os = /* @__PURE__ */ t("div")({
327
327
  name: "Title",
328
328
  class: "t1c8nxcx",
329
329
  propsAsIs: !1
330
- }), Os = /* @__PURE__ */ t("div")({
330
+ }), Qs = /* @__PURE__ */ t("div")({
331
331
  name: "Options",
332
332
  class: "oiozuc3",
333
333
  propsAsIs: !1
334
- }), Qs = /* @__PURE__ */ t("button")({
334
+ }), Ms = /* @__PURE__ */ t("button")({
335
335
  name: "ButtonContainer",
336
336
  class: "b1b6dl8t",
337
337
  propsAsIs: !1
338
- }), Ms = /* @__PURE__ */ t("div")({
338
+ }), _s = /* @__PURE__ */ t("div")({
339
339
  name: "ButtonPct",
340
340
  class: "b4iik8i",
341
341
  propsAsIs: !1
342
- }), _s = /* @__PURE__ */ t("span")({
342
+ }), js = /* @__PURE__ */ t("span")({
343
343
  name: "ButtonBody",
344
344
  class: "b1gq1lnf",
345
345
  propsAsIs: !1
346
- }), js = /* @__PURE__ */ t("div")({
346
+ }), Us = /* @__PURE__ */ t("div")({
347
347
  name: "IconContainer",
348
348
  class: "i1j65z51",
349
349
  propsAsIs: !1
350
- }), Us = /* @__PURE__ */ t("div")({
350
+ }), Bs = /* @__PURE__ */ t("div")({
351
351
  name: "IconWrap",
352
352
  class: "i19tpfua",
353
353
  propsAsIs: !1
354
- }), Ce = /* @__PURE__ */ t("img")({
354
+ }), fe = /* @__PURE__ */ t("img")({
355
355
  name: "Icon",
356
356
  class: "i1tubmma",
357
357
  propsAsIs: !1
358
- }), Bs = () => Ce, zs = /* @__PURE__ */ t(Bs())({
358
+ }), zs = () => fe, Fs = /* @__PURE__ */ t(zs())({
359
359
  name: "IconDefault",
360
360
  class: "i1grrgwj",
361
361
  propsAsIs: !0
362
- }), Fs = () => Ce, Hs = /* @__PURE__ */ t(Fs())({
362
+ }), Ws = () => fe, Zs = /* @__PURE__ */ t(Ws())({
363
363
  name: "IconCircle",
364
364
  class: "ibemyq8",
365
365
  propsAsIs: !0
366
- }), Ws = /* @__PURE__ */ t("span")({
366
+ }), Hs = /* @__PURE__ */ t("span")({
367
367
  name: "Title",
368
368
  class: "t1dceht",
369
369
  propsAsIs: !1
370
- }), Zs = /* @__PURE__ */ t("span")({
370
+ }), Ys = /* @__PURE__ */ t("span")({
371
371
  name: "Indicators",
372
372
  class: "i116q4vq",
373
373
  propsAsIs: !1
374
- }), Ys = /* @__PURE__ */ t("span")({
374
+ }), Gs = /* @__PURE__ */ t("span")({
375
375
  name: "Pts",
376
376
  class: "p17ajcu2",
377
377
  propsAsIs: !1
378
- }), Gs = /* @__PURE__ */ t("span")({
378
+ }), Js = /* @__PURE__ */ t("span")({
379
379
  name: "Percentage",
380
380
  class: "pu9kmlb",
381
381
  propsAsIs: !1
@@ -384,283 +384,283 @@ const je = /* @__PURE__ */ t("div")({
384
384
  class: "c1j2j0s0",
385
385
  propsAsIs: !0
386
386
  }), oe = {
387
- [j.CENTERED]: (e) => /* @__PURE__ */ s(zs, { alt: "option-icon", src: e }),
388
- [j.TRANSPARENT]: (e) => /* @__PURE__ */ s(js, { children: /* @__PURE__ */ s(Us, { style: { backgroundImage: `url(${e})` } }) }),
389
- [j.ROUNDED]: (e) => /* @__PURE__ */ s(Hs, { alt: "option-icon", src: e }),
390
- [j.NONE]: () => null,
391
- [j.UNSET]: () => null
392
- }, Js = ({ questionType: e, hasCorrectAnswer: n, correct: o, youVoted: i, questionVoted: a }) => {
393
- if (e === m.POLL && i)
387
+ [M.CENTERED]: (e) => /* @__PURE__ */ s(Fs, { alt: "option-icon", src: e }),
388
+ [M.TRANSPARENT]: (e) => /* @__PURE__ */ s(Us, { children: /* @__PURE__ */ s(Bs, { style: { backgroundImage: `url(${e})` } }) }),
389
+ [M.ROUNDED]: (e) => /* @__PURE__ */ s(Zs, { alt: "option-icon", src: e }),
390
+ [M.NONE]: () => null,
391
+ [M.UNSET]: () => null
392
+ }, en = ({ questionType: e, hasCorrectAnswer: n, correct: i, youVoted: o, questionVoted: r }) => {
393
+ if (e === m.POLL && o)
394
394
  return "correct";
395
395
  if (e === m.PREDICTION) {
396
- if (n && a)
397
- return i ? o ? "correct" : "incorrect" : "unset";
398
- if (i)
396
+ if (n && r)
397
+ return o ? i ? "correct" : "incorrect" : "unset";
398
+ if (o)
399
399
  return "correct";
400
400
  }
401
- return e === m.TRIVIA && a && i ? o ? "correct" : "incorrect" : "unset";
402
- }, en = ({
401
+ return e === m.TRIVIA && r && o ? i ? "correct" : "incorrect" : "unset";
402
+ }, sn = ({
403
403
  questionType: e,
404
404
  questionVoted: n,
405
- correct: o,
406
- hasCorrectAnswer: i,
407
- questionStatus: a
408
- }) => e === m.TRIVIA ? n && o : e === m.PREDICTION ? n && o && i || a === D.RESOLVED && o : !1, sn = (e) => {
405
+ correct: i,
406
+ hasCorrectAnswer: o,
407
+ questionStatus: r
408
+ }) => e === m.TRIVIA ? n && i : e === m.PREDICTION ? n && i && o || r === N.RESOLVED && i : !1, nn = (e) => {
409
409
  var n;
410
410
  const {
411
411
  // option props
412
- id: o,
413
- icon: i,
414
- text: a,
415
- percentageDecimal: p,
416
- points: c,
412
+ id: i,
413
+ icon: o,
414
+ text: r,
415
+ percentageDecimal: d,
416
+ points: p,
417
417
  // extra props
418
- onVote: l,
419
- markThatVoted: d,
418
+ onVote: a,
419
+ markThatVoted: l,
420
420
  youSelected: u,
421
421
  questionVoted: h,
422
422
  imageMode: C,
423
423
  answerTimeExpired: I,
424
424
  questionStatus: f,
425
425
  isLoading: k,
426
- questionType: g,
426
+ questionType: $,
427
427
  correct: w,
428
428
  hasCorrectAnswer: b,
429
- votedAfterQuestionClosed: V,
429
+ votedAfterQuestionClosed: L,
430
430
  enteredAnActiveQuestion: q,
431
431
  marketClosed: T
432
- } = e, [M, z] = E(p), P = Js(e), G = en({ questionType: g, questionVoted: h, correct: w, hasCorrectAnswer: b, questionStatus: f }), v = T && g === m.PREDICTION, $ = h || v, y = g === m.PREDICTION && !h && !T, K = h && !u && P !== "incorrect";
433
- return ye(() => {
434
- p > 0 && (z(0), requestAnimationFrame(() => {
435
- z(p);
432
+ } = e, [_, z] = E(d), P = en(e), G = sn({ questionType: $, questionVoted: h, correct: w, hasCorrectAnswer: b, questionStatus: f }), v = T && $ === m.PREDICTION, g = h || v, y = $ === m.PREDICTION && !h && !T, J = h && !u && P !== "incorrect";
433
+ return Re(() => {
434
+ d > 0 && (z(0), requestAnimationFrame(() => {
435
+ z(d);
436
436
  }));
437
- }, [p]), /* @__PURE__ */ r(
438
- Qs,
437
+ }, [d]), /* @__PURE__ */ c(
438
+ Ms,
439
439
  {
440
- value: o,
440
+ value: i,
441
441
  "data-selected": u,
442
442
  "data-answer-state": P,
443
- disabled: h || k || I || v && !q || v && q && V,
444
- "data-is-not-checked": K,
445
- onClick: (X) => {
446
- d(
447
- g === m.PREDICTION ? T : f === D.RESOLVED
448
- ), l(X);
443
+ disabled: h || k || I || v && !q || v && q && L,
444
+ "data-is-not-checked": J,
445
+ onClick: (K) => {
446
+ l(
447
+ $ === m.PREDICTION ? T : f === N.RESOLVED
448
+ ), a(K);
449
449
  },
450
450
  children: [
451
- /* @__PURE__ */ s(Ms, { "data-answer-state": P, style: { width: `${$ ? M : 0}%` } }),
452
- /* @__PURE__ */ r(_s, { children: [
453
- i && C && ((n = oe[C]) == null ? void 0 : n.call(oe, i)),
454
- /* @__PURE__ */ s(Ws, { children: a }),
455
- y && /* @__PURE__ */ r("div", { children: [
456
- c,
457
- /* @__PURE__ */ s(Ys, { children: "pts" })
451
+ /* @__PURE__ */ s(_s, { "data-answer-state": P, style: { width: `${g ? _ : 0}%` } }),
452
+ /* @__PURE__ */ c(js, { children: [
453
+ o && C && ((n = oe[C]) == null ? void 0 : n.call(oe, o)),
454
+ /* @__PURE__ */ s(Hs, { children: r }),
455
+ y && /* @__PURE__ */ c("div", { children: [
456
+ p,
457
+ /* @__PURE__ */ s(Gs, { children: "pts" })
458
458
  ] }),
459
- $ && /* @__PURE__ */ r(Zs, { children: [
459
+ g && /* @__PURE__ */ c(Ys, { children: [
460
460
  G && /* @__PURE__ */ s(Xs, { name: "selected" }),
461
- /* @__PURE__ */ s(Gs, { children: /* @__PURE__ */ s(ce, { value: p, suffix: "%" }) })
461
+ /* @__PURE__ */ s(Js, { children: /* @__PURE__ */ s(ce, { value: d, suffix: "%" }) })
462
462
  ] })
463
463
  ] })
464
464
  ]
465
465
  }
466
466
  );
467
- }, nn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1, L.NEUTRALS_GRAY3], tn = [10, 10, 1, 0], on = /* @__PURE__ */ t("div")({
467
+ }, tn = [D.PRIMARY_GREEN1, D.SECONDARY_RED1, D.SECONDARY_RED1, D.NEUTRALS_GRAY3], on = [10, 10, 1, 0], rn = /* @__PURE__ */ t("div")({
468
468
  name: "RemainingTime",
469
469
  class: "r165427",
470
470
  propsAsIs: !1
471
- }), an = L.SECONDARY_GREEN6, ie = L.SECONDARY_RED3, rn = L.NEUTRALS_GRAY3, ln = ({
471
+ }), an = D.SECONDARY_GREEN6, ie = D.SECONDARY_RED3, ln = D.NEUTRALS_GRAY3, cn = ({
472
472
  isPlaying: e = !0,
473
473
  duration: n = 30,
474
- onTimerExpired: o
474
+ onTimerExpired: i
475
475
  }) => {
476
- const [i, a] = E(n > 10 ? an : ie), p = ({
477
- remainingTime: d
478
- }) => /* @__PURE__ */ s(on, {
479
- children: d
480
- }), c = B(() => {
481
- o == null || o(), a(rn);
482
- }, [o, a]), l = B((d) => {
483
- d === 10 && a(ie);
484
- }, [a]);
485
- return /* @__PURE__ */ s(Me, {
476
+ const [o, r] = E(n > 10 ? an : ie), d = ({
477
+ remainingTime: l
478
+ }) => /* @__PURE__ */ s(rn, {
479
+ children: l
480
+ }), p = B(() => {
481
+ i == null || i(), r(ln);
482
+ }, [i, r]), a = B((l) => {
483
+ l === 10 && r(ie);
484
+ }, [r]);
485
+ return /* @__PURE__ */ s(_e, {
486
486
  isPlaying: e,
487
487
  duration: n,
488
- colors: nn,
489
- colorsTime: tn,
488
+ colors: tn,
489
+ colorsTime: on,
490
490
  size: 32,
491
491
  strokeWidth: 2,
492
492
  trailStrokeWidth: 2,
493
- trailColor: i,
494
- onComplete: c,
495
- onUpdate: l,
496
- children: p
493
+ trailColor: o,
494
+ onComplete: p,
495
+ onUpdate: a,
496
+ children: d
497
497
  });
498
- }, cn = /* @__PURE__ */ t("div")({
498
+ }, dn = /* @__PURE__ */ t("div")({
499
499
  name: "WinBarContainer",
500
500
  class: "wie6cqo",
501
501
  propsAsIs: !1
502
- }), dn = /* @__PURE__ */ t("div")({
502
+ }), pn = /* @__PURE__ */ t("div")({
503
503
  name: "Content",
504
504
  class: "cgizw4u",
505
505
  propsAsIs: !1
506
- }), pn = /* @__PURE__ */ t("div")({
506
+ }), un = /* @__PURE__ */ t("div")({
507
507
  name: "Title",
508
508
  class: "t1l3ucjp",
509
509
  propsAsIs: !1
510
- }), un = () => A, mn = /* @__PURE__ */ t(un())({
510
+ }), mn = () => A, hn = /* @__PURE__ */ t(mn())({
511
511
  name: "WinIcon",
512
512
  class: "wx7j799",
513
513
  propsAsIs: !0
514
- }), hn = /* @__PURE__ */ t("div")({
514
+ }), In = /* @__PURE__ */ t("div")({
515
515
  name: "Points",
516
516
  class: "p4lwuj0",
517
517
  propsAsIs: !1
518
- }), In = /* @__PURE__ */ t("span")({
518
+ }), vn = /* @__PURE__ */ t("span")({
519
519
  name: "PointsCount",
520
520
  class: "po9i64o",
521
521
  propsAsIs: !1
522
- }), vn = /* @__PURE__ */ t("span")({
522
+ }), Cn = /* @__PURE__ */ t("span")({
523
523
  name: "PointsUnits",
524
524
  class: "pe5g05h",
525
525
  propsAsIs: !1
526
- }), Cn = ({
526
+ }), fn = ({
527
527
  title: e,
528
528
  points: n,
529
- isPlayingTimer: o,
530
- isTimer: i,
531
- animatePoints: a,
532
- questionType: p,
533
- timerDuration: c,
534
- onTimerExpired: l
535
- }) => /* @__PURE__ */ r(cn, { style: { justifyContent: p === m.PREDICTION ? "center" : "space-between" }, children: [
536
- /* @__PURE__ */ r(dn, { children: [
537
- e && /* @__PURE__ */ s(pn, { children: e }),
538
- n !== void 0 && p !== m.POLL && /* @__PURE__ */ r(x, { children: [
539
- /* @__PURE__ */ s(mn, { name: "icon-trophy" }),
540
- /* @__PURE__ */ r(hn, { children: [
541
- /* @__PURE__ */ s(In, { children: a ? /* @__PURE__ */ s(ce, { value: n, delay: 0.3 }) : n }),
542
- /* @__PURE__ */ s(vn, { children: "PTS" })
529
+ isPlayingTimer: i,
530
+ isTimer: o,
531
+ animatePoints: r,
532
+ questionType: d,
533
+ timerDuration: p,
534
+ onTimerExpired: a
535
+ }) => /* @__PURE__ */ c(dn, { style: { justifyContent: d === m.PREDICTION ? "center" : "space-between" }, children: [
536
+ /* @__PURE__ */ c(pn, { children: [
537
+ e && /* @__PURE__ */ s(un, { children: e }),
538
+ n !== void 0 && d !== m.POLL && /* @__PURE__ */ c(x, { children: [
539
+ /* @__PURE__ */ s(hn, { name: "icon-trophy" }),
540
+ /* @__PURE__ */ c(In, { children: [
541
+ /* @__PURE__ */ s(vn, { children: r ? /* @__PURE__ */ s(ce, { value: n, delay: 0.3 }) : n }),
542
+ /* @__PURE__ */ s(Cn, { children: "PTS" })
543
543
  ] })
544
544
  ] })
545
545
  ] }),
546
- i && p !== m.PREDICTION && /* @__PURE__ */ s(ln, { isPlaying: o, onTimerExpired: l, duration: c })
547
- ] }), fn = ({ openedQuestion: e, isLoading: n, vote: o, close: i }) => {
548
- var a, p;
549
- const c = e.subject, l = e.type, d = e.status, u = (a = e.options) == null ? void 0 : a.options, h = e.marketClosed, [C, I] = E(!1), [f, k] = E(!1), [g, w] = E(!0), [b, V] = E(!1), [q, T] = E(""), M = e == null ? void 0 : e.id;
546
+ o && d !== m.PREDICTION && /* @__PURE__ */ s(cn, { isPlaying: i, onTimerExpired: a, duration: p })
547
+ ] }), An = ({ openedQuestion: e, isLoading: n, vote: i, close: o }) => {
548
+ var r, d;
549
+ const p = e.subject, a = e.type, l = e.status, u = (r = e.options) == null ? void 0 : r.options, h = e.marketClosed, [C, I] = E(!1), [f, k] = E(!1), [$, w] = E(!0), [b, L] = E(!1), [q, T] = E(""), _ = e == null ? void 0 : e.id;
550
550
  ee(() => {
551
- l === m.PREDICTION ? h && w(!1) : d === D.RESOLVED && w(!1);
551
+ a === m.PREDICTION ? h && w(!1) : l === N.RESOLVED && w(!1);
552
552
  }, []);
553
553
  const z = B((R) => {
554
554
  k(R), I(!0);
555
555
  }, []), P = B(
556
556
  async (R) => {
557
- if (M) {
558
- const _ = R.currentTarget.value;
559
- T(_), await o(M, _);
557
+ if (_) {
558
+ const j = R.currentTarget.value;
559
+ T(j), await i(_, j);
560
560
  }
561
561
  },
562
- [M, T, o]
562
+ [_, T, i]
563
563
  ), G = B(() => {
564
- V(!0), setTimeout(i, 3e3);
565
- }, [i]), v = N(
564
+ L(!0), setTimeout(o, 3e3);
565
+ }, [o]), v = V(
566
566
  () => e == null ? void 0 : e.answers.find((R) => R.youVoted === !0),
567
567
  [e]
568
- ), $ = N(
568
+ ), g = V(
569
569
  () => !!(e != null && e.answers.find((R) => R.correct === !0)),
570
570
  [e]
571
- ), y = N(
571
+ ), y = V(
572
572
  () => e == null ? void 0 : e.answers.find((R) => R.correct === !0),
573
573
  [e]
574
- ), K = N(() => e ? e.answers.map((R) => {
575
- var _;
574
+ ), J = V(() => e ? e.answers.map((R) => {
575
+ var j;
576
576
  return {
577
577
  ...R,
578
578
  questionVoted: !!v,
579
579
  youSelected: q === R.id,
580
580
  isLoading: n,
581
- hasCorrectAnswer: $,
581
+ hasCorrectAnswer: g,
582
582
  questionType: e.type,
583
583
  answerTimeExpired: b,
584
- questionStatus: d,
585
- imageMode: (_ = e.appearance) == null ? void 0 : _.images,
584
+ questionStatus: l,
585
+ imageMode: (j = e.appearance) == null ? void 0 : j.images,
586
586
  onVote: P
587
587
  };
588
588
  }) : [], [
589
- $,
589
+ g,
590
590
  b,
591
591
  n,
592
592
  e,
593
593
  v,
594
- d,
594
+ l,
595
595
  P,
596
596
  q
597
- ]), X = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, O = d === D.RESOLVED && l === m.TRIVIA && !v && !g, se = l === m.TRIVIA && f && C && g, ne = N(() => l === m.PREDICTION ? !!(v && !$ || v && $ && y != null && y.youVoted) : !0, [l, v, $, y]), Ae = N(() => {
598
- if (l === m.PREDICTION && v && (!$ || $ && y != null && y.youVoted))
597
+ ]), K = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, O = l === N.RESOLVED && a === m.TRIVIA && !v && !$, se = a === m.TRIVIA && f && C && $, ne = V(() => a === m.PREDICTION ? !!(v && !g || v && g && y != null && y.youVoted) : !0, [a, v, g, y]), ge = V(() => {
598
+ if (a === m.PREDICTION && v && (!g || g && y != null && y.youVoted))
599
599
  return v.points;
600
600
  if (!(O || b))
601
- return d === D.RESOLVED ? 0 : v ? v.correct ? v.points : 0 : y == null ? void 0 : y.points;
601
+ return l === N.RESOLVED ? 0 : v ? v.correct ? v.points : 0 : y == null ? void 0 : y.points;
602
602
  }, [
603
603
  b,
604
604
  v,
605
605
  y,
606
- d,
607
- O,
608
606
  l,
609
- $
610
- ]), $e = N(() => l === m.PREDICTION && v ? $ ? $ && y != null && y.youVoted ? "You won" : "" : "To win" : O || b ? "Time expired" : l === m.POLL ? "Time remaining" : v ? "You won" : "To win", [b, l, v, O, $, y]), ge = (l === m.TRIVIA || l === m.PREDICTION) && v && $ && (y == null ? void 0 : y.youVoted), be = v || O || se || l === m.TRIVIA && d === D.RESOLVED && g;
611
- return /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(Ns, { children: /* @__PURE__ */ r(Vs, { children: [
607
+ O,
608
+ a,
609
+ g
610
+ ]), $e = V(() => a === m.PREDICTION && v ? g ? g && y != null && y.youVoted ? "You won" : "" : "To win" : O || b ? "Time expired" : a === m.POLL ? "Time remaining" : v ? "You won" : "To win", [b, a, v, O, g, y]), be = (a === m.TRIVIA || a === m.PREDICTION) && v && g && (y == null ? void 0 : y.youVoted), ye = v || O || se || a === m.TRIVIA && l === N.RESOLVED && $;
611
+ return /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(Ns, { children: /* @__PURE__ */ c(Ps, { children: [
612
612
  /* @__PURE__ */ s(
613
- Es,
613
+ Vs,
614
614
  {
615
- feedbackMessages: X,
615
+ feedbackMessages: K,
616
616
  questionVoted: !!v,
617
617
  questionVotedCorrectly: v == null ? void 0 : v.correct,
618
- questionType: l,
619
- hasCorrectAnswer: $,
620
- questionStatus: d,
618
+ questionType: a,
619
+ hasCorrectAnswer: g,
620
+ questionStatus: l,
621
621
  showExpiredNotification: O,
622
622
  showClosedNotificationTrivia: se,
623
623
  votedInCurrentRender: C,
624
624
  votedAfterQuestionClosed: f,
625
- enteredAnActiveQuestion: g,
625
+ enteredAnActiveQuestion: $,
626
626
  marketClosed: h
627
627
  }
628
628
  ),
629
629
  ne && /* @__PURE__ */ s(
630
- Cn,
630
+ fn,
631
631
  {
632
632
  title: $e,
633
- points: Ae,
633
+ points: ge,
634
634
  onTimerExpired: G,
635
635
  questionType: e.type,
636
636
  isTimer: !n,
637
637
  isPlayingTimer: !v,
638
- animatePoints: ge,
639
- timerDuration: be ? 0 : Number(((p = e == null ? void 0 : e.appearance) == null ? void 0 : p.autoHideInterval) || "30")
638
+ animatePoints: be,
639
+ timerDuration: ye ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
640
640
  }
641
641
  ),
642
642
  b ? /* @__PURE__ */ s(
643
- ks,
643
+ Ts,
644
644
  {
645
645
  title: "More to come...",
646
646
  description: "Watch for additional enhanced stream interactive experience."
647
647
  }
648
- ) : /* @__PURE__ */ r(x, { children: [
649
- /* @__PURE__ */ s(Ps, { style: ne ? {} : { marginTop: 0 }, children: c }),
650
- /* @__PURE__ */ s(Os, { children: K.map((R) => /* @__PURE__ */ s(
651
- sn,
648
+ ) : /* @__PURE__ */ c(x, { children: [
649
+ /* @__PURE__ */ s(Os, { style: ne ? {} : { marginTop: 0 }, children: p }),
650
+ /* @__PURE__ */ s(Qs, { children: J.map((R) => /* @__PURE__ */ s(
651
+ nn,
652
652
  {
653
653
  ...R,
654
654
  markThatVoted: z,
655
655
  votedAfterQuestionClosed: f,
656
- enteredAnActiveQuestion: g,
656
+ enteredAnActiveQuestion: $,
657
657
  marketClosed: h
658
658
  },
659
659
  R.id
660
660
  )) })
661
661
  ] })
662
662
  ] }) }) });
663
- }, An = /* @__PURE__ */ t("div")({
663
+ }, gn = /* @__PURE__ */ t("div")({
664
664
  name: "Container",
665
665
  class: "cgn5uen",
666
666
  propsAsIs: !1
@@ -668,128 +668,150 @@ const je = /* @__PURE__ */ t("div")({
668
668
  name: "Content",
669
669
  class: "c1px8nt6",
670
670
  propsAsIs: !1
671
- }), gn = /* @__PURE__ */ t("h3")({
671
+ }), bn = /* @__PURE__ */ t("h3")({
672
672
  name: "Title",
673
673
  class: "t5et2jt",
674
674
  propsAsIs: !1
675
- }), bn = /* @__PURE__ */ t("div")({
675
+ }), yn = /* @__PURE__ */ t("div")({
676
676
  name: "Description",
677
677
  class: "d1i2kpk2",
678
678
  propsAsIs: !1
679
- }), yn = /* @__PURE__ */ t("img")({
679
+ }), Rn = /* @__PURE__ */ t("img")({
680
680
  name: "Image",
681
681
  class: "id3lh3p",
682
682
  propsAsIs: !1
683
- }), fe = ({ instantView: e, isDetail: n, notification: o }) => {
684
- const i = e == null ? void 0 : e.heading, a = e == null ? void 0 : e.body, p = i || a, c = o == null ? void 0 : o.title, l = o == null ? void 0 : o.body;
685
- return /* @__PURE__ */ r(An, { children: [
686
- (e == null ? void 0 : e.video) && /* @__PURE__ */ s(Te, { source: e.video.url, poster: e.video.thumbnailUrl }),
687
- (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(yn, { src: e == null ? void 0 : e.image }),
688
- /* @__PURE__ */ r($n, { children: [
689
- /* @__PURE__ */ s(gn, { children: n && p ? i : c }),
690
- /* @__PURE__ */ s(bn, { children: n && p ? a : l })
683
+ }), wn = /* @__PURE__ */ t("div")({
684
+ name: "ImageContainer",
685
+ class: "i1gfjeu5",
686
+ propsAsIs: !1
687
+ }), Ae = ({
688
+ imageMode: e,
689
+ instantView: n,
690
+ isDetail: i,
691
+ notification: o,
692
+ controlVideo: r
693
+ }) => {
694
+ const d = n == null ? void 0 : n.heading, p = n == null ? void 0 : n.body, a = d || p, l = o == null ? void 0 : o.title, u = o == null ? void 0 : o.body;
695
+ return /* @__PURE__ */ c(gn, { children: [
696
+ (n == null ? void 0 : n.video) && /* @__PURE__ */ s(
697
+ xe,
698
+ {
699
+ source: n.video.url,
700
+ poster: n.video.thumbnailUrl,
701
+ controlVideo: r
702
+ }
703
+ ),
704
+ (n == null ? void 0 : n.image) && !(n != null && n.video) && /* @__PURE__ */ s(wn, { "data-rounded": e === M.ROUNDED, children: /* @__PURE__ */ s(Rn, { src: n == null ? void 0 : n.image }) }),
705
+ /* @__PURE__ */ c($n, { children: [
706
+ /* @__PURE__ */ s(bn, { children: i && a ? d : l }),
707
+ /* @__PURE__ */ s(yn, { children: i && a ? p : u })
691
708
  ] })
692
709
  ] });
693
- }, Rn = /* @__PURE__ */ t("div")({
710
+ }, kn = /* @__PURE__ */ t("div")({
694
711
  name: "Container",
695
712
  class: "c1euiow",
696
713
  propsAsIs: !1
697
- }), wn = /* @__PURE__ */ t("a")({
714
+ }), Tn = /* @__PURE__ */ t("a")({
698
715
  name: "WebLinkBtn",
699
716
  class: "w19zie3h",
700
717
  propsAsIs: !1
701
- }), kn = ({ instantView: e, ...n }) => /* @__PURE__ */ r(Rn, { children: [
702
- /* @__PURE__ */ s(fe, { instantView: e, ...n, isDetail: !0 }),
703
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ r(wn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
718
+ }), xn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(kn, { children: [
719
+ /* @__PURE__ */ s(Ae, { instantView: e, ...n, isDetail: !0 }),
720
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(Tn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
704
721
  e == null ? void 0 : e.webLink.label,
705
722
  /* @__PURE__ */ s(A, { name: "icon-external-link" })
706
723
  ] })
707
- ] }), Tn = /* @__PURE__ */ t("div")({
724
+ ] }), Sn = /* @__PURE__ */ t("div")({
708
725
  name: "Container",
709
726
  class: "c1dcxmvf",
710
727
  propsAsIs: !1
711
- }), xn = /* @__PURE__ */ t("blockquote")({
728
+ }), qn = /* @__PURE__ */ t("blockquote")({
712
729
  name: "Quote",
713
730
  class: "qb4q22c",
714
731
  propsAsIs: !1
715
- }), Sn = (e) => /* @__PURE__ */ r(Tn, { children: [
716
- e.title && /* @__PURE__ */ s(xn, { children: e.title }),
732
+ }), En = (e) => /* @__PURE__ */ c(Sn, { children: [
733
+ e.title && /* @__PURE__ */ s(qn, { children: e.title }),
717
734
  /* @__PURE__ */ s(me, { ...e, isDetail: !0 })
718
- ] }), qn = /* @__PURE__ */ t("div")({
735
+ ] }), Vn = /* @__PURE__ */ t("div")({
719
736
  name: "QuestionContainer",
720
737
  class: "qdri6g3",
721
738
  propsAsIs: !1
722
- }), En = ({
739
+ }), Nn = ({
723
740
  openedQuestion: e
724
741
  }) => {
725
- var n, o;
726
- return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(kn, {
727
- ...e.attributes.attributes.value
728
- }) : ((o = e == null ? void 0 : e.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ s(Sn, {
729
- ...e.attributes.attributes.value
742
+ var n, i;
743
+ const {
744
+ sdk: o
745
+ } = he();
746
+ return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(xn, {
747
+ ...e.attributes.attributes.value,
748
+ controlVideo: o == null ? void 0 : o.controlVideoPlayer
749
+ }) : ((i = e == null ? void 0 : e.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ s(En, {
750
+ ...e.attributes.attributes.value,
751
+ controlVideo: o == null ? void 0 : o.controlVideoPlayer
730
752
  }) : null;
731
- }, Nn = ({
753
+ }, Dn = ({
732
754
  extendedQuestion: e,
733
755
  vote: n,
734
- close: o
756
+ close: i
735
757
  }) => {
736
758
  const {
737
- loading: i,
738
- data: a
759
+ loading: o,
760
+ data: r
739
761
  } = e;
740
- return a ? /* @__PURE__ */ s(fn, {
762
+ return r ? /* @__PURE__ */ s(An, {
741
763
  vote: n,
742
- close: o,
743
- openedQuestion: a,
744
- isLoading: !!i
764
+ close: i,
765
+ openedQuestion: r,
766
+ isLoading: !!o
745
767
  }) : null;
746
- }, Dn = ({
768
+ }, Ln = ({
747
769
  gamification: e
748
770
  }) => {
749
771
  var n;
750
- const o = S(e.openedQuestion.$store), i = S(e.openedQuestion.$extendedStore);
751
- if (!o)
772
+ const i = S(e.openedQuestion.$store), o = S(e.openedQuestion.$extendedStore);
773
+ if (!i)
752
774
  return null;
753
- const a = o.type;
754
- return /* @__PURE__ */ r(qn, {
755
- children: [/* @__PURE__ */ s(Ie, {
775
+ const r = i.type;
776
+ return /* @__PURE__ */ c(Vn, {
777
+ children: [/* @__PURE__ */ s(ve, {
756
778
  close: e.closeQuestion,
757
- type: ((n = o.attributes) == null ? void 0 : n.type) || m.UNSET
758
- }), a === "question" && /* @__PURE__ */ s(Nn, {
779
+ type: ((n = i.attributes) == null ? void 0 : n.type) || m.UNSET
780
+ }), r === "question" && /* @__PURE__ */ s(Dn, {
759
781
  vote: e.submitAnswer,
760
782
  close: e.closeQuestion,
761
- extendedQuestion: i
762
- }), a !== "question" && /* @__PURE__ */ s(En, {
763
- openedQuestion: o
764
- }), /* @__PURE__ */ s(bs, {
783
+ extendedQuestion: o
784
+ }), r !== "question" && /* @__PURE__ */ s(Nn, {
785
+ openedQuestion: i
786
+ }), /* @__PURE__ */ s(ys, {
765
787
  sponsorLogo: ""
766
788
  })]
767
789
  });
768
- }, Ln = /* @__PURE__ */ t("div")({
790
+ }, Pn = /* @__PURE__ */ t("div")({
769
791
  name: "Container",
770
792
  class: "c115qtkr",
771
793
  propsAsIs: !1
772
- }), Vn = /* @__PURE__ */ t("div")({
794
+ }), On = /* @__PURE__ */ t("div")({
773
795
  name: "STabs",
774
796
  class: "sxnslc8",
775
797
  propsAsIs: !1
776
- }), Pn = /* @__PURE__ */ t("button")({
798
+ }), Qn = /* @__PURE__ */ t("button")({
777
799
  name: "Button",
778
800
  class: "b1umzux0",
779
801
  propsAsIs: !1
780
- }), On = /* @__PURE__ */ t("span")({
802
+ }), Mn = /* @__PURE__ */ t("span")({
781
803
  name: "Title",
782
804
  class: "tspsaas",
783
805
  propsAsIs: !1
784
806
  });
785
807
  var Y = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(Y || {});
786
- const ae = ({ title: e, active: n, onClick: o }) => /* @__PURE__ */ s(Pn, { onClick: o, "data-selected": n, children: /* @__PURE__ */ s(On, { children: e }) }), Qn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Ln, { children: /* @__PURE__ */ r(Vn, { "data-position": e === "home" ? "left" : "right", children: [
787
- /* @__PURE__ */ s(ae, { title: "Home", active: e === "home", onClick: () => n(
808
+ const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(Qn, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(Mn, { children: e }) }), _n = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Pn, { children: /* @__PURE__ */ c(On, { "data-position": e === "home" ? "left" : "right", children: [
809
+ /* @__PURE__ */ s(re, { title: "Home", active: e === "home", onClick: () => n(
788
810
  "home"
789
811
  /* HOME */
790
812
  ) }),
791
813
  /* @__PURE__ */ s(
792
- ae,
814
+ re,
793
815
  {
794
816
  title: "Friends",
795
817
  active: e === "leaderboard",
@@ -799,76 +821,76 @@ const ae = ({ title: e, active: n, onClick: o }) => /* @__PURE__ */ s(Pn, { onCl
799
821
  )
800
822
  }
801
823
  )
802
- ] }) }), Mn = /* @__PURE__ */ t("div")({
824
+ ] }) }), jn = /* @__PURE__ */ t("div")({
803
825
  name: "Container",
804
826
  class: "c1ux29ft",
805
827
  propsAsIs: !1
806
- }), _n = /* @__PURE__ */ t("img")({
828
+ }), Un = /* @__PURE__ */ t("img")({
807
829
  name: "FriendsIcon",
808
830
  class: "f10ncfg2",
809
831
  propsAsIs: !1
810
- }), jn = /* @__PURE__ */ t("div")({
832
+ }), Bn = /* @__PURE__ */ t("div")({
811
833
  name: "Content",
812
834
  class: "c1yc07bd",
813
835
  propsAsIs: !1
814
- }), Un = /* @__PURE__ */ t("div")({
836
+ }), zn = /* @__PURE__ */ t("div")({
815
837
  name: "Title",
816
838
  class: "tj6cq7w",
817
839
  propsAsIs: !1
818
- }), Bn = /* @__PURE__ */ t("div")({
840
+ }), Fn = /* @__PURE__ */ t("div")({
819
841
  name: "Description",
820
842
  class: "d1ag78xo",
821
843
  propsAsIs: !1
822
- }), zn = () => A, Fn = /* @__PURE__ */ t(zn())({
844
+ }), Wn = () => A, Zn = /* @__PURE__ */ t(Wn())({
823
845
  name: "ArrowInviteIcon",
824
846
  class: "awohrz6",
825
847
  propsAsIs: !0
826
- }), Hn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", Wn = ({ title: e, description: n, onClick: o, className: i }) => /* @__PURE__ */ r(Mn, { onClick: o, className: i, children: [
827
- /* @__PURE__ */ s(_n, { alt: "friends-icon", src: Hn }),
828
- /* @__PURE__ */ r(jn, { children: [
829
- /* @__PURE__ */ s(Un, { children: e }),
830
- /* @__PURE__ */ s(Bn, { children: n })
848
+ }), Hn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", Yn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(jn, { onClick: i, className: o, children: [
849
+ /* @__PURE__ */ s(Un, { alt: "friends-icon", src: Hn }),
850
+ /* @__PURE__ */ c(Bn, { children: [
851
+ /* @__PURE__ */ s(zn, { children: e }),
852
+ /* @__PURE__ */ s(Fn, { children: n })
831
853
  ] }),
832
- /* @__PURE__ */ s(Fn, { name: "icon-copy" })
854
+ /* @__PURE__ */ s(Zn, { name: "icon-copy" })
833
855
  ] });
834
- function Zn(e) {
835
- var n = e.lastRenderedStartIndex, o = e.lastRenderedStopIndex, i = e.startIndex, a = e.stopIndex;
836
- return !(i > o || a < n);
856
+ function Gn(e) {
857
+ var n = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, o = e.startIndex, r = e.stopIndex;
858
+ return !(o > i || r < n);
837
859
  }
838
- function Yn(e) {
839
- for (var n = e.isItemLoaded, o = e.itemCount, i = e.minimumBatchSize, a = e.startIndex, p = e.stopIndex, c = [], l = null, d = null, u = a; u <= p; u++) {
860
+ function Jn(e) {
861
+ for (var n = e.isItemLoaded, i = e.itemCount, o = e.minimumBatchSize, r = e.startIndex, d = e.stopIndex, p = [], a = null, l = null, u = r; u <= d; u++) {
840
862
  var h = n(u);
841
- h ? d !== null && (c.push(l, d), l = d = null) : (d = u, l === null && (l = u));
863
+ h ? l !== null && (p.push(a, l), a = l = null) : (l = u, a === null && (a = u));
842
864
  }
843
- if (d !== null) {
844
- for (var C = Math.min(Math.max(d, l + i - 1), o - 1), I = d + 1; I <= C && !n(I); I++)
845
- d = I;
846
- c.push(l, d);
865
+ if (l !== null) {
866
+ for (var C = Math.min(Math.max(l, a + o - 1), i - 1), I = l + 1; I <= C && !n(I); I++)
867
+ l = I;
868
+ p.push(a, l);
847
869
  }
848
- if (c.length)
849
- for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
850
- var f = c[0] - 1;
870
+ if (p.length)
871
+ for (; p[1] - p[0] + 1 < o && p[0] > 0; ) {
872
+ var f = p[0] - 1;
851
873
  if (!n(f))
852
- c[0] = f;
874
+ p[0] = f;
853
875
  else
854
876
  break;
855
877
  }
856
- return c;
878
+ return p;
857
879
  }
858
- var Gn = function(e, n) {
880
+ var Kn = function(e, n) {
859
881
  if (!(e instanceof n))
860
882
  throw new TypeError("Cannot call a class as a function");
861
- }, Kn = /* @__PURE__ */ function() {
862
- function e(n, o) {
863
- for (var i = 0; i < o.length; i++) {
864
- var a = o[i];
865
- a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(n, a.key, a);
883
+ }, Xn = /* @__PURE__ */ function() {
884
+ function e(n, i) {
885
+ for (var o = 0; o < i.length; o++) {
886
+ var r = i[o];
887
+ r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(n, r.key, r);
866
888
  }
867
889
  }
868
- return function(n, o, i) {
869
- return o && e(n.prototype, o), i && e(n, i), n;
890
+ return function(n, i, o) {
891
+ return i && e(n.prototype, i), o && e(n, o), n;
870
892
  };
871
- }(), Xn = function(e, n) {
893
+ }(), et = function(e, n) {
872
894
  if (typeof n != "function" && n !== null)
873
895
  throw new TypeError("Super expression must either be null or a function, not " + typeof n);
874
896
  e.prototype = Object.create(n && n.prototype, {
@@ -879,30 +901,30 @@ var Gn = function(e, n) {
879
901
  configurable: !0
880
902
  }
881
903
  }), n && (Object.setPrototypeOf ? Object.setPrototypeOf(e, n) : e.__proto__ = n);
882
- }, re = function(e, n) {
904
+ }, ae = function(e, n) {
883
905
  if (!e)
884
906
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
885
907
  return n && (typeof n == "object" || typeof n == "function") ? n : e;
886
908
  };
887
909
  (function(e) {
888
- Xn(n, e);
910
+ et(n, e);
889
911
  function n() {
890
- var o, i, a, p;
891
- Gn(this, n);
892
- for (var c = arguments.length, l = Array(c), d = 0; d < c; d++)
893
- l[d] = arguments[d];
894
- return p = (i = (a = re(this, (o = n.__proto__ || Object.getPrototypeOf(n)).call.apply(o, [this].concat(l))), a), a._lastRenderedStartIndex = -1, a._lastRenderedStopIndex = -1, a._memoizedUnloadedRanges = [], a._onItemsRendered = function(u) {
912
+ var i, o, r, d;
913
+ Kn(this, n);
914
+ for (var p = arguments.length, a = Array(p), l = 0; l < p; l++)
915
+ a[l] = arguments[l];
916
+ return d = (o = (r = ae(this, (i = n.__proto__ || Object.getPrototypeOf(n)).call.apply(i, [this].concat(a))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(u) {
895
917
  var h = u.visibleStartIndex, C = u.visibleStopIndex;
896
- a._lastRenderedStartIndex = h, a._lastRenderedStopIndex = C, a._ensureRowsLoaded(h, C);
897
- }, a._setRef = function(u) {
898
- a._listRef = u;
899
- }, i), re(a, p);
918
+ r._lastRenderedStartIndex = h, r._lastRenderedStopIndex = C, r._ensureRowsLoaded(h, C);
919
+ }, r._setRef = function(u) {
920
+ r._listRef = u;
921
+ }, o), ae(r, d);
900
922
  }
901
- return Kn(n, [{
923
+ return Xn(n, [{
902
924
  key: "resetloadMoreItemsCache",
903
925
  value: function() {
904
- var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
905
- this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
926
+ var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
927
+ this._memoizedUnloadedRanges = [], o && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
906
928
  }
907
929
  }, {
908
930
  key: "componentDidMount",
@@ -911,21 +933,21 @@ var Gn = function(e, n) {
911
933
  }, {
912
934
  key: "render",
913
935
  value: function() {
914
- var i = this.props.children;
915
- return i({
936
+ var o = this.props.children;
937
+ return o({
916
938
  onItemsRendered: this._onItemsRendered,
917
939
  ref: this._setRef
918
940
  });
919
941
  }
920
942
  }, {
921
943
  key: "_ensureRowsLoaded",
922
- value: function(i, a) {
923
- var p = this.props, c = p.isItemLoaded, l = p.itemCount, d = p.minimumBatchSize, u = d === void 0 ? 10 : d, h = p.threshold, C = h === void 0 ? 15 : h, I = Yn({
924
- isItemLoaded: c,
925
- itemCount: l,
944
+ value: function(o, r) {
945
+ var d = this.props, p = d.isItemLoaded, a = d.itemCount, l = d.minimumBatchSize, u = l === void 0 ? 10 : l, h = d.threshold, C = h === void 0 ? 15 : h, I = Jn({
946
+ isItemLoaded: p,
947
+ itemCount: a,
926
948
  minimumBatchSize: u,
927
- startIndex: Math.max(0, i - C),
928
- stopIndex: Math.min(l - 1, a + C)
949
+ startIndex: Math.max(0, o - C),
950
+ stopIndex: Math.min(a - 1, r + C)
929
951
  });
930
952
  (this._memoizedUnloadedRanges.length !== I.length || this._memoizedUnloadedRanges.some(function(f, k) {
931
953
  return I[k] !== f;
@@ -933,102 +955,102 @@ var Gn = function(e, n) {
933
955
  }
934
956
  }, {
935
957
  key: "_loadUnloadedRanges",
936
- value: function(i) {
937
- for (var a = this, p = this.props.loadMoreItems || this.props.loadMoreRows, c = function(u) {
938
- var h = i[u], C = i[u + 1], I = p(h, C);
958
+ value: function(o) {
959
+ for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(u) {
960
+ var h = o[u], C = o[u + 1], I = d(h, C);
939
961
  I != null && I.then(function() {
940
- if (Zn({
941
- lastRenderedStartIndex: a._lastRenderedStartIndex,
942
- lastRenderedStopIndex: a._lastRenderedStopIndex,
962
+ if (Gn({
963
+ lastRenderedStartIndex: r._lastRenderedStartIndex,
964
+ lastRenderedStopIndex: r._lastRenderedStopIndex,
943
965
  startIndex: h,
944
966
  stopIndex: C
945
967
  })) {
946
- if (a._listRef == null)
968
+ if (r._listRef == null)
947
969
  return;
948
- typeof a._listRef.resetAfterIndex == "function" ? a._listRef.resetAfterIndex(h, !0) : (typeof a._listRef._getItemStyleCache == "function" && a._listRef._getItemStyleCache(-1), a._listRef.forceUpdate());
970
+ typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(h, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
949
971
  }
950
972
  });
951
- }, l = 0; l < i.length; l += 2)
952
- c(l);
973
+ }, a = 0; a < o.length; a += 2)
974
+ p(a);
953
975
  }
954
976
  }]), n;
955
- })(Re);
956
- const Jn = /* @__PURE__ */ t("div")({
977
+ })(we);
978
+ const st = /* @__PURE__ */ t("div")({
957
979
  name: "Container",
958
980
  class: "culdu4a",
959
981
  propsAsIs: !1
960
- }), et = /* @__PURE__ */ t("div")({
982
+ }), nt = /* @__PURE__ */ t("div")({
961
983
  name: "Position",
962
984
  class: "pwf8e69",
963
985
  propsAsIs: !1
964
- }), st = /* @__PURE__ */ t("img")({
986
+ }), tt = /* @__PURE__ */ t("img")({
965
987
  name: "Avatar",
966
988
  class: "atf4yh4",
967
989
  propsAsIs: !1
968
- }), nt = /* @__PURE__ */ t("div")({
990
+ }), ot = /* @__PURE__ */ t("div")({
969
991
  name: "AvatarPlaceholder",
970
992
  class: "a1dg29ja",
971
993
  propsAsIs: !1
972
- }), tt = /* @__PURE__ */ t("div")({
994
+ }), it = /* @__PURE__ */ t("div")({
973
995
  name: "Content",
974
996
  class: "c10a68rc",
975
997
  propsAsIs: !1
976
- }), ot = /* @__PURE__ */ t("div")({
998
+ }), rt = /* @__PURE__ */ t("div")({
977
999
  name: "NameContainer",
978
1000
  class: "nc4kck5",
979
1001
  propsAsIs: !1
980
- }), it = /* @__PURE__ */ t("span")({
1002
+ }), at = /* @__PURE__ */ t("span")({
981
1003
  name: "Name",
982
1004
  class: "njsrqgr",
983
1005
  propsAsIs: !1
984
- }), at = () => A, rt = /* @__PURE__ */ t(at())({
1006
+ }), lt = () => A, ct = /* @__PURE__ */ t(lt())({
985
1007
  name: "CurrentUserBadge",
986
1008
  class: "c17uc4zr",
987
1009
  propsAsIs: !0
988
- }), lt = ({
1010
+ }), dt = ({
989
1011
  rank: e,
990
1012
  avatar: n,
991
- name: o,
992
- points: i,
993
- isCurrentUser: a,
994
- openItemDetail: p,
995
- style: c
996
- }) => /* @__PURE__ */ r(Jn, { onClick: p, style: c, children: [
997
- /* @__PURE__ */ s(et, { children: e || 0 }),
998
- /* @__PURE__ */ r(tt, { children: [
999
- n ? /* @__PURE__ */ s(st, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(nt, { children: pe(o || "") }),
1000
- /* @__PURE__ */ r(ot, { children: [
1001
- /* @__PURE__ */ s(it, { children: o || "" }),
1002
- a && /* @__PURE__ */ s(rt, { name: "icon-star" })
1013
+ name: i,
1014
+ points: o,
1015
+ isCurrentUser: r,
1016
+ openItemDetail: d,
1017
+ style: p
1018
+ }) => /* @__PURE__ */ c(st, { onClick: d, style: p, children: [
1019
+ /* @__PURE__ */ s(nt, { children: e || 0 }),
1020
+ /* @__PURE__ */ c(it, { children: [
1021
+ n ? /* @__PURE__ */ s(tt, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ot, { children: pe(i || "") }),
1022
+ /* @__PURE__ */ c(rt, { children: [
1023
+ /* @__PURE__ */ s(at, { children: i || "" }),
1024
+ r && /* @__PURE__ */ s(ct, { name: "icon-star" })
1003
1025
  ] })
1004
1026
  ] }),
1005
- /* @__PURE__ */ s("div", { children: ue(i) })
1006
- ] }), ct = /* @__PURE__ */ t("div")({
1027
+ /* @__PURE__ */ s("div", { children: ue(o) })
1028
+ ] }), pt = /* @__PURE__ */ t("div")({
1007
1029
  name: "Container",
1008
1030
  class: "c16btbfp",
1009
1031
  propsAsIs: !1
1010
- }), dt = ({
1032
+ }), ut = ({
1011
1033
  items: e,
1012
1034
  currentUserId: n,
1013
- openItemDetail: o,
1014
- fetchMore: i,
1015
- scrollNode: a,
1016
- hasMore: p
1017
- }) => /* @__PURE__ */ s(_e, {
1018
- loadMore: i,
1035
+ openItemDetail: i,
1036
+ fetchMore: o,
1037
+ scrollNode: r,
1038
+ hasMore: d
1039
+ }) => /* @__PURE__ */ s(je, {
1040
+ loadMore: o,
1019
1041
  initialLoad: !1,
1020
- hasMore: p,
1042
+ hasMore: d,
1021
1043
  useWindow: !1,
1022
- getScrollParent: () => a.current,
1023
- children: /* @__PURE__ */ s(ct, {
1024
- children: e.map((c) => /* @__PURE__ */ s(lt, {
1025
- ...c,
1026
- openItemDetail: () => o(c.userId),
1027
- isCurrentUser: !!n && n === c.userId
1028
- }, c.userId))
1044
+ getScrollParent: () => r.current,
1045
+ children: /* @__PURE__ */ s(pt, {
1046
+ children: e.map((p) => /* @__PURE__ */ s(dt, {
1047
+ ...p,
1048
+ openItemDetail: () => i(p.userId),
1049
+ isCurrentUser: !!n && n === p.userId
1050
+ }, p.userId))
1029
1051
  })
1030
- }), pt = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
1031
- xe,
1052
+ }), mt = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
1053
+ Se,
1032
1054
  {
1033
1055
  renderToNode: e,
1034
1056
  inviteLink: n,
@@ -1047,293 +1069,295 @@ const Jn = /* @__PURE__ */ t("div")({
1047
1069
  inviteCardTitle: "It’s More Fun With Friends",
1048
1070
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1049
1071
  }
1050
- ), ut = /* @__PURE__ */ t("div")({
1072
+ ), ht = /* @__PURE__ */ t("div")({
1051
1073
  name: "InviteLinkContainer",
1052
1074
  class: "i1chxfpe",
1053
1075
  propsAsIs: !1
1054
- }), mt = ({
1076
+ }), It = ({
1055
1077
  gamification: e,
1056
1078
  scrollNode: n,
1057
- scrollStore: o,
1058
- renderClipBoardNode: i
1079
+ scrollStore: i,
1080
+ renderClipBoardNode: o
1059
1081
  }) => {
1060
1082
  const {
1061
- data: a,
1062
- hasMore: p,
1063
- loading: c,
1064
- key: l
1083
+ data: r,
1084
+ hasMore: d,
1085
+ loading: p,
1086
+ key: a
1065
1087
  } = S(e.leaderboardList.$store), {
1066
- data: d
1067
- } = S(e.deepLink.$store), [u, h] = Se(i);
1068
- return !a.length && !c ? /* @__PURE__ */ s(pt, {
1069
- renderClipBoardNode: i,
1070
- deepLink: d
1071
- }) : /* @__PURE__ */ r(x, {
1072
- children: [/* @__PURE__ */ s(dt, {
1073
- items: a,
1088
+ data: l
1089
+ } = S(e.deepLink.$store), [u, h] = qe(o);
1090
+ return !r.length && !p ? /* @__PURE__ */ s(mt, {
1091
+ renderClipBoardNode: o,
1092
+ deepLink: l
1093
+ }) : /* @__PURE__ */ c(x, {
1094
+ children: [/* @__PURE__ */ s(ut, {
1095
+ items: r,
1074
1096
  scrollNode: n,
1075
- scrollStore: o,
1097
+ scrollStore: i,
1076
1098
  fetchMore: e.leaderboardList.fetchMore,
1077
- hasMore: p,
1099
+ hasMore: d,
1078
1100
  openItemDetail: e.openUser,
1079
1101
  currentUserId: e.currentUserId.get()
1080
- }, l), d && /* @__PURE__ */ s(ut, {
1081
- children: /* @__PURE__ */ s(Wn, {
1082
- onClick: () => u(d),
1102
+ }, a), l && /* @__PURE__ */ s(ht, {
1103
+ children: /* @__PURE__ */ s(Yn, {
1104
+ onClick: () => u(l),
1083
1105
  title: "Invite Friends",
1084
1106
  description: "Challenge them now!"
1085
1107
  })
1086
1108
  }), h]
1087
1109
  });
1088
- }, ht = /* @__PURE__ */ t("div")({
1110
+ }, vt = /* @__PURE__ */ t("div")({
1089
1111
  name: "QuestionItem",
1090
1112
  class: "q1w97g3p",
1091
1113
  propsAsIs: !1
1092
- }), It = /* @__PURE__ */ t("div")({
1114
+ }), Ct = /* @__PURE__ */ t("div")({
1093
1115
  name: "QuestionCaption",
1094
1116
  class: "q2sl39u",
1095
1117
  propsAsIs: !1
1096
- }), vt = /* @__PURE__ */ t("div")({
1118
+ }), ft = /* @__PURE__ */ t("div")({
1097
1119
  name: "QuestionBody",
1098
1120
  class: "qd5h0uc",
1099
1121
  propsAsIs: !1
1100
- }), Ct = /* @__PURE__ */ t("div")({
1122
+ }), At = /* @__PURE__ */ t("div")({
1101
1123
  name: "QuestionAction",
1102
1124
  class: "q105uluy",
1103
1125
  propsAsIs: !1
1104
- }), ft = () => A, Z = /* @__PURE__ */ t(ft())({
1126
+ }), gt = () => A, H = /* @__PURE__ */ t(gt())({
1105
1127
  name: "QuestionActionIcon",
1106
1128
  class: "q1fa0b9h",
1107
1129
  propsAsIs: !0
1108
- }), At = () => A, $t = /* @__PURE__ */ t(At())({
1130
+ }), $t = () => A, bt = /* @__PURE__ */ t($t())({
1109
1131
  name: "QuestionTypeIcon",
1110
1132
  class: "qxlt78s",
1111
1133
  propsAsIs: !0
1112
- }), gt = /* @__PURE__ */ t("div")({
1134
+ }), yt = /* @__PURE__ */ t("div")({
1113
1135
  name: "QuestionTypeLabel",
1114
1136
  class: "qmg0vkx",
1115
1137
  propsAsIs: !1
1116
- }), bt = /* @__PURE__ */ t("div")({
1138
+ }), Rt = /* @__PURE__ */ t("div")({
1117
1139
  name: "QuestionContent",
1118
1140
  class: "q1uz5j1g",
1119
1141
  propsAsIs: !1
1120
- }), yt = /* @__PURE__ */ t("button")({
1142
+ }), wt = /* @__PURE__ */ t("button")({
1121
1143
  name: "PlayButton",
1122
1144
  class: "p1pba9p1",
1123
1145
  propsAsIs: !1
1124
- }), Rt = {
1125
- [F.LOST]: /* @__PURE__ */ s(Z, { name: "incorrectVoted" }),
1126
- [F.WON]: /* @__PURE__ */ s(Z, { name: "icon-check" }),
1127
- [F.UNSET]: /* @__PURE__ */ s(Z, { name: "icon-arrow" }),
1128
- [F.DNP]: /* @__PURE__ */ s(Z, { name: "icon-arrow" })
1129
- }, wt = ({
1146
+ }), kt = {
1147
+ [F.LOST]: /* @__PURE__ */ s(H, { name: "incorrectVoted" }),
1148
+ [F.WON]: /* @__PURE__ */ s(H, { name: "icon-check" }),
1149
+ [F.UNSET]: /* @__PURE__ */ s(H, { name: "icon-arrow" }),
1150
+ [F.DNP]: /* @__PURE__ */ s(H, { name: "icon-arrow" })
1151
+ }, Tt = ({
1130
1152
  questionId: e,
1131
1153
  questionType: n,
1132
- questionStatus: o,
1133
- subject: i,
1134
- openForVoting: a,
1135
- openQuestion: p,
1136
- status: c
1154
+ questionStatus: i,
1155
+ subject: o,
1156
+ openForVoting: r,
1157
+ openQuestion: d,
1158
+ status: p
1137
1159
  }) => {
1138
- const l = de[n], d = Rt[c];
1139
- return l ? /* @__PURE__ */ r(ht, { onClick: () => p == null ? void 0 : p(e), children: [
1140
- /* @__PURE__ */ r(bt, { children: [
1141
- /* @__PURE__ */ r(It, { children: [
1160
+ const a = de[n], l = kt[p];
1161
+ return a ? /* @__PURE__ */ c(vt, { onClick: () => d == null ? void 0 : d(e), children: [
1162
+ /* @__PURE__ */ c(Rt, { children: [
1163
+ /* @__PURE__ */ c(Ct, { children: [
1142
1164
  /* @__PURE__ */ s(
1143
- $t,
1165
+ bt,
1144
1166
  {
1145
1167
  "data-type-trivia": n === m.TRIVIA,
1146
1168
  "data-type-poll": n === m.POLL,
1147
- name: l.iconName
1169
+ name: a.iconName
1148
1170
  }
1149
1171
  ),
1150
- /* @__PURE__ */ r(gt, { children: [
1151
- l.label,
1152
- n === m.TRIVIA && o === D.RESOLVED && " • Expired"
1172
+ /* @__PURE__ */ c(yt, { children: [
1173
+ a.label,
1174
+ n === m.TRIVIA && i === N.RESOLVED && " • Expired"
1153
1175
  ] })
1154
1176
  ] }),
1155
- /* @__PURE__ */ s(vt, { children: i || "" })
1177
+ /* @__PURE__ */ s(ft, { children: o || "" })
1156
1178
  ] }),
1157
- /* @__PURE__ */ s(Ct, { children: a ? /* @__PURE__ */ s(yt, { children: "Play" }) : d })
1179
+ /* @__PURE__ */ s(At, { children: r ? /* @__PURE__ */ s(wt, { children: "Play" }) : l })
1158
1180
  ] }) : null;
1159
- }, kt = /* @__PURE__ */ t("div")({
1181
+ }, xt = /* @__PURE__ */ t("div")({
1160
1182
  name: "Container",
1161
1183
  class: "cll3md7",
1162
1184
  propsAsIs: !1
1163
- }), Tt = /* @__PURE__ */ t("button")({
1185
+ }), St = /* @__PURE__ */ t("button")({
1164
1186
  name: "ActionBtn",
1165
1187
  class: "a10g1iik",
1166
1188
  propsAsIs: !1
1167
- }), xt = ({
1168
- openInsight: e,
1169
- questionId: n,
1170
- ...o
1171
- }) => /* @__PURE__ */ r(kt, { children: [
1172
- /* @__PURE__ */ s(fe, { questionId: n, ...o }),
1173
- e && /* @__PURE__ */ s(Tt, { onClick: () => e(n), children: "View Insight" })
1174
- ] }), St = /* @__PURE__ */ t("div")({
1189
+ }), qt = ({ openInsight: e, questionId: n, ...i }) => /* @__PURE__ */ c(xt, { children: [
1190
+ /* @__PURE__ */ s(Ae, { questionId: n, ...i }),
1191
+ e && /* @__PURE__ */ s(St, { onClick: () => e(n), children: "View Insight" })
1192
+ ] }), Et = /* @__PURE__ */ t("div")({
1175
1193
  name: "Container",
1176
1194
  class: "cl56x6b",
1177
1195
  propsAsIs: !1
1178
- }), qt = () => qe, Et = /* @__PURE__ */ t(qt())({
1196
+ }), Vt = () => Ee, Nt = /* @__PURE__ */ t(Vt())({
1179
1197
  name: "ActionButton",
1180
1198
  class: "a11pzf92",
1181
1199
  propsAsIs: !0
1182
- }), Nt = /* @__PURE__ */ t("blockquote")({
1200
+ }), Dt = /* @__PURE__ */ t("blockquote")({
1183
1201
  name: "Quote",
1184
1202
  class: "q1hbaleq",
1185
1203
  propsAsIs: !1
1186
- }), Dt = ({
1187
- openTweet: e,
1188
- ...n
1189
- }) => /* @__PURE__ */ r(St, { children: [
1190
- n.title && /* @__PURE__ */ s(Nt, { children: n.title }),
1204
+ }), Lt = ({ openTweet: e, ...n }) => /* @__PURE__ */ c(Et, { children: [
1205
+ n.title && /* @__PURE__ */ s(Dt, { children: n.title }),
1191
1206
  /* @__PURE__ */ s(me, { ...n }),
1192
- e && /* @__PURE__ */ s(Et, { onClick: () => e(n.tweetId), children: "View Insight" })
1193
- ] }), Lt = /* @__PURE__ */ t("div")({
1207
+ e && /* @__PURE__ */ s(Nt, { onClick: () => e(n.tweetId), children: "View Insight" })
1208
+ ] }), Pt = /* @__PURE__ */ t("div")({
1194
1209
  name: "QuestionsContainer",
1195
1210
  class: "qvghv3l",
1196
1211
  propsAsIs: !1
1197
- }), Vt = ({ questions: e, openQuestion: n }) => /* @__PURE__ */ s(Lt, { children: e == null ? void 0 : e.map((o) => {
1198
- var i, a, p;
1199
- if (o.type === "question" && ((i = o.attributes) == null ? void 0 : i.attributes.case) === "question") {
1200
- const c = o.attributes.attributes.value;
1201
- return /* @__PURE__ */ s(wt, { openQuestion: n, ...c }, c.questionId);
1212
+ }), Ot = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Pt, { children: e == null ? void 0 : e.map((o) => {
1213
+ var r, d, p;
1214
+ if (o.type === "question" && ((r = o.attributes) == null ? void 0 : r.attributes.case) === "question") {
1215
+ const a = o.attributes.attributes.value;
1216
+ return /* @__PURE__ */ s(Tt, { openQuestion: n, ...a }, a.questionId);
1202
1217
  }
1203
- if (o.type === "insight" && ((a = o.attributes) == null ? void 0 : a.attributes.case) === "insight") {
1204
- const c = o.attributes.attributes.value;
1205
- return /* @__PURE__ */ s(xt, { openInsight: n, ...c }, c.questionId);
1218
+ if (o.type === "insight" && ((d = o.attributes) == null ? void 0 : d.attributes.case) === "insight") {
1219
+ const a = o.attributes.attributes.value;
1220
+ return /* @__PURE__ */ s(qt, { openInsight: n, controlVideo: i, ...a }, a.questionId);
1206
1221
  }
1207
1222
  if (o.type === "tweet" && ((p = o.attributes) == null ? void 0 : p.attributes.case) === "tweet") {
1208
- const c = o.attributes.attributes.value, l = o.attributes.id;
1209
- return /* @__PURE__ */ s(Dt, { openTweet: n, ...c, tweetId: l }, l);
1223
+ const a = o.attributes.attributes.value, l = o.attributes.id;
1224
+ return /* @__PURE__ */ s(
1225
+ Lt,
1226
+ {
1227
+ openTweet: n,
1228
+ controlVideo: i,
1229
+ ...a,
1230
+ tweetId: l
1231
+ },
1232
+ l
1233
+ );
1210
1234
  }
1211
1235
  return null;
1212
- }) }), Pt = ({ store: e, openQuestion: n }) => {
1213
- const o = S(e);
1214
- return o != null && o.data ? /* @__PURE__ */ s(Vt, { openQuestion: n, questions: o.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1215
- }, Ot = ({ userSummary: e }) => {
1236
+ }) }), Qt = ({ store: e, openQuestion: n }) => {
1237
+ const { sdk: i } = he(), o = S(e);
1238
+ return o != null && o.data ? /* @__PURE__ */ s(Ot, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1239
+ }, Mt = ({ userSummary: e }) => {
1216
1240
  var n;
1217
- const [o, i] = E(void 0);
1241
+ const [i, o] = E(void 0);
1218
1242
  return ee(() => {
1219
- const a = e.subscribe((p) => {
1220
- p != null && p.data && i(p.data);
1243
+ const r = e.subscribe((d) => {
1244
+ d != null && d.data && o(d.data);
1221
1245
  });
1222
1246
  return () => {
1223
- a();
1247
+ r();
1224
1248
  };
1225
- }, [e]), o != null && o.summary ? /* @__PURE__ */ s(ve, { ...o.summary, successRate: (n = o.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1226
- }, Qt = ({ gamification: e, className: n, scrollStore: o, scrollNode: i, appNode: a, style: p, responsiveStore: c, headerNode: l }) => {
1227
- const { tabsShown: d } = S(o, { keys: ["tabsShown"] }), [u, h] = E(Y.HOME), [, C] = we(), { sdkInDesktopView: I } = S(c, { keys: ["sdkInDesktopView"] }), f = (w) => {
1249
+ }, [e]), i != null && i.summary ? /* @__PURE__ */ s(Ce, { ...i.summary, successRate: (n = i.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1250
+ }, _t = ({ gamification: e, className: n, scrollStore: i, scrollNode: o, appNode: r, style: d, responsiveStore: p, headerNode: a }) => {
1251
+ const { tabsShown: l } = S(i, { keys: ["tabsShown"] }), [u, h] = E(Y.HOME), [, C] = ke(), { sdkInDesktopView: I } = S(p, { keys: ["sdkInDesktopView"] }), f = (w) => {
1228
1252
  C(() => {
1229
1253
  var b;
1230
- h(w), I === !1 && (((b = a.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Pe(a, { behavior: "instant" });
1254
+ h(w), I === !1 && (((b = r.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Oe(r, { behavior: "instant" });
1231
1255
  });
1232
1256
  };
1233
- ee(() => o.listen((w) => {
1257
+ ee(() => i.listen((w) => {
1234
1258
  if (w.scrollPosition === 0) {
1235
- o.setKey("tabsShown", !0);
1259
+ i.setKey("tabsShown", !0);
1236
1260
  return;
1237
1261
  }
1238
- c.get().sdkInDesktopView ? o.setKey("tabsShown", w.scrollDirection === "backward") : o.setKey("tabsShown", w.scrollDirection === "forward");
1239
- }), [o, c]);
1262
+ p.get().sdkInDesktopView ? i.setKey("tabsShown", w.scrollDirection === "backward") : i.setKey("tabsShown", w.scrollDirection === "forward");
1263
+ }), [i, p]);
1240
1264
  let k = "0px";
1241
- I ? k = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : k = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
1242
- const g = I ? a : l;
1243
- return /* @__PURE__ */ r(Ee, { className: n, style: p, children: [
1265
+ I ? k = l ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : k = l ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
1266
+ const $ = I ? r : a;
1267
+ return /* @__PURE__ */ c(Ve, { className: n, style: d, children: [
1244
1268
  /* @__PURE__ */ s(
1245
1269
  Ne,
1246
1270
  {
1247
1271
  style: {
1248
1272
  top: k
1249
1273
  },
1250
- children: /* @__PURE__ */ s(Qn, { activePage: u, toggleActivePage: f })
1274
+ children: /* @__PURE__ */ s(_n, { activePage: u, toggleActivePage: f })
1251
1275
  }
1252
1276
  ),
1253
- u === Y.HOME && /* @__PURE__ */ r(x, { children: [
1254
- /* @__PURE__ */ s(he, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s(Ot, { userSummary: e.userSummary }) }) }),
1255
- /* @__PURE__ */ s(Le, { style: { flex: 1 }, children: /* @__PURE__ */ s(Pt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1277
+ u === Y.HOME && /* @__PURE__ */ c(x, { children: [
1278
+ /* @__PURE__ */ s(Ie, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s(Mt, { userSummary: e.userSummary }) }) }),
1279
+ /* @__PURE__ */ s(Le, { style: { flex: 1 }, children: /* @__PURE__ */ s(Qt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1256
1280
  ] }),
1257
- u === Y.LEADERBOARD && /* @__PURE__ */ s(Ve, { children: /* @__PURE__ */ s(
1258
- mt,
1281
+ u === Y.LEADERBOARD && /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ s(
1282
+ It,
1259
1283
  {
1260
- renderClipBoardNode: g,
1261
- scrollStore: o,
1262
- scrollNode: i,
1284
+ renderClipBoardNode: $,
1285
+ scrollStore: i,
1286
+ scrollNode: o,
1263
1287
  gamification: e
1264
1288
  }
1265
1289
  ) })
1266
1290
  ] });
1267
- }, Mt = () => Qe, le = /* @__PURE__ */ t(Mt())({
1291
+ }, jt = () => Me, le = /* @__PURE__ */ t(jt())({
1268
1292
  name: "OpenedContainer",
1269
1293
  class: "oar61gl",
1270
1294
  propsAsIs: !0
1271
- }), _t = /* @__PURE__ */ t("div")({
1295
+ }), Ut = /* @__PURE__ */ t("div")({
1272
1296
  name: "UserContainer",
1273
1297
  class: "u14zaal4",
1274
1298
  propsAsIs: !1
1275
- }), jt = ({
1299
+ }), Bt = ({
1276
1300
  correct: e,
1277
1301
  incorrect: n
1278
1302
  }) => {
1279
- const o = e + n;
1280
- return o === 0 ? 0 : Math.round(e / o * 100);
1281
- }, to = ({
1303
+ const i = e + n;
1304
+ return i === 0 ? 0 : Math.round(e / i * 100);
1305
+ }, io = ({
1282
1306
  gamification: e,
1283
1307
  scrollStore: n,
1284
- className: o,
1285
- appNode: i,
1286
- scrollNode: a,
1287
- headerNode: p,
1288
- responsiveStore: c
1308
+ className: i,
1309
+ appNode: o,
1310
+ scrollNode: r,
1311
+ headerNode: d,
1312
+ responsiveStore: p
1289
1313
  }) => {
1290
- const l = S(e.openedQuestion.$store), d = S(e.openedUser), {
1314
+ const a = S(e.openedQuestion.$store), l = S(e.openedUser), {
1291
1315
  sdkInDesktopView: u
1292
- } = S(c, {
1316
+ } = S(p, {
1293
1317
  keys: ["sdkInDesktopView"]
1294
- }), h = N(() => {
1318
+ }), h = V(() => {
1295
1319
  var C;
1296
- const I = (((C = i.current) == null ? void 0 : C.getBoundingClientRect().y) || 0) < 0;
1297
- if (!i.current || !l && !d)
1320
+ const I = (((C = o.current) == null ? void 0 : C.getBoundingClientRect().y) || 0) < 0;
1321
+ if (!o.current || !a && !l)
1298
1322
  return null;
1299
- const f = l ? /* @__PURE__ */ s(le, {
1300
- className: o,
1301
- children: /* @__PURE__ */ s(Dn, {
1323
+ const f = a ? /* @__PURE__ */ s(le, {
1324
+ className: i,
1325
+ children: /* @__PURE__ */ s(Ln, {
1302
1326
  gamification: e
1303
1327
  })
1304
- }) : d ? /* @__PURE__ */ s(le, {
1305
- className: o,
1306
- children: /* @__PURE__ */ r(_t, {
1307
- children: [/* @__PURE__ */ s(Ie, {
1328
+ }) : l ? /* @__PURE__ */ s(le, {
1329
+ className: i,
1330
+ children: /* @__PURE__ */ c(Ut, {
1331
+ children: [/* @__PURE__ */ s(ve, {
1308
1332
  label: "Friend's Rank",
1309
1333
  close: e.closeUser
1310
- }), /* @__PURE__ */ s(he, {
1311
- children: /* @__PURE__ */ s(ve, {
1312
- ...d,
1313
- successRate: jt(d)
1334
+ }), /* @__PURE__ */ s(Ie, {
1335
+ children: /* @__PURE__ */ s(Ce, {
1336
+ ...l,
1337
+ successRate: Bt(l)
1314
1338
  })
1315
1339
  })]
1316
1340
  })
1317
1341
  }) : null;
1318
- return Oe({
1319
- Modal: f,
1320
- container: i,
1342
+ return /* @__PURE__ */ s(Qe, {
1343
+ container: o,
1321
1344
  useContainer: !u,
1322
- fixedView: I
1345
+ fixedView: I,
1346
+ children: f
1323
1347
  });
1324
- }, [i, o, e, l, d, u]);
1325
- return /* @__PURE__ */ r(x, {
1326
- children: [h, /* @__PURE__ */ s(Qt, {
1327
- appNode: i,
1328
- headerNode: p,
1348
+ }, [o, i, e, a, l, u]);
1349
+ return /* @__PURE__ */ c(x, {
1350
+ children: [h, /* @__PURE__ */ s(_t, {
1351
+ appNode: o,
1352
+ headerNode: d,
1329
1353
  scrollStore: n,
1330
- scrollNode: a,
1331
- className: o,
1354
+ scrollNode: r,
1355
+ className: i,
1332
1356
  gamification: e,
1333
- responsiveStore: c
1357
+ responsiveStore: p
1334
1358
  })]
1335
1359
  });
1336
1360
  };
1337
1361
  export {
1338
- to as default
1362
+ io as default
1339
1363
  };