@gem-sdk/pages 1.63.19 → 2.0.0-dev.161

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

@@ -1,44 +1,33 @@
+'use client';
 'use strict';
 
 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 Head = require('next/head');
-var router = require('next/router');
+var react = require('react');
 
 const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
-const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
-    const router$1 = router.useRouter();
-    if (router$1.isFallback) {
-        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+const ProductDetailPage = ({ themeStyle, fontStyle, product, components, builderData, sectionData })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(react.Suspense, {
+        fallback: /*#__PURE__*/ jsxRuntime.jsx("div", {
             children: "Loading..."
-        });
-    }
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        }),
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
-                ...seo
+            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                "data-id": "global-style",
+                type: "text/css",
+                dangerouslySetInnerHTML: {
+                    __html: themeStyle
+                }
             }),
-            /*#__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
-                        }
-                    })
-                ]
+            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,87 +1,55 @@
+'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, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, isPreview, interaction })=>{
-    const router$1 = router.useRouter();
+const StaticPageV2 = ({ components, builderData, sectionData, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, isPreview, interaction, pageBackground })=>{
     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';
-    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"
-                    })
-                ]
-            })
-        });
-    }
+    useTrackingView.useTrackingView(shopToken, pageHandle);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
-                ...seo
+            parseHtml.parseHtml(customCodeHeader),
+            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                "data-id": "global-style",
+                type: "text/css",
+                dangerouslySetInnerHTML: {
+                    __html: themeStyle
+                }
             }),
-            /*#__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)
-                ]
+            fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                "data-id": "google-fonts",
+                type: "text/css",
+                dangerouslySetInnerHTML: {
+                    __html: fontStyle
+                }
             }),
+            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,
@@ -112,6 +80,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                                             }),
                                             /*#__PURE__*/ jsxRuntime.jsx(Script, {
                                                 defer: true,
+                                                strategy: "lazyOnload",
                                                 src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
                                             })
                                         ]

package/dist/cjs/pages/static.js

@@ -1,56 +1,46 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 react = require('react');
 
