@gem-sdk/pages 2.0.0-staging.120 → 2.0.2

package/dist/cjs/components/ErrorBoundary.js

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

package/dist/cjs/components/ErrorFallback.js

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

package/dist/cjs/components/FacebookPixel.js

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

package/dist/cjs/components/FooterForPostPurchase.js

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

package/dist/cjs/components/GoogleAnalytic.js

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

package/dist/cjs/components/TikTokPixel.js

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var SwitchView = require('./SwitchView.js');
+var InteractionSelectOnPageHeader = require('./InteractionSelectOnPageHeader.js');
 
 const defaultMargin = {
     desktop: '16px',
@@ -22,7 +22,7 @@ const sizeCheck = {
 const Header = (props)=>{
     const { pageType, isOriginTemplate, openPageSetting } = props;
     const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
-    core.usePageStore((s)=>s.sidebarMode);
+    const sidebarMode = core.usePageStore((s)=>s.sidebarMode);
     const activeHeader = layoutSetting?.showHeader || isOriginTemplate;
     const headerColor = activeHeader ? HEADER_ON_COLOR : HEADER_OFF_COLOR;
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -180,7 +180,8 @@ const Header = (props)=>{
                         })
                     ]
                 })
-            })
+            }),
+            sidebarMode === 'interaction' && /*#__PURE__*/ jsxRuntime.jsx(InteractionSelectOnPageHeader.default, {})
         ]
     });
 };

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

