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

package/dist/pure.d.cts

@@ -245,6 +245,16 @@ interface OrderItemCardProps {
     orderItem: OrderItem;
     /** Child order items (rendered as indented sub-rows beneath the parent) */
     childItems?: OrderItem[];
+    /**
+     * Language used to resolve localized product names and the slugs in the
+     * item's PDP link. Defaults to the catalog's default language.
+     *
+     * This component is RSC-safe (no hooks, no context), so the host has to pass
+     * it — there is nothing to read it from. Without it a non-default storefront
+     * renders default-language names and, worse, default-language slugs in the
+     * links (PWP-940).
+     */
+    language?: string;
     /** Should the item title be a link to the PDP */
     titleLinkable?: boolean;
     /** Display a small thumbnail of the order item */

package/dist/pure.d.ts

@@ -245,6 +245,16 @@ interface OrderItemCardProps {
     orderItem: OrderItem;
     /** Child order items (rendered as indented sub-rows beneath the parent) */
     childItems?: OrderItem[];
+    /**
+     * Language used to resolve localized product names and the slugs in the
+     * item's PDP link. Defaults to the catalog's default language.
+     *
+     * This component is RSC-safe (no hooks, no context), so the host has to pass
+     * it — there is nothing to read it from. Without it a non-default storefront
+     * renders default-language names and, worse, default-language slugs in the
+     * links (PWP-940).
+     */
+    language?: string;
     /** Should the item title be a link to the PDP */
     titleLinkable?: boolean;
     /** Display a small thumbnail of the order item */

package/dist/pure.js

@@ -1,4 +1,4 @@
-import { buildClusterJsonLd, safeJsonStringify, buildItemListJsonLd, buildProductJsonLd, getLabel, isContentHidden, formatPrice, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { buildClusterJsonLd, safeJsonStringify, buildItemListJsonLd, buildProductJsonLd, getLabel, getLocalizedValue, isContentHidden, formatPrice, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { OrderDiscountType, YesNo } from '@propeller-commerce/propeller-sdk-v2';
@@ -239,22 +239,22 @@ function ItemStock(props) {
   ) }) : null });
 }
 var ItemStock_default = React.memo(ItemStock);
-function getProductName(orderItem) {
-  return orderItem?.product?.names?.[0]?.value || orderItem?.name || "Unknown Product";
+function getProductName(orderItem, language) {
+  return getLocalizedValue(orderItem?.product?.names, language, "") || orderItem?.name || "Unknown Product";
 }
-function getClusterUrl(orderItem) {
+function getClusterUrl(orderItem, language) {
   const cluster = orderItem?.product?.cluster;
   if (!cluster) return "";
   const id = cluster.clusterId;
-  const slug = cluster.slugs?.[0]?.value || "";
+  const slug = getLocalizedValue(cluster.slugs, language, "");
   if (!id || !slug) return "";
   return `/cluster/${id}/${slug}`;
 }
-function getProductUrl(orderItem) {
-  const cu = getClusterUrl(orderItem);
+function getProductUrl(orderItem, language) {
+  const cu = getClusterUrl(orderItem, language);
   if (cu) return cu;
   const id = orderItem?.product?.productId;
-  const slug = orderItem?.product?.slugs?.[0]?.value || "";
+  const slug = getLocalizedValue(orderItem?.product?.slugs, language, "");
   if (id && slug) return `/product/${id}/${slug}`;
   return "";
 }
@@ -269,10 +269,10 @@ function OrderItemCard(props) {
   const showDiscount = props.showDiscount !== void 0 ? props.showDiscount : false;
   const showStockComponent = props.showStockComponent !== void 0 ? props.showStockComponent : false;
   const showItemNotes = props.showItemNotes !== void 0 ? props.showItemNotes : false;
-  const productName = getProductName(item);
+  const productName = getProductName(item, props.language);
   const productSku = item?.product?.sku || item?.sku || "";
   const productImage = item?.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
-  const productUrl = getProductUrl(item);
+  const productUrl = getProductUrl(item, props.language);
   const quantity = item?.quantity || 0;
   const priceTotal = item?.priceTotal || 0;
   const discount = item?.discount || 0;
@@ -387,7 +387,7 @@ function OrderItemCard(props) {
         className: "propeller-order-item-card__child-row border-0",
         "data-child": "true",
         children: [
-          /* @__PURE__ */ jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--product px-6 py-2 pl-28", children: /* @__PURE__ */ jsx("span", { className: "propeller-order-item-card__child-title text-sm text-muted-foreground", children: child.product?.names?.[0]?.value || child.name || "Unknown" }) }),
+          /* @__PURE__ */ jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--product px-6 py-2 pl-28", children: /* @__PURE__ */ jsx("span", { className: "propeller-order-item-card__child-title text-sm text-muted-foreground", children: getLocalizedValue(child.product?.names, props.language, "") || child.name || "Unknown" }) }),
           showQuantity ? /* @__PURE__ */ jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-2 text-center text-sm text-muted-foreground", children: child.quantity || 0 }) : null,
           showDiscount ? /* @__PURE__ */ jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-2 text-right text-sm text-muted-foreground" }) : null,
           showPrice ? /* @__PURE__ */ jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground", children: formatItemPrice(child.priceTotal || 0) }) : null