kupos-ui-components-lib 9.3.3 → 9.3.5

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -67,6 +67,8 @@ const ANIMATION_MAP = {
     },
 };
 function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t = (key) => key, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, }) {
+    var _a;
+    console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
     const getAnimationIcon = (icon) => {
         var _a;
         const animation = ANIMATION_MAP[icon];
@@ -101,6 +103,11 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
     const isItemExpanded = serviceItem.id === isExpand || isExpand === true;
     const grayscaleClass = isSoldOut ? "grayscale" : "";
     const hasOfferText = Boolean(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text);
+    const seats = removeDuplicateSeats
+        ? ((_a = serviceItem.seat_types) === null || _a === void 0 ? void 0 : _a.filter((seat, index, self) => index === self.findIndex((s) => s.label === seat.label))) || []
+        : serviceItem.seat_types || [];
+    const discountedSeats = seats.map((seat) => (Object.assign(Object.assign({}, seat), CommonService.calculateDiscountedPrice(seat.fare, serviceItem))));
+    const hasDiscount = discountedSeats.some((seat) => seat.originalPrice !== seat.discountedPrice);
     const offerGradient = `linear-gradient(90deg, ${colors.rightGradiantColor || "#ff5964"} 0%, ${colors.leftGradiantColor || "#ff8842"} 100%)`;
     const serviceCardStyle = hasOfferText
         ? {
@@ -236,7 +243,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
                     padding: coachKey
                         ? "15px 15px 20px 15px"
                         : "20px 15px 11px 15px",
-                    marginTop: hasOfferText ? "14px" : "0",
+                    marginTop: hasDiscount || hasOfferText ? "14px" : "0",
                 } },
                 React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:22%_28%_2.5%_24%_15.5%] gap-x-[2%] items-center" },
                     React.createElement("div", { className: "flex flex-col gap-[5px]" },

package/dist/ui/SeatSection/SeatSection.js

@@ -145,7 +145,8 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
             React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-start" },
                 React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : "#ff5964" } },
                     renderIcon("fireIcon", "16px"),
-                    formatPrice(discountSeat.discountedPrice)))));
+                    currencySign || "$",
+                    Math.floor((discountSeat.discountedPrice / 1000) * 1000) / 1000))));
     }
     return (React.createElement("div", { className: "relative flex gap-[10px] text-[13.33px] justify-between min-h-[2.2rem]", style: isCentered ? { alignItems: "center" } : {} },
         React.createElement("div", { className: "flex flex-col justify-between", style: { gap: "10px" } }, renderLabels()),

package/package.json

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

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -106,6 +106,7 @@ function ServiceItemPB({
   coachKey,
   viewersConfig,
 }: ServiceItemProps & { currencySign?: string }): React.ReactElement {
+  console.log("🚀 ~ ServiceItemPB ~ serviceItem:", serviceItem);
   const getAnimationIcon = (icon: string) => {
     const animation = ANIMATION_MAP[icon];
     if (!animation) return null;
@@ -167,6 +168,23 @@ function ServiceItemPB({
   const isItemExpanded = serviceItem.id === isExpand || isExpand === true;
   const grayscaleClass = isSoldOut ? "grayscale" : "";
   const hasOfferText = Boolean(serviceItem?.offer_text);
+
+  const seats = removeDuplicateSeats
+    ? serviceItem.seat_types?.filter(
+        (seat, index, self) =>
+          index === self.findIndex((s) => s.label === seat.label),
+      ) || []
+    : serviceItem.seat_types || [];
+
+  const discountedSeats = seats.map((seat) => ({
+    ...seat,
+    ...CommonService.calculateDiscountedPrice(seat.fare, serviceItem as any),
+  }));
+
+  const hasDiscount = discountedSeats.some(
+    (seat) => seat.originalPrice !== seat.discountedPrice,
+  );
+
   const offerGradient = `linear-gradient(90deg, ${colors.rightGradiantColor || "#ff5964"} 0%, ${colors.leftGradiantColor || "#ff8842"} 100%)`;
   const serviceCardStyle: React.CSSProperties = hasOfferText
     ? {
@@ -403,7 +421,7 @@ function ServiceItemPB({
                 padding: coachKey
                   ? "15px 15px 20px 15px"
                   : "20px 15px 11px 15px",
-                marginTop: hasOfferText ? "14px" : "0",
+                marginTop: hasDiscount || hasOfferText ? "14px" : "0",
               }}
             >
               <div

package/src/ui/SeatSection/SeatSection.tsx

@@ -284,7 +284,8 @@ function SeatSection({
           >
             {/* <span className="text-[18px] leading-[24px]">🔥</span> */}
             {renderIcon("fireIcon", "16px")}
-            {formatPrice(discountSeat.discountedPrice)}
+            {currencySign || "$"}
+            {Math.floor((discountSeat.discountedPrice / 1000) * 1000) / 1000}
           </span>
         </div>
       </div>