@wix/headless-stores 0.0.27 → 0.0.29

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

@@ -1,6 +1,9 @@
 import { type ProductsListServiceConfig } from "../services/products-list-service.js";
-import type { PropsWithChildren, ReactNode } from "react";
 import { productsV3 } from "@wix/stores";
+export interface RootProps {
+    children: React.ReactNode;
+    productsListConfig: ProductsListServiceConfig;
+}
 /**
  * Root component that provides the ProductsList service context to its children.
  * This component sets up the necessary services for managing products list state.
@@ -11,13 +14,12 @@ 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<{
-    productsListConfig: ProductsListServiceConfig;
-}>): import("react/jsx-runtime").JSX.Element;
-export type EmptyStateProps = {
-    children: ((props: EmptyStateRenderProps) => ReactNode) | ReactNode;
-};
-export type EmptyStateRenderProps = {};
+export declare function Root(props: RootProps): React.ReactNode;
+export interface EmptyStateProps {
+    children: (props: EmptyStateRenderProps) => React.ReactNode;
+}
+export interface EmptyStateRenderProps {
+}
 /**
  * Component that renders content when the products list is empty.
  * Only displays its children when there are no products, no loading state, and no errors.
@@ -27,11 +29,12 @@ 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 type LoadingProps = {
-    children: ((props: LoadingRenderProps) => ReactNode) | ReactNode;
-};
-export type LoadingRenderProps = {};
+export declare function EmptyState(props: EmptyStateProps): React.ReactNode;
+export interface LoadingProps {
+    children: (props: LoadingRenderProps) => React.ReactNode;
+}
+export interface LoadingRenderProps {
+}
 /**
  * Component that renders content during loading state.
  * Only displays its children when the products list is currently loading.
@@ -41,13 +44,13 @@ 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 type ErrorProps = {
-    children: ((props: ErrorRenderProps) => ReactNode) | ReactNode;
-};
-export type ErrorRenderProps = {
+export declare function Loading(props: LoadingProps): React.ReactNode;
+export interface ErrorRenderProps {
     error: string | null;
-};
+}
+export interface ErrorProps {
+    children: (props: ErrorRenderProps) => React.ReactNode;
+}
 /**
  * Component that renders content when there's an error loading products.
  * Only displays its children when an error has occurred.
@@ -57,13 +60,13 @@ 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 type ItemContentRenderProps = {
+export declare function Error(props: ErrorProps): React.ReactNode;
+export interface ItemContentRenderProps {
     product: productsV3.V3Product;
-};
-export type ItemContentProps = {
-    children: ((props: ItemContentRenderProps) => ReactNode) | ReactNode;
-};
+}
+export interface ItemContentProps {
+    children: (props: ItemContentRenderProps) => React.ReactNode;
+}
 /**
  * Component that renders content for each product in the list.
  * Maps over all products and provides each product through a service context.
@@ -74,37 +77,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): React.ReactNode;

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) {
@@ -56,6 +56,7 @@ function Loading(props) {
     }
     return null;
 }
+;
 /**
  * Component that renders content when there's an error loading products.
  * Only displays its children when an error has occurred.
@@ -65,7 +66,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 +86,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 +96,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/services/products-list-service.d.ts

@@ -1,11 +1,11 @@
 import { type Signal } from "@wix/services-definitions/core-services/signals";
 import { productsV3 } from "@wix/stores";
-export type ProductsListServiceConfig = {
+export interface ProductsListServiceConfig {
     products: productsV3.V3Product[];
     searchOptions: Parameters<typeof productsV3.searchProducts>[0];
     pagingMetadata: productsV3.CommonCursorPagingMetadata;
     aggregations: productsV3.AggregationData;
-};
+}
 export declare function loadProductsListServiceConfig(searchOptions: Parameters<typeof productsV3.searchProducts>[0]): Promise<ProductsListServiceConfig>;
 export declare const ProductsListServiceDefinition: string & {
     __api: {

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

@@ -1,6 +1,7 @@
 import { defineService, implementService } from "@wix/services-definitions";
 import { SignalsServiceDefinition, } from "@wix/services-definitions/core-services/signals";
 import { productsV3 } from "@wix/stores";
+;
 export async function loadProductsListServiceConfig(searchOptions) {
     const result = await productsV3.searchProducts(searchOptions);
     return {

package/dist/react/ProductsList.d.ts

@@ -1,6 +1,9 @@
 import { type ProductsListServiceConfig } from "../services/products-list-service.js";
-import type { PropsWithChildren, ReactNode } from "react";
 import { productsV3 } from "@wix/stores";
+export interface RootProps {
+    children: React.ReactNode;
+    productsListConfig: ProductsListServiceConfig;
+}
 /**
  * Root component that provides the ProductsList service context to its children.
  * This component sets up the necessary services for managing products list state.
@@ -11,13 +14,12 @@ 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<{
-    productsListConfig: ProductsListServiceConfig;
-}>): import("react/jsx-runtime").JSX.Element;
-export type EmptyStateProps = {
-    children: ((props: EmptyStateRenderProps) => ReactNode) | ReactNode;
-};
-export type EmptyStateRenderProps = {};
+export declare function Root(props: RootProps): React.ReactNode;
+export interface EmptyStateProps {
+    children: (props: EmptyStateRenderProps) => React.ReactNode;
+}
+export interface EmptyStateRenderProps {
+}
 /**
  * Component that renders content when the products list is empty.
  * Only displays its children when there are no products, no loading state, and no errors.
@@ -27,11 +29,12 @@ 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 type LoadingProps = {
-    children: ((props: LoadingRenderProps) => ReactNode) | ReactNode;
-};
-export type LoadingRenderProps = {};
+export declare function EmptyState(props: EmptyStateProps): React.ReactNode;
+export interface LoadingProps {
+    children: (props: LoadingRenderProps) => React.ReactNode;
+}
+export interface LoadingRenderProps {
+}
 /**
  * Component that renders content during loading state.
  * Only displays its children when the products list is currently loading.
@@ -41,13 +44,13 @@ 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 type ErrorProps = {
-    children: ((props: ErrorRenderProps) => ReactNode) | ReactNode;
-};
-export type ErrorRenderProps = {
+export declare function Loading(props: LoadingProps): React.ReactNode;
+export interface ErrorRenderProps {
     error: string | null;
-};
+}
+export interface ErrorProps {
+    children: (props: ErrorRenderProps) => React.ReactNode;
+}
 /**
  * Component that renders content when there's an error loading products.
  * Only displays its children when an error has occurred.
@@ -57,13 +60,13 @@ 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 type ItemContentRenderProps = {
+export declare function Error(props: ErrorProps): React.ReactNode;
+export interface ItemContentRenderProps {
     product: productsV3.V3Product;
-};
-export type ItemContentProps = {
-    children: ((props: ItemContentRenderProps) => ReactNode) | ReactNode;
-};
+}
+export interface ItemContentProps {
+    children: (props: ItemContentRenderProps) => React.ReactNode;
+}
 /**
  * Component that renders content for each product in the list.
  * Maps over all products and provides each product through a service context.
@@ -74,37 +77,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): React.ReactNode;

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) {
@@ -56,6 +56,7 @@ function Loading(props) {
     }
     return null;
 }
+;
 /**
  * Component that renders content when there's an error loading products.
  * Only displays its children when an error has occurred.
@@ -65,7 +66,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 +86,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 +96,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/services/products-list-service.d.ts

@@ -1,11 +1,11 @@
 import { type Signal } from "@wix/services-definitions/core-services/signals";
 import { productsV3 } from "@wix/stores";
-export type ProductsListServiceConfig = {
+export interface ProductsListServiceConfig {
     products: productsV3.V3Product[];
     searchOptions: Parameters<typeof productsV3.searchProducts>[0];
     pagingMetadata: productsV3.CommonCursorPagingMetadata;
     aggregations: productsV3.AggregationData;
-};
+}
 export declare function loadProductsListServiceConfig(searchOptions: Parameters<typeof productsV3.searchProducts>[0]): Promise<ProductsListServiceConfig>;
 export declare const ProductsListServiceDefinition: string & {
     __api: {

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

@@ -1,6 +1,7 @@
 import { defineService, implementService } from "@wix/services-definitions";
 import { SignalsServiceDefinition, } from "@wix/services-definitions/core-services/signals";
 import { productsV3 } from "@wix/stores";
+;
 export async function loadProductsListServiceConfig(searchOptions) {
     const result = await productsV3.searchProducts(searchOptions);
     return {

package/package.json

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