@propeller-commerce/propeller-v2-react-ui 0.4.18 → 0.4.20

package/CHANGELOG.md

@@ -8,6 +8,25 @@ 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.4.20] - 2026-07-16
+
+### Fixed
+
+- `CartSummary`: the panel title now resolves through the `labels` map
+  (`labels.title`) instead of only the `title` prop, so the "Order summary"
+  heading is translatable like every other label. Falls back to `props.title`,
+  then `labels.title`, then `'Order summary'`.
+
+## [0.4.19] - 2026-07-10
+
+### Fixed
+
+- `CartItem` / `AddToCart`: product, bundle, cluster-option, and crossupsell
+  names now resolve for the active `language` (via `getLocalizedValue`) instead
+  of always taking `names[0]`. Cart lines, the add-to-cart modal, and the
+  "added to cart" toast previously showed the first localised name regardless of
+  the cart/page language.
+
 ## [0.4.18] - 2026-07-10
 
 ### Added

package/dist/index.cjs

@@ -3954,7 +3954,7 @@ function AddToCart(rawProps) {
   }
   function getModalName() {
     if (addedCartItem) {
-      return addedCartItem.product?.names?.[0]?.value || propellerV2CoreUi.getLocalizedValue(props.product?.names, props.language, "Product");
+      return propellerV2CoreUi.getLocalizedValue(addedCartItem.product?.names, props.language, "") || propellerV2CoreUi.getLocalizedValue(props.product?.names, props.language, "Product");
     }
     return propellerV2CoreUi.getLocalizedValue(props.product?.names, props.language, "Product");
   }
@@ -4307,7 +4307,7 @@ function AddToCart(rawProps) {
                 {
                   className: "propeller-add-to-cart__modal-child 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: "line-clamp-1", children: propellerV2CoreUi.getLocalizedValue(child.product?.names, props.language, "Option") }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: propellerV2CoreUi.formatPrice(
                       ((props.includeTax !== void 0 ? !!props.includeTax : includeTax) ? child.totalSumNet : child.totalSum) ?? 0,
                       { symbol: props.currency ?? "\u20AC" }
@@ -6060,7 +6060,7 @@ function CartItem(rawProps) {
   const minQuantity = getMinQuantity(props.cartItem.product);
   const step = getStep(props.cartItem.product);
   function getProductName5() {
-    return props.cartItem.product?.names?.[0]?.value || "Product";
+    return propellerV2CoreUi.getLocalizedValue(props.cartItem.product?.names, props.language, "Product");
   }
   function getProductUrl2() {
     if (props.configuration?.urls && props.cartItem.product) {
@@ -6111,7 +6111,7 @@ function CartItem(rawProps) {
     if (!items) return "";
     const leader = items.find((bi) => bi.isLeader === propellerSdkV2.YesNo.Y);
     if (!leader) return "";
-    return leader.product.names?.[0]?.value || "Product";
+    return propellerV2CoreUi.getLocalizedValue(leader.product.names, props.language, "Product");
   }
   function getBundleLeaderPrice() {
     const items = props.cartItem.bundle?.items;
@@ -6128,7 +6128,7 @@ function CartItem(rawProps) {
     return items.filter((bi) => bi.isLeader !== propellerSdkV2.YesNo.Y);
   }
   function getBundleItemName(bundleItem) {
-    return bundleItem.product.names?.[0]?.value || "Product";
+    return propellerV2CoreUi.getLocalizedValue(bundleItem.product.names, props.language, "Product");
   }
   function getBundleItemPrice(bundleItem) {
     const price = bundleItem.price?.net;
@@ -6137,7 +6137,7 @@ function CartItem(rawProps) {
   }
   function getCrossupsellName(item) {
     const product = item?.productTo || item?.clusterTo;
-    return product?.names?.[0]?.value || "Product";
+    return propellerV2CoreUi.getLocalizedValue(product?.names, props.language, "Product");
   }
   function getCrossupsellImageUrl(item) {
     const product = item?.productTo || item?.clusterTo;
@@ -6462,7 +6462,7 @@ function CartItemChildItems(props = {}) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: props.className ?? "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1", children: propellerV2CoreUi.getLabel(resolved.labels, "includedOptions", "Included Options:") }),
     (cartItem.childItems || []).map((child, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-item__option flex flex-wrap gap-x-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: child.product.names?.[0]?.value || "Option" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLocalizedValue(child.product.names, resolved.language, "Option") }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle hidden sm:inline", children: "-" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle text-xs self-center", children: child.product.sku }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 border-b border-dotted border-border mx-1 mb-1" }),
@@ -7254,7 +7254,7 @@ function CartSummary(rawProps) {
   });
   const [requestLoading, setRequestLoading] = React6.useState(() => false);
   function title() {
-    return props.title || "Order summary";
+    return props.title || propellerV2CoreUi.getLabel(props.labels, "title", "Order summary");
   }
   function showSubtotal() {
     return props.showSubtotal !== void 0 ? props.showSubtotal : true;