kupos-ui-components-lib 4.0.3 → 4.0.5

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -8,7 +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);
+    console.log("🚀 ~ ServiceItemPB ~ metaData:", metaData);
     const SvgAmenities = ({ moreAnemities, name, color, }) => {
         const amenityKey = name.toLowerCase().replace(/\s/g, "_");
         const getIconPath = () => {
@@ -25,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;
@@ -69,12 +69,40 @@ 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 "blanket.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 "seat_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 "";
             }
         }
     };
     const getAmenityName = (rawAmenity) => {
+        console.log("🚀 ~ getAmenityName ~ rawAmenity:", rawAmenity);
         switch (rawAmenity) {
             case "mobile ticket":
                 return "Ticket móvil";
@@ -97,7 +125,25 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             case "cortina divisoria":
                 return "Cortina Divisoria";
             case "frazada":
-                return "";
+                return "Frazada";
+            case "blanket":
+                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 "seat belt":
+                return "Cinturón de seguridad";
+            case "service on board":
+                return "Servicio a bordo";
             default:
                 return rawAmenity;
         }

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 "blanket.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 "seat_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.3",
+  "version": "4.0.5",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -31,7 +31,7 @@ function ServiceItemPB({
   originIconStyle,
   t = (key: string) => key,
 }: ServiceItemProps & { currencySign?: string }): React.ReactElement {
-  console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
+  console.log("🚀 ~ ServiceItemPB ~ metaData:", metaData);
   const SvgAmenities = ({
     moreAnemities,
     name,
@@ -114,6 +114,33 @@ function ServiceItemPB({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
+      case "blanket.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 "seat_belt.png": {
+        return serviceItem?.icons?.sercurityBeltIcon;
+      }
+      case "service_on_board.png": {
+        return serviceItem?.icons?.serviceOnBoardIcon;
+      }
       default: {
         return "";
       }
@@ -121,6 +148,7 @@ function ServiceItemPB({
   };
 
   const getAmenityName = (rawAmenity: string): string => {
+    console.log("🚀 ~ getAmenityName ~ rawAmenity:", rawAmenity);
     switch (rawAmenity) {
       case "mobile ticket":
         return "Ticket móvil";
@@ -143,7 +171,26 @@ function ServiceItemPB({
       case "cortina divisoria":
         return "Cortina Divisoria";
       case "frazada":
-        return "";
+        return "Frazada";
+
+      case "blanket":
+        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 "seat belt":
+        return "Cinturón de seguridad";
+      case "service on board":
+        return "Servicio a bordo";
       default:
         return rawAmenity;
     }

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -200,6 +200,33 @@ function ServiceItemMobile({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
+      case "blanket.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 "seat_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[];