kupos-ui-components-lib 4.0.4 → 4.0.6

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 ~ serviceItem:", serviceItem, 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, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
         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,7 +69,7 @@ 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": {
+            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": {
@@ -90,18 +90,28 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             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": {
+            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;
             }
+            case "personal_tv.png": {
+                return (_z = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _z === void 0 ? void 0 : _z.personalTVIcon;
+            }
+            case "pet_admission.png": {
+                return (_0 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _0 === void 0 ? void 0 : _0.petAdmissionIcon;
+            }
+            case "music.png": {
+                return (_1 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _1 === void 0 ? void 0 : _1.musicIcon;
+            }
             default: {
                 return "";
             }
         }
     };
     const getAmenityName = (rawAmenity) => {
+        console.log("🚀 ~ getAmenityName ~ rawAmenity:", rawAmenity);
         switch (rawAmenity) {
             case "mobile ticket":
                 return "Ticket móvil";
@@ -125,24 +135,30 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
                 return "Cortina Divisoria";
             case "frazada":
                 return "Frazada";
-            case "blankket":
+            case "blanket":
                 return "Mantas";
             case "cctv":
                 return "Cámara de seguridad";
-            case "cup_holder":
+            case "cup holder":
                 return "Portavasos";
-            case "emergency_contact":
+            case "emergency contact":
                 return "Contacto de emergencia";
-            case "emergency_exit":
+            case "emergency exit":
                 return "Salida de emergencia";
-            case "fire_extinguisher":
+            case "fire extinguisher":
                 return "Extintor de incendio";
-            case "reading_light":
+            case "reading light":
                 return "Luz de lectura";
-            case "security_belt":
+            case "seat belt":
                 return "Cinturón de seguridad";
-            case "service_on_board":
+            case "service on board":
                 return "Servicio a bordo";
+            case "personal tv":
+                return "TV personal";
+            case "pet admission":
+                return "Admisión de mascotas";
+            case "music":
+                return "Música";
             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, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
         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,7 +128,7 @@ 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": {
+            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": {
@@ -149,12 +149,21 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
             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": {
+            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;
             }
+            case "personal_tv.png": {
+                return (_z = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _z === void 0 ? void 0 : _z.personalTVIcon;
+            }
+            case "pet_admission.png": {
+                return (_0 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _0 === void 0 ? void 0 : _0.petAdmissionIcon;
+            }
+            case "music.png": {
+                return (_1 = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _1 === void 0 ? void 0 : _1.musicIcon;
+            }
             default: {
                 return "";
             }

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

@@ -101,6 +101,9 @@ export interface MobileServiceItemProps {
             sercurityBeltIcon?: string;
             serviceOnBoardIcon?: string;
             airportIcon?: string;
+            personalTVIcon?: string;
+            petAdmissionIcon?: string;
+            musicIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];

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

@@ -105,6 +105,9 @@ export interface ServiceItemProps {
             readingLIghtIcon?: string;
             sercurityBeltIcon?: string;
             serviceOnBoardIcon?: string;
+            personalTVIcon?: string;
+            petAdmissionIcon?: string;
+            musicIcon?: 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.4",
+  "version": "4.0.6",
   "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 ~ serviceItem:", serviceItem, metaData);
   const SvgAmenities = ({
     moreAnemities,
     name,
@@ -114,7 +114,7 @@ function ServiceItemPB({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
-      case "blankket.png": {
+      case "blanket.png": {
         return serviceItem?.icons?.blankketIcon;
       }
       case "cctv.png": {
@@ -135,12 +135,21 @@ function ServiceItemPB({
       case "reading_light.png": {
         return serviceItem?.icons?.readingLIghtIcon;
       }
-      case "security_belt.png": {
+      case "seat_belt.png": {
         return serviceItem?.icons?.sercurityBeltIcon;
       }
       case "service_on_board.png": {
         return serviceItem?.icons?.serviceOnBoardIcon;
       }
+      case "personal_tv.png": {
+        return serviceItem?.icons?.personalTVIcon;
+      }
+      case "pet_admission.png": {
+        return serviceItem?.icons?.petAdmissionIcon;
+      }
+      case "music.png": {
+        return serviceItem?.icons?.musicIcon;
+      }
       default: {
         return "";
       }
@@ -148,6 +157,7 @@ function ServiceItemPB({
   };
 
   const getAmenityName = (rawAmenity: string): string => {
+    console.log("🚀 ~ getAmenityName ~ rawAmenity:", rawAmenity);
     switch (rawAmenity) {
       case "mobile ticket":
         return "Ticket móvil";
@@ -171,24 +181,32 @@ function ServiceItemPB({
         return "Cortina Divisoria";
       case "frazada":
         return "Frazada";
-      case "blankket":
+
+      case "blanket":
         return "Mantas";
       case "cctv":
         return "Cámara de seguridad";
-      case "cup_holder":
+      case "cup holder":
         return "Portavasos";
-      case "emergency_contact":
+      case "emergency contact":
         return "Contacto de emergencia";
-      case "emergency_exit":
+      case "emergency exit":
         return "Salida de emergencia";
-      case "fire_extinguisher":
+      case "fire extinguisher":
         return "Extintor de incendio";
-      case "reading_light":
+      case "reading light":
         return "Luz de lectura";
-      case "security_belt":
+      case "seat belt":
         return "Cinturón de seguridad";
-      case "service_on_board":
+      case "service on board":
         return "Servicio a bordo";
+
+      case "personal tv":
+        return "TV personal";
+      case "pet admission":
+        return "Admisión de mascotas";
+      case "music":
+        return "Música";
       default:
         return rawAmenity;
     }

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -200,7 +200,7 @@ function ServiceItemMobile({
       case "frazada.png": {
         return serviceItem?.icons?.frazaIcon;
       }
-      case "blankket.png": {
+      case "blanket.png": {
         return serviceItem?.icons?.blankketIcon;
       }
       case "cctv.png": {
@@ -221,12 +221,21 @@ function ServiceItemMobile({
       case "reading_light.png": {
         return serviceItem?.icons?.readingLIghtIcon;
       }
-      case "security_belt.png": {
+      case "seat_belt.png": {
         return serviceItem?.icons?.sercurityBeltIcon;
       }
       case "service_on_board.png": {
         return serviceItem?.icons?.serviceOnBoardIcon;
       }
+      case "personal_tv.png": {
+        return serviceItem?.icons?.personalTVIcon;
+      }
+      case "pet_admission.png": {
+        return serviceItem?.icons?.petAdmissionIcon;
+      }
+      case "music.png": {
+        return serviceItem?.icons?.musicIcon;
+      }
       default: {
         return "";
       }

package/src/components/ServiceItem/mobileTypes.ts

@@ -104,6 +104,9 @@ export interface MobileServiceItemProps {
       sercurityBeltIcon?: string;
       serviceOnBoardIcon?: string;
       airportIcon?: string;
+       personalTVIcon?: string;
+    petAdmissionIcon?: string;
+    musicIcon?: string;
       [key: string]: string | Record<string, string | undefined> | undefined;
     };
     useLottieFor?: string[];

package/src/components/ServiceItem/types.ts

@@ -107,6 +107,10 @@ export interface ServiceItemProps {
       readingLIghtIcon?: string;
       sercurityBeltIcon?: string;
       serviceOnBoardIcon?: string;
+      personalTVIcon?: string;
+    petAdmissionIcon?: string;
+    musicIcon?: string;
+
       [key: string]: string | Record<string, string | undefined> | undefined;
     };
     useLottieFor?: string[];
@@ -133,7 +137,6 @@ export interface ServiceItemProps {
     primaryButtonTextColor?: string;
     bottomStripColor?: string;
     directoColor?: string;
-
     seatPriceColor?: string;
   };
   cityOrigin?: { value: number; label: string };