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

package/CHANGELOG.md

@@ -8,6 +8,51 @@ 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
+
+- `QuickOrderProps.includeTax` and the `colPriceInclVat` label key.
+
+### Fixed
+
+- **QuickOrder showed tax-inclusive prices under an "excl. VAT" header, and
+  ignored the shop's price toggle.** The rows read `price.net`, which the API
+  defines as the price *including* tax, while the column said excl. VAT — so a
+  line read 21 % high against the same product on the PDP or in the cart. The
+  component now takes `includeTax` (resolved from `<PropellerProvider>` like
+  every other price-bearing component), picks `price.gross` or `price.net` to
+  match, and labels the column accordingly. (PWP-1027)
+
+- **The authorization-request detail mixed tax bases in one row.** The unit
+  price came from `totalSum` (excl. VAT) and the line total from `totalSumNet`
+  (incl. VAT), so 1 × € 478,55 showed a € 579,05 total and the lines did not sum
+  to the "Total excl. VAT" figure printed directly below them. Both cells are
+  now excl. VAT, matching that totals block, and the column headers say so.
+  (PWP-1029)
+
 ## [0.23.1] - 2026-09-24
 
 ### Fixed

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;
@@ -14397,6 +14400,7 @@ function blankRow() {
     productId: null,
     name: "",
     netPrice: 0,
+    grossPrice: 0,
     quantity: 1,
     minQuantity: 1,
     matches: [],
@@ -14427,6 +14431,7 @@ function QuickOrderInner(props) {
   const graphqlClient = props.graphqlClient;
   const displayPrice = (n) => props.formatPrice ? props.formatPrice(n) : propellerV2CoreUi.formatPrice(n, { symbol: currency, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   const L = (key, fallback) => propellerV2CoreUi.getLabel(labels, key, fallback);
+  const rowPrice = (r) => props.includeTax ? r.netPrice : r.grossPrice;
   const { submitting, searchProducts, submit } = useQuickOrder({
     graphqlClient,
     user,
@@ -14453,7 +14458,7 @@ function QuickOrderInner(props) {
   }, []);
   const onCodeInput = React6.useCallback(
     (key, value) => {
-      patchRow(key, { code: value, productId: null, name: "", netPrice: 0, searched: false });
+      patchRow(key, { code: value, productId: null, name: "", netPrice: 0, grossPrice: 0, searched: false });
       setNotice(null);
       const timers = searchTimers.current;
       if (timers[key]) clearTimeout(timers[key]);
@@ -14474,7 +14479,7 @@ function QuickOrderInner(props) {
       const dup = rows.some((r) => r.key !== key && r.productId && r.code === match.sku);
       if (dup) {
         setNotice(L("alreadyInList", "Product is already in the list"));
-        patchRow(key, { code: "", matches: [], productId: null, name: "", netPrice: 0, searched: false });
+        patchRow(key, { code: "", matches: [], productId: null, name: "", netPrice: 0, grossPrice: 0, searched: false });
         return;
       }
       patchRow(key, {
@@ -14483,6 +14488,7 @@ function QuickOrderInner(props) {
         clusterId: match.clusterId,
         name: match.name,
         netPrice: match.netPrice,
+        grossPrice: match.grossPrice,
         quantity: match.minQuantity,
         minQuantity: match.minQuantity,
         matches: [],
@@ -14544,6 +14550,7 @@ function QuickOrderInner(props) {
             clusterId: exact.clusterId,
             name: exact.name,
             netPrice: exact.netPrice,
+            grossPrice: exact.grossPrice,
             quantity: Math.max(exact.minQuantity, line.quantity),
             minQuantity: exact.minQuantity
           });
@@ -14613,7 +14620,7 @@ function QuickOrderInner(props) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden md:grid grid-cols-12 gap-2 px-2 pb-2 text-xs font-medium text-muted-foreground border-b border-border", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: L("colCode", "Article no. / SKU") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: L("colName", "Product name") }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: L("colPrice", "excl. VAT") }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: props.includeTax ? L("colPriceInclVat", "incl. VAT") : L("colPrice", "excl. VAT") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: L("colQuantity", "Qty") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 text-right", children: L("colTotal", "Total") }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1" })
@@ -14666,7 +14673,7 @@ function QuickOrderInner(props) {
           "input",
           {
             type: "text",
-            value: r.productId ? displayPrice(r.netPrice) : "",
+            value: r.productId ? displayPrice(rowPrice(r)) : "",
             disabled: true,
             className: "w-full rounded border border-input bg-muted/40 px-2 py-1.5 text-sm text-muted-foreground"
           }
@@ -14686,7 +14693,7 @@ function QuickOrderInner(props) {
             className: "w-full rounded border border-input bg-background px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:bg-muted/40"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-9 md:col-span-2 text-right text-sm text-foreground whitespace-nowrap", children: r.productId ? displayPrice(r.netPrice * r.quantity) : "" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-9 md:col-span-2 text-right text-sm text-foreground whitespace-nowrap", children: r.productId ? displayPrice(rowPrice(r) * r.quantity) : "" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3 md:col-span-1 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -17726,8 +17733,8 @@ function PurchaseAuthorizationRequests(rawProps) {
                 /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/50 border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-left px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemProduct", "Product") }),
                   /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-right px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemQty", "Qty") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-right px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemUnitPrice", "Unit price") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-right px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemTotal", "Total") })
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-right px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemUnitPrice", "Unit price excl. VAT") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-right px-3 py-2 font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "itemTotal", "Total excl. VAT") })
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-border", children: getModalItems().map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2", children: getProductName5(item) }),
@@ -17735,7 +17742,7 @@ function PurchaseAuthorizationRequests(rawProps) {
                   /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-right", children: formatPrice17(
                     (item.quantity ?? 0) > 0 ? (item.totalSum ?? 0) / (item.quantity ?? 1) : 0
                   ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-right font-medium", children: formatPrice17(item.totalSumNet ?? 0) })
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-right font-medium", children: formatPrice17(item.totalSum ?? 0) })
                 ] }, idx)) })
               ] }) })
             ] }),