kupos-ui-components-lib 10.3.4 → 10.3.6

package/dist/ui/BottomAmenities/BottomAmenities.js

@@ -13,7 +13,7 @@ function BottomAmenities({ otherItems, serviceItem, grayscaleClass, isSoldOut, i
         React.createElement("div", { className: "grid items-center gap-[2%] flex-1 ", style: {
                 // gridTemplateColumns: " 28% 21% 23% 23%",
                 gridTemplateColumns: isTrain
-                    ? "20.6% 17% 23% 23%"
+                    ? "25.6% 17% 23% 23%"
                     : "25.3% 17% 23% 23%",
             } }, otherItems.map((item) => (React.createElement("div", { key: item.key, className: "flex items-center" }, item.render)))),
         React.createElement("div", { className: "flex items-center justify-end shrink-0 ml-[5px] w-[150px]" },

package/dist/ui/mobileweb/SeatSectionMobile.d.ts

@@ -3,6 +3,7 @@ interface SeatType {
     label: string;
     key?: string;
     fare: number;
+    api_seat_type?: string;
 }
 interface SeatSectionMobileProps {
     seatTypes: SeatType[];

package/dist/ui/mobileweb/SeatSectionMobile.js

@@ -131,7 +131,9 @@ function SeatSectionMobile({ seatTypes: seatTypesData, isSoldOut, isPeru, seatPr
             return uniqueSeats.map((type, i) => (React.createElement(SeatRow, { key: i, type: type, index: i, displayLabel: commonService.truncateSeatLabel(type.label), fare: getFare(type.fare), isSoldOut: isSoldOut, seatPriceColor: seatPriceColor, hasMultipleTypes: hasMultipleTypes, textSize: "text-[11px]", isTrain: isTrain })));
         }
         const filteredSeats = (_a = seatTypesData === null || seatTypesData === void 0 ? void 0 : seatTypesData.filter((item) => getFilteredSeats(item.label))) === null || _a === void 0 ? void 0 : _a.sort((a, b) => a.fare - b.fare);
-        return (_b = (isTrain ? filteredSeats : filteredSeats === null || filteredSeats === void 0 ? void 0 : filteredSeats.slice(0, 2))) === null || _b === void 0 ? void 0 : _b.map((type, i) => (React.createElement(SeatRow, { key: i, type: type, index: i, displayLabel: type.label, fare: getFare(type.fare), isSoldOut: isSoldOut, seatPriceColor: seatPriceColor, hasMultipleTypes: hasMultipleTypes, textSize: "text-[12px]", isTrain: isTrain })));
+        return (_b = (isTrain ? filteredSeats : filteredSeats === null || filteredSeats === void 0 ? void 0 : filteredSeats.slice(0, 2))) === null || _b === void 0 ? void 0 : _b.map((type, i) => {
+            return (React.createElement(SeatRow, { key: i, type: type, index: i, displayLabel: isTrain ? type.api_seat_type : type.label, fare: getFare(type.fare), isSoldOut: isSoldOut, seatPriceColor: seatPriceColor, hasMultipleTypes: hasMultipleTypes, textSize: "text-[12px]", isTrain: isTrain }));
+        });
     };
     const seats = removeDuplicateSeats
         ? getUniqueSeats(seatTypesData, 3)

package/package.json

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

package/src/ui/BottomAmenities/BottomAmenities.tsx

@@ -64,7 +64,7 @@ function BottomAmenities({
         style={{
           // gridTemplateColumns: " 28% 21% 23% 23%",
           gridTemplateColumns: isTrain
-            ? "20.6% 17% 23% 23%"
+            ? "25.6% 17% 23% 23%"
             : "25.3% 17% 23% 23%",
         }}
       >

package/src/ui/mobileweb/SeatSectionMobile.tsx

@@ -17,6 +17,7 @@ interface SeatType {
   label: string;
   key?: string;
   fare: number;
+  api_seat_type?: string;
 }
 
 interface SeatSectionMobileProps {
@@ -345,20 +346,22 @@ function SeatSectionMobile({
       ?.sort((a, b) => a.fare - b.fare);
 
     return (isTrain ? filteredSeats : filteredSeats?.slice(0, 2))?.map(
-      (type, i) => (
-        <SeatRow
-          key={i}
-          type={type}
-          index={i}
-          displayLabel={type.label}
-          fare={getFare(type.fare)}
-          isSoldOut={isSoldOut}
-          seatPriceColor={seatPriceColor}
-          hasMultipleTypes={hasMultipleTypes}
-          textSize="text-[12px]"
-          isTrain={isTrain}
-        />
-      ),
+      (type, i) => {
+        return (
+          <SeatRow
+            key={i}
+            type={type}
+            index={i}
+            displayLabel={isTrain ? type.api_seat_type : type.label}
+            fare={getFare(type.fare)}
+            isSoldOut={isSoldOut}
+            seatPriceColor={seatPriceColor}
+            hasMultipleTypes={hasMultipleTypes}
+            textSize="text-[12px]"
+            isTrain={isTrain}
+          />
+        );
+      },
     );
   };