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

package/dist/index.js

@@ -2,12 +2,12 @@
 import { getLabel, getLocalizedValue, formatPrice, localeForLanguage, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, isCheckoutAllowed, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, findPurchaserPac, isOverAuthorizationLimit, MIN_STOCK_THRESHOLD, getNettedBonusItems, getLanguageString, collectAttributeValues, getCountryName, resolveLanguageEntry, getLanguageUri } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
-import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
+import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext, useSyncExternalStore } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ProductStatus, ProductSortField, SortOrder, CrossupsellType, CartStatus, CartAddressType, Gender, YesNo, AddressType, MagicTokenService, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, PurchaseRole, AttributeType, OrderSortField, OrderType, BundleCondition, OrderDiscountType } from '@propeller-commerce/propeller-sdk-v2';
+import { ProductStatus, ProductSortField, SortOrder, CrossupsellType, PriceDisplay, CartStatus, CartAddressType, Gender, YesNo, AddressType, MagicTokenService, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSearchableField, machineService, PurchaseRole, AttributeType, OrderSortField, OrderType, BundleCondition, OrderDiscountType } from '@propeller-commerce/propeller-sdk-v2';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { User } from 'lucide-react';
+import { User, Trash2, MessageSquareQuote } from 'lucide-react';
 
 // src/index.ts
 var PropellerDepsContext = createContext(null);
@@ -795,7 +795,7 @@ function useCart(options) {
     rememberCart(resolved);
     return resolved;
   }, [graphqlClient, user, companyId, language, configuration, onCartCreated]);
