@gem-sdk/pages 2.0.0-staging.152 → 2.0.0-staging.709

package/dist/cjs/libs/api/get-static-page-props-v2.js

@@ -10,6 +10,8 @@ var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
 var nextjs = require('@sentry/nextjs');
 var customFonts = require('../custom-fonts.js');
+var getMetafield = require('../helpers/get-metafield.js');
+var index = require('../../constants/index.js');
 
 const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -33,7 +35,9 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                     core.PublishedShopMetasDocument,
                     {
                         keys: [
-                            'source_font'
+                            'source_font',
+                            index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,
+                            index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL
                         ]
                     }
                 ])
@@ -56,24 +60,29 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customFonts.getCustomFonts(themePageCustomFonts)
             ]);
             const mobileOnly = dataBuilder.isMobile ?? false;
-            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-            const thumbnail = parseJson.parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+            const description = getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value;
+            const title = getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_TITLE, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.GLOBAL_META_TITLE)?.value;
+            const thumbnail = parseJson.parseJson(getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value);
+            const noindex = getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.NOINDEX_KEY, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.NOINDEX_KEY)?.value;
+            const nofollow = getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.NOFOLLOW_KEY, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.NOFOLLOW_KEY)?.value;
             const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
             const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
             const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
             const seo = {
                 defaultTitle: shopMeta?.shop.name,
-                title: dataBuilder?.name,
+                title: title || dataBuilder?.name,
                 description: description ?? shopMeta?.shop.description,
                 openGraph: {
                     site_name: shopMeta?.shop.name,
                     locale: shopMeta?.localization.country.isoCode,
-                    title: dataBuilder?.name ?? shopMeta?.shop.name,
+                    title: (title || dataBuilder?.name) ?? shopMeta?.shop.name,
                     description: description ?? shopMeta?.shop.description,
                     images: thumbnail ? [
                         thumbnail
                     ] : []
                 },
+                noindex: noindex === 'true',
+                nofollow: nofollow === 'true',
                 canonical: `https://${shopData?.storeProperty?.primaryDomain}/${slug}`,
                 additionalMetaTags: [
                     {
@@ -145,11 +154,11 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 swatches: parseJson.parseJson(shopData?.storeProperty?.swatchesConfig),
                 seo,
                 mobileOnly,
-                gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
-                facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
-                tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
-                customCodeHeader: dataBuilder.themePageCustomCode?.header ?? null,
-                customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
+                gaTrackingId: getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_GA_TRACKING_ID, dataBuilder?.metafields) ?? null,
+                facebookPixelId: getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_FB_PIXEL_ID, dataBuilder?.metafields) ?? null,
+                tiktokPixelId: getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_TIKTOK_PIXEL_ID, dataBuilder?.metafields) ?? null,
+                customCodeHeader: getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.CUSTOM_CODE_HEADER, dataBuilder?.metafields) ?? null,
+                customCodeBody: getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.CUSTOM_CODE_BODY, dataBuilder?.metafields) ?? null,
                 pageHandle: dataBuilder.handle ?? null,
                 customFonts: customFonts$1,
                 interaction: dataBuilder?.interaction,

package/dist/cjs/libs/api/get-static-page-props.js

@@ -7,6 +7,8 @@ var genCss = require('../helpers/gen-css.js');
 var generateManifres = require('../helpers/generate-manifres.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
+var index = require('../../constants/index.js');
+var getMetafield = require('../helpers/get-metafield.js');
 
 const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
         const pageType = 'STATIC';
@@ -14,7 +16,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             slug,
             slugType: pageType
         };
-        const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+        const [theme, storeProperty, shopifyMeta, publishedShopMetas] = await Promise.allSettled([
             fetcher([
                 core.PublishedThemePagesDocument,
                 variables
@@ -24,6 +26,16 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             ]),
             shopifyFetcher([
                 adapterShopify.ShopMetaDocument
+            ]),
+            fetcher([
+                core.PublishedShopMetasDocument,
+                {
+                    keys: [
+                        'source_font',
+                        index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,
+                        index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL
+                    ]
+                }
             ])
         ]);
         if (theme.status === 'rejected') {
@@ -31,6 +43,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
                 pageType
             };
         }
+        const publishedShopMetaValue = publishedShopMetas.status === 'fulfilled' ? publishedShopMetas.value : undefined;
         const dataBuilder = theme.value.publishedThemePages?.[0];
         const pageTemplate = normalize.parseBuilderTemplate(dataBuilder);
         const fontStyle = await googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
