@wix/headless-stores 0.0.109 → 0.0.111

package/cjs/dist/astro/actions/custom-checkout.d.ts

@@ -45,6 +45,4 @@ import { type CustomLineItemCheckoutOptions } from '../../server-actions/index.j
  * @see {@link https://docs.astro.build/en/guides/actions/} Astro Actions Documentation
  * @see {@link https://dev.wix.com/docs/sdk/headless/api-reference/stores/checkout} Wix Stores Checkout API
  */
-export declare const customCheckoutActionFactory: (factoryOpts: CustomLineItemCheckoutOptions) => ((input?: any) => Promise<import("astro:actions").SafeResult<never, string>>) & {
-    orThrow: (input?: any) => Promise<string>;
-} & string;
+export declare const customCheckoutActionFactory: (factoryOpts: CustomLineItemCheckoutOptions) => any;

package/cjs/dist/astro/actions/custom-checkout.js

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customCheckoutActionFactory = void 0;
 /// <reference types="astro/env" />
 // @ts-ignore
-import { defineAction } from 'astro:actions';
-import { getCustomLineItemCheckoutURLFactory, } from '../../server-actions/index.js';
+const astro_actions_1 = require("astro:actions");
+const index_js_1 = require("../../server-actions/index.js");
 /**
  * Creates an Astro action factory for custom checkout functionality with line items.
  *
@@ -48,6 +51,7 @@ import { getCustomLineItemCheckoutURLFactory, } from '../../server-actions/index
  * @see {@link https://docs.astro.build/en/guides/actions/} Astro Actions Documentation
  * @see {@link https://dev.wix.com/docs/sdk/headless/api-reference/stores/checkout} Wix Stores Checkout API
  */
-export const customCheckoutActionFactory = (factoryOpts) => defineAction({
-    handler: () => getCustomLineItemCheckoutURLFactory(factoryOpts)(),
+const customCheckoutActionFactory = (factoryOpts) => (0, astro_actions_1.defineAction)({
+    handler: () => (0, index_js_1.getCustomLineItemCheckoutURLFactory)(factoryOpts)(),
 });
+exports.customCheckoutActionFactory = customCheckoutActionFactory;

package/cjs/dist/astro/actions/index.js

@@ -1 +1,17 @@
-export * from './custom-checkout.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./custom-checkout.js"), exports);

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

@@ -1,4 +1,7 @@
-export var DataComponentTags;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataComponentTags = void 0;
+var DataComponentTags;
 (function (DataComponentTags) {
     DataComponentTags["categoryListRoot"] = "stores.category-list-root";
     DataComponentTags["categoryRoot"] = "stores.category-root";
@@ -6,4 +9,4 @@ export var DataComponentTags;
     DataComponentTags["optionRoot"] = "stores.option-root";
     DataComponentTags["productListRoot"] = "stores.product-list-root";
     DataComponentTags["productRoot"] = "stores.product-root";
-})(DataComponentTags || (DataComponentTags = {}));
+})(DataComponentTags || (exports.DataComponentTags = DataComponentTags = {}));

package/cjs/dist/enums/index.js

@@ -1,2 +1,18 @@
-export * from './sort-enums.js';
-export * from './social-platform-enums.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./sort-enums.js"), exports);
+__exportStar(require("./social-platform-enums.js"), exports);

package/cjs/dist/enums/social-platform-enums.js

@@ -1,10 +1,13 @@
+"use strict";
 /**
  * Business logic enums for social sharing platforms (headless layer)
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialPlatformShareUrl = exports.SocialPlatform = void 0;
 /**
  * Enum for social sharing platforms (business identifiers)
  */
-export var SocialPlatform;
+var SocialPlatform;
 (function (SocialPlatform) {
     SocialPlatform["FACEBOOK"] = "facebook";
     SocialPlatform["TWITTER"] = "twitter";
@@ -13,15 +16,15 @@ export var SocialPlatform;
     SocialPlatform["EMAIL"] = "email";
     SocialPlatform["CLIPBOARD"] = "clipboard";
     SocialPlatform["NATIVE"] = "native";
-})(SocialPlatform || (SocialPlatform = {}));
+})(SocialPlatform || (exports.SocialPlatform = SocialPlatform = {}));
 /**
  * Enum for social platform share URLs (business logic)
  */