-const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
-    const router$1 = router.useRouter();
-    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"
-                    })
-                ]
-            })
-        });
-    }
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+const StaticPage = ({ components, builderData, sectionData, themeStyle, fontStyle })=>{
+    const fallbackContent = /*#__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"
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(react.Suspense, {
+        fallback: fallbackContent,
         children: [
-            /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
-                ...seo
+            themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                "data-id": "global-style",
+                type: "text/css",
+                dangerouslySetInnerHTML: {
+                    __html: themeStyle
+                }
             }),
-            /*#__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
-                        }
-                    })
-                ]
+            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/esm/components/ErrorBoundary.js

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

package/dist/esm/components/ErrorFallback.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const ErrorFallback = ({ error, resetErrorBoundary })=>{

package/dist/esm/components/FacebookPixel.js

@@ -1,23 +1,21 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { fpixel } from '@gem-sdk/core';
-import { useRouter } from 'next/router';
+import { usePathname, useSearchParams } from 'next/navigation';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
 const FacebookPixel = ({ pixelId })=>{
-    const router = useRouter();
+    const pathName = usePathname();
+    const searchParams = useSearchParams();
     useEffect(()=>{
         const handleRouteChange = ()=>{
             fpixel.pageview();
         };
-        router.events.on('routeChangeComplete', handleRouteChange);
-        router.events.on('hashChangeComplete', handleRouteChange);
-        return ()=>{
-            router.events.off('routeChangeComplete', handleRouteChange);
-            router.events.off('hashChangeComplete', handleRouteChange);
-        };
+        handleRouteChange();
     }, [
-        router.events
+        pathName,
+        searchParams
     ]);
     if (!pixelId) return null;
     return /*#__PURE__*/ jsx(Script, {

package/dist/esm/components/FooterForPostPurchase.js

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

package/dist/esm/components/GoogleAnalytic.js

@@ -1,27 +1,26 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { gtag } from '@gem-sdk/core';
-import { useRouter } from 'next/router';
+import { useSearchParams, usePathname } from 'next/navigation';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
 const GoogleAnalytic = ({ trackingId })=>{
-    const router = useRouter();
+    const searchParams = useSearchParams();
+    const pathName = usePathname();
     useEffect(()=>{
+        const url = pathName + searchParams.toString();
         const handleRouteChange = (url)=>{
             gtag.pageview(url, trackingId);
         };
-        router.events.on('routeChangeComplete', handleRouteChange);
-        router.events.on('hashChangeComplete', handleRouteChange);
-        return ()=>{
-            router.events.off('routeChangeComplete', handleRouteChange);
-            router.events.off('hashChangeComplete', handleRouteChange);
-        };
+        handleRouteChange(url);
     }, [
         trackingId,
-        router.events
+        pathName,
+        searchParams
     ]);
     const handleOnReady = ()=>{
-        gtag.pageview(router.pathname, trackingId);
+        gtag.pageview(pathName, trackingId);
     };
     if (!trackingId) return null;
     if (trackingId.startsWith('UA-')) return /*#__PURE__*/ jsxs(Fragment, {

package/dist/esm/components/TikTokPixel.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useInteraction, cls, RenderPreview } from '@gem-sdk/core';

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

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

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

@@ -1,7 +1,7 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useShopStore, usePageStore, cls, makeStyleResponsive } from '@gem-sdk/core';
 import Devices from './SwitchView.js';
-import InteractionSelectOnPageHeader from './InteractionSelectOnPageHeader.js';
 
 const defaultMargin = {
     desktop: '16px',
@@ -18,7 +18,7 @@ const sizeCheck = {
 const Header = (props)=>{
     const { pageType, isOriginTemplate, openPageSetting } = props;
     const layoutSetting = useShopStore((s)=>s.layoutSettings);
-    const sidebarMode = usePageStore((s)=>s.sidebarMode);
+    usePageStore((s)=>s.sidebarMode);
     const activeHeader = layoutSetting?.showHeader || isOriginTemplate;
     const headerColor = activeHeader ? HEADER_ON_COLOR : HEADER_OFF_COLOR;
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -118,7 +118,7 @@ const Header = (props)=>{
                                 })
                             ]
                         }),
-                        !(isOriginTemplate || pageType === 'STATIC') && /*#__PURE__*/ jsx("button", {
+                        !isOriginTemplate && /*#__PURE__*/ 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__*/ jsxs("div", {
@@ -176,8 +176,7 @@ const Header = (props)=>{
                         })
                     ]
                 })
-            }),
-            sidebarMode === 'interaction' && /*#__PURE__*/ jsx(InteractionSelectOnPageHeader, {})
+            })
         ]
     });
 };

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useBuilderPreviewStore, useModalStore, useInteraction, cls } from '@gem-sdk/core';
 import { memo, useMemo, useCallback, useEffect } from 'react';

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { devices } from './const.js';

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { memo, useRef, useCallback, useEffect } from 'react';
 import { getDOMElementParents } from './toolbar/utils/getDOMElementParents.js';

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

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMatchMutate, useShopStore, usePageStore, useBuilderPreviewStore, useSectionStore, useModalStore } from '@gem-sdk/core';
 import { memo, useMemo, useCallback, useEffect } from 'react';

package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';

package/dist/esm/components/image-to-layout/DropElement.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const DropElement = ()=>{

package/dist/esm/components/image-to-layout/ImageToLayout.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useBuilderPreviewStore, cls } from '@gem-sdk/core';
 import { DropElement } from './DropElement.js';

package/dist/esm/index.js

@@ -16,12 +16,6 @@ export { isBot } from './libs/helpers/user-agent.js';
 export { normalizePageSectionResponseV2, parseBuilderTemplateV2 } from './libs/helpers/normalize.js';
 export { getFallbackV2 } from './libs/helpers/get-fallback.js';
 export { retryWithDelay } from './libs/helpers/common.js';
-export { default as CollectionDetailPage } from './pages/collection-detail.js';
-export { PreviewPage } from './pages/preview.js';
-export { default as ProductDetailPage } from './pages/product-detail.js';
-export { default as StaticPage } from './pages/static.js';
-export { BuilderPage } from './pages/builder.js';
-export { StaticPageV2 } from './pages/static-v2.js';
 export { getStaticPaths } from './libs/getStaticPaths.js';
 export { getFontFromGroupSetting, getFontsFromDataBuilder } from './libs/helpers/gen-fonts.js';
 export { getFontFromGlobalStyle, getFonts } from './libs/google-fonts.js';
@@ -33,4 +27,9 @@ export { Page500 } from './pages/500.js';
 export { GoogleAnalytic } from './components/GoogleAnalytic.js';
 export { FacebookPixel } from './components/FacebookPixel.js';
 export { TikTokPixel } from './components/TikTokPixel.js';
