@wix/headless-stores 0.0.58 → 0.0.60

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type Category } from '../services/category-service.js';
 import { type CategoryServiceConfig } from '../services/category-service.js';
+import { AsChildChildren } from '@wix/headless-utils/react';
 /**
  * Props for Category.Root component
  */
@@ -21,7 +22,7 @@ export interface CategoryTriggerProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLButtonElement, {
+    children?: AsChildChildren<{
         category: Category;
         isSelected: boolean;
         onSelect: () => void;
@@ -39,7 +40,7 @@ export interface CategoryLabelProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         name: string;
         category: Category;
     }>;
@@ -53,7 +54,7 @@ export interface CategoryIDProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         id: string;
         category: Category;
     }>;
@@ -67,7 +68,7 @@ export interface CategoryRawProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         category: Category;
         isSelected: boolean;
     }>;

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

@@ -1,5 +1,6 @@
 import type { V3Product } from '@wix/auto_sdk_stores_products-v-3';
 import React from 'react';
+import { AsChildChildren } from '@wix/headless-utils/react';
 import { AsContent } from './types.js';
 /**
  * Context for sharing variant options state between components
@@ -59,9 +60,9 @@ export interface NameProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         name: string;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }
@@ -97,9 +98,9 @@ export interface DescriptionProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         description: string;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
     /** Format of the description content */
@@ -136,10 +137,10 @@ export interface PriceProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         price: string;
         formattedPrice: string;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }
@@ -175,10 +176,10 @@ export interface CompareAtPriceProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         price: string;
         formattedPrice: string;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }
@@ -219,9 +220,9 @@ export interface SlugProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         slug: string;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }
@@ -255,9 +256,9 @@ export interface RawProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         product: V3Product;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }

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

@@ -1,7 +1,7 @@
 import type { V3Product } from '@wix/auto_sdk_stores_products-v-3';
 import React from 'react';
-import type { ProductsListSearchServiceConfig } from '../services/products-list-search-service.js';
 import type { ProductsListServiceConfig } from '../services/products-list-service.js';
+import { AsChildChildren } from '@wix/headless-utils/react';
 /**
  * Props for the ProductList root component following the documented API
  */
@@ -9,7 +9,6 @@ export interface ProductListRootProps {
     children: React.ReactNode;
     products?: V3Product[];
     productsListConfig?: ProductsListServiceConfig;
-    productsListSearchConfig?: ProductsListSearchServiceConfig;
     className?: string;
 }
 /**
@@ -142,9 +141,9 @@ export interface TotalsDisplayedProps {
     /** Whether to render as a child component */
     asChild?: boolean;
     /** Custom render function when using asChild */
-    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLElement, {
+    children?: AsChildChildren<{
         displayedProducts: number;
-    }> | React.ForwardRefExoticComponent<any>;
+    }>;
     /** CSS classes to apply to the default element */
     className?: string;
 }

package/cjs/dist/react/ProductList.js

@@ -38,7 +38,7 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, products, productsListConfig, productsListSearchConfig, className, } = props;
+    const { children, products, productsListConfig, className } = props;
     const serviceConfig = productsListConfig || {
         products: products || [],
         searchOptions: {
@@ -50,7 +50,7 @@ export const Root = React.forwardRef((props, ref) => {
         aggregations: {}, // Empty aggregation data
         customizations: [],
     };
-    return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, productsListSearchConfig: productsListSearchConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
+    return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
 });
 /**
  * Internal component to handle the Root content with service access

package/cjs/dist/react/core/ProductList.d.ts

@@ -1,6 +1,5 @@
 import { type ProductsListServiceConfig } from '../../services/products-list-service.js';
 import { productsV3 } from '@wix/stores';
-import { ProductsListSearchServiceConfig } from '../../services/products-list-search-service.js';
 import { CategoriesListServiceConfig } from '../../services/categories-list-service.js';
 /**
  * Props for Root headless component
@@ -10,8 +9,6 @@ export interface RootProps {
     children: React.ReactNode;
     /** Configuration for the ProductList service */
     productsListConfig: ProductsListServiceConfig;
-    /** Configuration for the ProductListSearch service */
-    productsListSearchConfig?: ProductsListSearchServiceConfig;
     /** Configuration for the CategoriesList service */
     categoriesListConfig?: CategoriesListServiceConfig;
 }

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

