kupos-ui-components-lib 9.1.6 → 9.1.8

package/dist/styles.css

@@ -18,6 +18,9 @@
 .static {
   position: static;
 }
+.-top-\[6px\] {
+  top: calc(6px * -1);
+}
 .-top-\[7px\] {
   top: calc(7px * -1);
 }
@@ -42,6 +45,9 @@
 .top-\[24px\] {
   top: 24px;
 }
+.top-\[25px\] {
+  top: 25px;
+}
 .top-\[30px\] {
   top: 30px;
 }
@@ -63,27 +69,30 @@
 .-bottom-\[36px\] {
   bottom: calc(36px * -1);
 }
-.-bottom-\[160px\] {
-  bottom: calc(160px * -1);
-}
 .-left-\[7px\] {
   left: calc(7px * -1);
 }
 .-left-\[8px\] {
   left: calc(8px * -1);
 }
+.-left-\[30px\] {
+  left: calc(30px * -1);
+}
 .left-1\/2 {
   left: calc(1/2 * 100%);
 }
 .left-\[11\%\] {
   left: 11%;
 }
+.left-\[30px\] {
+  left: 30px;
+}
+.left-\[31px\] {
+  left: 31px;
+}
 .left-\[50\%\] {
   left: 50%;
 }
-.left-\[80px\] {
-  left: 80px;
-}
 .-z-9 {
   z-index: calc(9 * -1);
 }
@@ -135,6 +144,9 @@
 .mt-\[3px\] {
   margin-top: 3px;
 }
+.mt-\[4px\] {
+  margin-top: 4px;
+}
 .mt-\[5px\] {
   margin-top: 5px;
 }
@@ -282,6 +294,9 @@
 .h-\[24px\] {
   height: 24px;
 }
+.h-\[30px\] {
+  height: 30px;
+}
 .h-\[100\%\] {
   height: 100%;
 }
@@ -360,9 +375,6 @@
 .w-\[260px\] {
   width: 260px;
 }
-.w-\[280px\] {
-  width: 280px;
-}
 .w-\[auto\] {
   width: auto;
 }
@@ -454,6 +466,9 @@
 .justify-end {
   justify-content: flex-end;
 }
+.gap-\[1px\] {
+  gap: 1px;
+}
 .gap-\[2\%\] {
   gap: 2%;
 }
@@ -481,6 +496,9 @@
 .gap-\[12px\] {
   gap: 12px;
 }
+.gap-\[14px\] {
+  gap: 14px;
+}
 .gap-x-\[2\%\] {
   -moz-column-gap: 2%;
        column-gap: 2%;
@@ -516,6 +534,10 @@
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
 }
