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

package/dist/cjs/collection/setting/CollectionDescription.js

@@ -39,59 +39,6 @@ const config = {
                         }
                     ]
                 },
-                {
-                    id: 'hasLineClamp',
-                    label: 'Enable View More',
-                    type: 'toggle',
-                    devices: {
-                        desktop: {
-                            default: true
-                        }
-                    }
-                },
-                {
-                    id: 'lineClamp',
-                    label: 'Maximum Row(s) To Show',
-                    type: 'input:number',
-                    min: 1,
-                    hide: true,
-                    devices: {
-                        desktop: {
-                            default: 12
-                        }
-                    }
-                },
-                {
-                    id: 'viewMoreText',
-                    label: 'View More Text',
-                    type: 'input',
-                    default: 'Show more',
-                    hide: true
-                },
-                {
-                    id: 'showMoreColor',
-                    type: 'colorpicker',
-                    default: 'text-1'
-                },
-                {
-                    id: 'viewLessText',
-                    label: 'View Less Text',
-                    type: 'input',
-                    default: 'Show less',
-                    hide: true
-                },
-                {
-                    id: 'enableViewMoreIcon',
-                    label: 'Enable Icon',
-                    type: 'toggle',
-                    default: true,
-                    hide: true
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'viewLessText,viewMoreText'
-                },
                 {
                     id: 'textAlign',
                     label: 'Align',
@@ -127,86 +74,11 @@ const config = {
                             default: 'center'
                         }
                     }
-                },
-                {
-                    id: 'color',
-                    type: 'colorpicker',
-                    default: 'text-1'
                 }
             ]
         }
     ],
     ui: [
-        {
-            type: 'group',
-            label: {
-                en: ''
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Show more'
-                    },
-                    options: {
-                        label: 'large'
-                    },
-                    setting: {
-                        id: 'hasLineClamp'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Text color'
-                    },
-                    setting: {
-                        id: 'showMoreColor'
-                    },
-                    condition: 'hasLineClamp == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Max lines'
-                    },
-                    setting: {
-                        id: 'lineClamp'
-                    },
-                    condition: 'hasLineClamp == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Show more label'
-                    },
-                    setting: {
-                        id: 'viewMoreText'
-                    },
-                    condition: 'hasLineClamp == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Show less label'
-                    },
-                    setting: {
-                        id: 'viewLessText'
-                    },
-                    condition: 'hasLineClamp == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Icon'
-                    },
-                    setting: {
-                        id: 'enableViewMoreIcon'
-                    },
-                    condition: 'hasLineClamp == true'
-                }
-            ]
-        },
         {
             label: {
                 en: 'Text'

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

@@ -8,7 +8,7 @@ var CollectionDescription = require('./CollectionDescription.js');
 var CollectionToolbar = require('./CollectionToolbar.js');
 var CollectionPaginator = require('./CollectionPaginator.js');
 
-var collectionSetting = {
+var index = {
     CollectionTitle: CollectionTitle.default,
     CollectionDescription: CollectionDescription.default,
     CollectionToolbar: CollectionToolbar.default,
@@ -16,4 +16,4 @@ var collectionSetting = {
     CollectionBanner: CollectionBanner.default
 };
 
-exports.default = collectionSetting;
+exports.default = index;

package/dist/cjs/common/components/Loading.js

@@ -1,14 +1,11 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
 
 const Loading = ()=>{
-    const mode = core.useEditorMode();
-    return mode === 'edit' ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         className: "gp-loading-placeholder gp-relative gp-my-0.5 gp-h-3 gp-w-full gp-overflow-hidden",
         children: [
             /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -18,7 +15,7 @@ const Loading = ()=>{
                 className: "gp-absolute gp-h-full gp-bg-green-500 gp-animate-progress-bar"
             })
         ]
-    }) : null;
+    });
 };
 
 exports.default = Loading;

package/dist/cjs/common/components/Tooltip.js

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

package/dist/cjs/countdown-timer/components/Countdown.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -57,7 +56,6 @@ const Countdown = ({ setting, styles, builderProps })=>{
             }
         });
     };
-    const renderClassWithCondition = (condition, className)=>condition ? className : '';
     if (setting?.autoHideWhenTimeout && timeLeft <= 0) {
         if (mode !== 'edit') {
             return null;
@@ -94,7 +92,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             bg: core.getGlobalColorCSSProp(styles?.backgroundItemColor)
                         })
                     },
-                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center ', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.weekLabel, 'gp-content-center')),
+                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : ''),
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
                             className: core.cls(core.getGlobalColorClass('text', colorNumber)),
