@wix/headless-stores 0.0.79 → 0.0.81

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

@@ -833,6 +833,20 @@ export interface ProductQuantityRawSubComponentProps {
  * ```
  */
 export declare const ProductQuantityRaw: React.ForwardRefExoticComponent<ProductQuantityRawSubComponentProps & React.RefAttributes<HTMLElement>>;
+export interface ProductVariantSelectorResetProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        reset: () => void;
+        hasSelections: boolean;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+    /** Label for the reset button */
+    label?: string;
+}
+export declare const ProductVariantSelectorReset: React.ForwardRefExoticComponent<ProductVariantSelectorResetProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Add to cart action button component following the documented API.
  * Automatically integrates with the selected variant and handles loading states.

package/cjs/dist/react/Product.js

@@ -46,6 +46,7 @@ var TestIds;
     TestIds["productStock"] = "product-stock";
     TestIds["productVariants"] = "product-variants";
     TestIds["productVariantOptions"] = "product-variant-options";
+    TestIds["productVariantSelectorReset"] = "product-variant-selector-reset";
     TestIds["productVariantOption"] = "product-variant-option";
     TestIds["productVariant"] = "product-variant";
     TestIds["productVariantSku"] = "product-variant-sku";
@@ -859,6 +860,16 @@ export const ProductQuantityRaw = React.forwardRef((props, ref) => {
             return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productQuantityRaw, customElementProps: renderProps }));
         } }));
 });
+export const ProductVariantSelectorReset = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(ProductVariantSelector.Reset, { children: (renderProps) => {
+            if (!renderProps.hasSelections) {
+                return null;
+            }
+            const label = props.label || 'Reset Selections';
+            return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productVariantSelectorReset, customElementProps: renderProps, children: _jsx("button", { onClick: renderProps.reset, children: label }) }));
+        } }));
+});
 /**
  * Add to cart action button component following the documented API.
  * Automatically integrates with the selected variant and handles loading states.

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

@@ -120,9 +120,29 @@ export declare const ProductRepeater: React.ForwardRefExoticComponent<ProductRep
  * Props for ProductList LoadMoreTrigger component
  */
 export interface LoadMoreTriggerProps {
-    children?: React.ReactNode;
+    /** Custom render function when using asChild */
+    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLButtonElement, {
+        isLoading: boolean;
+        hasMoreProducts: boolean;
+        loadMore: () => void;
+    }>;
+    /**
+     * Whether to render as a child component.
+     * @default false
+     */
     asChild?: boolean;
+    /**
+     * The CSS classes to apply to the button.
+     */
     className?: string;
+    /**
+     * The label to display inside the button.
+     */
+    label?: string;
+    /**
+     * The loading state to display inside the button.
+     */
+    loadingState?: React.ReactNode;
 }
 /**
  * Displays a button to load more products. Not rendered if infiniteScroll is false or no products are left to load.
@@ -136,7 +156,7 @@ export interface LoadMoreTriggerProps {
  * </ProductList.LoadMoreTrigger>
  * ```
  */
-export declare const LoadMoreTrigger: React.ForwardRefExoticComponent<LoadMoreTriggerProps & React.RefAttributes<HTMLElement>>;
+export declare const LoadMoreTrigger: React.ForwardRefExoticComponent<LoadMoreTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Props for ProductList Totals Displayed component
  */

package/cjs/dist/react/ProductList.js

@@ -176,13 +176,17 @@ export const ProductRepeater = React.forwardRef((props, _ref) => {
  * ```
  */
 export const LoadMoreTrigger = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
+    const { asChild, children, className, label = 'Load More', loadingState = 'Loading...', } = props;
     return (_jsx(CoreProductListPagination.LoadMoreTrigger, { children: ({ loadMore, hasMoreProducts, isLoading }) => {
             // Don't render if no more products to load
             if (!hasMoreProducts)
                 return null;
             const handleClick = () => loadMore(10);
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleClick, disabled: isLoading, "data-testid": TestIds.productListLoadMore, customElement: children, children: _jsx("button", { children: children }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleClick, disabled: isLoading, "data-testid": TestIds.productListLoadMore, customElement: children, customElementProps: {
+                    loadMore,
+                    hasMoreProducts,
+                    isLoading,
+                }, children: _jsx("button", { children: isLoading ? loadingState : label }) }));
         } }));
 });
 /**

package/dist/react/Product.d.ts

@@ -833,6 +833,20 @@ export interface ProductQuantityRawSubComponentProps {
  * ```
  */
 export declare const ProductQuantityRaw: React.ForwardRefExoticComponent<ProductQuantityRawSubComponentProps & React.RefAttributes<HTMLElement>>;
+export interface ProductVariantSelectorResetProps {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Custom render function when using asChild */
+    children?: AsChildChildren<{
+        reset: () => void;
+        hasSelections: boolean;
+    }>;
+    /** CSS classes to apply to the default element */
+    className?: string;
+    /** Label for the reset button */
+    label?: string;
+}
+export declare const ProductVariantSelectorReset: React.ForwardRefExoticComponent<ProductVariantSelectorResetProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Add to cart action button component following the documented API.
  * Automatically integrates with the selected variant and handles loading states.

package/dist/react/Product.js

@@ -46,6 +46,7 @@ var TestIds;
     TestIds["productStock"] = "product-stock";
     TestIds["productVariants"] = "product-variants";
     TestIds["productVariantOptions"] = "product-variant-options";
+    TestIds["productVariantSelectorReset"] = "product-variant-selector-reset";
     TestIds["productVariantOption"] = "product-variant-option";
     TestIds["productVariant"] = "product-variant";
     TestIds["productVariantSku"] = "product-variant-sku";
@@ -859,6 +860,16 @@ export const ProductQuantityRaw = React.forwardRef((props, ref) => {
             return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productQuantityRaw, customElementProps: renderProps }));
         } }));
 });
