kupos-ui-components-lib 9.1.2 → 9.1.3

package/dist/styles.css

@@ -30,9 +30,6 @@
 .-top-\[14px\] {
   top: calc(14px * -1);
 }
-.-top-\[16px\] {
-  top: calc(16px * -1);
-}
 .top-\[2px\] {
   top: 2px;
 }
@@ -48,9 +45,6 @@
 .top-\[88\%\] {
   top: 88%;
 }
-.right-\[0\] {
-  right: 0;
-}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }
@@ -87,9 +81,6 @@
 .left-\[80px\] {
   left: 80px;
 }
-.-z-9 {
-  z-index: calc(9 * -1);
-}
 .-z-10 {
   z-index: calc(10 * -1);
 }
@@ -126,15 +117,12 @@
 .mx-auto {
   margin-inline: auto;
 }
-.-mt-\[16px\] {
-  margin-top: calc(16px * -1);
+.-mt-\[5px\] {
+  margin-top: calc(5px * -1);
 }
 .mt-\[2px\] {
   margin-top: 2px;
 }
-.mt-\[3px\] {
-  margin-top: 3px;
-}
 .mt-\[5px\] {
   margin-top: 5px;
 }
@@ -144,9 +132,6 @@
 .mt-\[13px\] {
   margin-top: 13px;
 }
-.mt-\[14px\] {
-  margin-top: 14px;
-}
 .mt-\[15px\] {
   margin-top: 15px;
 }
@@ -177,6 +162,9 @@
 .mr-\[11px\] {
   margin-right: 11px;
 }
+.-mb-\[5px\] {
+  margin-bottom: calc(5px * -1);
+}
 .mb-\[2px\] {
   margin-bottom: 2px;
 }
@@ -186,6 +174,9 @@
 .mb-\[5px\] {
   margin-bottom: 5px;
 }
+.mb-\[8px\] {
+  margin-bottom: 8px;
+}
 .mb-\[10px\] {
   margin-bottom: 10px;
 }
@@ -213,18 +204,9 @@
 .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;
 }
@@ -294,9 +276,6 @@
 .max-h-\[66vh\] {
   max-height: 66vh;
 }
-.min-h-\[2\.2rem\] {
-  min-height: 2.2rem;
-}
 .min-h-\[2\.5rem\] {
   min-height: 2.5rem;
 }
@@ -321,9 +300,6 @@
 .w-\[50\%\] {
   width: 50%;
 }
-.w-\[55\%\] {
-  width: 55%;
-}
 .w-\[60\%\] {
   width: 60%;
 }
@@ -345,9 +321,6 @@
 .w-\[130px\] {
   width: 130px;
 }
-.w-\[150px\] {
-  width: 150px;
-}
 .w-\[188px\] {
   width: 188px;
 }
@@ -360,8 +333,8 @@
 .w-\[260px\] {
   width: 260px;
 }
-.w-\[280px\] {
-  width: 280px;
+.w-\[320px\] {
+  width: 320px;
 }
 .w-\[auto\] {
   width: auto;
@@ -369,20 +342,9 @@
 .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;
 }
@@ -412,15 +374,12 @@
 .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;
 }
@@ -472,9 +431,6 @@
 .gap-\[6px\] {
   gap: 6px;
 }
-.gap-\[8px\] {
-  gap: 8px;
-}
 .gap-\[10px\] {
   gap: 10px;
 }
@@ -556,6 +512,9 @@
   --tw-border-style: none;
   border-style: none;
 }
+.border-\[\#E6E6E6\] {
+  border-color: #E6E6E6;
+}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -614,6 +573,9 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
+.p-\[12px\] {
+  padding: 12px;
+}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -626,15 +588,9 @@
 .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;
 }
@@ -647,17 +603,14 @@
 .py-\[6px\] {
   padding-block: 6px;
 }
-.py-\[10px\] {
-  padding-block: 10px;
-}
 .py-\[12px\] {
   padding-block: 12px;
 }
 .pt-\[4px\] {
   padding-top: 4px;
 }
-.pt-\[6px\] {
-  padding-top: 6px;
+.pt-\[5px\] {
+  padding-top: 5px;
 }
 .pt-\[10px\] {
   padding-top: 10px;
@@ -665,54 +618,39 @@
 .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;
 }
-.pb-\[12px\] {
-  padding-bottom: 12px;
-}
-.pb-\[14px\] {
-  padding-bottom: 14px;
-}
-.pl-\[6px\] {
-  padding-left: 6px;
+.pl-\[15px\] {
+  padding-left: 15px;
 }
 .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;
 }
@@ -752,13 +690,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;
 }
@@ -792,13 +730,6 @@
 .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%;
 }
@@ -887,11 +818,6 @@
     font-size: 11px;
   }
 }
-.min-\[420px\]\:text-\[12px\] {
-  @media (width >= 420px) {
-    font-size: 12px;
-  }
-}
 @keyframes load8 {
   0% {
     transform: rotate(0deg);
@@ -977,26 +903,6 @@
   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;
@@ -1078,11 +984,6 @@
       --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,10 +1,8 @@
 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 }) => {
@@ -29,7 +27,7 @@ const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
     };
 };
 const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getAnimationIcon, getAmenityName, SvgAmenities, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     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) {
@@ -47,30 +45,39 @@ const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getA
     });
     const shouldShowPlus = plusAmenities.length > 0;
     const grayscaleClass = isSoldOut ? "grayscale" : "";
