@propeller-commerce/propeller-v2-react-ui 0.4.24 → 0.4.26

package/dist/pure.d.cts

@@ -315,6 +315,19 @@ interface OrderSummaryProps {
     formatDate?: (dateString: string) => string;
     /** Labels for the component */
     labels?: Record<string, string>;
+    /**
+     * Localized order/quote status labels, keyed by the raw backend status
+     * (e.g. `{ NEW: 'Nieuw', REQUEST: 'Aangevraagd' }`). Unknown → raw value.
+     */
+    statusLabels?: Record<string, string>;
+    /**
+     * Localized payment-method names, keyed by the raw method value LOWER-CASED
+     * (e.g. `{ rekening: 'Op rekening', account: 'Op rekening' }`). The backend
+     * sends different raw values on the order vs quote path (REKENING / ACCOUNT),
+     * so mapping both here makes the same method render identically. Unknown →
+     * raw value.
+     */
+    paymethodLabels?: Record<string, string>;
     /** List of countries for resolving codes to names [{code: 'NL', name: 'Netherlands'}, ...] */
     countries?: {
         code: string;

package/dist/pure.d.ts

@@ -315,6 +315,19 @@ interface OrderSummaryProps {
     formatDate?: (dateString: string) => string;
     /** Labels for the component */
     labels?: Record<string, string>;
+    /**
+     * Localized order/quote status labels, keyed by the raw backend status
+     * (e.g. `{ NEW: 'Nieuw', REQUEST: 'Aangevraagd' }`). Unknown → raw value.
+     */
+    statusLabels?: Record<string, string>;
+    /**
+     * Localized payment-method names, keyed by the raw method value LOWER-CASED
+     * (e.g. `{ rekening: 'Op rekening', account: 'Op rekening' }`). The backend
+     * sends different raw values on the order vs quote path (REKENING / ACCOUNT),
+     * so mapping both here makes the same method render identically. Unknown →
+     * raw value.
+     */
+    paymethodLabels?: Record<string, string>;
     /** List of countries for resolving codes to names [{code: 'NL', name: 'Netherlands'}, ...] */
     countries?: {
         code: string;

package/dist/pure.js

@@ -411,11 +411,13 @@ function OrderSummary(props) {
   const showRemarks = props.showRemarks !== void 0 ? props.showRemarks : true;
   const orderNumber = order?.id || "";
   const orderDate = order?.createdAt || "";
-  const orderStatus = order?.status || "";
+  const rawStatus = order?.status || "";
+  const orderStatus = rawStatus ? props.statusLabels?.[rawStatus] || rawStatus : "";
   const orderTotal = Number(order?.total?.net || 0);
   const orderReference = order?.reference || "";
   const orderRemarks = order?.remarks || "";
-  const paymentMethod = order?.paymentData?.method || "";
+  const rawPaymentMethod = order?.paymentData?.method || "";
+  const paymentMethod = rawPaymentMethod ? props.paymethodLabels?.[rawPaymentMethod.toLowerCase()] || rawPaymentMethod : "";
   const carrierName = order?.postageData?.carrier || "";
   const addresses = order?.addresses || [];
   const invoiceAddress = addresses.find((a) => a.type === "invoice") || null;