@propeller-commerce/propeller-v2-react-ui 0.24.0 → 0.25.0

package/CHANGELOG.md

@@ -8,6 +8,28 @@ 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.25.0] - 2026-09-25
+
+### Added
+
+- `CartOverviewProps.paymethodLabels` — maps a lowercased payment-method code
+  to its display name, the same contract `CartPaymethods` and `OrderSummary`
+  already use.
+
+### Fixed
+
+- **The checkout review step printed the raw payment-method code** (e.g.
+  "Betaling: ON_ACCOUNT") while the step before it showed the method's name for
+  the same selection. `CartOverview` had no way to map the stored code, so it
+  was the one place in checkout where the enum leaked to the customer. Pass
+  `paymethodLabels` to resolve it; it still falls back to the raw value.
+  (PWP-1028)
+
+- **The cart line's delete button had no accessible name.** It is icon-only,
+  with no `aria-label`, `title` or visually-hidden text, so assistive
+  technology announced it as just "button". It now carries both, via a
+  `deleteLabel` label key. (PWP-1030)
+
 ## [0.24.0] - 2026-09-25
 
 ### Added

package/dist/index.cjs

@@ -7354,6 +7354,8 @@ function CartItemDelete(props = {}) {
       className: props.className ?? "propeller-cart-item__delete h-8 w-8 p-0 ml-auto inline-flex items-center justify-center rounded-control text-foreground-subtle hover:text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
       onClick: () => handlers.onDelete(),
       disabled: state.deleting,
+      "aria-label": propellerV2CoreUi.getLabel(resolved.labels, "deleteLabel", "Remove item"),
+      title: propellerV2CoreUi.getLabel(resolved.labels, "deleteLabel", "Remove item"),
       children: [
         state.deleting ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 border-2 border-foreground-subtle border-t-transparent rounded-full animate-spin" }) : null,
         !state.deleting ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7734,7 +7736,8 @@ function CartOverview(rawProps) {
   const invoiceAddress = props.cart?.invoiceAddress;
   const deliveryAddress = props.cart?.deliveryAddress;
   const getCountryName = (code) => propellerV2CoreUi.getCountryName(code, props.countries);
-  const paymentMethod = props.cart?.paymentData?.method || "";
+  const rawPaymentMethod = props.cart?.paymentData?.method || "";
+  const paymentMethod = rawPaymentMethod ? props.paymethodLabels?.[rawPaymentMethod.toLowerCase()] || rawPaymentMethod : "";
   const carrierName = props.cart?.postageData?.carrier || "";
   function requestDate() {
     const date = props.cart?.postageData?.requestDate;