-    return (React.createElement("div", { className: "relative flex items-center gap-[6px] group cursor-pointer" },
+    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" }))),
         visibleAmenities.map((val, key) => {
             const raw = metaData.amenities[val];
             if (isWater(raw))
                 return null;
             const baseName = getAmenityBaseName(raw);
-            return (React.createElement("div", { key: key },
+            return (React.createElement("div", { key: key, className: "relative group cursor-pointer" },
                 React.createElement("div", { className: grayscaleClass },
-                    React.createElement(SvgAmenities, { moreAnemities: false, name: baseName.toLowerCase() }))));
+                    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("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(" "))));
-            })))));
+        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(" "))));
+                    }))))))));
 };
 export default AmenitiesBlock;

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] cursor-pointer" },
+    React.createElement("div", { className: "group text-[13.33px]" },
         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.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 } }),
+        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 } }),
             "Duraci\u00F3n estimada del viaje"))));
 export default DurationBlock;

package/dist/ui/FlexibleBlock.js

@@ -3,20 +3,21 @@ 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-pointer" },
+        React.createElement("div", { className: "relative group cursor-default" },
             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" }))),
+                        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))),
             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.bottomStripColor,
+                    backgroundColor: colors.tooltipColor,
                     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.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.tooltipColor } }),
                 "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,7 +8,9 @@ const PetBlock = ({ translation, getAnimationIcon, colors, isSoldOut }) => (Reac
                 // animationData={serviceItem.icons.petFriendlyAnim}
                 , { 
                     // animationData={serviceItem.icons.petFriendlyAnim}
-                    animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" }))),
+                    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))),
         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,11 +1,3 @@
 import React from "react";
-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;
+declare const RatingBlock: ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }: any) => React.JSX.Element;
 export default RatingBlock;

package/dist/ui/RatingBlock.js

@@ -1,13 +1,9 @@
 import React from "react";
 import RatingHover from "../components/ServiceItem/RatingHover";
-const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru, }) => (React.createElement("div", { className: "flex items-center whitespace-nowrap" },
+const RatingBlock = ({ showRating, serviceItem, isSoldOut, colors, t, translation, isPeru = false, }) => (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("div", { className: "group relative ml-[10px] text-[13.33px]", style: {
+    React.createElement("span", { className: "ml-[10px] text-[13.33px]", style: {
             marginLeft: showRating ? "10px" : "0",
             color: isSoldOut ? "#c0c0c0" : "#464647",
-        } },
-        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]))));
+        } }, 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,8 +185,6 @@ 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.2",
+  "version": "9.1.3",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"
@@ -30,7 +30,6 @@
   "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",

package/src/assets/images/anims/service_list/directo.json

@@ -1 +1 @@
-{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.86.1"},"layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":24},{"s":[221.8237,249.9635],"t":39}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":24},{"s":[100],"t":30}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[0.2745,0.2745,0.2784]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2745,0.2745,0.2784]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer - SVG 1","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":2},{"s":[395.1269,249.9635],"t":24}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[100],"t":4}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[0.2745,0.2745,0.2784]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2745,0.2745,0.2784]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}],"v":"5.7.0","fr":30,"op":90,"ip":0,"assets":[]}
+{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.25.0"},"layers":[{"ty":0,"nm":" Main Scene","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[250,250]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":500,"h":500,"refId":"precomp_Main Scene_c6717324-fe11-4912-8421-1a94a5c0a552","ind":1}],"v":"5.7.0","fr":30,"op":90,"ip":0,"assets":[{"nm":"Main Scene","id":"precomp_Main Scene_c6717324-fe11-4912-8421-1a94a5c0a552","layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[103.191,249.995],"t":24},{"s":[221.8237,249.9635],"t":39}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":24},{"s":[100],"t":30}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer - SVG 1","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ln":"Capa_1","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[38.5,32.5]},"s":{"a":0,"k":[596.2908,596.2908]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[80.0835,249.995],"t":2},{"s":[395.1269,249.9635],"t":24}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":0},{"s":[100],"t":4}]}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.2699999999999996,0.37000000000000455],[-0.5899999999999999,0.759999999999998],[0,0],[0,0],[0,0.5100000000000002],[-0.2700000000000031,0.3600000000000001],[-0.39000000000000057,0],[-0.2699999999999996,-0.37000000000000005],[0,0],[0.5700000000000003,-0.759999999999998],[0,0],[0.39000000000000057,0]],"o":[[-0.39000000000000057,0],[-0.5700000000000003,-0.75],[0,0],[0,0],[-0.28000000000000114,-0.33999999999999986],[0,-0.5100000000000002],[0.28000000000000114,-0.36],[0.39000000000000057,0],[0,0],[0.5700000000000003,0.75],[0,0],[-0.28000000000000114,0.35999999999999943],[0,0]],"v":[[26.98,65],[25.96,64.44],[25.96,61.71],[48.010000000000005,32.269999999999996],[25.94,3.28],[25.52,1.9299999999999997],[25.94,0.5599999999999996],[26.98,-4.440892098500626e-16],[28,0.5599999999999996],[51.07,30.88],[51.07,33.61],[28.01,64.43],[26.970000000000002,65.01]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0.87},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}]}]}

package/src/components/ServiceItem/PeruServiceItemDesktop.tsx

@@ -462,7 +462,6 @@ function PeruServiceItemDesktop({
           colors={colors}
           t={t}
           translation={translation}
-          isPeru={isPeru}
         />
       ),
     },