-export var SocialPlatformShareUrl;
+var SocialPlatformShareUrl;
 (function (SocialPlatformShareUrl) {
     SocialPlatformShareUrl["FACEBOOK"] = "https://www.facebook.com/sharer/sharer.php";
     SocialPlatformShareUrl["TWITTER"] = "https://twitter.com/intent/tweet";
     SocialPlatformShareUrl["LINKEDIN"] = "https://www.linkedin.com/sharing/share-offsite/";
     SocialPlatformShareUrl["WHATSAPP"] = "https://wa.me/";
     SocialPlatformShareUrl["EMAIL"] = "mailto:";
-})(SocialPlatformShareUrl || (SocialPlatformShareUrl = {}));
+})(SocialPlatformShareUrl || (exports.SocialPlatformShareUrl = SocialPlatformShareUrl = {}));

package/cjs/dist/enums/sort-enums.js

@@ -1,9 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_SORT_TYPE = exports.SortType = void 0;
 /**
  * Enum for sort types used in the store
  * Note: Cannot use SDK SortType as it's for aggregations (COUNT/VALUE)
  * while this enum represents user-facing sort options
  */
-export var SortType;
+var SortType;
 (function (SortType) {
     SortType["NEWEST"] = "newest";
     SortType["NAME_ASC"] = "name_asc";
@@ -11,8 +14,8 @@ export var SortType;
     SortType["PRICE_ASC"] = "price_asc";
     SortType["PRICE_DESC"] = "price_desc";
     SortType["RECOMMENDED"] = "recommended";
-})(SortType || (SortType = {}));
+})(SortType || (exports.SortType = SortType = {}));
 /**
  * Default sort type
  */
-export const DEFAULT_SORT_TYPE = SortType.NEWEST;
+exports.DEFAULT_SORT_TYPE = SortType.NEWEST;

package/cjs/dist/react/Category.js

@@ -1,11 +1,50 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreProductListFilters from './core/ProductListFilters.js';
-import { DataComponentTags } from '../data-component-tags.js';
-const CategoryContext = React.createContext(null);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryFilter = exports.Raw = exports.ID = exports.Label = exports.Trigger = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const CoreProductListFilters = __importStar(require("./core/ProductListFilters.js"));
+const data_component_tags_js_1 = require("../data-component-tags.js");
+const CategoryContext = react_1.default.createContext(null);
 function useCategoryContext() {
-    const context = React.useContext(CategoryContext);
+    const context = react_1.default.useContext(CategoryContext);
     if (!context) {
         throw new Error('useCategoryContext must be used within a Category.Root component');
     }
@@ -39,9 +78,9 @@ var TestIds;
  * </Category.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { category, children } = props;
-    return (_jsx(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
             // Determine if this category is selected by comparing with selectedCategory
             const isSelected = selectedCategory?._id === category._id;
             const contextValue = {
@@ -50,10 +89,10 @@ export const Root = React.forwardRef((props, ref) => {
                 selectedCategory,
                 setSelectedCategory,
             };
-            return (_jsx(CategoryContext.Provider, { value: contextValue, children: _jsx(AsChildSlot, { ref: ref, "data-component-tag": DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
+            return ((0, jsx_runtime_1.jsx)(CategoryContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, "data-component-tag": data_component_tags_js_1.DataComponentTags.categoryRoot, "data-testid": TestIds.categoryRoot, children: children }) }));
         } }));
 });
-Root.displayName = 'Category.Root';
+exports.Root.displayName = 'Category.Root';
 /**
  * Interactive element for selecting or triggering category actions.
  * Provides category data and selection state to custom render functions.
@@ -83,7 +122,7 @@ Root.displayName = 'Category.Root';
  * </Category.Trigger>
  * ```
  */
-export const Trigger = React.forwardRef((props, ref) => {
+exports.Trigger = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, onSelect, className, ...otherProps } = props;
     const { category, isSelected, setSelectedCategory } = useCategoryContext();
     const handleSelect = () => {
@@ -100,11 +139,11 @@ export const Trigger = React.forwardRef((props, ref) => {
             onSelect(category);
         }
     };
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleSelect, "data-testid": TestIds.categoryTrigger, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, onClick: handleSelect, "data-testid": TestIds.categoryTrigger, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: {
             category,
             isSelected,
             onSelect: handleSelect,
-        }, content: category.name, ...otherProps, children: _jsx("button", { children: category.name }) }));
+        }, content: category.name, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { children: category.name }) }));
 });
 /**
  * Displays the category name or label.
@@ -131,10 +170,10 @@ export const Trigger = React.forwardRef((props, ref) => {
  * </Category.Label>
  * ```
  */
