@base44/app-plugin-commerce 0.2.4 → 0.2.6

package/src/commerce/utils/totals.js

@@ -91,20 +91,31 @@ export function orderTotalsLines(order, { formatMoney, labels = {} } = {}) {
 
 /**
  * An order's line items in the same shape as decorated cart lines, so one
- * component renders the bag, the checkout summary and the confirmation.
+ * component renders the bag, the checkout summary and the confirmation —
+ * `image` is `{src, alt}|null` and `totalLabel` is pre-formatted, exactly as
+ * on `useCart().lines` (pass `formatMoney`; `useOrderReturn` does).
  *
  * @param {object} order
+ * @param {{formatMoney?: (n: number) => string}} [opts]
  * @returns {Array<{name: string, attributesLabel: string, quantity: number,
- *   total: number, image: object|null, sku: string}>}
+ *   total: number, totalLabel: string, image: {src: string, alt: string}|null,
+ *   sku: string}>}
  */
-export function orderLines(order) {
-  return (order?.line_items ?? []).map((it) => ({
-    ...it,
-    name: it.name ?? "",
-    attributesLabel: attributesLabel(it.attributes ?? it.meta_data),
-    quantity: num(it.quantity),
-    total: num(it.total ?? it.subtotal),
-    image: it.image ?? null,
-    sku: it.sku ?? "",
-  }));
+export function orderLines(order, { formatMoney } = {}) {
+  return (order?.line_items ?? []).map((it) => {
+    const total = num(it.total ?? it.subtotal);
+    // An order item's image may be stored as a bare URL or an object — either
+    // way it leaves here as {src, alt}|null, the cart-line shape.
+    const src = typeof it.image === "string" ? it.image : it.image?.src;
+    return {
+      ...it,
+      name: it.name ?? "",
+      attributesLabel: attributesLabel(it.attributes ?? it.meta_data),
+      quantity: num(it.quantity),
+      total,
+      totalLabel: money(formatMoney, total),
+      image: src ? { src, alt: (typeof it.image === "object" ? it.image?.alt : "") || it.name || "" } : null,
+      sku: it.sku ?? "",
+    };
+  });
 }