@gem-sdk/components 2.0.0-staging.118 → 2.0.0

package/dist/cjs/product/components/ProductPrice.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,8 +7,6 @@ var core = require('@gem-sdk/core');
 var React = require('react');
 var Text = require('../../text/components/Text.js');
 var common = require('./ProductVariants/common.js');
-var NoDataState = require('../../common/components/NoDataState.js');
-var TooltipHover = require('../../common/components/TooltipHover.js');
 
 const ProductPrice = (props)=>{
     const { builderAttrs, style, children, setting, styles, builderProps, classNames } = props;
@@ -49,7 +46,7 @@ const ProductPrice = (props)=>{
     const priceCompare = React.useMemo(()=>{
         if (bundleItem?.discountValue) {
             if (useProductCompareAtPrice) {
-                return (salePrice || price) * quantityProduct;
+                return salePrice * quantityProduct;
             }
             return price * quantityProduct;
         }
@@ -140,47 +137,30 @@ const ProductPrice = (props)=>{
         id: `shopify-text-element-${builderProps?.uid}`,
         "data-product-id": currentProductId,
         children: [
-            !displayPrice && mode === 'edit' ? /*#__PURE__*/ jsxRuntime.jsx(TooltipHover.default, {
-                enable: true,
-                text: 'Not be displayed when published',
-                position: 'bottom',
-                width: '205px',
-                children: /*#__PURE__*/ jsxRuntime.jsx(NoDataState.default, {
-                    builderAttrs: builderAttrs,
-                    elementType: "secondary",
-                    children: children,
-                    description: "No compare price",
-                    rawMode: true
-                })
-            }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                        styles: styles,
-                        setting: {
-                            text: moneyFormatted,
-                            excludeFlex: true
-                        },
-                        style: {
-                            ...core.getStyleShadow({
-                                value: setting?.boxShadowPrice,
-                                styleAppliedFor: 'box-shadow',
-                                isEnableShadow: setting?.hasBoxShadowPrice
-                            }),
-                            ...core.getGlobalColorStateStyle('c', styles?.parentTextColor),
-                            ...setting?.opacityPrice ? core.makeStyle({
-                                op: `${setting?.opacityPrice}%`
-                            }) : {}
-                        },
-                        className: core.cls({
-                            'gp-money': styles?.priceType === 'regular',
-                            'gp-product-compare-price': styles?.priceType === 'compare',
-                            'gp-line-through': styles?.priceType === 'compare' && styles?.lineThrough && hasThickness
-                        }, core.getGlobalColorStateClass('text', styles?.parentTextColor), colorClass, classNames)
+            /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
+                styles: styles,
+                setting: {
+                    text: moneyFormatted,
+                    excludeFlex: true
+                },
+                style: {
+                    ...core.getStyleShadow({
+                        value: setting?.boxShadowPrice,
+                        styleAppliedFor: 'box-shadow',
+                        isEnableShadow: setting?.hasBoxShadowPrice
                     }),
-                    children
-                ]
+                    ...core.getGlobalColorStateStyle('c', styles?.parentTextColor),
+                    ...setting?.opacityPrice ? core.makeStyle({
+                        op: `${setting?.opacityPrice}%`
+                    }) : {}
+                },
+                className: core.cls({
+                    'gp-money': styles?.priceType === 'regular',
+                    'gp-product-compare-price': styles?.priceType === 'compare',
+                    'gp-line-through': styles?.priceType === 'compare' && styles?.lineThrough && hasThickness
+                }, core.getGlobalColorStateClass('text', styles?.parentTextColor), colorClass, classNames)
             }),
-            core.filterToolbarPreview(children, true)
+            children
         ]
     });
 };

