@gem-sdk/core 1.58.0-dev.25 → 1.58.0-staging.13

package/dist/cjs/components/AddOn.js

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

package/dist/cjs/components/ComponentAnimation.js

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

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,10 +6,10 @@ var jsxRuntime = require('react/jsx-runtime');
 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');
+var PageContext = require('../contexts/PageContext.js');
 require('@gem-sdk/adapter-shopify');
+require('swr');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');

package/dist/cjs/components/ComponentWrapper.js

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

package/dist/cjs/components/ComponentWrapperPreview.js

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

package/dist/cjs/components/Empty.js

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

package/dist/cjs/components/InteractionSuffix.js

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

package/dist/cjs/components/Render.js

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

package/dist/cjs/components/RenderBlock.js

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

package/dist/cjs/components/RenderCustomCode.js

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

package/dist/cjs/components/RenderPreview.js

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

package/dist/cjs/components/RenderSection.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/contexts/AddonContext.js

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

package/dist/cjs/contexts/ArticleContext.js

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

package/dist/cjs/contexts/ArticleListContext.js

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

package/dist/cjs/contexts/BuilderComponent.js

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

package/dist/cjs/contexts/BuilderContext.js

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

package/dist/cjs/contexts/BuilderPreviewContext.js

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

package/dist/cjs/contexts/CartLineContext.js

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

package/dist/cjs/contexts/CollectionContext.js

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

package/dist/cjs/contexts/ModalContext.js

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

package/dist/cjs/contexts/PageContext.js

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

package/dist/cjs/contexts/ProductContext.js

@@ -1,9 +1,8 @@
-'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
 var zustand = require('zustand');
+var react = require('react');
 var flattenConnection = require('../helpers/flatten-connection.js');
 var variant = require('../helpers/variant.js');
 
@@ -26,21 +25,6 @@ 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,4 +1,3 @@
-'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/SectionContext.js

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

package/dist/cjs/contexts/ShopContext.js

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

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

