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

package/dist/cjs/pages/preview.js

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

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

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

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

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

package/dist/cjs/pages/static.js

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

package/dist/esm/components/FooterForPostPurchase.js

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

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

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

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

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

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

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

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

@@ -4,11 +4,12 @@ import { useMatchMutate, useShopStore, usePageStore, useBuilderPreviewStore, use
 import { memo, useMemo, useCallback, useEffect } from 'react';
 import { getStorefrontApi } from '../../libs/get-storefront-api.js';
 import { createFontUrl } from '../../libs/google-fonts.js';
+import { checkNotInOptionFont } from '../../libs/helpers/check-option-font.js';
 import { genCSS } from '../../libs/helpers/gen-css.js';
 import { getFontsFromDataBuilder } from '../../libs/helpers/gen-fonts.js';
 import { shopifyCdnWithGoogleFonts } from '../../libs/shopify-cdn-with-google-fonts.js';
 import { libsStore } from '../../store/libs-store.js';
-import { checkNotInOptionFont } from '../../libs/helpers/check-option-font.js';
+import { getListFontWeightTypos } from '../composable/getListFontWeightTypos.js';
 
 const globalStyleId = 'global-style';
 const Toolbox = ()=>{
@@ -35,7 +36,7 @@ const Toolbox = ()=>{
     const changeLayoutSettings = useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = useShopStore((s)=>s.changeShopPlan);
-    const changeShopifyPlan = useShopStore((s)=>s.changeShopifyPlan);
+    const updatePriceWithCurrency = useShopStore((s)=>s.updatePriceWithCurrency);
     const changeFontType = libsStore((s)=>s.changeFontType);
     const fontType = libsStore((s)=>s.fontType);
     const clearModal = useModalStore((s)=>s.clearModal);
@@ -134,9 +135,11 @@ const Toolbox = ()=>{
         try {
             if (detail.data) {
                 const themeStyle = genCSS(detail.data, detail.mobileOnly);
-                const font = Object.entries(detail.data?.font).map(([, value])=>{
-                    return value;
-                }).map((item)=>{
+                const fontWeights = getListFontWeightTypos(detail.data?.typography);
+                const font = Object.entries(detail.data?.font).map(([, value])=>({
+                        ...value,
+                        variants: value.variants.filter((variant)=>fontWeights.includes(variant) || variant === 'regular' && fontWeights.includes('400')).map((variant)=>variant === 'regular' ? '400' : variant)
+                    })).map((item)=>{
                     if (item.type == 'custom') {
                         const isGoogleFont = shopifyCdnWithGoogleFonts.find((ggFont)=>ggFont.family == item.family);
                         if (isGoogleFont) {
@@ -293,12 +296,12 @@ const Toolbox = ()=>{
     }, [
         changeShopPlan
     ]);
-    const onUpdateShopifyPlan = useCallback((e)=>{
-        const shopifyPlan = e.detail;
-        if (!shopifyPlan) return;
-        changeShopifyPlan(shopifyPlan);
+    const onUpdatePriceWithCurrency = useCallback((e)=>{
+        const showPriceCurrency = e.detail;
+        if (!showPriceCurrency) return;
+        updatePriceWithCurrency(showPriceCurrency);
     }, [
-        changeShopifyPlan
+        updatePriceWithCurrency
     ]);
     const onUpdateFontType = useCallback((e)=>{
         const fontType = e.detail;
@@ -424,7 +427,6 @@ const Toolbox = ()=>{
         window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
         window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
-        window.addEventListener('update-shopify-plan', onUpdateShopifyPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
         window.addEventListener('update-item-name', onUpdateItemName);
@@ -438,6 +440,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
         window.addEventListener('change-sidebar-mode', onChangeSidebarMode);
         window.addEventListener('update-font-type', onUpdateFontType);
+        window.addEventListener('update-price-with-currency', onUpdatePriceWithCurrency);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -451,7 +454,7 @@ const Toolbox = ()=>{
             window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
             window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
-            window.removeEventListener('update-shopify-plan', onUpdateShopifyPlan);
+            window.removeEventListener('update-price-with-currency', onUpdatePriceWithCurrency);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
@@ -467,7 +470,6 @@ const Toolbox = ()=>{
     }, [
         onAddEntity,
         onUpdateShopPlan,
-        onUpdateShopifyPlan,
         onForceUpdateEntityProps,
         onUpdateEntityProp,
         onInitBuilder,
@@ -491,7 +493,8 @@ const Toolbox = ()=>{
         onUpdateInteractionSettingType,
         onUpdateFontType,
         onChangeSidebarMode,
-        onUpdateDynamicDiscountOffer
+        onUpdateDynamicDiscountOffer,
+        onUpdatePriceWithCurrency
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "toolbox"

package/dist/esm/components/composable/getListFontWeightTypos.js

@@ -0,0 +1,12 @@
+const getListFontWeightTypos = (font)=>{
+    const fontWeights = new Set();
+    Object.values(font).forEach((fontStyle)=>{
+        // Check desktop fontWeight
+        if (fontStyle.desktop?.fontWeight) {
+            fontWeights.add(fontStyle.desktop.fontWeight);
+        }
+    });
+    return Array.from(fontWeights);
+};
+
+export { getListFontWeightTypos };

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
+import { useI18nStore, useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
 
 const BASE_DATA = [
     {
@@ -33,6 +33,7 @@ const defaultPadding = {
     mobile: 'var(--g-ct-p)'
 };
 const AddSectionImageToLayout = ({ editorImageToLayout })=>{
+    const { t } = useI18nStore();
     const layoutSetting = useShopStore((s)=>s.layoutSettings);
     const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
     const editingPageType = useShopStore((s)=>s.pageType);
@@ -78,11 +79,11 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
             children: [
                 /*#__PURE__*/ jsx("span", {
                     className: "gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",
-                    children: "Add section"
+                    children: t('Add section')
                 }),
                 ACTIONS_DATA.map((action)=>{
                     return /*#__PURE__*/ jsxs("div", {
-                        className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
+                        className: `gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2`,
                         id: action.id,
                         onClick: ()=>handleAddSectionAction(action.eventID),
                         "aria-hidden": true,
@@ -90,7 +91,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
                             /*#__PURE__*/ jsxs("div", {
                                 className: "gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",
                                 children: [
-                                    action.title,
+                                    t(action.title),
                                     action.hasAILogo && /*#__PURE__*/ jsxs("svg", {
                                         width: "43",
                                         height: "20",
@@ -133,7 +134,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
                                 className: "gp-flex gp-items-center",
                                 children: /*#__PURE__*/ jsx("span", {
                                     className: "gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",
-                                    children: action.content
+                                    children: t(action.content)
                                 })
                             })
                         ]

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

@@ -1,7 +1,15 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useI18n, useShopStore } from '@gem-sdk/core';
 
+const SALE_FUNNEL_PAGE_TYPES = [
+    'GP_FUNNEL_PAGE',
+    'GP_PRE_SALE_PAGE'
+];
 const DropElement = ()=>{
+    const { t } = useI18n();
+    const editingPageType = useShopStore((s)=>s.pageType);
+    const isFunnelSalesPage = SALE_FUNNEL_PAGE_TYPES.includes(editingPageType || '');
     const dispatchEventBuildWithSectionActiveTab = (value)=>{
         const event = new CustomEvent('editor:sidebar:build-with-section-active-tab', {
             bubbles: true,
@@ -11,6 +19,15 @@ const DropElement = ()=>{
         });
         window.dispatchEvent(event);
     };
+    const dispatchEventBuildWithTemplateActiveTab = (value)=>{
+        const event = new CustomEvent('editor:sidebar:build-with-template-active-tab', {
+            bubbles: true,
+            detail: {
+                value
+            }
+        });
+        window.dispatchEvent(event);
+    };
     const handleClickGenerate = (e)=>{
         const event = new CustomEvent('editor:sidebar:click-img-to-layout-gallery-btn', e);
         window.dispatchEvent(event);
@@ -99,22 +116,30 @@ const DropElement = ()=>{
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",
-                        children: "Start with Sections from sidebar"
+                        children: isFunnelSalesPage ? t('Start building with Sections/Elements or') : t('Start with Sections from sidebar')
                     }),
                     /*#__PURE__*/ jsxs("div", {
-                        className: "gp-flex gp-w-[291px] gp-justify-between",
+                        className: "gp-flex gp-gap-3 gp-justify-between",
                         children: [
                             /*#__PURE__*/ jsx("button", {
                                 "data-button-add-section": true,
-                                onClick: ()=>dispatchEventBuildWithSectionActiveTab(true),
-                                className: "gp-flex gp-h-[40px] gp-w-[136px] gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",
-                                children: "Add sections"
+                                onClick: ()=>{
+                                    if (isFunnelSalesPage) {
+                                        dispatchEventBuildWithTemplateActiveTab('funnelExisting');
+                                    } else dispatchEventBuildWithSectionActiveTab(true);
+                                },
+                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",
+                                children: isFunnelSalesPage ? t('Use existing page designs') : t('Add sections')
                             }),
                             /*#__PURE__*/ jsx("button", {
                                 "data-button-add-elements": true,
-                                onClick: ()=>dispatchEventBuildWithSectionActiveTab(false),
-                                className: "gp-flex gp-h-[40px] gp-w-[136px] gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",
-                                children: "Add elements"
+                                onClick: ()=>{
+                                    if (isFunnelSalesPage) {
+                                        dispatchEventBuildWithTemplateActiveTab('templates');
+                                    } else dispatchEventBuildWithSectionActiveTab(false);
+                                },
+                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",
+                                children: isFunnelSalesPage ? t('Explore templates') : t('Add elements')
                             })
                         ]
                     }),
@@ -153,7 +178,7 @@ const DropElement = ()=>{
                             "aria-hidden": "true",
                             id: "gp-img-to-layout-gallery-btn",
                             className: "gp-relative gp-cursor-pointer gp-text-[14px] gp-font-medium gp-text-[#3C67FF]",
-                            children: "Start with Generating from URL or image"
+                            children: t('Start with Generating from URL or image')
                         })
                     })
                 ]

package/dist/esm/constants/index.js

@@ -6,7 +6,10 @@ var PublishedThemePageMetafields;
     PublishedThemePageMetafields["ANALYTICS_FB_PIXEL_ID"] = 'analytics_fb_pixel_id';
     PublishedThemePageMetafields["ANALYTICS_TIKTOK_PIXEL_ID"] = 'analytics_tiktok_pixel_id';
     PublishedThemePageMetafields["GLOBAL_META_DESCRIPTION"] = 'global-meta-description';
+    PublishedThemePageMetafields["GLOBAL_META_TITLE"] = 'global-meta-title';
     PublishedThemePageMetafields["GLOBAL_META_THUMBNAIL"] = 'global-meta-thumbnail';
+    PublishedThemePageMetafields["NOINDEX_KEY"] = 'noindex';
+    PublishedThemePageMetafields["NOFOLLOW_KEY"] = 'nofollow';
 })(PublishedThemePageMetafields || (PublishedThemePageMetafields = {}));
 
 export { PublishedThemePageMetafields };

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

@@ -8,6 +8,7 @@ import { getFallbackV2 } from '../helpers/get-fallback.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 {
@@ -29,6 +30,10 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 ])
             ]);
             if (theme.status === 'rejected') {
+                sentryCaptureException('PreviewThemePageDocument', theme.reason, {
+                    variables,
+                    theme
+                });
                 throw new Error(theme.reason?.[0]);
             }
             const dataBuilder = theme.value.previewThemePage;

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

@@ -59,23 +59,28 @@ const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
             ]);
             const mobileOnly = dataBuilder.isMobile ?? false;
             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: [
                     {

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/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';