oraculo-ui 0.1.60 → 0.1.61

package/dist/index.es.js

@@ -15,10 +15,10 @@ function F({
   children: t,
   onClick: n,
   href: r,
-  target: a,
+  target: i,
   rel: u,
   type: o = "button",
-  disabled: i = !1,
+  disabled: a = !1,
   variant: p = "primary",
   size: m,
   fullWidth: g = !1,
@@ -41,12 +41,12 @@ function F({
     c && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: c }),
     !S && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
     x && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: x })
-  ] }), E = i ? !0 : void 0;
+  ] }), E = a ? !0 : void 0;
   return r ? /* @__PURE__ */ e(
     we,
     {
       href: r,
-      target: a,
+      target: i,
       rel: u,
       "aria-label": s,
       "aria-disabled": E,
@@ -71,12 +71,12 @@ function K({
   title: t,
   iconUrl: n,
   size: r = "md",
-  className: a = ""
+  className: i = ""
 }) {
   const o = [
     "orc-section-title",
     r ? `orc-section-title--${r}` : "",
-    a
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ l("div", { className: o, children: [
     n && /* @__PURE__ */ e(
@@ -94,38 +94,38 @@ const $e = ({
   total: t,
   active: n,
   onSelect: r,
-  className: a = ""
+  className: i = ""
 }) => {
   if (t <= 1) return null;
-  const u = ["orc-dots", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: u, role: "tablist", children: Array.from({ length: t }).map((o, i) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const u = ["orc-dots", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: u, role: "tablist", children: Array.from({ length: t }).map((o, a) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      "aria-selected": i === n,
-      "aria-label": `Ir al slide ${i + 1}`,
-      className: "orc-dots__dot" + (i === n ? " orc-dots__dot--active" : ""),
-      onClick: () => r == null ? void 0 : r(i)
+      "aria-selected": a === n,
+      "aria-label": `Ir al slide ${a + 1}`,
+      className: "orc-dots__dot" + (a === n ? " orc-dots__dot--active" : ""),
+      onClick: () => r == null ? void 0 : r(a)
     }
-  ) }, i)) });
+  ) }, a)) });
 };
 function V({
   children: t,
   minWidth: n = 32,
   spacing: r = 2,
-  justify: a = "stretch",
+  justify: i = "stretch",
   columns: u = null
 }) {
-  const o = u || `repeat(auto-fit, minmax(${n}px, 1fr))`, i = typeof r == "number" ? `${r * 8}px` : r;
+  const o = u || `repeat(auto-fit, minmax(${n}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        justifyItems: a,
-        gap: i,
+        justifyItems: i,
+        gap: a,
         height: "inherit"
       },
       children: t
@@ -231,7 +231,7 @@ function Qe({ live: t, time: n }) {
     n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Ye({ title: t, subtitle: n, live: r = !1, time: a = "" }) {
+function Ye({ title: t, subtitle: n, live: r = !1, time: i = "" }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -243,7 +243,7 @@ function Ye({ title: t, subtitle: n, live: r = !1, time: a = "" }) {
       },
       children: [
         /* @__PURE__ */ e(Je, { title: t, subtitle: n }),
-        /* @__PURE__ */ e(Qe, { live: r, time: a })
+        /* @__PURE__ */ e(Qe, { live: r, time: i })
       ]
     }
   );
@@ -297,10 +297,10 @@ const mt = Ae, ht = Ge, q = We(
     items: t = [],
     renderItem: n,
     perPage: r = 1,
-    gap: a = "0px",
+    gap: i = "0px",
     breakpoints: u,
     options: o = {},
-    className: i = "",
+    className: a = "",
     onMove: p,
     useIndexAsKey: m = !1
   }, g) => {
@@ -337,11 +337,11 @@ const mt = Ae, ht = Ge, q = We(
       focus: "start",
       autoWidth: !1,
       perPage: r,
-      gap: a,
+      gap: i,
       breakpoints: u,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: i, style: { width: "100%" }, children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
       mt,
       {
         ref: b,
@@ -359,11 +359,11 @@ const mt = Ae, ht = Ge, q = We(
   imageUrl: t,
   onClick: n,
   size: r = "sm",
-  fillParent: a = !1
+  fillParent: i = !1
 }) => {
   const u = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (p) => {
     p.stopPropagation(), n == null || n();
-  }, i = a ? { width: "100%", height: "100%" } : { width: `${u.w}px`, height: `${u.h}px` };
+  }, a = i ? { width: "100%", height: "100%" } : { width: `${u.w}px`, height: `${u.h}px` };
   return /* @__PURE__ */ l(
     O,
     {
@@ -375,7 +375,7 @@ const mt = Ae, ht = Ge, q = We(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...i,
+        ...a,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -446,7 +446,7 @@ function gt({
   imageUrl: t,
   orden: n = 1,
   onClick: r,
-  loading: a = !1,
+  loading: i = !1,
   sizes: u = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
@@ -459,7 +459,7 @@ function gt({
       xs: (N = (C = u.xs) == null ? void 0 : C[$]) != null ? N : v,
       md: (S = (_ = u.md) == null ? void 0 : _[$]) != null ? S : v
     };
-  }, i = o("w", 186), p = o("h", 264), m = o("r", 22.6), g = o("font", 64), b = {
+  }, a = o("w", 186), p = o("h", 264), m = o("r", 22.6), g = o("font", 64), b = {
     xs: Math.round(((s = (k = u.xs) == null ? void 0 : k.font) != null ? s : 64) * 0.28),
     md: Math.round(((x = (c = u.md) == null ? void 0 : c.font) != null ? x : 64) * 0.28)
   };
@@ -469,10 +469,10 @@ function gt({
       sx: {
         position: "relative",
         width: "100%",
-        maxWidth: { xs: `${i.xs}px`, md: `${i.md}px` },
+        maxWidth: { xs: `${a.xs}px`, md: `${a.md}px` },
         aspectRatio: {
-          xs: `${i.xs}/${p.xs}`,
-          md: `${i.md}/${p.md}`
+          xs: `${a.xs}/${p.xs}`,
+          md: `${a.md}/${p.md}`
         },
         borderRadius: { xs: `${m.xs}px`, md: `${m.md}px` },
         boxSizing: "border-box",
@@ -499,7 +499,7 @@ function gt({
               borderRadius: "inherit",
               overflow: "hidden"
             },
-            children: a ? /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(
               M,
               {
                 variant: "rectangular",
@@ -557,7 +557,7 @@ const ft = ({
   logo: t,
   provider: n,
   providerName: r,
-  machine: a,
+  machine: i,
   onClick: u
 }) => {
   var o;
@@ -590,7 +590,7 @@ const ft = ({
           {
             component: "img",
             src: t,
-            alt: `Juego ${a != null ? a : ""}`,
+            alt: `Juego ${i != null ? i : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -651,10 +651,10 @@ const ft = ({
   items: t,
   layout: n = "grid",
   onClick: r,
-  loading: a = !1,
+  loading: i = !1,
   gridSkeletonCount: u = 4
 }) => {
-  var o, i;
+  var o, a;
   if (n === "mosaic") {
     const p = t[0];
     console.log("big: ", p);
@@ -693,10 +693,10 @@ const ft = ({
                 overflow: "hidden",
                 borderRadius: 2
               },
-              children: a ? /* @__PURE__ */ e(ce, {}) : p && /* @__PURE__ */ e(
+              children: i ? /* @__PURE__ */ e(ce, {}) : p && /* @__PURE__ */ e(
                 te,
                 {
-                  imageUrl: `https://olimpo.bet${(i = (o = p.background) != null ? o : p.imageUrl) != null ? i : ""}`,
+                  imageUrl: `https://olimpo.bet${(a = (o = p.background) != null ? o : p.imageUrl) != null ? a : ""}`,
                   size: "lg",
                   fillParent: !0,
                   onClick: () => r == null ? void 0 : r(p, 0)
@@ -704,7 +704,7 @@ const ft = ({
               )
             }
           ),
-          (a ? Array.from({ length: 4 }) : m).map((g, b) => {
+          (i ? Array.from({ length: 4 }) : m).map((g, b) => {
             var k, s;
             return /* @__PURE__ */ e(
               O,
@@ -715,7 +715,7 @@ const ft = ({
                   overflow: "hidden",
                   borderRadius: 2
                 },
-                children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
+                children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
                   te,
                   {
                     imageUrl: `https://olimpo.bet${(s = (k = g.background) != null ? k : g.imageUrl) != null ? s : ""}`,
@@ -725,7 +725,7 @@ const ft = ({
                   }
                 )
               },
-              a ? `sk-${b}` : g.id
+              i ? `sk-${b}` : g.id
             );
           })
         ]
@@ -748,13 +748,13 @@ const ft = ({
         gap: `${se}px`,
         gridAutoFlow: "column"
       },
-      children: (a ? Array.from({ length: u }) : t).map((p, m) => {
+      children: (i ? Array.from({ length: u }) : t).map((p, m) => {
         var g, b, k;
         return /* @__PURE__ */ e(
           O,
           {
             sx: { overflow: "hidden", borderRadius: 2 },
-            children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
               te,
               {
                 imageUrl: `https://olimpo.bet${(b = (g = p.background) != null ? g : p.imageUrl) != null ? b : ""}`,
@@ -764,7 +764,7 @@ const ft = ({
               }
             )
           },
-          a ? `sk-${m}` : (k = p.id) != null ? k : m
+          i ? `sk-${m}` : (k = p.id) != null ? k : m
         );
       })
     }
@@ -773,10 +773,10 @@ const ft = ({
   title: t,
   amount: n,
   subtitle: r,
-  buttonText: a,
+  buttonText: i,
   onButtonClick: u,
   backgroundImage: o,
-  alt: i,
+  alt: a,
   className: p = "",
   variant: m = "small"
 }) => {
@@ -813,7 +813,7 @@ const ft = ({
               {
                 component: "img",
                 src: o,
-                alt: i != null ? i : "Fondo promocional",
+                alt: a != null ? a : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -912,7 +912,7 @@ const ft = ({
                       children: r
                     }
                   ),
-                  a && /* @__PURE__ */ e(F, { onClick: u, children: a })
+                  i && /* @__PURE__ */ e(F, { onClick: u, children: i })
                 ]
               }
             )
@@ -925,16 +925,16 @@ const ft = ({
   text: t,
   buttonLabel: n = "Conoce más",
   onClick: r,
-  imgAlt: a = "Club Olimpo",
+  imgAlt: i = "Club Olimpo",
   imgSrcMobile: u,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: i
+  imgSrcDesktopLogo: a
 }) => /* @__PURE__ */ l(Z, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
       src: u,
-      alt: a,
+      alt: i,
       className: "orc-co-bgMobileImg"
     }
   ) }),
@@ -943,16 +943,16 @@ const ft = ({
       "img",
       {
         src: o,
-        alt: `${a} fondo`,
+        alt: `${i} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
     /* @__PURE__ */ l("div", { className: "orc-co-desktopContent", children: [
-      i && /* @__PURE__ */ e(
+      a && /* @__PURE__ */ e(
         "img",
         {
-          src: i,
-          alt: `${a} logo`,
+          src: a,
+          alt: `${i} logo`,
           className: "orc-co-logoImg"
         }
       ),
@@ -988,13 +988,13 @@ function Ot() {
   window.location.href = "/deportes#specials";
 }
 function It({ event: t }) {
-  var a;
+  var i;
   function n(u) {
     var b;
-    const o = (b = u.betoffers) != null ? b : [], i = u.homeName, p = u.awayName, m = o.map((k) => {
+    const o = (b = u.betoffers) != null ? b : [], a = u.homeName, p = u.awayName, m = o.map((k) => {
       var $, v, C, N, _;
       let s = k.outcomes[0], c = "", x = s != null && s.line ? s.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (c = `Más de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (c = `Menos de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (c = s == null ? void 0 : s.label, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? c = `${i} o Empate` : s.label === "12" ? c = `${i} o ${p}` : s.label === "X2" && (c = `${p} o Empate`) : (s != null && s.participant ? c = s.participant : c = ($ = s == null ? void 0 : s.label) != null ? $ : "", x !== "" && c === s.label && (c = `${s.label} ${x}`)), {
+      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (c = `Más de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (c = `Menos de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (c = s == null ? void 0 : s.label, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? c = `${a} o Empate` : s.label === "12" ? c = `${a} o ${p}` : s.label === "X2" && (c = `${p} o Empate`) : (s != null && s.participant ? c = s.participant : c = ($ = s == null ? void 0 : s.label) != null ? $ : "", x !== "" && c === s.label && (c = `${s.label} ${x}`)), {
         id: (v = s == null ? void 0 : s.id) != null ? v : 0,
         value: c,
         label: k.criterion.label,
@@ -1035,11 +1035,11 @@ function It({ event: t }) {
     ] }) }),
     /* @__PURE__ */ l("button", { onClick: () => {
       var u, o;
-      return pe((o = (u = r == null ? void 0 : r.outcomes) == null ? void 0 : u.map((i) => i == null ? void 0 : i.id)) != null ? o : []);
+      return pe((o = (u = r == null ? void 0 : r.outcomes) == null ? void 0 : u.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
     }, className: H.cuotaTotal, children: [
       /* @__PURE__ */ l("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((a = t.combinadoTotal) != null ? a : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
@@ -1063,10 +1063,10 @@ function Nt({
   children: t,
   onClick: n,
   href: r,
-  target: a,
+  target: i,
   rel: u,
   type: o = "button",
-  disabled: i = !1,
+  disabled: a = !1,
   variant: p = "primary",
   size: m,
   fullWidth: g = !1,
@@ -1092,12 +1092,12 @@ function Nt({
     c && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: c }),
     !S && /* @__PURE__ */ e("span", { className: U["orc-btn__label"], children: t }),
     x && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: x })
-  ] }), E = i ? !0 : void 0;
+  ] }), E = a ? !0 : void 0;
   return r ? /* @__PURE__ */ e(
     we,
     {
       href: r,
-      target: a,
+      target: i,
       rel: u,
       "aria-label": s,
       "aria-disabled": E,
@@ -1122,8 +1122,8 @@ const Tt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
   cardWrapper: Tt
 };
 function Pt({ event: t, liveData: n, betOffers: r }) {
-  var u, o, i, p, m, g, b, k;
-  const a = r == null ? void 0 : r.find(
+  var u, o, a, p, m, g, b, k;
+  const i = r == null ? void 0 : r.find(
     (s) => {
       var c;
       return ((c = s.betOfferType) == null ? void 0 : c.id) === 2;
@@ -1148,13 +1148,13 @@ function Pt({ event: t, liveData: n, betOffers: r }) {
             logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(Ne, { text: ((p = (i = n == null ? void 0 : n.score) == null ? void 0 : i.home) != null ? p : 0) + ":" + ((g = (m = n == null ? void 0 : n.score) == null ? void 0 : m.away) != null ? g : 0), name: "En vivo" }),
+        /* @__PURE__ */ e(Ne, { text: ((p = (a = n == null ? void 0 : n.score) == null ? void 0 : a.home) != null ? p : 0) + ":" + ((g = (m = n == null ? void 0 : n.score) == null ? void 0 : m.away) != null ? g : 0), name: "En vivo" }),
         /* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png" })
       ] }) })
     ] }),
     /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(V, { spacing: 1, children: ((b = a == null ? void 0 : a.outcomes) != null ? b : []).map((s, c) => /* @__PURE__ */ e(Oe, { text: s.label.toUpperCase() }, c)) }),
-      /* @__PURE__ */ e(V, { spacing: 2, children: ((k = a == null ? void 0 : a.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Nt, { variant: "primary", disabled: s.odds == null || (a == null ? void 0 : a.cashOutStatus) == "SUSPENDED", onClick: () => {
+      /* @__PURE__ */ e(V, { spacing: 1, children: ((b = i == null ? void 0 : i.outcomes) != null ? b : []).map((s, c) => /* @__PURE__ */ e(Oe, { text: s.label.toUpperCase() }, c)) }),
+      /* @__PURE__ */ e(V, { spacing: 2, children: ((k = i == null ? void 0 : i.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Nt, { variant: "primary", disabled: s.odds == null || (i == null ? void 0 : i.cashOutStatus) == "SUSPENDED", onClick: () => {
         pe(s.id);
       }, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, c)) })
     ] })
@@ -1173,7 +1173,7 @@ const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt =
   equipos: jt
 };
 function zt({ event: t }) {
-  var r, a, u, o, i, p, m;
+  var r, i, u, o, a, p, m;
   function n(g) {
     const b = new Date(g), k = b.toLocaleDateString("es-ES", {
       weekday: "short"
@@ -1197,8 +1197,8 @@ function zt({ event: t }) {
         /* @__PURE__ */ e(Mt, { text: n(t.start) })
       ] }),
       /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? o : []).map((g, b) => /* @__PURE__ */ e(Oe, { text: g.label.toUpperCase() }, b)) }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((m = (p = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : p.outcomes) != null ? m : []).map((g, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
+        /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (u = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : u.outcomes) != null ? o : []).map((g, b) => /* @__PURE__ */ e(Oe, { text: g.label.toUpperCase() }, b)) }),
+        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((m = (p = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : p.outcomes) != null ? m : []).map((g, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
           pe(g.id);
         }, children: (g.odds / 1e3).toFixed(2) }, b)) }) })
       ] })
@@ -1209,10 +1209,10 @@ function At({
   items: t,
   title: n = "Destacados",
   iconUrl: r,
-  onViewMore: a,
+  onViewMore: i,
   className: u = ""
 }) {
-  const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), m = () => {
+  const o = G(null), [a, p] = z({ isStart: !0, isEnd: !1 }), m = () => {
     var c;
     (c = o.current) == null || c.prev();
   }, g = () => {
@@ -1248,7 +1248,7 @@ function At({
                 iconOnly: !0,
                 leftIcon: /* @__PURE__ */ e(de, {}),
                 onClick: m,
-                disabled: i.isStart
+                disabled: a.isStart
               }
             ),
             /* @__PURE__ */ e(
@@ -1259,7 +1259,7 @@ function At({
                 iconOnly: !0,
                 rightIcon: /* @__PURE__ */ e(ue, {}),
                 onClick: g,
-                disabled: i.isEnd
+                disabled: a.isEnd
               }
             )
           ] }),
@@ -1277,7 +1277,7 @@ function At({
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1321,20 +1321,20 @@ function At({
 function ae(t, {
   basePath: n = "/casino",
   src: r,
-  demo: a = !1,
+  demo: i = !1,
   host: u = "https://www.olimpo.bet"
 } = {}) {
   if (typeof window == "undefined") return;
   const o = t == null ? void 0 : t.machine;
   if (!o) return;
-  const i = new URLSearchParams();
-  i.set("machine", String(o)), a && i.set("demo", "1"), window.location.href = `${u}${n}?${i.toString()}`;
+  const a = new URLSearchParams();
+  a.set("machine", String(o)), i && a.set("demo", "1"), window.location.href = `${u}${n}?${a.toString()}`;
 }
 function Gt({
   items: t,
   title: n = "Top Juegos",
   iconUrl: r,
-  onCardClick: a
+  onCardClick: i
 }) {
   const u = oe(
     () => (t != null ? t : []).map((p, m) => {
@@ -1347,7 +1347,7 @@ function Gt({
       };
     }).sort((p, m) => p.orden != null && m.orden != null ? p.orden - m.orden : p._originalIndex - m._originalIndex),
     [t]
-  ), o = !t || t.length === 0, i = o ? Array.from({ length: 6 }) : u.slice(0, 6);
+  ), o = !t || t.length === 0, a = o ? Array.from({ length: 6 }) : u.slice(0, 6);
   return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
     /* @__PURE__ */ e(
@@ -1363,7 +1363,7 @@ function Gt({
           justifyItems: "center",
           width: "100%"
         },
-        children: i.map((p, m) => {
+        children: a.map((p, m) => {
           var g, b;
           return /* @__PURE__ */ e(
             gt,
@@ -1372,7 +1372,7 @@ function Gt({
               orden: o ? m + 1 : p.orden,
               loading: o,
               onClick: o ? void 0 : () => {
-                a ? a(p) : ae(p, { basePath: "/casino" });
+                i ? i(p) : ae(p, { basePath: "/casino" });
               }
             },
             o ? `sk-${m}` : (b = p.machine) != null ? b : `${m}`
@@ -1383,16 +1383,16 @@ function Gt({
   ] }) });
 }
 const Ut = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
 }, Dt = ({
   items: t,
   title: n = "Casino en vivo",
   subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: a = "",
+  backgroundMobileUrl: i = "",
   backgroundDesktopUrl: u = "",
   onCardClick: o,
-  onViewMore: i,
+  onViewMore: a,
   className: p
 }) => (console.log("items: ", t), /* @__PURE__ */ l(
   O,
@@ -1418,7 +1418,7 @@ const Ut = (t, n) => {
               xs: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${a}')
+              url('${i}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
@@ -1482,7 +1482,7 @@ const Ut = (t, n) => {
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
+                  onClick: () => (a == null ? void 0 : a()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                   children: "Ver más"
                 }
               ) })
@@ -1521,7 +1521,7 @@ const Ut = (t, n) => {
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
+                onClick: () => (a == null ? void 0 : a()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                 children: "Ver más"
               }
             ) })
@@ -1531,46 +1531,46 @@ const Ut = (t, n) => {
     ]
   }
 )), Be = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
 }, Vt = (t, n = !0, r = 4) => {
-  const a = t.map((i, p) => {
+  const i = t.map((a, p) => {
     var m;
     return {
-      id: Be(i, p),
-      imageUrl: (m = i.logo) != null ? m : "",
-      // ...(g.background ? { background: g.background } : {}),
-      background: i.background
+      id: Be(a, p),
+      imageUrl: (m = a.logo) != null ? m : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
-  if (!a.length) return [];
+  if (!i.length) return [];
   const u = [];
   let o = 0;
   if (n) {
-    const i = Math.min(a.length, 5);
+    const a = Math.min(i.length, 5);
     u.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, i)
-    }), o = i;
+      items: i.slice(0, a)
+    }), o = a;
   }
-  for (; o < a.length; ) {
-    const i = Math.min(o + r, a.length);
+  for (; o < i.length; ) {
+    const a = Math.min(o + r, i.length);
     u.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, i)
-    }), o = i;
+      items: i.slice(o, a)
+    }), o = a;
   }
   return u;
 }, Ht = ({
   items: t,
   title: n = "Casino",
   iconUrl: r = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: a,
+  onItemClick: i,
   onViewMore: u,
   mosaicFirst: o = !0,
-  gridSize: i = 4
+  gridSize: a = 4
 }) => {
   const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
     var v;
@@ -1583,7 +1583,7 @@ const Ut = (t, n) => {
   }, c = (v = !0, C = 4) => {
     const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
     return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
-  }, x = !t || t.length === 0, $ = x ? c(o, i) : Vt(t, o, i);
+  }, x = !t || t.length === 0, $ = x ? c(o, a) : Vt(t, o, a);
   return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ l(
       O,
@@ -1652,7 +1652,7 @@ const Ut = (t, n) => {
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1677,44 +1677,46 @@ const Ut = (t, n) => {
     )
   ] }) });
 }, Re = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
 }, Kt = (t, n = !0, r = 4) => {
-  const a = t.map((i, p) => {
+  const i = t.map((a, p) => {
     var m;
     return {
-      id: Re(i, p),
-      imageUrl: (m = i.logo) != null ? m : ""
+      id: Re(a, p),
+      imageUrl: (m = a.logo) != null ? m : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
-  if (!a.length) return [];
+  if (!i.length) return [];
   const u = [];
   let o = 0;
   if (n) {
-    const i = Math.min(a.length, 5);
+    const a = Math.min(i.length, 5);
     u.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, i)
-    }), o = i;
+      items: i.slice(0, a)
+    }), o = a;
   }
-  for (; o < a.length; ) {
-    const i = Math.min(o + r, a.length);
+  for (; o < i.length; ) {
+    const a = Math.min(o + r, i.length);
     u.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, i)
-    }), o = i;
+      items: i.slice(o, a)
+    }), o = a;
   }
   return u;
 }, qt = ({
   items: t,
   title: n = "Virtuales",
   iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: a,
+  onItemClick: i,
   onViewMore: u,
   mosaicFirst: o = !0,
-  gridSize: i = 4
+  gridSize: a = 4
 }) => {
   const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
     var v;
@@ -1727,7 +1729,7 @@ const Ut = (t, n) => {
   }, c = (v = !0, C = 4) => {
     const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
     return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
-  }, x = !t || t.length === 0, $ = x ? c(o, i) : Kt(t, o, i);
+  }, x = !t || t.length === 0, $ = x ? c(o, a) : Kt(t, o, a);
   return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ l(
       O,
@@ -1796,7 +1798,7 @@ const Ut = (t, n) => {
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1857,14 +1859,14 @@ const Ut = (t, n) => {
   headline: t,
   headline2: n,
   items: r,
-  backgroundImageUrl: a
+  backgroundImageUrl: i
 }) => {
-  const u = Ue("(max-width: 767px)"), o = r.length > 1, i = G(null), [p, m] = z(0), g = r == null ? void 0 : r[p], b = oe(
+  const u = Ue("(max-width: 767px)"), o = r.length > 1, a = G(null), [p, m] = z(0), g = r == null ? void 0 : r[p], b = oe(
     () => {
       var c, x;
-      return (x = (c = g == null ? void 0 : g.backgroundImageUrl) != null ? c : a) != null ? x : "";
+      return (x = (c = g == null ? void 0 : g.backgroundImageUrl) != null ? c : i) != null ? x : "";
     },
-    [g, a]
+    [g, i]
   ), k = Jt(b), s = (c, x) => {
     var C, N;
     const $ = (C = c.headline) != null ? C : t, v = (N = c.headline2) != null ? N : n;
@@ -1931,7 +1933,7 @@ const Ut = (t, n) => {
     /* @__PURE__ */ e(
       q,
       {
-        ref: i,
+        ref: a,
         items: r,
         perPage: 1,
         gap: "0px",
@@ -1949,7 +1951,7 @@ const Ut = (t, n) => {
         active: p,
         onSelect: (c) => {
           var x;
-          m(c), (x = i.current) == null || x.go(c);
+          m(c), (x = a.current) == null || x.go(c);
         }
       }
     ) })
@@ -1958,17 +1960,17 @@ const Ut = (t, n) => {
   className: t = "",
   fullBleed: n = !0,
   items: r,
-  selectedIndex: a = 0,
+  selectedIndex: i = 0,
   ariaLabel: u
 }) => {
-  const o = G(null), i = G(null);
+  const o = G(null), a = G(null);
   if (!r) return null;
   const p = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, m = Array.isArray(r) ? r[a] : r;
+  }, m = Array.isArray(r) ? r[i] : r;
   ze(() => {
-    if (!o.current || !i.current || typeof ResizeObserver == "undefined") return;
-    const b = o.current, k = i.current, s = () => {
+    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
+    const b = o.current, k = a.current, s = () => {
       b.style.setProperty(
         "--orc-co-bottomH",
         `${k.offsetHeight + 16}px`
@@ -1987,7 +1989,7 @@ const Ut = (t, n) => {
       ref: o,
       className: g,
       "aria-label": u || m.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: i, children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
         xt,
         {
           text: m.text,
@@ -2007,10 +2009,10 @@ function eo({
   items: t,
   title: n = "Combinadas del Olimpo",
   iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
-  onViewMore: a,
+  onViewMore: i,
   className: u = ""
 }) {
-  const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), [m, g] = z([]), b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group/prepackcoupon.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764284658793&prePackCouponTags=CUSTOM", k = () => {
+  const o = G(null), [a, p] = z({ isStart: !0, isEnd: !1 }), [m, g] = z([]), b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group/prepackcoupon.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764284658793&prePackCouponTags=CUSTOM", k = () => {
     var _;
     (_ = o.current) == null || _.prev();
   }, s = () => {
@@ -2127,7 +2129,7 @@ function eo({
               iconOnly: !0,
               leftIcon: /* @__PURE__ */ e(de, {}),
               onClick: k,
-              disabled: i.isStart
+              disabled: a.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2138,7 +2140,7 @@ function eo({
               iconOnly: !0,
               rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: i.isEnd
+              disabled: a.isEnd
             }
           )
         ] }),
@@ -2207,15 +2209,15 @@ function ro({
   items: t,
   title: n = "En vivo",
   iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
-  onViewMore: a,
+  onViewMore: i,
   className: u = ""
 }) {
-  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]), k = () => {
+  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 = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]), k = () => {
     var C;
-    (C = i.current) == null || C.prev();
+    (C = a.current) == null || C.prev();
   }, s = () => {
     var C;
-    (C = i.current) == null || C.next();
+    (C = a.current) == null || C.next();
   }, c = () => {
     kt();
   };
@@ -2274,7 +2276,7 @@ function ro({
     /* @__PURE__ */ e(
       q,
       {
-        ref: i,
+        ref: a,
         items: v ? Array(4).fill({}) : g == null ? void 0 : g.filter((C) => C.event.sport === "FOOTBALL").sort(
           (C, N) => new Date(N.event.start).getTime() - new Date(C.event.start).getTime()
         ),
@@ -2329,10 +2331,10 @@ function lo({
   items: t,
   title: n = "En vivo",
   iconUrl: r,
-  onViewMore: a,
+  onViewMore: i,
   className: u = ""
 }) {
-  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]);
+  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 = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]);
   function k(_) {
     return [..._].sort(
       (S, P) => new Date(S.start).getTime() - new Date(P.start).getTime()
@@ -2418,7 +2420,7 @@ function lo({
     /* @__PURE__ */ e("div", { style: { minWidth: "180px" }, children: /* @__PURE__ */ e(
       q,
       {
-        ref: i,
+        ref: a,
         items: N ? Array(6).fill({}) : g,
         perPage: 3.5,
         gap: "16px",
@@ -2436,7 +2438,7 @@ function uo({
   backgrounds: t,
   items: n
 }) {
-  const [r, a] = z(0), u = (t == null ? void 0 : t.length) || 1;
+  const [r, i] = z(0), u = (t == null ? void 0 : t.length) || 1;
   return /* @__PURE__ */ l(
     j,
     {
@@ -2476,9 +2478,9 @@ function uo({
                     // left: 0,
                     // right: 0,
                   },
-                  onMove: ({ index: o }) => a(o),
+                  onMove: ({ index: o }) => i(o),
                   renderItem: (o) => {
-                    var i;
+                    var a;
                     return /* @__PURE__ */ l(
                       j,
                       {
@@ -2511,7 +2513,7 @@ function uo({
                                   j,
                                   {
                                     component: "img",
-                                    src: (i = o.fallbackSrc) != null ? i : o.desktopSrc,
+                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2606,9 +2608,9 @@ function uo({
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var i;
+                  var a;
                   if (o.onClick) return o.onClick();
-                  if (o.href) return window.location.href = (i = o.href) != null ? i : "/#";
+                  if (o.href) return window.location.href = (a = o.href) != null ? a : "/#";
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
@@ -2691,7 +2693,7 @@ function mo({
         }
       }
     ),
-    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((a, u) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, u) => /* @__PURE__ */ e(
       Ce,
       {
         direction: "row",
@@ -2699,7 +2701,7 @@ function mo({
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: a.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
+        children: i.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
       },
       u
     )) }),
@@ -2715,7 +2717,7 @@ function mo({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: r.map((a) => /* @__PURE__ */ e(ge, { ...a }, `${a.src}-${a.alt}`))
+        children: r.map((i) => /* @__PURE__ */ e(ge, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
@@ -2739,8 +2741,8 @@ const ho = {
   )
 );
 class ve extends Error {
-  constructor(n, r, a) {
-    super(`HTTP ${n} ${a}`), this.status = n, this.url = r, this.statusText = a, this.name = "HttpError";
+  constructor(n, r, i) {
+    super(`HTTP ${n} ${i}`), this.status = n, this.url = r, this.statusText = i, this.name = "HttpError";
   }
 }
 const ye = [
@@ -2752,12 +2754,12 @@ const ye = [
   docId: n = "home",
   db: r
 }) => {
-  const [a, u] = z(
+  const [i, u] = z(
     []
-  ), [o, i] = z(!1), [p, m] = z({}), [g, b] = z({}), [k, s] = z({}), c = Me("(min-width:1024px)");
+  ), [o, a] = z(!1), [p, m] = z({}), [g, b] = z({}), [k, s] = z({}), c = Me("(min-width:1024px)");
   Q(() => {
     if (t || !r) return;
-    i(!0);
+    a(!0);
     const d = De(
       Ve(r, "landings", n),
       (h) => {
@@ -2771,17 +2773,17 @@ const ye = [
         } catch (f) {
           console.error("Error procesando landings/" + n, f);
         } finally {
-          i(!1);
+          a(!1);
         }
       },
       (h) => {
-        console.error("Error escuchando landings/" + n, h), i(!1);
+        console.error("Error escuchando landings/" + n, h), a(!1);
       }
     );
     return () => d();
   }, [t, n, r]), Q(() => {
-    (t ? t.slice() : a.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
-  }, [t, a]);
+    (t ? t.slice() : i.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
+  }, [t, i]);
   const x = async (d) => {
     if (ye.includes(d.componentKey))
       return {
@@ -2818,8 +2820,8 @@ const ye = [
     if (!L.ok) throw new ve(L.status, y, L.statusText);
     return L.json();
   }, $ = oe(
-    () => t ? t.slice() : a.slice(),
-    [t, a]
+    () => t ? t.slice() : i.slice(),
+    [t, i]
   ), v = Le.useRef(/* @__PURE__ */ new Set());
   Q(() => {
     const d = $.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
@@ -2964,7 +2966,7 @@ const ye = [
       boxSizing: "border-box"
     }, children: /* @__PURE__ */ e(w, { ...L }) }, d.id);
   };
-  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
+  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
     Fe,
     {
       className: "oli-font",