@@ -34,5 +34,33 @@
   }
 }
     `;
+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,19 +1,25 @@
 'use strict';
 
-var previewThemePage_generated = require('../fragments/preview-theme-page.generated.js');
+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 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');
 
-const PreviewThemePageDocument = `
-    query PreviewThemePage($pageType: PreviewThemePageType!, $handleURL: String) {
-  previewThemePage(pageType: $pageType, handleURL: $handleURL) {
+const PreviewPageDocument = `
+    query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
+  previewPage(handleURL: $handleURL, pageType: $pageType) {
     ...PreviewThemePageSelect
   }
 }
-    ${previewThemePage_generated.PreviewThemePageSelect}
+    ${publishedThemePage_generated.PreviewThemePageSelect}
+${publishedPageSection_generated.PublishedPageSectionSelect}
+${publishedCustomSection_generated.PublishedCustomSectionSelect}
 ${dataSeo_generated.DataSeoSelect}
+${publishedThemeStyle_generated.PublishedThemeStyleSelect}
 ${analytic_generated.AnalyticSelect}
 ${customCode_generated.CustomCodeSelect}`;
 
-exports.PreviewThemePageDocument = PreviewThemePageDocument;
+exports.PreviewPageDocument = PreviewPageDocument;

package/dist/cjs/helpers/background.js

@@ -73,12 +73,9 @@ const getBgImageByDevice = (background, device, options)=>{
             imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
         }
     }
-    if (typeof imageByDevice === 'string' && imageByDevice) {
+    if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
-    if (imageByDevice !== undefined) {
-        return 'none';
-    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -219,10 +216,9 @@ 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}` : bgImage
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
             });
         }
     });

package/dist/cjs/helpers/borders.js

@@ -2,7 +2,6 @@
 
 var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
-var constant = require('./constant.js');
 
 const getBorderStyle = (value)=>{
     return makeStyle.makeStyle({
@@ -188,24 +187,8 @@ const composeBorderCss = (borderV)=>{
   ${color ? `border-color: ${colors.getSingleColorVariable(color)};` : ''}
   `;
 };
-const composeBorderResponsive = (borderValue)=>{
-    const style = {};
-    Object.assign(style, composeBorderDevice(borderValue?.desktop, 'desktop'));
-    Object.assign(style, composeBorderDevice(borderValue?.tablet, 'tablet'));
-    Object.assign(style, composeBorderDevice(borderValue?.mobile, 'mobile'));
-    return style;
-};
-const composeBorderDevice = (value, device)=>{
-    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
-    return {
-        [`--b${suffix}`]: value?.border,
-        [`--bc${suffix}`]: colors.getSingleColorVariable(value?.color),
-        [`--bw${suffix}`]: value?.width
-    };
-};
 
 exports.composeBorderCss = composeBorderCss;
-exports.composeBorderResponsive = composeBorderResponsive;
 exports.getBorderRadiusStyle = getBorderRadiusStyle;
 exports.getBorderStyle = getBorderStyle;
 exports.handleConvertBorderColor = handleConvertBorderColor;

package/dist/cjs/helpers/compose-advance-style.js

@@ -112,22 +112,7 @@ function composeAdvanceStyle(data, tag, pageType) {
                             Object.assign(styles, radius.composeRadius(value));
                         }
                         if (attr === 'boxShadow') {
-                            const listElementShadowV2 = [
-                                'Row',
-                                'Section',
-                                'Text',
-                                'Heading',
-                                'Image'
-                            ];
-                            let hasBoxShadowV2 = hasBoxShadow;
-                            if (listElementShadowV2.includes(tag || '')) {
-                                hasBoxShadowV2 = {
-                                    desktop: value.desktop ?? {},
-                                    tablet: value.tablet ?? value.desktop ?? {},
-                                    mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
-                                };
-                            }
-                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
+                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
                         }
                         const styleValue = getAttrValue(attr, deviceValue, tag);
                         if (composeAttr === 'desktop') {

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

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

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

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

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

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

package/dist/cjs/helpers/prefetch-queries.js

@@ -1,8 +1,10 @@
 'use strict';
 
+var useSWR = require('swr');
 var getCollection = require('./queries/get-collection.js');
 var getProduct = require('./queries/get-product.js');
 var getProducts = require('./queries/get-products.js');
+var query = require('./query.js');
 
 const prefetchQueries = (input, options)=>{
     const queries = [];
@@ -19,7 +21,7 @@ const prefetchQueries = (input, options)=>{
                         isStorefront: options?.isStorefront
                     };
                     data = {
-                        key: `query/product/${variables.id}`,
+                        key: useSWR.unstable_serialize(query.generateProductQueryKey(variables)),
                         func: getProduct.getProduct,
                         variables
                     };
@@ -37,7 +39,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: `query/collection/${variables.id}`,
+                            key: useSWR.unstable_serialize(query.generateCollectionQueryKey(variables)),
                             func: getCollection.getCollection,
                             variables
                         };
@@ -50,7 +52,7 @@ const prefetchQueries = (input, options)=>{
                             isStorefront: options?.isStorefront
                         };
                         data = {
-                            key: `query/products/${variables.ids.join(',')}`,
+                            key: useSWR.unstable_serialize(query.generateProductsQueryKey(variables)),
                             func: getProducts.getProducts,
                             variables
                         };

package/dist/cjs/helpers/radius.js

@@ -27,14 +27,7 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    const list = [
-        'custom',
-        'pill',
-        'rounded',
-        'single',
-        'none'
-    ];
-    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
+    if (!radius || !state || radius?.radiusType !== 'custom') return {};
     const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
     const mState = constant.stateMapping?.[state];
     return {
@@ -69,7 +62,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -82,7 +74,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -95,7 +86,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }

package/dist/cjs/helpers/shadow.js

@@ -24,11 +24,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     let { state } = shadowStyle || {};
     if (!state) state = 'normal';
     if (!styleAppliedFor || !value) return {};
-    const isNoneValue = value.type === 'none';
-    if (typeof value.distance == 'undefined' && !isNoneValue) return {};
+    if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow && !isNoneValue ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{

package/dist/cjs/helpers/size.js

@@ -103,7 +103,7 @@ const getHeightByShapeGlobalSize = (shapeByLayout)=>{
     });
     return result;
 };
-const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto, defaultFull)=>{
+const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto)=>{
     let result = {};
     const DEVICES = [
         'desktop',
@@ -112,13 +112,7 @@ const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto, defaultFull)=>{
     ];
     DEVICES.forEach((device)=>{
         const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        let width = shapeByDevice?.width;
-        if (defaultAuto) {
-            width = shapeByDevice?.width || 'auto';
-        }
-        if (defaultFull) {
-            width = shapeByDevice?.width || '100%';
-        }
+        const width = defaultAuto ? shapeByDevice?.width || 'auto' : shapeByDevice?.width;
         if (width) {
             result = {
                 ...result,

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

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