@wix/headless-stores 0.0.91 → 0.0.92

package/cjs/dist/data-component-tags.d.ts

@@ -1,6 +1,8 @@
 export declare enum DataComponentTags {
+    categoryListRoot = "stores.category-list-root",
     categoryRoot = "stores.category-root",
-    productListRoot = "stores.product-list-root",
+    choiceRoot = "stores.choice-root",
     optionRoot = "stores.option-root",
-    choiceRoot = "stores.choice-root"
+    productListRoot = "stores.product-list-root",
+    productRoot = "stores.product-root"
 }

package/cjs/dist/data-component-tags.js

@@ -1,7 +1,9 @@
 export var DataComponentTags;
 (function (DataComponentTags) {
+    DataComponentTags["categoryListRoot"] = "stores.category-list-root";
     DataComponentTags["categoryRoot"] = "stores.category-root";
-    DataComponentTags["productListRoot"] = "stores.product-list-root";
-    DataComponentTags["optionRoot"] = "stores.option-root";
     DataComponentTags["choiceRoot"] = "stores.choice-root";
+    DataComponentTags["optionRoot"] = "stores.option-root";
+    DataComponentTags["productListRoot"] = "stores.product-list-root";
+    DataComponentTags["productRoot"] = "stores.product-root";
 })(DataComponentTags || (DataComponentTags = {}));

package/cjs/dist/react/Category.js

@@ -53,6 +53,7 @@ export const Root = React.forwardRef((props, ref) => {
             return (_jsx(CategoryContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, "data-component-tag": DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
         } }));
 });
+Root.displayName = 'Category.Root';
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

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

@@ -61,7 +61,10 @@ export interface CategoryListCategoryRepeaterProps {
  * }
  * ```
  */
-export declare function Root(props: CategoryListRootProps): React.ReactNode;
+export declare const Root: {
+    (props: CategoryListRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/cjs/dist/react/CategoryList.js

@@ -3,6 +3,7 @@ import React from 'react';
 import * as CoreCategoryList from './core/CategoryList.js';
 import * as Category from './Category.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["categoryListRoot"] = "category-list";
@@ -31,12 +32,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { categories, categoriesListConfig, children, emptyState } = props;
     // Create service config, prioritizing categoriesListConfig, then categories prop
     const serviceConfig = categoriesListConfig || (categories ? { categories } : { categories: [] });
-    return (_jsxs(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, "data-testid": TestIds.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }));
-}
+    return (_jsx(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, children: _jsxs(AsChildSlot, { "data-testid": TestIds.categoryListRoot, "data-component-tag": DataComponentTags.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }) }));
+};
+Root.displayName = 'CategoryList.Root';
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/cjs/dist/react/Choice.js

@@ -50,6 +50,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx("div", { ...attributes, ref: ref, children: children }));
 });
+Root.displayName = 'Choice.Root';
 /**
  * Text-based choice button.
  *

package/cjs/dist/react/Option.js

@@ -116,6 +116,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
 });
+Root.displayName = 'Option.Root';
 // Create a context to pass option data down
 export const OptionContext = React.createContext(null);
 /**

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

@@ -60,7 +60,10 @@ export interface ProductRootProps {
  * }
  * ```
  */
