@gem-sdk/pages 2.0.0-dev.173 → 2.0.0-dev.194

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

@@ -122,7 +122,7 @@ const Header = (props)=>{
                                 })
                             ]
                         }),
-                        !isOriginTemplate && /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        !(isOriginTemplate || pageType === 'STATIC') && /*#__PURE__*/ jsxRuntime.jsx("button", {
                             className: "gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",
                             onClick: openPageSetting,
                             children: /*#__PURE__*/ jsxRuntime.jsxs("div", {

package/dist/cjs/layouts/main.js

@@ -11,7 +11,7 @@ const MainLayout = ({ children, ...props })=>{
     const mobileOnly = core.useShopStore((s)=>s.mobileOnly);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            parseHtml.parseHtml(props?.customCodeBody),
+            parseHtml.parseHtml('custom-code-body', props?.customCodeBody),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 className: core.cls({
                     'gp-max-w-mobile gp-mx-auto gp-w-full': mobileOnly

package/dist/cjs/libs/api/get-post-purchase-props-preview.js

@@ -33,6 +33,7 @@ const fetchSalePageDataByID = async (data, fetcher)=>{
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: []
     };
 };
@@ -44,7 +45,7 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
             default: true
         }
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.ThemePageDocument,
             variables
@@ -59,6 +60,12 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -67,10 +74,14 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -116,6 +127,7 @@ const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: productOffers
     };
 };
@@ -123,7 +135,7 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     const variables = {
         shopLibraryPageId: data.shopLibraryPageId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.ShopLibraryPageDocument,
             variables
@@ -138,6 +150,12 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -146,10 +164,14 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.shopLibraryPage,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -157,7 +179,7 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     const variables = {
         libraryTemplateId: data.libraryTemplateId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.LibraryTemplateDocument,
             variables
@@ -172,6 +194,12 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -180,10 +208,14 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -221,7 +253,7 @@ const getRelevantPageData = async (data)=>{
 const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (data)=>{
         try {
             const { id, currentOfferID, isLibraryTemplate, isShopLibraryPage } = data;
-            const { dataBuilder, storeProperty, productOffers, pageStyle } = await getRelevantPageData({
+            const { dataBuilder, storeProperty, productOffers, pageStyle, dynamicDiscountOffer } = await getRelevantPageData({
                 id,
                 currentOfferID,
                 fetcher,
@@ -250,7 +282,8 @@ const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFet
                 swr: {
                     fallback
                 },
-                productOffers
+                productOffers,
+                dynamicDiscountOffer
             });
         } catch (err) {
             console.log('error', err);

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

@@ -45,7 +45,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 getFallback.getFallbackV2(fetcher, pageTemplate),
                 customFonts.getCustomFonts(themePageCustomFonts)
             ]);
-            const mobileOnly = dataBuilder.isMobile ?? false;
+            const mobileOnly = !!dataBuilder.isMobile;
             const description = dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
             const thumbnail = parseJson.parseJson(dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
             const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
@@ -119,15 +119,15 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             };
             const languageIsoCode = shopMeta?.localization.language.isoCode ?? null;
             const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
-            const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
+            const locale = languageIsoCode && countryIsoCode ? `${languageIsoCode}-${countryIsoCode}` : null;
             return parseJson.serializableJson({
                 themeStyle: genCss.genCSS(dataBuilder?.themeStyle?.data, mobileOnly),
                 fontStyle,
                 elementFontStyle,
                 builderData: pageTemplate,
                 pageType,
-                moneyFormat: shopMeta?.shop.moneyFormat ?? null,
-                currency: shopMeta?.localization.country.currency.isoCode ?? null,
+                moneyFormat: shopMeta?.shop?.moneyFormat ?? null,
+                currency: shopMeta?.localization?.country?.currency?.isoCode ?? null,
                 languageIsoCode,
                 countryIsoCode,
                 locale,
@@ -143,7 +143,8 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customCodeHeader: dataBuilder.customCode?.header ?? null,
                 customCodeBody: dataBuilder.customCode?.body ?? null,
                 customFonts: customFonts$1,
-                pageBackground: normalize.extractPageBackground(dataBuilder)
+                pageBackground: normalize.extractPageBackground(dataBuilder),
+                interaction: dataBuilder?.interaction
             });
         } catch (err) {
             nextjs.captureException(err);

package/dist/cjs/libs/parse-html.js

@@ -2,35 +2,27 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var parse = require('html-react-parser');
-var Script = require('next/script');
 
-const parseHtml = (html, isHead)=>{
+const parseHtml = (key, html, isHead)=>{
     if (!html) return undefined;
     try {
         return parse(html, {
             replace: (node)=>{
-                if (node.type === 'script' && node instanceof parse.Element) {
-                    const child = node.children?.[0];
-                    if (child instanceof parse.Text) {
-                        if (isHead) return /*#__PURE__*/ jsxRuntime.jsx("script", {
-                            ...node.attribs,
-                            dangerouslySetInnerHTML: {
-                                __html: child.data
-                            }
-                        });
-                        else return /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                            ...node.attribs,
-                            dangerouslySetInnerHTML: {
-                                __html: child.data
-                            }
-                        });
-                    } else {
-                        if (!isHead) {
-                            return /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                                ...node.attribs
-                            });
+                if (node.type !== 'script' || !(node instanceof parse.Element)) return null;
+                const child = node.children?.[0];
+                if (!child) return null;
+                if (!(child instanceof parse.Text) && !isHead) return /*#__PURE__*/ jsxRuntime.jsx("script", {
+                    id: key,
+                    ...node.attribs
+                }, key);
+                if (child instanceof parse.Text && isHead) {
+                    return /*#__PURE__*/ jsxRuntime.jsx("script", {
+                        id: key,
+                        ...node.attribs,
+                        dangerouslySetInnerHTML: {
+                            __html: child.data
                         }
-                    }
+                    }, key);
                 }
             }
         });

package/dist/cjs/pages/builder.js

@@ -3,6 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
+var nextSeo = require('next-seo');
+var Head = require('next/head');
 var react = require('react');
 var Toolbox = require('../components/builder/Toolbox.js');
 var Header = require('../components/builder/Header.js');
@@ -14,7 +16,7 @@ var Toolbar = require('../components/builder/Toolbar.js');
 var SwitchView = require('../components/builder/SwitchView.js');
 var Body = require('../components/builder/Body.js');
 
-const BuilderPage = ({ components, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
+const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
     const [loadSuccess, setLoadSuccess] = react.useState(false);
     const isDisableHeaderFooter = ()=>{
         return isThemeSectionEditor;
@@ -37,19 +39,26 @@ const BuilderPage = ({ components, themeStyle, fontStyle, sectionData, pageType,
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                type: "text/css",
-                id: "global-style",
-                dangerouslySetInnerHTML: {
-                    __html: themeStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
             }),
-            fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "google-fonts",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: fontStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        type: "text/css",
+                        id: "global-style",
+                        dangerouslySetInnerHTML: {
+                            __html: themeStyle
+                        }
+                    }),
+                    fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "google-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: fontStyle
+                        }
+                    })
+                ]
             }),
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {

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

@@ -5,43 +5,53 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
+var nextSeo = require('next-seo');
 var dynamic = require('next/dynamic');
-var react = require('react');
+var Head = require('next/head');
+var router = require('next/router');
 
 const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
-const CollectionDetailPage = ({ components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
+const CollectionDetailPage = ({ seo, components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
+    const router$1 = router.useRouter();
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            children: "Loading..."
+        });
+    }
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "global-style",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: themeStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
             }),
-            fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "google-fonts",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: fontStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "global-style",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: themeStyle
+                        }
+                    }),
+                    fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "google-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: fontStyle
+                        }
+                    })
+                ]
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(react.Suspense, {
-                fallback: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    children: "Loading..."
-                }),
-                children: /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
-                    children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
-                        components: components,
-                        children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
-                            data: sectionData,
-                            children: /*#__PURE__*/ jsxRuntime.jsx(CollectionProvider, {
-                                collection: collection,
-                                children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
-                                    state: builderData,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
-                                        uid: "ROOT"
-                                    })
+            /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
+                    components: components,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
+                        data: sectionData,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(CollectionProvider, {
+                            collection: collection,
+                            children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
+                                state: builderData,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                    uid: "ROOT"
                                 })
                             })
                         })

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

