@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/post-purchase/product/components/ProductVariant.js

@@ -1,244 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var React = require('react');
-var product = require('../../../product/helpers/product.js');
-var common = require('../../../product/components/ProductVariants/common.js');
-var VariantGroup = require('./variants/VariantGroup.js');
-var Text = require('../../text/Text.js');
-var VariantItem = require('./variants/VariantItem.js');
-var Dropdown = require('./variants/Dropdown.js');
-var helper = require('../../utils/helper.js');
-
-const DEVICES = [
-    'desktop',
-    'tablet',
-    'mobile'
-];
-const VARIANT_PARAM_PATH = 'variant';
-let isMounted = false;
-const PostPurchaseProductVariants = ({ builderProps, style, styles, setting })=>{
-    const { fullWidth, width, align, dropdownItemWidth, variantSpacing } = styles ?? {};
-    const { optionType, showAsSwatches, column, hasPreSelected, variantPresets } = setting ?? {};
-    const { uid } = builderProps ?? {};
-    const variants = core.useVariants();
-    const product$1 = core.useProduct();
-    const isSyncProduct = core.useIsSyncProduct();
-    const { selectedOptions, setSelectedOption, forceSelectedOption } = core.useSelectedOption();
-    const variantsWidth = core.makeStyleResponsive('w', core.makeWidth(width, fullWidth));
-    const [variantId, setVariantId] = React.useState('');
-    const mode = core.useEditorMode();
-    React.useEffect(()=>{
-        const url = new URL(window.location.href);
-        const variantParam = url.searchParams.get(VARIANT_PARAM_PATH);
-        if (variantParam) {
-            setVariantId(variantParam);
-        }
-    }, []);
-    const getVariantByPath = ()=>{
-        const url = new URL(window.location.href);
-        const variantId = url.searchParams.get(VARIANT_PARAM_PATH);
-        if (variantId) {
-            const variantSelected = variants.find((variant)=>variant?.id === variantId);
-            return variantSelected;
-        }
-        return null;
-    };
-    React.useEffect(()=>{
-        const variantSelected = getVariantByPath();
-        if (variantSelected) {
-            const currentOptions = (variantSelected?.selectedOptions.reduce((a, b)=>{
-                if (b.name) {
-                    return {
-                        ...a,
-                        [b.name]: b.value
-                    };
-                }
-                return a;
-            }, {})) ?? {};
-            forceSelectedOption(currentOptions, product$1?.id, true);
-        }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const variantOptions = product$1?.options;
-    core.useInitialSwatchesOptions(variantOptions);
-    const options = core.useSwatchesOptions(variantOptions);
-    const [isChangeVariant, setIsChangeVariant] = React.useState(false);
-    const isDefaultVariant = product.checkDefaultVariant(product$1);
-    const variantGroup = React.useMemo(()=>{
-        return optionType === 'groupOption';
-    }, [
-        optionType
-    ]);
-    const getSwatchDropdownAutoWidth = ()=>{
-        const result = {};
-        DEVICES.forEach((device)=>{
-            result[device] = dropdownItemWidth?.[device] === 'fill';
-        });
-        return result;
-    };
-    const getVariantConfiguration = React.useCallback((optionName)=>{
-        const preset = variantPresets?.find((preset)=>preset.optionName === optionName);
-        if (preset) {
-            return preset;
-        }
-        return variantPresets?.find((preset)=>preset.optionName === 'base');
-    }, [
-        variantPresets
-    ]);
-    const onHandleSelectedOption = (e)=>{
-        const event = e;
-        const data = event.detail;
-        const currentProductId = product$1?.id;
-        setIsChangeVariant(true);
-        if (isSyncProduct && data && currentProductId == data.productId) {
-            setSelectedOption(data.optionId, data.optionValue, currentProductId, true);
-        }
-    };
-    const onHandleForceSelectedOption = (e)=>{
-        const event = e;
-        const data = event.detail;
-        const currentProductId = product$1?.id;
-        setIsChangeVariant(true);
-        if (isSyncProduct && data && currentProductId == data.productId) {
-            forceSelectedOption(data.selectedOption, currentProductId, true);
-        }
-    };
-    const handleSetVariantIdToPath = (variantId)=>{
-        const url = new URL(window.location.href);
-        if (variantId) {
-            url.searchParams.set(VARIANT_PARAM_PATH, variantId);
-        } else {
-            url.searchParams.delete(VARIANT_PARAM_PATH);
-        }
-        history.replaceState(null, '', url.toString());
-    };
-    React.useEffect(()=>{
-        window.removeEventListener('set-selected-option', onHandleSelectedOption);
-        window.addEventListener('set-selected-option', onHandleSelectedOption);
-        window.removeEventListener('force-selected-option', onHandleForceSelectedOption);
-        window.addEventListener('force-selected-option', onHandleForceSelectedOption);
-    });
-    common.useTransition((preSelectedOptions)=>{
-        if (!isMounted) {
-            isMounted = true;
-            return;
-        }
-        const preStateString = JSON.stringify(preSelectedOptions);
-        const currentStateString = JSON.stringify(selectedOptions);
-        if (preSelectedOptions && preStateString !== currentStateString) {
-            const variantSelected = core.getSelectedVariant(variants, selectedOptions);
-            handleSetVariantIdToPath(variantSelected?.id || '');
-        }
-    }, [
-        selectedOptions
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: !isDefaultVariant ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "gp-grid",
-            style: {
-                ...core.optionLayoutStyle(column),
-                ...variantsWidth,
-                ...style,
-                gap: helper.postPurchaseSpacing[variantSpacing || 'none']
-            },
-            children: [
-                !variantGroup && options?.map((option, indexOption)=>{
-                    const variantConfiguration = getVariantConfiguration(option.name);
-                    const styleOptionSelected = variantConfiguration ? variantConfiguration.optionType : option.optionType;
-                    const initValue = !(hasPreSelected || variantId) ? undefined : option.name ? selectedOptions?.[option.name] : undefined;
-                    const hide = variantConfiguration?.hide;
-                    if (hide) return null;
-                    const presetValue = variantConfiguration.presets[styleOptionSelected];
-                    const isDisplayLabel = presetValue?.labelToggle;
-                    const postPurchaseItemSpacing = presetValue?.itemSpacing;
-                    const itemSpacing = helper.postPurchaseSpacing[postPurchaseItemSpacing || 'none'];
-                    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: core.cls('gp-box-border gp-flex gp-flex-col'),
-                        children: [
-                            isDisplayLabel && styleOptionSelected !== 'dropdown' && /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                                style: {
-                                    '--pb': '14px',
-                                    '--pt': '14px',
-                                    '--ta': align
-                                },
-                                styles: {
-                                    typo: {
-                                        textTransform: 'capitalize',
-                                        fontSize: 'medium'
-                                    }
-                                },
-                                setting: {
-                                    text: `${option.name}${hasPreSelected == false && !isChangeVariant ? '' : `: ${selectedOptions?.[option.name]}`}`
-                                }
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: core.cls(`gp-flex gp-w-full gp-flex-wrap gp-items-start`),
-                                style: {
-                                    marginTop: styleOptionSelected !== 'dropdown' ? `-${itemSpacing}` : '0px',
-                                    marginLeft: styleOptionSelected !== 'dropdown' ? `-${itemSpacing}` : '0px'
-                                },
-                                children: [
-                                    showAsSwatches && core.OptionSpecialStyle.includes(`${styleOptionSelected}`) && option.values.map((value)=>{
-                                        const checked = !(hasPreSelected || isChangeVariant || variantId) ? false : option.name ? selectedOptions?.[option.name] === value.label : false;
-                                        return /*#__PURE__*/ jsxRuntime.jsx(VariantItem.default, {
-                                            variantKey: `${option.id}-${value.id}`,
-                                            showAsSwatches: showAsSwatches,
-                                            uid: uid,
-                                            name: option.name,
-                                            value: value,
-                                            optionNumber: options.length,
-                                            optionPosition: indexOption,
-                                            ...styles,
-                                            ...setting,
-                                            presetConfiguration: getVariantConfiguration(option.name),
-                                            checked: checked,
-                                            optionType: styleOptionSelected || 'dropdown'
-                                        }, value.id);
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        className: core.cls('gp-flex gp-w-full', align === 'start' ? 'gp-justify-start' : align === 'end' ? 'gp-justify-end' : 'gp-justify-center'),
-                                        children: (styleOptionSelected === 'dropdown' || showAsSwatches && !core.OptionSpecialStyle.includes(`${styleOptionSelected}`)) && styleOptionSelected !== 'radio_buttons' && /*#__PURE__*/ jsxRuntime.jsx(Dropdown.default, {
-                                            ...styles,
-                                            ...setting,
-                                            variants: variants,
-                                            preset: presetValue,
-                                            option: option,
-                                            initValue: initValue,
-                                            label: option.name,
-                                            presetConfiguration: getVariantConfiguration(option.name),
-                                            swatchAutoWidth: getSwatchDropdownAutoWidth(),
-                                            optionPosition: indexOption,
-                                            optionNumber: options.length
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }, option.id);
-                }),
-                variantGroup && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: core.cls('gp-flex', align === 'start' ? 'gp-justify-start' : align === 'end' ? 'gp-justify-end' : 'gp-justify-center'),
-                    children: /*#__PURE__*/ jsxRuntime.jsx(VariantGroup.default, {
-                        ...styles,
-                        ...setting,
-                        variantGroup: true,
-                        label: "Variants",
-                        swatchAutoWidth: getSwatchDropdownAutoWidth()
-                    })
-                })
-            ]
-        }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
-            children: mode === 'edit' ? /*#__PURE__*/ jsxRuntime.jsx("p", {
-                className: "gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",
-                children: "This product has only default variant"
-            }) : null
-        })
-    });
-};
-
-exports.DEVICES = DEVICES;
-exports.default = PostPurchaseProductVariants;

package/dist/cjs/post-purchase/product/components/priceBreakdown/MoneyLine.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Tooltip = require('../../../../common/components/Tooltip.js');
-var Text = require('../../../text/Text.js');
-
-const MoneyLine = ({ uniqueId, title, money, labelTextStyles, moneyTextStyles, builderPropsUID, tooltipData })=>{
-    const currentProduct = core.useProduct();
-    const currentProductId = currentProduct?.baseID?.replace('gid://shopify/Product/', '');
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-flex gp-w-full gp-justify-between",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                className: "gp-w-3/5",
-                setting: {
-                    text: title,
-                    options: {
-                        uniqueId: `${uniqueId}-${builderPropsUID}-${currentProductId}`,
-                        productID: currentProductId,
-                        useState: true
-                    }
-                },
-                styles: labelTextStyles
-            }),
-            !tooltipData ? /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                className: "gp-w-2/5 gp-text-end",
-                setting: {
-                    text: money,
-                    options: {
-                        isCannotEditing: true
-                    }
-                },
-                styles: moneyTextStyles
-            }) : /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
-                tooltip: tooltipData.content || '',
-                width: tooltipData.width || ''
-            })
-        ]
-    });
-};
-
-exports.default = MoneyLine;