-export const Label = React.forwardRef((props, ref) => {
+exports.Label = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const { category, isSelected } = useCategoryContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name: category.name, category }, content: category.name, children: _jsx("span", { children: category.name }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryLabel, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { name: category.name, category }, content: category.name, children: (0, jsx_runtime_1.jsx)("span", { children: category.name }) }));
 });
 /**
  * Provides access to the category ID for advanced use cases.
@@ -161,11 +200,11 @@ export const Label = React.forwardRef((props, ref) => {
  * </Category.ID>
  * ```
  */
-export const ID = React.forwardRef((props, ref) => {
+exports.ID = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const { category, isSelected } = useCategoryContext();
     const id = category._id || '';
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryId, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { id, category }, content: id, children: _jsx("span", { children: id }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryId, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { id, category }, content: id, children: (0, jsx_runtime_1.jsx)("span", { children: id }) }));
 });
 /**
  * Provides access to the full category data for advanced use cases.
@@ -189,10 +228,10 @@ export const ID = React.forwardRef((props, ref) => {
  * </Category.Raw>
  * ```
  */
-export const Raw = React.forwardRef((props, ref) => {
+exports.Raw = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const { category, isSelected } = useCategoryContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryRaw, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { category, isSelected }, children: _jsx("span", { children: JSON.stringify(category) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className || 'sr-only', "data-testid": TestIds.categoryRaw, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: { category, isSelected }, children: (0, jsx_runtime_1.jsx)("span", { children: JSON.stringify(category) }) }));
 });
 /**
  * Category filter component that provides category selection functionality.
@@ -222,14 +261,14 @@ export const Raw = React.forwardRef((props, ref) => {
  * </CategoryFilter>
  * ```
  */
-export const CategoryFilter = React.forwardRef((props, ref) => {
+exports.CategoryFilter = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
     const label = props.label || 'Selected:';
-    return (_jsx(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryFilter, "data-selected": selectedCategory ? 'true' : 'false', customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(CoreProductListFilters.CategoryFilter, { children: ({ selectedCategory, setSelectedCategory }) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.categoryFilter, "data-selected": selectedCategory ? 'true' : 'false', customElement: children, customElementProps: {
                     selectedCategory,
                     setSelectedCategory,
-                }, children: _jsx("div", { children: selectedCategory && (_jsxs("span", { children: [label, " ", selectedCategory.name] })) }) }));
+                }, children: (0, jsx_runtime_1.jsx)("div", { children: selectedCategory && ((0, jsx_runtime_1.jsxs)("span", { children: [label, " ", selectedCategory.name] })) }) }));
         } }));
 });
-CategoryFilter.displayName = 'CategoryFilter';
+exports.CategoryFilter.displayName = 'CategoryFilter';

package/cjs/dist/react/CategoryList.js

@@ -1,9 +1,49 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = exports.Root = void 0;
+exports.CategoryRepeater = CategoryRepeater;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const CoreCategoryList = __importStar(require("./core/CategoryList.js"));
+const Category = __importStar(require("./Category.js"));
+const react_2 = require("@wix/headless-utils/react");
+const data_component_tags_js_1 = require("../data-component-tags.js");
 var TestIds;
 (function (TestIds) {
     TestIds["categoryListRoot"] = "category-list";
@@ -32,13 +72,14 @@ var TestIds;
  * }
  * ```
  */
-export const Root = (props) => {
+const Root = (props) => {
     const { categories, categoriesListConfig, children, emptyState } = props;
     // Create service config, prioritizing categoriesListConfig, then categories prop
     const serviceConfig = categoriesListConfig || (categories ? { categories } : { categories: [] });
-    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 }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreCategoryList.Root, { categoriesListConfig: serviceConfig, children: (0, jsx_runtime_1.jsxs)(react_2.AsChildSlot, { "data-testid": TestIds.categoryListRoot, "data-component-tag": data_component_tags_js_1.DataComponentTags.categoryListRoot, children: [children, emptyState && ((0, jsx_runtime_1.jsx)(CoreCategoryList.EmptyState, { children: emptyState }))] }) }));
 };
-Root.displayName = 'CategoryList.Root';
+exports.Root = Root;
+exports.Root.displayName = 'CategoryList.Root';
 /**
  * Displays loading state while category data is being fetched.
  * Only displays its children when the categories list is currently loading.
@@ -57,9 +98,9 @@ Root.displayName = 'CategoryList.Root';
  * }
  * ```
  */
-export const Loading = React.forwardRef((props, ref) => {
+exports.Loading = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreCategoryList.Loading, { children: _jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, children: _jsx("h1", { children: "Loading..." }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreCategoryList.Loading, { children: (0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, children: (0, jsx_runtime_1.jsx)("h1", { children: "Loading..." }) }) }));
 });
 /**
  * Repeats for each category in the list, providing individual category context.
@@ -81,11 +122,11 @@ export const Loading = React.forwardRef((props, ref) => {
  * }
  * ```
  */
