oraculo-ui 0.1.56 → 0.1.58

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as c, Fragment as Z } from "react/jsx-runtime";
 import { Link as ye, Box as j, Typography as we, Stack as Se, useMediaQuery as Be, Container as Me } from "@mui/material";
-import Le, { forwardRef as Fe, useRef as G, useImperativeHandle as We, useCallback as he, useState as W, useMemo as le, useLayoutEffect as ze, useEffect as Q } from "react";
+import Fe, { forwardRef as Le, useRef as G, useImperativeHandle as We, useCallback as he, useState as W, useMemo as le, useLayoutEffect as ze, useEffect as Q } from "react";
 import { Splide as je, SplideSlide as Ae } from "@splidejs/react-splide";
 import k from "@mui/material/Box";
 import M from "@mui/material/Skeleton";
@@ -11,7 +11,7 @@ import Ce from "@mui/icons-material/ChevronLeftRounded";
 import Ee from "@mui/icons-material/ChevronRightRounded";
 import Ge from "@mui/material/useMediaQuery";
 import { onSnapshot as Ue, doc as De } from "firebase/firestore";
-function L({
+function F({
   children: t,
   onClick: n,
   href: a,
@@ -292,7 +292,7 @@ function oe({ name: t, logo: n, size: a = "regular" }) {
     /* @__PURE__ */ e("span", { className: ee.name, children: t })
   ] });
 }
-const pt = je, mt = Ae, q = Fe(
+const pt = je, mt = Ae, q = Le(
   ({
     items: t = [],
     renderItem: n,
@@ -435,7 +435,7 @@ const pt = je, mt = Ae, q = Fe(
               transition: "opacity .15s ease, transform .15s ease",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ e(L, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
+            children: /* @__PURE__ */ e(F, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
           }
         )
       ]
@@ -910,7 +910,7 @@ const gt = ({
                       children: a
                     }
                   ),
-                  i && /* @__PURE__ */ e(L, { onClick: l, children: i })
+                  i && /* @__PURE__ */ e(F, { onClick: l, children: i })
                 ]
               }
             )
@@ -955,12 +955,12 @@ const gt = ({
         }
       ),
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: n })
+      /* @__PURE__ */ e(F, { onClick: a, variant: "primary", size: "md", children: n })
     ] })
   ] }),
   /* @__PURE__ */ c("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: n })
+    /* @__PURE__ */ e(F, { onClick: a, variant: "primary", size: "md", children: n })
   ] })
 ] }), bt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", _t = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", vt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", yt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", wt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", St = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", Ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", Et = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
   card: bt,
@@ -1164,9 +1164,9 @@ const Rt = "oraculo__OraculoEventDate-module__date___xhIlh", Bt = {
 function Mt({ text: t }) {
   return /* @__PURE__ */ e("div", { className: `oli-font ${Bt.date}`, children: t });
 }
-const Lt = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Ft = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", zt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
-  cardContainer: Lt,
-  cardBackground: Ft,
+const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", zt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
+  cardContainer: Ft,
+  cardBackground: Lt,
   jugadas: Wt,
   equipos: zt
 };
@@ -1196,7 +1196,7 @@ function jt({ event: t }) {
       ] }),
       /* @__PURE__ */ c(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
         /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (l = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : l.outcomes) != null ? o : []).map((x, b) => /* @__PURE__ */ e($e, { text: x.label.toUpperCase() }, b)) }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((u = (m = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : m.outcomes) != null ? u : []).map((x, b) => /* @__PURE__ */ e(L, { variant: "primary", fullHeight: !0, onClick: () => {
+        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((u = (m = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : m.outcomes) != null ? u : []).map((x, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
           pe(x.id);
         }, children: (x.odds / 1e3).toFixed(2) }, b)) }) })
       ] })
@@ -1239,7 +1239,7 @@ function At({
           /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
           /* @__PURE__ */ c("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
-              L,
+              F,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
@@ -1250,7 +1250,7 @@ function At({
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              F,
               {
                 ariaLabel: "Siguiente",
                 variant: "secondary",
@@ -1261,7 +1261,7 @@ function At({
               }
             )
           ] }),
-          /* @__PURE__ */ e(L, { variant: "secondary", onClick: b, children: "Ver más" })
+          /* @__PURE__ */ e(F, { variant: "secondary", onClick: b, children: "Ver más" })
         ]
       }
     ),
@@ -1476,11 +1476,11 @@ const Ut = (t, n) => {
                 }
               ),
               /* @__PURE__ */ e(k, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
-                L,
+                F,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => r == null ? void 0 : r(),
+                  onClick: () => (r == null ? void 0 : r()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                   children: "Ver más"
                 }
               ) })