@@ -115,7 +113,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                            className: core.cls(core.getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.weekLabel, 'gp-hidden')),
+                            className: core.cls(core.getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -144,7 +142,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             bg: core.getGlobalColorCSSProp(styles?.backgroundItemColor)
                         })
                     },
-                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.dayLabel, 'gp-content-center')),
+                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : ''),
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
                             className: core.cls(core.getGlobalColorClass('text', colorNumber)),
@@ -165,7 +163,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                            className: `${core.cls(core.getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.dayLabel, 'gp-hidden'))} , `,
+                            className: core.cls(core.getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -184,7 +182,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableHour && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.hourLabel, 'gp-content-center')),
+                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? core.composeSize(styles?.itemPadding?.custom) : {},
                         ...core.handleConvertBorderStyle(styles?.borderState),
@@ -215,7 +213,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                            className: core.cls(core.getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.hourLabel, 'gp-hidden')),
+                            className: core.cls(core.getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -234,7 +232,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableMinute && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.minuteLabel, 'gp-content-center')),
+                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? core.composeSize(styles?.itemPadding?.custom) : {},
                         ...core.handleConvertBorderStyle(styles?.borderState),
@@ -265,7 +263,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                            className: core.cls(core.getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.minuteLabel, 'gp-hidden')),
+                            className: core.cls(core.getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -284,7 +282,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableSecond && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.secondLabel, 'gp-content-center')),
+                    className: core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? core.composeSize(styles?.itemPadding?.custom) : {},
                         ...core.handleConvertBorderStyle(styles?.borderState),
@@ -315,7 +313,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                            className: core.cls(core.getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.secondLabel, 'gp-hidden')),
+                            className: core.cls(core.getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo

package/dist/cjs/countdown-timer/components/Countdown.liquid.js

@@ -20,7 +20,7 @@ const Countdown = ({ builderProps, setting, styles, advanced, pageContext })=>{
                 bg: core.getGlobalColorCSSProp(styles?.backgroundItemColor)
             })
         }}"
