kupos-ui-components-lib 10.4.71 → 10.4.72

package/dist/ui/DiscountBanners/discountUtils.js

@@ -113,7 +113,7 @@ function toDiscountLabel(discount, currencySign) {
     }
     return `${Math.round(discount.amount)}% de dcto`;
 }
-// Groups services into one card per discount category. Remate/wow-deal is always the first card.
+// Groups services into one card per discount category, ordered from highest to lowest discount.
 export function deriveDiscountCards(services = [], wowDealData, currencySign = "$") {
     var _a, _b, _c, _d, _e;
     const cards = new Map();
@@ -217,5 +217,12 @@ export function deriveDiscountCards(services = [], wowDealData, currencySign = "
             return a.name.localeCompare(b.name, "es", { sensitivity: "base" });
         });
     }
-    return Array.from(cards.values());
+    // Highest discount first. Percentages and fixed amounts can't be compared, so percentages
+    // lead. The sort is stable, so on a tie Remate stays ahead and the rest keep service order.
+    return Array.from(cards.values()).sort((a, b) => {
+        if (a.discountType !== b.discountType) {
+            return a.discountType === "percentage" ? -1 : 1;
+        }
+        return b.amount - a.amount;
+    });
 }

package/package.json

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

package/src/ui/DiscountBanners/discountUtils.ts

@@ -158,7 +158,7 @@ function toDiscountLabel(
   return `${Math.round(discount.amount)}% de dcto`;
 }
 
-// Groups services into one card per discount category. Remate/wow-deal is always the first card.
+// Groups services into one card per discount category, ordered from highest to lowest discount.
 export function deriveDiscountCards(
   services: DiscountBannerServiceItem[] = [],
   wowDealData?: WowDealData,
@@ -276,5 +276,12 @@ export function deriveDiscountCards(
     });
   }
 
-  return Array.from(cards.values());
+  // Highest discount first. Percentages and fixed amounts can't be compared, so percentages
+  // lead. The sort is stable, so on a tie Remate stays ahead and the rest keep service order.
+  return Array.from(cards.values()).sort((a, b) => {
+    if (a.discountType !== b.discountType) {
+      return a.discountType === "percentage" ? -1 : 1;
+    }
+    return b.amount - a.amount;
+  });
 }