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

package/CHANGELOG.md

@@ -8,6 +8,52 @@ 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.9.0] - 2026-07-29
+
+### Changed
+
+- **Align with `@propeller-commerce/propeller-sdk-v2` 0.14.0**, which removed the
+  entire deprecated schema surface. Category reads move to the plural localized
+  arrays — `Breadcrumbs` (`category.names` / `slugs`), `CategoryDescription`
+  (`descriptions`), `CategoryShortDescription` (`shortDescriptions`) — and the
+  hand-written menu query in `useMenu` now selects `names(language:)` /
+  `slugs(language:)`. `useClusterConfigurator` / `useProductInfo` read
+  `ClusterConfigSetting.attributeName` and `uuid` (were `name` / `id`); the
+  public `ConfiguredSetting.id` is now a `string`. Bumped the SDK dev dependency
+  to `^0.14.0` and `propeller-v2-core-ui` to `^0.4.0`; the runtime peer stays `*`.
+
+## [0.8.0] - 2026-07-28
+
+### Added
+
+- **`<LoginToOrderButton>`** — a log-in call to action rendered in place of
+  add-to-cart for anonymous visitors of a semi-closed portal. Takes an
+  `onLoginClick` callback (the host owns navigation, mirroring
+  `RegisterForm.onLoginClick`) and a `loginToOrder` label. `ProductCard`,
+  `ProductInfo` and `ProductGrid` accept `onLoginClick` and forward it.
+- **`showLoginPrompt` on `<ProductPrice>` and `<ProductBundles>`** — set
+  `false` to render nothing where the "log in to see prices" text would go.
+  Defaults to `true`, so existing behaviour is unchanged.
+- **`portalMode` on `<ProductCard>`, `<ClusterCard>` and `<ClusterOptions>`** —
+  resolved from `<PropellerProvider>` like the other Tier 1 infra props; an
+  explicit prop still wins.
+
+### Fixed
+
+- **Semi-closed portals leaked price and stock in listings.** `ProductCard`
+  never received `portalMode`, so the price it renders through `<ProductPrice>`
+  and its stock row stayed visible to anonymous visitors even though the toolbar
+  and price filter were correctly gated. `ClusterCard` had the same gap, and
+  `ClusterOptions` printed option prices in its dropdown labels and selection
+  preview. All now gate on the shared `isContentHidden(portalMode, user)`.
+- **`ProductGrid` hid add-to-cart from signed-in users of a semi-closed
+  portal.** `showAddToCart()` tested `portalMode === 'open'` rather than
+  `isContentHidden`, so authenticated shoppers lost the control along with
+  anonymous ones. Signed-in users keep add-to-cart.
+- **The CTA slot collapsed when content was hidden.** `ProductCard` gated the
+  slot on `allowAddToCart`, which `ProductGrid` passes as `false` in that case —
+  leaving no room for the log-in action. The slot now renders either control.
+
 ## [0.7.1] - 2026-07-28
 
 ### Fixed

package/dist/index.cjs

@@ -5,6 +5,7 @@ var propellerV2CoreUi = require('@propeller-commerce/propeller-v2-core-ui');
 var React6 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var propellerSdkV2 = require('@propeller-commerce/propeller-sdk-v2');
