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

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

@@ -35,59 +35,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',
@@ -123,86 +70,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/esm/collection/setting/index.js

@@ -4,7 +4,7 @@ import config$1 from './CollectionDescription.js';
 import config$2 from './CollectionToolbar.js';
 import config$3 from './CollectionPaginator.js';
 
-var collectionSetting = {
+var index = {
     CollectionTitle: config,
     CollectionDescription: config$1,
     CollectionToolbar: config$2,
@@ -12,4 +12,4 @@ var collectionSetting = {
     CollectionBanner: config$4
 };
 
-export { collectionSetting as default };
+export { index as default };

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

@@ -1,10 +1,7 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEditorMode } from '@gem-sdk/core';
 
 const Loading = ()=>{
-    const mode = useEditorMode();
-    return mode === 'edit' ? /*#__PURE__*/ jsxs("div", {
+    return /*#__PURE__*/ jsxs("div", {
         className: "gp-loading-placeholder gp-relative gp-my-0.5 gp-h-3 gp-w-full gp-overflow-hidden",
         children: [
             /*#__PURE__*/ jsx("div", {
@@ -14,7 +11,7 @@ const Loading = ()=>{
                 className: "gp-absolute gp-h-full gp-bg-green-500 gp-animate-progress-bar"
             })
         ]
-    }) : null;
+    });
 };
 
 export { Loading as default };

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 const Tooltip = ({ tooltip, width, children })=>{

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { formatTime, convertTime } from '../helpers.js';
 import useTimeLeft from '../hooks/useTimeLeft.js';
@@ -53,7 +52,6 @@ const Countdown = ({ setting, styles, builderProps })=>{
             }
         });
     };
-    const renderClassWithCondition = (condition, className)=>condition ? className : '';
     if (setting?.autoHideWhenTimeout && timeLeft <= 0) {
         if (mode !== 'edit') {
             return null;
@@ -90,7 +88,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             bg: getGlobalColorCSSProp(styles?.backgroundItemColor)
                         })
                     },
