@wix/headless-stores 0.0.51 → 0.0.53

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

@@ -0,0 +1,126 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useService, WixServices } from '@wix/services-manager-react';
+import { ProductServiceDefinition, ProductService, } from '../../services/product-service.js';
+import { createServicesMap } from '@wix/services-manager';
+/**
+ * Root component that provides the Product service context to its children.
+ * This component sets up the necessary services for rendering and managing a single product's data.
+ *
+ * @order 1
+ * @component
+ * @example
+ * ```tsx
+ * import { Product } from '@wix/stores/components';
+ *
+ * function ProductPage() {
+ *   return (
+ *     <Product.Root productServiceConfig={{ product: myProduct }}>
+ *       <div>
+ *         <Product.Name>
+ *           {({ name }) => (
+ *             <h1
+ *               className="text-4xl font-bold text-content-primary mb-4"
+ *               data-testid="product-name"
+ *             >
+ *               {name}
+ *             </h1>
+ *           )}
+ *         </Product.Name>
+ *       </div>
+ *     </Product.Root>
+ *   );
+ * }
+ * ```
+ */
+export function Root(props) {
+    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductServiceDefinition, ProductService, props.productServiceConfig), children: props.children }));
+}
+/**
+ * Headless component for product name display
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Product } from '@wix/stores/components';
+ *
+ * function ProductHeader() {
+ *   return (
+ *     <Product.Name>
+ *       {({ name }) => (
+ *         <h1>{name}</h1>
+ *       )}
+ *     </Product.Name>
+ *   );
+ * }
+ * ```
+ */
+export function Name(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    const name = product.name;
+    return props.children({
+        name,
+    });
+}
+/**
+ * Headless component for product description display
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Product } from '@wix/stores/components';
+ *
+ * function ProductDescription() {
+ *   return (
+ *     <Product.Description>
+ *       {({ plainDescription, description }) => (
+ *         <div>
+ *           {plainDescription && (
+ *             <div
+ *               dangerouslySetInnerHTML={{
+ *                 __html: plainDescription,
+ *               }}
+ *             />
+ *           )}
+ *           {description && (
+ *             <div>Rich content description available</div>
+ *           )}
+ *         </div>
+ *       )}
+ *     </Product.Description>
+ *   );
+ * }
+ * ```
+ */
+export function Description(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    const descriptionRichContent = product.description;
+    const plainDescription = product.plainDescription;
+    return props.children({
+        description: descriptionRichContent,
+        plainDescription: plainDescription,
+    });
+}
+export function Media(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    const media = product.media?.itemsInfo?.items ?? [];
+    return props.children({
+        media,
+    });
+}
+export function Content(props) {
+    const service = useService(ProductServiceDefinition);
+    const product = service.product.get();
+    return props.children({
+        product,
+    });
+}
+export function Loading(props) {
+    const service = useService(ProductServiceDefinition);
+    const isLoading = service.isLoading.get();
+    return props.children({
+        isLoading,
+    });
+}

package/cjs/dist/react/{ProductList.d.ts → core/ProductList.d.ts}

@@ -1,6 +1,6 @@
-import { type ProductsListServiceConfig } from "../services/products-list-service.js";
-import { productsV3 } from "@wix/stores";
-import { ProductsListSearchServiceConfig } from "../services/products-list-search-service.js";
+import { type ProductsListServiceConfig } from '../../services/products-list-service.js';
+import { productsV3 } from '@wix/stores';
+import { ProductsListSearchServiceConfig } from '../../services/products-list-search-service.js';
 /**
  * Props for Root headless component
  */

