kupos-ui-components-lib 9.1.1 → 9.1.2

package/dist/styles.css

@@ -30,6 +30,9 @@
 .-top-\[14px\] {
   top: calc(14px * -1);
 }
+.-top-\[16px\] {
+  top: calc(16px * -1);
+}
 .top-\[2px\] {
   top: 2px;
 }
@@ -45,6 +48,9 @@
 .top-\[88\%\] {
   top: 88%;
 }
+.right-\[0\] {
+  right: 0;
+}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }
@@ -81,6 +87,9 @@
 .left-\[80px\] {
   left: 80px;
 }
+.-z-9 {
+  z-index: calc(9 * -1);
+}
 .-z-10 {
   z-index: calc(10 * -1);
 }
@@ -117,12 +126,15 @@
 .mx-auto {
   margin-inline: auto;
 }
-.-mt-\[5px\] {
-  margin-top: calc(5px * -1);
+.-mt-\[16px\] {
+  margin-top: calc(16px * -1);
 }
 .mt-\[2px\] {
   margin-top: 2px;
 }
+.mt-\[3px\] {
+  margin-top: 3px;
+}
 .mt-\[5px\] {
   margin-top: 5px;
 }
@@ -132,6 +144,9 @@
 .mt-\[13px\] {
   margin-top: 13px;
 }
+.mt-\[14px\] {
+  margin-top: 14px;
+}
 .mt-\[15px\] {
   margin-top: 15px;
 }
@@ -162,9 +177,6 @@
 .mr-\[11px\] {
   margin-right: 11px;
 }
-.-mb-\[5px\] {
-  margin-bottom: calc(5px * -1);
-}
 .mb-\[2px\] {
   margin-bottom: 2px;
 }
@@ -174,9 +186,6 @@
 .mb-\[5px\] {
   margin-bottom: 5px;
 }
-.mb-\[8px\] {
-  margin-bottom: 8px;
-}
 .mb-\[10px\] {
   margin-bottom: 10px;
 }
@@ -204,9 +213,18 @@
 .ml-\[3px\] {
   margin-left: 3px;
 }
+.ml-\[4px\] {
+  margin-left: 4px;
+}
 .ml-\[5px\] {
   margin-left: 5px;
 }
+.ml-\[6px\] {
+  margin-left: 6px;
+}
+.ml-\[8px\] {
+  margin-left: 8px;
+}
 .ml-\[10px\] {
   margin-left: 10px;
 }
@@ -276,6 +294,9 @@
 .max-h-\[66vh\] {
   max-height: 66vh;
 }
+.min-h-\[2\.2rem\] {
+  min-height: 2.2rem;
+}
 .min-h-\[2\.5rem\] {
   min-height: 2.5rem;
 }
@@ -300,6 +321,9 @@
 .w-\[50\%\] {
   width: 50%;
 }
+.w-\[55\%\] {
+  width: 55%;
+}
 .w-\[60\%\] {
   width: 60%;
 }
@@ -321,6 +345,9 @@
 .w-\[130px\] {
   width: 130px;
 }
+.w-\[150px\] {
+  width: 150px;
+}
 .w-\[188px\] {
   width: 188px;
 }
@@ -333,8 +360,8 @@
 .w-\[260px\] {
   width: 260px;
 }
-.w-\[320px\] {
-  width: 320px;
+.w-\[280px\] {
+  width: 280px;
 }
 .w-\[auto\] {
   width: auto;
@@ -342,9 +369,20 @@
 .w-auto {
   width: auto;
 }
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .w-full {
   width: 100%;
 }
+.w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+.max-w-\[120px\] {
+  max-width: 120px;
+}
 .max-w-\[165px\] {
   max-width: 165px;
 }
@@ -374,12 +412,15 @@
 .cursor-pointer {
   cursor: pointer;
 }
-.\[grid-template-columns\:14\%_30\%_2\.5\%_30\%_15\.5\%\] {
-  grid-template-columns: 14% 30% 2.5% 30% 15.5%;
-}
 .\[grid-template-columns\:14\%_40\%_0\.5\%_24\%_13\.5\%\] {
   grid-template-columns: 14% 40% 0.5% 24% 13.5%;
 }
+.\[grid-template-columns\:18\%_28\%_2\.5\%_28\%_15\.5\%\] {
+  grid-template-columns: 18% 28% 2.5% 28% 15.5%;
+}
+.\[grid-template-columns\:22\%_28\%_2\.5\%_24\%_15\.5\%\] {
+  grid-template-columns: 22% 28% 2.5% 24% 15.5%;
+}
 .grid-cols-\[0\.8fr_auto_26\%_1fr\] {
   grid-template-columns: 0.8fr auto 26% 1fr;
 }
@@ -431,6 +472,9 @@
 .gap-\[6px\] {
   gap: 6px;
 }
+.gap-\[8px\] {
+  gap: 8px;
+}
 .gap-\[10px\] {
   gap: 10px;
 }
@@ -512,9 +556,6 @@
   --tw-border-style: none;
   border-style: none;
 }
-.border-\[\#E6E6E6\] {
-  border-color: #E6E6E6;
-}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -573,9 +614,6 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
-.p-\[12px\] {
-  padding: 12px;
-}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -588,9 +626,15 @@
 .px-\[10px\] {
   padding-inline: 10px;
 }
+.px-\[12px\] {
+  padding-inline: 12px;
+}
 .px-\[14px\] {
   padding-inline: 14px;
 }
+.px-\[15px\] {
+  padding-inline: 15px;
+}
 .px-\[20px\] {
   padding-inline: 20px;
 }
@@ -603,14 +647,17 @@
 .py-\[6px\] {
   padding-block: 6px;
 }
+.py-\[10px\] {
+  padding-block: 10px;
+}
 .py-\[12px\] {
   padding-block: 12px;
 }
 .pt-\[4px\] {
   padding-top: 4px;
 }
-.pt-\[5px\] {
-  padding-top: 5px;
+.pt-\[6px\] {
+  padding-top: 6px;
 }
 .pt-\[10px\] {
   padding-top: 10px;
@@ -618,39 +665,54 @@
 .pt-\[20px\] {
   padding-top: 20px;
 }
+.pt-\[22px\] {
+  padding-top: 22px;
+}
+.pt-\[26px\] {
+  padding-top: 26px;
+}
 .pt-\[35px\] {
   padding-top: 35px;
 }
 .pt-\[50px\] {
   padding-top: 50px;
 }
+.pr-\[13px\] {
+  padding-right: 13px;
+}
 .pr-\[15px\] {
   padding-right: 15px;
 }
-.pr-\[20px\] {
-  padding-right: 20px;
-}
-.pb-\[5px\] {
-  padding-bottom: 5px;
-}
 .pb-\[7px\] {
   padding-bottom: 7px;
 }
 .pb-\[10px\] {
   padding-bottom: 10px;
 }
-.pl-\[15px\] {
-  padding-left: 15px;
+.pb-\[12px\] {
+  padding-bottom: 12px;
+}
+.pb-\[14px\] {
+  padding-bottom: 14px;
+}
+.pl-\[6px\] {
+  padding-left: 6px;
 }
 .text-center {
   text-align: center;
 }
+.text-end {
+  text-align: end;
+}
 .text-justify {
   text-align: justify;
 }
 .text-left {
   text-align: left;
 }
+.text-\[6px\] {
+  font-size: 6px;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -690,13 +752,13 @@
   --tw-font-weight: 900;
   font-weight: 900;
 }
-.text-wrap {
-  text-wrap: wrap;
-}
 .break-normal {
   overflow-wrap: normal;
   word-break: normal;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
 .whitespace-normal {
   white-space: normal;
 }
@@ -730,6 +792,13 @@
 .uppercase {
   text-transform: uppercase;
 }
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+}
+.line-through {
+  text-decoration-line: line-through;
+}
 .opacity-0 {
   opacity: 0%;
 }
@@ -818,6 +887,11 @@
     font-size: 11px;
   }
 }
+.min-\[420px\]\:text-\[12px\] {
+  @media (width >= 420px) {
+    font-size: 12px;
+  }
+}
 @keyframes load8 {
   0% {
     transform: rotate(0deg);
@@ -903,6 +977,26 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -984,6 +1078,11 @@
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;

package/dist/ui/AmenitiesBlock.js

@@ -1,8 +1,10 @@
 import React from "react";
-import LottiePlayer from "../assets/LottiePlayer";
 const DEFAULT_PRIORITY_IDS = ["2", "3", "13"];
 const TOOLTIP_CLASS = "hidden group-hover:block absolute top-[30px] left-1/2 -translate-x-1/2 text-white rounded-[14px] whitespace-nowrap mt-2.5 text-center shadow-service text-[13.33px]";
-const getAmenityBaseName = (amenityStr) => { var _a; return (_a = amenityStr === null || amenityStr === void 0 ? void 0 : amenityStr.split(".")[0]) !== null && _a !== void 0 ? _a : ""; };
+const getAmenityBaseName = (amenityStr) => {
+    var _a;
+    return (_a = amenityStr === null || amenityStr === void 0 ? void 0 : amenityStr.split(".")[0]) !== null && _a !== void 0 ? _a : "";
+};
 const isWater = (amenityStr) => { var _a; return ((_a = getAmenityBaseName(amenityStr)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === "WATER"; };
 const TooltipArrow = ({ color }) => (React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: color } }));
 const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
@@ -27,7 +29,7 @@ const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
     };
 };
 const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getAnimationIcon, getAmenityName, SvgAmenities, }) => {
-    var _a, _b, _c;
+    var _a, _b;
     if (!metaData ||
         !((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.operator_details) === null || _a === void 0 ? void 0 : _a[4]) ||
         !serviceItem.operator_details[4].length) {
@@ -45,39 +47,30 @@ const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getA
     });
     const shouldShowPlus = plusAmenities.length > 0;
     const grayscaleClass = isSoldOut ? "grayscale" : "";