@@ -0,0 +1,192 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var react = require('react');
+
+const InteractionSelectOnPageHeader = ()=>{
+    const selectType = core.usePageStore((s)=>s.interactionData?.selectType);
+    const settingType = core.usePageStore((s)=>s.interactionData?.settingType);
+    const setInteractionSelectType = core.usePageStore((s)=>s.setInteractionSelectType);
+    const { closeSelectOnPage, changeSelectMode } = core.useInteraction();
+    const [hoverOption, setHoverOption] = react.useState(null);
+    const [openDropdown, setOpenDropdown] = react.useState(false);
+    const popupRef = react.useRef(null);
+    const isSelectOnPage = core.usePageStore((s)=>s.interactionData?.isSelectOnPage);
+    const handleSetInteraction = (type)=>{
+        setOpenDropdown(false);
+        setInteractionSelectType(type);
+        changeSelectMode(type);
+        if (type == 'PAGE') closeSelectOnPage();
+    };
+    const handleClickOutside = react.useCallback((event)=>{
+        if (!openDropdown) return;
+        if (popupRef.current && !popupRef.current.contains(event.target)) {
+            setOpenDropdown(false);
+        }
+    }, [
+        openDropdown
+    ]);
+    react.useEffect(()=>{
+        document.addEventListener('mousedown', handleClickOutside);
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [
+        handleClickOutside
+    ]);
+    const isShowOverlay = react.useMemo(()=>{
+        return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
+    }, [
+        hoverOption,
+        selectType
+    ]);
+    const title = react.useMemo(()=>{
+        const type = selectType === 'ELEMENT' ? 'an element' : 'entire page';
+        if (settingType === 'TRIGGER') return `Start with triggering  ${type}`;
+        return `Set ${selectType === 'ELEMENT' ? 'an element' : 'entire page'} as target`;
+    }, [
+        selectType,
+        settingType
+    ]);
+    const renderIconCheckSvg = ()=>{
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-w-[21px]",
+            children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                width: "21",
+                height: "20",
+                viewBox: "0 0 21 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                    fillRule: "evenodd",
+                    clipRule: "evenodd",
+                    d: "M16.3415 5.1766C16.5528 5.41207 16.5528 5.79383 16.3415 6.0293L8.45016 14.8234C8.34869 14.9365 8.21107 15 8.06757 15C7.92408 15 7.78645 14.9365 7.68499 14.8234L4.65846 11.4505C4.44717 11.215 4.44718 10.8333 4.65848 10.5978C4.86978 10.3623 5.21236 10.3623 5.42365 10.5978L8.06759 13.5443L15.5764 5.1766C15.7877 4.94113 16.1302 4.94113 16.3415 5.1766Z",
+                    fill: "#00C853"
+                })
+            })
+        });
+    };
+    if (!isSelectOnPage) return null;
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("header", {
+                className: "gp-flex gp-text-[12px] gp-justify-center gp-items-center gp-h-10 gp-fixed gp-top-0 gp-left-0 gp-w-full gp-z-[1000] gp-bg-[#151515] gp-text-white interaction-select-mode-header",
+                children: /*#__PURE__*/ jsxRuntime.jsxs("section", {
+                    className: "gp-flex gp-bg-[#151515]/[0.15] gp-items-center gp-h-full gp-rounded-b-lg gp-pt-1 gp-gap-2",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                            className: "gp-relative",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsxs("button", {
+                                    className: `gp-h-full hover:gp-bg-[#7190FF] gp-w-[280px] gp-gap-2 gp-py-2 gp-px-4 gp-items-center gp-justify-center gp-leading-5 gp-font-medium  gp-flex gp-rounded-b-[8px] gp-bg-[#3C67FF] gp-text-[#F9F9F9]`,
+                                    onClick: ()=>setOpenDropdown((prev)=>!prev),
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx("p", {
+                                            className: "gp-grow",
+                                            children: title
+                                        }),
+                                        settingType === 'TRIGGER' && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                            className: "gp-w-[21px]",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                                                width: "16",
+                                                height: "16",
+                                                viewBox: "0 0 16 16",
+                                                fill: "currentColor",
+                                                xmlns: "http://www.w3.org/2000/svg",
+                                                children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                    fillRule: "evenodd",
+                                                    clipRule: "evenodd",
+                                                    d: "M4.13017 6.11716C4.30374 5.96095 4.58515 5.96095 4.75871 6.11716L8 9.03431L11.2413 6.11716C11.4149 5.96095 11.6963 5.96095 11.8698 6.11716C12.0434 6.27337 12.0434 6.52663 11.8698 6.68284L8.31427 9.88284C8.1407 10.0391 7.8593 10.0391 7.68573 9.88284L4.13017 6.68284C3.95661 6.52663 3.95661 6.27337 4.13017 6.11716Z",
+                                                    fill: "currentColor"
+                                                })
+                                            })
+                                        })
+                                    ]
+                                }),
+                                openDropdown && settingType === 'TRIGGER' && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                    ref: popupRef,
+                                    className: "gp-p-2 gp-flex gp-flex-col gp-absolute gp-top-[calc(100%_+_4px)] gp-w-[280px] gp-bg-[#151515] gp-rounded-xl gp-text-white",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
+                                            "aria-hidden": true,
+                                            onClick: ()=>handleSetInteraction('ELEMENT'),
+                                            onMouseOver: ()=>setHoverOption('ELEMENT'),
+                                            onFocus: ()=>setHoverOption('ELEMENT'),
+                                            onMouseLeave: ()=>setHoverOption(null),
+                                            children: [
+                                                selectType === 'ELEMENT' ? renderIconCheckSvg() : /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                                    className: "gp-w-[21px]",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                                                        width: "18",
+                                                        height: "18",
+                                                        viewBox: "0 0 18 18",
+                                                        fill: "none",
+                                                        xmlns: "http://www.w3.org/2000/svg",
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                            fillRule: "evenodd",
+                                                            clipRule: "evenodd",
+                                                            d: "M8.99983 0.351562C9.34501 0.351562 9.62483 0.631385 9.62483 0.976562V2.15278C12.923 2.45 15.5496 5.07654 15.8468 8.37476H17.0233C17.3684 8.37476 17.6483 8.65458 17.6483 8.99976C17.6483 9.34493 17.3684 9.62476 17.0233 9.62476H15.8468C15.5496 12.923 12.923 15.5495 9.62483 15.8467V17.0232C9.62483 17.3683 9.34501 17.6482 8.99983 17.6482C8.65465 17.6482 8.37483 17.3683 8.37483 17.0232V15.8467C5.07662 15.5495 2.45007 12.923 2.15286 9.62476H0.976562C0.631385 9.62476 0.351562 9.34493 0.351562 8.99976C0.351562 8.65458 0.631385 8.37476 0.976562 8.37476H2.15286C2.45007 5.07654 5.07662 2.45 8.37483 2.15278V0.976562C8.37483 0.631385 8.65465 0.351562 8.99983 0.351562ZM3.40916 9.62476H5.97656C6.32174 9.62476 6.60156 9.34493 6.60156 8.99976C6.60156 8.65458 6.32174 8.37476 5.97656 8.37476H3.40916C3.69738 5.7675 5.76757 3.6973 8.37483 3.40909V5.97656C8.37483 6.32174 8.65465 6.60156 8.99983 6.60156C9.34501 6.60156 9.62483 6.32174 9.62483 5.97656V3.40909C12.2321 3.6973 14.3023 5.7675 14.5905 8.37476H12.0233C11.6781 8.37476 11.3983 8.65458 11.3983 8.99976C11.3983 9.34493 11.6781 9.62476 12.0233 9.62476H14.5905C14.3023 12.232 12.2321 14.3022 9.62483 14.5904V12.0232C9.62483 11.678 9.34501 11.3982 8.99983 11.3982C8.65465 11.3982 8.37483 11.678 8.37483 12.0232V14.5904C5.76757 14.3022 3.69738 12.232 3.40916 9.62476Z",
+                                                            fill: "#AAAAAA"
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
+                                                    className: "gp-h-[21px]",
+                                                    children: "An element"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                            className: "gp-p-2 gp-flex gp-gap-2 gp-cursor-pointer hover:gp-bg-[#3b3b3b] gp-rounded-lg",
+                                            onClick: ()=>handleSetInteraction('PAGE'),
+                                            onMouseOver: ()=>setHoverOption('PAGE'),
+                                            onFocus: ()=>setHoverOption('PAGE'),
+                                            onMouseLeave: ()=>setHoverOption(null),
+                                            "aria-hidden": true,
+                                            children: [
+                                                selectType === 'PAGE' ? renderIconCheckSvg() : /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                                                    width: "21",
+                                                    height: "20",
+                                                    viewBox: "0 0 21 20",
+                                                    fill: "none",
+                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                        fillRule: "evenodd",
+                                                        clipRule: "evenodd",
+                                                        d: "M7.25 4.5C6.55964 4.5 6 5.05964 6 5.75V14.25C6 14.9404 6.55964 15.5 7.25 15.5H13.75C14.4404 15.5 15 14.9404 15 14.25V9.5H11.75C10.7835 9.5 10 8.7165 10 7.75V4.5H7.25ZM11.5 5.56066L13.9393 8H11.75C11.6119 8 11.5 7.88807 11.5 7.75V5.56066ZM4.5 5.75C4.5 4.23122 5.73122 3 7.25 3H10.75C10.9489 3 11.1397 3.07902 11.2803 3.21967L16.2803 8.21967C16.421 8.36032 16.5 8.55109 16.5 8.75V14.25C16.5 15.7688 15.2688 17 13.75 17H7.25C5.73122 17 4.5 15.7688 4.5 14.25V5.75Z",
+                                                        fill: "#AAAAAA"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
+                                                    className: "gp-h-[21px]",
+                                                    children: "Entire page"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            className: "",
+                            onClick: closeSelectOnPage,
+                            children: "Cancel"
+                        })
+                    ]
+                })
+            }),
+            isShowOverlay && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] gp-bg-[#3c67ff]/[0.25] gp-pointer-events-none`,
+                style: {
+                    height: 'calc(100% - 40px)'
+                }
+            })
+        ]
+    });
+};
+
+exports.default = InteractionSelectOnPageHeader;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/index.js

