@streamlayer/react 1.23.1 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/lib/app/masters.d.ts +0 -1
  2. package/lib/cjs/Question.js +1 -1
  3. package/lib/cjs/advertisement.js +33 -53
  4. package/lib/cjs/analytics.js +1 -1
  5. package/lib/cjs/auth.js +1 -1
  6. package/lib/cjs/bet-pack.js +1 -1
  7. package/lib/cjs/feature.js +1 -1
  8. package/lib/cjs/hooks-n9ax4LRT.js +1 -0
  9. package/lib/cjs/index-ByUNFvMk.js +5 -0
  10. package/lib/cjs/index.js +1 -1
  11. package/lib/cjs/index10.js +1 -1
  12. package/lib/cjs/index11.js +1 -4
  13. package/lib/cjs/index12.js +1 -1
  14. package/lib/cjs/index13.js +1 -1
  15. package/lib/cjs/index14.js +4 -1
  16. package/lib/cjs/index15.js +1 -1
  17. package/lib/cjs/index16.js +2 -2
  18. package/lib/cjs/index2.js +1 -1
  19. package/lib/cjs/index4.js +3 -3
  20. package/lib/cjs/index5.js +1 -1
  21. package/lib/cjs/index6.js +1 -1
  22. package/lib/cjs/index7.js +1 -1
  23. package/lib/cjs/index8.js +1 -1
  24. package/lib/cjs/index9.js +7 -1
  25. package/lib/cjs/insight.js +1 -1
  26. package/lib/cjs/masters.js +1 -1
  27. package/lib/cjs/masters2.js +5 -10
  28. package/lib/cjs/notification.js +1 -1
  29. package/lib/cjs/pause-ad.js +1 -1
  30. package/lib/cjs/points.js +1 -1
  31. package/lib/cjs/polymarket.js +4 -9
  32. package/lib/cjs/sl-types.js +1 -15
  33. package/lib/cjs/storage.js +1 -1
  34. package/lib/cjs/theme.js +1 -17
  35. package/lib/cjs/useStreamLayerApp.js +1 -1
  36. package/lib/cjs/useStreamLayerApp2.js +15 -15
  37. package/lib/cjs/utils.js +8 -8
  38. package/lib/classic/app/masters.d.ts +0 -1
  39. package/lib/classic/cjs/Question.js +1 -1
  40. package/lib/classic/cjs/advertisement.js +33 -53
  41. package/lib/classic/cjs/analytics.js +1 -1
  42. package/lib/classic/cjs/auth.js +1 -1
  43. package/lib/classic/cjs/bet-pack.js +3 -3
  44. package/lib/classic/cjs/feature.js +1 -1
  45. package/lib/classic/cjs/hooks-n9ax4LRT.js +1 -0
  46. package/lib/classic/cjs/index-ByUNFvMk.js +5 -0
  47. package/lib/classic/cjs/index.js +1 -1
  48. package/lib/classic/cjs/index10.js +1 -1
  49. package/lib/classic/cjs/index11.js +1 -1
  50. package/lib/classic/cjs/index12.js +1 -1
  51. package/lib/classic/cjs/index13.js +3 -3
  52. package/lib/classic/cjs/index2.js +2 -2
  53. package/lib/classic/cjs/index3.js +1 -1
  54. package/lib/classic/cjs/index4.js +1 -1
  55. package/lib/classic/cjs/index5.js +1 -1
  56. package/lib/classic/cjs/index6.js +1 -1
  57. package/lib/classic/cjs/index7.js +7 -1
  58. package/lib/classic/cjs/index8.js +1 -1
  59. package/lib/classic/cjs/index9.js +1 -1
  60. package/lib/classic/cjs/insight.js +1 -1
  61. package/lib/classic/cjs/notification.js +1 -1
  62. package/lib/classic/cjs/notification2.js +1 -1
  63. package/lib/classic/cjs/pause-ad.js +1 -1
  64. package/lib/classic/cjs/points.js +1 -1
  65. package/lib/classic/cjs/polymarket.js +4 -9
  66. package/lib/classic/cjs/sl-types.js +1 -15
  67. package/lib/classic/cjs/useStreamLayerApp.js +1 -1
  68. package/lib/classic/cjs/useStreamLayerApp2.js +15 -15
  69. package/lib/classic/cjs/utils.js +8 -8
  70. package/lib/classic/es/Question.js +216 -220
  71. package/lib/classic/es/advertisement.js +14665 -15122
  72. package/lib/classic/es/analytics.js +9 -9
  73. package/lib/classic/es/auth.js +1 -1
  74. package/lib/classic/es/bet-pack.js +637 -650
  75. package/lib/classic/es/feature.js +29 -33
  76. package/lib/classic/es/hooks-n9ax4LRT.js +97 -0
  77. package/lib/classic/es/index-ByUNFvMk.js +3775 -0
  78. package/lib/classic/es/index.js +13 -16
  79. package/lib/classic/es/index10.js +2587 -82
  80. package/lib/classic/es/index11.js +306 -2344
  81. package/lib/classic/es/index12.js +103 -101
  82. package/lib/classic/es/index13.js +449 -464
  83. package/lib/classic/es/index2.js +1244 -1268
  84. package/lib/classic/es/index3.js +10 -10
  85. package/lib/classic/es/index4.js +4 -283
  86. package/lib/classic/es/index5.js +4 -5
  87. package/lib/classic/es/index6.js +285 -5
  88. package/lib/classic/es/index7.js +179 -5
  89. package/lib/classic/es/index8.js +5 -9
  90. package/lib/classic/es/index9.js +7 -315
  91. package/lib/classic/es/insight.js +39 -41
  92. package/lib/classic/es/notification.js +3 -3
  93. package/lib/classic/es/notification2.js +513 -528
  94. package/lib/classic/es/pause-ad.js +116 -116
  95. package/lib/classic/es/points.js +33 -34
  96. package/lib/classic/es/polymarket.js +1049 -1102
  97. package/lib/classic/es/sl-types.js +115 -217
  98. package/lib/classic/es/useStreamLayerApp.js +1 -1
  99. package/lib/classic/es/useStreamLayerApp2.js +6485 -6405
  100. package/lib/classic/es/utils.js +6 -6
  101. package/lib/classic/source.css +110 -0
  102. package/lib/dist/cjs/index-ByUNFvMk.js +5 -0
  103. package/lib/dist/cjs/index.js +1 -1
  104. package/lib/dist/cjs/masters.js +34 -42
  105. package/lib/dist/es/index-ByUNFvMk.js +3775 -0
  106. package/lib/dist/es/index.js +7 -11
  107. package/lib/dist/es/masters.js +13506 -12760
  108. package/lib/dist/index.d.ts +5 -5
  109. package/lib/dist/source.css +64 -0
  110. package/lib/es/Question.js +99 -101
  111. package/lib/es/advertisement.js +14665 -15122
  112. package/lib/es/analytics.js +29 -29
  113. package/lib/es/auth.js +1 -1
  114. package/lib/es/bet-pack.js +12 -11
  115. package/lib/es/feature.js +29 -33
  116. package/lib/es/hooks-n9ax4LRT.js +97 -0
  117. package/lib/es/index-ByUNFvMk.js +3775 -0
  118. package/lib/es/index.js +13 -16
  119. package/lib/es/index10.js +7 -263
  120. package/lib/es/index11.js +172 -822
  121. package/lib/es/index12.js +2587 -178
  122. package/lib/es/index13.js +248 -302
  123. package/lib/es/index14.js +815 -82
  124. package/lib/es/index15.js +306 -2344
  125. package/lib/es/index16.js +451 -454
  126. package/lib/es/index2.js +737 -757
  127. package/lib/es/index4.js +626 -639
  128. package/lib/es/index5.js +10 -10
  129. package/lib/es/index6.js +5 -285
  130. package/lib/es/index7.js +7 -5
  131. package/lib/es/index8.js +283 -5
  132. package/lib/es/index9.js +179 -8
  133. package/lib/es/insight.js +39 -41
  134. package/lib/es/masters.js +4 -5
  135. package/lib/es/masters2.js +408 -441
  136. package/lib/es/notification.js +469 -484
  137. package/lib/es/pause-ad.js +116 -116
  138. package/lib/es/points.js +42 -43
  139. package/lib/es/polymarket.js +1049 -1102
  140. package/lib/es/sl-types.js +114 -235
  141. package/lib/es/storage.js +22 -22
  142. package/lib/es/theme.js +3 -44
  143. package/lib/es/useStreamLayerApp.js +1 -1
  144. package/lib/es/useStreamLayerApp2.js +6485 -6405
  145. package/lib/es/utils.js +6 -6
  146. package/lib/source.css +120 -0
  147. package/lib/style.css +1 -1
  148. package/package.json +15 -15
  149. package/lib/cjs/hooks-WfHlJH12.js +0 -1
  150. package/lib/cjs/index-eShKGO10.js +0 -5
  151. package/lib/classic/cjs/hooks-WfHlJH12.js +0 -1
  152. package/lib/classic/cjs/index-eShKGO10.js +0 -5
  153. package/lib/classic/es/hooks-WfHlJH12.js +0 -98
  154. package/lib/classic/es/index-eShKGO10.js +0 -3757
  155. package/lib/dist/cjs/index-eShKGO10.js +0 -5
  156. package/lib/dist/es/index-eShKGO10.js +0 -3757
  157. package/lib/dist/style.css +0 -1
  158. package/lib/es/hooks-WfHlJH12.js +0 -98
  159. package/lib/es/index-eShKGO10.js +0 -3757
@@ -1,676 +1,667 @@
1
- import { jsx as s, jsxs as c } from "react/jsx-runtime";
2
- import { h as ws } from "./index7.js";
3
- import { useState as w, useRef as es, useEffect as y, useCallback as ys, useMemo as Ts } from "react";
4
- import { s as e, c as bs, u as Cs, a as Q } from "./sl-types.js";
5
- import { e as Ns } from "./index5.js";
1
+ import { jsxs as l, jsx as s } from "react/jsx-runtime";
2
+ import { h as hs } from "./index8.js";
3
+ import { useState as h, useRef as J, useEffect as f, useCallback as fs, useMemo as vs } from "react";
4
+ import { s as e, c as gs, u as ws, N as P } from "./sl-types.js";
5
+ import { e as ys } from "./index4.js";
6
6
  import "./feature.js";
