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

package/dist/pure.d.cts

@@ -528,9 +528,10 @@ interface ProductPriceProps {
     language?: string;
     /**
      * ProductPrice object from the product.
-     * Obtain from `product.price`.
+     * Obtain from `product.price`. Omitted only when `priceOnRequest` renders in
+     * its place.
      */
-    price: ProductPrice;
+    price?: ProductPrice;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
     /**
@@ -560,9 +561,16 @@ interface ProductPriceProps {
     options?: ClusterOption[];
     /** Active option product selections — pass Object.values(selectedOptionProducts). Price updates on every change. */
     selectedOptionProducts?: Product[];
+    /**
+     * Render the price-on-request label instead of an amount.
+     * Derive with `isPriceOnRequest(product)` — `price.gross`/`net` are still
+     * populated (usually 0) for these products, so an unguarded render shows a
+     * real-looking € 0,00.
+     */
+    priceOnRequest?: boolean;
     /**
      * Override any UI string.
-     * Available keys: inclTax, exclTax, loginToSeePrices
+     * Available keys: inclTax, exclTax, loginToSeePrices, priceOnRequest
      */
     labels?: Record<string, string>;
     /**

package/dist/pure.d.ts

@@ -528,9 +528,10 @@ interface ProductPriceProps {
     language?: string;
     /**
      * ProductPrice object from the product.
-     * Obtain from `product.price`.
+     * Obtain from `product.price`. Omitted only when `priceOnRequest` renders in
+     * its place.
      */
-    price: ProductPrice;
+    price?: ProductPrice;
     /** Currency symbol to display. Defaults to '€'. */
     currency?: string;
     /**
@@ -560,9 +561,16 @@ interface ProductPriceProps {
     options?: ClusterOption[];
     /** Active option product selections — pass Object.values(selectedOptionProducts). Price updates on every change. */
     selectedOptionProducts?: Product[];
+    /**
+     * Render the price-on-request label instead of an amount.
+     * Derive with `isPriceOnRequest(product)` — `price.gross`/`net` are still
+     * populated (usually 0) for these products, so an unguarded render shows a
+     * real-looking € 0,00.
+     */
+    priceOnRequest?: boolean;
     /**
      * Override any UI string.
-     * Available keys: inclTax, exclTax, loginToSeePrices
+     * Available keys: inclTax, exclTax, loginToSeePrices, priceOnRequest
      */
     labels?: Record<string, string>;
     /**

package/dist/pure.js

@@ -825,7 +825,8 @@ function ProductPriceDisplay(props) {
   }
   return /* @__PURE__ */ jsxs("div", { className: cn(`propeller-product-price ${props.className || ""}`), "data-hidden": isHidden() ? "true" : "false", children: [
     isHidden() && props.showLoginPrompt !== false ? /* @__PURE__ */ jsx("p", { className: "propeller-product-price__login-prompt text-sm text-muted-foreground italic", children: getLabel(props.labels, "loginToSeePrices", "Log in to see prices") }) : null,
-    !isHidden() && !!getLeadingPrice() ? /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
+    !isHidden() && props.priceOnRequest ? /* @__PURE__ */ jsx("p", { className: "propeller-product-price__on-request text-sm text-foreground", children: getLabel(props.labels, "priceOnRequest", "Price on request") }) : null,
+    !isHidden() && !props.priceOnRequest && !!getLeadingPrice() ? /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsx(
           "span",