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

package/CHANGELOG.md

@@ -8,6 +8,29 @@ 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.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

@@ -14397,6 +14397,7 @@ function blankRow() {
     productId: null,
     name: "",
     netPrice: 0,
+    grossPrice: 0,
     quantity: 1,
     minQuantity: 1,
     matches: [],
@@ -14427,6 +14428,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 +14455,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 +14476,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 +14485,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 +14547,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 +14617,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 +14670,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 +14690,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 +17730,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 +17739,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)) })
               ] }) })
             ] }),