7
- import { e as M, D as fs, a as ks, o as qs } from "./index12.js";
8
- import { e as Ss, i as V } from "./index8.js";
9
- import { B as I } from "./index4.js";
10
- import { f as N, Q as h, c as R, a as v, N as x, S as Es, b as F } from "./useStreamLayerApp2.js";
11
- import { O } from "./index10.js";
12
- import { E as Ls, y as xs } from "./index9.js";
13
- import { d as Ds } from "./index3.js";
14
- import { B as Ms, z as Rs, F as Os } from "./hooks-WfHlJH12.js";
15
- const Bs = /* @__PURE__ */ e("div")({
7
+ import { e as D, D as Ts, j as bs, o as Cs } from "./index12.js";
8
+ import { e as Ns, i as Q } from "./index9.js";
9
+ import { B as u } from "./index6.js";
10
+ import { Q as I, c as M, f as b, a as d, N as L, S as ks, b as z } from "./useStreamLayerApp2.js";
11
+ import { b as R } from "./index7.js";
12
+ import { F as qs, y as Ss } from "./index11.js";
13
+ import { p as Es } from "./index3.js";
14
+ import { Y as Ls, _ as xs, q as Ds } from "./hooks-n9ax4LRT.js";
15
+ const Ms = /* @__PURE__ */ e("div")({
16
16
  name: "QuestionItem",
17
17
  class: "q1w97g3p",
18
18
  propsAsIs: !1
19
- }), js = /* @__PURE__ */ e("div")({
19
+ }), Rs = /* @__PURE__ */ e("div")({
20
20
  name: "QuestionCaption",
21
21
  class: "q2sl39u",
22
22
  propsAsIs: !1
23
- }), Ps = /* @__PURE__ */ e("div")({
23
+ }), Os = /* @__PURE__ */ e("div")({
24
24
  name: "QuestionBody",
25
25
  class: "qd5h0uc",
26
26
  propsAsIs: !1
27
- }), zs = /* @__PURE__ */ e("div")({
27
+ }), js = /* @__PURE__ */ e("div")({
28
28
  name: "QuestionAction",
29
29
  class: "q105uluy",
30
30
  propsAsIs: !1
31
- }), Qs = () => I, f = /* @__PURE__ */ e(Qs())({
31
+ }), Bs = () => u, C = /* @__PURE__ */ e(Bs())({
32
32
  name: "QuestionActionIcon",
33
33
  class: "q1fa0b9h",
34
34
  propsAsIs: !0
35
- }), Vs = () => f, Fs = /* @__PURE__ */ e(Vs())({
35
+ }), Ps = () => C, Qs = /* @__PURE__ */ e(Ps())({
36
36
  name: "QuestionCheckIcon",
37
37
  class: "qxlt78s",
38
38
  propsAsIs: !0
39
- }), Us = () => I, _s = /* @__PURE__ */ e(Us())({
39
+ }), zs = () => u, Vs = /* @__PURE__ */ e(zs())({
40
40
  name: "QuestionTypeIcon",
41
41
  class: "qmg0vkx",
42
42
  propsAsIs: !0
43
- }), Ws = /* @__PURE__ */ e("div")({
43
+ }), Us = /* @__PURE__ */ e("div")({
44
44
  name: "QuestionTypeLabel",
45
45
  class: "q1uz5j1g",
46
46
  propsAsIs: !1
47
- }), Ys = /* @__PURE__ */ e("div")({
47
+ }), Fs = /* @__PURE__ */ e("div")({
48
48
  name: "QuestionContent",
49
49
  class: "qc3icwa",
50
50
  propsAsIs: !1
51
- }), Ks = /* @__PURE__ */ e("button")({
51
+ }), _s = /* @__PURE__ */ e("button")({
52
52
  name: "PlayButton",
53
53
  class: "p169lohr",
54
54
  propsAsIs: !1
55
- }), Gs = /* @__PURE__ */ e("div")({
55
+ }), Ys = /* @__PURE__ */ e("div")({
56
56
  name: "SkeletonContainer",
57
57
  class: "s1f43z3r",
58
58
  propsAsIs: !1
59
- }), Hs = () => Ss, Xs = /* @__PURE__ */ e(Hs())({
59
+ }), Ws = () => Ns, Ks = /* @__PURE__ */ e(Ws())({
60
60
  name: "SkeletonButton",
61
61
  class: "s16k8geu",
62
62
  propsAsIs: !0
63
- }), Js = {
64
- [N.LOST]: /* @__PURE__ */ s(f, { name: "incorrectVoted" }),
65
- [N.WON]: /* @__PURE__ */ s(Fs, { name: "icon-check" }),
66
- [N.UNSET]: /* @__PURE__ */ s(f, { name: "icon-arrow" }),
67
- [N.DNP]: /* @__PURE__ */ s(f, { name: "icon-arrow" })
68
- }, li = () => /* @__PURE__ */ c(Gs, { children: [
69
- /* @__PURE__ */ s(V, { loading: !0, style: { width: "35%" } }),
70
- /* @__PURE__ */ s(V, { loading: !0, style: { width: "70%" } }),
71
- /* @__PURE__ */ s(Xs, {})
72
- ] }), B = ({ questionTypeData: n, questionType: o, questionStatus: t }) => /* @__PURE__ */ c(js, { className: "SL_QuestionCaption", children: [
63
+ }), Gs = {
64
+ [b.LOST]: /* @__PURE__ */ s(C, { name: "incorrectVoted" }),
65
+ [b.WON]: /* @__PURE__ */ s(Qs, { name: "icon-check" }),
66
+ [b.UNSET]: /* @__PURE__ */ s(C, { name: "icon-arrow" }),
67
+ [b.DNP]: /* @__PURE__ */ s(C, { name: "icon-arrow" })
68
+ }, it = () => /* @__PURE__ */ l(Ys, { children: [
69
+ /* @__PURE__ */ s(Q, { loading: !0, style: { width: "35%" } }),
70
+ /* @__PURE__ */ s(Q, { loading: !0, style: { width: "70%" } }),
71
+ /* @__PURE__ */ s(Ks, {})
72
+ ] }), O = ({ questionTypeData: n, questionType: o, questionStatus: a }) => /* @__PURE__ */ l(Rs, { className: "SL_QuestionCaption", children: [
73
73
  /* @__PURE__ */ s(
74
- _s,
74
+ Vs,
75
75
  {
76
76
  className: "SL_QuestionTypeIcon",
77
77
  "data-testid": "question-type-icon",
78
- "data-type-trivia": o === h.TRIVIA,
79
- "data-type-poll": o === h.POLL,
78
+ "data-type-trivia": o === I.TRIVIA,
79
+ "data-type-poll": o === I.POLL,
80
80
  name: n.iconName
81
81
  }
82
82
  ),
83
- /* @__PURE__ */ c(Ws, { className: "SL_QuestionTypeLabel", children: [
83
+ /* @__PURE__ */ l(Us, { className: "SL_QuestionTypeLabel", children: [
84
84
  n.label,
85
- o === h.TRIVIA && t === R.RESOLVED && " • Expired"
85
+ o === I.TRIVIA && a === M.RESOLVED && " • Expired"
86
86
  ] })
87
- ] }), di = ({
87
+ ] }), rt = ({
88
88
  questionId: n,
89
89
  questionType: o,
90
- questionStatus: t,
90
+ questionStatus: a,
91
91
  subject: i,
92
- openForVoting: a,
93
- status: p
92
+ openForVoting: r,
93
+ status: t
94
94
  }) => {
95
- const l = M[o], r = Js[p];
96
- return l ? /* @__PURE__ */ c(Bs, { "data-a": "intr", "data-name": n, children: [
97
- /* @__PURE__ */ c(Ys, { children: [
95
+ const p = D[o], c = Gs[t];
96
+ return p ? /* @__PURE__ */ l(Ms, { "data-a": "intr", "data-name": n, children: [
97
+ /* @__PURE__ */ l(Fs, { children: [
98
98
  /* @__PURE__ */ s(
99
- B,
99
+ O,
100
100
  {
101
- questionTypeData: l,
101
+ questionTypeData: p,
102
102
  questionType: o,
103
- questionStatus: t
103
+ questionStatus: a
104
104
  }
105
105
  ),
106
- /* @__PURE__ */ s(Ps, { children: i || "" })
106
+ /* @__PURE__ */ s(Os, { children: i || "" })
107
107
  ] }),
108
- /* @__PURE__ */ s(zs, { children: a ? /* @__PURE__ */ s(Ks, { "data-a": "intr", "data-name": n, children: "Play" }) : r })
108
+ /* @__PURE__ */ s(js, { children: r ? /* @__PURE__ */ s(_s, { "data-a": "intr", "data-name": n, children: "Play" }) : c })
109
109
  ] }) : null;
110
110
  };
111
- var U;
111
+ var V;
112
112
  (function(n) {
113
113
  n.OPENED = "opened";
114
- })(U || (U = {}));
115
- const b = /* @__PURE__ */ e("div")({
114
+ })(V || (V = {}));
115
+ const w = /* @__PURE__ */ e("div")({
116
116
  name: "Media",
117
117
  class: "m1bcvojl",
118
118
  propsAsIs: !1
119
- }), Zs = () => b, se = /* @__PURE__ */ e(Zs())({
119
+ }), Xs = () => w, Hs = /* @__PURE__ */ e(Xs())({
120
120
  name: "MediaImgBottom",
121
121
  class: "m58gin0",
122
122
  propsAsIs: !0
123
- }), ee = () => b, L = /* @__PURE__ */ e(ee())({
123
+ }), Zs = () => w, E = /* @__PURE__ */ e(Zs())({
124
124
  name: "MediaImgSolid",
125
125
  class: "m1atm8do",
126
126
  propsAsIs: !0
127
- }), ne = () => b, oe = /* @__PURE__ */ e(ne())({
127
+ }), Js = () => w, se = /* @__PURE__ */ e(Js())({
128
128
  name: "MediaImgRounded",
129
129
  class: "myx3xoi",
130
130
  propsAsIs: !0
131
- }), ie = () => b, te = /* @__PURE__ */ e(ie())({
131
+ }), ee = () => w, ne = /* @__PURE__ */ e(ee())({
132
132
  name: "MediaImgCentered",
133
133
  class: "m1bwv0gx",
134
134
  propsAsIs: !0
135
- }), ae = () => b, re = /* @__PURE__ */ e(ae())({
135
+ }), oe = () => w, te = /* @__PURE__ */ e(oe())({
136
136
  name: "MediaImgInsight",
137
137
  class: "mntjanp",
138
138
  propsAsIs: !0
139
- }), ce = /* @__PURE__ */ e("div")({
139
+ }), ae = /* @__PURE__ */ e("div")({
140
140
  name: "VideoIcon",
141
141
  class: "v1kofb47",
142
142
  propsAsIs: !1
143
- }), le = {
144
- [v.UNSET]: L,
145
- [v.NONE]: L,
146
- [v.ROUNDED]: oe,
147
- [v.CENTERED]: te,
148
- [v.TRANSPARENT]: se,
149
- [v.SOLID]: L
150
- }, _ = ({
143
+ }), ie = {
144
+ [d.UNSET]: E,
145
+ [d.NONE]: E,
146
+ [d.ROUNDED]: se,
147
+ [d.CENTERED]: ne,
148
+ [d.TRANSPARENT]: Hs,
149
+ [d.SOLID]: E
150
+ }, U = ({
151
151
  src: n,
152
- imageMode: o = v.UNSET,
153
- withVideo: t,
152
+ imageMode: o = d.UNSET,
153
+ withVideo: a,
154
154
  fromInsight: i
155
155
  }) => {
156
- if (o === v.NONE)
156
+ if (o === d.NONE)
157
157
  return null;
158
- const a = i ? re : le[o];
159
- return /* @__PURE__ */ c(a, {
158
+ const r = i ? te : ie[o];
159
+ return /* @__PURE__ */ l(r, {
160
160
  children: [/* @__PURE__ */ s("img", {
161
161
  src: n,
162
162
  alt: ""
163
- }), t && /* @__PURE__ */ s(ce, {
164
- children: /* @__PURE__ */ s(I, {
163
+ }), a && /* @__PURE__ */ s(ae, {
164
+ children: /* @__PURE__ */ s(u, {
165
165
  name: "icon-play"
166
166
  })
167
167
  })]
168
168
  });
169
- }, de = /* @__PURE__ */ e("div")({
169
+ }, re = /* @__PURE__ */ e("div")({
170
170
  name: "NotificationContent",
171
171
  class: "nuraq9m",
172
172
  propsAsIs: !1
173
- }), pe = /* @__PURE__ */ e("div")({
173
+ }), ce = /* @__PURE__ */ e("div")({
174
174
  name: "NotificationContainer",
175
175
  class: "ns1nzpg",
176
176
  propsAsIs: !1
177
- }), ns = /* @__PURE__ */ e("div")({
177
+ }), ss = /* @__PURE__ */ e("div")({
178
178
  name: "Body",
179
179
  class: "b1j59nzs",
180
180
  propsAsIs: !1
181
- }), me = /* @__PURE__ */ e("div")({
181
+ }), le = /* @__PURE__ */ e("div")({
182
182
  name: "Title",
183
183
  class: "t9vmnpp",
184
184
  propsAsIs: !1
185
- }), ue = /* @__PURE__ */ e("button")({
185
+ }), pe = /* @__PURE__ */ e("button")({
186
186
  name: "Button",
187
187
  class: "b14ivj5k",
188
188
  propsAsIs: !1
189
- }), ve = () => I, Ie = /* @__PURE__ */ e(ve())({
189
+ }), de = () => u, me = /* @__PURE__ */ e(de())({
190
190
  name: "StyledChevronRight",
191
191
  class: "s1atci8n",
192
192
  propsAsIs: !0
193
- }), Ae = /* @__PURE__ */ e("div")({
193
+ }), ue = /* @__PURE__ */ e("div")({
194
194
  name: "QuoteWrap",
195
195
  class: "q4w8jgs",
196
196
  propsAsIs: !1
197
- }), he = /* @__PURE__ */ e("blockquote")({
197
+ }), Ie = /* @__PURE__ */ e("blockquote")({
198
198
  name: "Quote",
199
199
  class: "qaa0kez",
200
200
  propsAsIs: !1
201
- }), $e = /* @__PURE__ */ e("div")({
201
+ }), Ae = /* @__PURE__ */ e("div")({
202
202
  name: "Body",
203
203
  class: "b1wvd52w",
204
204
  propsAsIs: !1
205
- }), ge = /* @__PURE__ */ e("div")({
205
+ }), $e = /* @__PURE__ */ e("div")({
206
206
  name: "Container",
207
207
  class: "ccvukea",
208
208
  propsAsIs: !1
209
- }), we = ({ image: n, tweet: o, account: t, accountVerified: i, body: a, title: p }) => {
210
- var l;
211
- return /* @__PURE__ */ c(ge, { children: [
212
- p && /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ s(he, { children: p }) }),
213
- /* @__PURE__ */ s(
214
- fs,
215
- {
216
- image: n,
217
- name: (l = o == null ? void 0 : o.meta) == null ? void 0 : l.accountName,
218
- userName: t,
219
- verified: i,
220
- createdTweet: o == null ? void 0 : o.date
221
- }
222
- ),
223
- /* @__PURE__ */ s($e, { children: ks(a) })
224
- ] });
225
- }, ye = ({ title: n, questionType: o, questionTypeData: t }) => /* @__PURE__ */ c(ns, { children: [
209
+ }), he = ({ image: n, tweet: o, account: a, accountVerified: i, body: r, title: t }) => /* @__PURE__ */ l($e, { children: [
210
+ t && /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ s(Ie, { children: t }) }),
211
+ /* @__PURE__ */ s(
212
+ Ts,
213
+ {
214
+ image: n,
215
+ name: o?.meta?.accountName,
216
+ userName: a,
217
+ verified: i,
218
+ createdTweet: o?.date
219
+ }
220
+ ),
221
+ /* @__PURE__ */ s(Ae, { children: bs(r) })
222
+ ] }), fe = ({ title: n, questionType: o, questionTypeData: a }) => /* @__PURE__ */ l(ss, { children: [
226
223
  /* @__PURE__ */ s(
227
- B,
224
+ O,
228
225
  {
229
- questionTypeData: t,
226
+ questionTypeData: a,
230
227
  questionType: o,
231
- questionStatus: R.UNSET
228
+ questionStatus: M.UNSET
232
229
  }
233
230
  ),
234
- n && /* @__PURE__ */ s(me, { children: n })
235
- ] }), Te = ({ tweet: n }) => n ? /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ s(we, { ...n, controlVideo: () => {
236
- } }) }) : null, be = ({ action: n, questionType: o, inApp: t, insight: i, tweet: a }) => {
237
- var p;
238
- const l = M[o], r = qs[o];
239
- if (!l || !t || !t.notification)
231
+ n && /* @__PURE__ */ s(le, { children: n })
232
+ ] }), ve = ({ tweet: n }) => n ? /* @__PURE__ */ s(ss, { children: /* @__PURE__ */ s(he, { ...n, controlVideo: () => {
233
+ } }) }) : null, ge = ({ action: n, questionType: o, inApp: a, insight: i, tweet: r }) => {
234
+ const t = D[o], p = Cs[o];
235
+ if (!t || !a || !a.notification)
240
236
  return null;
241
- const { title: m, image: u, imageMode: A } = t.notification;
242
- let g = u;
243
- o === h.TWEET && a != null && a.tweetMedia && (g = a.tweetMedia.image), A === v.NONE && (g = "");
244
- const $ = t.useMediaFromContent && (i == null ? void 0 : i.image), d = o === h.TWEET && ((p = a == null ? void 0 : a.tweetMedia) == null ? void 0 : p.video) || o === h.FACTOID && (i == null ? void 0 : i.video);
245
- return /* @__PURE__ */ s(pe, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ c(de, { style: g ? {} : { paddingLeft: "1.5rem" }, children: [
246
- g && !$ && /* @__PURE__ */ s(_, { src: g, imageMode: A, withVideo: !!d }),
247
- $ && /* @__PURE__ */ s(_, { src: $, fromInsight: !0, withVideo: !!d }),
248
- o === h.TWEET ? /* @__PURE__ */ s(Te, { tweet: a }) : /* @__PURE__ */ s(ye, { questionTypeData: l, questionType: o, title: m }),
249
- /* @__PURE__ */ s(ue, { name: "inapp-button", children: r || "Open" }),
250
- /* @__PURE__ */ s(Ie, { name: "chevronRight" })
237
+ const { title: c, image: m, imageMode: A } = a.notification;
238
+ let $ = m;
239
+ o === I.TWEET && r?.tweetMedia && ($ = r.tweetMedia.image), A === d.NONE && ($ = "");
240
+ const g = a.useMediaFromContent && i?.image, y = o === I.TWEET && r?.tweetMedia?.video || o === I.FACTOID && i?.video;
241
+ return /* @__PURE__ */ s(ce, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ l(re, { style: $ ? {} : { paddingLeft: "1.5rem" }, children: [
242
+ $ && !g && /* @__PURE__ */ s(U, { src: $, imageMode: A, withVideo: !!y }),
243
+ g && /* @__PURE__ */ s(U, { src: g, fromInsight: !0, withVideo: !!y }),
244
+ o === I.TWEET ? /* @__PURE__ */ s(ve, { tweet: r }) : /* @__PURE__ */ s(fe, { questionTypeData: t, questionType: o, title: c }),
245
+ /* @__PURE__ */ s(pe, { name: "inapp-button", children: p || "Open" }),
246
+ /* @__PURE__ */ s(me, { name: "chevronRight" })
251
247
  ] }) });
252
- }, Ce = () => ({
248
+ }, we = () => ({
253
249
  color: n
254
- }) => n || "transparent", W = /* @__PURE__ */ e("div")({
250
+ }) => n || "transparent", F = /* @__PURE__ */ e("div")({
255
251
  name: "MediaComponentWrap",
256
252
  class: "mek728j",
257
253
  propsAsIs: !1,
258
254
  vars: {
259
- "mek728j-0": [Ce()]
255
+ "mek728j-0": [we()]
260
256
  }
261
- }), T = /* @__PURE__ */ e("div")({
257
+ }), v = /* @__PURE__ */ e("div")({
262
258
  name: "Media",
263
259
  class: "m461t56",
264
260
  propsAsIs: !1
265
- }), Ne = () => T, fe = /* @__PURE__ */ e(Ne())({
261
+ }), ye = () => v, Te = /* @__PURE__ */ e(ye())({
266
262
  name: "MediaImgBottom",
267
263
  class: "m22bh04",
268
264
  propsAsIs: !0
269
- }), ke = () => T, qe = /* @__PURE__ */ e(ke())({
265
+ }), be = () => v, Ce = /* @__PURE__ */ e(be())({
270
266
  name: "MediaVideo",
271
267
  class: "m17u1e34",
272
268
  propsAsIs: !0
273
- }), Se = () => T, Ee = /* @__PURE__ */ e(Se())({
269
+ }), Ne = () => v, ke = /* @__PURE__ */ e(Ne())({
274
270
  name: "MediaImgContentMedia",
275
271
  class: "m4j3eds",
276
272
  propsAsIs: !0
277
- }), Le = () => T, xe = /* @__PURE__ */ e(Le())({
273
+ }), qe = () => v, Se = /* @__PURE__ */ e(qe())({
278
274
  name: "MediaImgSolid",
279
275
  class: "m1lp3swr",
280
276
  propsAsIs: !0
281
- }), De = () => T, Me = /* @__PURE__ */ e(De())({
277
+ }), Ee = () => v, Le = /* @__PURE__ */ e(Ee())({
282
278
  name: "MediaImgRounded",
283
279
  class: "mc7lij",
284
280
  propsAsIs: !0
285
- }), Re = () => T, Oe = /* @__PURE__ */ e(Re())({
281
+ }), xe = () => v, De = /* @__PURE__ */ e(xe())({
286
282
  name: "MediaImgCentered",
287
283
  class: "mwwaw7o",
288
284
  propsAsIs: !0
289
- }), Be = () => T, D = /* @__PURE__ */ e(Be())({
285
+ }), Me = () => v, x = /* @__PURE__ */ e(Me())({
290
286
  name: "MediaNone",
291
287
  class: "mqfzyyr",
292
288
  propsAsIs: !0
293
- }), je = "v170mtgf", Pe = {
294
- [v.UNSET]: D,
295
- [v.NONE]: D,
296
- [v.ROUNDED]: Me,
297
- [v.CENTERED]: Oe,
298
- [v.TRANSPARENT]: fe,
299
- [v.SOLID]: xe
300
- }, Y = ({
289
+ }), Re = "v170mtgf", Oe = {
290
+ [d.UNSET]: x,
291
+ [d.NONE]: x,
292
+ [d.ROUNDED]: Le,
293
+ [d.CENTERED]: De,
294
+ [d.TRANSPARENT]: Te,
295
+ [d.SOLID]: Se
296
+ }, _ = ({
301
297
  src: n,
302
- imageMode: o = v.UNSET,
303
- withVideo: t,
298
+ imageMode: o = d.UNSET,
299
+ withVideo: a,
304
300
  color: i,
305
- useContentMedia: a,
306
- thumbnailUrl: p
301
+ useContentMedia: r,
302
+ thumbnailUrl: t
307
303
  }) => {
308
304
  if (!n)
309
- return /* @__PURE__ */ s(W, {
305
+ return /* @__PURE__ */ s(F, {
310
306
  color: i,
311
- children: /* @__PURE__ */ s(D, {})
307
+ children: /* @__PURE__ */ s(x, {})
312
308
  });
313
- const l = a === x.ENABLED ? Ee : Pe[o];
314
- return /* @__PURE__ */ s(W, {
309
+ const p = r === L.ENABLED ? ke : Oe[o];
310
+ return /* @__PURE__ */ s(F, {
315
311
  color: i,
316
- children: t ? /* @__PURE__ */ s(qe, {
317
- children: /* @__PURE__ */ s(Ls, {
318
- className: je,
312
+ children: a ? /* @__PURE__ */ s(Ce, {
313
+ children: /* @__PURE__ */ s(qs, {
314
+ className: Re,
319
315
  source: n,
320
- poster: p || ""
316
+ poster: t || ""
321
317
  })
322
- }) : /* @__PURE__ */ s(l, {
318
+ }) : /* @__PURE__ */ s(p, {
323
319
  children: /* @__PURE__ */ s("img", {
324
320
  src: n,
325
321
  alt: ""
326
322
  })
327
323
  })
328
324
  });
329
- }, ze = () => ({
325
+ }, je = () => ({
330
326
  withoutPadding: n
331
- }) => n ? "0px" : "1rem", os = /* @__PURE__ */ e("div")({
327
+ }) => n ? "0px" : "1rem", es = /* @__PURE__ */ e("div")({
332
328
  name: "NotificationContent",
333
329
  class: "n1p3bk1c",
334
330
  propsAsIs: !1,
335
331
  vars: {
336
- "n1p3bk1c-0": [ze()]
332
+ "n1p3bk1c-0": [je()]
337
333
  }
338
- }), Qe = /* @__PURE__ */ e("div")({
334
+ }), Be = /* @__PURE__ */ e("div")({
339
335
  name: "MainContent",
340
336
  class: "m1g211mu",
341
337
  propsAsIs: !1
342
- }), Ve = () => I, Fe = /* @__PURE__ */ e(Ve())({
338
+ }), Pe = () => u, Qe = /* @__PURE__ */ e(Pe())({
343
339
  name: "StyledChevronRight",
344
340
  class: "sx1hq4c",
345
341
  propsAsIs: !0
346
- }), is = /* @__PURE__ */ e("div")({
342
+ }), ns = /* @__PURE__ */ e("div")({
347
343
  name: "NotificationContainer",
348
344
  class: "n1fcriet",
349
345
  propsAsIs: !1
350
- }), Ue = () => ({
346
+ }), ze = () => ({
351
347
  questionType: n
352
- }) => n === h.FACTOID ? "7.3rem" : "4.5rem", _e = () => ({
348
+ }) => n === I.FACTOID ? "7.3rem" : "4.5rem", Ve = () => ({
353
349
  webos: n
354
- }) => n ? "11px 0px 8px 0px" : "11px 0px", We = () => ({
350
+ }) => n ? "11px 0px 8px 0px" : "11px 0px", Ue = () => ({
355
351
  imageMode: n,
356
352
  webos: o
357
- }) => o ? "330px" : n === v.SOLID ? "310px" : n === v.CENTERED || n === v.ROUNDED || n === v.TRANSPARENT ? "370px" : "430px", Ye = /* @__PURE__ */ e("div")({
353
+ }) => o ? "330px" : n === d.SOLID ? "310px" : n === d.CENTERED || n === d.ROUNDED || n === d.TRANSPARENT ? "370px" : "430px", Fe = /* @__PURE__ */ e("div")({
358
354
  name: "Body",
359
355
  class: "b1byyovs",
360
356
  propsAsIs: !1,
361
357
  vars: {
362
- "b1byyovs-0": [Ue()],
363
- "b1byyovs-1": [_e()],
364
- "b1byyovs-2": [We()]
358
+ "b1byyovs-0": [ze()],
359
+ "b1byyovs-1": [Ve()],
360
+ "b1byyovs-2": [Ue()]
365
361
  }
366
- }), Ke = () => ({
362
+ }), _e = () => ({
367
363
  webos: n
368
- }) => n ? "0.85rem" : "1.033rem", Ge = () => ({
364
+ }) => n ? "0.85rem" : "1.033rem", Ye = () => ({
369
365
  webos: n
370
- }) => n ? "0.95rem" : "1.25rem", He = () => ({
366
+ }) => n ? "0.95rem" : "1.25rem", We = () => ({
371
367
  webos: n
372
- }) => n ? "4.7rem" : "2.25rem", Xe = () => ({
368
+ }) => n ? "4.7rem" : "2.25rem", Ke = () => ({
373
369
  webos: n
374
- }) => n ? "pre-wrap" : "nowrap", Je = /* @__PURE__ */ e("div")({
370
+ }) => n ? "pre-wrap" : "nowrap", Ge = /* @__PURE__ */ e("div")({
375
371
  name: "Title",
376
372
  class: "t1y5k5id",
377
373
  propsAsIs: !1,
378
374
  vars: {
379
- "t1y5k5id-0": [Ke()],
380
- "t1y5k5id-1": [Ge()],
381
- "t1y5k5id-2": [He()],
382
- "t1y5k5id-3": [Xe()]
375
+ "t1y5k5id-0": [_e()],
376
+ "t1y5k5id-1": [Ye()],
377
+ "t1y5k5id-2": [We()],
378
+ "t1y5k5id-3": [Ke()]
383
379
  }
384
- }), Ze = /* @__PURE__ */ e("div")({
380
+ }), Xe = /* @__PURE__ */ e("div")({
385
381
  name: "Description",
386
382
  class: "dw9eb7l",
387
383
  propsAsIs: !1
388
- }), sn = /* @__PURE__ */ e("div")({
384
+ }), He = /* @__PURE__ */ e("div")({
389
385
  name: "LogoImgContainer",
390
386
  class: "ldu8wgy",
391
387
  propsAsIs: !1
392
- }), ts = /* @__PURE__ */ e("img")({
388
+ }), os = /* @__PURE__ */ e("img")({
393
389
  name: "LogoImg",
394
390
  class: "ln4a3eh",
395
391
  propsAsIs: !1
396
- }), en = () => is, nn = /* @__PURE__ */ e(en())({
392
+ }), Ze = () => ns, Je = /* @__PURE__ */ e(Ze())({
397
393
  name: "NotificationInterstitialContainer",
398
394
  class: "no2k63v",
399
395
  propsAsIs: !0
400
- }), on = /* @__PURE__ */ e("div")({
396
+ }), sn = /* @__PURE__ */ e("div")({
401
397
  name: "TVButtons",
402
398
  class: "th9nn6a",
403
399
  propsAsIs: !1
404
- }), as = /* @__PURE__ */ e("button")({
400
+ }), ts = /* @__PURE__ */ e("button")({
405
401
  name: "TVButton",
406
402
  class: "t1eee77p",
407
403
  propsAsIs: !1
408
- }), tn = () => as, an = /* @__PURE__ */ e(tn())({
404
+ }), en = () => ts, nn = /* @__PURE__ */ e(en())({
409
405
  name: "DismissButton",
410
406
  class: "ds000hw",
411
407
  propsAsIs: !0
412
- }), rn = () => as, cn = /* @__PURE__ */ e(rn())({
408
+ }), on = () => ts, tn = /* @__PURE__ */ e(on())({
413
409
  name: "AnswerButton",
414
410
  class: "a1nz9hoe",
415
411
  propsAsIs: !0
416
- }), ln = ({ title: n, questionType: o, questionTypeData: t, description: i, imageMode: a, webos: p }) => /* @__PURE__ */ c(Ye, { imageMode: a, questionType: o, webos: p, children: [
412
+ }), an = ({ title: n, questionType: o, questionTypeData: a, description: i, imageMode: r, webos: t }) => /* @__PURE__ */ l(Fe, { imageMode: r, questionType: o, webos: t, children: [
417
413
  /* @__PURE__ */ s(
418
- B,
414
+ O,
419
415
  {
420
- questionTypeData: t,
416
+ questionTypeData: a,
421
417
  questionType: o,
422
- questionStatus: R.UNSET
418
+ questionStatus: M.UNSET
423
419
  }
424
420
  ),
425
- n && /* @__PURE__ */ s(Je, { webos: p, children: n }),
426
- i && /* @__PURE__ */ s(Ze, { children: i })
427
- ] }), dn = O(nn), pn = O(an), mn = O(cn), un = ({
421
+ n && /* @__PURE__ */ s(Ge, { webos: t, children: n }),
422
+ i && /* @__PURE__ */ s(Xe, { children: i })
423
+ ] }), rn = R(Je), cn = R(nn), ln = R(tn), pn = ({
428
424
  className: n,
429
425
  sponsorLogo: o,
430
- onClick: t,
426
+ onClick: a,
431
427
  webos: i
432
428
  }) => /* @__PURE__ */ s(
433
- dn,
429
+ rn,
434
430
  {
435
431
  className: n,
436
432
  autoFocus: !0,
437
433
  webos: i,
438
- onClick: t,
434
+ onClick: a,
439
435
  "data-webos": i,
440
- children: /* @__PURE__ */ s(os, { withoutPadding: !0, children: /* @__PURE__ */ s(ts, { src: o }) })
436
+ children: /* @__PURE__ */ s(es, { withoutPadding: !0, children: /* @__PURE__ */ s(os, { src: o }) })
441
437
  }
442
- ), vn = ({
438
+ ), dn = ({
443
439
  action: n,
444
440
  close: o,
445
- questionType: t,
441
+ questionType: a,
446
442
  inApp: i,
447
- insight: a,
448
- color: p,
449
- webos: l,
450
- className: r
443
+ insight: r,
444
+ color: t,
445
+ webos: p,
446
+ className: c
451
447
  }) => {
452
- var m, u, A;
453
- const [g, $] = w(!1), d = es();
454
- y(() => (i != null && i.sponsorLogo && ($(!0), d.current = setTimeout(() => {
455
- $(!1);
456
- }, 5e3)), () => clearTimeout(d.current)), [i == null ? void 0 : i.sponsorLogo]);
457
- const z = M[t];
458
- if (!z || !i || !i.notification)
448
+ const [m, A] = h(!1), $ = J();
449
+ f(() => (i?.sponsorLogo && (A(!0), $.current = setTimeout(() => {
450
+ A(!1);
451
+ }, 5e3)), () => clearTimeout($.current)), [i?.sponsorLogo]);
452
+ const g = D[a];
453
+ if (!g || !i || !i.notification)
459
454
  return null;
460
- const { title: Is, image: As, imageMode: k, useContentMedia: q } = i.notification, hs = t === h.FACTOID ? a == null ? void 0 : a.heading : Is, $s = t === h.FACTOID ? a == null ? void 0 : a.body : "", gs = As, S = t === h.FACTOID && ((m = a == null ? void 0 : a.video) == null ? void 0 : m.url) && (i == null ? void 0 : i.isVideo) && q === x.ENABLED, E = q === x.ENABLED ? S ? (u = a == null ? void 0 : a.video) == null ? void 0 : u.url : a == null ? void 0 : a.image : "";
461
- return i != null && i.sponsorLogo && g ? /* @__PURE__ */ s(
462
- un,
455
+ const { title: y, image: us, imageMode: N, useContentMedia: k } = i.notification, Is = a === I.FACTOID ? r?.heading : y, As = a === I.FACTOID ? r?.body : "", $s = us, q = a === I.FACTOID && r?.video?.url && i?.isVideo && k === L.ENABLED, S = k === L.ENABLED ? q ? r?.video?.url : r?.image : "";
456
+ return i?.sponsorLogo && m ? /* @__PURE__ */ s(
457
+ pn,
463
458
  {
464
- className: r,
465
- sponsorLogo: i == null ? void 0 : i.sponsorLogo,
466
- webos: l,
467
- onClick: () => $(!1)
459
+ className: c,
460
+ sponsorLogo: i?.sponsorLogo,
461
+ webos: p,
462
+ onClick: () => A(!1)
468
463
  }
469
- ) : /* @__PURE__ */ c(
470
- is,
464
+ ) : /* @__PURE__ */ l(
465
+ ns,
471
466
  {
472
467
  "data-a": "intr",
473
- className: bs("SL_InApp", r),
474
- onClick: (C) => {
475
- l || n == null || n(C);
468
+ className: gs("SL_InApp", c),
469
+ onClick: (T) => {
470
+ p || n?.(T);
476
471
  },
477
- "data-is-insight": t === h.FACTOID,
478
- "data-webos": l,
472
+ "data-is-insight": a === I.FACTOID,
473
+ "data-webos": p,
479
474
  children: [
480
- (i == null ? void 0 : i.sponsorLogo) && /* @__PURE__ */ s(sn, { children: /* @__PURE__ */ s(ts, { src: i == null ? void 0 : i.sponsorLogo }) }),
481
- /* @__PURE__ */ c(os, { children: [
482
- /* @__PURE__ */ c(Qe, { children: [
483
- !E && /* @__PURE__ */ s(Y, { src: gs, imageMode: k, withVideo: !!S, color: p }),
484
- E && /* @__PURE__ */ s(
485
- Y,
475
+ i?.sponsorLogo && /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(os, { src: i?.sponsorLogo }) }),
476
+ /* @__PURE__ */ l(es, { children: [
477
+ /* @__PURE__ */ l(Be, { children: [
478
+ !S && /* @__PURE__ */ s(_, { src: $s, imageMode: N, withVideo: !!q, color: t }),
479
+ S && /* @__PURE__ */ s(
480
+ _,
486
481
  {
487
- src: E,
488
- imageMode: k,
489
- withVideo: !!S,
490
- color: p,
491
- useContentMedia: q,
492
- thumbnailUrl: (A = a == null ? void 0 : a.video) == null ? void 0 : A.thumbnailUrl
482
+ src: S,
483
+ imageMode: N,
484
+ withVideo: !!q,
485
+ color: t,
486
+ useContentMedia: k,
487
+ thumbnailUrl: r?.video?.thumbnailUrl
493
488
  }
494
489
  ),
495
490
  /* @__PURE__ */ s(
496
- ln,
491
+ an,
497
492
  {
498
- questionTypeData: z,
499
- questionType: t,
500
- title: hs,
501
- description: $s,
502
- imageMode: k,
503
- webos: l
493
+ questionTypeData: g,
494
+ questionType: a,
495
+ title: Is,
496
+ description: As,
497
+ imageMode: N,
498
+ webos: p
504
499
  }
505
500
  )
506
501
  ] }),
507
- !l && /* @__PURE__ */ s(Fe, { name: "chevronRight" }),
508
- l && /* @__PURE__ */ c(on, { children: [
502
+ !p && /* @__PURE__ */ s(Qe, { name: "chevronRight" }),
503
+ p && /* @__PURE__ */ l(sn, { children: [
509
504
  /* @__PURE__ */ s(
510
- pn,
505
+ cn,
511
506
  {
512
507
  webos: !0,
513
508
  "data-close-btn": "true",
514
- onClick: (C) => {
515
- C.stopPropagation(), o == null || o(C);
509
+ onClick: (T) => {
510
+ T.stopPropagation(), o?.(T);
516
511
  },
517
512
  children: "Dismiss"
518
513
  }
519
514
  ),
520
- /* @__PURE__ */ s(mn, { webos: !0, autoFocus: !0, onClick: n, children: "Answer" })
515
+ /* @__PURE__ */ s(ln, { webos: !0, autoFocus: !0, onClick: n, children: "Answer" })
521
516
  ] })
522
517
  ] })
523
518
  ]
524
519
  }
525
520
  );
526
- }, In = /* @__PURE__ */ e("div")({
521
+ }, mn = /* @__PURE__ */ e("div")({
527
522
  name: "NotificationContainer",
528
523
  class: "n11jcrxe",
529
524
  propsAsIs: !1
530
- }), K = /* @__PURE__ */ e("img")({
525
+ }), Y = /* @__PURE__ */ e("img")({
531
526
  name: "Icon",
532
527
  class: "i1vmpt6u",
533
528
  propsAsIs: !1
534
- }), An = /* @__PURE__ */ e("div")({
529
+ }), un = /* @__PURE__ */ e("div")({
535
530
  name: "IconContainer",
536
531
  class: "i180665s",
537
532
  propsAsIs: !1
538
- }), hn = () => I, $n = /* @__PURE__ */ e(hn())({
533
+ }), In = () => u, An = /* @__PURE__ */ e(In())({
539
534
  name: "TitleIcon",
540
535
  class: "t16zzzei",
541
536
  propsAsIs: !0
542
- }), gn = () => xs, wn = /* @__PURE__ */ e(gn())({
537
+ }), $n = () => Ss, hn = /* @__PURE__ */ e($n())({
543
538
  name: "Close",
544
539
  class: "c1sur0q2",
545
540
  propsAsIs: !0
546
- }), yn = /* @__PURE__ */ e("div")({
541
+ }), fn = /* @__PURE__ */ e("div")({
547
542
  name: "Body",
548
543
  class: "bai9j52",
549
544
  propsAsIs: !1
550
- }), Tn = /* @__PURE__ */ e("div")({
545
+ }), vn = /* @__PURE__ */ e("div")({
551
546
  name: "Title",
552
547
  class: "t1bnt25p",
553
548
  propsAsIs: !1
554
- }), bn = /* @__PURE__ */ e("div")({
549
+ }), gn = /* @__PURE__ */ e("div")({
555
550
  name: "Description",
556
551
  class: "dmixjec",
557
552
  propsAsIs: !1
558
- }), Cn = /* @__PURE__ */ e("button")({
553
+ }), wn = /* @__PURE__ */ e("button")({
559
554
  name: "Button",
560
555
  class: "b1ubkw1q",
561
556
  propsAsIs: !1
562
- }), Nn = ({
557
+ }), yn = ({
563
558
  open: n,
564
559
  close: o,
565
- ...t
566
- }) => {
567
- var i, a;
568
- return /* @__PURE__ */ c(
569
- In,
570
- {
571
- "data-a": "intr",
572
- onClick: () => {
573
- n == null || n(), t && t.markIstantOpen();
574
- },
575
- children: [
576
- /* @__PURE__ */ c(An, { children: [
577
- /* @__PURE__ */ s(K, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
578
- /* @__PURE__ */ s(
579
- K,
580
- {
581
- className: "on-dark",
582
- src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
583
- }
584
- )
585
- ] }),
586
- /* @__PURE__ */ c(yn, { children: [
587
- /* @__PURE__ */ c(Tn, { children: [
588
- /* @__PURE__ */ s($n, { name: "icon-trophy-solid" }),
589
- (i = t == null ? void 0 : t.titleCard) == null ? void 0 : i.title
590
- ] }),
591
- /* @__PURE__ */ c(bn, { children: [
592
- /* @__PURE__ */ s("span", { children: (a = t == null ? void 0 : t.titleCard) == null ? void 0 : a.subtitle }),
593
- /* @__PURE__ */ s(Cn, { name: "inapp-button", children: "Play Now" })
594
- ] })
595
- ] }),
560
+ ...a
561
+ }) => /* @__PURE__ */ l(
562
+ mn,
563
+ {
564
+ "data-a": "intr",
565
+ onClick: () => {
566
+ n?.(), a && a.markIstantOpen();
567
+ },
568
+ children: [
569
+ /* @__PURE__ */ l(un, { children: [
570
+ /* @__PURE__ */ s(Y, { className: "on-light", src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png" }),
596
571
  /* @__PURE__ */ s(
597
- wn,
572
+ Y,
598
573
  {
599
- close: (p) => {
600
- p == null || p.stopPropagation(), o == null || o();
601
- }
574
+ className: "on-dark",
575
+ src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"
602
576
  }
603
577
  )
604
- ]
605
- }
606
- );
607
- }, fn = /* @__PURE__ */ e("div")({
578
+ ] }),
579
+ /* @__PURE__ */ l(fn, { children: [
580
+ /* @__PURE__ */ l(vn, { children: [
581
+ /* @__PURE__ */ s(An, { name: "icon-trophy-solid" }),
582
+ a?.titleCard?.title
583
+ ] }),
584
+ /* @__PURE__ */ l(gn, { children: [
585
+ /* @__PURE__ */ s("span", { children: a?.titleCard?.subtitle }),
586
+ /* @__PURE__ */ s(wn, { name: "inapp-button", children: "Play Now" })
587
+ ] })
588
+ ] }),
589
+ /* @__PURE__ */ s(
590
+ hn,
591
+ {
592
+ close: (i) => {
593
+ i?.stopPropagation(), o?.();
594
+ }
595
+ }
596
+ )
597
+ ]
598
+ }
599
+ ), Tn = /* @__PURE__ */ e("div")({
608
600
  name: "Container",
609
601
  class: "cef8huz",
610
602
  propsAsIs: !1
611
- }), kn = () => I, qn = /* @__PURE__ */ e(kn())({
603
+ }), bn = () => u, Cn = /* @__PURE__ */ e(bn())({
612
604
  name: "CheckIcon",
613
605
  class: "c1mo15kk",
614
606
  propsAsIs: !0
615
- }), Sn = () => I, En = /* @__PURE__ */ e(Sn())({
607
+ }), Nn = () => u, kn = /* @__PURE__ */ e(Nn())({
616
608
  name: "PredictionIcon",
617
609
  class: "p16zkqnm",
618
610
  propsAsIs: !0
619
- }), Ln = /* @__PURE__ */ e("div")({
611
+ }), qn = /* @__PURE__ */ e("div")({
620
612
  name: "PredictionIconContainer",
621
613
  class: "pjszi7a",
622
614
  propsAsIs: !1
623
- }), xn = /* @__PURE__ */ e("div")({
615
+ }), Sn = /* @__PURE__ */ e("div")({
624
616
  name: "BodyContainer",
625
617
  class: "bftbmo3",
626
618
  propsAsIs: !1
627
- }), Dn = /* @__PURE__ */ e("div")({
619
+ }), En = /* @__PURE__ */ e("div")({
628
620
  name: "Body",
629
621
  class: "barrbyu",
630
622
  propsAsIs: !1
631
- }), Mn = /* @__PURE__ */ e("div")({
623
+ }), Ln = /* @__PURE__ */ e("div")({
632
624
  name: "Subtitle",
633
625
  class: "sz7237i",
634
626
  propsAsIs: !1
635
- }), Rn = ({
627
+ }), xn = ({
636
628
  step: n,
637
629
  children: o,
638
- answer: t,
630
+ answer: a,
639
631
  state: i = "pending"
640
632
  }) => {
641
- const [a, p] = w(0), [l] = w(() => new ResizeObserver((m) => {
633
+ const [r, t] = h(0), [p] = h(() => new ResizeObserver((m) => {
642
634
  window.requestAnimationFrame(() => {
643
- var u, A;
644
- p(((A = (u = m == null ? void 0 : m[0]) == null ? void 0 : u.contentRect) == null ? void 0 : A.width) ?? 0);
635
+ t(m?.[0]?.contentRect?.width ?? 0);
645
636
  });
646
- })), r = ys((m) => {
647
- m ? l.observe(m) : l.disconnect();
648
- }, [l]);
649
- return y(() => () => {
650
- l.disconnect();
651
- }, [l]), /* @__PURE__ */ c(fn, {
652
- children: [/* @__PURE__ */ s(Ln, {
653
- children: /* @__PURE__ */ s(En, {
637
+ })), c = fs((m) => {
638
+ m ? p.observe(m) : p.disconnect();
639
+ }, [p]);
640
+ return f(() => () => {
641
+ p.disconnect();
642
+ }, [p]), /* @__PURE__ */ l(Tn, {
643
+ children: [/* @__PURE__ */ s(qn, {
644
+ children: /* @__PURE__ */ s(kn, {
654
645
  name: "icon-prediction"
655
646
  })
656
- }), /* @__PURE__ */ s(xn, {
647
+ }), /* @__PURE__ */ s(Sn, {
657
648
  style: {
658
- minWidth: `${a}px`
649
+ minWidth: `${r}px`
659
650
  },
660
- children: /* @__PURE__ */ s(Dn, {
651
+ children: /* @__PURE__ */ s(En, {
661
652
  children: o
662
653
  }, n)
663
- }), /* @__PURE__ */ s(Mn, {
664
- ref: r,
654
+ }), /* @__PURE__ */ s(Ln, {
655
+ ref: c,
665
656
  className: i,
666
- children: /* @__PURE__ */ c("div", {
667
- children: [/* @__PURE__ */ s(qn, {
657
+ children: /* @__PURE__ */ l("div", {
658
+ children: [/* @__PURE__ */ s(Cn, {
668
659
  name: "icon-check"
669
- }), "Your Pick: ", t]
660
+ }), "Your Pick: ", a]
670
661
  })
671
662
  })]
672
663
  });
673
- }, On = /* @__PURE__ */ e("div")({
664
+ }, Dn = /* @__PURE__ */ e("div")({
674
665
  name: "Container",
675
666
  class: "ckyzolp",
676
667
  propsAsIs: !1
@@ -678,465 +669,459 @@ const b = /* @__PURE__ */ e("div")({
678
669
  name: "Line",
679
670
  class: "l16t1zr7",
680
671
  propsAsIs: !1
681
- }), Bn = () => j, jn = /* @__PURE__ */ e(Bn())({
672
+ }), Mn = () => j, Rn = /* @__PURE__ */ e(Mn())({
682
673
  name: "Line1",
683
674
  class: "le78kvg",
684
675
  propsAsIs: !0
685
- }), Pn = () => j, zn = /* @__PURE__ */ e(Pn())({
676
+ }), On = () => j, jn = /* @__PURE__ */ e(On())({
686
677
  name: "Line2",
687
678
  class: "l1o7966d",
688
679
  propsAsIs: !0
689
- }), Qn = () => j, Vn = /* @__PURE__ */ e(Qn())({
680
+ }), Bn = () => j, Pn = /* @__PURE__ */ e(Bn())({
690
681
  name: "Line3",
691
682
  class: "lu9lyxq",
692
683
  propsAsIs: !0
693
- }), Fn = () => /* @__PURE__ */ c(On, {
694
- children: [/* @__PURE__ */ s(jn, {
684
+ }), Qn = () => /* @__PURE__ */ l(Dn, {
685
+ children: [/* @__PURE__ */ s(Rn, {
695
686
  children: /* @__PURE__ */ s("div", {})
696
- }), /* @__PURE__ */ s(zn, {
687
+ }), /* @__PURE__ */ s(jn, {
697
688
  children: /* @__PURE__ */ s("div", {})
698
- }), /* @__PURE__ */ s(Vn, {
689
+ }), /* @__PURE__ */ s(Pn, {
699
690
  children: /* @__PURE__ */ s("div", {})
700
691
  })]
701
- }), Un = /* @__PURE__ */ e("div")({
692
+ }), zn = /* @__PURE__ */ e("div")({
702
693
  name: "Container",
703
694
  class: "c10jy6zf",
704
695
  propsAsIs: !1
705
- }), _n = () => I, Wn = /* @__PURE__ */ e(_n())({
696
+ }), Vn = () => u, Un = /* @__PURE__ */ e(Vn())({
706
697
  name: "CheckIcon",
707
698
  class: "c1c7scay",
708
699
  propsAsIs: !0
709
- }), Yn = () => /* @__PURE__ */ c(Un, {
710
- children: [/* @__PURE__ */ s(Wn, {
700
+ }), Fn = () => /* @__PURE__ */ l(zn, {
701
+ children: [/* @__PURE__ */ s(Un, {
711
702
  name: "icon-check"
712
703
  }), " Prediction results are in!"]
713
- }), Kn = /* @__PURE__ */ e("div")({
704
+ }), _n = /* @__PURE__ */ e("div")({
714
705
  name: "Container",
715
706
  class: "cf6k2yy",
716
707
  propsAsIs: !1
717
- }), Gn = /* @__PURE__ */ e("div")({
708
+ }), Yn = /* @__PURE__ */ e("div")({
718
709
  name: "Caption",
719
710
  class: "c1c8xjus",
720
711
  propsAsIs: !1
721
- }), Hn = /* @__PURE__ */ e("div")({
712
+ }), Wn = /* @__PURE__ */ e("div")({
722
713
  name: "Title",
723
714
  class: "t1d1uekn",
724
715
  propsAsIs: !1
725
- }), Xn = ({
716
+ }), Kn = ({
726
717
  title: n
727
- }) => /* @__PURE__ */ c(Kn, {
728
- children: [/* @__PURE__ */ s(Gn, {
718
+ }) => /* @__PURE__ */ l(_n, {
719
+ children: [/* @__PURE__ */ s(Yn, {
729
720
  children: "Results for"
730
- }), /* @__PURE__ */ s(Hn, {
721
+ }), /* @__PURE__ */ s(Wn, {
731
722
  children: n
732
723
  })]
733
- }), rs = /* @__PURE__ */ e("div")({
724
+ }), as = /* @__PURE__ */ e("div")({
734
725
  name: "Container",
735
726
  class: "c181a1as",
736
727
  propsAsIs: !1
737
- }), cs = /* @__PURE__ */ e("div")({
728
+ }), is = /* @__PURE__ */ e("div")({
738
729
  name: "Title",
739
730
  class: "t1cduox6",
740
731
  propsAsIs: !1
741
- }), Jn = () => I, ls = /* @__PURE__ */ e(Jn())({
732
+ }), Gn = () => u, rs = /* @__PURE__ */ e(Gn())({
742
733
  name: "CorrectIcon",
743
734
  class: "c1onrv6j",
744
735
  propsAsIs: !0
745
- }), Zn = () => ls, so = /* @__PURE__ */ e(Zn())({
736
+ }), Xn = () => rs, Hn = /* @__PURE__ */ e(Xn())({
746
737
  name: "InCorrectIcon",
747
738
  class: "i17n9o7e",
748
739
  propsAsIs: !0
749
- }), eo = () => /* @__PURE__ */ c(rs, {
750
- children: [/* @__PURE__ */ c(cs, {
740
+ }), Zn = () => /* @__PURE__ */ l(as, {
741
+ children: [/* @__PURE__ */ l(is, {
751
742
  children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
752
- }), /* @__PURE__ */ s(ls, {
743
+ }), /* @__PURE__ */ s(rs, {
753
744
  name: "icon-check"
754
745
  })]
755
- }), no = ({
746
+ }), Jn = ({
756
747
  title: n
757
- }) => /* @__PURE__ */ c(rs, {
758
- children: [/* @__PURE__ */ c(cs, {
748
+ }) => /* @__PURE__ */ l(as, {
749
+ children: [/* @__PURE__ */ l(is, {
759
750
  children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", n]
760
- }), /* @__PURE__ */ s(so, {
751
+ }), /* @__PURE__ */ s(Hn, {
761
752
  name: "icon-cross"
762
753
  })]
763
- }), oo = /* @__PURE__ */ e("div")({
754
+ }), so = /* @__PURE__ */ e("div")({
764
755
  name: "Container",
765
756
  class: "cnxgcs2",
766
757
  propsAsIs: !1
767
- }), io = /* @__PURE__ */ e("div")({
758
+ }), eo = /* @__PURE__ */ e("div")({
768
759
  name: "Title",
769
760
  class: "t903f8n",
770
761
  propsAsIs: !1
771
- }), to = () => I, ao = /* @__PURE__ */ e(to())({
762
+ }), no = () => u, oo = /* @__PURE__ */ e(no())({
772
763
  name: "CheckIcon",
773
764
  class: "ceyu3qj",
774
765
  propsAsIs: !0
775
- }), ro = ({
766
+ }), to = ({
776
767
  points: n
777
- }) => /* @__PURE__ */ c(oo, {
778
- children: [/* @__PURE__ */ c(io, {
779
- children: ["You won ", /* @__PURE__ */ s(Ds, {
768
+ }) => /* @__PURE__ */ l(so, {
769
+ children: [/* @__PURE__ */ l(eo, {
770
+ children: ["You won ", /* @__PURE__ */ s(Es, {
780
771
  delay: 0.5,
781
772
  prefix: "+",
782
773
  suffix: " points",
783
774
  value: n
784
775
  })]
785
- }), /* @__PURE__ */ s(ao, {
776
+ }), /* @__PURE__ */ s(oo, {
786
777
  name: "icon-trophy-solid"
787
778
  })]
788
- }), G = /* @__PURE__ */ e("div")({
779
+ }), W = /* @__PURE__ */ e("div")({
789
780
  name: "Container",
790
781
  class: "cq3agu2",
791
782
  propsAsIs: !1
792
- }), H = /* @__PURE__ */ e("div")({
783
+ }), K = /* @__PURE__ */ e("div")({
793
784
  name: "Body",
794
785
  class: "b16qj0do",
795
786
  propsAsIs: !1
796
- }), X = {
787
+ }), G = {
797
788
  1: 3e3,
798
789
  2: 4e3,
799
790
  3: 4e3,
800
791
  4: 4e3
801
- }, co = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: a, correctAnswerTitle: p, questionTitle: l, step: r }) => {
802
- if (y(() => {
803
- if (t) {
804
- const u = setTimeout(() => {
805
- X[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
806
- }, X[r]);
792
+ }, ao = ({ close: n, action: o, setStep: a, votedAnswer: i, correct: r, correctAnswerTitle: t, questionTitle: p, step: c }) => {
793
+ if (f(() => {
794
+ if (a) {
795
+ const A = setTimeout(() => {
796
+ G[c + 1] && (r || c < 3) ? a(c + 1) : n?.();
797
+ }, G[c]);
807
798
  return () => {
808
- u && clearTimeout(u);
799
+ A && clearTimeout(A);
809
800
  };
810
801
  }
811
802
  return () => {
812
803
  };
813
- }, [t, r, n, a]), r === 1)
814
- return /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Yn, {}) }) });
804
+ }, [a, c, n, r]), c === 1)
805
+ return /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(Fn, {}) }) });
815
806
  let m = "pending";
816
- return (r === 3 || r === 4) && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(G, { "data-a": "intr", onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(H, { children: [
817
- r !== 1 && /* @__PURE__ */ s(Fn, {}, r),
818
- /* @__PURE__ */ c(Rn, { state: m, step: r, answer: (i == null ? void 0 : i.title) || "unknown", children: [
819
- r === 2 && /* @__PURE__ */ s(Xn, { title: l || "unknown" }),
820
- r === 3 && a && /* @__PURE__ */ s(eo, {}),
821
- r === 3 && !a && /* @__PURE__ */ s(no, { title: p || "unknown" }),
822
- r === 4 && /* @__PURE__ */ s(ro, { points: (i == null ? void 0 : i.points) || 0 })
807
+ return (c === 3 || c === 4) && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(W, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(K, { children: [
808
+ c !== 1 && /* @__PURE__ */ s(Qn, {}, c),
809
+ /* @__PURE__ */ l(xn, { state: m, step: c, answer: i?.title || "unknown", children: [
810
+ c === 2 && /* @__PURE__ */ s(Kn, { title: p || "unknown" }),
811
+ c === 3 && r && /* @__PURE__ */ s(Zn, {}),
812
+ c === 3 && !r && /* @__PURE__ */ s(Jn, { title: t || "unknown" }),
813
+ c === 4 && /* @__PURE__ */ s(to, { points: i?.points || 0 })
823
814
  ] })
824
815
  ] }) });
825
- }, lo = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: a, questionTitle: p }) => {
826
- const [l, r] = w(1);
816
+ }, io = ({ close: n, action: o, votedAnswer: a, correct: i, correctAnswerTitle: r, questionTitle: t }) => {
817
+ const [p, c] = h(1);
827
818
  return /* @__PURE__ */ s(
828
- co,
819
+ ao,
829
820
  {
830
821
  close: n,
831
822
  action: o,
832
- votedAnswer: t,
823
+ votedAnswer: a,
833
824
  correct: i,
834
- correctAnswerTitle: a,
835
- questionTitle: p,
836
- setStep: r,
837
- step: l,
825
+ correctAnswerTitle: r,
826
+ questionTitle: t,
827
+ setStep: c,
828
+ step: p,
838
829
  title: ""
839
830
  }
840
831
  );
841
- }, po = /* @__PURE__ */ e("div")({
832
+ }, ro = /* @__PURE__ */ e("div")({
842
833
  name: "NotificationContainer",
843
834
  class: "n1i4h28u",
844
835
  propsAsIs: !1
845
- }), mo = ({ className: n, ...o }) => /* @__PURE__ */ s(po, { className: n, children: /* @__PURE__ */ s(lo, { ...o }) }), uo = /* @__PURE__ */ e("div")({
836
+ }), co = ({ className: n, ...o }) => /* @__PURE__ */ s(ro, { className: n, children: /* @__PURE__ */ s(io, { ...o }) }), lo = /* @__PURE__ */ e("div")({
846
837
  name: "Container",
847
838
  class: "cwa9tgs",
848
839
  propsAsIs: !1
849
- }), vo = /* @__PURE__ */ e("div")({
840
+ }), po = /* @__PURE__ */ e("div")({
850
841
  name: "BodyContainer",
851
842
  class: "b1xx7swj",
852
843
  propsAsIs: !1
853
- }), Io = /* @__PURE__ */ e("div")({
844
+ }), mo = /* @__PURE__ */ e("div")({
854
845
  name: "Body",
855
846
  class: "b1a21en",
856
847
  propsAsIs: !1
857
- }), Ao = ({
848
+ }), uo = ({
858
849
  step: n,
859
850
  children: o,
860
- state: t = "pending"
851
+ state: a = "pending"
861
852
  }) => {
862
- const [i, a] = w(0);
863
- return y(() => {
864
- const p = new ResizeObserver((l) => {
853
+ const [i, r] = h(0);
854
+ return f(() => {
855
+ const t = new ResizeObserver((p) => {
865
856
  window.requestAnimationFrame(() => {
866
- var r, m;
867
- const u = ((m = (r = l == null ? void 0 : l[0]) == null ? void 0 : r.contentRect) == null ? void 0 : m.width) ?? 0;
868
- a(u);
857
+ const c = p?.[0]?.contentRect?.width ?? 0;
858
+ r(c);
869
859
  });
870
860
  });
871
861
  return () => {
872
- p.disconnect();
862
+ t.disconnect();
873
863
  };
874
- }, []), /* @__PURE__ */ s(uo, {
864
+ }, []), /* @__PURE__ */ s(lo, {
875
865
  style: {
876
- padding: `${n === 3 && t === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
866
+ padding: `${n === 3 && a === "incorrect" || n === 1 ? "5px 100px" : "5px 40px"}`
877
867
  },
878
- children: /* @__PURE__ */ s(vo, {
868
+ children: /* @__PURE__ */ s(po, {
879
869
  style: {
880
870
  minWidth: `${i}px`
881
871
  },
882
- children: /* @__PURE__ */ s(Io, {
872
+ children: /* @__PURE__ */ s(mo, {
883
873
  children: o
884
874
  }, n)
885
875
  })
886
876
  });
887
- }, ho = /* @__PURE__ */ e("div")({
877
+ }, Io = /* @__PURE__ */ e("div")({
888
878
  name: "Container",
889
879
  class: "c1nd5cu8",
890
880
  propsAsIs: !1
891
- }), P = /* @__PURE__ */ e("div")({
881
+ }), B = /* @__PURE__ */ e("div")({
892
882
  name: "Line",
893
883
  class: "lgbipw0",
894
884
  propsAsIs: !1
895
- }), $o = () => P, go = /* @__PURE__ */ e($o())({
885
+ }), Ao = () => B, $o = /* @__PURE__ */ e(Ao())({
896
886
  name: "Line1",
897
887
  class: "l1anth16",
898
888
  propsAsIs: !0
899
- }), wo = () => P, yo = /* @__PURE__ */ e(wo())({
889
+ }), ho = () => B, fo = /* @__PURE__ */ e(ho())({
900
890
  name: "Line2",
901
891
  class: "l193yd7v",
902
892
  propsAsIs: !0
903
- }), To = () => P, bo = /* @__PURE__ */ e(To())({
893
+ }), vo = () => B, go = /* @__PURE__ */ e(vo())({
904
894
  name: "Line3",
905
895
  class: "lhbflsp",
906
896
  propsAsIs: !0
907
- }), Co = () => /* @__PURE__ */ c(ho, {
908
- children: [/* @__PURE__ */ s(go, {
897
+ }), wo = () => /* @__PURE__ */ l(Io, {
898
+ children: [/* @__PURE__ */ s($o, {
909
899
  children: /* @__PURE__ */ s("div", {})
910
- }), /* @__PURE__ */ s(yo, {
900
+ }), /* @__PURE__ */ s(fo, {
911
901
  children: /* @__PURE__ */ s("div", {})
912
- }), /* @__PURE__ */ s(bo, {
902
+ }), /* @__PURE__ */ s(go, {
913
903
  children: /* @__PURE__ */ s("div", {})
914
904
  })]
915
- }), No = /* @__PURE__ */ e("div")({
905
+ }), yo = /* @__PURE__ */ e("div")({
916
906
  name: "Container",
917
907
  class: "c1lvd429",
918
908
  propsAsIs: !1
919
- }), fo = () => I, ko = /* @__PURE__ */ e(fo())({
909
+ }), To = () => u, bo = /* @__PURE__ */ e(To())({
920
910
  name: "PredictionIcon",
921
911
  class: "p1n4m87t",
922
912
  propsAsIs: !0
923
- }), qo = () => /* @__PURE__ */ c(No, {
924
- children: [/* @__PURE__ */ s(ko, {
913
+ }), Co = () => /* @__PURE__ */ l(yo, {
914
+ children: [/* @__PURE__ */ s(bo, {
925
915
  name: "icon-prediction"
926
916
  }), " Prediction results are in!"]
927
- }), So = () => I, Eo = /* @__PURE__ */ e(So())({
917
+ }), No = () => u, ko = /* @__PURE__ */ e(No())({
928
918
  name: "CheckIcon",
929
919
  class: "c126r8f9",
930
920
  propsAsIs: !0
931
- }), Lo = /* @__PURE__ */ e("div")({
921
+ }), qo = /* @__PURE__ */ e("div")({
932
922
  name: "Answer",
933
923
  class: "a1o2rpgl",
934
924
  propsAsIs: !1
935
- }), xo = /* @__PURE__ */ e("div")({
925
+ }), So = /* @__PURE__ */ e("div")({
936
926
  name: "Container",
937
927
  class: "cej6ci1",
938
928
  propsAsIs: !1
939
- }), Do = /* @__PURE__ */ e("div")({
929
+ }), Eo = /* @__PURE__ */ e("div")({
940
930
  name: "Title",
941
931
  class: "tob24mr",
942
932
  propsAsIs: !1
943
- }), Mo = ({
933
+ }), Lo = ({
944
934
  title: n,
945
935
  answer: o
946
- }) => /* @__PURE__ */ c(xo, {
947
- children: [/* @__PURE__ */ s(Do, {
936
+ }) => /* @__PURE__ */ l(So, {
937
+ children: [/* @__PURE__ */ s(Eo, {
948
938
  children: n
949
- }), /* @__PURE__ */ c(Lo, {
950
- children: [/* @__PURE__ */ s(Eo, {
939
+ }), /* @__PURE__ */ l(qo, {
940
+ children: [/* @__PURE__ */ s(ko, {
951
941
  name: "icon-prediction"
952
942
  }), "Your Pick: ", o]
953
943
  })]
954
- }), ds = /* @__PURE__ */ e("div")({
944
+ }), cs = /* @__PURE__ */ e("div")({
955
945
  name: "Container",
956
946
  class: "c1lesal4",
957
947
  propsAsIs: !1
958
- }), ps = /* @__PURE__ */ e("div")({
948
+ }), ls = /* @__PURE__ */ e("div")({
959
949
  name: "Title",
960
950
  class: "tv66n4w",
961
951
  propsAsIs: !1
962
- }), Ro = () => I, Oo = /* @__PURE__ */ e(Ro())({
952
+ }), xo = () => u, Do = /* @__PURE__ */ e(xo())({
963
953
  name: "CorrectIcon",
964
954
  class: "cx0vlv2",
965
955
  propsAsIs: !0
966
- }), ms = /* @__PURE__ */ e("div")({
956
+ }), ps = /* @__PURE__ */ e("div")({
967
957
  name: "Answer",
968
958
  class: "akfh4v5",
969
959
  propsAsIs: !1
970
- }), Bo = ({
960
+ }), Mo = ({
971
961
  answer: n
972
- }) => /* @__PURE__ */ c(ds, {
973
- children: [/* @__PURE__ */ s(ps, {
962
+ }) => /* @__PURE__ */ l(cs, {
963
+ children: [/* @__PURE__ */ s(ls, {
974
964
  children: "Congratulations! You answered correctly."
975
- }), /* @__PURE__ */ c(ms, {
976
- children: [/* @__PURE__ */ s(Oo, {
965
+ }), /* @__PURE__ */ l(ps, {
966
+ children: [/* @__PURE__ */ s(Do, {
977
967
  name: "icon-correct"
978
968
  }), "Your Pick: ", n]
979
969
  })]
980
- }), jo = ({
970
+ }), Ro = ({
981
971
  title: n,
982
972
  answer: o
983
- }) => /* @__PURE__ */ c(ds, {
984
- children: [/* @__PURE__ */ c(ps, {
973
+ }) => /* @__PURE__ */ l(cs, {
974
+ children: [/* @__PURE__ */ l(ls, {
985
975
  children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", n]
986
- }), /* @__PURE__ */ c(ms, {
976
+ }), /* @__PURE__ */ l(ps, {
987
977
  children: ["Your Pick: ", o]
988
978
  })]
989
- }), J = /* @__PURE__ */ e("div")({
979
+ }), X = /* @__PURE__ */ e("div")({
990
980
  name: "Container",
991
981
  class: "cmox3ot",
992
982
  propsAsIs: !1
993
- }), Z = /* @__PURE__ */ e("div")({
983
+ }), H = /* @__PURE__ */ e("div")({
994
984
  name: "Body",
995
985
  class: "bqq1ix4",
996
986
  propsAsIs: !1
997
- }), ss = {
987
+ }), Z = {
998
988
  1: 3e3,
999
989
  2: 4e3,
1000
990
  3: 4e3
1001
- }, Po = ({ close: n, action: o, setStep: t, votedAnswer: i, correct: a, correctAnswerTitle: p, questionTitle: l, step: r }) => {
1002
- if (y(() => {
1003
- if (t) {
1004
- const u = setTimeout(() => {
1005
- ss[r + 1] && (a || r < 3) ? t(r + 1) : n == null || n();
1006
- }, ss[r]);
991
+ }, Oo = ({ close: n, action: o, setStep: a, votedAnswer: i, correct: r, correctAnswerTitle: t, questionTitle: p, step: c }) => {
992
+ if (f(() => {
993
+ if (a) {
994
+ const A = setTimeout(() => {
995
+ Z[c + 1] && (r || c < 3) ? a(c + 1) : n?.();
996
+ }, Z[c]);
1007
997
  return () => {
1008
- u && clearTimeout(u);
998
+ A && clearTimeout(A);
1009
999
  };
1010
1000
  }
1011
1001
  return () => {
1012
1002
  };
1013
- }, [t, r, n, a]), r === 1)
1014
- return /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(qo, {}) }) });
1003
+ }, [a, c, n, r]), c === 1)
1004
+ return /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Co, {}) }) });
1015
1005
  let m = "pending";
1016
- return r === 3 && (m = a ? "correct" : "incorrect"), /* @__PURE__ */ s(J, { "data-a": "intr", onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(Z, { children: [
1017
- r !== 1 && /* @__PURE__ */ s(Co, {}, r),
1018
- /* @__PURE__ */ c(Ao, { state: m, step: r, children: [
1019
- r === 2 && /* @__PURE__ */ s(Mo, { title: l || "unknown", answer: (i == null ? void 0 : i.title) || "unknown" }),
1020
- r === 3 && a && /* @__PURE__ */ s(Bo, { answer: (i == null ? void 0 : i.title) || "unknown" }),
1021
- r === 3 && !a && /* @__PURE__ */ s(jo, { title: p || "unknown", answer: (i == null ? void 0 : i.title) || "unknown" })
1006
+ return c === 3 && (m = r ? "correct" : "incorrect"), /* @__PURE__ */ s(X, { "data-a": "intr", onClick: () => o?.(), children: /* @__PURE__ */ l(H, { children: [
1007
+ c !== 1 && /* @__PURE__ */ s(wo, {}, c),
1008
+ /* @__PURE__ */ l(uo, { state: m, step: c, children: [
1009
+ c === 2 && /* @__PURE__ */ s(Lo, { title: p || "unknown", answer: i?.title || "unknown" }),
1010
+ c === 3 && r && /* @__PURE__ */ s(Mo, { answer: i?.title || "unknown" }),
1011
+ c === 3 && !r && /* @__PURE__ */ s(Ro, { title: t || "unknown", answer: i?.title || "unknown" })
1022
1012
  ] })
1023
1013
  ] }) });
1024
- }, zo = ({ close: n, action: o, votedAnswer: t, correct: i, correctAnswerTitle: a, questionTitle: p }) => {
1025
- const [l, r] = w(1);
1014
+ }, jo = ({ close: n, action: o, votedAnswer: a, correct: i, correctAnswerTitle: r, questionTitle: t }) => {
1015
+ const [p, c] = h(1);
1026
1016
  return /* @__PURE__ */ s(
1027
- Po,
1017
+ Oo,
1028
1018
  {
1029
1019
  close: n,
1030
1020
  action: o,
1031
- votedAnswer: t,
1021
+ votedAnswer: a,
1032
1022
  correct: i,
1033
- correctAnswerTitle: a,
1034
- questionTitle: p,
1035
- setStep: r,
1036
- step: l,
1023
+ correctAnswerTitle: r,
1024
+ questionTitle: t,
1025
+ setStep: c,
1026
+ step: p,
1037
1027
  title: ""
1038
1028
  }
1039
1029
  );
1040
- }, us = /* @__PURE__ */ e("div")({
1030
+ }, ds = /* @__PURE__ */ e("div")({
1041
1031
  name: "NotificationContainer",
1042
1032
  class: "nn0nqh6",
1043
1033
  propsAsIs: !1
1044
- }), Qo = () => ({
1034
+ }), Bo = () => ({
1045
1035
  withoutPadding: n
1046
- }) => n ? "0px" : "1rem", Vo = /* @__PURE__ */ e("div")({
1036
+ }) => n ? "0px" : "1rem", Po = /* @__PURE__ */ e("div")({
1047
1037
  name: "NotificationContent",
1048
1038
  class: "n1bcdf3j",
1049
1039
  propsAsIs: !1,
1050
1040
  vars: {
1051
- "n1bcdf3j-0": [Qo()]
1041
+ "n1bcdf3j-0": [Bo()]
1052
1042
  }
1053
- }), vs = /* @__PURE__ */ e("img")({
1043
+ }), ms = /* @__PURE__ */ e("img")({
1054
1044
  name: "LogoImg",
1055
1045
  class: "l8jorbq",
1056
1046
  propsAsIs: !1
1057
- }), Fo = () => us, Uo = /* @__PURE__ */ e(Fo())({
1047
+ }), Qo = () => ds, zo = /* @__PURE__ */ e(Qo())({
1058
1048
  name: "NotificationInterstitialContainer",
1059
1049
  class: "nf920y3",
1060
1050
  propsAsIs: !0
1061
- }), _o = /* @__PURE__ */ e("div")({
1051
+ }), Vo = /* @__PURE__ */ e("div")({
1062
1052
  name: "LogoImgContainer",
1063
1053
  class: "lzsmehn",
1064
1054
  propsAsIs: !1
1065
- }), Wo = ({
1055
+ }), Uo = ({
1066
1056
  className: n,
1067
1057
  sponsorLogo: o,
1068
- onClick: t
1069
- }) => /* @__PURE__ */ s(Uo, { className: n, onClick: t, children: /* @__PURE__ */ s(Vo, { withoutPadding: !0, children: /* @__PURE__ */ s(vs, { src: o }) }) }), Yo = ({ className: n, ...o }) => {
1070
- var t, i, a, p, l;
1071
- const [r, m] = w(!1), u = es();
1072
- return y(() => {
1073
- var A;
1074
- return (A = o == null ? void 0 : o.inApp) != null && A.sponsorLogo && (m(!0), u.current = setTimeout(() => {
1075
- m(!1);
1076
- }, 5e3)), () => clearTimeout(u.current);
1077
- }, [(t = o == null ? void 0 : o.inApp) == null ? void 0 : t.sponsorLogo]), (i = o == null ? void 0 : o.inApp) != null && i.sponsorLogo && r ? /* @__PURE__ */ s(
1078
- Wo,
1058
+ onClick: a
1059
+ }) => /* @__PURE__ */ s(zo, { className: n, onClick: a, children: /* @__PURE__ */ s(Po, { withoutPadding: !0, children: /* @__PURE__ */ s(ms, { src: o }) }) }), Fo = ({ className: n, ...o }) => {
1060
+ const [a, i] = h(!1), r = J();
1061
+ return f(() => (o?.inApp?.sponsorLogo && (i(!0), r.current = setTimeout(() => {
1062
+ i(!1);
1063
+ }, 5e3)), () => clearTimeout(r.current)), [o?.inApp?.sponsorLogo]), o?.inApp?.sponsorLogo && a ? /* @__PURE__ */ s(
1064
+ Uo,
1079
1065
  {
1080
1066
  className: n,
1081
- sponsorLogo: (a = o.inApp) == null ? void 0 : a.sponsorLogo,
1082
- onClick: () => m(!1)
1067
+ sponsorLogo: o.inApp?.sponsorLogo,
1068
+ onClick: () => i(!1)
1083
1069
  }
1084
- ) : /* @__PURE__ */ s(us, { className: n, children: /* @__PURE__ */ c("div", { children: [
1085
- ((p = o == null ? void 0 : o.inApp) == null ? void 0 : p.sponsorLogo) && /* @__PURE__ */ s(_o, { children: /* @__PURE__ */ s(vs, { src: (l = o == null ? void 0 : o.inApp) == null ? void 0 : l.sponsorLogo }) }),
1086
- /* @__PURE__ */ s(zo, { ...o })
1070
+ ) : /* @__PURE__ */ s(ds, { className: n, children: /* @__PURE__ */ l("div", { children: [
1071
+ o?.inApp?.sponsorLogo && /* @__PURE__ */ s(Vo, { children: /* @__PURE__ */ s(ms, { src: o?.inApp?.sponsorLogo }) }),
1072
+ /* @__PURE__ */ s(jo, { ...o })
1087
1073
  ] }) });
1088
- }, Ko = ({ sdk: n, webos: o }) => {
1089
- var t, i, a, p, l, r, m, u;
1090
- const [A] = w(n.getNotificationsStore()), g = Cs(A), $ = n.getFeature(Es.GAMES), d = Ts(() => n.getActiveNotification(), [n, g]);
1091
- return y(() => {
1092
- d && Ns.emit("notification", {
1074
+ }, _o = ({ sdk: n, webos: o }) => {
1075
+ const [a] = h(n.getNotificationsStore()), i = ws(a), r = n.getFeature(ks.GAMES), t = vs(() => n.getActiveNotification(), [n, i]);
1076
+ return f(() => {
1077
+ t && ys.emit("notification", {
1093
1078
  action: "rendered",
1094
1079
  payload: {
1095
- questionId: d.data.questionId,
1096
- questionType: d.data.questionType
1080
+ questionId: t.data.questionId,
1081
+ questionType: t.data.questionType
1097
1082
  }
1098
1083
  });
1099
- }, [d]), d && d.type === Q.QUESTION_RESOLVED ? d.data.question && d.data.questionType === h.PREDICTION ? d && ((t = d.data.inApp) == null ? void 0 : t.adUnit) === F.STANDART ? /* @__PURE__ */ s(
1100
- Yo,
1084
+ }, [t]), t && t.type === P.QUESTION_RESOLVED ? t.data.question && t.data.questionType === I.PREDICTION ? t && t.data.inApp?.adUnit === z.STANDART ? /* @__PURE__ */ s(
1085
+ Fo,
1101
1086
  {
1102
- action: d.action,
1103
- close: d.close,
1104
- ...d.data.question,
1105
- inApp: d.data.inApp
1087
+ action: t.action,
1088
+ close: t.close,
1089
+ ...t.data.question,
1090
+ inApp: t.data.inApp
1106
1091
  }
1107
1092
  ) : /* @__PURE__ */ s(
1108
- mo,
1093
+ co,
1109
1094
  {
1110
- action: d.action,
1111
- close: d.close,
1112
- ...d.data.question
1095
+ action: t.action,
1096
+ close: t.close,
1097
+ ...t.data.question
1113
1098
  }
1114
- ) : null : d && d.type === Q.ONBOARDING ? d.data.onboarding ? /* @__PURE__ */ s(
1115
- Nn,
1099
+ ) : null : t && t.type === P.ONBOARDING ? t.data.onboarding ? /* @__PURE__ */ s(
1100
+ yn,
1116
1101
  {
1117
- open: $ == null ? void 0 : $.openOnboarding,
1118
- close: d.close,
1119
- ...d.data.onboarding
1102
+ open: r?.openOnboarding,
1103
+ close: t.close,
1104
+ ...t.data.onboarding
1120
1105
  }
1121
- ) : null : d && ((i = d.data.inApp) == null ? void 0 : i.adUnit) === F.STANDART ? /* @__PURE__ */ s(
1122
- vn,
1106
+ ) : null : t && t.data.inApp?.adUnit === z.STANDART ? /* @__PURE__ */ s(
1107
+ dn,
1123
1108
  {
1124
- ...d.data,
1125
- action: d.action,
1126
- close: d.close,
1127
- color: ((l = (p = (a = d == null ? void 0 : d.data) == null ? void 0 : a.inApp) == null ? void 0 : p.notification) == null ? void 0 : l.indicatorColor) || ((u = (m = (r = d == null ? void 0 : d.data) == null ? void 0 : r.inApp) == null ? void 0 : m.appearance) == null ? void 0 : u.primaryColor),
1109
+ ...t.data,
1110
+ action: t.action,
1111
+ close: t.close,
1112
+ color: t?.data?.inApp?.notification?.indicatorColor || t?.data?.inApp?.appearance?.primaryColor,
1128
1113
  webos: o
1129
1114
  }
1130
- ) : d && /* @__PURE__ */ s(be, { ...d.data, action: d.action });
1131
- }, pi = ({ theme: n }) => {
1132
- const o = Ms(), t = Rs(), i = Os();
1133
- return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(ws, { customTheme: n ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(Ko, { sdk: o }) }) }) : null;
1115
+ ) : t && /* @__PURE__ */ s(ge, { ...t.data, action: t.action });
1116
+ }, ct = ({ theme: n }) => {
1117
+ const o = Ls(), a = xs(), i = Ds();
1118
+ return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(hs, { customTheme: n ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ s(_o, { sdk: o }) }) }) : null;
1134
1119
  };
1135
1120
  export {
1136
- li as D,
1137
- Ko as K,
1138
- di as R,
1139
- Ks as S,
1140
- pi as a,
1141
- Bs as r
1121
+ it as D,
1122
+ rt as R,
1123
+ _s as S,
1124
+ ct as a,
1125
+ Ms as r,
1126
+ _o as x
1142
1127
  };