@wix/headless-gift-voucher 0.0.3 → 0.0.5

package/cjs/dist/react/GiftCard.js

@@ -1,11 +1,50 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import * as CoreGiftCard from './core/GiftCard.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import { WixMediaImage } from '@wix/headless-media/react';
-import { Money, Quantity as QuantityComponent, } from '@wix/headless-components/react';
-import { Commerce } from '@wix/headless-ecom/react';
-import { DEFAULT_LOADING_TEXT, GIFT_CARD_ROOT_COMPONENT_TAG, TestIds, } from '../enums/index.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.Action = exports.ActionBuyNow = exports.ActionAddToCart = exports.RecipientForm = exports.RecipientMessage = exports.RecipientDate = exports.RecipientName = exports.RecipientEmail = exports.GiftToggle = exports.Quantity = exports.CustomAmountInput = exports.CustomVariantTrigger = exports.CurrentPrice = exports.PresetVariant = exports.PresetVariantRepeater = exports.PresetVariants = exports.Error = exports.Loading = exports.Description = exports.Name = exports.Image = exports.Raw = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const CoreGiftCard = __importStar(require("./core/GiftCard.js"));
+const react_2 = require("@wix/headless-utils/react");
+const react_3 = require("@wix/headless-media/react");
+const react_4 = require("@wix/headless-components/react");
+const react_5 = require("@wix/headless-ecom/react");
+const index_js_1 = require("../enums/index.js");
 /**
  * Root component that provides the GiftCard service context.
  * Supports both SSR (with product in config) and client-side auto-fetch (empty config).
@@ -24,11 +63,12 @@ import { DEFAULT_LOADING_TEXT, GIFT_CARD_ROOT_COMPONENT_TAG, TestIds, } from '..
  * </GiftCard.Root>
  * ```
  */
-export const Root = (props) => {
+const Root = (props) => {
     const { children, giftCardServiceConfig, ...attrs } = props;
-    return (_jsx(CoreGiftCard.Root, { giftCardServiceConfig: giftCardServiceConfig, children: _jsx("div", { "data-testid": TestIds.giftCardRoot, "data-component-tag": GIFT_CARD_ROOT_COMPONENT_TAG, ...attrs, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Root, { giftCardServiceConfig: giftCardServiceConfig, children: (0, jsx_runtime_1.jsx)("div", { "data-testid": index_js_1.TestIds.giftCardRoot, "data-component-tag": index_js_1.GIFT_CARD_ROOT_COMPONENT_TAG, ...attrs, children: children }) }));
 };
-Root.displayName = 'GiftCard.Root';
+exports.Root = Root;
+exports.Root.displayName = 'GiftCard.Root';
 /**
  * Provides direct access to the gift card data via render props.
  * Should be used only when you need full control over rendering all states.
@@ -52,16 +92,16 @@ Root.displayName = 'GiftCard.Root';
  * </GiftCard.Raw>
  * ```
  */
-export const Raw = React.forwardRef((props, ref) => {
+exports.Raw = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreGiftCard.Raw, { children: (rawData) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Raw, { children: (rawData) => {
             if (!asChild || !children) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRaw, customElement: children, customElementProps: rawData }));
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRaw, customElement: children, customElementProps: rawData }));
         } }));
 });
-Raw.displayName = 'GiftCard.Raw';
+exports.Raw.displayName = 'GiftCard.Raw';
 /**
  * Displays the gift card image using WixMediaImage
  *
@@ -84,7 +124,7 @@ Raw.displayName = 'GiftCard.Raw';
  * </GiftCard.Image>
  * ```
  */
-export const Image = React.forwardRef((props, ref) => (_jsx(CoreGiftCard.Image, { children: (renderProps) => (_jsx(WixMediaImage, { ...props, ref: ref, media: { image: renderProps.image }, "data-testid": TestIds.giftCardImage })) })));
+exports.Image = react_1.default.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(CoreGiftCard.Image, { children: (renderProps) => ((0, jsx_runtime_1.jsx)(react_3.WixMediaImage, { ...props, ref: ref, media: { image: renderProps.image }, "data-testid": index_js_1.TestIds.giftCardImage })) })));
 /**
  * Displays the gift card product name with customizable rendering.
  *
@@ -109,13 +149,13 @@ export const Image = React.forwardRef((props, ref) => (_jsx(CoreGiftCard.Image,
  * </GiftCard.Name>
  * ```
  */
-export const Name = React.forwardRef((props, ref) => {
+exports.Name = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Name, { children: ({ name }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: _jsx("div", { children: name }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Name, { children: ({ name }) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardName, customElement: children, customElementProps: { name }, content: name, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: name }) }));
         } }));
 });
