kupos-ui-components-lib 4.0.2 → 4.0.4

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -8,6 +8,7 @@ import LottiePlayer from "../../assets/LottiePlayer";
 const SEAT_EXCEPTIONS = ["Asiento mascota"];
 function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, originIconStyle, t = (key) => key, }) {
     var _a, _b, _c, _d, _e, _f, _g;
+    console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
     const SvgAmenities = ({ moreAnemities, name, color, }) => {
         const amenityKey = name.toLowerCase().replace(/\s/g, "_");
         const getIconPath = () => {
@@ -24,7 +25,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             }, className: `object-contain ${moreAnemities ? "w-[16px] h-[16px]" : "w-[16px] h-[16px]"}` }));
     };
     const getAmenitiesImage = (name) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         switch (name) {
             case "air_condtion.png": {
                 return (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _a === void 0 ? void 0 : _a.airConditionIcon;
@@ -68,6 +69,33 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             case "frazada.png": {
                 return (_p = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _p === void 0 ? void 0 : _p.frazaIcon;
             }
+            case "blankket.png": {
+                return (_q = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _q === void 0 ? void 0 : _q.blankketIcon;
+            }
+            case "cctv.png": {
+                return (_r = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _r === void 0 ? void 0 : _r.cctvIcon;
+            }
+            case "cup_holder.png": {
+                return (_s = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _s === void 0 ? void 0 : _s.cupHolderIcon;
+            }
+            case "emergency_contact.png": {
+                return (_t = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _t === void 0 ? void 0 : _t.emergencyContactIcon;
+            }
+            case "emergency_exit.png": {
+                return (_u = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _u === void 0 ? void 0 : _u.emergencyExitIcon;
+            }
+            case "fire_extinguisher.png": {
+                return (_v = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _v === void 0 ? void 0 : _v.fireExtinguisherIcon;
+            }
+            case "reading_light.png": {
+                return (_w = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _w === void 0 ? void 0 : _w.readingLIghtIcon;
+            }
+            case "security_belt.png": {
+                return (_x = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _x === void 0 ? void 0 : _x.sercurityBeltIcon;
+            }
+            case "service_on_board.png": {
+                return (_y = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _y === void 0 ? void 0 : _y.serviceOnBoardIcon;
+            }
             default: {
                 return "";
             }
@@ -96,7 +124,25 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             case "cortina divisoria":
                 return "Cortina Divisoria";
             case "frazada":
-                return "";
+                return "Frazada";
+            case "blankket":
+                return "Mantas";
+            case "cctv":
+                return "Cámara de seguridad";
+            case "cup_holder":
+                return "Portavasos";
+            case "emergency_contact":
+                return "Contacto de emergencia";
+            case "emergency_exit":
+                return "Salida de emergencia";
+            case "fire_extinguisher":
+                return "Extintor de incendio";
+            case "reading_light":
+                return "Luz de lectura";
+            case "security_belt":
+                return "Cinturón de seguridad";
+            case "service_on_board":
+                return "Servicio a bordo";
             default:
                 return rawAmenity;
         }
@@ -164,7 +210,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
         }
         return null;
     };
-    const getSortedSeatTypes = () => {
+    const getAllSeatTypes = () => {
         var _a;
         if (!((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.seat_types) === null || _a === void 0 ? void 0 : _a.length)) {
             return [{ label: "Salon cama", price: 0 }];
@@ -176,6 +222,14 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             price: val === null || val === void 0 ? void 0 : val.fare,
         }));
         seatTypesWithPrices.sort((a, b) => a.price - b.price);
+        return seatTypesWithPrices;
+    };
+    const getSortedSeatTypes = () => {
+        var _a;
+        if (!((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.seat_types) === null || _a === void 0 ? void 0 : _a.length)) {
+            return [{ label: "Salon cama", price: 0 }];
+        }
+        let seatTypesWithPrices = getAllSeatTypes();
         const premiumIndex = seatTypesWithPrices.findIndex((item) => item.label === "Premium");
         if (premiumIndex >= 3) {
             seatTypesWithPrices[2] = seatTypesWithPrices[premiumIndex];
@@ -183,15 +237,14 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
         seatTypesWithPrices = seatTypesWithPrices.slice(0, 2);
         return seatTypesWithPrices;
     };
-    const getUniqueSeatsWithLowestPrice = () => {
-        const sortedSeatTypes = getSortedSeatTypes();
+    const getUniqueSeats = () => {
+        const allSeatTypes = getAllSeatTypes();
         const seatMap = new Map();
-        sortedSeatTypes.forEach((seat) => {
+        allSeatTypes.forEach((seat) => {
             if (SEAT_EXCEPTIONS.includes(seat.label))
                 return;
-            const currentLowest = seatMap.get(seat.label);
-            const seatPrice = parseFloat(seat.price);
-            if (!currentLowest || seatPrice < parseFloat(currentLowest.price)) {
+            // Only check if the label already exists in the map, don't compare prices
+            if (!seatMap.has(seat.label)) {
                 seatMap.set(seat.label, seat);
             }
         });
@@ -201,10 +254,10 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
         return serviceItem.seat_types.filter((val) => !SEAT_EXCEPTIONS.includes(val.label)).length;
     };
     const getSeatNames = () => {
-        const sortedSeatTypesDuplicate = getUniqueSeatsWithLowestPrice();
+        const uniqueSeats = getUniqueSeats();
         const sortedSeatTypes = getSortedSeatTypes();
         if (removeDuplicateSeats) {
-            return sortedSeatTypesDuplicate.map((val, key) => SEAT_EXCEPTIONS.includes(val.label) ? null : (React.createElement("span", { key: key, className: `flex items-center justify-between  text-[13.33px] ${isSoldOut ? "text-[#c0c0c0]" : ""}` }, typeof val.label === "string" || typeof val.label === "number"
+            return uniqueSeats.map((val, key) => SEAT_EXCEPTIONS.includes(val.label) ? null : (React.createElement("span", { key: key, className: `flex items-center justify-between  text-[13.33px] ${isSoldOut ? "text-[#c0c0c0]" : ""}` }, typeof val.label === "string" || typeof val.label === "number"
                 ? val.label
                 : null)));
         }
@@ -214,7 +267,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
     };
     const getSeatPrice = () => {
         const sortedSeatTypes = getSortedSeatTypes();
-        const uniqueSeats = getUniqueSeatsWithLowestPrice();
+        const uniqueSeats = getUniqueSeats();
         if (removeDuplicateSeats) {
             return uniqueSeats.map((val, key) => (React.createElement("span", { key: key }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) <= 0
                 ? CommonService.currency(0, currencySign)

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -84,7 +84,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
         return item;
     };
     const getAmenitiesImage = (name) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         switch (name) {
             case "air_condtion.png": {
                 return (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _a === void 0 ? void 0 : _a.airConditionIcon;
@@ -128,6 +128,33 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
             case "frazada.png": {
                 return (_p = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _p === void 0 ? void 0 : _p.frazaIcon;
             }
+            case "blankket.png": {
+                return (_q = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _q === void 0 ? void 0 : _q.blankketIcon;
+            }
+            case "cctv.png": {
+                return (_r = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _r === void 0 ? void 0 : _r.cctvIcon;
+            }
+            case "cup_holder.png": {
+                return (_s = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _s === void 0 ? void 0 : _s.cupHolderIcon;
+            }
+            case "emergency_contact.png": {
+                return (_t = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _t === void 0 ? void 0 : _t.emergencyContactIcon;
+            }
+            case "emergency_exit.png": {
+                return (_u = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _u === void 0 ? void 0 : _u.emergencyExitIcon;
+            }
+            case "fire_extinguisher.png": {
+                return (_v = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _v === void 0 ? void 0 : _v.fireExtinguisherIcon;
+            }
+            case "reading_light.png": {
+                return (_w = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _w === void 0 ? void 0 : _w.readingLIghtIcon;
+            }
+            case "security_belt.png": {
+                return (_x = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _x === void 0 ? void 0 : _x.sercurityBeltIcon;
+            }
+            case "service_on_board.png": {
+                return (_y = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _y === void 0 ? void 0 : _y.serviceOnBoardIcon;
+            }
             default: {
                 return "";
             }

package/dist/components/ServiceItem/mobileTypes.d.ts

@@ -91,6 +91,15 @@ export interface MobileServiceItemProps {
             wifiIcon?: string;
             cortinaIcon?: string;
             frazaIcon?: string;
+            blankketIcon?: string;
+            cctvIcon?: string;
+            cupHolderIcon?: string;
+            emergencyContactIcon?: string;
+            emergencyExitIcon?: string;
+            fireExtinguisherIcon?: string;
+            readingLIghtIcon?: string;
+            sercurityBeltIcon?: string;
+            serviceOnBoardIcon?: string;
             airportIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };

package/dist/components/ServiceItem/types.d.ts

@@ -96,6 +96,15 @@ export interface ServiceItemProps {
             wifiIcon?: string;
             cortinaIcon?: string;
             frazaIcon?: string;
+            blankketIcon?: string;
+            cctvIcon?: string;
+            cupHolderIcon?: string;
+            emergencyContactIcon?: string;
+            emergencyExitIcon?: string;
+            fireExtinguisherIcon?: string;
+            readingLIghtIcon?: string;
+            sercurityBeltIcon?: string;
+            serviceOnBoardIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -31,6 +31,7 @@ function ServiceItemPB({
   originIconStyle,
   t = (key: string) => key,
 }: ServiceItemProps & { currencySign?: string }): React.ReactElement {
+  console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
   const SvgAmenities = ({
     moreAnemities,
     name,
@@ -113,6 +114,33 @@ function ServiceItemPB({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
+      case "blankket.png": {
+        return serviceItem?.icons?.blankketIcon;
+      }
+      case "cctv.png": {
+        return serviceItem?.icons?.cctvIcon;
+      }
+      case "cup_holder.png": {
+        return serviceItem?.icons?.cupHolderIcon;
+      }
+      case "emergency_contact.png": {
+        return serviceItem?.icons?.emergencyContactIcon;
+      }
+      case "emergency_exit.png": {
+        return serviceItem?.icons?.emergencyExitIcon;
+      }
+      case "fire_extinguisher.png": {
+        return serviceItem?.icons?.fireExtinguisherIcon;
+      }
+      case "reading_light.png": {
+        return serviceItem?.icons?.readingLIghtIcon;
+      }
+      case "security_belt.png": {
+        return serviceItem?.icons?.sercurityBeltIcon;
+      }
+      case "service_on_board.png": {
+        return serviceItem?.icons?.serviceOnBoardIcon;
+      }
       default: {
         return "";
       }
@@ -142,7 +170,25 @@ function ServiceItemPB({
       case "cortina divisoria":
         return "Cortina Divisoria";
       case "frazada":
-        return "";
+        return "Frazada";
+      case "blankket":
+        return "Mantas";
+      case "cctv":
+        return "Cámara de seguridad";
+      case "cup_holder":
+        return "Portavasos";
+      case "emergency_contact":
+        return "Contacto de emergencia";
+      case "emergency_exit":
+        return "Salida de emergencia";
+      case "fire_extinguisher":
+        return "Extintor de incendio";
+      case "reading_light":
+        return "Luz de lectura";
+      case "security_belt":
+        return "Cinturón de seguridad";
+      case "service_on_board":
+        return "Servicio a bordo";
       default:
         return rawAmenity;
     }
@@ -243,7 +289,7 @@ function ServiceItemPB({
     return null;
   };
 
-  const getSortedSeatTypes = () => {
+  const getAllSeatTypes = () => {
     if (!serviceItem?.seat_types?.length) {
       return [{ label: "Salon cama", price: 0 }];
     }
@@ -256,6 +302,16 @@ function ServiceItemPB({
       }));
 
     seatTypesWithPrices.sort((a, b) => a.price - b.price);
+
+    return seatTypesWithPrices;
+  };
+
+  const getSortedSeatTypes = () => {
+    if (!serviceItem?.seat_types?.length) {
+      return [{ label: "Salon cama", price: 0 }];
+    }
+
+    let seatTypesWithPrices = getAllSeatTypes();
     const premiumIndex = seatTypesWithPrices.findIndex(
       (item) => item.label === "Premium"
     );
@@ -269,17 +325,15 @@ function ServiceItemPB({
     return seatTypesWithPrices;
   };
 
-  const getUniqueSeatsWithLowestPrice = () => {
-    const sortedSeatTypes = getSortedSeatTypes();
+  const getUniqueSeats = () => {
+    const allSeatTypes = getAllSeatTypes();
     const seatMap = new Map();
 
-    sortedSeatTypes.forEach((seat) => {
+    allSeatTypes.forEach((seat) => {
       if (SEAT_EXCEPTIONS.includes(seat.label)) return;
 
-      const currentLowest = seatMap.get(seat.label);
-      const seatPrice = parseFloat(seat.price as any);
-
-      if (!currentLowest || seatPrice < parseFloat(currentLowest.price)) {
+      // Only check if the label already exists in the map, don't compare prices
+      if (!seatMap.has(seat.label)) {
         seatMap.set(seat.label, seat);
       }
     });
@@ -294,11 +348,11 @@ function ServiceItemPB({
   };
 
   const getSeatNames = () => {
-    const sortedSeatTypesDuplicate = getUniqueSeatsWithLowestPrice();
+    const uniqueSeats = getUniqueSeats();
     const sortedSeatTypes = getSortedSeatTypes();
 
     if (removeDuplicateSeats) {
-      return sortedSeatTypesDuplicate.map((val, key: number) =>
+      return uniqueSeats.map((val, key: number) =>
         SEAT_EXCEPTIONS.includes(val.label) ? null : (
           <span
             key={key}
@@ -331,7 +385,7 @@ function ServiceItemPB({
 
   const getSeatPrice = () => {
     const sortedSeatTypes = getSortedSeatTypes();
-    const uniqueSeats = getUniqueSeatsWithLowestPrice();
+    const uniqueSeats = getUniqueSeats();
     if (removeDuplicateSeats) {
       return uniqueSeats.map((val, key) => (
         <span key={key}>

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -200,6 +200,33 @@ function ServiceItemMobile({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
+      case "blankket.png": {
+        return serviceItem?.icons?.blankketIcon;
+      }
+      case "cctv.png": {
+        return serviceItem?.icons?.cctvIcon;
+      }
+      case "cup_holder.png": {
+        return serviceItem?.icons?.cupHolderIcon;
+      }
+      case "emergency_contact.png": {
+        return serviceItem?.icons?.emergencyContactIcon;
+      }
+      case "emergency_exit.png": {
+        return serviceItem?.icons?.emergencyExitIcon;
+      }
+      case "fire_extinguisher.png": {
+        return serviceItem?.icons?.fireExtinguisherIcon;
+      }
+      case "reading_light.png": {
+        return serviceItem?.icons?.readingLIghtIcon;
+      }
+      case "security_belt.png": {
+        return serviceItem?.icons?.sercurityBeltIcon;
+      }
+      case "service_on_board.png": {
+        return serviceItem?.icons?.serviceOnBoardIcon;
+      }
       default: {
         return "";
       }

package/src/components/ServiceItem/mobileTypes.ts

@@ -94,6 +94,15 @@ export interface MobileServiceItemProps {
       wifiIcon?: string;
       cortinaIcon?: string;
       frazaIcon?: string;
+        blankketIcon?: string;
+      cctvIcon?: string;
+      cupHolderIcon?: string;
+      emergencyContactIcon?: string;
+      emergencyExitIcon?: string;
+      fireExtinguisherIcon?: string;
+      readingLIghtIcon?: string;
+      sercurityBeltIcon?: string;
+      serviceOnBoardIcon?: string;
       airportIcon?: string;
       [key: string]: string | Record<string, string | undefined> | undefined;
     };

package/src/components/ServiceItem/types.ts

@@ -98,6 +98,15 @@ export interface ServiceItemProps {
       wifiIcon?: string;
       cortinaIcon?: string;
       frazaIcon?: string;
+      blankketIcon?: string;
+      cctvIcon?: string;
+      cupHolderIcon?: string;
+      emergencyContactIcon?: string;
+      emergencyExitIcon?: string;
+      fireExtinguisherIcon?: string;
+      readingLIghtIcon?: string;
+      sercurityBeltIcon?: string;
+      serviceOnBoardIcon?: string;
       [key: string]: string | Record<string, string | undefined> | undefined;
     };
     useLottieFor?: string[];