kupos-ui-components-lib 9.0.3 → 9.0.4

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -74,7 +74,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
                 React.createElement("span", { className: "min-[420]:text-[13px] text-[11px] ", style: {
                         // marginLeft: "10px",
                         color: isSoldOut ? "#bbb" : "#464647",
-                    } }, type.label),
+                    } }, commonService.truncateSeatLabel(type.label)),
                 React.createElement("span", { className: "min-[420]:text-[13px] text-[11px]  bold-text", style: { color: isSoldOut ? "#bbb" : colors.seatPriceColor } }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) <= 0 && !isPeru
                     ? commonService.currency(0, currencySign)
                     : commonService.currency(type.fare, currencySign))));
@@ -183,11 +183,11 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
             : typeof raw === "string"
                 ? raw.split("|").filter(Boolean)
                 : [];
-        const nodes = list
-            .slice(0, 2)
-            .map((am, i) => {
+        const nodes = list.slice(0, 2).map((am, i) => {
             var _a;
-            return (React.createElement("img", { key: i, className: "amenity", height: 14, width: 14, src: getAmenitiesImage((_a = amenitiesData === null || amenitiesData === void 0 ? void 0 : amenitiesData[am]) === null || _a === void 0 ? void 0 : _a.toLowerCase()), alt: "icon" }));
+            return (React.createElement("img", { key: i, className: "amenity", height: 14, width: 14, 
+                // src={getAmenitiesImage(amenitiesData?.[am]?.toLowerCase())}
+                src: commonService.getAmenitiesImage((_a = amenitiesData === null || amenitiesData === void 0 ? void 0 : amenitiesData[am]) === null || _a === void 0 ? void 0 : _a.toLowerCase(), serviceItem), alt: "icon" }));
         });
         return nodes;
     };

package/package.json

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

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -116,8 +116,8 @@ function ServiceItemMobile({
     const uniqueSeats = Array.from(seatMap.values())
       .sort((a, b) => a.fare - b.fare)
       .slice(0, 3);
-    return uniqueSeats.map((type, i) =>
-      exceptions.includes(type.label) ? null : (
+    return uniqueSeats.map((type, i) => {
+      return exceptions.includes(type.label) ? null : (
         <div
           className={
             serviceItem.seat_types?.length > 2
@@ -133,7 +133,7 @@ function ServiceItemMobile({
               color: isSoldOut ? "#bbb" : "#464647",
             }}
           >
-            {type.label}
+            {commonService.truncateSeatLabel(type.label)}
           </span>
           <span
             className={"min-[420]:text-[13px] text-[11px]  bold-text"}
@@ -149,8 +149,8 @@ function ServiceItemMobile({
               : commonService.currency(type.fare, currencySign)}
           </span>
         </div>
-      ),
-    );
+      );
+    });
   };
 
   const getFilteredSeats = (item) => {
@@ -257,18 +257,20 @@ function ServiceItemMobile({
         ? raw.split("|").filter(Boolean)
         : [];
 
-    const nodes = list
-      .slice(0, 2)
-      .map((am, i) => (
-        <img
-          key={i}
-          className="amenity"
-          height={14}
-          width={14}
-          src={getAmenitiesImage(amenitiesData?.[am]?.toLowerCase())}
-          alt="icon"
-        />
-      ));
+    const nodes = list.slice(0, 2).map((am, i) => (
+      <img
+        key={i}
+        className="amenity"
+        height={14}
+        width={14}
+        // src={getAmenitiesImage(amenitiesData?.[am]?.toLowerCase())}
+        src={commonService.getAmenitiesImage(
+          amenitiesData?.[am]?.toLowerCase(),
+          serviceItem,
+        )}
+        alt="icon"
+      />
+    ));
 
     return nodes;
   };