@propeller-commerce/propeller-v2-react-ui 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -8,6 +8,62 @@ 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.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
+
+- **`cartUpdateAddress` rejected a blank email** — optional address fields were
+  sent as empty strings when left blank, and the API validates optional fields
+  whenever they are present, so a blank email failed with
+  `email must be an email` (400). This blocked the address step for a delivery
+  address, where the email legitimately lives on the contact / customer record
+  rather than the address. Optional fields are now omitted when blank, matching
+  how `useAddress` already built its payloads. Affects every optional field
+  (`email`, `phone`, `mobile`, `company`, `notes`, …), not just email.
+- **`<AddressCard>` required an email on every address** — the edit and create
+  forms hardcoded `required` plus a `*` on the email input, contradicting the
+  field being optional on the address itself. Email is now optional in both
+  forms.
+- **`<AddressCard>` accepted undeliverable emails** — `type="email"` alone
+  permits dotless domains such as `aa@gg` (valid per the HTML5 spec for
+  intranet hosts, but rejected by the API). Both email inputs now carry a
+  pattern requiring a dotted top-level domain, so invalid input is caught in
+  the form instead of surfacing as a failed mutation. Subdomains
+  (`user@sub.co.uk`) and tagged addresses (`user+tag@example.com`) remain
+  valid.
+
 ## [0.7.0] - 2026-07-27
 
 ### Added

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;
@@ -888,6 +889,25 @@ function useCart(options) {
   }, [graphqlClient, language, configuration, user]);
   return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
+function buildAddressInput(type, addr) {
+  return {
+    type,
+    firstName: addr.firstName || "",
+    lastName: addr.lastName || "",
+    street: addr.street || "",
+    postalCode: addr.postalCode || "",
+    city: addr.city || "",
+    ...addr.company && { company: addr.company },
+    ...addr.gender && { gender: addr.gender },
+    ...addr.middleName && { middleName: addr.middleName },
+    ...addr.number && { number: addr.number },
+    ...addr.numberExtension && { numberExtension: addr.numberExtension },
+    ...addr.country && { country: addr.country },
+    ...addr.email && { email: addr.email },
+    ...addr.mobile && { mobile: addr.mobile },
+    ...addr.phone && { phone: addr.phone }
+  };
+}
 function useCheckout(options) {
   const { graphqlClient, user, companyId } = options;
   const language = options.language ?? "NL";
@@ -928,26 +948,9 @@ function useCheckout(options) {
       if (!hasInvoice) {
         const defaultInvoice = getUserDefaultAddress("invoice");
         if (defaultInvoice) {
-          const input = {
-            type: propellerSdkV2.CartAddressType.INVOICE,
-            firstName: defaultInvoice.firstName || "",
-            lastName: defaultInvoice.lastName || "",
-            street: defaultInvoice.street || "",
-            postalCode: defaultInvoice.postalCode || "",
-            city: defaultInvoice.city || "",
-            company: defaultInvoice.company,
-            gender: defaultInvoice.gender,
-            middleName: defaultInvoice.middleName,
-            number: defaultInvoice.number,
-            numberExtension: defaultInvoice.numberExtension,
-            country: defaultInvoice.country,
-            email: defaultInvoice.email,
-            mobile: defaultInvoice.mobile,
-            phone: defaultInvoice.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(propellerSdkV2.CartAddressType.INVOICE, defaultInvoice),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -957,26 +960,9 @@ function useCheckout(options) {
       if (!hasDelivery) {
         const defaultDelivery = getUserDefaultAddress("delivery");
         if (defaultDelivery) {
-          const input = {
-            type: propellerSdkV2.CartAddressType.DELIVERY,
-            firstName: defaultDelivery.firstName || "",
-            lastName: defaultDelivery.lastName || "",
-            street: defaultDelivery.street || "",
-            postalCode: defaultDelivery.postalCode || "",
-            city: defaultDelivery.city || "",
-            company: defaultDelivery.company,
-            gender: defaultDelivery.gender,
-            middleName: defaultDelivery.middleName,
-            number: defaultDelivery.number,
-            numberExtension: defaultDelivery.numberExtension,
-            country: defaultDelivery.country,
-            email: defaultDelivery.email,
-            mobile: defaultDelivery.mobile,
-            phone: defaultDelivery.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(propellerSdkV2.CartAddressType.DELIVERY, defaultDelivery),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -5065,6 +5051,7 @@ function AddToFavorite(rawProps) {
   ] }) }) : null });
 }
 var AddToFavorite_default = AddToFavorite;
+var EMAIL_PATTERN = "[^@\\s]+@[^@\\s.]+(?:\\.[^@\\s.]+)*\\.[A-Za-z]{2,}";
 var AddressCardContext = React6__namespace.createContext(null);
 function useAddressCardContext() {
   const ctx = React6__namespace.useContext(AddressCardContext);
@@ -5510,10 +5497,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              propellerV2CoreUi.getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium mb-1", children: propellerV2CoreUi.getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -5523,7 +5507,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -5803,10 +5787,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              propellerV2CoreUi.getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium mb-1", children: propellerV2CoreUi.getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -5816,7 +5797,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -7978,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" },
@@ -8021,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) {
@@ -8428,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);
@@ -8478,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(
@@ -8521,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" },
@@ -8542,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: {
@@ -8573,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);
@@ -8643,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: [
@@ -8654,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
         ] })
       ]
     }
@@ -8862,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(
@@ -9000,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;
@@ -9029,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),
@@ -9677,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;
   }
@@ -9756,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(
@@ -9767,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))
               }
             ),
@@ -9783,7 +9802,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel55(field)
+                    children: getLabel56(field)
                   },
                   field
                 ))
@@ -9796,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") })
                 ]
               }
             ),
@@ -9807,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",
@@ -9865,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(
@@ -9876,7 +9895,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel55("price"),
+                getLabel56("price"),
                 ": \u20AC",
                 props.priceFilterMin ?? 0,
                 " \u2013 \u20AC",
@@ -9913,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;
   }
@@ -9986,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
           ] }),
@@ -10005,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,
@@ -10017,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(
@@ -10044,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
@@ -10536,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 = "";
@@ -10554,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;
@@ -15026,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
             ] })
           ] })
         },
@@ -15813,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(
@@ -15839,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 });
@@ -18716,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;