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

package/CHANGELOG.md

@@ -8,6 +8,30 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.4.25] - 2026-07-20
+
+### Fixed
+
+- **Raw enums no longer leak to the UI.** `OrderList` + `OrderSummary` gained a
+  `statusLabels` prop (raw status → localized, e.g. `NEW`→"Nieuw"), and
+  `OrderSummary` a `paymethodLabels` prop (raw method → localized, mapping both
+  the order-path `REKENING` and quote-path `ACCOUNT` variants to one label).
+  Unknown keys fall back to the raw value.
+- `AddressCard`: new `showTypeBadge` prop (@default true) — set `false` to hide
+  the invoice/delivery chip where a heading already names the type.
+- **Concatenated sentences → placeholder interpolation** (fixes broken Dutch
+  word order + missing spaces):
+  - `FavoriteLists` delete confirm: full-sentence `deleteConfirm` with a
+    `{name}` placeholder (the verb was stranded before the object, no space
+    before the quote).
+  - `CartOverview` / `QuoteActions` terms consent: `termsConsent` with a `{link}`
+    placeholder (was "de<a>…", no space, English order).
+  - `LoginForm` account-header prompt: `noAccount` with a `{link}` placeholder
+    (was "account?Create an Account", no space).
+- **Pluralization**: `FavoriteLists` item count uses `itemSingular`/`itemPlural`
+  by count ("1 artikel" not "1 artikelen"); `GridToolbar` product count uses
+  `productSingular`/`productPlural` (+ a space).
+
 ## [0.4.24] - 2026-07-20
 
 ### Fixed

package/dist/index.cjs

@@ -3278,10 +3278,15 @@ function LoginForm(rawProps) {
         ] }) : null,
         props.accountHeaderLoginForm ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-login-form__footer flex flex-col gap-2 text-sm pt-3 text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(LoginFormForgotPasswordLink, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-login-form__register text-xs text-muted-foreground", children: [
-            propellerV2CoreUi.getLabel(props.labels, "noAccount", "Don't have an account?"),
-            /* @__PURE__ */ jsxRuntime.jsx(LoginFormRegisterLink, {})
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-login-form__register text-xs text-muted-foreground", children: (() => {
+            const tpl = propellerV2CoreUi.getLabel(props.labels, "noAccount", "Don't have an account? {link}");
+            const [before, after = ""] = tpl.split("{link}");
+            return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              before,
+              /* @__PURE__ */ jsxRuntime.jsx(LoginFormRegisterLink, {}),
+              after
+            ] });
+          })() })
         ] }) : null
       ]
     }
@@ -5450,7 +5455,8 @@ function AddressCard(rawProps) {
   ] });
 }
 function AddressCardTypeBadge(props) {
-  const { derived } = useAddressCardContext();
+  const { derived, resolved } = useAddressCardContext();
+  if (resolved.showTypeBadge === false) return null;
   if (!derived.addressType) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -7149,18 +7155,23 @@ function CartOverview(props) {
             onChange: (event) => setTermsAccepted(event.target.checked)
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: "cart-overview-terms", className: "text-sm leading-none", children: [
-          propellerV2CoreUi.getLabel(props.labels, "termsPrefix", "I agree to the"),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: "#",
-              className: "text-primary hover:underline font-medium",
-              onClick: handleTermsLinkClick,
-              children: propellerV2CoreUi.getLabel(props.labels, "termsLink", "Terms and Conditions")
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "cart-overview-terms", className: "text-sm leading-none", children: (() => {
+          const tpl = propellerV2CoreUi.getLabel(props.labels, "termsConsent", "I agree to the {link}");
+          const [before, after = ""] = tpl.split("{link}");
+          return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            before,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: "#",
+                className: "text-primary hover:underline font-medium",
+                onClick: handleTermsLinkClick,
+                children: propellerV2CoreUi.getLabel(props.labels, "termsLink", "Terms and Conditions")
+              }
+            ),
+            after
+          ] });
+        })() })
       ] }) : null,
       showPurchaseButton ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -9925,7 +9936,7 @@ function FavoriteLists(rawProps) {
                     ),
                     getTotalCount(list),
                     "\xA0",
