@salla.sa/twilight-components 2.14.460 → 2.14.462

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

@@ -78,7 +78,6 @@ 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));
-        this.filtersSnapshot = this.parsedFilters;
         if (this.currentPage?.slug == "product.index" && this.parsedFilters && this.parsedFilters.category_id) {
             this.currentCategoryIdFilter = [this.parsedFilters.category_id];
         }
@@ -112,6 +111,31 @@ export class SallaProductsList {
     isFilterable() {
         return salla.config.get('store.settings.product.filters') && this.filtersResults;
     }
+    getCachedFilters() {
+        if (!Array.isArray(this.filtersSnapshot) || !this.filtersSnapshot.length) {
+            return null;
+        }
+        return JSON.parse(JSON.stringify(this.filtersSnapshot));
+    }
+    emitFilters(response) {
+        if (!this.isFilterable()) {
+            return;
+        }
+        if (response.filters) {
+            this.filtersResults = true;
+            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
+            salla.event.emit('filters::fetched', { filters: response.filters });
+            return;
+        }
+        const cachedFilters = response.cursor?.current > 1 ? this.getCachedFilters() : null;
+        if (cachedFilters) {
+            this.filtersResults = true;
+            salla.event.emit('filters::fetched', { filters: cachedFilters });
+            return;
+        }
+        this.filtersSnapshot = [];
+        salla.event.emit('filters::hidden');
+    }
     isSourceWithoutValue() {
         return ['offers', 'latest', 'sales', 'wishlist', 'top-rated', 'reorder'].includes(this.getSource());
     }
@@ -400,8 +424,9 @@ export class SallaProductsList {
         if (storedState) {
             try {
                 const { pageIndex, nextPage, currentPageData } = JSON.parse(storedState);
-                if (filetrsState !== 'undefined') {
+                if (filetrsState && filetrsState !== 'undefined') {
                     const filters = JSON.parse(filetrsState);
+                    this.filtersSnapshot = JSON.parse(JSON.stringify(filters));
                     salla.event.emit('filters::fetched', { filters });
                 }
                 this.page = pageIndex;
@@ -773,7 +798,6 @@ export class SallaProductsList {
                         let catId = this.parsedFilters.category_id || 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 ?? '';
-                        this.filtersSnapshot = response.filters;
                     }
                     title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
                     if (response.data.length === 15) {
@@ -796,14 +820,7 @@ export class SallaProductsList {
         salla.event.emit('salla-products-list::products.fetched', response);
         this.productsFetched.emit(response);
         //💡 when source is related, cursor will not be existed
-        if (response.filters && this.isFilterable()) {
-            this.filtersResults = true;
-            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
-            salla.event.emit('filters::fetched', { filters: response.filters });
-        }
-        else if (this.isFilterable()) {
-            salla.event.emit('filters::hidden');
-        }
+        this.emitFilters(response);
         //because: this.nextPage is state we don't need to touch it after the build, to avoid the re-rendering
         if (shouldBuildNextPage) {
             this.nextPage = await this.resolveNextPageFromCursor(response);