package/dist/cjs/post-purchase/product/components/product-image/Arrow.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const NEXT_AND_PREV_URLS = {
-    PREVIOUS: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a2eb5093-0203-4973-8ade-183d5bdefdce.svg',
-    NEXT: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a5ac0286-5941-4bd7-a21d-72a6c017aeea.svg',
-    NEXT_DISABLED: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a3d1f159-001d-4301-bead-214606caf995.svg',
-    PREVIOUS_DISABLED: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-33e3810b-a94c-40a1-a48b-4eba39013f15.svg',
-    VERTICAL_PREVIOUS: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-4e4e886a-5aa1-4bb3-ab48-aa7752fd5eba.svg',
-    VERTICAL_NEXT: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-a3c3d74c-2cde-49e5-9854-8079f5239013.svg',
-    VERTICAL_NEXT_DISABLED: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-6c7f10a8-a205-43bd-b39c-aab044bb3771.svg',
-    VERTICAL_PREVIOUS_DISABLED: 'https://cdn.shopify.com/s/files/1/0789/8018/6418/files/472169286689883168-010c3c2a-fcc3-4b09-84a2-734d924ad49b.svg'
-};
-const ArrowPostPurchase = (props)=>{
-    const { moveToIdx, setMoveToIdx, type, navigation, maxIdx, vertical, layoutType } = props;
-    const disabled = type == 'next' ? moveToIdx >= maxIdx : moveToIdx === 0;
-    const imgSrc = React.useMemo(()=>{
-        let temp = '';
-        if (type === 'next') {
-            if (vertical) {
-                if (disabled) temp = NEXT_AND_PREV_URLS.VERTICAL_NEXT_DISABLED;
-                else temp = NEXT_AND_PREV_URLS.VERTICAL_NEXT;
-            } else {
-                if (disabled) temp = NEXT_AND_PREV_URLS.NEXT_DISABLED;
-                else temp = NEXT_AND_PREV_URLS.NEXT;
-            }
-        } else {
-            if (vertical) {
-                if (disabled) temp = NEXT_AND_PREV_URLS.VERTICAL_PREVIOUS_DISABLED;
-                else temp = NEXT_AND_PREV_URLS.VERTICAL_PREVIOUS;
-            } else {
-                if (disabled) temp = NEXT_AND_PREV_URLS.PREVIOUS_DISABLED;
-                else temp = NEXT_AND_PREV_URLS.PREVIOUS;
-            }
-        }
-        return temp;
-    }, [
-        type,
-        vertical,
-        disabled
-    ]);
-    if (navigation === 'none' || layoutType === 'one-col') return null;
-    return /*#__PURE__*/ jsxRuntime.jsx("button", {
-        className: `gp-w-[24px] gp-h-[24px] gp-shrink-0 gp-flex gp-items-center gp-justify-center`,
-        disabled: disabled,
-        onClick: ()=>{
-            if (type === 'next') setMoveToIdx(moveToIdx + 1);
-            else setMoveToIdx(moveToIdx - 1);
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
-            src: imgSrc,
-            alt: `gp-arrow-${type}`
-        })
-    });
-};
-
-exports.ArrowPostPurchase = ArrowPostPurchase;

