@wix/headless-stores 0.0.26 → 0.0.28

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

@@ -11,7 +11,7 @@ import { productsV3 } from "@wix/stores";
  * @param props.productsListConfig - Configuration for the ProductsList service
  * @returns JSX element wrapping children with ProductsList service context
  */
-declare function Root(props: PropsWithChildren<{
+export declare function Root(props: PropsWithChildren<{
     productsListConfig: ProductsListServiceConfig;
 }>): import("react/jsx-runtime").JSX.Element;
 export type EmptyStateProps = {
@@ -27,7 +27,7 @@ export type EmptyStateRenderProps = {};
  * @param props.children - Content to display when products list is empty (can be a render function or ReactNode)
  * @returns JSX element or null based on products list state
  */
-declare function EmptyState(props: EmptyStateProps): ReactNode;
+export declare function EmptyState(props: EmptyStateProps): ReactNode;
 export type LoadingProps = {
     children: ((props: LoadingRenderProps) => ReactNode) | ReactNode;
 };
@@ -41,7 +41,7 @@ export type LoadingRenderProps = {};
  * @param props.children - Content to display during loading (can be a render function or ReactNode)
  * @returns JSX element or null based on loading state
  */
-declare function Loading(props: LoadingProps): ReactNode;
+export declare function Loading(props: LoadingProps): ReactNode;
 export type ErrorProps = {
     children: ((props: ErrorRenderProps) => ReactNode) | ReactNode;
 };
@@ -57,7 +57,7 @@ export type ErrorRenderProps = {
  * @param props.children - Content to display during error state (can be a render function or ReactNode)
  * @returns JSX element or null based on error state
  */
-declare function Error(props: ErrorProps): ReactNode;
+export declare function Error(props: ErrorProps): ReactNode;
 export type ItemContentRenderProps = {
     product: productsV3.V3Product;
 };
@@ -74,37 +74,4 @@ export type ItemContentProps = {
  * @param props.children - Content to display for each product (can be a render function receiving product data or ReactNode)
  * @returns Array of JSX elements for each product or null if no products to display
  */
-declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;
-/**
- * ProductsList component collection providing a complete solution for displaying products.
- *
- * Includes components for different states:
- * - Root: Service provider component
- * - EmptyState: Displays when no products are available
- * - Loading: Displays during loading state
- * - Error: Displays when an error occurs
- * - ItemContent: Renders individual product items
- *
- * @component
- * @example
- * ```jsx
- * <ProductsList.Root productsListConfig={config}>
- *   <ProductsList.Loading>Loading products...</ProductsList.Loading>
- *   <ProductsList.Error>
- *     {({ error }) => <div>Error: {error}</div>}
- *   </ProductsList.Error>
- *   <ProductsList.EmptyState>No products found</ProductsList.EmptyState>
- *   <ProductsList.ItemContent>
- *     {({ product }) => <div>{product.name}</div>}
- *   </ProductsList.ItemContent>
- * </ProductsList.Root>
- * ```
- */
-export declare const ProductsList: {
-    Root: typeof Root;
-    EmptyState: typeof EmptyState;
-    Loading: typeof Loading;
-    Error: typeof Error;
-    ItemContent: typeof ItemContent;
-};
-export {};
+export declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;

package/cjs/dist/react/ProductsList.js

@@ -13,7 +13,7 @@ import { ProductService, ProductServiceDefinition, } from "@wix/headless-stores/
  * @param props.productsListConfig - Configuration for the ProductsList service
  * @returns JSX element wrapping children with ProductsList service context
  */
-function Root(props) {
+export function Root(props) {
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
 }
 /**
@@ -25,7 +25,7 @@ function Root(props) {
  * @param props.children - Content to display when products list is empty (can be a render function or ReactNode)
  * @returns JSX element or null based on products list state
  */
-function EmptyState(props) {
+export function EmptyState(props) {
     const { isLoading, error, products } = useService(ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     const errorValue = error.get();
@@ -46,7 +46,7 @@ function EmptyState(props) {
  * @param props.children - Content to display during loading (can be a render function or ReactNode)
  * @returns JSX element or null based on loading state
  */
-function Loading(props) {
+export function Loading(props) {
     const { isLoading } = useService(ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     if (isLoadingValue) {
@@ -65,7 +65,7 @@ function Loading(props) {
  * @param props.children - Content to display during error state (can be a render function or ReactNode)
  * @returns JSX element or null based on error state
  */
-function Error(props) {
+export function Error(props) {
     const { error } = useService(ProductsListServiceDefinition);
     const errorValue = error.get();
     if (errorValue) {
@@ -85,7 +85,7 @@ function Error(props) {
  * @param props.children - Content to display for each product (can be a render function receiving product data or ReactNode)
  * @returns Array of JSX elements for each product or null if no products to display
  */
-function ItemContent(props) {
+export function ItemContent(props) {
     const { products, isLoading, error } = useService(ProductsListServiceDefinition);
     const productsValue = products.get();
     if (isLoading.get() || error.get() || productsValue.length === 0) {
@@ -95,35 +95,3 @@ function ItemContent(props) {
             ? props.children({ product })
             : props.children }, product._id)));
 }
-/**
- * ProductsList component collection providing a complete solution for displaying products.
- *
- * Includes components for different states:
- * - Root: Service provider component
- * - EmptyState: Displays when no products are available
- * - Loading: Displays during loading state
- * - Error: Displays when an error occurs
- * - ItemContent: Renders individual product items
- *
- * @component
- * @example
- * ```jsx
- * <ProductsList.Root productsListConfig={config}>
- *   <ProductsList.Loading>Loading products...</ProductsList.Loading>
- *   <ProductsList.Error>
- *     {({ error }) => <div>Error: {error}</div>}
- *   </ProductsList.Error>
- *   <ProductsList.EmptyState>No products found</ProductsList.EmptyState>
- *   <ProductsList.ItemContent>
- *     {({ product }) => <div>{product.name}</div>}
- *   </ProductsList.ItemContent>
- * </ProductsList.Root>
- * ```
- */
-export const ProductsList = {
-    Root,
-    EmptyState,
-    Loading,
-    Error,
-    ItemContent,
-};

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

@@ -11,3 +11,4 @@ export * as Product from "./Product.js";
 export * as ProductModifiers from "./ProductModifiers.js";
 export * as SelectedVariant from "./SelectedVariant.js";
 export * as ProductActions from "./ProductActions.js";
+export * as ProductsList from "./ProductsList.js";

package/cjs/dist/react/index.js

@@ -11,3 +11,4 @@ export * as Product from "./Product.js";
 export * as ProductModifiers from "./ProductModifiers.js";
 export * as SelectedVariant from "./SelectedVariant.js";
 export * as ProductActions from "./ProductActions.js";
+export * as ProductsList from "./ProductsList.js";

package/cjs/dist/services/index.d.ts

@@ -1,6 +1,4 @@
-export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service.js";
-export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service.js";
-export { CatalogService, CatalogServiceDefinition, loadCatalogServiceConfig, } from "./catalog-service.js";
+export { CatalogService, CatalogServiceDefinition, } from "./catalog-service.js";
 export { CategoryService, CategoryServiceDefinition, loadCategoriesConfig, } from "./category-service.js";
 export { CollectionService, CollectionServiceDefinition, loadCollectionServiceConfig, } from "./collection-service.js";
 export { FilterService, FilterServiceDefinition, Filter, AvailableOptions, } from "./filter-service.js";
@@ -9,4 +7,5 @@ export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } f
 export { RelatedProductsService, RelatedProductsServiceDefinition, loadRelatedProductsServiceConfig, } from "./related-products-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { SocialSharingService, SocialSharingServiceDefinition, } from "./social-sharing-service.js";
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig } from "./products-list-service.js";
 export { SortService, SortServiceDefinition, SortBy } from "./sort-service.js";

package/cjs/dist/services/index.js

@@ -1,6 +1,14 @@
-export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service.js";
-export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service.js";
-export { CatalogService, CatalogServiceDefinition, loadCatalogServiceConfig, } from "./catalog-service.js";
+// export {
+//   buyNowServiceBinding,
+//   loadBuyNowServiceInitialData,
+// } from "./buy-now-service.js";
+// export {
+//   payNowServiceBinding,
+//   loadPayNowServiceInitialData,
+// } from "./pay-now-service.js";
+export { CatalogService, CatalogServiceDefinition,
+// loadCatalogServiceConfig,
+ } from "./catalog-service.js";
 export { CategoryService, CategoryServiceDefinition, loadCategoriesConfig, } from "./category-service.js";
 export { CollectionService, CollectionServiceDefinition, loadCollectionServiceConfig, } from "./collection-service.js";
 export { FilterService, FilterServiceDefinition, } from "./filter-service.js";
@@ -9,4 +17,5 @@ export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } f
 export { RelatedProductsService, RelatedProductsServiceDefinition, loadRelatedProductsServiceConfig, } from "./related-products-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { SocialSharingService, SocialSharingServiceDefinition, } from "./social-sharing-service.js";
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig } from "./products-list-service.js";
 export { SortService, SortServiceDefinition } from "./sort-service.js";

package/dist/react/ProductsList.d.ts

@@ -11,7 +11,7 @@ import { productsV3 } from "@wix/stores";
  * @param props.productsListConfig - Configuration for the ProductsList service
  * @returns JSX element wrapping children with ProductsList service context
  */
-declare function Root(props: PropsWithChildren<{
+export declare function Root(props: PropsWithChildren<{
     productsListConfig: ProductsListServiceConfig;
 }>): import("react/jsx-runtime").JSX.Element;
 export type EmptyStateProps = {
@@ -27,7 +27,7 @@ export type EmptyStateRenderProps = {};
  * @param props.children - Content to display when products list is empty (can be a render function or ReactNode)
  * @returns JSX element or null based on products list state
  */
-declare function EmptyState(props: EmptyStateProps): ReactNode;
+export declare function EmptyState(props: EmptyStateProps): ReactNode;
 export type LoadingProps = {
     children: ((props: LoadingRenderProps) => ReactNode) | ReactNode;
 };
@@ -41,7 +41,7 @@ export type LoadingRenderProps = {};
  * @param props.children - Content to display during loading (can be a render function or ReactNode)
  * @returns JSX element or null based on loading state
  */
-declare function Loading(props: LoadingProps): ReactNode;
+export declare function Loading(props: LoadingProps): ReactNode;
 export type ErrorProps = {
     children: ((props: ErrorRenderProps) => ReactNode) | ReactNode;
 };
@@ -57,7 +57,7 @@ export type ErrorRenderProps = {
  * @param props.children - Content to display during error state (can be a render function or ReactNode)
  * @returns JSX element or null based on error state
  */
-declare function Error(props: ErrorProps): ReactNode;
+export declare function Error(props: ErrorProps): ReactNode;
 export type ItemContentRenderProps = {
     product: productsV3.V3Product;
 };
@@ -74,37 +74,4 @@ export type ItemContentProps = {
  * @param props.children - Content to display for each product (can be a render function receiving product data or ReactNode)
  * @returns Array of JSX elements for each product or null if no products to display
  */
-declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;
-/**
- * ProductsList component collection providing a complete solution for displaying products.
- *
- * Includes components for different states:
- * - Root: Service provider component
- * - EmptyState: Displays when no products are available
- * - Loading: Displays during loading state
- * - Error: Displays when an error occurs
- * - ItemContent: Renders individual product items
- *
- * @component
- * @example
- * ```jsx
- * <ProductsList.Root productsListConfig={config}>
- *   <ProductsList.Loading>Loading products...</ProductsList.Loading>
- *   <ProductsList.Error>
- *     {({ error }) => <div>Error: {error}</div>}
- *   </ProductsList.Error>
- *   <ProductsList.EmptyState>No products found</ProductsList.EmptyState>
- *   <ProductsList.ItemContent>
- *     {({ product }) => <div>{product.name}</div>}
- *   </ProductsList.ItemContent>
- * </ProductsList.Root>
- * ```
- */
-export declare const ProductsList: {
-    Root: typeof Root;
-    EmptyState: typeof EmptyState;
-    Loading: typeof Loading;
-    Error: typeof Error;
-    ItemContent: typeof ItemContent;
-};
-export {};
+export declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;

package/dist/react/ProductsList.js

@@ -13,7 +13,7 @@ import { ProductService, ProductServiceDefinition, } from "@wix/headless-stores/
  * @param props.productsListConfig - Configuration for the ProductsList service
  * @returns JSX element wrapping children with ProductsList service context
  */
-function Root(props) {
+export function Root(props) {
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
 }
 /**
@@ -25,7 +25,7 @@ function Root(props) {
  * @param props.children - Content to display when products list is empty (can be a render function or ReactNode)
  * @returns JSX element or null based on products list state
  */
-function EmptyState(props) {
+export function EmptyState(props) {
     const { isLoading, error, products } = useService(ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     const errorValue = error.get();
@@ -46,7 +46,7 @@ function EmptyState(props) {
  * @param props.children - Content to display during loading (can be a render function or ReactNode)
  * @returns JSX element or null based on loading state
  */
-function Loading(props) {
+export function Loading(props) {
     const { isLoading } = useService(ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     if (isLoadingValue) {
@@ -65,7 +65,7 @@ function Loading(props) {
  * @param props.children - Content to display during error state (can be a render function or ReactNode)
  * @returns JSX element or null based on error state
  */
-function Error(props) {
+export function Error(props) {
     const { error } = useService(ProductsListServiceDefinition);
     const errorValue = error.get();
     if (errorValue) {
@@ -85,7 +85,7 @@ function Error(props) {
  * @param props.children - Content to display for each product (can be a render function receiving product data or ReactNode)
  * @returns Array of JSX elements for each product or null if no products to display
  */
-function ItemContent(props) {
+export function ItemContent(props) {
     const { products, isLoading, error } = useService(ProductsListServiceDefinition);
     const productsValue = products.get();
     if (isLoading.get() || error.get() || productsValue.length === 0) {
@@ -95,35 +95,3 @@ function ItemContent(props) {
             ? props.children({ product })
             : props.children }, product._id)));
 }
-/**
- * ProductsList component collection providing a complete solution for displaying products.
- *
- * Includes components for different states:
- * - Root: Service provider component
- * - EmptyState: Displays when no products are available
- * - Loading: Displays during loading state
- * - Error: Displays when an error occurs
- * - ItemContent: Renders individual product items
- *
- * @component
- * @example
- * ```jsx
- * <ProductsList.Root productsListConfig={config}>
- *   <ProductsList.Loading>Loading products...</ProductsList.Loading>
- *   <ProductsList.Error>
- *     {({ error }) => <div>Error: {error}</div>}
- *   </ProductsList.Error>
- *   <ProductsList.EmptyState>No products found</ProductsList.EmptyState>
- *   <ProductsList.ItemContent>
- *     {({ product }) => <div>{product.name}</div>}
- *   </ProductsList.ItemContent>
- * </ProductsList.Root>
- * ```
- */
-export const ProductsList = {
-    Root,
-    EmptyState,
-    Loading,
-    Error,
-    ItemContent,
-};

package/dist/react/index.d.ts

@@ -11,3 +11,4 @@ export * as Product from "./Product.js";
 export * as ProductModifiers from "./ProductModifiers.js";
 export * as SelectedVariant from "./SelectedVariant.js";
 export * as ProductActions from "./ProductActions.js";
+export * as ProductsList from "./ProductsList.js";

package/dist/react/index.js

@@ -11,3 +11,4 @@ export * as Product from "./Product.js";
 export * as ProductModifiers from "./ProductModifiers.js";
 export * as SelectedVariant from "./SelectedVariant.js";
 export * as ProductActions from "./ProductActions.js";
+export * as ProductsList from "./ProductsList.js";

package/dist/services/index.d.ts

@@ -1,6 +1,4 @@
-export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service.js";
-export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service.js";
-export { CatalogService, CatalogServiceDefinition, loadCatalogServiceConfig, } from "./catalog-service.js";
+export { CatalogService, CatalogServiceDefinition, } from "./catalog-service.js";
 export { CategoryService, CategoryServiceDefinition, loadCategoriesConfig, } from "./category-service.js";
 export { CollectionService, CollectionServiceDefinition, loadCollectionServiceConfig, } from "./collection-service.js";
 export { FilterService, FilterServiceDefinition, Filter, AvailableOptions, } from "./filter-service.js";
@@ -9,4 +7,5 @@ export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } f
 export { RelatedProductsService, RelatedProductsServiceDefinition, loadRelatedProductsServiceConfig, } from "./related-products-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { SocialSharingService, SocialSharingServiceDefinition, } from "./social-sharing-service.js";
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig } from "./products-list-service.js";
 export { SortService, SortServiceDefinition, SortBy } from "./sort-service.js";

package/dist/services/index.js

@@ -1,6 +1,14 @@
-export { buyNowServiceBinding, loadBuyNowServiceInitialData, } from "./buy-now-service.js";
-export { payNowServiceBinding, loadPayNowServiceInitialData, } from "./pay-now-service.js";
-export { CatalogService, CatalogServiceDefinition, loadCatalogServiceConfig, } from "./catalog-service.js";
+// export {
+//   buyNowServiceBinding,
+//   loadBuyNowServiceInitialData,
+// } from "./buy-now-service.js";
+// export {
+//   payNowServiceBinding,
+//   loadPayNowServiceInitialData,
+// } from "./pay-now-service.js";
+export { CatalogService, CatalogServiceDefinition,
+// loadCatalogServiceConfig,
+ } from "./catalog-service.js";
 export { CategoryService, CategoryServiceDefinition, loadCategoriesConfig, } from "./category-service.js";
 export { CollectionService, CollectionServiceDefinition, loadCollectionServiceConfig, } from "./collection-service.js";
 export { FilterService, FilterServiceDefinition, } from "./filter-service.js";
@@ -9,4 +17,5 @@ export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } f
 export { RelatedProductsService, RelatedProductsServiceDefinition, loadRelatedProductsServiceConfig, } from "./related-products-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { SocialSharingService, SocialSharingServiceDefinition, } from "./social-sharing-service.js";
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig } from "./products-list-service.js";
 export { SortService, SortServiceDefinition } from "./sort-service.js";

package/package.json

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