package/cjs/dist/react/{ProductList.js → core/ProductList.js}

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-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 { 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';
 /**
  * Root component that provides both ProductList and ProductListSearch service contexts to its children.
  * This component sets up the necessary services for managing products list state, including search,
@@ -97,7 +97,7 @@ export function EmptyState(props) {
     const errorValue = error.get();
     const productsValue = products.get();
     if (!isLoadingValue && !errorValue && productsValue.length === 0) {
-        return typeof props.children === "function"
+        return typeof props.children === 'function'
             ? props.children({})
             : props.children;
     }
@@ -130,7 +130,7 @@ export function Loading(props) {
     const { isLoading } = useService(ProductsListServiceDefinition);
     const isLoadingValue = isLoading.get();
     if (isLoadingValue) {
-        return typeof props.children === "function"
+        return typeof props.children === 'function'
             ? props.children({})
             : props.children;
     }
@@ -166,7 +166,7 @@ export function Error(props) {
     const { error } = useService(ProductsListServiceDefinition);
     const errorValue = error.get();
     if (errorValue) {
-        return typeof props.children === "function"
+        return typeof props.children === 'function'
             ? props.children({ error: errorValue })
             : props.children;
     }
@@ -204,14 +204,14 @@ export function ItemContent(props) {
     if (isLoading.get() || error.get() || productsValue.length === 0) {
         return null;
     }
-    return productsValue.map((product) => (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductServiceDefinition, ProductService, { product }), children: typeof props.children === "function"
+    return productsValue.map((product) => (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductServiceDefinition, ProductService, { product }), children: typeof props.children === 'function'
             ? props.children({ product })
             : props.children }, product._id)));
 }
 export function Items(props) {
     const { products } = useService(ProductsListServiceDefinition);
     const productsValue = products.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ products: productsValue })
         : props.children;
 }

package/{dist/react → cjs/dist/react/core}/ProductListFilters.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from "react";
-import { type ProductOption, InventoryStatusType } from "../services/products-list-search-service.js";
-import { Category } from "@wix/auto_sdk_categories_categories";
+import type { ReactNode } from 'react';
+import { type ProductOption, InventoryStatusType } from '../../services/products-list-search-service.js';
+import { Category } from '@wix/auto_sdk_categories_categories';
 /**
  * Props for InventoryStatus headless component
  */

package/{dist/react → cjs/dist/react/core}/ProductListFilters.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useService } from "@wix/services-manager-react";
-import { ProductsListSearchServiceDefinition, } from "../services/products-list-search-service.js";
+import { useService } from '@wix/services-manager-react';
+import { ProductsListSearchServiceDefinition, } from '../../services/products-list-search-service.js';
 /**
  * Headless component for managing inventory status filters
  *
@@ -42,7 +42,7 @@ export function InventoryStatus(props) {
     const availableInventoryStatuses = service.availableInventoryStatuses.get();
     const selectedInventoryStatuses = service.selectedInventoryStatuses.get();
     const toggleInventoryStatus = service.toggleInventoryStatus;
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({
             availableInventoryStatuses,
             selectedInventoryStatuses,
@@ -84,7 +84,7 @@ export function ResetTrigger(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const resetFilters = service.reset;
     const isFiltered = service.isFiltered.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ resetFilters, isFiltered })
         : props.children;
 }
@@ -137,7 +137,7 @@ export function PriceRange(props) {
     const availableMaxPrice = service.availableMaxPrice.get();
     const setSelectedMinPrice = service.setSelectedMinPrice;
     const setSelectedMaxPrice = service.setSelectedMaxPrice;
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({
             availableMinPrice,
             selectedMinPrice,
@@ -152,7 +152,7 @@ export function CategoryFilter(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const selectedCategory = service.selectedCategory.get();
     const setSelectedCategory = service.setSelectedCategory;
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ selectedCategory, setSelectedCategory })
         : props.children;
 }
@@ -209,7 +209,7 @@ export function ProductOptions(props) {
             const toggleChoice = (choiceId) => {
                 service.toggleProductOption(option.id, choiceId);
             };
-            return typeof props.children === "function"
+            return typeof props.children === 'function'
                 ? props.children({ option, selectedChoices, toggleChoice })
                 : props.children;
         }) }));

package/cjs/dist/react/{ProductListPagination.js → core/ProductListPagination.js}

@@ -1,6 +1,6 @@
-import { useService } from "@wix/services-manager-react";
-import { ProductsListSearchServiceDefinition } from "../services/products-list-search-service.js";
-import { ProductsListServiceDefinition } from "../services/products-list-service.js";
+import { useService } from '@wix/services-manager-react';
+import { ProductsListSearchServiceDefinition } from '../../services/products-list-search-service.js';
+import { ProductsListServiceDefinition } from '../../services/products-list-service.js';
 /**
  * Headless component for managing page size (items per page)
  *
@@ -39,7 +39,7 @@ export function PageSize(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const currentLimit = service.currentLimit.get();
     const setLimit = service.setLimit;
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ currentLimit, setLimit })
         : props.children;
 }
@@ -77,7 +77,7 @@ export function NextPageTrigger(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const nextPage = service.nextPage;
     const hasNextPage = service.hasNextPage.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ nextPage, hasNextPage })
         : props.children;
 }
@@ -115,7 +115,7 @@ export function PreviousPageTrigger(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const prevPage = service.prevPage;
     const hasPrevPage = service.hasPrevPage.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ prevPage, hasPrevPage })
         : props.children;
 }
@@ -153,7 +153,7 @@ export function FirstPageTrigger(props) {
     const service = useService(ProductsListSearchServiceDefinition);
     const navigateToFirstPage = service.navigateToFirstPage;
     const hasPrevPage = service.hasPrevPage.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ navigateToFirstPage, hasPrevPage })
         : props.children;
 }
@@ -193,7 +193,7 @@ export function LoadMoreTrigger(props) {
     const loadMore = service.loadMore;
     const hasMoreProducts = service.hasNextPage.get();
     const isLoading = productsListService.isLoading.get();
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({ loadMore, hasMoreProducts, isLoading })
         : props.children;
 }

package/{dist/react → cjs/dist/react/core}/ProductListSort.d.ts

@@ -1,4 +1,4 @@
-import { SortType } from "../enums/sort-enums.js";
+import { SortType } from '../../enums/sort-enums.js';
 /**
  * Props for Options headless component
  */

