@wix/headless-stores 0.0.43 → 0.0.44

package/cjs/dist/react/ProductListFilters.d.ts

@@ -171,6 +171,7 @@ export interface PriceRangeRenderProps {
 export declare function PriceRange(props: PriceRangeProps): ReactNode;
 export interface CategoryFilterRenderProps {
     selectedCategory: Category | null;
+    setSelectedCategory: (category: Category | null) => void;
 }
 export interface CategoryFilterProps {
     /** Content to display (can be a render function receiving category data or ReactNode) */

package/cjs/dist/react/ProductListFilters.js

@@ -151,8 +151,9 @@ export function PriceRange(props) {
 export function CategoryFilter(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const selectedCategory = service.selectedCategory.get();
+    const setSelectedCategory = service.setSelectedCategory;
     return typeof props.children === "function"
-        ? props.children({ selectedCategory })
+        ? props.children({ selectedCategory, setSelectedCategory })
         : props.children;
 }
 /**

package/cjs/dist/services/products-list-search-service.d.ts

@@ -90,7 +90,9 @@ export declare const ProductsListSearchServiceDefinition: string & {
         toggleInventoryStatus: (status: InventoryStatusType) => void;
         toggleProductOption: (optionId: string, choiceId: string) => void;
         setSelectedCategory: (category: Category | null) => void;
-        isFiltered: Signal<boolean>;
+        isFiltered: {
+            get: () => boolean;
+        };
         reset: () => void;
     };
     __config: {};
@@ -126,7 +128,9 @@ export declare const ProductsListSearchServiceDefinition: string & {
     toggleInventoryStatus: (status: InventoryStatusType) => void;
     toggleProductOption: (optionId: string, choiceId: string) => void;
     setSelectedCategory: (category: Category | null) => void;
-    isFiltered: Signal<boolean>;
+    isFiltered: {
+        get: () => boolean;
+    };
     reset: () => void;
 };
 /**
@@ -179,7 +183,9 @@ export declare const ProductsListSearchService: import("@wix/services-definition
         toggleInventoryStatus: (status: InventoryStatusType) => void;
         toggleProductOption: (optionId: string, choiceId: string) => void;
         setSelectedCategory: (category: Category | null) => void;
-        isFiltered: Signal<boolean>;
+        isFiltered: {
+            get: () => boolean;
+        };
         reset: () => void;
     };
     __config: {};
@@ -215,6 +221,8 @@ export declare const ProductsListSearchService: import("@wix/services-definition
     toggleInventoryStatus: (status: InventoryStatusType) => void;
     toggleProductOption: (optionId: string, choiceId: string) => void;
     setSelectedCategory: (category: Category | null) => void;
-    isFiltered: Signal<boolean>;
+    isFiltered: {
+        get: () => boolean;
+    };
     reset: () => void;
 }, ProductsListSearchServiceConfig>;

package/cjs/dist/services/products-list-search-service.js

@@ -438,7 +438,31 @@ export const ProductsListSearchService = implementService.withConfig()(ProductsL
     const selectedCategorySignal = signalsService.signal(initialSearchState?.category || null);
     const selectedVisibleSignal = signalsService.signal(initialSearchState?.visible ?? null);
     const selectedProductTypeSignal = signalsService.signal(initialSearchState?.productType || null);
-    const isFilteredSignal = signalsService.signal(false);
+    // Computed signal to check if any filters are applied
+    const isFilteredSignal = signalsService.computed(() => {
+        const catalogPriceRange = getCatalogPriceRange(productsListService.aggregations.get()?.results || []);
+        const minPrice = userFilterMinPriceSignal.get();
+        const maxPrice = userFilterMaxPriceSignal.get();
+        const selectedInventoryStatuses = selectedInventoryStatusesSignal.get();
+        const selectedProductOptions = selectedProductOptionsSignal.get();
+        const selectedCategory = selectedCategorySignal.get();
+        const selectedVisible = selectedVisibleSignal.get();
+        const selectedProductType = selectedProductTypeSignal.get();
+        // Check if any filters are different from default values
+        const hasPriceFilter = minPrice > catalogPriceRange.minPrice ||
+            maxPrice < catalogPriceRange.maxPrice;
+        const hasInventoryFilter = selectedInventoryStatuses.length > 0;
+        const hasProductOptionsFilter = Object.keys(selectedProductOptions).length > 0;
+        const hasCategoryFilter = selectedCategory !== null;
+        const hasVisibilityFilter = selectedVisible !== null;
+        const hasProductTypeFilter = selectedProductType !== null;
+        return (hasPriceFilter ||
+            hasInventoryFilter ||
+            hasProductOptionsFilter ||
+            hasCategoryFilter ||
+            hasVisibilityFilter ||
+            hasProductTypeFilter);
+    });
     // Computed signals for pagination
     const hasNextPageSignal = signalsService.computed(() => {
         const pagingMetadata = productsListService.pagingMetadata.get();
@@ -721,7 +745,6 @@ export const ProductsListSearchService = implementService.withConfig()(ProductsL
             selectedCategorySignal.set(null);
             selectedVisibleSignal.set(null);
             selectedProductTypeSignal.set(null);
-            isFilteredSignal.set(false);
         },
     };
 });

package/dist/react/ProductListFilters.d.ts

@@ -171,6 +171,7 @@ export interface PriceRangeRenderProps {
 export declare function PriceRange(props: PriceRangeProps): ReactNode;
 export interface CategoryFilterRenderProps {
     selectedCategory: Category | null;
+    setSelectedCategory: (category: Category | null) => void;
 }
 export interface CategoryFilterProps {
     /** Content to display (can be a render function receiving category data or ReactNode) */

package/dist/react/ProductListFilters.js

@@ -151,8 +151,9 @@ export function PriceRange(props) {
 export function CategoryFilter(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const selectedCategory = service.selectedCategory.get();
+    const setSelectedCategory = service.setSelectedCategory;
     return typeof props.children === "function"
-        ? props.children({ selectedCategory })
+        ? props.children({ selectedCategory, setSelectedCategory })
         : props.children;
 }
 /**

package/dist/services/products-list-search-service.d.ts

@@ -90,7 +90,9 @@ export declare const ProductsListSearchServiceDefinition: string & {
         toggleInventoryStatus: (status: InventoryStatusType) => void;
         toggleProductOption: (optionId: string, choiceId: string) => void;
         setSelectedCategory: (category: Category | null) => void;
-        isFiltered: Signal<boolean>;
+        isFiltered: {
+            get: () => boolean;
+        };
         reset: () => void;
     };
     __config: {};
@@ -126,7 +128,9 @@ export declare const ProductsListSearchServiceDefinition: string & {
     toggleInventoryStatus: (status: InventoryStatusType) => void;
     toggleProductOption: (optionId: string, choiceId: string) => void;
     setSelectedCategory: (category: Category | null) => void;
-    isFiltered: Signal<boolean>;
+    isFiltered: {
+        get: () => boolean;
+    };
     reset: () => void;
 };
 /**
@@ -179,7 +183,9 @@ export declare const ProductsListSearchService: import("@wix/services-definition
         toggleInventoryStatus: (status: InventoryStatusType) => void;
         toggleProductOption: (optionId: string, choiceId: string) => void;
         setSelectedCategory: (category: Category | null) => void;
-        isFiltered: Signal<boolean>;
+        isFiltered: {
+            get: () => boolean;
+        };
         reset: () => void;
     };
     __config: {};
@@ -215,6 +221,8 @@ export declare const ProductsListSearchService: import("@wix/services-definition
     toggleInventoryStatus: (status: InventoryStatusType) => void;
     toggleProductOption: (optionId: string, choiceId: string) => void;
     setSelectedCategory: (category: Category | null) => void;
-    isFiltered: Signal<boolean>;
+    isFiltered: {
+        get: () => boolean;
+    };
     reset: () => void;
 }, ProductsListSearchServiceConfig>;

package/dist/services/products-list-search-service.js

@@ -438,7 +438,31 @@ export const ProductsListSearchService = implementService.withConfig()(ProductsL
     const selectedCategorySignal = signalsService.signal(initialSearchState?.category || null);
     const selectedVisibleSignal = signalsService.signal(initialSearchState?.visible ?? null);
     const selectedProductTypeSignal = signalsService.signal(initialSearchState?.productType || null);
-    const isFilteredSignal = signalsService.signal(false);
+    // Computed signal to check if any filters are applied
+    const isFilteredSignal = signalsService.computed(() => {
+        const catalogPriceRange = getCatalogPriceRange(productsListService.aggregations.get()?.results || []);
+        const minPrice = userFilterMinPriceSignal.get();
+        const maxPrice = userFilterMaxPriceSignal.get();
+        const selectedInventoryStatuses = selectedInventoryStatusesSignal.get();
+        const selectedProductOptions = selectedProductOptionsSignal.get();
+        const selectedCategory = selectedCategorySignal.get();
+        const selectedVisible = selectedVisibleSignal.get();
+        const selectedProductType = selectedProductTypeSignal.get();
+        // Check if any filters are different from default values
+        const hasPriceFilter = minPrice > catalogPriceRange.minPrice ||
+            maxPrice < catalogPriceRange.maxPrice;
+        const hasInventoryFilter = selectedInventoryStatuses.length > 0;
+        const hasProductOptionsFilter = Object.keys(selectedProductOptions).length > 0;
+        const hasCategoryFilter = selectedCategory !== null;
+        const hasVisibilityFilter = selectedVisible !== null;
+        const hasProductTypeFilter = selectedProductType !== null;
+        return (hasPriceFilter ||
+            hasInventoryFilter ||
+            hasProductOptionsFilter ||
+            hasCategoryFilter ||
+            hasVisibilityFilter ||
+            hasProductTypeFilter);
+    });
     // Computed signals for pagination
     const hasNextPageSignal = signalsService.computed(() => {
         const pagingMetadata = productsListService.pagingMetadata.get();
@@ -721,7 +745,6 @@ export const ProductsListSearchService = implementService.withConfig()(ProductsL
             selectedCategorySignal.set(null);
             selectedVisibleSignal.set(null);
             selectedProductTypeSignal.set(null);
-            isFilteredSignal.set(false);
         },
     };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",