-export function CategoryRepeater(props) {
+function CategoryRepeater(props) {
     // const { children, asChild = false, className } = props;
     const { children } = props;
     // Note: maxDepth is not implemented yet as it depends on category hierarchy structure
-    return (_jsx(CoreCategoryList.ItemContent, { children: ({ category }) => {
-            return (_jsx(Category.Root, { category: category, children: children }, category._id));
+    return ((0, jsx_runtime_1.jsx)(CoreCategoryList.ItemContent, { children: ({ category }) => {
+            return ((0, jsx_runtime_1.jsx)(Category.Root, { category: category, children: children }, category._id));
         } }));
 }

package/cjs/dist/react/Choice.js

@@ -1,8 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FreeText as FreeTextPrimitive } from './core/ProductModifiers.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { DataComponentTags } from '../data-component-tags.js';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FreeText = exports.Color = exports.Text = exports.Root = exports.ChoiceContext = void 0;
+exports.useChoiceContext = useChoiceContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const ProductModifiers_js_1 = require("./core/ProductModifiers.js");
+const react_2 = require("@wix/headless-utils/react");
+const data_component_tags_js_1 = require("../data-component-tags.js");
 var TestIds;
 (function (TestIds) {
     TestIds["choiceRoot"] = "choice-root";
@@ -11,14 +18,14 @@ var TestIds;
     TestIds["choiceFreetext"] = "choice-freetext";
 })(TestIds || (TestIds = {}));
 // Create a context for individual choices
-export const ChoiceContext = React.createContext(null);
+exports.ChoiceContext = react_1.default.createContext(null);
 /**
  * Hook to access ChoiceContext with proper error handling
  * @throws {Error} When used outside of a Choice context provider
  * @returns {ChoiceContextValue} The choice context value
  */
-export function useChoiceContext() {
-    const context = React.useContext(ChoiceContext);
+function useChoiceContext() {
+    const context = react_1.default.useContext(exports.ChoiceContext);
     if (!context) {
         throw new Error('useChoiceContext must be used within a Choice context provider (Option.ChoiceRepeater)');
     }
@@ -36,21 +43,21 @@ export function useChoiceContext() {
  * </Choice.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
-    const choiceContext = React.useContext(ChoiceContext);
+    const choiceContext = react_1.default.useContext(exports.ChoiceContext);
     if (!choiceContext) {
         return null; // Should be used within Option.ChoiceRepeater
     }
     const { choice } = choiceContext;
     const attributes = {
-        'data-component-tag': DataComponentTags.choiceRoot,
+        'data-component-tag': data_component_tags_js_1.DataComponentTags.choiceRoot,
         'data-testid': TestIds.choiceRoot,
         'data-type': choice?.type,
     };
-    return (_jsx("div", { ...attributes, ref: ref, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { ...attributes, ref: ref, children: children }));
 });
-Root.displayName = 'Choice.Root';
+exports.Root.displayName = 'Choice.Root';
 /**
  * Text-based choice button.
  *
@@ -80,9 +87,9 @@ Root.displayName = 'Choice.Root';
  * - `data-selected` - Is Choice selected
  * - `disabled` - Is Choice disabled (not in stock)
  */
-export const Text = React.forwardRef((props, ref) => {
+exports.Text = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    const choiceContext = React.useContext(ChoiceContext);
+    const choiceContext = react_1.default.useContext(exports.ChoiceContext);
     if (!choiceContext) {
         return null; // Should be used within Option.ChoiceRepeater
     }
@@ -94,7 +101,7 @@ export const Text = React.forwardRef((props, ref) => {
     if (!isVisible)
         return null;
     const choiceId = choice?.choiceId || '';
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceText, "data-selected": isSelected ? 'true' : 'false', disabled: !isInStock && !isPreOrderEnabled, onClick: select, customElement: children, customElementProps: { id: choiceId, value }, content: value, ...otherProps, children: _jsx("button", { children: value }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceText, "data-selected": isSelected ? 'true' : 'false', disabled: !isInStock && !isPreOrderEnabled, onClick: select, customElement: children, customElementProps: { id: choiceId, value }, content: value, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { children: value }) }));
 });
 /**
  * Color swatch choice.
@@ -129,9 +136,9 @@ export const Text = React.forwardRef((props, ref) => {
  * - `data-selected` - Is Choice selected
  * - `disabled` - Is Choice disabled (not in stock)
  */
-export const Color = React.forwardRef((props, ref) => {
+exports.Color = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    const choiceContext = React.useContext(ChoiceContext);
+    const choiceContext = react_1.default.useContext(exports.ChoiceContext);
     if (!choiceContext) {
         return null; // Should be used within Option.ChoiceRepeater
     }
@@ -143,11 +150,11 @@ export const Color = React.forwardRef((props, ref) => {
     if (!isVisible)
         return null;
     const { colorCode, choiceId } = choice;
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceColor, "data-selected": isSelected ? 'true' : 'false', disabled: !isInStock && !isPreOrderEnabled, onClick: select, customElement: children, customElementProps: {
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceColor, "data-selected": isSelected ? 'true' : 'false', disabled: !isInStock && !isPreOrderEnabled, onClick: select, customElement: children, customElementProps: {
             colorCode: colorCode || '',
             name: value,
             id: choiceId || '',
-        }, ...otherProps, children: _jsx("button", { style: { backgroundColor: colorCode }, title: value }) }));
+        }, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { style: { backgroundColor: colorCode }, title: value }) }));
 });
 /**
  * Provides a free text input for variant selection.
@@ -182,9 +189,9 @@ export const Color = React.forwardRef((props, ref) => {
  * - `data-testid="choice-free-text"` - Applied to free text input
  * - `data-selected` - Is Choice selected
  */
