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

package/dist/index.js

@@ -2157,6 +2157,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;
@@ -2418,9 +2419,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);
@@ -17207,7 +17211,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;
@@ -17215,9 +17219,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.
@@ -17244,7 +17249,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) {