@propeller-commerce/propeller-v2-react-ui 0.15.1 → 0.15.3

package/CHANGELOG.md

@@ -8,6 +8,30 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.15.3] - 2026-08-10
+
+### Fixed
+
+- `<CartSummary>` renders a **Transaction costs** line when the cart's payment
+  method carries a fee. The fee was already inside `total.totalGross`, so the
+  panel's own rows never added up to the "Total excl. VAT" it printed — a €7.25
+  order with €49.00 shipping showed €56.60. `<OrderTotals>` has always shown
+  this row; the cart panel now matches. Label key: `transactionCosts`.
+
+## [0.15.2] - 2026-08-10
+
+### Fixed
+
+- `<GridFilters>` resolves each facet's label in the active language. The title
+  came from `descriptions[0]`, so on a bilingual tenant every filter heading
+  rendered in whichever language the API returned first (Dutch), regardless of
+  the shopper's selection. It now matches on the `language` prop, falling back
+  to the first description and then the raw attribute name.
+
+  Hosts must pass `language` to `<GridFilters>` / `<GridFiltersPanel>` for the
+  labels to follow the language switcher; omitting it preserves the previous
+  behaviour.
+
 ## [0.15.1] - 2026-08-10
 
 ### Fixed

package/dist/index.cjs

@@ -7815,6 +7815,12 @@ function CartSummary(rawProps) {
   function discountAmount() {
     return props.cart?.total?.discount || 0;
   }
+  function hasTransactionCosts() {
+    return (props.cart?.paymentData?.price || 0) > 0;
+  }
+  function transactionCosts() {
+    return Number(props.cart?.paymentData?.price || 0);
+  }
   function hasShippingCosts() {
     return (props.cart?.postageData?.price || 0) > 0;
   }
@@ -7889,6 +7895,10 @@ function CartSummary(rawProps) {
         formatItemPrice(discountAmount())
       ] })
     ] }) : null,
+    hasTransactionCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "transaction-costs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "transactionCosts", "Transaction costs:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(transactionCosts()) })
+    ] }) : null,
     showShippingCosts() && hasShippingCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "shipping-costs", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "shippingCosts", "Shipping costs:") }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(shippingCosts()) })
@@ -9388,7 +9398,10 @@ function GridFilters(rawProps) {
     return filter?.attributeDescription?.name || "";
   }
   function getFilterTitle(filter) {
-    return filter?.attributeDescription?.descriptions?.[0]?.value || filter?.attributeDescription?.name || "";
+    const descriptions = filter?.attributeDescription?.descriptions;
+    const lang = props.language?.toUpperCase();
+    const match = lang ? descriptions?.find((d) => d?.language?.toUpperCase() === lang) : void 0;
+    return match?.value || descriptions?.[0]?.value || filter?.attributeDescription?.name || "";
   }
   function getFilteredFilters() {
     const list = props.filters ?? [];