@propeller-commerce/propeller-v2-react-ui 0.15.6 → 0.15.7

package/dist/index.d.cts

@@ -5219,11 +5219,12 @@ interface OrderBonusItemsProps {
  * Renders an order's bonus items — free items added through incentives — as a
  * read-only "Bonus items" section (heading + table of OrderItemCard rows).
  *
- * Bonus items are order items of `class === 'product'` (the free goods) with
- * `isBonus === 'Y'` — whether standalone or grouped by the backend under an
- * `incentive` item via `parentOrderItemId`. Any backend-side grouping is
- * purely presentational; in the flat SDK item list every bonus good is
- * already `product`/`isBonus === Y`, so filtering on that yields the same set.
+ * Bonus items are order items of `class === 'product'` with `isBonus === 'Y'`.
+ * The API models the discount as a separate sibling `incentive` item that
+ * carries the negative delta and points back via `parentOrderItemId`, so the
+ * product line alone still shows the undiscounted price. Each bonus line is
+ * therefore netted against its incentive siblings before display — a fully
+ * discounted item reaches 0, a partially discounted one keeps the remainder.
  *
  * Renders nothing when there are no bonus items, so it's safe to drop into any
  * order surface (thank-you, order details, quote details) unconditionally.

package/dist/index.d.ts

@@ -5219,11 +5219,12 @@ interface OrderBonusItemsProps {
  * Renders an order's bonus items — free items added through incentives — as a
  * read-only "Bonus items" section (heading + table of OrderItemCard rows).
  *
- * Bonus items are order items of `class === 'product'` (the free goods) with
- * `isBonus === 'Y'` — whether standalone or grouped by the backend under an
- * `incentive` item via `parentOrderItemId`. Any backend-side grouping is
- * purely presentational; in the flat SDK item list every bonus good is
- * already `product`/`isBonus === Y`, so filtering on that yields the same set.
+ * Bonus items are order items of `class === 'product'` with `isBonus === 'Y'`.
+ * The API models the discount as a separate sibling `incentive` item that
+ * carries the negative delta and points back via `parentOrderItemId`, so the
+ * product line alone still shows the undiscounted price. Each bonus line is
+ * therefore netted against its incentive siblings before display — a fully
+ * discounted item reaches 0, a partially discounted one keeps the remainder.
  *
  * Renders nothing when there are no bonus items, so it's safe to drop into any
  * order surface (thank-you, order details, quote details) unconditionally.

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getNettedBonusItems, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useMemo, useCallback, useContext, useEffect } from 'react';
@@ -13614,9 +13614,7 @@ var OrderItemCard_default = OrderItemCard;
 function OrderBonusItems(rawProps) {
   const props = useInfraProps(rawProps);
   const allItems = props.items ?? props.order?.items ?? [];
-  const bonusItems = allItems.filter(
-    (item) => item.class === OrderItemClass.product && item.isBonus === YesNo.Y
-  );
+  const bonusItems = getNettedBonusItems(allItems);
   if (bonusItems.length === 0) return null;
   const OrderItemCardImpl = props.orderItemCardComponent ?? OrderItemCard_default;
   return /* @__PURE__ */ jsxs("div", { className: `propeller-order-bonus-items ${props.className || "mb-8"}`, children: [