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

package/dist/index.d.cts

@@ -4961,12 +4961,13 @@ interface ItemsOverviewProps {
     /** Labels for the component */ labels?: Record<string, string>;
     /** Currency symbol used by the default formatter. Default: `'€'`. */ currency?: string;
     /** Active language for localized surcharge names. */ language?: string;
+    /** Include tax in the line prices. Resolved from `<PropellerProvider>` when omitted; defaults to `false`. */ includeTax?: boolean;
 }
 /**
  * Renders a compact read-only list of cart line items, including bundles and
  * configurable child options, with optional image, SKU, availability and price.
  */
-declare function ItemsOverview(props: ItemsOverviewProps): React$1.JSX.Element;
+declare function ItemsOverview(rawProps: ItemsOverviewProps): React$1.JSX.Element;
 
 /**
  * @rsc-blocked — Client-only component: interactive state (useState/useReducer).

package/dist/index.d.ts

@@ -4961,12 +4961,13 @@ interface ItemsOverviewProps {
     /** Labels for the component */ labels?: Record<string, string>;
     /** Currency symbol used by the default formatter. Default: `'€'`. */ currency?: string;
     /** Active language for localized surcharge names. */ language?: string;
+    /** Include tax in the line prices. Resolved from `<PropellerProvider>` when omitted; defaults to `false`. */ includeTax?: boolean;
 }
 /**
  * Renders a compact read-only list of cart line items, including bundles and
  * configurable child options, with optional image, SKU, availability and price.
  */
-declare function ItemsOverview(props: ItemsOverviewProps): React$1.JSX.Element;
+declare function ItemsOverview(rawProps: ItemsOverviewProps): React$1.JSX.Element;
 
 /**
  * @rsc-blocked — Client-only component: interactive state (useState/useReducer).

package/dist/index.js

@@ -7795,6 +7795,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;
   }
@@ -7869,6 +7875,10 @@ function CartSummary(rawProps) {
         formatItemPrice(discountAmount())
       ] })
     ] }) : null,
+    hasTransactionCosts() ? /* @__PURE__ */ jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "transaction-costs", children: [
+      /* @__PURE__ */ jsx("span", { className: "propeller-cart-summary__label", children: getLabel(props.labels, "transactionCosts", "Transaction costs:") }),
+      /* @__PURE__ */ jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(transactionCosts()) })
+    ] }) : null,
     showShippingCosts() && hasShippingCosts() ? /* @__PURE__ */ jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "shipping-costs", children: [
       /* @__PURE__ */ jsx("span", { className: "propeller-cart-summary__label", children: getLabel(props.labels, "shippingCosts", "Shipping costs:") }),
       /* @__PURE__ */ jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(shippingCosts()) })
@@ -12829,7 +12839,9 @@ function getBundleNonLeaders(item) {
   if (!items) return [];
   return items.filter((bi) => bi.isLeader !== 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;
@@ -12845,6 +12857,13 @@ function ItemsOverview(props) {
     }
     return 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
@@ -12907,12 +12926,12 @@ function ItemsOverview(props) {
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start gap-2", children: [
                   /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(bundlePrice(item.bundle?.price)) }) : null
                 ] }),
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "propeller-items-overview__item-bundle-leader flex justify-between items-center text-xs", children: [
                     /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: leader.product.names?.[0]?.value || "Product" }),
-                    money(leader.price?.net) ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(leader.price?.net) }) : null
+                    money(bundlePrice(leader.price)) ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(bundlePrice(leader.price)) }) : null
                   ] }) : null,
                   getBundleNonLeaders(item).map((bundleItem, idx) => /* @__PURE__ */ jsxs(
                     "div",
@@ -12920,7 +12939,7 @@ function ItemsOverview(props) {
                       className: "propeller-items-overview__item-bundle-item flex justify-between items-center text-xs text-muted-foreground",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: bundleItem.product?.names?.[0]?.value || "Product" }),
-                        money(bundleItem.price?.net) ? /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundleItem.price?.net) }) : null
+                        money(bundlePrice(bundleItem.price)) ? /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundlePrice(bundleItem.price)) }) : null
                       ]
                     },
                     idx
@@ -12943,7 +12962,7 @@ function ItemsOverview(props) {
                       children: getItemName(item)
                     }
                   ) : /* @__PURE__ */ jsx("p", { className: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2", children: getItemName(item) }),
-                  showPrice ? /* @__PURE__ */ 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__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice(lineTotal(item)) }) : null
                 ] }),
                 showSku && itemSku ? /* @__PURE__ */ jsxs("p", { className: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5", children: [
                   "SKU: ",
@@ -12959,7 +12978,7 @@ function ItemsOverview(props) {
                     className: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: child.product?.names?.[0]?.value || "Option" }),
-                      /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(child.totalSum || 0) })
+                      /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(lineTotal(child)) })
                     ]
                   },
                   idx