@propeller-commerce/propeller-v2-react-ui 0.4.27 → 0.4.29

package/CHANGELOG.md

@@ -8,6 +8,34 @@ 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.29] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest now filters results by the active language.**
+  Follow-up to 0.4.28's category-search routing: the backend search matches
+  across all languages, so FR/ES-only products leaked into an EN preview. The
+  autosuggest now drops results with no name in the active language (and
+  adjusts the "View all (N)" total by the dropped count), and the result row
+  displays the name in the active language (falling back to the first
+  available) instead of always the first name in the array. Restores the
+  behaviour of the pre-package local search bar.
+
+## [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

package/dist/index.cjs

@@ -2177,6 +2177,7 @@ function useProductSearch(options) {
   );
   const isLoading = !isControlled && internalLoading;
   function filterByLanguage(products, lang) {
+    if (!lang) return products;
     return products.filter((p) => {
       const names = p.names || p.names || [];
       if (!names || names.length === 0) return true;
@@ -2364,13 +2365,21 @@ function useProductSearch(options) {
         if (!graphqlClient) return;
         setSearchLoading(true);
         try {
-          const service = propellerV2CoreUi.createServices(graphqlClient).product;
+          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 input = {
-            term,
+          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,
@@ -2380,8 +2389,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: [
@@ -2408,17 +2417,34 @@ 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 rawItems = productsResponse?.items ?? [];
+          const items = filterByLanguage(rawItems, language);
+          const untranslated = rawItems.length - items.length;
+          const apiTotal = productsResponse?.itemsFound ?? rawItems.length;
           setSearchResults(items);
-          setSearchItemsFound(result?.itemsFound ?? items.length);
+          setSearchItemsFound(Math.max(0, apiTotal - untranslated));
         } catch {
           setSearchResults([]);
           setSearchItemsFound(0);
@@ -17205,7 +17231,7 @@ function RegisterForm(rawProps) {
   ] });
 }
 var RegisterForm_default = RegisterForm;
-function mapToSearchBarResult(item) {
+function mapToSearchBarResult(item, language) {
   const isCluster = "clusterId" in item;
   const displayItem = isCluster ? item.defaultProduct : item;
   const id = isCluster ? item.clusterId : item.productId;
@@ -17213,9 +17239,10 @@ function mapToSearchBarResult(item) {
   const url = isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
   const priceNet = displayItem?.price?.net || 0;
   const priceGross = displayItem?.price?.gross || 0;
+  const localizedName = language && item.names?.find((n) => n.language === language)?.value || item.names?.[0]?.value || "Product";
   return {
     id,
-    name: item.names?.[0]?.value || "Product",
+    name: localizedName,
     sku: item.sku || displayItem?.sku || "",
     // `price` stays the gross value for back-compat; the row picks net/gross
     // from the two explicit fields below per the toggle.
@@ -17242,7 +17269,7 @@ function SearchBar(rawProps) {
     orderlistIds: props.orderlistIds,
     applyOrderlists: props.applyOrderlists
   });
-  const results = searchResults.slice(0, maxResults).map((item) => mapToSearchBarResult(item));
+  const results = searchResults.slice(0, maxResults).map((item) => mapToSearchBarResult(item, props.language));
   const itemsFound = searchItemsFound;
   function formatItemPrice(price) {
     if (props.formatPrice) {