@propeller-commerce/propeller-v2-react-ui 0.4.23 → 0.4.25

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;
@@ -426,15 +428,18 @@ function OrderSummary(props) {
     }
     return formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
   }
+  function numericDate(dateString) {
+    const d = new Date(dateString);
+    if (isNaN(d.getTime())) return dateString;
+    const day = String(d.getDate()).padStart(2, "0");
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    return `${day}-${month}-${d.getFullYear()}`;
+  }
   function formatOrderDate(dateString) {
     if (props.formatDate) {
       return props.formatDate(dateString);
     }
-    try {
-      return new Date(dateString).toLocaleDateString("en-US");
-    } catch {
-      return dateString;
-    }
+    return numericDate(dateString);
   }
   const requestDateRaw = order?.postageData?.requestDate;
   let requestDate = "";
@@ -442,11 +447,7 @@ function OrderSummary(props) {
     if (props.formatDate) {
       requestDate = props.formatDate(requestDateRaw);
     } else {
-      try {
-        requestDate = new Date(requestDateRaw).toLocaleDateString("en-US");
-      } catch {
-        requestDate = requestDateRaw;
-      }
+      requestDate = numericDate(requestDateRaw);
     }
   }
   const getCountryName$1 = (code) => getCountryName(code, props.countries);