@gem-sdk/core 1.58.0-staging.22 → 1.58.0-staging.25

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 });
@@ -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,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

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

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

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,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -34,33 +34,5 @@
   }
 }
     `;
-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/preview-page.generated.js

@@ -1,25 +1,21 @@
 'use strict';
 
-var publishedThemePage_generated = require('../fragments/published-theme-page.generated.js');
-var publishedPageSection_generated = require('../fragments/published-page-section.generated.js');
-var publishedCustomSection_generated = require('../fragments/published-custom-section.generated.js');
+var previewThemePage_generated = require('../fragments/preview-theme-page.generated.js');
 var dataSeo_generated = require('../fragments/data-seo.generated.js');
-var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
 var analytic_generated = require('../fragments/analytic.generated.js');
 var customCode_generated = require('../fragments/custom-code.generated.js');
+var customFont_generated = require('../fragments/custom-font.generated.js');
 
-const PreviewPageDocument = `
-    query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
-  previewPage(handleURL: $handleURL, pageType: $pageType) {
+const PreviewThemePageDocument = `
+    query PreviewThemePage($pageType: PreviewThemePageType!, $handleURL: String) {
+  previewThemePage(pageType: $pageType, handleURL: $handleURL) {
     ...PreviewThemePageSelect
   }
 }
-    ${publishedThemePage_generated.PreviewThemePageSelect}
-${publishedPageSection_generated.PublishedPageSectionSelect}
-${publishedCustomSection_generated.PublishedCustomSectionSelect}
+    ${previewThemePage_generated.PreviewThemePageSelect}
 ${dataSeo_generated.DataSeoSelect}
-${publishedThemeStyle_generated.PublishedThemeStyleSelect}
 ${analytic_generated.AnalyticSelect}
-${customCode_generated.CustomCodeSelect}`;
+${customCode_generated.CustomCodeSelect}
+${customFont_generated.CustomFontSelect}`;
 
-exports.PreviewPageDocument = PreviewPageDocument;
+exports.PreviewThemePageDocument = PreviewThemePageDocument;

package/dist/cjs/helpers/filter-toolbar-preview.js

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

package/dist/cjs/helpers/interaction/index.js

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

package/dist/cjs/helpers/is-empty-children.js

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

package/dist/cjs/hooks/animation/useAnimationActions.js

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

package/dist/cjs/hooks/animation/useAnimationConfig.js

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

package/dist/cjs/hooks/animation/useAnimationPreview.js

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

package/dist/cjs/hooks/animation/useAnimationTarget.js

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

package/dist/cjs/hooks/animation/useApplyAnimation.js

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

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var articles_generated = require('../../graphql/queries/articles.generated.js');

package/dist/cjs/hooks/cart/use-add-to-cart.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-data.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-cart-note-update.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-create-cart.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-remove-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/cart/use-update-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

package/dist/cjs/hooks/shop/use-collection-query.js

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

package/dist/cjs/hooks/shop/use-collections-query.js

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

package/dist/cjs/hooks/shop/use-product-query.js

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

package/dist/cjs/hooks/shop/use-products-query.js

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

package/dist/cjs/hooks/shop.js

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