@@ -55,8 +68,8 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             }
             return acc;
         }, {});
-        const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-        const thumbnail = parseJson.parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+        const description = getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value;
+        const thumbnail = parseJson.parseJson(getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value);
         const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
         const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
         const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';

package/dist/cjs/libs/google-fonts.js

@@ -36,7 +36,27 @@ const composeFonts = (fonts)=>{
         };
     });
 };
-const createFontUrl = (fonts, option, fontType)=>{
+const handleGenerateFontParams = (variants, fontType = 'google')=>{
+    const regularWeights = [];
+    if (!variants.length) {
+        return fontType === 'bunny' ? '400' : 'wght@400';
+    }
+    // Get regular weights and remove italic variants
+    variants.forEach((variant)=>{
+        if (typeof variant !== 'string' || variant?.includes('italic')) {
+            return;
+        }
+        const weight = variant === 'regular' ? '400' : variant;
+        regularWeights.push(weight);
+    });
+    // Sort weights numerically (ex: [900, 700, 400] -> [400, 700, 900])
+    const sortedRegularWeights = regularWeights.sort((a, b)=>Number(a) - Number(b));
+    // Build the variant string with only regular weights
+    const axisPrefix = 'wght@';
+    const listVariantsGoogleFonts = sortedRegularWeights.map((weight)=>weight);
+    return fontType === 'google' ? `${axisPrefix}${listVariantsGoogleFonts.join(';')}` : sortedRegularWeights.join(',');
+};
+const createFontUrl = (fonts, option, fontType = 'google')=>{
     const mainFonts = fonts.filter((font)=>{
         return !([
             'bunny',
@@ -50,8 +70,8 @@ const createFontUrl = (fonts, option, fontType)=>{
         return index === arr.findIndex((t)=>t.family === font.family);
     });
     const family = composeFonts(uniqFonts).map((font)=>{
-        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
-    }).join('|');
+        return `${font.family.replace(/ /g, '+')}:${handleGenerateFontParams(font.variants, fontType)}`;
+    }).join(fontType === 'google' ? '&family=' : '|');
     params.append('family', family);
     params.append('display', display);
     if (option?.subset) {
@@ -61,7 +81,7 @@ const createFontUrl = (fonts, option, fontType)=>{
         params.append('effect', option.effect);
     }
     const bunnyFontUrl = `https://fonts.bunny.net/css?family=${family}`;
-    const googleFontUrl = `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
+    const googleFontUrl = `https://fonts.googleapis.com/css2?${decodeURIComponent(params.toString())}`;
     return fontType === 'bunny' ? bunnyFontUrl : googleFontUrl;
 };
 // eslint-disable-next-line max-params
@@ -87,7 +107,7 @@ async function getFonts(fonts, option, isImportFontByUrl = true, fontType) {
             }
         }
         return value;
-    } catch (e) {
+    } catch (_e) {
         return '';
     }
 }

package/dist/cjs/libs/helpers/gen-fonts.js

@@ -35,6 +35,9 @@ const getFontFromGroupSetting = (fonts, groupSetting)=>{
         }
     }
 };