+var lucideReact = require('lucide-react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -1126,7 +1127,7 @@ function useClusterConfigurator(options) {
     const previousSelections = {};
     for (let i = 0; i < settingIndex; i++) {
       const prev = sortedSettings[i];
-      if (selections[prev.name]) previousSelections[prev.name] = selections[prev.name];
+      if (selections[prev.attributeName]) previousSelections[prev.attributeName] = selections[prev.attributeName];
     }
     const matching = propellerV2CoreUi.filterProductsBySelections(products, previousSelections);
     return propellerV2CoreUi.collectAttributeValues(matching, attributeName);
@@ -1135,43 +1136,43 @@ function useClusterConfigurator(options) {
     const sortedSettings = getSortedSettings();
     const sel = selectedAttributes;
     return sortedSettings.map((setting, index) => {
-      const availableValues = getAvailableValuesForIndexWithSelections(setting.name, index, sel);
-      const selectedValue = sel[setting.name] || "";
-      const isPreviousMissing = index > 0 && sortedSettings.slice(0, index).some((prev) => !sel[prev.name]);
+      const availableValues = getAvailableValuesForIndexWithSelections(setting.attributeName, index, sel);
+      const selectedValue = sel[setting.attributeName] || "";
+      const isPreviousMissing = index > 0 && sortedSettings.slice(0, index).some((prev) => !sel[prev.attributeName]);
       const isDisabled = availableValues.length === 0 || isPreviousMissing;
-      let displayName = setting.name;
+      let displayName = setting.attributeName;
       let attributeType;
       for (const product of products) {
         const items = product.attributes?.items;
         if (!items) continue;
-        const match = items.find((a) => propellerV2CoreUi.attributeNameMatches(a, setting.name));
+        const match = items.find((a) => propellerV2CoreUi.attributeNameMatches(a, setting.attributeName));
         if (!match) continue;
-        displayName = propellerV2CoreUi.getAttributeDisplayName(match, language) || setting.name;
+        displayName = propellerV2CoreUi.getAttributeDisplayName(match, language) || setting.attributeName;
         attributeType = match.attributeDescription?.type ?? void 0;
         break;
       }
-      return { id: setting.id, name: setting.name, displayType: setting.displayType, attributeType, priority: setting.priority, displayName, availableValues, selectedValue, disabled: isDisabled };
+      return { id: setting.uuid, name: setting.attributeName, displayType: setting.displayType, attributeType, priority: setting.priority, displayName, availableValues, selectedValue, disabled: isDisabled };
     });
   }, [products, config, selectedAttributes, language]);
   const handleAttributeSelect = React6.useCallback(
     (settingName, value) => {
       const sortedSettings = getSortedSettings();
-      const changedIndex = sortedSettings.findIndex((s) => s.name === settingName);
+      const changedIndex = sortedSettings.findIndex((s) => s.attributeName === settingName);
       if (changedIndex < 0) return;
       const newSelections = { ...selectedAttributes };
       newSelections[settingName] = value;
-      for (let i = changedIndex + 1; i < sortedSettings.length; i++) delete newSelections[sortedSettings[i].name];
+      for (let i = changedIndex + 1; i < sortedSettings.length; i++) delete newSelections[sortedSettings[i].attributeName];
       for (let i = changedIndex + 1; i < sortedSettings.length; i++) {
         const next = sortedSettings[i];
-        const available = getAvailableValuesForIndexWithSelections(next.name, i, newSelections);
+        const available = getAvailableValuesForIndexWithSelections(next.attributeName, i, newSelections);
         if (available.length > 0) {
-          newSelections[next.name] = available[0];
+          newSelections[next.attributeName] = available[0];
         } else {
           break;
         }
       }
       setSelectedAttributes(newSelections);
-      const allSelected = sortedSettings.every((s) => !!newSelections[s.name]);
+      const allSelected = sortedSettings.every((s) => !!newSelections[s.attributeName]);
       if (allSelected) {
         const matching = propellerV2CoreUi.filterProductsBySelections(products, newSelections);
         if (matching.length > 0 && onConfigurationChange) onConfigurationChange(matching[0]);
@@ -1187,15 +1188,15 @@ function useClusterConfigurator(options) {
       if (!attrItems) return;
       const initial = {};
       for (const setting of sortedSettings) {
-        const match = attrItems.find((a) => propellerV2CoreUi.attributeNameMatches(a, setting.name));
+        const match = attrItems.find((a) => propellerV2CoreUi.attributeNameMatches(a, setting.attributeName));
         if (match) {
           const values = propellerV2CoreUi.extractAttributeValues(match);
-          if (values.length) initial[setting.name] = values[0];
+          if (values.length) initial[setting.attributeName] = values[0];
         }
       }
       if (!Object.keys(initial).length) return;
       setSelectedAttributes(initial);
-      const allSelected = sortedSettings.every((s) => !!initial[s.name]);
+      const allSelected = sortedSettings.every((s) => !!initial[s.attributeName]);
       if (allSelected && onConfigurationChange) {
         const matching = propellerV2CoreUi.filterProductsBySelections(products, initial);
         if (matching.length > 0) onConfigurationChange(matching[0]);
@@ -1531,15 +1532,15 @@ function buildCategoriesQuery(depth) {
     categories {
       categoryId
       hidden
-      name(language: $language) { value language }
-      slug(language: $language) { value }
+      names(language: $language) { value language }
+      slugs(language: $language) { value }
       ${buildCategoriesQuery(depth - 1)}
     }
   `;
 }
 function mapCategory(raw, language) {
-  const nameEntry = raw.name?.find((n) => n.language === language) ?? raw.name?.[0];
-  const slugEntry = raw.slug?.[0];
+  const nameEntry = raw.names?.find((n) => n.language === language) ?? raw.names?.[0];
+  const slugEntry = raw.slugs?.[0];
   return {
     categoryId: raw.categoryId,
     name: nameEntry?.value ?? "",
@@ -1619,8 +1620,8 @@ function useMenu(options) {
           category(categoryId: $categoryId) {
             categoryId
             hidden
-            name(language: $language) { value language }
-            slug(language: $language) { value }
+            names(language: $language) { value language }
+            slugs(language: $language) { value }
             ${buildCategoriesQuery(depth)}
           }
         }
@@ -2079,7 +2080,7 @@ function useProductInfo(options) {
       const service = propellerV2CoreUi.createServices(graphqlClient).cluster;
       const clusterConfig = await service.getClusterConfig(clusterId);
       const attributeNames = (clusterConfig?.config?.settings ?? []).map(
-        (setting) => setting.name
+        (setting) => setting.attributeName
       );
       const variables = {
         clusterId,
@@ -6174,8 +6175,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);
@@ -6183,7 +6184,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) {
@@ -7873,7 +7874,7 @@ function CartSummary(rawProps) {
 var CartSummary_default = CartSummary;
 function CategoryDescription(props) {
   const [expanded, setExpanded] = React6.useState(false);
-  const match = props.category?.description?.find(
+  const match = props.category?.descriptions?.find(
     (d) => d.language === props.language
   );
   const html = match?.value || "";
@@ -7914,7 +7915,7 @@ function CategoryDescription(props) {
 }
 var CategoryDescription_default = CategoryDescription;
 function CategoryShortDescription(props) {
-  const match = props.category?.shortDescription?.find(
+  const match = props.category?.shortDescriptions?.find(
     (d) => d.language === props.language
   );
   const html = match?.value || "";
@@ -7958,6 +7959,8 @@ var RESOLVE_SPEC = {
   includeTax: { infra: "includeTax" },
   language: { infra: "language", default: "NL" },
   currency: { infra: "currency", default: "\u20AC" },
+  user: { infra: "user", default: null },
+  portalMode: { infra: "portalMode" },
   columns: { grid: "columns", default: 3 },
   showPrice: { grid: "showPrice" },
   showStock: { grid: "showStock" },
@@ -8001,9 +8004,10 @@ function ClusterCard(rawProps) {
   const textLabelValues = resolveAttributeValues(cluster, props.textLabels).map((value) => ({
     value
   }));
-  const defaultProductInventory = cluster?.defaultProduct?.inventory;
+  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  const defaultProductInventory = contentHidden ? void 0 : cluster?.defaultProduct?.inventory;
   const useTax = props.includeTax !== void 0 ? !!props.includeTax : false;
-  const priceObj = cluster?.defaultProduct?.price;
+  const priceObj = contentHidden ? void 0 : cluster?.defaultProduct?.price;
   const priceValue = useTax ? priceObj?.net : priceObj?.gross;
   const clusterPrice = props.showPrice === false ? "" : propellerV2CoreUi.formatPrice(priceValue, { symbol: props.currency ?? "\u20AC" });
   function handleClusterClick(e) {
@@ -8408,6 +8412,23 @@ function MachineCard(props) {
     }
   );
 }
+function LoginToOrderButton(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: `propeller-login-to-order inline-flex items-center justify-center gap-2 h-10 px-4 w-full rounded-control bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity ${props.className || ""}`,
+      onClick: () => {
+        if (props.onLoginClick) props.onLoginClick();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "propeller-login-to-order__icon w-4 h-4", "aria-hidden": "true" }),
+        propellerV2CoreUi.getLabel(props.labels, "loginToOrder", "Log in to order")
+      ]
+    }
+  );
+}
+var LoginToOrderButton_default = LoginToOrderButton;
 function ProductPriceDisplay(props) {
   function isHidden2() {
     return propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
@@ -8458,7 +8479,7 @@ function ProductPriceDisplay(props) {
     return props.includeTax ? propellerV2CoreUi.getLabel(props.labels, "exclTax", "excl. VAT") : propellerV2CoreUi.getLabel(props.labels, "inclTax", "incl. VAT");
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-price ${props.className || ""}`, "data-hidden": isHidden2() ? "true" : "false", children: [
-    isHidden2() ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-price__login-prompt text-sm text-muted-foreground italic", children: propellerV2CoreUi.getLabel(props.labels, "loginToSeePrices", "Log in to see prices") }) : null,
+    isHidden2() && props.showLoginPrompt !== false ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-price__login-prompt text-sm text-muted-foreground italic", children: propellerV2CoreUi.getLabel(props.labels, "loginToSeePrices", "Log in to see prices") }) : null,
     !isHidden2() && !!getLeadingPrice() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -8501,6 +8522,7 @@ var RESOLVE_SPEC2 = {
   companyId: { infra: "companyId" },
   language: { infra: "language", default: "NL" },
   includeTax: { infra: "includeTax" },
+  portalMode: { infra: "portalMode" },
   configuration: { infra: "configuration" },
   columns: { grid: "columns", default: 3 },
   showPrice: { grid: "showPrice" },
@@ -8522,6 +8544,7 @@ var RESOLVE_SPEC2 = {
   onCartCreated: { grid: "onCartCreated" },
   afterAddToCart: { grid: "afterAddToCart" },
   onProceedToCheckout: { grid: "onProceedToCheckout" },
+  onLoginClick: { grid: "onLoginClick" },
   onRequestQuoteClick: { grid: "onRequestQuoteClick" },
   onProductClick: { grid: "onProductClick" },
   onToggleFavorite: {
@@ -8553,6 +8576,9 @@ function ProductCardRoot(rawProps) {
   const language = props.language || "NL";
   const product = props.product;
   const isRow = props.columns === 1;
+  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  const showStock = !!props.showStock && !contentHidden;
+  const showCta = props.allowAddToCart !== false || contentHidden;
   const name = getProductName(product, language);
   const sku = propellerV2CoreUi.getProductSku(product);
   const imageUrl = propellerV2CoreUi.getProductImageUrl(product);
@@ -8623,10 +8649,10 @@ function ProductCardRoot(rawProps) {
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents", children: [
-              props.showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) : null,
+              showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) : null,
               props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardPrice, { priceSize: "text-sm" }) : null
             ] }),
-            props.allowAddToCart !== false ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardAddToCart, {}) }) : null
+            showCta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardAddToCart, {}) }) : null
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4", children: [
@@ -8634,16 +8660,16 @@ function ProductCardRoot(rawProps) {
             props.showName !== false ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardName, { linkable: true }) : null,
             /* @__PURE__ */ jsxRuntime.jsx(ProductCardBelowName, {}),
             textLabelValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardTextLabels, {}) : null,