-  const addItem = useCallback(async (opts) => {
+  const addItem2 = useCallback(async (opts) => {
     setLoading(true);
     setError(null);
     try {
@@ -842,14 +842,14 @@ function useCart(options) {
     const added = [];
     let lastCart = null;
     for (const item of items) {
-      const result = await addItem({ createCart: true, ...item });
+      const result = await addItem2({ createCart: true, ...item });
       if (!result.ok) return err(result.error);
       lastCart = result.data.cart;
       added.push(result.data.item);
     }
     if (!lastCart) return err("No items to add");
     return ok({ cart: lastCart, items: added });
-  }, [addItem]);
+  }, [addItem2]);
   const updateItemQuantity = useCallback(async (cartItemId, quantity) => {
     if (!cartId) return void 0;
     setLoading(true);
@@ -970,7 +970,7 @@ function useCart(options) {
       return [];
     }
   }, [graphqlClient, language, user, resolvedCompanyId, imageSearchFilters, imageVariantFilters]);
-  return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, addItems, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
+  return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem: addItem2, addItems, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
 function buildAddressInput(type, addr) {
   return {
@@ -2598,6 +2598,13 @@ function useProductSearch(options) {
     goToPage: pagination.goToPage
   };
 }
+function isPriceOnRequest(product) {
+  if (!product) return false;
+  const display = product.priceData?.display ?? product.defaultProduct?.priceData?.display;
+  return display === PriceDisplay.ON_REQUEST;
+}
+
+// src/composables/react/useQuickOrder.ts
 function toMatch(item, language) {
   const isCluster = "clusterId" in item;
   const displayItem = isCluster ? item.defaultProduct : item;
@@ -2616,7 +2623,8 @@ function toMatch(item, language) {
     netPrice,
     grossPrice,
     minQuantity,
-    imageUrl
+    imageUrl,
+    priceOnRequest: isPriceOnRequest(item)
   };
 }
 function useQuickOrder(options) {
@@ -2763,6 +2771,146 @@ function useQuickOrder(options) {
   return { submitting, error, searchProducts, submit };
 }
 
+// src/composables/shared/utils/priceRequestList.ts
+function containsItem(list, code) {
+  return list.some((i) => i.code === code);
+}
+function addItem(list, item) {
+  if (containsItem(list, item.code)) return list;
+  return [...list, { ...item, quantity: Math.max(item.quantity, item.minQuantity) }];
+}
+function removeItem(list, code) {
+  return list.filter((i) => i.code !== code);
+}
+function setItemQuantity(list, code, quantity) {
+  return list.map(
+    (i) => i.code === code ? { ...i, quantity: Math.max(quantity, i.minQuantity) } : i
+  );
+}
+function parseStoredList(raw) {
+  if (!raw) return [];
+  try {
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter(
+      (i) => i && typeof i.code === "string" && typeof i.productId === "number"
+    );
+  } catch {
+    return [];
+  }
+}
+
+// src/composables/react/usePriceRequest.ts
+var PRICE_REQUEST_STORAGE_KEY = "propeller_price_request";
+var EMPTY = [];
+var cachedRaw = null;
+var cachedItems = EMPTY;
+function getSnapshot(key) {
+  let raw = null;
+  try {
+    raw = window.localStorage.getItem(key);
+  } catch {
+    return EMPTY;
+  }
+  if (raw !== cachedRaw) {
+    cachedRaw = raw;
+    cachedItems = parseStoredList(raw);
+  }
+  return cachedItems;
+}
+function getServerSnapshot() {
+  return EMPTY;
+}
+var listeners = /* @__PURE__ */ new Set();
+function subscribe(cb) {
+  listeners.add(cb);
+  window.addEventListener("storage", cb);
+  return () => {
+    listeners.delete(cb);
+    window.removeEventListener("storage", cb);
+  };
+}
+function write(key, next) {
+  try {
+    window.localStorage.setItem(key, JSON.stringify(next));
+  } catch {
+  }
+  listeners.forEach((l) => l());
+}
+function usePriceRequest(options = {}) {
+  const storageKey = options.storageKey ?? PRICE_REQUEST_STORAGE_KEY;
+  const items = useSyncExternalStore(
+    subscribe,
+    () => getSnapshot(storageKey),
+    getServerSnapshot
+  );
+  const ready = useSyncExternalStore(
+    subscribe,
+    () => true,
+    () => false
+  );
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const add = useCallback(
+    (item) => {
+      const current = getSnapshot(storageKey);
+      if (containsItem(current, item.code)) return false;
+      write(storageKey, addItem(current, item));
+      return true;
+    },
+    [storageKey]
+  );
+  const remove = useCallback(
+    (code) => write(storageKey, removeItem(getSnapshot(storageKey), code)),
+    [storageKey]
+  );
+  const setQuantity = useCallback(
+    (code, quantity) => write(storageKey, setItemQuantity(getSnapshot(storageKey), code, quantity)),
+    [storageKey]
+  );
+  const clear = useCallback(() => write(storageKey, []), [storageKey]);
+  const has = useCallback((code) => containsItem(items, code), [items]);
+  const submit = useCallback(
+    async (comment) => {
+      const current = getSnapshot(storageKey);
+      if (!current.length) {
+        setError("empty");
+        return false;
+      }
+      if (!options.onSubmit) {
+        setError("unsupported");
+        return false;
+      }
+      setSubmitting(true);
+      setError(null);
+      try {
+        await options.onSubmit(current, comment);
+        write(storageKey, []);
+        return true;
+      } catch (e) {
+        setError(e?.message || "failed");
+        return false;
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [options, storageKey]
+  );
+  return {
+    items,
+    ready,
+    count: items.length,
+    add,
+    remove,
+    setQuantity,
+    clear,
+    has,
+    submit,
+    submitting,
+    error
+  };
+}
+
 // src/composables/shared/utils/machineLanguage.ts
 var MACHINE_NOT_FOUND = "SPARE_PARTS_MACHINE_NOT_FOUND_ERROR";
 function isMachineNotFound(error) {
@@ -4603,7 +4751,7 @@ function mergeGrouped(p) {
 }
 function AddToCart(rawProps) {
   const props = mergeGrouped(useInfraProps(rawProps));
-  const { cart, loading, checkoutAllowed, addItem, getMinQuantity, getStep } = useCart({
+  const { cart, loading, checkoutAllowed, addItem: addItem2, getMinQuantity, getStep } = useCart({
     graphqlClient: props.graphqlClient,
     user: props.user ?? null,
     companyId: props.companyId,
@@ -4710,7 +4858,7 @@ function AddToCart(rawProps) {
     if (!props.graphqlClient) return;
     if (props.beforeAddToCart && !props.beforeAddToCart()) return;
     const cartBeforeAdd = activeFullCart ?? cart ?? null;
-    const result = await addItem({
+    const result = await addItem2({
       product: props.product,
       cluster: props.cluster,
       childItems: props.childItems,
@@ -6721,7 +6869,7 @@ function useCartItemContext() {
 }
 function CartItem(rawProps) {
   const props = useResolvedProps(rawProps, CART_ITEM_RESOLVE_SPEC);
-  const { updateItemQuantity, updateItemNotes, deleteItem, getCrossupsells, addItem, getMinQuantity, getStep } = useCart({
+  const { updateItemQuantity, updateItemNotes, deleteItem, getCrossupsells, addItem: addItem2, getMinQuantity, getStep } = useCart({
     graphqlClient: props.graphqlClient,
     user: props.user ?? null,
     cartId: props.cartId,
@@ -6911,7 +7059,7 @@ function CartItem(rawProps) {
     const productId = getCrossupsellProductId(item);
     if (!productId) return;
     setAddingCrossupsellId(productId);
-    const result = await addItem({ product: { productId }, quantity: 1, cartId: props.cartId });
+    const result = await addItem2({ product: { productId }, quantity: 1, cartId: props.cartId });
     setAddingCrossupsellId(null);
     if (result.ok && props.afterCartUpdate) {
       props.afterCartUpdate(result.data.cart);
@@ -7334,6 +7482,8 @@ function CartItemDelete(props = {}) {
       className: props.className ?? "propeller-cart-item__delete h-8 w-8 p-0 ml-auto inline-flex items-center justify-center rounded-control text-foreground-subtle hover:text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
       onClick: () => handlers.onDelete(),
       disabled: state.deleting,
+      "aria-label": getLabel(resolved.labels, "deleteLabel", "Remove item"),
+      title: getLabel(resolved.labels, "deleteLabel", "Remove item"),
       children: [
         state.deleting ? /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-foreground-subtle border-t-transparent rounded-full animate-spin" }) : null,
         !state.deleting ? /* @__PURE__ */ jsxs(
@@ -7714,7 +7864,8 @@ function CartOverview(rawProps) {
   const invoiceAddress = props.cart?.invoiceAddress;
   const deliveryAddress = props.cart?.deliveryAddress;
   const getCountryName$1 = (code) => getCountryName(code, props.countries);
-  const paymentMethod = props.cart?.paymentData?.method || "";
+  const rawPaymentMethod = props.cart?.paymentData?.method || "";
+  const paymentMethod = rawPaymentMethod ? props.paymethodLabels?.[rawPaymentMethod.toLowerCase()] || rawPaymentMethod : "";
   const carrierName = props.cart?.postageData?.carrier || "";
   function requestDate() {
     const date = props.cart?.postageData?.requestDate;
@@ -8277,6 +8428,7 @@ function ClusterCard(rawProps) {
   const contentHidden = isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   const defaultProductInventory = contentHidden ? void 0 : cluster?.defaultProduct?.inventory;
   const useTax = props.includeTax !== void 0 ? !!props.includeTax : false;
+  const priceOnRequest = isPriceOnRequest(cluster);
   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", locale: localeForLanguage(props.language) });
@@ -8311,6 +8463,7 @@ function ClusterCard(rawProps) {
       defaultProductInventory,
       clusterPrice,
       priceObj,
+      priceOnRequest,
       useTax,
       isRow,
       language,
@@ -8349,7 +8502,7 @@ function ClusterCard(rawProps) {
           /* @__PURE__ */ jsxs("div", { className: "propeller-cluster-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-cluster-card__footer-meta flex items-center justify-between gap-3 md:contents", children: [
               props.showStock && defaultProductInventory ? /* @__PURE__ */ jsx(ClusterCardStock, {}) : null,
-              props.showPrice !== false && priceObj ? /* @__PURE__ */ jsx(ClusterCardPrice, {}) : null
+              props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsx(ClusterCardPrice, {}) : null
             ] }),
             /* @__PURE__ */ jsx("div", { className: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsx(ClusterCardViewClusterLink, {}) })
           ] })
@@ -8361,11 +8514,11 @@ function ClusterCard(rawProps) {
             textLabelValues.length > 0 ? /* @__PURE__ */ jsx(ClusterCardTextLabels, {}) : null,
             props.showManufacturer && manufacturer ? /* @__PURE__ */ jsx(ClusterCardManufacturer, {}) : null,
             props.showShortDescription && shortDescription ? /* @__PURE__ */ jsx(ClusterCardShortDescription, {}) : null,
-            props.showPrice !== false && priceObj ? /* @__PURE__ */ jsx("div", { className: "mt-auto hidden md:block", children: /* @__PURE__ */ jsx(ClusterCardPrice, {}) }) : null
+            props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsx("div", { className: "mt-auto hidden md:block", children: /* @__PURE__ */ jsx(ClusterCardPrice, {}) }) : null
           ] }),
-          props.showStock && defaultProductInventory || props.showPrice !== false && priceObj ? /* @__PURE__ */ jsxs("div", { className: "propeller-cluster-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 && defaultProductInventory || props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsxs("div", { className: "propeller-cluster-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 && defaultProductInventory ? /* @__PURE__ */ jsx(ClusterCardStock, {}) : null,
-            props.showPrice !== false && priceObj ? /* @__PURE__ */ jsx(ClusterCardPrice, {}) : null
+            props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsx(ClusterCardPrice, {}) : null
           ] }) : null,
           /* @__PURE__ */ jsx("div", { className: "propeller-cluster-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsx(ClusterCardViewClusterLink, {}) })
         ] })
@@ -8571,6 +8724,9 @@ function ClusterCardStock(props) {
 }
 function ClusterCardPrice(props) {
   const { derived, resolved } = useClusterCard();
+  if (derived.priceOnRequest) {
+    return /* @__PURE__ */ jsx("div", { className: props.className ?? "propeller-cluster-card__price", children: /* @__PURE__ */ jsx("span", { className: "propeller-cluster-card__price-on-request text-sm text-foreground", children: getLabel(resolved.labels, "priceOnRequest", "Price on request") }) });
+  }
   if (!derived.priceObj) return null;
   const InjectedPrice = resolved.priceComponent;
   if (InjectedPrice) {
@@ -8750,7 +8906,8 @@ function ProductPriceDisplay(props) {
   }
   return /* @__PURE__ */ jsxs("div", { className: cn(`propeller-product-price ${props.className || ""}`), "data-hidden": isHidden2() ? "true" : "false", children: [
     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: [
+    !isHidden2() && props.priceOnRequest ? /* @__PURE__ */ jsx("p", { className: "propeller-product-price__on-request text-sm text-foreground", children: getLabel(props.labels, "priceOnRequest", "Price on request") }) : null,
+    !isHidden2() && !props.priceOnRequest && !!getLeadingPrice() ? /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
         /* @__PURE__ */ jsx(
           "span",
@@ -9126,6 +9283,20 @@ function ProductCardBelowName() {
 }
 function ProductCardPrice(props) {
   const { product, derived, resolved } = useProductCard();
+  const onRequest = isPriceOnRequest(product);
+  if (onRequest) {
+    return /* @__PURE__ */ jsx("div", { className: props.className ?? "propeller-product-card__price", children: /* @__PURE__ */ jsx(
+      ProductPrice_default,
+      {
+        priceOnRequest: true,
+        labels: resolved.priceLabels,
+        portalMode: resolved.portalMode,
+        isAuthenticated: resolved.isAuthenticated,
+        user: resolved.user,
+        showLoginPrompt: false
+      }
+    ) });
+  }
   if (!product?.price) return null;
   const InjectedPrice = resolved.priceComponent;
   if (InjectedPrice) {
@@ -10106,7 +10277,7 @@ function GridToolbar(rawProps) {
   const [currentSortOrder, setCurrentSortOrder] = useState(SortOrder.DESC);
   const [currentOffset, setCurrentOffset] = useState(12);
   const [currentViewMode, setCurrentViewMode] = useState("grid");
-  function getLabel59(key) {
+  function getLabel61(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS[key] || key;
   }
@@ -10144,8 +10315,8 @@ function GridToolbar(rawProps) {
   }
   function getAvailabilityLabel() {
     const qty = props.minStock;
-    if (qty !== void 0 && qty > MIN_STOCK_THRESHOLD) return `${getLabel59("inStock")}: ${qty}+`;
-    return getLabel59("inStock");
+    if (qty !== void 0 && qty > MIN_STOCK_THRESHOLD) return `${getLabel61("inStock")}: ${qty}+`;
+    return getLabel61("inStock");
   }
   function handleSortFieldChange(field) {
     setCurrentSortField(field);
@@ -10191,7 +10362,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 ? getLabel59("productSingular") : getLabel59("productPlural")
+            props.itemsFound === 1 ? getLabel61("productSingular") : getLabel61("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsx(
@@ -10202,7 +10373,7 @@ function GridToolbar(rawProps) {
                 onChange: (e) => handleOffsetChange(parseInt(e.target.value)),
                 children: getOffsetOptions()?.map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
                   n,
-                  getLabel59("perPage")
+                  getLabel61("perPage")
                 ] }, n))
               }
             ),
@@ -10218,7 +10389,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel59(field)
+                    children: getLabel61(field)
                   },
                   field
                 ))
@@ -10231,8 +10402,8 @@ function GridToolbar(rawProps) {
                 value: currentSortOrder,
                 onChange: (e) => handleSortOrderChange(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel59("ASC") }),
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel59("DESC") })
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel61("ASC") }),
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel61("DESC") })
                 ]
               }
             ),
@@ -10242,7 +10413,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" ? getLabel59("switchToList") : getLabel59("switchToGrid"),
+                title: currentViewMode === "grid" ? getLabel61("switchToList") : getLabel61("switchToGrid"),
                 children: [
                   currentViewMode === "grid" ? /* @__PURE__ */ jsxs(
                     "svg",
@@ -10300,7 +10471,7 @@ function GridToolbar(rawProps) {
               onClick: (event) => {
                 if (props.onClearFilters) props.onClearFilters();
               },
-              children: getLabel59("clearAll")
+              children: getLabel61("clearAll")
             }
           ),
           props.priceFilterMin !== void 0 || props.priceFilterMax !== void 0 ? /* @__PURE__ */ jsxs(
@@ -10311,7 +10482,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel59("price"),
+                getLabel61("price"),
                 ": ",
                 currencySymbol,
                 props.priceFilterMin ?? 0,
@@ -10363,7 +10534,7 @@ var DEFAULT_LABELS2 = {
   of: "of"
 };
 function GridPagination(props) {
-  function getLabel59(key) {
+  function getLabel61(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS2[key] || key;
   }
@@ -10436,15 +10607,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: getLabel59("previous")
+              children: getLabel61("previous")
             }
           ),
           /* @__PURE__ */ jsxs("span", { className: "propeller-grid-pagination__info px-2 text-sm font-medium text-muted-foreground", children: [
-            getLabel59("page"),
+            getLabel61("page"),
             "\xA0",
             currentPage,
             "\xA0",
-            getLabel59("of"),
+            getLabel61("of"),
             "\xA0",
             totalPages
           ] }),
@@ -10455,7 +10626,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: getLabel59("next")
+              children: getLabel61("next")
             }
           )
         ] }) : null,
@@ -10467,7 +10638,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: getLabel59("previous")
+              children: getLabel61("previous")
             }
           ),
           getFullPages().map((item, idx) => /* @__PURE__ */ jsx(
@@ -10494,7 +10665,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: getLabel59("next")
+              children: getLabel61("next")
             }
           )
         ] }) : null
@@ -11797,7 +11968,7 @@ function FavoriteListDetails(rawProps) {
     graphqlClient: props.graphqlClient,
     user: props.user ?? null
   });
-  const { addItem } = useCart({
+  const { addItem: addItem2 } = useCart({
     graphqlClient: props.graphqlClient,
     user: props.user ?? null,
     cartId: props.cartId,
@@ -11902,7 +12073,7 @@ function FavoriteListDetails(rawProps) {
     setBulkBusy(true);
     try {
       for (const product of products) {
-        await addItem({
+        await addItem2({
           product,
           quantity: product.minimumQuantity && product.minimumQuantity > 0 ? product.minimumQuantity : 1,
           cartId: props.cartId,
@@ -14368,6 +14539,130 @@ function OrderList(rawProps) {
   ] });
 }
 var OrderList_default = OrderList;
+function PriceRequestList(props) {
+  const [comment, setComment] = useState("");
+  const [sent, setSent] = useState(false);
+  const L = (key, fallback) => getLabel(props.labels, key, fallback);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!props.onSubmit) return;
+    const ok4 = await props.onSubmit(comment);
+    if (ok4) {
+      setComment("");
+      setSent(true);
+    }
+  }
+  if (sent) {
+    return /* @__PURE__ */ jsx("div", { className: cn(`propeller-price-request ${props.className || ""}`), children: /* @__PURE__ */ jsx("p", { className: "propeller-price-request__sent py-8 text-center text-foreground", children: L("sent", "Price request sent. We will contact you.") }) });
+  }
+  if (!props.items.length) {
+    return /* @__PURE__ */ jsx("div", { className: cn(`propeller-price-request ${props.className || ""}`), children: /* @__PURE__ */ jsx("p", { className: "propeller-price-request__empty py-8 text-center text-foreground-subtle", children: L("empty", "Your price request list is empty.") }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn(`propeller-price-request ${props.className || ""}`),
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx("h2", { className: "propeller-price-request__title mb-4 text-xl font-semibold text-foreground", children: L("title", "Price request") }),
+        /* @__PURE__ */ jsxs("table", { className: "propeller-price-request__table w-full text-sm", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-left text-foreground-subtle", children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colCode", "Article no. / SKU") }),
+            /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colName", "Product name") }),
+            /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colQuantity", "Quantity") }),
+            /* @__PURE__ */ jsx("th", { scope: "col", className: "py-2 w-10", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: L("remove", "Remove") }) })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: props.items.map((item) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-border-subtle", children: [
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 font-mono text-xs text-foreground", children: item.code }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4 text-foreground", children: item.name }),
+            /* @__PURE__ */ jsxs("td", { className: "py-2 pr-4", children: [
+              /* @__PURE__ */ jsx("label", { className: "sr-only", htmlFor: `pr-qty-${item.code}`, children: L("colQuantity", "Quantity") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: `pr-qty-${item.code}`,
+                  type: "number",
+                  min: item.minQuantity,
+                  step: item.unit || 1,
+                  value: item.quantity,
+                  onChange: (e) => props.onQuantityChange?.(item.code, parseInt(e.target.value, 10) || item.minQuantity),
+                  className: "w-20 rounded border border-border bg-background px-2 py-1"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("td", { className: "py-2", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => props.onRemove?.(item.code),
+                "aria-label": L("remove", "Remove"),
+                title: L("remove", "Remove"),
+                className: "text-foreground-subtle transition-colors hover:text-destructive",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })
+              }
+            ) })
+          ] }, item.code)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "propeller-price-request__comment mt-6", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: "propeller-price-request-comment",
+              className: "mb-2 block font-medium text-foreground",
+              children: L("comments", "Comments")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              id: "propeller-price-request-comment",
+              value: comment,
+              onChange: (e) => setComment(e.target.value),
+              rows: 4,
+              className: "w-full rounded border border-border bg-background px-3 py-2"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: props.submitting,
+            className: "propeller-price-request__submit mt-4 rounded-control bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-50",
+            children: props.submitting ? L("sending", "Sending\u2026") : L("send", "Send request")
+          }
+        )
+      ]
+    }
+  );
+}
+var PriceRequestList_default = PriceRequestList;
+function RequestPriceButton(props) {
+  const anonymous = !props.isAuthenticated;
+  const label = anonymous ? getLabel(props.labels, "requestPrice", "Request a price") : props.added ? getLabel(props.labels, "priceRequested", "On your request list") : getLabel(props.labels, "requestPrice", "Request a price");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-added": props.added ? "true" : "false",
+      className: cn(
+        `propeller-request-price inline-flex items-center justify-center gap-2 h-10 px-4 w-full rounded-control text-sm font-medium transition-opacity hover:opacity-90 ${props.added && !anonymous ? "bg-surface-hover text-foreground border border-border" : "bg-primary text-primary-foreground"} ${props.className || ""}`
+      ),
+      onClick: () => {
+        if (anonymous) {
+          if (props.onLoginClick) props.onLoginClick();
+          return;
+        }
+        if (props.onRequestPrice) props.onRequestPrice();
+      },
+      children: [
+        /* @__PURE__ */ jsx(MessageSquareQuote, { className: "propeller-request-price__icon w-4 h-4", "aria-hidden": "true" }),
+        label
+      ]
+    }
+  );
+}
+var RequestPriceButton_default = RequestPriceButton;
 var ROW_SEQ = 0;
 function blankRow() {
   ROW_SEQ += 1;
@@ -14459,6 +14754,11 @@ function QuickOrderInner(props) {
         patchRow(key, { code: "", matches: [], productId: null, name: "", netPrice: 0, grossPrice: 0, searched: false });
         return;
       }
+      if (match.priceOnRequest) {
+        setNotice(L("priceOnRequest", "Price on request \u2014 order this product from its page"));
+        patchRow(key, { code: "", matches: [], productId: null, name: "", netPrice: 0, grossPrice: 0, searched: false });
+        return;
+      }
       patchRow(key, {
         code: match.sku,
         productId: match.productId,
@@ -14519,6 +14819,10 @@ function QuickOrderInner(props) {
             continue;
           }
           if (resolved.some((r) => r.productId === exact.productId)) continue;
+          if (exact.priceOnRequest) {
+            notFound.push(line.code);
+            continue;
+          }
           const row = blankRow();
           resolved.push({
             ...row,
@@ -16308,6 +16612,20 @@ function ProductInfoAddToCart(props = {}) {
       }
     );
   }
+  if (product?.orderable === YesNo.N) return null;
+  if (isPriceOnRequest(product)) {
+    return /* @__PURE__ */ jsx(
+      RequestPriceButton_default,
+      {
+        className: props.className,
+        labels: derived.labels,
+        isAuthenticated: resolved.isAuthenticated,
+        onLoginClick: resolved.onLoginClick,
+        added: resolved.priceRequestAdded,
+        onRequestPrice: resolved.onRequestPrice ? () => resolved.onRequestPrice(product) : void 0
+      }
+    );
+  }
   const Injected = resolved.addToCartComponent;
   if (Injected) {
     return /* @__PURE__ */ jsx(
@@ -18872,7 +19190,8 @@ function mapToSearchBarResult(item, language, urls) {
     priceGross,
     imageUrl: displayItem?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "",
     url,
-    isCluster
+    isCluster,
+    priceOnRequest: isPriceOnRequest(item)
   };
 }
 function SearchBar(rawProps) {
@@ -19056,7 +19375,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    props.renderPrice ? props.renderPrice(result) : props.showPrice !== false && result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
+                    props.renderPrice ? props.renderPrice(result) : props.showPrice !== false && result.priceOnRequest ? /* @__PURE__ */ jsx("div", { className: "propeller-search-bar__result-price text-sm text-foreground flex-shrink-0 text-right", children: getLabel(props.priceLabels, "priceOnRequest", "Price on request") }) : props.showPrice !== false && result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
                       /* @__PURE__ */ jsx("span", { className: "propeller-search-bar__result-price-value", children: formatItemPrice(leadingPrice(result)) }),
                       /* @__PURE__ */ jsx("span", { className: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground", children: priceTaxLabel() })
                     ] }) : null
@@ -19210,6 +19529,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, 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, OrderSummaryWithProvider_default as OrderSummary, OrderTotalsWithProvider_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, OrderSummaryWithProvider_default as OrderSummary, OrderTotalsWithProvider_default as OrderTotals, PRICE_REQUEST_STORAGE_KEY, PriceRequestList_default as PriceRequestList, 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, RequestPriceButton_default as RequestPriceButton, SearchBar_default as SearchBar, UserDetails_default as UserDetails, addItem as addPriceRequestItem, buildRootMachinesQuery, fetchActiveCart, initCart, isPriceOnRequest, mergeAnonymousCart, containsItem as priceRequestContains, removeItem as removePriceRequestItem, setItemQuantity as setPriceRequestItemQuantity, useAddress, useAuth, useCart, useCheckout, useClusterConfigurator, useCompany, useFavorites, useInfraProps, useMachines, useMenu, useOrders, usePriceRequest, 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