kupos-ui-components-lib 10.0.6 → 10.0.8

package/dist/components/PaymentSideBar/PaymentSideBarDesktop.js

@@ -286,7 +286,7 @@ const PaymentSideBarDesktop = ({ serviceNameOnward, serviceNameReturn, metaData,
         }
     }
     return (React.createElement("div", { className: "" },
-        React.createElement("div", { className: "bg-white rounded-[20px] shadow-service mb-[10px] mx-auto  relative", style: { width: customSideBarwidth } },
+        React.createElement("div", { className: "bg-white rounded-[20px] mb-[10px] mx-auto  relative border border-[#ccc]", style: { width: customSideBarwidth } },
             React.createElement("div", { className: "p-[15px]" },
                 React.createElement("div", { className: "text-[17.33px]" }, translation === null || translation === void 0 ? void 0 :
                     translation.passengerSummaryDetails,

package/dist/ui/SeatSection/SeatSection.js

@@ -210,7 +210,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
             const filteredSeats = seats.filter((s) => !SEAT_EXCEPTIONS.includes(s.label));
             const seatLabel = filteredSeats.length > 0
                 ? removeDuplicateSeats
-                    ? CommonService.truncateSeatLabel(filteredSeats[0].label)
+                    ? filteredSeats[0].label
                     : filteredSeats[0].label
                 : null;
             const operatorServiceName = (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.operator_service_name) === "MovilBus" ||
@@ -357,7 +357,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
                 color: isSoldOut ? "#c0c0c0" : priceColor,
                 top: 0,
                 bottom: 0,
-                left: isTrain
+                left: isTrain || isPeru
                     ? "73%"
                     : "clamp(60%, 65% + (100vw - 1300px) * 0.1, 65%)",
                 right: 0,

package/package.json

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

package/src/components/PaymentSideBar/PaymentSideBarDesktop.tsx

@@ -464,7 +464,7 @@ const PaymentSideBarDesktop: React.FC<PaymentSideBarProps> = ({
   return (
     <div className="">
       <div
-        className="bg-white rounded-[20px] shadow-service mb-[10px] mx-auto  relative"
+        className="bg-white rounded-[20px] mb-[10px] mx-auto  relative border border-[#ccc]"
         style={{ width: customSideBarwidth }}
       >
         <div className="p-[15px]">

package/src/ui/SeatSection/SeatSection.tsx

@@ -390,7 +390,7 @@ function SeatSection({
       const seatLabel =
         filteredSeats.length > 0
           ? removeDuplicateSeats
-            ? CommonService.truncateSeatLabel(filteredSeats[0].label)
+            ? filteredSeats[0].label
             : filteredSeats[0].label
           : null;
 
@@ -416,7 +416,12 @@ function SeatSection({
               <span className="text-[13.33px] whitespace-nowrap flex items-center">
                 {isSeatIcon && !hasDiscount && (
                   <img
-                    src={getSeatTypeIcon(seatLabel as string, serviceItem) as string}
+                    src={
+                      getSeatTypeIcon(
+                        seatLabel as string,
+                        serviceItem,
+                      ) as string
+                    }
                     alt="seattype"
                     style={{
                       width: "20px",
@@ -711,9 +716,10 @@ function SeatSection({
           color: isSoldOut ? "#c0c0c0" : priceColor,
           top: 0,
           bottom: 0,
-          left: isTrain
-            ? "73%"
-            : "clamp(60%, 65% + (100vw - 1300px) * 0.1, 65%)",
+          left:
+            isTrain || isPeru
+              ? "73%"
+              : "clamp(60%, 65% + (100vw - 1300px) * 0.1, 65%)",
           right: 0,
           justifyContent: isCentered ? "center" : "",
           gap: "10px",