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

package/dist/index.js

@@ -1,10 +1,11 @@
 "use client";
-import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, isContentHidden, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useMemo, useCallback, useContext, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ProductStatus, ProductSortField, SortOrder, PurchaseRole, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, AttributeType, OrderSortField, OrderType, OrderDiscountType, BundleCondition } from '@propeller-commerce/propeller-sdk-v2';
+import { User } from 'lucide-react';
 
 // src/index.ts
 var PropellerDepsContext = createContext(null);
@@ -868,6 +869,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";
@@ -908,26 +928,9 @@ function useCheckout(options) {
       if (!hasInvoice) {
         const defaultInvoice = getUserDefaultAddress("invoice");
         if (defaultInvoice) {
-          const input = {
-            type: 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(CartAddressType.INVOICE, defaultInvoice),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -937,26 +940,9 @@ function useCheckout(options) {
       if (!hasDelivery) {
         const defaultDelivery = getUserDefaultAddress("delivery");
         if (defaultDelivery) {
-          const input = {
-            type: 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(CartAddressType.DELIVERY, defaultDelivery),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -5045,6 +5031,7 @@ function AddToFavorite(rawProps) {
   ] }) }) : null });
 }
 var AddToFavorite_default = AddToFavorite;
+var EMAIL_PATTERN = "[^@\\s]+@[^@\\s.]+(?:\\.[^@\\s.]+)*\\.[A-Za-z]{2,}";
 var AddressCardContext = React6.createContext(null);
 function useAddressCardContext() {
   const ctx = React6.useContext(AddressCardContext);
@@ -5490,10 +5477,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5503,7 +5487,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -5783,10 +5767,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5796,7 +5777,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -7958,6 +7939,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 +7984,10 @@ function ClusterCard(rawProps) {
   const textLabelValues = resolveAttributeValues(cluster, props.textLabels).map((value) => ({
     value
   }));
-  const defaultProductInventory = cluster?.defaultProduct?.inventory;
+  const contentHidden = 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 ? "" : formatPrice(priceValue, { symbol: props.currency ?? "\u20AC" });
   function handleClusterClick(e) {
@@ -8408,6 +8392,23 @@ function MachineCard(props) {
     }
   );
 }
+function LoginToOrderButton(props) {
+  return /* @__PURE__ */ 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__ */ jsx(User, { className: "propeller-login-to-order__icon w-4 h-4", "aria-hidden": "true" }),
+        getLabel(props.labels, "loginToOrder", "Log in to order")
+      ]
+    }
+  );
+}
+var LoginToOrderButton_default = LoginToOrderButton;
 function ProductPriceDisplay(props) {
   function isHidden2() {
     return isContentHidden(props.portalMode, props.user);
@@ -8458,7 +8459,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": isHidden2() ? "true" : "false", children: [
-    isHidden2() ? /* @__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,
+    isHidden2() && 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,
     !isHidden2() && !!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(
@@ -8501,6 +8502,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 +8524,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 +8556,9 @@ function ProductCardRoot(rawProps) {
   const language = props.language || "NL";
   const product = props.product;
   const isRow = props.columns === 1;
+  const contentHidden = isContentHidden(props.portalMode, props.user);
+  const showStock = !!props.showStock && !contentHidden;
+  const showCta = props.allowAddToCart !== false || contentHidden;
   const name = getProductName(product, language);
   const sku = getProductSku(product);
   const imageUrl = getProductImageUrl(product);
@@ -8623,10 +8629,10 @@ function ProductCardRoot(rawProps) {
           ] }) }),
           /* @__PURE__ */ 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__ */ jsxs("div", { className: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents", children: [
-              props.showStock && !!product.inventory ? /* @__PURE__ */ jsx(ProductCardStock, {}) : null,
+              showStock && !!product.inventory ? /* @__PURE__ */ jsx(ProductCardStock, {}) : null,
               props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsx(ProductCardPrice, { priceSize: "text-sm" }) : null
             ] }),
-            props.allowAddToCart !== false ? /* @__PURE__ */ jsx("div", { className: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsx(ProductCardAddToCart, {}) }) : null
+            showCta ? /* @__PURE__ */ jsx("div", { className: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsx(ProductCardAddToCart, {}) }) : null
           ] })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ 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 +8640,16 @@ function ProductCardRoot(rawProps) {
             props.showName !== false ? /* @__PURE__ */ jsx(ProductCardName, { linkable: true }) : null,
             /* @__PURE__ */ jsx(ProductCardBelowName, {}),
             textLabelValues.length > 0 ? /* @__PURE__ */ jsx(ProductCardTextLabels, {}) : null,
-            props.showStock && !!product.inventory ? /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(ProductCardStock, {}) }) : null,
+            showStock && !!product.inventory ? /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(ProductCardStock, {}) }) : null,
             props.showManufacturer && manufacturer ? /* @__PURE__ */ jsx(ProductCardManufacturer, {}) : null,
             props.showShortDescription && shortDescription ? /* @__PURE__ */ jsx(ProductCardShortDescription, {}) : null,
             props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsx("div", { className: "propeller-product-card__price mt-auto pt-1 hidden md:block", children: /* @__PURE__ */ jsx(ProductCardPrice, { priceSize: "text-base sm:text-lg" }) }) : null
           ] }),
