@gem-sdk/core 1.58.0-dev.13 → 1.58.0-dev.133

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 });
@@ -6,10 +7,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
-var ShopContext = require('../contexts/ShopContext.js');
 var PageContext = require('../contexts/PageContext.js');
-require('@gem-sdk/adapter-shopify');
+var ShopContext = require('../contexts/ShopContext.js');
 require('swr');
+require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
@@ -36,7 +37,7 @@ const isSection = (el)=>{
 };
 const ComponentToolbarPreview = (props)=>{
     const isThemeSection = props.isThemeSection;
-    const isShopifySection = props.isShopifySection;
+    const isShopifySection = !!props.isShopifySection;
     const storefrontUrl = ShopContext.useShopStore((s)=>s.storefrontUrl);
     const editingPageType = ShopContext.useShopStore((s)=>s.pageType);
     const getParents = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getParents);
@@ -47,7 +48,7 @@ const ComponentToolbarPreview = (props)=>{
     const [isShowParentRevert, setIsShowParentRevert] = react.useState(false);
     const [parents, setParents] = react.useState([]);
     const [deleteTooltipPosition, setDeleteTooltipPosition] = react.useState('top');
-    const [isDisableDelete, setIsUnableDelete] = react.useState(false);
+    const [isDisableDeleteInSaleFunelPage, setIsDisableDeleteInSaleFunelPage] = react.useState(false);
     const [isActiveToolbarComponent, setIsActiveToolbarComponent] = react.useState(false);
     const [productId, setProductId] = react.useState('');
     const [articleUid, setArticleUid] = react.useState('');
@@ -55,7 +56,7 @@ const ComponentToolbarPreview = (props)=>{
         width: '',
         text: ''
     });