-Name.displayName = 'GiftCard.Name';
+exports.Name.displayName = 'GiftCard.Name';
 /**
  * Renders the gift card product description.
  *
@@ -138,11 +178,11 @@ Name.displayName = 'GiftCard.Name';
  * </GiftCard.Description>
  * ```
  */
-export const Description = React.forwardRef((props, ref) => {
+exports.Description = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Description, { children: ({ description }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardDescription, customElement: children, customElementProps: { description }, content: description, ...otherProps, children: _jsx("div", { children: description }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Description, { children: ({ description }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardDescription, customElement: children, customElementProps: { description }, content: description, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: description }) })) }));
 });
-Description.displayName = 'GiftCard.Description';
+exports.Description.displayName = 'GiftCard.Description';
 /**
  * Displays loading state indicator.
  * Only renders content when isLoading is true.
@@ -155,15 +195,15 @@ Description.displayName = 'GiftCard.Description';
  * </GiftCard.Loading>
  * ```
  */
-export const Loading = React.forwardRef((props, ref) => {
+exports.Loading = react_1.default.forwardRef((props, ref) => {
     const { className, children, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Loading, { children: ({ isLoading }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Loading, { children: ({ isLoading }) => {
             if (!isLoading)
                 return null;
-            return (_jsx("div", { ref: ref, className: className, "data-testid": TestIds.giftCardLoading, ...otherProps, children: children ?? DEFAULT_LOADING_TEXT }));
+            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": index_js_1.TestIds.giftCardLoading, ...otherProps, children: children ?? index_js_1.DEFAULT_LOADING_TEXT }));
         } }));
 });
-Loading.displayName = 'GiftCard.Loading';
+exports.Loading.displayName = 'GiftCard.Loading';
 /**
  * Displays error state.
  * Only renders when there's an error.
@@ -174,24 +214,24 @@ Loading.displayName = 'GiftCard.Loading';
  * <GiftCard.Error className="text-red-500" />
  * ```
  */
-export const Error = React.forwardRef((props, ref) => {
+exports.Error = react_1.default.forwardRef((props, ref) => {
     const { className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Error, { children: ({ error }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Error, { children: ({ error }) => {
             if (!error)
                 return null;
-            return (_jsx("div", { ref: ref, className: className, "data-testid": TestIds.giftCardError, ...otherProps, children: error }));
+            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": index_js_1.TestIds.giftCardError, ...otherProps, children: error }));
         } }));
 });
-Error.displayName = 'GiftCard.Error';
+exports.Error.displayName = 'GiftCard.Error';
 /**
  * Context for individual preset variant data
  */
-const PresetVariantContext = React.createContext(null);
+const PresetVariantContext = react_1.default.createContext(null);
 /**
  * Hook to access PresetVariant context
  */
 function usePresetVariantContext() {
-    const context = React.useContext(PresetVariantContext);
+    const context = react_1.default.useContext(PresetVariantContext);
     if (!context) {
         // Use globalThis.Error to avoid conflict with exported Error component
         throw new globalThis.Error('PresetVariant components must be used within PresetVariantRepeater');
@@ -214,16 +254,16 @@ function usePresetVariantContext() {
  * </GiftCard.PresetVariants>
  * ```
  */
-export const PresetVariants = React.forwardRef((props, ref) => {
+exports.PresetVariants = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, emptyState, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.PresetVariants, { children: (variantsData) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.PresetVariants, { children: (variantsData) => {
             if (variantsData.presetVariants.length === 0 && emptyState) {
-                return _jsx(_Fragment, { children: emptyState });
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emptyState });
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardPresetVariants, customElement: children, customElementProps: variantsData, ...otherProps, children: _jsxs("div", { children: [label && _jsx("label", { children: label }), children] }) }));
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardPresetVariants, customElement: children, customElementProps: variantsData, ...otherProps, children: (0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), children] }) }));
         } }));
 });
-PresetVariants.displayName = 'GiftCard.PresetVariants';
+exports.PresetVariants.displayName = 'GiftCard.PresetVariants';
 /**
  * Repeater component that renders children for each preset variant.
  * Creates a PresetVariant context for each variant that child components can access.
@@ -236,11 +276,12 @@ PresetVariants.displayName = 'GiftCard.PresetVariants';
  * </GiftCard.PresetVariantRepeater>
  * ```
  */
-export const PresetVariantRepeater = (props) => {
+const PresetVariantRepeater = (props) => {
     const { children, className } = props;
-    return (_jsx(CoreGiftCard.PresetVariantRepeater, { children: ({ presetVariants }) => (_jsx(_Fragment, { children: presetVariants.map((variant) => (_jsx(PresetVariantContext.Provider, { value: variant, children: _jsx("div", { "data-testid": TestIds.giftCardPresetVariant, "data-variant-id": variant.id, "data-selected": variant.isSelected || undefined, "data-has-discount": variant.hasDiscount || undefined, className: className, children: children }) }, variant.id))) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.PresetVariantRepeater, { children: ({ presetVariants }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: presetVariants.map((variant) => ((0, jsx_runtime_1.jsx)(PresetVariantContext.Provider, { value: variant, children: (0, jsx_runtime_1.jsx)("div", { "data-testid": index_js_1.TestIds.giftCardPresetVariant, "data-variant-id": variant.id, "data-selected": variant.isSelected || undefined, "data-has-discount": variant.hasDiscount || undefined, className: className, children: children }) }, variant.id))) })) }));
 };
-PresetVariantRepeater.displayName = 'GiftCard.PresetVariantRepeater';
+exports.PresetVariantRepeater = PresetVariantRepeater;
+exports.PresetVariantRepeater.displayName = 'GiftCard.PresetVariantRepeater';
 /**
  * Clickable button for selecting a preset variant amount.
  * Default renders a button with Money-formatted value.
@@ -268,7 +309,7 @@ PresetVariantRepeater.displayName = 'GiftCard.PresetVariantRepeater';
  * </GiftCard.PresetVariant.Amount>
  * ```
  */
-const PresetVariantAmount = React.forwardRef((props, ref) => {
+const PresetVariantAmount = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
     const variant = usePresetVariantContext();
     const amountData = {
@@ -281,7 +322,7 @@ const PresetVariantAmount = React.forwardRef((props, ref) => {
         currencyCode: variant.currencyCode,
         locale: variant.locale,
     };
-    const moneyContent = (_jsx(Money, { money: {
+    const moneyContent = ((0, jsx_runtime_1.jsx)(react_4.Money, { money: {
             amount: variant.value,
             currency: variant.currencyCode,
             locale: variant.locale,
@@ -290,13 +331,13 @@ const PresetVariantAmount = React.forwardRef((props, ref) => {
                 maximumFractionDigits: 2,
             },
         } }));
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardPresetVariantAmount, "data-selected": variant.isSelected || undefined, "data-has-discount": variant.hasDiscount || undefined, onClick: variant.select, customElement: children, customElementProps: amountData, content: moneyContent, ...otherProps, children: _jsx("button", { onClick: variant.select, children: moneyContent }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardPresetVariantAmount, "data-selected": variant.isSelected || undefined, "data-has-discount": variant.hasDiscount || undefined, onClick: variant.select, customElement: children, customElementProps: amountData, content: moneyContent, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { onClick: variant.select, children: moneyContent }) }));
 });
 PresetVariantAmount.displayName = 'GiftCard.PresetVariant.Amount';
 /**
 == * PresetVariant namespace containing preset variant sub-components
  */
-export const PresetVariant = {
+exports.PresetVariant = {
     Amount: PresetVariantAmount,
 };
 /**
@@ -332,10 +373,10 @@ export const PresetVariant = {
  * </GiftCard.CurrentPrice>
  * ```
  */
-export const CurrentPrice = React.forwardRef((props, ref) => {
+exports.CurrentPrice = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.CurrentPrice, { children: (priceData) => {
-            const priceContent = (_jsxs(_Fragment, { children: [priceData.hasDiscount && (_jsx("span", { style: { textDecoration: 'line-through', marginRight: '8px' }, children: _jsx(Money, { money: {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.CurrentPrice, { children: (priceData) => {
+            const priceContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [priceData.hasDiscount && ((0, jsx_runtime_1.jsx)("span", { style: { textDecoration: 'line-through', marginRight: '8px' }, children: (0, jsx_runtime_1.jsx)(react_4.Money, { money: {
                                 amount: priceData.value,
                                 currency: priceData.currencyCode,
                                 locale: priceData.locale,
@@ -343,7 +384,7 @@ export const CurrentPrice = React.forwardRef((props, ref) => {
                                     minimumFractionDigits: 0,
                                     maximumFractionDigits: 2,
                                 },
-                            } }) })), _jsx("span", { children: _jsx(Money, { money: {
+                            } }) })), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_4.Money, { money: {
                                 amount: priceData.price,
                                 currency: priceData.currencyCode,
                                 locale: priceData.locale,
@@ -352,10 +393,10 @@ export const CurrentPrice = React.forwardRef((props, ref) => {
                                     maximumFractionDigits: 2,
                                 },
                             } }) })] }));
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardCurrentPrice, "data-has-discount": priceData.hasDiscount || undefined, customElement: children, customElementProps: priceData, content: priceContent, ...otherProps, children: _jsx("div", { children: priceContent }) }));
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardCurrentPrice, "data-has-discount": priceData.hasDiscount || undefined, customElement: children, customElementProps: priceData, content: priceContent, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: priceContent }) }));
         } }));
 });
-CurrentPrice.displayName = 'GiftCard.CurrentPrice';
+exports.CurrentPrice.displayName = 'GiftCard.CurrentPrice';
 /**
  * Trigger button for selecting custom amount option.
  * Use alongside PresetVariantRepeater to allow custom amounts.
@@ -388,11 +429,11 @@ CurrentPrice.displayName = 'GiftCard.CurrentPrice';
  * </GiftCard.CustomVariantTrigger>
  * ```
  */
-export const CustomVariantTrigger = React.forwardRef((props, ref) => {
+exports.CustomVariantTrigger = react_1.default.forwardRef((props, ref) => {
     const { label = 'Other amount', asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.CustomVariantTrigger, { children: ({ isSelected, onClick }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardCustomVariantTrigger, "data-selected": isSelected || undefined, customElement: children, customElementProps: { isSelected, onClick }, onClick: onClick, content: label, ...otherProps, children: _jsx("button", { onClick: onClick, children: label }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.CustomVariantTrigger, { children: ({ isSelected, onClick }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardCustomVariantTrigger, "data-selected": isSelected || undefined, customElement: children, customElementProps: { isSelected, onClick }, onClick: onClick, content: label, ...otherProps, children: (0, jsx_runtime_1.jsx)("button", { onClick: onClick, children: label }) })) }));
 });
-CustomVariantTrigger.displayName = 'GiftCard.CustomVariantTrigger';
+exports.CustomVariantTrigger.displayName = 'GiftCard.CustomVariantTrigger';
 /**
  * Input for entering a custom gift card amount.
  * Only renders when custom variant is selected.
@@ -450,17 +491,17 @@ CustomVariantTrigger.displayName = 'GiftCard.CustomVariantTrigger';
  * </GiftCard.CustomAmountInput>
  * ```
  */
-export const CustomAmountInput = React.forwardRef((props, ref) => {
+exports.CustomAmountInput = react_1.default.forwardRef((props, ref) => {
     const { label, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.CustomAmountInput, { children: (inputData) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.CustomAmountInput, { children: (inputData) => {
             // Don't render if not visible (not custom variant) unless using asChild
             if (!inputData.isVisible && !asChild) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardCustomAmountInput, "data-invalid": !inputData.isValid || undefined, "data-visible": inputData.isVisible || undefined, customElement: children, customElementProps: inputData, ...otherProps, children: _jsx("div", { children: inputData.isVisible && (_jsxs("div", { children: [label && _jsx("label", { children: label }), _jsxs("div", { children: [_jsx("span", { children: inputData.currencySymbol }), _jsx("input", { prefix: inputData.currencySymbol, type: "number", value: inputData.value, onChange: (e) => inputData.setValue(parseFloat(e.target.value) || 0), min: inputData.min ?? undefined, max: inputData.max ?? undefined, className: className })] })] })) }) }));
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardCustomAmountInput, "data-invalid": !inputData.isValid || undefined, "data-visible": inputData.isVisible || undefined, customElement: children, customElementProps: inputData, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: inputData.isVisible && ((0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { children: inputData.currencySymbol }), (0, jsx_runtime_1.jsx)("input", { prefix: inputData.currencySymbol, type: "number", value: inputData.value, onChange: (e) => inputData.setValue(parseFloat(e.target.value) || 0), min: inputData.min ?? undefined, max: inputData.max ?? undefined, className: className })] })] })) }) }));
         } }));
 });
-CustomAmountInput.displayName = 'GiftCard.CustomAmountInput';
+exports.CustomAmountInput.displayName = 'GiftCard.CustomAmountInput';
 /**
  * Container for quantity selection controls.
  * Renders a Quantity.Root from @wix/headless-components connected to the gift card service state.
@@ -523,11 +564,11 @@ CustomAmountInput.displayName = 'GiftCard.CustomAmountInput';
  * </GiftCard.Quantity>
  * ```
  */
-export const Quantity = React.forwardRef((props, ref) => {
+exports.Quantity = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, steps = 1, label, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Quantity, { children: ({ quantity, setQuantity }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardQuantity, customElement: children, customElementProps: { quantity, setQuantity }, ...otherProps, children: _jsxs("div", { children: [label && _jsx("label", { children: label }), _jsxs(QuantityComponent.Root, { initialValue: quantity, onValueChange: setQuantity, steps: steps, min: 1, className: className, children: [_jsx(QuantityComponent.Decrement, {}), _jsx(QuantityComponent.Input, {}), _jsx(QuantityComponent.Increment, {})] })] }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Quantity, { children: ({ quantity, setQuantity }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardQuantity, customElement: children, customElementProps: { quantity, setQuantity }, ...otherProps, children: (0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(react_4.Quantity.Root, { initialValue: quantity, onValueChange: setQuantity, steps: steps, min: 1, className: className, children: [(0, jsx_runtime_1.jsx)(react_4.Quantity.Decrement, {}), (0, jsx_runtime_1.jsx)(react_4.Quantity.Input, {}), (0, jsx_runtime_1.jsx)(react_4.Quantity.Increment, {})] })] }) })) }));
 });
-Quantity.displayName = 'GiftCard.Quantity';
+exports.Quantity.displayName = 'GiftCard.Quantity';
 /**
  * Toggle between "For someone else" (gift) and "For myself" purchase modes.
  * When isGift is true, the recipient form should be shown.
@@ -580,11 +621,11 @@ Quantity.displayName = 'GiftCard.Quantity';
  * </GiftCard.GiftToggle>
  * ```
  */
-export const GiftToggle = React.forwardRef((props, ref) => {
+exports.GiftToggle = react_1.default.forwardRef((props, ref) => {
     const { label, forSomeoneLabel = 'For someone else', forMyselfLabel = 'For myself', asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.GiftToggle, { children: ({ isGift, setIsGift }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardGiftToggle, customElement: children, customElementProps: { isGift, setIsGift }, ...otherProps, children: _jsxs("div", { children: [label && _jsx("label", { children: label }), _jsxs("div", { className: className, children: [_jsx("button", { type: "button", onClick: () => setIsGift(true), "data-selected": isGift || undefined, "data-testid": TestIds.giftCardGiftToggleSomeone, children: forSomeoneLabel }), _jsx("button", { type: "button", onClick: () => setIsGift(false), "data-selected": !isGift || undefined, "data-testid": TestIds.giftCardGiftToggleMyself, children: forMyselfLabel })] })] }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.GiftToggle, { children: ({ isGift, setIsGift }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardGiftToggle, customElement: children, customElementProps: { isGift, setIsGift }, ...otherProps, children: (0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setIsGift(true), "data-selected": isGift || undefined, "data-testid": index_js_1.TestIds.giftCardGiftToggleSomeone, children: forSomeoneLabel }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setIsGift(false), "data-selected": !isGift || undefined, "data-testid": index_js_1.TestIds.giftCardGiftToggleMyself, children: forMyselfLabel })] })] }) })) }));
 });
