kupos-ui-components-lib 9.9.1 → 9.9.2

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;
@@ -121,21 +135,36 @@ export interface MobileServiceItemProps {
       bombAnim?: string;
       whiteBoardingIcon?: string;
       downArrow?: string;
-      personIcon?: string;
+      personIcon?: string
       specialDeparture?: string;
       fireIcon?: string;
       directoIcon?: string;
-      whiteFireIcon?: string;
-      femaleAnim?: 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;
-      womenSeatIcon?: string;
+      womenSeatIcon?: string
       [key: string]: string | Record<string, string | undefined> | undefined;
     };
     useLottieFor?: string[];
   };
   onBookButtonPress?: () => void;
+  onRemateUiButtonClick?: ()=> void;
   terminals?: any[];
   showDropdown?: boolean;
   setShowDropdown?: (value: boolean) => void;
@@ -179,7 +208,7 @@ export interface MobileServiceItemProps {
     seatPriceColor?: string;
     rightGradiantColor?: string;
     leftGradiantColor?: string;
-    discountSeatPriceColor?: string;
+    discountSeatPriceColor?: string
   };
   isCiva?: boolean;
   currencySign?: string;
@@ -192,12 +221,26 @@ export interface MobileServiceItemProps {
   showLastSeats?: boolean;
   removeDuplicateSeats?: boolean;
   isLinatal?: boolean;
-  viewersConfig?: {
+    viewersConfig?: {
     min: number;
     max: number;
     interval?: number; // ms, default 5000
     label?: string; // e.g. "personas están viendo este viaje"
     icon?: string; // optional icon URL
   };
-  operatorLabel?: 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;
+  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;
@@ -125,18 +128,31 @@ export interface ServiceItemProps {
       seatFallBackIcon: string;
       headPhoneIcon?: string;
       allowCancellationIcon?: string;
-      whiteBoardingIcon?: string;
-      bombJson?: string;
-      downArrow?: string;
-      personIcon?: string;
-      whiteFireIcon?: string;
-      fireIcon?: string;
+      whiteBoardingIcon?: string
+      bombJson?:string
+      downArrow?:string
+      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;
@@ -161,7 +177,7 @@ export interface ServiceItemProps {
     seatPriceColor?: string;
     rightGradiantColor?: string;
     leftGradiantColor?: string;
-    discountSeatPriceColor?: string;
+    discountSeatPriceColor?: string
   };
   cityOrigin?: { value: number; label: string };
   cityDestination?: { value: number; label: string };
@@ -215,7 +231,12 @@ export interface ServiceItemProps {
   isAllinBus?: boolean;
   isExpand?: any;
   setIsExpand?: (value: any) => void;
-  coachKey?: number;
+  isFeatureDropDownExpand?: any;
+  setIsFeatureDropDownExpand?: (value: any) => void;
+  ticketQuantity?: number;
+  onIncreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
+  onDecreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
+  coachKey?: number
   viewersConfig?: {
     min: number;
     max: number;
@@ -223,21 +244,14 @@ export interface ServiceItemProps {
     label?: string; // e.g. "personas están viendo este viaje"
     icon?: string; // optional icon URL
   };
-  showLoginModal?: any;
-  isLoggedIn?: any;
-  showLoginOption?: boolean;
-  isTrain?: boolean;
-  selectedSeatKey?: any;
-  onSeatSelect?: (
-    key: any,
-    price: number,
-    seatKey: string,
-    apiSeatType?: string,
-  ) => void;
-  onTrainButtonClick?: any;
-  showSeatSelectionError?: string | null;
-  onShowSeatSelectionError?: (serviceId: string) => void;
-  onClearSeatSelectionError?: () => void;
-  isFlores?: boolean;
-  operatorLabel?: 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;
+  wowDealData?: any;
+  isNewUiEnabled?: boolean;
 }

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>
         ) : (