@gem-sdk/core 1.23.0-staging.321 → 1.23.0-staging.324

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -13,9 +13,9 @@ require('../hooks/useCartUI.js');
 var CreateThemeSection = require('./theme-section/CreateThemeSection.js');
 var Tooltip = require('./toolbar/Tooltip.js');
 var ThemeSectionStatus = require('./theme-section/ThemeSectionStatus.js');
-var Resize = require('./resize/Resize.js');
 require('../helpers/convert.js');
 
+// import Resize from './resize/Resize';
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{
     const overflow = getComputedStyle(el).overflow;
@@ -462,9 +462,6 @@ const ComponentToolbarPreview = ({ ...props })=>{
                         })
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(Resize.default, {
-                ...props
             })
         ]
     });

package/dist/cjs/helpers/covert-entities-html.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const convertHTML = (str)=>{
+    const symbols = {
+        '&': '&',
+        '&lt;': '<',
+        '&gt;': '>',
+        '&nbsp;': '  '
+    };
+    let newStr = str;
+    for(const symbol in symbols){
+        if (str.indexOf(symbol) >= 0) {
+            newStr = newStr.replaceAll(symbol, symbols[symbol]);
+        }
+    }
+    return newStr;
+};
+
+exports.convertHTML = convertHTML;

package/dist/cjs/index.js

@@ -60,6 +60,7 @@ var background = require('./helpers/background.js');
 var query = require('./helpers/query.js');
 var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var iconList = require('./helpers/icon-list.js');
+var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
 var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
 var useCartData = require('./hooks/cart/use-cart-data.js');
 var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -262,6 +263,7 @@ exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
 exports.splitStyle = composeAdvanceStyle.splitStyle;
 exports.composePositionLineHeight = iconList.composePositionLineHeight;
 exports.composePostionIconList = iconList.composePostionIconList;
+exports.convertHTML = covertEntitiesHtml.convertHTML;
 exports.useAddToCart = useAddToCart.useAddToCart;
 exports.useCartData = useCartData.useCartData;
 exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -11,9 +11,9 @@ import '../hooks/useCartUI.js';
 import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
 import Tooltip from './toolbar/Tooltip.js';
 import { ThemeSectionStatus } from './theme-section/ThemeSectionStatus.js';
-import Resize from './resize/Resize.js';
 import '../helpers/convert.js';
 
+// import Resize from './resize/Resize';
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{
     const overflow = getComputedStyle(el).overflow;
@@ -460,9 +460,6 @@ const ComponentToolbarPreview = ({ ...props })=>{
                         })
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsx(Resize, {
-                ...props
             })
         ]
     });

package/dist/esm/helpers/covert-entities-html.js

@@ -0,0 +1,17 @@
+const convertHTML = (str)=>{
+    const symbols = {
+        '&': '&',
+        '&lt;': '<',
+        '&gt;': '>',
+        '&nbsp;': '  '
+    };
+    let newStr = str;
+    for(const symbol in symbols){
+        if (str.indexOf(symbol) >= 0) {
+            newStr = newStr.replaceAll(symbol, symbols[symbol]);
+        }
+    }
+    return newStr;
+};
+
+export { convertHTML };

package/dist/esm/index.js

@@ -61,6 +61,7 @@ export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradient
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
+export { convertHTML } from './helpers/covert-entities-html.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';

package/dist/types/index.d.ts

@@ -15980,6 +15980,8 @@ declare const composePositionLineHeight: ({ compose, lineHeight, device, positio
     iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
 }) => void;
 
+declare const convertHTML: (str: string) => string;
+
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$5 = Parameters<Func$6>[0];
@@ -16217,4 +16219,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.321",
+  "version": "1.23.0-staging.324",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",

package/dist/cjs/components/resize/Resize.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Spacing = require('./Spacing.js');
-
-function Resize(props) {
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(Spacing.default, {
-            ...props
-        })
-    });
-}
-
-exports.default = Resize;

package/dist/cjs/components/resize/Spacing.js

