@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/dist/es/gamification-feature.js CHANGED
@@ -1,155 +1,155 @@
1
- var _e = Object.defineProperty;
2
- var Qe = (e, t, s) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
3
- var te = (e, t, s) => (Qe(e, typeof t != "symbol" ? t + "" : t, s), s);
1
+ var je = Object.defineProperty;
2
+ var We = (e, t, s) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
3
+ var ne = (e, t, s) => (We(e, typeof t != "symbol" ? t + "" : t, s), s);
4
4
  import { jsxs as p, jsx as n, Fragment as P } from "react/jsx-runtime";
5
- import { s as o, c as T, Q as f, o as Ae, a as O, b as F, d as ne, E as _, e as je, w as Ue, j as $e, u as Q, g as We, f as ze, K as Be, P as Z, h as Fe, p as He, C as Ye, n as ye, i as Ze, l as Ge, Y as de, k as Ke } from "./masters.js";
6
- import W, { useRef as V, useState as N, useCallback as z, useEffect as ee, useLayoutEffect as Je, useMemo as q, PureComponent as Xe, Component as et, useTransition as tt } from "react";
7
- const st = /* @__PURE__ */ o("div")({
5
+ import { s as o, c as R, Q as f, o as ye, a as _, b as Be, d as F, e as $e, E as Q, w as ze, j as be, u as O, g as Fe, f as He, K as Ye, P as Z, h as Ze, p as Ge, C as Ke, n as we, m as Je, i as Xe, l as et, D as Te, Y as pe, k as tt } from "./masters.js";
6
+ import W, { useState as q, useLayoutEffect as Re, useRef as V, useCallback as B, useEffect as Y, useMemo as x, PureComponent as st, Component as nt, useTransition as rt } from "react";
7
+ const it = /* @__PURE__ */ o("div")({
8
8
  name: "Container",
9
9
  class: "c1vwopgc",
10
10
  propsAsIs: !1
11
- }), nt = /* @__PURE__ */ o("div")({
11
+ }), ot = /* @__PURE__ */ o("div")({
12
12
  name: "QuestionTypeWrap",
13
13
  class: "qyktpt0",
14
14
  propsAsIs: !1
15
- }), it = () => T, rt = /* @__PURE__ */ o(it())({
15
+ }), at = () => R, lt = /* @__PURE__ */ o(at())({
16
16
  name: "QuestionTypeIcon",
17
17
  class: "q951jdx",
18
18
  propsAsIs: !0
19
- }), ot = /* @__PURE__ */ o("span")({
19
+ }), ct = /* @__PURE__ */ o("span")({
20
20
  name: "QuestionTypeTitle",
21
21
  class: "qss5f0e",
22
22
  propsAsIs: !1
23
- }), at = /* @__PURE__ */ o("button")({
24
- name: "CloseButton",
23
+ }), dt = /* @__PURE__ */ o("div")({
24
+ name: "CloseIconWrap",
25
25
  class: "c1ao1jtv",
26
26
  propsAsIs: !1
27
- }), lt = () => T, ct = /* @__PURE__ */ o(lt())({
27
+ }), pt = () => R, ut = /* @__PURE__ */ o(pt())({
28
28
  name: "CloseIcon",
29
29
  class: "cvsl7l3",
30
30
  propsAsIs: !0
31
- }), be = ({ type: e, close: t, label: s }) => {
32
- const r = e ? Ae[e] : { label: s, iconName: void 0 };
33
- return /* @__PURE__ */ p(st, { children: [
34
- /* @__PURE__ */ p(nt, { children: [
31
+ }), Se = ({ type: e, close: t, label: s }) => {
32
+ const r = e ? ye[e] : { label: s, iconName: void 0 };
33
+ return /* @__PURE__ */ p(it, { children: [
34
+ /* @__PURE__ */ p(ot, { children: [
35
35
  (r == null ? void 0 : r.iconName) && /* @__PURE__ */ n(
36
- rt,
36
+ lt,
37
37
  {
38
38
  "data-type-trivia": e === f.TRIVIA,
39
39
  "data-type-poll": e === f.POLL,
40
40
  name: r.iconName
41
41
  }
42
42
  ),
43
- (r == null ? void 0 : r.label) && /* @__PURE__ */ n(ot, { children: r.label })
43
+ (r == null ? void 0 : r.label) && /* @__PURE__ */ n(ct, { children: r.label })
44
44
  ] }),
45
- /* @__PURE__ */ n(at, { onClick: t, children: /* @__PURE__ */ n(ct, { name: "icon-cross" }) })
45
+ /* @__PURE__ */ n(dt, { onClick: t, children: /* @__PURE__ */ n(ut, { name: "icon-cross" }) })
46
46
  ] });
47
- }, we = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Te = (e) => e ? e.toLocaleString("en-US") : "0", re = (e) => e.toLocaleDateString("en-US", {
47
+ }, ke = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Le = (e) => e ? e.toLocaleString("en-US") : "0", oe = (e) => e.toLocaleDateString("en-US", {
48
48
  weekday: "short",
49
49
  month: "short",
50
50
  day: "numeric"
51
- }), oe = (e) => e.toLocaleTimeString("en-US", {
51
+ }), ae = (e) => e.toLocaleTimeString("en-US", {
52
52
  hour: "2-digit",
53
53
  minute: "2-digit"
54
- }), ae = (e) => !isNaN(e.getTime()), dt = /* @__PURE__ */ o("div")({
54
+ }), le = (e) => !isNaN(e.getTime()), ht = /* @__PURE__ */ o("div")({
55
55
  name: "Container",
56
56
  class: "c1zy8a",
57
57
  propsAsIs: !1
58
- }), pt = /* @__PURE__ */ o("div")({
58
+ }), mt = /* @__PURE__ */ o("div")({
59
59
  name: "Title",
60
60
  class: "t1vih9p5",
61
61
  propsAsIs: !1
62
- }), ut = /* @__PURE__ */ o("div")({
62
+ }), vt = /* @__PURE__ */ o("div")({
63
63
  name: "Indicator",
64
64
  class: "i1fbnvpb",
65
65
  propsAsIs: !1
66
- }), pe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(dt, { children: [
67
- /* @__PURE__ */ n(pt, { children: t }),
68
- /* @__PURE__ */ n(ut, { children: e })
69
- ] }), ht = /* @__PURE__ */ o("div")({
66
+ }), ue = ({ indicator: e, title: t }) => /* @__PURE__ */ p(ht, { children: [
67
+ /* @__PURE__ */ n(mt, { children: t }),
68
+ /* @__PURE__ */ n(vt, { children: e })
69
+ ] }), ft = /* @__PURE__ */ o("div")({
70
70
  name: "Container",
71
71
  class: "ctmhwyc",
72
72
  propsAsIs: !1
73
- }), mt = /* @__PURE__ */ o("div")({
73
+ }), It = /* @__PURE__ */ o("div")({
74
74
  name: "Indicator",
75
75
  class: "i1jri200",
76
76
  propsAsIs: !1
77
- }), vt = /* @__PURE__ */ o("div")({
77
+ }), Ct = /* @__PURE__ */ o("div")({
78
78
  name: "Title",
79
79
  class: "t8s05oq",
80
80
  propsAsIs: !1
81
- }), G = ({ indicator: e, title: t }) => /* @__PURE__ */ p(ht, { children: [
82
- /* @__PURE__ */ n(mt, { children: e }),
83
- /* @__PURE__ */ n(vt, { children: t })
84
- ] }), ft = /* @__PURE__ */ o("div")({
81
+ }), G = ({ indicator: e, title: t }) => /* @__PURE__ */ p(ft, { children: [
82
+ /* @__PURE__ */ n(It, { children: e }),
83
+ /* @__PURE__ */ n(Ct, { children: t })
84
+ ] }), gt = /* @__PURE__ */ o("div")({
85
85
  name: "Container",
86
86
  class: "c1yrpn9o",
87
87
  propsAsIs: !1
88
- }), It = /* @__PURE__ */ o("div")({
88
+ }), At = /* @__PURE__ */ o("div")({
89
89
  name: "TopInfo",
90
90
  class: "t17fwahh",
91
91
  propsAsIs: !1
92
- }), Ct = /* @__PURE__ */ o("div")({
92
+ }), yt = /* @__PURE__ */ o("div")({
93
93
  name: "BottomInfo",
94
94
  class: "by6w7e9",
95
95
  propsAsIs: !1
96
- }), gt = /* @__PURE__ */ o("div")({
96
+ }), $t = /* @__PURE__ */ o("div")({
97
97
  name: "User",
98
98
  class: "u1g7arbm",
99
99
  propsAsIs: !1
100
- }), At = /* @__PURE__ */ o("img")({
100
+ }), bt = /* @__PURE__ */ o("img")({
101
101
  name: "Avatar",
102
102
  class: "a1ldeata",
103
103
  propsAsIs: !1
104
- }), $t = /* @__PURE__ */ o("div")({
104
+ }), wt = /* @__PURE__ */ o("div")({
105
105
  name: "UserInfo",
106
106
  class: "u10d4koz",
107
107
  propsAsIs: !1
108
- }), yt = /* @__PURE__ */ o("div")({
108
+ }), Tt = /* @__PURE__ */ o("div")({
109
109
  name: "UserName",
110
110
  class: "u1q6roj0",
111
111
  propsAsIs: !1
112
- }), bt = /* @__PURE__ */ o("div")({
112
+ }), Rt = /* @__PURE__ */ o("div")({
113
113
  name: "UserRating",
114
114
  class: "ui0m425",
115
115
  propsAsIs: !1
116
- }), wt = /* @__PURE__ */ o("img")({
116
+ }), St = /* @__PURE__ */ o("img")({
117
117
  name: "TrophyIcon",
118
118
  class: "t1el3mrn",
119
119
  propsAsIs: !1
120
- }), Tt = /* @__PURE__ */ o("div")({
120
+ }), kt = /* @__PURE__ */ o("div")({
121
121
  name: "Rts",
122
122
  class: "r2vgnxv",
123
123
  propsAsIs: !1
124
- }), Rt = /* @__PURE__ */ o("div")({
124
+ }), Lt = /* @__PURE__ */ o("div")({
125
125
  name: "RtsIndicator",
126
126
  class: "roqn06j",
127
127
  propsAsIs: !1
128
- }), St = /* @__PURE__ */ o("div")({
128
+ }), Et = /* @__PURE__ */ o("div")({
129
129
  name: "RtsLabel",
130
130
  class: "r15adx7c",
131
131
  propsAsIs: !1
132
- }), kt = /* @__PURE__ */ o("div")({
132
+ }), xt = /* @__PURE__ */ o("div")({
133
133
  name: "Divider",
134
134
  class: "dv59lta",
135
135
  propsAsIs: !1
136
- }), Lt = /* @__PURE__ */ o("div")({
136
+ }), Pt = /* @__PURE__ */ o("div")({
137
137
  name: "Ranks",
138
138
  class: "r55lotb",
139
139
  propsAsIs: !1
140
- }), Et = /* @__PURE__ */ o("div")({
140
+ }), qt = /* @__PURE__ */ o("div")({
141
141
  name: "Statistics",
142
142
  class: "s1knfgqt",
143
143
  propsAsIs: !1
144
- }), xt = /* @__PURE__ */ o("div")({
144
+ }), Nt = /* @__PURE__ */ o("div")({
145
145
  name: "AvatarPlaceholder",
146
146
  class: "a1mqo824",
147
147
  propsAsIs: !1
148
- }), Pt = /* @__PURE__ */ o("button")({
148
+ }), Dt = /* @__PURE__ */ o("button")({
149
149
  name: "UserAccountBtn",
150
150
  class: "uxareh6",
151
151
  propsAsIs: !1
152
- }), qt = "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", Re = ({
152
+ }), Ot = "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", Ee = ({
153
153
  avatar: e,
154
154
  name: t,
155
155
  points: s,
@@ -160,23 +160,23 @@ const st = /* @__PURE__ */ o("div")({
160
160
  incorrect: c,
161
161
  inTop: d,
162
162
  successRate: u
163
- }) => /* @__PURE__ */ p(ft, { children: [
164
- /* @__PURE__ */ n(It, { children: /* @__PURE__ */ p(gt, { children: [
165
- /* @__PURE__ */ p(Pt, { children: [
166
- e && /* @__PURE__ */ n(At, { alt: "avatar", src: e }),
167
- !e && /* @__PURE__ */ n(xt, { children: we(t || "") })
163
+ }) => /* @__PURE__ */ p(gt, { children: [
164
+ /* @__PURE__ */ n(At, { children: /* @__PURE__ */ p($t, { children: [
165
+ /* @__PURE__ */ p(Dt, { children: [
166
+ e && /* @__PURE__ */ n(bt, { alt: "avatar", src: e }),
167
+ !e && /* @__PURE__ */ n(Nt, { children: ke(t || "") })
168
168
  ] }),
169
- /* @__PURE__ */ p($t, { children: [
170
- /* @__PURE__ */ n(yt, { children: t }),
171
- /* @__PURE__ */ p(bt, { children: [
172
- /* @__PURE__ */ p(Tt, { children: [
173
- /* @__PURE__ */ n(wt, { alt: "rank-icon", src: qt }),
174
- /* @__PURE__ */ p(Rt, { children: [
175
- Te(s),
176
- /* @__PURE__ */ n(St, { children: "PTS" })
169
+ /* @__PURE__ */ p(wt, { children: [
170
+ /* @__PURE__ */ n(Tt, { children: t }),
171
+ /* @__PURE__ */ p(Rt, { children: [
172
+ /* @__PURE__ */ p(kt, { children: [
173
+ /* @__PURE__ */ n(St, { alt: "rank-icon", src: Ot }),
174
+ /* @__PURE__ */ p(Lt, { children: [
175
+ Le(s),
176
+ /* @__PURE__ */ n(Et, { children: "PTS" })
177
177
  ] })
178
178
  ] }),
179
- /* @__PURE__ */ n(kt, {}),
179
+ /* @__PURE__ */ n(xt, {}),
180
180
  /* @__PURE__ */ p("div", { children: [
181
181
  "TOP ",
182
182
  d || 0,
@@ -185,51 +185,51 @@ const st = /* @__PURE__ */ o("div")({
185
185
  ] })
186
186
  ] })
187
187
  ] }) }),
188
- /* @__PURE__ */ p(Ct, { children: [
189
- /* @__PURE__ */ p(Lt, { children: [
190
- /* @__PURE__ */ n(pe, { indicator: r || 0, title: "Friends rank" }),
191
- /* @__PURE__ */ n(pe, { indicator: i || 0, title: "Global rank" })
188
+ /* @__PURE__ */ p(yt, { children: [
189
+ /* @__PURE__ */ p(Pt, { children: [
190
+ /* @__PURE__ */ n(ue, { indicator: r || 0, title: "Friends rank" }),
191
+ /* @__PURE__ */ n(ue, { indicator: i || 0, title: "Global rank" })
192
192
  ] }),
193
- /* @__PURE__ */ p(Et, { children: [
193
+ /* @__PURE__ */ p(qt, { children: [
194
194
  /* @__PURE__ */ n(G, { indicator: l || 0, title: "Win streak" }),
195
195
  /* @__PURE__ */ n(G, { indicator: a || 0, title: "Correct" }),
196
196
  /* @__PURE__ */ n(G, { indicator: c || 0, title: "Incorrect" }),
197
197
  /* @__PURE__ */ n(G, { indicator: `${u || 0}%`, title: "Succ. rate" })
198
198
  ] })
199
199
  ] })
200
- ] }), Nt = /* @__PURE__ */ o("div")({
200
+ ] }), Mt = /* @__PURE__ */ o("div")({
201
201
  name: "SponsorLogoWrap",
202
202
  class: "s8p5v5z",
203
203
  propsAsIs: !1
204
- }), Dt = () => T, Ot = /* @__PURE__ */ o(Dt())({
204
+ }), Vt = () => R, _t = /* @__PURE__ */ o(Vt())({
205
205
  name: "SponsorLogo",
206
206
  class: "s755yti",
207
207
  propsAsIs: !0
208
- }), Mt = () => /* @__PURE__ */ n(Nt, {
209
- children: /* @__PURE__ */ n(Ot, {
208
+ }), Qt = () => /* @__PURE__ */ n(Mt, {
209
+ children: /* @__PURE__ */ n(_t, {
210
210
  name: "mastersLogo"
211
211
  })
212
- }), Vt = /* @__PURE__ */ o("div")({
212
+ }), Ut = /* @__PURE__ */ o("div")({
213
213
  name: "Container",
214
214
  class: "c38csyt",
215
215
  propsAsIs: !1
216
- }), _t = /* @__PURE__ */ o("div")({
216
+ }), jt = /* @__PURE__ */ o("div")({
217
217
  name: "Title",
218
218
  class: "ty221rx",
219
219
  propsAsIs: !1
220
- }), Qt = /* @__PURE__ */ o("div")({
220
+ }), Wt = /* @__PURE__ */ o("div")({
221
221
  name: "Description",
222
222
  class: "dlaj9xp",
223
223
  propsAsIs: !1
224
- }), jt = ({ title: e, description: t }) => /* @__PURE__ */ p(Vt, { children: [
225
- /* @__PURE__ */ n(T, { name: "icon-check-circle" }),
226
- /* @__PURE__ */ n(_t, { children: e }),
227
- /* @__PURE__ */ n(Qt, { children: t })
228
- ] }), Ut = /* @__PURE__ */ o("div")({
224
+ }), Bt = ({ title: e, description: t }) => /* @__PURE__ */ p(Ut, { children: [
225
+ /* @__PURE__ */ n(R, { name: "icon-check-circle" }),
226
+ /* @__PURE__ */ n(jt, { children: e }),
227
+ /* @__PURE__ */ n(Wt, { children: t })
228
+ ] }), zt = /* @__PURE__ */ o("div")({
229
229
  name: "Container",
230
230
  class: "c16sbdnm",
231
231
  propsAsIs: !1
232
- }), Wt = () => T, zt = /* @__PURE__ */ o(Wt())({
232
+ }), Ft = () => R, Ht = /* @__PURE__ */ o(Ft())({
233
233
  name: "IconPrediction",
234
234
  class: "ibhorgl",
235
235
  propsAsIs: !0
@@ -241,19 +241,19 @@ const st = /* @__PURE__ */ o("div")({
241
241
  name: "FeedbackHeader",
242
242
  class: "f455ozj",
243
243
  propsAsIs: !1
244
- }), Bt = /* @__PURE__ */ o("span")({
244
+ }), Yt = /* @__PURE__ */ o("span")({
245
245
  name: "FeedbackTitle",
246
246
  class: "f1913njx",
247
247
  propsAsIs: !1
248
- }), U = /* @__PURE__ */ o("span")({
248
+ }), j = /* @__PURE__ */ o("span")({
249
249
  name: "FeedbackDescription",
250
250
  class: "fzfk69z",
251
251
  propsAsIs: !1
252
- }), se = /* @__PURE__ */ o("div")({
252
+ }), re = /* @__PURE__ */ o("div")({
253
253
  name: "FeedbackText",
254
254
  class: "fx87qaj",
255
255
  propsAsIs: !1
256
- }), Ft = ({
256
+ }), Zt = ({
257
257
  feedbackMessages: e,
258
258
  questionVotedCorrectly: t,
259
259
  questionVoted: s,
@@ -264,126 +264,130 @@ const st = /* @__PURE__ */ o("div")({
264
264
  showClosedNotificationTrivia: c,
265
265
  votedInCurrentRender: d,
266
266
  votedAfterQuestionClosed: u,
267
- enteredAnActiveQuestion: v,
268
- marketClosed: m
267
+ enteredAnActiveQuestion: h,
268
+ marketClosed: v
269
269
  }) => {
270
- const h = s && (r === f.TRIVIA || r === f.PREDICTION) && d && l !== O.RESOLVED, I = r === f.PREDICTION && !i, R = m && r === f.PREDICTION && !s && !v || r === f.PREDICTION && u && d && v, g = h && I, $ = h && i, C = r === f.PREDICTION && s && d && i, b = s && r === f.POLL && d;
271
- if (!a && !c && !g && !$ && !R && !b && !C)
270
+ const m = s && (r === f.TRIVIA || r === f.PREDICTION) && d && l !== _.RESOLVED, I = r === f.PREDICTION && !i, w = v && r === f.PREDICTION && !s && !h || r === f.PREDICTION && u && d && h, C = m && I, y = m && i, g = r === f.PREDICTION && s && d && i, A = s && r === f.POLL && d;
271
+ if (!a && !c && !C && !y && !w && !A && !g)
272
272
  return null;
273
- const y = t ? "correct" : "incorrect", w = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
274
- return /* @__PURE__ */ p(Ut, { "data-isPrediction": I, children: [
273
+ const b = t ? "correct" : "incorrect", T = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
274
+ return /* @__PURE__ */ p(zt, { "data-isPrediction": I, children: [
275
275
  a && /* @__PURE__ */ p(P, { children: [
276
- /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
276
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
277
277
  /* @__PURE__ */ p("div", { children: [
278
- /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Expired" }) }),
279
- /* @__PURE__ */ n(se, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
278
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(j, { children: "Question Expired" }) }),
279
+ /* @__PURE__ */ n(re, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
280
280
  ] })
281
281
  ] }),
282
282
  c && /* @__PURE__ */ p(P, { children: [
283
- /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
283
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
284
284
  /* @__PURE__ */ p("div", { children: [
285
- /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Closed" }) }),
286
- /* @__PURE__ */ n(se, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
285
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(j, { children: "Question Closed" }) }),
286
+ /* @__PURE__ */ n(re, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
287
287
  ] })
288
288
  ] }),
289
- R && /* @__PURE__ */ p(P, { children: [
290
- /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
289
+ w && /* @__PURE__ */ p(P, { children: [
290
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
291
291
  /* @__PURE__ */ p("div", { children: [
292
- /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Closed" }) }),
293
- /* @__PURE__ */ n(se, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
292
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(j, { children: "Question Closed" }) }),
293
+ /* @__PURE__ */ n(re, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
294
294
  ] })
295
295
  ] }),
296
- g && /* @__PURE__ */ p(P, { children: [
297
- /* @__PURE__ */ n(zt, { name: "icon-prediction" }),
298
- /* @__PURE__ */ n(U, { children: "Stay tuned to see if your prediction was correct." })
296
+ C && /* @__PURE__ */ p(P, { children: [
297
+ /* @__PURE__ */ n(Ht, { name: "icon-prediction" }),
298
+ /* @__PURE__ */ n(j, { children: "Stay tuned to see if your prediction was correct." })
299
299
  ] }),
300
- b && /* @__PURE__ */ p(P, { children: [
301
- /* @__PURE__ */ n(H, { "data-feedback-type": "correct", children: /* @__PURE__ */ n(T, { name: "correct" }) }),
302
- /* @__PURE__ */ n(U, { children: "That's for answering. Please stay tuned for the next question." })
300
+ A && /* @__PURE__ */ p(P, { children: [
301
+ /* @__PURE__ */ n(H, { "data-feedback-type": "correct", children: /* @__PURE__ */ n(R, { name: "correct" }) }),
302
+ /* @__PURE__ */ n(j, { children: "That's for answering. Please stay tuned for the next question." })
303
303
  ] }),
304
- ($ || C) && /* @__PURE__ */ p(P, { children: [
305
- /* @__PURE__ */ n(H, { "data-feedback-type": y, children: /* @__PURE__ */ n(T, { name: y }) }),
304
+ (y || g) && /* @__PURE__ */ p(P, { children: [
305
+ /* @__PURE__ */ n(H, { "data-feedback-type": b, children: /* @__PURE__ */ n(R, { name: b }) }),
306
306
  /* @__PURE__ */ n("div", { children: /* @__PURE__ */ p(K, { children: [
307
- /* @__PURE__ */ n(Bt, { "data-feedback-type": y, children: w == null ? void 0 : w.title }),
308
- /* @__PURE__ */ n(U, { children: w == null ? void 0 : w.description })
307
+ /* @__PURE__ */ n(Yt, { "data-feedback-type": b, children: T == null ? void 0 : T.title }),
308
+ /* @__PURE__ */ n(j, { children: T == null ? void 0 : T.description })
309
309
  ] }) })
310
310
  ] })
311
311
  ] });
312
- }, Ht = /* @__PURE__ */ o("div")({
312
+ }, Gt = /* @__PURE__ */ o("div")({
313
313
  name: "Container",
314
314
  class: "c14ielyq",
315
315
  propsAsIs: !1
316
- }), Yt = /* @__PURE__ */ o("div")({
316
+ }), Kt = () => Be, Jt = /* @__PURE__ */ o(Kt())({
317
+ name: "QuestionScrollContainer",
318
+ class: "q1tlqx57",
319
+ propsAsIs: !0
320
+ }), Xt = /* @__PURE__ */ o("div")({
317
321
  name: "Content",
318
- class: "c1tlqx57",
322
+ class: "c1hq58md",
319
323
  propsAsIs: !1
320
- }), Zt = /* @__PURE__ */ o("div")({
324
+ }), es = /* @__PURE__ */ o("div")({
321
325
  name: "Title",
322
- class: "t1hq58md",
326
+ class: "t1c8nxcx",
323
327
  propsAsIs: !1
324
- }), Gt = /* @__PURE__ */ o("div")({
328
+ }), ts = /* @__PURE__ */ o("div")({
325
329
  name: "Options",
326
- class: "o1c8nxcx",
330
+ class: "oiozuc3",
327
331
  propsAsIs: !1
328
- }), Kt = /* @__PURE__ */ o("button")({
332
+ }), ss = /* @__PURE__ */ o("button")({
329
333
  name: "ButtonContainer",
330
334
  class: "b1b6dl8t",
331
335
  propsAsIs: !1
332
- }), Jt = /* @__PURE__ */ o("div")({
336
+ }), ns = /* @__PURE__ */ o("div")({
333
337
  name: "ButtonPct",
334
338
  class: "b4iik8i",
335
339
  propsAsIs: !1
336
- }), Xt = /* @__PURE__ */ o("span")({
340
+ }), rs = /* @__PURE__ */ o("span")({
337
341
  name: "ButtonBody",
338
342
  class: "b1gq1lnf",
339
343
  propsAsIs: !1
340
- }), es = /* @__PURE__ */ o("div")({
344
+ }), is = /* @__PURE__ */ o("div")({
341
345
  name: "IconContainer",
342
346
  class: "i1j65z51",
343
347
  propsAsIs: !1
344
- }), ts = /* @__PURE__ */ o("div")({
348
+ }), os = /* @__PURE__ */ o("div")({
345
349
  name: "IconWrap",
346
350
  class: "i19tpfua",
347
351
  propsAsIs: !1
348
- }), Se = /* @__PURE__ */ o("img")({
352
+ }), xe = /* @__PURE__ */ o("img")({
349
353
  name: "Icon",
350
354
  class: "i1tubmma",
351
355
  propsAsIs: !1
352
- }), ss = () => Se, ns = /* @__PURE__ */ o(ss())({
356
+ }), as = () => xe, ls = /* @__PURE__ */ o(as())({
353
357
  name: "IconDefault",
354
358
  class: "i1grrgwj",
355
359
  propsAsIs: !0
356
- }), is = () => Se, rs = /* @__PURE__ */ o(is())({
360
+ }), cs = () => xe, ds = /* @__PURE__ */ o(cs())({
357
361
  name: "IconCircle",
358
362
  class: "ibemyq8",
359
363
  propsAsIs: !0
360
- }), os = /* @__PURE__ */ o("span")({
364
+ }), ps = /* @__PURE__ */ o("span")({
361
365
  name: "Title",
362
366
  class: "t1dceht",
363
367
  propsAsIs: !1
364
- }), as = /* @__PURE__ */ o("span")({
368
+ }), us = /* @__PURE__ */ o("span")({
365
369
  name: "Indicators",
366
370
  class: "i116q4vq",
367
371
  propsAsIs: !1
368
- }), ls = /* @__PURE__ */ o("span")({
372
+ }), hs = /* @__PURE__ */ o("span")({
369
373
  name: "Pts",
370
374
  class: "p17ajcu2",
371
375
  propsAsIs: !1
372
- }), cs = /* @__PURE__ */ o("span")({
376
+ }), ms = /* @__PURE__ */ o("span")({
373
377
  name: "Percentage",
374
378
  class: "pu9kmlb",
375
379
  propsAsIs: !1
376
- }), ds = () => T, ps = /* @__PURE__ */ o(ds())({
380
+ }), vs = () => R, fs = /* @__PURE__ */ o(vs())({
377
381
  name: "CheckIcon",
378
382
  class: "c1j2j0s0",
379
383
  propsAsIs: !0
380
- }), ue = {
381
- [F.CENTERED]: (e) => /* @__PURE__ */ n(ns, { alt: "option-icon", src: e }),
382
- [F.TRANSPARENT]: (e) => /* @__PURE__ */ n(es, { children: /* @__PURE__ */ n(ts, { style: { backgroundImage: `url(${e})` } }) }),
383
- [F.ROUNDED]: (e) => /* @__PURE__ */ n(rs, { alt: "option-icon", src: e }),
384
+ }), he = {
385
+ [F.CENTERED]: (e) => /* @__PURE__ */ n(ls, { alt: "option-icon", src: e }),
386
+ [F.TRANSPARENT]: (e) => /* @__PURE__ */ n(is, { children: /* @__PURE__ */ n(os, { style: { backgroundImage: `url(${e})` } }) }),
387
+ [F.ROUNDED]: (e) => /* @__PURE__ */ n(ds, { alt: "option-icon", src: e }),
384
388
  [F.NONE]: () => null,
385
389
  [F.UNSET]: () => null
386
- }, us = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: r, questionVoted: i }) => {
390
+ }, Is = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: r, questionVoted: i }) => {
387
391
  if (e === f.POLL && r)
388
392
  return "correct";
389
393
  if (e === f.PREDICTION) {
@@ -393,13 +397,13 @@ const st = /* @__PURE__ */ o("div")({
393
397
  return "correct";
394
398
  }
395
399
  return e === f.TRIVIA && i && r ? s ? "correct" : "incorrect" : "unset";
396
- }, hs = ({
400
+ }, Cs = ({
397
401
  questionType: e,
398
402
  questionVoted: t,
399
403
  correct: s,
400
404
  hasCorrectAnswer: r,
401
405
  questionStatus: i
402
- }) => e === f.TRIVIA ? t && s : e === f.PREDICTION ? t && s && r || i === O.RESOLVED && s : !1, ms = (e) => {
406
+ }) => e === f.TRIVIA ? t && s : e === f.PREDICTION ? t && s && r || i === _.RESOLVED && s : !1, gs = (e) => {
403
407
  var t;
404
408
  const {
405
409
  // option props
@@ -412,136 +416,140 @@ const st = /* @__PURE__ */ o("div")({
412
416
  onVote: c,
413
417
  markThatVoted: d,
414
418
  youSelected: u,
415
- questionVoted: v,
416
- imageMode: m,
417
- answerTimeExpired: h,
419
+ questionVoted: h,
420
+ imageMode: v,
421
+ answerTimeExpired: m,
418
422
  questionStatus: I,
419
- isLoading: R,
420
- questionType: g,
421
- correct: $,
422
- hasCorrectAnswer: C,
423
- votedAfterQuestionClosed: b,
424
- enteredAnActiveQuestion: y,
425
- marketClosed: w
426
- } = e, E = us(e), M = hs({ questionType: g, questionVoted: v, correct: $, hasCorrectAnswer: C, questionStatus: I }), D = w && g === f.PREDICTION, Y = v || D, A = g === f.PREDICTION && !v && I !== O.RESOLVED;
427
- return /* @__PURE__ */ p(
428
- Kt,
423
+ isLoading: w,
424
+ questionType: C,
425
+ correct: y,
426
+ hasCorrectAnswer: g,
427
+ votedAfterQuestionClosed: A,
428
+ enteredAnActiveQuestion: b,
429
+ marketClosed: T
430
+ } = e, [N, M] = q(l), D = Is(e), ee = Cs({ questionType: C, questionVoted: h, correct: y, hasCorrectAnswer: g, questionStatus: I }), $ = T && C === f.PREDICTION, S = h || $, k = C === f.PREDICTION && !h && !T, te = h && !u && D !== "incorrect";
431
+ return Re(() => {
432
+ l > 0 && (M(0), requestAnimationFrame(() => {
433
+ M(l);
434
+ }));
435
+ }, [l]), /* @__PURE__ */ p(
436
+ ss,
429
437
  {
430
438
  value: s,
431
439
  "data-selected": u,
432
- "data-answer-state": E,
433
- disabled: v || R || h || D && !y || D && y && b,
434
- "data-is-not-checked": v && !u && E !== "incorrect",
435
- onClick: (k) => {
440
+ "data-answer-state": D,
441
+ disabled: h || w || m || $ && !b || $ && b && A,
442
+ "data-is-not-checked": te,
443
+ onClick: (se) => {
436
444
  d(
437
- g === f.PREDICTION ? w : I === O.RESOLVED
438
- ), c(k);
445
+ C === f.PREDICTION ? T : I === _.RESOLVED
446
+ ), c(se);
439
447
  },
440
448
  children: [
441
- /* @__PURE__ */ n(Jt, { "data-answer-state": E, style: { width: `${Y ? l : 0}%` } }),
442
- /* @__PURE__ */ p(Xt, { children: [
443
- r && m && ((t = ue[m]) == null ? void 0 : t.call(ue, r)),
444
- /* @__PURE__ */ n(os, { children: i }),
445
- A && /* @__PURE__ */ p("div", { children: [
446
- /* @__PURE__ */ n(ne, { value: a }),
447
- /* @__PURE__ */ n(ls, { children: "pts" })
449
+ /* @__PURE__ */ n(ns, { "data-answer-state": D, style: { width: `${S ? N : 0}%` } }),
450
+ /* @__PURE__ */ p(rs, { children: [
451
+ r && v && ((t = he[v]) == null ? void 0 : t.call(he, r)),
452
+ /* @__PURE__ */ n(ps, { children: i }),
453
+ k && /* @__PURE__ */ p("div", { children: [
454
+ a,
455
+ /* @__PURE__ */ n(hs, { children: "pts" })
448
456
  ] }),
449
- Y && /* @__PURE__ */ p(as, { children: [
450
- M && /* @__PURE__ */ n(ps, { name: "selected" }),
451
- /* @__PURE__ */ n(cs, { children: /* @__PURE__ */ n(ne, { value: l, suffix: "%" }) })
457
+ S && /* @__PURE__ */ p(us, { children: [
458
+ ee && /* @__PURE__ */ n(fs, { name: "selected" }),
459
+ /* @__PURE__ */ n(ms, { children: /* @__PURE__ */ n($e, { value: l, suffix: "%" }) })
452
460
  ] })
453
461
  ] })
454
462
  ]
455
463
  }
456
464
  );
457
465
  };
458
- var he = typeof window > "u" ? ee : Je, vs = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: r = 0, onComplete: i, onUpdate: l }) => {
459
- let [a, c] = N(s), d = V(0), u = V(s), v = V(s * -1e3), m = V(null), h = V(null), I = V(null), R = (C) => {
460
- let b = C / 1e3;
461
- if (h.current === null) {
462
- h.current = b, m.current = requestAnimationFrame(R);
466
+ var me = typeof window > "u" ? Y : Re, As = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: r = 0, onComplete: i, onUpdate: l }) => {
467
+ let [a, c] = q(s), d = V(0), u = V(s), h = V(s * -1e3), v = V(null), m = V(null), I = V(null), w = (g) => {
468
+ let A = g / 1e3;
469
+ if (m.current === null) {
470
+ m.current = A, v.current = requestAnimationFrame(w);
463
471
  return;
464
472
  }
465
- let y = b - h.current, w = d.current + y;
466
- h.current = b, d.current = w;
467
- let E = u.current + (r === 0 ? w : (w / r | 0) * r), M = u.current + w, D = typeof t == "number" && M >= t;
468
- c(D ? t : E), D || (m.current = requestAnimationFrame(R));
469
- }, g = () => {
470
- m.current && cancelAnimationFrame(m.current), I.current && clearTimeout(I.current), h.current = null;
471
- }, $ = z((C) => {
472
- g(), d.current = 0;
473
- let b = typeof C == "number" ? C : s;
474
- u.current = b, c(b), e && (m.current = requestAnimationFrame(R));
473
+ let b = A - m.current, T = d.current + b;
474
+ m.current = A, d.current = T;
475
+ let N = u.current + (r === 0 ? T : (T / r | 0) * r), M = u.current + T, D = typeof t == "number" && M >= t;
476
+ c(D ? t : N), D || (v.current = requestAnimationFrame(w));
477
+ }, C = () => {
478
+ v.current && cancelAnimationFrame(v.current), I.current && clearTimeout(I.current), m.current = null;
479
+ }, y = B((g) => {
480
+ C(), d.current = 0;
481
+ let A = typeof g == "number" ? g : s;
482
+ u.current = A, c(A), e && (v.current = requestAnimationFrame(w));
475
483
  }, [e, s]);
476
- return he(() => {
484
+ return me(() => {
477
485
  if (l == null || l(a), t && a >= t) {
478
- v.current += t * 1e3;
479
- let { shouldRepeat: C = !1, delay: b = 0, newStartAt: y } = (i == null ? void 0 : i(v.current / 1e3)) || {};
480
- C && (I.current = setTimeout(() => $(y), b * 1e3));
486
+ h.current += t * 1e3;
487
+ let { shouldRepeat: g = !1, delay: A = 0, newStartAt: b } = (i == null ? void 0 : i(h.current / 1e3)) || {};
488
+ g && (I.current = setTimeout(() => y(b), A * 1e3));
481
489
  }
482
- }, [a, t]), he(() => (e && (m.current = requestAnimationFrame(R)), g), [e, t, r]), { elapsedTime: a, reset: $ };
483
- }, fs = (e, t, s) => {
490
+ }, [a, t]), me(() => (e && (v.current = requestAnimationFrame(w)), C), [e, t, r]), { elapsedTime: a, reset: y };
491
+ }, ys = (e, t, s) => {
484
492
  let r = e / 2, i = t / 2, l = r - i, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
485
493
  return { path: `m ${r},${i} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
486
- }, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, Is = (e) => ({ position: "relative", width: e, height: e }), Cs = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, ke = (e, t, s, r, i) => {
494
+ }, ve = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, $s = (e) => ({ position: "relative", width: e, height: e }), bs = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Pe = (e, t, s, r, i) => {
487
495
  if (r === 0)
488
496
  return t;
489
497
  let l = (i ? r - e : e) / r;
490
498
  return t + s * l;
491
- }, ve = (e) => {
499
+ }, fe = (e) => {
492
500
  var t, s;
493
501
  return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (r, i, l, a) => `#${i}${i}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((r) => parseInt(r, 16))) != null ? s : [];
494
- }, gs = (e, t) => {
502
+ }, ws = (e, t) => {
495
503
  var s;
496
504
  let { colors: r, colorsTime: i, isSmoothColorTransition: l = !0 } = e;
497
505
  if (typeof r == "string")
498
506
  return r;
499
- let a = (s = i == null ? void 0 : i.findIndex((h, I) => h >= t && t >= i[I + 1])) != null ? s : -1;
507
+ let a = (s = i == null ? void 0 : i.findIndex((m, I) => m >= t && t >= i[I + 1])) != null ? s : -1;
500
508
  if (!i || a === -1)
501
509
  return r[0];
502
510
  if (!l)
503
511
  return r[a];
504
- let c = i[a] - t, d = i[a] - i[a + 1], u = ve(r[a]), v = ve(r[a + 1]), m = !!e.isGrowing;
505
- return `rgb(${u.map((h, I) => ke(c, h, v[I] - h, d, m) | 0).join(",")})`;
506
- }, As = (e) => {
507
- let { duration: t, initialRemainingTime: s, updateInterval: r, size: i = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: v, onUpdate: m } = e, h = V(), I = Math.max(l, a ?? 0), { path: R, pathLength: g } = fs(i, I, u), { elapsedTime: $ } = vs({ isPlaying: c, duration: t, startAt: me(t, s), updateInterval: r, onUpdate: typeof m == "function" ? (b) => {
508
- let y = Math.ceil(t - b);
509
- y !== h.current && (h.current = y, m(y));
510
- } : void 0, onComplete: typeof v == "function" ? (b) => {
511
- var y;
512
- let { shouldRepeat: w, delay: E, newInitialRemainingTime: M } = (y = v(b)) != null ? y : {};
513
- if (w)
514
- return { shouldRepeat: w, delay: E, newStartAt: me(t, M) };
515
- } : void 0 }), C = t - $;
516
- return { elapsedTime: $, path: R, pathLength: g, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: gs(e, C), strokeDashoffset: ke($, 0, g, t, d), strokeWidth: l };
517
- }, Le = (e) => {
518
- let { children: t, strokeLinecap: s, trailColor: r, trailStrokeWidth: i } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: u, elapsedTime: v, size: m, strokeWidth: h } = As(e);
519
- return W.createElement("div", { style: Is(m) }, W.createElement("svg", { viewBox: `0 0 ${m} ${m}`, width: m, height: m, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: l, fill: "none", stroke: r ?? "#d9d9d9", strokeWidth: i ?? h }), W.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: h, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && W.createElement("div", { style: Cs }, t({ remainingTime: u, elapsedTime: v, color: c })));
512
+ let c = i[a] - t, d = i[a] - i[a + 1], u = fe(r[a]), h = fe(r[a + 1]), v = !!e.isGrowing;
513
+ return `rgb(${u.map((m, I) => Pe(c, m, h[I] - m, d, v) | 0).join(",")})`;
514
+ }, Ts = (e) => {
515
+ let { duration: t, initialRemainingTime: s, updateInterval: r, size: i = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: h, onUpdate: v } = e, m = V(), I = Math.max(l, a ?? 0), { path: w, pathLength: C } = ys(i, I, u), { elapsedTime: y } = As({ isPlaying: c, duration: t, startAt: ve(t, s), updateInterval: r, onUpdate: typeof v == "function" ? (A) => {
516
+ let b = Math.ceil(t - A);
517
+ b !== m.current && (m.current = b, v(b));
518
+ } : void 0, onComplete: typeof h == "function" ? (A) => {
519
+ var b;
520
+ let { shouldRepeat: T, delay: N, newInitialRemainingTime: M } = (b = h(A)) != null ? b : {};
521
+ if (T)
522
+ return { shouldRepeat: T, delay: N, newStartAt: ve(t, M) };
523
+ } : void 0 }), g = t - y;
524
+ return { elapsedTime: y, path: w, pathLength: C, remainingTime: Math.ceil(g), rotation: u, size: i, stroke: ws(e, g), strokeDashoffset: Pe(y, 0, C, t, d), strokeWidth: l };
525
+ }, qe = (e) => {
526
+ let { children: t, strokeLinecap: s, trailColor: r, trailStrokeWidth: i } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: u, elapsedTime: h, size: v, strokeWidth: m } = Ts(e);
527
+ return W.createElement("div", { style: $s(v) }, W.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: l, fill: "none", stroke: r ?? "#d9d9d9", strokeWidth: i ?? m }), W.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && W.createElement("div", { style: bs }, t({ remainingTime: u, elapsedTime: h, color: c })));
520
528
  };
521
- Le.displayName = "CountdownCircleTimer";
522
- const $s = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRAY3], ys = [10, 10, 1, 0], bs = /* @__PURE__ */ o("div")({
529
+ qe.displayName = "CountdownCircleTimer";
530
+ const Rs = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRAY3], Ss = [10, 10, 1, 0], ks = /* @__PURE__ */ o("div")({
523
531
  name: "RemainingTime",
524
532
  class: "r165427",
525
533
  propsAsIs: !1
526
- }), ws = _.SECONDARY_GREEN6, fe = _.SECONDARY_RED3, Ts = _.NEUTRALS_GRAY3, Rs = ({
534
+ }), Ls = Q.SECONDARY_GREEN6, Ie = Q.SECONDARY_RED3, Es = Q.NEUTRALS_GRAY3, xs = ({
527
535
  isPlaying: e = !0,
528
536
  duration: t = 30,
529
537
  onTimerExpired: s
530
538
  }) => {
531
- const [r, i] = N(t > 10 ? ws : fe), l = ({
539
+ const [r, i] = q(t > 10 ? Ls : Ie), l = ({
532
540
  remainingTime: d
533
- }) => /* @__PURE__ */ n(bs, {
541
+ }) => /* @__PURE__ */ n(ks, {
534
542
  children: d
535
- }), a = z(() => {
536
- s == null || s(), i(Ts);
537
- }, [s, i]), c = z((d) => {
538
- d === 10 && i(fe);
543
+ }), a = B(() => {
544
+ s == null || s(), i(Es);
545
+ }, [s, i]), c = B((d) => {
546
+ d === 10 && i(Ie);
539
547
  }, [i]);
540
- return /* @__PURE__ */ n(Le, {
548
+ return /* @__PURE__ */ n(qe, {
541
549
  isPlaying: e,
542
550
  duration: t,
543
- colors: $s,
544
- colorsTime: ys,
551
+ colors: Rs,
552
+ colorsTime: Ss,
545
553
  size: 32,
546
554
  strokeWidth: 2,
547
555
  trailStrokeWidth: 2,
@@ -550,288 +558,283 @@ const $s = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
550
558
  onUpdate: c,
551
559
  children: l
552
560
  });
553
- }, Ss = /* @__PURE__ */ o("div")({
561
+ }, Ps = /* @__PURE__ */ o("div")({
554
562
  name: "WinBarContainer",
555
563
  class: "wie6cqo",
556
564
  propsAsIs: !1
557
- }), ks = /* @__PURE__ */ o("div")({
565
+ }), qs = /* @__PURE__ */ o("div")({
558
566
  name: "Content",
559
567
  class: "cgizw4u",
560
568
  propsAsIs: !1
561
- }), Ls = /* @__PURE__ */ o("div")({
569
+ }), Ns = /* @__PURE__ */ o("div")({
562
570
  name: "Title",
563
571
  class: "t1l3ucjp",
564
572
  propsAsIs: !1
565
- }), Es = () => T, xs = /* @__PURE__ */ o(Es())({
573
+ }), Ds = () => R, Os = /* @__PURE__ */ o(Ds())({
566
574
  name: "WinIcon",
567
575
  class: "wx7j799",
568
576
  propsAsIs: !0
569
- }), Ps = /* @__PURE__ */ o("div")({
577
+ }), Ms = /* @__PURE__ */ o("div")({
570
578
  name: "Points",
571
579
  class: "p4lwuj0",
572
580
  propsAsIs: !1
573
- }), qs = /* @__PURE__ */ o("span")({
581
+ }), Vs = /* @__PURE__ */ o("span")({
574
582
  name: "PointsCount",
575
583
  class: "po9i64o",
576
584
  propsAsIs: !1
577
- }), Ns = /* @__PURE__ */ o("span")({
585
+ }), _s = /* @__PURE__ */ o("span")({
578
586
  name: "PointsUnits",
579
587
  class: "pe5g05h",
580
588
  propsAsIs: !1
581
- }), Ds = ({
589
+ }), Qs = ({
582
590
  title: e,
583
591
  points: t,
584
592
  isPlayingTimer: s,
585
593
  isTimer: r,
586
- questionType: i,
587
- timerDuration: l,
588
- onTimerExpired: a
589
- }) => /* @__PURE__ */ p(Ss, { style: { justifyContent: i === f.PREDICTION ? "center" : "space-between" }, children: [
590
- /* @__PURE__ */ p(ks, { children: [
591
- e && /* @__PURE__ */ n(Ls, { children: e }),
592
- t !== void 0 && i !== f.POLL && /* @__PURE__ */ p(P, { children: [
593
- /* @__PURE__ */ n(xs, { name: "icon-trophy" }),
594
- /* @__PURE__ */ p(Ps, { children: [
595
- /* @__PURE__ */ n(qs, { children: /* @__PURE__ */ n(ne, { value: t }) }),
596
- /* @__PURE__ */ n(Ns, { children: "PTS" })
594
+ animatePoints: i,
595
+ questionType: l,
596
+ timerDuration: a,
597
+ onTimerExpired: c
598
+ }) => /* @__PURE__ */ p(Ps, { style: { justifyContent: l === f.PREDICTION ? "center" : "space-between" }, children: [
599
+ /* @__PURE__ */ p(qs, { children: [
600
+ e && /* @__PURE__ */ n(Ns, { children: e }),
601
+ t !== void 0 && l !== f.POLL && /* @__PURE__ */ p(P, { children: [
602
+ /* @__PURE__ */ n(Os, { name: "icon-trophy" }),
603
+ /* @__PURE__ */ p(Ms, { children: [
604
+ /* @__PURE__ */ n(Vs, { children: i ? /* @__PURE__ */ n($e, { value: t, delay: 0.3 }) : t }),
605
+ /* @__PURE__ */ n(_s, { children: "PTS" })
597
606
  ] })
598
607
  ] })
599
608
  ] }),
600
- r && i !== f.PREDICTION && /* @__PURE__ */ n(Rs, { isPlaying: s, onTimerExpired: a, duration: l })
601
- ] }), Os = ({ openedQuestion: e, isLoading: t, vote: s, close: r }) => {
609
+ r && l !== f.PREDICTION && /* @__PURE__ */ n(xs, { isPlaying: s, onTimerExpired: c, duration: a })
610
+ ] }), Us = ({ openedQuestion: e, isLoading: t, vote: s, close: r }) => {
602
611
  var i, l;
603
- const a = e.subject, c = e.type, d = e.status, u = (i = e.options) == null ? void 0 : i.options, v = e.marketClosed, [m, h] = N(!1), [I, R] = N(!1), [g, $] = N(!0), [C, b] = N(!1), [y, w] = N(""), E = e == null ? void 0 : e.id;
604
- ee(() => {
605
- c === f.PREDICTION ? v && $(!1) : d === O.RESOLVED && $(!1);
612
+ const a = e.subject, c = e.type, d = e.status, u = (i = e.options) == null ? void 0 : i.options, h = e.marketClosed, [v, m] = q(!1), [I, w] = q(!1), [C, y] = q(!0), [g, A] = q(!1), [b, T] = q(""), N = e == null ? void 0 : e.id;
613
+ Y(() => {
614
+ c === f.PREDICTION ? h && y(!1) : d === _.RESOLVED && y(!1);
606
615
  }, []);
607
- const M = z((S) => {
608
- R(S), h(!0);
609
- }, []), D = z(
610
- async (S) => {
611
- if (E) {
612
- const B = S.currentTarget.value;
613
- w(B), await s(E, B);
616
+ const M = B((L) => {
617
+ w(L), m(!0);
618
+ }, []), D = B(
619
+ async (L) => {
620
+ if (N) {
621
+ const z = L.currentTarget.value;
622
+ T(z), await s(N, z);
614
623
  }
615
624
  },
616
- [E, w, s]
617
- ), Y = z(() => {
618
- b(!0), setTimeout(r, 3e3);
619
- }, [r]), A = q(
620
- () => e == null ? void 0 : e.answers.find((S) => S.youVoted === !0),
625
+ [N, T, s]
626
+ ), ee = B(() => {
627
+ A(!0), setTimeout(r, 3e3);
628
+ }, [r]), $ = x(
629
+ () => e == null ? void 0 : e.answers.find((L) => L.youVoted === !0),
621
630
  [e]
622
- ), k = q(
623
- () => !!(e != null && e.answers.find((S) => S.correct === !0)),
631
+ ), S = x(
632
+ () => !!(e != null && e.answers.find((L) => L.correct === !0)),
624
633
  [e]
625
- ), x = q(
626
- () => e == null ? void 0 : e.answers.find((S) => S.correct === !0),
634
+ ), k = x(
635
+ () => e == null ? void 0 : e.answers.find((L) => L.correct === !0),
627
636
  [e]
628
- ), Ne = q(() => e ? e.answers.map((S) => {
629
- var B;
637
+ ), te = x(() => e ? e.answers.map((L) => {
638
+ var z;
630
639
  return {
631
- ...S,
632
- questionVoted: !!A,
633
- youSelected: y === S.id,
640
+ ...L,
641
+ questionVoted: !!$,
642
+ youSelected: b === L.id,
634
643
  isLoading: t,
635
- hasCorrectAnswer: k,
644
+ hasCorrectAnswer: S,
636
645
  questionType: e.type,
637
- answerTimeExpired: C,
646
+ answerTimeExpired: g,
638
647
  questionStatus: d,
639
- imageMode: (B = e.appearance) == null ? void 0 : B.images,
648
+ imageMode: (z = e.appearance) == null ? void 0 : z.images,
640
649
  onVote: D
641
650
  };
642
651
  }) : [], [
643
- k,
644
- C,
652
+ S,
653
+ g,
645
654
  t,
646
655
  e,
647
- A,
656
+ $,
648
657
  d,
649
658
  D,
650
- y
651
- ]), De = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, j = d === O.RESOLVED && c === f.TRIVIA && !A && !g, le = c === f.TRIVIA && I && m && g, ce = q(() => c === f.PREDICTION ? !!(A && !k || A && k && x != null && x.youVoted) : !0, [c, A, k, x]), Oe = q(() => {
652
- if (c === f.PREDICTION && A && (!k || k && x != null && x.youVoted))
653
- return A.points;
654
- if (!(j || C))
655
- return d === O.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : x == null ? void 0 : x.points;
659
+ b
660
+ ]), se = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, U = d === _.RESOLVED && c === f.TRIVIA && !$ && !C, ce = c === f.TRIVIA && I && v && C, de = x(() => c === f.PREDICTION ? !!($ && !S || $ && S && k != null && k.youVoted) : !0, [c, $, S, k]), Ve = x(() => {
661
+ if (c === f.PREDICTION && $ && (!S || S && k != null && k.youVoted))
662
+ return $.points;
663
+ if (!(U || g))
664
+ return d === _.RESOLVED ? 0 : $ ? $.correct ? $.points : 0 : k == null ? void 0 : k.points;
656
665
  }, [
657
- C,
658
- A,
659
- x,
666
+ g,
667
+ $,
668
+ k,
660
669
  d,
661
- j,
670
+ U,
662
671
  c,
663
- k
664
- ]), Me = q(() => c === f.PREDICTION && A ? k ? k && x != null && x.youVoted ? "You won" : "" : "To win" : j || C ? "Time expired" : c === f.POLL ? "Time remaining" : A ? "You won" : "To win", [C, c, A, j, k, x]), Ve = A || j || le || c === f.TRIVIA && d === O.RESOLVED && g;
665
- return /* @__PURE__ */ n(je, { "data-question-header": "true", children: /* @__PURE__ */ n(Ht, { children: /* @__PURE__ */ p(Yt, { children: [
672
+ S
673
+ ]), _e = x(() => c === f.PREDICTION && $ ? S ? S && k != null && k.youVoted ? "You won" : "" : "To win" : U || g ? "Time expired" : c === f.POLL ? "Time remaining" : $ ? "You won" : "To win", [g, c, $, U, S, k]), Qe = (c === f.TRIVIA || c === f.PREDICTION) && $ && S && (k == null ? void 0 : k.youVoted), Ue = $ || U || ce || c === f.TRIVIA && d === _.RESOLVED && C;
674
+ return /* @__PURE__ */ n(Jt, { children: /* @__PURE__ */ n(Gt, { children: /* @__PURE__ */ p(Xt, { children: [
666
675
  /* @__PURE__ */ n(
667
- Ft,
676
+ Zt,
668
677
  {
669
- feedbackMessages: De,
670
- questionVoted: !!A,
671
- questionVotedCorrectly: A == null ? void 0 : A.correct,
678
+ feedbackMessages: se,
679
+ questionVoted: !!$,
680
+ questionVotedCorrectly: $ == null ? void 0 : $.correct,
672
681
  questionType: c,
673
- hasCorrectAnswer: k,
682
+ hasCorrectAnswer: S,
674
683
  questionStatus: d,
675
- showExpiredNotification: j,
676
- showClosedNotificationTrivia: le,
677
- votedInCurrentRender: m,
684
+ showExpiredNotification: U,
685
+ showClosedNotificationTrivia: ce,
686
+ votedInCurrentRender: v,
678
687
  votedAfterQuestionClosed: I,
679
- enteredAnActiveQuestion: g,
680
- marketClosed: v
688
+ enteredAnActiveQuestion: C,
689
+ marketClosed: h
681
690
  }
682
691
  ),
683
- ce && /* @__PURE__ */ n(
684
- Ds,
692
+ de && /* @__PURE__ */ n(
693
+ Qs,
685
694
  {
686
- title: Me,
687
- points: Oe,
688
- onTimerExpired: Y,
695
+ title: _e,
696
+ points: Ve,
697
+ onTimerExpired: ee,
689
698
  questionType: e.type,
690
699
  isTimer: !t,
691
- isPlayingTimer: !A,
692
- timerDuration: Ve ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
700
+ isPlayingTimer: !$,
701
+ animatePoints: Qe,
702
+ timerDuration: Ue ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
693
703
  }
694
704
  ),
695
- C ? /* @__PURE__ */ n(
696
- jt,
705
+ g ? /* @__PURE__ */ n(
706
+ Bt,
697
707
  {
698
708
  title: "More to come...",
699
709
  description: "Watch for additional enhanced stream interactive experience."
700
710
  }
701
711
  ) : /* @__PURE__ */ p(P, { children: [
702
- /* @__PURE__ */ n(Zt, { style: ce ? {} : { marginTop: 0 }, children: a }),
703
- /* @__PURE__ */ n(Gt, { children: Ne.map((S) => /* @__PURE__ */ n(
704
- ms,
712
+ /* @__PURE__ */ n(es, { style: de ? {} : { marginTop: 0 }, children: a }),
713
+ /* @__PURE__ */ n(ts, { children: te.map((L) => /* @__PURE__ */ n(
714
+ gs,
705
715
  {
706
- ...S,
716
+ ...L,
707
717
  markThatVoted: M,
708
718
  votedAfterQuestionClosed: I,
709
- enteredAnActiveQuestion: g,
710
- marketClosed: v
719
+ enteredAnActiveQuestion: C,
720
+ marketClosed: h
711
721
  },
712
- S.id
722
+ L.id
713
723
  )) })
714
724
  ] })
715
725
  ] }) }) });
716
- }, Ms = /* @__PURE__ */ o("div")({
726
+ }, js = /* @__PURE__ */ o("div")({
717
727
  name: "Container",
718
728
  class: "cgn5uen",
719
729
  propsAsIs: !1
720
- }), Vs = /* @__PURE__ */ o("div")({
730
+ }), Ws = /* @__PURE__ */ o("div")({
721
731
  name: "Content",
722
732
  class: "c1px8nt6",
723
733
  propsAsIs: !1
724
- }), _s = /* @__PURE__ */ o("h3")({
734
+ }), Bs = /* @__PURE__ */ o("h3")({
725
735
  name: "Title",
726
736
  class: "t5et2jt",
727
737
  propsAsIs: !1
728
- }), Qs = /* @__PURE__ */ o("div")({
738
+ }), zs = /* @__PURE__ */ o("div")({
729
739
  name: "Description",
730
740
  class: "d1i2kpk2",
731
741
  propsAsIs: !1
732
- }), js = /* @__PURE__ */ o("div")({
742
+ }), Fs = /* @__PURE__ */ o("div")({
733
743
  name: "DateWrap",
734
744
  class: "dd3lh3p",
735
745
  propsAsIs: !1
736
- }), Us = /* @__PURE__ */ o("img")({
746
+ }), Hs = /* @__PURE__ */ o("img")({
737
747
  name: "Image",
738
748
  class: "i1gfjeu5",
739
749
  propsAsIs: !1
740
- }), Ee = ({
741
- created: e,
742
- image: t,
743
- title: s,
744
- isPickHistory: r,
745
- instantView: i,
746
- notification: l
747
- }) => {
748
- const a = q(() => {
750
+ }), Ne = ({ created: e, instantView: t, isDetail: s, notification: r }) => {
751
+ const i = x(() => {
749
752
  if (e) {
750
- const d = new Date(e);
751
- if (ae(d))
753
+ const h = new Date(e);
754
+ if (le(h))
752
755
  return {
753
- date: re(d),
754
- time: oe(d)
756
+ date: oe(h),
757
+ time: ae(h)
755
758
  };
756
759
  }
757
760
  return null;
758
- }, [e]), c = (i == null ? void 0 : i.image) || t;
759
- return /* @__PURE__ */ p(Ms, { children: [
760
- a && /* @__PURE__ */ p(js, { children: [
761
- a.date,
761
+ }, [e]), l = t == null ? void 0 : t.heading, a = t == null ? void 0 : t.body, c = l || a, d = r == null ? void 0 : r.title, u = r == null ? void 0 : r.body;
762
+ return /* @__PURE__ */ p(js, { children: [
763
+ i && /* @__PURE__ */ p(Fs, { children: [
764
+ i.date,
762
765
  " · ",
763
- a.time
766
+ i.time
764
767
  ] }),
765
- (i == null ? void 0 : i.video) && /* @__PURE__ */ n(Ue, { source: i.video.url, poster: i.video.thumbnailUrl }),
766
- c && !(i != null && i.video) && /* @__PURE__ */ n(Us, { src: c }),
767
- /* @__PURE__ */ p(Vs, { children: [
768
- /* @__PURE__ */ n(_s, { children: r ? s : i == null ? void 0 : i.heading }),
769
- /* @__PURE__ */ n(Qs, { children: r ? l == null ? void 0 : l.body : i == null ? void 0 : i.body })
768
+ (t == null ? void 0 : t.video) && /* @__PURE__ */ n(ze, { source: t.video.url, poster: t.video.thumbnailUrl }),
769
+ (t == null ? void 0 : t.image) && !(t != null && t.video) && /* @__PURE__ */ n(Hs, { src: t == null ? void 0 : t.image }),
770
+ /* @__PURE__ */ p(Ws, { children: [
771
+ /* @__PURE__ */ n(Bs, { children: s && c ? l : d }),
772
+ /* @__PURE__ */ n(zs, { children: s && c ? a : u })
770
773
  ] })
771
774
  ] });
772
- }, Ws = /* @__PURE__ */ o("div")({
775
+ }, Ys = /* @__PURE__ */ o("div")({
773
776
  name: "Container",
774
777
  class: "c1euiow",
775
778
  propsAsIs: !1
776
- }), zs = /* @__PURE__ */ o("a")({
779
+ }), Zs = /* @__PURE__ */ o("a")({
777
780
  name: "WebLinkBtn",
778
781
  class: "w19zie3h",
779
782
  propsAsIs: !1
780
- }), Bs = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ws, { children: [
781
- /* @__PURE__ */ n(Ee, { instantView: e, ...t }),
782
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(zs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
783
+ }), Gs = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ys, { children: [
784
+ /* @__PURE__ */ n(Ne, { instantView: e, ...t, isDetail: !0 }),
785
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Zs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
783
786
  e == null ? void 0 : e.webLink.label,
784
- /* @__PURE__ */ n(T, { name: "icon-external-link" })
787
+ /* @__PURE__ */ n(R, { name: "icon-external-link" })
785
788
  ] })
786
- ] }), Fs = /* @__PURE__ */ o("div")({
789
+ ] }), Ks = /* @__PURE__ */ o("div")({
787
790
  name: "Container",
788
791
  class: "c1dcxmvf",
789
792
  propsAsIs: !1
790
- }), Hs = /* @__PURE__ */ o("div")({
793
+ }), Js = /* @__PURE__ */ o("div")({
791
794
  name: "DateTime",
792
795
  class: "db4q22c",
793
796
  propsAsIs: !1
794
- }), Ys = /* @__PURE__ */ o("blockquote")({
797
+ }), Xs = /* @__PURE__ */ o("blockquote")({
795
798
  name: "Quote",
796
799
  class: "q111mmic",
797
800
  propsAsIs: !1
798
- }), Zs = ({ created: e, ...t }) => {
799
- const s = q(() => {
801
+ }), en = ({ created: e, ...t }) => {
802
+ const s = x(() => {
800
803
  if (e) {
801
804
  const r = new Date(e);
802
- if (ae(r))
805
+ if (le(r))
803
806
  return {
804
- date: re(r),
805
- time: oe(r)
807
+ date: oe(r),
808
+ time: ae(r)
806
809
  };
807
810
  }
808
811
  return null;
809
812
  }, [e]);
810
- return /* @__PURE__ */ p(Fs, { children: [
811
- s && /* @__PURE__ */ p(Hs, { children: [
813
+ return /* @__PURE__ */ p(Ks, { children: [
814
+ s && /* @__PURE__ */ p(Js, { children: [
812
815
  s.date,
813
816
  " · ",
814
817
  s.time
815
818
  ] }),
816
- t.title && /* @__PURE__ */ n(Ys, { children: t.title }),
817
- /* @__PURE__ */ n($e, { ...t })
819
+ t.title && /* @__PURE__ */ n(Xs, { children: t.title }),
820
+ /* @__PURE__ */ n(be, { ...t })
818
821
  ] });
819
- }, Gs = /* @__PURE__ */ o("div")({
822
+ }, tn = /* @__PURE__ */ o("div")({
820
823
  name: "QuestionContainer",
821
824
  class: "qdri6g3",
822
825
  propsAsIs: !1
823
- }), Ks = ({
826
+ }), sn = ({
824
827
  openedQuestion: e
825
828
  }) => {
826
829
  var t, s;
827
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Bs, {
830
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Gs, {
828
831
  created: e.attributes.created,
829
832
  ...e.attributes.attributes.value
830
- }) : ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ n(Zs, {
833
+ }) : ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ n(en, {
831
834
  created: e.attributes.created,
832
835
  ...e.attributes.attributes.value
833
836
  }) : null;
834
- }, Js = ({
837
+ }, nn = ({
835
838
  extendedQuestion: e,
836
839
  vote: t,
837
840
  close: s
@@ -840,59 +843,59 @@ const $s = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRA
840
843
  loading: r,
841
844
  data: i
842
845
  } = e;
843
- return i ? /* @__PURE__ */ n(Os, {
846
+ return i ? /* @__PURE__ */ n(Us, {
844
847
  vote: t,
845
848
  close: s,
846
849
  openedQuestion: i,
847
850
  isLoading: !!r
848
851
  }) : null;
849
- }, Xs = ({
852
+ }, rn = ({
850
853
  gamification: e
851
854
  }) => {
852
855
  var t;
853
- const s = Q(e.openedQuestion.$store), r = Q(e.openedQuestion.$extendedStore);
856
+ const s = O(e.openedQuestion.$store), r = O(e.openedQuestion.$extendedStore);
854
857
  if (!s)
855
858
  return null;
856
859
  const i = s.type;
857
- return /* @__PURE__ */ p(Gs, {
858
- children: [/* @__PURE__ */ n(be, {
860
+ return /* @__PURE__ */ p(tn, {
861
+ children: [/* @__PURE__ */ n(Se, {
859
862
  close: e.closeQuestion,
860
863
  type: ((t = s.attributes) == null ? void 0 : t.type) || f.UNSET
861
- }), i === "question" && /* @__PURE__ */ n(Js, {
864
+ }), i === "question" && /* @__PURE__ */ n(nn, {
862
865
  vote: e.submitAnswer,
863
866
  close: e.closeQuestion,
864
867
  extendedQuestion: r
865
- }), i !== "question" && /* @__PURE__ */ n(Ks, {
868
+ }), i !== "question" && /* @__PURE__ */ n(sn, {
866
869
  openedQuestion: s
867
- }), /* @__PURE__ */ n(Mt, {
870
+ }), /* @__PURE__ */ n(Qt, {
868
871
  sponsorLogo: ""
869
872
  })]
870
873
  });
871
- }, en = /* @__PURE__ */ o("div")({
874
+ }, on = /* @__PURE__ */ o("div")({
872
875
  name: "Container",
873
876
  class: "c115qtkr",
874
877
  propsAsIs: !1
875
- }), tn = /* @__PURE__ */ o("div")({
878
+ }), an = /* @__PURE__ */ o("div")({
876
879
  name: "STabs",
877
880
  class: "sxnslc8",
878
881
  propsAsIs: !1
879
- }), sn = /* @__PURE__ */ o("button")({
882
+ }), ln = /* @__PURE__ */ o("button")({
880
883
  name: "Button",
881
884
  class: "b1umzux0",
882
885
  propsAsIs: !1
883
- }), nn = /* @__PURE__ */ o("span")({
886
+ }), cn = /* @__PURE__ */ o("span")({
884
887
  name: "Title",
885
888
  class: "tspsaas",
886
889
  propsAsIs: !1
887
890
  });
888
891
  var X = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(X || {});
889
- const Ie = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(sn, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(nn, { children: e }) }), rn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(en, { children: /* @__PURE__ */ p(tn, { "data-position": e === "home" ? "left" : "right", children: [
890
- /* @__PURE__ */ n(Ie, { title: "Home", active: e === "home", onClick: () => t(
892
+ const Ce = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(ln, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(cn, { children: e }) }), dn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(on, { children: /* @__PURE__ */ p(an, { "data-position": e === "home" ? "left" : "right", children: [
893
+ /* @__PURE__ */ n(Ce, { title: "Home", active: e === "home", onClick: () => t(
891
894
  "home"
892
895
  /* HOME */
893
896
  ) }),
894
897
  /* @__PURE__ */ n(
895
- Ie,
898
+ Ce,
896
899
  {
897
900
  title: "Friends",
898
901
  active: e === "leaderboard",
@@ -902,50 +905,50 @@ const Ie = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(sn, { onCl
902
905
  )
903
906
  }
904
907
  )
905
- ] }) }), on = /* @__PURE__ */ o("div")({
908
+ ] }) }), pn = /* @__PURE__ */ o("div")({
906
909
  name: "Container",
907
910
  class: "c1ux29ft",
908
911
  propsAsIs: !1
909
- }), an = /* @__PURE__ */ o("img")({
912
+ }), un = /* @__PURE__ */ o("img")({
910
913
  name: "FriendsIcon",
911
914
  class: "f10ncfg2",
912
915
  propsAsIs: !1
913
- }), ln = /* @__PURE__ */ o("div")({
916
+ }), hn = /* @__PURE__ */ o("div")({
914
917
  name: "Content",
915
918
  class: "c1yc07bd",
916
919
  propsAsIs: !1
917
- }), cn = /* @__PURE__ */ o("div")({
920
+ }), mn = /* @__PURE__ */ o("div")({
918
921
  name: "Title",
919
922
  class: "tj6cq7w",
920
923
  propsAsIs: !1
921
- }), dn = /* @__PURE__ */ o("div")({
924
+ }), vn = /* @__PURE__ */ o("div")({
922
925
  name: "Description",
923
926
  class: "d1ag78xo",
924
927
  propsAsIs: !1
925
- }), pn = () => T, un = /* @__PURE__ */ o(pn())({
928
+ }), fn = () => R, In = /* @__PURE__ */ o(fn())({
926
929
  name: "ArrowInviteIcon",
927
930
  class: "awohrz6",
928
931
  propsAsIs: !0
929
- }), hn = "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", mn = ({ title: e, description: t, onClick: s, className: r }) => /* @__PURE__ */ p(on, { onClick: s, className: r, children: [
930
- /* @__PURE__ */ n(an, { alt: "friends-icon", src: hn }),
931
- /* @__PURE__ */ p(ln, { children: [
932
- /* @__PURE__ */ n(cn, { children: e }),
933
- /* @__PURE__ */ n(dn, { children: t })
932
+ }), Cn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", gn = ({ title: e, description: t, onClick: s, className: r }) => /* @__PURE__ */ p(pn, { onClick: s, className: r, children: [
933
+ /* @__PURE__ */ n(un, { alt: "friends-icon", src: Cn }),
934
+ /* @__PURE__ */ p(hn, { children: [
935
+ /* @__PURE__ */ n(mn, { children: e }),
936
+ /* @__PURE__ */ n(vn, { children: t })
934
937
  ] }),
935
- /* @__PURE__ */ n(un, { name: "icon-copy" })
938
+ /* @__PURE__ */ n(In, { name: "icon-copy" })
936
939
  ] });
937
- function vn(e) {
940
+ function An(e) {
938
941
  var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, r = e.startIndex, i = e.stopIndex;
939
942
  return !(r > s || i < t);
940
943
  }
941
- function fn(e) {
944
+ function yn(e) {
942
945
  for (var t = e.isItemLoaded, s = e.itemCount, r = e.minimumBatchSize, i = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, u = i; u <= l; u++) {
943
- var v = t(u);
944
- v ? d !== null && (a.push(c, d), c = d = null) : (d = u, c === null && (c = u));
946
+ var h = t(u);
947
+ h ? d !== null && (a.push(c, d), c = d = null) : (d = u, c === null && (c = u));
945
948
  }
946
949
  if (d !== null) {
947
- for (var m = Math.min(Math.max(d, c + r - 1), s - 1), h = d + 1; h <= m && !t(h); h++)
948
- d = h;
950
+ for (var v = Math.min(Math.max(d, c + r - 1), s - 1), m = d + 1; m <= v && !t(m); m++)
951
+ d = m;
949
952
  a.push(c, d);
950
953
  }
951
954
  if (a.length)
@@ -958,10 +961,10 @@ function fn(e) {
958
961
  }
959
962
  return a;
960
963
  }
961
- var In = function(e, t) {
964
+ var $n = function(e, t) {
962
965
  if (!(e instanceof t))
963
966
  throw new TypeError("Cannot call a class as a function");
964
- }, Cn = /* @__PURE__ */ function() {
967
+ }, bn = /* @__PURE__ */ function() {
965
968
  function e(t, s) {
966
969
  for (var r = 0; r < s.length; r++) {
967
970
  var i = s[r];
@@ -971,7 +974,7 @@ var In = function(e, t) {
971
974
  return function(t, s, r) {
972
975
  return s && e(t.prototype, s), r && e(t, r), t;
973
976
  };
974
- }(), gn = function(e, t) {
977
+ }(), wn = function(e, t) {
975
978
  if (typeof t != "function" && t !== null)
976
979
  throw new TypeError("Super expression must either be null or a function, not " + typeof t);
977
980
  e.prototype = Object.create(t && t.prototype, {
@@ -982,26 +985,26 @@ var In = function(e, t) {
982
985
  configurable: !0
983
986
  }
984
987
  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
985
- }, Ce = function(e, t) {
988
+ }, ge = function(e, t) {
986
989
  if (!e)
987
990
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
988
991
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
989
992
  };
990
993
  (function(e) {
991
- gn(t, e);
994
+ wn(t, e);
992
995
  function t() {
993
996
  var s, r, i, l;
994
- In(this, t);
997
+ $n(this, t);
995
998
  for (var a = arguments.length, c = Array(a), d = 0; d < a; d++)
996
999
  c[d] = arguments[d];
997
- return l = (r = (i = Ce(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
998
- var v = u.visibleStartIndex, m = u.visibleStopIndex;
999
- i._lastRenderedStartIndex = v, i._lastRenderedStopIndex = m, i._ensureRowsLoaded(v, m);
1000
+ return l = (r = (i = ge(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
1001
+ var h = u.visibleStartIndex, v = u.visibleStopIndex;
1002
+ i._lastRenderedStartIndex = h, i._lastRenderedStopIndex = v, i._ensureRowsLoaded(h, v);
1000
1003
  }, i._setRef = function(u) {
1001
1004
  i._listRef = u;
1002
- }, r), Ce(i, l);
1005
+ }, r), ge(i, l);
1003
1006
  }
1004
- return Cn(t, [{
1007
+ return bn(t, [{
1005
1008
  key: "resetloadMoreItemsCache",
1006
1009
  value: function() {
1007
1010
  var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1023,81 +1026,81 @@ var In = function(e, t) {
1023
1026
  }, {
1024
1027
  key: "_ensureRowsLoaded",
1025
1028
  value: function(r, i) {
1026
- var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, u = d === void 0 ? 10 : d, v = l.threshold, m = v === void 0 ? 15 : v, h = fn({
1029
+ var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, u = d === void 0 ? 10 : d, h = l.threshold, v = h === void 0 ? 15 : h, m = yn({
1027
1030
  isItemLoaded: a,
1028
1031
  itemCount: c,
1029
1032
  minimumBatchSize: u,
1030
- startIndex: Math.max(0, r - m),
1031
- stopIndex: Math.min(c - 1, i + m)
1033
+ startIndex: Math.max(0, r - v),
1034
+ stopIndex: Math.min(c - 1, i + v)
1032
1035
  });
1033
- (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(I, R) {
1034
- return h[R] !== I;
1035
- })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
1036
+ (this._memoizedUnloadedRanges.length !== m.length || this._memoizedUnloadedRanges.some(function(I, w) {
1037
+ return m[w] !== I;
1038
+ })) && (this._memoizedUnloadedRanges = m, this._loadUnloadedRanges(m));
1036
1039
  }
1037
1040
  }, {
1038
1041
  key: "_loadUnloadedRanges",
1039
1042
  value: function(r) {
1040
1043
  for (var i = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
1041
- var v = r[u], m = r[u + 1], h = l(v, m);
1042
- h != null && h.then(function() {
1043
- if (vn({
1044
+ var h = r[u], v = r[u + 1], m = l(h, v);
1045
+ m != null && m.then(function() {
1046
+ if (An({
1044
1047
  lastRenderedStartIndex: i._lastRenderedStartIndex,
1045
1048
  lastRenderedStopIndex: i._lastRenderedStopIndex,
1046
- startIndex: v,
1047
- stopIndex: m
1049
+ startIndex: h,
1050
+ stopIndex: v
1048
1051
  })) {
1049
1052
  if (i._listRef == null)
1050
1053
  return;
1051
- typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(v, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
1054
+ typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(h, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
1052
1055
  }
1053
1056
  });
1054
1057
  }, c = 0; c < r.length; c += 2)
1055
1058
  a(c);
1056
1059
  }
1057
1060
  }]), t;
1058
- })(Xe);
1059
- const An = /* @__PURE__ */ o("div")({
1061
+ })(st);
1062
+ const Tn = /* @__PURE__ */ o("div")({
1060
1063
  name: "Container",
1061
1064
  class: "culdu4a",
1062
1065
  propsAsIs: !1
1063
- }), $n = /* @__PURE__ */ o("div")({
1066
+ }), Rn = /* @__PURE__ */ o("div")({
1064
1067
  name: "Position",
1065
1068
  class: "pwf8e69",
1066
1069
  propsAsIs: !1
1067
- }), yn = /* @__PURE__ */ o("img")({
1070
+ }), Sn = /* @__PURE__ */ o("img")({
1068
1071
  name: "Avatar",
1069
1072
  class: "atf4yh4",
1070
1073
  propsAsIs: !1
1071
- }), bn = /* @__PURE__ */ o("div")({
1074
+ }), kn = /* @__PURE__ */ o("div")({
1072
1075
  name: "AvatarPlaceholder",
1073
1076
  class: "a1dg29ja",
1074
1077
  propsAsIs: !1
1075
- }), wn = /* @__PURE__ */ o("div")({
1078
+ }), Ln = /* @__PURE__ */ o("div")({
1076
1079
  name: "Content",
1077
1080
  class: "c10a68rc",
1078
1081
  propsAsIs: !1
1079
- }), Tn = /* @__PURE__ */ o("div")({
1082
+ }), En = /* @__PURE__ */ o("div")({
1080
1083
  name: "NameContainer",
1081
1084
  class: "nc4kck5",
1082
1085
  propsAsIs: !1
1083
- }), Rn = /* @__PURE__ */ o("span")({
1086
+ }), xn = /* @__PURE__ */ o("span")({
1084
1087
  name: "Name",
1085
1088
  class: "njsrqgr",
1086
1089
  propsAsIs: !1
1087
- }), Sn = () => T, kn = /* @__PURE__ */ o(Sn())({
1090
+ }), Pn = () => R, qn = /* @__PURE__ */ o(Pn())({
1088
1091
  name: "CurrentUserBadge",
1089
1092
  class: "c17uc4zr",
1090
1093
  propsAsIs: !0
1091
1094
  });
1092
- var xe = { exports: {} }, Ln = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", En = Ln, xn = En;
1093
- function Pe() {
1095
+ var De = { exports: {} }, Nn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", Dn = Nn, On = Dn;
1096
+ function Oe() {
1094
1097
  }
1095
- function qe() {
1098
+ function Me() {
1096
1099
  }
1097
- qe.resetWarningCache = Pe;
1098
- var Pn = function() {
1100
+ Me.resetWarningCache = Oe;
1101
+ var Mn = function() {
1099
1102
  function e(r, i, l, a, c, d) {
1100
- if (d !== xn) {
1103
+ if (d !== On) {
1101
1104
  var u = new Error(
1102
1105
  "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
1103
1106
  );
@@ -1128,15 +1131,15 @@ var Pn = function() {
1128
1131
  oneOfType: t,
1129
1132
  shape: t,
1130
1133
  exact: t,
1131
- checkPropTypes: qe,
1132
- resetWarningCache: Pe
1134
+ checkPropTypes: Me,
1135
+ resetWarningCache: Oe
1133
1136
  };
1134
1137
  return s.PropTypes = s, s;
1135
1138
  };
1136
- xe.exports = Pn();
1137
- var qn = xe.exports;
1138
- const L = /* @__PURE__ */ We(qn);
1139
- class ie extends et {
1139
+ De.exports = Mn();
1140
+ var Vn = De.exports;
1141
+ const E = /* @__PURE__ */ Fe(Vn);
1142
+ class ie extends nt {
1140
1143
  constructor(t) {
1141
1144
  super(t), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
1142
1145
  }
@@ -1254,35 +1257,35 @@ class ie extends et {
1254
1257
  loader: c,
1255
1258
  loadMore: d,
1256
1259
  pageStart: u,
1257
- ref: v,
1258
- threshold: m,
1259
- useCapture: h,
1260
+ ref: h,
1261
+ threshold: v,
1262
+ useCapture: m,
1260
1263
  useWindow: I,
1261
- getScrollParent: R,
1262
- ...g
1264
+ getScrollParent: w,
1265
+ ...C
1263
1266
  } = t;
1264
- g.ref = (C) => {
1265
- this.scrollComponent = C, v && v(C);
1267
+ C.ref = (g) => {
1268
+ this.scrollComponent = g, h && h(g);
1266
1269
  };
1267
- const $ = [s];
1268
- return i && (c ? a ? $.unshift(c) : $.push(c) : this.defaultLoader && (a ? $.unshift(this.defaultLoader) : $.push(this.defaultLoader))), W.createElement(r, g, $);
1270
+ const y = [s];
1271
+ return i && (c ? a ? y.unshift(c) : y.push(c) : this.defaultLoader && (a ? y.unshift(this.defaultLoader) : y.push(this.defaultLoader))), W.createElement(r, C, y);
1269
1272
  }
1270
1273
  }
1271
- te(ie, "propTypes", {
1272
- children: L.node.isRequired,
1273
- element: L.node,
1274
- hasMore: L.bool,
1275
- initialLoad: L.bool,
1276
- isReverse: L.bool,
1277
- loader: L.node,
1278
- loadMore: L.func.isRequired,
1279
- pageStart: L.number,
1280
- ref: L.func,
1281
- getScrollParent: L.func,
1282
- threshold: L.number,
1283
- useCapture: L.bool,
1284
- useWindow: L.bool
1285
- }), te(ie, "defaultProps", {
1274
+ ne(ie, "propTypes", {
1275
+ children: E.node.isRequired,
1276
+ element: E.node,
1277
+ hasMore: E.bool,
1278
+ initialLoad: E.bool,
1279
+ isReverse: E.bool,
1280
+ loader: E.node,
1281
+ loadMore: E.func.isRequired,
1282
+ pageStart: E.number,
1283
+ ref: E.func,
1284
+ getScrollParent: E.func,
1285
+ threshold: E.number,
1286
+ useCapture: E.bool,
1287
+ useWindow: E.bool
1288
+ }), ne(ie, "defaultProps", {
1286
1289
  element: "div",
1287
1290
  hasMore: !1,
1288
1291
  initialLoad: !0,
@@ -1295,7 +1298,7 @@ te(ie, "propTypes", {
1295
1298
  loader: null,
1296
1299
  getScrollParent: null
1297
1300
  });
1298
- const Nn = ({
1301
+ const _n = ({
1299
1302
  rank: e,
1300
1303
  avatar: t,
1301
1304
  name: s,
@@ -1303,21 +1306,21 @@ const Nn = ({
1303
1306
  isCurrentUser: i,
1304
1307
  openItemDetail: l,
1305
1308
  style: a
1306
- }) => /* @__PURE__ */ p(An, { onClick: l, style: a, children: [
1307
- /* @__PURE__ */ n($n, { children: e || 0 }),
1308
- /* @__PURE__ */ p(wn, { children: [
1309
- t ? /* @__PURE__ */ n(yn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(bn, { children: we(s || "") }),
1310
- /* @__PURE__ */ p(Tn, { children: [
1311
- /* @__PURE__ */ n(Rn, { children: s || "" }),
1312
- i && /* @__PURE__ */ n(kn, { name: "icon-star" })
1309
+ }) => /* @__PURE__ */ p(Tn, { onClick: l, style: a, children: [
1310
+ /* @__PURE__ */ n(Rn, { children: e || 0 }),
1311
+ /* @__PURE__ */ p(Ln, { children: [
1312
+ t ? /* @__PURE__ */ n(Sn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(kn, { children: ke(s || "") }),
1313
+ /* @__PURE__ */ p(En, { children: [
1314
+ /* @__PURE__ */ n(xn, { children: s || "" }),
1315
+ i && /* @__PURE__ */ n(qn, { name: "icon-star" })
1313
1316
  ] })
1314
1317
  ] }),
1315
- /* @__PURE__ */ n("div", { children: Te(r) })
1316
- ] }), Dn = /* @__PURE__ */ o("div")({
1318
+ /* @__PURE__ */ n("div", { children: Le(r) })
1319
+ ] }), Qn = /* @__PURE__ */ o("div")({
1317
1320
  name: "Container",
1318
1321
  class: "c16btbfp",
1319
1322
  propsAsIs: !1
1320
- }), On = ({
1323
+ }), Un = ({
1321
1324
  items: e,
1322
1325
  currentUserId: t,
1323
1326
  openItemDetail: s,
@@ -1330,17 +1333,17 @@ const Nn = ({
1330
1333
  hasMore: l,
1331
1334
  useWindow: !1,
1332
1335
  getScrollParent: () => i.current,
1333
- children: /* @__PURE__ */ n(Dn, {
1334
- children: e.map((a) => /* @__PURE__ */ n(Nn, {
1336
+ children: /* @__PURE__ */ n(Qn, {
1337
+ children: e.map((a) => /* @__PURE__ */ n(_n, {
1335
1338
  ...a,
1336
1339
  openItemDetail: () => s(a.userId),
1337
1340
  isCurrentUser: !!t && t === a.userId
1338
1341
  }, a.userId))
1339
1342
  })
1340
- }), Mn = ({ appNode: e, deepLink: t }) => /* @__PURE__ */ n(
1341
- ze,
1343
+ }), jn = ({ renderClipBoardNode: e, deepLink: t }) => /* @__PURE__ */ n(
1344
+ He,
1342
1345
  {
1343
- appNode: e,
1346
+ renderToNode: e,
1344
1347
  inviteLink: t,
1345
1348
  socialLinks: [
1346
1349
  {
@@ -1357,24 +1360,29 @@ const Nn = ({
1357
1360
  inviteCardTitle: "It’s More Fun With Friends",
1358
1361
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1359
1362
  }
1360
- ), Vn = /* @__PURE__ */ o("div")({
1363
+ ), Wn = /* @__PURE__ */ o("div")({
1361
1364
  name: "InviteLinkContainer",
1362
1365
  class: "i1chxfpe",
1363
1366
  propsAsIs: !1
1364
- }), _n = ({
1367
+ }), Bn = ({
1365
1368
  gamification: e,
1366
1369
  scrollNode: t,
1367
1370
  scrollStore: s,
1368
- appNode: r
1371
+ renderClipBoardNode: r
1369
1372
  }) => {
1370
1373
  const {
1371
1374
  data: i,
1372
- hasMore: l
1373
- } = Q(e.leaderboardList.$store), {
1374
- data: a
1375
- } = Q(e.deepLink.$store), [c, d] = Be(r);
1376
- return i != null && i.length ? /* @__PURE__ */ p(P, {
1377
- children: [/* @__PURE__ */ n(On, {
1375
+ hasMore: l,
1376
+ loading: a,
1377
+ key: c
1378
+ } = O(e.leaderboardList.$store), {
1379
+ data: d
1380
+ } = O(e.deepLink.$store), [u, h] = Ye(r);
1381
+ return !i.length && !a ? /* @__PURE__ */ n(jn, {
1382
+ renderClipBoardNode: r,
1383
+ deepLink: d
1384
+ }) : /* @__PURE__ */ p(P, {
1385
+ children: [/* @__PURE__ */ n(Un, {
1378
1386
  items: i,
1379
1387
  scrollNode: t,
1380
1388
  scrollStore: s,
@@ -1382,59 +1390,56 @@ const Nn = ({
1382
1390
  hasMore: l,
1383
1391
  openItemDetail: e.openUser,
1384
1392
  currentUserId: e.currentUserId.get()
1385
- }), a && /* @__PURE__ */ n(Vn, {
1386
- children: /* @__PURE__ */ n(mn, {
1387
- onClick: () => c(a),
1393
+ }, c), d && /* @__PURE__ */ n(Wn, {
1394
+ children: /* @__PURE__ */ n(gn, {
1395
+ onClick: () => u(d),
1388
1396
  title: "Invite Friends",
1389
1397
  description: "Challenge them now!"
1390
1398
  })
1391
- }), d]
1392
- }) : /* @__PURE__ */ n(Mn, {
1393
- appNode: r,
1394
- deepLink: a
1399
+ }), h]
1395
1400
  });
1396
- }, Qn = /* @__PURE__ */ o("div")({
1401
+ }, zn = /* @__PURE__ */ o("div")({
1397
1402
  name: "QuestionItem",
1398
1403
  class: "q1w97g3p",
1399
1404
  propsAsIs: !1
1400
- }), jn = /* @__PURE__ */ o("div")({
1405
+ }), Fn = /* @__PURE__ */ o("div")({
1401
1406
  name: "QuestionCaption",
1402
1407
  class: "q2sl39u",
1403
1408
  propsAsIs: !1
1404
- }), Un = /* @__PURE__ */ o("div")({
1409
+ }), Hn = /* @__PURE__ */ o("div")({
1405
1410
  name: "QuestionBody",
1406
1411
  class: "qd5h0uc",
1407
1412
  propsAsIs: !1
1408
- }), Wn = /* @__PURE__ */ o("div")({
1413
+ }), Yn = /* @__PURE__ */ o("div")({
1409
1414
  name: "QuestionAction",
1410
1415
  class: "q105uluy",
1411
1416
  propsAsIs: !1
1412
- }), zn = () => T, J = /* @__PURE__ */ o(zn())({
1417
+ }), Zn = () => R, J = /* @__PURE__ */ o(Zn())({
1413
1418
  name: "QuestionActionIcon",
1414
1419
  class: "q1fa0b9h",
1415
1420
  propsAsIs: !0
1416
- }), Bn = () => T, Fn = /* @__PURE__ */ o(Bn())({
1421
+ }), Gn = () => R, Kn = /* @__PURE__ */ o(Gn())({
1417
1422
  name: "QuestionTypeIcon",
1418
1423
  class: "qxlt78s",
1419
1424
  propsAsIs: !0
1420
- }), Hn = /* @__PURE__ */ o("div")({
1425
+ }), Jn = /* @__PURE__ */ o("div")({
1421
1426
  name: "QuestionTypeLabel",
1422
1427
  class: "qmg0vkx",
1423
1428
  propsAsIs: !1
1424
- }), Yn = /* @__PURE__ */ o("div")({
1429
+ }), Xn = /* @__PURE__ */ o("div")({
1425
1430
  name: "QuestionContent",
1426
1431
  class: "q1uz5j1g",
1427
1432
  propsAsIs: !1
1428
- }), Zn = /* @__PURE__ */ o("button")({
1433
+ }), er = /* @__PURE__ */ o("button")({
1429
1434
  name: "PlayButton",
1430
1435
  class: "p1pba9p1",
1431
1436
  propsAsIs: !1
1432
- }), Gn = {
1437
+ }), tr = {
1433
1438
  [Z.LOST]: /* @__PURE__ */ n(J, { name: "incorrectVoted" }),
1434
1439
  [Z.WON]: /* @__PURE__ */ n(J, { name: "icon-check" }),
1435
1440
  [Z.UNSET]: /* @__PURE__ */ n(J, { name: "icon-arrow" }),
1436
1441
  [Z.DNP]: /* @__PURE__ */ n(J, { name: "icon-arrow" })
1437
- }, Kn = ({
1442
+ }, sr = ({
1438
1443
  questionId: e,
1439
1444
  questionType: t,
1440
1445
  questionStatus: s,
@@ -1443,203 +1448,248 @@ const Nn = ({
1443
1448
  openQuestion: l,
1444
1449
  status: a
1445
1450
  }) => {
1446
- const c = Ae[t], d = Gn[a];
1447
- return c ? /* @__PURE__ */ p(Qn, { onClick: () => l == null ? void 0 : l(e), children: [
1448
- /* @__PURE__ */ p(Yn, { children: [
1449
- /* @__PURE__ */ p(jn, { children: [
1451
+ const c = ye[t], d = tr[a];
1452
+ return c ? /* @__PURE__ */ p(zn, { onClick: () => l == null ? void 0 : l(e), children: [
1453
+ /* @__PURE__ */ p(Xn, { children: [
1454
+ /* @__PURE__ */ p(Fn, { children: [
1450
1455
  /* @__PURE__ */ n(
1451
- Fn,
1456
+ Kn,
1452
1457
  {
1453
1458
  "data-type-trivia": t === f.TRIVIA,
1454
1459
  "data-type-poll": t === f.POLL,
1455
1460
  name: c.iconName
1456
1461
  }
1457
1462
  ),
1458
- /* @__PURE__ */ p(Hn, { children: [
1463
+ /* @__PURE__ */ p(Jn, { children: [
1459
1464
  c.label,
1460
- t === f.TRIVIA && s === O.RESOLVED && " • Expired"
1465
+ t === f.TRIVIA && s === _.RESOLVED && " • Expired"
1461
1466
  ] })
1462
1467
  ] }),
1463
- /* @__PURE__ */ n(Un, { children: r || "" })
1468
+ /* @__PURE__ */ n(Hn, { children: r || "" })
1464
1469
  ] }),
1465
- /* @__PURE__ */ n(Wn, { children: i ? /* @__PURE__ */ n(Zn, { children: "Play" }) : d })
1470
+ /* @__PURE__ */ n(Yn, { children: i ? /* @__PURE__ */ n(er, { children: "Play" }) : d })
1466
1471
  ] }) : null;
1467
- }, Jn = /* @__PURE__ */ o("div")({
1472
+ }, nr = /* @__PURE__ */ o("div")({
1468
1473
  name: "Container",
1469
1474
  class: "cll3md7",
1470
1475
  propsAsIs: !1
1471
- }), Xn = /* @__PURE__ */ o("button")({
1476
+ }), rr = /* @__PURE__ */ o("button")({
1472
1477
  name: "ActionBtn",
1473
1478
  class: "a10g1iik",
1474
1479
  propsAsIs: !1
1475
- }), ei = ({
1480
+ }), ir = ({
1476
1481
  openInsight: e,
1477
1482
  questionId: t,
1478
1483
  ...s
1479
- }) => /* @__PURE__ */ p(Jn, { children: [
1480
- /* @__PURE__ */ n(Ee, { questionId: t, ...s, isPickHistory: !0 }),
1481
- e && /* @__PURE__ */ n(Xn, { onClick: () => e(t), children: "View Insight" })
1482
- ] }), ti = /* @__PURE__ */ o("div")({
1484
+ }) => /* @__PURE__ */ p(nr, { children: [
1485
+ /* @__PURE__ */ n(Ne, { questionId: t, ...s }),
1486
+ e && /* @__PURE__ */ n(rr, { onClick: () => e(t), children: "View Insight" })
1487
+ ] }), or = /* @__PURE__ */ o("div")({
1483
1488
  name: "Container",
1484
1489
  class: "cl56x6b",
1485
1490
  propsAsIs: !1
1486
- }), si = () => Fe, ni = /* @__PURE__ */ o(si())({
1491
+ }), ar = () => Ze, lr = /* @__PURE__ */ o(ar())({
1487
1492
  name: "ActionButton",
1488
1493
  class: "a11pzf92",
1489
1494
  propsAsIs: !0
1490
- }), ii = /* @__PURE__ */ o("div")({
1495
+ }), cr = /* @__PURE__ */ o("div")({
1491
1496
  name: "DateTime",
1492
1497
  class: "d1hbaleq",
1493
1498
  propsAsIs: !1
1494
- }), ri = /* @__PURE__ */ o("blockquote")({
1499
+ }), dr = /* @__PURE__ */ o("blockquote")({
1495
1500
  name: "Quote",
1496
1501
  class: "qvvgqjm",
1497
1502
  propsAsIs: !1
1498
- }), oi = ({
1503
+ }), pr = ({
1499
1504
  openTweet: e,
1500
1505
  created: t,
1501
1506
  ...s
1502
1507
  }) => {
1503
- const r = q(() => {
1508
+ const r = x(() => {
1504
1509
  if (t) {
1505
1510
  const i = new Date(t);
1506
- if (ae(i))
1511
+ if (le(i))
1507
1512
  return {
1508
- date: re(i),
1509
- time: oe(i)
1513
+ date: oe(i),
1514
+ time: ae(i)
1510
1515
  };
1511
1516
  }
1512
1517
  return null;
1513
1518
  }, [t]);
1514
- return /* @__PURE__ */ p(ti, { children: [
1515
- r && /* @__PURE__ */ p(ii, { children: [
1519
+ return /* @__PURE__ */ p(or, { children: [
1520
+ r && /* @__PURE__ */ p(cr, { children: [
1516
1521
  r.date,
1517
1522
  " · ",
1518
1523
  r.time
1519
1524
  ] }),
1520
- s.title && /* @__PURE__ */ n(ri, { children: s.title }),
1521
- /* @__PURE__ */ n($e, { ...s }),
1522
- e && /* @__PURE__ */ n(ni, { onClick: () => e(s.tweetId), children: "View Insight" })
1525
+ s.title && /* @__PURE__ */ n(dr, { children: s.title }),
1526
+ /* @__PURE__ */ n(be, { ...s }),
1527
+ e && /* @__PURE__ */ n(lr, { onClick: () => e(s.tweetId), children: "View Insight" })
1523
1528
  ] });
1524
- }, ai = /* @__PURE__ */ o("div")({
1529
+ }, ur = /* @__PURE__ */ o("div")({
1525
1530
  name: "QuestionsContainer",
1526
1531
  class: "qvghv3l",
1527
1532
  propsAsIs: !1
1528
- }), li = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(ai, { children: e == null ? void 0 : e.map((s) => {
1533
+ }), hr = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(ur, { children: e == null ? void 0 : e.map((s) => {
1529
1534
  var r, i, l;
1530
1535
  if (s.type === "question" && ((r = s.attributes) == null ? void 0 : r.attributes.case) === "question") {
1531
1536
  const a = s.attributes.attributes.value;
1532
- return /* @__PURE__ */ n(Kn, { openQuestion: t, ...a }, a.questionId);
1537
+ return /* @__PURE__ */ n(sr, { openQuestion: t, ...a }, a.questionId);
1533
1538
  }
1534
1539
  if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
1535
1540
  const a = s.attributes.attributes.value, c = s.attributes.created;
1536
- return /* @__PURE__ */ n(ei, { openInsight: t, ...a, created: c }, a.questionId);
1541
+ return /* @__PURE__ */ n(ir, { openInsight: t, ...a, created: c }, a.questionId);
1537
1542
  }
1538
1543
  if (s.type === "tweet" && ((l = s.attributes) == null ? void 0 : l.attributes.case) === "tweet") {
1539
1544
  const a = s.attributes.attributes.value, c = s.attributes.id, d = s.attributes.created;
1540
- return /* @__PURE__ */ n(oi, { openTweet: t, ...a, tweetId: c, created: d }, c);
1545
+ return /* @__PURE__ */ n(pr, { openTweet: t, ...a, tweetId: c, created: d }, c);
1541
1546
  }
1542
1547
  return null;
1543
- }) }), ci = ({ store: e, openQuestion: t }) => {
1544
- const s = Q(e);
1545
- return s != null && s.data ? /* @__PURE__ */ n(li, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
1546
- }, di = ({ userSummary: e }) => {
1548
+ }) }), mr = ({ store: e, openQuestion: t }) => {
1549
+ const s = O(e);
1550
+ return s != null && s.data ? /* @__PURE__ */ n(hr, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
1551
+ }, vr = ({ userSummary: e }) => {
1547
1552
  var t;
1548
- const [s, r] = N(void 0);
1549
- return ee(() => {
1553
+ const [s, r] = q(void 0);
1554
+ return Y(() => {
1550
1555
  const i = e.subscribe((l) => {
1551
1556
  l != null && l.data && r(l.data);
1552
1557
  });
1553
1558
  return () => {
1554
1559
  i();
1555
1560
  };
1556
- }, [e]), s != null && s.summary ? /* @__PURE__ */ n(Re, { ...s.summary, successRate: (t = s.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ n("div", { children: "wait user..." });
1557
- }, pi = ({ gamification: e, className: t, scrollStore: s, scrollNode: r, appNode: i }) => {
1558
- const [l, a] = N(!1), [c, d] = N(X.HOME), [, u] = tt(), v = (h) => {
1559
- u(() => d(h));
1560
- }, m = (h) => {
1561
- u(() => a(h));
1561
+ }, [e]), s != null && s.summary ? /* @__PURE__ */ n(Ee, { ...s.summary, successRate: (t = s.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ n("div", { children: "wait user..." });
1562
+ }, fr = ({ gamification: e, className: t, scrollStore: s, scrollNode: r, appNode: i, style: l, responsiveStore: a, headerNode: c }) => {
1563
+ const [d, u] = q(!1), [h, v] = q(X.HOME), [, m] = rt(), { sdkInScrollView: I } = O(a, { keys: ["sdkInScrollView"] }), w = (A) => {
1564
+ m(() => {
1565
+ var b;
1566
+ v(A), I === !1 && (((b = i.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && Te(i, { behavior: "instant" });
1567
+ });
1568
+ }, C = (A) => {
1569
+ m(() => u(A));
1562
1570
  };
1563
- return ee(() => s.listen((h) => {
1564
- if (h.scrollPosition === 0) {
1565
- m(!1), s.setKey("tabsShown", !1);
1571
+ Y(() => s.listen((A) => {
1572
+ if (A.scrollPosition === 0) {
1573
+ C(!1), s.setKey("tabsShown", !1);
1566
1574
  return;
1567
1575
  }
1568
- m(h.scrollDirection === "forward"), s.setKey("tabsShown", h.scrollDirection !== "forward");
1569
- }), [s]), /* @__PURE__ */ p(He, { className: t, children: [
1576
+ C(A.scrollDirection === "forward"), s.setKey("tabsShown", A.scrollDirection !== "forward");
1577
+ }), [s]);
1578
+ let y = "0px";
1579
+ I ? y = d ? "calc(8px - var(--header-height) - var(--header-offset))" : "0px" : y = d ? "calc(var(--header-height) + var(--header-offset))" : "0px";
1580
+ const g = I ? i : c;
1581
+ return /* @__PURE__ */ p(Ge, { className: t, style: l, children: [
1570
1582
  /* @__PURE__ */ n(
1571
- Ye,
1583
+ Ke,
1572
1584
  {
1573
1585
  style: {
1574
- top: l ? "-60px" : "0px"
1586
+ top: y
1575
1587
  },
1576
- children: /* @__PURE__ */ n(rn, { activePage: c, toggleActivePage: v })
1588
+ children: /* @__PURE__ */ n(dn, { activePage: h, toggleActivePage: w })
1577
1589
  }
1578
1590
  ),
1579
- c === X.HOME && /* @__PURE__ */ p(P, { children: [
1580
- /* @__PURE__ */ n(ye, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(di, { userSummary: e.userSummary }) }),
1581
- /* @__PURE__ */ n(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ n(ci, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1591
+ h === X.HOME && /* @__PURE__ */ p(P, { children: [
1592
+ /* @__PURE__ */ n(we, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(Je, { children: /* @__PURE__ */ n(vr, { userSummary: e.userSummary }) }) }),
1593
+ /* @__PURE__ */ n(Xe, { style: { flex: 1 }, children: /* @__PURE__ */ n(mr, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1582
1594
  ] }),
1583
- c === X.LEADERBOARD && /* @__PURE__ */ n(Ge, { children: /* @__PURE__ */ n(
1584
- _n,
1595
+ h === X.LEADERBOARD && /* @__PURE__ */ n(et, { children: /* @__PURE__ */ n(
1596
+ Bn,
1585
1597
  {
1586
- appNode: i,
1598
+ renderClipBoardNode: g,
1587
1599
  scrollStore: s,
1588
1600
  scrollNode: r,
1589
1601
  gamification: e
1590
1602
  }
1591
1603
  ) })
1592
1604
  ] });
1593
- }, ui = () => Ke, ge = /* @__PURE__ */ o(ui())({
1605
+ }, Ir = () => tt, Ae = /* @__PURE__ */ o(Ir())({
1594
1606
  name: "OpenedContainer",
1595
1607
  class: "oar61gl",
1596
1608
  propsAsIs: !0
1597
- }), hi = /* @__PURE__ */ o("div")({
1609
+ }), Cr = /* @__PURE__ */ o("div")({
1598
1610
  name: "UserContainer",
1599
1611
  class: "u14zaal4",
1600
1612
  propsAsIs: !1
1601
- }), mi = ({
1613
+ }), gr = ({
1602
1614
  correct: e,
1603
1615
  incorrect: t
1604
1616
  }) => {
1605
1617
  const s = e + t;
1606
1618
  return s === 0 ? 0 : Math.round(e / s * 100);
1607
- }, gi = ({
1619
+ }, Ar = `
1620
+ body {
1621
+ overflow: hidden
1622
+ }
1623
+ `, Tr = ({
1608
1624
  gamification: e,
1609
1625
  scrollStore: t,
1610
1626
  className: s,
1611
1627
  appNode: r,
1612
- scrollNode: i
1628
+ scrollNode: i,
1629
+ headerNode: l,
1630
+ responsiveStore: a
1613
1631
  }) => {
1614
- const l = Q(e.openedQuestion.$store), a = Q(e.openedUser);
1632
+ const c = O(e.openedQuestion.$store), d = O(e.openedUser), {
1633
+ sdkInScrollView: u
1634
+ } = O(a, {
1635
+ keys: ["sdkInScrollView"]
1636
+ }), h = V(0), [v, m] = x(() => {
1637
+ var I;
1638
+ const w = u ? r : l, C = (((I = r.current) == null ? void 0 : I.getBoundingClientRect().y) || 0) < 0;
1639
+ if ((c || d) && w.current) {
1640
+ C && (h.current = window.scrollY);
1641
+ const y = () => (Y(() => {
1642
+ const g = setTimeout(() => {
1643
+ Te(r, {
1644
+ behavior: "instant"
1645
+ });
1646
+ }, 1e3);
1647
+ return () => {
1648
+ clearTimeout(g), h.current !== 0 && (window.scroll({
1649
+ top: h.current
1650
+ }), h.current = 0);
1651
+ };
1652
+ }, []), /* @__PURE__ */ n("style", {
1653
+ children: Ar
1654
+ }));
1655
+ return [C, c ? pe.createPortal(/* @__PURE__ */ p(Ae, {
1656
+ className: s,
1657
+ children: [/* @__PURE__ */ n(rn, {
1658
+ gamification: e
1659
+ }), C && !u && /* @__PURE__ */ n(y, {})]
1660
+ }), w.current) : d ? pe.createPortal(/* @__PURE__ */ n(Ae, {
1661
+ className: s,
1662
+ children: /* @__PURE__ */ p(Cr, {
1663
+ children: [/* @__PURE__ */ n(Se, {
1664
+ label: "Friend's Rank",
1665
+ close: e.closeUser
1666
+ }), /* @__PURE__ */ n(we, {
1667
+ children: /* @__PURE__ */ n(Ee, {
1668
+ ...d,
1669
+ successRate: gr(d)
1670
+ })
1671
+ })]
1672
+ })
1673
+ }), w.current) : null];
1674
+ }
1675
+ return [C, null];
1676
+ }, [r, s, e, l, c, d, u]);
1615
1677
  return /* @__PURE__ */ p(P, {
1616
- children: [l && r.current && de.createPortal(/* @__PURE__ */ n(ge, {
1617
- className: s,
1618
- children: /* @__PURE__ */ n(Xs, {
1619
- gamification: e
1620
- })
1621
- }), r.current), a && r.current && de.createPortal(/* @__PURE__ */ n(ge, {
1622
- className: s,
1623
- children: /* @__PURE__ */ p(hi, {
1624
- children: [/* @__PURE__ */ n(be, {
1625
- label: "Friend's Rank",
1626
- close: e.closeUser
1627
- }), /* @__PURE__ */ n(ye, {
1628
- children: /* @__PURE__ */ n(Re, {
1629
- ...a,
1630
- successRate: mi(a)
1631
- })
1632
- })]
1633
- })
1634
- }), r.current), /* @__PURE__ */ n(pi, {
1678
+ children: [m, /* @__PURE__ */ n(fr, {
1635
1679
  appNode: r,
1680
+ headerNode: l,
1636
1681
  scrollStore: t,
1637
1682
  scrollNode: i,
1638
1683
  className: s,
1639
- gamification: e
1684
+ gamification: e,
1685
+ responsiveStore: a,
1686
+ style: !u && !v && m !== null ? {
1687
+ height: "0",
1688
+ overflow: "hidden"
1689
+ } : {}
1640
1690
  })]
1641
1691
  });
1642
1692
  };
1643
1693
  export {
1644
- gi as default
1694
+ Tr as default
1645
1695
  };