kupos-ui-components-lib 9.9.7 → 9.9.9

package/src/components/ServiceItem/mobileTypes.ts

@@ -46,6 +46,20 @@ export interface MobileServiceItemProps {
     dp_discount_percents?: Record<string, number>;
     dp_discounted_seats?: string[];
     dep_validation_text?: string;
+    discount_type?: string;
+    discount_value?: number;
+    max_discount?: number;
+    discounts?: Array<{
+      id?: number;
+      name?: string;
+      send_discount_to_api?: boolean;
+      new_ui_enabled?: boolean;
+      discount?: number;
+      seatwise_breakdown?: any;
+      seat_wise_discounts?: any;
+      total_amount?: number;
+      promotional_text?: string;
+    }>;
     metaData?: {};
     is_tracking_enabled?: boolean;
     show_top_label?: boolean;
@@ -127,6 +141,20 @@ 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;
@@ -136,6 +164,7 @@ export interface MobileServiceItemProps {
     useLottieFor?: string[];
   };
   onBookButtonPress?: () => void;
+  onRemateUiButtonClick?: () => void;
   terminals?: any[];
   showDropdown?: boolean;
   setShowDropdown?: (value: boolean) => void;
@@ -201,4 +230,23 @@ export interface MobileServiceItemProps {
   };
   operatorLabel?: string;
   isTrain?: boolean;
+  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;
+  wowDealData?: any;
+  isFlores?: boolean;
 }

package/src/components/ServiceItem/types.ts

@@ -47,6 +47,9 @@ export interface ServiceItemProps {
     discount_type?: string;
     discount_value?: number;
     max_discount?: number;
+    discounts?: Array<{
+      new_ui_enabled?: boolean;
+    }>;
     is_transpordo?: boolean;
     is_train_type?: boolean;
     operator_service_name?: string;
@@ -132,11 +135,24 @@ export interface ServiceItemProps {
       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;
@@ -215,6 +231,15 @@ 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;
@@ -223,6 +248,7 @@ export interface ServiceItemProps {
     label?: string; // e.g. "personas están viendo este viaje"
     icon?: string; // optional icon URL
   };
+  isNewUi?: boolean;
   showLoginModal?: any;
   isLoggedIn?: any;
   showLoginOption?: boolean;
@@ -238,6 +264,11 @@ export interface ServiceItemProps {
   showSeatSelectionError?: string | null;
   onShowSeatSelectionError?: (serviceId: string) => void;
   onClearSeatSelectionError?: () => void;
+  selectedTimeSlot?: string;
+  onTimeSlotChange?: (slot: string) => void;
+  isTimeDropdownOpen?: string | number | null;
+  onTimeDropdownToggle?: (id?: string | number | null) => void;
+  wowDealData?: any;
+  isNewUiEnabled?: boolean;
   isFlores?: boolean;
-  operatorLabel?: string;
 }

package/src/styles.css

@@ -93,6 +93,21 @@
   display: none;
 }
 
+/* Time slot dropdown */
+.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;

package/src/ui/ExpendedDropDown/ExpandedDropdown.tsx

@@ -16,7 +16,6 @@ interface ExpandedDropdownProps {
   ladiesBookedSeats?: string;
   isDpEnabled?: boolean;
   renderIcon?: any;
-  operatorLabel?: string;
 }
 
 function ExpandedDropdown({
@@ -29,7 +28,6 @@ function ExpandedDropdown({
   ladiesBookedSeats,
   isDpEnabled,
   renderIcon,
-  operatorLabel,
 }: ExpandedDropdownProps): React.ReactElement {
   const hasPetInfo =
     serviceItem.pet_seat_info &&
@@ -64,8 +62,8 @@ function ExpandedDropdown({
               <span className="bold-text">
                 hasta {serviceItem?.change_ticket_hours || 6} horas antes
               </span>{" "}
-              de la salida del bus. El monto será reembolsado a tu billetera{" "}
-              {operatorLabel ?? "kupospay"}.
+              de la salida del bus. El monto será reembolsado a tu billetera
+              kupospay.
             </span>
           </div>
         ) : (