@wix/headless-stores 0.0.28 → 0.0.30

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

@@ -1,77 +1,70 @@
 import { type ProductsListServiceConfig } from "../services/products-list-service.js";
-import type { PropsWithChildren, ReactNode } from "react";
 import { productsV3 } from "@wix/stores";
+export interface RootProps {
+    /** Child components that will have access to the ProductsList service */
+    children: React.ReactNode;
+    /** Configuration for the ProductsList service */
+    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.
  *
  * @component
- * @param props - Component props
- * @param props.children - Child components that will have access to the ProductsList service
- * @param props.productsListConfig - Configuration for the ProductsList service
- * @returns JSX element wrapping children with ProductsList service context
  */
-export 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 {
+    /** Content to display when products list is empty (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display during loading (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display during error state (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display for each product (can be a render function receiving product data or ReactNode) */
+    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.
  * Only renders when products are successfully loaded (not loading, no error, and has products).
  *
  * @component
- * @param props - Component 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
  */
-export declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;
+export declare function ItemContent(props: ItemContentProps): React.ReactNode;

package/cjs/dist/react/ProductsList.js

@@ -8,10 +8,6 @@ import { ProductService, ProductServiceDefinition, } from "@wix/headless-stores/
  * This component sets up the necessary services for managing products list state.
  *
  * @component
- * @param props - Component props
- * @param props.children - Child components that will have access to the ProductsList service
- * @param props.productsListConfig - Configuration for the ProductsList service
- * @returns JSX element wrapping children with ProductsList service context
  */
 export function Root(props) {
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
@@ -21,9 +17,6 @@ export function Root(props) {
  * Only displays its children when there are no products, no loading state, and no errors.
  *
  * @component
- * @param props - Component 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
  */
 export function EmptyState(props) {
     const { isLoading, error, products } = useService(ProductsListServiceDefinition);
@@ -42,9 +35,6 @@ export function EmptyState(props) {
  * Only displays its children when the products list is currently loading.
  *
  * @component
- * @param props - Component 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
  */
 export function Loading(props) {
     const { isLoading } = useService(ProductsListServiceDefinition);
@@ -56,14 +46,12 @@ export 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.
  *
  * @component
- * @param props - Component 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
  */
 export function Error(props) {
     const { error } = useService(ProductsListServiceDefinition);
@@ -81,9 +69,6 @@ export function Error(props) {
  * Only renders when products are successfully loaded (not loading, no error, and has products).
  *
  * @component
- * @param props - Component 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
  */
 export function ItemContent(props) {
     const { products, isLoading, error } = useService(ProductsListServiceDefinition);

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,77 +1,70 @@
 import { type ProductsListServiceConfig } from "../services/products-list-service.js";
-import type { PropsWithChildren, ReactNode } from "react";
 import { productsV3 } from "@wix/stores";
+export interface RootProps {
+    /** Child components that will have access to the ProductsList service */
+    children: React.ReactNode;
+    /** Configuration for the ProductsList service */
+    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.
  *
  * @component
- * @param props - Component props
- * @param props.children - Child components that will have access to the ProductsList service
- * @param props.productsListConfig - Configuration for the ProductsList service
- * @returns JSX element wrapping children with ProductsList service context
  */
-export 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 {
+    /** Content to display when products list is empty (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display during loading (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display during error state (can be a render function or ReactNode) */
+    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.
  *
  * @component
- * @param props - Component 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
  */
-export 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 {
+    /** Content to display for each product (can be a render function receiving product data or ReactNode) */
+    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.
  * Only renders when products are successfully loaded (not loading, no error, and has products).
  *
  * @component
- * @param props - Component 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
  */
-export declare function ItemContent(props: ItemContentProps): import("react/jsx-runtime").JSX.Element[] | null;
+export declare function ItemContent(props: ItemContentProps): React.ReactNode;

package/dist/react/ProductsList.js

@@ -8,10 +8,6 @@ import { ProductService, ProductServiceDefinition, } from "@wix/headless-stores/
  * This component sets up the necessary services for managing products list state.
  *
  * @component
- * @param props - Component props
- * @param props.children - Child components that will have access to the ProductsList service
- * @param props.productsListConfig - Configuration for the ProductsList service
- * @returns JSX element wrapping children with ProductsList service context
  */
 export function Root(props) {
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
@@ -21,9 +17,6 @@ export function Root(props) {
  * Only displays its children when there are no products, no loading state, and no errors.
  *
  * @component
- * @param props - Component 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
  */
 export function EmptyState(props) {
     const { isLoading, error, products } = useService(ProductsListServiceDefinition);
@@ -42,9 +35,6 @@ export function EmptyState(props) {
  * Only displays its children when the products list is currently loading.
  *
  * @component
- * @param props - Component 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
  */
 export function Loading(props) {
     const { isLoading } = useService(ProductsListServiceDefinition);
@@ -56,14 +46,12 @@ export 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.
  *
  * @component
- * @param props - Component 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
  */
 export function Error(props) {
     const { error } = useService(ProductsListServiceDefinition);
@@ -81,9 +69,6 @@ export function Error(props) {
  * Only renders when products are successfully loaded (not loading, no error, and has products).
  *
  * @component
- * @param props - Component 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
  */
 export function ItemContent(props) {
     const { products, isLoading, error } = useService(ProductsListServiceDefinition);

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.28",
+  "version": "0.0.30",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",