+export const ProductVariantSelectorReset = React.forwardRef((props, ref) => {
+    const { asChild, children, className } = props;
+    return (_jsx(ProductVariantSelector.Reset, { children: (renderProps) => {
+            if (!renderProps.hasSelections) {
+                return null;
+            }
+            const label = props.label || 'Reset Selections';
+            return (_jsx(AsChildSlot, { ref: ref, customElement: children, asChild: asChild, className: className, "data-testid": TestIds.productVariantSelectorReset, customElementProps: renderProps, children: _jsx("button", { onClick: renderProps.reset, children: label }) }));
+        } }));
+});
 /**
  * Add to cart action button component following the documented API.
  * Automatically integrates with the selected variant and handles loading states.

package/dist/react/ProductList.d.ts

@@ -120,9 +120,29 @@ export declare const ProductRepeater: React.ForwardRefExoticComponent<ProductRep
  * Props for ProductList LoadMoreTrigger component
  */
 export interface LoadMoreTriggerProps {
-    children?: React.ReactNode;
+    /** Custom render function when using asChild */
+    children?: React.ReactNode | React.ForwardRefRenderFunction<HTMLButtonElement, {
+        isLoading: boolean;
+        hasMoreProducts: boolean;
+        loadMore: () => void;
+    }>;
+    /**
+     * Whether to render as a child component.
+     * @default false
+     */
     asChild?: boolean;
+    /**
+     * The CSS classes to apply to the button.
+     */
     className?: string;
+    /**
+     * The label to display inside the button.
+     */
+    label?: string;
+    /**
+     * The loading state to display inside the button.
+     */
+    loadingState?: React.ReactNode;
 }
 /**
  * Displays a button to load more products. Not rendered if infiniteScroll is false or no products are left to load.
@@ -136,7 +156,7 @@ export interface LoadMoreTriggerProps {
  * </ProductList.LoadMoreTrigger>
  * ```
  */
-export declare const LoadMoreTrigger: React.ForwardRefExoticComponent<LoadMoreTriggerProps & React.RefAttributes<HTMLElement>>;
+export declare const LoadMoreTrigger: React.ForwardRefExoticComponent<LoadMoreTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Props for ProductList Totals Displayed component
  */

package/dist/react/ProductList.js

@@ -176,13 +176,17 @@ export const ProductRepeater = React.forwardRef((props, _ref) => {
  * ```
  */
 export const LoadMoreTrigger = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
+    const { asChild, children, className, label = 'Load More', loadingState = 'Loading...', } = props;
     return (_jsx(CoreProductListPagination.LoadMoreTrigger, { children: ({ loadMore, hasMoreProducts, isLoading }) => {
             // Don't render if no more products to load
             if (!hasMoreProducts)
                 return null;
             const handleClick = () => loadMore(10);
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleClick, disabled: isLoading, "data-testid": TestIds.productListLoadMore, customElement: children, children: _jsx("button", { children: children }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleClick, disabled: isLoading, "data-testid": TestIds.productListLoadMore, customElement: children, customElementProps: {
+                    loadMore,
+                    hasMoreProducts,
+                    isLoading,
+                }, children: _jsx("button", { children: isLoading ? loadingState : label }) }));
         } }));
 });
 /**

package/package.json

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