@streamlayer/react 0.37.0 → 0.37.1

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