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

package/dist/index.d.cts

@@ -3335,6 +3335,8 @@ interface CartIconAndSidebarProps {
      * localized page. Keys match CartItem's label map.
      */
     cartItemLabels?: Record<string, string>;
+    /** Labels for the bonus-items block. Keys: `title`, `sku`. */
+    cartBonusItemsLabels?: Record<string, string>;
     /** Logged-in user — used to determine purchaser role and authorization limit */
     user?: Contact | Customer;
     /** Configuration object passed to the component */

package/dist/index.d.ts

@@ -3335,6 +3335,8 @@ interface CartIconAndSidebarProps {
      * localized page. Keys match CartItem's label map.
      */
     cartItemLabels?: Record<string, string>;
+    /** Labels for the bonus-items block. Keys: `title`, `sku`. */
+    cartBonusItemsLabels?: Record<string, string>;
     /** Logged-in user — used to determine purchaser role and authorization limit */
     user?: Contact | Customer;
     /** Configuration object passed to the component */

package/dist/index.js

@@ -7477,7 +7477,15 @@ function CartIconAndSidebar(rawProps) {
               },
               item.itemId
             )) }),
-            /* @__PURE__ */ jsx(CartBonusItemsImpl, { cart: props.cart, includeTax: useTax, className: "mt-4" })
+            /* @__PURE__ */ jsx(
+              CartBonusItemsImpl,
+              {
+                cart: props.cart,
+                includeTax: useTax,
+                className: "mt-4",
+                labels: props.cartBonusItemsLabels
+              }
+            )
           ] }),
           " ",
           items.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover", children: [
@@ -16469,19 +16477,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 === 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(", ");
     }