package/dist/cjs/post-purchase/product/components/product-image/CarouselPostPurchase.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Image = require('../../../image/components/Image.js');
-var React = require('react');
-
-const CarouselPostPurchase = (props)=>{
-    const { productImages, moveToIdx, itemPerRow, ilBorder, ilAspectRatio, ilObjectFit } = props;
-    const featuredImageGlobal = core.useFeaturedImageGlobal();
-    const setProductFeaturedImage = core.useProductStore((s)=>s.setProductFeaturedImage);
-    const list = React.useCallback(()=>{
-        const temp = [
-            ...productImages
-        ];
-        return temp?.splice(moveToIdx, itemPerRow);
-    }, [
-        productImages,
-        itemPerRow,
-        moveToIdx
-    ]);
-    const listRender = React.useMemo(()=>{
-        const listItem = list();
-        if (listItem.length < itemPerRow) {
-            const temp = [
-                ...productImages
-            ];
-            Array.from({
-                length: itemPerRow - listItem.length
-            }).forEach(()=>{
-                temp.push(null);
-            });
-            return temp;
-        }
-        return listItem;
-    }, [
-        list,
-        itemPerRow,
-        productImages
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: listRender?.map((image, index)=>{
-            if (!image) {
-                return /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-w-full"
-                }, index);
-            }
-            const source = {
-                src: image.src || 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif',
-                alt: ''
-            };
-            return /*#__PURE__*/ jsxRuntime.jsx("div", {
-                "aria-hidden": "true",
-                className: `gp-w-full gp-border ${image?.id === featuredImageGlobal?.id && ilBorder !== 'none' ? '!gp-border-[#d9d9d9]' : 'gp-border-transparent'}`,
-                onClick: ()=>{
-                    setProductFeaturedImage(image);
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx(Image.default, {
-                    setting: {
-                        srcSet: {
-                            desktop: source,
-                            mobile: source,
-                            tablet: source
-                        }
-                    },
-                    styles: {
-                        aspectRatio: ilAspectRatio,
-                        objectFit: ilObjectFit,
-                        enableBorder: 'none'
-                    }
-                }, image?.src)
-            }, image.id);
-        })
-    });
-};
-
-exports.CarouselPostPurchase = CarouselPostPurchase;

