ctt-puro 0.46.0 → 0.46.2

package/fesm2022/ctt-puro.mjs

@@ -4008,17 +4008,18 @@ class MapperService {
     }
     mapGallery(props) {
         const { texts, buttons, filters = [] } = props;
-        // 1️⃣ Mantener habitaciones (rooms:true) SIEMPRE aunque no tengan multimedia
-        const roomsParent = filters.find((f) => f.rooms === true);
-        // 2️⃣ Filtrar SOLO los que tengan multimedia si son habitaciones concretas
+        // 1️⃣ Filtrar filtros válidos
         const validFilters = filters.filter((f) => {
             if (f.rooms)
-                return true; // Mantener “Habitaciones”
+                return true; // Habitaciones siempre
             if (f.room)
-                return Array.isArray(f.multimedia) && f.multimedia.length > 0; // habitaciones reales
-            return Array.isArray(f.multimedia) && f.multimedia.length > 0; // categorías normales
+                return Array.isArray(f.multimedia) && f.multimedia.length > 0;
+            return Array.isArray(f.multimedia) && f.multimedia.length > 0;
         });
-        // 3️⃣ Mapear filtros manteniendo rooms:true
+        // 2️⃣ Crear el índice visible
+        const indexMap = new Map();
+        validFilters.forEach((f, i) => indexMap.set(f, i));
+        // 3️⃣ Mapear filtros visibles
         const mappedFilters = validFilters.map((item, index) => ({
             id: index,
             all: item.all,
@@ -4026,14 +4027,16 @@ class MapperService {
             rooms: item.rooms,
             text: item.name,
         }));
-        // 4️⃣ Items → SOLO los que tienen multimedia
-        const items = filters
-            .filter((f) => Array.isArray(f.multimedia) && f.multimedia.length > 0)
-            .flatMap((filter, filterIndex) => filter.multimedia.map((img) => ({
-            img: this.getImageResponsive(img),
-            title: img.title,
-            filter: filterIndex,
-        })));
+        // 4️⃣ Items → controlando multimedia undefined
+        const items = validFilters.flatMap((filter) => {
+            if (!Array.isArray(filter.multimedia))
+                return [];
+            return filter.multimedia.map((img) => ({
+                img: this.getImageResponsive(img),
+                title: img?.title,
+                filter: indexMap.get(filter), // index correcto
+            }));
+        });
         return {
             filters: mappedFilters,
             pretitle: typeof texts?.pretitle === 'string'
@@ -4051,7 +4054,7 @@ class MapperService {
                 title: texts?.title?.color?.trim(),
             },
             filterTitle: texts?.roomsFilter,
-            button: Utils.mapButtons(this.siteId(), buttons)[0],
+            button: Utils.mapButtons(this.siteId(), buttons)?.[0],
             items,
         };
     }
@@ -4629,7 +4632,7 @@ class MapperService {
     mapFooterBeachs(props) {
         return {
             items: props?.hotels?.map((hotel) => ({
-                link: Utils.mapButtons('/purobeach', hotel.links)[0],
+                link: Utils.mapButtons(this.siteId(), hotel.links)[0],
                 title: hotel?.texts?.name ?? hotel.name,
                 subtitle: hotel?.texts?.locationDescription ?? null,
             })),