@propeller-commerce/propeller-v2-react-ui 0.7.1 → 0.9.0

package/dist/pure.d.cts

@@ -152,12 +152,12 @@ declare const _default$1: React.MemoExoticComponent<typeof ProductJsonLd>;
 interface CategoryShortDescriptionProps {
     /**
      * Language code used to resolve the correct localised short description
-     * from `category.shortDescription`.
+     * from `category.shortDescriptions`.
      */
     language: string;
     /**
      * Propeller Category object.
-     * The component reads `category.shortDescription` (an array of LocalizedString)
+     * The component reads `category.shortDescriptions` (an array of LocalizedString)
      * and renders the matching language entry as HTML.
      */
     category?: Category;
@@ -496,6 +496,11 @@ interface ProductPriceProps {
      * Available keys: inclTax, exclTax, loginToSeePrices
      */
     labels?: Record<string, string>;
+    /**
+     * Show the "log in to see prices" prompt when the price is hidden.
+     * Defaults to true; pass false to render nothing in its place.
+     */
+    showLoginPrompt?: boolean;
     /** Tailwind text-size class for the leading price. Defaults to 'text-3xl'. */
     priceSize?: string;
     /** Extra CSS class applied to the root element. */

package/dist/pure.d.ts

@@ -152,12 +152,12 @@ declare const _default$1: React.MemoExoticComponent<typeof ProductJsonLd>;
 interface CategoryShortDescriptionProps {
     /**
      * Language code used to resolve the correct localised short description
-     * from `category.shortDescription`.
+     * from `category.shortDescriptions`.
      */
     language: string;
     /**
      * Propeller Category object.
-     * The component reads `category.shortDescription` (an array of LocalizedString)
+     * The component reads `category.shortDescriptions` (an array of LocalizedString)
      * and renders the matching language entry as HTML.
      */
     category?: Category;
@@ -496,6 +496,11 @@ interface ProductPriceProps {
      * Available keys: inclTax, exclTax, loginToSeePrices
      */
     labels?: Record<string, string>;
+    /**
+     * Show the "log in to see prices" prompt when the price is hidden.
+     * Defaults to true; pass false to render nothing in its place.
+     */
+    showLoginPrompt?: boolean;
     /** Tailwind text-size class for the leading price. Defaults to 'text-3xl'. */
     priceSize?: string;
     /** Extra CSS class applied to the root element. */

package/dist/pure.js

@@ -18,8 +18,8 @@ function Breadcrumbs(props) {
   }
   const displayItems = props.showCurrent === false && items.length > 0 ? items.slice(0, items.length - 1) : items;
   function getCategoryName(cat) {
-    const match = cat.name?.find((n) => n.language === lang);
-    return match?.value || cat.name?.[0]?.value || "";
+    const match = cat.names?.find((n) => n.language === lang);
+    return match?.value || cat.names?.[0]?.value || "";
   }
   function getCategoryUrl(cat, index) {
     if (props.getUrl) return props.getUrl(cat, index);
@@ -27,7 +27,7 @@ function Breadcrumbs(props) {
     if (urls && typeof urls.getCategoryUrl === "function") {
       return urls.getCategoryUrl(cat, props.language);
     }
-    const slug = cat.slug?.find((s) => s.language === lang)?.value || cat.slug?.[0]?.value || "";
+    const slug = cat.slugs?.find((s) => s.language === lang)?.value || cat.slugs?.[0]?.value || "";
     return `/category/${cat.categoryId}/${slug}`;
   }
   function isCurrentItem(index) {
@@ -138,7 +138,7 @@ function ProductJsonLd(props) {
 }
 var ProductJsonLd_default = React.memo(ProductJsonLd);
 function CategoryShortDescription(props) {
-  const match = props.category?.shortDescription?.find(
+  const match = props.category?.shortDescriptions?.find(
     (d) => d.language === props.language
   );
   const html = match?.value || "";
@@ -820,7 +820,7 @@ function ProductPriceDisplay(props) {
     return props.includeTax ? getLabel(props.labels, "exclTax", "excl. VAT") : getLabel(props.labels, "inclTax", "incl. VAT");
   }
   return /* @__PURE__ */ jsxs("div", { className: `propeller-product-price ${props.className || ""}`, "data-hidden": isHidden() ? "true" : "false", children: [
-    isHidden() ? /* @__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() && 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: [
       /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsx(