oraculo-ui 0.1.52 → 0.1.53

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