kupos-ui-components-lib 9.10.0 → 9.10.2

package/src/ui/mobileweb/SeatSectionMobile.tsx

@@ -31,7 +31,6 @@ interface SeatSectionMobileProps {
   tooltipBgColor?: string;
   showLastSeats?: boolean;
   discountSeatPriceColor?: string;
-  isTrain?: boolean;
 }
 
 interface SeatRowProps {
@@ -43,7 +42,6 @@ interface SeatRowProps {
   seatPriceColor: string;
   hasMultipleTypes: boolean;
   textSize: string;
-  isTrain?: boolean;
 }
 
 const SeatRow: React.FC<SeatRowProps> = ({
@@ -55,7 +53,6 @@ const SeatRow: React.FC<SeatRowProps> = ({
   seatPriceColor,
   hasMultipleTypes,
   textSize,
-  isTrain,
 }) => {
   if (EXCEPTIONS.includes(type.label)) return null;
 
@@ -72,12 +69,7 @@ const SeatRow: React.FC<SeatRowProps> = ({
         className={`min-[420]:text-[13px] ${textSize} `}
         style={{ color: labelColor }}
       >
-        {isTrain
-          ? commonService.truncateSeatLabel(
-              commonService.capitalize(displayLabel),
-              8,
-            )
-          : displayLabel}
+        {displayLabel}
       </span>
       <span
         className={`min-[420]:text-[13px] ${textSize}  bold-text`}
@@ -126,7 +118,6 @@ function SeatSectionMobile({
   tooltipBgColor,
   showLastSeats,
   discountSeatPriceColor,
-  isTrain,
 }: SeatSectionMobileProps): React.ReactElement {
   const hasMultipleTypes = (seatTypesData?.length ?? 0) > 2;
 
@@ -287,17 +278,15 @@ function SeatSectionMobile({
           seatPriceColor={seatPriceColor}
           hasMultipleTypes={hasMultipleTypes}
           textSize="text-[11px]"
-          isTrain={isTrain}
         />
       ));
     }
 
-    const filteredSeats = seatTypesData
+    return seatTypesData
       ?.filter((item) => getFilteredSeats(item.label))
-      ?.sort((a, b) => a.fare - b.fare);
-
-    return (isTrain ? filteredSeats : filteredSeats?.slice(0, 2))?.map(
-      (type, i) => (
+      ?.sort((a, b) => a.fare - b.fare)
+      ?.slice(0, 2)
+      ?.map((type, i) => (
         <SeatRow
           key={i}
           type={type}
@@ -308,20 +297,16 @@ function SeatSectionMobile({
           seatPriceColor={seatPriceColor}
           hasMultipleTypes={hasMultipleTypes}
           textSize="text-[12px]"
-          isTrain={isTrain}
         />
-      ),
-    );
+      ));
   };
 
   const seats = removeDuplicateSeats
     ? getUniqueSeats(seatTypesData, 3)
-    : (() => {
-        const filtered = seatTypesData
-          ?.filter((item) => getFilteredSeats(item.label))
-          ?.sort((a, b) => a.fare - b.fare);
-        return isTrain ? filtered : filtered?.slice(0, 2);
-      })();
+    : seatTypesData
+        ?.filter((item) => getFilteredSeats(item.label))
+        ?.sort((a, b) => a.fare - b.fare)
+        ?.slice(0, 2);
 
   const discountedSeats = seats?.map((seat) => ({
     ...seat,
@@ -556,7 +541,7 @@ function SeatSectionMobile({
         </div>
       ) : (
         <div
-          className={`flex flex-col justify-between ${isTrain ? "" : "h-[2.5rem]"} `}
+          className="flex flex-col justify-between h-[2.5rem] "
           style={{
             gap: isSoldOut ? "0px" : "5px",
             justifyContent: hasMultipleTypes ? "space-between" : "center",

package/src/ui/mobileweb/ServiceBadgesMobile.tsx

@@ -24,10 +24,10 @@ const ServiceBadgesMobile: React.FC<ServiceBadgesMobileProps> = ({
   isConexion,
 }) => {
   return (
-    <div className="absolute -top-[12px] left-0 w-full flex items-center justify-end gap-[12px] pr-[17px] z-10">
+    <div className="absolute -top-[11px] left-0 w-full flex items-center justify-end gap-[12px] pr-[17px] z-10">
       {showTopLabel && (
         <div
-          className={`flex items-center gap-[2p x] py-[4px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20`}
+          className={`flex items-center gap-[2p x] py-[4px] px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] h-[24px] z-20`}
           style={{
             backgroundColor: "#fff",
             border: isSoldOut

package/src/utils/CommonService.ts

@@ -39,15 +39,9 @@ const commonService = {
     }
   },
 
-  truncateSeatLabel: (label: string | number, maxLength?: number): string => {
+  truncateSeatLabel: (label: string | number): string => {
     if (typeof label !== "string") return String(label);
     if (label.includes("(")) return label;
-
-    // If maxLength provided, hard-truncate regardless of word count
-    if (maxLength != null && label.length > maxLength) {
-      return label.slice(0, maxLength) + "...";
-    }
-
     const words = label.trim().split(/\s+/);
 
     const truncateWord = (word: string) =>