-export const FreeText = React.forwardRef((props, ref) => {
+exports.FreeText = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    const choiceContext = React.useContext(ChoiceContext);
+    const choiceContext = react_1.default.useContext(exports.ChoiceContext);
     if (!choiceContext) {
         return null; // Should be used within Option.ChoiceRepeater
     }
@@ -195,19 +202,19 @@ export const FreeText = React.forwardRef((props, ref) => {
     // Don't render if not visible (handled by ProductVariantSelector in Root)
     if (!isVisible)
         return null;
-    return (_jsx(FreeTextPrimitive, { modifier: choice, children: ({ value, setText, placeholder, maxChars }) => {
+    return ((0, jsx_runtime_1.jsx)(ProductModifiers_js_1.FreeText, { modifier: choice, children: ({ value, setText, placeholder, maxChars }) => {
             const handleChange = (e) => {
                 setText(e.target.value);
                 if (onValueChange) {
                     onValueChange(e.target.value);
                 }
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceFreetext, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.choiceFreetext, "data-selected": isSelected ? 'true' : 'false', customElement: children, customElementProps: {
                     minCharCount: choice?.minCharCount,
                     maxCharCount: choice?.maxCharCount,
                     defaultAddedPrice: choice?.addedPrice || undefined,
                     title: choice?.name || undefined,
                     onChange: handleChange,
-                }, ...otherProps, children: _jsx("textarea", { placeholder: placeholder, rows: 3, value: value, maxLength: maxChars, onChange: handleChange }) }));
+                }, ...otherProps, children: (0, jsx_runtime_1.jsx)("textarea", { placeholder: placeholder, rows: 3, value: value, maxLength: maxChars, onChange: handleChange }) }));
         } }));
 });