-                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center ', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.weekLabel, 'gp-content-center')),
+                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : ''),
                     children: [
                         /*#__PURE__*/ jsx(Text, {
                             className: cls(getGlobalColorClass('text', colorNumber)),
@@ -111,7 +109,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsx(Text, {
-                            className: cls(getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.weekLabel, 'gp-hidden')),
+                            className: cls(getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -140,7 +138,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             bg: getGlobalColorCSSProp(styles?.backgroundItemColor)
                         })
                     },
-                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.dayLabel, 'gp-content-center')),
+                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : ''),
                     children: [
                         /*#__PURE__*/ jsx(Text, {
                             className: cls(getGlobalColorClass('text', colorNumber)),
@@ -161,7 +159,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsx(Text, {
-                            className: `${cls(getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.dayLabel, 'gp-hidden'))} , `,
+                            className: cls(getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -180,7 +178,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableHour && /*#__PURE__*/ jsxs("div", {
-                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.hourLabel, 'gp-content-center')),
+                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? composeSize(styles?.itemPadding?.custom) : {},
                         ...handleConvertBorderStyle(styles?.borderState),
@@ -211,7 +209,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsx(Text, {
-                            className: cls(getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.hourLabel, 'gp-hidden')),
+                            className: cls(getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -230,7 +228,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableMinute && /*#__PURE__*/ jsxs("div", {
-                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.minuteLabel, 'gp-content-center')),
+                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? composeSize(styles?.itemPadding?.custom) : {},
                         ...handleConvertBorderStyle(styles?.borderState),
@@ -261,7 +259,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsx(Text, {
-                            className: cls(getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.minuteLabel, 'gp-hidden')),
+                            className: cls(getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo
@@ -280,7 +278,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                     ]
                 }),
                 setting?.enableSecond && /*#__PURE__*/ jsxs("div", {
-                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '', renderClassWithCondition(!setting?.secondLabel, 'gp-content-center')),
+                    className: cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-min-w-max !gp-max-w-max gp-flex-1 gp-text-center', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : ''),
                     style: {
                         ...!styles?.itemPadding?.type ? composeSize(styles?.itemPadding?.custom) : {},
                         ...handleConvertBorderStyle(styles?.borderState),
@@ -311,7 +309,7 @@ const Countdown = ({ setting, styles, builderProps })=>{
                             }
                         }),
                         /*#__PURE__*/ jsx(Text, {
-                            className: cls(getGlobalColorClass('text', colorLabel), renderClassWithCondition(!setting?.secondLabel, 'gp-hidden')),
+                            className: cls(getGlobalColorClass('text', colorLabel)),
                             styles: {
                                 typography: styles?.labelTypography,
                                 typo: styles?.labelTypo

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

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

package/dist/esm/countdown-timer/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Countdown = dynamic(()=>import('./components/Countdown.js'), {
     loading: Loading,

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

@@ -1,7 +1,7 @@
 import config from './Countdown.js';
 
-var countdownSetting = {
+var index = {
     Countdown: config
 };
 
-export { countdownSetting as default };
+export { index as default };

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useEditorMode } from '@gem-sdk/core';
 import Button from '../../button/components/Button.js';

package/dist/esm/coupon/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Coupon = dynamic(()=>import('./components/Coupon.js'), {
     loading: Loading

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

@@ -1,7 +1,7 @@
 import config from './Coupon.js';
 
-var couponSetting = {
+var index = {
     Coupon: config
 };
 
-export { couponSetting as default };
+export { index as default };

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

@@ -1,8 +1,7 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useModalStore, useEditorMode, useInteraction, globalEvent, makeWidth, cls, makeStyle, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isEmptyChildren, filterToolbarPreview } from '@gem-sdk/core';
+import { useModalStore, useEditorMode, useInteraction, globalEvent, makeWidth, makeStyle, cls, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isEmptyChildren, filterToolbarPreview } from '@gem-sdk/core';
 import { useMemo, useRef, useState, useCallback, useEffect } from 'react';
-import { isShowModal, isMobile, heightStyle, removeHeightPercentForContent, inheritStyleBody } from '../helpers/common.js';
+import { isShowModal, isMobile, getPropertyByDevice } from '../helpers/common.js';
 import { useScrollPercentage } from '../hooks/use-scroll-percentage.js';
 import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';
 import { ELEMENT_Z_INDEX } from '../../common/const.js';
@@ -235,6 +234,20 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
         triggerTime
     ]);
     const w = makeWidth(width, fullScreen);
+    const heightStyle = {
+        ...fullScreen?.desktop ? makeStyle({
+            h: '100%'
+        }) : !height?.desktop ? makeStyle({
+            minh: '300px'
+        }) : 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 displayStyle = useMemo(()=>{
         return Object.keys(style ?? {}).filter((key)=>[
                 '--d',
@@ -253,29 +266,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]
@@ -377,7 +374,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                             ...displayStyle,
                             ...borderStyle,
                             ...makeStyleResponsive('w', w),
-                            ...heightStyle(fullScreen, height)
+                            ...heightStyle
                         },
                         children: [
                             /*#__PURE__*/ jsx("button", {
@@ -418,8 +415,7 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                             /*#__PURE__*/ jsx("div", {
                                 style: {
                                     ...innerStyle,
-                                    ...removeHeightPercentForContent(heightStyle(fullScreen, height)),
-                                    ...inheritStyleBody,
+                                    ...heightStyle,
                                     ...getStyleBackgroundByDevice(background, {
                                         ignoreBackgroundImage: true,
                                         ignoreBackgroundImageProperties: true,
@@ -427,7 +423,10 @@ const Dialog = ({ setting, children, builderProps, builderAttrs, style })=>{
                                     })
                                 },
                                 "aria-label": "Dialog body",
-                                className: cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen'),
+                                className: 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: isEmptyChildren(children) ? /*#__PURE__*/ jsx(ChildrenDroppable, {}) : filterToolbarPreview(children)
                             }),
                             filterToolbarPreview(children, true)

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

@@ -1,8 +1,7 @@
-import { makeWidth, template, cls, RenderIf, makeStyle, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
+import { makeWidth, makeStyle, template, cls, RenderIf, getGlobalColorResponsiveStyle, makeStyleResponsive, composeRadius, getStyleBackgroundByDevice, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
 import { isTransparentColor } from '../../helpers.js';
-import { heightStyle, removeHeightPercentForContent, inheritStyleBody } from '../helpers/common.js';
+import { getPropertyByDevice } from '../helpers/common.js';
 import 'react/jsx-runtime';
-import 'react';
 import { ELEMENT_Z_INDEX } from '../../common/const.js';
 
 const Dialog = ({ setting, children, builderProps, style, advanced })=>{
@@ -17,6 +16,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 = makeWidth(width, fullScreen);
+    const heightStyle = {
+        ...fullScreen?.desktop ? makeStyle({
+            h: '100%'
+        }) : !height?.desktop ? makeStyle({
+            minh: '300px'
+        }) : 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 displayStyle = Object.keys(style ?? {}).filter((key)=>[
             '--d',
             '--d-mobile',
@@ -30,29 +43,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]
@@ -130,7 +127,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         ...wrapperStyle,
         ...borderStyle,
         ...makeStyleResponsive('w', w),
-        ...heightStyle(fullScreen, height)
+        ...heightStyle
     }}"
           >
             <button
@@ -172,8 +169,7 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
             <div
               style="${{
         ...innerStyle,
-        ...removeHeightPercentForContent(heightStyle(fullScreen, height)),
-        ...inheritStyleBody,
+        ...heightStyle,
         ...getStyleBackgroundByDevice(background, {
             ignoreBackgroundImage: true,
             ignoreBackgroundImageProperties: true,
@@ -181,7 +177,10 @@ const Dialog = ({ setting, children, builderProps, style, advanced })=>{
         })
     }}"
               aria-label="Dialog body"
-              class="${cls('gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen')}">
+              class="${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/esm/dialog/helpers/common.js

@@ -1,5 +1,3 @@
-import { makeStyle } from '@gem-sdk/core';
-
 const isShowModal = (startDate, numberOfDay = 0)=>{
     const start = startDate ? new Date(Number(startDate)) : new Date();
     const c = Date.now() - start.getTime();
@@ -19,28 +17,5 @@ const getPropertyByDevice = (property, device)=>{
     if (device === 'mobile') return property?.mobile ?? property?.tablet ?? property?.desktop;
     return property?.desktop;
 };
-const heightStyle = (fullScreen, height)=>({
-        ...fullScreen?.desktop ? makeStyle({
-            h: '100%'
-        }) : !height?.desktop ? makeStyle({
-            minh: '300px'
-        }) : 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'
-};
 
-export { getPropertyByDevice, heightStyle, inheritStyleBody, isMobile, isShowModal, removeHeightPercentForContent };
+export { getPropertyByDevice, isMobile, isShowModal };

package/dist/esm/dialog/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Dialog = dynamic(()=>import('./components/Dialog.js'), {
     loading: Loading

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

@@ -1,7 +1,7 @@
 import config from './Dialog.js';
 
-var dialogSetting = {
+var index = {
     Dialog: config
 };
 
-export { dialogSetting as default };
+export { index as default };

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import Text from '../../text/components/Text.js';

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

@@ -9,6 +9,7 @@ import '../../product/components/ProductBadge/constants.js';
 import '../../product/components/constants/product-bundle.js';
 import '../../product/components/ProductBadge/types.js';
 import '../../third-party/components/FeraReviews.js';
+import '../../third-party/components/Wiser.js';
 import { OUT_OF_STOCK } from '../const.js';
 import TextInline from '../../text/components/TextInline.js';
 

package/dist/esm/estimate-delivery/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const EstimateDate = dynamic(()=>import('./components/EstimateDate.js'), {
     loading: Loading

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

@@ -1,7 +1,7 @@
 import config from './EstimateDate.js';
 
-var estimateDeliverySetting = {
+var index = {
     EstimateDate: config
 };
 
-export { estimateDeliverySetting as default };
+export { index as default };

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { isEmptyChildren } from '@gem-sdk/core';
 import ChildrenDroppable from '../../../grid/components/ChildrenDroppable.js';

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { composeTypographyClassName, composeTypographyStyle, makeStyleResponsive, makeStyle, getGlobalColorCSSProp, cls, getGlobalColorClass } from '@gem-sdk/core';
 import { useMemo } from 'react';

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyleResponsive, makeWidth, composeAdvanceStyle, composeTypographyClassName, composeTypographyStyle, cls, genSizeClass, composeSize } from '@gem-sdk/core';
 import { useMemo } from 'react';