@propeller-commerce/propeller-v2-react-ui 0.4.26 → 0.4.28

package/dist/index.d.cts

@@ -6624,6 +6624,21 @@ interface SearchBarProps {
      * Omit to keep the div-based fallback.
      */
     getViewAllHref?: (term: string) => string;
+    /**
+     * Show the price column on each autosuggest result. Defaults to `true`.
+     * Set `false` to hide prices entirely in the dropdown — e.g. a B2B
+     * contract-catalogue context where prices are quote-only and shouldn't
+     * appear in the live preview. Ignored when {@link renderPrice} is provided.
+     */
+    showPrice?: boolean;
+    /**
+     * Replace the price cell of each result with custom content. When provided,
+     * this fully overrides the default price rendering (and `showPrice`) — return
+     * any node (e.g. a "Price by quotation" label for a contract catalogue), or
+     * `null` to render nothing for that result. Keeps price/quotation wording
+     * app-specific rather than baked into the package.
+     */
+    renderPrice?: (result: SearchBarResult) => React$1.ReactNode;
     /** Custom price formatting function */
     formatPrice?: (price: number) => string;
     /** Currency symbol for prices. Resolved from PropellerProvider when omitted; defaults to '€'. */

package/dist/index.d.ts

@@ -6624,6 +6624,21 @@ interface SearchBarProps {
      * Omit to keep the div-based fallback.
      */
     getViewAllHref?: (term: string) => string;
+    /**
+     * Show the price column on each autosuggest result. Defaults to `true`.
+     * Set `false` to hide prices entirely in the dropdown — e.g. a B2B
+     * contract-catalogue context where prices are quote-only and shouldn't
+     * appear in the live preview. Ignored when {@link renderPrice} is provided.
+     */
+    showPrice?: boolean;
+    /**
+     * Replace the price cell of each result with custom content. When provided,
+     * this fully overrides the default price rendering (and `showPrice`) — return
+     * any node (e.g. a "Price by quotation" label for a contract catalogue), or
+     * `null` to render nothing for that result. Keeps price/quotation wording
+     * app-specific rather than baked into the package.
+     */
+    renderPrice?: (result: SearchBarResult) => React$1.ReactNode;
     /** Custom price formatting function */
     formatPrice?: (price: number) => string;
     /** Currency symbol for prices. Resolved from PropellerProvider when omitted; defaults to '€'. */

package/dist/index.js

@@ -2344,9 +2344,21 @@ function useProductSearch(options) {
         if (!graphqlClient) return;
         setSearchLoading(true);
         try {
-          const service = createServices(graphqlClient).product;
-          const input = {
-            term,
+          const service = createServices(graphqlClient).category;
+          const catId = configuration?.baseCategoryId ?? 0;
+          if (!catId) {
+            setSearchResults([]);
+            setSearchItemsFound(0);
+            return;
+          }
+          const orderlistScope = options.orderlistIds && options.orderlistIds.length > 0 ? {
+            applyOrderlists: options.applyOrderlists !== false,
+            orderlistIds: options.orderlistIds
+          } : { applyOrderlists: false };
+          const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
+          const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
+          const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
+          const categoryProductSearchInput = {
             language,
             page: 1,
             offset: 10,
@@ -2356,7 +2368,8 @@ function useProductSearch(options) {
               ProductStatus.T,
               ProductStatus.S
             ],
-            sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+            hidden: false,
+            term,
             searchFields: [
               {
                 fieldNames: [
@@ -2383,17 +2396,31 @@ function useProductSearch(options) {
                 ],
                 boost: 1
               }
-            ]
+            ],
+            sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+            ...options.companyId && { companyId: options.companyId },
+            ...userId !== void 0 && { userId },
+            ...orderlistScope
+          };
+          const priceCalculateProductInput = {
+            taxZone,
+            ...options.companyId && { companyId: options.companyId },
+            ...contactId !== void 0 && { contactId },
+            ...customerId !== void 0 && { customerId }
           };
           const variables = {
-            input,
+            categoryId: catId,
             language,
+            categoryProductSearchInput,
+            priceCalculateProductInput,
+            imageSearchFilters: configuration?.imageSearchFiltersGrid,
             imageVariantFilters: configuration?.imageVariantFiltersMedium
           };
-          const result = await service.getProducts(variables);
-          const items = result?.items ?? [];
+          const response = await service.getCategory(variables);
+          const productsResponse = response?.products;
+          const items = productsResponse?.items ?? [];
           setSearchResults(items);
-          setSearchItemsFound(result?.itemsFound ?? items.length);
+          setSearchItemsFound(productsResponse?.itemsFound ?? items.length);
         } catch {
           setSearchResults([]);
           setSearchItemsFound(0);
@@ -2402,7 +2429,8 @@ function useProductSearch(options) {
         }
       }, 300);
     },
-    [graphqlClient, language, configuration, userKey]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [graphqlClient, language, configuration, userKey, JSON.stringify(options.orderlistIds ?? []), options.applyOrderlists]
   );
   useEffect(() => {
     if (!isControlled) fetchProducts();
@@ -17362,7 +17390,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    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.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