@streamlayer/react 0.36.2 → 0.37.0

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