kupos-ui-components-lib 9.7.7 → 9.7.8

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

@@ -124,19 +124,6 @@ export interface MobileServiceItemProps {
             directoIcon?: string;
             whiteFireIcon?: string;
             femaleAnim?: string;
-            thunderAnim?: string;
-            personsAnim?: string;
-            whiteOrigin?: string;
-            whiteDestination?: string;
-            userIcon?: string;
-            sheildIcon?: string;
-            busIcon?: string;
-            whiteDownArrow?: string;
-            empressaIcon?: string;
-            flexibleIcon?: string;
-            listoIcon?: string;
-            precioIcon?: string;
-            confirmarIcon?: string;
             cancelTicketIcon?: string;
             changeTicketIcon?: string;
             petFriendlyIcon?: string;
@@ -146,7 +133,6 @@ export interface MobileServiceItemProps {
         useLottieFor?: string[];
     };
     onBookButtonPress?: () => void;
-    onRemateUiButtonClick?: () => void;
     terminals?: any[];
     showDropdown?: boolean;
     setShowDropdown?: (value: boolean) => void;
@@ -201,22 +187,4 @@ export interface MobileServiceItemProps {
         label?: string;
         icon?: string;
     };
-    isFeatureDropDownExpand?: any;
-    setIsFeatureDropDownExpand?: (value: any) => void;
-    ticketQuantity?: number;
-    onIncreaseTicketQuantity?: (serviceItem: MobileServiceItemProps["serviceItem"]) => void;
-    onDecreaseTicketQuantity?: (serviceItem: MobileServiceItemProps["serviceItem"]) => void;
-    cityOrigin?: {
-        value: number;
-        label: string;
-    };
-    cityDestination?: {
-        value: number;
-        label: string;
-    };
-    isNewUi?: boolean;
-    selectedTimeSlot?: string;
-    onTimeSlotChange?: (slot: string) => void;
-    isTimeDropdownOpen?: string | number | null;
-    onTimeDropdownToggle?: (id?: string | number | null) => void;
 }

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

@@ -129,23 +129,11 @@ export interface ServiceItemProps {
             personIcon?: string;
             whiteFireIcon?: string;
             fireIcon?: string;
-            whiteOrigin?: string;
-            whiteDestination?: string;
-            userIcon?: string;
-            sheildIcon?: string;
-            busIcon?: string;
-            whiteDownArrow?: string;
-            empressaIcon?: string;
-            flexibleIcon?: string;
-            listoIcon?: string;
-            precioIcon?: string;
-            confirmarIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];
     };
     onBookButtonPress?: () => void;
-    onRemateUiButtonClick?: () => void;
     terminals?: any[];
     t?: (key: string) => string;
     serviceDetailsLoading?: boolean;
@@ -225,11 +213,6 @@ export interface ServiceItemProps {
     isAllinBus?: boolean;
     isExpand?: any;
     setIsExpand?: (value: any) => void;
-    isFeatureDropDownExpand?: any;
-    setIsFeatureDropDownExpand?: (value: any) => void;
-    ticketQuantity?: number;
-    onIncreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
-    onDecreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
     coachKey?: number;
     viewersConfig?: {
         min: number;
@@ -238,12 +221,7 @@ export interface ServiceItemProps {
         label?: string;
         icon?: string;
     };
-    isNewUi?: boolean;
     showLoginModal?: any;
     isLoggedIn?: any;
     showLoginOption?: boolean;
-    selectedTimeSlot?: string;
-    onTimeSlotChange?: (slot: string) => void;
-    isTimeDropdownOpen?: string | number | null;
-    onTimeDropdownToggle?: (id?: string | number | null) => void;
 }

package/dist/styles.css

@@ -60,15 +60,9 @@
 .top-\[88\%\] {
   top: 88%;
 }
-.top-\[calc\(100\%\+10px\)\] {
-  top: calc(100% + 10px);
-}
 .right-\[0px\] {
   right: 0px;
 }
-.right-\[18px\] {
-  right: 18px;
-}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }
@@ -81,9 +75,6 @@
 .-bottom-\[36px\] {
   bottom: calc(36px * -1);
 }
-.bottom-\[11px\] {
-  bottom: 11px;
-}
 .bottom-\[35px\] {
   bottom: 35px;
 }
@@ -177,18 +168,9 @@
 .m-\[auto\] {
   margin: auto;
 }
-.mx-\[10px\] {
-  margin-inline: 10px;
-}
 .mx-auto {
   margin-inline: auto;
 }
-.my-\[8px\] {
-  margin-block: 8px;
-}
-.my-\[14px\] {
-  margin-block: 14px;
-}
 .-mt-\[15px\] {
   margin-top: calc(15px * -1);
 }
@@ -207,21 +189,12 @@
 .mt-\[5px\] {
   margin-top: 5px;
 }