-          props.showStock && !!product.inventory || props.showPrice !== false && !!product?.price ? /* @__PURE__ */ 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__ */ jsx(ProductCardStock, {}) : null,
+          showStock && !!product.inventory || props.showPrice !== false && !!product?.price ? /* @__PURE__ */ 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__ */ jsx(ProductCardStock, {}) : null,
             props.showPrice !== false && !!product?.price ? /* @__PURE__ */ jsx(ProductCardPrice, { priceSize: "text-base", className: "propeller-product-card__price min-w-0 text-right" }) : null
           ] }) : null,
-          props.allowAddToCart !== false ? /* @__PURE__ */ jsx("div", { className: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsx(ProductCardAddToCart, {}) }) : null
+          showCta ? /* @__PURE__ */ jsx("div", { className: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsx(ProductCardAddToCart, {}) }) : null
         ] })
       ]
     }
@@ -8842,12 +8848,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 (isContentHidden(resolved.portalMode, resolved.user)) {
+    return /* @__PURE__ */ jsx(
+      LoginToOrderButton_default,
+      {
+        className: props.className,
+        labels: resolved.addToCartLabels,
+        onLoginClick: resolved.onLoginClick
+      }
+    );
+  }
   const InjectedAddToCart = resolved.addToCartComponent;
   if (InjectedAddToCart) {
     return /* @__PURE__ */ jsx(
@@ -8980,9 +8999,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 !isContentHidden(props.portalMode, props.user) && allow;
   }
   function getSkeletonItems() {
     const cols = props.columns || 3;
@@ -9009,6 +9027,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 +9676,7 @@ function GridToolbar(rawProps) {
   const [currentSortOrder, setCurrentSortOrder] = useState(SortOrder.DESC);
   const [currentOffset, setCurrentOffset] = useState(12);
   const [currentViewMode, setCurrentViewMode] = 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 +9755,7 @@ function GridToolbar(rawProps) {
           /* @__PURE__ */ jsx("div", { className: "propeller-grid-toolbar__count text-sm text-muted-foreground font-medium", children: props.itemsFound > 0 ? /* @__PURE__ */ jsxs("span", { children: [
             props.itemsFound,
             "\xA0",
-            props.itemsFound === 1 ? getLabel55("productSingular") : getLabel55("productPlural")
+            props.itemsFound === 1 ? getLabel56("productSingular") : getLabel56("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsx(
@@ -9747,7 +9766,7 @@ function GridToolbar(rawProps) {
                 onChange: (e) => handleOffsetChange(parseInt(e.target.value)),
                 children: getOffsetOptions()?.map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
                   n,
-                  getLabel55("perPage")
+                  getLabel56("perPage")
                 ] }, n))
               }
             ),
@@ -9763,7 +9782,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel55(field)
+                    children: getLabel56(field)
                   },
                   field
                 ))
@@ -9776,8 +9795,8 @@ function GridToolbar(rawProps) {
                 value: currentSortOrder,
                 onChange: (e) => handleSortOrderChange(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel55("ASC") }),
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel55("DESC") })
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel56("ASC") }),
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel56("DESC") })
                 ]
               }
             ),
@@ -9787,7 +9806,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__ */ jsxs(
                     "svg",
@@ -9845,7 +9864,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__ */ jsxs(
@@ -9856,7 +9875,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel55("price"),
+                getLabel56("price"),
                 ": \u20AC",
                 props.priceFilterMin ?? 0,
                 " \u2013 \u20AC",
@@ -9893,7 +9912,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 +9985,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__ */ 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 +10004,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 +10016,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__ */ jsx(
@@ -10024,7 +10043,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 +10535,14 @@ function ClusterOptions(props) {
   function getOptionsForRender() {
     const options = props.options || [];
     const sel = selectedProductIds;
+    const hidePrices = isContentHidden(props.portalMode, props.user);
     return options.filter((option) => option.hidden !== 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 +10554,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 === YesNo.Y;
@@ -15006,11 +15026,11 @@ function ProductBundles(rawProps) {
                     children: addingBundleId === bundle.id ? getLabel(props.labels, "adding", "Adding...") : getLabel(props.labels, "addToCart", "In cart")
                   }
                 )
-              ] }) : /* @__PURE__ */ jsx("div", { className: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2", children: getLabel(
+              ] }) : props.showLoginPrompt !== false ? /* @__PURE__ */ jsx("div", { className: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2", children: getLabel(
                 props.labels,
                 "loginToSeePrices",
                 "Log in to see prices and add to cart"
-              ) })
+              ) }) : null
             ] })
           ] })
         },