package/dist/cjs/product/components/ProductProperties/ProductPropertyChoice.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductProperties/ProductPropertyInput.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductProperties/ProductPropertySelect.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductProperties.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -22,39 +21,6 @@ const ProductProperties = ({ setting, styles, builderProps })=>{
     const [checkboxValue, setCheckboxValue] = React.useState([]);
     const prevName = core.usePrevious(name);
     const product = core.useProduct();
-    const ref = React.useRef(null);
-    const { trigger } = core.useInteraction();
-    const dispatchEventInteraction = (value, element)=>{
-        trigger({
-            event: 'gp:rollback:option-selected',
-            selector: `[data-id="${builderProps?.uid}"`,
-            element
-        });
-        trigger({
-            event: 'gp:option-selected',
-            data: value,
-            selector: `[data-id="${builderProps?.uid}"`,
-            element
-        });
-    };
-    const interactionListenerLoaded = React.useCallback((callback)=>{
-        //@ts-ignore
-        if (window.interactionLoaded) {
-            callback();
-            return;
-        }
-        window.addEventListener('gp:flow-actions-loaded', ()=>{
-            callback();
-        });
-    }, []);
-    React.useEffect(()=>{
-        if (type === 'dropdown') {
-            const valueDefault = ref.current?.querySelector('select')?.value;
-            interactionListenerLoaded(()=>{
-                dispatchEventInteraction(valueDefault, ref.current);
-            });
-        }
-    }, []);
     React.useEffect(()=>{
         if (name) {
             if (!prevName) {
@@ -150,13 +116,11 @@ const ProductProperties = ({ setting, styles, builderProps })=>{
                 val = checkboxValue.filter((value)=>value !== e.target.value);
             }
             setCheckboxValue(val);
-            dispatchEventInteraction(val, ref.current);
             updateProperty(e.target.name, {
                 value: val.join(', ')
             });
         } else {
             setValue(e.target.value);
-            dispatchEventInteraction(e.target.value, ref.current);
             updateProperty(e.target.name, {
                 value: e.target.value
             });
@@ -165,7 +129,6 @@ const ProductProperties = ({ setting, styles, builderProps })=>{
     const handleChangeOption = (e)=>{
         setIsDirty(true);
         setValue(e.target.value);
-        dispatchEventInteraction(e.target.value, ref.current);
         updateProperty(e.target.name, {
             value: e.target.value
         });
@@ -212,7 +175,6 @@ const ProductProperties = ({ setting, styles, builderProps })=>{
         id: `shopify-text-element-${builderProps?.uid}`,
         "data-product-id": currentProductId,
         "data-id": builderProps?.uid,
-        ref: ref,
         children: [
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 children: /*#__PURE__*/ jsxRuntime.jsxs("label", {

package/dist/cjs/product/components/ProductProperties.liquid.js

@@ -54,15 +54,16 @@ const ProductProperties = ({ setting, styles, builderProps, advanced, pageContex
         pageContext,
         translate
     });
+    const dataTranslateSetting = JSON.stringify({
+        requiredMessage: '$1',
+        invalidEmailMessage: '$2',
+        invalidLengthMessage: '$3',
+        invalidNumberMessage: '$4'
+    }).replace('$1', requiredMessageDisplay.toString()).replace('$2', invalidEmailMessageDisplay.toString()).replace('$3', invalidLengthMessageDisplay.toString()).replace('$4', invalidNumberMessageDisplay.toString());
     return core.template /* liquid */ `
-    <gp-product-property data-id="${builderProps?.uid}" data-invalid="false" class="gp-block gp-group gp-property_${type}"
+    <gp-product-property data-invalid="false" class="gp-block gp-group gp-property_${type}"
       data-gp-setting='${JSON.stringify(setting).replaceAll("'", '&#039;')}'
-      data-translate-setting='${JSON.stringify({
-        requiredMessage: requiredMessageDisplay,
-        invalidEmailMessage: invalidEmailMessageDisplay,
-        invalidLengthMessage: invalidLengthMessageDisplay,
-        invalidNumberMessage: invalidNumberMessageDisplay
-    })}'
+      data-translate-setting='${dataTranslateSetting}'
       style="${{
         ...core.makeStyleResponsive('ta', textAlign)
     }}"
@@ -97,7 +98,10 @@ const ProductProperties = ({ setting, styles, builderProps, advanced, pageContex
         setting,
         styles,
         builderProps,
-        pageContext
+        pageContext,
+        attributes: {
+            dataId: builderProps?.uid || ''
+        }
     }))}
         ${core.RenderIf(type === 'checkbox' || type === 'radio', ProductPropertyChoice_liquid.default({
         setting: {
@@ -108,13 +112,19 @@ const ProductProperties = ({ setting, styles, builderProps, advanced, pageContex
         },
         styles,
         builderProps,
-        pageContext
+        pageContext,
+        attributes: {
+            dataId: builderProps?.uid || ''
+        }
     }))}
         ${core.RenderIf(type === 'text' || type === 'textarea' || type === 'email' || type === 'hidden', ProductPropertyInput_liquid.default({
         setting,
         styles,
         builderProps,
-        pageContext
+        pageContext,
+        attributes: {
+            dataId: builderProps?.uid || ''
+        }
     }))}
         <div
         data-slot-type="message"

package/dist/cjs/product/components/ProductQuantity.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductQuickView/ProductQuickView.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var Col = require('../../../grid/components/Col.js');
 var Row = require('../../../grid/components/Row.js');
-var core = require('@gem-sdk/core');
 var React = require('react');
 require('../../../modal/components/confirm.js');
 var Modal = require('../../../modal/components/Modal.js');
+var core = require('@gem-sdk/core');
 var ProductButton = require('../ProductButton.js');
 var ProductPrice = require('../ProductPrice.js');
 var ProductQuantity = require('../ProductQuantity.js');

package/dist/cjs/product/components/ProductQuickView/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductTag.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,9 +7,7 @@ var core = require('@gem-sdk/core');
 var React = require('react');
 var Text = require('../../text/components/Text.js');
 var productBundle$1 = require('./constants/product-bundle.js');
-var NoDataState = require('../../common/components/NoDataState.js');
 var productBundle = require('../helpers/product-bundle.js');
-var TooltipHover = require('../../common/components/TooltipHover.js');
 
 const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
     const { customContent } = setting ?? {};
@@ -40,16 +37,16 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
         salePrice
     ]);
     const { useProductCompareAtPrice } = core.useProductBundleDiscount();
-    const { discountPercentAmount, discountAmount } = productBundle.applyBundleDiscountAmount({
-        currentVariant,
-        bundleItem,
-        options: {
-            moneyFormat,
-            useProductCompareAtPrice
-        }
-    });
     const bundleDiscountDisplay = React.useMemo(()=>{
         if (!bundleItem) return 0;
+        const { discountPercentAmount, discountAmount } = productBundle.applyBundleDiscountAmount({
+            currentVariant,
+            bundleItem,
+            options: {
+                moneyFormat,
+                useProductCompareAtPrice
+            }
+        });
         const { discountType } = bundleItem;
         const { unit } = customContent || {};
         if (discountType === productBundle$1.DiscountType.NoDiscount && !useProductCompareAtPrice) {
@@ -61,11 +58,10 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
         return discountAmount;
     }, [
         bundleItem,
-        customContent,
-        useProductCompareAtPrice,
-        discountAmount,
+        currentVariant,
         moneyFormat,
-        discountPercentAmount
+        useProductCompareAtPrice,
+        customContent
     ]);
     const unitCustomDisplay = React.useMemo(()=>{
         if (!bundleItem) {
@@ -81,29 +77,14 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
     const textColorClass = core.getGlobalColorClass('text', textColor);
     const backgroundColorClass = core.getGlobalColorClass('bg', backgroundColor);
     const currentProductId = product?.baseID?.replace('gid://shopify/Product/', '');
-    const shouldPlaceholderNoDiscount = React.useMemo(()=>{
-        const noDiscount = !bundleItem ? priceSave <= 0 : discountPercentAmount <= 0;
-        return mode === 'edit' && noDiscount;
+    React.useMemo(()=>{
+        if (mode !== 'edit' && (salePrice <= 0 || Math.ceil(priceSave / (salePrice / 100)) <= 0)) return 'true';
+        return 'false';
     }, [
-        bundleItem,
-        discountPercentAmount,
         mode,
+        salePrice,
         priceSave
     ]);
-    if (shouldPlaceholderNoDiscount) {
-        return /*#__PURE__*/ jsxRuntime.jsx(TooltipHover.default, {
-            enable: true,
-            text: 'Not be displayed when published',
-            position: 'bottom',
-            width: '205px',
-            children: /*#__PURE__*/ jsxRuntime.jsx(NoDataState.default, {
-                builderAttrs: builderProps?.builderData,
-                elementType: "secondary",
-                description: "No discount",
-                rawMode: true
-            })
-        });
-    }
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: core.cls({
             'gp-opacity-0 ': mode !== 'edit' && (salePrice <= 0 || Math.ceil(priceSave / (salePrice / 100)) <= 0),

package/dist/cjs/product/components/ProductTitle.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,7 +15,6 @@ var React = require('react');
 var common = require('./common.js');
 var mappingVariantStyles = require('./utils/mappingVariantStyles.js');
 var useVariantInteraction = require('./hooks/useVariantInteraction.js');
-var NoDataState = require('../../../common/components/NoDataState.js');
 
 const DEVICES = [
     'desktop',
@@ -30,7 +28,6 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
     const { label, optionType, showAsSwatches, layout, column, hasPreSelected } = setting ?? {};
     const { uid } = builderProps ?? {};
     const variants = core.useVariants();
-    const { redirectProductShopifyLink } = core.useProductShopifyEditLink();
     const product$1 = core.useProduct();
     const isSyncProduct = core.useIsSyncProduct();
     const currentDevice = core.useCurrentDevice();
@@ -39,7 +36,6 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
         element: elementRef,
         uid: builderProps?.uid
     });
-    const mode = core.useEditorMode();
     const { selectedOptions, setSelectedOption, forceSelectedOption } = core.useSelectedOption();
     const { setHasPreSelected } = core.useHasPreSelected();
     const variantsWidth = core.makeStyleResponsive('w', core.makeWidth(width, fullWidth));
@@ -63,13 +59,15 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
         const url = new URL(window.location.href);
         const variantId = url.searchParams.get(VARIANT_PARAM_PATH);
         if (variantId) {
-            return variants.find((variant)=>variant?.id === variantId);
+            const variantSelected = variants.find((variant)=>variant?.id === variantId);
+            return variantSelected;
         }
         return null;
     };
     const getInStock = (selected)=>{
         const variantSelected = product.getSelectedVariant(variants, selected);
-        return core.checkInStock(variantSelected);
+        const inStock = core.checkInStock(variantSelected);
+        return inStock;
     };
     React.useEffect(()=>{
         const variantSelected = getVariantByPath();
@@ -208,24 +206,8 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
     }, [
         layout
     ]);
-    if (isDefaultVariant && mode === 'edit') {
-        return /*#__PURE__*/ jsxRuntime.jsx(NoDataState.default, {
-            elementType: "secondary",
-            description: "Setup options like colors, sizes with product variant.",
-            descriptionActions: [
-                {
-                    text: 'Add new variant',
-                    callback: redirectProductShopifyLink
-                },
-                {
-                    text: 'sync data',
-                    callback: 'syncProduct'
-                }
-            ]
-        });
-    }
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        children: !isDefaultVariant ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-id": builderProps?.uid,
             className: "gp-grid",
             ref: elementRef,
@@ -355,6 +337,12 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
                     })
                 })
             ]
+        }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
+            "data-id": builderProps?.uid,
+            children: /*#__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"
+            })
         })
     });
 };

package/dist/cjs/product/components/ProductVariants/index.liquid.js

@@ -17,10 +17,15 @@ const DEVICES = [
     'tablet',
     'mobile'
 ];
+const DEFAULT_ADVANCED_DISPLAY_SETTING = {
+    desktop: true,
+    tablet: true,
+    mobile: true
+};
 const ProductVariants = ({ builderProps, style, styles, setting, advanced })=>{
     const { width, fullWidth, align, swatchItemWidth, dropdownItemWidth, marginBottom, swatchSpacing, optionTypo, labelGap } = styles ?? {};
     const { label, optionType, showAsSwatches, layout, column, hasPreSelected } = setting ?? {};
-    const advancedDisplay = advanced?.d;
+    const advancedDisplay = advanced?.d ?? DEFAULT_ADVANCED_DISPLAY_SETTING;
     const { uid } = builderProps ?? {};
     // full width
     const variantsWidth = core.makeStyleResponsive('w', core.makeWidth(width, fullWidth));

package/dist/cjs/product/components/ProductVariants/variants/Base.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Color.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Dropdown.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/DropdownOption.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Image.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/ImageShopify.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/RadioButtons.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/RectangleList.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/VariantGroup.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/VariantOption/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/index.liquid.js

@@ -137,7 +137,8 @@ const VariantItem = ({ name, variantKey, value, id, activeClass, optionPosition,
   <span class="gp-sr-only">${value?.label}</span>
   <div   
   option-name="{{option.name | escape}}"
-  option-name-value="{{value | escape}}" 
+  option-name-value="{{value | escape}}"
+  data-gp-option-value-id="{{value.id}}"
   class="option-item-inner gp-w-auto gp-h-auto {%- if option_disabled == true -%}${isSoldOutMark ? 'gp-opacity-20' : ''}{%- endif -%}">
   ${props.isRenderDefault ? renderDefaultComponentOnly() : renderComponent()}
   </div>

package/dist/cjs/product/components/ProductViewMore.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductViewMore.liquid.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
 var Button_liquid = require('../../button/components/Button.liquid.js');
-var helpers = require('../../helpers.js');
 
 const ProductViewMore = ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext })=>{
     const { ...buttonStyles } = styles ?? {};
     const { label, iconSvg, iconAlign, iconVisible, translate } = setting ?? {};
     return core.template`
-    <gp-product-view-more>
-      ${Button_liquid.default({
-        className: 'btn-view-more',
+    ${Button_liquid.default({
         builderProps: builderProps,
         builderAttrs: builderAttrs,
         setting: {
@@ -34,8 +31,6 @@ const ProductViewMore = ({ setting, builderProps, builderAttrs, style, styles, a
         advanced,
         pageContext
     })}
-       ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-product-view-more.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-product-view-more.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-    </gp-product-view-more>
   `;
 };
 

package/dist/cjs/product/components/SalePageProductListWarning.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/Sku.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/Vendor.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Product = dynamic(()=>Promise.resolve().then(function () { return require('./components/Product.js'); }), {
     loading: Loading.default

package/dist/cjs/product/setting/ProductProperties.js

@@ -1026,7 +1026,7 @@ const config = {
                     label: {
                         en: 'Invalid number'
                     },
-                    condition: 'numberOnly === true && ["text", "textarea"].includes(type)'
+                    condition: 'numberOnly === true'
                 },
                 {
                     type: 'control',

package/dist/cjs/product/setting/index.js

@@ -23,7 +23,7 @@ var ProductViewMore = require('./ProductViewMore.js');
 var ProductBadge = require('./ProductBadge.js');
 var FileUpload = require('./FileUpload.js');
 
-var productSetting = {
+var index = {
     Product: Product.default,
     ProductQuantity: ProductQuantity.default,
     ProductTitle: ProductTitle.default,
@@ -46,4 +46,4 @@ var productSetting = {
     FileUpload: FileUpload.default
 };
 
-exports.default = productSetting;
+exports.default = index;

package/dist/cjs/radio/Radio.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/radio/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Radio = dynamic(()=>Promise.resolve().then(function () { return require('./Radio.js'); }), {
     loading: Loading.default