@propeller-commerce/propeller-v2-react-ui 0.19.0 → 0.19.1

package/dist/index.d.cts

@@ -5326,6 +5326,15 @@ interface OrderItemCardProps {
 /**
  * Renders a single order line item as a table row (with optional indented
  * child-item rows), showing image, SKU, quantity, discount and price.
+ *
+ * `orderItem.product` is optional and really can be absent: a product that is
+ * hidden, withdrawn or deleted from the catalog still appears on the orders and
+ * quotes it was sold on, but the API returns no product record for it. Every
+ * product-derived value below therefore falls back to the order item, which
+ * carries its own snapshot of the line — name, sku, quantity and prices — taken
+ * when the order was placed. Such a row renders as plain text: the placeholder
+ * thumbnail, the untranslated `orderItem.name` (there are no localized names to
+ * resolve), and no PDP link (there are no slugs to build one from).
  */
 declare function OrderItemCard(props: OrderItemCardProps): React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -5326,6 +5326,15 @@ interface OrderItemCardProps {
 /**
  * Renders a single order line item as a table row (with optional indented
  * child-item rows), showing image, SKU, quantity, discount and price.
+ *
+ * `orderItem.product` is optional and really can be absent: a product that is
+ * hidden, withdrawn or deleted from the catalog still appears on the orders and
+ * quotes it was sold on, but the API returns no product record for it. Every
+ * product-derived value below therefore falls back to the order item, which
+ * carries its own snapshot of the line — name, sku, quantity and prices — taken
+ * when the order was placed. Such a row renders as plain text: the placeholder
+ * thumbnail, the untranslated `orderItem.name` (there are no localized names to
+ * resolve), and no PDP link (there are no slugs to build one from).
  */
 declare function OrderItemCard(props: OrderItemCardProps): React$1.JSX.Element;
 

package/dist/index.js

@@ -13733,11 +13733,11 @@ function OrderItemCard(props) {
               className: isChildItem ? "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-4 text-right whitespace-nowrap",
               children: (() => {
                 const PriceImpl = props.priceComponent;
-                if (PriceImpl) {
+                if (PriceImpl && item?.product?.price) {
                   return /* @__PURE__ */ jsx(
                     PriceImpl,
                     {
-                      price: item?.product?.price,
+                      price: item.product.price,
                       currency: props.currency,
                       labels: props.labels
                     }
@@ -14746,7 +14746,7 @@ function OrderShipments(props) {
                         /* @__PURE__ */ jsxs("td", { className: "px-4 py-2 text-muted-foreground", children: [
                           !!shipmentItem.sku ? /* @__PURE__ */ jsx(Fragment, { children: shipmentItem.sku }) : null,
                           !shipmentItem.sku ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                            !!getOrderItemForShipmentItem(shipmentItem) ? /* @__PURE__ */ jsx(Fragment, { children: getOrderItemForShipmentItem(shipmentItem)?.product?.sku || "-" }) : null,
+                            !!getOrderItemForShipmentItem(shipmentItem) ? /* @__PURE__ */ jsx(Fragment, { children: getOrderItemForShipmentItem(shipmentItem)?.product?.sku || getOrderItemForShipmentItem(shipmentItem)?.sku || "-" }) : null,
                             !getOrderItemForShipmentItem(shipmentItem) ? /* @__PURE__ */ jsx(Fragment, { children: "-" }) : null
                           ] }) : null
                         ] }),