@@ -18,6 +18,12 @@ var userAgent = require('./libs/helpers/user-agent.js');
 var normalize = require('./libs/helpers/normalize.js');
 var getFallback = require('./libs/helpers/get-fallback.js');
 var common = require('./libs/helpers/common.js');
+var collectionDetail = require('./pages/collection-detail.js');
+var preview = require('./pages/preview.js');
+var productDetail = require('./pages/product-detail.js');
+var _static = require('./pages/static.js');
+var builder = require('./pages/builder.js');
+var staticV2 = require('./pages/static-v2.js');
 var getStaticPaths = require('./libs/getStaticPaths.js');
 var genFonts = require('./libs/helpers/gen-fonts.js');
 var googleFonts = require('./libs/google-fonts.js');
@@ -29,12 +35,7 @@ var _500 = require('./pages/500.js');
 var GoogleAnalytic = require('./components/GoogleAnalytic.js');
 var FacebookPixel = require('./components/FacebookPixel.js');
 var TikTokPixel = require('./components/TikTokPixel.js');
-var collectionDetail = require('./pages/collection-detail.js');
-var preview = require('./pages/preview.js');
-var productDetail = require('./pages/product-detail.js');
-var _static = require('./pages/static.js');
-var builder = require('./pages/builder.js');
-var staticV2 = require('./pages/static-v2.js');
+var parseHtml = require('./libs/parse-html.js');
 
 
 
@@ -59,6 +60,12 @@ exports.normalizePageSectionResponseV2 = normalize.normalizePageSectionResponseV
 exports.parseBuilderTemplateV2 = normalize.parseBuilderTemplateV2;
 exports.getFallbackV2 = getFallback.getFallbackV2;
 exports.retryWithDelay = common.retryWithDelay;
+exports.CollectionDetailPage = collectionDetail.default;
+exports.PreviewPage = preview.PreviewPage;
+exports.ProductDetailPage = productDetail.default;
+exports.StaticPage = _static.default;
+exports.BuilderPage = builder.BuilderPage;
+exports.StaticPageV2 = staticV2.StaticPageV2;
 exports.getStaticPaths = getStaticPaths.getStaticPaths;
 exports.getFontFromGroupSetting = genFonts.getFontFromGroupSetting;
 exports.getFontsFromDataBuilder = genFonts.getFontsFromDataBuilder;