-GiftToggle.displayName = 'GiftCard.GiftToggle';
+exports.GiftToggle.displayName = 'GiftCard.GiftToggle';
 /**
  * Input for entering recipient email address.
  * Provides email state, validation, and error display control.
@@ -628,24 +669,24 @@ GiftToggle.displayName = 'GiftCard.GiftToggle';
  * </GiftCard.RecipientEmail>
  * ```
  */
-export const RecipientEmail = React.forwardRef((props, ref) => {
+exports.RecipientEmail = react_1.default.forwardRef((props, ref) => {
     const { label, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.RecipientEmail, { children: ({ value, setValue, isValid, showError, isVisible }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.RecipientEmail, { children: ({ value, setValue, isValid, showError, isVisible }) => {
             // Don't render if not visible (isGift is false) unless using asChild
             if (!isVisible && !asChild) {
                 return null;
             }
             const showInvalidState = showError && !isValid;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRecipientEmail, "data-invalid": showInvalidState || undefined, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRecipientEmail, "data-invalid": showInvalidState || undefined, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
                     value,
                     setValue,
                     isValid,
                     showError,
                     isVisible,
-                }, ...otherProps, children: _jsx("div", { children: isVisible && (_jsxs(_Fragment, { children: [label && _jsx("label", { children: label }), _jsx("input", { type: "email", value: value, onChange: (e) => setValue(e.target.value), className: className, "data-invalid": showInvalidState || undefined })] })) }) }));
+                }, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: isVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("input", { type: "email", value: value, onChange: (e) => setValue(e.target.value), className: className, "data-invalid": showInvalidState || undefined })] })) }) }));
         } }));
 });