package/dist/cjs/post-purchase/product/components/variants/Dropdown.js

@@ -1,126 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var DropdownOption = require('./DropdownOption.js');
-var React = require('react');
-var VariantOption = require('./VariantOption.js');
-
-const DropdownVariant = ({ option, optionPosition, optionNumber, variantGroup, variants, price, blankText, combineWidth, combineFullWidth, label, initValue, hasPreSelected, soldOutStyle, soldOutMark, preset })=>{
-    const { setSelectedOption, forceSelectedOption, selectedOptions } = core.useSelectedOption();
-    const product = core.useProduct();
-    const isSoldOutMark = React.useMemo(()=>{
-        return soldOutStyle === 'Disable' && soldOutMark;
-    }, [
-        soldOutStyle,
-        soldOutMark
-    ]);
-    const handleSelectVariant = (variantId)=>{
-        const selectedVariant = variants?.find((va)=>va?.id === variantId);
-        if (selectedVariant && selectedVariant.selectedOptions) {
-            const selectedOption = core.parseSelectedOption(selectedVariant.selectedOptions);
-            if (selectedOption) {
-                forceSelectedOption(selectedOption, product?.id);
-            }
-        }
-    };
-    const [value, setValue] = React.useState(!hasPreSelected ? 'blank' : initValue);
-    React.useEffect(()=>{
-        setValue(selectedOptions?.[option?.name ?? 'blank']);
-    }, [
-        selectedOptions,
-        option
-    ]);
-    React.useEffect(()=>{
-        if (!hasPreSelected) {
-            setValue('blank');
-        }
-    }, [
-        hasPreSelected
-    ]);
-    const checkVariantInStock = (matchedVariant)=>{
-        if (!matchedVariant) return false;
-        return matchedVariant?.inventoryQuantity && matchedVariant.inventoryQuantity > 0 || !matchedVariant?.manageInventory || matchedVariant.inventoryPolicy === 'CONTINUE';
-    };
-    const composeWidthResponsive = React.useMemo(()=>{
-        if (variantGroup) {
-            return core.makeStyleResponsive('w', core.makeWidth(combineWidth, combineFullWidth));
-        }
-        return core.makeStyleResponsive('w', core.makeWidth(preset?.width, preset?.fullWidth));
-    }, [
-        preset?.width,
-        preset?.fullWidth,
-        variantGroup,
-        combineWidth,
-        combineFullWidth
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",
-        style: {
-            ...composeWidthResponsive
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "gp-relative",
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsx("label", {
-                    className: "!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        className: "gp-max-w-full",
-                        children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            className: "gp-block gp-overflow-hidden",
-                            children: label
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx("select", {
-                    autoComplete: "off",
-                    name: option?.name || 'Select Option',
-                    className: 'gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]',
-                    value: value ?? initValue,
-                    onChange: (e)=>{
-                        variantGroup ? handleSelectVariant(e.target?.value) : setSelectedOption(option?.name, e.target?.value, product?.id);
-                    },
-                    children: /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [
-                            !hasPreSelected && /*#__PURE__*/ jsxRuntime.jsx("option", {
-                                value: "blank",
-                                children: blankText ?? 'Please select an option'
-                            }),
-                            option?.values?.map((item)=>/*#__PURE__*/ jsxRuntime.jsx(DropdownOption.default, {
-                                    value: item,
-                                    optionName: option.name,
-                                    optionPosition: optionPosition,
-                                    optionNumber: optionNumber,
-                                    isSoldOutMark: isSoldOutMark
-                                }, item?.id)),
-                            variantGroup && variants?.map((variant)=>/*#__PURE__*/ jsxRuntime.jsx(VariantOption.default, {
-                                    disabled: !checkVariantInStock(variant) && isSoldOutMark,
-                                    value: variant?.id,
-                                    variant: variant,
-                                    includePrice: price
-                                }, variant?.id))
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        viewBox: "0 0 20 20",
-                        focusable: "false",
-                        "aria-hidden": "true",
-                        role: "presentation",
-                        className: "gp-h-[10px] gp-w-[10px]",
-                        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                            d: "M0 5h20L10 15"
-                        })
-                    })
-                })
-            ]
-        })
-    });
-};
-
-exports.default = DropdownVariant;