package/cjs/dist/react/{ProductListSort.js → core/ProductListSort.js}

@@ -1,5 +1,5 @@
-import { useService } from "@wix/services-manager-react";
-import { ProductsListSearchServiceDefinition } from "../services/products-list-search-service.js";
+import { useService } from '@wix/services-manager-react';
+import { ProductsListSearchServiceDefinition } from '../../services/products-list-search-service.js';
 /**
  * Headless component for managing product list sorting options
  *
@@ -43,7 +43,7 @@ export function Options(props) {
     const selectedSortOption = service.selectedSortOption.get();
     const sortOptions = service.sortOptions;
     const updateSortOption = service.setSelectedSortOption;
-    return typeof props.children === "function"
+    return typeof props.children === 'function'
         ? props.children({
             selectedSortOption,
             updateSortOption,

package/{dist/react → cjs/dist/react/core}/ProductModifiers.d.ts

@@ -1,4 +1,4 @@
-import { type ConnectedModifier, type ConnectedModifierChoice } from "@wix/auto_sdk_stores_products-v-3";
+import { type ConnectedModifier, type ConnectedModifierChoice } from '@wix/auto_sdk_stores_products-v-3';
 export interface RootProps {
     children: React.ReactNode;
 }

package/{dist/react → cjs/dist/react/core}/ProductModifiers.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useService, WixServices } from "@wix/services-manager-react";
-import { ProductModifiersServiceDefinition, ProductModifiersService, } from "../services/product-modifiers-service.js";
-import { ModifierRenderType, } from "@wix/auto_sdk_stores_products-v-3";
-import { createServicesMap } from "@wix/services-manager";
+import { useState } from 'react';
+import { useService, WixServices } from '@wix/services-manager-react';
+import { ProductModifiersServiceDefinition, ProductModifiersService, } from '../../services/product-modifiers-service.js';
+import { ModifierRenderType, } from '@wix/auto_sdk_stores_products-v-3';
+import { createServicesMap } from '@wix/services-manager';
 /**
  * Root component that provides the ProductModifiers service context to its children.
  * This component sets up the necessary services for managing product modifier functionality.
@@ -207,7 +207,7 @@ export function Modifiers(props) {
 export function Modifier(props) {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const name = modifier.name || "";
+    const name = modifier.name || '';
     const type = modifier.modifierRenderType;
     const mandatory = modifier.mandatory || false;
     const choices = modifier.choicesSettings?.choices || [];
@@ -262,13 +262,13 @@ export function Modifier(props) {
 export function Choice(props) {
     const modifiersService = useModifiersService();
     const { modifier, choice } = props;
-    const modifierName = modifier.name || "";
+    const modifierName = modifier.name || '';
     const renderType = modifier.modifierRenderType;
     // For TEXT_CHOICES, use choice.key; for SWATCH_CHOICES, use choice.name
     const choiceValue = renderType === ModifierRenderType.TEXT_CHOICES
-        ? choice.key || choice.name || ""
-        : choice.name || "";
-    const value = choice.name || ""; // Display name is always choice.name
+        ? choice.key || choice.name || ''
+        : choice.name || '';
+    const value = choice.name || ''; // Display name is always choice.name
     const description = choice.description;
     const colorCode = choice.colorCode;
     const selectedValue = modifiersService?.getModifierValue(modifierName);
@@ -324,13 +324,13 @@ export function Choice(props) {
 export function FreeText(props) {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const modifierName = modifier.name || "";
+    const modifierName = modifier.name || '';
     const mandatory = modifier.mandatory || false;
     const freeTextSettings = modifier.freeTextSettings;
     const maxChars = freeTextSettings?.maxLength;
     const placeholder = freeTextSettings?.placeholder;
     const selectedValue = modifiersService?.getModifierValue(modifierName);
-    const value = selectedValue?.freeTextValue || "";
+    const value = selectedValue?.freeTextValue || '';
     const charCount = value.length;
     const isOverLimit = maxChars ? charCount > maxChars : false;
     const setText = (newValue) => {
@@ -394,7 +394,7 @@ export function FreeText(props) {
 export function ToggleFreeText(props) {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const modifierName = modifier.name || "";
+    const modifierName = modifier.name || '';
     const mandatory = modifier.mandatory || false;
     const [isTextInputShown, setIsTextInputShown] = useState(mandatory);
     const toggle = () => {

package/{dist/react → cjs/dist/react/core}/ProductVariantSelector.d.ts

@@ -1,5 +1,5 @@
-import { SelectedVariantServiceConfig } from "../services/selected-variant-service.js";
-import { type ConnectedOption, type ConnectedOptionChoice, InventoryAvailabilityStatus } from "@wix/auto_sdk_stores_products-v-3";
+import { SelectedVariantServiceConfig } from '../../services/selected-variant-service.js';
+import { type ConnectedOption, type ConnectedOptionChoice, InventoryAvailabilityStatus } from '@wix/auto_sdk_stores_products-v-3';
 export interface RootProps {
     children: React.ReactNode;
     selectedVariantServiceConfig?: SelectedVariantServiceConfig;

package/{dist/react → cjs/dist/react/core}/ProductVariantSelector.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useService, WixServices } from "@wix/services-manager-react";
-import { SelectedVariantServiceDefinition, SelectedVariantService, } from "../services/selected-variant-service.js";
-import { createServicesMap } from "@wix/services-manager";
-import { InventoryAvailabilityStatus, } from "@wix/auto_sdk_stores_products-v-3";
+import { useService, WixServices } from '@wix/services-manager-react';
+import { SelectedVariantServiceDefinition, SelectedVariantService, } from '../../services/selected-variant-service.js';
+import { createServicesMap } from '@wix/services-manager';
+import { InventoryAvailabilityStatus, } from '@wix/auto_sdk_stores_products-v-3';
 /**
  * Root component that provides the ProductVariantSelector service context to its children.
  * This component sets up the necessary services for rendering and managing product variant selection.
@@ -121,7 +121,7 @@ export function Option(props) {
     const variantService = useService(SelectedVariantServiceDefinition);
     const selectedChoices = variantService.selectedChoices.get();
     const { option } = props;
-    const name = option.name || "";
+    const name = option.name || '';
     const choices = option.choicesSettings?.choices || [];
     const selectedValue = selectedChoices[name] || null;
     return props.children({
@@ -161,8 +161,8 @@ export function Choice(props) {
     const variantService = useService(SelectedVariantServiceDefinition);
     const selectedChoices = variantService.selectedChoices.get();
     const { option, choice } = props;
-    const optionName = option.name || "";
-    const choiceValue = choice.name || "";
+    const optionName = option.name || '';
+    const choiceValue = choice.name || '';
     const isSelected = selectedChoices[optionName] === choiceValue;
     // Check if this choice is available based on current selections
     const isVisible = variantService.isChoiceAvailable(optionName, choiceValue);
@@ -189,7 +189,6 @@ export function Choice(props) {
         choiceValue,
     });
 }
-;
 /**
  * Headless component for product stock status
  *
@@ -251,7 +250,6 @@ export function Stock(props) {
         decrementQuantity,
     });
 }
-;
 /**
  * Headless component for resetting variant selections
  *
@@ -287,4 +285,3 @@ export function Reset(props) {
         hasSelections,
     });
 }
-;

package/{dist/react → cjs/dist/react/core}/SelectedVariant.d.ts

@@ -1,4 +1,4 @@
-import { SelectedVariantServiceConfig } from "../services/selected-variant-service.js";
+import { SelectedVariantServiceConfig } from '../../services/selected-variant-service.js';
 export interface RootProps {
     children: React.ReactNode;
     selectedVariantServiceConfig?: SelectedVariantServiceConfig;
@@ -224,4 +224,4 @@ export interface ActionsRenderProps {
  * }
  * ```
  */