-RecipientEmail.displayName = 'GiftCard.RecipientEmail';
+exports.RecipientEmail.displayName = 'GiftCard.RecipientEmail';
 /**
  * Input for entering recipient name.
  * Only renders when isGift is true (purchasing for someone else).
@@ -682,21 +723,21 @@ RecipientEmail.displayName = 'GiftCard.RecipientEmail';
  * </GiftCard.RecipientName>
  * ```
  */
-export const RecipientName = React.forwardRef((props, ref) => {
+exports.RecipientName = react_1.default.forwardRef((props, ref) => {
     const { label, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.RecipientName, { children: ({ value, setValue, isVisible }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.RecipientName, { children: ({ value, setValue, isVisible }) => {
             // Don't render if not visible (isGift is false) unless using asChild
             if (!isVisible && !asChild) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRecipientName, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRecipientName, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
                     value,
                     setValue,
                     isVisible,
-                }, ...otherProps, children: _jsx("div", { children: isVisible && (_jsxs(_Fragment, { children: [label && _jsx("label", { children: label }), _jsx("input", { type: "text", value: value, onChange: (e) => setValue(e.target.value), className: className })] })) }) }));
+                }, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: isVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: (e) => setValue(e.target.value), className: className })] })) }) }));
         } }));
 });
-RecipientName.displayName = 'GiftCard.RecipientName';
+exports.RecipientName.displayName = 'GiftCard.RecipientName';
 /**
  * Input for selecting gift card delivery date.
  * Only renders when isGift is true (purchasing for someone else).
@@ -734,27 +775,27 @@ RecipientName.displayName = 'GiftCard.RecipientName';
  * </GiftCard.RecipientDate>
  * ```
  */
