@wix/headless-stores 0.0.82 → 0.0.83

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

@@ -344,3 +344,42 @@ export interface FilterResetTriggerProps {
  * ```
  */
 export declare const FilterResetTrigger: React.ForwardRefExoticComponent<FilterResetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for ProductList Error component
+ */
+export interface ErrorProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        error: string | null;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+}
+/**
+ * Error component that displays product list errors.
+ * Provides error data to custom render functions.
+ * Only renders when there's an error.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <ProductList.Error className="error-message" />
+ *
+ * // Custom rendering with forwardRef
+ * <ProductList.Error asChild>
+ *   {React.forwardRef(({error, ...props}, ref) => (
+ *     <div
+ *       ref={ref}
+ *       {...props}
+ *       className="custom-error-container"
+ *     >
+ *       Error: {error}
+ *     </div>
+ *   ))}
+ * </ProductList.Error>
+ * ```
+ */
+export declare const Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;

package/cjs/dist/react/ProductList.js

@@ -19,6 +19,7 @@ var TestIds;
     TestIds["productListSort"] = "product-list-sort";
     TestIds["productListFilter"] = "product-list-filter";
     TestIds["productListFilterResetTrigger"] = "product-list-filter-reset-trigger";
+    TestIds["productListError"] = "product-list-error";
 })(TestIds || (TestIds = {}));
 /**
  * Root component that provides the ProductList service context for rendering product lists.
@@ -350,3 +351,40 @@ export const FilterResetTrigger = React.forwardRef((props, ref) => {
         } }));
 });
 FilterResetTrigger.displayName = 'ProductList.FilterResetTrigger';
+/**
+ * Error component that displays product list errors.
+ * Provides error data to custom render functions.
+ * Only renders when there's an error.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <ProductList.Error className="error-message" />
+ *
+ * // Custom rendering with forwardRef
+ * <ProductList.Error asChild>
+ *   {React.forwardRef(({error, ...props}, ref) => (
+ *     <div
+ *       ref={ref}
+ *       {...props}
+ *       className="custom-error-container"
+ *     >
+ *       Error: {error}
+ *     </div>
+ *   ))}
+ * </ProductList.Error>
+ * ```
+ */
+export const Error = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(CoreProductList.Error, { children: ({ error }) => {
+            if (!error) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListError, "data-error": error, customElement: children, customElementProps: {
+                    error,
+                }, content: error, children: _jsx("div", { className: "text-status-error text-sm sm:text-base", children: error }) }));
+        } }));
+});
+Error.displayName = 'ProductList.Error';

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

@@ -3,7 +3,7 @@ import { useService, WixServices } from '@wix/services-manager-react';
 import { SelectedVariantServiceDefinition, SelectedVariantService, } from '../../services/selected-variant-service.js';
 import { ProductModifiersServiceDefinition } from '../../services/product-modifiers-service.js';
 import { createServicesMap } from '@wix/services-manager';
-import { CheckoutCore } from '@wix/headless-ecom/react';
+import { Commerce } from '@wix/headless-ecom/react';
 import { CheckoutServiceDefinition, CurrentCartServiceDefinition, } from '@wix/headless-ecom/services';
 /**
  * Root component that provides the SelectedVariant service context to its children.
@@ -255,7 +255,7 @@ export function Actions(props) {
         error,
     };
     if (checkoutService) {
-        return (_jsx(CheckoutCore.Trigger, { children: ({ createCheckout, isLoading: checkoutLoading, error: checkoutError, }) => props.children({
+        return (_jsx(Commerce.CheckoutTrigger, { children: ({ createCheckout, isLoading: checkoutLoading, error: checkoutError, }) => props.children({
                 ...commonProps,
                 isLoading: isLoading || checkoutLoading,
                 error: error || checkoutError,

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

@@ -1,10 +1,3 @@
-export * as CategoryListCore from './core/CategoryList.js';
-export * as ProductCore from './core/Product.js';
-export * as ProductModifiers from './core/ProductModifiers.js';
-export * as ProductListCore from './core/ProductList.js';
-export * as ProductListPagination from './core/ProductListPagination.js';
-export * as ProductVariantSelector from './core/ProductVariantSelector.js';
-export * as SelectedVariant from './core/SelectedVariant.js';
 export * as Product from './Product.js';
 export * as ProductList from './ProductList.js';
 export * as Option from './Option.js';

package/cjs/dist/react/index.js

@@ -1,10 +1,3 @@
-export * as CategoryListCore from './core/CategoryList.js';
-export * as ProductCore from './core/Product.js';
-export * as ProductModifiers from './core/ProductModifiers.js';
-export * as ProductListCore from './core/ProductList.js';
-export * as ProductListPagination from './core/ProductListPagination.js';
-export * as ProductVariantSelector from './core/ProductVariantSelector.js';
-export * as SelectedVariant from './core/SelectedVariant.js';
 export * as Product from './Product.js';
 export * as ProductList from './ProductList.js';
 export * as Option from './Option.js';

package/dist/react/ProductList.d.ts

@@ -344,3 +344,42 @@ export interface FilterResetTriggerProps {
  * ```
  */
 export declare const FilterResetTrigger: React.ForwardRefExoticComponent<FilterResetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for ProductList Error component