-    return (React.createElement("div", { className: "flex items-center gap-[6px]" },
-        (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_tracking_enabled) && (React.createElement("div", { className: grayscaleClass },
-            React.createElement(LottiePlayer, { animationData: getAnimationIcon("locationAnim"), width: "20px", height: "20px" }))),
+    return (React.createElement("div", { className: "relative flex items-center gap-[6px] group cursor-pointer" },
         visibleAmenities.map((val, key) => {
             const raw = metaData.amenities[val];
             if (isWater(raw))
                 return null;
             const baseName = getAmenityBaseName(raw);
-            return (React.createElement("div", { key: key, className: "relative group cursor-pointer" },
+            return (React.createElement("div", { key: key },
                 React.createElement("div", { className: grayscaleClass },
-                    React.createElement(SvgAmenities, { moreAnemities: false, name: baseName.toLowerCase() })),
-                React.createElement("div", { className: TOOLTIP_CLASS, style: {
-                        backgroundColor: colors.tooltipColor,
-                        zIndex: 21,
-                        padding: "12px",
-                    } },
-                    React.createElement(TooltipArrow, { color: colors.tooltipColor }),
-                    getAmenityName(baseName.split("_").join(" ")))));
+                    React.createElement(SvgAmenities, { moreAnemities: false, name: baseName.toLowerCase() }))));
         }),
-        shouldShowPlus && (React.createElement("div", { className: "relative ml-1 cursor-pointer" },
-            React.createElement("div", { className: "group" },
-                React.createElement("img", { src: ((_c = serviceItem.icons) === null || _c === void 0 ? void 0 : _c.plus) ||
-                        "/images/icons/amenities/icon_plus.svg", className: "w-[16px] h-[16px]", alt: "plus" }),
-                React.createElement("div", { style: { zIndex: 100 }, className: TOOLTIP_CLASS },
-                    React.createElement(TooltipArrow, { color: colors.tooltipColor }),
-                    React.createElement("div", { className: "flex flex-col gap-[10px] p-3 rounded-[8px] shadow-md", style: { backgroundColor: colors.tooltipColor } }, plusAmenities.map((val, key) => {
-                        const raw = metaData.amenities[val];
-                        if (isWater(raw))
-                            return null;
-                        const baseName = getAmenityBaseName(raw);
-                        return (React.createElement("div", { key: key, className: "flex items-center gap-[5px] text-xs whitespace-nowrap" },
-                            React.createElement(SvgAmenities, { moreAnemities: true, name: baseName.toUpperCase(), color: "white" }),
-                            getAmenityName(baseName.split("_").join(" "))));
-                    }))))))));
+        React.createElement("div", { className: TOOLTIP_CLASS, style: {
+                backgroundColor: colors.bottomStripColor,
+                zIndex: 21,
+                padding: "12px",
+            } },
+            React.createElement(TooltipArrow, { color: colors.tooltipColor }),
+            React.createElement("div", { className: "flex flex-col gap-[10px]" }, amenities.map((id, i) => {
+                const rawItem = metaData.amenities[id];
+                if (isWater(rawItem))
+                    return null;
+                const name = getAmenityBaseName(rawItem);
+                return (React.createElement("div", { key: i, className: "flex items-center gap-[5px] text-xs whitespace-nowrap" },
+                    React.createElement(SvgAmenities, { moreAnemities: true, name: name.toUpperCase(), color: "white" }),
+                    getAmenityName(name.split("_").join(" "))));
+            })))));
 };
 export default AmenitiesBlock;