-export const RecipientDate = React.forwardRef((props, ref) => {
+exports.RecipientDate = react_1.default.forwardRef((props, ref) => {
     const { label, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.RecipientDate, { children: ({ value, formattedValue, inputValue, setValue, isVisible }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.RecipientDate, { children: ({ value, formattedValue, inputValue, setValue, isVisible }) => {
             // Don't render if not visible (isGift is false) unless using asChild
             if (!isVisible && !asChild) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRecipientDate, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRecipientDate, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
                     value,
                     formattedValue,
                     inputValue,
                     setValue,
                     isVisible,
-                }, ...otherProps, children: _jsx("div", { children: isVisible && (_jsxs(_Fragment, { children: [label && _jsx("label", { children: label }), _jsx("input", { type: "date", value: inputValue, onChange: (e) => {
+                }, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: isVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("input", { type: "date", value: inputValue, onChange: (e) => {
                                     if (e.target.value) {
                                         setValue(new Date(e.target.value));
                                     }
                                 }, className: className })] })) }) }));
         } }));
 });
-RecipientDate.displayName = 'GiftCard.RecipientDate';
+exports.RecipientDate.displayName = 'GiftCard.RecipientDate';
 /**
  * Textarea for entering a personal message to include with the gift card.
  * Only renders when isGift is true (purchasing for someone else).
@@ -791,21 +832,21 @@ RecipientDate.displayName = 'GiftCard.RecipientDate';
  * </GiftCard.RecipientMessage>
  * ```
  */
-export const RecipientMessage = React.forwardRef((props, ref) => {
+exports.RecipientMessage = react_1.default.forwardRef((props, ref) => {
     const { label, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.RecipientMessage, { children: ({ value, setValue, isVisible }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.RecipientMessage, { children: ({ value, setValue, isVisible }) => {
             // Don't render if not visible (isGift is false) unless using asChild
             if (!isVisible && !asChild) {
                 return null;
             }
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRecipientMessage, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRecipientMessage, "data-visible": isVisible || undefined, customElement: children, customElementProps: {
                     value,
                     setValue,
                     isVisible,
-                }, ...otherProps, children: _jsx("div", { children: isVisible && (_jsxs(_Fragment, { children: [label && _jsx("label", { children: label }), _jsx("textarea", { value: value, onChange: (e) => setValue(e.target.value), className: className, rows: 4 })] })) }) }));
+                }, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { children: isVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("textarea", { value: value, onChange: (e) => setValue(e.target.value), className: className, rows: 4 })] })) }) }));
         } }));
 });
