@propeller-commerce/propeller-v2-react-ui 0.25.0 → 0.26.1

package/dist/index.cjs

@@ -815,7 +815,7 @@ function useCart(options) {
     rememberCart(resolved);
     return resolved;
   }, [graphqlClient, user, companyId, language, configuration, onCartCreated]);
-  const addItem = React6.useCallback(async (opts) => {
+  const addItem2 = React6.useCallback(async (opts) => {
     setLoading(true);
     setError(null);
     try {
@@ -862,14 +862,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 propellerV2CoreUi.err(result.error);
       lastCart = result.data.cart;
       added.push(result.data.item);
     }
     if (!lastCart) return propellerV2CoreUi.err("No items to add");
     return propellerV2CoreUi.ok({ cart: lastCart, items: added });
-  }, [addItem]);
+  }, [addItem2]);
   const updateItemQuantity = React6.useCallback(async (cartItemId, quantity) => {
     if (!cartId) return void 0;
     setLoading(true);
@@ -990,7 +990,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 {
@@ -2618,6 +2618,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 === propellerSdkV2.PriceDisplay.ON_REQUEST;
+}
+
+// src/composables/react/useQuickOrder.ts
 function toMatch(item, language) {
   const isCluster = "clusterId" in item;
   const displayItem = isCluster ? item.defaultProduct : item;
@@ -2636,7 +2643,8 @@ function toMatch(item, language) {
     netPrice,
     grossPrice,
     minQuantity,
-    imageUrl
+    imageUrl,
+    priceOnRequest: isPriceOnRequest(item)
   };
 }
 function useQuickOrder(options) {
@@ -2783,6 +2791,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 = React6.useSyncExternalStore(
+    subscribe,
+    () => getSnapshot(storageKey),
+    getServerSnapshot
+  );
+  const ready = React6.useSyncExternalStore(
+    subscribe,
+    () => true,
+    () => false
+  );
+  const [submitting, setSubmitting] = React6.useState(false);
+  const [error, setError] = React6.useState(null);
+  const add = React6.useCallback(
+    (item) => {
+      const current = getSnapshot(storageKey);
+      if (containsItem(current, item.code)) return false;
+      write(storageKey, addItem(current, item));
+      return true;
+    },
+    [storageKey]
+  );
+  const remove = React6.useCallback(
+    (code) => write(storageKey, removeItem(getSnapshot(storageKey), code)),
+    [storageKey]
+  );
+  const setQuantity = React6.useCallback(
+    (code, quantity) => write(storageKey, setItemQuantity(getSnapshot(storageKey), code, quantity)),
+    [storageKey]
+  );
+  const clear = React6.useCallback(() => write(storageKey, []), [storageKey]);
+  const has = React6.useCallback((code) => containsItem(items, code), [items]);
+  const submit = React6.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) {
@@ -4623,7 +4771,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,
@@ -4730,7 +4878,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,
@@ -6741,7 +6889,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,
@@ -6931,7 +7079,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);
@@ -7510,7 +7658,7 @@ function CartIconAndSidebar(rawProps) {
               ]
             }
           ),
