@propeller-commerce/propeller-v2-react-ui 0.24.0 → 0.25.0

package/dist/index.d.cts

@@ -3530,6 +3530,8 @@ interface CartOverviewProps {
         code: string;
         name: string;
     }[];
+    /** Maps a lowercased payment-method code to its display name. Falls back to the raw value. */
+    paymethodLabels?: Record<string, string>;
     /** Logged-in user — used for the purchase-authorization check. Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer | null;
     /** Active company ID — used for the purchase-authorization check. Resolved from PropellerProvider when omitted. */

package/dist/index.d.ts

@@ -3530,6 +3530,8 @@ interface CartOverviewProps {
         code: string;
         name: string;
     }[];
+    /** Maps a lowercased payment-method code to its display name. Falls back to the raw value. */
+    paymethodLabels?: Record<string, string>;
     /** Logged-in user — used for the purchase-authorization check. Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer | null;
     /** Active company ID — used for the purchase-authorization check. Resolved from PropellerProvider when omitted. */

package/dist/index.js

@@ -7334,6 +7334,8 @@ function CartItemDelete(props = {}) {
       className: props.className ?? "propeller-cart-item__delete h-8 w-8 p-0 ml-auto inline-flex items-center justify-center rounded-control text-foreground-subtle hover:text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
       onClick: () => handlers.onDelete(),
       disabled: state.deleting,
+      "aria-label": getLabel(resolved.labels, "deleteLabel", "Remove item"),
+      title: getLabel(resolved.labels, "deleteLabel", "Remove item"),
       children: [
         state.deleting ? /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-foreground-subtle border-t-transparent rounded-full animate-spin" }) : null,
         !state.deleting ? /* @__PURE__ */ jsxs(
@@ -7714,7 +7716,8 @@ function CartOverview(rawProps) {
   const invoiceAddress = props.cart?.invoiceAddress;
   const deliveryAddress = props.cart?.deliveryAddress;
   const getCountryName$1 = (code) => getCountryName(code, props.countries);
-  const paymentMethod = props.cart?.paymentData?.method || "";
+  const rawPaymentMethod = props.cart?.paymentData?.method || "";
+  const paymentMethod = rawPaymentMethod ? props.paymethodLabels?.[rawPaymentMethod.toLowerCase()] || rawPaymentMethod : "";
   const carrierName = props.cart?.postageData?.carrier || "";
   function requestDate() {
     const date = props.cart?.postageData?.requestDate;