-RecipientMessage.displayName = 'GiftCard.RecipientMessage';
+exports.RecipientMessage.displayName = 'GiftCard.RecipientMessage';
 /**
  * Form for entering recipient details when purchasing a gift card for someone else.
  * Only renders when isGift is true (purchasing for someone else).
@@ -906,22 +947,22 @@ RecipientMessage.displayName = 'GiftCard.RecipientMessage';
  * </GiftCard.RecipientForm>
  * ```
  */
-export const RecipientForm = React.forwardRef((props, ref) => {
+exports.RecipientForm = react_1.default.forwardRef((props, ref) => {
     const { emailLabel, nameLabel, dateLabel, messageLabel, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.RecipientForm, { children: (formData) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.RecipientForm, { children: (formData) => {
             // Don't render if not visible (isGift is false) unless using asChild
             if (!formData.isVisible && !asChild) {
                 return null;
             }
             const showEmailError = formData.showErrors && !formData.email.isValid;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.giftCardRecipientForm, "data-visible": formData.isVisible || undefined, customElement: children, customElementProps: formData, ...otherProps, children: _jsx("div", { className: className, children: formData.isVisible && (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": TestIds.giftCardRecipientEmail, children: [emailLabel && _jsx("label", { children: emailLabel }), _jsx("input", { type: "email", value: formData.email.value, onChange: (e) => formData.email.setValue(e.target.value), "data-invalid": showEmailError || undefined })] }), _jsxs("div", { "data-testid": TestIds.giftCardRecipientName, children: [nameLabel && _jsx("label", { children: nameLabel }), _jsx("input", { type: "text", value: formData.name.value, onChange: (e) => formData.name.setValue(e.target.value) })] }), _jsxs("div", { "data-testid": TestIds.giftCardRecipientDate, children: [dateLabel && _jsx("label", { children: dateLabel }), _jsx("input", { type: "date", value: formData.deliverAt.inputValue, onChange: (e) => {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardRecipientForm, "data-visible": formData.isVisible || undefined, customElement: children, customElementProps: formData, ...otherProps, children: (0, jsx_runtime_1.jsx)("div", { className: className, children: formData.isVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { "data-testid": index_js_1.TestIds.giftCardRecipientEmail, children: [emailLabel && (0, jsx_runtime_1.jsx)("label", { children: emailLabel }), (0, jsx_runtime_1.jsx)("input", { type: "email", value: formData.email.value, onChange: (e) => formData.email.setValue(e.target.value), "data-invalid": showEmailError || undefined })] }), (0, jsx_runtime_1.jsxs)("div", { "data-testid": index_js_1.TestIds.giftCardRecipientName, children: [nameLabel && (0, jsx_runtime_1.jsx)("label", { children: nameLabel }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: formData.name.value, onChange: (e) => formData.name.setValue(e.target.value) })] }), (0, jsx_runtime_1.jsxs)("div", { "data-testid": index_js_1.TestIds.giftCardRecipientDate, children: [dateLabel && (0, jsx_runtime_1.jsx)("label", { children: dateLabel }), (0, jsx_runtime_1.jsx)("input", { type: "date", value: formData.deliverAt.inputValue, onChange: (e) => {
                                             if (e.target.value) {
                                                 formData.deliverAt.setValue(new Date(e.target.value));
                                             }
-                                        } })] }), _jsxs("div", { "data-testid": TestIds.giftCardRecipientMessage, children: [messageLabel && _jsx("label", { children: messageLabel }), _jsx("textarea", { value: formData.message.value, onChange: (e) => formData.message.setValue(e.target.value), rows: 4 })] })] })) }) }));
+                                        } })] }), (0, jsx_runtime_1.jsxs)("div", { "data-testid": index_js_1.TestIds.giftCardRecipientMessage, children: [messageLabel && (0, jsx_runtime_1.jsx)("label", { children: messageLabel }), (0, jsx_runtime_1.jsx)("textarea", { value: formData.message.value, onChange: (e) => formData.message.setValue(e.target.value), rows: 4 })] })] })) }) }));
         } }));
 });