package/dist/ui/BottomAmenities/BottomAmenities.js

@@ -3,7 +3,6 @@ import LottiePlayer from "../../assets/LottiePlayer";
 import FlexibleBlock from "../FlexibleBlock";
 import PetBlock from "../PetBlock";
 function BottomAmenities({ otherItems, serviceItem, grayscaleClass, isSoldOut, isItemExpanded, colors, translation, getAnimationIcon, downArrowIcon, onToggleExpand, }) {
-    console.log("🚀 ~ BottomAmenities ~ isItemExpanded:", isItemExpanded);
     const hasPetInfo = serviceItem.pet_seat_info &&
         Object.keys(serviceItem.pet_seat_info).length > 0;
     const showDownArrow = ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_change_ticket) && serviceItem.pet_seat_info) ||

package/dist/ui/DurationBlock.js

@@ -1,11 +1,11 @@
 import React from "react";
-const DurationBlock = ({ serviceItem, translation, renderIcon, isSoldOut, colors, }) => (React.createElement("div", { className: "flex items-baseline relative whitespace-nowrap" },
+const DurationBlock = ({ serviceItem, translation, renderIcon, isSoldOut, colors, }) => (React.createElement("div", { className: "flex items-baseline relative whitespace-nowrap " },
     React.createElement("div", { className: `w-[18px] mr-[4px] ${isSoldOut ? "grayscale" : ""}` }, renderIcon("hours", "14px")),
-    React.createElement("div", { className: "group text-[13.33px]" },
+    React.createElement("div", { className: "group text-[13.33px] cursor-pointer" },
         serviceItem.duration,
         " ",
         translation.hours,
-        React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[188px] text-center break-normal shadow-service text-[12px]", style: { backgroundColor: colors.tooltipColor } },
-            React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors.tooltipColor } }),
+        React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[188px] text-center break-normal shadow-service text-[12px]", style: { backgroundColor: colors.bottomStripColor } },
+            React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors.bottomStripColor } }),
             "Duraci\u00F3n estimada del viaje"))));
 export default DurationBlock;