+const uniqueArray = (arr)=>{
+    return Array.from(new Set(arr));
+};
 const getFontValue = (fonts, value)=>{
     let customFontFamily = value.custom?.fontFamily;
     if (typeof customFontFamily === 'string') {
@@ -60,15 +63,18 @@ const getFontValue = (fonts, value)=>{
         });
         const customFontWeight = value.custom?.fontWeight && variants.includes(value.custom?.fontWeight) ? value.custom?.fontWeight : variants[0];
         if (customFontWeight) {
+            const fontVariants = uniqueArray([
+                customFontWeight,
+                ...value?.attrs?.isAlwaysLoadBold ? [
+                    '700'
+                ] : []
+            ]);
             const isExist = fonts.find((item)=>item.family == fontFamily && item.variants.includes(customFontWeight));
             if (!isExist) {
                 const isFontFamily = fonts.find((item)=>item.family == fontFamily);
                 if (isFontFamily) {
                     isFontFamily.variants.push(customFontWeight);
                 } else {
-                    const fontVariants = [
-                        customFontWeight
-                    ];
                     if (customFontWeight !== '700') {
                         if (variants.includes('700')) {
                             fontVariants.push('700'); // Auto add 700 for bold in editor inline

package/dist/cjs/libs/helpers/get-metafield.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const getPublishedThemePageMetafieldByKey = (key, metafields)=>{
+    return metafields?.find((item)=>item?.key === key)?.value;
+};
+
+exports.getPublishedThemePageMetafieldByKey = getPublishedThemePageMetafieldByKey;

package/dist/cjs/libs/helpers/normalize.js

@@ -74,7 +74,8 @@ function normalizePageSectionResponseV2(sections, orders) {
 const parseBuilderTemplateV2 = (data)=>{
     return normalizePageSectionResponseV2([
         ...data?.pageSections ?? [],
-        ...data?.themePageCustomSections ?? []
+        ...data?.themePageCustomSections ?? [],
+        ...data?.themeSections ?? []
     ], data?.sectionPosition);
 };
 const parseBuilderTemplate = (data)=>{

package/dist/cjs/libs/helpers/parse-json.js

@@ -4,7 +4,7 @@ const parseJson = (json)=>{
     if (!json) return null;
     try {
         return JSON.parse(json);
-    } catch (e) {
+    } catch (_e) {
         return null;
     }
 };

package/dist/cjs/libs/helpers/sentry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var nextjs = require('@sentry/nextjs');
+
+const sentryCaptureException = (funcName, message, data, options)=>{
+    nextjs.withScope((scope)=>{
+        scope.setLevel(options?.level ?? 'log');
+        if (options?.tag) {
+            scope.setTag(options?.tag.key, options?.tag.value);
+        }
+        scope.setExtra('function', funcName);
+        scope.setExtra('data', JSON.stringify(data));
+        nextjs.captureMessage(`${funcName}: ${message}`);
+    });
+};
+
+exports.sentryCaptureException = sentryCaptureException;

package/dist/cjs/pages/404.js

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

package/dist/cjs/pages/500.js

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

package/dist/cjs/pages/CollectionGlobalProvider.js

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

package/dist/cjs/pages/builder.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,6 +18,7 @@ var Body = require('../components/builder/Body.js');
 
 const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
     const [loadSuccess, setLoadSuccess] = react.useState(false);
+    const { t } = core.useI18n();
     const isDisableHeaderFooter = ()=>{
         return isThemeSectionEditor;
     };
@@ -64,47 +66,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
                     components: components,
                     children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
                         data: sectionData,
-                        children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
-                            pageName: pageName,
-                            state: initState,
-                            isThemeSectionEditor: isThemeSectionEditor,
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
-                                !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Toolbar.default, {}),
-                                /*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
-                                loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                    className: "builder gp-z-1 gp-relative",
-                                    children: [
-                                        !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                            className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(SwitchView.default, {})
-                                        }) : /*#__PURE__*/ jsxRuntime.jsx(Header.default, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })),
-                                        /*#__PURE__*/ jsxRuntime.jsx(Body.default, {
-                                            pageType: pageType,
-                                            isThemeSectionEditor: isThemeSectionEditor
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                            id: "visual-content"
-                                        }),
-                                        !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Footer.default, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, "preview")
+                        children: /*#__PURE__*/ jsxRuntime.jsx(core.I18nProvider, {
+                            t: t,
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
+                                pageName: pageName,
+                                state: initState,
+                                isThemeSectionEditor: isThemeSectionEditor,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
+                                    !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Toolbar.default, {}),
+                                    /*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
+                                    loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                        className: "builder gp-z-1 gp-relative",
+                                        children: [
+                                            !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                                className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(SwitchView.default, {})
+                                            }) : /*#__PURE__*/ jsxRuntime.jsx(Header.default, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })),
+                                            /*#__PURE__*/ jsxRuntime.jsx(Body.default, {
+                                                pageType: pageType,
+                                                isThemeSectionEditor: isThemeSectionEditor
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                                id: "visual-content"
+                                            }),
+                                            !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Footer.default, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, "preview")
+                        })
                     })
                 })
             })

package/dist/cjs/pages/collection-detail.js

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

package/dist/cjs/pages/preview.js

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

package/dist/cjs/pages/product-detail.js

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

package/dist/cjs/pages/static-v2.js