@@ -72,9 +79,4 @@ exports.Page500 = _500.Page500;
 exports.GoogleAnalytic = GoogleAnalytic.GoogleAnalytic;
 exports.FacebookPixel = FacebookPixel.FacebookPixel;
 exports.TikTokPixel = TikTokPixel.TikTokPixel;
-exports.CollectionDetailPage = collectionDetail.default;
-exports.PreviewPage = preview.PreviewPage;
-exports.ProductDetailPage = productDetail.default;
-exports.StaticPage = _static.default;
-exports.BuilderPage = builder.BuilderPage;
-exports.StaticPageV2 = staticV2.StaticPageV2;
+exports.parseHtml = parseHtml.parseHtml;

package/dist/cjs/layouts/main.js

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

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

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

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

@@ -10,6 +10,7 @@ var getFallback = require('../helpers/get-fallback.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
 var customFonts = require('../custom-fonts.js');
+var sentry = require('../helpers/sentry.js');
 
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -31,6 +32,10 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 ])
             ]);
             if (theme.status === 'rejected') {
+                sentry.sentryCaptureException('PreviewThemePageDocument', JSON.stringify(theme), {
+                    variables,
+                    theme
+                });
                 throw new Error(theme.reason?.[0]);
             }
             const dataBuilder = theme.value.previewThemePage;
@@ -45,7 +50,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 getFallback.getFallbackV2(fetcher, pageTemplate),
                 customFonts.getCustomFonts(themePageCustomFonts)
             ]);
-            const mobileOnly = !!dataBuilder.isMobile;
+            const mobileOnly = dataBuilder.isMobile ?? false;
             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 +124,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 ? `${languageIsoCode}-${countryIsoCode}` : null;
+            const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
             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 +148,6 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customCodeHeader: dataBuilder.customCode?.header ?? null,
                 customCodeBody: dataBuilder.customCode?.body ?? null,
                 customFonts: customFonts$1,
-                pageBackground: normalize.extractPageBackground(dataBuilder),
                 interaction: dataBuilder?.interaction
             });
         } catch (err) {

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

@@ -152,8 +152,7 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
                 customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
                 pageHandle: dataBuilder.handle ?? null,
                 customFonts: customFonts$1,
-                interaction: dataBuilder?.interaction,
-                pageBackground: normalize.extractPageBackground(dataBuilder)
+                interaction: dataBuilder?.interaction
             });
         } catch (err) {
             nextjs.captureException(err);

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

@@ -83,14 +83,6 @@ const parseBuilderTemplate = (data)=>{
         ...data?.themePageCustomSections ?? []
     ], data?.sectionPosition);
 };
-const extractPageBackground = (data)=>{
-    try {
-        const pageBackgroundStr = data?.metafields?.find((item)=>item?.key === 'page_background')?.value;
-        return JSON.parse(pageBackgroundStr ?? '{}');
-    } catch  {
-        return {};
-    }
-};
 const parseBuilderLibraryTemplate = (data)=>{
     return normalizePageSectionResponseV2([
         ...data?.sections ?? []
@@ -102,7 +94,6 @@ const parseShopLibraryPageTemplate = (data)=>{
     ], data?.sectionPosition);
 };
 
-exports.extractPageBackground = extractPageBackground;
 exports.normalizeBuilderData = normalizeBuilderData;
 exports.normalizePageSectionResponseV2 = normalizePageSectionResponseV2;
 exports.parseBuilderLibraryTemplate = parseBuilderLibraryTemplate;

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/libs/hooks/use-tracking-view.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 var core = require('@gem-sdk/core');

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

@@ -12,7 +12,7 @@ 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, isPreview, interaction })=>{
     const router$1 = router.useRouter();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
@@ -80,14 +80,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                         dangerouslySetInnerHTML: {
                             __html: customFonts
                         }
-                    }, fontStyle),
-                    pageBackground?.isUsePageBackground && pageBackground?.background && /*#__PURE__*/ jsxRuntime.jsx("style", {
-                        children: `
-            body {
-              background: ${pageBackground.background};
-            }
-          `
-                    }, `page_background_${pageBackground?.background}`)
+                    }, fontStyle)
                 ]
             }),
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {

package/dist/esm/components/ErrorBoundary.js

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

package/dist/esm/components/ErrorFallback.js

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

package/dist/esm/components/FacebookPixel.js

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

package/dist/esm/components/FooterForPostPurchase.js

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