@streamlayer/react 0.36.2 → 0.37.1

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