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

package/CHANGELOG.md

@@ -8,6 +8,19 @@ 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

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;
@@ -2438,9 +2439,12 @@ function useProductSearch(options) {
           };
           const response = await service.getCategory(variables);
           const productsResponse = response?.products;
-          const items = productsResponse?.items ?? [];
+          const rawItems = productsResponse?.items ?? [];
+          const items = filterByLanguage(rawItems, language);
+          const untranslated = rawItems.length - items.length;
+          const apiTotal = productsResponse?.itemsFound ?? rawItems.length;
           setSearchResults(items);
-          setSearchItemsFound(productsResponse?.itemsFound ?? items.length);
+          setSearchItemsFound(Math.max(0, apiTotal - untranslated));
         } catch {
           setSearchResults([]);
           setSearchItemsFound(0);
@@ -17227,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;
@@ -17235,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.
@@ -17264,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) {