@gem-sdk/core 2.0.0-staging.166 → 2.0.0-staging.711

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -25,6 +25,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{
@@ -137,7 +138,7 @@ const ComponentToolbarPreview = (props)=>{
         productId
     ]);
     const linkEditArticle = react.useMemo(()=>{
-        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
+        return articleUid ? `${linkShopDefault}/articles/${articleUid.replace('gid://shopify/Article/', '')}` : '';
     }, [
         articleUid,
         linkShopDefault
@@ -247,6 +248,10 @@ const ComponentToolbarPreview = (props)=>{
         }
         return -1;
     };
+    const getToolbarParentLabel = (parent)=>{
+        const parentLength = parent?.childrens?.length ?? 0;
+        return parent.label === 'Row' ? `Row ${parentLength} col${parentLength === 1 ? '' : 's'}` : parent.label;
+    };
     const onShowParent = (e)=>{
         if (!parents.length) return;
         const $target = (e?.target) || null;
@@ -512,12 +517,6 @@ const ComponentToolbarPreview = (props)=>{
                         ]
                     }),
                     isActiveToolbarComponent && isShowParent && parents.map((parent, index)=>{
-                        // Update count columns of Row
-                        const parentLength = parent?.childrens?.length ?? 0;
-                        let parent_label = parent.label;
-                        if (parent.label === 'Row') {
-                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
-                        }
                         return /*#__PURE__*/ jsxRuntime.jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-component-tag": parent.tag,
@@ -566,7 +565,7 @@ const ComponentToolbarPreview = (props)=>{
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent_label
+                                    children: getToolbarParentLabel(parent)
                                 })
                             ]
                         }, parent.uid);

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -20,6 +20,7 @@ var shop = require('../hooks/shop.js');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/cjs/components/InteractionSuffix.js

@@ -17,6 +17,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = index.useInteraction();

package/dist/cjs/components/Render.js

@@ -54,6 +54,7 @@ const Render = ({ uid, ...passProps })=>{
                     setting: item.settings,
                     ...passProps,
                     children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderMemo, {
+                            parentStyle: passProps?.['parentStyle'],
                             uid: id
                         }, id))
                 }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {

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

@@ -13,6 +13,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 var constant = require('./constant.js');
@@ -37,7 +38,7 @@ const componentUsingAdvanced = [
     'IconList',
     'ProductVariants'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, additionalSettings, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -76,7 +77,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
-                    enableLazyloadImage,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -89,7 +90,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             pageContext,
-                            enableLazyloadImage
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -102,7 +103,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             customProps,
                             parentTag: item.tag,
                             pageContext,
-                            enableLazyloadImage
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -118,7 +119,6 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
-                    enableLazyloadImage,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -140,7 +140,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
-                    enableLazyloadImage,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -153,7 +153,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             pageContext,
-                            enableLazyloadImage
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -166,7 +166,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             customProps,
                             parentTag: item.tag,
                             pageContext,
-                            enableLazyloadImage
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -182,7 +182,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
-                    enableLazyloadImage,
+                    ...additionalSettings,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     style: componentIconList.includes(item.tag) ? style : null,
                     ...passProps,

package/dist/cjs/components/RenderCustomCode.js

@@ -20,6 +20,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();

package/dist/cjs/components/RenderPreview.js

@@ -46,6 +46,7 @@ const RenderPreview = ({ uid, ...passProps })=>{
                     setting: item.settings,
                     ...passProps,
                     children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
+                            parentStyle: passProps?.['parentStyle'],
                             "bundle-item": passProps?.['bundle-item'],
                             uid: id
                         }, id))

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

@@ -16,6 +16,7 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
+var I18nContext = require('../../contexts/I18nContext.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
@@ -27,6 +28,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = react.useState(false);
@@ -36,6 +38,7 @@ const AIContentGenerator = ({ ...props })=>{
     const genPopupHeader = react.useRef(null);
     const genButtonWrapper = react.useRef(null);
     const nextMonth = dayjs().add(1, 'month').startOf('month').format('DD MMM');
+    const { t } = I18nContext.useI18nStore();
     const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, bodyMaxHeight: popupBodyMaxHeight } = useFlipPopup.useFlipPopup(isShowPopup, {
         genTool,
         genPopup,
@@ -117,7 +120,7 @@ const AIContentGenerator = ({ ...props })=>{
                     onClick: togglePopup,
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx(AIIcon.AIIcon, {}),
-                        "AI Content"
+                        t('AI Content')
                     ]
                 })
             }),

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

@@ -17,6 +17,7 @@ require('swr/mutation');
 var useProductQuery = require('../../../hooks/shop/use-product-query.js');
 require('vanilla-lazyload');
 require('../../../hooks/useCartUI.js');
+require('../../../hooks/useStickyStore.js');
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/cjs/components/constant.js

@@ -32,6 +32,7 @@ const disableWrap = [
     'FormTextarea',
     'ProductPrice',
     'Product',
+    'ProductList',
     'ProductImages',
     'ProductImagesV2',
     'PostPurchaseProductImages',
@@ -40,14 +41,18 @@ const disableWrap = [
     'EstimateDate',
     'ProductBadge',
     'Marquee',
-    'MarqueeItem'
+    'MarqueeItem',
+    'Newsletter',
+    'ContactForm'
 ];
 const customRenderChildren = [
     'Accordion',
     'AccordionItem',
     'Row',
     'IconList',
-    'Tabs'
+    'Tabs',
+    'Marquee',
+    'MarqueeItem'
 ];
 const excludeApplyStyle = [
     'IconListV2',
@@ -61,7 +66,6 @@ const postPurchaseRequiredElements = [
     'PostPurchaseAcceptButton',
     'PostPurchaseButton',
     'PostPurchaseCalloutBox',
-    'PostPurchaseProductPriceBreakdown',
     'PostPurchaseProductImages',
     'PostPurchaseCalloutText'
 ];

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

@@ -19,6 +19,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 function Spacing(props) {
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);