@@ -5,29 +5,41 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
+var nextSeo = require('next-seo');
 var dynamic = require('next/dynamic');
-var react = require('react');
+var Head = require('next/head');
+var router = require('next/router');
 
 const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
-const ProductDetailPage = ({ themeStyle, fontStyle, product, components, builderData, sectionData })=>{
-    return /*#__PURE__*/ jsxRuntime.jsxs(react.Suspense, {
-        fallback: /*#__PURE__*/ jsxRuntime.jsx("div", {
+const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
+    const router$1 = router.useRouter();
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
             children: "Loading..."
-        }),
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "global-style",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: themeStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
             }),
-            fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "google-fonts",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: fontStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "global-style",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: themeStyle
+                        }
+                    }),
+                    fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "google-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: fontStyle
+                        }
+                    })
+                ]
             }),
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {

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

@@ -1,58 +1,99 @@
-'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
+var nextSeo = require('next-seo');
+var Head = require('next/head');
+var router = require('next/router');
 var useTrackingView = require('../libs/hooks/use-tracking-view.js');
 var parseHtml = require('../libs/parse-html.js');
 var Header = require('../components/builder/Header.js');
 var FooterForPostPurchase = require('../components/FooterForPostPurchase.js');
 var Script = require('next/script');
+var react = require('react');
 
-const StaticPageV2 = ({ components, builderData, sectionData, 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 baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
-    useTrackingView.useTrackingView(shopToken, pageHandle);
+    useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
+    const customCodeHeaderID = 'custom-code-header';
+    react.useEffect(()=>{
+        const customCodeHeaderElement = document.querySelectorAll(`#${customCodeHeaderID}`);
+        if (customCodeHeaderElement.length > 1) {
+            customCodeHeaderElement.forEach((script, index)=>{
+                if (index !== 0) script.remove();
+            });
+        }
+    }, []);
+    if (router$1.isFallback) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-flex gp-h-[100vh] gp-items-center gp-justify-center",
+            children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "gp-flex gp-gap-2",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"
+                    })
+                ]
+            })
+        });
+    }
+    const hasInteraction = (interaction?.value || []).length > 0;
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            parseHtml.parseHtml(customCodeHeader),
-            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "global-style",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: themeStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
+                ...seo
             }),