-export declare function Root(props: ProductRootProps): React.ReactNode;
+export declare const Root: {
+    (props: ProductRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Props for Product Name component
  */

package/cjs/dist/react/Product.js

@@ -11,6 +11,7 @@ import * as ProductModifiers from './core/ProductModifiers.js';
 import * as SelectedVariant from './core/SelectedVariant.js';
 import * as Option from './Option.js';
 import { AsContent } from './types.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const VariantsContext = React.createContext(null);
 /**
  * Hook to access variants context
@@ -86,12 +87,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { children, product, ...attrs } = props;
-    return (_jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
-                media: props.product.media?.itemsInfo?.items ?? [],
-            }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }));
-}
+    return (_jsx(AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": DataComponentTags.productRoot, children: _jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+                    media: props.product.media?.itemsInfo?.items ?? [],
+                }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }) }));
+};
+Root.displayName = 'Product.Root';
 /**
  * Displays the product name with customizable rendering following the documented API.
  *

package/cjs/dist/react/ProductList.js

@@ -61,6 +61,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
 });
+Root.displayName = 'ProductList.Root';
 /**
  * Internal component to handle the Root content with service access
  */

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

@@ -36,6 +36,9 @@ export interface RootProps {
  * ```
  */
 export declare function Root(props: RootProps): React.ReactNode;
+export declare namespace Root {
+    var displayName: string;
+}
 /**
  * Props for EmptyState headless component
  */

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

@@ -36,6 +36,7 @@ export function Root(props) {
     const { categoriesListConfig, children } = props;
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
 }
+Root.displayName = 'CategoryList.Root';
 /**
  * Component that renders content when the categories list is empty.
  * Only displays its children when there are no categories, no loading state, and no errors.

package/dist/data-component-tags.d.ts

@@ -1,6 +1,8 @@
 export declare enum DataComponentTags {
+    categoryListRoot = "stores.category-list-root",
     categoryRoot = "stores.category-root",
-    productListRoot = "stores.product-list-root",
+    choiceRoot = "stores.choice-root",
     optionRoot = "stores.option-root",
-    choiceRoot = "stores.choice-root"
+    productListRoot = "stores.product-list-root",
+    productRoot = "stores.product-root"
 }

package/dist/data-component-tags.js

@@ -1,7 +1,9 @@
 export var DataComponentTags;
 (function (DataComponentTags) {
+    DataComponentTags["categoryListRoot"] = "stores.category-list-root";
     DataComponentTags["categoryRoot"] = "stores.category-root";
-    DataComponentTags["productListRoot"] = "stores.product-list-root";
-    DataComponentTags["optionRoot"] = "stores.option-root";
     DataComponentTags["choiceRoot"] = "stores.choice-root";
+    DataComponentTags["optionRoot"] = "stores.option-root";
+    DataComponentTags["productListRoot"] = "stores.product-list-root";
+    DataComponentTags["productRoot"] = "stores.product-root";
 })(DataComponentTags || (DataComponentTags = {}));

package/dist/react/Category.js

@@ -53,6 +53,7 @@ export const Root = React.forwardRef((props, ref) => {
             return (_jsx(CategoryContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, "data-component-tag": DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
         } }));
 });
+Root.displayName = 'Category.Root';
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.

package/dist/react/CategoryList.d.ts

@@ -61,7 +61,10 @@ export interface CategoryListCategoryRepeaterProps {
  * }
  * ```
  */
-export declare function Root(props: CategoryListRootProps): React.ReactNode;
+export declare const Root: {
+    (props: CategoryListRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/dist/react/CategoryList.js

@@ -3,6 +3,7 @@ import React from 'react';
 import * as CoreCategoryList from './core/CategoryList.js';
 import * as Category from './Category.js';
 import { AsChildSlot } from '@wix/headless-utils/react';
+import { DataComponentTags } from '../data-component-tags.js';
 var TestIds;
 (function (TestIds) {
     TestIds["categoryListRoot"] = "category-list";
@@ -31,12 +32,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { categories, categoriesListConfig, children, emptyState } = props;
     // Create service config, prioritizing categoriesListConfig, then categories prop
     const serviceConfig = categoriesListConfig || (categories ? { categories } : { categories: [] });
-    return (_jsxs(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, "data-testid": TestIds.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }));
-}
+    return (_jsx(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, children: _jsxs(AsChildSlot, { "data-testid": TestIds.categoryListRoot, "data-component-tag": DataComponentTags.categoryListRoot, children: [children, emptyState && (_jsx(CoreCategoryList.EmptyState, { children: emptyState }))] }) }));
+};
+Root.displayName = 'CategoryList.Root';
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.

package/dist/react/Choice.js

@@ -50,6 +50,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx("div", { ...attributes, ref: ref, children: children }));
 });