-.mt-\[6px\] {
-  margin-top: 6px;
-}
 .mt-\[10px\] {
   margin-top: 10px;
 }
-.mt-\[12px\] {
-  margin-top: 12px;
-}
 .mt-\[13px\] {
   margin-top: 13px;
 }
-.mt-\[14px\] {
-  margin-top: 14px;
-}
 .mt-\[15px\] {
   margin-top: 15px;
 }
@@ -312,9 +285,6 @@
 .ml-\[10px\] {
   margin-left: 10px;
 }
-.ml-\[12px\] {
-  margin-left: 12px;
-}
 .ml-\[50px\] {
   margin-left: 50px;
 }
@@ -372,9 +342,6 @@
 .h-\[30px\] {
   height: 30px;
 }
-.h-\[34px\] {
-  height: 34px;
-}
 .h-\[100\%\] {
   height: 100%;
 }
@@ -411,9 +378,6 @@
 .w-\[20px\] {
   width: 20px;
 }
-.w-\[34px\] {
-  width: 34px;
-}
 .w-\[50\%\] {
   width: 50%;
 }
@@ -438,12 +402,6 @@
 .w-\[115px\] {
   width: 115px;
 }
-.w-\[120px\] {
-  width: 120px;
-}
-.w-\[130px\] {
-  width: 130px;
-}
 .w-\[150px\] {
   width: 150px;
 }
@@ -482,12 +440,6 @@
 .max-w-\[165px\] {
   max-width: 165px;
 }
-.max-w-\[220px\] {
-  max-width: 220px;
-}
-.max-w-full {
-  max-width: 100%;
-}
 .min-w-\[75px\] {
   min-width: 75px;
 }
@@ -509,9 +461,6 @@
   --tw-translate-y: -10px;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.rotate-0 {
-  rotate: 0deg;
-}
 .rotate-180 {
   rotate: 180deg;
 }
@@ -521,9 +470,6 @@
 .cursor-default {
   cursor: default;
 }
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -536,21 +482,12 @@
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
 .grid-cols-\[0\.8fr_auto_26\%_1fr\] {
   grid-template-columns: 0.8fr auto 26% 1fr;
 }
 .grid-cols-\[1\.5fr_1fr_auto\] {
   grid-template-columns: 1.5fr 1fr auto;
 }
-.grid-cols-\[25\%_48\%_27\%\] {
-  grid-template-columns: 25% 48% 27%;
-}
 .grid-cols-\[26px_auto_26\%_1fr\] {
   grid-template-columns: 26px auto 26% 1fr;
 }
@@ -578,9 +515,6 @@
 .items-start {
   align-items: flex-start;
 }
-.items-stretch {
-  align-items: stretch;
-}
 .justify-between {
   justify-content: space-between;
 }
@@ -623,12 +557,6 @@
 .gap-\[14px\] {
   gap: 14px;
 }
-.gap-\[16px\] {
-  gap: 16px;
-}
-.gap-\[20px\] {
-  gap: 20px;
-}
 .gap-x-\[2\%\] {
   -moz-column-gap: 2%;
        column-gap: 2%;
@@ -637,20 +565,12 @@
   -moz-column-gap: 8px;
        column-gap: 8px;
 }
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .overflow-hidden {
   overflow: hidden;
 }
 .overflow-y-hidden {
   overflow-y: hidden;
 }
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -663,9 +583,6 @@
 .rounded-\[15px\] {
   border-radius: 15px;
 }
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
 .rounded-\[18px\] {
   border-radius: 18px;
 }
@@ -709,10 +626,6 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 8px;
 }
-.border-r {
-  border-right-style: var(--tw-border-style);
-  border-right-width: 1px;
-}
 .border-r-8 {
   border-right-style: var(--tw-border-style);
   border-right-width: 8px;
@@ -741,10 +654,6 @@
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 8px;
 }
-.border-l {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 1px;
-}
 .border-l-8 {
   border-left-style: var(--tw-border-style);
   border-left-width: 8px;
@@ -761,9 +670,6 @@
   --tw-border-style: none;
   border-style: none;
 }
-.border-\[\#363c48\] {
-  border-color: #363c48;
-}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -782,24 +688,9 @@
 .border-l-transparent {
   border-left-color: transparent;
 }
-.bg-\[\#0C1421\] {
-  background-color: #0C1421;
-}
-.bg-\[\#2d374d\] {
-  background-color: #2d374d;
-}
-.bg-\[\#222b3d\] {
-  background-color: #222b3d;
-}
 .bg-\[\#E6E6E6\] {
   background-color: #E6E6E6;
 }
-.bg-\[\#FF5C60\] {
-  background-color: #FF5C60;
-}
-.bg-\[\#FF8F45\] {
-  background-color: #FF8F45;
-}
 .bg-\[\#FFF2F2\] {
   background-color: #FFF2F2;
 }
