@streamlayer/react 0.40.0 → 0.40.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/lib/app/useStreamLayerApp.d.ts +9 -1
  2. package/lib/cjs/gamification-feature.js +1 -1
  3. package/lib/cjs/index2.js +9 -9
  4. package/lib/cjs/masters2.js +32 -32
  5. package/lib/cjs/useStreamLayerApp.js +1 -1
  6. package/lib/dist/cjs/gamification-feature.js +1 -1
  7. package/lib/dist/cjs/masters.js +58 -58
  8. package/lib/dist/es/gamification-feature.js +577 -562
  9. package/lib/dist/es/masters.js +9448 -9390
  10. package/lib/dist/index.d.ts +22 -5
  11. package/lib/dist/style.css +1 -1
  12. package/lib/es/gamification-feature.js +350 -335
  13. package/lib/es/index2.js +48 -35
  14. package/lib/es/masters2.js +2308 -2290
  15. package/lib/es/useStreamLayerApp.js +18 -9
  16. package/lib/style.css +1 -1
  17. package/package.json +7 -7
package/lib/es/gamification-feature.js CHANGED
@@ -1,157 +1,157 @@
1
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 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 j, PickHistoryStatus as F } from "@streamlayer/sdk-web-types";
4
+ import { useState as E, useLayoutEffect as we, useCallback as B, useEffect as ee, useMemo as V, PureComponent as ke, useTransition as Te } from "react";
5
+ import { o as de, I as pe, s as ue, c as xe, z as Se, J as me, n as he, F as qe, h as Ee, k as Ie, a as Ve, p as Ne, C as De, b as ve, m as Le, d as Pe, l as Oe, e as Qe, V as Me, f as _e } 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 _e } from "react-countdown-circle-timer";
8
+ import { CountdownCircleTimer as je } from "react-countdown-circle-timer";
9
9
  import { E as D } from "./index2.js";
