oraculo-ui 0.1.47 → 0.1.49

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,81 +1,81 @@
1
- import { jsx as e, jsxs as p, Fragment as Y } from "react/jsx-runtime";
2
- import { Link as _e, Box as F, Typography as pe, Stack as me, Container as Se } from "@mui/material";
3
- import we, { forwardRef as Ce, useRef as B, useImperativeHandle as Ee, useCallback as re, useState as U, useMemo as te, useLayoutEffect as $e, useEffect as J } from "react";
4
- import { Splide as Ie, SplideSlide as ke } from "@splidejs/react-splide";
1
+ import { jsx as e, jsxs as p, Fragment as q } from "react/jsx-runtime";
2
+ import { Link as _e, Box as F, Typography as me, Stack as ue, Container as Se } from "@mui/material";
3
+ import Ce, { forwardRef as Ee, useRef as A, useImperativeHandle as $e, useCallback as ae, useState as U, useMemo as oe, useLayoutEffect as Ie, useEffect as X } from "react";
4
+ import { Splide as Ne, SplideSlide as ke } from "@splidejs/react-splide";
5
5
  import C from "@mui/material/Box";
6
- import j from "@mui/material/Typography";
7
- import z from "@mui/material/Stack";
8
- import { ChevronLeftRounded as oe, ChevronRightRounded as ne } from "@mui/icons-material";
9
- import ue from "@mui/icons-material/ChevronLeftRounded";
10
- import ge from "@mui/icons-material/ChevronRightRounded";
11
- import Ne from "@mui/material/useMediaQuery";
12
- import { onSnapshot as Oe, doc as Re } from "firebase/firestore";
6
+ import B from "@mui/material/Typography";
7
+ import L from "@mui/material/Stack";
8
+ import { ChevronLeftRounded as ne, ChevronRightRounded as re } from "@mui/icons-material";
9
+ import ge from "@mui/icons-material/ChevronLeftRounded";
10
+ import he from "@mui/icons-material/ChevronRightRounded";
11
+ import Oe from "@mui/material/useMediaQuery";
12
+ import { onSnapshot as Re, doc as Te } from "firebase/firestore";
13
13
  function T({
14
14
  children: t,
15
15
  onClick: i,
16
- href: r,
17
- target: n,
18
- rel: c,
16
+ href: n,
17
+ target: a,
18
+ rel: l,
19
19
  type: o = "button",
20
- disabled: a = !1,
20
+ disabled: r = !1,
21
21
  variant: u = "primary",
22
22
  size: g,
23
23
  fullWidth: y = !1,
24
24
  fullHeight: x = !1,
25
- className: w = "",
25
+ className: S = "",
26
26
  ariaLabel: s,
27
27
  leftIcon: d,
28
- rightIcon: l,
28
+ rightIcon: c,
29
29
  iconOnly: m
30
30
  }) {
31
- const _ = !!t && t !== !0, R = (!!d ? 1 : 0) + (!!l ? 1 : 0) == 1, P = m != null ? m : R && !_, I = [
31
+ const w = !!t && t !== !0, R = (!!d ? 1 : 0) + (!!c ? 1 : 0) == 1, P = m != null ? m : R && !w, I = [
32
32
  "orc-btn",
33
33
  u === "secondary" ? "orc-btn--secondary" : u === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
34
34
  g ? `orc-btn--${g}` : "",
35
35
  y ? "orc-btn--full" : "",
36
36
  x ? "orc-btn--fullHeight" : "",
37
37
  P ? "orc-btn--iconOnly" : "",
38
- w
39
- ].filter(Boolean).join(" "), N = /* @__PURE__ */ p(Y, { children: [
38
+ S
39
+ ].filter(Boolean).join(" "), k = /* @__PURE__ */ p(q, { children: [
40
40
  d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d }),
41
41
  !P && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
42
- l && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: l })
43
- ] }), f = a ? !0 : void 0;
44
- return r ? /* @__PURE__ */ e(
42
+ c && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: c })
43
+ ] }), h = r ? !0 : void 0;
44
+ return n ? /* @__PURE__ */ e(
45
45
  _e,
46
46
  {
47
- href: r,
48
- target: n,
49
- rel: c,
47
+ href: n,
48
+ target: a,
49
+ rel: l,
50
50
  "aria-label": s,
51
- "aria-disabled": f,
52
- tabIndex: f ? -1 : void 0,
51
+ "aria-disabled": h,
52
+ tabIndex: h ? -1 : void 0,
53
53
  className: I,
54
- onClick: f ? (h) => h.preventDefault() : i,
55
- children: N
54
+ onClick: h ? (f) => f.preventDefault() : i,
55
+ children: k
56
56
  }
57
57
  ) : /* @__PURE__ */ e(
58
58
  "button",
59
59
  {
60
60
  type: o,
61
61
  onClick: i,
62
- disabled: !!f,
62
+ disabled: !!h,
63
63
  "aria-label": s,
64
64
  className: I,
65
- children: N
65
+ children: k
66
66
  }
67
67
  );
68
68
  }
69
69
  function D({
70
70
  title: t,
71
71
  iconUrl: i,
72
- size: r = "md",
73
- className: n = ""
72
+ size: n = "md",
73
+ className: a = ""
74
74
  }) {
75
75
  const o = [
76
76
  "orc-section-title",
77
- r ? `orc-section-title--${r}` : "",
78
- n
77
+ n ? `orc-section-title--${n}` : "",
78
+ a
79
79
  ].filter(Boolean).join(" ");
80
80
  return /* @__PURE__ */ p("div", { className: o, children: [
81
81
  i && /* @__PURE__ */ e(
@@ -89,49 +89,49 @@ function D({
89
89
  /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
90
90
  ] });
91
91
  }
92
- const he = ({
92
+ const fe = ({
93
93
  total: t,
94
94
  active: i,
95
- onSelect: r,
96
- className: n = ""
95
+ onSelect: n,
96
+ className: a = ""
97
97
  }) => {
98
98
  if (t <= 1) return null;
99
- const c = ["orc-dots", n].filter(Boolean).join(" ");
100
- return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((o, a) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
99
+ const l = ["orc-dots", a].filter(Boolean).join(" ");
100
+ return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: Array.from({ length: t }).map((o, r) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
101
101
  "button",
102
102
  {
103
103
  type: "button",
104
104
  role: "tab",
105
- "aria-selected": a === i,
106
- "aria-label": `Ir al slide ${a + 1}`,
107
- className: "orc-dots__dot" + (a === i ? " orc-dots__dot--active" : ""),
108
- onClick: () => r == null ? void 0 : r(a)
105
+ "aria-selected": r === i,
106
+ "aria-label": `Ir al slide ${r + 1}`,
107
+ className: "orc-dots__dot" + (r === i ? " orc-dots__dot--active" : ""),
108
+ onClick: () => n == null ? void 0 : n(r)
109
109
  }
110
- ) }, a)) });
110
+ ) }, r)) });
111
111
  };
112
- function G({
112
+ function j({
113
113
  children: t,
114
114
  minWidth: i = 32,
115
- spacing: r = 2,
116
- justify: n = "stretch",
117
- columns: c = null
115
+ spacing: n = 2,
116
+ justify: a = "stretch",
117
+ columns: l = null
118
118
  }) {
119
- const o = c || `repeat(auto-fit, minmax(${i}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
119
+ const o = l || `repeat(auto-fit, minmax(${i}px, 1fr))`, r = typeof n == "number" ? `${n * 8}px` : n;
120
120
  return /* @__PURE__ */ e(
121
121
  "div",
122
122
  {
123
123
  style: {
124
124
  display: "grid",
125
125
  gridTemplateColumns: o,
126
- justifyItems: n,
127
- gap: a,
126
+ justifyItems: a,
127
+ gap: r,
128
128
  height: "inherit"
129
129
  },
130
130
  children: t
131
131
  }
132
132
  );
133
133
  }
134
- function ae({ src: t, alt: i }) {
134
+ function ie({ src: t, alt: i }) {
135
135
  return /* @__PURE__ */ e(
136
136
  F,
137
137
  {
@@ -162,7 +162,7 @@ function ae({ src: t, alt: i }) {
162
162
  }
163
163
  );
164
164
  }
165
- function Te({ title: t, subtitle: i }) {
165
+ function Pe({ title: t, subtitle: i }) {
166
166
  return /* @__PURE__ */ p(
167
167
  "div",
168
168
  {
@@ -217,14 +217,14 @@ function Te({ title: t, subtitle: i }) {
217
217
  }
218
218
  );
219
219
  }
220
- function Pe({ text: t, color: i = "#ff3b3b", textColor: r = "#fff" }) {
220
+ function Fe({ text: t, color: i = "#ff3b3b", textColor: n = "#fff" }) {
221
221
  return /* @__PURE__ */ e(
222
222
  "span",
223
223
  {
224
224
  className: "oli-font",
225
225
  style: {
226
226
  backgroundColor: i,
227
- color: r,
227
+ color: n,
228
228
  borderRadius: "8px",
229
229
  padding: "4px 8px",
230
230
  fontSize: "12px",
@@ -238,13 +238,13 @@ function Pe({ text: t, color: i = "#ff3b3b", textColor: r = "#fff" }) {
238
238
  }
239
239
  );
240
240
  }
241
- function Fe({ live: t, time: i }) {
241
+ function Ue({ live: t, time: i }) {
242
242
  return /* @__PURE__ */ p("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
243
- t && /* @__PURE__ */ e(Pe, { text: "En vivo" }),
243
+ t && /* @__PURE__ */ e(Fe, { text: "En vivo" }),
244
244
  i && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: i })
245
245
  ] });
246
246
  }
247
- function Ue({ title: t, subtitle: i, live: r = !1, time: n = "" }) {
247
+ function ze({ title: t, subtitle: i, live: n = !1, time: a = "" }) {
248
248
  return /* @__PURE__ */ p(
249
249
  "div",
250
250
  {
@@ -255,94 +255,94 @@ function Ue({ title: t, subtitle: i, live: r = !1, time: n = "" }) {
255
255
  color: "#FFFFFF"
256
256
  },
257
257
  children: [
258
- /* @__PURE__ */ e(Te, { title: t, subtitle: i }),
259
- /* @__PURE__ */ e(Fe, { live: r, time: n })
258
+ /* @__PURE__ */ e(Pe, { title: t, subtitle: i }),
259
+ /* @__PURE__ */ e(Ue, { live: n, time: a })
260
260
  ]
261
261
  }
262
262
  );
263
263
  }
264
- const ze = "oraculo__OraculoEventLabel-module__label___c64Xw", Le = {
265
- label: ze
264
+ const Me = "oraculo__OraculoEventLabel-module__label___c64Xw", Le = {
265
+ label: Me
266
266
  };
267
- function fe({ text: t }) {
267
+ function xe({ text: t }) {
268
268
  return /* @__PURE__ */ e("span", { className: Le.label, children: t });
269
269
  }
270
- const Ae = "oraculo__OraculoEventLeague-module__container___rdk4F", We = {
271
- container: Ae
270
+ const We = "oraculo__OraculoEventLeague-module__container___rdk4F", Ae = {
271
+ container: We
272
272
  };
273
273
  function Be({ title: t }) {
274
- return /* @__PURE__ */ e("div", { className: We.container, children: t.toUpperCase() });
274
+ return /* @__PURE__ */ e("div", { className: Ae.container, children: t.toUpperCase() });
275
275
  }
276
- const je = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Ge = "oraculo__OraculoEventScore-module__name___r4uL6", Me = "oraculo__OraculoEventScore-module__score___Xl03M", De = "oraculo__OraculoEventScore-module__normal___cCNFz", He = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
276
+ const je = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Ge = "oraculo__OraculoEventScore-module__name___r4uL6", De = "oraculo__OraculoEventScore-module__score___Xl03M", He = "oraculo__OraculoEventScore-module__normal___cCNFz", Ve = "oraculo__OraculoEventScore-module__small___fVt8E", V = {
277
277
  scoreWrapper: je,
278
278
  name: Ge,
279
- score: Me,
280
- normal: De,
281
- small: He
279
+ score: De,
280
+ normal: He,
281
+ small: Ve
282
282
  };
283
- function xe({ text: t, name: i, size: r = "normal" }) {
283
+ function be({ text: t, name: i, size: n = "normal" }) {
284
284
  return /* @__PURE__ */ p(
285
285
  "div",
286
286
  {
287
- className: `${X.scoreWrapper} ${X[r]}`,
287
+ className: `${V.scoreWrapper} ${V[n]}`,
288
288
  children: [
289
- /* @__PURE__ */ e("div", { className: `${X.score} ${X[r]}`, children: t }),
290
- i && /* @__PURE__ */ e("span", { className: `${X.name} ${X[r]}`, children: i })
289
+ /* @__PURE__ */ e("div", { className: `${V.score} ${V[n]}`, children: t }),
290
+ i && /* @__PURE__ */ e("span", { className: `${V.name} ${V[n]}`, children: i })
291
291
  ]
292
292
  }
293
293
  );
294
294
  }
295
- const Xe = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", Je = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", Ke = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", qe = "oraculo__OraculoEventTeamInfo-module__regular___ag826", Ye = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", K = {
295
+ const Xe = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", Je = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", Ke = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", qe = "oraculo__OraculoEventTeamInfo-module__regular___ag826", Ye = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", J = {
296
296
  team: Xe,
297
297
  logo: Je,
298
298
  name: Ke,
299
299
  regular: qe,
300
300
  compact: Ye
301
301
  };
302
- function Q({ name: t, logo: i, size: r = "regular" }) {
303
- return /* @__PURE__ */ p("div", { className: `oli-font ${K.team} ${K[r]}`, children: [
304
- /* @__PURE__ */ e("img", { src: i, alt: t, className: K.logo }),
305
- /* @__PURE__ */ e("span", { className: K.name, children: t })
302
+ function Y({ name: t, logo: i, size: n = "regular" }) {
303
+ return /* @__PURE__ */ p("div", { className: `oli-font ${J.team} ${J[n]}`, children: [
304
+ /* @__PURE__ */ e("img", { src: i, alt: t, className: J.logo }),
305
+ /* @__PURE__ */ e("span", { className: J.name, children: t })
306
306
  ] });
307
307
  }
308
- const Qe = Ie, Ze = ke, H = Ce(
308
+ const Qe = Ne, Ze = ke, H = Ee(
309
309
  ({
310
310
  items: t = [],
311
311
  renderItem: i,
312
- perPage: r = 1,
313
- gap: n = "0px",
314
- breakpoints: c,
312
+ perPage: n = 1,
313
+ gap: a = "0px",
314
+ breakpoints: l,
315
315
  options: o = {},
316
- className: a = "",
316
+ className: r = "",
317
317
  onMove: u,
318
318
  useIndexAsKey: g = !1
319
319
  }, y) => {
320
- const x = B(null);
321
- Ee(y, () => ({
320
+ const x = A(null);
321
+ $e(y, () => ({
322
322
  next: () => {
323
- var l;
324
- return (l = x.current) == null ? void 0 : l.go(">");
323
+ var c;
324
+ return (c = x.current) == null ? void 0 : c.go(">");
325
325
  },
326
326
  prev: () => {
327
- var l;
328
- return (l = x.current) == null ? void 0 : l.go("<");
327
+ var c;
328
+ return (c = x.current) == null ? void 0 : c.go("<");
329
329
  },
330
- go: (l) => {
330
+ go: (c) => {
331
331
  var m;
332
- return (m = x.current) == null ? void 0 : m.go(l);
332
+ return (m = x.current) == null ? void 0 : m.go(c);
333
333
  }
334
334
  }));
335
- const w = re(
336
- (l) => {
337
- const m = l.index, _ = l.length, k = l.options.perPage || 1, E = m === 0, R = m >= _ - k;
338
- u == null || u({ index: m, isStart: E, isEnd: R, total: _ });
335
+ const S = ae(
336
+ (c) => {
337
+ const m = c.index, w = c.length, N = c.options.perPage || 1, E = m === 0, R = m >= w - N;
338
+ u == null || u({ index: m, isStart: E, isEnd: R, total: w });
339
339
  },
340
340
  [u]
341
- ), s = re(
342
- (l) => {
343
- w(l);
341
+ ), s = ae(
342
+ (c) => {
343
+ S(c);
344
344
  },
345
- [w]
345
+ [S]
346
346
  ), d = {
347
347
  type: "slide",
348
348
  trimSpace: !1,
@@ -352,34 +352,34 @@ const Qe = Ie, Ze = ke, H = Ce(
352
352
  rewind: !1,
353
353
  focus: "start",
354
354
  autoWidth: !1,
355
- perPage: r,
356
- gap: n,
357
- breakpoints: c,
355
+ perPage: n,
356
+ gap: a,
357
+ breakpoints: l,
358
358
  ...o
359
359
  };
360
- return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
360
+ return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
361
361
  Qe,
362
362
  {
363
363
  ref: x,
364
364
  options: d,
365
- onMove: w,
365
+ onMove: S,
366
366
  onMounted: s,
367
- children: t.map((l, m) => {
368
- var _;
369
- return /* @__PURE__ */ e(Ze, { children: i(l, m) }, g ? m : (_ = l.id) != null ? _ : m);
367
+ children: t.map((c, m) => {
368
+ var w;
369
+ return /* @__PURE__ */ e(Ze, { children: i(c, m) }, g ? m : (w = c.id) != null ? w : m);
370
370
  })
371
371
  }
372
372
  ) });
373
373
  }
374
- ), q = ({
374
+ ), K = ({
375
375
  imageUrl: t,
376
376
  onClick: i,
377
- size: r = "sm",
378
- fillParent: n = !1
377
+ size: n = "sm",
378
+ fillParent: a = !1
379
379
  }) => {
380
- const c = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
380
+ const l = n === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
381
381
  u.stopPropagation(), i == null || i();
382
- }, a = n ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
382
+ }, r = a ? { width: "100%", height: "100%" } : { width: `${l.w}px`, height: `${l.h}px` };
383
383
  return /* @__PURE__ */ p(
384
384
  C,
385
385
  {
@@ -391,7 +391,7 @@ const Qe = Ie, Ze = ke, H = Ce(
391
391
  overflow: "hidden",
392
392
  boxSizing: "border-box",
393
393
  transition: "transform .15s ease, box-shadow .15s ease",
394
- ...a,
394
+ ...r,
395
395
  "&:hover": {
396
396
  transform: "translateY(-2px)",
397
397
  boxShadow: 8,
@@ -458,25 +458,25 @@ const Qe = Ie, Ze = ke, H = Ce(
458
458
  }
459
459
  );
460
460
  };
461
- function Ve({
461
+ function et({
462
462
  imageUrl: t,
463
463
  orden: i = 1,
464
- onClick: r,
465
- sizes: n = {
464
+ onClick: n,
465
+ sizes: a = {
466
466
  xs: { w: 104, h: 112, r: 18, font: 48 },
467
467
  md: { w: 186, h: 264, r: 22.6, font: 64 }
468
468
  }
469
469
  }) {
470
- var x, w, s, d;
471
- const c = (l, m) => {
472
- var _, k, E, R;
470
+ var x, S, s, d;
471
+ const l = (c, m) => {
472
+ var w, N, E, R;
473
473
  return {
474
- xs: (k = (_ = n.xs) == null ? void 0 : _[l]) != null ? k : m,
475
- md: (R = (E = n.md) == null ? void 0 : E[l]) != null ? R : m
474
+ xs: (N = (w = a.xs) == null ? void 0 : w[c]) != null ? N : m,
475
+ md: (R = (E = a.md) == null ? void 0 : E[c]) != null ? R : m
476
476
  };
477
- }, o = c("w", 186), a = c("h", 264), u = c("r", 22.6), g = c("font", 64), y = {
478
- xs: Math.round(((w = (x = n.xs) == null ? void 0 : x.font) != null ? w : 64) * 0.28),
479
- md: Math.round(((d = (s = n.md) == null ? void 0 : s.font) != null ? d : 64) * 0.28)
477
+ }, o = l("w", 186), r = l("h", 264), u = l("r", 22.6), g = l("font", 64), y = {
478
+ xs: Math.round(((S = (x = a.xs) == null ? void 0 : x.font) != null ? S : 64) * 0.28),
479
+ md: Math.round(((d = (s = a.md) == null ? void 0 : s.font) != null ? d : 64) * 0.28)
480
480
  };
481
481
  return /* @__PURE__ */ p(
482
482
  C,
@@ -486,8 +486,8 @@ function Ve({
486
486
  width: "100%",
487
487
  maxWidth: { xs: `${o.xs}px`, md: `${o.md}px` },
488
488
  aspectRatio: {
489
- xs: `${o.xs}/${a.xs}`,
490
- md: `${o.md}/${a.md}`
489
+ xs: `${o.xs}/${r.xs}`,
490
+ md: `${o.md}/${r.md}`
491
491
  },
492
492
  borderRadius: { xs: `${u.xs}px`, md: `${u.md}px` },
493
493
  boxSizing: "border-box",
@@ -505,10 +505,10 @@ function Ve({
505
505
  overflow: "hidden"
506
506
  },
507
507
  children: /* @__PURE__ */ e(
508
- q,
508
+ K,
509
509
  {
510
510
  imageUrl: t,
511
- onClick: r,
511
+ onClick: n,
512
512
  size: "lg",
513
513
  fillParent: !0
514
514
  }
@@ -544,18 +544,18 @@ function Ve({
544
544
  }
545
545
  );
546
546
  }
547
- const et = ({
547
+ const tt = ({
548
548
  logo: t,
549
549
  provider: i,
550
- providerName: r,
551
- machine: n,
552
- onClick: c
550
+ providerName: n,
551
+ machine: a,
552
+ onClick: l
553
553
  }) => {
554
554
  var o;
555
555
  return /* @__PURE__ */ p(
556
556
  C,
557
557
  {
558
- onClick: c,
558
+ onClick: l,
559
559
  sx: {
560
560
  flex: "0 0 auto",
561
561
  position: "relative",
@@ -581,7 +581,7 @@ const et = ({
581
581
  {
582
582
  component: "img",
583
583
  src: t,
584
- alt: `Juego ${n != null ? n : ""}`,
584
+ alt: `Juego ${a != null ? a : ""}`,
585
585
  sx: {
586
586
  position: "absolute",
587
587
  inset: 0,
@@ -607,7 +607,7 @@ const et = ({
607
607
  pointerEvents: "none"
608
608
  },
609
609
  children: /* @__PURE__ */ e(
610
- j,
610
+ B,
611
611
  {
612
612
  sx: {
613
613
  color: "#fff",
@@ -615,7 +615,7 @@ const et = ({
615
615
  fontSize: { xs: 11, md: 14 },
616
616
  textTransform: "capitalize"
617
617
  },
618
- children: (o = i != null ? i : r) != null ? o : ""
618
+ children: (o = i != null ? i : n) != null ? o : ""
619
619
  }
620
620
  )
621
621
  }
@@ -623,14 +623,14 @@ const et = ({
623
623
  ]
624
624
  }
625
625
  );
626
- }, Z = 12, be = ({
626
+ }, Q = 12, ve = ({
627
627
  items: t,
628
628
  layout: i = "grid",
629
- onClick: r
629
+ onClick: n
630
630
  }) => {
631
- var n;
631
+ var a;
632
632
  if (i === "mosaic") {
633
- const c = t[0], o = t.slice(1, 5);
633
+ const l = t[0], o = t.slice(1, 5);
634
634
  return /* @__PURE__ */ p(
635
635
  C,
636
636
  {
@@ -649,13 +649,13 @@ const et = ({
649
649
  xs: "104px",
650
650
  md: "152px"
651
651
  },
652
- columnGap: `${Z}px`,
653
- rowGap: `${Z}px`,
652
+ columnGap: `${Q}px`,
653
+ rowGap: `${Q}px`,
654
654
  alignItems: "stretch",
655
655
  justifyItems: "stretch"
656
656
  },
657
657
  children: [
658
- c && /* @__PURE__ */ e(
658
+ l && /* @__PURE__ */ e(
659
659
  C,
660
660
  {
661
661
  sx: {
@@ -666,17 +666,17 @@ const et = ({
666
666
  borderRadius: 2
667
667
  },
668
668
  children: /* @__PURE__ */ e(
669
- q,
669
+ K,
670
670
  {
671
- imageUrl: `https://olimpo.bet${(n = c.imageUrl) != null ? n : ""}`,
671
+ imageUrl: `https://olimpo.bet${(a = l.imageUrl) != null ? a : ""}`,
672
672
  size: "lg",
673
673
  fillParent: !0,
674
- onClick: () => r == null ? void 0 : r(c, 0)
674
+ onClick: () => n == null ? void 0 : n(l, 0)
675
675
  }
676
676
  )
677
677
  }