@@ -1515,11 +1515,11 @@ const Ut = (t, n) => {
               }
             ),
             /* @__PURE__ */ e(k, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
-              L,
+              F,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => r == null ? void 0 : r(),
+                onClick: () => (r == null ? void 0 : r()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                 children: "Ver más"
               }
             ) })
@@ -1610,7 +1610,7 @@ const Ut = (t, n) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  L,
+                  F,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
@@ -1621,7 +1621,7 @@ const Ut = (t, n) => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  L,
+                  F,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
@@ -1634,7 +1634,7 @@ const Ut = (t, n) => {
               ]
             }
           ),
-          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(L, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
@@ -1719,7 +1719,7 @@ const Ut = (t, n) => {
     var v;
     (v = m.current) == null || v.next();
   }, s = () => {
-    window.location.href = "https://www.olimpo.bet/virtuales";
+    window.location.href = "https://www.olimpo.bet/juegos-virtuales";
   }, p = (v = !0, S = 4) => {
     const I = (C) => Array.from({ length: C }, (T, P) => ({ id: `sk-${C}-${P}`, imageUrl: "" })), f = [];
     return v && f.push({ id: "mosaic-loading", kind: "mosaic", items: I(5) }), f.push({ id: "grid-loading", kind: "grid", items: I(S) }), f;
@@ -1754,7 +1754,7 @@ const Ut = (t, n) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  L,
+                  F,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
@@ -1765,7 +1765,7 @@ const Ut = (t, n) => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  L,
+                  F,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
@@ -1778,7 +1778,7 @@ const Ut = (t, n) => {
               ]
             }
           ),
