oraculo-ui 0.1.2 → 0.1.4

package/dist/index.d.mts

@@ -113,7 +113,7 @@ interface OraculoGameSlideItem {
 interface OraculoGameSlideProps {
     items: OraculoGameSlideItem[];
     layout?: "mosaic" | "grid";
-    onClick?: (item: OraculoGameSlideItem) => void;
+    onClick?: (item: OraculoGameSlideItem, index: number) => void;
 }
 declare const OraculoGameSlide: React.FC<OraculoGameSlideProps>;
 
@@ -139,7 +139,6 @@ interface OraculoClubOlimpoVisualProps {
     imgSrcMobile: string;
     imgSrcDesktopBg?: string;
     imgSrcDesktopLogo?: string;
-    priority?: boolean;
 }
 declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
 
@@ -178,12 +177,14 @@ interface OraculoSeccionTopJuegosProps {
     items: OraculoTopJuegoItem[];
     title?: string;
     iconUrl?: string;
-    onCardClick?: (juego: OraculoTopJuegoItem, index: number) => void;
+    onCardClick?: () => void;
     className?: string;
 }
 declare function OraculoSeccionTopJuegos({ items, title, iconUrl, onCardClick, className, }: OraculoSeccionTopJuegosProps): react_jsx_runtime.JSX.Element;
 
 interface OraculoLiveCasinoItem {
+    orden?: number;
+    logo?: string;
     machine?: number | string;
     name?: string;
     web_name?: string;
@@ -193,7 +194,6 @@ interface OraculoLiveCasinoItem {
     type?: string;
     tags?: string;
     lobby_tag?: string | null;
-    logo?: string;
     background?: string;
     rtp?: number;
     demo_allowed?: boolean;
@@ -212,10 +212,9 @@ interface OraculoSeccionCasinoEnVivoProps {
 declare const OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps>;
 
 interface OraculoGameItem {
-    id?: string | number;
-    machine?: number | string;
+    orden?: string | number;
     logo?: string;
-    imageUrl?: string;
+    machine?: number | string;
     name?: string;
     web_name?: string;
     provider?: string;
@@ -257,33 +256,33 @@ interface OraculoSeccionBonoBienvenidaProps {
     /** Título principal, admite salto con "\n" para dos líneas */
     headline?: string;
     items: OraculoWelcomeBannerProps[];
-    /** Fondo de la sección (full width) */
     backgroundImageUrl?: string;
 }
 declare const OraculoSeccionBonoBienvenida: React.FC<OraculoSeccionBonoBienvenidaProps>;
 
-type OraculoClubOlimpoItem = {
+interface OraculoSeccionClubOlimpoItem {
     text: string;
-    imgAlt: string;
+    buttonLabel?: string;
+    imgAlt?: string;
     images: {
         mobile: string;
-        desktopBg: string;
-        desktopLogo: string;
+        desktopBg?: string;
+        desktopLogo?: string;
     };
     onClick?: () => void;
-    priority?: boolean;
-};
-interface OraculoSeccionClubOlimpoProps {
+}
+
+interface OraculoSeccionClubOlimpoItems {
     className?: string;
     /** Si true, hace el efecto full-bleed (100vw centrado) */
     fullBleed?: boolean;
     /** Lista de variantes (puedes pasar 1 o varias). */
-    items: OraculoClubOlimpoItem[];
+    items: OraculoSeccionClubOlimpoItem;
     /** Índice del item a mostrar si pasas varios. */
     selectedIndex?: number;
     /** aria-label de la sección (fallback al imgAlt del item seleccionado). */
     ariaLabel?: string;
 }
-declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoProps>;
+declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoItems>;
 
-export { OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, type OraculoClubOlimpoItem, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoLiveCasinoItem, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoBienvenidaProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoProps, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, type OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
+export { OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoLiveCasinoItem, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoBienvenidaProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, type OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };

package/dist/index.d.ts

@@ -113,7 +113,7 @@ interface OraculoGameSlideItem {
 interface OraculoGameSlideProps {
     items: OraculoGameSlideItem[];
     layout?: "mosaic" | "grid";
-    onClick?: (item: OraculoGameSlideItem) => void;
+    onClick?: (item: OraculoGameSlideItem, index: number) => void;
 }
 declare const OraculoGameSlide: React.FC<OraculoGameSlideProps>;
 
@@ -139,7 +139,6 @@ interface OraculoClubOlimpoVisualProps {
     imgSrcMobile: string;
     imgSrcDesktopBg?: string;
     imgSrcDesktopLogo?: string;
-    priority?: boolean;
 }
 declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
 
@@ -178,12 +177,14 @@ interface OraculoSeccionTopJuegosProps {
     items: OraculoTopJuegoItem[];
     title?: string;
     iconUrl?: string;
-    onCardClick?: (juego: OraculoTopJuegoItem, index: number) => void;
+    onCardClick?: () => void;
     className?: string;
 }
 declare function OraculoSeccionTopJuegos({ items, title, iconUrl, onCardClick, className, }: OraculoSeccionTopJuegosProps): react_jsx_runtime.JSX.Element;
 
 interface OraculoLiveCasinoItem {
+    orden?: number;
+    logo?: string;
     machine?: number | string;
     name?: string;
     web_name?: string;
@@ -193,7 +194,6 @@ interface OraculoLiveCasinoItem {
     type?: string;
     tags?: string;
     lobby_tag?: string | null;
-    logo?: string;
     background?: string;
     rtp?: number;
     demo_allowed?: boolean;
@@ -212,10 +212,9 @@ interface OraculoSeccionCasinoEnVivoProps {
 declare const OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps>;
 
 interface OraculoGameItem {
-    id?: string | number;
-    machine?: number | string;
+    orden?: string | number;
     logo?: string;
-    imageUrl?: string;
+    machine?: number | string;
     name?: string;
     web_name?: string;
     provider?: string;
@@ -257,33 +256,33 @@ interface OraculoSeccionBonoBienvenidaProps {
     /** Título principal, admite salto con "\n" para dos líneas */
     headline?: string;
     items: OraculoWelcomeBannerProps[];
-    /** Fondo de la sección (full width) */
     backgroundImageUrl?: string;
 }
 declare const OraculoSeccionBonoBienvenida: React.FC<OraculoSeccionBonoBienvenidaProps>;
 
-type OraculoClubOlimpoItem = {
+interface OraculoSeccionClubOlimpoItem {
     text: string;
-    imgAlt: string;
+    buttonLabel?: string;
+    imgAlt?: string;
     images: {
         mobile: string;
-        desktopBg: string;
-        desktopLogo: string;
+        desktopBg?: string;
+        desktopLogo?: string;
     };
     onClick?: () => void;
-    priority?: boolean;
-};
-interface OraculoSeccionClubOlimpoProps {
+}
+
+interface OraculoSeccionClubOlimpoItems {
     className?: string;
     /** Si true, hace el efecto full-bleed (100vw centrado) */
     fullBleed?: boolean;
     /** Lista de variantes (puedes pasar 1 o varias). */
-    items: OraculoClubOlimpoItem[];
+    items: OraculoSeccionClubOlimpoItem;
     /** Índice del item a mostrar si pasas varios. */
     selectedIndex?: number;
     /** aria-label de la sección (fallback al imgAlt del item seleccionado). */
     ariaLabel?: string;
 }
-declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoProps>;
+declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoItems>;
 
-export { OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, type OraculoClubOlimpoItem, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoLiveCasinoItem, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoBienvenidaProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoProps, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, type OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
+export { OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, type OraculoLiveCasinoItem, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoBienvenidaProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, type OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };

package/dist/index.js

@@ -558,12 +558,12 @@ var OraculoGameSlide = ({
                 {
                   imageUrl: big.imageUrl,
                   size: "lg",
-                  onClick: () => onClick == null ? void 0 : onClick(big)
+                  onClick: () => onClick == null ? void 0 : onClick(big, 0)
                 }
               )
             }
           ),
-          smalls.map((it) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          smalls.map((it, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_Box4.default,
             {
               sx: {
@@ -578,7 +578,7 @@ var OraculoGameSlide = ({
                 {
                   imageUrl: it.imageUrl,
                   size: "sm",
-                  onClick: () => onClick == null ? void 0 : onClick(it)
+                  onClick: () => onClick == null ? void 0 : onClick(it, index)
                 }
               )
             },
@@ -608,12 +608,12 @@ var OraculoGameSlide = ({
           "& > *": { width: "100%", height: "100%" }
         }
       },
-      children: items.map((it) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Box4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      children: items.map((it, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Box4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         OraculoGameCard_default,
         {
           imageUrl: it.imageUrl,
           size: "sm",
-          onClick: () => onClick == null ? void 0 : onClick(it)
+          onClick: () => onClick == null ? void 0 : onClick(it, index)
         }
       ) }, it.id))
     }
@@ -726,6 +726,7 @@ var OraculoWelcomeBanner = ({
                     {
                       component: "p",
                       sx: {
+                        fontFamily: '"secondary", sans-serif',
                         lineHeight: { xs: 0.9, lg: 0.87 },
                         m: "4px 0",
                         background: "linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",
@@ -1004,7 +1005,7 @@ function OraculoSeccionTopJuegos({
           OraculoGameRankCard,
           {
             imageUrl: juego.logo || "",
-            orden: juego.orden,
+            orden: juego.orden || idx + 1,
             onClick: () => console.log(juego.machine)
           },
           juego.machine
@@ -1144,7 +1145,7 @@ var OraculoSeccionCasinoEnVivo = ({
                         machine: juego.machine,
                         onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
                       },
-                      (_a = juego.machine) != null ? _a : idx
+                      (_a = juego.orden) != null ? _a : idx
                     );
                   })
                 }
@@ -1174,10 +1175,10 @@ var import_Box8 = __toESM(require("@mui/material/Box"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var buildCasinoSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     return {
-      id: (_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx,
-      imageUrl: (_d = (_c = g.imageUrl) != null ? _c : g.logo) != null ? _d : ""
+      id: (_b = (_a = g.orden) != null ? _a : g.machine) != null ? _b : idx,
+      imageUrl: (_c = g.logo) != null ? _c : ""
     };
   });
   if (!baseItems.length) return [];
@@ -1309,8 +1310,8 @@ var OraculoSeccionCasino = ({
             onClick: (itm) => {
               const game = items.find(
                 (g, idx) => {
-                  var _a, _b;
-                  return ((_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx) === itm.id;
+                  var _a;
+                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
                 }
               );
               if (game) onItemClick == null ? void 0 : onItemClick(game);
@@ -1331,10 +1332,10 @@ var import_Box9 = __toESM(require("@mui/material/Box"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var buildVirtualSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     return {
-      id: (_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx,
-      imageUrl: (_d = (_c = g.imageUrl) != null ? _c : g.logo) != null ? _d : ""
+      id: (_a = g.orden) != null ? _a : idx,
+      imageUrl: (_b = g.logo) != null ? _b : ""
     };
   });
   if (!baseItems.length) return [];
@@ -1467,8 +1468,8 @@ var OraculoSeccionVirtuales = ({
             onClick: (itm) => {
               const game = items.find(
                 (g, idx) => {
-                  var _a, _b;
-                  return ((_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx) === itm.id;
+                  var _a;
+                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
                 }
               );
               if (game) onItemClick == null ? void 0 : onItemClick(game);
@@ -1582,7 +1583,7 @@ var OraculoSeccionBonoBienvenida = ({
                 options: {
                   autoWidth: false
                 },
-                renderItem: (it) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(OraculoWelcomeBanner_default, { ...it }),
+                renderItem: (it) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
                 onMove: ({ index, isStart, isEnd }) => {
                   setNavState({ isStart, isEnd });
                   setActiveIndex(index);
@@ -1659,6 +1660,7 @@ var OraculoSeccionBonoBienvenida = ({
             children: items.map((it, idx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               OraculoWelcomeBanner_default,
               {
+                onButtonClick: it.onButtonClick,
                 ...it
               },
               idx
@@ -1683,9 +1685,9 @@ var OraculoSeccionClubOlimpo = ({
 }) => {
   const rootRef = (0, import_react6.useRef)(null);
   const bottomRef = (0, import_react6.useRef)(null);
-  if (!items || items.length === 0) return null;
-  const safeIndex = Math.min(Math.max(selectedIndex, 0), items.length - 1);
-  const item = items[safeIndex];
+  if (!items) return null;
+  const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);
+  const item = items;
   (0, import_react6.useLayoutEffect)(() => {
     if (!rootRef.current || !bottomRef.current) return;
     if (typeof ResizeObserver === "undefined") return;
@@ -1721,8 +1723,7 @@ var OraculoSeccionClubOlimpo = ({
           imgAlt: item.imgAlt,
           imgSrcMobile: item.images.mobile,
           imgSrcDesktopBg: item.images.desktopBg,
-          imgSrcDesktopLogo: item.images.desktopLogo,
-          priority: item.priority
+          imgSrcDesktopLogo: item.images.desktopLogo
         }
       ) })
     }

package/dist/index.mjs

@@ -514,12 +514,12 @@ var OraculoGameSlide = ({
                 {
                   imageUrl: big.imageUrl,
                   size: "lg",
-                  onClick: () => onClick == null ? void 0 : onClick(big)
+                  onClick: () => onClick == null ? void 0 : onClick(big, 0)
                 }
               )
             }
           ),
-          smalls.map((it) => /* @__PURE__ */ jsx8(
+          smalls.map((it, index) => /* @__PURE__ */ jsx8(
             Box4,
             {
               sx: {
@@ -534,7 +534,7 @@ var OraculoGameSlide = ({
                 {
                   imageUrl: it.imageUrl,
                   size: "sm",
-                  onClick: () => onClick == null ? void 0 : onClick(it)
+                  onClick: () => onClick == null ? void 0 : onClick(it, index)
                 }
               )
             },
@@ -564,12 +564,12 @@ var OraculoGameSlide = ({
           "& > *": { width: "100%", height: "100%" }
         }
       },
-      children: items.map((it) => /* @__PURE__ */ jsx8(Box4, { children: /* @__PURE__ */ jsx8(
+      children: items.map((it, index) => /* @__PURE__ */ jsx8(Box4, { children: /* @__PURE__ */ jsx8(
         OraculoGameCard_default,
         {
           imageUrl: it.imageUrl,
           size: "sm",
-          onClick: () => onClick == null ? void 0 : onClick(it)
+          onClick: () => onClick == null ? void 0 : onClick(it, index)
         }
       ) }, it.id))
     }
@@ -682,6 +682,7 @@ var OraculoWelcomeBanner = ({
                     {
                       component: "p",
                       sx: {
+                        fontFamily: '"secondary", sans-serif',
                         lineHeight: { xs: 0.9, lg: 0.87 },
                         m: "4px 0",
                         background: "linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",
@@ -960,7 +961,7 @@ function OraculoSeccionTopJuegos({
           OraculoGameRankCard,
           {
             imageUrl: juego.logo || "",
-            orden: juego.orden,
+            orden: juego.orden || idx + 1,
             onClick: () => console.log(juego.machine)
           },
           juego.machine
@@ -1100,7 +1101,7 @@ var OraculoSeccionCasinoEnVivo = ({
                         machine: juego.machine,
                         onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
                       },
-                      (_a = juego.machine) != null ? _a : idx
+                      (_a = juego.orden) != null ? _a : idx
                     );
                   })
                 }
@@ -1130,10 +1131,10 @@ import Box8 from "@mui/material/Box";
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var buildCasinoSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     return {
-      id: (_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx,
-      imageUrl: (_d = (_c = g.imageUrl) != null ? _c : g.logo) != null ? _d : ""
+      id: (_b = (_a = g.orden) != null ? _a : g.machine) != null ? _b : idx,
+      imageUrl: (_c = g.logo) != null ? _c : ""
     };
   });
   if (!baseItems.length) return [];
@@ -1265,8 +1266,8 @@ var OraculoSeccionCasino = ({
             onClick: (itm) => {
               const game = items.find(
                 (g, idx) => {
-                  var _a, _b;
-                  return ((_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx) === itm.id;
+                  var _a;
+                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
                 }
               );
               if (game) onItemClick == null ? void 0 : onItemClick(game);
@@ -1287,10 +1288,10 @@ import Box9 from "@mui/material/Box";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var buildVirtualSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     return {
-      id: (_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx,
-      imageUrl: (_d = (_c = g.imageUrl) != null ? _c : g.logo) != null ? _d : ""
+      id: (_a = g.orden) != null ? _a : idx,
+      imageUrl: (_b = g.logo) != null ? _b : ""
     };
   });
   if (!baseItems.length) return [];
@@ -1423,8 +1424,8 @@ var OraculoSeccionVirtuales = ({
             onClick: (itm) => {
               const game = items.find(
                 (g, idx) => {
-                  var _a, _b;
-                  return ((_b = (_a = g.id) != null ? _a : g.machine) != null ? _b : idx) === itm.id;
+                  var _a;
+                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
                 }
               );
               if (game) onItemClick == null ? void 0 : onItemClick(game);
@@ -1538,7 +1539,7 @@ var OraculoSeccionBonoBienvenida = ({
                 options: {
                   autoWidth: false
                 },
-                renderItem: (it) => /* @__PURE__ */ jsx16(OraculoWelcomeBanner_default, { ...it }),
+                renderItem: (it) => /* @__PURE__ */ jsx16(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
                 onMove: ({ index, isStart, isEnd }) => {
                   setNavState({ isStart, isEnd });
                   setActiveIndex(index);
@@ -1615,6 +1616,7 @@ var OraculoSeccionBonoBienvenida = ({
             children: items.map((it, idx) => /* @__PURE__ */ jsx16(
               OraculoWelcomeBanner_default,
               {
+                onButtonClick: it.onButtonClick,
                 ...it
               },
               idx
@@ -1639,9 +1641,9 @@ var OraculoSeccionClubOlimpo = ({
 }) => {
   const rootRef = useRef6(null);
   const bottomRef = useRef6(null);
-  if (!items || items.length === 0) return null;
-  const safeIndex = Math.min(Math.max(selectedIndex, 0), items.length - 1);
-  const item = items[safeIndex];
+  if (!items) return null;
+  const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);
+  const item = items;
   useLayoutEffect(() => {
     if (!rootRef.current || !bottomRef.current) return;
     if (typeof ResizeObserver === "undefined") return;
@@ -1677,8 +1679,7 @@ var OraculoSeccionClubOlimpo = ({
           imgAlt: item.imgAlt,
           imgSrcMobile: item.images.mobile,
           imgSrcDesktopBg: item.images.desktopBg,
-          imgSrcDesktopLogo: item.images.desktopLogo,
-          priority: item.priority
+          imgSrcDesktopLogo: item.images.desktopLogo
         }
       ) })
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oraculo-ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",