@propeller-commerce/propeller-v2-react-ui 0.15.2 → 0.15.4

package/CHANGELOG.md

@@ -8,6 +8,32 @@ 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.4] - 2026-08-10
+
+### Fixed
+
+- `<ItemsOverview>` follows the Incl./Excl. BTW toggle. It never resolved infra,
+  so it printed `item.price × quantity` — always excl. VAT — while `<CartItem>`
+  on the cart page printed `totalSumNet` (incl.). The same lines therefore
+  appeared on two different tax bases in consecutive checkout steps. It now
+  reads `includeTax` (and `currency` / `language`, which also silently fell back
+  to `'€'` and no language) from `<PropellerProvider>`, and takes line totals
+  from `totalSum` / `totalSumNet` — the same fields `<CartItem>` reads. Bundle,
+  bundle-item and child-option prices switch on the same basis.
+
+  Hosts that already render inside `<PropellerProvider>` need no change; pass
+  `includeTax` explicitly to override.
+
+## [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

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()) })
@@ -12849,7 +12859,9 @@ function getBundleNonLeaders(item) {
   if (!items) return [];
   return items.filter((bi) => bi.isLeader !== propellerSdkV2.YesNo.Y);
 }
-function ItemsOverview(props) {
+function ItemsOverview(rawProps) {
+  const props = useInfraProps(rawProps);
+  const useTax = !!props.includeTax;
   const containerClass = props.itemsOverviewContainerClass || "cart-items-overview";
   const itemNameClickable = props.itemNameClickable !== void 0 ? props.itemNameClickable : true;
   const showAvailability = props.showAvailability !== void 0 ? props.showAvailability : true;
@@ -12865,6 +12877,13 @@ function ItemsOverview(props) {
     }
     return propellerV2CoreUi.formatPrice(price || 0, { symbol: currencySymbol });
   }
+  function lineTotal(item) {
+    return (useTax ? item.totalSumNet : item.totalSum) || 0;
+  }
+  function bundlePrice(price) {
+    if (!price) return void 0;
+    return useTax ? price.net : price.gross;
+  }
   function getItemSurcharges(item) {
     const list = (item.surcharges ?? []).filter(
       (s) => s.enabled !== false
@@ -12927,12 +12946,12 @@ function ItemsOverview(props) {
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-start gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-title text-sm font-medium leading-tight text-foreground line-clamp-2", children: item.bundle?.name || "Bundle" }),
-                  showPrice && money(item.bundle?.price?.net) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(item.bundle?.price?.net) }) : null
+                  showPrice && money(bundlePrice(item.bundle?.price)) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(bundlePrice(item.bundle?.price)) }) : null
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-items-overview__item-bundle mt-1.5 space-y-1 border-l-2 border-secondary/10 pl-2", children: [
                   leader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-items-overview__item-bundle-leader flex justify-between items-center text-xs", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: leader.product.names?.[0]?.value || "Product" }),
-                    money(leader.price?.net) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(leader.price?.net) }) : null
+                    money(bundlePrice(leader.price)) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(bundlePrice(leader.price)) }) : null
                   ] }) : null,
                   getBundleNonLeaders(item).map((bundleItem, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                     "div",
@@ -12940,7 +12959,7 @@ function ItemsOverview(props) {
                       className: "propeller-items-overview__item-bundle-item flex justify-between items-center text-xs text-muted-foreground",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: bundleItem.product?.names?.[0]?.value || "Product" }),
-                        money(bundleItem.price?.net) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundleItem.price?.net) }) : null
+                        money(bundlePrice(bundleItem.price)) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundlePrice(bundleItem.price)) }) : null
                       ]
                     },
                     idx
@@ -12963,7 +12982,7 @@ function ItemsOverview(props) {
                       children: getItemName(item)
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2", children: getItemName(item) }),
-                  showPrice ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice((item.price || 0) * (item.quantity || 1)) }) : null
+                  showPrice ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice(lineTotal(item)) }) : null
                 ] }),
                 showSku && itemSku ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5", children: [
                   "SKU: ",
@@ -12979,7 +12998,7 @@ function ItemsOverview(props) {
                     className: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: child.product?.names?.[0]?.value || "Option" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(child.totalSum || 0) })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(lineTotal(child)) })
                     ]
                   },
                   idx