@@ -3,7 +3,6 @@ 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 { ProductsListSearchService, ProductsListSearchServiceDefinition, } from '../../services/products-list-search-service.js';
 import { CategoriesListService, CategoriesListServiceDefinition, } from '../../services/categories-list-service.js';
 /**
  * Root component that provides both ProductList and ProductListSearch service contexts to its children.
@@ -66,8 +65,7 @@ import { CategoriesListService, CategoriesListServiceDefinition, } from '../../s
 export function Root(props) {
     return (_jsx(WixServices, { servicesMap: createServicesMap()
             .addService(CategoriesListServiceDefinition, CategoriesListService, props.categoriesListConfig)
-            .addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig)
-            .addService(ProductsListSearchServiceDefinition, ProductsListSearchService, props.productsListSearchConfig), children: props.children }));
+            .addService(ProductsListServiceDefinition, ProductListService, props.productsListConfig), children: props.children }));
 }
 /**
  * Component that renders content when the products list is empty.

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

@@ -3,5 +3,4 @@ export { CategoriesListService, CategoriesListServiceDefinition, loadCategoriesL
 export { ProductModifiersService, ProductModifiersServiceDefinition, } from './product-modifiers-service.js';
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from './product-service.js';
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from './selected-variant-service.js';
-export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, ProductsListServiceConfig, ProductOption, ProductChoice, } from './products-list-service.js';
-export { InventoryStatusType, SortType, ProductsListSearchService, ProductsListSearchServiceDefinition, ProductsListSearchServiceConfig, loadProductsListSearchServiceConfig, parseUrlToSearchOptions, convertUrlSortToSortType, } from './products-list-search-service.js';
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, ProductsListServiceConfig, ProductOption, ProductChoice, InventoryStatusType, SortType, InitialSearchState, parseUrlToSearchOptions, convertUrlSortToSortType, } from './products-list-service.js';

package/cjs/dist/services/index.js

@@ -3,5 +3,4 @@ export { CategoriesListService, CategoriesListServiceDefinition, loadCategoriesL
 export { ProductModifiersService, ProductModifiersServiceDefinition, } from './product-modifiers-service.js';
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from './product-service.js';
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from './selected-variant-service.js';
-export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, } from './products-list-service.js';
-export { InventoryStatusType, SortType, ProductsListSearchService, ProductsListSearchServiceDefinition, loadProductsListSearchServiceConfig, parseUrlToSearchOptions, convertUrlSortToSortType, } from './products-list-search-service.js';
+export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, InventoryStatusType, SortType, parseUrlToSearchOptions, convertUrlSortToSortType, } from './products-list-service.js';

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

@@ -1,128 +1 @@
-import { productsV3, customizationsV3 } from '@wix/stores';
-import { type Category } from './category-service.js';
-import { SortType } from './../enums/sort-enums.js';
-export { SortType } from './../enums/sort-enums.js';
-/**
- * Enumeration of inventory status types available for filtering.
- * Re-exports the Wix inventory availability status enum values.
- */
-export declare const InventoryStatusType: typeof productsV3.InventoryAvailabilityStatus;
-/**
- * Type for inventory status values.
- * Re-exports the Wix inventory availability status enum type.
- */
-export type InventoryStatusType = productsV3.InventoryAvailabilityStatus;
-/**
- * Initial search state that can be loaded from URL parameters.
- */
-export type InitialSearchState = {
-    sort?: SortType;
-    limit?: number;
-    cursor?: string | null;
-    priceRange?: {
-        min?: number;
-        max?: number;
-    };
-    inventoryStatuses?: InventoryStatusType[];
-    productOptions?: Record<string, string[]>;
-    category?: Category;
-    visible?: boolean;
-    productType?: string;
-};
-/**
- * Configuration interface for the Products List Search service.
- */
-export type ProductsListSearchServiceConfig = {
-    initialSearchState?: InitialSearchState;
-};
-/**
- * Service definition for the Products List Search service.
- * This consolidates sort, pagination, and filtering functionality.
- */
-export declare const ProductsListSearchServiceDefinition: string & {
-    __api: {};
-    __config: {};
-    isServiceDefinition?: boolean;
-};
-/**
- * Convert URL sort format to SortType enum
- */
-export declare function convertUrlSortToSortType(urlSort: string): SortType | null;
-/**
- * Parse URL and build complete search options with all filters, sort, and pagination.
- * This function extracts search parameters, filters, sorting, and pagination from a URL
- * and converts them into the format expected by the Wix Stores API.
- *
- * @param {string} url - The URL to parse search parameters from
- * @param {Category[]} categoriesList - List of available categories for category slug resolution
- * @param {productsV3.V3ProductSearch} [defaultSearchOptions] - Default search options to merge with parsed URL parameters
- * @returns {Promise<{searchOptions: productsV3.V3ProductSearch, initialSearchState: InitialSearchState}>}
- *   Object containing both API-ready search options and UI-ready initial state
- *
- * @example
- * ```tsx
- * // Parse URL with filters, sort, and pagination
- * const categories = await loadCategoriesListServiceConfig();
- * const { searchOptions, initialSearchState } = await parseUrlToSearchOptions(
- *   'https://example.com/products?sort=price:desc&Color=red,blue&minPrice=50',
- *   categories.categories
- * );
- *
- * // Use searchOptions for API calls
- * const products = await productsV3.searchProducts(searchOptions);
- *
- * // Use initialSearchState for UI initialization
- * const filterState = initialSearchState.productOptions; // { colorId: ['red-id', 'blue-id'] }
- * ```
- */
-export declare function parseUrlToSearchOptions(url: string, categoriesList: Category[], customizations: customizationsV3.Customization[], defaultSearchOptions?: productsV3.V3ProductSearch): Promise<{
-    searchOptions: productsV3.V3ProductSearch;
-    initialSearchState: InitialSearchState;
-}>;
-/**
- * Load search service configuration from URL or parsed URL result.
- * This function provides the configuration for the Products List Search service,
- * including customizations and initial search state.
- *
- * @param {string | { searchOptions: productsV3.V3ProductSearch; initialSearchState: InitialSearchState }} input - Either a URL to parse or parsed URL result from parseUrlToSearchOptions
- * @returns {Promise<ProductsListSearchServiceConfig>} Promise that resolves to the search service configuration
- *
- * @example
- * ```tsx
- * // Option 1: Load from URL (will parse filters, sort, pagination from URL params)
- * const searchConfig = await loadProductsListSearchServiceConfig(window.location.href);
- *
- * // Option 2: Custom parsing with defaults
- * const categories = await loadCategoriesListServiceConfig();
- * const parsed = await parseUrlToSearchOptions(
- *   window.location.href,
- *   categories.categories,
- *   {
- *     cursorPaging: { limit: 12 },
- *     filter: { 'categoryIds': ['123'] },
- *     sort: [{ fieldName: 'name' as const, order: 'ASC' as const }]
- *   }
- * );
- * const searchConfig = await loadProductsListSearchServiceConfig(parsed);
- *
- * // Option 3: Performance optimization - use parsed result for both services (no duplicate parsing)
- * const categories = await loadCategoriesListServiceConfig();
- * const parsed = await parseUrlToSearchOptions(url, categories.categories);
- * const [productsConfig, searchConfig] = await Promise.all([
- *   loadProductsListServiceConfig(parsed),
- *   loadProductsListSearchServiceConfig(parsed),
- * ]);
- * ```
- */
-export declare function loadProductsListSearchServiceConfig(input: string | {
-    searchOptions: productsV3.V3ProductSearch;
-    initialSearchState: InitialSearchState;
-}): Promise<ProductsListSearchServiceConfig>;
-/**
- * Implementation of the Products List Search service
- */
-export declare const ProductsListSearchService: import("@wix/services-definitions").ServiceFactory<string & {
-    __api: {};
-    __config: {};
-    isServiceDefinition?: boolean;
-}, ProductsListSearchServiceConfig>;
+export {};