-                    propellerV2CoreUi.getLabel(props.labels, "items", "items")
+                    getTotalCount(list) === 1 ? propellerV2CoreUi.getLabel(props.labels, "itemSingular", "item") : propellerV2CoreUi.getLabel(props.labels, "itemPlural", "items")
                   ] }) : null
                 ] })
               ] }) : null
@@ -10109,15 +10120,15 @@ function FavoriteLists(rawProps) {
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-favorite-lists__delete-prompt", children: [
-          propellerV2CoreUi.getLabel(props.labels, "deleteConfirm", "Are you sure you want to delete"),
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-            '"',
-            listToDelete?.name,
-            '"'
-          ] }),
-          "?"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-favorite-lists__delete-prompt", children: (() => {
+          const tpl = propellerV2CoreUi.getLabel(props.labels, "deleteConfirm", 'Are you sure you want to delete "{name}"?');
+          const [before, after = ""] = tpl.split("{name}");
+          return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            before,
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: listToDelete?.name }),
+            after
+          ] });
+        })() }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-favorite-lists__delete-warning text-sm text-destructive", children: propellerV2CoreUi.getLabel(props.labels, "deleteWarning", "This action cannot be undone.") })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-3 pt-6", children: [
@@ -10701,6 +10712,8 @@ var DEFAULT_LABELS2 = {
   [propellerSdkV2.SortOrder.DESC]: "High to Low",
   clearAll: "Clear All",
   products: " Products",
+  productSingular: "Product",
+  productPlural: "Products",
   from: "from",
   results: "results",
   perPage: " per page",
@@ -10794,7 +10807,8 @@ function GridToolbar(rawProps) {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-toolbar__bar flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-grid-toolbar__count text-sm text-muted-foreground font-medium", children: props.itemsFound > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             props.itemsFound,
-            getLabel53("products")
+            "\xA0",
+            props.itemsFound === 1 ? getLabel53("productSingular") : getLabel53("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -11870,6 +11884,9 @@ function OrderList(rawProps) {
         return "bg-warning/10 text-warning";
     }
   }
+  function statusLabel(status) {
+    return props.statusLabels?.[status] || status;
+  }
   function getColumnLabel(col) {
     if (props.columnConfig && props.columnConfig[col]) {
       return props.columnConfig[col];
@@ -12190,7 +12207,7 @@ function OrderList(rawProps) {
                     {
                       className: `propeller-order-list__status px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${getStatusColor(order.status)}`,
                       "data-status": order.status,
-                      children: order.status
+                      children: statusLabel(order.status)
                     }
                   ) : null,
                   col === "total" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formatPrice17(order.total?.net) }) : null,
@@ -12492,11 +12509,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;
@@ -16184,18 +16203,23 @@ function QuoteActions(rawProps) {
           onChange: (event) => handleTermsChange(event.target.checked)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: "quote-actions-terms", className: "text-sm leading-none", children: [
-        propellerV2CoreUi.getLabel(props.labels, "termsPrefix", "I agree to the"),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: "#",
-            className: "text-primary hover:underline font-medium",
-            onClick: (event) => handleTermsLinkClick(event),
-            children: propellerV2CoreUi.getLabel(props.labels, "termsLink", "Terms and Conditions")
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "quote-actions-terms", className: "text-sm leading-none", children: (() => {
+        const tpl = propellerV2CoreUi.getLabel(props.labels, "termsConsent", "I agree to the {link}");
+        const [before, after = ""] = tpl.split("{link}");
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          before,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: "#",
+              className: "text-primary hover:underline font-medium",
+              onClick: (event) => handleTermsLinkClick(event),
+              children: propellerV2CoreUi.getLabel(props.labels, "termsLink", "Terms and Conditions")
+            }
+          ),
+          after
+        ] });
+      })() })
     ] }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",