@@ -15793,6 +15813,7 @@ function ProductInfoPrice(props = {}) {
 function ProductInfoStock(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
   if (!product.inventory) return null;
+  if (isContentHidden(derived.portalMode, resolved.user)) return null;
   const Injected = resolved.stockComponent;
   if (Injected) {
     return /* @__PURE__ */ jsx(
@@ -15819,6 +15840,16 @@ function ProductInfoStock(props = {}) {
 }
 function ProductInfoAddToCart(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
+  if (isContentHidden(derived.portalMode, resolved.user)) {
+    return /* @__PURE__ */ jsx(
+      LoginToOrderButton_default,
+      {
+        className: props.className,
+        labels: derived.labels,
+        onLoginClick: resolved.onLoginClick
+      }
+    );
+  }
   const Injected = resolved.addToCartComponent;
   if (Injected) {
     return /* @__PURE__ */ jsx(Injected, { product, labels: derived.labels, className: props.className });
@@ -18653,6 +18684,6 @@ function UserDetails(rawProps) {
 }
 var UserDetails_default = UserDetails;
 
-export { AccountIconAndMenu_default as AccountIconAndMenu, ActionCode_default as ActionCode, AddToCart_default as AddToCart, AddToFavorite_default as AddToFavorite, AddressCard_default as AddressCard, AddressSelector_default as AddressSelector, BreadcrumbsWithProvider_default as Breadcrumbs, CartBonusItems_default as CartBonusItems, CartCarriers_default as CartCarriers, CartIconAndSidebar_default as CartIconAndSidebar, CartItem_default as CartItem, CartOverview_default as CartOverview, CartPaymethods_default as CartPaymethods, CartSummary_default as CartSummary, CategoryDescription_default as CategoryDescription, CategoryShortDescriptionWithProvider_default as CategoryShortDescription, ClusterCard_default as ClusterCard, ClusterConfigurator_default as ClusterConfigurator, ClusterInfo_default as ClusterInfo, ClusterOptions_default as ClusterOptions, CompanySwitcher_default as CompanySwitcher, AddToCart_default as DefaultAddToCart, AddToFavorite_default as DefaultAddToFavorite, ItemStock_default as DefaultItemStock, DefaultProductBadges, ProductBulkPrices_default as DefaultProductBulkPrices, ProductBundles_default as DefaultProductBundles, DefaultProductImage, ProductPrice_default as DefaultProductPrice, DefaultProductSurcharges, DeliveryDate_default as DeliveryDate, FavoriteListDetails_default as FavoriteListDetails, FavoriteListItem_default as FavoriteListItem, FavoriteLists_default as FavoriteLists, ForgotPassword_default as ForgotPassword, GridFilters_default as GridFilters, GridFiltersPanel, GridPagination_default as GridPagination, GridTitleWithProvider_default as GridTitle, GridToolbar_default as GridToolbar, ItemStock_default as ItemStock, ItemsOverview_default as ItemsOverview, LoginForm_default as LoginForm, MachineCard, MachineGrid, Menu_default as Menu, OrderActions_default as OrderActions, OrderBonusItems_default as OrderBonusItems, OrderItemCard_default as OrderItemCard, OrderList_default as OrderList, OrderShipments_default as OrderShipments, OrderSummary_default as OrderSummary, OrderTotals_default as OrderTotals, PriceToggle_default as PriceToggle, ProductBulkPricesWithProvider_default as ProductBulkPrices, ProductBundles_default as ProductBundles, ProductCard_default as ProductCard, ProductDescription_default as ProductDescription, ProductDownloads_default as ProductDownloads, ProductGallery_default as ProductGallery, ProductGrid_default as ProductGrid, ProductGridConfigProvider, ProductInfo_default as ProductInfo, ProductPriceWithProvider_default as ProductPrice, ProductShortDescriptionWithProvider_default as ProductShortDescription, ProductSlider_default as ProductSlider, ProductSpecifications_default as ProductSpecifications, ProductTabs_default as ProductTabs, ProductVideos_default as ProductVideos, PropellerDepsProvider, PropellerProvider, PurchaseAuthorizationConfigurator_default as PurchaseAuthorizationConfigurator, PurchaseAuthorizationRequests_default as PurchaseAuthorizationRequests, QuickOrder, QuoteActions_default as QuoteActions, RegisterForm_default as RegisterForm, SearchBar_default as SearchBar, UserDetails_default as UserDetails, buildRootMachinesQuery, fetchActiveCart, initCart, mergeAnonymousCart, useAddress, useAuth, useCart, useCheckout, useClusterConfigurator, useCompany, useFavorites, useInfraProps, useMachines, useMenu, useOrders, useProductBundles, useProductGridConfig, useProductInfo, useProductSearch, useProductSlider, useProductSpecs, usePropellerContext, usePropellerDeps, usePropellerScope, usePurchaseAuthorizationConfigurator, usePurchaseAuthorizationRequests, useQuickOrder, useRequiredPropellerDeps, useResolvedProps, useServices, useSpareParts, useUserMode };
+export { AccountIconAndMenu_default as AccountIconAndMenu, ActionCode_default as ActionCode, AddToCart_default as AddToCart, AddToFavorite_default as AddToFavorite, AddressCard_default as AddressCard, AddressSelector_default as AddressSelector, BreadcrumbsWithProvider_default as Breadcrumbs, CartBonusItems_default as CartBonusItems, CartCarriers_default as CartCarriers, CartIconAndSidebar_default as CartIconAndSidebar, CartItem_default as CartItem, CartOverview_default as CartOverview, CartPaymethods_default as CartPaymethods, CartSummary_default as CartSummary, CategoryDescription_default as CategoryDescription, CategoryShortDescriptionWithProvider_default as CategoryShortDescription, ClusterCard_default as ClusterCard, ClusterConfigurator_default as ClusterConfigurator, ClusterInfo_default as ClusterInfo, ClusterOptions_default as ClusterOptions, CompanySwitcher_default as CompanySwitcher, AddToCart_default as DefaultAddToCart, AddToFavorite_default as DefaultAddToFavorite, ItemStock_default as DefaultItemStock, DefaultProductBadges, ProductBulkPrices_default as DefaultProductBulkPrices, ProductBundles_default as DefaultProductBundles, DefaultProductImage, ProductPrice_default as DefaultProductPrice, DefaultProductSurcharges, DeliveryDate_default as DeliveryDate, FavoriteListDetails_default as FavoriteListDetails, FavoriteListItem_default as FavoriteListItem, FavoriteLists_default as FavoriteLists, ForgotPassword_default as ForgotPassword, GridFilters_default as GridFilters, GridFiltersPanel, GridPagination_default as GridPagination, GridTitleWithProvider_default as GridTitle, GridToolbar_default as GridToolbar, ItemStock_default as ItemStock, ItemsOverview_default as ItemsOverview, LoginForm_default as LoginForm, LoginToOrderButton_default as LoginToOrderButton, MachineCard, MachineGrid, Menu_default as Menu, OrderActions_default as OrderActions, OrderBonusItems_default as OrderBonusItems, OrderItemCard_default as OrderItemCard, OrderList_default as OrderList, OrderShipments_default as OrderShipments, OrderSummary_default as OrderSummary, OrderTotals_default as OrderTotals, PriceToggle_default as PriceToggle, ProductBulkPricesWithProvider_default as ProductBulkPrices, ProductBundles_default as ProductBundles, ProductCard_default as ProductCard, ProductDescription_default as ProductDescription, ProductDownloads_default as ProductDownloads, ProductGallery_default as ProductGallery, ProductGrid_default as ProductGrid, ProductGridConfigProvider, ProductInfo_default as ProductInfo, ProductPriceWithProvider_default as ProductPrice, ProductShortDescriptionWithProvider_default as ProductShortDescription, ProductSlider_default as ProductSlider, ProductSpecifications_default as ProductSpecifications, ProductTabs_default as ProductTabs, ProductVideos_default as ProductVideos, PropellerDepsProvider, PropellerProvider, PurchaseAuthorizationConfigurator_default as PurchaseAuthorizationConfigurator, PurchaseAuthorizationRequests_default as PurchaseAuthorizationRequests, QuickOrder, QuoteActions_default as QuoteActions, RegisterForm_default as RegisterForm, SearchBar_default as SearchBar, UserDetails_default as UserDetails, buildRootMachinesQuery, fetchActiveCart, initCart, mergeAnonymousCart, useAddress, useAuth, useCart, useCheckout, useClusterConfigurator, useCompany, useFavorites, useInfraProps, useMachines, useMenu, useOrders, useProductBundles, useProductGridConfig, useProductInfo, useProductSearch, useProductSlider, useProductSpecs, usePropellerContext, usePropellerDeps, usePropellerScope, usePurchaseAuthorizationConfigurator, usePurchaseAuthorizationRequests, useQuickOrder, useRequiredPropellerDeps, useResolvedProps, useServices, useSpareParts, useUserMode };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map