oraculo-ui 0.1.59 → 0.1.60
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.
package/dist/index.es.js
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { Link as
|
|
3
|
-
import
|
|
4
|
-
import { Splide as
|
|
5
|
-
import
|
|
1
|
+
import { jsx as e, jsxs as l, Fragment as Z } from "react/jsx-runtime";
|
|
2
|
+
import { Link as we, Box as j, Typography as Se, Stack as Ce, useMediaQuery as Me, Container as Fe } from "@mui/material";
|
|
3
|
+
import Le, { forwardRef as We, useRef as G, useImperativeHandle as je, useCallback as he, useState as z, useMemo as oe, useLayoutEffect as ze, useEffect as Q } from "react";
|
|
4
|
+
import { Splide as Ae, SplideSlide as Ge } from "@splidejs/react-splide";
|
|
5
|
+
import O from "@mui/material/Box";
|
|
6
6
|
import M from "@mui/material/Skeleton";
|
|
7
7
|
import D from "@mui/material/Typography";
|
|
8
|
-
import
|
|
8
|
+
import R from "@mui/material/Stack";
|
|
9
9
|
import { ChevronLeftRounded as de, ChevronRightRounded as ue } from "@mui/icons-material";
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { onSnapshot as
|
|
10
|
+
import Ee from "@mui/icons-material/ChevronLeftRounded";
|
|
11
|
+
import ke from "@mui/icons-material/ChevronRightRounded";
|
|
12
|
+
import Ue from "@mui/material/useMediaQuery";
|
|
13
|
+
import { onSnapshot as De, doc as Ve } from "firebase/firestore";
|
|
14
14
|
function F({
|
|
15
15
|
children: t,
|
|
16
16
|
onClick: n,
|
|
17
|
-
href:
|
|
18
|
-
target:
|
|
19
|
-
rel:
|
|
17
|
+
href: r,
|
|
18
|
+
target: a,
|
|
19
|
+
rel: u,
|
|
20
20
|
type: o = "button",
|
|
21
|
-
disabled:
|
|
22
|
-
variant:
|
|
23
|
-
size:
|
|
24
|
-
fullWidth:
|
|
21
|
+
disabled: i = !1,
|
|
22
|
+
variant: p = "primary",
|
|
23
|
+
size: m,
|
|
24
|
+
fullWidth: g = !1,
|
|
25
25
|
fullHeight: b = !1,
|
|
26
|
-
className:
|
|
26
|
+
className: k = "",
|
|
27
27
|
ariaLabel: s,
|
|
28
|
-
leftIcon:
|
|
29
|
-
rightIcon:
|
|
28
|
+
leftIcon: c,
|
|
29
|
+
rightIcon: x,
|
|
30
30
|
iconOnly: $
|
|
31
31
|
}) {
|
|
32
|
-
const v = !!t && t !== !0,
|
|
32
|
+
const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
|
|
33
33
|
"orc-btn",
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
p === "secondary" ? "orc-btn--secondary" : p === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
|
|
35
|
+
m ? `orc-btn--${m}` : "",
|
|
36
|
+
g ? "orc-btn--full" : "",
|
|
37
37
|
b ? "orc-btn--fullHeight" : "",
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
].filter(Boolean).join(" "),
|
|
41
|
-
|
|
42
|
-
!
|
|
43
|
-
|
|
44
|
-
] }), E =
|
|
45
|
-
return
|
|
46
|
-
|
|
38
|
+
S ? "orc-btn--iconOnly" : "",
|
|
39
|
+
k
|
|
40
|
+
].filter(Boolean).join(" "), T = /* @__PURE__ */ l(Z, { children: [
|
|
41
|
+
c && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: c }),
|
|
42
|
+
!S && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
|
|
43
|
+
x && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: x })
|
|
44
|
+
] }), E = i ? !0 : void 0;
|
|
45
|
+
return r ? /* @__PURE__ */ e(
|
|
46
|
+
we,
|
|
47
47
|
{
|
|
48
|
-
href:
|
|
49
|
-
target:
|
|
50
|
-
rel:
|
|
48
|
+
href: r,
|
|
49
|
+
target: a,
|
|
50
|
+
rel: u,
|
|
51
51
|
"aria-label": s,
|
|
52
52
|
"aria-disabled": E,
|
|
53
53
|
tabIndex: E ? -1 : void 0,
|
|
54
|
-
className:
|
|
54
|
+
className: P,
|
|
55
55
|
onClick: E ? (d) => d.preventDefault() : n,
|
|
56
|
-
children:
|
|
56
|
+
children: T
|
|
57
57
|
}
|
|
58
58
|
) : /* @__PURE__ */ e(
|
|
59
59
|
"button",
|
|
@@ -62,23 +62,23 @@ function F({
|
|
|
62
62
|
onClick: n,
|
|
63
63
|
disabled: !!E,
|
|
64
64
|
"aria-label": s,
|
|
65
|
-
className:
|
|
66
|
-
children:
|
|
65
|
+
className: P,
|
|
66
|
+
children: T
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
69
|
}
|
|
70
70
|
function K({
|
|
71
71
|
title: t,
|
|
72
72
|
iconUrl: n,
|
|
73
|
-
size:
|
|
74
|
-
className:
|
|
73
|
+
size: r = "md",
|
|
74
|
+
className: a = ""
|
|
75
75
|
}) {
|
|
76
76
|
const o = [
|
|
77
77
|
"orc-section-title",
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
r ? `orc-section-title--${r}` : "",
|
|
79
|
+
a
|
|
80
80
|
].filter(Boolean).join(" ");
|
|
81
|
-
return /* @__PURE__ */
|
|
81
|
+
return /* @__PURE__ */ l("div", { className: o, children: [
|
|
82
82
|
n && /* @__PURE__ */ e(
|
|
83
83
|
"img",
|
|
84
84
|
{
|
|
@@ -90,42 +90,42 @@ function K({
|
|
|
90
90
|
/* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
|
|
91
91
|
] });
|
|
92
92
|
}
|
|
93
|
-
const
|
|
93
|
+
const $e = ({
|
|
94
94
|
total: t,
|
|
95
95
|
active: n,
|
|
96
|
-
onSelect:
|
|
97
|
-
className:
|
|
96
|
+
onSelect: r,
|
|
97
|
+
className: a = ""
|
|
98
98
|
}) => {
|
|
99
99
|
if (t <= 1) return null;
|
|
100
|
-
const
|
|
101
|
-
return /* @__PURE__ */ e("div", { className:
|
|
100
|
+
const u = ["orc-dots", a].filter(Boolean).join(" ");
|
|
101
|
+
return /* @__PURE__ */ e("div", { className: u, role: "tablist", children: Array.from({ length: t }).map((o, i) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
|
|
102
102
|
"button",
|
|
103
103
|
{
|
|
104
104
|
type: "button",
|
|
105
105
|
role: "tab",
|
|
106
|
-
"aria-selected":
|
|
107
|
-
"aria-label": `Ir al slide ${
|
|
108
|
-
className: "orc-dots__dot" + (
|
|
109
|
-
onClick: () =>
|
|
106
|
+
"aria-selected": i === n,
|
|
107
|
+
"aria-label": `Ir al slide ${i + 1}`,
|
|
108
|
+
className: "orc-dots__dot" + (i === n ? " orc-dots__dot--active" : ""),
|
|
109
|
+
onClick: () => r == null ? void 0 : r(i)
|
|
110
110
|
}
|
|
111
|
-
) },
|
|
111
|
+
) }, i)) });
|
|
112
112
|
};
|
|
113
113
|
function V({
|
|
114
114
|
children: t,
|
|
115
115
|
minWidth: n = 32,
|
|
116
|
-
spacing:
|
|
117
|
-
justify:
|
|
118
|
-
columns:
|
|
116
|
+
spacing: r = 2,
|
|
117
|
+
justify: a = "stretch",
|
|
118
|
+
columns: u = null
|
|
119
119
|
}) {
|
|
120
|
-
const o =
|
|
120
|
+
const o = u || `repeat(auto-fit, minmax(${n}px, 1fr))`, i = typeof r == "number" ? `${r * 8}px` : r;
|
|
121
121
|
return /* @__PURE__ */ e(
|
|
122
122
|
"div",
|
|
123
123
|
{
|
|
124
124
|
style: {
|
|
125
125
|
display: "grid",
|
|
126
126
|
gridTemplateColumns: o,
|
|
127
|
-
justifyItems:
|
|
128
|
-
gap:
|
|
127
|
+
justifyItems: a,
|
|
128
|
+
gap: i,
|
|
129
129
|
height: "inherit"
|
|
130
130
|
},
|
|
131
131
|
children: t
|
|
@@ -163,16 +163,16 @@ function ge({ src: t, alt: n }) {
|
|
|
163
163
|
}
|
|
164
164
|
);
|
|
165
165
|
}
|
|
166
|
-
const
|
|
167
|
-
contenedor:
|
|
168
|
-
flexGroup:
|
|
169
|
-
subtitle:
|
|
166
|
+
const He = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Ke = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", qe = "oraculo__OraculoEventTitle-module__subtitle___TmHna", ie = {
|
|
167
|
+
contenedor: He,
|
|
168
|
+
flexGroup: Ke,
|
|
169
|
+
subtitle: qe
|
|
170
170
|
};
|
|
171
|
-
function
|
|
172
|
-
return /* @__PURE__ */
|
|
171
|
+
function Je({ title: t, subtitle: n }) {
|
|
172
|
+
return /* @__PURE__ */ l(
|
|
173
173
|
"div",
|
|
174
174
|
{
|
|
175
|
-
className:
|
|
175
|
+
className: ie.contenedor,
|
|
176
176
|
children: [
|
|
177
177
|
/* @__PURE__ */ e(
|
|
178
178
|
"span",
|
|
@@ -185,17 +185,17 @@ function qe({ title: t, subtitle: n }) {
|
|
|
185
185
|
children: t
|
|
186
186
|
}
|
|
187
187
|
),
|
|
188
|
-
n && /* @__PURE__ */
|
|
188
|
+
n && /* @__PURE__ */ l(
|
|
189
189
|
"div",
|
|
190
190
|
{
|
|
191
|
-
className:
|
|
191
|
+
className: ie.flexGroup,
|
|
192
192
|
children: [
|
|
193
|
-
/* @__PURE__ */
|
|
193
|
+
/* @__PURE__ */ l("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
|
|
194
194
|
" ",
|
|
195
195
|
/* @__PURE__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
|
|
196
196
|
" "
|
|
197
197
|
] }),
|
|
198
|
-
/* @__PURE__ */ e("span", { className:
|
|
198
|
+
/* @__PURE__ */ e("span", { className: ie.subtitle, children: n }),
|
|
199
199
|
/* @__PURE__ */ e("div", {})
|
|
200
200
|
]
|
|
201
201
|
}
|
|
@@ -204,14 +204,14 @@ function qe({ title: t, subtitle: n }) {
|
|
|
204
204
|
}
|
|
205
205
|
);
|
|
206
206
|
}
|
|
207
|
-
function
|
|
207
|
+
function Xe({ text: t, color: n = "#ff3b3b", textColor: r = "#fff" }) {
|
|
208
208
|
return /* @__PURE__ */ e(
|
|
209
209
|
"span",
|
|
210
210
|
{
|
|
211
211
|
className: "oli-font",
|
|
212
212
|
style: {
|
|
213
213
|
backgroundColor: n,
|
|
214
|
-
color:
|
|
214
|
+
color: r,
|
|
215
215
|
borderRadius: "8px",
|
|
216
216
|
padding: "4px 8px",
|
|
217
217
|
fontSize: "12px",
|
|
@@ -225,14 +225,14 @@ function Je({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
|
|
|
225
225
|
}
|
|
226
226
|
);
|
|
227
227
|
}
|
|
228
|
-
function
|
|
229
|
-
return /* @__PURE__ */
|
|
230
|
-
t && /* @__PURE__ */ e(
|
|
228
|
+
function Qe({ live: t, time: n }) {
|
|
229
|
+
return /* @__PURE__ */ l("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
230
|
+
t && /* @__PURE__ */ e(Xe, { text: "En vivo" }),
|
|
231
231
|
n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
|
|
232
232
|
] });
|
|
233
233
|
}
|
|
234
|
-
function
|
|
235
|
-
return /* @__PURE__ */
|
|
234
|
+
function Ye({ title: t, subtitle: n, live: r = !1, time: a = "" }) {
|
|
235
|
+
return /* @__PURE__ */ l(
|
|
236
236
|
"div",
|
|
237
237
|
{
|
|
238
238
|
style: {
|
|
@@ -242,92 +242,92 @@ function Qe({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
|
|
|
242
242
|
color: "#FFFFFF"
|
|
243
243
|
},
|
|
244
244
|
children: [
|
|
245
|
-
/* @__PURE__ */ e(
|
|
246
|
-
/* @__PURE__ */ e(
|
|
245
|
+
/* @__PURE__ */ e(Je, { title: t, subtitle: n }),
|
|
246
|
+
/* @__PURE__ */ e(Qe, { live: r, time: a })
|
|
247
247
|
]
|
|
248
248
|
}
|
|
249
249
|
);
|
|
250
250
|
}
|
|
251
|
-
const
|
|
252
|
-
label:
|
|
251
|
+
const Ze = "oraculo__OraculoEventLabel-module__label___c64Xw", et = {
|
|
252
|
+
label: Ze
|
|
253
253
|
};
|
|
254
|
-
function
|
|
255
|
-
return /* @__PURE__ */ e("span", { className:
|
|
254
|
+
function Oe({ text: t }) {
|
|
255
|
+
return /* @__PURE__ */ e("span", { className: et.label, children: t });
|
|
256
256
|
}
|
|
257
|
-
const
|
|
258
|
-
container:
|
|
257
|
+
const tt = "oraculo__OraculoEventLeague-module__container___rdk4F", ot = {
|
|
258
|
+
container: tt
|
|
259
259
|
};
|
|
260
|
-
function
|
|
261
|
-
return /* @__PURE__ */ e("div", { className:
|
|
260
|
+
function Ie({ title: t }) {
|
|
261
|
+
return /* @__PURE__ */ e("div", { className: ot.container, children: t.toUpperCase() });
|
|
262
262
|
}
|
|
263
|
-
const
|
|
264
|
-
scoreWrapper:
|
|
265
|
-
name:
|
|
266
|
-
score:
|
|
267
|
-
normal:
|
|
268
|
-
small:
|
|
263
|
+
const nt = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", rt = "oraculo__OraculoEventScore-module__name___r4uL6", at = "oraculo__OraculoEventScore-module__score___Xl03M", it = "oraculo__OraculoEventScore-module__normal___cCNFz", st = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
|
|
264
|
+
scoreWrapper: nt,
|
|
265
|
+
name: rt,
|
|
266
|
+
score: at,
|
|
267
|
+
normal: it,
|
|
268
|
+
small: st
|
|
269
269
|
};
|
|
270
|
-
function Ne({ text: t, name: n, size:
|
|
271
|
-
return /* @__PURE__ */
|
|
270
|
+
function Ne({ text: t, name: n, size: r = "normal" }) {
|
|
271
|
+
return /* @__PURE__ */ l(
|
|
272
272
|
"div",
|
|
273
273
|
{
|
|
274
|
-
className: `${X.scoreWrapper} ${X[
|
|
274
|
+
className: `${X.scoreWrapper} ${X[r]}`,
|
|
275
275
|
children: [
|
|
276
|
-
/* @__PURE__ */ e("div", { className: `${X.score} ${X[
|
|
277
|
-
n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[
|
|
276
|
+
/* @__PURE__ */ e("div", { className: `${X.score} ${X[r]}`, children: t }),
|
|
277
|
+
n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[r]}`, children: n })
|
|
278
278
|
]
|
|
279
279
|
}
|
|
280
280
|
);
|
|
281
281
|
}
|
|
282
|
-
const
|
|
283
|
-
team:
|
|
284
|
-
regular:
|
|
285
|
-
compact:
|
|
286
|
-
logo:
|
|
287
|
-
name:
|
|
282
|
+
const ct = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", lt = "oraculo__OraculoEventTeamInfo-module__regular___ag826", dt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", ut = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", pt = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", ee = {
|
|
283
|
+
team: ct,
|
|
284
|
+
regular: lt,
|
|
285
|
+
compact: dt,
|
|
286
|
+
logo: ut,
|
|
287
|
+
name: pt
|
|
288
288
|
};
|
|
289
|
-
function
|
|
290
|
-
return /* @__PURE__ */
|
|
289
|
+
function ne({ name: t, logo: n, size: r = "regular" }) {
|
|
290
|
+
return /* @__PURE__ */ l("div", { className: `oli-font ${ee.team} ${ee[r]}`, children: [
|
|
291
291
|
/* @__PURE__ */ e("img", { loading: "lazy", src: n, alt: t, className: ee.logo }),
|
|
292
292
|
/* @__PURE__ */ e("span", { className: ee.name, children: t })
|
|
293
293
|
] });
|
|
294
294
|
}
|
|
295
|
-
const
|
|
295
|
+
const mt = Ae, ht = Ge, q = We(
|
|
296
296
|
({
|
|
297
297
|
items: t = [],
|
|
298
298
|
renderItem: n,
|
|
299
|
-
perPage:
|
|
300
|
-
gap:
|
|
301
|
-
breakpoints:
|
|
299
|
+
perPage: r = 1,
|
|
300
|
+
gap: a = "0px",
|
|
301
|
+
breakpoints: u,
|
|
302
302
|
options: o = {},
|
|
303
|
-
className:
|
|
304
|
-
onMove:
|
|
305
|
-
useIndexAsKey:
|
|
306
|
-
},
|
|
303
|
+
className: i = "",
|
|
304
|
+
onMove: p,
|
|
305
|
+
useIndexAsKey: m = !1
|
|
306
|
+
}, g) => {
|
|
307
307
|
const b = G(null);
|
|
308
|
-
|
|
308
|
+
je(g, () => ({
|
|
309
309
|
next: () => {
|
|
310
|
-
var
|
|
311
|
-
return (
|
|
310
|
+
var x;
|
|
311
|
+
return (x = b.current) == null ? void 0 : x.go(">");
|
|
312
312
|
},
|
|
313
313
|
prev: () => {
|
|
314
|
-
var
|
|
315
|
-
return (
|
|
314
|
+
var x;
|
|
315
|
+
return (x = b.current) == null ? void 0 : x.go("<");
|
|
316
316
|
},
|
|
317
|
-
go: (
|
|
317
|
+
go: (x) => {
|
|
318
318
|
var $;
|
|
319
|
-
return ($ = b.current) == null ? void 0 : $.go(
|
|
319
|
+
return ($ = b.current) == null ? void 0 : $.go(x);
|
|
320
320
|
}
|
|
321
321
|
}));
|
|
322
|
-
const
|
|
323
|
-
const $ =
|
|
324
|
-
|
|
325
|
-
}, [
|
|
326
|
-
(
|
|
327
|
-
|
|
322
|
+
const k = he((x) => {
|
|
323
|
+
const $ = x.Components.Controller, v = $.getIndex(), C = $.getEnd(), N = v === 0, _ = v >= C, S = x.Components.Slides.getLength();
|
|
324
|
+
p == null || p({ index: v, isStart: N, isEnd: _, total: S });
|
|
325
|
+
}, [p]), s = he(
|
|
326
|
+
(x) => {
|
|
327
|
+
k(x);
|
|
328
328
|
},
|
|
329
|
-
[
|
|
330
|
-
),
|
|
329
|
+
[k]
|
|
330
|
+
), c = {
|
|
331
331
|
type: "slide",
|
|
332
332
|
trimSpace: !1,
|
|
333
333
|
drag: !0,
|
|
@@ -336,21 +336,21 @@ const pt = je, mt = Ae, q = Le(
|
|
|
336
336
|
rewind: !1,
|
|
337
337
|
focus: "start",
|
|
338
338
|
autoWidth: !1,
|
|
339
|
-
perPage:
|
|
340
|
-
gap:
|
|
341
|
-
breakpoints:
|
|
339
|
+
perPage: r,
|
|
340
|
+
gap: a,
|
|
341
|
+
breakpoints: u,
|
|
342
342
|
...o
|
|
343
343
|
};
|
|
344
|
-
return /* @__PURE__ */ e("div", { className:
|
|
345
|
-
|
|
344
|
+
return /* @__PURE__ */ e("div", { className: i, style: { width: "100%" }, children: /* @__PURE__ */ e(
|
|
345
|
+
mt,
|
|
346
346
|
{
|
|
347
347
|
ref: b,
|
|
348
|
-
options:
|
|
349
|
-
onMove:
|
|
348
|
+
options: c,
|
|
349
|
+
onMove: k,
|
|
350
350
|
onMounted: s,
|
|
351
|
-
children: t.map((
|
|
351
|
+
children: t.map((x, $) => {
|
|
352
352
|
var v;
|
|
353
|
-
return /* @__PURE__ */ e(
|
|
353
|
+
return /* @__PURE__ */ e(ht, { children: n(x, $) }, m ? $ : (v = x.id) != null ? v : $);
|
|
354
354
|
})
|
|
355
355
|
}
|
|
356
356
|
) });
|
|
@@ -358,14 +358,14 @@ const pt = je, mt = Ae, q = Le(
|
|
|
358
358
|
), te = ({
|
|
359
359
|
imageUrl: t,
|
|
360
360
|
onClick: n,
|
|
361
|
-
size:
|
|
362
|
-
fillParent:
|
|
361
|
+
size: r = "sm",
|
|
362
|
+
fillParent: a = !1
|
|
363
363
|
}) => {
|
|
364
|
-
const
|
|
365
|
-
|
|
366
|
-
},
|
|
367
|
-
return /* @__PURE__ */
|
|
368
|
-
|
|
364
|
+
const u = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (p) => {
|
|
365
|
+
p.stopPropagation(), n == null || n();
|
|
366
|
+
}, i = a ? { width: "100%", height: "100%" } : { width: `${u.w}px`, height: `${u.h}px` };
|
|
367
|
+
return /* @__PURE__ */ l(
|
|
368
|
+
O,
|
|
369
369
|
{
|
|
370
370
|
onClick: n,
|
|
371
371
|
role: "button",
|
|
@@ -375,7 +375,7 @@ const pt = je, mt = Ae, q = Le(
|
|
|
375
375
|
overflow: "hidden",
|
|
376
376
|
boxSizing: "border-box",
|
|
377
377
|
transition: "transform .15s ease, box-shadow .15s ease",
|
|
378
|
-
...
|
|
378
|
+
...i,
|
|
379
379
|
"&:hover": {
|
|
380
380
|
transform: "translateY(-2px)",
|
|
381
381
|
boxShadow: 8,
|
|
@@ -407,7 +407,7 @@ const pt = je, mt = Ae, q = Le(
|
|
|
407
407
|
}
|
|
408
408
|
),
|
|
409
409
|
/* @__PURE__ */ e(
|
|
410
|
-
|
|
410
|
+
O,
|
|
411
411
|
{
|
|
412
412
|
className: "oraculo-game-card-overlay",
|
|
413
413
|
sx: {
|
|
@@ -422,7 +422,7 @@ const pt = je, mt = Ae, q = Le(
|
|
|
422
422
|
}
|
|
423
423
|
),
|
|
424
424
|
/* @__PURE__ */ e(
|
|
425
|
-
|
|
425
|
+
O,
|
|
426
426
|
{
|
|
427
427
|
className: "oraculo-game-card-btn",
|
|
428
428
|
sx: {
|
|
@@ -442,39 +442,39 @@ const pt = je, mt = Ae, q = Le(
|
|
|
442
442
|
}
|
|
443
443
|
);
|
|
444
444
|
};
|
|
445
|
-
function
|
|
445
|
+
function gt({
|
|
446
446
|
imageUrl: t,
|
|
447
447
|
orden: n = 1,
|
|
448
|
-
onClick:
|
|
449
|
-
loading:
|
|
450
|
-
sizes:
|
|
448
|
+
onClick: r,
|
|
449
|
+
loading: a = !1,
|
|
450
|
+
sizes: u = {
|
|
451
451
|
xs: { w: 104, h: 112, r: 18, font: 48 },
|
|
452
452
|
md: { w: 186, h: 264, r: 22.6, font: 64 }
|
|
453
453
|
}
|
|
454
454
|
}) {
|
|
455
|
-
var
|
|
455
|
+
var k, s, c, x;
|
|
456
456
|
const o = ($, v) => {
|
|
457
|
-
var
|
|
457
|
+
var C, N, _, S;
|
|
458
458
|
return {
|
|
459
|
-
xs: (
|
|
460
|
-
md: (
|
|
459
|
+
xs: (N = (C = u.xs) == null ? void 0 : C[$]) != null ? N : v,
|
|
460
|
+
md: (S = (_ = u.md) == null ? void 0 : _[$]) != null ? S : v
|
|
461
461
|
};
|
|
462
|
-
},
|
|
463
|
-
xs: Math.round(((s = (
|
|
464
|
-
md: Math.round(((
|
|
462
|
+
}, i = o("w", 186), p = o("h", 264), m = o("r", 22.6), g = o("font", 64), b = {
|
|
463
|
+
xs: Math.round(((s = (k = u.xs) == null ? void 0 : k.font) != null ? s : 64) * 0.28),
|
|
464
|
+
md: Math.round(((x = (c = u.md) == null ? void 0 : c.font) != null ? x : 64) * 0.28)
|
|
465
465
|
};
|
|
466
|
-
return /* @__PURE__ */
|
|
467
|
-
|
|
466
|
+
return /* @__PURE__ */ l(
|
|
467
|
+
O,
|
|
468
468
|
{
|
|
469
469
|
sx: {
|
|
470
470
|
position: "relative",
|
|
471
471
|
width: "100%",
|
|
472
|
-
maxWidth: { xs: `${
|
|
472
|
+
maxWidth: { xs: `${i.xs}px`, md: `${i.md}px` },
|
|
473
473
|
aspectRatio: {
|
|
474
|
-
xs: `${
|
|
475
|
-
md: `${
|
|
474
|
+
xs: `${i.xs}/${p.xs}`,
|
|
475
|
+
md: `${i.md}/${p.md}`
|
|
476
476
|
},
|
|
477
|
-
borderRadius: { xs: `${
|
|
477
|
+
borderRadius: { xs: `${m.xs}px`, md: `${m.md}px` },
|
|
478
478
|
boxSizing: "border-box",
|
|
479
479
|
overflow: "visible",
|
|
480
480
|
pb: { xs: `${b.xs}px`, md: `${b.md}px` },
|
|
@@ -491,7 +491,7 @@ function ht({
|
|
|
491
491
|
},
|
|
492
492
|
children: [
|
|
493
493
|
/* @__PURE__ */ e(
|
|
494
|
-
|
|
494
|
+
O,
|
|
495
495
|
{
|
|
496
496
|
sx: {
|
|
497
497
|
position: "absolute",
|
|
@@ -499,7 +499,7 @@ function ht({
|
|
|
499
499
|
borderRadius: "inherit",
|
|
500
500
|
overflow: "hidden"
|
|
501
501
|
},
|
|
502
|
-
children:
|
|
502
|
+
children: a ? /* @__PURE__ */ e(
|
|
503
503
|
M,
|
|
504
504
|
{
|
|
505
505
|
variant: "rectangular",
|
|
@@ -517,7 +517,7 @@ function ht({
|
|
|
517
517
|
te,
|
|
518
518
|
{
|
|
519
519
|
imageUrl: t,
|
|
520
|
-
onClick:
|
|
520
|
+
onClick: r,
|
|
521
521
|
size: "lg",
|
|
522
522
|
fillParent: !0
|
|
523
523
|
}
|
|
@@ -525,7 +525,7 @@ function ht({
|
|
|
525
525
|
}
|
|
526
526
|
),
|
|
527
527
|
/* @__PURE__ */ e(
|
|
528
|
-
|
|
528
|
+
O,
|
|
529
529
|
{
|
|
530
530
|
component: "span",
|
|
531
531
|
sx: {
|
|
@@ -537,8 +537,8 @@ function ht({
|
|
|
537
537
|
},
|
|
538
538
|
fontFamily: "secondary",
|
|
539
539
|
fontSize: {
|
|
540
|
-
xs: `${
|
|
541
|
-
md: `${
|
|
540
|
+
xs: `${g.xs}px`,
|
|
541
|
+
md: `${g.md}px`
|
|
542
542
|
},
|
|
543
543
|
lineHeight: 1,
|
|
544
544
|
color: "#3CC666",
|
|
@@ -553,18 +553,18 @@ function ht({
|
|
|
553
553
|
}
|
|
554
554
|
);
|
|
555
555
|
}
|
|
556
|
-
const
|
|
556
|
+
const ft = ({
|
|
557
557
|
logo: t,
|
|
558
558
|
provider: n,
|
|
559
|
-
providerName:
|
|
560
|
-
machine:
|
|
561
|
-
onClick:
|
|
559
|
+
providerName: r,
|
|
560
|
+
machine: a,
|
|
561
|
+
onClick: u
|
|
562
562
|
}) => {
|
|
563
563
|
var o;
|
|
564
|
-
return /* @__PURE__ */
|
|
565
|
-
|
|
564
|
+
return /* @__PURE__ */ l(
|
|
565
|
+
O,
|
|
566
566
|
{
|
|
567
|
-
onClick:
|
|
567
|
+
onClick: u,
|
|
568
568
|
sx: {
|
|
569
569
|
flex: "0 0 auto",
|
|
570
570
|
position: "relative",
|
|
@@ -586,11 +586,11 @@ const gt = ({
|
|
|
586
586
|
},
|
|
587
587
|
children: [
|
|
588
588
|
/* @__PURE__ */ e(
|
|
589
|
-
|
|
589
|
+
O,
|
|
590
590
|
{
|
|
591
591
|
component: "img",
|
|
592
592
|
src: t,
|
|
593
|
-
alt: `Juego ${
|
|
593
|
+
alt: `Juego ${a != null ? a : ""}`,
|
|
594
594
|
sx: {
|
|
595
595
|
position: "absolute",
|
|
596
596
|
inset: 0,
|
|
@@ -602,7 +602,7 @@ const gt = ({
|
|
|
602
602
|
}
|
|
603
603
|
),
|
|
604
604
|
/* @__PURE__ */ e(
|
|
605
|
-
|
|
605
|
+
O,
|
|
606
606
|
{
|
|
607
607
|
className: "orc-live-provider-label",
|
|
608
608
|
sx: {
|
|
@@ -624,7 +624,7 @@ const gt = ({
|
|
|
624
624
|
fontSize: { xs: 11, md: 14 },
|
|
625
625
|
textTransform: "capitalize"
|
|
626
626
|
},
|
|
627
|
-
children: (o = n != null ? n :
|
|
627
|
+
children: (o = n != null ? n : r) != null ? o : ""
|
|
628
628
|
}
|
|
629
629
|
)
|
|
630
630
|
}
|
|
@@ -632,7 +632,7 @@ const gt = ({
|
|
|
632
632
|
]
|
|
633
633
|
}
|
|
634
634
|
);
|
|
635
|
-
},
|
|
635
|
+
}, se = 12, ce = ({ r: t = 16 }) => /* @__PURE__ */ e(O, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
|
|
636
636
|
M,
|
|
637
637
|
{
|
|
638
638
|
variant: "rectangular",
|
|
@@ -647,18 +647,20 @@ const gt = ({
|
|
|
647
647
|
}
|
|
648
648
|
}
|
|
649
649
|
}
|
|
650
|
-
) }),
|
|
650
|
+
) }), Te = ({
|
|
651
651
|
items: t,
|
|
652
652
|
layout: n = "grid",
|
|
653
|
-
onClick:
|
|
654
|
-
loading:
|
|
655
|
-
gridSkeletonCount:
|
|
653
|
+
onClick: r,
|
|
654
|
+
loading: a = !1,
|
|
655
|
+
gridSkeletonCount: u = 4
|
|
656
656
|
}) => {
|
|
657
|
-
var o;
|
|
657
|
+
var o, i;
|
|
658
658
|
if (n === "mosaic") {
|
|
659
|
-
const
|
|
660
|
-
|
|
661
|
-
|
|
659
|
+
const p = t[0];
|
|
660
|
+
console.log("big: ", p);
|
|
661
|
+
const m = t.slice(1, 5);
|
|
662
|
+
return /* @__PURE__ */ l(
|
|
663
|
+
O,
|
|
662
664
|
{
|
|
663
665
|
sx: {
|
|
664
666
|
display: "grid",
|
|
@@ -675,14 +677,14 @@ const gt = ({
|
|
|
675
677
|
xs: "104px",
|
|
676
678
|
md: "152px"
|
|
677
679
|
},
|
|
678
|
-
columnGap: `${
|
|
679
|
-
rowGap: `${
|
|
680
|
+
columnGap: `${se}px`,
|
|
681
|
+
rowGap: `${se}px`,
|
|
680
682
|
alignItems: "stretch",
|
|
681
683
|
justifyItems: "stretch"
|
|
682
684
|
},
|
|
683
685
|
children: [
|
|
684
686
|
/* @__PURE__ */ e(
|
|
685
|
-
|
|
687
|
+
O,
|
|
686
688
|
{
|
|
687
689
|
sx: {
|
|
688
690
|
width: { xs: 184, md: 280 },
|
|
@@ -691,21 +693,21 @@ const gt = ({
|
|
|
691
693
|
overflow: "hidden",
|
|
692
694
|
borderRadius: 2
|
|
693
695
|
},
|
|
694
|
-
children:
|
|
696
|
+
children: a ? /* @__PURE__ */ e(ce, {}) : p && /* @__PURE__ */ e(
|
|
695
697
|
te,
|
|
696
698
|
{
|
|
697
|
-
imageUrl: `https://olimpo.bet${(o =
|
|
699
|
+
imageUrl: `https://olimpo.bet${(i = (o = p.background) != null ? o : p.imageUrl) != null ? i : ""}`,
|
|
698
700
|
size: "lg",
|
|
699
701
|
fillParent: !0,
|
|
700
|
-
onClick: () =>
|
|
702
|
+
onClick: () => r == null ? void 0 : r(p, 0)
|
|
701
703
|
}
|
|
702
704
|
)
|
|
703
705
|
}
|
|
704
706
|
),
|
|
705
|
-
(
|
|
706
|
-
var
|
|
707
|
+
(a ? Array.from({ length: 4 }) : m).map((g, b) => {
|
|
708
|
+
var k, s;
|
|
707
709
|
return /* @__PURE__ */ e(
|
|
708
|
-
|
|
710
|
+
O,
|
|
709
711
|
{
|
|
710
712
|
sx: {
|
|
711
713
|
width: { xs: 104, md: 152 },
|
|
@@ -713,17 +715,17 @@ const gt = ({
|
|
|
713
715
|
overflow: "hidden",
|
|
714
716
|
borderRadius: 2
|
|
715
717
|
},
|
|
716
|
-
children:
|
|
718
|
+
children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
|
|
717
719
|
te,
|
|
718
720
|
{
|
|
719
|
-
imageUrl: `https://olimpo.bet${(
|
|
721
|
+
imageUrl: `https://olimpo.bet${(s = (k = g.background) != null ? k : g.imageUrl) != null ? s : ""}`,
|
|
720
722
|
size: "sm",
|
|
721
723
|
fillParent: !0,
|
|
722
|
-
onClick: () =>
|
|
724
|
+
onClick: () => r == null ? void 0 : r(g, b + 1)
|
|
723
725
|
}
|
|
724
726
|
)
|
|
725
727
|
},
|
|
726
|
-
|
|
728
|
+
a ? `sk-${b}` : g.id
|
|
727
729
|
);
|
|
728
730
|
})
|
|
729
731
|
]
|
|
@@ -731,7 +733,7 @@ const gt = ({
|
|
|
731
733
|
);
|
|
732
734
|
}
|
|
733
735
|
return /* @__PURE__ */ e(
|
|
734
|
-
|
|
736
|
+
O,
|
|
735
737
|
{
|
|
736
738
|
sx: {
|
|
737
739
|
display: "grid",
|
|
@@ -743,75 +745,75 @@ const gt = ({
|
|
|
743
745
|
xs: "repeat(2, 112px)",
|
|
744
746
|
md: "repeat(2, 168px)"
|
|
745
747
|
},
|
|
746
|
-
gap: `${
|
|
748
|
+
gap: `${se}px`,
|
|
747
749
|
gridAutoFlow: "column"
|
|
748
750
|
},
|
|
749
|
-
children: (
|
|
750
|
-
var
|
|
751
|
+
children: (a ? Array.from({ length: u }) : t).map((p, m) => {
|
|
752
|
+
var g, b, k;
|
|
751
753
|
return /* @__PURE__ */ e(
|
|
752
|
-
|
|
754
|
+
O,
|
|
753
755
|
{
|
|
754
756
|
sx: { overflow: "hidden", borderRadius: 2 },
|
|
755
|
-
children:
|
|
757
|
+
children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
|
|
756
758
|
te,
|
|
757
759
|
{
|
|
758
|
-
imageUrl: `https://olimpo.bet${(
|
|
760
|
+
imageUrl: `https://olimpo.bet${(b = (g = p.background) != null ? g : p.imageUrl) != null ? b : ""}`,
|
|
759
761
|
size: "sm",
|
|
760
762
|
fillParent: !0,
|
|
761
|
-
onClick: () =>
|
|
763
|
+
onClick: () => r == null ? void 0 : r(p, m)
|
|
762
764
|
}
|
|
763
765
|
)
|
|
764
766
|
},
|
|
765
|
-
|
|
767
|
+
a ? `sk-${m}` : (k = p.id) != null ? k : m
|
|
766
768
|
);
|
|
767
769
|
})
|
|
768
770
|
}
|
|
769
771
|
);
|
|
770
|
-
},
|
|
772
|
+
}, fe = ({
|
|
771
773
|
title: t,
|
|
772
774
|
amount: n,
|
|
773
|
-
subtitle:
|
|
774
|
-
buttonText:
|
|
775
|
-
onButtonClick:
|
|
775
|
+
subtitle: r,
|
|
776
|
+
buttonText: a,
|
|
777
|
+
onButtonClick: u,
|
|
776
778
|
backgroundImage: o,
|
|
777
|
-
alt:
|
|
778
|
-
className:
|
|
779
|
-
variant:
|
|
779
|
+
alt: i,
|
|
780
|
+
className: p = "",
|
|
781
|
+
variant: m = "small"
|
|
780
782
|
}) => {
|
|
781
|
-
const
|
|
782
|
-
return /* @__PURE__ */
|
|
783
|
-
|
|
783
|
+
const g = n ? n.slice(0, 2) : "", b = n ? n.slice(2) : "", k = m === "large";
|
|
784
|
+
return /* @__PURE__ */ l(
|
|
785
|
+
O,
|
|
784
786
|
{
|
|
785
|
-
className:
|
|
787
|
+
className: p,
|
|
786
788
|
sx: {
|
|
787
789
|
position: "relative",
|
|
788
790
|
width: "100%",
|
|
789
791
|
maxWidth: {
|
|
790
792
|
xs: 328,
|
|
791
|
-
md:
|
|
793
|
+
md: k ? 618 : 456
|
|
792
794
|
},
|
|
793
795
|
mx: "auto"
|
|
794
796
|
},
|
|
795
797
|
children: [
|
|
796
798
|
o && /* @__PURE__ */ e(
|
|
797
|
-
|
|
799
|
+
O,
|
|
798
800
|
{
|
|
799
801
|
sx: {
|
|
800
802
|
position: "relative",
|
|
801
803
|
width: "100%",
|
|
802
804
|
aspectRatio: {
|
|
803
805
|
xs: "328 / 188",
|
|
804
|
-
md:
|
|
806
|
+
md: k ? "618 / 346" : "456 / 272"
|
|
805
807
|
},
|
|
806
808
|
borderRadius: "14px",
|
|
807
809
|
overflow: "hidden"
|
|
808
810
|
},
|
|
809
811
|
children: /* @__PURE__ */ e(
|
|
810
|
-
|
|
812
|
+
O,
|
|
811
813
|
{
|
|
812
814
|
component: "img",
|
|
813
815
|
src: o,
|
|
814
|
-
alt:
|
|
816
|
+
alt: i != null ? i : "Fondo promocional",
|
|
815
817
|
sx: {
|
|
816
818
|
width: "100%",
|
|
817
819
|
height: "100%",
|
|
@@ -827,7 +829,7 @@ const gt = ({
|
|
|
827
829
|
}
|
|
828
830
|
),
|
|
829
831
|
/* @__PURE__ */ e(
|
|
830
|
-
|
|
832
|
+
O,
|
|
831
833
|
{
|
|
832
834
|
sx: {
|
|
833
835
|
position: "absolute",
|
|
@@ -840,8 +842,8 @@ const gt = ({
|
|
|
840
842
|
pl: "14%",
|
|
841
843
|
pr: { xs: "14%", lg: "15%" }
|
|
842
844
|
},
|
|
843
|
-
children: /* @__PURE__ */
|
|
844
|
-
|
|
845
|
+
children: /* @__PURE__ */ l(
|
|
846
|
+
O,
|
|
845
847
|
{
|
|
846
848
|
sx: {
|
|
847
849
|
maxWidth: "60%",
|
|
@@ -861,8 +863,8 @@ const gt = ({
|
|
|
861
863
|
children: t
|
|
862
864
|
}
|
|
863
865
|
),
|
|
864
|
-
n && /* @__PURE__ */
|
|
865
|
-
|
|
866
|
+
n && /* @__PURE__ */ l(
|
|
867
|
+
O,
|
|
866
868
|
{
|
|
867
869
|
component: "p",
|
|
868
870
|
sx: {
|
|
@@ -880,15 +882,15 @@ const gt = ({
|
|
|
880
882
|
},
|
|
881
883
|
children: [
|
|
882
884
|
/* @__PURE__ */ e(
|
|
883
|
-
|
|
885
|
+
O,
|
|
884
886
|
{
|
|
885
887
|
component: "span",
|
|
886
888
|
sx: { fontSize: { xs: 35, md: 48 }, mr: 0.5 },
|
|
887
|
-
children:
|
|
889
|
+
children: g
|
|
888
890
|
}
|
|
889
891
|
),
|
|
890
892
|
/* @__PURE__ */ e(
|
|
891
|
-
|
|
893
|
+
O,
|
|
892
894
|
{
|
|
893
895
|
component: "span",
|
|
894
896
|
sx: { fontSize: { xs: 52, md: 77 } },
|
|
@@ -898,7 +900,7 @@ const gt = ({
|
|
|
898
900
|
]
|
|
899
901
|
}
|
|
900
902
|
),
|
|
901
|
-
|
|
903
|
+
r && /* @__PURE__ */ e(
|
|
902
904
|
D,
|
|
903
905
|
{
|
|
904
906
|
sx: {
|
|
@@ -907,10 +909,10 @@ const gt = ({
|
|
|
907
909
|
fontWeight: 600,
|
|
908
910
|
color: "#e7f8ff"
|
|
909
911
|
},
|
|
910
|
-
children:
|
|
912
|
+
children: r
|
|
911
913
|
}
|
|
912
914
|
),
|
|
913
|
-
|
|
915
|
+
a && /* @__PURE__ */ e(F, { onClick: u, children: a })
|
|
914
916
|
]
|
|
915
917
|
}
|
|
916
918
|
)
|
|
@@ -922,45 +924,45 @@ const gt = ({
|
|
|
922
924
|
}, xt = ({
|
|
923
925
|
text: t,
|
|
924
926
|
buttonLabel: n = "Conoce más",
|
|
925
|
-
onClick:
|
|
926
|
-
imgAlt:
|
|
927
|
-
imgSrcMobile:
|
|
927
|
+
onClick: r,
|
|
928
|
+
imgAlt: a = "Club Olimpo",
|
|
929
|
+
imgSrcMobile: u,
|
|
928
930
|
imgSrcDesktopBg: o,
|
|
929
|
-
imgSrcDesktopLogo:
|
|
930
|
-
}) => /* @__PURE__ */
|
|
931
|
+
imgSrcDesktopLogo: i
|
|
932
|
+
}) => /* @__PURE__ */ l(Z, { children: [
|
|
931
933
|
/* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
|
|
932
934
|
"img",
|
|
933
935
|
{
|
|
934
|
-
src:
|
|
935
|
-
alt:
|
|
936
|
+
src: u,
|
|
937
|
+
alt: a,
|
|
936
938
|
className: "orc-co-bgMobileImg"
|
|
937
939
|
}
|
|
938
940
|
) }),
|
|
939
|
-
/* @__PURE__ */
|
|
941
|
+
/* @__PURE__ */ l("div", { className: "orc-co-bgDesktop", children: [
|
|
940
942
|
o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
|
|
941
943
|
"img",
|
|
942
944
|
{
|
|
943
945
|
src: o,
|
|
944
|
-
alt: `${
|
|
946
|
+
alt: `${a} fondo`,
|
|
945
947
|
className: "orc-co-bgDesktopImg"
|
|
946
948
|
}
|
|
947
949
|
) }),
|
|
948
|
-
/* @__PURE__ */
|
|
949
|
-
|
|
950
|
+
/* @__PURE__ */ l("div", { className: "orc-co-desktopContent", children: [
|
|
951
|
+
i && /* @__PURE__ */ e(
|
|
950
952
|
"img",
|
|
951
953
|
{
|
|
952
|
-
src:
|
|
953
|
-
alt: `${
|
|
954
|
+
src: i,
|
|
955
|
+
alt: `${a} logo`,
|
|
954
956
|
className: "orc-co-logoImg"
|
|
955
957
|
}
|
|
956
958
|
),
|
|
957
959
|
/* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
|
|
958
|
-
/* @__PURE__ */ e(F, { onClick:
|
|
960
|
+
/* @__PURE__ */ e(F, { onClick: r, variant: "primary", size: "md", children: n })
|
|
959
961
|
] })
|
|
960
962
|
] }),
|
|
961
|
-
/* @__PURE__ */
|
|
963
|
+
/* @__PURE__ */ l("div", { className: "orc-co-bottom", children: [
|
|
962
964
|
/* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
|
|
963
|
-
/* @__PURE__ */ e(F, { onClick:
|
|
965
|
+
/* @__PURE__ */ e(F, { onClick: r, variant: "primary", size: "md", children: n })
|
|
964
966
|
] })
|
|
965
967
|
] }), bt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", _t = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", vt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", yt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", wt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", St = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", Ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", Et = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
|
|
966
968
|
card: bt,
|
|
@@ -985,30 +987,30 @@ function $t() {
|
|
|
985
987
|
function Ot() {
|
|
986
988
|
window.location.href = "/deportes#specials";
|
|
987
989
|
}
|
|
988
|
-
function
|
|
989
|
-
var
|
|
990
|
-
function n(
|
|
990
|
+
function It({ event: t }) {
|
|
991
|
+
var a;
|
|
992
|
+
function n(u) {
|
|
991
993
|
var b;
|
|
992
|
-
const o = (b =
|
|
993
|
-
var $, v,
|
|
994
|
-
let s =
|
|
995
|
-
return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (
|
|
994
|
+
const o = (b = u.betoffers) != null ? b : [], i = u.homeName, p = u.awayName, m = o.map((k) => {
|
|
995
|
+
var $, v, C, N, _;
|
|
996
|
+
let s = k.outcomes[0], c = "", x = s != null && s.line ? s.line / 1e3 : "";
|
|
997
|
+
return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (c = `Más de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (c = `Menos de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (c = s == null ? void 0 : s.label, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? c = `${i} o Empate` : s.label === "12" ? c = `${i} o ${p}` : s.label === "X2" && (c = `${p} o Empate`) : (s != null && s.participant ? c = s.participant : c = ($ = s == null ? void 0 : s.label) != null ? $ : "", x !== "" && c === s.label && (c = `${s.label} ${x}`)), {
|
|
996
998
|
id: (v = s == null ? void 0 : s.id) != null ? v : 0,
|
|
997
|
-
value:
|
|
998
|
-
label:
|
|
999
|
-
odds: (
|
|
1000
|
-
bl: (
|
|
1001
|
-
position: (
|
|
999
|
+
value: c,
|
|
1000
|
+
label: k.criterion.label,
|
|
1001
|
+
odds: (C = s == null ? void 0 : s.odds) != null ? C : 0,
|
|
1002
|
+
bl: (N = s == null ? void 0 : s.label) != null ? N : 0,
|
|
1003
|
+
position: (_ = s == null ? void 0 : s.position) != null ? _ : 0
|
|
1002
1004
|
};
|
|
1003
|
-
}),
|
|
1005
|
+
}), g = m.reduce((k, s) => k + s.odds, 0) / 1e3;
|
|
1004
1006
|
return {
|
|
1005
|
-
outcomes:
|
|
1006
|
-
total:
|
|
1007
|
+
outcomes: m,
|
|
1008
|
+
total: g.toFixed(2)
|
|
1007
1009
|
};
|
|
1008
1010
|
}
|
|
1009
|
-
const
|
|
1010
|
-
return /* @__PURE__ */
|
|
1011
|
-
/* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */
|
|
1011
|
+
const r = n(t);
|
|
1012
|
+
return /* @__PURE__ */ l("div", { className: H.card, children: [
|
|
1013
|
+
/* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
|
|
1012
1014
|
/* @__PURE__ */ e(
|
|
1013
1015
|
K,
|
|
1014
1016
|
{
|
|
@@ -1018,26 +1020,26 @@ function Nt({ event: t }) {
|
|
|
1018
1020
|
}
|
|
1019
1021
|
),
|
|
1020
1022
|
/* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/line.png" }),
|
|
1021
|
-
/* @__PURE__ */ e(
|
|
1022
|
-
/* @__PURE__ */
|
|
1023
|
+
/* @__PURE__ */ e(R, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.sort((u, o) => u.position - o.position).map((u, o) => /* @__PURE__ */ l("div", { className: H.apuestaItem, children: [
|
|
1024
|
+
/* @__PURE__ */ l("div", { className: H.lineContainer, children: [
|
|
1023
1025
|
/* @__PURE__ */ e("div", { className: H.circle }),
|
|
1024
|
-
o <
|
|
1026
|
+
o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
|
|
1025
1027
|
] }),
|
|
1026
|
-
/* @__PURE__ */
|
|
1027
|
-
/* @__PURE__ */ e("strong", { children:
|
|
1028
|
+
/* @__PURE__ */ l("div", { className: H.apuestaText, children: [
|
|
1029
|
+
/* @__PURE__ */ e("strong", { children: u.value }),
|
|
1028
1030
|
" ",
|
|
1029
1031
|
"| ",
|
|
1030
|
-
|
|
1032
|
+
u.label
|
|
1031
1033
|
] })
|
|
1032
1034
|
] }, o)) })
|
|
1033
1035
|
] }) }),
|
|
1034
|
-
/* @__PURE__ */
|
|
1035
|
-
var
|
|
1036
|
-
return pe((o = (
|
|
1036
|
+
/* @__PURE__ */ l("button", { onClick: () => {
|
|
1037
|
+
var u, o;
|
|
1038
|
+
return pe((o = (u = r == null ? void 0 : r.outcomes) == null ? void 0 : u.map((i) => i == null ? void 0 : i.id)) != null ? o : []);
|
|
1037
1039
|
}, className: H.cuotaTotal, children: [
|
|
1038
|
-
/* @__PURE__ */
|
|
1040
|
+
/* @__PURE__ */ l("span", { children: [
|
|
1039
1041
|
"Cuota total: ",
|
|
1040
|
-
/* @__PURE__ */ e("strong", { children: (((
|
|
1042
|
+
/* @__PURE__ */ e("strong", { children: (((a = t.combinadoTotal) != null ? a : 0) / 1e3).toFixed(2) })
|
|
1041
1043
|
] }),
|
|
1042
1044
|
/* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
|
|
1043
1045
|
] })
|
|
@@ -1057,52 +1059,52 @@ const U = {
|
|
|
1057
1059
|
"orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
|
|
1058
1060
|
"orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
|
|
1059
1061
|
};
|
|
1060
|
-
function
|
|
1062
|
+
function Nt({
|
|
1061
1063
|
children: t,
|
|
1062
1064
|
onClick: n,
|
|
1063
|
-
href:
|
|
1064
|
-
target:
|
|
1065
|
-
rel:
|
|
1065
|
+
href: r,
|
|
1066
|
+
target: a,
|
|
1067
|
+
rel: u,
|
|
1066
1068
|
type: o = "button",
|
|
1067
|
-
disabled:
|
|
1068
|
-
variant:
|
|
1069
|
-
size:
|
|
1070
|
-
fullWidth:
|
|
1069
|
+
disabled: i = !1,
|
|
1070
|
+
variant: p = "primary",
|
|
1071
|
+
size: m,
|
|
1072
|
+
fullWidth: g = !1,
|
|
1071
1073
|
fullHeight: b = !1,
|
|
1072
|
-
className:
|
|
1074
|
+
className: k = "",
|
|
1073
1075
|
ariaLabel: s,
|
|
1074
|
-
leftIcon:
|
|
1075
|
-
rightIcon:
|
|
1076
|
+
leftIcon: c,
|
|
1077
|
+
rightIcon: x,
|
|
1076
1078
|
iconOnly: $
|
|
1077
1079
|
}) {
|
|
1078
|
-
const v = !!t && t !== !0,
|
|
1080
|
+
const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
|
|
1079
1081
|
U["orc-btn"],
|
|
1080
1082
|
// base
|
|
1081
|
-
U[`orc-btn--${
|
|
1083
|
+
U[`orc-btn--${p}`],
|
|
1082
1084
|
// variant primary/secondary/tertiary
|
|
1083
|
-
|
|
1085
|
+
m ? U[`orc-btn--${m}`] : "",
|
|
1084
1086
|
// sm / md / lg
|
|
1085
|
-
|
|
1087
|
+
g ? U["orc-btn--full"] : "",
|
|
1086
1088
|
b ? U["orc-btn--fullHeight"] : "",
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
].filter(Boolean).join(" "),
|
|
1090
|
-
|
|
1091
|
-
!
|
|
1092
|
-
|
|
1093
|
-
] }), E =
|
|
1094
|
-
return
|
|
1095
|
-
|
|
1089
|
+
S ? U["orc-btn--iconOnly"] : "",
|
|
1090
|
+
k
|
|
1091
|
+
].filter(Boolean).join(" "), T = /* @__PURE__ */ l(Z, { children: [
|
|
1092
|
+
c && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: c }),
|
|
1093
|
+
!S && /* @__PURE__ */ e("span", { className: U["orc-btn__label"], children: t }),
|
|
1094
|
+
x && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: x })
|
|
1095
|
+
] }), E = i ? !0 : void 0;
|
|
1096
|
+
return r ? /* @__PURE__ */ e(
|
|
1097
|
+
we,
|
|
1096
1098
|
{
|
|
1097
|
-
href:
|
|
1098
|
-
target:
|
|
1099
|
-
rel:
|
|
1099
|
+
href: r,
|
|
1100
|
+
target: a,
|
|
1101
|
+
rel: u,
|
|
1100
1102
|
"aria-label": s,
|
|
1101
1103
|
"aria-disabled": E,
|
|
1102
1104
|
tabIndex: E ? -1 : void 0,
|
|
1103
|
-
className:
|
|
1105
|
+
className: P,
|
|
1104
1106
|
onClick: E ? (d) => d.preventDefault() : n,
|
|
1105
|
-
children:
|
|
1107
|
+
children: T
|
|
1106
1108
|
}
|
|
1107
1109
|
) : /* @__PURE__ */ e(
|
|
1108
1110
|
"button",
|
|
@@ -1111,94 +1113,94 @@ function It({
|
|
|
1111
1113
|
onClick: n,
|
|
1112
1114
|
disabled: !!E,
|
|
1113
1115
|
"aria-label": s,
|
|
1114
|
-
className:
|
|
1115
|
-
children:
|
|
1116
|
+
className: P,
|
|
1117
|
+
children: T
|
|
1116
1118
|
}
|
|
1117
1119
|
);
|
|
1118
1120
|
}
|
|
1119
|
-
const
|
|
1120
|
-
cardWrapper:
|
|
1121
|
+
const Tt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
|
|
1122
|
+
cardWrapper: Tt
|
|
1121
1123
|
};
|
|
1122
|
-
function
|
|
1123
|
-
var
|
|
1124
|
-
const
|
|
1124
|
+
function Pt({ event: t, liveData: n, betOffers: r }) {
|
|
1125
|
+
var u, o, i, p, m, g, b, k;
|
|
1126
|
+
const a = r == null ? void 0 : r.find(
|
|
1125
1127
|
(s) => {
|
|
1126
|
-
var
|
|
1127
|
-
return ((
|
|
1128
|
+
var c;
|
|
1129
|
+
return ((c = s.betOfferType) == null ? void 0 : c.id) === 2;
|
|
1128
1130
|
}
|
|
1129
1131
|
);
|
|
1130
|
-
return /* @__PURE__ */ e("div", { className: Pe.cardWrapper, children: /* @__PURE__ */
|
|
1131
|
-
/* @__PURE__ */
|
|
1132
|
+
return /* @__PURE__ */ e("div", { className: Pe.cardWrapper, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
|
|
1133
|
+
/* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
|
|
1132
1134
|
/* @__PURE__ */ e(
|
|
1133
|
-
|
|
1135
|
+
Ye,
|
|
1134
1136
|
{
|
|
1135
|
-
title: (
|
|
1137
|
+
title: (u = t.path[0].name) != null ? u : "",
|
|
1136
1138
|
subtitle: t.group,
|
|
1137
1139
|
live: !0,
|
|
1138
1140
|
time: ((o = n == null ? void 0 : n.matchClock) == null ? void 0 : o.minute) != null ? `${n.matchClock.minute}'` : ""
|
|
1139
1141
|
}
|
|
1140
1142
|
),
|
|
1141
|
-
/* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */
|
|
1143
|
+
/* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto 1fr", children: [
|
|
1142
1144
|
/* @__PURE__ */ e(
|
|
1143
|
-
|
|
1145
|
+
ne,
|
|
1144
1146
|
{
|
|
1145
1147
|
name: t.homeName,
|
|
1146
1148
|
logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"
|
|
1147
1149
|
}
|
|
1148
1150
|
),
|
|
1149
|
-
/* @__PURE__ */ e(Ne, { text: ((
|
|
1150
|
-
/* @__PURE__ */ e(
|
|
1151
|
+
/* @__PURE__ */ e(Ne, { text: ((p = (i = n == null ? void 0 : n.score) == null ? void 0 : i.home) != null ? p : 0) + ":" + ((g = (m = n == null ? void 0 : n.score) == null ? void 0 : m.away) != null ? g : 0), name: "En vivo" }),
|
|
1152
|
+
/* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png" })
|
|
1151
1153
|
] }) })
|
|
1152
1154
|
] }),
|
|
1153
|
-
/* @__PURE__ */
|
|
1154
|
-
/* @__PURE__ */ e(V, { spacing: 1, children: ((b =
|
|
1155
|
-
/* @__PURE__ */ e(V, { spacing: 2, children: ((
|
|
1155
|
+
/* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
|
|
1156
|
+
/* @__PURE__ */ e(V, { spacing: 1, children: ((b = a == null ? void 0 : a.outcomes) != null ? b : []).map((s, c) => /* @__PURE__ */ e(Oe, { text: s.label.toUpperCase() }, c)) }),
|
|
1157
|
+
/* @__PURE__ */ e(V, { spacing: 2, children: ((k = a == null ? void 0 : a.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Nt, { variant: "primary", disabled: s.odds == null || (a == null ? void 0 : a.cashOutStatus) == "SUSPENDED", onClick: () => {
|
|
1156
1158
|
pe(s.id);
|
|
1157
|
-
}, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) },
|
|
1159
|
+
}, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, c)) })
|
|
1158
1160
|
] })
|
|
1159
1161
|
] }) });
|
|
1160
1162
|
}
|
|
1161
|
-
const
|
|
1162
|
-
date:
|
|
1163
|
+
const Bt = "oraculo__OraculoEventDate-module__date___xhIlh", Rt = {
|
|
1164
|
+
date: Bt
|
|
1163
1165
|
};
|
|
1164
1166
|
function Mt({ text: t }) {
|
|
1165
|
-
return /* @__PURE__ */ e("div", { className: `oli-font ${
|
|
1167
|
+
return /* @__PURE__ */ e("div", { className: `oli-font ${Rt.date}`, children: t });
|
|
1166
1168
|
}
|
|
1167
|
-
const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H",
|
|
1169
|
+
const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", jt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
|
|
1168
1170
|
cardContainer: Ft,
|
|
1169
1171
|
cardBackground: Lt,
|
|
1170
1172
|
jugadas: Wt,
|
|
1171
|
-
equipos:
|
|
1173
|
+
equipos: jt
|
|
1172
1174
|
};
|
|
1173
|
-
function
|
|
1174
|
-
var
|
|
1175
|
-
function n(
|
|
1176
|
-
const b = new Date(
|
|
1175
|
+
function zt({ event: t }) {
|
|
1176
|
+
var r, a, u, o, i, p, m;
|
|
1177
|
+
function n(g) {
|
|
1178
|
+
const b = new Date(g), k = b.toLocaleDateString("es-ES", {
|
|
1177
1179
|
weekday: "short"
|
|
1178
|
-
}).toUpperCase(), s = b.getDate().toString().padStart(2, "0"),
|
|
1179
|
-
let
|
|
1180
|
+
}).toUpperCase(), s = b.getDate().toString().padStart(2, "0"), c = (b.getMonth() + 1).toString().padStart(2, "0");
|
|
1181
|
+
let x = b.toLocaleTimeString("es-PE", {
|
|
1180
1182
|
hour: "numeric",
|
|
1181
1183
|
minute: "2-digit",
|
|
1182
1184
|
hour12: !0
|
|
1183
1185
|
}).toUpperCase();
|
|
1184
|
-
return
|
|
1186
|
+
return x = x.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${k} ${s}/${c} | ${x}`;
|
|
1185
1187
|
}
|
|
1186
|
-
return /* @__PURE__ */
|
|
1187
|
-
/* @__PURE__ */ e(
|
|
1188
|
-
/* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */
|
|
1189
|
-
/* @__PURE__ */
|
|
1190
|
-
/* @__PURE__ */
|
|
1191
|
-
/* @__PURE__ */ e(
|
|
1188
|
+
return /* @__PURE__ */ l("div", { className: J.cardContainer, children: [
|
|
1189
|
+
/* @__PURE__ */ e(Ie, { title: (r = t == null ? void 0 : t.group) != null ? r : "" }),
|
|
1190
|
+
/* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
|
|
1191
|
+
/* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
|
|
1192
|
+
/* @__PURE__ */ l("div", { className: J.equipos, children: [
|
|
1193
|
+
/* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/Flamengo.png", size: "compact" }),
|
|
1192
1194
|
/* @__PURE__ */ e(Ne, { text: "vs.", name: "", size: "small" }),
|
|
1193
|
-
/* @__PURE__ */ e(
|
|
1195
|
+
/* @__PURE__ */ e(ne, { name: t.homeName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png", size: "compact" })
|
|
1194
1196
|
] }),
|
|
1195
1197
|
/* @__PURE__ */ e(Mt, { text: n(t.start) })
|
|
1196
1198
|
] }),
|
|
1197
|
-
/* @__PURE__ */
|
|
1198
|
-
/* @__PURE__ */ e(V, { spacing: 1, children: ((o = (
|
|
1199
|
-
/* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((
|
|
1200
|
-
pe(
|
|
1201
|
-
}, children: (
|
|
1199
|
+
/* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
|
|
1200
|
+
/* @__PURE__ */ e(V, { spacing: 1, children: ((o = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? o : []).map((g, b) => /* @__PURE__ */ e(Oe, { text: g.label.toUpperCase() }, b)) }),
|
|
1201
|
+
/* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((m = (p = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : p.outcomes) != null ? m : []).map((g, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
|
|
1202
|
+
pe(g.id);
|
|
1203
|
+
}, children: (g.odds / 1e3).toFixed(2) }, b)) }) })
|
|
1202
1204
|
] })
|
|
1203
1205
|
] }) })
|
|
1204
1206
|
] });
|
|
@@ -1206,25 +1208,25 @@ function jt({ event: t }) {
|
|
|
1206
1208
|
function At({
|
|
1207
1209
|
items: t,
|
|
1208
1210
|
title: n = "Destacados",
|
|
1209
|
-
iconUrl:
|
|
1210
|
-
onViewMore:
|
|
1211
|
-
className:
|
|
1211
|
+
iconUrl: r,
|
|
1212
|
+
onViewMore: a,
|
|
1213
|
+
className: u = ""
|
|
1212
1214
|
}) {
|
|
1213
|
-
const o = G(null), [
|
|
1214
|
-
var
|
|
1215
|
-
(
|
|
1216
|
-
},
|
|
1217
|
-
var
|
|
1218
|
-
(
|
|
1215
|
+
const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), m = () => {
|
|
1216
|
+
var c;
|
|
1217
|
+
(c = o.current) == null || c.prev();
|
|
1218
|
+
}, g = () => {
|
|
1219
|
+
var c;
|
|
1220
|
+
(c = o.current) == null || c.next(), console.log("items: ", t);
|
|
1219
1221
|
}, b = () => {
|
|
1220
1222
|
window.location.href = "https://www.olimpo.bet/promociones";
|
|
1221
|
-
},
|
|
1222
|
-
if (!
|
|
1223
|
-
const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(
|
|
1223
|
+
}, k = (c) => {
|
|
1224
|
+
if (!c || typeof window == "undefined") return;
|
|
1225
|
+
const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(c)}`;
|
|
1224
1226
|
window.location.href = $;
|
|
1225
1227
|
};
|
|
1226
|
-
return /* @__PURE__ */
|
|
1227
|
-
/* @__PURE__ */
|
|
1228
|
+
return /* @__PURE__ */ l("section", { className: u || void 0, style: { width: "100%" }, children: [
|
|
1229
|
+
/* @__PURE__ */ l(
|
|
1228
1230
|
"header",
|
|
1229
1231
|
{
|
|
1230
1232
|
style: {
|
|
@@ -1236,8 +1238,8 @@ function At({
|
|
|
1236
1238
|
marginBottom: 16
|
|
1237
1239
|
},
|
|
1238
1240
|
children: [
|
|
1239
|
-
/* @__PURE__ */ e(K, { title: n, iconUrl:
|
|
1240
|
-
/* @__PURE__ */
|
|
1241
|
+
/* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
|
|
1242
|
+
/* @__PURE__ */ l("div", { style: { display: "flex", gap: 8 }, children: [
|
|
1241
1243
|
/* @__PURE__ */ e(
|
|
1242
1244
|
F,
|
|
1243
1245
|
{
|
|
@@ -1245,8 +1247,8 @@ function At({
|
|
|
1245
1247
|
variant: "secondary",
|
|
1246
1248
|
iconOnly: !0,
|
|
1247
1249
|
leftIcon: /* @__PURE__ */ e(de, {}),
|
|
1248
|
-
onClick:
|
|
1249
|
-
disabled:
|
|
1250
|
+
onClick: m,
|
|
1251
|
+
disabled: i.isStart
|
|
1250
1252
|
}
|
|
1251
1253
|
),
|
|
1252
1254
|
/* @__PURE__ */ e(
|
|
@@ -1256,8 +1258,8 @@ function At({
|
|
|
1256
1258
|
variant: "secondary",
|
|
1257
1259
|
iconOnly: !0,
|
|
1258
1260
|
rightIcon: /* @__PURE__ */ e(ue, {}),
|
|
1259
|
-
onClick:
|
|
1260
|
-
disabled:
|
|
1261
|
+
onClick: g,
|
|
1262
|
+
disabled: i.isEnd
|
|
1261
1263
|
}
|
|
1262
1264
|
)
|
|
1263
1265
|
] }),
|
|
@@ -1285,7 +1287,7 @@ function At({
|
|
|
1285
1287
|
768: { perPage: 2, focus: "start" },
|
|
1286
1288
|
1024: { perPage: 2.5, focus: "start" }
|
|
1287
1289
|
},
|
|
1288
|
-
renderItem: (
|
|
1290
|
+
renderItem: (c) => /* @__PURE__ */ e(
|
|
1289
1291
|
"div",
|
|
1290
1292
|
{
|
|
1291
1293
|
style: {
|
|
@@ -1293,12 +1295,12 @@ function At({
|
|
|
1293
1295
|
marginTop: 16,
|
|
1294
1296
|
cursor: "pointer"
|
|
1295
1297
|
},
|
|
1296
|
-
onClick: () =>
|
|
1298
|
+
onClick: () => k(c.promotion),
|
|
1297
1299
|
children: /* @__PURE__ */ e(
|
|
1298
1300
|
"img",
|
|
1299
1301
|
{
|
|
1300
|
-
src: `https://olimpo.bet${
|
|
1301
|
-
alt:
|
|
1302
|
+
src: `https://olimpo.bet${c.image !== "" ? c.image : c.summary_image}`,
|
|
1303
|
+
alt: c.title,
|
|
1302
1304
|
style: {
|
|
1303
1305
|
width: "100%",
|
|
1304
1306
|
height: window.innerWidth < 768 ? "80px" : "137px",
|
|
@@ -1309,47 +1311,47 @@ function At({
|
|
|
1309
1311
|
}
|
|
1310
1312
|
)
|
|
1311
1313
|
},
|
|
1312
|
-
`${
|
|
1314
|
+
`${c.title}-${c.image}`
|
|
1313
1315
|
),
|
|
1314
|
-
onMove: ({ isStart:
|
|
1316
|
+
onMove: ({ isStart: c, isEnd: x }) => p({ isStart: c, isEnd: x })
|
|
1315
1317
|
}
|
|
1316
1318
|
)
|
|
1317
1319
|
] });
|
|
1318
1320
|
}
|
|
1319
|
-
function
|
|
1321
|
+
function ae(t, {
|
|
1320
1322
|
basePath: n = "/casino",
|
|
1321
|
-
src:
|
|
1322
|
-
demo:
|
|
1323
|
-
host:
|
|
1323
|
+
src: r,
|
|
1324
|
+
demo: a = !1,
|
|
1325
|
+
host: u = "https://www.olimpo.bet"
|
|
1324
1326
|
} = {}) {
|
|
1325
1327
|
if (typeof window == "undefined") return;
|
|
1326
1328
|
const o = t == null ? void 0 : t.machine;
|
|
1327
1329
|
if (!o) return;
|
|
1328
|
-
const
|
|
1329
|
-
|
|
1330
|
+
const i = new URLSearchParams();
|
|
1331
|
+
i.set("machine", String(o)), a && i.set("demo", "1"), window.location.href = `${u}${n}?${i.toString()}`;
|
|
1330
1332
|
}
|
|
1331
1333
|
function Gt({
|
|
1332
1334
|
items: t,
|
|
1333
1335
|
title: n = "Top Juegos",
|
|
1334
|
-
iconUrl:
|
|
1335
|
-
onCardClick:
|
|
1336
|
+
iconUrl: r,
|
|
1337
|
+
onCardClick: a
|
|
1336
1338
|
}) {
|
|
1337
|
-
const
|
|
1338
|
-
() => (t != null ? t : []).map((
|
|
1339
|
-
var
|
|
1339
|
+
const u = oe(
|
|
1340
|
+
() => (t != null ? t : []).map((p, m) => {
|
|
1341
|
+
var g;
|
|
1340
1342
|
return {
|
|
1341
|
-
...
|
|
1343
|
+
...p,
|
|
1342
1344
|
// si no viene orden, usamos el índice (1-based)
|
|
1343
|
-
orden: (
|
|
1344
|
-
_originalIndex:
|
|
1345
|
+
orden: (g = p.orden) != null ? g : m + 1,
|
|
1346
|
+
_originalIndex: m
|
|
1345
1347
|
};
|
|
1346
|
-
}).sort((
|
|
1348
|
+
}).sort((p, m) => p.orden != null && m.orden != null ? p.orden - m.orden : p._originalIndex - m._originalIndex),
|
|
1347
1349
|
[t]
|
|
1348
|
-
), o = !t || t.length === 0,
|
|
1349
|
-
return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */
|
|
1350
|
-
/* @__PURE__ */ e(K, { title: n, iconUrl:
|
|
1350
|
+
), o = !t || t.length === 0, i = o ? Array.from({ length: 6 }) : u.slice(0, 6);
|
|
1351
|
+
return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
|
|
1352
|
+
/* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
|
|
1351
1353
|
/* @__PURE__ */ e(
|
|
1352
|
-
|
|
1354
|
+
O,
|
|
1353
1355
|
{
|
|
1354
1356
|
sx: {
|
|
1355
1357
|
display: "grid",
|
|
@@ -1361,19 +1363,19 @@ function Gt({
|
|
|
1361
1363
|
justifyItems: "center",
|
|
1362
1364
|
width: "100%"
|
|
1363
1365
|
},
|
|
1364
|
-
children:
|
|
1365
|
-
var
|
|
1366
|
+
children: i.map((p, m) => {
|
|
1367
|
+
var g, b;
|
|
1366
1368
|
return /* @__PURE__ */ e(
|
|
1367
|
-
|
|
1369
|
+
gt,
|
|
1368
1370
|
{
|
|
1369
|
-
imageUrl: o ? "" : `https://olimpo.bet${(
|
|
1370
|
-
orden: o ?
|
|
1371
|
+
imageUrl: o ? "" : `https://olimpo.bet${(g = p.logo) != null ? g : ""}`,
|
|
1372
|
+
orden: o ? m + 1 : p.orden,
|
|
1371
1373
|
loading: o,
|
|
1372
1374
|
onClick: o ? void 0 : () => {
|
|
1373
|
-
|
|
1375
|
+
a ? a(p) : ae(p, { basePath: "/casino" });
|
|
1374
1376
|
}
|
|
1375
1377
|
},
|
|
1376
|
-
o ? `sk-${
|
|
1378
|
+
o ? `sk-${m}` : (b = p.machine) != null ? b : `${m}`
|
|
1377
1379
|
);
|
|
1378
1380
|
})
|
|
1379
1381
|
}
|
|
@@ -1381,21 +1383,21 @@ function Gt({
|
|
|
1381
1383
|
] }) });
|
|
1382
1384
|
}
|
|
1383
1385
|
const Ut = (t, n) => {
|
|
1384
|
-
var
|
|
1385
|
-
return (
|
|
1386
|
+
var r, a;
|
|
1387
|
+
return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
|
|
1386
1388
|
}, Dt = ({
|
|
1387
1389
|
items: t,
|
|
1388
1390
|
title: n = "Casino en vivo",
|
|
1389
|
-
subtitle:
|
|
1390
|
-
backgroundMobileUrl:
|
|
1391
|
-
backgroundDesktopUrl:
|
|
1391
|
+
subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
|
|
1392
|
+
backgroundMobileUrl: a = "",
|
|
1393
|
+
backgroundDesktopUrl: u = "",
|
|
1392
1394
|
onCardClick: o,
|
|
1393
|
-
onViewMore:
|
|
1394
|
-
className:
|
|
1395
|
-
}) => (console.log("items: ", t), /* @__PURE__ */
|
|
1396
|
-
|
|
1395
|
+
onViewMore: i,
|
|
1396
|
+
className: p
|
|
1397
|
+
}) => (console.log("items: ", t), /* @__PURE__ */ l(
|
|
1398
|
+
O,
|
|
1397
1399
|
{
|
|
1398
|
-
className:
|
|
1400
|
+
className: p,
|
|
1399
1401
|
sx: {
|
|
1400
1402
|
position: "relative",
|
|
1401
1403
|
// width: "100vw",
|
|
@@ -1407,7 +1409,7 @@ const Ut = (t, n) => {
|
|
|
1407
1409
|
},
|
|
1408
1410
|
children: [
|
|
1409
1411
|
/* @__PURE__ */ e(
|
|
1410
|
-
|
|
1412
|
+
O,
|
|
1411
1413
|
{
|
|
1412
1414
|
sx: {
|
|
1413
1415
|
position: "absolute",
|
|
@@ -1416,12 +1418,12 @@ const Ut = (t, n) => {
|
|
|
1416
1418
|
xs: `
|
|
1417
1419
|
linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
|
|
1418
1420
|
linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
|
|
1419
|
-
url('${
|
|
1421
|
+
url('${a}')
|
|
1420
1422
|
`,
|
|
1421
1423
|
md: `
|
|
1422
1424
|
linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
|
|
1423
1425
|
linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
|
|
1424
|
-
url('${
|
|
1426
|
+
url('${u}')
|
|
1425
1427
|
`
|
|
1426
1428
|
},
|
|
1427
1429
|
backgroundSize: "cover",
|
|
@@ -1431,8 +1433,8 @@ const Ut = (t, n) => {
|
|
|
1431
1433
|
}
|
|
1432
1434
|
}
|
|
1433
1435
|
),
|
|
1434
|
-
/* @__PURE__ */
|
|
1435
|
-
|
|
1436
|
+
/* @__PURE__ */ l(
|
|
1437
|
+
O,
|
|
1436
1438
|
{
|
|
1437
1439
|
sx: {
|
|
1438
1440
|
position: "relative",
|
|
@@ -1449,7 +1451,7 @@ const Ut = (t, n) => {
|
|
|
1449
1451
|
textAlign: { xs: "center", md: "left" }
|
|
1450
1452
|
},
|
|
1451
1453
|
children: [
|
|
1452
|
-
/* @__PURE__ */
|
|
1454
|
+
/* @__PURE__ */ l(R, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
|
|
1453
1455
|
/* @__PURE__ */ e(
|
|
1454
1456
|
D,
|
|
1455
1457
|
{
|
|
@@ -1472,21 +1474,21 @@ const Ut = (t, n) => {
|
|
|
1472
1474
|
marginX: { xs: 4, md: 0 },
|
|
1473
1475
|
lineHeight: 1.5
|
|
1474
1476
|
},
|
|
1475
|
-
children:
|
|
1477
|
+
children: r
|
|
1476
1478
|
}
|
|
1477
1479
|
),
|
|
1478
|
-
/* @__PURE__ */ e(
|
|
1480
|
+
/* @__PURE__ */ e(O, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
|
|
1479
1481
|
F,
|
|
1480
1482
|
{
|
|
1481
1483
|
variant: "primary",
|
|
1482
1484
|
size: "md",
|
|
1483
|
-
onClick: () => (
|
|
1485
|
+
onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
|
|
1484
1486
|
children: "Ver más"
|
|
1485
1487
|
}
|
|
1486
1488
|
) })
|
|
1487
1489
|
] }),
|
|
1488
1490
|
/* @__PURE__ */ e(
|
|
1489
|
-
|
|
1491
|
+
O,
|
|
1490
1492
|
{
|
|
1491
1493
|
sx: {
|
|
1492
1494
|
display: "flex",
|
|
@@ -1496,30 +1498,30 @@ const Ut = (t, n) => {
|
|
|
1496
1498
|
py: { xs: 3, md: 0 },
|
|
1497
1499
|
alignItems: "center"
|
|
1498
1500
|
},
|
|
1499
|
-
children: (t != null ? t : []).slice(0, 3).map((
|
|
1501
|
+
children: (t != null ? t : []).slice(0, 3).map((m, g) => {
|
|
1500
1502
|
var b;
|
|
1501
1503
|
return /* @__PURE__ */ e(
|
|
1502
|
-
|
|
1504
|
+
ft,
|
|
1503
1505
|
{
|
|
1504
|
-
logo: `https://olimpo.bet${(b =
|
|
1505
|
-
provider:
|
|
1506
|
-
providerName:
|
|
1507
|
-
machine:
|
|
1506
|
+
logo: `https://olimpo.bet${(b = m.logo) != null ? b : ""}`,
|
|
1507
|
+
provider: m.provider,
|
|
1508
|
+
providerName: m.web_name,
|
|
1509
|
+
machine: m.machine,
|
|
1508
1510
|
onClick: () => {
|
|
1509
|
-
|
|
1511
|
+
ae(m, { basePath: "/casino-en-vivo" });
|
|
1510
1512
|
}
|
|
1511
1513
|
},
|
|
1512
|
-
Ut(
|
|
1514
|
+
Ut(m, g)
|
|
1513
1515
|
);
|
|
1514
1516
|
})
|
|
1515
1517
|
}
|
|
1516
1518
|
),
|
|
1517
|
-
/* @__PURE__ */ e(
|
|
1519
|
+
/* @__PURE__ */ e(O, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
|
|
1518
1520
|
F,
|
|
1519
1521
|
{
|
|
1520
1522
|
variant: "primary",
|
|
1521
1523
|
size: "lg",
|
|
1522
|
-
onClick: () => (
|
|
1524
|
+
onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
|
|
1523
1525
|
children: "Ver más"
|
|
1524
1526
|
}
|
|
1525
1527
|
) })
|
|
@@ -1528,61 +1530,63 @@ const Ut = (t, n) => {
|
|
|
1528
1530
|
)
|
|
1529
1531
|
]
|
|
1530
1532
|
}
|
|
1531
|
-
)),
|
|
1532
|
-
var
|
|
1533
|
-
return (
|
|
1534
|
-
}, Vt = (t, n = !0,
|
|
1535
|
-
const
|
|
1536
|
-
var
|
|
1533
|
+
)), Be = (t, n) => {
|
|
1534
|
+
var r, a;
|
|
1535
|
+
return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
|
|
1536
|
+
}, Vt = (t, n = !0, r = 4) => {
|
|
1537
|
+
const a = t.map((i, p) => {
|
|
1538
|
+
var m;
|
|
1537
1539
|
return {
|
|
1538
|
-
id:
|
|
1539
|
-
imageUrl: (
|
|
1540
|
+
id: Be(i, p),
|
|
1541
|
+
imageUrl: (m = i.logo) != null ? m : "",
|
|
1542
|
+
// ...(g.background ? { background: g.background } : {}),
|
|
1543
|
+
background: i.background
|
|
1540
1544
|
};
|
|
1541
1545
|
});
|
|
1542
|
-
if (!
|
|
1543
|
-
const
|
|
1546
|
+
if (!a.length) return [];
|
|
1547
|
+
const u = [];
|
|
1544
1548
|
let o = 0;
|
|
1545
1549
|
if (n) {
|
|
1546
|
-
const
|
|
1547
|
-
|
|
1550
|
+
const i = Math.min(a.length, 5);
|
|
1551
|
+
u.push({
|
|
1548
1552
|
id: "mosaic-0",
|
|
1549
1553
|
kind: "mosaic",
|
|
1550
|
-
items:
|
|
1551
|
-
}), o =
|
|
1554
|
+
items: a.slice(0, i)
|
|
1555
|
+
}), o = i;
|
|
1552
1556
|
}
|
|
1553
|
-
for (; o <
|
|
1554
|
-
const
|
|
1555
|
-
|
|
1557
|
+
for (; o < a.length; ) {
|
|
1558
|
+
const i = Math.min(o + r, a.length);
|
|
1559
|
+
u.push({
|
|
1556
1560
|
id: `grid-${o}`,
|
|
1557
1561
|
kind: "grid",
|
|
1558
|
-
items:
|
|
1559
|
-
}), o =
|
|
1562
|
+
items: a.slice(o, i)
|
|
1563
|
+
}), o = i;
|
|
1560
1564
|
}
|
|
1561
|
-
return
|
|
1565
|
+
return u;
|
|
1562
1566
|
}, Ht = ({
|
|
1563
1567
|
items: t,
|
|
1564
1568
|
title: n = "Casino",
|
|
1565
|
-
iconUrl:
|
|
1566
|
-
onItemClick:
|
|
1567
|
-
onViewMore:
|
|
1569
|
+
iconUrl: r = "/assets/img/home/Casino/diamante.svg",
|
|
1570
|
+
onItemClick: a,
|
|
1571
|
+
onViewMore: u,
|
|
1568
1572
|
mosaicFirst: o = !0,
|
|
1569
|
-
gridSize:
|
|
1573
|
+
gridSize: i = 4
|
|
1570
1574
|
}) => {
|
|
1571
|
-
const
|
|
1575
|
+
const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
|
|
1572
1576
|
var v;
|
|
1573
|
-
(v =
|
|
1574
|
-
},
|
|
1577
|
+
(v = p.current) == null || v.prev();
|
|
1578
|
+
}, k = () => {
|
|
1575
1579
|
var v;
|
|
1576
|
-
(v =
|
|
1580
|
+
(v = p.current) == null || v.next();
|
|
1577
1581
|
}, s = () => {
|
|
1578
1582
|
window.location.href = "https://www.olimpo.bet/casino";
|
|
1579
|
-
},
|
|
1580
|
-
const
|
|
1581
|
-
return v &&
|
|
1582
|
-
},
|
|
1583
|
-
return /* @__PURE__ */ e("section", { children: /* @__PURE__ */
|
|
1584
|
-
/* @__PURE__ */
|
|
1585
|
-
|
|
1583
|
+
}, c = (v = !0, C = 4) => {
|
|
1584
|
+
const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
|
|
1585
|
+
return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
|
|
1586
|
+
}, x = !t || t.length === 0, $ = x ? c(o, i) : Vt(t, o, i);
|
|
1587
|
+
return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
|
|
1588
|
+
/* @__PURE__ */ l(
|
|
1589
|
+
O,
|
|
1586
1590
|
{
|
|
1587
1591
|
sx: {
|
|
1588
1592
|
display: "grid",
|
|
@@ -1596,12 +1600,12 @@ const Ut = (t, n) => {
|
|
|
1596
1600
|
K,
|
|
1597
1601
|
{
|
|
1598
1602
|
title: n,
|
|
1599
|
-
iconUrl:
|
|
1603
|
+
iconUrl: r,
|
|
1600
1604
|
size: "md"
|
|
1601
1605
|
}
|
|
1602
1606
|
),
|
|
1603
|
-
/* @__PURE__ */
|
|
1604
|
-
|
|
1607
|
+
/* @__PURE__ */ l(
|
|
1608
|
+
O,
|
|
1605
1609
|
{
|
|
1606
1610
|
sx: {
|
|
1607
1611
|
display: "flex",
|
|
@@ -1615,9 +1619,9 @@ const Ut = (t, n) => {
|
|
|
1615
1619
|
ariaLabel: "Anterior",
|
|
1616
1620
|
variant: "secondary",
|
|
1617
1621
|
iconOnly: !0,
|
|
1618
|
-
leftIcon: /* @__PURE__ */ e(
|
|
1622
|
+
leftIcon: /* @__PURE__ */ e(Ee, {}),
|
|
1619
1623
|
onClick: b,
|
|
1620
|
-
disabled:
|
|
1624
|
+
disabled: m.isStart
|
|
1621
1625
|
}
|
|
1622
1626
|
),
|
|
1623
1627
|
/* @__PURE__ */ e(
|
|
@@ -1626,22 +1630,22 @@ const Ut = (t, n) => {
|
|
|
1626
1630
|
ariaLabel: "Siguiente",
|
|
1627
1631
|
variant: "secondary",
|
|
1628
1632
|
iconOnly: !0,
|
|
1629
|
-
rightIcon: /* @__PURE__ */ e(
|
|
1630
|
-
onClick:
|
|
1631
|
-
disabled:
|
|
1633
|
+
rightIcon: /* @__PURE__ */ e(ke, {}),
|
|
1634
|
+
onClick: k,
|
|
1635
|
+
disabled: m.isEnd
|
|
1632
1636
|
}
|
|
1633
1637
|
)
|
|
1634
1638
|
]
|
|
1635
1639
|
}
|
|
1636
1640
|
),
|
|
1637
|
-
/* @__PURE__ */ e(
|
|
1641
|
+
/* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
|
|
1638
1642
|
]
|
|
1639
1643
|
}
|
|
1640
1644
|
),
|
|
1641
1645
|
/* @__PURE__ */ e(
|
|
1642
1646
|
q,
|
|
1643
1647
|
{
|
|
1644
|
-
ref:
|
|
1648
|
+
ref: p,
|
|
1645
1649
|
items: $,
|
|
1646
1650
|
perPage: 1,
|
|
1647
1651
|
gap: "0px",
|
|
@@ -1655,78 +1659,78 @@ const Ut = (t, n) => {
|
|
|
1655
1659
|
focus: "start"
|
|
1656
1660
|
},
|
|
1657
1661
|
renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
|
|
1658
|
-
|
|
1662
|
+
Te,
|
|
1659
1663
|
{
|
|
1660
1664
|
items: v.items,
|
|
1661
1665
|
layout: v.kind === "mosaic" ? "mosaic" : "grid",
|
|
1662
|
-
loading:
|
|
1663
|
-
onClick: (
|
|
1664
|
-
const
|
|
1665
|
-
(
|
|
1666
|
+
loading: x,
|
|
1667
|
+
onClick: (C) => {
|
|
1668
|
+
const N = t.find(
|
|
1669
|
+
(_, S) => Be(_, S) === C.id
|
|
1666
1670
|
);
|
|
1667
|
-
|
|
1671
|
+
x || N && ae(N, { basePath: "/casino" });
|
|
1668
1672
|
}
|
|
1669
1673
|
}
|
|
1670
1674
|
) }),
|
|
1671
|
-
onMove: ({ isStart: v, isEnd:
|
|
1675
|
+
onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
|
|
1672
1676
|
}
|
|
1673
1677
|
)
|
|
1674
1678
|
] }) });
|
|
1675
1679
|
}, Re = (t, n) => {
|
|
1676
|
-
var
|
|
1677
|
-
return (
|
|
1678
|
-
}, Kt = (t, n = !0,
|
|
1679
|
-
const
|
|
1680
|
-
var
|
|
1680
|
+
var r, a;
|
|
1681
|
+
return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
|
|
1682
|
+
}, Kt = (t, n = !0, r = 4) => {
|
|
1683
|
+
const a = t.map((i, p) => {
|
|
1684
|
+
var m;
|
|
1681
1685
|
return {
|
|
1682
|
-
id: Re(
|
|
1683
|
-
imageUrl: (
|
|
1686
|
+
id: Re(i, p),
|
|
1687
|
+
imageUrl: (m = i.logo) != null ? m : ""
|
|
1684
1688
|
};
|
|
1685
1689
|
});
|
|
1686
|
-
if (!
|
|
1687
|
-
const
|
|
1690
|
+
if (!a.length) return [];
|
|
1691
|
+
const u = [];
|
|
1688
1692
|
let o = 0;
|
|
1689
1693
|
if (n) {
|
|
1690
|
-
const
|
|
1691
|
-
|
|
1694
|
+
const i = Math.min(a.length, 5);
|
|
1695
|
+
u.push({
|
|
1692
1696
|
id: "mosaic-0",
|
|
1693
1697
|
kind: "mosaic",
|
|
1694
|
-
items:
|
|
1695
|
-
}), o =
|
|
1698
|
+
items: a.slice(0, i)
|
|
1699
|
+
}), o = i;
|
|
1696
1700
|
}
|
|
1697
|
-
for (; o <
|
|
1698
|
-
const
|
|
1699
|
-
|
|
1701
|
+
for (; o < a.length; ) {
|
|
1702
|
+
const i = Math.min(o + r, a.length);
|
|
1703
|
+
u.push({
|
|
1700
1704
|
id: `grid-${o}`,
|
|
1701
1705
|
kind: "grid",
|
|
1702
|
-
items:
|
|
1703
|
-
}), o =
|
|
1706
|
+
items: a.slice(o, i)
|
|
1707
|
+
}), o = i;
|
|
1704
1708
|
}
|
|
1705
|
-
return
|
|
1709
|
+
return u;
|
|
1706
1710
|
}, qt = ({
|
|
1707
1711
|
items: t,
|
|
1708
1712
|
title: n = "Virtuales",
|
|
1709
|
-
iconUrl:
|
|
1710
|
-
onItemClick:
|
|
1711
|
-
onViewMore:
|
|
1713
|
+
iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
|
|
1714
|
+
onItemClick: a,
|
|
1715
|
+
onViewMore: u,
|
|
1712
1716
|
mosaicFirst: o = !0,
|
|
1713
|
-
gridSize:
|
|
1717
|
+
gridSize: i = 4
|
|
1714
1718
|
}) => {
|
|
1715
|
-
const
|
|
1719
|
+
const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
|
|
1716
1720
|
var v;
|
|
1717
|
-
(v =
|
|
1718
|
-
},
|
|
1721
|
+
(v = p.current) == null || v.prev();
|
|
1722
|
+
}, k = () => {
|
|
1719
1723
|
var v;
|
|
1720
|
-
(v =
|
|
1724
|
+
(v = p.current) == null || v.next();
|
|
1721
1725
|
}, s = () => {
|
|
1722
1726
|
window.location.href = "https://www.olimpo.bet/juegos-virtuales";
|
|
1723
|
-
},
|
|
1724
|
-
const
|
|
1725
|
-
return v &&
|
|
1726
|
-
},
|
|
1727
|
-
return /* @__PURE__ */ e("section", { children: /* @__PURE__ */
|
|
1728
|
-
/* @__PURE__ */
|
|
1729
|
-
|
|
1727
|
+
}, c = (v = !0, C = 4) => {
|
|
1728
|
+
const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
|
|
1729
|
+
return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
|
|
1730
|
+
}, x = !t || t.length === 0, $ = x ? c(o, i) : Kt(t, o, i);
|
|
1731
|
+
return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
|
|
1732
|
+
/* @__PURE__ */ l(
|
|
1733
|
+
O,
|
|
1730
1734
|
{
|
|
1731
1735
|
sx: {
|
|
1732
1736
|
display: "grid",
|
|
@@ -1740,12 +1744,12 @@ const Ut = (t, n) => {
|
|
|
1740
1744
|
K,
|
|
1741
1745
|
{
|
|
1742
1746
|
title: n,
|
|
1743
|
-
iconUrl:
|
|
1747
|
+
iconUrl: r,
|
|
1744
1748
|
size: "md"
|
|
1745
1749
|
}
|
|
1746
1750
|
),
|
|
1747
|
-
/* @__PURE__ */
|
|
1748
|
-
|
|
1751
|
+
/* @__PURE__ */ l(
|
|
1752
|
+
O,
|
|
1749
1753
|
{
|
|
1750
1754
|
sx: {
|
|
1751
1755
|
display: "flex",
|
|
@@ -1759,9 +1763,9 @@ const Ut = (t, n) => {
|
|
|
1759
1763
|
ariaLabel: "Anterior",
|
|
1760
1764
|
variant: "secondary",
|
|
1761
1765
|
iconOnly: !0,
|
|
1762
|
-
leftIcon: /* @__PURE__ */ e(
|
|
1766
|
+
leftIcon: /* @__PURE__ */ e(Ee, {}),
|
|
1763
1767
|
onClick: b,
|
|
1764
|
-
disabled:
|
|
1768
|
+
disabled: m.isStart
|
|
1765
1769
|
}
|
|
1766
1770
|
),
|
|
1767
1771
|
/* @__PURE__ */ e(
|
|
@@ -1770,22 +1774,22 @@ const Ut = (t, n) => {
|
|
|
1770
1774
|
ariaLabel: "Siguiente",
|
|
1771
1775
|
variant: "secondary",
|
|
1772
1776
|
iconOnly: !0,
|
|
1773
|
-
rightIcon: /* @__PURE__ */ e(
|
|
1774
|
-
onClick:
|
|
1775
|
-
disabled:
|
|
1777
|
+
rightIcon: /* @__PURE__ */ e(ke, {}),
|
|
1778
|
+
onClick: k,
|
|
1779
|
+
disabled: m.isEnd
|
|
1776
1780
|
}
|
|
1777
1781
|
)
|
|
1778
1782
|
]
|
|
1779
1783
|
}
|
|
1780
1784
|
),
|
|
1781
|
-
/* @__PURE__ */ e(
|
|
1785
|
+
/* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
|
|
1782
1786
|
]
|
|
1783
1787
|
}
|
|
1784
1788
|
),
|
|
1785
1789
|
/* @__PURE__ */ e(
|
|
1786
1790
|
q,
|
|
1787
1791
|
{
|
|
1788
|
-
ref:
|
|
1792
|
+
ref: p,
|
|
1789
1793
|
items: $,
|
|
1790
1794
|
perPage: 1,
|
|
1791
1795
|
gap: "0",
|
|
@@ -1800,30 +1804,25 @@ const Ut = (t, n) => {
|
|
|
1800
1804
|
perMove: 1
|
|
1801
1805
|
},
|
|
1802
1806
|
renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
|
|
1803
|
-
|
|
1807
|
+
Te,
|
|
1804
1808
|
{
|
|
1805
1809
|
items: v.items,
|
|
1806
1810
|
layout: v.kind === "mosaic" ? "mosaic" : "grid",
|
|
1807
|
-
loading:
|
|
1808
|
-
onClick: (
|
|
1809
|
-
const
|
|
1810
|
-
(
|
|
1811
|
+
loading: x,
|
|
1812
|
+
onClick: (C) => {
|
|
1813
|
+
const N = t.find(
|
|
1814
|
+
(_, S) => Re(_, S) === C.id
|
|
1811
1815
|
);
|
|
1812
|
-
|
|
1816
|
+
x || N && ae(N, { basePath: "/casino" });
|
|
1813
1817
|
}
|
|
1814
1818
|
}
|
|
1815
1819
|
) }),
|
|
1816
|
-
onMove: ({ isStart: v, isEnd:
|
|
1820
|
+
onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
|
|
1817
1821
|
}
|
|
1818
1822
|
)
|
|
1819
1823
|
] }) });
|
|
1820
1824
|
}, Jt = (t) => ({
|
|
1821
|
-
// width: "100vw",
|
|
1822
1825
|
position: "relative",
|
|
1823
|
-
// left: "50%",
|
|
1824
|
-
// right: "50%",
|
|
1825
|
-
// marginLeft: "-50vw",
|
|
1826
|
-
// marginRight: "-50vw",
|
|
1827
1826
|
py: 8,
|
|
1828
1827
|
color: "#fff",
|
|
1829
1828
|
backgroundImage: `
|
|
@@ -1836,15 +1835,15 @@ const Ut = (t, n) => {
|
|
|
1836
1835
|
backgroundRepeat: "no-repeat",
|
|
1837
1836
|
backgroundPosition: "center",
|
|
1838
1837
|
backgroundSize: "cover"
|
|
1839
|
-
}),
|
|
1838
|
+
}), xe = {
|
|
1840
1839
|
textAlign: "center",
|
|
1841
1840
|
lineHeight: 1.1,
|
|
1842
1841
|
mb: 1.5
|
|
1843
|
-
},
|
|
1842
|
+
}, be = {
|
|
1844
1843
|
display: "inline-block",
|
|
1845
1844
|
fontWeight: 600,
|
|
1846
1845
|
fontSize: 24
|
|
1847
|
-
},
|
|
1846
|
+
}, _e = {
|
|
1848
1847
|
display: "inline-block",
|
|
1849
1848
|
fontSize: 24,
|
|
1850
1849
|
lineHeight: 1.1,
|
|
@@ -1857,172 +1856,127 @@ const Ut = (t, n) => {
|
|
|
1857
1856
|
}, Xt = ({
|
|
1858
1857
|
headline: t,
|
|
1859
1858
|
headline2: n,
|
|
1860
|
-
items:
|
|
1861
|
-
backgroundImageUrl:
|
|
1859
|
+
items: r,
|
|
1860
|
+
backgroundImageUrl: a
|
|
1862
1861
|
}) => {
|
|
1863
|
-
const
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1862
|
+
const u = Ue("(max-width: 767px)"), o = r.length > 1, i = G(null), [p, m] = z(0), g = r == null ? void 0 : r[p], b = oe(
|
|
1863
|
+
() => {
|
|
1864
|
+
var c, x;
|
|
1865
|
+
return (x = (c = g == null ? void 0 : g.backgroundImageUrl) != null ? c : a) != null ? x : "";
|
|
1866
|
+
},
|
|
1867
|
+
[g, a]
|
|
1868
|
+
), k = Jt(b), s = (c, x) => {
|
|
1869
|
+
var C, N;
|
|
1870
|
+
const $ = (C = c.headline) != null ? C : t, v = (N = c.headline2) != null ? N : n;
|
|
1871
|
+
return x ? /* @__PURE__ */ l(
|
|
1872
|
+
O,
|
|
1873
|
+
{
|
|
1874
|
+
sx: {
|
|
1875
|
+
maxWidth: 1200,
|
|
1876
|
+
mx: "auto",
|
|
1877
|
+
px: 15,
|
|
1878
|
+
display: "grid",
|
|
1879
|
+
gridTemplateColumns: "260px minmax(0, 1fr)",
|
|
1880
|
+
alignItems: "center",
|
|
1881
|
+
columnGap: 6
|
|
1882
|
+
},
|
|
1883
|
+
children: [
|
|
1884
|
+
($ || v) && /* @__PURE__ */ e(
|
|
1885
|
+
O,
|
|
1886
|
+
{
|
|
1887
|
+
sx: {
|
|
1888
|
+
display: "flex",
|
|
1889
|
+
alignItems: "center",
|
|
1890
|
+
justifyContent: "flex-start",
|
|
1891
|
+
minHeight: "100%"
|
|
1884
1892
|
},
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
renderItem: (S) => /* @__PURE__ */ e(
|
|
1893
|
-
ft,
|
|
1894
|
-
{
|
|
1895
|
-
...S,
|
|
1896
|
-
onButtonClick: S.onButtonClick,
|
|
1897
|
-
isDesktop: v
|
|
1898
|
-
}
|
|
1899
|
-
),
|
|
1900
|
-
onMove: ({ index: S, isStart: I, isEnd: f }) => {
|
|
1901
|
-
s({ isStart: I, isEnd: f }), _(S);
|
|
1893
|
+
children: /* @__PURE__ */ l(O, { sx: { ...xe, textAlign: "left", mb: 0 }, children: [
|
|
1894
|
+
$ && /* @__PURE__ */ e(D, { component: "span", sx: be, children: $ }),
|
|
1895
|
+
v && /* @__PURE__ */ l(Z, { children: [
|
|
1896
|
+
/* @__PURE__ */ e("br", {}),
|
|
1897
|
+
/* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
|
|
1898
|
+
] })
|
|
1899
|
+
] })
|
|
1902
1900
|
}
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
}
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
},
|
|
1960
|
-
children: [
|
|
1961
|
-
(l || o) && /* @__PURE__ */ e(
|
|
1962
|
-
k,
|
|
1963
|
-
{
|
|
1964
|
-
sx: {
|
|
1965
|
-
display: "flex",
|
|
1966
|
-
alignItems: "center",
|
|
1967
|
-
justifyContent: "flex-start",
|
|
1968
|
-
minHeight: "100%"
|
|
1969
|
-
},
|
|
1970
|
-
children: /* @__PURE__ */ c(
|
|
1971
|
-
k,
|
|
1972
|
-
{
|
|
1973
|
-
sx: {
|
|
1974
|
-
...fe,
|
|
1975
|
-
textAlign: "left",
|
|
1976
|
-
mb: 0
|
|
1977
|
-
},
|
|
1978
|
-
children: [
|
|
1979
|
-
l && /* @__PURE__ */ e(D, { component: "span", sx: xe, children: l }),
|
|
1980
|
-
o && /* @__PURE__ */ c(Z, { children: [
|
|
1981
|
-
/* @__PURE__ */ e("br", {}),
|
|
1982
|
-
/* @__PURE__ */ e(D, { component: "span", sx: be, children: o })
|
|
1983
|
-
] })
|
|
1984
|
-
]
|
|
1985
|
-
}
|
|
1986
|
-
)
|
|
1987
|
-
}
|
|
1988
|
-
),
|
|
1989
|
-
/* @__PURE__ */ e(
|
|
1990
|
-
k,
|
|
1991
|
-
{
|
|
1992
|
-
sx: {
|
|
1993
|
-
display: "flex",
|
|
1994
|
-
justifyContent: "center",
|
|
1995
|
-
alignItems: "center"
|
|
1996
|
-
},
|
|
1997
|
-
children: $(!0)
|
|
1998
|
-
}
|
|
1999
|
-
)
|
|
2000
|
-
]
|
|
2001
|
-
}
|
|
2002
|
-
) });
|
|
1901
|
+
),
|
|
1902
|
+
/* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(O, { sx: { width: "100%", maxWidth: 600, mx: "auto" }, children: /* @__PURE__ */ e(
|
|
1903
|
+
fe,
|
|
1904
|
+
{
|
|
1905
|
+
...c,
|
|
1906
|
+
onButtonClick: c.onButtonClick,
|
|
1907
|
+
variant: "large"
|
|
1908
|
+
}
|
|
1909
|
+
) }) })
|
|
1910
|
+
]
|
|
1911
|
+
}
|
|
1912
|
+
) : /* @__PURE__ */ l(O, { sx: { textAlign: "center" }, children: [
|
|
1913
|
+
($ || v) && /* @__PURE__ */ l(O, { sx: xe, children: [
|
|
1914
|
+
$ && /* @__PURE__ */ e(D, { component: "span", sx: be, children: $ }),
|
|
1915
|
+
v && /* @__PURE__ */ l(Z, { children: [
|
|
1916
|
+
/* @__PURE__ */ e("br", {}),
|
|
1917
|
+
/* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
|
|
1918
|
+
] })
|
|
1919
|
+
] }),
|
|
1920
|
+
/* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
|
|
1921
|
+
fe,
|
|
1922
|
+
{
|
|
1923
|
+
...c,
|
|
1924
|
+
onButtonClick: c.onButtonClick,
|
|
1925
|
+
variant: "small"
|
|
1926
|
+
}
|
|
1927
|
+
) })
|
|
1928
|
+
] });
|
|
1929
|
+
};
|
|
1930
|
+
return /* @__PURE__ */ l(O, { component: "section", sx: k, children: [
|
|
1931
|
+
/* @__PURE__ */ e(
|
|
1932
|
+
q,
|
|
1933
|
+
{
|
|
1934
|
+
ref: i,
|
|
1935
|
+
items: r,
|
|
1936
|
+
perPage: 1,
|
|
1937
|
+
gap: "0px",
|
|
1938
|
+
options: { autoWidth: !1 },
|
|
1939
|
+
renderItem: (c) => /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: s(c, !u) }),
|
|
1940
|
+
onMove: ({ index: c }) => {
|
|
1941
|
+
m(c);
|
|
1942
|
+
}
|
|
1943
|
+
}
|
|
1944
|
+
),
|
|
1945
|
+
o && /* @__PURE__ */ e(O, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
|
|
1946
|
+
$e,
|
|
1947
|
+
{
|
|
1948
|
+
total: r.length,
|
|
1949
|
+
active: p,
|
|
1950
|
+
onSelect: (c) => {
|
|
1951
|
+
var x;
|
|
1952
|
+
m(c), (x = i.current) == null || x.go(c);
|
|
1953
|
+
}
|
|
1954
|
+
}
|
|
1955
|
+
) })
|
|
1956
|
+
] });
|
|
2003
1957
|
}, Qt = ({
|
|
2004
1958
|
className: t = "",
|
|
2005
1959
|
fullBleed: n = !0,
|
|
2006
|
-
items:
|
|
2007
|
-
selectedIndex:
|
|
2008
|
-
ariaLabel:
|
|
1960
|
+
items: r,
|
|
1961
|
+
selectedIndex: a = 0,
|
|
1962
|
+
ariaLabel: u
|
|
2009
1963
|
}) => {
|
|
2010
|
-
const o = G(null),
|
|
2011
|
-
if (!
|
|
2012
|
-
const
|
|
1964
|
+
const o = G(null), i = G(null);
|
|
1965
|
+
if (!r) return null;
|
|
1966
|
+
const p = () => {
|
|
2013
1967
|
window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
|
|
2014
|
-
},
|
|
1968
|
+
}, m = Array.isArray(r) ? r[a] : r;
|
|
2015
1969
|
ze(() => {
|
|
2016
|
-
if (!o.current || !
|
|
2017
|
-
const b = o.current,
|
|
1970
|
+
if (!o.current || !i.current || typeof ResizeObserver == "undefined") return;
|
|
1971
|
+
const b = o.current, k = i.current, s = () => {
|
|
2018
1972
|
b.style.setProperty(
|
|
2019
1973
|
"--orc-co-bottomH",
|
|
2020
|
-
`${
|
|
1974
|
+
`${k.offsetHeight + 16}px`
|
|
2021
1975
|
);
|
|
2022
|
-
},
|
|
2023
|
-
return
|
|
1976
|
+
}, c = new ResizeObserver(s);
|
|
1977
|
+
return c.observe(k), s(), () => c.disconnect();
|
|
2024
1978
|
}, []);
|
|
2025
|
-
const
|
|
1979
|
+
const g = [
|
|
2026
1980
|
"orc-co-wrap",
|
|
2027
1981
|
n ? "orc-co-fullBleed" : "",
|
|
2028
1982
|
t
|
|
@@ -2031,17 +1985,17 @@ const Ut = (t, n) => {
|
|
|
2031
1985
|
"section",
|
|
2032
1986
|
{
|
|
2033
1987
|
ref: o,
|
|
2034
|
-
className:
|
|
2035
|
-
"aria-label":
|
|
2036
|
-
children: /* @__PURE__ */ e("div", { ref:
|
|
1988
|
+
className: g,
|
|
1989
|
+
"aria-label": u || m.imgAlt || "Club Olimpo",
|
|
1990
|
+
children: /* @__PURE__ */ e("div", { ref: i, children: /* @__PURE__ */ e(
|
|
2037
1991
|
xt,
|
|
2038
1992
|
{
|
|
2039
|
-
text:
|
|
2040
|
-
onClick:
|
|
2041
|
-
imgAlt:
|
|
2042
|
-
imgSrcMobile:
|
|
2043
|
-
imgSrcDesktopBg:
|
|
2044
|
-
imgSrcDesktopLogo:
|
|
1993
|
+
text: m.text,
|
|
1994
|
+
onClick: p,
|
|
1995
|
+
imgAlt: m.imgAlt,
|
|
1996
|
+
imgSrcMobile: m.imgMobile,
|
|
1997
|
+
imgSrcDesktopBg: m.imgDesktopBg,
|
|
1998
|
+
imgSrcDesktopLogo: m.imgDesktopLogo
|
|
2045
1999
|
}
|
|
2046
2000
|
) })
|
|
2047
2001
|
}
|
|
@@ -2052,119 +2006,119 @@ const Ut = (t, n) => {
|
|
|
2052
2006
|
function eo({
|
|
2053
2007
|
items: t,
|
|
2054
2008
|
title: n = "Combinadas del Olimpo",
|
|
2055
|
-
iconUrl:
|
|
2056
|
-
onViewMore:
|
|
2057
|
-
className:
|
|
2009
|
+
iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
|
|
2010
|
+
onViewMore: a,
|
|
2011
|
+
className: u = ""
|
|
2058
2012
|
}) {
|
|
2059
|
-
const o = G(null), [
|
|
2060
|
-
var
|
|
2061
|
-
(
|
|
2013
|
+
const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), [m, g] = z([]), b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group/prepackcoupon.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764284658793&prePackCouponTags=CUSTOM", k = () => {
|
|
2014
|
+
var _;
|
|
2015
|
+
(_ = o.current) == null || _.prev();
|
|
2062
2016
|
}, s = () => {
|
|
2063
|
-
var
|
|
2064
|
-
(
|
|
2065
|
-
},
|
|
2017
|
+
var _;
|
|
2018
|
+
(_ = o.current) == null || _.next();
|
|
2019
|
+
}, c = () => {
|
|
2066
2020
|
Ot();
|
|
2067
2021
|
};
|
|
2068
|
-
async function
|
|
2069
|
-
var
|
|
2022
|
+
async function x() {
|
|
2023
|
+
var _, S, P;
|
|
2070
2024
|
try {
|
|
2071
|
-
const E = await (await fetch(b)).json(), d = (
|
|
2025
|
+
const E = await (await fetch(b)).json(), d = (P = (S = (_ = E == null ? void 0 : E.group) == null ? void 0 : _.groups) == null ? void 0 : S[0]) == null ? void 0 : P.id;
|
|
2072
2026
|
if (!d) {
|
|
2073
2027
|
console.error("Could not extract group ID");
|
|
2074
2028
|
return;
|
|
2075
2029
|
}
|
|
2076
|
-
const h = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${d}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`,
|
|
2077
|
-
|
|
2078
|
-
$(
|
|
2030
|
+
const h = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${d}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, f = await (await fetch(h)).json();
|
|
2031
|
+
g(
|
|
2032
|
+
$(f.events, f.betOffers, f.prePackCoupons)
|
|
2079
2033
|
);
|
|
2080
|
-
} catch (
|
|
2081
|
-
console.error("loadDataEventSpecial error:",
|
|
2034
|
+
} catch (T) {
|
|
2035
|
+
console.error("loadDataEventSpecial error:", T);
|
|
2082
2036
|
}
|
|
2083
2037
|
}
|
|
2084
|
-
function $(
|
|
2085
|
-
const
|
|
2086
|
-
for (const E of
|
|
2087
|
-
const d =
|
|
2088
|
-
var
|
|
2089
|
-
|
|
2090
|
-
const
|
|
2091
|
-
(
|
|
2038
|
+
function $(_, S, P) {
|
|
2039
|
+
const T = [];
|
|
2040
|
+
for (const E of P) {
|
|
2041
|
+
const d = C([E]), h = v(E), w = S.reduce((f, y) => {
|
|
2042
|
+
var B, L;
|
|
2043
|
+
f[y.eventId] || (f[y.eventId] = []);
|
|
2044
|
+
const I = y.outcomes.filter(
|
|
2045
|
+
(W) => d.has(W.id)
|
|
2092
2046
|
);
|
|
2093
|
-
if (
|
|
2094
|
-
const
|
|
2095
|
-
(L = (
|
|
2096
|
-
), A =
|
|
2047
|
+
if (I.length > 0) {
|
|
2048
|
+
const W = Array.from(
|
|
2049
|
+
(L = (B = h == null ? void 0 : h[0]) == null ? void 0 : B.requiredOutcomeIds) != null ? L : []
|
|
2050
|
+
), A = I.map((Y) => ({
|
|
2097
2051
|
...Y,
|
|
2098
|
-
position:
|
|
2052
|
+
position: W.indexOf(Y.id)
|
|
2099
2053
|
}));
|
|
2100
|
-
|
|
2054
|
+
f[y.eventId].push({
|
|
2101
2055
|
...y,
|
|
2102
2056
|
outcomes: A
|
|
2103
2057
|
});
|
|
2104
2058
|
}
|
|
2105
|
-
return
|
|
2059
|
+
return f;
|
|
2106
2060
|
}, {});
|
|
2107
|
-
|
|
2108
|
-
if (
|
|
2061
|
+
_.forEach((f) => {
|
|
2062
|
+
if (f.id !== E.prePackCouponRows[0].eventId) return;
|
|
2109
2063
|
const y = d;
|
|
2110
|
-
let
|
|
2111
|
-
for (const
|
|
2112
|
-
if ([...
|
|
2113
|
-
|
|
2064
|
+
let I = null;
|
|
2065
|
+
for (const B of h)
|
|
2066
|
+
if ([...B.requiredOutcomeIds].every((W) => y.has(W))) {
|
|
2067
|
+
I = B.decimal;
|
|
2114
2068
|
break;
|
|
2115
2069
|
}
|
|
2116
|
-
|
|
2117
|
-
...
|
|
2118
|
-
combinadoTotal:
|
|
2119
|
-
betoffers: w[
|
|
2070
|
+
T.push({
|
|
2071
|
+
...f,
|
|
2072
|
+
combinadoTotal: I,
|
|
2073
|
+
betoffers: w[f.id] || [],
|
|
2120
2074
|
couponId: E.id
|
|
2121
2075
|
// optional for tracking
|
|
2122
2076
|
});
|
|
2123
2077
|
});
|
|
2124
2078
|
}
|
|
2125
|
-
return
|
|
2079
|
+
return T;
|
|
2126
2080
|
}
|
|
2127
|
-
function v(
|
|
2128
|
-
var
|
|
2129
|
-
const
|
|
2130
|
-
for (const
|
|
2131
|
-
if (
|
|
2081
|
+
function v(_) {
|
|
2082
|
+
var P;
|
|
2083
|
+
const S = [];
|
|
2084
|
+
for (const T of _.prePackCouponRows)
|
|
2085
|
+
if (T.type === "BET_BUILDER" && ((P = T.group) != null && P.groups)) {
|
|
2132
2086
|
const E = /* @__PURE__ */ new Set();
|
|
2133
|
-
|
|
2087
|
+
T.group.groups.forEach((d) => {
|
|
2134
2088
|
var h;
|
|
2135
2089
|
(h = d.outcomes) == null || h.forEach((w) => E.add(w.id));
|
|
2136
|
-
}),
|
|
2090
|
+
}), S.push({
|
|
2137
2091
|
requiredOutcomeIds: E,
|
|
2138
|
-
decimal:
|
|
2092
|
+
decimal: T.odds.decimal
|
|
2139
2093
|
});
|
|
2140
2094
|
}
|
|
2141
|
-
return
|
|
2095
|
+
return S;
|
|
2142
2096
|
}
|
|
2143
|
-
function
|
|
2144
|
-
var
|
|
2145
|
-
const
|
|
2146
|
-
for (const
|
|
2147
|
-
for (const E of
|
|
2148
|
-
E.type === "BET_BUILDER" && ((
|
|
2097
|
+
function C(_) {
|
|
2098
|
+
var P;
|
|
2099
|
+
const S = /* @__PURE__ */ new Set();
|
|
2100
|
+
for (const T of _)
|
|
2101
|
+
for (const E of T.prePackCouponRows)
|
|
2102
|
+
E.type === "BET_BUILDER" && ((P = E.group) != null && P.groups) && E.group.groups.forEach((d) => {
|
|
2149
2103
|
var h;
|
|
2150
|
-
(h = d.outcomes) == null || h.forEach((w) =>
|
|
2151
|
-
}), E.type === "SIMPLE" && E.outcome &&
|
|
2152
|
-
return
|
|
2104
|
+
(h = d.outcomes) == null || h.forEach((w) => S.add(w.id));
|
|
2105
|
+
}), E.type === "SIMPLE" && E.outcome && S.add(E.outcome.id);
|
|
2106
|
+
return S;
|
|
2153
2107
|
}
|
|
2154
2108
|
Q(() => {
|
|
2155
|
-
|
|
2109
|
+
x();
|
|
2156
2110
|
}, []);
|
|
2157
|
-
const
|
|
2158
|
-
return !
|
|
2111
|
+
const N = u || void 0;
|
|
2112
|
+
return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: N, style: {
|
|
2159
2113
|
// paddingLeft: 16,
|
|
2160
2114
|
// paddingRight: 16,
|
|
2161
2115
|
width: "100%",
|
|
2162
2116
|
boxSizing: "border-box"
|
|
2163
|
-
}, children: /* @__PURE__ */
|
|
2164
|
-
/* @__PURE__ */
|
|
2165
|
-
/* @__PURE__ */ e(K, { title: n, iconUrl:
|
|
2166
|
-
/* @__PURE__ */
|
|
2167
|
-
/* @__PURE__ */
|
|
2117
|
+
}, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
|
|
2118
|
+
/* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
|
|
2119
|
+
/* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
|
|
2120
|
+
/* @__PURE__ */ l("div", { className: Zt.controls, children: [
|
|
2121
|
+
/* @__PURE__ */ l(V, { spacing: 1, columns: "auto auto", children: [
|
|
2168
2122
|
/* @__PURE__ */ e(
|
|
2169
2123
|
F,
|
|
2170
2124
|
{
|
|
@@ -2172,8 +2126,8 @@ function eo({
|
|
|
2172
2126
|
variant: "secondary",
|
|
2173
2127
|
iconOnly: !0,
|
|
2174
2128
|
leftIcon: /* @__PURE__ */ e(de, {}),
|
|
2175
|
-
onClick:
|
|
2176
|
-
disabled:
|
|
2129
|
+
onClick: k,
|
|
2130
|
+
disabled: i.isStart
|
|
2177
2131
|
}
|
|
2178
2132
|
),
|
|
2179
2133
|
/* @__PURE__ */ e(
|
|
@@ -2184,18 +2138,18 @@ function eo({
|
|
|
2184
2138
|
iconOnly: !0,
|
|
2185
2139
|
rightIcon: /* @__PURE__ */ e(ue, {}),
|
|
2186
2140
|
onClick: s,
|
|
2187
|
-
disabled:
|
|
2141
|
+
disabled: i.isEnd
|
|
2188
2142
|
}
|
|
2189
2143
|
)
|
|
2190
2144
|
] }),
|
|
2191
|
-
/* @__PURE__ */ e(F, { variant: "secondary", onClick:
|
|
2145
|
+
/* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
|
|
2192
2146
|
] })
|
|
2193
2147
|
] }),
|
|
2194
2148
|
/* @__PURE__ */ e(
|
|
2195
2149
|
q,
|
|
2196
2150
|
{
|
|
2197
2151
|
ref: o,
|
|
2198
|
-
items:
|
|
2152
|
+
items: m.filter((_) => _.combinadoTotal !== null),
|
|
2199
2153
|
perPage: void 0,
|
|
2200
2154
|
gap: "16px",
|
|
2201
2155
|
options: { autoWidth: !0, trimSpace: "move" },
|
|
@@ -2203,8 +2157,8 @@ function eo({
|
|
|
2203
2157
|
breakpoints: {
|
|
2204
2158
|
768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
|
|
2205
2159
|
},
|
|
2206
|
-
renderItem: (
|
|
2207
|
-
onMove: ({ isStart:
|
|
2160
|
+
renderItem: (_) => /* @__PURE__ */ e(It, { event: _ }),
|
|
2161
|
+
onMove: ({ isStart: _, isEnd: S }) => p({ isStart: _, isEnd: S })
|
|
2208
2162
|
}
|
|
2209
2163
|
)
|
|
2210
2164
|
] }) });
|
|
@@ -2214,27 +2168,27 @@ function to({}) {
|
|
|
2214
2168
|
"div",
|
|
2215
2169
|
{
|
|
2216
2170
|
className: Pe.cardWrapper,
|
|
2217
|
-
children: /* @__PURE__ */
|
|
2218
|
-
/* @__PURE__ */
|
|
2171
|
+
children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1, children: [
|
|
2172
|
+
/* @__PURE__ */ l(R, { spacing: 1, direction: "row", children: [
|
|
2219
2173
|
/* @__PURE__ */ e(M, { variant: "text", width: "60%", height: 24 }),
|
|
2220
2174
|
/* @__PURE__ */ e(M, { variant: "text", width: "39%", height: 24 })
|
|
2221
2175
|
] }),
|
|
2222
|
-
/* @__PURE__ */
|
|
2176
|
+
/* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
2223
2177
|
/* @__PURE__ */ e(M, { variant: "circular", width: 32, height: 40 }),
|
|
2224
2178
|
/* @__PURE__ */ e(M, { variant: "text", width: 40, height: 40 }),
|
|
2225
2179
|
/* @__PURE__ */ e(M, { variant: "circular", width: 32, height: 40 })
|
|
2226
2180
|
] }),
|
|
2227
|
-
/* @__PURE__ */
|
|
2181
|
+
/* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
2228
2182
|
/* @__PURE__ */ e(M, { variant: "text", width: 32, height: 16 }),
|
|
2229
2183
|
/* @__PURE__ */ e(M, { variant: "text", width: 40, height: 16 }),
|
|
2230
2184
|
/* @__PURE__ */ e(M, { variant: "text", width: 32, height: 16 })
|
|
2231
2185
|
] }),
|
|
2232
|
-
/* @__PURE__ */
|
|
2186
|
+
/* @__PURE__ */ l(R, { spacing: 2, direction: "row", children: [
|
|
2233
2187
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 }),
|
|
2234
2188
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 }),
|
|
2235
2189
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 })
|
|
2236
2190
|
] }),
|
|
2237
|
-
/* @__PURE__ */
|
|
2191
|
+
/* @__PURE__ */ l(R, { spacing: 2, direction: "row", children: [
|
|
2238
2192
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 }),
|
|
2239
2193
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 }),
|
|
2240
2194
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 })
|
|
@@ -2246,51 +2200,51 @@ function to({}) {
|
|
|
2246
2200
|
const oo = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", no = {
|
|
2247
2201
|
fadeWrapper: oo
|
|
2248
2202
|
};
|
|
2249
|
-
function
|
|
2203
|
+
function re({ children: t }) {
|
|
2250
2204
|
return /* @__PURE__ */ e("div", { className: no.fadeWrapper, children: t });
|
|
2251
2205
|
}
|
|
2252
2206
|
function ro({
|
|
2253
2207
|
items: t,
|
|
2254
2208
|
title: n = "En vivo",
|
|
2255
|
-
iconUrl:
|
|
2256
|
-
onViewMore:
|
|
2257
|
-
className:
|
|
2209
|
+
iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
|
|
2210
|
+
onViewMore: a,
|
|
2211
|
+
className: u = ""
|
|
2258
2212
|
}) {
|
|
2259
|
-
const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true",
|
|
2260
|
-
var
|
|
2261
|
-
(
|
|
2213
|
+
const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]), k = () => {
|
|
2214
|
+
var C;
|
|
2215
|
+
(C = i.current) == null || C.prev();
|
|
2262
2216
|
}, s = () => {
|
|
2263
|
-
var
|
|
2264
|
-
(
|
|
2265
|
-
},
|
|
2217
|
+
var C;
|
|
2218
|
+
(C = i.current) == null || C.next();
|
|
2219
|
+
}, c = () => {
|
|
2266
2220
|
kt();
|
|
2267
2221
|
};
|
|
2268
|
-
async function
|
|
2222
|
+
async function x() {
|
|
2269
2223
|
try {
|
|
2270
|
-
const
|
|
2271
|
-
b(
|
|
2272
|
-
} catch (
|
|
2273
|
-
console.error(
|
|
2224
|
+
const N = await (await fetch(o)).json();
|
|
2225
|
+
b(N.events);
|
|
2226
|
+
} catch (C) {
|
|
2227
|
+
console.error(C);
|
|
2274
2228
|
}
|
|
2275
2229
|
}
|
|
2276
2230
|
Q(() => {
|
|
2277
|
-
|
|
2278
|
-
const
|
|
2279
|
-
|
|
2231
|
+
x();
|
|
2232
|
+
const C = setInterval(() => {
|
|
2233
|
+
x();
|
|
2280
2234
|
}, 2e4);
|
|
2281
|
-
return () => clearInterval(
|
|
2235
|
+
return () => clearInterval(C);
|
|
2282
2236
|
}, []);
|
|
2283
|
-
const $ =
|
|
2237
|
+
const $ = u || void 0, v = !g || g.length === 0;
|
|
2284
2238
|
return /* @__PURE__ */ e("section", { className: $, style: {
|
|
2285
2239
|
// paddingLeft: 16,
|
|
2286
2240
|
// paddingRight: 16,
|
|
2287
2241
|
width: "100%",
|
|
2288
2242
|
boxSizing: "border-box"
|
|
2289
|
-
}, children: /* @__PURE__ */
|
|
2290
|
-
/* @__PURE__ */
|
|
2291
|
-
/* @__PURE__ */ e(K, { title: n, iconUrl:
|
|
2292
|
-
/* @__PURE__ */
|
|
2293
|
-
/* @__PURE__ */
|
|
2243
|
+
}, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
|
|
2244
|
+
/* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
|
|
2245
|
+
/* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
|
|
2246
|
+
/* @__PURE__ */ l("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
|
|
2247
|
+
/* @__PURE__ */ l(V, { spacing: 1, columns: "auto auto", children: [
|
|
2294
2248
|
/* @__PURE__ */ e(
|
|
2295
2249
|
F,
|
|
2296
2250
|
{
|
|
@@ -2298,8 +2252,8 @@ function ro({
|
|
|
2298
2252
|
variant: "secondary",
|
|
2299
2253
|
iconOnly: !0,
|
|
2300
2254
|
leftIcon: /* @__PURE__ */ e(de, {}),
|
|
2301
|
-
onClick:
|
|
2302
|
-
disabled:
|
|
2255
|
+
onClick: k,
|
|
2256
|
+
disabled: p.isStart
|
|
2303
2257
|
}
|
|
2304
2258
|
),
|
|
2305
2259
|
/* @__PURE__ */ e(
|
|
@@ -2310,19 +2264,19 @@ function ro({
|
|
|
2310
2264
|
iconOnly: !0,
|
|
2311
2265
|
rightIcon: /* @__PURE__ */ e(ue, {}),
|
|
2312
2266
|
onClick: s,
|
|
2313
|
-
disabled:
|
|
2267
|
+
disabled: p.isEnd
|
|
2314
2268
|
}
|
|
2315
2269
|
)
|
|
2316
2270
|
] }),
|
|
2317
|
-
/* @__PURE__ */ e(F, { variant: "secondary", onClick:
|
|
2271
|
+
/* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
|
|
2318
2272
|
] })
|
|
2319
2273
|
] }),
|
|
2320
2274
|
/* @__PURE__ */ e(
|
|
2321
2275
|
q,
|
|
2322
2276
|
{
|
|
2323
|
-
ref:
|
|
2324
|
-
items: v ? Array(4).fill({}) :
|
|
2325
|
-
(
|
|
2277
|
+
ref: i,
|
|
2278
|
+
items: v ? Array(4).fill({}) : g == null ? void 0 : g.filter((C) => C.event.sport === "FOOTBALL").sort(
|
|
2279
|
+
(C, N) => new Date(N.event.start).getTime() - new Date(C.event.start).getTime()
|
|
2326
2280
|
),
|
|
2327
2281
|
perPage: void 0,
|
|
2328
2282
|
gap: "16px",
|
|
@@ -2332,32 +2286,32 @@ function ro({
|
|
|
2332
2286
|
768: { gap: "8px", focus: "center" },
|
|
2333
2287
|
1024: { gap: "10px", focus: "center" }
|
|
2334
2288
|
},
|
|
2335
|
-
renderItem: (
|
|
2336
|
-
onMove: ({ isStart:
|
|
2289
|
+
renderItem: (C) => v ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(to, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Pt, { ...C }) }),
|
|
2290
|
+
onMove: ({ isStart: C, isEnd: N }) => m({ isStart: C, isEnd: N })
|
|
2337
2291
|
}
|
|
2338
2292
|
)
|
|
2339
2293
|
] }) });
|
|
2340
2294
|
}
|
|
2341
2295
|
function ao() {
|
|
2342
|
-
return /* @__PURE__ */
|
|
2343
|
-
/* @__PURE__ */ e(
|
|
2344
|
-
/* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */
|
|
2345
|
-
/* @__PURE__ */
|
|
2296
|
+
return /* @__PURE__ */ l("div", { className: J.cardContainer, children: [
|
|
2297
|
+
/* @__PURE__ */ e(Ie, { title: "" }),
|
|
2298
|
+
/* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
|
|
2299
|
+
/* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
2346
2300
|
/* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 }),
|
|
2347
2301
|
/* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 })
|
|
2348
2302
|
] }),
|
|
2349
|
-
/* @__PURE__ */
|
|
2350
|
-
/* @__PURE__ */
|
|
2303
|
+
/* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
|
|
2304
|
+
/* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
2351
2305
|
/* @__PURE__ */ e(M, { variant: "text", width: 80, height: 12 }),
|
|
2352
2306
|
/* @__PURE__ */ e(M, { variant: "text", width: 80, height: 12 })
|
|
2353
2307
|
] }),
|
|
2354
|
-
/* @__PURE__ */ e(
|
|
2355
|
-
/* @__PURE__ */
|
|
2308
|
+
/* @__PURE__ */ e(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(M, { variant: "text", width: 160, height: 12 }) }),
|
|
2309
|
+
/* @__PURE__ */ l(R, { direction: "row", spacing: 1, children: [
|
|
2356
2310
|
/* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 }),
|
|
2357
2311
|
/* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 }),
|
|
2358
2312
|
/* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 })
|
|
2359
2313
|
] }),
|
|
2360
|
-
/* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */
|
|
2314
|
+
/* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ l(R, { direction: "row", spacing: 1, children: [
|
|
2361
2315
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 }),
|
|
2362
2316
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 }),
|
|
2363
2317
|
/* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 })
|
|
@@ -2366,7 +2320,7 @@ function ao() {
|
|
|
2366
2320
|
] }) })
|
|
2367
2321
|
] });
|
|
2368
2322
|
}
|
|
2369
|
-
const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", co = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT",
|
|
2323
|
+
const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", co = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", le = {
|
|
2370
2324
|
wrapper: io,
|
|
2371
2325
|
container: so,
|
|
2372
2326
|
buttonWrapper: co
|
|
@@ -2374,106 +2328,106 @@ const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "
|
|
|
2374
2328
|
function lo({
|
|
2375
2329
|
items: t,
|
|
2376
2330
|
title: n = "En vivo",
|
|
2377
|
-
iconUrl:
|
|
2378
|
-
onViewMore:
|
|
2379
|
-
className:
|
|
2331
|
+
iconUrl: r,
|
|
2332
|
+
onViewMore: a,
|
|
2333
|
+
className: u = ""
|
|
2380
2334
|
}) {
|
|
2381
|
-
const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE",
|
|
2382
|
-
function
|
|
2383
|
-
return [...
|
|
2384
|
-
(
|
|
2335
|
+
const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]);
|
|
2336
|
+
function k(_) {
|
|
2337
|
+
return [..._].sort(
|
|
2338
|
+
(S, P) => new Date(S.start).getTime() - new Date(P.start).getTime()
|
|
2385
2339
|
);
|
|
2386
2340
|
}
|
|
2387
|
-
function s(
|
|
2388
|
-
const
|
|
2389
|
-
return
|
|
2390
|
-
if (!
|
|
2391
|
-
const E = new Date(
|
|
2392
|
-
return E >=
|
|
2341
|
+
function s(_) {
|
|
2342
|
+
const S = /* @__PURE__ */ new Date(), P = new Date(S.getTime() + 10080 * 60 * 1e3);
|
|
2343
|
+
return _.filter((T) => {
|
|
2344
|
+
if (!T.start) return !1;
|
|
2345
|
+
const E = new Date(T.start);
|
|
2346
|
+
return E >= S && E <= P;
|
|
2393
2347
|
});
|
|
2394
2348
|
}
|
|
2395
|
-
const
|
|
2349
|
+
const c = () => {
|
|
2396
2350
|
$t();
|
|
2397
2351
|
};
|
|
2398
|
-
async function
|
|
2352
|
+
async function x() {
|
|
2399
2353
|
try {
|
|
2400
|
-
const
|
|
2354
|
+
const P = (await (await fetch(o)).json()).group.groups.find(
|
|
2401
2355
|
(w) => w.englishName === "Football"
|
|
2402
2356
|
);
|
|
2403
|
-
if (!
|
|
2357
|
+
if (!P || !Array.isArray(P.groups)) {
|
|
2404
2358
|
console.error("Football groups not found");
|
|
2405
2359
|
return;
|
|
2406
2360
|
}
|
|
2407
|
-
const E =
|
|
2408
|
-
const
|
|
2361
|
+
const E = P.groups.slice(0, 5), d = (w) => {
|
|
2362
|
+
const f = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
|
|
2409
2363
|
if (w.groups && w.groups.length > 0) {
|
|
2410
2364
|
const y = w.groups[0];
|
|
2411
2365
|
return [
|
|
2412
|
-
`${
|
|
2366
|
+
`${f}/${w.termKey}/${y.termKey}/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
|
|
2413
2367
|
];
|
|
2414
2368
|
}
|
|
2415
2369
|
return [
|
|
2416
|
-
`${
|
|
2370
|
+
`${f}/${w.termKey}/all/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
|
|
2417
2371
|
];
|
|
2418
2372
|
}, h = E.flatMap(d);
|
|
2419
2373
|
$(h);
|
|
2420
|
-
} catch (
|
|
2421
|
-
console.error(
|
|
2374
|
+
} catch (_) {
|
|
2375
|
+
console.error(_);
|
|
2422
2376
|
}
|
|
2423
2377
|
}
|
|
2424
|
-
async function $(
|
|
2378
|
+
async function $(_) {
|
|
2425
2379
|
try {
|
|
2426
|
-
const
|
|
2427
|
-
|
|
2380
|
+
const S = await Promise.all(
|
|
2381
|
+
_.map((d) => fetch(d).then((h) => h.json()))
|
|
2428
2382
|
);
|
|
2429
|
-
let
|
|
2430
|
-
|
|
2431
|
-
d.events && (
|
|
2383
|
+
let P = [], T = [];
|
|
2384
|
+
S.forEach((d) => {
|
|
2385
|
+
d.events && (P.push(...d.events.map((h) => h.event)), T.push(...d.events.flatMap((h) => h.betOffers || [])));
|
|
2432
2386
|
});
|
|
2433
|
-
const E = v(
|
|
2434
|
-
b(
|
|
2435
|
-
} catch (
|
|
2436
|
-
console.error("Error loading events:",
|
|
2387
|
+
const E = v(P, T);
|
|
2388
|
+
b(k(s(E)));
|
|
2389
|
+
} catch (S) {
|
|
2390
|
+
console.error("Error loading events:", S);
|
|
2437
2391
|
}
|
|
2438
2392
|
}
|
|
2439
|
-
function v(
|
|
2440
|
-
const
|
|
2393
|
+
function v(_, S) {
|
|
2394
|
+
const T = S.filter((E) => {
|
|
2441
2395
|
var d;
|
|
2442
2396
|
return ((d = E.betOfferType) == null ? void 0 : d.id) === 2;
|
|
2443
2397
|
}).reduce((E, d) => (E[d.eventId] || (E[d.eventId] = []), E[d.eventId].push(d), E), {});
|
|
2444
|
-
return
|
|
2398
|
+
return _.filter((E) => T[E.id]).map((E) => ({
|
|
2445
2399
|
...E,
|
|
2446
|
-
outcome:
|
|
2400
|
+
outcome: T[E.id]
|
|
2447
2401
|
}));
|
|
2448
2402
|
}
|
|
2449
2403
|
Q(() => {
|
|
2450
|
-
t &&
|
|
2404
|
+
t && x();
|
|
2451
2405
|
}, [t]);
|
|
2452
|
-
const
|
|
2453
|
-
return /* @__PURE__ */ e("section", { className:
|
|
2406
|
+
const C = u || void 0, N = !g || g.length === 0;
|
|
2407
|
+
return /* @__PURE__ */ e("section", { className: C, style: {
|
|
2454
2408
|
// paddingLeft: 16,
|
|
2455
2409
|
width: "100%",
|
|
2456
2410
|
boxSizing: "border-box"
|
|
2457
|
-
}, children: /* @__PURE__ */
|
|
2458
|
-
/* @__PURE__ */ e("div", { className:
|
|
2411
|
+
}, children: /* @__PURE__ */ l("div", { className: le.wrapper, children: [
|
|
2412
|
+
/* @__PURE__ */ e("div", { className: le.container, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
|
|
2459
2413
|
/* @__PURE__ */ e(K, { title: "Eventos de la semana" }),
|
|
2460
|
-
/* @__PURE__ */ e("div", { className:
|
|
2461
|
-
|
|
2414
|
+
/* @__PURE__ */ e("div", { className: le.buttonWrapper, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
|
|
2415
|
+
c();
|
|
2462
2416
|
}, children: "Ver más" }) })
|
|
2463
2417
|
] }) }),
|
|
2464
2418
|
/* @__PURE__ */ e("div", { style: { minWidth: "180px" }, children: /* @__PURE__ */ e(
|
|
2465
2419
|
q,
|
|
2466
2420
|
{
|
|
2467
|
-
ref:
|
|
2468
|
-
items:
|
|
2421
|
+
ref: i,
|
|
2422
|
+
items: N ? Array(6).fill({}) : g,
|
|
2469
2423
|
perPage: 3.5,
|
|
2470
2424
|
gap: "16px",
|
|
2471
2425
|
options: { autoWidth: !0, trimSpace: !0 },
|
|
2472
2426
|
breakpoints: {
|
|
2473
2427
|
1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
|
|
2474
2428
|
},
|
|
2475
|
-
renderItem: (
|
|
2476
|
-
onMove: ({ isStart:
|
|
2429
|
+
renderItem: (_) => N ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(ao, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(zt, { event: _ }) }),
|
|
2430
|
+
onMove: ({ isStart: _, isEnd: S }) => m({ isStart: _, isEnd: S })
|
|
2477
2431
|
}
|
|
2478
2432
|
) })
|
|
2479
2433
|
] }) });
|
|
@@ -2482,8 +2436,8 @@ function uo({
|
|
|
2482
2436
|
backgrounds: t,
|
|
2483
2437
|
items: n
|
|
2484
2438
|
}) {
|
|
2485
|
-
const [
|
|
2486
|
-
return /* @__PURE__ */
|
|
2439
|
+
const [r, a] = z(0), u = (t == null ? void 0 : t.length) || 1;
|
|
2440
|
+
return /* @__PURE__ */ l(
|
|
2487
2441
|
j,
|
|
2488
2442
|
{
|
|
2489
2443
|
component: "section",
|
|
@@ -2497,7 +2451,7 @@ function uo({
|
|
|
2497
2451
|
// pb: { xs: 7, sm: 8 },
|
|
2498
2452
|
},
|
|
2499
2453
|
children: [
|
|
2500
|
-
/* @__PURE__ */
|
|
2454
|
+
/* @__PURE__ */ l(
|
|
2501
2455
|
j,
|
|
2502
2456
|
{
|
|
2503
2457
|
sx: {
|
|
@@ -2522,10 +2476,10 @@ function uo({
|
|
|
2522
2476
|
// left: 0,
|
|
2523
2477
|
// right: 0,
|
|
2524
2478
|
},
|
|
2525
|
-
onMove: ({ index: o }) =>
|
|
2479
|
+
onMove: ({ index: o }) => a(o),
|
|
2526
2480
|
renderItem: (o) => {
|
|
2527
|
-
var
|
|
2528
|
-
return /* @__PURE__ */
|
|
2481
|
+
var i;
|
|
2482
|
+
return /* @__PURE__ */ l(
|
|
2529
2483
|
j,
|
|
2530
2484
|
{
|
|
2531
2485
|
sx: {
|
|
@@ -2533,7 +2487,7 @@ function uo({
|
|
|
2533
2487
|
height: { xs: 300, sm: 360, md: 420 }
|
|
2534
2488
|
},
|
|
2535
2489
|
children: [
|
|
2536
|
-
/* @__PURE__ */
|
|
2490
|
+
/* @__PURE__ */ l(
|
|
2537
2491
|
j,
|
|
2538
2492
|
{
|
|
2539
2493
|
component: "picture",
|
|
@@ -2557,7 +2511,7 @@ function uo({
|
|
|
2557
2511
|
j,
|
|
2558
2512
|
{
|
|
2559
2513
|
component: "img",
|
|
2560
|
-
src: (
|
|
2514
|
+
src: (i = o.fallbackSrc) != null ? i : o.desktopSrc,
|
|
2561
2515
|
alt: "",
|
|
2562
2516
|
"aria-hidden": !0,
|
|
2563
2517
|
loading: "lazy",
|
|
@@ -2609,7 +2563,7 @@ function uo({
|
|
|
2609
2563
|
justifyContent: "center",
|
|
2610
2564
|
zIndex: 2
|
|
2611
2565
|
},
|
|
2612
|
-
children: /* @__PURE__ */ e(
|
|
2566
|
+
children: /* @__PURE__ */ e($e, { total: u, active: r })
|
|
2613
2567
|
}
|
|
2614
2568
|
)
|
|
2615
2569
|
]
|
|
@@ -2637,7 +2591,7 @@ function uo({
|
|
|
2637
2591
|
boxShadow: "0 10px 24px rgba(0,0,0,.35)",
|
|
2638
2592
|
zIndex: 3
|
|
2639
2593
|
},
|
|
2640
|
-
children: n == null ? void 0 : n.map((o) => /* @__PURE__ */
|
|
2594
|
+
children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
|
|
2641
2595
|
j,
|
|
2642
2596
|
{
|
|
2643
2597
|
sx: {
|
|
@@ -2652,9 +2606,9 @@ function uo({
|
|
|
2652
2606
|
whiteSpace: "nowrap"
|
|
2653
2607
|
},
|
|
2654
2608
|
onClick: () => {
|
|
2655
|
-
var
|
|
2609
|
+
var i;
|
|
2656
2610
|
if (o.onClick) return o.onClick();
|
|
2657
|
-
if (o.href) return window.location.href = (
|
|
2611
|
+
if (o.href) return window.location.href = (i = o.href) != null ? i : "/#";
|
|
2658
2612
|
},
|
|
2659
2613
|
children: [
|
|
2660
2614
|
o.icon && /* @__PURE__ */ e(
|
|
@@ -2671,7 +2625,7 @@ function uo({
|
|
|
2671
2625
|
}
|
|
2672
2626
|
),
|
|
2673
2627
|
/* @__PURE__ */ e(
|
|
2674
|
-
|
|
2628
|
+
Se,
|
|
2675
2629
|
{
|
|
2676
2630
|
sx: {
|
|
2677
2631
|
fontSize: { xs: 10, sm: 11, md: 12 },
|
|
@@ -2707,10 +2661,10 @@ function mo({
|
|
|
2707
2661
|
title: t = "Medios de pago",
|
|
2708
2662
|
rows: n = po
|
|
2709
2663
|
}) {
|
|
2710
|
-
const
|
|
2711
|
-
return /* @__PURE__ */
|
|
2664
|
+
const r = n.flat();
|
|
2665
|
+
return /* @__PURE__ */ l(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
|
|
2712
2666
|
/* @__PURE__ */ e(
|
|
2713
|
-
|
|
2667
|
+
Se,
|
|
2714
2668
|
{
|
|
2715
2669
|
id: "mp-title",
|
|
2716
2670
|
variant: "h6",
|
|
@@ -2737,17 +2691,17 @@ function mo({
|
|
|
2737
2691
|
}
|
|
2738
2692
|
}
|
|
2739
2693
|
),
|
|
2740
|
-
/* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((
|
|
2741
|
-
|
|
2694
|
+
/* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((a, u) => /* @__PURE__ */ e(
|
|
2695
|
+
Ce,
|
|
2742
2696
|
{
|
|
2743
2697
|
direction: "row",
|
|
2744
2698
|
justifyContent: "center",
|
|
2745
2699
|
alignItems: "center",
|
|
2746
2700
|
gap: 2.5,
|
|
2747
2701
|
flexWrap: "wrap",
|
|
2748
|
-
children:
|
|
2702
|
+
children: a.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
|
|
2749
2703
|
},
|
|
2750
|
-
|
|
2704
|
+
u
|
|
2751
2705
|
)) }),
|
|
2752
2706
|
/* @__PURE__ */ e(
|
|
2753
2707
|
j,
|
|
@@ -2761,7 +2715,7 @@ function mo({
|
|
|
2761
2715
|
gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
|
|
2762
2716
|
justifyContent: { md: "center" }
|
|
2763
2717
|
},
|
|
2764
|
-
children:
|
|
2718
|
+
children: r.map((a) => /* @__PURE__ */ e(ge, { ...a }, `${a.src}-${a.alt}`))
|
|
2765
2719
|
}
|
|
2766
2720
|
)
|
|
2767
2721
|
] });
|
|
@@ -2784,52 +2738,52 @@ const ho = {
|
|
|
2784
2738
|
([t, n]) => fo(t) && go(n)
|
|
2785
2739
|
)
|
|
2786
2740
|
);
|
|
2787
|
-
class
|
|
2788
|
-
constructor(n,
|
|
2789
|
-
super(`HTTP ${n} ${
|
|
2741
|
+
class ve extends Error {
|
|
2742
|
+
constructor(n, r, a) {
|
|
2743
|
+
super(`HTTP ${n} ${a}`), this.status = n, this.url = r, this.statusText = a, this.name = "HttpError";
|
|
2790
2744
|
}
|
|
2791
2745
|
}
|
|
2792
|
-
const
|
|
2746
|
+
const ye = [
|
|
2793
2747
|
"OraculoSeccionEventoEnVivo",
|
|
2794
2748
|
"OraculoSeccionEventoSemana",
|
|
2795
2749
|
"OraculoSeccionEventoCombinadas"
|
|
2796
|
-
],
|
|
2750
|
+
], Po = ({
|
|
2797
2751
|
sectionsOverride: t,
|
|
2798
2752
|
docId: n = "home",
|
|
2799
|
-
db:
|
|
2753
|
+
db: r
|
|
2800
2754
|
}) => {
|
|
2801
|
-
const [
|
|
2755
|
+
const [a, u] = z(
|
|
2802
2756
|
[]
|
|
2803
|
-
), [o,
|
|
2757
|
+
), [o, i] = z(!1), [p, m] = z({}), [g, b] = z({}), [k, s] = z({}), c = Me("(min-width:1024px)");
|
|
2804
2758
|
Q(() => {
|
|
2805
|
-
if (t || !
|
|
2806
|
-
|
|
2807
|
-
const d =
|
|
2808
|
-
|
|
2759
|
+
if (t || !r) return;
|
|
2760
|
+
i(!0);
|
|
2761
|
+
const d = De(
|
|
2762
|
+
Ve(r, "landings", n),
|
|
2809
2763
|
(h) => {
|
|
2810
2764
|
var w;
|
|
2811
2765
|
try {
|
|
2812
|
-
let
|
|
2813
|
-
|
|
2814
|
-
var
|
|
2815
|
-
return ((
|
|
2816
|
-
}).map((y,
|
|
2817
|
-
} catch (
|
|
2818
|
-
console.error("Error procesando landings/" + n,
|
|
2766
|
+
let f = h.exists() ? ((w = h.data()) == null ? void 0 : w.sections) || [] : [];
|
|
2767
|
+
f = f.slice().sort((y, I) => {
|
|
2768
|
+
var B, L;
|
|
2769
|
+
return ((B = y.order) != null ? B : 0) - ((L = I.order) != null ? L : 0);
|
|
2770
|
+
}).map((y, I) => ({ ...y, order: I + 1 })), u(f), console.log("fetched: ", f);
|
|
2771
|
+
} catch (f) {
|
|
2772
|
+
console.error("Error procesando landings/" + n, f);
|
|
2819
2773
|
} finally {
|
|
2820
|
-
|
|
2774
|
+
i(!1);
|
|
2821
2775
|
}
|
|
2822
2776
|
},
|
|
2823
2777
|
(h) => {
|
|
2824
|
-
console.error("Error escuchando landings/" + n, h),
|
|
2778
|
+
console.error("Error escuchando landings/" + n, h), i(!1);
|
|
2825
2779
|
}
|
|
2826
2780
|
);
|
|
2827
2781
|
return () => d();
|
|
2828
|
-
}, [t, n,
|
|
2829
|
-
(t ? t.slice() :
|
|
2830
|
-
}, [t,
|
|
2831
|
-
const
|
|
2832
|
-
if (
|
|
2782
|
+
}, [t, n, r]), Q(() => {
|
|
2783
|
+
(t ? t.slice() : a.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
|
|
2784
|
+
}, [t, a]);
|
|
2785
|
+
const x = async (d) => {
|
|
2786
|
+
if (ye.includes(d.componentKey))
|
|
2833
2787
|
return {
|
|
2834
2788
|
// whatever empty structure your UI expects
|
|
2835
2789
|
items: [],
|
|
@@ -2838,135 +2792,135 @@ const ve = [
|
|
|
2838
2792
|
};
|
|
2839
2793
|
const h = (d.apiUrl || "").trim();
|
|
2840
2794
|
if (!h) return;
|
|
2841
|
-
const w = d.apiMethod || "GET",
|
|
2842
|
-
let y = h,
|
|
2795
|
+
const w = d.apiMethod || "GET", f = d.apiParams || [];
|
|
2796
|
+
let y = h, I, B;
|
|
2843
2797
|
if (w === "GET") {
|
|
2844
|
-
const
|
|
2798
|
+
const W = new URL(
|
|
2845
2799
|
h,
|
|
2846
2800
|
typeof window == "undefined" ? "http://localhost" : window.location.origin
|
|
2847
2801
|
);
|
|
2848
|
-
for (const A of
|
|
2849
|
-
A.key &&
|
|
2850
|
-
y =
|
|
2802
|
+
for (const A of f)
|
|
2803
|
+
A.key && W.searchParams.append(A.key, A.value);
|
|
2804
|
+
y = W.toString();
|
|
2851
2805
|
} else {
|
|
2852
|
-
const
|
|
2853
|
-
for (const A of
|
|
2854
|
-
A.key &&
|
|
2855
|
-
|
|
2806
|
+
const W = new URLSearchParams();
|
|
2807
|
+
for (const A of f)
|
|
2808
|
+
A.key && W.append(A.key, A.value);
|
|
2809
|
+
I = W.toString(), B = {
|
|
2856
2810
|
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
|
|
2857
2811
|
};
|
|
2858
2812
|
}
|
|
2859
2813
|
const L = await fetch(y, {
|
|
2860
2814
|
method: w,
|
|
2861
|
-
headers:
|
|
2862
|
-
body:
|
|
2815
|
+
headers: B,
|
|
2816
|
+
body: I
|
|
2863
2817
|
});
|
|
2864
|
-
if (!L.ok) throw new
|
|
2818
|
+
if (!L.ok) throw new ve(L.status, y, L.statusText);
|
|
2865
2819
|
return L.json();
|
|
2866
|
-
}, $ =
|
|
2867
|
-
() => t ? t.slice() :
|
|
2868
|
-
[t,
|
|
2869
|
-
), v =
|
|
2820
|
+
}, $ = oe(
|
|
2821
|
+
() => t ? t.slice() : a.slice(),
|
|
2822
|
+
[t, a]
|
|
2823
|
+
), v = Le.useRef(/* @__PURE__ */ new Set());
|
|
2870
2824
|
Q(() => {
|
|
2871
2825
|
const d = $.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
|
|
2872
2826
|
if (d.length)
|
|
2873
2827
|
for (const { s: h, url: w } of d) {
|
|
2874
|
-
const
|
|
2875
|
-
v.current.has(
|
|
2828
|
+
const f = `${h.id}|${w}`;
|
|
2829
|
+
v.current.has(f) || (v.current.add(f), b((y) => ({ ...y, [h.id]: !0 })), s((y) => ({ ...y, [h.id]: "" })), (async () => {
|
|
2876
2830
|
try {
|
|
2877
|
-
const y = await
|
|
2878
|
-
|
|
2831
|
+
const y = await x(h);
|
|
2832
|
+
m((I) => ({ ...I, [h.id]: y }));
|
|
2879
2833
|
} catch (y) {
|
|
2880
|
-
let
|
|
2881
|
-
y instanceof
|
|
2834
|
+
let I = "Error desconocido";
|
|
2835
|
+
y instanceof ve ? I = `Error HTTP ${y.status} (${y.statusText}) en ${y.url}` : y instanceof SyntaxError ? I = "Respuesta no es JSON válido" : y instanceof TypeError ? I = "Fallo de red / CORS / conexión" : typeof y == "string" && (I = y.toString()), s((B) => ({ ...B, [h.id]: I }));
|
|
2882
2836
|
} finally {
|
|
2883
2837
|
b((y) => ({ ...y, [h.id]: !1 }));
|
|
2884
2838
|
}
|
|
2885
2839
|
})());
|
|
2886
2840
|
}
|
|
2887
2841
|
}, [$]);
|
|
2888
|
-
const
|
|
2842
|
+
const C = oe(
|
|
2889
2843
|
() => $.filter((d) => d.visible).sort((d, h) => d.order - h.order),
|
|
2890
2844
|
[$]
|
|
2891
|
-
),
|
|
2845
|
+
), N = (d) => Array.isArray(d) ? d.map((h) => {
|
|
2892
2846
|
const w = {};
|
|
2893
|
-
for (const
|
|
2894
|
-
const y = (
|
|
2847
|
+
for (const f of h.fields || []) {
|
|
2848
|
+
const y = (f.type || "string").toLowerCase();
|
|
2895
2849
|
if (y === "number") {
|
|
2896
|
-
const
|
|
2897
|
-
if (
|
|
2898
|
-
const
|
|
2899
|
-
Number.isNaN(
|
|
2850
|
+
const I = String(f.value || "").trim();
|
|
2851
|
+
if (I !== "") {
|
|
2852
|
+
const B = Number(I);
|
|
2853
|
+
Number.isNaN(B) || (w[f.name] = B);
|
|
2900
2854
|
}
|
|
2901
2855
|
} else if (y === "boolean")
|
|
2902
|
-
w[
|
|
2856
|
+
w[f.name] = String(f.value).toLowerCase() === "true";
|
|
2903
2857
|
else if (y === "function") {
|
|
2904
|
-
const
|
|
2905
|
-
if (
|
|
2858
|
+
const I = String(f.value || "").trim();
|
|
2859
|
+
if (I)
|
|
2906
2860
|
try {
|
|
2907
|
-
const
|
|
2908
|
-
w[
|
|
2909
|
-
} catch (
|
|
2910
|
-
console.error(`❌ Error creando función en item '${
|
|
2861
|
+
const B = new Function(I);
|
|
2862
|
+
w[f.name] = B;
|
|
2863
|
+
} catch (B) {
|
|
2864
|
+
console.error(`❌ Error creando función en item '${f.name}':`, B);
|
|
2911
2865
|
}
|
|
2912
|
-
} else w[
|
|
2866
|
+
} else w[f.name] = f.value;
|
|
2913
2867
|
}
|
|
2914
2868
|
return w;
|
|
2915
|
-
}) : [],
|
|
2869
|
+
}) : [], _ = (d) => {
|
|
2916
2870
|
const h = {};
|
|
2917
2871
|
if (!Array.isArray(d)) return h;
|
|
2918
2872
|
for (const w of d) {
|
|
2919
2873
|
if (!w.name) continue;
|
|
2920
|
-
const
|
|
2921
|
-
if (
|
|
2874
|
+
const f = (w.type || "string").toLowerCase();
|
|
2875
|
+
if (f === "number") {
|
|
2922
2876
|
const y = String(w.value || "").trim();
|
|
2923
2877
|
if (y !== "") {
|
|
2924
|
-
const
|
|
2925
|
-
Number.isNaN(
|
|
2878
|
+
const I = Number(y);
|
|
2879
|
+
Number.isNaN(I) || (h[w.name] = I);
|
|
2926
2880
|
}
|
|
2927
|
-
} else if (
|
|
2881
|
+
} else if (f === "boolean")
|
|
2928
2882
|
h[w.name] = String(w.value).toLowerCase() === "true";
|
|
2929
|
-
else if (
|
|
2883
|
+
else if (f === "function") {
|
|
2930
2884
|
const y = String(w.value || "").trim();
|
|
2931
2885
|
if (y)
|
|
2932
2886
|
try {
|
|
2933
|
-
const
|
|
2934
|
-
h[w.name] =
|
|
2935
|
-
} catch (
|
|
2936
|
-
console.error(`❌ Error creando función en item '${w.name}':`,
|
|
2887
|
+
const I = new Function(y);
|
|
2888
|
+
h[w.name] = I;
|
|
2889
|
+
} catch (I) {
|
|
2890
|
+
console.error(`❌ Error creando función en item '${w.name}':`, I);
|
|
2937
2891
|
}
|
|
2938
2892
|
} else h[w.name] = w.value;
|
|
2939
2893
|
}
|
|
2940
2894
|
return h;
|
|
2941
|
-
},
|
|
2942
|
-
const
|
|
2895
|
+
}, S = (d, h, w) => {
|
|
2896
|
+
const f = w ? { ...w } : {};
|
|
2943
2897
|
if (h) {
|
|
2944
2898
|
const A = (h.variableName || "items").trim() || "items";
|
|
2945
|
-
return
|
|
2899
|
+
return f[A] = h.arr || [], f;
|
|
2946
2900
|
}
|
|
2947
|
-
const y = d,
|
|
2948
|
-
return
|
|
2949
|
-
},
|
|
2950
|
-
var
|
|
2951
|
-
const h = !!((
|
|
2952
|
-
let
|
|
2953
|
-
const y =
|
|
2954
|
-
if (
|
|
2955
|
-
return { items: w, ...
|
|
2956
|
-
if (
|
|
2901
|
+
const y = d, I = Array.isArray(y), B = !I && typeof y == "object" && y !== null ? y : void 0, L = B && Array.isArray(B.lobby || B.items) ? B.lobby || B.items : void 0, W = (A) => I ? y : L || A;
|
|
2902
|
+
return f.items = W(L || []), f;
|
|
2903
|
+
}, P = (d) => {
|
|
2904
|
+
var I;
|
|
2905
|
+
const h = !!((I = d.apiUrl) != null && I.trim()), w = h ? p[d.id] : void 0;
|
|
2906
|
+
let f = d.props ? { ...d.props } : {};
|
|
2907
|
+
const y = _(d.manualScalarFields);
|
|
2908
|
+
if (ye.includes(d.componentKey))
|
|
2909
|
+
return { items: w, ...f, ...y };
|
|
2910
|
+
if (f = { ...f, ...y }, h) f = S(w, null, f);
|
|
2957
2911
|
else if (d.dataMode === "manual") {
|
|
2958
|
-
const
|
|
2959
|
-
if (
|
|
2912
|
+
const B = N(d.manualItems);
|
|
2913
|
+
if (f = S(
|
|
2960
2914
|
null,
|
|
2961
|
-
{ arr:
|
|
2962
|
-
|
|
2915
|
+
{ arr: B, variableName: d.variableName },
|
|
2916
|
+
f
|
|
2963
2917
|
), d.variableName2 && d.manualItems2) {
|
|
2964
|
-
const L =
|
|
2965
|
-
|
|
2918
|
+
const L = N(d.manualItems2), W = (d.variableName2 || "items2").trim() || "items2";
|
|
2919
|
+
f[W] = L;
|
|
2966
2920
|
}
|
|
2967
2921
|
}
|
|
2968
|
-
return
|
|
2969
|
-
},
|
|
2922
|
+
return f;
|
|
2923
|
+
}, T = (d, h, w) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
|
|
2970
2924
|
loading: "bg-blue-100 text-blue-800",
|
|
2971
2925
|
error: "bg-red-100 text-red-800",
|
|
2972
2926
|
component: "bg-yellow-100 text-yellow-800"
|
|
@@ -2974,32 +2928,32 @@ const ve = [
|
|
|
2974
2928
|
var me;
|
|
2975
2929
|
const h = d.componentKey, w = xo[h];
|
|
2976
2930
|
if (!w)
|
|
2977
|
-
return console.warn(`No hay componente registrado para "${h}"`),
|
|
2931
|
+
return console.warn(`No hay componente registrado para "${h}"`), T(
|
|
2978
2932
|
d.id,
|
|
2979
2933
|
"component",
|
|
2980
2934
|
`Componente "${h}" no encontrado`
|
|
2981
2935
|
);
|
|
2982
|
-
const
|
|
2983
|
-
if (
|
|
2984
|
-
if (
|
|
2985
|
-
return
|
|
2936
|
+
const f = !!((me = d.apiUrl) != null && me.trim()), y = f ? p[d.id] : void 0, I = f ? !!g[d.id] : !1, B = f ? k[d.id] : "";
|
|
2937
|
+
if (f) {
|
|
2938
|
+
if (I && !y)
|
|
2939
|
+
return T(
|
|
2986
2940
|
d.id,
|
|
2987
2941
|
"loading",
|
|
2988
2942
|
`Cargando datos desde ${d.apiUrl}...`
|
|
2989
2943
|
);
|
|
2990
|
-
if (
|
|
2991
|
-
return
|
|
2944
|
+
if (B && !y)
|
|
2945
|
+
return T(
|
|
2992
2946
|
d.id,
|
|
2993
2947
|
"error",
|
|
2994
|
-
`Error cargando ${d.apiUrl}: ${
|
|
2948
|
+
`Error cargando ${d.apiUrl}: ${B}`
|
|
2995
2949
|
);
|
|
2996
2950
|
}
|
|
2997
|
-
const L =
|
|
2951
|
+
const L = P(d), A = (/* @__PURE__ */ new Set([
|
|
2998
2952
|
"OraculoSeccionBanners",
|
|
2999
2953
|
"OraculoSeccionBonoBienvenida",
|
|
3000
2954
|
"OraculoSeccionCasinoEnVivo",
|
|
3001
|
-
|
|
3002
|
-
])).has(d.componentKey), Y =
|
|
2955
|
+
c ? "" : "OraculoSeccionClubOlimpo"
|
|
2956
|
+
])).has(d.componentKey), Y = c ? 120 : 24;
|
|
3003
2957
|
return /* @__PURE__ */ e("div", { style: A ? {
|
|
3004
2958
|
width: "100%",
|
|
3005
2959
|
boxSizing: "border-box"
|
|
@@ -3010,8 +2964,8 @@ const ve = [
|
|
|
3010
2964
|
boxSizing: "border-box"
|
|
3011
2965
|
}, children: /* @__PURE__ */ e(w, { ...L }) }, d.id);
|
|
3012
2966
|
};
|
|
3013
|
-
return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t &&
|
|
3014
|
-
|
|
2967
|
+
return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
|
|
2968
|
+
Fe,
|
|
3015
2969
|
{
|
|
3016
2970
|
className: "oli-font",
|
|
3017
2971
|
maxWidth: !1,
|
|
@@ -3025,32 +2979,32 @@ const ve = [
|
|
|
3025
2979
|
maxWidth: "100%",
|
|
3026
2980
|
overflowX: "hidden"
|
|
3027
2981
|
},
|
|
3028
|
-
children: /* @__PURE__ */ e(
|
|
2982
|
+
children: /* @__PURE__ */ e(Ce, { direction: "column", spacing: 8, useFlexGap: !0, children: C.map(E) })
|
|
3029
2983
|
}
|
|
3030
2984
|
);
|
|
3031
2985
|
};
|
|
3032
2986
|
export {
|
|
3033
2987
|
F as OraculoButton,
|
|
3034
2988
|
q as OraculoCarousel,
|
|
3035
|
-
|
|
2989
|
+
$e as OraculoCarouselDots,
|
|
3036
2990
|
xt as OraculoClubOlimpoVisual,
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
2991
|
+
It as OraculoEventCombinadasCard,
|
|
2992
|
+
Pt as OraculoEventEnVivoCard,
|
|
2993
|
+
Ye as OraculoEventHeader,
|
|
2994
|
+
Oe as OraculoEventLabel,
|
|
2995
|
+
Ie as OraculoEventLeague,
|
|
3042
2996
|
Ne as OraculoEventScore,
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
2997
|
+
zt as OraculoEventSemanaCard,
|
|
2998
|
+
Qe as OraculoEventStatus,
|
|
2999
|
+
Xe as OraculoEventStatusBadge,
|
|
3000
|
+
ne as OraculoEventTeamInfo,
|
|
3047
3001
|
te as OraculoGameCard,
|
|
3048
|
-
|
|
3049
|
-
|
|
3002
|
+
gt as OraculoGameRankCard,
|
|
3003
|
+
Te as OraculoGameSlide,
|
|
3050
3004
|
V as OraculoGridGroup,
|
|
3051
|
-
|
|
3005
|
+
ft as OraculoLiveCasinoCard,
|
|
3052
3006
|
ge as OraculoLogoMediosPago,
|
|
3053
|
-
|
|
3007
|
+
Po as OraculoPageLandingPreview,
|
|
3054
3008
|
uo as OraculoSeccionBanners,
|
|
3055
3009
|
Xt as OraculoSeccionBonoBienvenida,
|
|
3056
3010
|
Ht as OraculoSeccionCasino,
|
|
@@ -3065,7 +3019,7 @@ export {
|
|
|
3065
3019
|
qt as OraculoSeccionVirtuales,
|
|
3066
3020
|
K as OraculoSectionTitle,
|
|
3067
3021
|
Gt as OraculoTopJuegoItem,
|
|
3068
|
-
|
|
3069
|
-
|
|
3022
|
+
fe as OraculoWelcomeBanner,
|
|
3023
|
+
Po as default
|
|
3070
3024
|
};
|
|
3071
3025
|
//# sourceMappingURL=index.es.js.map
|