@gem-sdk/core 1.63.17 → 2.0.0-dev.157

package/dist/cjs/hooks/use-current-device.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -19,7 +20,7 @@ const useCurrentDevice = ()=>{
     return react.useSyncExternalStore(subscribe, ()=>{
         if (window.innerWidth < 768) {
             return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
+        } else if (window.innerWidth >= 768 && window.innerWidth < 1025) {
             return 'tablet';
         } else {
             return 'desktop';

package/dist/cjs/hooks/use-lazy-video.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useAnimations.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var animations = require('../helpers/animations.js');

package/dist/cjs/hooks/useCartId.js

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

package/dist/cjs/hooks/useCartLine.js

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

package/dist/cjs/hooks/useCartUI.js

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

package/dist/cjs/hooks/useCollection.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var CollectionContext = require('../contexts/CollectionContext.js');

package/dist/cjs/hooks/useFetchHandle.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/useFormatMoney.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var shop = require('./shop.js');

package/dist/cjs/hooks/useInitialSwatchesOptions.js

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

package/dist/cjs/hooks/useInteraction.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var PageContext = require('../contexts/PageContext.js');

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

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

package/dist/cjs/hooks/useLoadScript.js

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

package/dist/cjs/hooks/useMoney.js

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

package/dist/cjs/hooks/usePrevious.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useProduct.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -12,6 +13,7 @@ require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
+var useShopifyLink = require('./shop/useShopifyLink.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');
@@ -43,6 +45,21 @@ const useProductBundleDiscount = ()=>{
         seUseProductCompareAtPrice
     };
 };
+const useProductShopifyEditLink = ()=>{
+    const product = ProductContext.useProductStore((s)=>s.product);
+    const productId = product?.baseID?.replace('gid://shopify/Product/', '');
+    const { linkEditProduct } = useShopifyLink.useShopifyLink({
+        productId
+    });
+    const redirectProductShopifyLink = ()=>{
+        if (!linkEditProduct) return;
+        window.open(linkEditProduct, '_blank');
+    };
+    return {
+        linkEditProduct,
+        redirectProductShopifyLink
+    };
+};
 const useQuantity = ()=>{
     const quantity = ProductContext.useProductStore((s)=>s.quantity);
     const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
@@ -237,6 +254,7 @@ exports.useProduct = useProduct;
 exports.useProductBundleDiscount = useProductBundleDiscount;
 exports.useProductOfferDiscount = useProductOfferDiscount;
 exports.useProductProperties = useProductProperties;
+exports.useProductShopifyEditLink = useProductShopifyEditLink;
 exports.useQuantity = useQuantity;
 exports.useSelectedOption = useSelectedOption;
 exports.useUniqProductID = useUniqProductID;

package/dist/cjs/hooks/useProductList.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var ProductListContext = require('../contexts/ProductListContext.js');

package/dist/cjs/hooks/useSuspenseFetch.js

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

package/dist/cjs/hooks/useSwatchesOptions.js

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

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var constant = require('../components/constant.js');

package/dist/cjs/index.js

@@ -27,6 +27,7 @@ var publishedThemePages_generated = require('./graphql/queries/published-theme-p
 var products_generated = require('./graphql/queries/products.generated.js');
 var storeProperty_generated = require('./graphql/queries/store-property.generated.js');
 var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
+var shopShopify_generated = require('./graphql/queries/shop-shopify.generated.js');
 var LibraryTemplate_generated = require('./graphql-app-api/queries/LibraryTemplate.generated.js');
 var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated.js');
 var SaleFunnelDiscounts_generated = require('./graphql-app-api/queries/SaleFunnelDiscounts.generated.js');
@@ -54,6 +55,7 @@ var fpixel = require('./helpers/tracking/fpixel.js');
 var gtag = require('./helpers/tracking/gtag.js');
 var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
 var background = require('./helpers/background.js');
+var backgroundImage = require('./helpers/backgroundImage.js');
 var colors = require('./helpers/colors.js');
 var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var convert = require('./helpers/convert.js');
@@ -98,6 +100,7 @@ var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
 var useProduct = require('./hooks/useProduct.js');
+var useShopifyLink = require('./hooks/shop/useShopifyLink.js');
 var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
 var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
@@ -160,12 +163,14 @@ exports.PublishedThemePagesDocument = publishedThemePages_generated.PublishedThe
 exports.ProductsDocument = products_generated.ProductsDocument;
 exports.StorePropertyDocument = storeProperty_generated.StorePropertyDocument;
 exports.PreviewThemePageDocument = previewPage_generated.PreviewThemePageDocument;
+exports.ShopShopifyDocument = shopShopify_generated.ShopShopifyDocument;
 exports.LibraryTemplateDocument = LibraryTemplate_generated.LibraryTemplateDocument;
 exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
 exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
 exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
 exports.ShopLibraryPageDocument = ShopLibraryPage_generated.ShopLibraryPageDocument;
 exports.composeBorderCss = borders.composeBorderCss;
+exports.composeBorderResponsive = borders.composeBorderResponsive;
 exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
 exports.getBorderStyle = borders.getBorderStyle;
 exports.handleConvertBorderColor = borders.handleConvertBorderColor;
@@ -207,6 +212,10 @@ exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
 exports.getStyleBgColor = background.getStyleBgColor;
 exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
+exports.composeBackgroundImageCss = backgroundImage.composeBackgroundImageCss;
+exports.getBgImageSourceByDevice = backgroundImage.getBgImageSourceByDevice;
+exports.getStyleBackgroundImageByDevice = backgroundImage.getStyleBackgroundImageByDevice;
+exports.getStyleBgImageSource = backgroundImage.getStyleBgImageSource;
 exports.composeTextColorCss = colors.composeTextColorCss;
 exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
 exports.getGlobalColorClass = colors.getGlobalColorClass;
@@ -236,6 +245,7 @@ exports.composePostionIconList = iconList.composePostionIconList;
 exports.isDefined = isDefined.isDefined;
 exports.composeGridLayout = layout.composeGridLayout;
 exports.convertOldLayout = layout.convertOldLayout;
+exports.getLayoutClasses = layout.getLayoutClasses;
 exports.gridToArrayRegex = layout.gridToArrayRegex;
 exports.optionLayoutStyle = layout.optionLayoutStyle;
 exports.makeAspectRatio = makeStyle.makeAspectRatio;
@@ -252,6 +262,7 @@ exports.makeStyleState = makeStyle.makeStyleState;
 exports.makeWidth = makeStyle.makeWidth;
 exports.removeNullUndefined = makeStyle.removeNullUndefined;
 exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
+exports.getAlignmentClasses = align.getAlignmentClasses;
 exports.checkInStock = variant.checkInStock;
 exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
 exports.getSelectedVariant = product.getSelectedVariant;
@@ -275,6 +286,7 @@ exports.styles = render.styles;
 exports.template = render.template;
 exports.composeShadowCss = shadow.composeShadowCss;
 exports.getResponsiveStyleShadow = shadow.getResponsiveStyleShadow;
+exports.getResponsiveStyleShadowWithoutState = shadow.getResponsiveStyleShadowWithoutState;
 exports.getStyleShadow = shadow.getStyleShadow;
 exports.getStyleShadowState = shadow.getStyleShadowState;
 exports.parseValueWithUnit = shadow.parseValueWithUnit;
@@ -285,6 +297,8 @@ exports.getAspectRatioGlobalSize = size.getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = size.getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = size.getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = size.getPaddingGlobalSize;
+exports.getPaddingStyleByDevice = size.getPaddingStyleByDevice;
+exports.getResponsiveStylePadding = size.getResponsiveStylePadding;
 exports.getValueByDevice = size.getValueByDevice;
 exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
@@ -293,6 +307,7 @@ exports.makeGlobalSizeIcon = size.makeGlobalSizeIcon;
 exports.makeStyleWithDefault = size.makeStyleWithDefault;
 exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
 exports.composeFontFamilyTypographyV2 = typography.composeFontFamilyTypographyV2;
+exports.composeTextHoverColorCss = typography.composeTextHoverColorCss;
 exports.composeTypography = typography.composeTypography;
 exports.composeTypographyAttr = typography.composeTypographyAttr;
 exports.composeTypographyClassName = typography.composeTypographyClassName;
@@ -324,6 +339,7 @@ exports.usePageType = shop.usePageType;
 exports.usePluginEnable = shop.usePluginEnable;
 exports.useStoreFront = shop.useStoreFront;
 exports.useSwatches = shop.useSwatches;
+exports.useTimezone = shop.useTimezone;
 exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
 exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
 exports.useProductQuery = useProductQuery.useProductQuery;
@@ -357,12 +373,14 @@ exports.useProduct = useProduct.useProduct;
 exports.useProductBundleDiscount = useProduct.useProductBundleDiscount;
 exports.useProductOfferDiscount = useProduct.useProductOfferDiscount;
 exports.useProductProperties = useProduct.useProductProperties;
+exports.useProductShopifyEditLink = useProduct.useProductShopifyEditLink;
 exports.useQuantity = useProduct.useQuantity;
 exports.useSelectedOption = useProduct.useSelectedOption;
 exports.useUniqProductID = useProduct.useUniqProductID;
 exports.useVariant = useProduct.useVariant;
 exports.useVariantOutStock = useProduct.useVariantOutStock;
 exports.useVariants = useProduct.useVariants;
+exports.useShopifyLink = useShopifyLink.useShopifyLink;
 exports.useProductList = useProductList.useProductList;
 exports.useProductListProducts = useProductList.useProductListProducts;
 exports.useProductListSettings = useProductList.useProductListSettings;

package/dist/esm/components/AddOn.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useAddon } from '../contexts/AddonContext.js';
 import { usePluginEnable } from '../hooks/shop.js';

package/dist/esm/components/ComponentAnimation.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { memo } from 'react';
 import useApplyAnimation from '../hooks/animation/useApplyAnimation.js';

package/dist/esm/components/ComponentToolbarPreview.js

@@ -1,8 +1,16 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { memo, useState, useMemo, useCallback, useEffect } from 'react';
 import 'zustand';
 import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import { usePageStore } from '../contexts/PageContext.js';
+import { useShopStore } from '../contexts/ShopContext.js';
+import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
 import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
 import Tooltip from './toolbar/Tooltip.js';
 import { ThemeSectionStatusWrapper } from './theme-section/ThemeSectionStatus.js';
@@ -12,14 +20,7 @@ import { ableGenerateContentElements } from './constant.js';
 import { AIContentGenerator } from './ai-generator/AIContentGenerator.js';
 import { AIGenContentLoading } from './ai-generator/AIGenContentLoading.js';
 import { InteractionSuffix } from './InteractionSuffix.js';
-import 'swr';
 import '../helpers/convert.js';
-import { useShopStore } from '../contexts/ShopContext.js';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'swr/infinite';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/esm/components/ComponentWrapper.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';

package/dist/esm/components/ComponentWrapperPreview.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { memo, useEffect, isValidElement } from 'react';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
@@ -6,15 +7,15 @@ import { disableWrap, excludeApplyStyle } from './constant.js';
 import RenderCustomCode from './RenderCustomCode.js';
 import ComponentToolbarPreview from './ComponentToolbarPreview.js';
 import 'zustand';
-import { cls } from '../helpers/cls.js';
 import 'swr';
-import '../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import { usePageType } from '../hooks/shop.js';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import { cls } from '../helpers/cls.js';
+import '../helpers/convert.js';
 import ComponentAnimation from './ComponentAnimation.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/esm/components/Empty.js

@@ -1,3 +1,4 @@
+'use client';
 const Empty = ()=>null;
 
 export { Empty as default };

package/dist/esm/components/InteractionSuffix.js

@@ -1,19 +1,20 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'zustand';
 import 'react';
 import { usePageStore } from '../contexts/PageContext.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
 import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
 import 'classnames';
 import 'dayjs';
 import { useInteraction } from '../helpers/interaction/index.js';
 import '../helpers/convert.js';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = useInteraction();

package/dist/esm/components/Render.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';

package/dist/esm/components/Render.liquid.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyleResponsive } from '../helpers/make-style.js';
 import 'react';
 import 'react/jsx-runtime';
@@ -29,7 +30,8 @@ const componentIconList = [
     'IconList'
 ];
 const componentUsingAdvanced = [
-    'IconList'
+    'IconList',
+    'ProductVariants'
 ];
 const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
     const item = builder[uid];
@@ -172,6 +174,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     styles: item.styles,
                     setting: item.settings,
                     advanced: {
+                        ...componentUsingAdvanced.includes(item.tag) ? item?.advanced : {},
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,

package/dist/esm/components/RenderBlock.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';

package/dist/esm/components/RenderCustomCode.js

@@ -1,20 +1,21 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Head from 'next/head';
 import Script from 'next/script';
 import { useMemo } from 'react';
 import 'zustand';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import 'swr';
-import 'swr/infinite';
-import { useEditorMode } from '../hooks/shop.js';
-import 'classnames';
-import 'dayjs';
-import '../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
+import { useEditorMode } from '../hooks/shop.js';
+import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'classnames';
+import 'dayjs';
+import '../helpers/convert.js';
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = useEditorMode();

package/dist/esm/components/RenderPreview.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';

package/dist/esm/components/RenderSection.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { BuilderProvider } from '../contexts/BuilderContext.js';

package/dist/esm/components/ai-generator/AIContentGenerator.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { AIIcon } from './icons/AIIcon.js';
@@ -13,17 +14,17 @@ import { useGettingGenerateRequest } from './hooks/useGettingGenerateRequest.js'
 import { useFlipPopup } from './hooks/useFlipPopup.js';
 import { useCheckingProductInside } from './hooks/useCheckingProductInside.js';
 import 'zustand';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import { useShopStore } from '../../contexts/ShopContext.js';
-import dayjs from 'dayjs';
 import 'swr';
-import '../../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import dayjs from 'dayjs';
+import '../../helpers/convert.js';
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = useState(false);

package/dist/esm/components/ai-generator/AIGenContentLoading.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { AIIcon } from './icons/AIIcon.js';

package/dist/esm/components/ai-generator/components/PickProduct.js

@@ -1,19 +1,20 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { SearchIcon } from '../icons/SearchIcon.js';
 import { useListProductQuery } from '../../../hooks/shop/use-products-query.js';
 import classNames from 'classnames';
 import 'zustand';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import 'swr';
-import 'dayjs';
-import '../../../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import { useProductQuery } from '../../../hooks/shop/use-product-query.js';
 import 'vanilla-lazyload';
 import '../../../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'dayjs';
+import '../../../helpers/convert.js';
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/esm/components/ai-generator/components/ToneAndVoice.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { DropdownIcon, TickIcon } from '../icons/DropdownIcon.js';

package/dist/esm/components/ai-generator/icons/AIIcon.js

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

package/dist/esm/components/ai-generator/icons/CloseIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CloseIcon = ()=>{

package/dist/esm/components/ai-generator/icons/DropdownIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const DropdownIcon = ()=>{

package/dist/esm/components/ai-generator/icons/SearchIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const SearchIcon = ()=>{

package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const ShowMoreIcon = ()=>{

package/dist/esm/components/ai-generator/icons/UpgradeIcon.js

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

package/dist/esm/components/ai-generator/icons/WarningIcon.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import Spacing from './Spacing.js';
 

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

@@ -1,19 +1,20 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import 'zustand';
 import { useBuilderPreviewStore } from '../../contexts/BuilderPreviewContext.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
 import 'swr';
-import 'swr/infinite';
-import { usePageType } from '../../hooks/shop.js';
-import 'classnames';
-import 'dayjs';
-import '../../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
+import { usePageType } from '../../hooks/shop.js';
+import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
+import 'classnames';
+import 'dayjs';
+import '../../helpers/convert.js';
 
 function Spacing(props) {
     const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -1,17 +1,18 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
 import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
 import 'zustand';
 import { useShopStore } from '../../contexts/ShopContext.js';
 import 'swr';
-import 'swr/infinite';
-import 'classnames';
-import 'dayjs';
-import '../../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
+import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import 'classnames';
+import 'dayjs';
+import '../../helpers/convert.js';
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

package/dist/esm/components/theme-section/ThemeSectionStatus.js

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