-            fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "google-fonts",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: fontStyle
-                }
+            /*#__PURE__*/ jsxRuntime.jsxs(Head, {
+                children: [
+                    parseHtml.parseHtml(customCodeHeaderID, customCodeHeader, true),
+                    themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "global-style",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: themeStyle
+                        }
+                    }, "global-style"),
+                    fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "google-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: fontStyle
+                        }
+                    }, "google-fonts"),
+                    elementFontStyle && elementFontStyle.map((fontStyle)=>/*#__PURE__*/ jsxRuntime.jsx("style", {
+                            "data-id": "google-element-fonts",
+                            type: "text/css",
+                            dangerouslySetInnerHTML: {
+                                __html: fontStyle
+                            }
+                        }, fontStyle)),
+                    customFonts && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        "data-id": "custom-element-fonts",
+                        type: "text/css",
+                        dangerouslySetInnerHTML: {
+                            __html: customFonts
+                        }
+                    }, fontStyle),
+                    pageBackground?.isUsePageBackground && pageBackground?.background && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        children: `
+            body {
+              background: ${pageBackground.background};
+            }
+          `
+                    }, `page_background_${pageBackground?.background}`)
+                ]
             }),
-            elementFontStyle && elementFontStyle.map((fontStyle)=>/*#__PURE__*/ jsxRuntime.jsx("style", {
-                    "data-id": "google-element-fonts",
-                    type: "text/css",
-                    dangerouslySetInnerHTML: {
-                        __html: fontStyle
-                    }
-                }, fontStyle)),
-            customFonts && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                "data-id": "custom-element-fonts",
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: customFonts
-                }
-            }, fontStyle),
-            pageBackground?.isUsePageBackground && pageBackground?.background && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                children: `
-          body {
-            background: ${pageBackground.background};
-          }
-        `
-            }, `page_background_${pageBackground?.background}`),
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
                 productOffers: productOffers,
                 publicStoreFrontData: publicStoreFrontData,
+                dynamicDiscountOffer: dynamicDiscountOffer,
                 children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
                     components: components,
                     children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -61,7 +102,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, themeStyle, fontSt
                             isPostPurchase && /*#__PURE__*/ jsxRuntime.jsx(Header.default, {
                                 pageType: "POST_PURCHASE"
                             }),
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                            hasInteraction && /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 dangerouslySetInnerHTML: {
                                     __html: `<div id="gp-interaction" style="display: none;">${JSON.stringify(interaction?.value || [])}</div>`
                                 }
@@ -78,9 +119,8 @@ const StaticPageV2 = ({ components, builderData, sectionData, themeStyle, fontSt
                                             /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
                                                 uid: builder.uid
                                             }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(Script, {
+                                            hasInteraction && /*#__PURE__*/ jsxRuntime.jsx(Script, {
                                                 defer: true,
-                                                strategy: "lazyOnload",
                                                 src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
                                             })
                                         ]