-    class="${core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '', !textLabel ? 'gp-content-center' : '')}">
+    class="${core.cls(core.getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max', styles?.itemPadding?.type ? core.genSizeClass(styles?.itemPadding?.type) : '')}">
     ${Text_liquid.default({
             styles: {
                 typography: styles?.numTypography,

package/dist/cjs/countdown-timer/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 Countdown = dynamic(()=>Promise.resolve().then(function () { return require('./components/Countdown.js'); }), {
     loading: Loading.default,

package/dist/cjs/countdown-timer/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Countdown = require('./Countdown.js');
 
-var countdownSetting = {
+var index = {
     Countdown: Countdown.default
 };
 
-exports.default = countdownSetting;
+exports.default = index;

package/dist/cjs/coupon/components/Coupon.js

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

package/dist/cjs/coupon/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 Coupon = dynamic(()=>Promise.resolve().then(function () { return require('./components/Coupon.js'); }), {
     loading: Loading.default

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Coupon = require('./Coupon.js');
 
-var couponSetting = {
+var index = {
     Coupon: Coupon.default
 };
 
-exports.default = couponSetting;
+exports.default = index;

package/dist/cjs/dialog/components/Dialog.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -239,6 +238,20 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
         triggerTime
     ]);
     const w = core.makeWidth(width, fullScreen);
+    const heightStyle = {
+        ...fullScreen?.desktop ? core.makeStyle({
+            h: '100%'
+        }) : !height?.desktop ? core.makeStyle({
+            minh: '300px'
+        }) : core.makeStyle({
+            h: height.desktop
+        }),
+        '--h-tablet': common.getPropertyByDevice(fullScreen, 'tablet') ? '100%' : common.getPropertyByDevice(height, 'tablet') ?? '300px',
+        '--h-mobile': common.getPropertyByDevice(fullScreen, 'mobile') ? '100%' : common.getPropertyByDevice(height, 'mobile') ?? '300px',
+        '--maxh': common.getPropertyByDevice(fullScreen, 'desktop') ? '100%' : '',
+        '--maxh-tablet': common.getPropertyByDevice(fullScreen, 'tablet') ? '100%' : '',
+        '--maxh-mobile': common.getPropertyByDevice(fullScreen, 'mobile') ? '100%' : ''
+    };
     const displayStyle = React.useMemo(()=>{
         return Object.keys(style ?? {}).filter((key)=>[
                 '--d',
@@ -257,29 +270,13 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                 '--bw-mobile',
                 '--bw-tablet',
                 '--bc',
-                '--bc-tablet',
-                '--bc-mobile',
                 '--b',
-                '--b-tablet',
-                '--b-mobile',
                 '--bs',
-                '--bs-tablet',
-                '--bs-mobile',
                 '--radius',
-                '--radius-tablet',
-                '--radius-mobile',
                 '--bblr',
                 '--bbrr',
                 '--btlr',
-                '--btrr',
-                '--bblr-tablet',
-                '--bbrr-tablet',
-                '--btlr-tablet',
-                '--btrr-tablet',
-                '--bblr-mobile',
-                '--bbrr-mobile',
-                '--btlr-mobile',
-                '--btrr-mobile'
+                '--btrr'
             ].includes(key)).reduce((curr, key)=>({
                 ...curr,
                 [key]: style?.[key]
@@ -381,7 +378,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                             ...displayStyle,
                             ...borderStyle,
                             ...core.makeStyleResponsive('w', w),
-                            ...common.heightStyle(fullScreen, height)
+                            ...heightStyle
                         },
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx("button", {
@@ -422,8 +419,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                             /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 style: {
                                     ...innerStyle,
-                                    ...common.removeHeightPercentForContent(common.heightStyle(fullScreen, height)),
-                                    ...common.inheritStyleBody,
+                                    ...heightStyle,
                                     ...core.getStyleBackgroundByDevice(background, {
                                         ignoreBackgroundImage: true,
                                         ignoreBackgroundImageProperties: true,
@@ -431,7 +427,10 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                                     })
                                 },
                                 "aria-label": "Dialog body",
-                                className: core.cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen'),
+                                className: core.cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden', {
+                                    'gp-max-h-screen': position !== 'center',
+                                    'gp-max-h-[calc(100vh_-_192px)]': position === 'center' && !fullScreen?.desktop
+                                }),
                                 children: core.isEmptyChildren(children) ? /*#__PURE__*/ jsxRuntime.jsx(ChildrenDroppable.default, {}) : core.filterToolbarPreview(children)
                             }),
                             core.filterToolbarPreview(children, true)

package/dist/cjs/dialog/components/Dialog.liquid.js

@@ -6,7 +6,6 @@ var core = require('@gem-sdk/core');
 var helpers = require('../../helpers.js');
 var common = require('../helpers/common.js');
 require('react/jsx-runtime');
-require('react');
 var _const = require('../../common/const.js');
 
 const Dialog = ({ setting, children, builderProps, style, advanced })=>{
@@ -21,6 +20,20 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
     const { btnBg, btnColor, btnSize, iconSize, closeButtonPosition, btnRounded } = setting ?? {};
     const { isOverlay, overlayColor, overlayOpacity, mobileTrigger, mobileTriggerTime } = setting ?? {};
     const w = core.makeWidth(width, fullScreen);
+    const heightStyle = {
+        ...fullScreen?.desktop ? core.makeStyle({
+            h: '100%'
+        }) : !height?.desktop ? core.makeStyle({
+            minh: '300px'
+        }) : core.makeStyle({
+            h: height.desktop
+        }),
+        '--h-tablet': common.getPropertyByDevice(fullScreen, 'tablet') ? '100%' : common.getPropertyByDevice(height, 'tablet') ?? '300px',
+        '--h-mobile': common.getPropertyByDevice(fullScreen, 'mobile') ? '100%' : common.getPropertyByDevice(height, 'mobile') ?? '300px',
+        '--maxh': common.getPropertyByDevice(fullScreen, 'desktop') ? '100%' : '',
+        '--maxh-tablet': common.getPropertyByDevice(fullScreen, 'tablet') ? '100%' : '',
+        '--maxh-mobile': common.getPropertyByDevice(fullScreen, 'mobile') ? '100%' : ''
+    };
     const displayStyle = Object.keys(style ?? {}).filter((key)=>[
             '--d',
             '--d-mobile',
@@ -34,29 +47,13 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             '--bw-mobile',
             '--bw-tablet',
             '--bc',
-            '--bc-tablet',
-            '--bc-mobile',
             '--b',
-            '--b-tablet',
-            '--b-mobile',
             '--bs',
-            '--bs-tablet',
-            '--bs-mobile',
             '--radius',
-            '--radius-tablet',
-            '--radius-mobile',
             '--bblr',
             '--bbrr',
             '--btlr',
-            '--btrr',
-            '--bblr-tablet',
-            '--bbrr-tablet',
-            '--btlr-tablet',
-            '--btrr-tablet',
-            '--bblr-mobile',
-            '--bbrr-mobile',
-            '--btlr-mobile',
-            '--btrr-mobile'
+            '--btrr'
         ].includes(key)).reduce((curr, key)=>({
             ...curr,
             [key]: style?.[key]
@@ -134,7 +131,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         ...wrapperStyle,
         ...borderStyle,
         ...core.makeStyleResponsive('w', w),
-        ...common.heightStyle(fullScreen, height)
+        ...heightStyle
     }}"
           >
             <button
@@ -176,8 +173,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             <div
               style="${{
         ...innerStyle,
-        ...common.removeHeightPercentForContent(common.heightStyle(fullScreen, height)),
-        ...common.inheritStyleBody,
+        ...heightStyle,
         ...core.getStyleBackgroundByDevice(background, {
             ignoreBackgroundImage: true,
             ignoreBackgroundImageProperties: true,
@@ -185,7 +181,10 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         })
     }}"
               aria-label="Dialog body"
-              class="${core.cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen')}">
+              class="${core.cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden', {
+        'gp-max-h-screen': position !== 'center',
+        'gp-max-h-[calc(100vh_-_192px)]': position === 'center' && !fullScreen?.desktop
+    })}">
                 <div>
                   ${children ?? ''}
                 </div>

package/dist/cjs/dialog/helpers/common.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var core = require('@gem-sdk/core');
-
 const isShowModal = (startDate, numberOfDay = 0)=>{
     const start = startDate ? new Date(Number(startDate)) : new Date();
     const c = Date.now() - start.getTime();
@@ -21,33 +19,7 @@ const getPropertyByDevice = (property, device)=>{
     if (device === 'mobile') return property?.mobile ?? property?.tablet ?? property?.desktop;
     return property?.desktop;
 };
-const heightStyle = (fullScreen, height)=>({
-        ...fullScreen?.desktop ? core.makeStyle({
-            h: '100%'
-        }) : !height?.desktop ? core.makeStyle({
-            minh: '300px'
-        }) : core.makeStyle({
-            h: height.desktop
-        }),
-        '--h-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : getPropertyByDevice(height, 'tablet') ?? '300px',
-        '--h-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : getPropertyByDevice(height, 'mobile') ?? '300px',
-        '--maxh': getPropertyByDevice(fullScreen, 'desktop') ? '100%' : '',
-        '--maxh-tablet': getPropertyByDevice(fullScreen, 'tablet') ? '100%' : '',
-        '--maxh-mobile': getPropertyByDevice(fullScreen, 'mobile') ? '100%' : ''
-    });
-const removeHeightPercentForContent = (heightStyle)=>({
-        ...heightStyle,
-        '--h': heightStyle['--h']?.includes('%') ? '100%' : heightStyle['--h'],
-        '--h-tablet': heightStyle['--h-tablet']?.includes('%') ? '100%' : heightStyle['--h-tablet'],
-        '--h-mobile': heightStyle['--h-mobile']?.includes('%') ? '100%' : heightStyle['--h-mobile']
-    });
-const inheritStyleBody = {
-    'border-radius': 'inherit'
-};
 
 exports.getPropertyByDevice = getPropertyByDevice;
-exports.heightStyle = heightStyle;
-exports.inheritStyleBody = inheritStyleBody;
 exports.isMobile = isMobile;
 exports.isShowModal = isShowModal;
-exports.removeHeightPercentForContent = removeHeightPercentForContent;

package/dist/cjs/dialog/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 Dialog = dynamic(()=>Promise.resolve().then(function () { return require('./components/Dialog.js'); }), {
     loading: Loading.default

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Dialog = require('./Dialog.js');
 
-var dialogSetting = {
+var index = {
     Dialog: Dialog.default
 };
 
-exports.default = dialogSetting;
+exports.default = index;

package/dist/cjs/estimate-delivery/components/EstimateDate.js

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

package/dist/cjs/estimate-delivery/components/EstimateDate.liquid.js

@@ -13,6 +13,7 @@ require('../../product/components/ProductBadge/constants.js');
 require('../../product/components/constants/product-bundle.js');
 require('../../product/components/ProductBadge/types.js');
 require('../../third-party/components/FeraReviews.js');
+require('../../third-party/components/Wiser.js');
 var _const = require('../const.js');
 var TextInline = require('../../text/components/TextInline.js');
 

package/dist/cjs/estimate-delivery/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 EstimateDate = dynamic(()=>Promise.resolve().then(function () { return require('./components/EstimateDate.js'); }), {
     loading: Loading.default

package/dist/cjs/estimate-delivery/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var EstimateDate = require('./EstimateDate.js');
 
-var estimateDeliverySetting = {
+var index = {
     EstimateDate: EstimateDate.default
 };
 
-exports.default = estimateDeliverySetting;
+exports.default = index;

package/dist/cjs/form/components/contact/Contact.js

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

package/dist/cjs/form/components/form-checkbox/FormCheckbox.js

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

package/dist/cjs/form/components/form-dropdown/FormDropdown.js

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