package/dist/ui/FlexibleBlock.js

@@ -3,21 +3,20 @@ import LottiePlayer from "../assets/LottiePlayer";
 const FlexibleBlock = ({ translation, getAnimationIcon, colors, serviceItem, isSoldOut, }) => {
     var _a;
     return (React.createElement("div", { className: "flex items-center" },
-        React.createElement("div", { className: "relative group cursor-default" },
+        React.createElement("div", { className: "relative group cursor-pointer" },
             React.createElement("div", { className: "flex items-center" },
                 React.createElement("div", { className: `mr-[5px] ${isSoldOut ? "grayscale" : ""}` },
                     React.createElement(LottiePlayer
                     // animationData={serviceItem.icons.flexibleAnim}
                     , { 
                         // animationData={serviceItem.icons.flexibleAnim}
-                        animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" })),
-                React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647]" },
-                    React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.flexible))),
+                        animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" }))),
             React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[230px] text-center break-normal shadow-service text-[12px]", style: {
-                    backgroundColor: colors.tooltipColor,
+                    backgroundColor: colors.bottomStripColor,
                     lineHeight: "1.5",
+                    zIndex: "1000",
                 } },
-                React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.tooltipColor } }),
+                React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.bottomStripColor } }),
                 "Esta empresa permite cambios sin costo hasta (", (_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.change_ticket_hours) !== null && _a !== void 0 ? _a : 6,
                 ") horas antes del viaje."))));
 };