-    const [isDisableDuplicate, setIsDisableDuplicate] = react.useState(false);
+    const [isDisableDuplicateInSaleFunnelPage, setIsDisableDuplicateInSaleFunnelPage] = react.useState(false);
     const interactionData = PageContext.usePageStore((s)=>s.interactionData);
     const isSaleFunnelPage = react.useMemo(()=>editingPageType === 'POST_PURCHASE', [
         editingPageType
@@ -99,6 +100,9 @@ const ComponentToolbarPreview = (props)=>{
             return;
         }
     };
+    const getSectionNumber = ()=>{
+        return root?.childrens?.length || 0;
+    };
     const getDeleteTooltipPosition = react.useCallback(()=>{
         if (props.tag == 'Section') return 'bottom';
         const $toolbar = document.body.querySelector('#storefront')?.querySelector('[data-toolbar-active="true"]');
@@ -163,6 +167,20 @@ const ComponentToolbarPreview = (props)=>{
         isShowIconInteractionTarget,
         isShowIconInteractionTrigger
     ]);
+    const isDisableDelete = react.useMemo(()=>{
+        return isDisableDeleteInSaleFunelPage || isShopifySection;
+    }, [
+        isDisableDeleteInSaleFunelPage,
+        isShopifySection
+    ]);
+    const isDisableDuplicate = react.useMemo(()=>{
+        return isDisableDuplicateInSaleFunnelPage || isShopifySection || getSectionNumber() > SECTION_LIMIT && props.tag === 'Section';
+    }, [
+        getSectionNumber,
+        isDisableDuplicateInSaleFunnelPage,
+        isShopifySection,
+        props.tag
+    ]);
     // Get parents
     const onActiveComponent = react.useCallback((e)=>{
         const detail = e.detail;
@@ -176,9 +194,9 @@ const ComponentToolbarPreview = (props)=>{
             setIsActiveToolbarComponent(true);
             getDeleteTooltipPosition();
             if (isSaleFunnelPage) {
-                setIsUnableDelete(checkDisableDelete());
+                setIsDisableDeleteInSaleFunelPage(checkDisableDelete());
                 setTooltipText(getTooltipText());
-                setIsDisableDuplicate(checkDisableDuplicate());
+                setIsDisableDuplicateInSaleFunnelPage(checkDisableDuplicate());
             }
             const currentParents = getParents(props.uid).filter((parent)=>{
                 if (parent.uid === 'ROOT') return false;
@@ -218,9 +236,6 @@ const ComponentToolbarPreview = (props)=>{
     if (props.editorConfigs?.toolbar?.hide) {
         return null;
     }
-    const getSectionNumber = ()=>{
-        return root?.childrens?.length || 0;
-    };
     const getIndexSection = ()=>{
         if (props.tag !== 'Section') {
             return -1;
@@ -288,9 +303,6 @@ const ComponentToolbarPreview = (props)=>{
     const onDuplicate = (e)=>{
         e.preventDefault();
         e.stopPropagation();
-        if (getSectionNumber() >= SECTION_LIMIT && props.tag == 'Section') {
-            return false;
-        }
         const event = new CustomEvent('editor:toolbar:duplicate-component', {
             bubbles: true,
             detail: {
@@ -448,7 +460,7 @@ const ComponentToolbarPreview = (props)=>{
                                 "data-toolbar-name": true,
                                 children: [
                                     getSectionName(),
-                                    isActiveToolbarComponent && props.isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+                                    isActiveToolbarComponent && isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
                                         "data-toolbar-visibility": true,
                                         width: "20",
                                         height: "20",
@@ -621,11 +633,12 @@ const ComponentToolbarPreview = (props)=>{
                                 })
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
-                                enable: props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT,
-                                text: "Page has reached Shopify’s 25 section-limit",
+                                enable: props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT || isShopifySection,
+                                text: isShopifySection ? 'Disabled. Please edit in Shopify Editor' : 'Page has reached Shopify’s 25 section-limit',
                                 position: "bottom",
+                                width: "200px",
                                 "data-toolbar-duplicate": true,
-                                "data-toolbar-disable": props.tag == 'Section' && getSectionNumber() >= SECTION_LIMIT || isDisableDuplicate,
+                                "data-toolbar-disable": isDisableDuplicate,
                                 onClick: isDisableDuplicate ? undefined : (e)=>onDuplicate(e),
                                 "aria-hidden": "true",
                                 className: isDisableDuplicate ? '!gp-cursor-not-allowed' : '',
@@ -647,10 +660,11 @@ const ComponentToolbarPreview = (props)=>{
                                 onClick: (e)=>isDisableDelete ? null : onDelete(e),
                                 enable: isDisableDelete,
                                 "data-toolbar-disable": isDisableDelete,
+                                text: isShopifySection ? 'Disabled. Please edit in Shopify Editor' : tooltipText.text,
                                 width: tooltipText.width,
-                                text: tooltipText.text,
-                                position: deleteTooltipPosition,
+                                position: isShopifySection ? 'bottom' : deleteTooltipPosition,
                                 "aria-hidden": "true",
+                                className: isDisableDelete ? '!gp-cursor-not-allowed' : '',
                                 children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
                                     width: "16",
                                     height: "16",

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 });

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,10 +1,11 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 require('zustand');
 require('react');
-require('swr');
 var PageContext = require('../contexts/PageContext.js');
+require('swr');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');

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 });
@@ -35,7 +36,7 @@ const componentIconList = [
 const componentUsingAdvanced = [
     'IconList'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, additionalSettings, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -74,6 +75,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -85,7 +87,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -97,7 +100,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -113,6 +117,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -134,6 +139,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -145,7 +151,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -157,7 +164,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -172,6 +180,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
+                    ...additionalSettings,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     style: componentIconList.includes(item.tag) ? style : null,
                     ...passProps,

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 });

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');
@@ -16,8 +17,8 @@ var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
 var ShopContext = require('../../contexts/ShopContext.js');
-require('@gem-sdk/adapter-shopify');
 require('swr');
+require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');

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');

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 });

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -5,8 +6,8 @@ var react = require('react');
 var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
 require('zustand');
 var ShopContext = require('../../contexts/ShopContext.js');
-require('@gem-sdk/adapter-shopify');
 require('swr');
+require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');

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,8 +1,9 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var zustand = require('zustand');
 var react = require('react');
+var zustand = require('zustand');
 var flattenConnection = require('../helpers/flatten-connection.js');
 var variant = require('../helpers/variant.js');
 
@@ -25,6 +26,21 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                     };
                 });
             },
+            setUseProductCompareAtPrice: (value)=>{
+                set({
+                    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

@@ -0,0 +1,35 @@
+'use strict';
+
+/* eslint-disable */ const PreviewThemePageSelect = `
+    fragment PreviewThemePageSelect on PreviewThemePage {
+  id
+  name
+  handle
+  isMobile
+  sectionPosition
+  pageSections {
+    cid
+    component
+    id
+  }
+  dataSEO {
+    ...DataSEOSelect
+  }
+  themeStyle {
+    id
+    data
+    name
+  }
+  analytic {
+    ...AnalyticSelect
+  }
+  customCode {
+    ...CustomCodeSelect
+  }
+  customFonts {
+    ...CustomFontSelect
+  }
+}
+    `;
+
+exports.PreviewThemePageSelect = PreviewThemePageSelect;

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

@@ -32,35 +32,11 @@
     id
     value
   }
+  metafields {
+    key
+    value
+  }
 }
     `;
-const PreviewThemePageSelect = `
-  fragment PreviewThemePageSelect on PublishedThemePage {
-    id
-    name
-    handle
-    isMobile
-    sectionPosition
-    pageSections {
-      ...PublishedPageSectionSelect
-    }
-    themePageCustomSections {
-      ...PublishedCustomSectionSelect
-    }
-    themePageDataSEO {
-      ...DataSEOSelect
-    }
-    pageStyle {
-      ...PublishedThemeStyleSelect
-    }
-    themePageAnalytic {
-      ...AnalyticSelect
-    }
-    themePageCustomCode {
-      ...CustomCodeSelect
-    }
-  }
-`;
 
-exports.PreviewThemePageSelect = PreviewThemePageSelect;
 exports.PublishedThemePageSelect = PublishedThemePageSelect;

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

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