oraculo-ui 0.2.27 → 0.2.28

package/dist/index.es.js

@@ -11,8 +11,8 @@ import { ChevronLeftRounded as Ae, ChevronRightRounded as ze } from "@mui/icons-
 import xe from "@mui/material/useMediaQuery";
 import lt from "@mui/icons-material/ChevronLeftRounded";
 import ct from "@mui/icons-material/ChevronRightRounded";
-import { useTheme as zt, createTheme as Rt, ThemeProvider as Lt } from "@mui/material/styles";
-import Pt from "@mui/material/CssBaseline";
+import { useTheme as zt, createTheme as Rt, ThemeProvider as Pt } from "@mui/material/styles";
+import Lt from "@mui/material/CssBaseline";
 import { onSnapshot as Ft, doc as qt } from "firebase/firestore";
 function Y({
   children: e,
@@ -178,7 +178,7 @@ function Ze({ src: e, alt: a }) {
     }
   );
 }
-const Dt = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Ut = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Vt = "oraculo__OraculoEventTitle-module__subtitle___TmHna", Le = {
+const Dt = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Ut = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Vt = "oraculo__OraculoEventTitle-module__subtitle___TmHna", Pe = {
   contenedor: Dt,
   flexGroup: Ut,
   subtitle: Vt
@@ -187,7 +187,7 @@ function Wt({ title: e, subtitle: a }) {
   return /* @__PURE__ */ v(
     "div",
     {
-      className: Le.contenedor,
+      className: Pe.contenedor,
       children: [
         /* @__PURE__ */ t(
           "span",
@@ -203,14 +203,14 @@ function Wt({ title: e, subtitle: a }) {
         a && /* @__PURE__ */ v(
           "div",
           {
-            className: Le.flexGroup,
+            className: Pe.flexGroup,
             children: [
               /* @__PURE__ */ v("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
                 " ",
                 /* @__PURE__ */ t("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
               ] }),
-              /* @__PURE__ */ t("span", { className: Le.subtitle, children: a }),
+              /* @__PURE__ */ t("span", { className: Pe.subtitle, children: a }),
               /* @__PURE__ */ t("div", {})
             ]
           }
@@ -442,14 +442,14 @@ const ga = "oraculo__OraculoCarousel-module__gradientOverlay___xYDfc", ha = "ora
     }));
     const h = (C) => {
       var W;
-      const A = C.Components.Slides, M = C.Components.Controller, w = C.root.querySelector(".splide__track"), k = (W = w == null ? void 0 : w.clientWidth) != null ? W : 0, L = M.getIndex(), z = A.getLength();
-      let R = 0, U = L;
-      for (let G = L; G < z; G++) {
+      const A = C.Components.Slides, M = C.Components.Controller, w = C.root.querySelector(".splide__track"), k = (W = w == null ? void 0 : w.clientWidth) != null ? W : 0, P = M.getIndex(), z = A.getLength();
+      let R = 0, U = P;
+      for (let G = P; G < z; G++) {
         const J = A.getAt(G);
         if (!J || (R += J.slide.offsetWidth, R > k)) break;
         U = G;
       }
-      return { visibleStart: L, visibleEnd: U };
+      return { visibleStart: P, visibleEnd: U };
     }, E = (C) => {
       const A = C.root.querySelector(".splide__track"), M = C.root.querySelector(".splide__list");
       return !A || !M ? !1 : M.scrollWidth > A.clientWidth + 1;
@@ -467,12 +467,12 @@ const ga = "oraculo__OraculoCarousel-module__gradientOverlay___xYDfc", ha = "ora
         });
         return;
       }
-      const { visibleStart: w, visibleEnd: k } = h(C), L = w === 0, z = k === M - 1;
-      u && ((U = x.current) == null || U.style.setProperty("--gradient-opacity", L ? "0" : "1"), (W = _.current) == null || W.style.setProperty("--gradient-opacity", z ? "0" : "1"));
+      const { visibleStart: w, visibleEnd: k } = h(C), P = w === 0, z = k === M - 1;
+      u && ((U = x.current) == null || U.style.setProperty("--gradient-opacity", P ? "0" : "1"), (W = _.current) == null || W.style.setProperty("--gradient-opacity", z ? "0" : "1"));
       const R = C.Components.Controller.getIndex();
       c == null || c({
         index: R,
-        isStart: L,
+        isStart: P,
         isEnd: z,
         total: M,
         visibleStart: w,
@@ -866,7 +866,7 @@ const wa = ({
       ]
     }
   );
-}, Pe = 12, Fe = ({ r: e = 16 }) => /* @__PURE__ */ t(q, { sx: { width: "100%", height: "100%", borderRadius: e, overflow: "hidden" }, children: /* @__PURE__ */ t(
+}, Le = 12, Fe = ({ r: e = 16 }) => /* @__PURE__ */ t(q, { sx: { width: "100%", height: "100%", borderRadius: e, overflow: "hidden" }, children: /* @__PURE__ */ t(
   j,
   {
     variant: "rectangular",
@@ -909,8 +909,8 @@ const wa = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${Pe}px`,
-          rowGap: `${Pe}px`,
+          columnGap: `${Le}px`,
+          rowGap: `${Le}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
@@ -977,7 +977,7 @@ const wa = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${Pe}px`,
+        gap: `${Le}px`,
         gridAutoFlow: "column"
       },
       children: (o ? Array.from({ length: i }) : e).map((c, p) => {
@@ -1254,7 +1254,7 @@ function Ra({ coupon: e }) {
       var T;
       const _ = (T = x.betoffers) != null ? T : [], h = x.homeName, E = x.awayName;
       _.forEach((D) => {
-        var A, M, w, k, L, z, R;
+        var A, M, w, k, P, z, R;
         if (!((A = D == null ? void 0 : D.outcomes) != null && A.length)) return;
         const y = D.outcomes[0];
         if (!y) return;
@@ -1263,7 +1263,7 @@ function Ra({ coupon: e }) {
         ["Más de", "Mas de", "Over"].includes(y.label) ? ($ = `Más de ${C}`, y.participant && ($ = `${y.participant} - ${$}`)) : ["Menos de", "Menos", "Under"].includes(y.label) ? ($ = `Menos de ${C}`, y.participant && ($ = `${y.participant} - ${$}`)) : ["Sí", "No"].includes(y.label) ? ($ = y.label, y.participant && ($ = `${y.participant} - ${$}`)) : ["1X", "12", "X2"].includes(y.label) ? (y.label === "1X" && ($ = `${h} o Empate`), y.label === "12" && ($ = `${h} o ${E}`), y.label === "X2" && ($ = `${E} o Empate`)) : ($ = (w = (M = y.participant) != null ? M : y.label) != null ? w : "", C !== "" && $ === y.label && ($ = `${y.label} ${C}`)), m.push({
           id: y.id,
           value: $,
-          label: (L = (k = D.criterion) == null ? void 0 : k.label) != null ? L : "",
+          label: (P = (k = D.criterion) == null ? void 0 : k.label) != null ? P : "",
           odds: (z = y.odds) != null ? z : 0,
           position: (R = y.position) != null ? R : 0,
           eventId: x.id
@@ -1399,7 +1399,7 @@ const de = {
   "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
   "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
 };
-function La({
+function Pa({
   children: e,
   onClick: a,
   href: n,
@@ -1458,8 +1458,8 @@ function La({
     }
   );
 }
-const Pa = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Fa = "oraculo__OraculoEventEnVivoCard-module__customButtonLabel___QRhk7", qa = "oraculo__OraculoEventEnVivoCard-module__customButtonDisabled___jwioF", ke = {
-  cardWrapper: Pa,
+const La = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Fa = "oraculo__OraculoEventEnVivoCard-module__customButtonLabel___QRhk7", qa = "oraculo__OraculoEventEnVivoCard-module__customButtonDisabled___jwioF", ke = {
+  cardWrapper: La,
   customButtonLabel: Fa,
   customButtonDisabled: qa
 }, Je = {
@@ -1523,7 +1523,7 @@ function Da({ event: e, liveData: a, betOffers: n, jersey: o }) {
     ] }),
     /* @__PURE__ */ v(H, { direction: "column", spacing: 1, useFlexGap: !0, children: [
       /* @__PURE__ */ t(me, { spacing: 1, children: ((_ = i == null ? void 0 : i.outcomes) != null ? _ : s).map((E, T) => /* @__PURE__ */ t(ut, { text: E.label.toUpperCase() }, T)) }),
-      /* @__PURE__ */ t(me, { spacing: 2, children: ((h = i == null ? void 0 : i.outcomes) != null ? h : s).map((E, T) => /* @__PURE__ */ t(La, { variant: "primary", disabled: E.odds == null || (i == null ? void 0 : i.cashOutStatus) == "SUSPENDED", onClick: () => {
+      /* @__PURE__ */ t(me, { spacing: 2, children: ((h = i == null ? void 0 : i.outcomes) != null ? h : s).map((E, T) => /* @__PURE__ */ t(Pa, { variant: "primary", disabled: E.odds == null || (i == null ? void 0 : i.cashOutStatus) == "SUSPENDED", onClick: () => {
         Ue("/deportes#event/live/" + e.id, E.id);
       }, className: ke.customButtonDisabled, children: /* @__PURE__ */ t("span", { className: ke.customButtonLabel, children: E.odds === void 0 ? "" : (E.odds / 1e3).toFixed(2) }) }, T)) })
     ] })
@@ -2248,8 +2248,8 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
     const k = (z) => Array.from({ length: z }, (R, U) => ({
       id: `sk-${z}-${U}`,
       imageUrl: ""
-    })), L = [];
-    return M && L.push({ id: "mosaic-loading", kind: "mosaic", items: k(5) }), L.push({ id: "grid-loading", kind: "grid", items: k(w) }), L;
+    })), P = [];
+    return M && P.push({ id: "mosaic-loading", kind: "mosaic", items: k(5) }), P.push({ id: "grid-loading", kind: "grid", items: k(w) }), P;
   }, $ = b ? _ : !Array.isArray(e) || e.length === 0, C = De("(max-width:950px)"), A = $ ? y(r, s) : pn(h, r, s);
   return /* @__PURE__ */ t("section", { children: /* @__PURE__ */ v(H, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ v(
@@ -2349,8 +2349,8 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
                   section: a || "Casino"
                 }
               });
-              const L = se("showIframe"), z = se("loadMachine");
-              L == null || L(), z == null || z(k, !1, "CASINO");
+              const P = se("showIframe"), z = se("loadMachine");
+              P == null || P(), z == null || z(k, !1, "CASINO");
             }
           }
         ) }),
@@ -2574,8 +2574,8 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
                   section: a || "Virtuales"
                 }
               });
-              const k = se("showIframe"), L = se("loadMachine");
-              k == null || k(), L == null || L(
+              const k = se("showIframe"), P = se("loadMachine");
+              k == null || k(), P == null || P(
                 w,
                 !1,
                 b ? "VIRTUALES_PERSONALIZE" : "VIRTUALES"
@@ -2687,7 +2687,7 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
   Q(() => {
     const w = g.current;
     if (!w) return;
-    const k = 6, L = 380, z = (R) => {
+    const k = 6, P = 380, z = (R) => {
       var J, I;
       if ($ || R.ctrlKey || h.current) return;
       const U = R.deltaX, W = R.deltaY;
@@ -2695,13 +2695,13 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
       const G = U > 0;
       G && _.current.isEnd || !G && _.current.isStart || (R.preventDefault(), h.current = !0, G ? (J = p.current) == null || J.next() : (I = p.current) == null || I.prev(), E.current && window.clearTimeout(E.current), E.current = window.setTimeout(() => {
         h.current = !1;
-      }, L));
+      }, P));
     };
     return w.addEventListener("wheel", z, { passive: !1 }), () => {
       w.removeEventListener("wheel", z), E.current && window.clearTimeout(E.current);
     };
   }, [$]);
-  const M = (w, k, L) => {
+  const M = (w, k, P) => {
     var U, W;
     const z = (U = w.headline) != null ? U : e, R = (W = w.headline2) != null ? W : a;
     return k ? /* @__PURE__ */ v(
@@ -2739,7 +2739,7 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
             Xe,
             {
               ...w,
-              onButtonClick: () => C(w, L),
+              onButtonClick: () => C(w, P),
               variant: "large"
             }
           ) }) })
@@ -2757,7 +2757,7 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
         Xe,
         {
           ...w,
-          onButtonClick: () => C(w, L),
+          onButtonClick: () => C(w, P),
           variant: "small"
         }
       ) })
@@ -2782,8 +2782,8 @@ const en = "https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommend
           // drag: true,
         },
         renderItem: (w, k) => /* @__PURE__ */ t(q, { sx: { width: "100%" }, children: M(w, !s, k) }),
-        onMove: ({ index: w, isStart: k, isEnd: L }) => {
-          f(w), typeof k == "boolean" && typeof L == "boolean" && x({ isStart: k, isEnd: L }), A(w);
+        onMove: ({ index: w, isStart: k, isEnd: P }) => {
+          f(w), typeof k == "boolean" && typeof P == "boolean" && x({ isStart: k, isEnd: P }), A(w);
         }
       }
     ) }),
@@ -2996,7 +2996,7 @@ function Tn({
         console.error("Could not extract group ID");
         return;
       }
-      const L = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${k}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, R = await (await fetch(L)).json();
+      const P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${k}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, R = await (await fetch(P)).json();
       d(En(R.events, R.betOffers, R.prePackCoupons));
     } catch (M) {
       console.error("loadDataEventSpecial error:", M);
@@ -3141,8 +3141,8 @@ function St({
             s((A) => {
               const M = { ...A };
               for (const [w, k] of Object.entries($.events)) {
-                const L = Number(w);
-                M[L] || (M[L] = k);
+                const P = Number(w);
+                M[P] || (M[P] = k);
               }
               return M;
             });
@@ -3227,8 +3227,8 @@ function Rn({
       if (!x.current) {
         x.current = !0;
         try {
-          const J = await (await fetch("https://api.mktolimpo.com/api/kambi/eventos/orden")).json(), I = ((z = J == null ? void 0 : J.data) == null ? void 0 : z.event_ids) || [], P = /* @__PURE__ */ new Map();
-          I.forEach((K, l) => P.set(String(K), l)), T.current = P;
+          const J = await (await fetch("https://api.mktolimpo.com/api/kambi/eventos/orden")).json(), I = ((z = J == null ? void 0 : J.data) == null ? void 0 : z.event_ids) || [], L = /* @__PURE__ */ new Map();
+          I.forEach((K, l) => L.set(String(K), l)), T.current = L;
         } catch (G) {
           console.error("Order fetch failed, using default sorting", G);
         }
@@ -3240,8 +3240,8 @@ function Rn({
         u(W);
       else {
         const G = [...W].sort((J, I) => {
-          const P = T.current.get(String(J.event.id)), K = T.current.get(String(I.event.id));
-          return (P !== void 0 ? P : 1 / 0) - (K !== void 0 ? K : 1 / 0);
+          const L = T.current.get(String(J.event.id)), K = T.current.get(String(I.event.id));
+          return (L !== void 0 ? L : 1 / 0) - (K !== void 0 ? K : 1 / 0);
         });
         u(G);
       }
@@ -3263,7 +3263,7 @@ function Rn({
     // same as your previous BUFFER
     debounceMs: 300
     // same as your previous debouncedVisibleRange
-  }), M = i || void 0, w = g === null, k = ie(() => w ? Array(4).fill({}) : (g == null ? void 0 : g.slice(0, 20)) || [], [w, g]), L = xe("(max-width:950px)");
+  }), M = i || void 0, w = g === null, k = ie(() => w ? Array(4).fill({}) : (g == null ? void 0 : g.slice(0, 20)) || [], [w, g]), P = xe("(max-width:950px)");
   return !w && g.length === 0 ? null : /* @__PURE__ */ t("section", { className: M, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
@@ -3306,7 +3306,7 @@ function Rn({
         ref: s,
         items: k,
         perPage: void 0,
-        showRightGradient: !L,
+        showRightGradient: !P,
         enableHorizontalWheel: !0,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: "move" },
@@ -3335,7 +3335,7 @@ function Rn({
     )
   ] }) });
 }
-function Ln() {
+function Pn() {
   return /* @__PURE__ */ v("div", { className: be.cardContainer, children: [
     /* @__PURE__ */ t(mt, { title: "" }),
     /* @__PURE__ */ t("div", { className: be.cardBackground, children: /* @__PURE__ */ v(H, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
@@ -3363,8 +3363,8 @@ function Ln() {
     ] }) })
   ] });
 }
-const Pn = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Fn = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", qn = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", Dn = "oraculo__OraculoSeccionEventoSemana-module__padding___vfUcV", Ie = {
-  wrapper: Pn,
+const Ln = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Fn = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", qn = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", Dn = "oraculo__OraculoSeccionEventoSemana-module__padding___vfUcV", Ie = {
+  wrapper: Ln,
   container: Fn,
   buttonWrapper: qn,
   padding: Dn
@@ -3425,7 +3425,7 @@ function Hn({
     }), Aa();
   };
   async function E(M) {
-    var L, z;
+    var P, z;
     let w = [], k = [];
     try {
       const R = await fetch(
@@ -3434,7 +3434,7 @@ function Hn({
       );
       if (R.ok) {
         const U = await R.json();
-        w = ((L = U == null ? void 0 : U.data) == null ? void 0 : L.group_ids) || [], k = ((z = U == null ? void 0 : U.data) == null ? void 0 : z.event_ids) || [];
+        w = ((P = U == null ? void 0 : U.data) == null ? void 0 : P.group_ids) || [], k = ((z = U == null ? void 0 : U.data) == null ? void 0 : z.event_ids) || [];
       }
     } catch (R) {
       R.name !== "AbortError" && console.warn("Order API not available, using default group order");
@@ -3458,7 +3458,7 @@ function Hn({
           return N !== void 0 && B !== void 0 ? N - B : N !== void 0 ? -1 : B !== void 0 ? 1 : 0;
         });
       }
-      const I = G.slice(0, 5), P = (l) => {
+      const I = G.slice(0, 5), L = (l) => {
         const S = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
         if (l.groups && l.groups.length > 0) {
           const O = l.groups[0];
@@ -3469,7 +3469,7 @@ function Hn({
         return [
           `${S}/${l.termKey}/all/all/matches.json?${_}`
         ];
-      }, K = I.flatMap(P);
+      }, K = I.flatMap(L);
       T(K, k, M);
     } catch (R) {
       console.error(R);
@@ -3477,9 +3477,9 @@ function Hn({
   }
   async function T(M, w, k) {
     try {
-      const L = await Vn(M, 2, k);
+      const P = await Vn(M, 2, k);
       let z = [], R = [];
-      L.forEach((J) => {
+      P.forEach((J) => {
         J.events && (z.push(...J.events.map((I) => I.event)), R.push(
           ...J.events.flatMap((I) => I.betOffers || [])
         ));
@@ -3488,20 +3488,20 @@ function Hn({
       let G = W;
       if (w.length > 0) {
         const J = new Map(
-          w.map((I, P) => [
+          w.map((I, L) => [
             String(I),
-            P
+            L
           ])
         );
-        G = [...W].sort((I, P) => {
-          const K = J.get(String(I.id)), l = J.get(String(P.id));
+        G = [...W].sort((I, L) => {
+          const K = J.get(String(I.id)), l = J.get(String(L.id));
           return K !== void 0 && l !== void 0 ? K - l : K !== void 0 ? -1 : l !== void 0 ? 1 : 0;
         });
       }
       if (k.aborted) return;
       f(G);
-    } catch (L) {
-      console.error("Error loading events:", L);
+    } catch (P) {
+      console.error("Error loading events:", P);
     }
   }
   Q(() => {
@@ -3558,12 +3558,12 @@ function Hn({
         },
         renderItem: (M) => {
           const w = M.id, k = w in $ ? $[w] : void 0;
-          return C ? /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(Ln, {}) }) : /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(Un, { event: M, jersey: k }) });
+          return C ? /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(Pn, {}) }) : /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(Un, { event: M, jersey: k }) });
         },
-        onMove: ({ isStart: M, isEnd: w, visibleStart: k, visibleEnd: L }) => {
+        onMove: ({ isStart: M, isEnd: w, visibleStart: k, visibleEnd: P }) => {
           m({ isStart: M, isEnd: w }), x({
             start: k,
-            end: L
+            end: P
           }), r({
             element: "evento_semana_carousel_slide",
             label: `${s} - OraculoSeccionEventoSemana - Slide Carousel`,
@@ -3573,7 +3573,7 @@ function Hn({
             metadata: {
               location: typeof globalThis != "undefined" && globalThis.location ? globalThis.location.pathname : "",
               visibleStart: k,
-              visibleEnd: L,
+              visibleEnd: P,
               isStart: M,
               isEnd: w
             },
@@ -3614,13 +3614,13 @@ function Jn({
   hideItems: n
 }) {
   var J;
-  const [o, i] = X(0), r = ae(), s = ne(), c = le(), p = V(null), g = V(!1), u = V(!1), [m, d] = X(() => Date.now()), f = se("setDepositActionGlobal"), b = (I) => [...I != null ? I : []].map((P, K) => ({ item: P, index: K })).sort((P, K) => {
+  const [o, i] = X(0), r = ae(), s = ne(), c = le(), p = V(null), g = V(!1), u = V(!1), [m, d] = X(() => Date.now()), f = se("setDepositActionGlobal"), b = (I) => [...I != null ? I : []].map((L, K) => ({ item: L, index: K })).sort((L, K) => {
     var O, N;
-    const l = (O = P.item.order) != null ? O : Number.MAX_SAFE_INTEGER, S = (N = K.item.order) != null ? N : Number.MAX_SAFE_INTEGER;
-    return l - S || P.index - K.index;
-  }).map(({ item: P }) => P), x = ie(() => b(a), [a]), _ = ie(() => {
+    const l = (O = L.item.order) != null ? O : Number.MAX_SAFE_INTEGER, S = (N = K.item.order) != null ? N : Number.MAX_SAFE_INTEGER;
+    return l - S || L.index - K.index;
+  }).map(({ item: L }) => L), x = ie(() => b(a), [a]), _ = ie(() => {
     const I = (e != null ? e : []).filter(
-      (P) => Xn(P, m)
+      (L) => Xn(L, m)
     );
     return b(I);
   }, [e, m]), h = _.length || 1, E = !_ || _.length === 0, T = !E && _.length > 1, D = !n && x.length > 0;
@@ -3672,11 +3672,11 @@ function Jn({
     }, 500);
     return () => clearTimeout(I);
   }, []);
-  const A = (I, P, K) => {
+  const A = (I, L, K) => {
     var N, B;
-    const l = !!P.idFunction, S = !!P.href;
+    const l = !!L.idFunction, S = !!L.href;
     if (l)
-      switch (I.preventDefault(), I.stopPropagation(), P.idFunction) {
+      switch (I.preventDefault(), I.stopPropagation(), L.idFunction) {
         case "deposito":
           f == null || f(!0);
           return;
@@ -3687,11 +3687,11 @@ function Jn({
       I.preventDefault(), I.stopPropagation();
       return;
     }
-    const O = ((B = (N = P.href) == null ? void 0 : N.split("/").pop()) == null ? void 0 : B.split(".")[0]) || P.label || P.id || `banner_${K + 1}`;
+    const O = ((B = (N = L.href) == null ? void 0 : N.split("/").pop()) == null ? void 0 : B.split(".")[0]) || L.label || L.id || `banner_${K + 1}`;
     r({
       element: "banner_carousel",
       label: `${s} - OraculoSeccionBanners - Banner click: ${O}`,
-      target: P.href || "no_url",
+      target: L.href || "no_url",
       event_type: "click",
       module_id: c,
       metadata: {
@@ -3702,7 +3702,7 @@ function Jn({
       tags: {
         banner_type: "carousel",
         banner_target: "_self",
-        banner_url: P.href || "no_url"
+        banner_url: L.href || "no_url"
       }
     });
   }, M = (I) => {
@@ -3724,39 +3724,39 @@ function Jn({
       return;
     }
     I.href && typeof globalThis != "undefined" && globalThis.location && globalThis.location.assign(I.href);
-  }, w = 5e3, k = V(null), L = !E && ((J = _ == null ? void 0 : _.length) != null ? J : 0) > 1, z = () => {
+  }, w = 5e3, k = V(null), P = !E && ((J = _ == null ? void 0 : _.length) != null ? J : 0) > 1, z = () => {
     k.current != null && (window.clearTimeout(k.current), k.current = null);
   }, R = () => {
-    z(), L && (k.current = window.setTimeout(() => {
+    z(), P && (k.current = window.setTimeout(() => {
       var I;
       u.current = !0, (I = p.current) == null || I.next();
     }, w));
   };
-  Q(() => (R(), () => z()), [L, w]);
+  Q(() => (R(), () => z()), [P, w]);
   const U = (I) => {
-    var P;
-    I.preventDefault(), I.stopPropagation(), z(), (P = p.current) == null || P.prev();
+    var L;
+    I.preventDefault(), I.stopPropagation(), z(), (L = p.current) == null || L.prev();
   }, W = (I) => {
-    var P;
-    I.preventDefault(), I.stopPropagation(), z(), (P = p.current) == null || P.next();
+    var L;
+    I.preventDefault(), I.stopPropagation(), z(), (L = p.current) == null || L.next();
   }, G = (I) => {
     var l, S, O, N;
-    const P = (I % h + h) % h;
+    const L = (I % h + h) % h;
     if (!g.current) return;
-    const K = (l = _ == null ? void 0 : _[P]) != null && l.href ? ((O = (S = _[P].href) == null ? void 0 : S.split("/").pop()) == null ? void 0 : O.split(".")[0]) || `banner_${P + 1}` : `banner_${P + 1}`;
+    const K = (l = _ == null ? void 0 : _[L]) != null && l.href ? ((O = (S = _[L].href) == null ? void 0 : S.split("/").pop()) == null ? void 0 : O.split(".")[0]) || `banner_${L + 1}` : `banner_${L + 1}`;
     r({
       element: "banner_carousel",
-      label: `${s} - OraculoSeccionBanners - Banner view: Slide ${P + 1} - ${K}`,
-      target: ((N = _ == null ? void 0 : _[P]) == null ? void 0 : N.href) || "no_url",
+      label: `${s} - OraculoSeccionBanners - Banner view: Slide ${L + 1} - ${K}`,
+      target: ((N = _ == null ? void 0 : _[L]) == null ? void 0 : N.href) || "no_url",
       event_type: "view",
       module_id: c,
       metadata: {
         location: typeof globalThis != "undefined" && globalThis.location ? globalThis.location.pathname : "",
-        slide_index: P + 1,
+        slide_index: L + 1,
         total_slides: h,
         interaction_type: "manual_slide"
       },
-      tags: { banner_position: String(P + 1) }
+      tags: { banner_position: String(L + 1) }
     });
   };
   return /* @__PURE__ */ v(
@@ -3803,12 +3803,12 @@ function Jn({
                       enableHorizontalWheel: !0,
                       options: C,
                       onMove: ({ index: I }) => {
-                        const P = (I % h + h) % h;
-                        i(P);
+                        const L = (I % h + h) % h;
+                        i(L);
                         const K = u.current;
                         u.current = !1, R(), K || G(I);
                       },
-                      renderItem: (I, P) => {
+                      renderItem: (I, L) => {
                         var N, B, F;
                         const K = !!I.idFunction, l = !!I.href, S = l && !K, O = K || l;
                         return /* @__PURE__ */ v(
@@ -3818,7 +3818,7 @@ function Jn({
                             href: S ? I.href : void 0,
                             target: S ? (N = I.target) != null ? N : "_self" : void 0,
                             rel: S && I.target === "_blank" ? "noopener noreferrer" : void 0,
-                            onClick: (Z) => A(Z, I, P),
+                            onClick: (Z) => A(Z, I, L),
                             sx: {
                               position: "relative",
                               width: "100%",
@@ -4073,7 +4073,8 @@ const Yn = [
   { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/pagoEfectivo.png", alt: "PagoEfectivo" },
   { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/tupay.svg", alt: "Tupay" },
   { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/monnet.svg", alt: "Monnet" },
-  { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
+  { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" },
+  { src: "assets/img/home/MediosPago/bbva.png", alt: "BBVA" }
 ];
 function Qn({
   title: e = "Medios de pago",
@@ -4151,8 +4152,8 @@ function It({
     }),
     [a]
   );
-  return /* @__PURE__ */ v(Lt, { theme: n, children: [
-    /* @__PURE__ */ t(Pt, {}),
+  return /* @__PURE__ */ v(Pt, { theme: n, children: [
+    /* @__PURE__ */ t(Lt, {}),
     e
   ] });
 }
@@ -5726,13 +5727,13 @@ const it = [
   }, k = ie(
     () => e ? e.slice() : g.slice(),
     [e, g]
-  ), L = fe.useRef(/* @__PURE__ */ new Set());
+  ), P = fe.useRef(/* @__PURE__ */ new Set());
   Q(() => {
     const l = k.map((S) => ({ s: S, url: (S.apiUrl || "").trim() })).filter(({ url: S }) => !!S);
     if (l.length)
       for (const { s: S, url: O } of l) {
         const N = `${S.id}|${O}`;
-        L.current.has(N) || (L.current.add(N), _((B) => ({ ...B, [S.id]: !0 })), E((B) => ({ ...B, [S.id]: "" })), (async () => {
+        P.current.has(N) || (P.current.add(N), _((B) => ({ ...B, [S.id]: !0 })), E((B) => ({ ...B, [S.id]: "" })), (async () => {
           try {
             const B = await w(S);
             b((F) => ({ ...F, [S.id]: B }));
@@ -5863,7 +5864,7 @@ const it = [
         }
       return J(l);
     }
-  }, P = (l, S, O) => /* @__PURE__ */ t("div", { className: `mx-4 p-4 rounded ${{
+  }, L = (l, S, O) => /* @__PURE__ */ t("div", { className: `mx-4 p-4 rounded ${{
     loading: "bg-blue-100 text-blue-800",
     error: "bg-red-100 text-red-800",
     component: "bg-yellow-100 text-yellow-800"
@@ -5892,7 +5893,7 @@ const it = [
       } : {}
     };
     if (!O)
-      return console.warn(`No hay componente registrado para "${S}"`), P(
+      return console.warn(`No hay componente registrado para "${S}"`), L(
         l.id,
         "component",
         `Componente "${S}" no encontrado`
@@ -5900,7 +5901,7 @@ const it = [
     const oe = !!((He = l.apiUrl) != null && He.trim()), We = oe ? f[l.id] : void 0, Et = oe ? !!x[l.id] : !1, Ge = oe ? h[l.id] : "";
     if (oe) {
       if (Et && !We)
-        return P(
+        return L(
           l.id,
           "loading",
           `Cargando datos desde ${l.apiUrl}...`
@@ -5918,7 +5919,7 @@ const it = [
               Re
             );
           }
-        return P(
+        return L(
           l.id,
           "error",
           `Error cargando ${l.apiUrl}: ${Ge}`