-RecipientForm.displayName = 'GiftCard.RecipientForm';
+exports.RecipientForm.displayName = 'GiftCard.RecipientForm';
 /**
  * Add to cart button for gift cards.
  * Validates the form (triggers showErrors), then adds the gift card to cart.
@@ -978,19 +1019,19 @@ RecipientForm.displayName = 'GiftCard.RecipientForm';
  * />
  * ```
  */
-export const ActionAddToCart = React.forwardRef((props, ref) => {
+exports.ActionAddToCart = react_1.default.forwardRef((props, ref) => {
     const { label = 'Add to Cart', loadingLabel, asChild, children, className, onSuccess, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Actions, { children: ({ lineItems, validateAndShowErrors }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Actions, { children: ({ lineItems, validateAndShowErrors }) => {
             // asChild
             if (asChild && children) {
-                return (_jsx(Commerce.Actions.AddToCart, { ref: ref, lineItems: lineItems, asChild: true, onSuccess: onSuccess, children: (commerceProps, commerceRef) => {
+                return ((0, jsx_runtime_1.jsx)(react_5.Commerce.Actions.AddToCart, { ref: ref, lineItems: lineItems, asChild: true, onSuccess: onSuccess, children: (commerceProps, commerceRef) => {
                         const onClick = async () => {
                             if (!validateAndShowErrors()) {
                                 return;
                             }
                             await commerceProps.onClick();
                         };
-                        return (_jsx(AsChildSlot, { ref: commerceRef, asChild: asChild, className: className, "data-testid": TestIds.giftCardAddToCart, customElement: children, customElementProps: {
+                        return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: commerceRef, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardAddToCart, customElement: children, customElementProps: {
                                 onClick,
                                 isLoading: commerceProps.isLoading,
                             }, content: commerceProps.isLoading && loadingLabel
@@ -999,20 +1040,20 @@ export const ActionAddToCart = React.forwardRef((props, ref) => {
                     } }));
             }
             // default rendering
-            return (_jsx(Commerce.Actions.AddToCart, { ref: ref, lineItems: lineItems, asChild: true, onSuccess: onSuccess, children: (commerceProps, commerceRef) => {
+            return ((0, jsx_runtime_1.jsx)(react_5.Commerce.Actions.AddToCart, { ref: ref, lineItems: lineItems, asChild: true, onSuccess: onSuccess, children: (commerceProps, commerceRef) => {
                     const onClick = async () => {
                         if (!validateAndShowErrors()) {
                             return;
                         }
                         await commerceProps.onClick();
                     };
-                    return (_jsx("button", { ref: commerceRef, className: className, disabled: commerceProps.isLoading, onClick: onClick, "data-testid": TestIds.giftCardAddToCart, "data-loading": commerceProps.isLoading || undefined, ...otherProps, children: commerceProps.isLoading && loadingLabel
+                    return ((0, jsx_runtime_1.jsx)("button", { ref: commerceRef, className: className, disabled: commerceProps.isLoading, onClick: onClick, "data-testid": index_js_1.TestIds.giftCardAddToCart, "data-loading": commerceProps.isLoading || undefined, ...otherProps, children: commerceProps.isLoading && loadingLabel
                             ? loadingLabel
                             : label }));
                 } }));
         } }));
 });
-ActionAddToCart.displayName = 'GiftCard.Action.AddToCart';
+exports.ActionAddToCart.displayName = 'GiftCard.Action.AddToCart';
 /**
  * Buy now button for gift cards.
  * Validates the form (triggers showErrors), then redirects to checkout.
@@ -1061,19 +1102,19 @@ ActionAddToCart.displayName = 'GiftCard.Action.AddToCart';
  * </GiftCard.Action.BuyNow>
  * ```
  */
-export const ActionBuyNow = React.forwardRef((props, ref) => {
+exports.ActionBuyNow = react_1.default.forwardRef((props, ref) => {
     const { label = 'Buy Now', loadingLabel, asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreGiftCard.Actions, { children: ({ lineItems, validateAndShowErrors }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreGiftCard.Actions, { children: ({ lineItems, validateAndShowErrors }) => {
             // asChild
             if (asChild && children) {
-                return (_jsx(Commerce.Actions.BuyNow, { ref: ref, lineItems: lineItems, asChild: true, children: (commerceProps, commerceRef) => {
+                return ((0, jsx_runtime_1.jsx)(react_5.Commerce.Actions.BuyNow, { ref: ref, lineItems: lineItems, asChild: true, children: (commerceProps, commerceRef) => {
                         const onClick = async () => {
                             if (!validateAndShowErrors()) {
                                 return;
                             }
                             await commerceProps.onClick();
                         };
-                        return (_jsx(AsChildSlot, { ref: commerceRef, asChild: asChild, className: className, "data-testid": TestIds.giftCardBuyNow, customElement: children, customElementProps: {
+                        return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: commerceRef, asChild: asChild, className: className, "data-testid": index_js_1.TestIds.giftCardBuyNow, customElement: children, customElementProps: {
                                 onClick,
                                 isLoading: commerceProps.isLoading,
                             }, content: commerceProps.isLoading && loadingLabel
@@ -1082,20 +1123,20 @@ export const ActionBuyNow = React.forwardRef((props, ref) => {
                     } }));
             }
             // default rendering
-            return (_jsx(Commerce.Actions.BuyNow, { ref: ref, lineItems: lineItems, asChild: true, children: (commerceProps, commerceRef) => {
+            return ((0, jsx_runtime_1.jsx)(react_5.Commerce.Actions.BuyNow, { ref: ref, lineItems: lineItems, asChild: true, children: (commerceProps, commerceRef) => {
                     const onClick = async () => {
                         if (!validateAndShowErrors()) {
                             return;
                         }
                         await commerceProps.onClick();
                     };
-                    return (_jsx("button", { ref: commerceRef, className: className, disabled: commerceProps.isLoading, onClick: onClick, "data-testid": TestIds.giftCardBuyNow, "data-loading": commerceProps.isLoading || undefined, ...otherProps, children: commerceProps.isLoading && loadingLabel
+                    return ((0, jsx_runtime_1.jsx)("button", { ref: commerceRef, className: className, disabled: commerceProps.isLoading, onClick: onClick, "data-testid": index_js_1.TestIds.giftCardBuyNow, "data-loading": commerceProps.isLoading || undefined, ...otherProps, children: commerceProps.isLoading && loadingLabel
                             ? loadingLabel
                             : label }));
                 } }));
         } }));
 });
-ActionBuyNow.displayName = 'GiftCard.Action.BuyNow';
+exports.ActionBuyNow.displayName = 'GiftCard.Action.BuyNow';
 /**
  * Namespace containing all gift card action components.
  * These components provide consistent interfaces for gift card purchase actions.
@@ -1118,9 +1159,9 @@ ActionBuyNow.displayName = 'GiftCard.Action.BuyNow';
  * />
  * ```
  */
-export const Action = {
+exports.Action = {
     /** Add to Cart button for adding gift card to the current cart */
-    AddToCart: ActionAddToCart,
+    AddToCart: exports.ActionAddToCart,
     /** Buy Now button for immediate checkout with the gift card */
-    BuyNow: ActionBuyNow,
+    BuyNow: exports.ActionBuyNow,
 };