@@ -818,9 +709,6 @@
 .bg-\[lightgray\] {
   background-color: lightgray;
 }
-.bg-transparent {
-  background-color: transparent;
-}
 .bg-\[length\:200\%_200\%\] {
   background-size: 200% 200%;
 }
@@ -843,9 +731,6 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
-.p-\[14px\] {
-  padding: 14px;
-}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -879,18 +764,9 @@
 .px-\[15px\] {
   padding-inline: 15px;
 }
-.px-\[16px\] {
-  padding-inline: 16px;
-}
 .px-\[20px\] {
   padding-inline: 20px;
 }
-.px-\[22px\] {
-  padding-inline: 22px;
-}
-.py-\[2px\] {
-  padding-block: 2px;
-}
 .py-\[4px\] {
   padding-block: 4px;
 }
@@ -903,9 +779,6 @@
 .py-\[8px\] {
   padding-block: 8px;
 }
-.py-\[9px\] {
-  padding-block: 9px;
-}
 .py-\[10px\] {
   padding-block: 10px;
 }
@@ -918,12 +791,6 @@
 .pt-\[6px\] {
   padding-top: 6px;
 }
-.pt-\[10px\] {
-  padding-top: 10px;
-}
-.pt-\[14px\] {
-  padding-top: 14px;
-}
 .pt-\[20px\] {
   padding-top: 20px;
 }
@@ -939,9 +806,6 @@
 .pt-\[50px\] {
   padding-top: 50px;
 }
-.pr-\[10px\] {
-  padding-right: 10px;
-}
 .pr-\[15px\] {
   padding-right: 15px;
 }
@@ -951,9 +815,6 @@
 .pr-\[22px\] {
   padding-right: 22px;
 }
-.pb-\[6px\] {
-  padding-bottom: 6px;
-}
 .pb-\[7px\] {
   padding-bottom: 7px;
 }
@@ -972,9 +833,6 @@
 .pl-\[6px\] {
   padding-left: 6px;
 }
-.pl-\[22px\] {
-  padding-left: 22px;
-}
 .text-center {
   text-align: center;
 }
@@ -1011,9 +869,6 @@
 .text-\[14px\] {
   font-size: 14px;
 }
-.text-\[15px\] {
-  font-size: 15px;
-}
 .text-\[17\.33px\] {
   font-size: 17.33px;
 }
@@ -1023,21 +878,9 @@
 .text-\[18px\] {
   font-size: 18px;
 }
-.text-\[20px\] {
-  font-size: 20px;
-}
 .text-\[22px\] {
   font-size: 22px;
 }
-.text-\[25px\] {
-  font-size: 25px;
-}
-.text-\[26px\] {
-  font-size: 26px;
-}
-.text-\[28px\] {
-  font-size: 28px;
-}
 .text-\[42px\] {
   font-size: 42px;
 }
@@ -1045,10 +888,6 @@
   --tw-leading: 1.3;
   line-height: 1.3;
 }
-.leading-\[14px\] {
-  --tw-leading: 14px;
-  line-height: 14px;
-}
 .leading-\[20px\] {
   --tw-leading: 20px;
   line-height: 20px;
@@ -1069,10 +908,6 @@
   --tw-leading: 1;
   line-height: 1;
 }
