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

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

@@ -8,6 +8,8 @@ import { parseBuilderTemplateV2, extractPageBackground } from '../helpers/normal
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 import { captureException } from '@sentry/nextjs';
 import { getCustomFonts } from '../custom-fonts.js';
+import { getPublishedThemePageMetafieldByKey } from '../helpers/get-metafield.js';
+import { PublishedThemePageMetafields } from '../../constants/index.js';
 
 const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -31,7 +33,9 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                     PublishedShopMetasDocument,
                     {
                         keys: [
-                            'source_font'
+                            'source_font',
+                            PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,
+                            PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL
                         ]
                     }
                 ])
@@ -54,24 +58,29 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 getCustomFonts(themePageCustomFonts)
             ]);
             const mobileOnly = dataBuilder.isMobile ?? false;
-            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-            const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+            const description = getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value;
+            const title = getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.GLOBAL_META_TITLE, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === PublishedThemePageMetafields.GLOBAL_META_TITLE)?.value;
+            const thumbnail = parseJson(getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value);
+            const noindex = getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.NOINDEX_KEY, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === PublishedThemePageMetafields.NOINDEX_KEY)?.value;
+            const nofollow = getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.NOFOLLOW_KEY, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === 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: [
                     {
@@ -143,11 +152,11 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 swatches: 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: getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.ANALYTICS_GA_TRACKING_ID, dataBuilder?.metafields) ?? null,
+                facebookPixelId: getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.ANALYTICS_FB_PIXEL_ID, dataBuilder?.metafields) ?? null,
+                tiktokPixelId: getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.ANALYTICS_TIKTOK_PIXEL_ID, dataBuilder?.metafields) ?? null,
+                customCodeHeader: getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.CUSTOM_CODE_HEADER, dataBuilder?.metafields) ?? null,
+                customCodeBody: getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.CUSTOM_CODE_BODY, dataBuilder?.metafields) ?? null,
                 pageHandle: dataBuilder.handle ?? null,
                 customFonts,
                 interaction: dataBuilder?.interaction,

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

@@ -1,10 +1,12 @@
-import { PublishedThemePagesDocument, StorePropertyDocument, prefetchQueries } from '@gem-sdk/core';
+import { PublishedThemePagesDocument, StorePropertyDocument, PublishedShopMetasDocument, prefetchQueries } from '@gem-sdk/core';
 import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
 import { getFontFromGlobalStyle } from '../google-fonts.js';
 import { genCSS } from '../helpers/gen-css.js';
 import { generateManifest } from '../helpers/generate-manifres.js';
 import { parseBuilderTemplate } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
+import { PublishedThemePageMetafields } from '../../constants/index.js';
+import { getPublishedThemePageMetafieldByKey } from '../helpers/get-metafield.js';
 
 const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
         const pageType = 'STATIC';
@@ -12,7 +14,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([
                 PublishedThemePagesDocument,
                 variables
@@ -22,6 +24,16 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             ]),
             shopifyFetcher([
                 ShopMetaDocument
+            ]),
+            fetcher([
+                PublishedShopMetasDocument,
+                {
+                    keys: [
+                        'source_font',
+                        PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,
+                        PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL
+                    ]
+                }
             ])
         ]);
         if (theme.status === 'rejected') {
@@ -29,6 +41,7 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
                 pageType
             };
         }
+        const publishedShopMetaValue = publishedShopMetas.status === 'fulfilled' ? publishedShopMetas.value : undefined;
         const dataBuilder = theme.value.publishedThemePages?.[0];
         const pageTemplate = parseBuilderTemplate(dataBuilder);
         const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
@@ -53,8 +66,8 @@ const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
             }
             return acc;
         }, {});
-        const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-        const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+        const description = getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value;
+        const thumbnail = parseJson(getPublishedThemePageMetafieldByKey(PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL, dataBuilder?.metafields) || publishedShopMetaValue?.publishedShopMetas?.find((item)=>item?.key === 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/esm/libs/google-fonts.js

@@ -34,7 +34,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',
@@ -48,8 +68,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) {
@@ -59,7 +79,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
@@ -85,7 +105,7 @@ async function getFonts(fonts, option, isImportFontByUrl = true, fontType) {
             }
         }
         return value;
-    } catch (e) {
+    } catch (_e) {
         return '';
     }
 }

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

@@ -33,6 +33,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') {
@@ -58,15 +61,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/esm/libs/helpers/get-metafield.js

@@ -0,0 +1,5 @@
+const getPublishedThemePageMetafieldByKey = (key, metafields)=>{
+    return metafields?.find((item)=>item?.key === key)?.value;
+};
+
+export { getPublishedThemePageMetafieldByKey };

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

@@ -72,7 +72,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/esm/libs/helpers/parse-json.js

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

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

@@ -0,0 +1,15 @@
+import { withScope, captureMessage } from '@sentry/nextjs';
+
+const sentryCaptureException = (funcName, message, data, options)=>{
+    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));
+        captureMessage(`${funcName}: ${message}`);
+    });
+};
+
+export { sentryCaptureException };

package/dist/esm/pages/404.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { NextSeo } from 'next-seo';
 import Image from 'next/image';

package/dist/esm/pages/500.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { cls } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';

package/dist/esm/pages/CollectionGlobalProvider.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import { useCollectionsQuery } from '@gem-sdk/core';

package/dist/esm/pages/builder.js

