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

package/dist/index.d.cts

@@ -3051,6 +3051,12 @@ interface CartIconAndSidebarProps {
      * continueShopping, qty, total, checkoutButton, cartPageButton, closeLabel
      */
     labels?: Record<string, string>;
+    /**
+     * Labels forwarded to the inner CartItem rows (e.g. `qtyPrefix`). Without
+     * this the sidebar's line items fell back to English ("Qty:") even on a
+     * localized page. Keys match CartItem's label map.
+     */
+    cartItemLabels?: Record<string, string>;
     /** Logged-in user — used to determine purchaser role and authorization limit */
     user?: Contact | Customer;
     /** Configuration object passed to the component */
@@ -3165,6 +3171,14 @@ interface CartPaymethodsProps {
     currency?: string;
     /** Labels for the component */
     labels?: Record<string, string>;
+    /**
+     * Localized display names for payment methods, keyed by the method **code**
+     * (lower-cased, e.g. `{ pickup: 'Bij afhalen', on_account: 'Op rekening' }`).
+     * The backend `method.name` is often an un-localized English string (e.g.
+     * "On pickup"), so this map lets the host override it per locale. Lookup
+     * order: `paymethodLabels[code]` → `method.name` → `method.code`.
+     */
+    paymethodLabels?: Record<string, string>;
 }
 /**
  * Renders the cart's available payment methods as a selectable grid. Hides the

package/dist/index.d.ts

@@ -3051,6 +3051,12 @@ interface CartIconAndSidebarProps {
      * continueShopping, qty, total, checkoutButton, cartPageButton, closeLabel
      */
     labels?: Record<string, string>;
+    /**
+     * Labels forwarded to the inner CartItem rows (e.g. `qtyPrefix`). Without
+     * this the sidebar's line items fell back to English ("Qty:") even on a
+     * localized page. Keys match CartItem's label map.
+     */
+    cartItemLabels?: Record<string, string>;
     /** Logged-in user — used to determine purchaser role and authorization limit */
     user?: Contact | Customer;
     /** Configuration object passed to the component */
@@ -3165,6 +3171,14 @@ interface CartPaymethodsProps {
     currency?: string;
     /** Labels for the component */
     labels?: Record<string, string>;
+    /**
+     * Localized display names for payment methods, keyed by the method **code**
+     * (lower-cased, e.g. `{ pickup: 'Bij afhalen', on_account: 'Op rekening' }`).
+     * The backend `method.name` is often an un-localized English string (e.g.
+     * "On pickup"), so this map lets the host override it per locale. Lookup
+     * order: `paymethodLabels[code]` → `method.name` → `method.code`.
+     */
+    paymethodLabels?: Record<string, string>;
 }
 /**
  * Renders the cart's available payment methods as a selectable grid. Hides the

package/dist/index.js

@@ -6910,6 +6910,7 @@ function CartIconAndSidebar(rawProps) {
                 language: props.language,
                 configuration: props.configuration,
                 companyId: props.companyId,
+                labels: props.cartItemLabels,
                 cardFrame: false,
                 showDelete: false,
                 readOnlyQuantity: true,
@@ -7015,11 +7016,11 @@ function CartOverview(props) {
   function requestDate() {
     const date = props.cart?.postageData?.requestDate;
     if (!date) return "";
-    try {
-      return new Date(date).toLocaleDateString();
-    } catch {
-      return date;
-    }
+    const d = new Date(date);
+    if (isNaN(d.getTime())) return date;
+    const day = String(d.getDate()).padStart(2, "0");
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    return `${day}-${month}-${d.getFullYear()}`;
   }
   function handleTermsLinkClick(event) {
     event.preventDefault();
@@ -7182,6 +7183,10 @@ function CartPaymethods(rawProps) {
     if (props.formatPrice) return props.formatPrice(price);
     return formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
   }
+  function methodName(method) {
+    const code = (method.code || "").toLowerCase();
+    return props.paymethodLabels?.[code] || method.name || method.code || "";
+  }
   function handleSelect(method) {
     setSelectedCode(method.code);
     if (props.onPaymethodSelect) props.onPaymethodSelect(method);
@@ -7212,10 +7217,10 @@ function CartPaymethods(rawProps) {
               {
                 className: "propeller-cart-paymethods__method-logo max-h-10 max-w-[80%] w-auto object-contain",
                 src: logoUrl,
-                alt: method.name || method.code
+                alt: methodName(method)
               }
             ) }) : null,
-            /* @__PURE__ */ jsx("span", { className: "propeller-cart-paymethods__method-name font-medium text-sm", children: method.name || method.code })
+            /* @__PURE__ */ jsx("span", { className: "propeller-cart-paymethods__method-name font-medium text-sm", children: methodName(method) })
           ]
         },
         method.code
@@ -9672,10 +9677,11 @@ function FavoriteLists(rawProps) {
     if (props.formatDate) return props.formatDate(dateString);
     if (!dateString) return "-";
     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");
     const year = d.getFullYear();
-    return `${day}/${month}/${year}`;
+    return `${day}-${month}-${year}`;
   }
   function getProductCount(list) {
     const products = list.products;
@@ -11820,7 +11826,11 @@ function OrderList(rawProps) {
   function formatDate(dateString) {
     if (props.formatDate) return props.formatDate(dateString);
     if (!dateString) return "-";
-    return new Date(dateString).toLocaleDateString();
+    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 formatPrice17(price) {
     if (props.formatPrice) return props.formatPrice(price);
@@ -12257,7 +12267,10 @@ function OrderShipments(props) {
   function formatDate(dateStr) {
     if (!dateStr) return "-";
     const d = new Date(dateStr);
-    return `${d.getDate()}.${d.getMonth() + 1}.${d.getFullYear()}`;
+    if (isNaN(d.getTime())) return dateStr;
+    const day = String(d.getDate()).padStart(2, "0");
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    return `${day}-${month}-${d.getFullYear()}`;
   }
   function getOrderItemForShipmentItem(shipmentItem) {
     if (!props.order?.items || !shipmentItem.orderItemId) return null;
@@ -12474,15 +12487,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 = "";
@@ -12490,11 +12506,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);
@@ -15915,7 +15927,10 @@ function PurchaseAuthorizationRequests(rawProps) {
     if (props.formatDate) return props.formatDate(dateStr);
     if (!dateStr) return "-";
     const d = new Date(dateStr);
-    return `${d.getDate()}.${d.getMonth() + 1}.${d.getFullYear()}`;
+    if (isNaN(d.getTime())) return dateStr;
+    const day = String(d.getDate()).padStart(2, "0");
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    return `${day}-${month}-${d.getFullYear()}`;
   }
   function formatPrice17(price) {
     if (props.formatPrice) return props.formatPrice(price);