@propeller-commerce/propeller-v2-vue-ui 0.3.37 → 0.3.38

package/CHANGELOG.md

@@ -8,6 +8,20 @@ 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.3.38] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest orderlist scoping — real fix.** 0.3.37 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).
+
 ## [0.3.37] - 2026-07-21
 
 ### Fixed

package/dist/index.cjs

@@ -2190,15 +2190,24 @@ function useProductSearch(options) {
       if (!graphqlClient) return;
       searchLoading.value = true;
       try {
-        const service = index.createServices(graphqlClient).product;
         const lang = languageRef.value || "NL";
+        const service = index.createServices(graphqlClient).category;
+        const catId = configuration?.baseCategoryId ?? 0;
+        if (!catId) {
+          searchResults.value = [];
+          searchItemsFound.value = 0;
+          return;
+        }
         const searchOrderlistIds = options.orderlistIds?.value;
         const orderlistScope = searchOrderlistIds && searchOrderlistIds.length > 0 ? {
           applyOrderlists: options.applyOrderlists?.value !== false,
           orderlistIds: searchOrderlistIds
         } : { applyOrderlists: false };
-        const input = {
-          term,
+        const user = userRef.value;
+        const userId = user && "contactId" in user ? user.contactId : user && "customerId" in user ? user.customerId : void 0;
+        const contactId = user && "contactId" in user ? user.contactId : void 0;
+        const customerId = user && "customerId" in user ? user.customerId : void 0;
+        const categoryProductSearchInput = {
           language: lang,
           page: 1,
           offset: 10,
@@ -2208,8 +2217,8 @@ function useProductSearch(options) {
             propellerSdkV2.ProductStatus.T,
             propellerSdkV2.ProductStatus.S
           ],
-          ...orderlistScope,
-          sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.SortOrder.DESC }],
+          hidden: false,
+          term,
           searchFields: [
             {
               fieldNames: [
@@ -2236,16 +2245,30 @@ function useProductSearch(options) {
               ],
               boost: 1
             }
-          ]
+          ],
+          sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.SortOrder.DESC }],
+          ...companyIdRef.value && { companyId: companyIdRef.value },
+          ...userId !== void 0 && { userId },
+          ...orderlistScope
+        };
+        const priceCalculateProductInput = {
+          taxZone,
+          ...companyIdRef.value && { companyId: companyIdRef.value },
+          ...contactId !== void 0 && { contactId },
+          ...customerId !== void 0 && { customerId }
         };
         const variables = {
-          input,
+          categoryId: catId,
           language: lang,
+          categoryProductSearchInput,
+          priceCalculateProductInput,
+          imageSearchFilters: configuration?.imageSearchFiltersGrid,
           imageVariantFilters: configuration?.imageVariantFiltersMedium
         };
-        const result = await service.getProducts(variables);
-        searchResults.value = result?.items ?? [];
-        searchItemsFound.value = result?.itemsFound ?? searchResults.value.length;
+        const response = await service.getCategory(variables);
+        const productsResponse = response?.products;
+        searchResults.value = productsResponse?.items ?? [];
+        searchItemsFound.value = productsResponse?.itemsFound ?? searchResults.value.length;
       } catch {
         searchResults.value = [];
         searchItemsFound.value = 0;