-export { parseHtml } from './libs/parse-html.js';
+export { default as CollectionDetailPage } from './pages/collection-detail.js';
+export { PreviewPage } from './pages/preview.js';
+export { default as ProductDetailPage } from './pages/product-detail.js';
+export { default as StaticPage } from './pages/static.js';
+export { BuilderPage } from './pages/builder.js';
+export { StaticPageV2 } from './pages/static-v2.js';

package/dist/esm/layouts/main.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useShopStore, cls, AddOn } from '@gem-sdk/core';
 import { parseHtml } from '../libs/parse-html.js';
@@ -6,7 +7,7 @@ const MainLayout = ({ children, ...props })=>{
     const mobileOnly = useShopStore((s)=>s.mobileOnly);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            parseHtml('custom-code-body', props?.customCodeBody),
+            parseHtml(props?.customCodeBody),
             /*#__PURE__*/ jsx("div", {
                 className: cls({
                     'gp-max-w-mobile gp-mx-auto gp-w-full': mobileOnly

package/dist/esm/libs/api/get-builder-props.js

@@ -1,18 +1,22 @@
-import { StorePropertyDocument } from '@gem-sdk/core';
+import { StorePropertyDocument, ShopShopifyDocument } from '@gem-sdk/core';
 import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
 import { serializableJson, parseJson } from '../helpers/parse-json.js';
 
 const getBuilderProps = async (fetcher, shopifyFetcher)=>{
-    const [storeProperty, shopifyMeta] = await Promise.allSettled([
+    const [storeProperty, shopifyMeta, shopifyInfo] = await Promise.allSettled([
         fetcher([
             StorePropertyDocument
         ]),
         shopifyFetcher([
             ShopMetaDocument
+        ]),
+        fetcher([
+            ShopShopifyDocument
         ])
     ]);
     const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
     const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
+    const shopInfo = shopifyInfo.status === 'fulfilled' ? shopifyInfo.value : undefined;
     const seo = shopMeta ? {
         titleTemplate: `%s | ${shopMeta.shop.name}`,
         defaultTitle: shopMeta?.shop.name,
@@ -32,7 +36,8 @@ const getBuilderProps = async (fetcher, shopifyFetcher)=>{
         swr: {
             revalidateOnMount: true
         },
-        seo
+        seo,
+        timezone: shopInfo?.shopShopify?.timezone
     });
 };
 

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

@@ -251,6 +251,7 @@ const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFet
                 productOffers
             });
         } catch (err) {
+            console.log('error', err);
             captureException(err);
             throw err;
         }

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

@@ -5,10 +5,9 @@ import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-
 import { genCSS } from '../helpers/gen-css.js';
 import { generateManifest } from '../helpers/generate-manifres.js';
 import { getFallbackV2 } from '../helpers/get-fallback.js';
-import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
+import { parseBuilderTemplateV2, extractPageBackground } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 import { getCustomFonts } from '../custom-fonts.js';
-import { sentryCaptureException } from '../helpers/sentry.js';
 
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -30,10 +29,6 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 ])
             ]);
             if (theme.status === 'rejected') {
-                sentryCaptureException('PreviewThemePageDocument', JSON.stringify(theme), {
-                    variables,
-                    theme
-                });
                 throw new Error(theme.reason?.[0]);
             }
             const dataBuilder = theme.value.previewThemePage;
@@ -146,7 +141,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customCodeHeader: dataBuilder.customCode?.header ?? null,
                 customCodeBody: dataBuilder.customCode?.body ?? null,
                 customFonts,
-                interaction: dataBuilder?.interaction
+                pageBackground: extractPageBackground(dataBuilder)
             });
         } catch (err) {
             captureException(err);

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

@@ -4,7 +4,7 @@ import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-
 import { genCSS } from '../helpers/gen-css.js';
 import { generateManifest } from '../helpers/generate-manifres.js';
 import { getFallbackV2 } from '../helpers/get-fallback.js';
-import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
+import { parseBuilderTemplateV2, extractPageBackground } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 import { captureException } from '@sentry/nextjs';
 import { getCustomFonts } from '../custom-fonts.js';
@@ -150,7 +150,8 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
                 pageHandle: dataBuilder.handle ?? null,
                 customFonts,
-                interaction: dataBuilder?.interaction
+                interaction: dataBuilder?.interaction,
+                pageBackground: extractPageBackground(dataBuilder)
             });
         } catch (err) {
             captureException(err);

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

@@ -2,7 +2,7 @@ import { getShortName } from '@gem-sdk/core';
 import merge from 'deepmerge';
 
 const baseDevices = {
-    tablet: '1023px',
+    tablet: '1024px',
     mobile: '767px'
 };
 const devicesOrder = [