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

package/dist/cjs/components/AddOn.js

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

package/dist/cjs/components/ComponentAnimation.js

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

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,6 +8,13 @@ var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var PageContext = require('../contexts/PageContext.js');
+var ShopContext = require('../contexts/ShopContext.js');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 var CreateThemeSection = require('./theme-section/CreateThemeSection.js');
 var Tooltip = require('./toolbar/Tooltip.js');
 var ThemeSectionStatus = require('./theme-section/ThemeSectionStatus.js');
@@ -16,14 +24,7 @@ var constant = require('./constant.js');
 var AIContentGenerator = require('./ai-generator/AIContentGenerator.js');
 var AIGenContentLoading = require('./ai-generator/AIGenContentLoading.js');
 var InteractionSuffix = require('./InteractionSuffix.js');
-require('swr');
 require('../helpers/convert.js');
-var ShopContext = require('../contexts/ShopContext.js');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/cjs/components/ComponentWrapper.js

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

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,15 +11,15 @@ var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
 require('zustand');
-var cls = require('../helpers/cls.js');
 require('swr');
-require('../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var shop = require('../hooks/shop.js');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+var cls = require('../helpers/cls.js');
+require('../helpers/convert.js');
 var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/cjs/components/Empty.js

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

package/dist/cjs/components/InteractionSuffix.js

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

package/dist/cjs/components/Render.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -33,7 +34,8 @@ const componentIconList = [
     'IconList'
 ];
 const componentUsingAdvanced = [
-    'IconList'
+    'IconList',
+    'ProductVariants'
 ];
 const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
     const item = builder[uid];
@@ -176,6 +178,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/cjs/components/RenderBlock.js

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

package/dist/cjs/components/RenderCustomCode.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,18 +8,18 @@ var Head = require('next/head');
 var Script = require('next/script');
 var react = require('react');
 require('zustand');
-require('react-transition-group');
-require('@gem-sdk/core');
 require('swr');
-require('swr/infinite');
-var shop = require('../hooks/shop.js');
-require('classnames');
-require('dayjs');
-require('../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+var shop = require('../hooks/shop.js');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+require('../helpers/convert.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();

package/dist/cjs/components/RenderPreview.js

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

package/dist/cjs/components/RenderSection.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,17 +16,17 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
-require('react-transition-group');
-require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
-var dayjs = require('dayjs');
 require('swr');
-require('../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+var dayjs = require('dayjs');
+require('../../helpers/convert.js');
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = react.useState(false);

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

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -6,16 +7,16 @@ var SearchIcon = require('../icons/SearchIcon.js');
 var useProductsQuery = require('../../../hooks/shop/use-products-query.js');
 var classNames = require('classnames');
 require('zustand');
-require('react-transition-group');
-require('@gem-sdk/core');
 require('swr');
-require('dayjs');
-require('../../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var useProductQuery = require('../../../hooks/shop/use-product-query.js');
 require('vanilla-lazyload');
 require('../../../hooks/useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('dayjs');
+require('../../../helpers/convert.js');
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,18 +7,18 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../../contexts/BuilderPreviewContext.js');
-require('react-transition-group');
-require('@gem-sdk/core');
 require('swr');
-require('swr/infinite');
-var shop = require('../../hooks/shop.js');
-require('classnames');
-require('dayjs');
-require('../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+var shop = require('../../hooks/shop.js');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+require('../../helpers/convert.js');
 
 function Spacing(props) {
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -6,14 +7,14 @@ var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
 require('zustand');
 var ShopContext = require('../../contexts/ShopContext.js');
 require('swr');
-require('swr/infinite');
-require('classnames');
-require('dayjs');
-require('../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('classnames');
+require('dayjs');
+require('../../helpers/convert.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

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

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

package/dist/cjs/components/theme-section/ThemeSectionTooltip.js

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

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

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

package/dist/cjs/contexts/AddonContext.js

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

package/dist/cjs/contexts/ArticleContext.js

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

package/dist/cjs/contexts/ArticleListContext.js

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

package/dist/cjs/contexts/BuilderComponent.js

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

package/dist/cjs/contexts/BuilderContext.js

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

package/dist/cjs/contexts/BuilderPreviewContext.js

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

package/dist/cjs/contexts/CartLineContext.js

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

package/dist/cjs/contexts/CollectionContext.js

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

package/dist/cjs/contexts/ModalContext.js

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

package/dist/cjs/contexts/PageContext.js

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

package/dist/cjs/contexts/ProductContext.js

@@ -1,21 +1,11 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var zustand = require('zustand');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
-var variant = require('../helpers/variant.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('classnames');
-require('dayjs');
 var flattenConnection = require('../helpers/flatten-connection.js');
-require('../helpers/convert.js');
+var variant = require('../helpers/variant.js');
 
 // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
 const ProductContext = /*#__PURE__*/ react.createContext(null);
@@ -41,6 +31,16 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                     useProductCompareAtPrice: value
                 });
             },
+            setShouldRequireUploadMessage: (value)=>{
+                set({
+                    shouldRequireUploadMessage: value
+                });
+            },
+            setRequireUpload: (value)=>{
+                set({
+                    requireUpload: value
+                });
+            },
             addProperty: (data)=>{
                 const properties = get().properties;
                 if (!properties?.some((v)=>v.key === data.key)) {

package/dist/cjs/contexts/ProductListContext.js

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

package/dist/cjs/contexts/SectionContext.js

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

package/dist/cjs/contexts/ShopContext.js

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

package/dist/cjs/graphql/fragments/preview-theme-page.generated.js

@@ -29,10 +29,6 @@
   customFonts {
     ...CustomFontSelect
   }
-  interaction {
-    id
-    value
-  }
 }
     `;
 

package/dist/cjs/graphql/fragments/published-theme-page.generated.js

@@ -32,6 +32,10 @@
     id
     value
   }
+  metafields {
+    key
+    value
+  }
 }
     `;
 

package/dist/cjs/graphql/queries/articles.generated.js

@@ -27,6 +27,7 @@ const ArticlesDocument = `
         }
         isSample
         platformCreatedAt
+        platformUpdatedAt
         author
         content {
           excerptHtml

package/dist/cjs/graphql/queries/blogs.generated.js

@@ -34,6 +34,7 @@ const BlogsDocument = `
               }
               isSample
               platformCreatedAt
+              platformUpdatedAt
               author
               content {
                 excerptHtml

package/dist/cjs/graphql/queries/shop-shopify.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const ShopShopifyDocument = `
+    query shopShopify {
+  shopShopify {
+    timezone
+  }
+}
+    `;
+
+exports.ShopShopifyDocument = ShopShopifyDocument;

package/dist/cjs/helpers/align.js

@@ -15,5 +15,23 @@ const convertTextAlignToJustify = (align)=>{
     });
     return result;
 };
+const getAlignmentClasses = (align)=>{
+    const breakpoints = [
+        'desktop',
+        'tablet',
+        'mobile'
+    ];
+    return breakpoints.reduce((classes, bp)=>{
+        const prefix = bp === 'desktop' ? '' : `${bp}:`;
+        const alignment = align?.[bp];
+        if (alignment) {
+            classes[`${prefix}gp-justify-start`] = alignment === 'left';
+            classes[`${prefix}gp-justify-center`] = alignment === 'center';
+            classes[`${prefix}gp-justify-end`] = alignment === 'right';
+        }
+        return classes;
+    }, {});
+};
 
 exports.convertTextAlignToJustify = convertTextAlignToJustify;
+exports.getAlignmentClasses = getAlignmentClasses;

package/dist/cjs/helpers/background.js

@@ -73,9 +73,12 @@ const getBgImageByDevice = (background, device, options)=>{
             imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
         }
     }
-    if (typeof imageByDevice === 'string') {
+    if (typeof imageByDevice === 'string' && imageByDevice) {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -216,9 +219,10 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
         'mobile'
     ].forEach((device)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+            const bgImage = `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`;
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : bgImage
             });
         }
     });