-            props.showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) }) : null,
+            showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) }) : null,
             props.showManufacturer && manufacturer ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardManufacturer, {}) : null,
             props.showShortDescription && shortDescription ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardShortDescription, {}) : null,
             props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-card__price mt-auto pt-1 hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardPrice, { priceSize: "text-base sm:text-lg" }) }) : null
           ] }),
-          props.showStock && !!product.inventory || props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-card__footer-meta flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-3 pt-1 sm:px-4 md:hidden", children: [
-            props.showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) : null,
+          showStock && !!product.inventory || props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-card__footer-meta flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-3 pt-1 sm:px-4 md:hidden", children: [
+            showStock && !!product.inventory ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardStock, {}) : null,
             props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardPrice, { priceSize: "text-base", className: "propeller-product-card__price min-w-0 text-right" }) : null
           ] }) : null,
-          props.allowAddToCart !== false ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardAddToCart, {}) }) : null
+          showCta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardAddToCart, {}) }) : null
         ] })
       ]
     }
@@ -8842,12 +8868,25 @@ function ProductCardPrice(props) {
       price: product.price,
       includeTax: derived.useTax,
       priceSize: props.priceSize ?? "text-base sm:text-lg",
-      labels: resolved.priceLabels
+      labels: resolved.priceLabels,
+      portalMode: resolved.portalMode,
+      user: resolved.user,
+      showLoginPrompt: false
     }
   ) });
 }
 function ProductCardAddToCart(props) {
   const { product, resolved } = useProductCard();
+  if (propellerV2CoreUi.isContentHidden(resolved.portalMode, resolved.user)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      LoginToOrderButton_default,
+      {
+        className: props.className,
+        labels: resolved.addToCartLabels,
+        onLoginClick: resolved.onLoginClick
+      }
+    );
+  }
   const InjectedAddToCart = resolved.addToCartComponent;
   if (InjectedAddToCart) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8980,9 +9019,8 @@ function ProductGrid(rawProps) {
     return !!props.isLoading || isLoading;
   }
   function showAddToCart() {
-    const mode = props.portalMode || "open";
     const allow = props.allowAddToCart !== false;
-    return mode === "open" && allow;
+    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user) && allow;
   }
   function getSkeletonItems() {
     const cols = props.columns || 3;
@@ -9009,6 +9047,7 @@ function ProductGrid(rawProps) {
     onCartCreated: props.onCartCreated,
     afterAddToCart: props.afterAddToCart,
     onProceedToCheckout: props.onProceedToCheckout,
+    onLoginClick: props.onLoginClick,
     onRequestQuoteClick: props.onRequestQuoteClick,
     onToggleFavorite: (item, isFav) => props.onToggleFavorite?.(item, isFav),
     onProductClick: (p) => props.onProductClick?.(p),
@@ -9657,7 +9696,7 @@ function GridToolbar(rawProps) {
   const [currentSortOrder, setCurrentSortOrder] = React6.useState(propellerSdkV2.SortOrder.DESC);
   const [currentOffset, setCurrentOffset] = React6.useState(12);
   const [currentViewMode, setCurrentViewMode] = React6.useState("grid");
-  function getLabel55(key) {
+  function getLabel56(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS[key] || key;
   }
@@ -9736,7 +9775,7 @@ function GridToolbar(rawProps) {
           /* @__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,
             "\xA0",
-            props.itemsFound === 1 ? getLabel55("productSingular") : getLabel55("productPlural")
+            props.itemsFound === 1 ? getLabel56("productSingular") : getLabel56("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -9747,7 +9786,7 @@ function GridToolbar(rawProps) {
                 onChange: (e) => handleOffsetChange(parseInt(e.target.value)),
                 children: getOffsetOptions()?.map((n) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: n, children: [
                   n,
-                  getLabel55("perPage")
+                  getLabel56("perPage")
                 ] }, n))
               }
             ),
@@ -9763,7 +9802,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel55(field)
+                    children: getLabel56(field)
                   },
                   field
                 ))
@@ -9776,8 +9815,8 @@ function GridToolbar(rawProps) {
                 value: currentSortOrder,
                 onChange: (e) => handleSortOrderChange(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.ASC, children: getLabel55("ASC") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.DESC, children: getLabel55("DESC") })
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.ASC, children: getLabel56("ASC") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.DESC, children: getLabel56("DESC") })
                 ]
               }
             ),
@@ -9787,7 +9826,7 @@ function GridToolbar(rawProps) {
                 type: "button",
                 className: "propeller-grid-toolbar__view-toggle h-9 w-9 flex items-center justify-center rounded-control border border-input bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors",
                 onClick: (event) => handleViewChange(),
-                title: currentViewMode === "grid" ? getLabel55("switchToList") : getLabel55("switchToGrid"),
+                title: currentViewMode === "grid" ? getLabel56("switchToList") : getLabel56("switchToGrid"),
                 children: [
                   currentViewMode === "grid" ? /* @__PURE__ */ jsxRuntime.jsxs(
                     "svg",
@@ -9845,7 +9884,7 @@ function GridToolbar(rawProps) {
               onClick: (event) => {
                 if (props.onClearFilters) props.onClearFilters();
               },
-              children: getLabel55("clearAll")
+              children: getLabel56("clearAll")
             }
           ),
           props.priceFilterMin !== void 0 || props.priceFilterMax !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9856,7 +9895,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel55("price"),
+                getLabel56("price"),
                 ": \u20AC",
                 props.priceFilterMin ?? 0,
                 " \u2013 \u20AC",
@@ -9893,7 +9932,7 @@ var DEFAULT_LABELS2 = {
   of: "of"
 };
 function GridPagination(props) {
-  function getLabel55(key) {
+  function getLabel56(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS2[key] || key;
   }
@@ -9966,15 +10005,15 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-control border border-input bg-card px-4 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === 1,
               onClick: () => handlePageChange(currentPage - 1),
-              children: getLabel55("previous")
+              children: getLabel56("previous")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-grid-pagination__info px-2 text-sm font-medium text-muted-foreground", children: [
-            getLabel55("page"),
+            getLabel56("page"),
             "\xA0",
             currentPage,
             "\xA0",
-            getLabel55("of"),
+            getLabel56("of"),
             "\xA0",
             totalPages
           ] }),
@@ -9985,7 +10024,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--next inline-flex items-center rounded-control border border-input bg-card px-4 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === totalPages,
               onClick: () => handlePageChange(currentPage + 1),
-              children: getLabel55("next")
+              children: getLabel56("next")
             }
           )
         ] }) : null,