+Root.displayName = 'Choice.Root';
 /**
  * Text-based choice button.
  *

package/dist/react/Option.js

@@ -116,6 +116,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(OptionContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-component-tag": DataComponentTags.optionRoot, "data-testid": TestIds.optionRoot, "data-type": optionType, customElement: children, customElementProps: { option, onValueChange, allowedTypes }, ...otherProps, children: _jsx("div", { children: React.isValidElement(children) ? children : null }) }) }));
 });
+Root.displayName = 'Option.Root';
 // Create a context to pass option data down
 export const OptionContext = React.createContext(null);
 /**

package/dist/react/Product.d.ts

@@ -60,7 +60,10 @@ export interface ProductRootProps {
  * }
  * ```
  */
-export declare function Root(props: ProductRootProps): React.ReactNode;
+export declare const Root: {
+    (props: ProductRootProps): React.ReactNode;
+    displayName: string;
+};
 /**
  * Props for Product Name component
  */

package/dist/react/Product.js

@@ -11,6 +11,7 @@ import * as ProductModifiers from './core/ProductModifiers.js';
 import * as SelectedVariant from './core/SelectedVariant.js';
 import * as Option from './Option.js';
 import { AsContent } from './types.js';
+import { DataComponentTags } from '../data-component-tags.js';
 const VariantsContext = React.createContext(null);
 /**
  * Hook to access variants context
@@ -86,12 +87,13 @@ var TestIds;
  * }
  * ```
  */
-export function Root(props) {
+export const Root = (props) => {
     const { children, product, ...attrs } = props;
-    return (_jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
-                media: props.product.media?.itemsInfo?.items ?? [],
-            }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }));
-}
+    return (_jsx(AsChildSlot, { "data-testid": TestIds.productRoot, "data-component-tag": DataComponentTags.productRoot, children: _jsx(CoreProduct.Root, { productServiceConfig: { product: props.product }, children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+                    media: props.product.media?.itemsInfo?.items ?? [],
+                }, children: _jsx(ProductVariantSelector.Root, { children: _jsx(ProductModifiers.Root, { children: _jsx(SelectedVariant.Root, { children: _jsx(AsChildSlot, { ...attrs, children: children }) }) }) }) }) }) }));
+};
+Root.displayName = 'Product.Root';
 /**
  * Displays the product name with customizable rendering following the documented API.
  *

package/dist/react/ProductList.js

@@ -61,6 +61,7 @@ export const Root = React.forwardRef((props, ref) => {
     };
     return (_jsx(CoreProductList.Root, { productsListConfig: serviceConfig, children: _jsx(RootContent, { children: children, className: className, ref: ref }) }));
 });
+Root.displayName = 'ProductList.Root';
 /**
  * Internal component to handle the Root content with service access
  */

package/dist/react/core/CategoryList.d.ts

@@ -36,6 +36,9 @@ export interface RootProps {
  * ```
  */
 export declare function Root(props: RootProps): React.ReactNode;
+export declare namespace Root {
+    var displayName: string;
+}
 /**
  * Props for EmptyState headless component
  */

package/dist/react/core/CategoryList.js

@@ -36,6 +36,7 @@ export function Root(props) {
     const { categoriesListConfig, children } = props;
     return (_jsx(WixServices, { servicesMap: createServicesMap().addService(CategoriesListServiceDefinition, CategoriesListService, categoriesListConfig), children: children }));
 }
+Root.displayName = 'CategoryList.Root';
 /**
  * Component that renders content when the categories list is empty.
  * Only displays its children when there are no categories, no loading state, and no errors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "type": "module",
   "scripts": {
     "prebuild": "cd ../media && yarn build && cd ../ecom && yarn build",
@@ -63,7 +63,7 @@
     "@wix/ecom": "^1.0.1278",
     "@wix/essentials": "^0.1.24",
     "@wix/headless-ecom": "0.0.30",
-    "@wix/headless-media": "0.0.13",
+    "@wix/headless-media": "0.0.14",
     "@wix/headless-utils": "0.0.3",
     "@wix/redirects": "^1.0.83",
     "@wix/services-definitions": "^0.1.4",