-          props.showTotals && isHovered && totalItems > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-popover border border-border rounded-container shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap", children: [
+          props.showTotals && isHovered && totalItems > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-popover text-foreground border border-border rounded-container shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-label text-muted-foreground", children: totalLabel("totalLabel") }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-total font-semibold text-foreground", children: totalPrice })
@@ -7538,7 +7686,7 @@ function CartIconAndSidebar(rawProps) {
         "aria-modal": "true",
         "aria-label": sidebarTitle,
         "data-open": sidebarOpen ? "true" : "false",
-        className: cn(`propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`),
+        className: cn(`propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card text-foreground shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col h-full", children: isMounted ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-header flex items-center justify-between px-5 py-4 border-b border-border", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -8300,6 +8448,7 @@ function ClusterCard(rawProps) {
   const contentHidden = propellerV2CoreUi.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 ? "" : propellerV2CoreUi.formatPrice(priceValue, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
@@ -8334,6 +8483,7 @@ function ClusterCard(rawProps) {
       defaultProductInventory,
       clusterPrice,
       priceObj,
+      priceOnRequest,
       useTax,
       isRow,
       language,
@@ -8372,7 +8522,7 @@ function ClusterCard(rawProps) {
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "propeller-cluster-card__footer-meta flex items-center justify-between gap-3 md:contents", children: [
               props.showStock && defaultProductInventory ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardStock, {}) : null,
-              props.showPrice !== false && priceObj ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) : null
+              props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(ClusterCardViewClusterLink, {}) })
           ] })
@@ -8384,11 +8534,11 @@ function ClusterCard(rawProps) {
             textLabelValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardTextLabels, {}) : null,
             props.showManufacturer && manufacturer ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardManufacturer, {}) : null,
             props.showShortDescription && shortDescription ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardShortDescription, {}) : null,
-            props.showPrice !== false && priceObj ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) }) : null
+            props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto hidden md:block", children: /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) }) : null
           ] }),
-          props.showStock && defaultProductInventory || props.showPrice !== false && priceObj ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ClusterCardStock, {}) : null,
-            props.showPrice !== false && priceObj ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) : null
+            props.showPrice !== false && (priceObj || priceOnRequest) ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardPrice, {}) : null
           ] }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(ClusterCardViewClusterLink, {}) })
         ] })
@@ -8594,6 +8744,9 @@ function ClusterCardStock(props) {
 }
 function ClusterCardPrice(props) {
   const { derived, resolved } = useClusterCard();
+  if (derived.priceOnRequest) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: props.className ?? "propeller-cluster-card__price", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cluster-card__price-on-request text-sm text-foreground", children: propellerV2CoreUi.getLabel(resolved.labels, "priceOnRequest", "Price on request") }) });
+  }
   if (!derived.priceObj) return null;
   const InjectedPrice = resolved.priceComponent;
   if (InjectedPrice) {
@@ -8773,7 +8926,8 @@ function ProductPriceDisplay(props) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-price ${props.className || ""}`), "data-hidden": isHidden2() ? "true" : "false", children: [
     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: [
+    !isHidden2() && props.priceOnRequest ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-price__on-request text-sm text-foreground", children: propellerV2CoreUi.getLabel(props.labels, "priceOnRequest", "Price on request") }) : null,
+    !isHidden2() && !props.priceOnRequest && !!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(
           "span",
@@ -9149,6 +9303,20 @@ function ProductCardBelowName() {
 }
 function ProductCardPrice(props) {
   const { product, derived, resolved } = useProductCard();
+  const onRequest = isPriceOnRequest(product);
+  if (onRequest) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: props.className ?? "propeller-product-card__price", children: /* @__PURE__ */ jsxRuntime.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) {
@@ -9179,7 +9347,7 @@ function ProductCardPrice(props) {
   ) });
 }
 function ProductCardAddToCart(props) {
-  const { product, resolved } = useProductCard();
+  const { product, derived, resolved, handleProductClick } = useProductCard();
   if (propellerV2CoreUi.isContentHidden(resolved.portalMode, resolved.user, resolved.isAuthenticated)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoginToOrderButton_default,
@@ -9190,6 +9358,19 @@ function ProductCardAddToCart(props) {
       }
     );
   }
+  if (isPriceOnRequest(product)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: derived.productUrl,
+        onClick: handleProductClick,
+        className: cn(
+          `propeller-product-card__view-product inline-flex h-10 w-full items-center justify-center rounded-control bg-primary px-4 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 ${props.className || ""}`
+        ),
+        children: propellerV2CoreUi.getLabel(resolved.priceLabels, "requestPrice", "Request a price")
+      }
+    );
+  }
   const InjectedAddToCart = resolved.addToCartComponent;
   if (InjectedAddToCart) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -10129,7 +10310,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 getLabel59(key) {
+  function getLabel61(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS[key] || key;
   }
@@ -10167,8 +10348,8 @@ function GridToolbar(rawProps) {
   }
   function getAvailabilityLabel() {
     const qty = props.minStock;
-    if (qty !== void 0 && qty > propellerV2CoreUi.MIN_STOCK_THRESHOLD) return `${getLabel59("inStock")}: ${qty}+`;
-    return getLabel59("inStock");
+    if (qty !== void 0 && qty > propellerV2CoreUi.MIN_STOCK_THRESHOLD) return `${getLabel61("inStock")}: ${qty}+`;
+    return getLabel61("inStock");
   }
   function handleSortFieldChange(field) {
     setCurrentSortField(field);
@@ -10214,7 +10395,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 ? getLabel59("productSingular") : getLabel59("productPlural")
+            props.itemsFound === 1 ? getLabel61("productSingular") : getLabel61("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10225,7 +10406,7 @@ function GridToolbar(rawProps) {
                 onChange: (e) => handleOffsetChange(parseInt(e.target.value)),
                 children: getOffsetOptions()?.map((n) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: n, children: [
                   n,
-                  getLabel59("perPage")
+                  getLabel61("perPage")
                 ] }, n))
               }
             ),