10
- import je from "react-infinite-scroller";
10
+ import Ue 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 Ue = /* @__PURE__ */ t("div")({
16
+ const Be = /* @__PURE__ */ t("div")({
17
17
  name: "Container",
18
18
  class: "c1vwopgc",
19
19
  propsAsIs: !1
20
- }), Be = /* @__PURE__ */ t("div")({
20
+ }), ze = /* @__PURE__ */ t("div")({
21
21
  name: "QuestionTypeWrap",
22
22
  class: "qyktpt0",
23
23
  propsAsIs: !1
24
- }), ze = () => A, Fe = /* @__PURE__ */ t(ze())({
24
+ }), Fe = () => A, We = /* @__PURE__ */ t(Fe())({
25
25
  name: "QuestionTypeIcon",
26
26
  class: "q951jdx",
27
27
  propsAsIs: !0
28
- }), We = /* @__PURE__ */ t("span")({
28
+ }), Ze = /* @__PURE__ */ t("span")({
29
29
  name: "QuestionTypeTitle",
30
30
  class: "qss5f0e",
31
31
  propsAsIs: !1
32
- }), Ze = /* @__PURE__ */ t("div")({
32
+ }), He = /* @__PURE__ */ t("div")({
33
33
  name: "CloseIconWrap",
34
34
  class: "c1ao1jtv",
35
35
  propsAsIs: !1
36
- }), He = () => A, Ye = /* @__PURE__ */ t(He())({
36
+ }), Ye = () => A, Ge = /* @__PURE__ */ t(Ye())({
37
37
  name: "CloseIcon",
38
38
  class: "cvsl7l3",
39
39
  propsAsIs: !0
40
- }), ve = ({ type: e, close: n, label: i }) => {
40
+ }), Ce = ({ type: e, close: n, label: i }) => {
41
41
  const o = e ? de[e] : { label: i, iconName: void 0 };
42
- return /* @__PURE__ */ c(Ue, { children: [
43
- /* @__PURE__ */ c(Be, { children: [
42
+ return /* @__PURE__ */ c(Be, { children: [
43
+ /* @__PURE__ */ c(ze, { children: [
44
44
  (o == null ? void 0 : o.iconName) && /* @__PURE__ */ s(
45
- Fe,
45
+ We,
46
46
  {
47
47
  "data-type-trivia": e === m.TRIVIA,
48
48
  "data-type-poll": e === m.POLL,
49
49
  name: o.iconName
50
50
  }
51
51
  ),
52
- (o == null ? void 0 : o.label) && /* @__PURE__ */ s(We, { children: o.label })
52
+ (o == null ? void 0 : o.label) && /* @__PURE__ */ s(Ze, { children: o.label })
53
53
  ] }),
54
- /* @__PURE__ */ s(Ze, { onClick: n, children: /* @__PURE__ */ s(Ye, { name: "icon-cross" }) })
54
+ /* @__PURE__ */ s(He, { onClick: n, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
55
55
  ] });
56
- }, Ge = /* @__PURE__ */ t("div")({
56
+ }, Je = /* @__PURE__ */ t("div")({
57
57
  name: "Container",
58
58
  class: "c1zy8a",
59
59
  propsAsIs: !1
60
- }), Je = /* @__PURE__ */ t("div")({
60
+ }), Ke = /* @__PURE__ */ t("div")({
61
61
  name: "Title",
62
62
  class: "t1vih9p5",
63
63
  propsAsIs: !1
64
- }), Ke = /* @__PURE__ */ t("div")({
64
+ }), Xe = /* @__PURE__ */ t("div")({
65
65
  name: "Indicator",
66
66
  class: "i1fbnvpb",
67
67
  propsAsIs: !1
68
- }), te = ({ indicator: e, title: n }) => /* @__PURE__ */ c(Ge, { children: [
69
- /* @__PURE__ */ s(Je, { children: n }),
70
- /* @__PURE__ */ s(Ke, { children: e })
71
- ] }), Xe = /* @__PURE__ */ t("div")({
68
+ }), te = ({ indicator: e, title: n }) => /* @__PURE__ */ c(Je, { children: [
69
+ /* @__PURE__ */ s(Ke, { children: n }),
70
+ /* @__PURE__ */ s(Xe, { children: e })
71
+ ] }), es = /* @__PURE__ */ t("div")({
72
72
  name: "Container",
73
73
  class: "ctmhwyc",
74
74
  propsAsIs: !1
75
- }), es = /* @__PURE__ */ t("div")({
75
+ }), ss = /* @__PURE__ */ t("div")({
76
76
  name: "Indicator",
77
77
  class: "i1jri200",
78
78
  propsAsIs: !1
79
- }), ss = /* @__PURE__ */ t("div")({
79
+ }), ns = /* @__PURE__ */ t("div")({
80
80
  name: "Title",
81
81
  class: "t8s05oq",
82
82
  propsAsIs: !1
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")({
83
+ }), W = ({ indicator: e, title: n }) => /* @__PURE__ */ c(es, { children: [
84
+ /* @__PURE__ */ s(ss, { children: e }),
85
+ /* @__PURE__ */ s(ns, { children: n })
86
+ ] }), ts = /* @__PURE__ */ t("div")({
87
87
  name: "Container",
88
88
  class: "c1yrpn9o",
89
89
  propsAsIs: !1
90
- }), ts = /* @__PURE__ */ t("div")({
90
+ }), os = /* @__PURE__ */ t("div")({
91
91
  name: "TopInfo",
92
92
  class: "t17fwahh",
93
93
  propsAsIs: !1
94
- }), os = /* @__PURE__ */ t("div")({
94
+ }), is = /* @__PURE__ */ t("div")({
95
95
  name: "BottomInfo",
96
96
  class: "by6w7e9",
97
97
  propsAsIs: !1
98
- }), is = /* @__PURE__ */ t("div")({
98
+ }), rs = /* @__PURE__ */ t("div")({
99
99
  name: "User",
100
100
  class: "u1g7arbm",
101
101
  propsAsIs: !1
102
- }), rs = /* @__PURE__ */ t("img")({
102
+ }), as = /* @__PURE__ */ t("img")({
103
103
  name: "Avatar",
104
104
  class: "a1ldeata",
105
105
  propsAsIs: !1
106
- }), as = /* @__PURE__ */ t("div")({
106
+ }), ls = /* @__PURE__ */ t("div")({
107
107
  name: "UserInfo",
108
108
  class: "u10d4koz",
109
109
  propsAsIs: !1
110
- }), ls = /* @__PURE__ */ t("div")({
110
+ }), cs = /* @__PURE__ */ t("div")({
111
111
  name: "UserName",
112
112
  class: "u1q6roj0",
113
113
  propsAsIs: !1
114
- }), cs = /* @__PURE__ */ t("div")({
114
+ }), ds = /* @__PURE__ */ t("div")({
115
115
  name: "UserRating",
116
116
  class: "ui0m425",
117
117
  propsAsIs: !1
118
- }), ds = /* @__PURE__ */ t("img")({
118
+ }), ps = /* @__PURE__ */ t("img")({
119
119
  name: "TrophyIcon",
120
120
  class: "t1el3mrn",
121
121
  propsAsIs: !1
122
- }), ps = /* @__PURE__ */ t("div")({
122
+ }), us = /* @__PURE__ */ t("div")({
123
123
  name: "Rts",
124
124
  class: "r2vgnxv",
125
125
  propsAsIs: !1
126
- }), us = /* @__PURE__ */ t("div")({
126
+ }), ms = /* @__PURE__ */ t("div")({
127
127
  name: "RtsIndicator",
128
128
  class: "roqn06j",
129
129
  propsAsIs: !1
130
- }), ms = /* @__PURE__ */ t("div")({
130
+ }), hs = /* @__PURE__ */ t("div")({
131
131
  name: "RtsLabel",
132
132
  class: "r15adx7c",
133
133
  propsAsIs: !1
134
- }), hs = /* @__PURE__ */ t("div")({
134
+ }), Is = /* @__PURE__ */ t("div")({
135
135
  name: "Divider",
136
136
  class: "dv59lta",
137
137
  propsAsIs: !1
138
- }), Is = /* @__PURE__ */ t("div")({
138
+ }), vs = /* @__PURE__ */ t("div")({
139
139
  name: "Ranks",
140
140
  class: "r55lotb",
141
141
  propsAsIs: !1
142
- }), vs = /* @__PURE__ */ t("div")({
142
+ }), Cs = /* @__PURE__ */ t("div")({
143
143
  name: "Statistics",
144
144
  class: "s1knfgqt",
145
145
  propsAsIs: !1
146
- }), Cs = /* @__PURE__ */ t("div")({
146
+ }), fs = /* @__PURE__ */ t("div")({
147
147
  name: "AvatarPlaceholder",
148
148
  class: "a1mqo824",
149
149
  propsAsIs: !1
150
- }), fs = /* @__PURE__ */ t("button")({
150
+ }), As = /* @__PURE__ */ t("button")({
151
151
  name: "UserAccountBtn",
152
152
  class: "uxareh6",
153
153
  propsAsIs: !1
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 = ({
154
+ }), gs = "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", fe = ({
155
155
  avatar: e,
156
156
  name: n,
157
157
  points: i,
@@ -162,23 +162,23 @@ const Ue = /* @__PURE__ */ t("div")({
162
162
  incorrect: a,
163
163
  inTop: l,
164
164
  successRate: u
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 || "") })
165
+ }) => /* @__PURE__ */ c(ts, { children: [
166
+ /* @__PURE__ */ s(os, { children: /* @__PURE__ */ c(rs, { children: [
167
+ /* @__PURE__ */ c(As, { children: [
168
+ e && /* @__PURE__ */ s(as, { alt: "avatar", src: e }),
169
+ !e && /* @__PURE__ */ s(fs, { children: pe(n || "") })
170
170
  ] }),
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: [
171
+ /* @__PURE__ */ c(ls, { children: [
172
+ /* @__PURE__ */ s(cs, { children: n }),
173
+ /* @__PURE__ */ c(ds, { children: [
174
+ /* @__PURE__ */ c(us, { children: [
175
+ /* @__PURE__ */ s(ps, { alt: "rank-icon", src: gs }),
176
+ /* @__PURE__ */ c(ms, { children: [
177
177
  ue(i),
178
- /* @__PURE__ */ s(ms, { children: "PTS" })
178
+ /* @__PURE__ */ s(hs, { children: "PTS" })
179
179
  ] })
180
180
  ] }),
181
- /* @__PURE__ */ s(hs, {}),
181
+ /* @__PURE__ */ s(Is, {}),
182
182
  /* @__PURE__ */ c("div", { children: [
183
183
  "TOP ",
184
184
  l || 0,
@@ -187,12 +187,12 @@ const Ue = /* @__PURE__ */ t("div")({
187
187
  ] })
188
188
  ] })
189
189
  ] }) }),
190
- /* @__PURE__ */ c(os, { children: [
191
- /* @__PURE__ */ c(Is, { children: [
190
+ /* @__PURE__ */ c(is, { children: [
191
+ /* @__PURE__ */ c(vs, { children: [
192
192
  /* @__PURE__ */ s(te, { indicator: o || 0, title: "Friends rank" }),
193
193
  /* @__PURE__ */ s(te, { indicator: r || 0, title: "Global rank" })
194
194
  ] }),
195
- /* @__PURE__ */ c(vs, { children: [
195
+ /* @__PURE__ */ c(Cs, { children: [
196
196
  /* @__PURE__ */ s(W, { indicator: d || 0, title: "Win streak" }),
197
197
  /* @__PURE__ */ s(W, { indicator: p || 0, title: "Correct" }),
198
198
  /* @__PURE__ */ s(W, { indicator: a || 0, title: "Incorrect" }),
@@ -203,35 +203,35 @@ const Ue = /* @__PURE__ */ t("div")({
203
203
  name: "SponsorLogoWrap",
204
204
  class: "s8p5v5z",
205
205
  propsAsIs: !1
206
- }), gs = () => A, bs = /* @__PURE__ */ t(gs())({
206
+ }), bs = () => A, ys = /* @__PURE__ */ t(bs())({
207
207
  name: "SponsorLogo",
208
208
  class: "s755yti",
209
209
  propsAsIs: !0
210
- }), ys = () => /* @__PURE__ */ s($s, {
211
- children: /* @__PURE__ */ s(bs, {
210
+ }), Rs = () => /* @__PURE__ */ s($s, {
211
+ children: /* @__PURE__ */ s(ys, {
212
212
  name: "mastersLogo"
213
213
  })
214
- }), Rs = /* @__PURE__ */ t("div")({
214
+ }), ws = /* @__PURE__ */ t("div")({
215
215
  name: "Container",
216
216
  class: "c38csyt",
217
217
  propsAsIs: !1
218
- }), ws = /* @__PURE__ */ t("div")({
218
+ }), ks = /* @__PURE__ */ t("div")({
219
219
  name: "Title",
220
220
  class: "ty221rx",
221
221
  propsAsIs: !1
222
- }), ks = /* @__PURE__ */ t("div")({
222
+ }), Ts = /* @__PURE__ */ t("div")({
223
223
  name: "Description",
224
224
  class: "dlaj9xp",
225
225
  propsAsIs: !1
226
- }), Ts = ({ title: e, description: n }) => /* @__PURE__ */ c(Rs, { children: [
226
+ }), xs = ({ title: e, description: n }) => /* @__PURE__ */ c(ws, { children: [
227
227
  /* @__PURE__ */ s(A, { name: "icon-check-circle" }),
228
- /* @__PURE__ */ s(ws, { children: e }),
229
- /* @__PURE__ */ s(ks, { children: n })
230
- ] }), xs = /* @__PURE__ */ t("div")({
228
+ /* @__PURE__ */ s(ks, { children: e }),
229
+ /* @__PURE__ */ s(Ts, { children: n })
230
+ ] }), Ss = /* @__PURE__ */ t("div")({
231
231
  name: "Container",
232
232
  class: "c16sbdnm",
233
233
  propsAsIs: !1
234
- }), Ss = () => A, qs = /* @__PURE__ */ t(Ss())({
234
+ }), qs = () => A, Es = /* @__PURE__ */ t(qs())({
235
235
  name: "IconPrediction",
236
236
  class: "ibhorgl",
237
237
  propsAsIs: !0
@@ -243,7 +243,7 @@ const Ue = /* @__PURE__ */ t("div")({
243
243
  name: "FeedbackHeader",
244
244
  class: "f455ozj",
245
245
  propsAsIs: !1
246
- }), Es = /* @__PURE__ */ t("span")({
246
+ }), Vs = /* @__PURE__ */ t("span")({
247
247
  name: "FeedbackTitle",
248
248
  class: "f1913njx",
249
249
  propsAsIs: !1
@@ -255,7 +255,7 @@ const Ue = /* @__PURE__ */ t("div")({
255
255
  name: "FeedbackText",
256
256
  class: "fx87qaj",
257
257
  propsAsIs: !1
258
- }), Vs = ({
258
+ }), Ns = ({
259
259
  feedbackMessages: e,
260
260
  questionVotedCorrectly: n,
261
261
  questionVoted: i,
@@ -269,11 +269,11 @@ const Ue = /* @__PURE__ */ t("div")({
269
269
  enteredAnActiveQuestion: h,
270
270
  marketClosed: C
271
271
  }) => {
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, g = I && f, w = I && r, b = o === m.PREDICTION && i && l && r, L = i && o === m.POLL && l;
273
- if (!p && !a && !g && !w && !k && !L && !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__ */ c(xs, { "data-isPrediction": f, children: [
276
+ return /* @__PURE__ */ c(Ss, { "data-isPrediction": f, children: [
277
277
  p && /* @__PURE__ */ c(x, { children: [
278
278
  /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
279
279
  /* @__PURE__ */ c("div", { children: [
@@ -295,8 +295,8 @@ const Ue = /* @__PURE__ */ t("div")({
295
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__ */ c(x, { children: [
299
- /* @__PURE__ */ s(qs, { name: "icon-prediction" }),
298
+ $ && /* @__PURE__ */ c(x, { children: [
299
+ /* @__PURE__ */ s(Es, { name: "icon-prediction" }),
300
300
  /* @__PURE__ */ s(Q, { children: "Stay tuned to see if your prediction was correct." })
301
301
  ] }),
302
302
  L && /* @__PURE__ */ c(x, { children: [
@@ -306,90 +306,90 @@ const Ue = /* @__PURE__ */ t("div")({
306
306
  (w || b) && /* @__PURE__ */ c(x, { children: [
307
307
  /* @__PURE__ */ s(U, { "data-feedback-type": q, children: /* @__PURE__ */ s(A, { name: q }) }),
308
308
  /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c(Z, { children: [
309
- /* @__PURE__ */ s(Es, { "data-feedback-type": q, children: T == null ? void 0 : T.title }),
309
+ /* @__PURE__ */ s(Vs, { "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
  ] })
313
313
  ] });
314
- }, Ns = /* @__PURE__ */ t("div")({
314
+ }, Ds = /* @__PURE__ */ t("div")({
315
315
  name: "Container",
316
316
  class: "c14ielyq",
317
317
  propsAsIs: !1
318
- }), Ds = () => Te, Ls = /* @__PURE__ */ t(Ds())({
318
+ }), Ls = () => xe, Ps = /* @__PURE__ */ t(Ls())({
319
319
  name: "QuestionScrollContainer",
320
320
  class: "q1tlqx57",
321
321
  propsAsIs: !0
322
- }), Ps = /* @__PURE__ */ t("div")({
322
+ }), Os = /* @__PURE__ */ t("div")({
323
323
  name: "Content",
324
324
  class: "c1hq58md",
325
325
  propsAsIs: !1
326
- }), Os = /* @__PURE__ */ t("div")({
326
+ }), Qs = /* @__PURE__ */ t("div")({
327
327
  name: "Title",
328
328
  class: "t1c8nxcx",
329
329
  propsAsIs: !1
330
- }), Qs = /* @__PURE__ */ t("div")({
330
+ }), Ms = /* @__PURE__ */ t("div")({
331
331
  name: "Options",
332
332
  class: "oiozuc3",
333
333
  propsAsIs: !1
334
- }), Ms = /* @__PURE__ */ t("button")({
334
+ }), _s = /* @__PURE__ */ t("button")({
335
335
  name: "ButtonContainer",
336
336
  class: "b1b6dl8t",
337
337
  propsAsIs: !1
338
- }), _s = /* @__PURE__ */ t("div")({
338
+ }), js = /* @__PURE__ */ t("div")({
339
339
  name: "ButtonPct",
340
340
  class: "b4iik8i",
341
341
  propsAsIs: !1
342
- }), js = /* @__PURE__ */ t("span")({
342
+ }), Us = /* @__PURE__ */ t("span")({
343
343
  name: "ButtonBody",
344
344
  class: "b1gq1lnf",
345
345
  propsAsIs: !1
346
- }), Us = /* @__PURE__ */ t("div")({
346
+ }), Bs = /* @__PURE__ */ t("div")({
347
347
  name: "IconContainer",
348
348
  class: "i1j65z51",
349
349
  propsAsIs: !1
350
- }), Bs = /* @__PURE__ */ t("div")({
350
+ }), zs = /* @__PURE__ */ t("div")({
351
351
  name: "IconWrap",
352
352
  class: "i19tpfua",
353
353
  propsAsIs: !1
354
- }), fe = /* @__PURE__ */ t("img")({
354
+ }), Ae = /* @__PURE__ */ t("img")({
355
355
  name: "Icon",
356
356
  class: "i1tubmma",
357
357
  propsAsIs: !1
358
- }), zs = () => fe, Fs = /* @__PURE__ */ t(zs())({
358
+ }), Fs = () => Ae, Ws = /* @__PURE__ */ t(Fs())({
359
359
  name: "IconDefault",
360
360
  class: "i1grrgwj",
361
361
  propsAsIs: !0
362
- }), Ws = () => fe, Zs = /* @__PURE__ */ t(Ws())({
362
+ }), Zs = () => Ae, Hs = /* @__PURE__ */ t(Zs())({
363
363
  name: "IconCircle",
364
364
  class: "ibemyq8",
365
365
  propsAsIs: !0
366
- }), Hs = /* @__PURE__ */ t("span")({
366
+ }), Ys = /* @__PURE__ */ t("span")({
367
367
  name: "Title",
368
368
  class: "t1dceht",
369
369
  propsAsIs: !1
370
- }), Ys = /* @__PURE__ */ t("span")({
370
+ }), Gs = /* @__PURE__ */ t("span")({
371
371
  name: "Indicators",
372
372
  class: "i116q4vq",
373
373
  propsAsIs: !1
374
- }), Gs = /* @__PURE__ */ t("span")({
374
+ }), Js = /* @__PURE__ */ t("span")({
375
375
  name: "Pts",
376
376
  class: "p17ajcu2",
377
377
  propsAsIs: !1
378
- }), Js = /* @__PURE__ */ t("span")({
378
+ }), Ks = /* @__PURE__ */ t("span")({
379
379
  name: "Percentage",
380
380
  class: "pu9kmlb",
381
381
  propsAsIs: !1
382
- }), Ks = () => A, Xs = /* @__PURE__ */ t(Ks())({
382
+ }), Xs = () => A, en = /* @__PURE__ */ t(Xs())({
383
383
  name: "CheckIcon",
384
384
  class: "c1j2j0s0",
385
385
  propsAsIs: !0
386
386
  }), oe = {
387
- [j.CENTERED]: (e) => /* @__PURE__ */ s(Fs, { alt: "option-icon", src: e }),
388
- [j.TRANSPARENT]: (e) => /* @__PURE__ */ s(Us, { children: /* @__PURE__ */ s(Bs, { style: { backgroundImage: `url(${e})` } }) }),
389
- [j.ROUNDED]: (e) => /* @__PURE__ */ s(Zs, { alt: "option-icon", src: e }),
390
- [j.NONE]: () => null,
391
- [j.UNSET]: () => null
392
- }, en = ({ questionType: e, hasCorrectAnswer: n, correct: i, youVoted: o, questionVoted: r }) => {
387
+ [M.CENTERED]: (e) => /* @__PURE__ */ s(Ws, { alt: "option-icon", src: e }),
388
+ [M.TRANSPARENT]: (e) => /* @__PURE__ */ s(Bs, { children: /* @__PURE__ */ s(zs, { style: { backgroundImage: `url(${e})` } }) }),
389
+ [M.ROUNDED]: (e) => /* @__PURE__ */ s(Hs, { alt: "option-icon", src: e }),
390
+ [M.NONE]: () => null,
391
+ [M.UNSET]: () => null
392
+ }, sn = ({ questionType: e, hasCorrectAnswer: n, correct: i, youVoted: o, questionVoted: r }) => {
393
393
  if (e === m.POLL && o)
394
394
  return "correct";
395
395
  if (e === m.PREDICTION) {
@@ -399,13 +399,13 @@ const Ue = /* @__PURE__ */ t("div")({
399
399
  return "correct";
400
400
  }
401
401
  return e === m.TRIVIA && r && o ? i ? "correct" : "incorrect" : "unset";
402
- }, sn = ({
402
+ }, nn = ({
403
403
  questionType: e,
404
404
  questionVoted: n,
405
405
  correct: i,
406
406
  hasCorrectAnswer: o,
407
407
  questionStatus: r
408
- }) => e === m.TRIVIA ? n && i : e === m.PREDICTION ? n && i && o || r === N.RESOLVED && i : !1, nn = (e) => {
408
+ }) => e === m.TRIVIA ? n && i : e === m.PREDICTION ? n && i && o || r === N.RESOLVED && i : !1, tn = (e) => {
409
409
  var n;
410
410
  const {
411
411
  // option props
@@ -423,19 +423,19 @@ const Ue = /* @__PURE__ */ t("div")({
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
429
  votedAfterQuestionClosed: L,
430
430
  enteredAnActiveQuestion: q,
431
431
  marketClosed: T
432
- } = e, [M, z] = E(d), P = en(e), G = sn({ questionType: g, questionVoted: h, correct: w, hasCorrectAnswer: b, questionStatus: f }), v = T && g === m.PREDICTION, $ = h || v, y = g === m.PREDICTION && !h && !T, J = h && !u && P !== "incorrect";
433
- return Re(() => {
432
+ } = e, [_, z] = E(d), P = sn(e), G = nn({ 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 we(() => {
434
434
  d > 0 && (z(0), requestAnimationFrame(() => {
435
435
  z(d);
436
436
  }));
437
437
  }, [d]), /* @__PURE__ */ c(
438
- Ms,
438
+ _s,
439
439
  {
440
440
  value: i,
441
441
  "data-selected": u,
@@ -444,49 +444,49 @@ const Ue = /* @__PURE__ */ t("div")({
444
444
  "data-is-not-checked": J,
445
445
  onClick: (K) => {
446
446
  l(
447
- g === m.PREDICTION ? T : f === N.RESOLVED
447
+ $ === m.PREDICTION ? T : f === N.RESOLVED
448
448
  ), a(K);
449
449
  },
450
450
  children: [
451
- /* @__PURE__ */ s(_s, { "data-answer-state": P, style: { width: `${$ ? M : 0}%` } }),
452
- /* @__PURE__ */ c(js, { children: [
451
+ /* @__PURE__ */ s(js, { "data-answer-state": P, style: { width: `${g ? _ : 0}%` } }),
452
+ /* @__PURE__ */ c(Us, { children: [
453
453
  o && C && ((n = oe[C]) == null ? void 0 : n.call(oe, o)),
454
- /* @__PURE__ */ s(Hs, { children: r }),
454
+ /* @__PURE__ */ s(Ys, { children: r }),
455
455
  y && /* @__PURE__ */ c("div", { children: [
456
456
  p,
457
- /* @__PURE__ */ s(Gs, { children: "pts" })
457
+ /* @__PURE__ */ s(Js, { children: "pts" })
458
458
  ] }),
459
- $ && /* @__PURE__ */ c(Ys, { children: [
460
- G && /* @__PURE__ */ s(Xs, { name: "selected" }),
461
- /* @__PURE__ */ s(Js, { children: /* @__PURE__ */ s(ce, { value: d, suffix: "%" }) })
459
+ g && /* @__PURE__ */ c(Gs, { children: [
460
+ G && /* @__PURE__ */ s(en, { name: "selected" }),
461
+ /* @__PURE__ */ s(Ks, { children: /* @__PURE__ */ s(ce, { value: d, suffix: "%" }) })
462
462
  ] })
463
463
  ] })
464
464
  ]
465
465
  }
466
466
  );
467
- }, tn = [D.PRIMARY_GREEN1, D.SECONDARY_RED1, D.SECONDARY_RED1, D.NEUTRALS_GRAY3], on = [10, 10, 1, 0], rn = /* @__PURE__ */ t("div")({
467
+ }, on = [D.PRIMARY_GREEN1, D.SECONDARY_RED1, D.SECONDARY_RED1, D.NEUTRALS_GRAY3], rn = [10, 10, 1, 0], an = /* @__PURE__ */ t("div")({
468
468
  name: "RemainingTime",
469
469
  class: "r165427",
470
470
  propsAsIs: !1
471
- }), an = D.SECONDARY_GREEN6, ie = D.SECONDARY_RED3, ln = D.NEUTRALS_GRAY3, cn = ({
471
+ }), ln = D.SECONDARY_GREEN6, ie = D.SECONDARY_RED3, cn = D.NEUTRALS_GRAY3, dn = ({
472
472
  isPlaying: e = !0,
473
473
  duration: n = 30,
474
474
  onTimerExpired: i
475
475
  }) => {
476
- const [o, r] = E(n > 10 ? an : ie), d = ({
476
+ const [o, r] = E(n > 10 ? ln : ie), d = ({
477
477
  remainingTime: l
478
- }) => /* @__PURE__ */ s(rn, {
478
+ }) => /* @__PURE__ */ s(an, {
479
479
  children: l
480
480
  }), p = B(() => {
481
- i == null || i(), r(ln);
481
+ i == null || i(), r(cn);
482
482
  }, [i, r]), a = B((l) => {
483
483
  l === 10 && r(ie);
484
484
  }, [r]);
485
- return /* @__PURE__ */ s(_e, {
485
+ return /* @__PURE__ */ s(je, {
486
486
  isPlaying: e,
487
487
  duration: n,
488
- colors: tn,
489
- colorsTime: on,
488
+ colors: on,
489
+ colorsTime: rn,
490
490
  size: 32,
491
491
  strokeWidth: 2,
492
492
  trailStrokeWidth: 2,
@@ -495,35 +495,35 @@ const Ue = /* @__PURE__ */ t("div")({
495
495
  onUpdate: a,
496
496
  children: d
497
497
  });
498
- }, dn = /* @__PURE__ */ t("div")({
498
+ }, pn = /* @__PURE__ */ t("div")({
499
499
  name: "WinBarContainer",
500
500
  class: "wie6cqo",
501
501
  propsAsIs: !1
502
- }), pn = /* @__PURE__ */ t("div")({
502
+ }), un = /* @__PURE__ */ t("div")({
503
503
  name: "Content",
504
504
  class: "cgizw4u",
505
505
  propsAsIs: !1
506
- }), un = /* @__PURE__ */ t("div")({
506
+ }), mn = /* @__PURE__ */ t("div")({
507
507
  name: "Title",
508
508
  class: "t1l3ucjp",
509
509
  propsAsIs: !1
510
- }), mn = () => A, hn = /* @__PURE__ */ t(mn())({
510
+ }), hn = () => A, In = /* @__PURE__ */ t(hn())({
511
511
  name: "WinIcon",
512
512
  class: "wx7j799",
513
513
  propsAsIs: !0
514
- }), In = /* @__PURE__ */ t("div")({
514
+ }), vn = /* @__PURE__ */ t("div")({
515
515
  name: "Points",
516
516
  class: "p4lwuj0",
517
517
  propsAsIs: !1
518
- }), vn = /* @__PURE__ */ t("span")({
518
+ }), Cn = /* @__PURE__ */ t("span")({
519
519
  name: "PointsCount",
520
520
  class: "po9i64o",
521
521
  propsAsIs: !1
522
- }), Cn = /* @__PURE__ */ t("span")({
522
+ }), fn = /* @__PURE__ */ t("span")({
523
523
  name: "PointsUnits",
524
524
  class: "pe5g05h",
525
525
  propsAsIs: !1
526
- }), fn = ({
526
+ }), An = ({
527
527
  title: e,
528
528
  points: n,
529
529
  isPlayingTimer: i,
@@ -532,21 +532,21 @@ const Ue = /* @__PURE__ */ t("div")({
532
532
  questionType: d,
533
533
  timerDuration: p,
534
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 }),
535
+ }) => /* @__PURE__ */ c(pn, { style: { justifyContent: d === m.PREDICTION ? "center" : "space-between" }, children: [
536
+ /* @__PURE__ */ c(un, { children: [
537
+ e && /* @__PURE__ */ s(mn, { children: e }),
538
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" })
539
+ /* @__PURE__ */ s(In, { name: "icon-trophy" }),
540
+ /* @__PURE__ */ c(vn, { children: [
541
+ /* @__PURE__ */ s(Cn, { children: r ? /* @__PURE__ */ s(ce, { value: n, delay: 0.3 }) : n }),
542
+ /* @__PURE__ */ s(fn, { children: "PTS" })
543
543
  ] })
544
544
  ] })
545
545
  ] }),
546
- o && d !== m.PREDICTION && /* @__PURE__ */ s(cn, { isPlaying: i, onTimerExpired: a, duration: p })
547
- ] }), An = ({ openedQuestion: e, isLoading: n, vote: i, close: o }) => {
546
+ o && d !== m.PREDICTION && /* @__PURE__ */ s(dn, { isPlaying: i, onTimerExpired: a, duration: p })
547
+ ] }), gn = ({ openedQuestion: e, isLoading: n, vote: i, close: o }) => {
548
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), [g, w] = E(!0), [b, L] = E(!1), [q, T] = E(""), M = e == null ? void 0 : e.id;
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
551
  a === m.PREDICTION ? h && w(!1) : l === N.RESOLVED && w(!1);
552
552
  }, []);
@@ -554,39 +554,39 @@ const Ue = /* @__PURE__ */ t("div")({
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 i(M, _);
557
+ if (_) {
558
+ const j = R.currentTarget.value;
559
+ T(j), await i(_, j);
560
560
  }
561
561
  },
562
- [M, T, i]
562
+ [_, T, i]
563
563
  ), G = B(() => {
564
564
  L(!0), setTimeout(o, 3e3);
565
565
  }, [o]), v = V(
566
566
  () => e == null ? void 0 : e.answers.find((R) => R.youVoted === !0),
567
567
  [e]
568
- ), $ = V(
568
+ ), g = V(
569
569
  () => !!(e != null && e.answers.find((R) => R.correct === !0)),
570
570
  [e]
571
571
  ), y = V(
572
572
  () => e == null ? void 0 : e.answers.find((R) => R.correct === !0),
573
573
  [e]
574
574
  ), J = V(() => e ? e.answers.map((R) => {
575
- var _;
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
584
  questionStatus: l,
585
- imageMode: (_ = e.appearance) == null ? void 0 : _.images,
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,
@@ -594,8 +594,8 @@ const Ue = /* @__PURE__ */ t("div")({
594
594
  l,
595
595
  P,
596
596
  q
597
- ]), K = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, O = l === N.RESOLVED && a === m.TRIVIA && !v && !g, se = a === m.TRIVIA && f && C && g, ne = V(() => a === m.PREDICTION ? !!(v && !$ || v && $ && y != null && y.youVoted) : !0, [a, v, $, y]), $e = V(() => {
598
- if (a === 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]), $e = V(() => {
598
+ if (a === m.PREDICTION && v && (!g || g && y != null && y.youVoted))
599
599
  return v.points;
600
600
  if (!(O || b))
601
601
  return l === N.RESOLVED ? 0 : v ? v.correct ? v.points : 0 : y == null ? void 0 : y.points;
@@ -606,54 +606,54 @@ const Ue = /* @__PURE__ */ t("div")({
606
606
  l,
607
607
  O,
608
608
  a,
609
- $
610
- ]), ge = V(() => a === m.PREDICTION && v ? $ ? $ && 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, $, y]), be = (a === m.TRIVIA || a === m.PREDICTION) && v && $ && (y == null ? void 0 : y.youVoted), ye = v || O || se || a === m.TRIVIA && l === N.RESOLVED && g;
611
- return /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(Ns, { children: /* @__PURE__ */ c(Ps, { children: [
609
+ g
610
+ ]), be = 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]), ye = (a === m.TRIVIA || a === m.PREDICTION) && v && g && (y == null ? void 0 : y.youVoted), Re = v || O || se || a === m.TRIVIA && l === N.RESOLVED && $;
611
+ return /* @__PURE__ */ s(Ps, { children: /* @__PURE__ */ s(Ds, { children: /* @__PURE__ */ c(Os, { children: [
612
612
  /* @__PURE__ */ s(
613
- Vs,
613
+ Ns,
614
614
  {
615
615
  feedbackMessages: K,
616
616
  questionVoted: !!v,
617
617
  questionVotedCorrectly: v == null ? void 0 : v.correct,
618
618
  questionType: a,
619
- hasCorrectAnswer: $,
619
+ hasCorrectAnswer: g,
620
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
- fn,
630
+ An,
631
631
  {
632
- title: ge,
632
+ title: be,
633
633
  points: $e,
634
634
  onTimerExpired: G,
635
635
  questionType: e.type,
636
636
  isTimer: !n,
637
637
  isPlayingTimer: !v,
638
- animatePoints: be,
639
- timerDuration: ye ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
638
+ animatePoints: ye,
639
+ timerDuration: Re ? 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
- Ts,
643
+ xs,
644
644
  {
645
645
  title: "More to come...",
646
646
  description: "Watch for additional enhanced stream interactive experience."
647
647
  }
648
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,
649
+ /* @__PURE__ */ s(Qs, { style: ne ? {} : { marginTop: 0 }, children: p }),
650
+ /* @__PURE__ */ s(Ms, { children: J.map((R) => /* @__PURE__ */ s(
651
+ tn,
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
@@ -664,88 +664,93 @@ const Ue = /* @__PURE__ */ t("div")({
664
664
  name: "Container",
665
665
  class: "cgn5uen",
666
666
  propsAsIs: !1
667
- }), gn = /* @__PURE__ */ t("div")({
667
+ }), bn = /* @__PURE__ */ t("div")({
668
668
  name: "Content",
669
669
  class: "c1px8nt6",
670
670
  propsAsIs: !1
671
- }), bn = /* @__PURE__ */ t("h3")({
671
+ }), yn = /* @__PURE__ */ t("h3")({
672
672
  name: "Title",
673
673
  class: "t5et2jt",
674
674
  propsAsIs: !1
675
- }), yn = /* @__PURE__ */ t("div")({
675
+ }), Rn = /* @__PURE__ */ t("div")({
676
676
  name: "Description",
677
677
  class: "d1i2kpk2",
678
678
  propsAsIs: !1
679
- }), Rn = /* @__PURE__ */ t("img")({
679
+ }), wn = /* @__PURE__ */ t("img")({
680
680
  name: "Image",
681
681
  class: "id3lh3p",
682
682
  propsAsIs: !1
683
- }), Ae = ({
684
- instantView: e,
685
- isDetail: n,
686
- notification: i,
687
- controlVideo: o
683
+ }), kn = /* @__PURE__ */ t("div")({
684
+ name: "ImageContainer",
685
+ class: "i1gfjeu5",
686
+ propsAsIs: !1
687
+ }), ge = ({
688
+ imageMode: e,
689
+ instantView: n,
690
+ isDetail: i,
691
+ notification: o,
692
+ controlVideo: r
688
693
  }) => {
689
- const r = e == null ? void 0 : e.heading, d = e == null ? void 0 : e.body, p = r || d, a = i == null ? void 0 : i.title, l = i == null ? void 0 : i.body;
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;
690
695
  return /* @__PURE__ */ c($n, { children: [
691
- (e == null ? void 0 : e.video) && /* @__PURE__ */ s(
692
- xe,
696
+ (n == null ? void 0 : n.video) && /* @__PURE__ */ s(
697
+ Se,
693
698
  {
694
- source: e.video.url,
695
- poster: e.video.thumbnailUrl,
696
- controlVideo: o
699
+ source: n.video.url,
700
+ poster: n.video.thumbnailUrl,
701
+ controlVideo: r
697
702
  }
698
703
  ),
699
- (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(Rn, { src: e == null ? void 0 : e.image }),
700
- /* @__PURE__ */ c(gn, { children: [
701
- /* @__PURE__ */ s(bn, { children: n && p ? r : a }),
702
- /* @__PURE__ */ s(yn, { children: n && p ? d : l })
704
+ (n == null ? void 0 : n.image) && !(n != null && n.video) && /* @__PURE__ */ s(kn, { "data-rounded": e === M.ROUNDED, children: /* @__PURE__ */ s(wn, { src: n == null ? void 0 : n.image }) }),
705
+ /* @__PURE__ */ c(bn, { children: [
706
+ /* @__PURE__ */ s(yn, { children: i && a ? d : l }),
707
+ /* @__PURE__ */ s(Rn, { children: i && a ? p : u })
703
708
  ] })
704
709
  ] });
705
- }, wn = /* @__PURE__ */ t("div")({
710
+ }, Tn = /* @__PURE__ */ t("div")({
706
711
  name: "Container",
707
712
  class: "c1euiow",
708
713
  propsAsIs: !1
709
- }), kn = /* @__PURE__ */ t("a")({
714
+ }), xn = /* @__PURE__ */ t("a")({
710
715
  name: "WebLinkBtn",
711
716
  class: "w19zie3h",
712
717
  propsAsIs: !1
713
- }), Tn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(wn, { children: [
714
- /* @__PURE__ */ s(Ae, { instantView: e, ...n, isDetail: !0 }),
715
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
718
+ }), Sn = ({ instantView: e, ...n }) => /* @__PURE__ */ c(Tn, { children: [
719
+ /* @__PURE__ */ s(ge, { instantView: e, ...n, isDetail: !0 }),
720
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(xn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
716
721
  e == null ? void 0 : e.webLink.label,
717
722
  /* @__PURE__ */ s(A, { name: "icon-external-link" })
718
723
  ] })
719
- ] }), xn = /* @__PURE__ */ t("div")({
724
+ ] }), qn = /* @__PURE__ */ t("div")({
720
725
  name: "Container",
721
726
  class: "c1dcxmvf",
722
727
  propsAsIs: !1
723
- }), Sn = /* @__PURE__ */ t("blockquote")({
728
+ }), En = /* @__PURE__ */ t("blockquote")({
724
729
  name: "Quote",
725
730
  class: "qb4q22c",
726
731
  propsAsIs: !1
727
- }), qn = (e) => /* @__PURE__ */ c(xn, { children: [
728
- e.title && /* @__PURE__ */ s(Sn, { children: e.title }),
732
+ }), Vn = (e) => /* @__PURE__ */ c(qn, { children: [
733
+ e.title && /* @__PURE__ */ s(En, { children: e.title }),
729
734
  /* @__PURE__ */ s(me, { ...e, isDetail: !0 })
730
- ] }), En = /* @__PURE__ */ t("div")({
735
+ ] }), Nn = /* @__PURE__ */ t("div")({
731
736
  name: "QuestionContainer",
732
737
  class: "qdri6g3",
733
738
  propsAsIs: !1
734
- }), Vn = ({
739
+ }), Dn = ({
735
740
  openedQuestion: e
736
741
  }) => {
737
742
  var n, i;
738
743
  const {
739
744
  sdk: o
740
745
  } = he();
741
- return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(Tn, {
746
+ return ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
742
747
  ...e.attributes.attributes.value,
743
748
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
744
- }) : ((i = e == null ? void 0 : e.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ s(qn, {
749
+ }) : ((i = e == null ? void 0 : e.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ s(Vn, {
745
750
  ...e.attributes.attributes.value,
746
751
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
747
752
  }) : null;
748
- }, Nn = ({
753
+ }, Ln = ({
749
754
  extendedQuestion: e,
750
755
  vote: n,
751
756
  close: i
@@ -754,13 +759,13 @@ const Ue = /* @__PURE__ */ t("div")({
754
759
  loading: o,
755
760
  data: r
756
761
  } = e;
757
- return r ? /* @__PURE__ */ s(An, {
762
+ return r ? /* @__PURE__ */ s(gn, {
758
763
  vote: n,
759
764
  close: i,
760
765
  openedQuestion: r,
761
766
  isLoading: !!o
762
767
  }) : null;
763
- }, Dn = ({
768
+ }, Pn = ({
764
769
  gamification: e
765
770
  }) => {
766
771
  var n;
@@ -768,39 +773,39 @@ const Ue = /* @__PURE__ */ t("div")({
768
773
  if (!i)
769
774
  return null;
770
775
  const r = i.type;
771
- return /* @__PURE__ */ c(En, {
772
- children: [/* @__PURE__ */ s(ve, {
776
+ return /* @__PURE__ */ c(Nn, {
777
+ children: [/* @__PURE__ */ s(Ce, {
773
778
  close: e.closeQuestion,
774
779
  type: ((n = i.attributes) == null ? void 0 : n.type) || m.UNSET
775
- }), r === "question" && /* @__PURE__ */ s(Nn, {
780
+ }), r === "question" && /* @__PURE__ */ s(Ln, {
776
781
  vote: e.submitAnswer,
777
782
  close: e.closeQuestion,
778
783
  extendedQuestion: o
779
- }), r !== "question" && /* @__PURE__ */ s(Vn, {
784
+ }), r !== "question" && /* @__PURE__ */ s(Dn, {
780
785
  openedQuestion: i
781
- }), /* @__PURE__ */ s(ys, {
786
+ }), /* @__PURE__ */ s(Rs, {
782
787
  sponsorLogo: ""
783
788
  })]
784
789
  });
785
- }, Ln = /* @__PURE__ */ t("div")({
790
+ }, On = /* @__PURE__ */ t("div")({
786
791
  name: "Container",
787
792
  class: "c115qtkr",
788
793
  propsAsIs: !1
789
- }), Pn = /* @__PURE__ */ t("div")({
794
+ }), Qn = /* @__PURE__ */ t("div")({
790
795
  name: "STabs",
791
796
  class: "sxnslc8",
792
797
  propsAsIs: !1
793
- }), On = /* @__PURE__ */ t("button")({
798
+ }), Mn = /* @__PURE__ */ t("button")({
794
799
  name: "Button",
795
800
  class: "b1umzux0",
796
801
  propsAsIs: !1
797
- }), Qn = /* @__PURE__ */ t("span")({
802
+ }), _n = /* @__PURE__ */ t("span")({
798
803
  name: "Title",
799
804
  class: "tspsaas",
800
805
  propsAsIs: !1
801
806
  });
802
807
  var Y = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(Y || {});
803
- const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(On, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(Qn, { children: e }) }), Mn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(Ln, { children: /* @__PURE__ */ c(Pn, { "data-position": e === "home" ? "left" : "right", children: [
808
+ const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(Mn, { onClick: i, "data-selected": n, children: /* @__PURE__ */ s(_n, { children: e }) }), jn = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(On, { children: /* @__PURE__ */ c(Qn, { "data-position": e === "home" ? "left" : "right", children: [
804
809
  /* @__PURE__ */ s(re, { title: "Home", active: e === "home", onClick: () => n(
805
810
  "home"
806
811
  /* HOME */
@@ -816,43 +821,43 @@ const re = ({ title: e, active: n, onClick: i }) => /* @__PURE__ */ s(On, { onCl
816
821
  )
817
822
  }
818
823
  )
819
- ] }) }), _n = /* @__PURE__ */ t("div")({
824
+ ] }) }), Un = /* @__PURE__ */ t("div")({
820
825
  name: "Container",
821
826
  class: "c1ux29ft",
822
827
  propsAsIs: !1
823
- }), jn = /* @__PURE__ */ t("img")({
828
+ }), Bn = /* @__PURE__ */ t("img")({
824
829
  name: "FriendsIcon",
825
830
  class: "f10ncfg2",
826
831
  propsAsIs: !1
827
- }), Un = /* @__PURE__ */ t("div")({
832
+ }), zn = /* @__PURE__ */ t("div")({
828
833
  name: "Content",
829
834
  class: "c1yc07bd",
830
835
  propsAsIs: !1
831
- }), Bn = /* @__PURE__ */ t("div")({
836
+ }), Fn = /* @__PURE__ */ t("div")({
832
837
  name: "Title",
833
838
  class: "tj6cq7w",
834
839
  propsAsIs: !1
835
- }), zn = /* @__PURE__ */ t("div")({
840
+ }), Wn = /* @__PURE__ */ t("div")({
836
841
  name: "Description",
837
842
  class: "d1ag78xo",
838
843
  propsAsIs: !1
839
- }), Fn = () => A, Wn = /* @__PURE__ */ t(Fn())({
844
+ }), Zn = () => A, Hn = /* @__PURE__ */ t(Zn())({
840
845
  name: "ArrowInviteIcon",
841
846
  class: "awohrz6",
842
847
  propsAsIs: !0
843
- }), Zn = "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", Hn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(_n, { onClick: i, className: o, children: [
844
- /* @__PURE__ */ s(jn, { alt: "friends-icon", src: Zn }),
845
- /* @__PURE__ */ c(Un, { children: [
846
- /* @__PURE__ */ s(Bn, { children: e }),
847
- /* @__PURE__ */ s(zn, { children: n })
848
+ }), Yn = "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", Gn = ({ title: e, description: n, onClick: i, className: o }) => /* @__PURE__ */ c(Un, { onClick: i, className: o, children: [
849
+ /* @__PURE__ */ s(Bn, { alt: "friends-icon", src: Yn }),
850
+ /* @__PURE__ */ c(zn, { children: [
851
+ /* @__PURE__ */ s(Fn, { children: e }),
852
+ /* @__PURE__ */ s(Wn, { children: n })
848
853
  ] }),
849
- /* @__PURE__ */ s(Wn, { name: "icon-copy" })
854
+ /* @__PURE__ */ s(Hn, { name: "icon-copy" })
850
855
  ] });
851
- function Yn(e) {
856
+ function Jn(e) {
852
857
  var n = e.lastRenderedStartIndex, i = e.lastRenderedStopIndex, o = e.startIndex, r = e.stopIndex;
853
858
  return !(o > i || r < n);
854
859
  }
855
- function Gn(e) {
860
+ function Kn(e) {
856
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++) {
857
862
  var h = n(u);
858
863
  h ? l !== null && (p.push(a, l), a = l = null) : (l = u, a === null && (a = u));
@@ -872,10 +877,10 @@ function Gn(e) {
872
877
  }
873
878
  return p;
874
879
  }
875
- var Jn = function(e, n) {
880
+ var Xn = function(e, n) {
876
881
  if (!(e instanceof n))
877
882
  throw new TypeError("Cannot call a class as a function");
878
- }, Kn = /* @__PURE__ */ function() {
883
+ }, et = /* @__PURE__ */ function() {
879
884
  function e(n, i) {
880
885
  for (var o = 0; o < i.length; o++) {
881
886
  var r = i[o];
@@ -885,7 +890,7 @@ var Jn = function(e, n) {
885
890
  return function(n, i, o) {
886
891
  return i && e(n.prototype, i), o && e(n, o), n;
887
892
  };
888
- }(), Xn = function(e, n) {
893
+ }(), st = function(e, n) {
889
894
  if (typeof n != "function" && n !== null)
890
895
  throw new TypeError("Super expression must either be null or a function, not " + typeof n);
891
896
  e.prototype = Object.create(n && n.prototype, {
@@ -902,10 +907,10 @@ var Jn = function(e, n) {
902
907
  return n && (typeof n == "object" || typeof n == "function") ? n : e;
903
908
  };
904
909
  (function(e) {
905
- Xn(n, e);
910
+ st(n, e);
906
911
  function n() {
907
912
  var i, o, r, d;
908
- Jn(this, n);
913
+ Xn(this, n);
909
914
  for (var p = arguments.length, a = Array(p), l = 0; l < p; l++)
910
915
  a[l] = arguments[l];
911
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) {
@@ -915,7 +920,7 @@ var Jn = function(e, n) {
915
920
  r._listRef = u;
916
921
  }, o), ae(r, d);
917
922
  }
918
- return Kn(n, [{
923
+ return et(n, [{
919
924
  key: "resetloadMoreItemsCache",
920
925
  value: function() {
921
926
  var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -937,7 +942,7 @@ var Jn = function(e, n) {
937
942
  }, {
938
943
  key: "_ensureRowsLoaded",
939
944
  value: function(o, r) {
940
- 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 = Gn({
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 = Kn({
941
946
  isItemLoaded: p,
942
947
  itemCount: a,
943
948
  minimumBatchSize: u,
@@ -954,7 +959,7 @@ var Jn = function(e, n) {
954
959
  for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(u) {
955
960
  var h = o[u], C = o[u + 1], I = d(h, C);
956
961
  I != null && I.then(function() {
957
- if (Yn({
962
+ if (Jn({
958
963
  lastRenderedStartIndex: r._lastRenderedStartIndex,
959
964
  lastRenderedStopIndex: r._lastRenderedStopIndex,
960
965
  startIndex: h,
@@ -969,40 +974,40 @@ var Jn = function(e, n) {
969
974
  p(a);
970
975
  }
971
976
  }]), n;
972
- })(we);
973
- const et = /* @__PURE__ */ t("div")({
977
+ })(ke);
978
+ const nt = /* @__PURE__ */ t("div")({
974
979
  name: "Container",
975
980
  class: "culdu4a",
976
981
  propsAsIs: !1
977
- }), st = /* @__PURE__ */ t("div")({
982
+ }), tt = /* @__PURE__ */ t("div")({
978
983
  name: "Position",
979
984
  class: "pwf8e69",
980
985
  propsAsIs: !1
981
- }), nt = /* @__PURE__ */ t("img")({
986
+ }), ot = /* @__PURE__ */ t("img")({
982
987
  name: "Avatar",
983
988
  class: "atf4yh4",
984
989
  propsAsIs: !1
985
- }), tt = /* @__PURE__ */ t("div")({
990
+ }), it = /* @__PURE__ */ t("div")({
986
991
  name: "AvatarPlaceholder",
987
992
  class: "a1dg29ja",
988
993
  propsAsIs: !1
989
- }), ot = /* @__PURE__ */ t("div")({
994
+ }), rt = /* @__PURE__ */ t("div")({
990
995
  name: "Content",
991
996
  class: "c10a68rc",
992
997
  propsAsIs: !1
993
- }), it = /* @__PURE__ */ t("div")({
998
+ }), at = /* @__PURE__ */ t("div")({
994
999
  name: "NameContainer",
995
1000
  class: "nc4kck5",
996
1001
  propsAsIs: !1
997
- }), rt = /* @__PURE__ */ t("span")({
1002
+ }), lt = /* @__PURE__ */ t("span")({
998
1003
  name: "Name",
999
1004
  class: "njsrqgr",
1000
1005
  propsAsIs: !1
1001
- }), at = () => A, lt = /* @__PURE__ */ t(at())({
1006
+ }), ct = () => A, dt = /* @__PURE__ */ t(ct())({
1002
1007
  name: "CurrentUserBadge",
1003
1008
  class: "c17uc4zr",
1004
1009
  propsAsIs: !0
1005
- }), ct = ({
1010
+ }), pt = ({
1006
1011
  rank: e,
1007
1012
  avatar: n,
1008
1013
  name: i,
@@ -1010,42 +1015,42 @@ const et = /* @__PURE__ */ t("div")({
1010
1015
  isCurrentUser: r,
1011
1016
  openItemDetail: d,
1012
1017
  style: p
1013
- }) => /* @__PURE__ */ c(et, { onClick: d, style: p, children: [
1014
- /* @__PURE__ */ s(st, { children: e || 0 }),
1015
- /* @__PURE__ */ c(ot, { children: [
1016
- n ? /* @__PURE__ */ s(nt, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(tt, { children: pe(i || "") }),
1017
- /* @__PURE__ */ c(it, { children: [
1018
- /* @__PURE__ */ s(rt, { children: i || "" }),
1019
- r && /* @__PURE__ */ s(lt, { name: "icon-star" })
1018
+ }) => /* @__PURE__ */ c(nt, { onClick: d, style: p, children: [
1019
+ /* @__PURE__ */ s(tt, { children: e || 0 }),
1020
+ /* @__PURE__ */ c(rt, { children: [
1021
+ n ? /* @__PURE__ */ s(ot, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(it, { children: pe(i || "") }),
1022
+ /* @__PURE__ */ c(at, { children: [
1023
+ /* @__PURE__ */ s(lt, { children: i || "" }),
1024
+ r && /* @__PURE__ */ s(dt, { name: "icon-star" })
1020
1025
  ] })
1021
1026
  ] }),
1022
1027
  /* @__PURE__ */ s("div", { children: ue(o) })
1023
- ] }), dt = /* @__PURE__ */ t("div")({
1028
+ ] }), ut = /* @__PURE__ */ t("div")({
1024
1029
  name: "Container",
1025
1030
  class: "c16btbfp",
1026
1031
  propsAsIs: !1
1027
- }), pt = ({
1032
+ }), mt = ({
1028
1033
  items: e,
1029
1034
  currentUserId: n,
1030
1035
  openItemDetail: i,
1031
1036
  fetchMore: o,
1032
1037
  scrollNode: r,
1033
1038
  hasMore: d
1034
- }) => /* @__PURE__ */ s(je, {
1039
+ }) => /* @__PURE__ */ s(Ue, {
1035
1040
  loadMore: o,
1036
1041
  initialLoad: !1,
1037
1042
  hasMore: d,
1038
1043
  useWindow: !1,
1039
1044
  getScrollParent: () => r.current,
1040
- children: /* @__PURE__ */ s(dt, {
1041
- children: e.map((p) => /* @__PURE__ */ s(ct, {
1045
+ children: /* @__PURE__ */ s(ut, {
1046
+ children: e.map((p) => /* @__PURE__ */ s(pt, {
1042
1047
  ...p,
1043
1048
  openItemDetail: () => i(p.userId),
1044
1049
  isCurrentUser: !!n && n === p.userId
1045
1050
  }, p.userId))
1046
1051
  })
1047
- }), ut = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
1048
- Se,
1052
+ }), ht = ({ renderClipBoardNode: e, deepLink: n }) => /* @__PURE__ */ s(
1053
+ qe,
1049
1054
  {
1050
1055
  renderToNode: e,
1051
1056
  inviteLink: n,
@@ -1064,11 +1069,11 @@ const et = /* @__PURE__ */ t("div")({
1064
1069
  inviteCardTitle: "It’s More Fun With Friends",
1065
1070
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1066
1071
  }
1067
- ), mt = /* @__PURE__ */ t("div")({
1072
+ ), It = /* @__PURE__ */ t("div")({
1068
1073
  name: "InviteLinkContainer",
1069
1074
  class: "i1chxfpe",
1070
1075
  propsAsIs: !1
1071
- }), ht = ({
1076
+ }), vt = ({
1072
1077
  gamification: e,
1073
1078
  scrollNode: n,
1074
1079
  scrollStore: i,
@@ -1081,12 +1086,12 @@ const et = /* @__PURE__ */ t("div")({
1081
1086
  key: a
1082
1087
  } = S(e.leaderboardList.$store), {
1083
1088
  data: l
1084
- } = S(e.deepLink.$store), [u, h] = qe(o);
1085
- return !r.length && !p ? /* @__PURE__ */ s(ut, {
1089
+ } = S(e.deepLink.$store), [u, h] = Ee(o);
1090
+ return !r.length && !p ? /* @__PURE__ */ s(ht, {
1086
1091
  renderClipBoardNode: o,
1087
1092
  deepLink: l
1088
1093
  }) : /* @__PURE__ */ c(x, {
1089
- children: [/* @__PURE__ */ s(pt, {
1094
+ children: [/* @__PURE__ */ s(mt, {
1090
1095
  items: r,
1091
1096
  scrollNode: n,
1092
1097
  scrollStore: i,
@@ -1094,56 +1099,56 @@ const et = /* @__PURE__ */ t("div")({
1094
1099
  hasMore: d,
1095
1100
  openItemDetail: e.openUser,
1096
1101
  currentUserId: e.currentUserId.get()
1097
- }, a), l && /* @__PURE__ */ s(mt, {
1098
- children: /* @__PURE__ */ s(Hn, {
1102
+ }, a), l && /* @__PURE__ */ s(It, {
1103
+ children: /* @__PURE__ */ s(Gn, {
1099
1104
  onClick: () => u(l),
1100
1105
  title: "Invite Friends",
1101
1106
  description: "Challenge them now!"
1102
1107
  })
1103
1108
  }), h]
1104
1109
  });
1105
- }, It = /* @__PURE__ */ t("div")({
1110
+ }, Ct = /* @__PURE__ */ t("div")({
1106
1111
  name: "QuestionItem",
1107
1112
  class: "q1w97g3p",
1108
1113
  propsAsIs: !1
1109
- }), vt = /* @__PURE__ */ t("div")({
1114
+ }), ft = /* @__PURE__ */ t("div")({
1110
1115
  name: "QuestionCaption",
1111
1116
  class: "q2sl39u",
1112
1117
  propsAsIs: !1
1113
- }), Ct = /* @__PURE__ */ t("div")({
1118
+ }), At = /* @__PURE__ */ t("div")({
1114
1119
  name: "QuestionBody",
1115
1120
  class: "qd5h0uc",
1116
1121
  propsAsIs: !1
1117
- }), ft = /* @__PURE__ */ t("div")({
1122
+ }), gt = /* @__PURE__ */ t("div")({
1118
1123
  name: "QuestionAction",
1119
1124
  class: "q105uluy",
1120
1125
  propsAsIs: !1
1121
- }), At = () => A, H = /* @__PURE__ */ t(At())({
1126
+ }), $t = () => A, H = /* @__PURE__ */ t($t())({
1122
1127
  name: "QuestionActionIcon",
1123
1128
  class: "q1fa0b9h",
1124
1129
  propsAsIs: !0
1125
- }), $t = () => A, gt = /* @__PURE__ */ t($t())({
1130
+ }), bt = () => A, yt = /* @__PURE__ */ t(bt())({
1126
1131
  name: "QuestionTypeIcon",
1127
1132
  class: "qxlt78s",
1128
1133
  propsAsIs: !0
1129
- }), bt = /* @__PURE__ */ t("div")({
1134
+ }), Rt = /* @__PURE__ */ t("div")({
1130
1135
  name: "QuestionTypeLabel",
1131
1136
  class: "qmg0vkx",
1132
1137
  propsAsIs: !1
1133
- }), yt = /* @__PURE__ */ t("div")({
1138
+ }), wt = /* @__PURE__ */ t("div")({
1134
1139
  name: "QuestionContent",
1135
1140
  class: "q1uz5j1g",
1136
1141
  propsAsIs: !1
1137
- }), Rt = /* @__PURE__ */ t("button")({
1142
+ }), kt = /* @__PURE__ */ t("button")({
1138
1143
  name: "PlayButton",
1139
1144
  class: "p1pba9p1",
1140
1145
  propsAsIs: !1
1141
- }), wt = {
1146
+ }), Tt = {
1142
1147
  [F.LOST]: /* @__PURE__ */ s(H, { name: "incorrectVoted" }),
1143
1148
  [F.WON]: /* @__PURE__ */ s(H, { name: "icon-check" }),
1144
1149
  [F.UNSET]: /* @__PURE__ */ s(H, { name: "icon-arrow" }),
1145
1150
  [F.DNP]: /* @__PURE__ */ s(H, { name: "icon-arrow" })
1146
- }, kt = ({
1151
+ }, xt = ({
1147
1152
  questionId: e,
1148
1153
  questionType: n,
1149
1154
  questionStatus: i,
@@ -1152,72 +1157,82 @@ const et = /* @__PURE__ */ t("div")({
1152
1157
  openQuestion: d,
1153
1158
  status: p
1154
1159
  }) => {
1155
- const a = de[n], l = wt[p];
1156
- return a ? /* @__PURE__ */ c(It, { onClick: () => d == null ? void 0 : d(e), children: [
1157
- /* @__PURE__ */ c(yt, { children: [
1158
- /* @__PURE__ */ c(vt, { children: [
1160
+ const a = de[n], l = Tt[p];
1161
+ return a ? /* @__PURE__ */ c(Ct, { onClick: () => d == null ? void 0 : d(e), children: [
1162
+ /* @__PURE__ */ c(wt, { children: [
1163
+ /* @__PURE__ */ c(ft, { children: [
1159
1164
  /* @__PURE__ */ s(
1160
- gt,
1165
+ yt,
1161
1166
  {
1162
1167
  "data-type-trivia": n === m.TRIVIA,
1163
1168
  "data-type-poll": n === m.POLL,
1164
1169
  name: a.iconName
1165
1170
  }
1166
1171
  ),
1167
- /* @__PURE__ */ c(bt, { children: [
1172
+ /* @__PURE__ */ c(Rt, { children: [
1168
1173
  a.label,
1169
1174
  n === m.TRIVIA && i === N.RESOLVED && " • Expired"
1170
1175
  ] })
1171
1176
  ] }),
1172
- /* @__PURE__ */ s(Ct, { children: o || "" })
1177
+ /* @__PURE__ */ s(At, { children: o || "" })
1173
1178
  ] }),
1174
- /* @__PURE__ */ s(ft, { children: r ? /* @__PURE__ */ s(Rt, { children: "Play" }) : l })
1179
+ /* @__PURE__ */ s(gt, { children: r ? /* @__PURE__ */ s(kt, { children: "Play" }) : l })
1175
1180
  ] }) : null;
1176
- }, Tt = /* @__PURE__ */ t("div")({
1181
+ }, St = /* @__PURE__ */ t("div")({
1177
1182
  name: "Container",
1178
1183
  class: "cll3md7",
1179
1184
  propsAsIs: !1
1180
- }), xt = /* @__PURE__ */ t("button")({
1185
+ }), qt = /* @__PURE__ */ t("button")({
1181
1186
  name: "ActionBtn",
1182
1187
  class: "a10g1iik",
1183
1188
  propsAsIs: !1
1184
- }), St = ({ openInsight: e, questionId: n, ...i }) => /* @__PURE__ */ c(Tt, { children: [
1185
- /* @__PURE__ */ s(Ae, { questionId: n, ...i }),
1186
- e && /* @__PURE__ */ s(xt, { onClick: () => e(n), children: "View Insight" })
1187
- ] }), qt = /* @__PURE__ */ t("div")({
1189
+ }), Et = ({ openInsight: e, questionId: n, ...i }) => {
1190
+ const o = () => {
1191
+ Ie(), e == null || e(n);
1192
+ };
1193
+ return /* @__PURE__ */ c(St, { children: [
1194
+ /* @__PURE__ */ s(ge, { questionId: n, ...i }),
1195
+ e && /* @__PURE__ */ s(qt, { onClick: o, children: "View Insight" })
1196
+ ] });
1197
+ }, Vt = /* @__PURE__ */ t("div")({
1188
1198
  name: "Container",
1189
1199
  class: "cl56x6b",
1190
1200
  propsAsIs: !1
1191
- }), Et = () => Ee, Vt = /* @__PURE__ */ t(Et())({
1201
+ }), Nt = () => Ve, Dt = /* @__PURE__ */ t(Nt())({
1192
1202
  name: "ActionButton",
1193
1203
  class: "a11pzf92",
1194
1204
  propsAsIs: !0
1195
- }), Nt = /* @__PURE__ */ t("blockquote")({
1205
+ }), Lt = /* @__PURE__ */ t("blockquote")({
1196
1206
  name: "Quote",
1197
1207
  class: "q1hbaleq",
1198
1208
  propsAsIs: !1
1199
- }), Dt = ({ openTweet: e, ...n }) => /* @__PURE__ */ c(qt, { children: [
1200
- n.title && /* @__PURE__ */ s(Nt, { children: n.title }),
1201
- /* @__PURE__ */ s(me, { ...n }),
1202
- e && /* @__PURE__ */ s(Vt, { onClick: () => e(n.tweetId), children: "View Insight" })
1203
- ] }), Lt = /* @__PURE__ */ t("div")({
1209
+ }), Pt = ({ openTweet: e, ...n }) => {
1210
+ const i = () => {
1211
+ Ie(), e == null || e(n.tweetId);
1212
+ };
1213
+ return /* @__PURE__ */ c(Vt, { children: [
1214
+ n.title && /* @__PURE__ */ s(Lt, { children: n.title }),
1215
+ /* @__PURE__ */ s(me, { ...n }),
1216
+ e && /* @__PURE__ */ s(Dt, { onClick: i, children: "View Insight" })
1217
+ ] });
1218
+ }, Ot = /* @__PURE__ */ t("div")({
1204
1219
  name: "QuestionsContainer",
1205
1220
  class: "qvghv3l",
1206
1221
  propsAsIs: !1
1207
- }), Pt = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Lt, { children: e == null ? void 0 : e.map((o) => {
1222
+ }), Qt = ({ questions: e, openQuestion: n, controlVideo: i }) => /* @__PURE__ */ s(Ot, { children: e == null ? void 0 : e.map((o) => {
1208
1223
  var r, d, p;
1209
1224
  if (o.type === "question" && ((r = o.attributes) == null ? void 0 : r.attributes.case) === "question") {
1210
1225
  const a = o.attributes.attributes.value;
1211
- return /* @__PURE__ */ s(kt, { openQuestion: n, ...a }, a.questionId);
1226
+ return /* @__PURE__ */ s(xt, { openQuestion: n, ...a }, a.questionId);
1212
1227
  }
1213
1228
  if (o.type === "insight" && ((d = o.attributes) == null ? void 0 : d.attributes.case) === "insight") {
1214
1229
  const a = o.attributes.attributes.value;
1215
- return /* @__PURE__ */ s(St, { openInsight: n, controlVideo: i, ...a }, a.questionId);
1230
+ return /* @__PURE__ */ s(Et, { openInsight: n, controlVideo: i, ...a }, a.questionId);
1216
1231
  }
1217
1232
  if (o.type === "tweet" && ((p = o.attributes) == null ? void 0 : p.attributes.case) === "tweet") {
1218
1233
  const a = o.attributes.attributes.value, l = o.attributes.id;
1219
1234
  return /* @__PURE__ */ s(
1220
- Dt,
1235
+ Pt,
1221
1236
  {
1222
1237
  openTweet: n,
1223
1238
  controlVideo: i,
@@ -1228,10 +1243,10 @@ const et = /* @__PURE__ */ t("div")({
1228
1243
  );
1229
1244
  }
1230
1245
  return null;
1231
- }) }), Ot = ({ store: e, openQuestion: n }) => {
1246
+ }) }), Mt = ({ store: e, openQuestion: n }) => {
1232
1247
  const { sdk: i } = he(), o = S(e);
1233
- return o != null && o.data ? /* @__PURE__ */ s(Pt, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1234
- }, Qt = ({ userSummary: e }) => {
1248
+ return o != null && o.data ? /* @__PURE__ */ s(Qt, { openQuestion: n, questions: o.data, controlVideo: i == null ? void 0 : i.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1249
+ }, _t = ({ userSummary: e }) => {
1235
1250
  var n;
1236
1251
  const [i, o] = E(void 0);
1237
1252
  return ee(() => {
@@ -1241,12 +1256,12 @@ const et = /* @__PURE__ */ t("div")({
1241
1256
  return () => {
1242
1257
  r();
1243
1258
  };
1244
- }, [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..." });
1245
- }, Mt = ({ gamification: e, className: n, scrollStore: i, scrollNode: o, appNode: r, style: d, responsiveStore: p, headerNode: a }) => {
1246
- const { tabsShown: l } = S(i, { keys: ["tabsShown"] }), [u, h] = E(Y.HOME), [, C] = ke(), { sdkInDesktopView: I } = S(p, { keys: ["sdkInDesktopView"] }), f = (w) => {
1259
+ }, [e]), i != null && i.summary ? /* @__PURE__ */ s(fe, { ...i.summary, successRate: (n = i.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1260
+ }, jt = ({ gamification: e, className: n, scrollStore: i, scrollNode: o, appNode: r, style: d, responsiveStore: p, headerNode: a }) => {
1261
+ const { tabsShown: l } = S(i, { keys: ["tabsShown"] }), [u, h] = E(Y.HOME), [, C] = Te(), { sdkInDesktopView: I } = S(p, { keys: ["sdkInDesktopView"] }), f = (w) => {
1247
1262
  C(() => {
1248
1263
  var b;
1249
- h(w), I === !1 && (((b = r.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Oe(r, { behavior: "instant" });
1264
+ h(w), I === !1 && (((b = r.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Qe(r, { behavior: "instant" });
1250
1265
  });
1251
1266
  };
1252
1267
  ee(() => i.listen((w) => {
@@ -1258,46 +1273,46 @@ const et = /* @__PURE__ */ t("div")({
1258
1273
  }), [i, p]);
1259
1274
  let k = "0px";
1260
1275
  I ? k = l ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : k = l ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
1261
- const g = I ? r : a;
1262
- return /* @__PURE__ */ c(Ve, { className: n, style: d, children: [
1276
+ const $ = I ? r : a;
1277
+ return /* @__PURE__ */ c(Ne, { className: n, style: d, children: [
1263
1278
  /* @__PURE__ */ s(
1264
- Ne,
1279
+ De,
1265
1280
  {
1266
1281
  style: {
1267
1282
  top: k
1268
1283
  },
1269
- children: /* @__PURE__ */ s(Mn, { activePage: u, toggleActivePage: f })
1284
+ children: /* @__PURE__ */ s(jn, { activePage: u, toggleActivePage: f })
1270
1285
  }
1271
1286
  ),
1272
1287
  u === Y.HOME && /* @__PURE__ */ c(x, { children: [
1273
- /* @__PURE__ */ s(Ie, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s(Qt, { userSummary: e.userSummary }) }) }),
1274
- /* @__PURE__ */ s(Le, { style: { flex: 1 }, children: /* @__PURE__ */ s(Ot, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1288
+ /* @__PURE__ */ s(ve, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Le, { children: /* @__PURE__ */ s(_t, { userSummary: e.userSummary }) }) }),
1289
+ /* @__PURE__ */ s(Pe, { style: { flex: 1 }, children: /* @__PURE__ */ s(Mt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1275
1290
  ] }),
1276
- u === Y.LEADERBOARD && /* @__PURE__ */ s(Pe, { children: /* @__PURE__ */ s(
1277
- ht,
1291
+ u === Y.LEADERBOARD && /* @__PURE__ */ s(Oe, { children: /* @__PURE__ */ s(
1292
+ vt,
1278
1293
  {
1279
- renderClipBoardNode: g,
1294
+ renderClipBoardNode: $,
1280
1295
  scrollStore: i,
1281
1296
  scrollNode: o,
1282
1297
  gamification: e
1283
1298
  }
1284
1299
  ) })
1285
1300
  ] });
1286
- }, _t = () => Me, le = /* @__PURE__ */ t(_t())({
1301
+ }, Ut = () => _e, le = /* @__PURE__ */ t(Ut())({
1287
1302
  name: "OpenedContainer",
1288
1303
  class: "oar61gl",
1289
1304
  propsAsIs: !0
1290
- }), jt = /* @__PURE__ */ t("div")({
1305
+ }), Bt = /* @__PURE__ */ t("div")({
1291
1306
  name: "UserContainer",
1292
1307
  class: "u14zaal4",
1293
1308
  propsAsIs: !1
1294
- }), Ut = ({
1309
+ }), zt = ({
1295
1310
  correct: e,
1296
1311
  incorrect: n
1297
1312
  }) => {
1298
1313
  const i = e + n;
1299
1314
  return i === 0 ? 0 : Math.round(e / i * 100);
1300
- }, oo = ({
1315
+ }, ro = ({
1301
1316
  gamification: e,
1302
1317
  scrollStore: n,
1303
1318
  className: i,
@@ -1317,24 +1332,24 @@ const et = /* @__PURE__ */ t("div")({
1317
1332
  return null;
1318
1333
  const f = a ? /* @__PURE__ */ s(le, {
1319
1334
  className: i,
1320
- children: /* @__PURE__ */ s(Dn, {
1335
+ children: /* @__PURE__ */ s(Pn, {
1321
1336
  gamification: e
1322
1337
  })
1323
1338
  }) : l ? /* @__PURE__ */ s(le, {
1324
1339
  className: i,
1325
- children: /* @__PURE__ */ c(jt, {
1326
- children: [/* @__PURE__ */ s(ve, {
1340
+ children: /* @__PURE__ */ c(Bt, {
1341
+ children: [/* @__PURE__ */ s(Ce, {
1327
1342
  label: "Friend's Rank",
1328
1343
  close: e.closeUser
1329
- }), /* @__PURE__ */ s(Ie, {
1330
- children: /* @__PURE__ */ s(Ce, {
1344
+ }), /* @__PURE__ */ s(ve, {
1345
+ children: /* @__PURE__ */ s(fe, {
1331
1346
  ...l,
1332
- successRate: Ut(l)
1347
+ successRate: zt(l)
1333
1348
  })
1334
1349
  })]
1335
1350
  })
1336
1351
  }) : null;
1337
- return /* @__PURE__ */ s(Qe, {
1352
+ return /* @__PURE__ */ s(Me, {
1338
1353
  container: o,
1339
1354
  useContainer: !u,
1340
1355
  fixedView: I,
@@ -1342,7 +1357,7 @@ const et = /* @__PURE__ */ t("div")({
1342
1357
  });
1343
1358
  }, [o, i, e, a, l, u]);
1344
1359
  return /* @__PURE__ */ c(x, {
1345
- children: [h, /* @__PURE__ */ s(Mt, {
1360
+ children: [h, /* @__PURE__ */ s(jt, {
1346
1361
  appNode: o,
1347
1362
  headerNode: d,
1348
1363
  scrollStore: n,
@@ -1354,5 +1369,5 @@ const et = /* @__PURE__ */ t("div")({
1354
1369
  });
1355
1370
  };
1356
1371
  export {
1357
- oo as default
1372
+ ro as default
1358
1373
  };