package/dist/cjs/post-purchase/product/components/variants/DropdownOption.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-require('react');
-
-const DropdownVariantOption = ({ optionPosition, optionNumber, value, optionName, isSoldOutMark })=>{
-    const available = core.useVariantOutStock(optionName ?? '', value?.label ?? '', {
-        position: optionPosition || 0,
-        optionNumber: optionNumber || 0
-    });
-    return /*#__PURE__*/ jsxRuntime.jsx("option", {
-        className: "gp-text-[14px] gp-text-black",
-        disabled: !available && isSoldOutMark,
-        value: value?.label,
-        children: value?.label
-    }, value?.id);
-};
-
-exports.default = DropdownVariantOption;

package/dist/cjs/post-purchase/product/components/variants/RectangleList.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Text = require('../../../text/Text.js');
-var helper = require('../../../utils/helper.js');
-var React = require('react');
-
-const RectangleListVariant = ({ value, isVariantOutStock, checked, preset })=>{
-    const backgroundColor = React.useMemo(()=>{
-        return isVariantOutStock ? helper.buttonColor.secondary : checked ? helper.buttonColor.primary : helper.buttonColor.defaultText;
-    }, [
-        isVariantOutStock,
-        checked
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-box-border gp-inline-flex gp-w-full gp- gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[5px] gp-px-[26px] gp-py-[21px] gp-text-center', {
-            'gp-pointer-events-none !gp-cursor-not-allowed': isVariantOutStock
-        }),
-        style: {
-            boxShadow: `inset 0 0 0 1px ${helper.buttonColor.secondary}`,
-            backgroundColor
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-            setting: {
-                text: value?.label
-            },
-            className: "gp-flex gp-items-center",
-            textClassWrapper: "gp-leading-[15px]",
-            styles: {
-                typo: {
-                    fontSize: (preset?.labelTextSize) || 'large',
-                    textTransform: (preset?.labelTransform) || 'capitalize',
-                    textColor: checked || isVariantOutStock ? 'defaultButton' : 'defaultLink',
-                    fontWeight: 'bold'
-                }
-            }
-        })
-    });
-};
-
-exports.default = RectangleListVariant;

package/dist/cjs/post-purchase/product/components/variants/VariantGroup.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Dropdown = require('./Dropdown.js');
-var React = require('react');
-
-const VariantGroup = ({ ...props })=>{
-    const variants = core.useVariants();
-    const { selectedOptions } = core.useSelectedOption();
-    const initValue = React.useMemo(()=>{
-        const keys = Object.keys(selectedOptions || {});
-        const value = variants.find((item)=>{
-            let checkedCount = 0;
-            keys.forEach((key)=>{
-                const option = item?.selectedOptions.find((opt)=>opt.name === key);
-                if (option?.value === selectedOptions?.[key]) {
-                    checkedCount++;
-                }
-            });
-            return checkedCount === keys.length;
-        });
-        return value;
-    }, [
-        variants,
-        selectedOptions
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(Dropdown.default, {
-        variants: variants,
-        initValue: initValue?.id,
-        variantGroup: props.variantGroup,
-        ...props
-    });
-};
-
-exports.default = VariantGroup;