@propeller-commerce/propeller-v2-vue-ui 0.3.27 → 0.3.28

package/CHANGELOG.md

@@ -8,6 +8,16 @@ 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.3.28] - 2026-07-10
+
+### Fixed
+
+- `CartItem` / `AddToCart`: product, bundle, cluster-option, and crossupsell
+  names now resolve for the active `language` (via `getLanguageString`) 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. Mirrors the React fix.
+
 ## [0.3.27] - 2026-07-10
 
 ### Added

package/dist/index.cjs

@@ -4078,7 +4078,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       toastVisible.value = false;
     }
     function getProductName() {
-      return props.product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(props.product?.names, props.language || "NL", "Product");
     }
     function getProductUrl() {
       return props.configuration?.urls?.getProductUrl(props.product, props.language) ?? "#";
@@ -4143,7 +4143,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     }
     function getModalName() {
       if (addedCartItem.value) {
-        return addedCartItem.value.product?.names?.[0]?.value || getProductName();
+        return index.getLanguageString(addedCartItem.value.product?.names, props.language || "NL", "") || getProductName();
       }
       return getProductName();
     }
@@ -4398,7 +4398,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                     key: idx,
                     class: "propeller-add-to-cart__modal-child flex justify-between items-center text-xs text-muted-foreground"
                   }, [
-                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(vue.unref(index.getLanguageString)(child.product?.names, __props.language || "NL", "Option")), 1),
                     vue.createElementVNode("span", _hoisted_36$c, vue.toDisplayString(getChildItemPrice(child)), 1)
                   ]);
                 }), 128))
@@ -6311,7 +6311,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return index.getLabel(props.labels, key, fallback);
     }
     function getProductName() {
-      return props.cartItem.product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(props.cartItem.product?.names, props.language || "NL", "Product");
     }
     function getProductUrl() {
       if (props.configuration?.urls && props.cartItem.product) {
@@ -6370,7 +6370,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       if (!items) return "";
       const leader = items.find((bi) => bi.isLeader === propellerSdkV2.YesNo.Y);
       if (!leader) return "";
-      return leader.product.names?.[0]?.value || "Product";
+      return index.getLanguageString(leader.product.names, props.language || "NL", "Product");
     }
     function getBundleLeaderPrice() {
       const items = props.cartItem.bundle?.items;
@@ -6387,7 +6387,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       return items.filter((bi) => bi.isLeader !== propellerSdkV2.YesNo.Y);
     }
     function getBundleItemName(bundleItem) {
-      return bundleItem.product.names?.[0]?.value || "Product";
+      return index.getLanguageString(bundleItem.product.names, props.language || "NL", "Product");
     }
     function getBundleItemPrice(bundleItem) {
       const price = bundleItem.price?.net;
@@ -6459,7 +6459,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     }
     function getCrossupsellName(item) {
       const product = item?.productTo || item?.clusterTo;
-      return product?.names?.[0]?.value || "Product";
+      return index.getLanguageString(product?.names, props.language || "NL", "Product");
     }
     function getCrossupsellImageUrl(item) {
       const product = item?.productTo || item?.clusterTo;
@@ -6638,7 +6638,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   key: idx,
                   class: "propeller-cart-item__option flex flex-wrap gap-x-2 text-sm text-muted-foreground"
                 }, [
-                  vue.createElementVNode("span", _hoisted_22$h, vue.toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
+                  vue.createElementVNode("span", _hoisted_22$h, vue.toDisplayString(vue.unref(index.getLanguageString)(child.product.names, __props.language || "NL", "Option")), 1),
                   _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "text-foreground-subtle hidden sm:inline" }, "-", -1)),
                   vue.createElementVNode("span", _hoisted_23$h, vue.toDisplayString(child.product.sku), 1),
                   _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),