@@ -1,195 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('zustand');
-var BuilderPreviewContext = require('../../contexts/BuilderPreviewContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('../../helpers/convert.js');
-
-function Spacing(props) {
-    const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
-    const $bottomDrag = react.useRef(null);
-    const $bottomBg = react.useRef(null);
-    const delayMouseMove = react.useRef(null);
-    const isDragging = react.useRef(false);
-    const startY = react.useRef(0);
-    const marginBottom = react.useRef(0);
-    const getNewValueMargin = (event)=>{
-        const top = event.clientY;
-        const diffY = Math.ceil(top - startY.current);
-        const currentValue = marginBottom.current || 0;
-        const newValue = currentValue + diffY >= 0 ? `${currentValue + diffY}px` : `0px`;
-        return {
-            newValue
-        };
-    };
-    const onMouseMoveDocument = (event)=>{
-        if ($bottomDrag.current && $bottomBg.current) {
-            // $bottomDrag.current.
-            const { newValue } = getNewValueMargin(event);
-            $bottomBg.current.style.height = newValue;
-            $bottomDrag.current.style.top = newValue;
-            const $component = $bottomDrag.current.closest('[data-toolbar-wrap]');
-            if ($component) {
-                $component.style.marginBottom = newValue;
-            }
-        }
-    };
-    const onMouseUpDocument = ()=>{
-        endDrag();
-    };
-    const startDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        delayMouseMove.current = setTimeout(()=>{
-            isDragging.current = true;
-            const event = new CustomEvent('editor:toolbar:resize-spacing', {
-                bubbles: true,
-                detail: {
-                    value: true
-                }
-            });
-            window.dispatchEvent(event);
-            document.addEventListener('mousemove', onMouseMoveDocument);
-            document.addEventListener('mouseup', onMouseUpDocument);
-        }, 100);
-    };
-    const endDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        isDragging.current = false;
-        const event = new CustomEvent('editor:toolbar:resize-spacing', {
-            bubbles: true,
-            detail: {
-                value: false
-            }
-        });
-        window.dispatchEvent(event);
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            const marginBottom = style.top;
-            const event = new CustomEvent('editor:toolbar:change-margin-bottom', {
-                bubbles: true,
-                detail: {
-                    componentUid: props.uid,
-                    marginBottom
-                }
-            });
-            window.dispatchEvent(event);
-        }
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if ($component) {
-            $component.style.marginBottom = '';
-        }
-        document.removeEventListener('mousemove', onMouseMoveDocument);
-        document.removeEventListener('mouseup', onMouseUpDocument);
-    };
-    const onMouseDown = (event)=>{
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            startY.current = event.clientY;
-            marginBottom.current = parseFloat(style.top);
-            startDrag();
-        }
-    };
-    const onMouseUp = ()=>{
-        endDrag();
-    };
-    const getChildrenByAttrSelector = ($el, attrSelector)=>{
-        const childLen = $el.children.length;
-        if (childLen) {
-            for(let i = 0; i < childLen; i++){
-                const children = $el.children[i];
-                if (children) {
-                    const is = children.getAttribute(attrSelector);
-                    if (is) {
-                        return children;
-                    }
-                }
-            }
-        }
-    };
-    const isLayoutElement = (el)=>{
-        const tag = el.getAttribute('data-component-tag');
-        return tag === 'Row' || tag === 'Product';
-    };
-    const updateSpacing = react.useCallback(()=>{
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if (!$component) return;
-        const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
-        if (!toolbar) return;
-        const isActive = toolbar.getAttribute('data-toolbar-active');
-        if (!isActive) return;
-        const style = getComputedStyle($component);
-        const $spacing = getChildrenByAttrSelector($component, 'data-spacing');
-        const $marginBottom = ($spacing?.querySelector('[data-spacing-margin-bottom]')) || null;
-        if ($marginBottom) {
-            if ($bottomBg.current && $bottomDrag.current) {
-                let value = style.marginBottom;
-                if (parseFloat(value) < 0) {
-                    value = '0';
-                }
-                $bottomBg.current.style.height = value;
-                $bottomDrag.current.style.top = value;
-                $marginBottom.setAttribute('data-spacing-margin-bottom-active', 'true');
-                if (isLayoutElement($component)) {
-                    $bottomBg.current.style.left = '0';
-                } else {
-                    const paddingLeft = style.paddingLeft;
-                    const leftValue = `-${paddingLeft}`;
-                    const translateCss = `translate(${leftValue}, -100%)`;
-                    $bottomBg.current.style.left = leftValue;
-                    $bottomDrag.current.style.transform = translateCss;
-                }
-            }
-        }
-    }, []);
-    react.useEffect(()=>{
-        updateSpacing();
-    });
-    react.useEffect(()=>{
-        window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-        window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
-        return ()=>{
-            window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-            window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
-        };
-    }, [
-        updateSpacing
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: props.tag !== 'Section' && /*#__PURE__*/ jsxRuntime.jsx("div", {
-            "data-spacing": true,
-            "data-spacing-theme-section": isThemeSectionEditor,
-            className: "absolute w-full bottom-0",
-            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                "data-spacing-margin-bottom": true,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        "data-spacing-margin-bottom-bg": true,
-                        ref: $bottomBg,
-                        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                            "data-spacing-margin-bottom-value": true
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        ref: $bottomDrag,
-                        "data-spacing-margin-bottom-drag": true,
-                        onMouseDown: onMouseDown,
-                        onMouseUp: onMouseUp,
-                        role: "presentation"
-                    })
-                ]
-            })
-        })
-    });
-}
-
-exports.default = Spacing;

