kupos-ui-components-lib 9.2.7 → 9.2.9

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -429,6 +429,7 @@ function ServiceItemPB({
           isPeru={isPeru}
           siteType={siteType}
           isAllinBus={isAllinBus}
+          viewersConfig={viewersConfig}
         />
       ) : (
         <div
@@ -503,7 +504,7 @@ function ServiceItemPB({
                   style={{
                     display: "flex",
                     flexDirection: "column",
-                    // gap: "5px",
+                    gap: "5px",
                   }}
                 >
                   <div
@@ -570,14 +571,12 @@ function ServiceItemPB({
 
                 {/* BUTTON */}
 
-                <div>
+                <div className="relative">
                   {showLastSeats ? (
                     <div
-                      className="flex justify-end mr-[11px] "
+                      className="flex justify-end mr-[11px] w-[100%] right-[0px] absolute"
                       style={{
-                        position: "absolute",
-                        top: serviceDetailsLoading ? "7px" : "5px",
-                        right: "16px",
+                        top: serviceDetailsLoading ? "-17px" : "-20px",
                       }}
                     >
                       {serviceItem?.available_seats < 10 &&
@@ -753,17 +752,18 @@ function ServiceItemPB({
             )}
             {serviceItem?.is_transpordo && (
               <div
-                className={`flex items-center gap-[10px] py-[4px] text-white px-[14px] rounded-[38px] text-[12.5px] z-20`}
+                className={`flex items-center gap-[6px] py-[4px] text-white px-[14px] rounded-[38px] text-[12.5px] z-20`}
                 style={{
                   backgroundColor: isSoldOut ? "#ddd" : colors.tooltipColor,
                 }}
               >
-                <LottiePlayer
+                {renderIcon("connectingServiceIcon", "12px")}
+                {/* <LottiePlayer
                   animationData={serviceItem.icons.connectingServiceIcon}
                   // animationData={getAnimationIcon(connectingServiceIcon)}
                   width="14px"
                   height="14px"
-                />
+                /> */}
                 <div>{"Conexión"}</div>
               </div>
             )}

package/src/ui/AmenitiesBlock.tsx

@@ -28,10 +28,19 @@ const getAmenitySplit = ({ isPeru, amenities, priorityIds }) => {
   /* ============================
        🇵🇪 PERU LOGIC
   ============================ */
+  // if (isPeru) {
+  //   return hasPriority
+  //     ? { visible: priority, plus: nonPriority }
+  //     : { visible: [], plus: amenities };
+  // }
+
   if (isPeru) {
     return hasPriority
-      ? { visible: priority, plus: nonPriority }
-      : { visible: [], plus: amenities };
+      ? {
+          visible: priority.slice(0, 2),
+          plus: [...priority.slice(2), ...nonPriority],
+        }
+      : { visible: amenities.slice(0, 2), plus: amenities.slice(2) };
   }
 
   /* ============================

package/src/ui/RatingBlock.tsx

@@ -26,13 +26,13 @@ const RatingBlock = ({
     )}
 
     <div
-      className="group relative ml-[10px] text-[13.33px]"
+      className="group relative ml-[10px] text-[12px]"
       style={{
-        marginLeft: showRating ? "10px" : "0",
+        marginLeft: showRating ? "6px" : "0",
         color: isSoldOut ? "#c0c0c0" : "#464647",
       }}
     >
-      <span className="block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer">
+      <span className="block max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap cursor-pointer text-[12px]">
         {serviceItem.operator_details[2]}
       </span>
       <div