-export declare function Actions(props: ActionsProps): import("react").ReactNode;
+export declare function Actions(props: ActionsProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/{dist/react → cjs/dist/react/core}/SelectedVariant.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-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 { CurrentCartServiceDefinition } from "@wix/headless-ecom/services";
-import { createServicesMap } from "@wix/services-manager";
+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 { Checkout } from '@wix/headless-ecom/react';
+import { CheckoutServiceDefinition, CurrentCartServiceDefinition, } from '@wix/headless-ecom/services';
 /**
  * Root component that provides the SelectedVariant service context to its children.
  * This component sets up the necessary services for rendering and managing selected variant data.
@@ -180,6 +181,15 @@ export function SKU(props) {
 export function Actions(props) {
     const variantService = useService(SelectedVariantServiceDefinition);
     const cartService = useService(CurrentCartServiceDefinition);
+    // Try to get checkout service - it may not be available
+    let checkoutService = null;
+    try {
+        checkoutService = useService(CheckoutServiceDefinition);
+    }
+    catch {
+        // Checkout service not available
+        checkoutService = null;
+    }
     // Try to get modifiers service - it may not exist for all products
     let modifiersService = null;
     try {
@@ -192,8 +202,10 @@ export function Actions(props) {
     const inStock = variantService.isInStock.get();
     const isPreOrderEnabled = variantService.isPreOrderEnabled.get();
     const preOrderMessage = variantService.preOrderMessage.get();
-    const isLoading = variantService.isLoading.get();
-    const error = variantService.error.get();
+    const isLoading = variantService.isLoading.get() ||
+        (checkoutService ? checkoutService.isLoading.get() : false);
+    const error = variantService.error.get() ||
+        (checkoutService ? checkoutService.error.get() : null);
     const quantity = variantService.selectedQuantity.get();
     // Check if all required modifiers are filled
     const areAllRequiredModifiersFilled = modifiersService
@@ -202,18 +214,19 @@ export function Actions(props) {
     const canAddToCart = (inStock || isPreOrderEnabled) &&
         !isLoading &&
         areAllRequiredModifiersFilled;
-    const addToCart = async () => {
-        // Get modifiers data if available
-        let modifiersData;
+    const getModifiersData = () => {
         if (modifiersService) {
             const selectedModifiers = modifiersService.selectedModifiers.get();
             if (Object.keys(selectedModifiers).length > 0) {
-                modifiersData = selectedModifiers;
+                return selectedModifiers;
             }
         }
+    };
+    const addToCart = async () => {
+        const modifiersData = getModifiersData();
         await variantService.addToCart(quantity, modifiersData);
     };
-    const buyNow = async () => {
+    const buyNowFallback = async () => {
         try {
             // Clear the cart first
             await cartService.clearCart();
@@ -223,18 +236,33 @@ export function Actions(props) {
             await cartService.proceedToCheckout();
         }
         catch (error) {
-            console.error("Buy now failed:", error);
+            console.error('Buy now failed:', error);
             throw error;
         }
     };
-    return props.children({
+    const getLineItems = () => {
+        const modifiersData = getModifiersData();
+        return variantService.createLineItems(quantity, modifiersData);
+    };
+    const commonProps = {
         addToCart,
-        buyNow,
         canAddToCart,
         isLoading,
         inStock,
         isPreOrderEnabled,
         preOrderMessage,
         error,
+    };
+    if (checkoutService) {
+        return (_jsx(Checkout.Trigger, { children: ({ createCheckout, isLoading: checkoutLoading, error: checkoutError, }) => props.children({
+                ...commonProps,
+                isLoading: isLoading || checkoutLoading,
+                error: error || checkoutError,
+                buyNow: () => createCheckout(getLineItems()),
+            }) }));
+    }
+    return props.children({
+        ...commonProps,
+        buyNow: buyNowFallback,
     });
 }

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

@@ -1,10 +1,15 @@
-export * as CategoryList from "./CategoryList.js";
-export * as Category from "./Category.js";
-export * as Product from "./Product.js";
-export * as ProductModifiers from "./ProductModifiers.js";
-export * as ProductList from "./ProductList.js";
-export * as ProductListFilters from "./ProductListFilters.js";
-export * as ProductListPagination from "./ProductListPagination.js";
-export * as ProductListSort from "./ProductListSort.js";
-export * as ProductVariantSelector from "./ProductVariantSelector.js";
-export * as SelectedVariant from "./SelectedVariant.js";
+export * as CategoryListCore from './core/CategoryList.js';
+export * as CategoryCore from './core/Category.js';
+export * as Product from './core/Product.js';
+export * as ProductModifiers from './core/ProductModifiers.js';
+export * as ProductList from './core/ProductList.js';
+export * as ProductListFilters from './core/ProductListFilters.js';
+export * as ProductListPagination from './core/ProductListPagination.js';
+export * as ProductListSort from './core/ProductListSort.js';
+export * as ProductVariantSelector from './core/ProductVariantSelector.js';
+export * as SelectedVariant from './core/SelectedVariant.js';
+export * as ProductV2 from './Product.js';
+export * as Option from './Option.js';
+export * as Choice from './Choice.js';
+export * as CategoryList from './CategoryList.js';
+export * as Category from './Category.js';

package/cjs/dist/react/index.js

@@ -1,10 +1,15 @@
-export * as CategoryList from "./CategoryList.js";
-export * as Category from "./Category.js";
-export * as Product from "./Product.js";
-export * as ProductModifiers from "./ProductModifiers.js";
-export * as ProductList from "./ProductList.js";
-export * as ProductListFilters from "./ProductListFilters.js";
-export * as ProductListPagination from "./ProductListPagination.js";
-export * as ProductListSort from "./ProductListSort.js";
-export * as ProductVariantSelector from "./ProductVariantSelector.js";
-export * as SelectedVariant from "./SelectedVariant.js";
+export * as CategoryListCore from './core/CategoryList.js';
+export * as CategoryCore from './core/Category.js';
+export * as Product from './core/Product.js';
+export * as ProductModifiers from './core/ProductModifiers.js';
+export * as ProductList from './core/ProductList.js';
+export * as ProductListFilters from './core/ProductListFilters.js';
+export * as ProductListPagination from './core/ProductListPagination.js';
+export * as ProductListSort from './core/ProductListSort.js';
+export * as ProductVariantSelector from './core/ProductVariantSelector.js';
+export * as SelectedVariant from './core/SelectedVariant.js';
+export * as ProductV2 from './Product.js';
+export * as Option from './Option.js';
+export * as Choice from './Choice.js';
+export * as CategoryList from './CategoryList.js';
+export * as Category from './Category.js';