package/dist/ui/PetBlock.js

@@ -8,9 +8,7 @@ const PetBlock = ({ translation, getAnimationIcon, colors, isSoldOut }) => (Reac
                 // animationData={serviceItem.icons.petFriendlyAnim}
                 , { 
                     // animationData={serviceItem.icons.petFriendlyAnim}
-                    animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" })),
-            React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647]" },
-                React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.petFriendly))),
+                    animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" }))),
         React.createElement("div", { className: " hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-normal z-10 mt-2.5 w-[230px] text-center break-normal shadow-service", style: { backgroundColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } },
             React.createElement("div", { className: "tooltip-arrow absolute text-[13.33px] -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: { borderBottomColor: colors === null || colors === void 0 ? void 0 : colors.tooltipColor } }),
             "Este servicio incluye asientos para mascotas."))));

package/dist/ui/RatingBlock.d.ts

@@ -1,3 +1,11 @@
 import React from "react";
-declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: any) => React.JSX.Element;
+declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: {
+    showRating: any;
+    serviceItem: any;
+    isSoldOut: any;
+    colors: any;
+    t: any;
+    translation: any;
+    isPeru: any;
+}) => React.JSX.Element;
 export default RatingBlock;

package/dist/ui/RatingBlock.js

@@ -1,9 +1,13 @@
 import React from "react";
 import RatingHover from "../components/ServiceItem/RatingHover";
-const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru = false, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
+const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
     showRating && (React.createElement(RatingHover, { serviceItem: serviceItem, isSoldOut: isSoldOut, colors: colors, t: t, translation: translation, isPeru: isPeru })),
-    React.createElement("span", { className: "ml-[10px] text-[13.33px]", style: {
+    React.createElement("div", { className: "group relative ml-[10px] text-[13.33px]", style: {
             marginLeft: showRating ? "10px" : "0",
             color: isSoldOut ? "#c0c0c0" : "#464647",
-        } }, serviceItem.operator_details[2])));
+        } },
+        React.createElement("span", { className: "block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer" }, serviceItem.operator_details[2]),
+        React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap z-10 mt-2.5 w-max text-center shadow-service text-[12px]", style: { backgroundColor: colors.bottomStripColor, zIndex: "300" } },
+            React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent ", style: { borderBottomColor: colors.bottomStripColor } }),
+            serviceItem.operator_details[2]))));
 export default RatingBlock;

package/dist/utils/CommonService.d.ts

@@ -1,7 +1,7 @@
 declare const commonService: {
     currency(amount: number, currencySign?: string): string;
     copyObject: (ob: any) => any;
-    getServiceTypeLabelForFilters: (service_type: any) => "" | "Tipo de servicio" | "Punto de embarque" | "Tipo de asiento" | "SERVICIOS";
+    getServiceTypeLabelForFilters: (service_type: any) => "Tipo de servicio" | "Punto de embarque" | "Tipo de asiento" | "SERVICIOS" | "";
     truncateSeatLabel: (label: string | number) => string;
     getAmenitiesImage: (name: string, serviceItem: any) => string;
     getAmenityName: (rawAmenity: string) => string;

package/dist/utils/CommonService.js

@@ -185,6 +185,8 @@ const commonService = {
                 return "Auriculares";
             case "allows cancellation":
                 return "Anulación online";
+            case "handicap":
+                return "Asiento preferente (PMR)";
             default:
                 return rawAmenity;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "9.1.1",
+  "version": "9.1.2",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"
@@ -30,6 +30,7 @@
   "author": "Zahid Dar",
   "license": "MIT",
   "dependencies": {
+    "kupos-ui-components-lib": "^9.0.7",
     "lottie-react": "^2.4.1",
     "lottie-web": "^5.13.0",
     "moment": "^2.30.1",