@@ -10241,7 +10422,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel59(field)
+                    children: getLabel61(field)
                   },
                   field
                 ))
@@ -10254,8 +10435,8 @@ function GridToolbar(rawProps) {
                 value: currentSortOrder,
                 onChange: (e) => handleSortOrderChange(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.ASC, children: getLabel59("ASC") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.DESC, children: getLabel59("DESC") })
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.ASC, children: getLabel61("ASC") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: propellerSdkV2.SortOrder.DESC, children: getLabel61("DESC") })
                 ]
               }
             ),
@@ -10265,7 +10446,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__ */ jsxRuntime.jsxs(
                     "svg",
@@ -10323,7 +10504,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__ */ jsxRuntime.jsxs(
@@ -10334,7 +10515,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel59("price"),
+                getLabel61("price"),
                 ": ",
                 currencySymbol,
                 props.priceFilterMin ?? 0,
@@ -10386,7 +10567,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;
   }
@@ -10459,15 +10640,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__ */ jsxRuntime.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
           ] }),
@@ -10478,7 +10659,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,
@@ -10490,7 +10671,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__ */ jsxRuntime.jsx(
@@ -10517,7 +10698,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
@@ -11745,7 +11926,7 @@ function FavoriteListItemActions(props) {
       className: props.className ?? "propeller-favorite-list-item__actions flex items-center gap-2 flex-shrink-0",
       onClick: (e) => e.stopPropagation(),
       children: [
-        resolved.allowAddToCart !== false && isProduct && !!resolved.graphqlClient ? /* @__PURE__ */ jsxRuntime.jsx(
+        resolved.allowAddToCart !== false && isProduct && !!resolved.graphqlClient && !isPriceOnRequest(product) ? /* @__PURE__ */ jsxRuntime.jsx(
           AddToCart_default,
           {
             className: "flex items-center gap-2",
@@ -11820,7 +12001,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,
@@ -11925,7 +12106,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,
@@ -14391,6 +14572,130 @@ function OrderList(rawProps) {
   ] });
 }
 var OrderList_default = OrderList;
+function PriceRequestList(props) {
+  const [comment, setComment] = React6.useState("");
+  const [sent, setSent] = React6.useState(false);
+  const L = (key, fallback) => propellerV2CoreUi.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__ */ jsxRuntime.jsx("div", { className: cn(`propeller-price-request ${props.className || ""}`), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: cn(`propeller-price-request ${props.className || ""}`), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: cn(`propeller-price-request ${props.className || ""}`),
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-price-request__title mb-4 text-xl font-semibold text-foreground", children: L("title", "Price request") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "propeller-price-request__table w-full text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border text-left text-foreground-subtle", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colCode", "Article no. / SKU") }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colName", "Product name") }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "py-2 pr-4 font-medium", children: L("colQuantity", "Quantity") }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "py-2 w-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: L("remove", "Remove") }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: props.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border-subtle", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2 pr-4 font-mono text-xs text-foreground", children: item.code }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-2 pr-4 text-foreground", children: item.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "py-2 pr-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "sr-only", htmlFor: `pr-qty-${item.code}`, children: L("colQuantity", "Quantity") }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "py-2", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4", "aria-hidden": "true" })
+              }
+            ) })
+          ] }, item.code)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-price-request__comment mt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "label",
+            {
+              htmlFor: "propeller-price-request-comment",
+              className: "mb-2 block font-medium text-foreground",
+              children: L("comments", "Comments")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 ? propellerV2CoreUi.getLabel(props.labels, "requestPrice", "Request a price") : props.added ? propellerV2CoreUi.getLabel(props.labels, "priceRequested", "On your request list") : propellerV2CoreUi.getLabel(props.labels, "requestPrice", "Request a price");
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Tag, { 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;
@@ -14482,6 +14787,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,
@@ -14542,6 +14852,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,
@@ -16331,6 +16645,20 @@ function ProductInfoAddToCart(props = {}) {
       }
     );
   }
