@wix/headless-stores 0.0.109 → 0.0.111

package/cjs/dist/react/ProductList.js

@@ -1,14 +1,53 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Sort as SortPrimitive, GenericList, } from '@wix/headless-components/react';
-import { useService } from '@wix/services-manager-react';
-import React from 'react';
-import { ProductsListServiceDefinition } from '../services/products-list-service.js';
-import * as CoreProductList from './core/ProductList.js';
-import { ProductListSort as ProductListSortPrimitive } from './core/ProductListSort.js';
-import * as CoreProductListFilters from './core/ProductListFilters.js';
-import * as Product from './Product.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { DataComponentTags } from '../data-component-tags.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Error = exports.FilterResetTrigger = exports.Filter = exports.Sort = exports.TotalsDisplayed = exports.LoadMoreTrigger = exports.ProductRepeater = exports.Products = exports.Raw = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@wix/headless-components/react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const react_2 = __importDefault(require("react"));
+const products_list_service_js_1 = require("../services/products-list-service.js");
+const CoreProductList = __importStar(require("./core/ProductList.js"));
+const ProductListSort_js_1 = require("./core/ProductListSort.js");
+const CoreProductListFilters = __importStar(require("./core/ProductListFilters.js"));
+const Product = __importStar(require("./Product.js"));
+const react_3 = require("@wix/headless-utils/react");
+const data_component_tags_js_1 = require("../data-component-tags.js");
 var TestIds;
 (function (TestIds) {
     TestIds["productListRoot"] = "product-list-root";
@@ -44,7 +83,7 @@ var TestIds;
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_2.default.forwardRef((props, ref) => {
     const { children, products, productsListConfig, className, variant } = props;
     const serviceConfig = productsListConfig || {
         products: products || [],
@@ -59,20 +98,20 @@ export const Root = React.forwardRef((props, ref) => {
         }, // Empty aggregation data
         customizations: [],
     };
-    return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref, variant: variant }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreProductList.Root, { productsListConfig: serviceConfig, children: (0, jsx_runtime_1.jsx)(RootContent, { children: children, className: className, ref: ref, variant: variant }) }));
 });