package/dist/esm/components/resize/Resize.js

@@ -1,12 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import Spacing from './Spacing.js';
-
-function Resize(props) {
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx(Spacing, {
-            ...props
-        })
-    });
-}
-
-export { Resize as default };

package/dist/esm/components/resize/Spacing.js

@@ -1,191 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useRef, useCallback, useEffect } from 'react';
-import 'zustand';
-import { useBuilderPreviewStore } from '../../contexts/BuilderPreviewContext.js';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../../hooks/useCartUI.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
-import '../../helpers/convert.js';
-
-function Spacing(props) {
-    const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
-    const $bottomDrag = useRef(null);
-    const $bottomBg = useRef(null);
-    const delayMouseMove = useRef(null);
-    const isDragging = useRef(false);
-    const startY = useRef(0);
-    const marginBottom = useRef(0);
-    const getNewValueMargin = (event)=>{
-        const top = event.clientY;
-        const diffY = Math.ceil(top - startY.current);
-        const currentValue = marginBottom.current || 0;
-        const newValue = currentValue + diffY >= 0 ? `${currentValue + diffY}px` : `0px`;
-        return {
-            newValue
-        };
-    };
-    const onMouseMoveDocument = (event)=>{
-        if ($bottomDrag.current && $bottomBg.current) {
-            // $bottomDrag.current.
-            const { newValue } = getNewValueMargin(event);
-            $bottomBg.current.style.height = newValue;
-            $bottomDrag.current.style.top = newValue;
-            const $component = $bottomDrag.current.closest('[data-toolbar-wrap]');
-            if ($component) {
-                $component.style.marginBottom = newValue;
-            }
-        }
-    };
-    const onMouseUpDocument = ()=>{
-        endDrag();
-    };
-    const startDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        delayMouseMove.current = setTimeout(()=>{
-            isDragging.current = true;
-            const event = new CustomEvent('editor:toolbar:resize-spacing', {
-                bubbles: true,
-                detail: {
-                    value: true
-                }
-            });
-            window.dispatchEvent(event);
-            document.addEventListener('mousemove', onMouseMoveDocument);
-            document.addEventListener('mouseup', onMouseUpDocument);
-        }, 100);
-    };
-    const endDrag = ()=>{
-        if (delayMouseMove.current) clearTimeout(delayMouseMove.current);
-        isDragging.current = false;
-        const event = new CustomEvent('editor:toolbar:resize-spacing', {
-            bubbles: true,
-            detail: {
-                value: false
-            }
-        });
-        window.dispatchEvent(event);
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            const marginBottom = style.top;
-            const event = new CustomEvent('editor:toolbar:change-margin-bottom', {
-                bubbles: true,
-                detail: {
-                    componentUid: props.uid,
-                    marginBottom
-                }
-            });
-            window.dispatchEvent(event);
-        }
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if ($component) {
-            $component.style.marginBottom = '';
-        }
-        document.removeEventListener('mousemove', onMouseMoveDocument);
-        document.removeEventListener('mouseup', onMouseUpDocument);
-    };
-    const onMouseDown = (event)=>{
-        if ($bottomDrag.current) {
-            const style = getComputedStyle($bottomDrag.current);
-            startY.current = event.clientY;
-            marginBottom.current = parseFloat(style.top);
-            startDrag();
-        }
-    };
-    const onMouseUp = ()=>{
-        endDrag();
-    };
-    const getChildrenByAttrSelector = ($el, attrSelector)=>{
-        const childLen = $el.children.length;
-        if (childLen) {
-            for(let i = 0; i < childLen; i++){
-                const children = $el.children[i];
-                if (children) {
-                    const is = children.getAttribute(attrSelector);
-                    if (is) {
-                        return children;
-                    }
-                }
-            }
-        }
-    };
-    const isLayoutElement = (el)=>{
-        const tag = el.getAttribute('data-component-tag');
-        return tag === 'Row' || tag === 'Product';
-    };
-    const updateSpacing = useCallback(()=>{
-        const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
-        if (!$component) return;
-        const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
-        if (!toolbar) return;
-        const isActive = toolbar.getAttribute('data-toolbar-active');
-        if (!isActive) return;
-        const style = getComputedStyle($component);
-        const $spacing = getChildrenByAttrSelector($component, 'data-spacing');
-        const $marginBottom = ($spacing?.querySelector('[data-spacing-margin-bottom]')) || null;
-        if ($marginBottom) {
-            if ($bottomBg.current && $bottomDrag.current) {
-                let value = style.marginBottom;
-                if (parseFloat(value) < 0) {
-                    value = '0';
-                }
-                $bottomBg.current.style.height = value;
-                $bottomDrag.current.style.top = value;
-                $marginBottom.setAttribute('data-spacing-margin-bottom-active', 'true');
-                if (isLayoutElement($component)) {
-                    $bottomBg.current.style.left = '0';
-                } else {
-                    const paddingLeft = style.paddingLeft;
-                    const leftValue = `-${paddingLeft}`;
-                    const translateCss = `translate(${leftValue}, -100%)`;
-                    $bottomBg.current.style.left = leftValue;
-                    $bottomDrag.current.style.transform = translateCss;
-                }
-            }
-        }
-    }, []);
-    useEffect(()=>{
-        updateSpacing();
-    });
-    useEffect(()=>{
-        window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-        window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
-        return ()=>{
-            window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-            window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
-        };
-    }, [
-        updateSpacing
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: props.tag !== 'Section' && /*#__PURE__*/ jsx("div", {
-            "data-spacing": true,
-            "data-spacing-theme-section": isThemeSectionEditor,
-            className: "absolute w-full bottom-0",
-            children: /*#__PURE__*/ jsxs("div", {
-                "data-spacing-margin-bottom": true,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        "data-spacing-margin-bottom-bg": true,
-                        ref: $bottomBg,
-                        children: /*#__PURE__*/ jsx("div", {
-                            "data-spacing-margin-bottom-value": true
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        ref: $bottomDrag,
-                        "data-spacing-margin-bottom-drag": true,
-                        onMouseDown: onMouseDown,
-                        onMouseUp: onMouseUp,
-                        role: "presentation"
-                    })
-                ]
-            })
-        })
-    });
-}
-
-export { Spacing as default };