+  if (product?.orderable === propellerSdkV2.YesNo.N) return null;
+  if (isPriceOnRequest(product)) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -18895,7 +19223,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) {
@@ -19036,7 +19365,7 @@ function SearchBar(rawProps) {
                 // boilerplate's dark header band happened to make work: on a
                 // light header `bg-white/95 border-white/20` rendered as an
                 // invisible input.
-                "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-card border border-input rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
+                "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-card text-foreground border border-input rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
                 props.inputClassName
               ),
               placeholder: props.placeholder || "Search products...",
@@ -19046,7 +19375,7 @@ function SearchBar(rawProps) {
           ),
           searchLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__spinner-wrapper absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__spinner animate-spin rounded-full h-5 w-5 border-b-2 border-primary" }) }) : null
         ] }) }),
-        showDropdown ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__dropdown absolute top-full left-0 right-0 mt-2 bg-card rounded-container shadow-xl border border-border z-50 flex flex-col max-h-96", children: [
+        showDropdown ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__dropdown absolute top-full left-0 right-0 mt-2 bg-card text-foreground rounded-container shadow-xl border border-border z-50 flex flex-col max-h-96", children: [
           results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__results flex-1 overflow-y-auto", children: results?.map((result, index) => {
               const ResultTag = props.getResultHref ? "a" : "div";
@@ -19079,7 +19408,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    props.renderPrice ? props.renderPrice(result) : props.showPrice !== false && result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__result-price text-sm text-foreground flex-shrink-0 text-right", children: propellerV2CoreUi.getLabel(props.priceLabels, "priceOnRequest", "Price on request") }) : props.showPrice !== false && result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-value", children: formatItemPrice(leadingPrice(result)) }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground", children: priceTaxLabel() })
                     ] }) : null
@@ -19287,6 +19616,8 @@ exports.OrderList = OrderList_default;
 exports.OrderShipments = OrderShipments_default;
 exports.OrderSummary = OrderSummaryWithProvider_default;
 exports.OrderTotals = OrderTotalsWithProvider_default;
+exports.PRICE_REQUEST_STORAGE_KEY = PRICE_REQUEST_STORAGE_KEY;
+exports.PriceRequestList = PriceRequestList_default;
 exports.PriceToggle = PriceToggle_default;
 exports.ProductBulkPrices = ProductBulkPricesWithProvider_default;
 exports.ProductBundles = ProductBundles_default;
@@ -19310,12 +19641,18 @@ exports.PurchaseAuthorizationRequests = PurchaseAuthorizationRequests_default;
 exports.QuickOrder = QuickOrder;
 exports.QuoteActions = QuoteActions_default;
 exports.RegisterForm = RegisterForm_default;
+exports.RequestPriceButton = RequestPriceButton_default;
 exports.SearchBar = SearchBar_default;
 exports.UserDetails = UserDetails_default;
+exports.addPriceRequestItem = addItem;
 exports.buildRootMachinesQuery = buildRootMachinesQuery;
 exports.fetchActiveCart = fetchActiveCart;
 exports.initCart = initCart;
+exports.isPriceOnRequest = isPriceOnRequest;
 exports.mergeAnonymousCart = mergeAnonymousCart;
+exports.priceRequestContains = containsItem;
+exports.removePriceRequestItem = removeItem;
+exports.setPriceRequestItemQuantity = setItemQuantity;
 exports.useAddress = useAddress;
 exports.useAuth = useAuth;
 exports.useCart = useCart;
@@ -19327,6 +19664,7 @@ exports.useInfraProps = useInfraProps;
 exports.useMachines = useMachines;
 exports.useMenu = useMenu;
 exports.useOrders = useOrders;
+exports.usePriceRequest = usePriceRequest;
 exports.useProductBundles = useProductBundles;
 exports.useProductGridConfig = useProductGridConfig;
 exports.useProductInfo = useProductInfo;