+ */
+export interface ErrorProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        error: string | null;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+}
+/**
+ * Error component that displays product list errors.
+ * Provides error data to custom render functions.
+ * Only renders when there's an error.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <ProductList.Error className="error-message" />
+ *
+ * // Custom rendering with forwardRef
+ * <ProductList.Error asChild>
+ *   {React.forwardRef(({error, ...props}, ref) => (
+ *     <div
+ *       ref={ref}
+ *       {...props}
+ *       className="custom-error-container"
+ *     >
+ *       Error: {error}
+ *     </div>
+ *   ))}
+ * </ProductList.Error>
+ * ```
+ */
+export declare const Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;

package/dist/react/ProductList.js

@@ -19,6 +19,7 @@ var TestIds;
     TestIds["productListSort"] = "product-list-sort";
     TestIds["productListFilter"] = "product-list-filter";
     TestIds["productListFilterResetTrigger"] = "product-list-filter-reset-trigger";
+    TestIds["productListError"] = "product-list-error";
 })(TestIds || (TestIds = {}));
 /**
  * Root component that provides the ProductList service context for rendering product lists.
@@ -350,3 +351,40 @@ export const FilterResetTrigger = React.forwardRef((props, ref) => {
         } }));
 });
 FilterResetTrigger.displayName = 'ProductList.FilterResetTrigger';
+/**
+ * Error component that displays product list errors.
+ * Provides error data to custom render functions.
+ * Only renders when there's an error.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default usage
+ * <ProductList.Error className="error-message" />
+ *
+ * // Custom rendering with forwardRef
+ * <ProductList.Error asChild>
+ *   {React.forwardRef(({error, ...props}, ref) => (
+ *     <div
+ *       ref={ref}
+ *       {...props}
+ *       className="custom-error-container"
+ *     >
+ *       Error: {error}
+ *     </div>
+ *   ))}
+ * </ProductList.Error>
+ * ```
+ */
+export const Error = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(CoreProductList.Error, { children: ({ error }) => {
+            if (!error) {
+                return null;
+            }
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.productListError, "data-error": error, customElement: children, customElementProps: {
+                    error,
+                }, content: error, children: _jsx("div", { className: "text-status-error text-sm sm:text-base", children: error }) }));
+        } }));
+});
+Error.displayName = 'ProductList.Error';

package/dist/react/core/SelectedVariant.js

@@ -3,7 +3,7 @@ import { useService, WixServices } from '@wix/services-manager-react';
 import { SelectedVariantServiceDefinition, SelectedVariantService, } from '../../services/selected-variant-service.js';
 import { ProductModifiersServiceDefinition } from '../../services/product-modifiers-service.js';
 import { createServicesMap } from '@wix/services-manager';
-import { CheckoutCore } from '@wix/headless-ecom/react';
+import { Commerce } from '@wix/headless-ecom/react';
 import { CheckoutServiceDefinition, CurrentCartServiceDefinition, } from '@wix/headless-ecom/services';
 /**
  * Root component that provides the SelectedVariant service context to its children.
@@ -255,7 +255,7 @@ export function Actions(props) {
         error,
     };
     if (checkoutService) {
-        return (_jsx(CheckoutCore.Trigger, { children: ({ createCheckout, isLoading: checkoutLoading, error: checkoutError, }) => props.children({
+        return (_jsx(Commerce.CheckoutTrigger, { children: ({ createCheckout, isLoading: checkoutLoading, error: checkoutError, }) => props.children({
                 ...commonProps,
                 isLoading: isLoading || checkoutLoading,
                 error: error || checkoutError,

package/dist/react/index.d.ts

@@ -1,10 +1,3 @@
-export * as CategoryListCore from './core/CategoryList.js';
-export * as ProductCore from './core/Product.js';
-export * as ProductModifiers from './core/ProductModifiers.js';
-export * as ProductListCore from './core/ProductList.js';
-export * as ProductListPagination from './core/ProductListPagination.js';
-export * as ProductVariantSelector from './core/ProductVariantSelector.js';
-export * as SelectedVariant from './core/SelectedVariant.js';
 export * as Product from './Product.js';
 export * as ProductList from './ProductList.js';
 export * as Option from './Option.js';

package/dist/react/index.js

@@ -1,10 +1,3 @@
-export * as CategoryListCore from './core/CategoryList.js';
-export * as ProductCore from './core/Product.js';
-export * as ProductModifiers from './core/ProductModifiers.js';
-export * as ProductListCore from './core/ProductList.js';
-export * as ProductListPagination from './core/ProductListPagination.js';
-export * as ProductVariantSelector from './core/ProductVariantSelector.js';
-export * as SelectedVariant from './core/SelectedVariant.js';
 export * as Product from './Product.js';
 export * as ProductList from './ProductList.js';
 export * as Option from './Option.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "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-components": "0.0.12",
-    "@wix/headless-ecom": "0.0.25",
+    "@wix/headless-ecom": "0.0.26",
     "@wix/headless-media": "0.0.11",
     "@wix/headless-utils": "0.0.3",
     "@wix/redirects": "^1.0.83",