+.rounded-b-\[13px\] {
+  border-bottom-right-radius: 13px;
+  border-bottom-left-radius: 13px;
+}
 .rounded-b-\[14px\] {
   border-bottom-right-radius: 14px;
   border-bottom-left-radius: 14px;
@@ -524,9 +546,9 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
-.border-\[2px\] {
+.border-\[1px\] {
   border-style: var(--tw-border-style);
-  border-width: 2px;
+  border-width: 1px;
 }
 .border-t {
   border-top-style: var(--tw-border-style);
@@ -540,6 +562,14 @@
   border-right-style: var(--tw-border-style);
   border-right-width: 8px;
 }
+.border-r-\[7px\] {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 7px;
+}
+.border-r-\[8px\] {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 8px;
+}
 .border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -548,10 +578,26 @@
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 8px;
 }
+.border-b-\[7px\] {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 7px;
+}
+.border-b-\[8px\] {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 8px;
+}
 .border-l-8 {
   border-left-style: var(--tw-border-style);
   border-left-width: 8px;
 }
+.border-l-\[7px\] {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 7px;
+}
+.border-l-\[8px\] {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 8px;
+}
 .border-none {
   --tw-border-style: none;
   border-style: none;
@@ -620,6 +666,9 @@
 .p-\[16px_20px\] {
   padding: 16px 20px;
 }
+.p-\[18px\] {
+  padding: 18px;
+}
 .p-\[30px_20px\] {
   padding: 30px 20px;
 }
@@ -647,6 +696,9 @@
 .py-\[6px\] {
   padding-block: 6px;
 }
+.py-\[8px\] {
+  padding-block: 8px;
+}
 .py-\[10px\] {
   padding-block: 10px;
 }
@@ -737,10 +789,17 @@
 .text-\[17px\] {
   font-size: 17px;
 }
+.text-\[42px\] {
+  font-size: 42px;
+}
 .leading-\[1\.3\] {
   --tw-leading: 1.3;
   line-height: 1.3;
 }
+.leading-none {
+  --tw-leading: 1;
+  line-height: 1;
+}
 .font-\[14px\] {
   --tw-font-weight: 14px;
   font-weight: 14px;

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,6 +1,6 @@
 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: {
             marginLeft: showRating ? "10px" : "0",

package/dist/ui/mobileweb/BottomAmenitiesMobile.js

@@ -9,13 +9,7 @@ function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration,
                 "\u00A0",
                 React.createElement("div", { className: `cursor-default group min-[420]:text-[13px] text-[12px] ${isSoldOut ? "text-[#c0c0c0]" : ""}`, style: { lineHeight: "normal" } },
                     duration,
-                    "hrs")),
-            isDirectTrip && (React.createElement("div", { className: `flex items-center gap-[2px] text-white min-[420]:text-[12px] text-[10px] z-20  `, style: {
-                    // backgroundColor: isSoldOut ? "#ddd" : colors.tooltipBgColor,
-                    color: isSoldOut ? "#bbb" : directoColor,
-                } },
-                React.createElement(LottiePlayer, { animationData: directoAnim, width: "14px", height: "14px" }),
-                React.createElement("div", { className: "ml-[5px]" }, "Directo")))),
+                    "hrs"))),
         React.createElement("div", { className: "flex items-center" },
             React.createElement("div", null, (isChangeTicket || isPetSeat) && (React.createElement("div", { className: "flex items-center" },
                 petSeatInfo && Object.keys(petSeatInfo).length > 0 ? (React.createElement("div", { className: "flex items-center" },

package/package.json

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

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/FilterBar/FilterBarDesktop.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { FilterBarProps } from "./tyoes";
 import commonService from "../../utils/CommonService";
 import ServiceFilter from "./ServiceFilter";
@@ -25,7 +25,50 @@ const FilterBarDesktop = ({
   hideOperator,
   setCoachLoading,
   setCoachKey,
+  isAllinBus,
 }: FilterBarProps) => {
+  const getEnrichedFilters = () => {
+    if (!isAllinBus || !allSchedules?.length) return filtersArray;
+
+    const hasSpecialDeparture = filtersArray.some(
+      (f: any) => f.type === "special_departure" && f.options?.length > 0,
+    );
+    if (hasSpecialDeparture) return filtersArray;
+
+    const stageMap = new Map<string, string>();
+    allSchedules.forEach((schedule: any) => {
+      if (schedule.stage_details_arr?.length) {
+        const stageObj = schedule.stage_details_arr[0];
+        const stageId = Object.keys(stageObj)[0];
+        const stageName = stageObj[stageId]?.[0]?.split(", ")[0];
+        if (stageId && stageName) {
+          stageMap.set(stageId, stageName);
+        }
+      }
+    });
+
+    if (stageMap.size === 0) return filtersArray;
+
+    const specialDeptOptions = Array.from(stageMap.entries()).map(
+      ([id, name]) => ({
+        label: name,
+        value: id,
+        active: false,
+      }),
+    );
+
+    return [
+      ...filtersArray,
+      {
+        type: "special_departure",
+        title: "SPECIAL_DEPARTURE",
+        options: specialDeptOptions,
+      },
+    ];
+  };
+
+  const enrichedFilters = getEnrichedFilters();
+
   const filterBy = (filters) => {
     try {
       let routes = allSchedules;
@@ -213,7 +256,7 @@ const FilterBarDesktop = ({
   const onFilterSelected = (key: number, i: number) => {
     setCoachLoading(null);
     setCoachKey(null);
-    let filters = commonService.copyObject(filtersArray);
+    let filters = commonService.copyObject(enrichedFilters);
     filters[key].options[i].active = !filters[key].options[i].active;
     filterBy(filters);
     setFiltersArray(filters);
@@ -221,7 +264,7 @@ const FilterBarDesktop = ({
 
   return (
     <ServiceFilter
-      filtersArray={filtersArray}
+      filtersArray={enrichedFilters}
       onFilterSelected={onFilterSelected}
       onFilterClear={(val) => {
         setFiltersArray(val);

package/src/components/FilterBar/tyoes.ts

@@ -34,5 +34,6 @@ export interface FilterBarProps {
       isPeru?: boolean;
       setCoachLoading?: any;
       setCoachKey?: any;
+      isAllinBus?: boolean;
       
    }