@propeller-commerce/propeller-v2-react-ui 0.4.27 → 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;
@@ -2344,13 +2345,21 @@ function useProductSearch(options) {
         if (!graphqlClient) return;
         setSearchLoading(true);
         try {
-          const service = createServices(graphqlClient).product;
+          const service = 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,
@@ -2360,8 +2369,8 @@ function useProductSearch(options) {
               ProductStatus.T,
               ProductStatus.S
             ],
-            ...orderlistScope,
-            sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+            hidden: false,
+            term,
             searchFields: [
               {
                 fieldNames: [
@@ -2388,17 +2397,34 @@ function useProductSearch(options) {
                 ],
                 boost: 1
               }
-            ]
+            ],
+            sortInputs: [{ field: ProductSortField.RELEVANCE, order: 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);
@@ -17185,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;
@@ -17193,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.
@@ -17222,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) {