-.font-\[9px\] {
-  --tw-font-weight: 9px;
-  font-weight: 9px;
-}
 .font-\[14px\] {
   --tw-font-weight: 14px;
   font-weight: 14px;
@@ -1094,27 +929,12 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.text-\[\#1a1a1a\] {
-  color: #1a1a1a;
-}
-.text-\[\#4a4a4a\] {
-  color: #4a4a4a;
-}
 .text-\[\#9f9f9f\] {
   color: #9f9f9f;
 }
-.text-\[\#666\] {
-  color: #666;
-}
-.text-\[\#272727\] {
-  color: #272727;
-}
 .text-\[\#464647\] {
   color: #464647;
 }
-.text-\[\#FF8F45\] {
-  color: #FF8F45;
-}
 .text-\[\#c0c0c0\] {
   color: #c0c0c0;
 }
@@ -1130,12 +950,6 @@
 .text-\[\#fff\] {
   color: #fff;
 }
-.text-\[red\] {
-  color: red;
-}
-.text-\[white\] {
-  color: white;
-}
 .capitalize {
   text-transform: capitalize;
 }
@@ -1155,16 +969,9 @@
 .opacity-0 {
   opacity: 0%;
 }
-.opacity-50 {
-  opacity: 50%;
-}
 .opacity-100 {
   opacity: 100%;
 }
-.outline {
-  outline-style: var(--tw-outline-style);
-  outline-width: 1px;
-}
 .grayscale {
   --tw-grayscale: grayscale(100%);
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -1192,10 +999,6 @@
   transition-timing-function: var(--tw-ease, ease);
   transition-duration: var(--tw-duration, 0s);
 }
-.duration-200 {
-  --tw-duration: 200ms;
-  transition-duration: 200ms;
-}
 .duration-300 {
   --tw-duration: 300ms;
   transition-duration: 300ms;
@@ -1204,11 +1007,6 @@
   --tw-outline-style: none;
   outline-style: none;
 }
-.select-none {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-       user-select: none;
-}
 .group-hover\:block {
   &:is(:where(.group):hover *) {
     @media (hover: hover) {
@@ -1348,19 +1146,6 @@
 .hide-scrollbar::-webkit-scrollbar {
   display: none;
 }
-.kupos-time-dd > summary {
-  list-style: none;
-}
-.kupos-time-dd > summary::-webkit-details-marker {
-  display: none;
-}
-.kupos-time-chevron {
-  transition: transform 200ms ease;
-  flex-shrink: 0;
-}
-.kupos-time-dd[open] .kupos-time-chevron {
-  transform: rotate(180deg);
-}
 .hide-scrollbar {
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -1433,11 +1218,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1529,7 +1309,6 @@
       --tw-numeric-figure: initial;
       --tw-numeric-spacing: initial;
       --tw-numeric-fraction: initial;
-      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;

package/dist/ui/FeatureServiceUI/FeatureServiceUi.js

@@ -145,7 +145,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
                                         return (React.createElement("button", { key: slot, type: "button", onClick: () => {
                                                 onTimeSlotChange === null || onTimeSlotChange === void 0 ? void 0 : onTimeSlotChange(slot);
                                                 onTimeDropdownToggle === null || onTimeDropdownToggle === void 0 ? void 0 : onTimeDropdownToggle(null);
-                                            }, className: `flex w-full cursor-pointer items-center gap-[10px] border-none px-[12px] py-[9px] text-left text-[13px] ${isActive ? "bg-[#FF5C60] font-bold text-[white]" : "bg-transparent font-normal text-[#1a1a1a]"}` },
+                                            }, className: `flex w-full cursor-pointer items-center gap-[10px] border-none px-[12px] py-[9px] text-left text-[13px] ${isActive ? "bg-[#fef1ec] font-bold text-[#ff8f45]" : "bg-transparent font-normal text-[#464647] hover:bg-[#ff5c60] hover:text-white"}` },
                                             React.createElement("span", null, slot)));
                                     }))))),
                             React.createElement("div", { className: "text-[11px] bold-text" }, "Viernes 23 de mayo")),

package/dist/utils/CommonService.js

@@ -296,14 +296,10 @@ const commonService = {
     startViewerCount: (node, viewersConfig) => {
         if (!node || !viewersConfig)
             return;
-        const { min, max, interval = 5000 } = viewersConfig;
-        const configKey = `${min}-${max}-${interval}`;
-        if (node.dataset.viewerId && node.dataset.viewerConfig === configKey) {
-            return;
-        }
         const prevId = node.dataset.viewerId;
         if (prevId)
             clearInterval(Number(prevId));
+        const { min, max, interval = 5000 } = viewersConfig;
         const clamp = (v) => Math.min(max, Math.max(min, v));
         const initialValue = Math.floor(Math.random() * (max - min + 1)) + min;
         node.textContent = String(initialValue);
@@ -314,7 +310,6 @@ const commonService = {
             node.textContent = String(clamp(Math.round(next)));
         }, interval);
         node.dataset.viewerId = String(id);
-        node.dataset.viewerConfig = configKey;
     },
     startCountdown: (node, countdownSeconds = 599) => {
         if (!node)
@@ -344,10 +339,6 @@ const commonService = {
     startComprandoCount: (node, min = 4, max = 16) => {
         if (!node)
             return;
-        const configKey = `${min}-${max}`;
-        if (node.dataset.comprandoId && node.dataset.comprandoConfig === configKey) {
-            return;
-        }
         const prevId = node.dataset.comprandoId;
         if (prevId)
             clearInterval(Number(prevId));
@@ -364,7 +355,6 @@ const commonService = {
             node.textContent = String(next);
         }, 5000); // Update every 5 seconds
         node.dataset.comprandoId = String(id);
-        node.dataset.comprandoConfig = configKey;
     },
 };
 export default commonService;

package/package.json

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

package/src/KuposUIComponent.tsx

@@ -32,9 +32,6 @@ interface KuposUIComponentProps {
   orignLabel?: string;
   destinationLabel?: string;
   t?: (key: string) => string;
-  ticketQuantity?: number;
-  onIncreaseTicketQuantity?: (serviceItem: any) => void;
-  onDecreaseTicketQuantity?: (serviceItem: any) => void;
 
   // New ServiceItem props
   id?: string;