@salla.sa/twilight-components 2.14.486 → 2.14.487

package/dist/collection/components/salla-products-list/salla-products-list.js

@@ -134,10 +134,11 @@ export class SallaProductsList {
         window.scrollTo({ top: 0, behavior: 'smooth' });
         // Create a deep copy of the filters object to avoid mutating the original object
         this.parsedFilters = JSON.parse(JSON.stringify(filters));
-        if (this.currentPage?.slug == 'product.index' &&
-            this.parsedFilters &&
-            this.parsedFilters.category_id) {
-            this.currentCategoryIdFilter = [this.parsedFilters.category_id];
+        if (this.currentPage?.slug == 'product.index') {
+            // clear when category_id disappears, otherwise getSourceValue() keeps filtering by the removed category
+            this.currentCategoryIdFilter = this.parsedFilters?.category_id
+                ? this.toCategoryIdFilter(this.parsedFilters.category_id)
+                : null;
         }
         return this.reload();
     }
@@ -600,6 +601,14 @@ export class SallaProductsList {
     isAuxiliaryProductsListSource() {
         return ['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource());
     }
+    // Normalize a category_id filter (array, legacy {0:,1:} object, or scalar) into a flat list of ids
+    toCategoryIdFilter(catId) {
+        if (Array.isArray(catId))
+            return catId;
+        if (catId && typeof catId === 'object')
+            return Object.values(catId);
+        return [catId];
+    }
     getSourceValue() {
         if (this.getSource() === 'wishlist') {
             const searchParams = new URLSearchParams(window.location.search);
@@ -904,7 +913,7 @@ export class SallaProductsList {
                 this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');
                 this.parsedFilters = Helper.extractFiltersFromUrl(searchParams);
                 if (this.parsedFilters && this.parsedFilters.category_id) {
-                    this.currentCategoryIdFilter = [this.parsedFilters.category_id];
+                    this.currentCategoryIdFilter = this.toCategoryIdFilter(this.parsedFilters.category_id);
                 }
             }
             catch (e) {
@@ -1025,12 +1034,15 @@ export class SallaProductsList {
                         title = salla.lang.get('common.elements.search_about', { word: this.getSourceValue() });
                     }
                     else if (!title) {
-                        let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
+                        // with user-applied filters a category name in the title is misleading — show count only;
+                        // the unfiltered base state keeps the page category's name
+                        let catId = Object.keys(this.parsedFilters || {}).length ? null : this.getSourceValue()[0];
                         // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
                         title =
                             response.filters
                                 ?.find(filter => filter.key === 'category_id')
-                                ?.values?.find(cat => cat.key === catId)?.value ?? '';
+                                // loose == : catId may be a number (auto-appended page.id) while API keys are strings
+                                ?.values?.find(cat => cat.key == catId)?.value ?? '';
                     }
                     title +=
                         (title ? ' - ' : '') +

package/dist/components/Helper.js

@@ -114,8 +114,13 @@ class Helper {
             if (matchesNested) {
                 const filterName = matchesNested[1];
                 const nestedKey = matchesNested[3];
-                if (nestedKey) {
-                    // Handle nested object
+                if (nestedKey === '' || /^\d+$/.test(nestedKey)) {
+                    // Handle array (OR within a group), e.g. filters[brand_id][] or filters[brand_id][0]
+                    filters[filterName] = Array.isArray(filters[filterName]) ? filters[filterName] : [];
+                    filters[filterName].push(value);
+                }
+                else if (nestedKey) {
+                    // Handle nested object, e.g. filters[price][min]
                     filters[filterName] = filters[filterName] || {};
                     filters[filterName][nestedKey] = value;
                 }