oraculo-ui 0.1.2 → 0.1.3

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>;
 
@@ -178,12 +178,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 +195,6 @@ interface OraculoLiveCasinoItem {
     type?: string;
     tags?: string;
     lobby_tag?: string | null;
-    logo?: string;
     background?: string;
     rtp?: number;
     demo_allowed?: boolean;
@@ -212,10 +213,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,7 +257,6 @@ 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>;

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>;
 
@@ -178,12 +178,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 +195,6 @@ interface OraculoLiveCasinoItem {
     type?: string;
     tags?: string;
     lobby_tag?: string | null;
-    logo?: string;
     background?: string;
     rtp?: number;
     demo_allowed?: boolean;
@@ -212,10 +213,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,7 +257,6 @@ 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>;

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

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

package/package.json

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