@@ -12,8 +12,9 @@ var FooterForPostPurchase = require('../components/FooterForPostPurchase.js');
 var Script = require('next/script');
 var react = require('react');
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, isPreview, interaction, pageBackground })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, dynamicDiscountOffer, isPreview, interaction, pageBackground })=>{
     const router$1 = router.useRouter();
+    const { t } = core.useI18n();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
     const customCodeHeaderID = 'custom-code-header';
@@ -93,6 +94,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
                 productOffers: productOffers,
                 publicStoreFrontData: publicStoreFrontData,
+                dynamicDiscountOffer: dynamicDiscountOffer,
                 children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
                     components: components,
                     children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -108,22 +110,25 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
                                 data: sectionData,
-                                children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsxs(core.BuilderProvider, {
-                                        state: builder.data,
-                                        lazy: builder.lazy,
-                                        priority: builder.priority,
-                                        isPostPurchase: isPostPurchase,
-                                        isPreview: isPreview,
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
-                                                uid: builder.uid
-                                            }),
-                                            hasInteraction && /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                                                defer: true,
-                                                src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
-                                            })
-                                        ]
-                                    }, builder.uid))
+                                children: /*#__PURE__*/ jsxRuntime.jsx(core.I18nProvider, {
+                                    t: t,
+                                    children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsxs(core.BuilderProvider, {
+                                            state: builder.data,
+                                            lazy: builder.lazy,
+                                            priority: builder.priority,
+                                            isPostPurchase: isPostPurchase,
+                                            isPreview: isPreview,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                                    uid: builder.uid
+                                                }),
+                                                hasInteraction && /*#__PURE__*/ jsxRuntime.jsx(Script, {
+                                                    defer: true,
+                                                    src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
+                                                })
+                                            ]
+                                        }, builder.uid))
+                                })
                             }),
                             isPostPurchase && /*#__PURE__*/ jsxRuntime.jsx(FooterForPostPurchase.default, {
                                 shopName: shopName || ''

package/dist/cjs/pages/static.js

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

package/dist/esm/components/FooterForPostPurchase.js

@@ -9,7 +9,7 @@ const defaultMargin = {
 };
 const FooterForPostPurchase = (props)=>{
     return /*#__PURE__*/ jsx("div", {
-        className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
+        className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
         children: /*#__PURE__*/ jsx("div", {
             className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
             style: {

package/dist/esm/components/builder/Footer.js

@@ -41,7 +41,7 @@ const Footer = (props)=>{
     ]);
     return /*#__PURE__*/ jsx(Fragment, {
         children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsx("div", {
-            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
+            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
             children: /*#__PURE__*/ jsx("div", {
                 className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
                 style: {
@@ -58,7 +58,7 @@ const Footer = (props)=>{
                 })
             })
         }) : /*#__PURE__*/ jsx("div", {
-            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans', {
+            className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE gp-font-sans', {
                 'gp-fixed gp-bottom-0 gp-w-full': shouldFixed
             }),
             children: /*#__PURE__*/ jsxs("div", {

package/dist/esm/components/builder/Header.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useShopStore, usePageStore, cls, makeStyleResponsive } from '@gem-sdk/core';
+import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
 import Devices from './SwitchView.js';
 
 const defaultMargin = {
@@ -18,7 +18,6 @@ const sizeCheck = {
 const Header = (props)=>{
     const { pageType, isOriginTemplate, openPageSetting } = props;
     const layoutSetting = useShopStore((s)=>s.layoutSettings);
-    usePageStore((s)=>s.sidebarMode);
     const activeHeader = layoutSetting?.showHeader || isOriginTemplate;
     const headerColor = activeHeader ? HEADER_ON_COLOR : HEADER_OFF_COLOR;
     return /*#__PURE__*/ jsxs(Fragment, {

package/dist/esm/components/builder/Toolbar.js

@@ -407,6 +407,7 @@ const Toolbar = ()=>{
         if (!value || !currentComponentActive.current) {
             return;
         }
+        let isClickProcessing = false;
         const selector = getSelectorComponent({
             ...currentComponentActive.current
         });
@@ -415,6 +416,7 @@ const Toolbar = ()=>{
             const $parents = $component?.querySelectorAll('[data-toolbar-parent]');
             if ($parents.length) {
                 const onHover = ($parent)=>{
+                    if (isClickProcessing) return;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const $parentComponents = document.body.querySelector('#storefront')?.querySelectorAll(`[data-uid="${uid}"]`);
@@ -443,6 +445,7 @@ const Toolbar = ()=>{
                     }
                 };
                 const onClick = async ($parent)=>{
+                    isClickProcessing = true;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const isElementInsideProduct = async ()=>{
@@ -474,6 +477,9 @@ const Toolbar = ()=>{
                     });
                     outHover($parent);
                     window.dispatchEvent(event);
+                    setTimeout(()=>{
+                        isClickProcessing = false;
+                    }, 0);
                 };
                 $parents.forEach(($parent)=>{
                     $parent.addEventListener('mouseover', ()=>onHover($parent));