@@ -1,5 +1,6 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderPreviewProvider } from '@gem-sdk/core';
+import { useI18n, PageProvider, BuilderComponentProvider, SectionProvider, I18nProvider, BuilderPreviewProvider } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
 import Head from 'next/head';
 import { useState, useMemo, useEffect } from 'react';
@@ -15,6 +16,7 @@ import Body from '../components/builder/Body.js';
 
 const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
     const [loadSuccess, setLoadSuccess] = useState(false);
+    const { t } = useI18n();
     const isDisableHeaderFooter = ()=>{
         return isThemeSectionEditor;
     };
@@ -62,47 +64,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
                     components: components,
                     children: /*#__PURE__*/ jsx(SectionProvider, {
                         data: sectionData,
-                        children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
-                            pageName: pageName,
-                            state: initState,
-                            isThemeSectionEditor: isThemeSectionEditor,
-                            children: [
-                                /*#__PURE__*/ jsx(Toolbox, {}),
-                                !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
-                                /*#__PURE__*/ jsx(PopupManager, {}),
-                                loadSuccess && /*#__PURE__*/ jsxs("div", {
-                                    className: "builder gp-z-1 gp-relative",
-                                    children: [
-                                        !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
-                                            className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
-                                            children: /*#__PURE__*/ jsx(Devices, {})
-                                        }) : /*#__PURE__*/ jsx(Header, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })),
-                                        /*#__PURE__*/ jsx(Body, {
-                                            pageType: pageType,
-                                            isThemeSectionEditor: isThemeSectionEditor
-                                        }),
-                                        /*#__PURE__*/ jsx(ImageToLayout, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsx(AddSectionImageToLayout, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            id: "visual-content"
-                                        }),
-                                        !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, "preview")
+                        children: /*#__PURE__*/ jsx(I18nProvider, {
+                            t: t,
+                            children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
+                                pageName: pageName,
+                                state: initState,
+                                isThemeSectionEditor: isThemeSectionEditor,
+                                children: [
+                                    /*#__PURE__*/ jsx(Toolbox, {}),
+                                    !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
+                                    /*#__PURE__*/ jsx(PopupManager, {}),
+                                    loadSuccess && /*#__PURE__*/ jsxs("div", {
+                                        className: "builder gp-z-1 gp-relative",
+                                        children: [
+                                            !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
+                                                className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
+                                                children: /*#__PURE__*/ jsx(Devices, {})
+                                            }) : /*#__PURE__*/ jsx(Header, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })),
+                                            /*#__PURE__*/ jsx(Body, {
+                                                pageType: pageType,
+                                                isThemeSectionEditor: isThemeSectionEditor
+                                            }),
+                                            /*#__PURE__*/ jsx(ImageToLayout, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsx(AddSectionImageToLayout, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                id: "visual-content"
+                                            }),
+                                            !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, "preview")
+                        })
                     })
                 })
             })

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';

package/dist/esm/pages/preview.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import dynamic from 'next/dynamic';
 

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render, AddOn } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
+import { useI18n, PageProvider, BuilderComponentProvider, SectionProvider, I18nProvider, BuilderProvider, Render } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
@@ -10,8 +10,9 @@ import FooterForPostPurchase from '../components/FooterForPostPurchase.js';
 import Script from 'next/script';
 import { useEffect } from '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 = useRouter();
+    const { t } = useI18n();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView(shopToken, pageHandle, router.isFallback);
     const customCodeHeaderID = 'custom-code-header';
@@ -91,6 +92,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             /*#__PURE__*/ jsx(PageProvider, {
                 productOffers: productOffers,
                 publicStoreFrontData: publicStoreFrontData,
+                dynamicDiscountOffer: dynamicDiscountOffer,
                 children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
                     components: components,
                     children: /*#__PURE__*/ jsxs("div", {
@@ -106,22 +108,25 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                             }),
                             /*#__PURE__*/ jsx(SectionProvider, {
                                 data: sectionData,
-                                children: builderData?.map((builder)=>/*#__PURE__*/ jsxs(BuilderProvider, {
-                                        state: builder.data,
-                                        lazy: builder.lazy,
-                                        priority: builder.priority,
-                                        isPostPurchase: isPostPurchase,
-                                        isPreview: isPreview,
-                                        children: [
-                                            /*#__PURE__*/ jsx(Render, {
-                                                uid: builder.uid
-                                            }),
-                                            hasInteraction && /*#__PURE__*/ jsx(Script, {
-                                                defer: true,
-                                                src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
-                                            })
-                                        ]
-                                    }, builder.uid))
+                                children: /*#__PURE__*/ jsx(I18nProvider, {
+                                    t: t,
+                                    children: builderData?.map((builder)=>/*#__PURE__*/ jsxs(BuilderProvider, {
+                                            state: builder.data,
+                                            lazy: builder.lazy,
+                                            priority: builder.priority,
+                                            isPostPurchase: isPostPurchase,
+                                            isPreview: isPreview,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Render, {
+                                                    uid: builder.uid
+                                                }),
+                                                hasInteraction && /*#__PURE__*/ jsx(Script, {
+                                                    defer: true,
+                                                    src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
+                                                })
+                                            ]
+                                        }, builder.uid))
+                                })
                             }),
                             isPostPurchase && /*#__PURE__*/ jsx(FooterForPostPurchase, {
                                 shopName: shopName || ''

package/dist/esm/pages/static.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';