@streamlayer/react 0.37.0 → 0.38.0

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