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

package/CHANGELOG.md

@@ -8,6 +8,43 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.4.28] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest orderlist scoping — real fix.** 0.4.27 set
+  `orderlistIds`/`applyOrderlists` on the flat `products` search input, but the
+  server's `products` resolver does not honour orderlist scoping (only the
+  `category.products` resolver does), so the preview still leaked the full
+  catalogue inside a contract. The debounced autosuggest now runs the **same
+  category term-search the grid uses** (`getCategory` over the base category)
+  instead of the flat `getProducts`, so contract scoping is applied server-side
+  and the preview matches the grid exactly. Requires
+  `configuration.baseCategoryId` (already provided by all consumers); previews
+  no-op without it, as before.
+
+## [0.4.27] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest now respects orderlist (contract) scoping.** The
+  debounced live-search query built a plain `ProductSearchInput` that never
+  passed `orderlistIds`/`applyOrderlists`, so the dropdown previewed the full
+  catalogue even inside a B2B contract catalogue (the submitted results were
+  already correctly scoped — only the preview leaked). It now threads the same
+  orderlist scope as the grid fetch, so previews and results agree and a PDP
+  outside the contract is no longer reachable from the preview.
+
+### Added
+
+- **`SearchBar`: `renderPrice` + `showPrice` props.** `renderPrice(result)`
+  replaces the price cell of each result with custom content (return any node,
+  or `null` to render nothing) — e.g. a "Price by quotation" label for a
+  contract catalogue where prices are quote-only; it fully overrides the
+  default price rendering. `showPrice` (default `true`) is a simpler boolean to
+  hide the price column outright. Both default to the previous behaviour, so
+  the change is backward-compatible.
+
 ## [0.4.26] - 2026-07-21
 
 ### Added

package/dist/index.cjs

@@ -2364,9 +2364,21 @@ function useProductSearch(options) {
         if (!graphqlClient) return;
         setSearchLoading(true);
         try {
-          const service = propellerV2CoreUi.createServices(graphqlClient).product;
-          const input = {
-            term,
+          const service = propellerV2CoreUi.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,
@@ -2376,7 +2388,8 @@ function useProductSearch(options) {
               propellerSdkV2.ProductStatus.T,
               propellerSdkV2.ProductStatus.S
             ],
-            sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.SortOrder.DESC }],
+            hidden: false,
+            term,
             searchFields: [
               {
                 fieldNames: [
@@ -2403,17 +2416,31 @@ function useProductSearch(options) {
                 ],
                 boost: 1
               }
-            ]
+            ],
+            sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.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);
@@ -2422,7 +2449,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]
   );
   React6.useEffect(() => {
     if (!isControlled) fetchProducts();
@@ -17382,7 +17410,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    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.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