-          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(L, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
@@ -2085,14 +2085,14 @@ function eo({
     const P = [];
     for (const E of T) {
       const d = S([E]), h = v(E), w = C.reduce((g, y) => {
-        var R, F;
+        var R, L;
         g[y.eventId] || (g[y.eventId] = []);
         const N = y.outcomes.filter(
           (z) => d.has(z.id)
         );
         if (N.length > 0) {
           const z = Array.from(
-            (F = (R = h == null ? void 0 : h[0]) == null ? void 0 : R.requiredOutcomeIds) != null ? F : []
+            (L = (R = h == null ? void 0 : h[0]) == null ? void 0 : R.requiredOutcomeIds) != null ? L : []
           ), A = N.map((Y) => ({
             ...Y,
             position: z.indexOf(Y.id)
@@ -2156,8 +2156,8 @@ function eo({
   }, []);
   const I = l || void 0;
   return !u || u.length === 0 ? null : /* @__PURE__ */ e("section", { className: I, style: {
-    paddingLeft: 16,
-    paddingRight: 16,
+    // paddingLeft: 16,
+    // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
   }, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
@@ -2166,7 +2166,7 @@ function eo({
       /* @__PURE__ */ c("div", { className: Zt.controls, children: [
         /* @__PURE__ */ c(V, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
-            L,
+            F,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
@@ -2177,7 +2177,7 @@ function eo({
             }
           ),
           /* @__PURE__ */ e(
-            L,
+            F,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
@@ -2188,7 +2188,7 @@ function eo({
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { variant: "secondary", onClick: p, children: "Ver más" })
+        /* @__PURE__ */ e(F, { variant: "secondary", onClick: p, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
@@ -2292,7 +2292,7 @@ function ro({
       /* @__PURE__ */ c("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
         /* @__PURE__ */ c(V, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
-            L,
+            F,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
@@ -2303,7 +2303,7 @@ function ro({
             }
           ),
           /* @__PURE__ */ e(
-            L,
+            F,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
@@ -2314,7 +2314,7 @@ function ro({
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { variant: "secondary", onClick: p, children: "Ver más" })
+        /* @__PURE__ */ e(F, { variant: "secondary", onClick: p, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
@@ -2451,13 +2451,13 @@ function lo({
   }, [t]);
   const S = l || void 0, I = !x || x.length === 0;
   return /* @__PURE__ */ e("section", { className: S, style: {
-    paddingLeft: 16,
+    // paddingLeft: 16,
     width: "100%",
     boxSizing: "border-box"
   }, children: /* @__PURE__ */ c("div", { className: ce.wrapper, children: [
     /* @__PURE__ */ e("div", { className: ce.container, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(K, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: ce.buttonWrapper, children: /* @__PURE__ */ e(L, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+      /* @__PURE__ */ e("div", { className: ce.buttonWrapper, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
         p();
       }, children: "Ver más" }) })
     ] }) }),
@@ -2643,19 +2643,18 @@ function uo({
                 sx: {
                   display: "flex",
                   flexDirection: { xs: "column", md: "row" },
-                  // 👈 icono arriba en mobile, en fila en desktop
                   alignItems: "center",
                   justifyContent: "center",
                   gap: { xs: 0.5, md: 1 },
-                  // espacio icono-texto
                   color: "#FFFFFF",
                   minWidth: 0,
-                  cursor: o.onclick ? "pointer" : "default",
+                  cursor: o.onClick || o.href ? "pointer" : "default",
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
                   var r;
-                  return (r = o.onclick) == null ? void 0 : r.call(o);
+                  if (o.onClick) return o.onClick();
+                  if (o.href) return window.location.href = (r = o.href) != null ? r : "/#";
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
@@ -2679,7 +2678,6 @@ function uo({
                         fontWeight: 600,
                         color: "#E0E0E0",
                         textAlign: "center"
-                        // en mobile queda centrado bajo el icono
                       },
                       children: o.label
                     }
@@ -2813,8 +2811,8 @@ const ve = [
         try {
           let g = h.exists() ? ((w = h.data()) == null ? void 0 : w.sections) || [] : [];
           g = g.slice().sort((y, N) => {
-            var R, F;
-            return ((R = y.order) != null ? R : 0) - ((F = N.order) != null ? F : 0);
+            var R, L;
+            return ((R = y.order) != null ? R : 0) - ((L = N.order) != null ? L : 0);
           }).map((y, N) => ({ ...y, order: N + 1 })), l(g), console.log("fetched: ", g);
         } catch (g) {
           console.error("Error procesando landings/" + n, g);
@@ -2858,17 +2856,17 @@ const ve = [
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const F = await fetch(y, {
+    const L = await fetch(y, {
       method: w,
       headers: R,
       body: N
     });
-    if (!F.ok) throw new _e(F.status, y, F.statusText);
-    return F.json();
+    if (!L.ok) throw new _e(L.status, y, L.statusText);
+    return L.json();
   }, $ = le(
     () => t ? t.slice() : i.slice(),
     [t, i]
-  ), v = Le.useRef(/* @__PURE__ */ new Set());
+  ), v = Fe.useRef(/* @__PURE__ */ new Set());
   Q(() => {
     const d = $.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
     if (d.length)
@@ -2946,8 +2944,8 @@ const ve = [
       const A = (h.variableName || "items").trim() || "items";
       return g[A] = h.arr || [], g;
     }
-    const y = d, N = Array.isArray(y), R = !N && typeof y == "object" && y !== null ? y : void 0, F = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, z = (A) => N ? y : F || A;
-    return g.items = z(F || []), g;
+    const y = d, N = Array.isArray(y), R = !N && typeof y == "object" && y !== null ? y : void 0, L = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, z = (A) => N ? y : L || A;
+    return g.items = z(L || []), g;
   }, T = (d) => {
     var N;
     const h = !!((N = d.apiUrl) != null && N.trim()), w = h ? m[d.id] : void 0;
@@ -2963,8 +2961,8 @@ const ve = [
         { arr: R, variableName: d.variableName },
         g
       ), d.variableName2 && d.manualItems2) {
-        const F = I(d.manualItems2), z = (d.variableName2 || "items2").trim() || "items2";
-        g[z] = F;
+        const L = I(d.manualItems2), z = (d.variableName2 || "items2").trim() || "items2";
+        g[z] = L;
       }
     }
     return g;
@@ -2996,7 +2994,7 @@ const ve = [
           `Error cargando ${d.apiUrl}: ${R}`
         );
     }
-    const F = T(d), A = (/* @__PURE__ */ new Set([
+    const L = T(d), A = (/* @__PURE__ */ new Set([
       "OraculoSeccionBanners",
       "OraculoSeccionBonoBienvenida",
       "OraculoSeccionCasinoEnVivo",
@@ -3010,7 +3008,7 @@ const ve = [
       paddingRight: Y,
       width: "100%",
       boxSizing: "border-box"
-    }, children: /* @__PURE__ */ e(w, { ...F }) }, d.id);
+    }, children: /* @__PURE__ */ e(w, { ...L }) }, d.id);
   };
   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(
     Me,
@@ -3032,7 +3030,7 @@ const ve = [
   );
 };
 export {
-  L as OraculoButton,
+  F as OraculoButton,
   q as OraculoCarousel,
   ke as OraculoCarouselDots,
   xt as OraculoClubOlimpoVisual,