oraculo-ui 0.1.5 → 0.1.6

package/dist/index.js

@@ -318,7 +318,7 @@ function OraculoGameRankCard({
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "img",
                 {
-                  src: imageUrl,
+                  src: `https://olimpo.bet${imageUrl}`,
                   alt: "Juego de casino",
                   loading: "lazy",
                   style: {
@@ -978,6 +978,7 @@ function OraculoSeccionDestacados({
 }
 
 // src/organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx
+var import_react3 = require("react");
 var import_Stack = __toESM(require("@mui/material/Stack"));
 var import_Box6 = __toESM(require("@mui/material/Box"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -987,6 +988,21 @@ function OraculoSeccionTopJuegos({
   iconUrl,
   onCardClick
 }) {
+  const normalizedItems = (0, import_react3.useMemo)(
+    () => items.map((item, index) => {
+      var _a;
+      return {
+        ...item,
+        // si no viene orden, usamos el índice (1-based)
+        orden: (_a = item.orden) != null ? _a : index + 1,
+        _originalIndex: index
+      };
+    }).sort((a, b) => {
+      if (a.orden != null && b.orden != null) return a.orden - b.orden;
+      return a._originalIndex - b._originalIndex;
+    }),
+    [items]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Stack.default, { direction: "column", spacing: 2, useFlexGap: true, children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OraculoSectionTitle, { title, iconUrl, size: "md" }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -1002,11 +1018,11 @@ function OraculoSeccionTopJuegos({
           justifyItems: "center",
           width: "100%"
         },
-        children: items.slice(0, 6).map((juego, idx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        children: normalizedItems.slice(0, 6).map((juego) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           OraculoGameRankCard,
           {
             imageUrl: juego.logo || "",
-            orden: juego.orden || idx + 1,
+            orden: juego.orden,
             onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
           },
           juego.machine
@@ -1170,7 +1186,7 @@ var OraculoSeccionCasinoEnVivo = ({
 var OraculoSeccionCasinoEnVivo_default = OraculoSeccionCasinoEnVivo;
 
 // src/organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_Stack3 = __toESM(require("@mui/material/Stack"));
 var import_Box8 = __toESM(require("@mui/material/Box"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -1214,8 +1230,8 @@ var OraculoSeccionCasino = ({
   mosaicFirst = true,
   gridSize = 4
 }) => {
-  const carouselRef = (0, import_react3.useRef)(null);
-  const [navState, setNavState] = (0, import_react3.useState)({ isStart: true, isEnd: false });
+  const carouselRef = (0, import_react4.useRef)(null);
+  const [navState, setNavState] = (0, import_react4.useState)({ isStart: true, isEnd: false });
   const slides = buildCasinoSlides(items, mosaicFirst, gridSize);
   const handlePrev = () => {
     var _a;
@@ -1326,7 +1342,7 @@ var OraculoSeccionCasino = ({
 var OraculoSeccionCasino_default = OraculoSeccionCasino;
 
 // src/organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_Stack4 = __toESM(require("@mui/material/Stack"));
 var import_Box9 = __toESM(require("@mui/material/Box"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -1370,8 +1386,8 @@ var OraculoSeccionVirtuales = ({
   mosaicFirst = true,
   gridSize = 4
 }) => {
-  const carouselRef = (0, import_react4.useRef)(null);
-  const [navState, setNavState] = (0, import_react4.useState)({ isStart: true, isEnd: false });
+  const carouselRef = (0, import_react5.useRef)(null);
+  const [navState, setNavState] = (0, import_react5.useState)({ isStart: true, isEnd: false });
   const slides = buildVirtualSlides(items, mosaicFirst, gridSize);
   const handlePrev = () => {
     var _a;
@@ -1483,7 +1499,7 @@ var OraculoSeccionVirtuales = ({
 var OraculoSeccionVirtuales_default = OraculoSeccionVirtuales;
 
 // src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_Box10 = __toESM(require("@mui/material/Box"));
 var import_Typography4 = __toESM(require("@mui/material/Typography"));
 var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
@@ -1539,9 +1555,9 @@ var OraculoSeccionBonoBienvenida = ({
   const showDots = items.length > 1;
   const bgUrl = backgroundImageUrl != null ? backgroundImageUrl : "/assets/img/home/BonoBienvenida/Fondobg.png";
   const sectionSx = buildSectionSx(bgUrl);
-  const carouselRef = (0, import_react5.useRef)(null);
-  const [navState, setNavState] = (0, import_react5.useState)({ isStart: true, isEnd: false });
-  const [activeIndex, setActiveIndex] = (0, import_react5.useState)(0);
+  const carouselRef = (0, import_react6.useRef)(null);
+  const [navState, setNavState] = (0, import_react6.useState)({ isStart: true, isEnd: false });
+  const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
   if (isMobile) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       import_Box10.default,
@@ -1673,7 +1689,7 @@ var OraculoSeccionBonoBienvenida = ({
 var OraculoSeccionBonoBienvenida_default = OraculoSeccionBonoBienvenida;
 
 // src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var OraculoSeccionClubOlimpo = ({
   className = "",
@@ -1682,12 +1698,12 @@ var OraculoSeccionClubOlimpo = ({
   selectedIndex = 0,
   ariaLabel
 }) => {
-  const rootRef = (0, import_react6.useRef)(null);
-  const bottomRef = (0, import_react6.useRef)(null);
+  const rootRef = (0, import_react7.useRef)(null);
+  const bottomRef = (0, import_react7.useRef)(null);
   if (!items) return null;
   const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);
   const item = items;
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react7.useLayoutEffect)(() => {
     if (!rootRef.current || !bottomRef.current) return;
     if (typeof ResizeObserver === "undefined") return;
     const root = rootRef.current;

package/dist/index.mjs

@@ -272,7 +272,7 @@ function OraculoGameRankCard({
               /* @__PURE__ */ jsx5(
                 "img",
                 {
-                  src: imageUrl,
+                  src: `https://olimpo.bet${imageUrl}`,
                   alt: "Juego de casino",
                   loading: "lazy",
                   style: {
@@ -932,6 +932,7 @@ function OraculoSeccionDestacados({
 }
 
 // src/organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx
+import { useMemo } from "react";
 import Stack from "@mui/material/Stack";
 import Box6 from "@mui/material/Box";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -941,6 +942,21 @@ function OraculoSeccionTopJuegos({
   iconUrl,
   onCardClick
 }) {
+  const normalizedItems = useMemo(
+    () => items.map((item, index) => {
+      var _a;
+      return {
+        ...item,
+        // si no viene orden, usamos el índice (1-based)
+        orden: (_a = item.orden) != null ? _a : index + 1,
+        _originalIndex: index
+      };
+    }).sort((a, b) => {
+      if (a.orden != null && b.orden != null) return a.orden - b.orden;
+      return a._originalIndex - b._originalIndex;
+    }),
+    [items]
+  );
   return /* @__PURE__ */ jsx12("section", { style: { width: "100%" }, children: /* @__PURE__ */ jsxs9(Stack, { direction: "column", spacing: 2, useFlexGap: true, children: [
     /* @__PURE__ */ jsx12(OraculoSectionTitle, { title, iconUrl, size: "md" }),
     /* @__PURE__ */ jsx12(
@@ -956,11 +972,11 @@ function OraculoSeccionTopJuegos({
           justifyItems: "center",
           width: "100%"
         },
-        children: items.slice(0, 6).map((juego, idx) => /* @__PURE__ */ jsx12(
+        children: normalizedItems.slice(0, 6).map((juego) => /* @__PURE__ */ jsx12(
           OraculoGameRankCard,
           {
             imageUrl: juego.logo || "",
-            orden: juego.orden || idx + 1,
+            orden: juego.orden,
             onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
           },
           juego.machine

package/package.json

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