@propeller-commerce/propeller-v2-react-ui 0.15.8 → 0.15.10

package/CHANGELOG.md

@@ -8,6 +8,43 @@ 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.10] - 2026-08-11
+
+### Fixed
+
+- **The cart sidebar's "Bonus items" heading stayed English on a localized
+  page.** `CartIconAndSidebar` renders `CartBonusItems` itself but passed it no
+  `labels`, so the block always fell back to its English defaults — while the
+  same component on the cart and checkout pages, where the host passes `labels`
+  directly, translated correctly. Same shape as the `cartItemLabels` gap fixed
+  in 0.4.24.
+
+### Added
+
+- `CartIconAndSidebar` accepts `cartBonusItemsLabels` (keys: `title`, `sku`),
+  forwarded to the embedded bonus-items block. Hosts already translating
+  `CartBonusItems` on the cart page can pass the same map.
+
+## [0.15.9] - 2026-08-11
+
+### Fixed
+
+- **The product specifications table emptied out in a language the catalogue is
+  only partly translated into** (PWP-928). A localized list carries only the
+  languages someone authored, so asking for one nobody wrote returns nothing —
+  it does not fall back. `ProductSpecifications` matched strictly on
+  `language === props.language`, which failed twice over: the label fell through
+  to `attributeDescription.name` and printed the raw PIM code
+  (`QUANTORE_70001706`) at the user, and the value resolved to `''` — and since
+  `getAttributes()` drops rows with an empty value, the row disappeared
+  entirely. On a Dutch-only catalogue browsed in English the whole table went
+  blank. Both now prefer the active language and fall back to whichever
+  translation exists, matching `GridFilters`, `ProductDescription` and the menu.
+  Empty localized rows the backend really does return
+  (`{ language: 'FR', values: [] }`) are skipped rather than winning the
+  fallback. Language matching is now case-insensitive: with `language="en"` the
+  component previously rendered nothing at all.
+
 ## [0.15.8] - 2026-08-11
 
 ### Fixed

package/dist/index.cjs

@@ -7497,7 +7497,15 @@ function CartIconAndSidebar(rawProps) {
               },
               item.itemId
             )) }),
-            /* @__PURE__ */ jsxRuntime.jsx(CartBonusItemsImpl, { cart: props.cart, includeTax: useTax, className: "mt-4" })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CartBonusItemsImpl,
+              {
+                cart: props.cart,
+                includeTax: useTax,
+                className: "mt-4",
+                labels: props.cartBonusItemsLabels
+              }
+            )
           ] }),
           " ",
           items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover", children: [
@@ -16489,19 +16497,27 @@ function ProductSpecifications(rawProps) {
       (a) => (a.attributeDescription?.group || "") === group
     );
   }
+  function pickLocalized(rows, isUsable) {
+    const list = (rows || []).filter(isUsable);
+    const lang = (props.language || "NL").toUpperCase();
+    return list.find((row) => (row.language || "").toUpperCase() === lang) || list[0];
+  }
   function getAttributeLabel(attr) {
-    const lang = props.language || "NL";
-    const descs = attr.attributeDescription?.descriptions || [];
-    const match = descs.find((d) => d.language === lang);
+    const match = pickLocalized(
+      attr.attributeDescription?.descriptions,
+      (d) => !!d.value
+    );
     return match?.value || attr.attributeDescription?.name || "";
   }
   function getAttributeValue(attr) {
     const v = attr.value;
     if (!v) return "";
-    const lang = props.language || "NL";
     if (v.type === propellerSdkV2.AttributeType.TEXT) {
       const tv = v;
-      const entry = tv.textValues?.find((row) => row.language === lang);
+      const entry = pickLocalized(
+        tv.textValues,
+        (row) => (row?.values || []).some(Boolean)
+      );
       const vals = (entry?.values || []).filter(Boolean);
       return vals.join(", ");
     }