@@ -9997,7 +10036,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-control border border-input bg-card px-3 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === 1,
               onClick: () => handlePageChange(currentPage - 1),
-              children: getLabel55("previous")
+              children: getLabel56("previous")
             }
           ),
           getFullPages().map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -10024,7 +10063,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--next inline-flex items-center rounded-control border border-input bg-card px-3 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === totalPages,
               onClick: () => handlePageChange(currentPage + 1),
-              children: getLabel55("next")
+              children: getLabel56("next")
             }
           )
         ] }) : null
@@ -10516,13 +10555,14 @@ function ClusterOptions(props) {
   function getOptionsForRender() {
     const options = props.options || [];
     const sel = selectedProductIds;
+    const hidePrices = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
     return options.filter((option) => option.hidden !== propellerSdkV2.YesNo.Y).map((option) => {
       const idStr = option.id.toString();
       const selectedProductId = sel[idStr] || "";
       const products = (option.products || []).map((p) => ({
         productId: p.productId,
         productIdStr: p.productId.toString(),
-        label: `${getProductName2(p)} \u2014 ${formatPrice9(p.price?.gross || 0, props.currency ?? "\u20AC")}`
+        label: hidePrices ? getProductName2(p) : `${getProductName2(p)} \u2014 ${formatPrice9(p.price?.gross || 0, props.currency ?? "\u20AC")}`
       }));
       let previewImageUrl = "";
       let previewName = "";
@@ -10534,7 +10574,7 @@ function ClusterOptions(props) {
         if (selectedProduct) {
           previewImageUrl = getProductImageUrl4(selectedProduct);
           previewName = getProductName2(selectedProduct);
-          previewPrice = formatPrice9(selectedProduct.price?.gross || 0, props.currency ?? "\u20AC");
+          previewPrice = hidePrices ? "" : formatPrice9(selectedProduct.price?.gross || 0, props.currency ?? "\u20AC");
         }
       }
       const isRequired = option.isRequired === propellerSdkV2.YesNo.Y;
@@ -12768,7 +12808,7 @@ function Menu(rawProps) {
     const lang = props.language || "NL";
     const category = {
       categoryId: cat.categoryId,
-      slug: [{ value: cat.slug, language: lang }]
+      slugs: [{ value: cat.slug, language: lang }]
     };
     if (props.getUrl) return props.getUrl(category);
     return props.configuration.urls.getCategoryUrl(category, lang);
@@ -12782,8 +12822,8 @@ function Menu(rawProps) {
       const lang = props.language || "NL";
       props.onMenuItemClick({
         categoryId: cat.categoryId,
-        name: [{ value: cat.name, language: lang }],
-        slug: [{ value: cat.slug, language: lang }]
+        names: [{ value: cat.name, language: lang }],
+        slugs: [{ value: cat.slug, language: lang }]
       });
     }
   }
@@ -15006,11 +15046,11 @@ function ProductBundles(rawProps) {
                     children: addingBundleId === bundle.id ? propellerV2CoreUi.getLabel(props.labels, "adding", "Adding...") : propellerV2CoreUi.getLabel(props.labels, "addToCart", "In cart")
                   }
                 )
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2", children: propellerV2CoreUi.getLabel(
+              ] }) : props.showLoginPrompt !== false ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2", children: propellerV2CoreUi.getLabel(
                 props.labels,
                 "loginToSeePrices",
                 "Log in to see prices and add to cart"
-              ) })
+              ) }) : null
             ] })
           ] })
         },
@@ -15793,6 +15833,7 @@ function ProductInfoPrice(props = {}) {
 function ProductInfoStock(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
   if (!product.inventory) return null;
+  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user)) return null;
   const Injected = resolved.stockComponent;
   if (Injected) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15819,6 +15860,16 @@ function ProductInfoStock(props = {}) {
 }
 function ProductInfoAddToCart(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
+  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      LoginToOrderButton_default,
+      {
+        className: props.className,
+        labels: derived.labels,
+        onLoginClick: resolved.onLoginClick
+      }
+    );
+  }
   const Injected = resolved.addToCartComponent;
   if (Injected) {
     return /* @__PURE__ */ jsxRuntime.jsx(Injected, { product, labels: derived.labels, className: props.className });
@@ -18696,6 +18747,7 @@ exports.GridToolbar = GridToolbar_default;
 exports.ItemStock = ItemStock_default;
 exports.ItemsOverview = ItemsOverview_default;
 exports.LoginForm = LoginForm_default;
+exports.LoginToOrderButton = LoginToOrderButton_default;
 exports.MachineCard = MachineCard;
 exports.MachineGrid = MachineGrid;
 exports.Menu = Menu_default;