-Root.displayName = 'ProductList.Root';
+exports.Root.displayName = 'ProductList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
-const RootContent = React.forwardRef((props, ref) => {
+const RootContent = react_2.default.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    const productsListService = useService(ProductsListServiceDefinition);
+    const productsListService = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const items = productsListService.products.get().map((product) => ({
         ...product,
         id: product._id,
     }));
-    return (_jsx(GenericList.Root, { items: items, loadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-component-tag": DataComponentTags.productListRoot, "data-testid": TestIds.productListRoot, variant: variant, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_1.GenericList.Root, { items: items, loadMore: () => productsListService.loadMore(10), hasMore: productsListService.hasMoreProducts.get(), isLoading: productsListService.isLoading.get(), className: className, ref: ref, "data-component-tag": data_component_tags_js_1.DataComponentTags.productListRoot, "data-testid": TestIds.productListRoot, variant: variant, children: children }));
 });
 /**
  * Raw component that provides direct access to product list data.
@@ -91,9 +130,9 @@ const RootContent = React.forwardRef((props, ref) => {
  * </ProductList.Raw>
  * ```
  */
-export const Raw = React.forwardRef((props, _ref) => {
+exports.Raw = react_2.default.forwardRef((props, _ref) => {
     const { children } = props;
-    const productsListService = useService(ProductsListServiceDefinition);
+    const productsListService = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const products = productsListService.products.get();
     const pagingMetadata = productsListService.pagingMetadata.get();
     const displayedProducts = products.length;
@@ -118,9 +157,9 @@ export const Raw = React.forwardRef((props, _ref) => {
  * </ProductList.Products>
  * ```
  */
-export const Products = React.forwardRef((props, ref) => {
+exports.Products = react_2.default.forwardRef((props, ref) => {
     const { children, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, "data-testid": TestIds.productListProducts, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_1.GenericList.Items, { ref: ref, "data-testid": TestIds.productListProducts, ...otherProps, children: children }));
 });
 /**
  * Repeater component that renders Product.Root for each product.
@@ -153,9 +192,9 @@ export const Products = React.forwardRef((props, ref) => {
  * </ProductList.ProductRepeater>
  * ```
  */
-export const ProductRepeater = React.forwardRef((props, ref) => {
+exports.ProductRepeater = react_2.default.forwardRef((props, ref) => {
     const { children, asChild } = props;
-    return (_jsx(GenericList.Repeater, { ref: ref, asChild: asChild, itemWrapper: ({ item: product, children }) => (_jsx(Product.Root, { product: product, "data-testid": TestIds.productListItem, "data-product-id": product._id, "data-product-available": true, "data-item-id": product._id, children: children }, product._id)), children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_1.GenericList.Repeater, { ref: ref, asChild: asChild, itemWrapper: ({ item: product, children }) => ((0, jsx_runtime_1.jsx)(Product.Root, { product: product, "data-testid": TestIds.productListItem, "data-product-id": product._id, "data-product-available": true, "data-item-id": product._id, children: children }, product._id)), children: children }));
 });
 /**
  * Displays a button to load more products. Not rendered if infiniteScroll is false or no products are left to load.
@@ -169,9 +208,9 @@ export const ProductRepeater = React.forwardRef((props, ref) => {
  * </ProductList.LoadMoreTrigger>
  * ```
  */
-export const LoadMoreTrigger = React.forwardRef((props, ref) => {
-    const { children = _jsx("button", {}), ...otherProps } = props;
-    return (_jsx(GenericList.Actions.LoadMore, { ref: ref, "data-testid": TestIds.productListLoadMore, ...otherProps, children: children }));
+exports.LoadMoreTrigger = react_2.default.forwardRef((props, ref) => {
+    const { children = (0, jsx_runtime_1.jsx)("button", {}), ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.GenericList.Actions.LoadMore, { ref: ref, "data-testid": TestIds.productListLoadMore, ...otherProps, children: children }));
 });
 /**
  * Displays the number of products currently displayed.
@@ -190,9 +229,9 @@ export const LoadMoreTrigger = React.forwardRef((props, ref) => {
  * </ProductList.TotalsDisplayed>
  * ```
  */
-export const TotalsDisplayed = React.forwardRef((props, ref) => {
-    const { children = _jsx("span", {}), ...otherProps } = props;
-    return (_jsx(GenericList.Totals, { ref: ref, "data-testid": TestIds.productListTotalsDisplayed, ...otherProps, children: children }));
+exports.TotalsDisplayed = react_2.default.forwardRef((props, ref) => {
+    const { children = (0, jsx_runtime_1.jsx)("span", {}), ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.GenericList.Totals, { ref: ref, "data-testid": TestIds.productListTotalsDisplayed, ...otherProps, children: children }));
 });
 /**
  * Sort component for product lists that provides sorting functionality.
@@ -237,12 +276,12 @@ export const TotalsDisplayed = React.forwardRef((props, ref) => {
  * @see {@link ProductListSortPrimitive} for the underlying sort logic
  * @see {@link SortPrimitive.Root} for the primitive sort component
  */
-export const Sort = React.forwardRef(({ children, className, as, asChild }, ref) => {
-    return (_jsx(ProductListSortPrimitive, { children: ({ currentSort, sortOptions, setSort }) => {
+exports.Sort = react_2.default.forwardRef(({ children, className, as, asChild }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(ProductListSort_js_1.ProductListSort, { children: ({ currentSort, sortOptions, setSort }) => {
             if (asChild && children) {
                 return children({ currentSort, sortOptions, setSort });
             }
-            return (_jsx(SortPrimitive.Root, { ref: ref, value: currentSort, onChange: (value) => {
+            return ((0, jsx_runtime_1.jsx)(react_1.Sort.Root, { ref: ref, value: currentSort, onChange: (value) => {
                     setSort(value);
                 }, sortOptions: sortOptions, as: as, className: className, "data-testid": TestIds.productListSort }));
         } }));
@@ -277,12 +316,12 @@ export const Sort = React.forwardRef(({ children, className, as, asChild }, ref)
  * </ProductList.Filter.Root>
  * ```
  */
-const FilterRoot = React.forwardRef((props, ref) => {
+const FilterRoot = react_2.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreProductListFilters.FilterRoot, { asChild: asChild, className: className, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListFilter, customElement: children, ...otherProps, children: _jsx("div", { children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreProductListFilters.FilterRoot, { asChild: asChild, className: className, children: (0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListFilter, customElement: children, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: children }) }) }));
 });
 FilterRoot.displayName = 'ProductList.Filter';
-export const Filter = {
+exports.Filter = {
     Root: FilterRoot,
 };
 /**
@@ -315,20 +354,20 @@ export const Filter = {
  * </ProductList.FilterResetTrigger>
  * ```
  */
-export const FilterResetTrigger = React.forwardRef((props, ref) => {
+exports.FilterResetTrigger = react_2.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
     const label = props.label || 'Reset All Filters';
-    return (_jsx(CoreProductListFilters.ResetTrigger, { children: ({ resetFilters, isFiltered }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductListFilters.ResetTrigger, { children: ({ resetFilters, isFiltered }) => {
             if (!isFiltered) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: resetFilters, disabled: !isFiltered, "data-testid": TestIds.productListFilterResetTrigger, "data-filtered": isFiltered ? 'true' : 'false', customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: resetFilters, disabled: !isFiltered, "data-testid": TestIds.productListFilterResetTrigger, "data-filtered": isFiltered ? 'true' : 'false', customElement: children, customElementProps: {
                     resetFilters,
                     isFiltered,
-                }, content: label, ...otherProps, children: _jsx("button", { disabled: !isFiltered, children: label }) }));
+                }, content: label, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { disabled: !isFiltered, children: label }) }));
         } }));
 });
-FilterResetTrigger.displayName = 'ProductList.FilterResetTrigger';
+exports.FilterResetTrigger.displayName = 'ProductList.FilterResetTrigger';
 /**
  * Error component that displays product list errors.
  * Provides error data to custom render functions.
@@ -354,15 +393,15 @@ FilterResetTrigger.displayName = 'ProductList.FilterResetTrigger';
  * </ProductList.Error>
  * ```
  */
-export const Error = React.forwardRef((props, ref) => {
+exports.Error = react_2.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreProductList.Error, { children: ({ error }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductList.Error, { children: ({ error }) => {
             if (!error) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListError, "data-error": error, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListError, "data-error": error, customElement: children, customElementProps: {
                     error,
-                }, content: error, ...otherProps, children: _jsx("div", { className: "text-status-error text-sm sm:text-base", children: error }) }));
+                }, content: error, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { className: "text-status-error text-sm sm:text-base", children: error }) }));
         } }));
 });
-Error.displayName = 'ProductList.Error';
+exports.Error.displayName = 'ProductList.Error';

package/cjs/dist/react/core/CategoryList.js

@@ -1,8 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { useService, WixServices } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { CategoriesListService, CategoriesListServiceDefinition, } from '../../services/categories-list-service.js';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+exports.EmptyState = EmptyState;
+exports.Loading = Loading;
+exports.Error = Error;
+exports.ItemContent = ItemContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const categories_list_service_js_1 = require("../../services/categories-list-service.js");
 /**
  * Root component that provides the CategoryList service context to its children.
  * This component sets up the necessary services for managing categories list state.
@@ -32,9 +42,9 @@ import { CategoriesListService, CategoriesListServiceDefinition, } from '../../s
  * }
  * ```
  */
-export function Root(props) {
+function Root(props) {
     const { categoriesListConfig, children } = props;
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(categories_list_service_js_1.CategoriesListServiceDefinition, categories_list_service_js_1.CategoriesListService, categoriesListConfig), children: children }));
 }
 Root.displayName = 'CategoryList.Root';
 /**
@@ -60,8 +70,8 @@ Root.displayName = 'CategoryList.Root';
  * }
  * ```
  */
-export function EmptyState(props) {
-    const { isLoading, error, categories } = useService(CategoriesListServiceDefinition);
+function EmptyState(props) {
+    const { isLoading, error, categories } = (0, services_manager_react_1.useService)(categories_list_service_js_1.CategoriesListServiceDefinition);
     const isLoadingValue = isLoading.get();
     const errorValue = error.get();
     const categoriesValue = categories.get();
@@ -95,8 +105,8 @@ export function EmptyState(props) {
  * }
  * ```
  */
-export function Loading(props) {
-    const { isLoading } = useService(CategoriesListServiceDefinition);
+function Loading(props) {
+    const { isLoading } = (0, services_manager_react_1.useService)(categories_list_service_js_1.CategoriesListServiceDefinition);
     const isLoadingValue = isLoading.get();
     if (isLoadingValue) {
         return typeof props.children === 'function'
@@ -131,8 +141,8 @@ export function Loading(props) {
  * }
  * ```
  */
-export function Error(props) {
-    const { error } = useService(CategoriesListServiceDefinition);
+function Error(props) {
+    const { error } = (0, services_manager_react_1.useService)(categories_list_service_js_1.CategoriesListServiceDefinition);
     const errorValue = error.get();
     if (errorValue) {
         return typeof props.children === 'function'
@@ -166,13 +176,13 @@ export function Error(props) {
  * }
  * ```
  */
-export function ItemContent(props) {
-    const { categories, isLoading, error } = useService(CategoriesListServiceDefinition);
+function ItemContent(props) {
+    const { categories, isLoading, error } = (0, services_manager_react_1.useService)(categories_list_service_js_1.CategoriesListServiceDefinition);
     const categoriesValue = categories.get();
     if (isLoading.get() || error.get() || categoriesValue.length === 0) {
         return null;
     }
-    return categoriesValue.map((category) => (_jsx(React.Fragment, { children: typeof props.children === 'function'
+    return categoriesValue.map((category) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: typeof props.children === 'function'
             ? props.children({
                 category,
             })

package/cjs/dist/react/core/Product.js

@@ -1,7 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useService, WixServices } from '@wix/services-manager-react';
-import { ProductServiceDefinition, ProductService, } from '../../services/product-service.js';
-import { createServicesMap } from '@wix/services-manager';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+exports.Name = Name;
+exports.Description = Description;
+exports.Media = Media;
+exports.Content = Content;
+exports.Loading = Loading;
+exports.Slug = Slug;
+exports.Ribbon = Ribbon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const product_service_js_1 = require("../../services/product-service.js");
+const services_manager_1 = require("@wix/services-manager");
 /**
  * Root component that provides the Product service context to its children.
  * This component sets up the necessary services for rendering and managing a single product's data.
@@ -32,8 +42,8 @@ import { createServicesMap } from '@wix/services-manager';
  * }
  * ```
  */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductServiceDefinition, ProductService, props.productServiceConfig), children: props.children }));
+function Root(props) {
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(product_service_js_1.ProductServiceDefinition, product_service_js_1.ProductService, props.productServiceConfig), children: props.children }));
 }
 /**
  * Headless component for product name display
@@ -54,8 +64,8 @@ export function Root(props) {
  * }
  * ```
  */
-export function Name(props) {
-    const service = useService(ProductServiceDefinition);
+function Name(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     const name = product.name;
     return props.children({
@@ -92,8 +102,8 @@ export function Name(props) {
  * }
  * ```
  */
-export function Description(props) {
-    const service = useService(ProductServiceDefinition);
+function Description(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     const descriptionRichContent = product.description;
     const plainDescription = product.plainDescription;
@@ -102,8 +112,8 @@ export function Description(props) {
         plainDescription: plainDescription,
     });
 }
-export function Media(props) {
-    const service = useService(ProductServiceDefinition);
+function Media(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     const mainMedia = product.media?.main;
     const mediaItems = product.media?.itemsInfo?.items ?? [];
@@ -112,15 +122,15 @@ export function Media(props) {
         mainMedia,
     });
 }
-export function Content(props) {
-    const service = useService(ProductServiceDefinition);
+function Content(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     return props.children({
         product,
     });
 }
-export function Loading(props) {
-    const service = useService(ProductServiceDefinition);
+function Loading(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const isLoading = service.isLoading.get();
     return props.children({
         isLoading,
@@ -147,8 +157,8 @@ export function Loading(props) {
  * }
  * ```
  */
-export function Slug(props) {
-    const service = useService(ProductServiceDefinition);
+function Slug(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     const slug = product.slug;
     return props.children({
@@ -178,8 +188,8 @@ export function Slug(props) {
  * }
  * ```
  */
-export function Ribbon(props) {
-    const service = useService(ProductServiceDefinition);
+function Ribbon(props) {
+    const service = (0, services_manager_react_1.useService)(product_service_js_1.ProductServiceDefinition);
     const product = service.product.get();
     const ribbon = product.ribbon?.name || null;
     const hasRibbon = !!ribbon;

package/cjs/dist/react/core/ProductList.js

@@ -1,9 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useService, WixServices } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { ProductListService, ProductsListServiceDefinition, } from '../../services/products-list-service.js';
-import { ProductService, ProductServiceDefinition, } from '../../services/product-service.js';
-import { CategoriesListService, CategoriesListServiceDefinition, } from '../../services/categories-list-service.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+exports.EmptyState = EmptyState;
+exports.Loading = Loading;
+exports.Error = Error;
+exports.ItemContent = ItemContent;
+exports.Items = Items;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const products_list_service_js_1 = require("../../services/products-list-service.js");
+const product_service_js_1 = require("../../services/product-service.js");
+const categories_list_service_js_1 = require("../../services/categories-list-service.js");
 /**
  * Root component that provides both ProductList and ProductListSearch service contexts to its children.
  * This component sets up the necessary services for managing products list state, including search,
@@ -62,10 +70,10 @@ import { CategoriesListService, CategoriesListServiceDefinition, } from '../../s
  * }
  * ```
  */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap()
-            .addService(CategoriesListServiceDefinition, CategoriesListService, props.categoriesListConfig)
-            .addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
+function Root(props) {
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)()
+            .addService(categories_list_service_js_1.CategoriesListServiceDefinition, categories_list_service_js_1.CategoriesListService, props.categoriesListConfig)
+            .addService(products_list_service_js_1.ProductsListServiceDefinition, products_list_service_js_1.ProductListService, props.productsListConfig), children: props.children }));
 }
 /**
  * Component that renders content when the products list is empty.
@@ -91,8 +99,8 @@ export function Root(props) {
  * }
  * ```
  */
-export function EmptyState(props) {
-    const { isLoading, error, products } = useService(ProductsListServiceDefinition);
+function EmptyState(props) {
+    const { isLoading, error, products } = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     const errorValue = error.get();
     const productsValue = products.get();
@@ -126,8 +134,8 @@ export function EmptyState(props) {
  * }
  * ```
  */
-export function Loading(props) {
-    const { isLoading } = useService(ProductsListServiceDefinition);
+function Loading(props) {
+    const { isLoading } = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     if (isLoadingValue) {
         return typeof props.children === 'function'
@@ -162,8 +170,8 @@ export function Loading(props) {
  * }
  * ```
  */
-export function Error(props) {
-    const { error } = useService(ProductsListServiceDefinition);
+function Error(props) {
+    const { error } = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const errorValue = error.get();
     if (errorValue) {
         return typeof props.children === 'function'
@@ -198,18 +206,18 @@ export function Error(props) {
  * }
  * ```
  */
-export function ItemContent(props) {
-    const { products, isLoading, error } = useService(ProductsListServiceDefinition);
+function ItemContent(props) {
+    const { products, isLoading, error } = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const productsValue = products.get();
     if (isLoading.get() || error.get() || productsValue.length === 0) {
         return null;
     }
-    return productsValue.map((product) => (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductServiceDefinition, ProductService, { product }), children: typeof props.children === 'function'
+    return productsValue.map((product) => ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(product_service_js_1.ProductServiceDefinition, product_service_js_1.ProductService, { product }), children: typeof props.children === 'function'
             ? props.children({ product })
             : props.children }, product._id)));
 }
-export function Items(props) {
-    const { products } = useService(ProductsListServiceDefinition);
+function Items(props) {
+    const { products } = (0, services_manager_react_1.useService)(products_list_service_js_1.ProductsListServiceDefinition);
     const productsValue = products.get();
     return typeof props.children === 'function'
         ? props.children({ products: productsValue })

package/cjs/dist/react/core/ProductListFilters.js

@@ -1,18 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useService } from '@wix/services-manager-react';
-import { ProductsListServiceDefinition, InventoryStatusType, CategoriesListServiceDefinition, } from '../../services/index.js';
-import { useMemo } from 'react';
-import { Filter as FilterPrimitive, } from '@wix/headless-components/react';
-import { Slot } from '@radix-ui/react-slot';
-import React from 'react';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterRoot = void 0;
+exports.ResetTrigger = ResetTrigger;
+exports.CategoryFilter = CategoryFilter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const index_js_1 = require("../../services/index.js");
+const react_1 = require("react");
+const react_2 = require("@wix/headless-components/react");
+const react_slot_1 = require("@radix-ui/react-slot");
+const react_3 = __importDefault(require("react"));
 // Conversion utilities for platform compatibility
 function getInventoryStatusLabel(status) {
     switch (status) {
-        case InventoryStatusType.IN_STOCK:
+        case index_js_1.InventoryStatusType.IN_STOCK:
             return 'In Stock';
-        case InventoryStatusType.OUT_OF_STOCK:
+        case index_js_1.InventoryStatusType.OUT_OF_STOCK:
             return 'Out of Stock';
-        case InventoryStatusType.PARTIALLY_OUT_OF_STOCK:
+        case index_js_1.InventoryStatusType.PARTIALLY_OUT_OF_STOCK:
             return 'Limited Stock';
         default:
             return String(status);
@@ -112,17 +120,17 @@ function buildSearchFilterData(availableOptions, availableInventoryStatuses, ava
  * }
  * ```
  */
-export function ResetTrigger(props) {
-    const service = useService(ProductsListServiceDefinition);
+function ResetTrigger(props) {
+    const service = (0, services_manager_react_1.useService)(index_js_1.ProductsListServiceDefinition);
     const resetFilters = service.resetFilter;
     const isFiltered = service.isFiltered().get();
     return typeof props.children === 'function'
         ? props.children({ resetFilters, isFiltered })
         : props.children;
 }
-export function CategoryFilter(props) {
-    const categoriesService = useService(CategoriesListServiceDefinition);
-    const productListService = useService(ProductsListServiceDefinition);
+function CategoryFilter(props) {
+    const categoriesService = (0, services_manager_react_1.useService)(index_js_1.CategoriesListServiceDefinition);
+    const productListService = (0, services_manager_react_1.useService)(index_js_1.ProductsListServiceDefinition);
     const categories = categoriesService.categories.get();
     const setSelectedCategory = (category) => {
         const currentFilter = productListService.searchOptions.get().filter || {};
@@ -150,7 +158,7 @@ export function CategoryFilter(props) {
  * Consolidates data from both search and list services.
  */
 function AllFilters(props) {
-    const listService = useService(ProductsListServiceDefinition);
+    const listService = (0, services_manager_react_1.useService)(index_js_1.ProductsListServiceDefinition);
     // Get current filter state
     const currentSearchOptions = listService.searchOptions.get();
     const currentFilter = currentSearchOptions.filter;
@@ -164,7 +172,7 @@ function AllFilters(props) {
     const resetFilters = listService.resetFilter;
     const isFiltered = listService.isFiltered().get();
     // Build filter options and handlers
-    const searchFilterData = useMemo(() => {
+    const searchFilterData = (0, react_1.useMemo)(() => {
         const { filterOptions } = buildSearchFilterData(availableOptions, availableInventoryStatuses, availableMinPrice, availableMaxPrice, currency);
         const updateFilter = (newFilter) => {
             listService.setFilter(newFilter);
@@ -246,10 +254,10 @@ function AllFilters(props) {
  * @see {@link FilterPrimitive.Root} for the primitive filter component
  * @see {@link ResetTrigger} for filter reset functionality
  */
-export const FilterRoot = React.forwardRef(({ children, className, asChild }, ref) => {
-    const Comp = asChild ? Slot : 'div';
-    return (_jsx(AllFilters, { children: ({ searchFilter }) => {
-            return (_jsx(FilterPrimitive.Root, { value: searchFilter.filterValue, onChange: searchFilter.updateFilter, filterOptions: searchFilter.filterOptions, children: _jsx(Comp, { className: className, ref: ref, children: children }) }));
+exports.FilterRoot = react_3.default.forwardRef(({ children, className, asChild }, ref) => {
+    const Comp = asChild ? react_slot_1.Slot : 'div';
+    return ((0, jsx_runtime_1.jsx)(AllFilters, { children: ({ searchFilter }) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.Filter.Root, { value: searchFilter.filterValue, onChange: searchFilter.updateFilter, filterOptions: searchFilter.filterOptions, children: (0, jsx_runtime_1.jsx)(Comp, { className: className, ref: ref, children: children }) }));
         } }));
 });
-FilterRoot.displayName = 'ProductList.Filter';
+exports.FilterRoot.displayName = 'ProductList.Filter';