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

package/dist/index.js

@@ -2041,6 +2041,7 @@ function useProductSearch(options) {
   const currentSortField = ref(options.sortField?.value ?? ProductSortField.RELEVANCE);
   const currentSortOrder = ref(options.sortOrder?.value ?? "DESC");
   function filterByLanguage(products, lang) {
+    if (!lang) return products;
     return products.filter((p2) => {
       const names = p2.names || p2.names || [];
       if (!names || names.length === 0) return true;
@@ -2190,15 +2191,24 @@ function useProductSearch(options) {
       if (!graphqlClient) return;
       searchLoading.value = true;
       try {
-        const service = createServices(graphqlClient).product;
         const lang = languageRef.value || "NL";
+        const service = 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 +2218,8 @@ function useProductSearch(options) {
             ProductStatus.T,
             ProductStatus.S
           ],
-          ...orderlistScope,
-          sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+          hidden: false,
+          term,
           searchFields: [
             {
               fieldNames: [
@@ -2236,16 +2246,34 @@ function useProductSearch(options) {
               ],
               boost: 1
             }
-          ]
+          ],
+          sortInputs: [{ field: ProductSortField.RELEVANCE, order: 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;
+        const rawItems = productsResponse?.items ?? [];
+        const items = filterByLanguage(rawItems, lang);
+        const untranslated = rawItems.length - items.length;
+        const apiTotal = productsResponse?.itemsFound ?? rawItems.length;
+        searchResults.value = items;
+        searchItemsFound.value = Math.max(0, apiTotal - untranslated);
       } catch {
         searchResults.value = [];
         searchItemsFound.value = 0;
@@ -20081,9 +20109,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const url = typeof builder === "function" ? builder(item, infra.language) : isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
       const priceNet = displayItem?.price?.net || 0;
       const priceGross = displayItem?.price?.gross || 0;
+      const lang = infra.language;
+      const localizedName = lang && item.names?.find((n) => n.language === lang)?.value || item.names?.[0]?.value || "Product";
       return {
         id,
-        name: item.names?.[0]?.value || "Product",
+        name: localizedName,
         sku: item.sku || displayItem?.sku || "",
         // `price` stays gross for back-compat; the row picks net/gross per toggle.
         price: priceGross,