678
678
  ),
679
- o.map((a, u) => {
679
+ o.map((r, u) => {
680
680
  var g;
681
681
  return /* @__PURE__ */ e(
682
682
  C,
@@ -688,16 +688,16 @@ const et = ({
688
688
  borderRadius: 2
689
689
  },
690
690
  children: /* @__PURE__ */ e(
691
- q,
691
+ K,
692
692
  {
693
- imageUrl: `https://olimpo.bet${(g = a.imageUrl) != null ? g : ""}`,
693
+ imageUrl: `https://olimpo.bet${(g = r.imageUrl) != null ? g : ""}`,
694
694
  size: "sm",
695
695
  fillParent: !0,
696
- onClick: () => r == null ? void 0 : r(a, u + 1)
696
+ onClick: () => n == null ? void 0 : n(r, u + 1)
697
697
  }
698
698
  )
699
699
  },
700
- a.id
700
+ r.id
701
701
  );
702
702
  })
703
703
  ]
@@ -717,11 +717,11 @@ const et = ({
717
717
  xs: "repeat(2, 112px)",
718
718
  md: "repeat(2, 168px)"
719
719
  },
720
- gap: `${Z}px`,
720
+ gap: `${Q}px`,
721
721
  gridAutoFlow: "column"
722
722
  },
723
- children: t.map((c, o) => {
724
- var a, u;
723
+ children: t.map((l, o) => {
724
+ var r, u;
725
725
  return /* @__PURE__ */ e(
726
726
  C,
727
727
  {
@@ -730,32 +730,32 @@ const et = ({
730
730
  borderRadius: 2
731
731
  },
732
732
  children: /* @__PURE__ */ e(
733
- q,
733
+ K,
734
734
  {
735
- imageUrl: `https://olimpo.bet${(a = c.imageUrl) != null ? a : ""}`,
735
+ imageUrl: `https://olimpo.bet${(r = l.imageUrl) != null ? r : ""}`,
736
736
  size: "sm",
737
737
  fillParent: !0,
738
- onClick: () => r == null ? void 0 : r(c, o)
738
+ onClick: () => n == null ? void 0 : n(l, o)
739
739
  }
740
740
  )
741
741
  },
742
- (u = c.id) != null ? u : o
742
+ (u = l.id) != null ? u : o
743
743
  );
744
744
  })
745
745
  }
746
746
  );
747
- }, ie = ({
747
+ }, se = ({
748
748
  title: t,
749
749
  amount: i,
750
- subtitle: r,
751
- buttonText: n,
752
- onButtonClick: c,
750
+ subtitle: n,
751
+ buttonText: a,
752
+ onButtonClick: l,
753
753
  backgroundImage: o,
754
- alt: a,
754
+ alt: r,
755
755
  className: u = "",
756
756
  variant: g = "small"
757
757
  }) => {
758
- const y = i ? i.slice(0, 2) : "", x = i ? i.slice(2) : "", w = g === "large";
758
+ const y = i ? i.slice(0, 2) : "", x = i ? i.slice(2) : "", S = g === "large";
759
759
  return /* @__PURE__ */ p(
760
760
  C,
761
761
  {
@@ -765,7 +765,7 @@ const et = ({
765
765
  width: "100%",
766
766
  maxWidth: {
767
767
  xs: 328,
768
- lg: w ? 618 : 456
768
+ lg: S ? 618 : 456
769
769
  },
770
770
  mx: "auto"
771
771
  },
@@ -778,7 +778,7 @@ const et = ({
778
778
  width: "100%",
779
779
  aspectRatio: {
780
780
  xs: "328 / 188",
781
- lg: w ? "618 / 346" : "456 / 272"
781
+ lg: S ? "618 / 346" : "456 / 272"
782
782
  },
783
783
  borderRadius: "14px",
784
784
  overflow: "hidden"
@@ -788,7 +788,7 @@ const et = ({
788
788
  {
789
789
  component: "img",
790
790
  src: o,
791
- alt: a != null ? a : "Fondo promocional",
791
+ alt: r != null ? r : "Fondo promocional",
792
792
  sx: {
793
793
  width: "100%",
794
794
  height: "100%",
@@ -828,7 +828,7 @@ const et = ({
828
828
  },
829
829
  children: [
830
830
  t && /* @__PURE__ */ e(
831
- j,
831
+ B,
832
832
  {
833
833
  sx: {
834
834
  fontSize: { xs: 12, lg: 20 },
@@ -875,8 +875,8 @@ const et = ({
875
875
  ]
876
876
  }
877
877
  ),
878
- r && /* @__PURE__ */ e(
879
- j,
878
+ n && /* @__PURE__ */ e(
879
+ B,
880
880
  {
881
881
  sx: {
882
882
  pb: "20px",
@@ -884,10 +884,10 @@ const et = ({
884
884
  fontWeight: 600,
885
885
  color: "#e7f8ff"
886
886
  },
887
- children: r
887
+ children: n
888
888
  }
889
889
  ),
890
- n && /* @__PURE__ */ e(T, { onClick: c, children: n })
890
+ a && /* @__PURE__ */ e(T, { onClick: l, children: a })
891
891
  ]
892
892
  }
893
893
  )
@@ -896,20 +896,20 @@ const et = ({
896
896
  ]
897
897
  }
898
898
  );
899
- }, tt = ({
899
+ }, ot = ({
900
900
  text: t,
901
901
  buttonLabel: i = "Conoce más",
902
- onClick: r,
903
- imgAlt: n = "Club Olimpo",
904
- imgSrcMobile: c,
902
+ onClick: n,
903
+ imgAlt: a = "Club Olimpo",
904
+ imgSrcMobile: l,
905
905
  imgSrcDesktopBg: o,
906
- imgSrcDesktopLogo: a
907
- }) => /* @__PURE__ */ p(Y, { children: [
906
+ imgSrcDesktopLogo: r
907
+ }) => /* @__PURE__ */ p(q, { children: [
908
908
  /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
909
909
  "img",
910
910
  {
911
- src: c,
912
- alt: n,
911
+ src: l,
912
+ alt: a,
913
913
  className: "orc-co-bgMobileImg"
914
914
  }
915
915
  ) }),
@@ -918,60 +918,60 @@ const et = ({
918
918
  "img",
919
919
  {
920
920
  src: o,
921
- alt: `${n} fondo`,
921
+ alt: `${a} fondo`,
922
922
  className: "orc-co-bgDesktopImg"
923
923
  }
924
924
  ) }),
925
- a && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
925
+ r && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
926
926
  "img",
927
927
  {
928
- src: a,
929
- alt: `${n} logo`,
928
+ src: r,
929
+ alt: `${a} logo`,
930
930
  className: "orc-co-logoImg"
931
931
  }
932
932
  ) }),
933
933
  /* @__PURE__ */ p("div", { className: "orc-co-desktopContent", children: [
934
934
  /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
935
- /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
935
+ /* @__PURE__ */ e(T, { onClick: n, variant: "primary", size: "md", children: i })
936
936
  ] })
937
937
  ] }),
938
938
  /* @__PURE__ */ p("div", { className: "orc-co-bottom", children: [
939
939
  /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
940
- /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
940
+ /* @__PURE__ */ e(T, { onClick: n, variant: "primary", size: "md", children: i })
941
941
  ] })
942
- ] }), ot = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", nt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", rt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", at = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", it = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", st = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", lt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", M = {
943
- card: ot,
944
- combinadas: nt,
945
- apuestaItem: rt,
946
- lineContainer: at,
947
- circle: it,
948
- line: st,
949
- apuestaText: ct,
950
- cuotaTotal: lt
942
+ ] }), nt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", rt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", at = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", it = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", st = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", ct = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", lt = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", dt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", G = {
943
+ card: nt,
944
+ combinadas: rt,
945
+ apuestaItem: at,
946
+ lineContainer: it,
947
+ circle: st,
948
+ line: ct,
949
+ apuestaText: lt,
950
+ cuotaTotal: dt
951
951
  };
952
- function dt({ event: t }) {
953
- var n;
954
- function i(c) {
952
+ function pt({ event: t }) {
953
+ var a;
954
+ function i(l) {
955
955
  var x;
956
- const o = (x = c.betoffers) != null ? x : [], a = c.homeName, u = c.awayName, g = o.map((w) => {
957
- var m, _, k, E;
958
- let s = w.outcomes[0], d = "", l = s != null && s.line ? s.line / 1e3 : "";
959
- return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (d = `Más de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (d = `Menos de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (d = s == null ? void 0 : s.label, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? d = `${a} o Empate` : s.label === "12" ? d = `${a} o ${u}` : s.label === "X2" && (d = `${u} o Empate`) : (s != null && s.participant ? d = s.participant : d = (m = s == null ? void 0 : s.label) != null ? m : "", l !== "" && d === s.label && (d = `${s.label} ${l}`)), {
960
- id: (_ = s == null ? void 0 : s.id) != null ? _ : 0,
956
+ const o = (x = l.betoffers) != null ? x : [], r = l.homeName, u = l.awayName, g = o.map((S) => {
957
+ var m, w, N, E;
958
+ let s = S.outcomes[0], d = "", c = s != null && s.line ? s.line / 1e3 : "";
959
+ return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (d = `Más de ${c}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (d = `Menos de ${c}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (d = s == null ? void 0 : s.label, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? d = `${r} o Empate` : s.label === "12" ? d = `${r} o ${u}` : s.label === "X2" && (d = `${u} o Empate`) : (s != null && s.participant ? d = s.participant : d = (m = s == null ? void 0 : s.label) != null ? m : "", c !== "" && d === s.label && (d = `${s.label} ${c}`)), {
960
+ id: (w = s == null ? void 0 : s.id) != null ? w : 0,
961
961
  value: d,
962
- label: w.criterion.label,
963
- odds: (k = s == null ? void 0 : s.odds) != null ? k : 0,
962
+ label: S.criterion.label,
963
+ odds: (N = s == null ? void 0 : s.odds) != null ? N : 0,
964
964
  bl: (E = s == null ? void 0 : s.label) != null ? E : 0
965
965
  };
966
- }), y = g.reduce((w, s) => w + s.odds, 0) / 1e3;
966
+ }), y = g.reduce((S, s) => S + s.odds, 0) / 1e3;
967
967
  return {
968
968
  outcomes: g,
969
969
  total: y.toFixed(2)
970
970
  };
971
971
  }
972
- const r = i(t);
973
- return /* @__PURE__ */ p("div", { className: M.card, children: [
974
- /* @__PURE__ */ e("div", { className: M.combinadas, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
972
+ const n = i(t);
973
+ return /* @__PURE__ */ p("div", { className: G.card, children: [
974
+ /* @__PURE__ */ e("div", { className: G.combinadas, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
975
975
  /* @__PURE__ */ e(
976
976
  D,
977
977
  {
@@ -981,143 +981,143 @@ function dt({ event: t }) {
981
981
  }
982
982
  ),
983
983
  /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/line.png" }),
984
- /* @__PURE__ */ e(z, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.map((c, o) => /* @__PURE__ */ p("div", { className: M.apuestaItem, children: [
985
- /* @__PURE__ */ p("div", { className: M.lineContainer, children: [
986
- /* @__PURE__ */ e("div", { className: M.circle }),
987
- o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: M.line })
984
+ /* @__PURE__ */ e(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: n.outcomes.map((l, o) => /* @__PURE__ */ p("div", { className: G.apuestaItem, children: [
985
+ /* @__PURE__ */ p("div", { className: G.lineContainer, children: [
986
+ /* @__PURE__ */ e("div", { className: G.circle }),
987
+ o < n.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: G.line })
988
988
  ] }),
989
- /* @__PURE__ */ p("div", { className: M.apuestaText, children: [
990
- /* @__PURE__ */ e("strong", { children: c.value }),
989
+ /* @__PURE__ */ p("div", { className: G.apuestaText, children: [
990
+ /* @__PURE__ */ e("strong", { children: l.value }),
991
991
  " ",
992
992
  "| ",
993
- c.label
993
+ l.label
994
994
  ] })
995
995
  ] }, o)) })
996
996
  ] }) }),
997
997
  /* @__PURE__ */ p("button", { onClick: () => {
998
- var c, o;
999
- return console.log((o = (c = r == null ? void 0 : r.outcomes) == null ? void 0 : c.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
1000
- }, className: M.cuotaTotal, children: [
998
+ var l, o;
999
+ return console.log((o = (l = n == null ? void 0 : n.outcomes) == null ? void 0 : l.map((r) => r == null ? void 0 : r.id)) != null ? o : []);
1000
+ }, className: G.cuotaTotal, children: [
1001
1001
  /* @__PURE__ */ p("span", { children: [
1002
1002
  "Cuota total: ",
1003
- /* @__PURE__ */ e("strong", { children: (((n = t.combinadoTotal) != null ? n : 0) / 1e3).toFixed(2) })
1003
+ /* @__PURE__ */ e("strong", { children: (((a = t.combinadoTotal) != null ? a : 0) / 1e3).toFixed(2) })
1004
1004
  ] }),
1005
1005
  /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
1006
1006
  ] })
1007
1007
  ] });
1008
1008
  }
1009
- function pt({ event: t, liveData: i, betOffers: r, fondo: n = "/assets/img/home/EnVivo/fondo.png" }) {
1010
- var c, o, a, u, g, y, x, w, s, d, l;
1009
+ function mt({ event: t, liveData: i, betOffers: n, fondo: a = "/assets/img/home/EnVivo/fondo.png" }) {
1010
+ var l, o, r, u, g, y, x, S, s, d, c;
1011
1011
  return /* @__PURE__ */ e("div", { style: {
1012
- backgroundImage: `url(${n})`,
1012
+ backgroundImage: `url(${a})`,
1013
1013
  backgroundSize: "cover",
1014
1014
  height: "160px",
1015
1015
  width: "296px",
1016
1016
  padding: "12px 16px",
1017
1017
  borderRadius: "16px"
1018
- }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1019
- /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
1018
+ }, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1019
+ /* @__PURE__ */ p(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
1020
1020
  /* @__PURE__ */ e(
1021
- Ue,
1021
+ ze,
1022
1022
  {
1023
- title: (c = t.path[0].name) != null ? c : "",
1023
+ title: (l = t.path[0].name) != null ? l : "",
1024
1024
  subtitle: t.group,
1025
1025
  live: !0,
1026
- time: (a = (o = i == null ? void 0 : i.matchClock) == null ? void 0 : o.minute) != null ? a : ""
1026
+ time: (r = (o = i == null ? void 0 : i.matchClock) == null ? void 0 : o.minute) != null ? r : ""
1027
1027
  }
1028
1028
  ),
1029
- /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto 1fr", children: [
1029
+ /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ p(j, { spacing: 1.5, columns: "1fr auto 1fr", children: [
1030
1030
  /* @__PURE__ */ e(
1031
- Q,
1031
+ Y,
1032
1032
  {
1033
1033
  name: t.homeName,
1034
1034
  logo: "/assets/img/home/EnVivo/Juventus.png"
1035
1035
  }
1036
1036
  ),
1037
- /* @__PURE__ */ e(xe, { text: ((g = (u = i == null ? void 0 : i.score) == null ? void 0 : u.home) != null ? g : 0) + ":" + ((x = (y = i == null ? void 0 : i.score) == null ? void 0 : y.away) != null ? x : 0), name: "En vivo" }),
1038
- /* @__PURE__ */ e(Q, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
1037
+ /* @__PURE__ */ e(be, { text: ((g = (u = i == null ? void 0 : i.score) == null ? void 0 : u.home) != null ? g : 0) + ":" + ((x = (y = i == null ? void 0 : i.score) == null ? void 0 : y.away) != null ? x : 0), name: "En vivo" }),
1038
+ /* @__PURE__ */ e(Y, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
1039
1039
  ] }) })
1040
1040
  ] }),
1041
- /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1042
- /* @__PURE__ */ e(G, { spacing: 1, children: ((s = (w = r == null ? void 0 : r[0]) == null ? void 0 : w.outcomes) != null ? s : []).map((m, _) => /* @__PURE__ */ e(fe, { text: m.label.toUpperCase() }, _)) }),
1043
- /* @__PURE__ */ e(G, { spacing: 2, children: ((l = (d = r == null ? void 0 : r[0]) == null ? void 0 : d.outcomes) != null ? l : []).map((m, _) => /* @__PURE__ */ e(T, { variant: "primary", disabled: m.odds == null, onClick: () => {
1041
+ /* @__PURE__ */ p(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1042
+ /* @__PURE__ */ e(j, { spacing: 1, children: ((s = (S = n == null ? void 0 : n[0]) == null ? void 0 : S.outcomes) != null ? s : []).map((m, w) => /* @__PURE__ */ e(xe, { text: m.label.toUpperCase() }, w)) }),
1043
+ /* @__PURE__ */ e(j, { spacing: 2, children: ((c = (d = n == null ? void 0 : n[0]) == null ? void 0 : d.outcomes) != null ? c : []).map((m, w) => /* @__PURE__ */ e(T, { variant: "primary", disabled: m.odds == null, onClick: () => {
1044
1044
  console.log(m.id);
1045
- }, children: m.odds === void 0 ? "X" : (m.odds / 1e3).toFixed(2) }, _)) })
1045
+ }, children: m.odds === void 0 ? "X" : (m.odds / 1e3).toFixed(2) }, w)) })
1046
1046
  ] })
1047
1047
  ] }) });
1048
1048
  }
1049
- const mt = "oraculo__OraculoEventDate-module__date___xhIlh", ut = {
1050
- date: mt
1049
+ const ut = "oraculo__OraculoEventDate-module__date___xhIlh", gt = {
1050
+ date: ut
1051
1051
  };
1052
- function gt({ text: t }) {
1053
- return /* @__PURE__ */ e("div", { className: `oli-font ${ut.date}`, children: t });
1052
+ function ht({ text: t }) {
1053
+ return /* @__PURE__ */ e("div", { className: `oli-font ${gt.date}`, children: t });
1054
1054
  }
1055
- const ht = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", ft = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", xt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", V = {
1056
- cardContainer: ht,
1057
- cardBackground: ft,
1058
- jugadas: xt
1055
+ const ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", xt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", bt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", Z = {
1056
+ cardContainer: ft,
1057
+ cardBackground: xt,
1058
+ jugadas: bt
1059
1059
  };
1060
- function bt({ event: t }) {
1061
- var r, n, c, o, a, u, g;
1060
+ function vt({ event: t }) {
1061
+ var n, a, l, o, r, u, g;
1062
1062
  function i(y) {
1063
- const x = new Date(y), w = x.toLocaleDateString("es-ES", {
1063
+ const x = new Date(y), S = x.toLocaleDateString("es-ES", {
1064
1064
  weekday: "short"
1065
1065
  }).toUpperCase(), s = x.getDate().toString().padStart(2, "0"), d = (x.getMonth() + 1).toString().padStart(2, "0");
1066
- let l = x.toLocaleTimeString("es-PE", {
1066
+ let c = x.toLocaleTimeString("es-PE", {
1067
1067
  hour: "numeric",
1068
1068
  minute: "2-digit",
1069
1069
  hour12: !0
1070
1070
  }).toUpperCase();
1071
- return l = l.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${w} ${s}/${d} | ${l}`;
1071
+ return c = c.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${S} ${s}/${d} | ${c}`;
1072
1072
  }
1073
- return /* @__PURE__ */ p("div", { className: V.cardContainer, children: [
1074
- /* @__PURE__ */ e(Be, { title: (r = t.group) != null ? r : "" }),
1075
- /* @__PURE__ */ e("div", { className: V.cardBackground, children: /* @__PURE__ */ p(z, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
1076
- /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1077
- /* @__PURE__ */ p(G, { spacing: 1, columns: "1fr auto 1fr", children: [
1073
+ return /* @__PURE__ */ p("div", { className: Z.cardContainer, children: [
1074
+ /* @__PURE__ */ e(Be, { title: (n = t.group) != null ? n : "" }),
1075
+ /* @__PURE__ */ e("div", { className: Z.cardBackground, children: /* @__PURE__ */ p(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
1076
+ /* @__PURE__ */ p(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
1077
+ /* @__PURE__ */ p(j, { spacing: 1, columns: "1fr auto 1fr", children: [
1078
1078
  /* @__PURE__ */ e(
1079
- Q,
1079
+ Y,
1080
1080
  {
1081
1081
  name: t.awayName,
1082
1082
  logo: "/assets/img/home/EventoSemana/Flamengo.png",
1083
1083
  size: "compact"
1084
1084
  }
1085
1085
  ),
1086
- /* @__PURE__ */ e(xe, { text: "vs.", name: "", size: "small" }),
1087
- /* @__PURE__ */ e(Q, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
1086
+ /* @__PURE__ */ e(be, { text: "vs.", name: "", size: "small" }),
1087
+ /* @__PURE__ */ e(Y, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
1088
1088
  ] }),
1089
- /* @__PURE__ */ e(gt, { text: i(t.start) })
1089
+ /* @__PURE__ */ e(ht, { text: i(t.start) })
1090
1090
  ] }),
1091
- /* @__PURE__ */ p(z, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
1092
- /* @__PURE__ */ e(G, { spacing: 1, children: ((o = (c = (n = t == null ? void 0 : t.outcome) == null ? void 0 : n[0]) == null ? void 0 : c.outcomes) != null ? o : []).map((y, x) => /* @__PURE__ */ e(fe, { text: y.label.toUpperCase() }, x)) }),
1093
- /* @__PURE__ */ e("div", { className: V.jugadas, children: /* @__PURE__ */ e(G, { spacing: 1, children: ((g = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? g : []).map((y, x) => /* @__PURE__ */ e(T, { variant: "primary", fullHeight: !0, onClick: () => {
1091
+ /* @__PURE__ */ p(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
1092
+ /* @__PURE__ */ e(j, { spacing: 1, children: ((o = (l = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : l.outcomes) != null ? o : []).map((y, x) => /* @__PURE__ */ e(xe, { text: y.label.toUpperCase() }, x)) }),
1093
+ /* @__PURE__ */ e("div", { className: Z.jugadas, children: /* @__PURE__ */ e(j, { spacing: 1, children: ((g = (u = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : u.outcomes) != null ? g : []).map((y, x) => /* @__PURE__ */ e(T, { variant: "primary", fullHeight: !0, onClick: () => {
1094
1094
  console.log(y.id);
1095
1095
  }, children: (y.odds / 1e3).toFixed(2) }, x)) }) })
1096
1096
  ] })
1097
1097
  ] }) })
1098
1098
  ] });
1099
1099
  }
1100
- function vt({
1100
+ function yt({
1101
1101
  items: t,
1102
1102
  title: i = "Destacados",
1103
- iconUrl: r,
1104
- onViewMore: n,
1105
- className: c = ""
1103
+ iconUrl: n,
1104
+ onViewMore: a,
1105
+ className: l = ""
1106
1106
  }) {
1107
- const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
1107
+ const o = A(null), [r, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
1108
1108
  var d;
1109
1109
  (d = o.current) == null || d.prev();
1110
1110
  }, y = () => {
1111
1111
  var d;
1112
1112
  (d = o.current) == null || d.next(), console.log("items: ", t);
1113
1113
  }, x = () => {
1114
- n == null || n();
1115
- }, w = (d) => {
1114
+ window.location.href = "https://www.olimpo.bet/promociones";
1115
+ }, S = (d) => {
1116
1116
  if (!d || typeof window == "undefined") return;
1117
1117
  const m = `https://www.olimpo.bet/promociones/${encodeURIComponent(d)}`;
1118
1118
  window.location.href = m;
1119
1119
  };
1120
- return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
1120
+ return /* @__PURE__ */ p("section", { className: l || void 0, style: { width: "100%" }, children: [
1121
1121
  /* @__PURE__ */ p(
1122
1122
  "header",
1123
1123
  {
@@ -1130,7 +1130,7 @@ function vt({
1130
1130
  marginBottom: 16
1131
1131
  },
1132
1132
  children: [
1133
- /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
1133
+ /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
1134
1134
  /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
1135
1135
  /* @__PURE__ */ e(
1136
1136
  T,
@@ -1138,9 +1138,9 @@ function vt({
1138
1138
  ariaLabel: "Anterior",
1139
1139
  variant: "secondary",
1140
1140
  iconOnly: !0,
1141
- leftIcon: /* @__PURE__ */ e(oe, {}),
1141
+ leftIcon: /* @__PURE__ */ e(ne, {}),
1142
1142
  onClick: g,
1143
- disabled: a.isStart
1143
+ disabled: r.isStart
1144
1144
  }
1145
1145
  ),
1146
1146
  /* @__PURE__ */ e(
@@ -1149,9 +1149,9 @@ function vt({
1149
1149
  ariaLabel: "Siguiente",
1150
1150
  variant: "secondary",
1151
1151
  iconOnly: !0,
1152
- rightIcon: /* @__PURE__ */ e(ne, {}),
1152
+ rightIcon: /* @__PURE__ */ e(re, {}),
1153
1153
  onClick: y,
1154
- disabled: a.isEnd
1154
+ disabled: r.isEnd
1155
1155
  }
1156
1156
  )
1157
1157
  ] }),
@@ -1179,7 +1179,7 @@ function vt({
1179
1179
  marginTop: 16,
1180
1180
  cursor: "pointer"
1181
1181
  },
1182
- onClick: () => w(d.promotion),
1182
+ onClick: () => S(d.promotion),
1183
1183
  children: /* @__PURE__ */ e(
1184
1184
  "img",
1185
1185
  {
@@ -1198,37 +1198,37 @@ function vt({
1198
1198
  },
1199
1199
  `${d.title}-${d.image}`
1200
1200
  ),
1201
- onMove: ({ isStart: d, isEnd: l }) => u({ isStart: d, isEnd: l })
1201
+ onMove: ({ isStart: d, isEnd: c }) => u({ isStart: d, isEnd: c })
1202
1202
  }
1203
1203
  )
1204
1204
  ] });
1205
1205
  }
1206
- const yt = (t) => {
1207
- var s, d, l, m, _, k;
1206
+ const wt = (t) => {
1207
+ var s, d, c, m, w, N;
1208
1208
  if (typeof window == "undefined") return;
1209
- const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (m = t.machine) != null ? m : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
1210
- window.location.href = w;
1209
+ const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", n = (c = t.provider) != null ? c : "", a = (m = t.machine) != null ? m : "", l = (w = t.external_id) != null ? w : "", o = (N = t.type) != null ? N : "", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
1210
+ window.location.href = S;
1211
1211
  };
1212
1212
  function _t({
1213
1213
  items: t,
1214
1214
  title: i = "Top Juegos",
1215
- iconUrl: r,
1216
- onCardClick: n
1215
+ iconUrl: n,
1216
+ onCardClick: a
1217
1217
  }) {
1218
- const c = te(
1219
- () => t.map((o, a) => {
1218
+ const l = oe(
1219
+ () => t.map((o, r) => {
1220
1220
  var u;
1221
1221
  return {
1222
1222
  ...o,
1223
1223
  // si no viene orden, usamos el índice (1-based)
1224
- orden: (u = o.orden) != null ? u : a + 1,
1225
- _originalIndex: a
1224
+ orden: (u = o.orden) != null ? u : r + 1,
1225
+ _originalIndex: r
1226
1226
  };
1227
- }).sort((o, a) => o.orden != null && a.orden != null ? o.orden - a.orden : o._originalIndex - a._originalIndex),
1227
+ }).sort((o, r) => o.orden != null && r.orden != null ? o.orden - r.orden : o._originalIndex - r._originalIndex),
1228
1228
  [t]
1229
1229
  );
1230
- return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1231
- /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
1230
+ return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1231
+ /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
1232
1232
  /* @__PURE__ */ e(
1233
1233
  C,
1234
1234
  {
@@ -1242,15 +1242,15 @@ function _t({
1242
1242
  justifyItems: "center",
1243
1243
  width: "100%"
1244
1244
  },
1245
- children: c.slice(0, 6).map((o) => {
1246
- var a;
1245
+ children: l.slice(0, 6).map((o) => {
1246
+ var r;
1247
1247
  return /* @__PURE__ */ e(
1248
- Ve,
1248
+ et,
1249
1249
  {
1250
- imageUrl: `https://olimpo.bet${(a = o.logo) != null ? a : ""}`,
1250
+ imageUrl: `https://olimpo.bet${(r = o.logo) != null ? r : ""}`,
1251
1251
  orden: o.orden,
1252
1252
  onClick: () => {
1253
- n ? n(o) : yt(o);
1253
+ a ? a(o) : wt(o);
1254
1254
  }
1255
1255
  },
1256
1256
  o.machine
@@ -1261,21 +1261,21 @@ function _t({
1261
1261
  ] }) });
1262
1262
  }
1263
1263
  const St = (t, i) => {
1264
- var r, n;
1265
- return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
1266
- }, wt = (t) => {
1267
- var s, d, l, m, _, k;
1264
+ var n, a;
1265
+ return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
1266
+ }, Ct = (t) => {
1267
+ var s, d, c, m, w, N;
1268
1268
  if (typeof window == "undefined") return;
1269
- const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (m = t.machine) != null ? m : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "Live", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino-en-vivo?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
1270
- window.location.href = w;
1271
- }, Ct = ({
1269
+ const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", n = (c = t.provider) != null ? c : "", a = (m = t.machine) != null ? m : "", l = (w = t.external_id) != null ? w : "", o = (N = t.type) != null ? N : "Live", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino-en-vivo?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
1270
+ window.location.href = S;
1271
+ }, Et = ({
1272
1272
  items: t,
1273
1273
  title: i = "Casino en vivo",
1274
- subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
1275
- backgroundMobileUrl: n = "",
1276
- backgroundDesktopUrl: c = "",
1274
+ subtitle: n = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
1275
+ backgroundMobileUrl: a = "",
1276
+ backgroundDesktopUrl: l = "",
1277
1277
  onCardClick: o,
1278
- onViewMore: a,
1278
+ onViewMore: r,
1279
1279
  className: u
1280
1280
  }) => /* @__PURE__ */ p(
1281
1281
  C,
@@ -1301,12 +1301,12 @@ const St = (t, i) => {
1301
1301
  xs: `
1302
1302
  linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
1303
1303
  linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
1304
- url('${n}')
1304
+ url('${a}')
1305
1305
  `,
1306
1306
  md: `
1307
1307
  linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
1308
1308
  linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
1309
- url('${c}')
1309
+ url('${l}')
1310
1310
  `
1311
1311
  },
1312
1312
  backgroundSize: "cover",
@@ -1334,9 +1334,9 @@ const St = (t, i) => {
1334
1334
  textAlign: { xs: "center", md: "left" }
1335
1335
  },
1336
1336
  children: [
1337
- /* @__PURE__ */ p(z, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
1337
+ /* @__PURE__ */ p(L, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
1338
1338
  /* @__PURE__ */ e(
1339
- j,
1339
+ B,
1340
1340
  {
1341
1341
  variant: "h4",
1342
1342
  sx: {
@@ -1349,7 +1349,7 @@ const St = (t, i) => {
1349
1349
  }
1350
1350
  ),
1351
1351
  /* @__PURE__ */ e(
1352
- j,
1352
+ B,
1353
1353
  {
1354
1354
  sx: {
1355
1355
  fontSize: { xs: 14, md: 18 },
@@ -1357,7 +1357,7 @@ const St = (t, i) => {
1357
1357
  marginX: { xs: 4, md: 0 },
1358
1358
  lineHeight: 1.5
1359
1359
  },
1360
- children: r
1360
+ children: n
1361
1361
  }
1362
1362
  ),
1363
1363
  /* @__PURE__ */ e(C, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
@@ -1365,7 +1365,7 @@ const St = (t, i) => {
1365
1365
  {
1366
1366
  variant: "primary",
1367
1367
  size: "md",
1368
- onClick: () => a == null ? void 0 : a(),
1368
+ onClick: () => r == null ? void 0 : r(),
1369
1369
  children: "Ver más"
1370
1370
  }
1371
1371
  ) })
@@ -1384,14 +1384,14 @@ const St = (t, i) => {
1384
1384
  children: (t != null ? t : []).slice(0, 3).map((g, y) => {
1385
1385
  var x;
1386
1386
  return /* @__PURE__ */ e(
1387
- et,
1387
+ tt,
1388
1388
  {
1389
1389
  logo: `https://olimpo.bet${(x = g.logo) != null ? x : ""}`,
1390
1390
  provider: g.provider,
1391
1391
  providerName: g.web_name,
1392
1392
  machine: g.machine,
1393
1393
  onClick: () => {
1394
- o ? o(g, y) : wt(g);
1394
+ o ? o(g, y) : Ct(g);
1395
1395
  }
1396
1396
  },
1397
1397
  St(g, y)
@@ -1404,7 +1404,7 @@ const St = (t, i) => {
1404
1404
  {
1405
1405
  variant: "primary",
1406
1406
  size: "lg",
1407
- onClick: () => a == null ? void 0 : a(),
1407
+ onClick: () => r == null ? void 0 : r(),
1408
1408
  children: "Ver más"
1409
1409
  }
1410
1410
  ) })
@@ -1413,61 +1413,61 @@ const St = (t, i) => {
1413
1413
  )
1414
1414
  ]
1415
1415
  }
1416
- ), ve = (t, i) => {
1417
- var r, n;
1418
- return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
1419
- }, Et = (t) => {
1420
- var s, d, l, m, _;
1416
+ ), ye = (t, i) => {
1417
+ var n, a;
1418
+ return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
1419
+ }, $t = (t) => {
1420
+ var s, d, c, m, w;
1421
1421
  if (typeof window == "undefined") return;
1422
- const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (m = t.external_id) != null ? m : "", o = (_ = t.type) != null ? _ : "Casino", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
1423
- window.location.href = w;
1424
- }, $t = (t, i = !0, r = 4) => {
1425
- const n = t.map((a, u) => {
1422
+ const i = (s = t.name) != null ? s : "", n = (d = t.provider) != null ? d : "", a = (c = t.machine) != null ? c : "", l = (m = t.external_id) != null ? m : "", o = (w = t.type) != null ? w : "Casino", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
1423
+ window.location.href = S;
1424
+ }, It = (t, i = !0, n = 4) => {
1425
+ const a = t.map((r, u) => {
1426
1426
  var g;
1427
1427
  return {
1428
- id: ve(a, u),
1429
- imageUrl: (g = a.logo) != null ? g : ""
1428
+ id: ye(r, u),
1429
+ imageUrl: (g = r.logo) != null ? g : ""
1430
1430
  };
1431
1431
  });
1432
- if (!n.length) return [];
1433
- const c = [];
1432
+ if (!a.length) return [];
1433
+ const l = [];
1434
1434
  let o = 0;
1435
1435
  if (i) {
1436
- const a = Math.min(n.length, 5);
1437
- c.push({
1436
+ const r = Math.min(a.length, 5);
1437
+ l.push({
1438
1438
  id: "mosaic-0",
1439
1439
  kind: "mosaic",
1440
- items: n.slice(0, a)
1441
- }), o = a;
1440
+ items: a.slice(0, r)
1441
+ }), o = r;
1442
1442
  }
1443
- for (; o < n.length; ) {
1444
- const a = Math.min(o + r, n.length);
1445
- c.push({
1443
+ for (; o < a.length; ) {
1444
+ const r = Math.min(o + n, a.length);
1445
+ l.push({
1446
1446
  id: `grid-${o}`,
1447
1447
  kind: "grid",
1448
- items: n.slice(o, a)
1449
- }), o = a;
1448
+ items: a.slice(o, r)
1449
+ }), o = r;
1450
1450
  }
1451
- return c;
1452
- }, It = ({
1451
+ return l;
1452
+ }, Nt = ({
1453
1453
  items: t,
1454
1454
  title: i = "Casino",
1455
- iconUrl: r = "/assets/img/home/Casino/diamante.svg",
1456
- onItemClick: n,
1457
- onViewMore: c,
1455
+ iconUrl: n = "/assets/img/home/Casino/diamante.svg",
1456
+ onItemClick: a,
1457
+ onViewMore: l,
1458
1458
  mosaicFirst: o = !0,
1459
- gridSize: a = 4
1459
+ gridSize: r = 4
1460
1460
  }) => {
1461
- const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = $t(t, o, a), w = () => {
1462
- var l;
1463
- (l = u.current) == null || l.prev();
1461
+ const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = It(t, o, r), S = () => {
1462
+ var c;
1463
+ (c = u.current) == null || c.prev();
1464
1464
  }, s = () => {
1465
- var l;
1466
- (l = u.current) == null || l.next();
1465
+ var c;
1466
+ (c = u.current) == null || c.next();
1467
1467
  }, d = () => {
1468
- c == null || c();
1468
+ window.location.href = "https://www.olimpo.bet/casino";
1469
1469
  };
1470
- return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1470
+ return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1471
1471
  /* @__PURE__ */ p(
1472
1472
  C,
1473
1473
  {
@@ -1483,7 +1483,7 @@ const St = (t, i) => {
1483
1483
  D,
1484
1484
  {
1485
1485
  title: i,
1486
- iconUrl: r,
1486
+ iconUrl: n,
1487
1487
  size: "md"
1488
1488
  }
1489
1489
  ),
@@ -1502,8 +1502,8 @@ const St = (t, i) => {
1502
1502
  ariaLabel: "Anterior",
1503
1503
  variant: "secondary",
1504
1504
  iconOnly: !0,
1505
- leftIcon: /* @__PURE__ */ e(ue, {}),
1506
- onClick: w,
1505
+ leftIcon: /* @__PURE__ */ e(ge, {}),
1506
+ onClick: S,
1507
1507
  disabled: g.isStart
1508
1508
  }
1509
1509
  ),
@@ -1513,7 +1513,7 @@ const St = (t, i) => {
1513
1513
  ariaLabel: "Siguiente",
1514
1514
  variant: "secondary",
1515
1515
  iconOnly: !0,
1516
- rightIcon: /* @__PURE__ */ e(ge, {}),
1516
+ rightIcon: /* @__PURE__ */ e(he, {}),
1517
1517
  onClick: s,
1518
1518
  disabled: g.isEnd
1519
1519
  }
@@ -1541,78 +1541,78 @@ const St = (t, i) => {
1541
1541
  drag: !0,
1542
1542
  focus: "start"
1543
1543
  },
1544
- renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
1545
- be,
1544
+ renderItem: (c) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
1545
+ ve,
1546
1546
  {
1547
- items: l.items,
1548
- layout: l.kind === "mosaic" ? "mosaic" : "grid",
1547
+ items: c.items,
1548
+ layout: c.kind === "mosaic" ? "mosaic" : "grid",
1549
1549
  onClick: (m) => {
1550
- const _ = t.find(
1551
- (k, E) => ve(k, E) === m.id
1550
+ const w = t.find(
1551
+ (N, E) => ye(N, E) === m.id
1552
1552
  );
1553
- _ && (n ? n(_) : Et(_));
1553
+ w && (a ? a(w) : $t(w));
1554
1554
  }
1555
1555
  }
1556
1556
  ) }),
1557
- onMove: ({ isStart: l, isEnd: m }) => y({ isStart: l, isEnd: m })
1557
+ onMove: ({ isStart: c, isEnd: m }) => y({ isStart: c, isEnd: m })
1558
1558
  }
1559
1559
  )
1560
1560
  ] }) });
1561
- }, ye = (t, i) => {
1562
- var r, n;
1563
- return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
1561
+ }, we = (t, i) => {
1562
+ var n, a;
1563
+ return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
1564
1564
  }, kt = (t) => {
1565
- var s, d, l, m, _;
1565
+ var s, d, c, m, w;
1566
1566
  if (typeof window == "undefined") return;
1567
- const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (m = t.external_id) != null ? m : "", o = (_ = t.type) != null ? _ : "Virtuales", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/juegos-virtuales?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
1568
- window.location.href = w;
1569
- }, Nt = (t, i = !0, r = 4) => {
1570
- const n = t.map((a, u) => {
1567
+ const i = (s = t.name) != null ? s : "", n = (d = t.provider) != null ? d : "", a = (c = t.machine) != null ? c : "", l = (m = t.external_id) != null ? m : "", o = (w = t.type) != null ? w : "Virtuales", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/juegos-virtuales?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
1568
+ window.location.href = S;
1569
+ }, Ot = (t, i = !0, n = 4) => {
1570
+ const a = t.map((r, u) => {
1571
1571
  var g;
1572
1572
  return {
1573
- id: ye(a, u),
1574
- imageUrl: (g = a.logo) != null ? g : ""
1573
+ id: we(r, u),
1574
+ imageUrl: (g = r.logo) != null ? g : ""
1575
1575
  };
1576
1576
  });
1577
- if (!n.length) return [];
1578
- const c = [];
1577
+ if (!a.length) return [];
1578
+ const l = [];
1579
1579
  let o = 0;
1580
1580
  if (i) {
1581
- const a = Math.min(n.length, 5);
1582
- c.push({
1581
+ const r = Math.min(a.length, 5);
1582
+ l.push({
1583
1583
  id: "mosaic-0",
1584
1584
  kind: "mosaic",
1585
- items: n.slice(0, a)
1586
- }), o = a;
1585
+ items: a.slice(0, r)
1586
+ }), o = r;
1587
1587
  }
1588
- for (; o < n.length; ) {
1589
- const a = Math.min(o + r, n.length);
1590
- c.push({
1588
+ for (; o < a.length; ) {
1589
+ const r = Math.min(o + n, a.length);
1590
+ l.push({
1591
1591
  id: `grid-${o}`,
1592
1592
  kind: "grid",
1593
- items: n.slice(o, a)
1594
- }), o = a;
1593
+ items: a.slice(o, r)
1594
+ }), o = r;
1595
1595
  }
1596
- return c;
1597
- }, Ot = ({
1596
+ return l;
1597
+ }, Rt = ({
1598
1598
  items: t,
1599
1599
  title: i = "Virtuales",
1600
- iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
1601
- onItemClick: n,
1602
- onViewMore: c,
1600
+ iconUrl: n = "/assets/img/home/Virtuales/virtuales.svg",
1601
+ onItemClick: a,
1602
+ onViewMore: l,
1603
1603
  mosaicFirst: o = !0,
1604
- gridSize: a = 4
1604
+ gridSize: r = 4
1605
1605
  }) => {
1606
- const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = Nt(t, o, a), w = () => {
1607
- var l;
1608
- (l = u.current) == null || l.prev();
1606
+ const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = Ot(t, o, r), S = () => {
1607
+ var c;
1608
+ (c = u.current) == null || c.prev();
1609
1609
  }, s = () => {
1610
- var l;
1611
- (l = u.current) == null || l.next();
1610
+ var c;
1611
+ (c = u.current) == null || c.next();
1612
1612
  }, d = () => {
1613
- c == null || c();
1613
+ window.location.href = "https://www.olimpo.bet/virtuales";
1614
1614
  };
1615
- return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1615
+ return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
1616
1616
  /* @__PURE__ */ p(
1617
1617
  C,
1618
1618
  {
@@ -1628,7 +1628,7 @@ const St = (t, i) => {
1628
1628
  D,
1629
1629
  {
1630
1630
  title: i,
1631
- iconUrl: r,
1631
+ iconUrl: n,
1632
1632
  size: "md"
1633
1633
  }
1634
1634
  ),
@@ -1647,8 +1647,8 @@ const St = (t, i) => {
1647
1647
  ariaLabel: "Anterior",
1648
1648
  variant: "secondary",
1649
1649
  iconOnly: !0,
1650
- leftIcon: /* @__PURE__ */ e(ue, {}),
1651
- onClick: w,
1650
+ leftIcon: /* @__PURE__ */ e(ge, {}),
1651
+ onClick: S,
1652
1652
  disabled: g.isStart
1653
1653
  }
1654
1654
  ),
@@ -1658,7 +1658,7 @@ const St = (t, i) => {
1658
1658
  ariaLabel: "Siguiente",
1659
1659
  variant: "secondary",
1660
1660
  iconOnly: !0,
1661
- rightIcon: /* @__PURE__ */ e(ge, {}),
1661
+ rightIcon: /* @__PURE__ */ e(he, {}),
1662
1662
  onClick: s,
1663
1663
  disabled: g.isEnd
1664
1664
  }
@@ -1687,24 +1687,24 @@ const St = (t, i) => {
1687
1687
  focus: "start",
1688
1688
  perMove: 1
1689
1689
  },
1690
- renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
1691
- be,
1690
+ renderItem: (c) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
1691
+ ve,
1692
1692
  {
1693
- items: l.items,
1694
- layout: l.kind === "mosaic" ? "mosaic" : "grid",
1693
+ items: c.items,
1694
+ layout: c.kind === "mosaic" ? "mosaic" : "grid",
1695
1695
  onClick: (m) => {
1696
- const _ = t.find(
1697
- (k, E) => ye(k, E) === m.id
1696
+ const w = t.find(
1697
+ (N, E) => we(N, E) === m.id
1698
1698
  );
1699
- _ && (n ? n(_) : kt(_));
1699
+ w && (a ? a(w) : kt(w));
1700
1700
  }
1701
1701
  }
1702
1702
  ) }),
1703
- onMove: ({ isStart: l, isEnd: m }) => y({ isStart: l, isEnd: m })
1703
+ onMove: ({ isStart: c, isEnd: m }) => y({ isStart: c, isEnd: m })
1704
1704
  }
1705
1705
  )
1706
1706
  ] }) });
1707
- }, Rt = (t) => ({
1707
+ }, Tt = (t) => ({
1708
1708
  // width: "100vw",
1709
1709
  position: "relative",
1710
1710
  // left: "50%",
@@ -1723,15 +1723,15 @@ const St = (t, i) => {
1723
1723
  backgroundRepeat: "no-repeat",
1724
1724
  backgroundPosition: "center",
1725
1725
  backgroundSize: "cover"
1726
- }), se = {
1726
+ }), ce = {
1727
1727
  textAlign: "center",
1728
1728
  lineHeight: 1.1,
1729
1729
  mb: 1.5
1730
- }, ce = {
1730
+ }, le = {
1731
1731
  display: "inline-block",
1732
1732
  fontWeight: 600,
1733
1733
  fontSize: 24
1734
- }, le = {
1734
+ }, de = {
1735
1735
  display: "inline-block",
1736
1736
  fontSize: 24,
1737
1737
  lineHeight: 1.1,
@@ -1741,14 +1741,14 @@ const St = (t, i) => {
1741
1741
  0 0 6px rgba(255, 255, 255, .6),
1742
1742
  0 1px 0 rgba(137, 137, 137, .85)
1743
1743
  `
1744
- }, Tt = ({
1744
+ }, Pt = ({
1745
1745
  headline: t,
1746
1746
  headline2: i,
1747
- items: r,
1748
- backgroundImageUrl: n
1747
+ items: n,
1748
+ backgroundImageUrl: a
1749
1749
  }) => {
1750
- const c = t, o = i, a = Ne("(max-width: 767px)"), u = r.length > 1, g = n != null ? n : "", y = Rt(g), x = B(null), [w, s] = U({ isStart: !0, isEnd: !1 }), [d, l] = U(0);
1751
- return a ? /* @__PURE__ */ p(
1750
+ const l = t, o = i, r = Oe("(max-width: 767px)"), u = n.length > 1, g = a != null ? a : "", y = Tt(g), x = A(null), [S, s] = U({ isStart: !0, isEnd: !1 }), [d, c] = U(0);
1751
+ return r ? /* @__PURE__ */ p(
1752
1752
  C,
1753
1753
  {
1754
1754
  component: "section",
@@ -1757,11 +1757,11 @@ const St = (t, i) => {
1757
1757
  textAlign: "center"
1758
1758
  },
1759
1759
  children: [
1760
- (c || o) && /* @__PURE__ */ p(C, { sx: se, children: [
1761
- c && /* @__PURE__ */ e(j, { component: "span", sx: ce, children: c }),
1762
- o && /* @__PURE__ */ p(Y, { children: [
1760
+ (l || o) && /* @__PURE__ */ p(C, { sx: ce, children: [
1761
+ l && /* @__PURE__ */ e(B, { component: "span", sx: le, children: l }),
1762
+ o && /* @__PURE__ */ p(q, { children: [
1763
1763
  /* @__PURE__ */ e("br", {}),
1764
- /* @__PURE__ */ e(j, { component: "span", sx: le, children: o })
1764
+ /* @__PURE__ */ e(B, { component: "span", sx: de, children: o })
1765
1765
  ] })
1766
1766
  ] }),
1767
1767
  /* @__PURE__ */ p(C, { children: [
@@ -1769,7 +1769,7 @@ const St = (t, i) => {
1769
1769
  H,
1770
1770
  {
1771
1771
  ref: x,
1772
- items: r,
1772
+ items: n,
1773
1773
  perPage: 1,
1774
1774
  gap: "12px",
1775
1775
  breakpoints: {
@@ -1787,20 +1787,20 @@ const St = (t, i) => {
1787
1787
  options: {
1788
1788
  autoWidth: !1
1789
1789
  },
1790
- renderItem: (m) => /* @__PURE__ */ e(ie, { ...m, onButtonClick: r[0].onButtonClick }),
1791
- onMove: ({ index: m, isStart: _, isEnd: k }) => {
1792
- s({ isStart: _, isEnd: k }), l(m);
1790
+ renderItem: (m) => /* @__PURE__ */ e(se, { ...m, onButtonClick: n[0].onButtonClick }),
1791
+ onMove: ({ index: m, isStart: w, isEnd: N }) => {
1792
+ s({ isStart: w, isEnd: N }), c(m);
1793
1793
  }
1794
1794
  }
1795
1795
  ),
1796
1796
  u && /* @__PURE__ */ e(
1797
- he,
1797
+ fe,
1798
1798
  {
1799
- total: r.length,
1799
+ total: n.length,
1800
1800
  active: d,
1801
1801
  onSelect: (m) => {
1802
- var _;
1803
- l(m), (_ = x.current) == null || _.go(m);
1802
+ var w;
1803
+ c(m), (w = x.current) == null || w.go(m);
1804
1804
  }
1805
1805
  }
1806
1806
  )
@@ -1819,7 +1819,7 @@ const St = (t, i) => {
1819
1819
  alignItems: "center"
1820
1820
  },
1821
1821
  children: [
1822
- (c || o) && /* @__PURE__ */ e(
1822
+ (l || o) && /* @__PURE__ */ e(
1823
1823
  C,
1824
1824
  {
1825
1825
  sx: {
@@ -1832,15 +1832,15 @@ const St = (t, i) => {
1832
1832
  C,
1833
1833
  {
1834
1834
  sx: {
1835
- ...se,
1835
+ ...ce,
1836
1836
  textAlign: "left",
1837
1837
  mb: 0
1838
1838
  },
1839
1839
  children: [
1840
- c && /* @__PURE__ */ e(j, { component: "span", sx: ce, children: c }),
1841
- o && /* @__PURE__ */ p(Y, { children: [
1840
+ l && /* @__PURE__ */ e(B, { component: "span", sx: le, children: l }),
1841
+ o && /* @__PURE__ */ p(q, { children: [
1842
1842
  /* @__PURE__ */ e("br", {}),
1843
- /* @__PURE__ */ e(j, { component: "span", sx: le, children: o })
1843
+ /* @__PURE__ */ e(B, { component: "span", sx: de, children: o })
1844
1844
  ] })
1845
1845
  ]
1846
1846
  }
@@ -1857,40 +1857,40 @@ const St = (t, i) => {
1857
1857
  flexWrap: "nowrap",
1858
1858
  gap: 4
1859
1859
  },
1860
- children: r.map((m, _) => /* @__PURE__ */ e(
1861
- ie,
1860
+ children: n.map((m, w) => /* @__PURE__ */ e(
1861
+ se,
1862
1862
  {
1863
1863
  onButtonClick: m.onButtonClick,
1864
1864
  ...m
1865
1865
  },
1866
- _
1866
+ w
1867
1867
  ))
1868
1868
  }
1869
1869
  )
1870
1870
  ]
1871
1871
  }
1872
1872
  ) });
1873
- }, Pt = ({
1873
+ }, Ft = ({
1874
1874
  className: t = "",
1875
1875
  fullBleed: i = !0,
1876
- items: r,
1877
- selectedIndex: n = 0,
1878
- ariaLabel: c
1876
+ items: n,
1877
+ selectedIndex: a = 0,
1878
+ ariaLabel: l
1879
1879
  }) => {
1880
- const o = B(null), a = B(null);
1881
- if (!r) return null;
1880
+ const o = A(null), r = A(null);
1881
+ if (!n) return null;
1882
1882
  const u = () => {
1883
1883
  window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
1884
- }, g = Array.isArray(r) ? r[n] : r;
1885
- $e(() => {
1886
- if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
1887
- const x = o.current, w = a.current, s = () => {
1884
+ }, g = Array.isArray(n) ? n[a] : n;
1885
+ Ie(() => {
1886
+ if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
1887
+ const x = o.current, S = r.current, s = () => {
1888
1888
  x.style.setProperty(
1889
1889
  "--orc-co-bottomH",
1890
- `${w.offsetHeight + 16}px`
1890
+ `${S.offsetHeight + 16}px`
1891
1891
  );
1892
1892
  }, d = new ResizeObserver(s);
1893
- return d.observe(w), s(), () => d.disconnect();
1893
+ return d.observe(S), s(), () => d.disconnect();
1894
1894
  }, []);
1895
1895
  const y = [
1896
1896
  "orc-co-wrap",
@@ -1902,9 +1902,9 @@ const St = (t, i) => {
1902
1902
  {
1903
1903
  ref: o,
1904
1904
  className: y,
1905
- "aria-label": c || g.imgAlt || "Club Olimpo",
1906
- children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
1907
- tt,
1905
+ "aria-label": l || g.imgAlt || "Club Olimpo",
1906
+ children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
1907
+ ot,
1908
1908
  {
1909
1909
  text: g.text,
1910
1910
  onClick: u,
@@ -1916,69 +1916,69 @@ const St = (t, i) => {
1916
1916
  ) })
1917
1917
  }
1918
1918
  );
1919
- }, Ft = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Ut = {
1920
- controls: Ft
1919
+ }, Ut = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", zt = {
1920
+ controls: Ut
1921
1921
  };
1922
- function zt({
1922
+ function Mt({
1923
1923
  items: t,
1924
1924
  title: i = "Combinadas del Olimpo",
1925
- iconUrl: r,
1926
- onViewMore: n,
1927
- className: c = ""
1925
+ iconUrl: n,
1926
+ onViewMore: a,
1927
+ className: l = ""
1928
1928
  }) {
1929
- const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), [g, y] = U([]), x = () => {
1929
+ const o = A(null), [r, u] = U({ isStart: !0, isEnd: !1 }), [g, y] = U([]), x = () => {
1930
1930
  var E;
1931
1931
  (E = o.current) == null || E.prev();
1932
- }, w = () => {
1932
+ }, S = () => {
1933
1933
  var E;
1934
1934
  (E = o.current) == null || E.next(), console.log("items: ", t);
1935
1935
  }, s = () => {
1936
- n == null || n();
1936
+ a == null || a();
1937
1937
  };
1938
1938
  function d(E, R, P) {
1939
1939
  const I = [];
1940
- for (const N of P) {
1941
- const f = m([N]), h = R.reduce((b, v) => {
1940
+ for (const k of P) {
1941
+ const h = m([k]), f = R.reduce((b, v) => {
1942
1942
  b[v.eventId] || (b[v.eventId] = []);
1943
1943
  const $ = v.outcomes.filter(
1944
- (O) => f.has(O.id)
1944
+ (O) => h.has(O.id)
1945
1945
  );
1946
1946
  return $.length > 0 && b[v.eventId].push({
1947
1947
  ...v,
1948
1948
  outcomes: $
1949
1949
  }), b;
1950
- }, {}), S = l(N);
1950
+ }, {}), _ = c(k);
1951
1951
  E.forEach((b) => {
1952
- if (b.id !== N.prePackCouponRows[0].eventId) return;
1953
- const v = f;
1952
+ if (b.id !== k.prePackCouponRows[0].eventId) return;
1953
+ const v = h;
1954
1954
  let $ = null;
1955
- for (const O of S)
1956
- if ([...O.requiredOutcomeIds].every((A) => v.has(A))) {
1955
+ for (const O of _)
1956
+ if ([...O.requiredOutcomeIds].every((M) => v.has(M))) {
1957
1957
  $ = O.decimal;
1958
1958
  break;
1959
1959
  }
1960
1960
  I.push({
1961
1961
  ...b,
1962
1962
  combinadoTotal: $,
1963
- betoffers: h[b.id] || [],
1964
- couponId: N.id
1963
+ betoffers: f[b.id] || [],
1964
+ couponId: k.id
1965
1965
  // optional for tracking
1966
1966
  });
1967
1967
  });
1968
1968
  }
1969
1969
  return I;
1970
1970
  }
1971
- function l(E) {
1971
+ function c(E) {
1972
1972
  var P;
1973
1973
  const R = [];
1974
1974
  for (const I of E.prePackCouponRows)
1975
1975
  if (I.type === "BET_BUILDER" && ((P = I.group) != null && P.groups)) {
1976
- const N = /* @__PURE__ */ new Set();
1977
- I.group.groups.forEach((f) => {
1978
- var h;
1979
- (h = f.outcomes) == null || h.forEach((S) => N.add(S.id));
1976
+ const k = /* @__PURE__ */ new Set();
1977
+ I.group.groups.forEach((h) => {
1978
+ var f;
1979
+ (f = h.outcomes) == null || f.forEach((_) => k.add(_.id));
1980
1980
  }), R.push({
1981
- requiredOutcomeIds: N,
1981
+ requiredOutcomeIds: k,
1982
1982
  decimal: I.odds.decimal
1983
1983
  });
1984
1984
  }
@@ -1988,14 +1988,14 @@ function zt({
1988
1988
  var P;
1989
1989
  const R = /* @__PURE__ */ new Set();
1990
1990
  for (const I of E)
1991
- for (const N of I.prePackCouponRows)
1992
- N.type === "BET_BUILDER" && ((P = N.group) != null && P.groups) && N.group.groups.forEach((f) => {
1993
- var h;
1994
- (h = f.outcomes) == null || h.forEach((S) => R.add(S.id));
1995
- }), N.type === "SIMPLE" && N.outcome && R.add(N.outcome.id);
1991
+ for (const k of I.prePackCouponRows)
1992
+ k.type === "BET_BUILDER" && ((P = k.group) != null && P.groups) && k.group.groups.forEach((h) => {
1993
+ var f;
1994
+ (f = h.outcomes) == null || f.forEach((_) => R.add(_.id));
1995
+ }), k.type === "SIMPLE" && k.outcome && R.add(k.outcome.id);
1996
1996
  return R;
1997
1997
  }
1998
- async function _() {
1998
+ async function w() {
1999
1999
  var E, R, P;
2000
2000
  try {
2001
2001
  const I = (P = (R = (E = t == null ? void 0 : t.group) == null ? void 0 : E.groups) == null ? void 0 : R[0]) == null ? void 0 : P.id;
@@ -2003,30 +2003,30 @@ function zt({
2003
2003
  console.error("Could not extract group ID");
2004
2004
  return;
2005
2005
  }
2006
- const N = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${I}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, h = await (await fetch(N)).json();
2006
+ const k = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${I}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, f = await (await fetch(k)).json();
2007
2007
  y(
2008
- d(h.events, h.betOffers, h.prePackCoupons)
2008
+ d(f.events, f.betOffers, f.prePackCoupons)
2009
2009
  );
2010
2010
  } catch (I) {
2011
2011
  console.error("loadDataEventSpecial error:", I);
2012
2012
  }
2013
2013
  }
2014
- return J(() => {
2015
- t && _();
2016
- }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
2017
- /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
2018
- /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
2019
- /* @__PURE__ */ p("div", { className: Ut.controls, children: [
2020
- /* @__PURE__ */ p(G, { spacing: 1, columns: "auto auto", children: [
2014
+ return X(() => {
2015
+ t && w();
2016
+ }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
2017
+ /* @__PURE__ */ p(j, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
2018
+ /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
2019
+ /* @__PURE__ */ p("div", { className: zt.controls, children: [
2020
+ /* @__PURE__ */ p(j, { spacing: 1, columns: "auto auto", children: [
2021
2021
  /* @__PURE__ */ e(
2022
2022
  T,
2023
2023
  {
2024
2024
  ariaLabel: "Anterior",
2025
2025
  variant: "secondary",
2026
2026
  iconOnly: !0,
2027
- leftIcon: /* @__PURE__ */ e(oe, {}),
2027
+ leftIcon: /* @__PURE__ */ e(ne, {}),
2028
2028
  onClick: x,
2029
- disabled: a.isStart
2029
+ disabled: r.isStart
2030
2030
  }
2031
2031
  ),
2032
2032
  /* @__PURE__ */ e(
@@ -2035,9 +2035,9 @@ function zt({
2035
2035
  ariaLabel: "Siguiente",
2036
2036
  variant: "secondary",
2037
2037
  iconOnly: !0,
2038
- rightIcon: /* @__PURE__ */ e(ne, {}),
2039
- onClick: w,
2040
- disabled: a.isEnd
2038
+ rightIcon: /* @__PURE__ */ e(re, {}),
2039
+ onClick: S,
2040
+ disabled: r.isEnd
2041
2041
  }
2042
2042
  )
2043
2043
  ] }),
@@ -2056,7 +2056,7 @@ function zt({
2056
2056
  breakpoints: {
2057
2057
  768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
2058
2058
  },
2059
- renderItem: (E) => /* @__PURE__ */ e(dt, { event: E }),
2059
+ renderItem: (E) => /* @__PURE__ */ e(pt, { event: E }),
2060
2060
  onMove: ({ isStart: E, isEnd: R }) => u({ isStart: E, isEnd: R })
2061
2061
  }
2062
2062
  )
@@ -2065,24 +2065,24 @@ function zt({
2065
2065
  function Lt({
2066
2066
  items: t,
2067
2067
  title: i = "En vivo",
2068
- iconUrl: r,
2069
- onViewMore: n,
2070
- className: c = ""
2068
+ iconUrl: n,
2069
+ onViewMore: a,
2070
+ className: l = ""
2071
2071
  }) {
2072
2072
  var s, d;
2073
2073
  console.log("wefwef", t);
2074
- const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
2075
- var l;
2076
- (l = o.current) == null || l.prev();
2074
+ const o = A(null), [r, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
2075
+ var c;
2076
+ (c = o.current) == null || c.prev();
2077
2077
  }, y = () => {
2078
- var l;
2079
- (l = o.current) == null || l.next(), console.log("items: ", t);
2078
+ var c;
2079
+ (c = o.current) == null || c.next(), console.log("items: ", t);
2080
2080
  }, x = () => {
2081
- n == null || n();
2081
+ a == null || a();
2082
2082
  };
2083
- return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
2084
- /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
2085
- /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
2083
+ return /* @__PURE__ */ p("section", { className: l || void 0, style: { width: "100%" }, children: [
2084
+ /* @__PURE__ */ p(j, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
2085
+ /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
2086
2086
  /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
2087
2087
  /* @__PURE__ */ e(
2088
2088
  T,
@@ -2090,9 +2090,9 @@ function Lt({
2090
2090
  ariaLabel: "Anterior",
2091
2091
  variant: "secondary",
2092
2092
  iconOnly: !0,
2093
- leftIcon: /* @__PURE__ */ e(oe, {}),
2093
+ leftIcon: /* @__PURE__ */ e(ne, {}),
2094
2094
  onClick: g,
2095
- disabled: a.isStart
2095
+ disabled: r.isStart
2096
2096
  }
2097
2097
  ),
2098
2098
  /* @__PURE__ */ e(
@@ -2101,9 +2101,9 @@ function Lt({
2101
2101
  ariaLabel: "Siguiente",
2102
2102
  variant: "secondary",
2103
2103
  iconOnly: !0,
2104
- rightIcon: /* @__PURE__ */ e(ne, {}),
2104
+ rightIcon: /* @__PURE__ */ e(re, {}),
2105
2105
  onClick: y,
2106
- disabled: a.isEnd
2106
+ disabled: r.isEnd
2107
2107
  }
2108
2108
  )
2109
2109
  ] }),
@@ -2113,7 +2113,7 @@ function Lt({
2113
2113
  H,
2114
2114
  {
2115
2115
  ref: o,
2116
- items: (d = (s = t == null ? void 0 : t.events) == null ? void 0 : s.filter((l) => l.event.sport === "FOOTBALL").sort((l, m) => new Date(m.event.start).getTime() - new Date(l.event.start).getTime())) != null ? d : [],
2116
+ items: (d = (s = t == null ? void 0 : t.events) == null ? void 0 : s.filter((c) => c.event.sport === "FOOTBALL").sort((c, m) => new Date(m.event.start).getTime() - new Date(c.event.start).getTime())) != null ? d : [],
2117
2117
  perPage: 3.395,
2118
2118
  gap: "16px",
2119
2119
  options: { autoWidth: !0 },
@@ -2121,64 +2121,64 @@ function Lt({
2121
2121
  768: { perPage: 1, gap: "8px", focus: "center", padding: { left: "16px", right: "16px" } },
2122
2122
  1024: { perPage: 2.5, gap: "10px", padding: { right: "16px" } }
2123
2123
  },
2124
- renderItem: (l) => /* @__PURE__ */ e(pt, { ...l }),
2125
- onMove: ({ isStart: l, isEnd: m }) => u({ isStart: l, isEnd: m })
2124
+ renderItem: (c) => /* @__PURE__ */ e(mt, { ...c }),
2125
+ onMove: ({ isStart: c, isEnd: m }) => u({ isStart: c, isEnd: m })
2126
2126
  }
2127
2127
  )
2128
2128
  ] });
2129
2129
  }
2130
- const At = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Wt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Bt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ee = {
2131
- wrapper: At,
2132
- container: Wt,
2130
+ const Wt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", At = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Bt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ee = {
2131
+ wrapper: Wt,
2132
+ container: At,
2133
2133
  buttonWrapper: Bt
2134
2134
  };
2135
2135
  function jt({
2136
2136
  items: t,
2137
2137
  title: i = "En vivo",
2138
- iconUrl: r,
2139
- onViewMore: n,
2140
- className: c = ""
2138
+ iconUrl: n,
2139
+ onViewMore: a,
2140
+ className: l = ""
2141
2141
  }) {
2142
2142
  const o = /* @__PURE__ */ new Date();
2143
2143
  o.toISOString();
2144
- const a = new Date(o);
2145
- a.setDate(a.getDate() + 7), a.toISOString();
2146
- const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), [x, w] = U([]), s = () => {
2147
- n == null || n();
2144
+ const r = new Date(o);
2145
+ r.setDate(r.getDate() + 7), r.toISOString();
2146
+ const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), [x, S] = U([]), s = () => {
2147
+ a == null || a();
2148
2148
  };
2149
2149
  async function d() {
2150
2150
  try {
2151
- const k = t.events.map((I) => {
2152
- var N;
2153
- return (N = I.event) == null ? void 0 : N.id;
2154
- }), E = k.map((I) => `id=${I}`).join("&"), P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${k[0]}?${E}&lang=es_PE&market=PE`;
2155
- l(P);
2156
- } catch (k) {
2157
- console.error(k);
2151
+ const N = t.events.map((I) => {
2152
+ var k;
2153
+ return (k = I.event) == null ? void 0 : k.id;
2154
+ }), E = N.map((I) => `id=${I}`).join("&"), P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${N[0]}?${E}&lang=es_PE&market=PE`;
2155
+ c(P);
2156
+ } catch (N) {
2157
+ console.error(N);
2158
2158
  }
2159
2159
  }
2160
- async function l(k) {
2160
+ async function c(N) {
2161
2161
  try {
2162
- const R = await (await fetch(k)).json(), P = R.events.map((N) => N.event), I = R.events.flatMap((N) => N.betOffers || []);
2163
- w(m(P, I));
2162
+ const R = await (await fetch(N)).json(), P = R.events.map((k) => k.event), I = R.events.flatMap((k) => k.betOffers || []);
2163
+ S(m(P, I));
2164
2164
  } catch (E) {
2165
2165
  console.error(E);
2166
2166
  }
2167
2167
  }
2168
- function m(k, E) {
2168
+ function m(N, E) {
2169
2169
  const P = E.filter((I) => {
2170
- var N;
2171
- return ((N = I.betOfferType) == null ? void 0 : N.id) === 2;
2172
- }).reduce((I, N) => (I[N.eventId] || (I[N.eventId] = []), I[N.eventId].push(N), I), {});
2173
- return k.filter((I) => P[I.id]).map((I) => ({
2170
+ var k;
2171
+ return ((k = I.betOfferType) == null ? void 0 : k.id) === 2;
2172
+ }).reduce((I, k) => (I[k.eventId] || (I[k.eventId] = []), I[k.eventId].push(k), I), {});
2173
+ return N.filter((I) => P[I.id]).map((I) => ({
2174
2174
  ...I,
2175
2175
  outcome: P[I.id]
2176
2176
  }));
2177
2177
  }
2178
- return J(() => {
2178
+ return X(() => {
2179
2179
  t && t.events.length > 0 && d();
2180
- }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ee.wrapper, children: [
2181
- /* @__PURE__ */ e("div", { className: ee.container, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
2180
+ }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ee.wrapper, children: [
2181
+ /* @__PURE__ */ e("div", { className: ee.container, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
2182
2182
  /* @__PURE__ */ e(D, { title: "Eventos de la semana" }),
2183
2183
  /* @__PURE__ */ e("div", { className: ee.buttonWrapper, children: /* @__PURE__ */ e(T, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
2184
2184
  s();
@@ -2195,8 +2195,8 @@ function jt({
2195
2195
  breakpoints: {
2196
2196
  1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
2197
2197
  },
2198
- renderItem: (k) => /* @__PURE__ */ e(bt, { event: k }),
2199
- onMove: ({ isStart: k, isEnd: E }) => y({ isStart: k, isEnd: E })
2198
+ renderItem: (N) => /* @__PURE__ */ e(vt, { event: N }),
2199
+ onMove: ({ isStart: N, isEnd: E }) => y({ isStart: N, isEnd: E })
2200
2200
  }
2201
2201
  ) })
2202
2202
  ] }) });
@@ -2212,12 +2212,12 @@ const Gt = [
2212
2212
  mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
2213
2213
  fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
2214
2214
  }
2215
- ], Mt = [
2215
+ ], te = (t) => `${window.location.origin}${t}`, Dt = [
2216
2216
  {
2217
2217
  id: 1,
2218
2218
  label: "APUESTAS",
2219
2219
  icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
2220
- onclick: () => console.log("APUESTAS")
2220
+ onclick: () => te("https://www.olimpo.bet/#home")
2221
2221
  },
2222
2222
  {
2223
2223
  id: 2,
@@ -2229,20 +2229,20 @@ const Gt = [
2229
2229
  id: 3,
2230
2230
  label: "TOP JUEGOS",
2231
2231
  icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon3.svg",
2232
- onclick: () => console.log("TOP JUEGOS")
2232
+ onclick: () => te("https://www.olimpo.bet/casino")
2233
2233
  },
2234
2234
  {
2235
2235
  id: 4,
2236
2236
  label: "MISIONES",
2237
2237
  icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon4.svg",
2238
- onclick: () => console.log("MISIONES")
2238
+ onclick: () => te("https://www.olimpo.bet/misiones")
2239
2239
  }
2240
2240
  ];
2241
- function Dt({
2241
+ function Ht({
2242
2242
  backgrounds: t = Gt,
2243
- items: i = Mt
2243
+ items: i = Dt
2244
2244
  }) {
2245
- const [r, n] = U(0), c = t.length || 1;
2245
+ const [n, a] = U(0), l = t.length || 1;
2246
2246
  return /* @__PURE__ */ p(
2247
2247
  F,
2248
2248
  {
@@ -2253,8 +2253,8 @@ function Dt({
2253
2253
  // left: "50%",
2254
2254
  // right: "50%",
2255
2255
  // transform: "translateX(-50%)",
2256
- overflow: "visible",
2257
- pb: { xs: 7, sm: 8 }
2256
+ overflow: "visible"
2257
+ // pb: { xs: 7, sm: 8 },
2258
2258
  },
2259
2259
  children: [
2260
2260
  /* @__PURE__ */ p(
@@ -2280,9 +2280,9 @@ function Dt({
2280
2280
  drag: !0,
2281
2281
  focus: "center"
2282
2282
  },
2283
- onMove: ({ index: o }) => n(o),
2283
+ onMove: ({ index: o }) => a(o),
2284
2284
  renderItem: (o) => {
2285
- var a;
2285
+ var r;
2286
2286
  return /* @__PURE__ */ p(
2287
2287
  F,
2288
2288
  {
@@ -2315,7 +2315,7 @@ function Dt({
2315
2315
  F,
2316
2316
  {
2317
2317
  component: "img",
2318
- src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
2318
+ src: (r = o.fallbackSrc) != null ? r : o.desktopSrc,
2319
2319
  alt: "",
2320
2320
  "aria-hidden": !0,
2321
2321
  loading: "lazy",
@@ -2340,8 +2340,11 @@ function Dt({
2340
2340
  "&::before": {
2341
2341
  content: '""',
2342
2342
  position: "absolute",
2343
- inset: 0,
2344
- background: "linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.75) 100%)"
2343
+ left: 0,
2344
+ right: 0,
2345
+ bottom: 0,
2346
+ top: "40%",
2347
+ background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(18,18,18,0.85) 80%, #121212 100%)"
2345
2348
  }
2346
2349
  }
2347
2350
  }
@@ -2364,7 +2367,7 @@ function Dt({
2364
2367
  justifyContent: "center",
2365
2368
  zIndex: 2
2366
2369
  },
2367
- children: /* @__PURE__ */ e(he, { total: c, active: r })
2370
+ children: /* @__PURE__ */ e(fe, { total: l, active: n })
2368
2371
  }
2369
2372
  )
2370
2373
  ]
@@ -2375,14 +2378,15 @@ function Dt({
2375
2378
  {
2376
2379
  sx: {
2377
2380
  position: "absolute",
2378
- bottom: { xs: 36, sm: 38 },
2381
+ bottom: { xs: 10, sm: 10 },
2379
2382
  left: "50%",
2380
2383
  transform: "translateX(-50%)",
2381
- width: "90%",
2384
+ width: { xs: "92%", sm: "88%", md: "80%" },
2385
+ maxWidth: 900,
2382
2386
  backgroundColor: "#363636",
2383
2387
  borderRadius: 2,
2384
- py: 1.5,
2385
- px: 1,
2388
+ py: { xs: 0.8, md: 1.2 },
2389
+ px: { xs: 1.5, md: 2 },
2386
2390
  display: "flex",
2387
2391
  justifyContent: "space-around",
2388
2392
  alignItems: "center",
@@ -2395,14 +2399,19 @@ function Dt({
2395
2399
  sx: {
2396
2400
  display: "flex",
2397
2401
  flexDirection: { xs: "column", md: "row" },
2402
+ // 👈 icono arriba en mobile, en fila en desktop
2398
2403
  alignItems: "center",
2404
+ justifyContent: "center",
2405
+ gap: { xs: 0.5, md: 1 },
2406
+ // espacio icono-texto
2399
2407
  color: "#FFFFFF",
2400
- minWidth: 68,
2401
- cursor: o.onclick ? "pointer" : "default"
2408
+ minWidth: 0,
2409
+ cursor: o.onclick ? "pointer" : "default",
2410
+ whiteSpace: "nowrap"
2402
2411
  },
2403
2412
  onClick: () => {
2404
- var a;
2405
- return (a = o.onclick) == null ? void 0 : a.call(o);
2413
+ var r;
2414
+ return (r = o.onclick) == null ? void 0 : r.call(o);
2406
2415
  },
2407
2416
  children: [
2408
2417
  o.icon && /* @__PURE__ */ e(
@@ -2412,22 +2421,21 @@ function Dt({
2412
2421
  src: o.icon,
2413
2422
  alt: o.label || `icon-${o.id}`,
2414
2423
  sx: {
2415
- width: { xs: 28, md: 32 },
2416
- height: { xs: 28, md: 32 },
2417
- mb: { xs: 0.5, md: 0 },
2418
- mr: { xs: 0, md: 4 },
2424
+ width: { xs: 20, sm: 22, md: 24 },
2425
+ height: { xs: 20, sm: 22, md: 24 },
2419
2426
  objectFit: "contain"
2420
2427
  }
2421
2428
  }
2422
2429
  ),
2423
2430
  /* @__PURE__ */ e(
2424
- pe,
2431
+ me,
2425
2432
  {
2426
2433
  sx: {
2427
- fontSize: 12,
2434
+ fontSize: { xs: 10, sm: 11, md: 12 },
2428
2435
  fontWeight: 600,
2429
2436
  color: "#E0E0E0",
2430
- textAlign: { xs: "center", md: "left" }
2437
+ textAlign: "center"
2438
+ // en mobile queda centrado bajo el icono
2431
2439
  },
2432
2440
  children: o.label
2433
2441
  }
@@ -2442,7 +2450,7 @@ function Dt({
2442
2450
  }
2443
2451
  );
2444
2452
  }
2445
- const Ht = [
2453
+ const Vt = [
2446
2454
  [
2447
2455
  { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/IBK.svg", alt: "Interbank" },
2448
2456
  { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/Yape.svg", alt: "Yape" }
@@ -2455,12 +2463,12 @@ const Ht = [
2455
2463
  ];
2456
2464
  function Xt({
2457
2465
  title: t = "Medios de pago",
2458
- rows: i = Ht
2466
+ rows: i = Vt
2459
2467
  }) {
2460
- const r = i.flat();
2468
+ const n = i.flat();
2461
2469
  return /* @__PURE__ */ p(F, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
2462
2470
  /* @__PURE__ */ e(
2463
- pe,
2471
+ me,
2464
2472
  {
2465
2473
  id: "mp-title",
2466
2474
  variant: "h6",
@@ -2487,17 +2495,17 @@ function Xt({
2487
2495
  }
2488
2496
  }
2489
2497
  ),
2490
- /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: i.map((n, c) => /* @__PURE__ */ e(
2491
- me,
2498
+ /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: i.map((a, l) => /* @__PURE__ */ e(
2499
+ ue,
2492
2500
  {
2493
2501
  direction: "row",
2494
2502
  justifyContent: "center",
2495
2503
  alignItems: "center",
2496
2504
  gap: 2.5,
2497
2505
  flexWrap: "wrap",
2498
- children: n.map((o) => /* @__PURE__ */ e(ae, { ...o }, `${o.src}-${o.alt}`))
2506
+ children: a.map((o) => /* @__PURE__ */ e(ie, { ...o }, `${o.src}-${o.alt}`))
2499
2507
  },
2500
- c
2508
+ l
2501
2509
  )) }),
2502
2510
  /* @__PURE__ */ e(
2503
2511
  F,
@@ -2511,230 +2519,233 @@ function Xt({
2511
2519
  gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
2512
2520
  justifyContent: { md: "center" }
2513
2521
  },
2514
- children: r.map((n) => /* @__PURE__ */ e(ae, { ...n }, `${n.src}-${n.alt}`))
2522
+ children: n.map((a) => /* @__PURE__ */ e(ie, { ...a }, `${a.src}-${a.alt}`))
2515
2523
  }
2516
2524
  )
2517
2525
  ] });
2518
2526
  }
2519
2527
  const Jt = {
2520
- OraculoSeccionDestacados: vt,
2528
+ OraculoSeccionDestacados: yt,
2521
2529
  OraculoSeccionTopJuegos: _t,
2522
- OraculoSeccionCasinoEnVivo: Ct,
2523
- OraculoSeccionCasino: It,
2524
- OraculoSeccionVirtuales: Ot,
2525
- OraculoSeccionClubOlimpo: Pt,
2526
- OraculoSeccionBonoBienvenida: Tt,
2527
- OraculoSeccionBanners: Dt,
2530
+ OraculoSeccionCasinoEnVivo: Et,
2531
+ OraculoSeccionCasino: Nt,
2532
+ OraculoSeccionVirtuales: Rt,
2533
+ OraculoSeccionClubOlimpo: Ft,
2534
+ OraculoSeccionBonoBienvenida: Pt,
2535
+ OraculoSeccionBanners: Ht,
2528
2536
  OraculoSeccionMediosPago: Xt,
2529
2537
  OraculoSeccionEventoEnVivo: Lt,
2530
2538
  OraculoSeccionEventoSemana: jt,
2531
- OraculoSeccionEventoCombinadas: zt
2539
+ OraculoSeccionEventoCombinadas: Mt
2532
2540
  }, Kt = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, qt = (t) => /^OraculoSeccion[A-Z]/.test(t), Yt = Object.fromEntries(
2533
2541
  Object.entries(Jt).filter(
2534
2542
  ([t, i]) => qt(t) && Kt(i)
2535
2543
  )
2536
2544
  );
2537
- class de extends Error {
2538
- constructor(i, r, n) {
2539
- super(`HTTP ${i} ${n}`), this.status = i, this.url = r, this.statusText = n, this.name = "HttpError";
2545
+ class pe extends Error {
2546
+ constructor(i, n, a) {
2547
+ super(`HTTP ${i} ${a}`), this.status = i, this.url = n, this.statusText = a, this.name = "HttpError";
2540
2548
  }
2541
2549
  }
2542
- const lo = ({
2550
+ const po = ({
2543
2551
  sectionsOverride: t,
2544
2552
  docId: i = "home",
2545
- db: r
2553
+ db: n
2546
2554
  }) => {
2547
- const [n, c] = U(
2555
+ const [a, l] = U(
2548
2556
  []
2549
- ), [o, a] = U(!1), [u, g] = U({}), [y, x] = U({}), [w, s] = U({});
2550
- J(() => {
2551
- if (t || !r) return;
2552
- a(!0);
2553
- const f = Oe(
2554
- Re(r, "landings", i),
2555
- (h) => {
2556
- var S;
2557
+ ), [o, r] = U(!1), [u, g] = U({}), [y, x] = U({}), [S, s] = U({});
2558
+ X(() => {
2559
+ if (t || !n) return;
2560
+ r(!0);
2561
+ const h = Re(
2562
+ Te(n, "landings", i),
2563
+ (f) => {
2564
+ var _;
2557
2565
  try {
2558
- let b = h.exists() ? ((S = h.data()) == null ? void 0 : S.sections) || [] : [];
2566
+ let b = f.exists() ? ((_ = f.data()) == null ? void 0 : _.sections) || [] : [];
2559
2567
  b = b.slice().sort((v, $) => {
2560
- var O, L;
2561
- return ((O = v.order) != null ? O : 0) - ((L = $.order) != null ? L : 0);
2562
- }).map((v, $) => ({ ...v, order: $ + 1 })), c(b), console.log("fetched: ", b);
2568
+ var O, z;
2569
+ return ((O = v.order) != null ? O : 0) - ((z = $.order) != null ? z : 0);
2570
+ }).map((v, $) => ({ ...v, order: $ + 1 })), l(b), console.log("fetched: ", b);
2563
2571
  } catch (b) {
2564
2572
  console.error("Error procesando landings/" + i, b);
2565
2573
  } finally {
2566
- a(!1);
2574
+ r(!1);
2567
2575
  }
2568
2576
  },
2569
- (h) => {
2570
- console.error("Error escuchando landings/" + i, h), a(!1);
2577
+ (f) => {
2578
+ console.error("Error escuchando landings/" + i, f), r(!1);
2571
2579
  }
2572
2580
  );
2573
- return () => f();
2574
- }, [t, i, r]), J(() => {
2575
- (t ? t.slice() : n.slice()).map((S) => S.componentKey).filter((S) => !!S).length;
2576
- }, [t, n]);
2577
- const d = async (f) => {
2578
- const h = (f.apiUrl || "").trim();
2579
- if (!h) return;
2580
- const S = f.apiMethod || "GET", b = f.apiParams || [];
2581
- let v = h, $, O;
2582
- if (S === "GET") {
2583
- const A = new URL(
2584
- h,
2581
+ return () => h();
2582
+ }, [t, i, n]), X(() => {
2583
+ (t ? t.slice() : a.slice()).map((_) => _.componentKey).filter((_) => !!_).length;
2584
+ }, [t, a]);
2585
+ const d = async (h) => {
2586
+ const f = (h.apiUrl || "").trim();
2587
+ if (!f) return;
2588
+ const _ = h.apiMethod || "GET", b = h.apiParams || [];
2589
+ let v = f, $, O;
2590
+ if (_ === "GET") {
2591
+ const M = new URL(
2592
+ f,
2585
2593
  typeof window == "undefined" ? "http://localhost" : window.location.origin
2586
2594
  );
2587
2595
  for (const W of b)
2588
- W.key && A.searchParams.append(W.key, W.value);
2589
- v = A.toString();
2596
+ W.key && M.searchParams.append(W.key, W.value);
2597
+ v = M.toString();
2590
2598
  } else {
2591
- const A = new URLSearchParams();
2599
+ const M = new URLSearchParams();
2592
2600
  for (const W of b)
2593
- W.key && A.append(W.key, W.value);
2594
- $ = A.toString(), O = {
2601
+ W.key && M.append(W.key, W.value);
2602
+ $ = M.toString(), O = {
2595
2603
  "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
2596
2604
  };
2597
2605
  }
2598
- const L = await fetch(v, {
2599
- method: S,
2606
+ const z = await fetch(v, {
2607
+ method: _,
2600
2608
  headers: O,
2601
2609
  body: $
2602
2610
  });
2603
- if (!L.ok) throw new de(L.status, v, L.statusText);
2604
- return L.json();
2605
- }, l = te(
2606
- () => t ? t.slice() : n.slice(),
2607
- [t, n]
2608
- ), m = we.useRef(/* @__PURE__ */ new Set());
2609
- J(() => {
2610
- const f = l.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
2611
- if (f.length)
2612
- for (const { s: h, url: S } of f) {
2613
- const b = `${h.id}|${S}`;
2614
- m.current.has(b) || (m.current.add(b), x((v) => ({ ...v, [h.id]: !0 })), s((v) => ({ ...v, [h.id]: "" })), (async () => {
2611
+ if (!z.ok) throw new pe(z.status, v, z.statusText);
2612
+ return z.json();
2613
+ }, c = oe(
2614
+ () => t ? t.slice() : a.slice(),
2615
+ [t, a]
2616
+ ), m = Ce.useRef(/* @__PURE__ */ new Set());
2617
+ X(() => {
2618
+ const h = c.map((f) => ({ s: f, url: (f.apiUrl || "").trim() })).filter(({ url: f }) => !!f);
2619
+ if (h.length)
2620
+ for (const { s: f, url: _ } of h) {
2621
+ const b = `${f.id}|${_}`;
2622
+ m.current.has(b) || (m.current.add(b), x((v) => ({ ...v, [f.id]: !0 })), s((v) => ({ ...v, [f.id]: "" })), (async () => {
2615
2623
  try {
2616
- const v = await d(h);
2617
- g(($) => ({ ...$, [h.id]: v }));
2624
+ const v = await d(f);
2625
+ g(($) => ({ ...$, [f.id]: v }));
2618
2626
  } catch (v) {
2619
2627
  let $ = "Error desconocido";
2620
- v instanceof de ? $ = `Error HTTP ${v.status} (${v.statusText}) en ${v.url}` : v instanceof SyntaxError ? $ = "Respuesta no es JSON válido" : v instanceof TypeError ? $ = "Fallo de red / CORS / conexión" : typeof v == "string" && ($ = v.toString()), s((O) => ({ ...O, [h.id]: $ }));
2628
+ v instanceof pe ? $ = `Error HTTP ${v.status} (${v.statusText}) en ${v.url}` : v instanceof SyntaxError ? $ = "Respuesta no es JSON válido" : v instanceof TypeError ? $ = "Fallo de red / CORS / conexión" : typeof v == "string" && ($ = v.toString()), s((O) => ({ ...O, [f.id]: $ }));
2621
2629
  } finally {
2622
- x((v) => ({ ...v, [h.id]: !1 }));
2630
+ x((v) => ({ ...v, [f.id]: !1 }));
2623
2631
  }
2624
2632
  })());
2625
2633
  }
2626
- }, [l]);
2627
- const _ = te(
2628
- () => l.filter((f) => f.visible).sort((f, h) => f.order - h.order),
2629
- [l]
2630
- ), k = (f) => Array.isArray(f) ? f.map((h) => {
2631
- const S = {};
2632
- for (const b of h.fields || []) {
2634
+ }, [c]);
2635
+ const w = oe(
2636
+ () => c.filter((h) => h.visible).sort((h, f) => h.order - f.order),
2637
+ [c]
2638
+ ), N = (h) => Array.isArray(h) ? h.map((f) => {
2639
+ const _ = {};
2640
+ for (const b of f.fields || []) {
2633
2641
  const v = (b.type || "string").toLowerCase();
2634
2642
  if (v === "number") {
2635
2643
  const $ = String(b.value || "").trim();
2636
2644
  if ($ !== "") {
2637
2645
  const O = Number($);
2638
- Number.isNaN(O) || (S[b.name] = O);
2646
+ Number.isNaN(O) || (_[b.name] = O);
2639
2647
  }
2640
2648
  } else if (v === "boolean")
2641
- S[b.name] = String(b.value).toLowerCase() === "true";
2649
+ _[b.name] = String(b.value).toLowerCase() === "true";
2642
2650
  else if (v === "function") {
2643
2651
  const $ = String(b.value || "").trim();
2644
2652
  if ($)
2645
2653
  try {
2646
2654
  const O = new Function($);
2647
- S[b.name] = O;
2655
+ _[b.name] = O;
2648
2656
  } catch (O) {
2649
2657
  console.error(`❌ Error creando función en item '${b.name}':`, O);
2650
2658
  }
2651
- } else S[b.name] = b.value;
2659
+ } else _[b.name] = b.value;
2652
2660
  }
2653
- return S;
2654
- }) : [], E = (f) => {
2655
- const h = {};
2656
- if (!Array.isArray(f)) return h;
2657
- for (const S of f) {
2658
- if (!S.name) continue;
2659
- const b = (S.type || "string").toLowerCase();
2661
+ return _;
2662
+ }) : [], E = (h) => {
2663
+ const f = {};
2664
+ if (!Array.isArray(h)) return f;
2665
+ for (const _ of h) {
2666
+ if (!_.name) continue;
2667
+ const b = (_.type || "string").toLowerCase();
2660
2668
  if (b === "number") {
2661
- const v = String(S.value || "").trim();
2669
+ const v = String(_.value || "").trim();
2662
2670
  if (v !== "") {
2663
2671
  const $ = Number(v);
2664
- Number.isNaN($) || (h[S.name] = $);
2672
+ Number.isNaN($) || (f[_.name] = $);
2665
2673
  }
2666
2674
  } else if (b === "boolean")
2667
- h[S.name] = String(S.value).toLowerCase() === "true";
2675
+ f[_.name] = String(_.value).toLowerCase() === "true";
2668
2676
  else if (b === "function") {
2669
- const v = String(S.value || "").trim();
2677
+ const v = String(_.value || "").trim();
2670
2678
  if (v)
2671
2679
  try {
2672
2680
  const $ = new Function(v);
2673
- h[S.name] = $;
2681
+ f[_.name] = $;
2674
2682
  } catch ($) {
2675
- console.error(`❌ Error creando función en item '${S.name}':`, $);
2683
+ console.error(`❌ Error creando función en item '${_.name}':`, $);
2676
2684
  }
2677
- } else h[S.name] = S.value;
2685
+ } else f[_.name] = _.value;
2678
2686
  }
2679
- return h;
2680
- }, R = (f, h, S) => {
2681
- const b = S ? { ...S } : {};
2682
- if (h) {
2683
- const W = (h.variableName || "items").trim() || "items";
2684
- return b[W] = h.arr || [], b;
2687
+ return f;
2688
+ }, R = (h, f, _) => {
2689
+ const b = _ ? { ..._ } : {};
2690
+ if (f) {
2691
+ const W = (f.variableName || "items").trim() || "items";
2692
+ return b[W] = f.arr || [], b;
2685
2693
  }
2686
- const v = f, $ = Array.isArray(v), O = !$ && typeof v == "object" && v !== null ? v : void 0, L = O && Array.isArray(O.lobby || O.items) ? O.lobby || O.items : void 0, A = (W) => $ ? v : L || W;
2687
- return b.items = A(L || []), b;
2688
- }, P = (f) => {
2694
+ const v = h, $ = Array.isArray(v), O = !$ && typeof v == "object" && v !== null ? v : void 0, z = O && Array.isArray(O.lobby || O.items) ? O.lobby || O.items : void 0, M = (W) => $ ? v : z || W;
2695
+ return b.items = M(z || []), b;
2696
+ }, P = (h) => {
2689
2697
  var $;
2690
- const h = !!(($ = f.apiUrl) != null && $.trim()), S = h ? u[f.id] : void 0;
2691
- let b = f.props ? { ...f.props } : {};
2692
- const v = E(f.manualScalarFields);
2698
+ const f = !!(($ = h.apiUrl) != null && $.trim()), _ = f ? u[h.id] : void 0;
2699
+ let b = h.props ? { ...h.props } : {};
2700
+ const v = E(h.manualScalarFields);
2693
2701
  if ([
2694
2702
  "OraculoSeccionEventoEnVivo",
2695
2703
  "OraculoSeccionEventoSemana",
2696
2704
  "OraculoSeccionEventoCombinadas"
2697
- ].includes(f.componentKey))
2698
- return console.log(S), { items: S, ...b, ...v };
2699
- if (b = { ...b, ...v }, h) b = R(S, null, b);
2700
- else if (f.dataMode === "manual") {
2701
- const O = k(f.manualItems);
2702
- b = R(
2705
+ ].includes(h.componentKey))
2706
+ return console.log(_), { items: _, ...b, ...v };
2707
+ if (b = { ...b, ...v }, f) b = R(_, null, b);
2708
+ else if (h.dataMode === "manual") {
2709
+ const O = N(h.manualItems);
2710
+ if (b = R(
2703
2711
  null,
2704
- { arr: O, variableName: f.variableName },
2712
+ { arr: O, variableName: h.variableName },
2705
2713
  b
2706
- );
2714
+ ), h.variableName2 && h.manualItems2) {
2715
+ const z = N(h.manualItems2), M = (h.variableName2 || "items2").trim() || "items2";
2716
+ b[M] = z;
2717
+ }
2707
2718
  }
2708
2719
  return b;
2709
- }, I = (f, h, S) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
2720
+ }, I = (h, f, _) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
2710
2721
  loading: "bg-blue-100 text-blue-800",
2711
2722
  error: "bg-red-100 text-red-800",
2712
2723
  component: "bg-yellow-100 text-yellow-800"
2713
- }[h]}`, children: S }, f), N = (f) => {
2714
- var A;
2715
- const h = f.componentKey, S = Yt[h];
2716
- if (!S)
2717
- return console.warn(`No hay componente registrado para "${h}"`), I(
2718
- f.id,
2724
+ }[f]}`, children: _ }, h), k = (h) => {
2725
+ var M;
2726
+ const f = h.componentKey, _ = Yt[f];
2727
+ if (!_)
2728
+ return console.warn(`No hay componente registrado para "${f}"`), I(
2729
+ h.id,
2719
2730
  "component",
2720
- `Componente "${h}" no encontrado`
2731
+ `Componente "${f}" no encontrado`
2721
2732
  );
2722
- const b = !!((A = f.apiUrl) != null && A.trim()), v = b ? u[f.id] : void 0, $ = b ? !!y[f.id] : !1, O = b ? w[f.id] : "";
2733
+ const b = !!((M = h.apiUrl) != null && M.trim()), v = b ? u[h.id] : void 0, $ = b ? !!y[h.id] : !1, O = b ? S[h.id] : "";
2723
2734
  if (b) {
2724
2735
  if ($ && !v)
2725
2736
  return I(
2726
- f.id,
2737
+ h.id,
2727
2738
  "loading",
2728
- `Cargando datos desde ${f.apiUrl}...`
2739
+ `Cargando datos desde ${h.apiUrl}...`
2729
2740
  );
2730
2741
  if (O && !v)
2731
2742
  return I(
2732
- f.id,
2743
+ h.id,
2733
2744
  "error",
2734
- `Error cargando ${f.apiUrl}: ${O}`
2745
+ `Error cargando ${h.apiUrl}: ${O}`
2735
2746
  );
2736
2747
  }
2737
- const L = P(f);
2748
+ const z = P(h);
2738
2749
  return /* @__PURE__ */ e(
2739
2750
  "div",
2740
2751
  {
@@ -2744,12 +2755,12 @@ const lo = ({
2744
2755
  width: "100%",
2745
2756
  boxSizing: "border-box"
2746
2757
  },
2747
- children: /* @__PURE__ */ e(S, { ...L })
2758
+ children: /* @__PURE__ */ e(_, { ...z })
2748
2759
  },
2749
- f.id
2760
+ h.id
2750
2761
  );
2751
2762
  };
2752
- return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && n.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
2763
+ 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(
2753
2764
  Se,
2754
2765
  {
2755
2766
  className: "oli-font",
@@ -2764,46 +2775,47 @@ const lo = ({
2764
2775
  maxWidth: "100%",
2765
2776
  overflowX: "hidden"
2766
2777
  },
2767
- children: /* @__PURE__ */ e(me, { direction: "column", spacing: 8, useFlexGap: !0, children: _.map(N) })
2778
+ children: /* @__PURE__ */ e(ue, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(k) })
2768
2779
  }
2769
2780
  );
2770
2781
  };
2771
2782
  export {
2772
2783
  T as OraculoButton,
2773
2784
  H as OraculoCarousel,
2774
- he as OraculoCarouselDots,
2775
- tt as OraculoClubOlimpoVisual,
2776
- dt as OraculoEventCombinadasCard,
2777
- pt as OraculoEventEnVivoCard,
2778
- Ue as OraculoEventHeader,
2779
- fe as OraculoEventLabel,
2785
+ fe as OraculoCarouselDots,
2786
+ ot as OraculoClubOlimpoVisual,
2787
+ pt as OraculoEventCombinadasCard,
2788
+ mt as OraculoEventEnVivoCard,
2789
+ ze as OraculoEventHeader,
2790
+ xe as OraculoEventLabel,
2780
2791
  Be as OraculoEventLeague,
2781
- xe as OraculoEventScore,
2782
- bt as OraculoEventSemanaCard,
2783
- Fe as OraculoEventStatus,
2784
- Pe as OraculoEventStatusBadge,
2785
- Q as OraculoEventTeamInfo,
2786
- q as OraculoGameCard,
2787
- Ve as OraculoGameRankCard,
2788
- be as OraculoGameSlide,
2789
- G as OraculoGridGroup,
2790
- et as OraculoLiveCasinoCard,
2791
- ae as OraculoLogoMediosPago,
2792
- lo as OraculoPageLandingPreview,
2793
- Dt as OraculoSeccionBanners,
2794
- Tt as OraculoSeccionBonoBienvenida,
2795
- It as OraculoSeccionCasino,
2796
- Ct as OraculoSeccionCasinoEnVivo,
2797
- Pt as OraculoSeccionClubOlimpo,
2798
- vt as OraculoSeccionDestacados,
2799
- zt as OraculoSeccionEventoCombinadas,
2792
+ be as OraculoEventScore,
2793
+ vt as OraculoEventSemanaCard,
2794
+ Ue as OraculoEventStatus,
2795
+ Fe as OraculoEventStatusBadge,
2796
+ Y as OraculoEventTeamInfo,
2797
+ K as OraculoGameCard,
2798
+ et as OraculoGameRankCard,
2799
+ ve as OraculoGameSlide,
2800
+ j as OraculoGridGroup,
2801
+ tt as OraculoLiveCasinoCard,
2802
+ ie as OraculoLogoMediosPago,
2803
+ po as OraculoPageLandingPreview,
2804
+ Ht as OraculoSeccionBanners,
2805
+ Pt as OraculoSeccionBonoBienvenida,
2806
+ Nt as OraculoSeccionCasino,
2807
+ Et as OraculoSeccionCasinoEnVivo,
2808
+ Ft as OraculoSeccionClubOlimpo,
2809
+ yt as OraculoSeccionDestacados,
2810
+ Mt as OraculoSeccionEventoCombinadas,
2800
2811
  Lt as OraculoSeccionEventoEnVivo,
2801
2812
  jt as OraculoSeccionEventoSemana,
2813
+ Xt as OraculoSeccionMediosPago,
2802
2814
  _t as OraculoSeccionTopJuegos,
2803
- Ot as OraculoSeccionVirtuales,
2815
+ Rt as OraculoSeccionVirtuales,
2804
2816
  D as OraculoSectionTitle,
2805
2817
  _t as OraculoTopJuegoItem,
2806
- ie as OraculoWelcomeBanner,
2807
- lo as default
2818
+ se as OraculoWelcomeBanner,
2819
+ po as default
2808
2820
  };
2809
2821
  //# sourceMappingURL=index.es.js.map