@gem-sdk/pages 2.0.0-dev.884 → 2.0.0-staging.118

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

@@ -1 +1,268 @@
-"use strict";var core=require("@gem-sdk/core"),nextjs=require("@sentry/nextjs"),googleFonts=require("../google-fonts.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),usePagePreview=require("../hooks/usePagePreview.js"),parseJson=require("../helpers/parse-json.js"),genCss=require("../helpers/gen-css.js");const fetchSalePageDataByID=async(e,t)=>{let r={themePageId:e.themePageId,first:1,where:{default:!0}},[a,l]=await Promise.allSettled([t([core.ThemePageDocument,r]),t([core.StorePropertyDocument])]);if("rejected"===a.status)throw Error(a.reason?.[0]);return{dataBuilder:a.value.themePage,pageStyle:a.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,storeProperty:l,productOffers:[]}},fetchPostPurchasePageDataByID=async(e,t)=>{let r={themePageId:e.themePageId,first:1,where:{default:!0}},[a,l,s]=await Promise.allSettled([t([core.ThemePageDocument,r]),t([core.StorePropertyDocument]),t([core.SaleFunnelDiscountsDocument,{where:{saleFunnelOfferID:e.currentOfferID}}])]);if("rejected"===a.status)throw Error(a.reason?.[0]);if("rejected"===s.status)throw Error(s.reason?.[0]);return{dataBuilder:a.value.themePage,pageStyle:a.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,storeProperty:l,productOffers:s.value.saleFunnelDiscounts?.edges?.filter(e=>e?.node?.objectType==="PRODUCT"&&e?.node?.type==="ORDER_VALUE")||[]}},fetchThemePageDataByTemplateID=async(e,t)=>{let r={libraryTemplateId:e.libraryTemplateId},a=[],[l,s]=await Promise.allSettled([t([core.LibraryTemplateDocument,r]),t([core.StorePropertyDocument])]);if(e.currentOfferID){let[r]=await Promise.allSettled([t([core.LibrarySaleFunnelDocument,{librarySaleFunnelId:e.librarySaleFunnelID}])]);if("rejected"===r.status)throw Error(r.reason?.[0]);let l=r.value.librarySaleFunnel?.offers?.find(t=>t?.id===e.currentOfferID);l&&(a=l.discounts?.filter(e=>e?.objectType==="PRODUCT"&&"ORDER_VALUE"===e.type).map(e=>({node:{...e}}))||[])}if("rejected"===l.status)throw Error(l.reason?.[0]);return{dataBuilder:l.value.libraryTemplate,pageStyle:void 0,storeProperty:s,productOffers:a}},getPostPurchasePropsPreview=(e,t,r)=>async(a,l)=>{try{let{dataBuilder:s,storeProperty:o,productOffers:n,pageStyle:u}=t?await fetchThemePageDataByTemplateID({libraryTemplateId:a,currentOfferID:l,librarySaleFunnelID:t},e):l?await fetchPostPurchasePageDataByID({themePageId:a,currentOfferID:l},e):await fetchSalePageDataByID({themePageId:a},e);if(!s)throw Error(`No data builder found for slug: /preview/${a}`);let i=t?normalize.parseBuilderLibraryTemplate(s):normalize.parseBuilderTemplateV2(s),c=r||e,[P,g,h]=await Promise.all([googleFonts.getFontStyleFromPageTemplate(i),googleFonts.getFontFromGlobalStyle(u),getFallback.getFallbackV2(c,i,!1)]),{seo:m,pageConfig:d}=usePagePreview.usePagePreview(s,o);return parseJson.serializableJson({themeStyle:genCss.genCSS(u),seo:m,...d,elementFontStyle:P,fontStyle:g,builderData:i,swr:{fallback:h},productOffers:n})}catch(e){throw nextjs.captureException(e),e}};exports.fetchPostPurchasePageDataByID=fetchPostPurchasePageDataByID,exports.fetchSalePageDataByID=fetchSalePageDataByID,exports.fetchThemePageDataByTemplateID=fetchThemePageDataByTemplateID,exports.getPostPurchasePropsPreview=getPostPurchasePropsPreview;
+'use strict';
+
+var core = require('@gem-sdk/core');
+var nextjs = require('@sentry/nextjs');
+var googleFonts = require('../google-fonts.js');
+var getFallback = require('../helpers/get-fallback.js');
+var normalize = require('../helpers/normalize.js');
+var usePagePreview = require('../hooks/usePagePreview.js');
+var parseJson = require('../helpers/parse-json.js');
+var genCss = require('../helpers/gen-css.js');
+
+const fetchSalePageDataByID = async (data, fetcher)=>{
+    const variables = {
+        themePageId: data.themePageId,
+        first: 1,
+        where: {
+            default: true
+        }
+    };
+    const [theme, storeProperty] = await Promise.allSettled([
+        fetcher([
+            core.ThemePageDocument,
+            variables
+        ]),
+        fetcher([
+            core.StorePropertyDocument
+        ])
+    ]);
+    if (theme.status === 'rejected') {
+        throw new Error(theme.reason?.[0]);
+    }
+    return {
+        dataBuilder: theme.value.themePage,
+        pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
+        storeProperty,
+        productOffers: []
+    };
+};
+const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
+    const variables = {
+        themePageId: data.themePageId,
+        first: 1,
+        where: {
+            default: true
+        }
+    };
+    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+        fetcher([
+            core.ThemePageDocument,
+            variables
+        ]),
+        fetcher([
+            core.StorePropertyDocument
+        ]),
+        fetcher([
+            core.SaleFunnelDiscountsDocument,
+            {
+                where: {
+                    saleFunnelOfferID: data.currentOfferID
+                }
+            }
+        ])
+    ]);
+    if (theme.status === 'rejected') {
+        throw new Error(theme.reason?.[0]);
+    }
+    if (saleFunnelDiscounts.status === 'rejected') {
+        throw new Error(saleFunnelDiscounts.reason?.[0]);
+    }
+    return {
+        dataBuilder: theme.value.themePage,
+        pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
+        storeProperty,
+        productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
+    };
+};
+const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
+    const variables = {
+        libraryTemplateId: data.libraryTemplateId
+    };
+    let productOffers = [];
+    const [theme, storeProperty] = await Promise.allSettled([
+        fetcher([
+            core.LibraryTemplateDocument,
+            variables
+        ]),
+        fetcher([
+            core.StorePropertyDocument
+        ])
+    ]);
+    if (data.currentOfferID) {
+        const [librarySaleFunnel] = await Promise.allSettled([
+            fetcher([
+                core.LibrarySaleFunnelDocument,
+                {
+                    librarySaleFunnelId: data.librarySaleFunnelID
+                }
+            ])
+        ]);
+        if (librarySaleFunnel.status === 'rejected') {
+            throw new Error(librarySaleFunnel.reason?.[0]);
+        }
+        const offer = librarySaleFunnel.value.librarySaleFunnel?.offers?.find((offer)=>offer?.id === data.currentOfferID);
+        if (offer) {
+            productOffers = offer.discounts?.filter((item)=>item?.objectType === 'PRODUCT' && item.type === 'ORDER_VALUE').map((item)=>({
+                    node: {
+                        ...item
+                    }
+                })) || [];
+        }
+    }
+    if (theme.status === 'rejected') {
+        throw new Error(theme.reason?.[0]);
+    }
+    return {
+        dataBuilder: theme.value.libraryTemplate,
+        pageStyle: undefined,
+        storeProperty,
+        productOffers: productOffers
+    };
+};
+const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
+    const variables = {
+        shopLibraryPageId: data.shopLibraryPageId
+    };
+    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+        fetcher([
+            core.ShopLibraryPageDocument,
+            variables
+        ]),
+        fetcher([
+            core.StorePropertyDocument
+        ]),
+        fetcher([
+            core.SaleFunnelDiscountsDocument,
+            {
+                where: {
+                    saleFunnelOfferID: data.currentOfferID
+                }
+            }
+        ])
+    ]);
+    if (theme.status === 'rejected') {
+        throw new Error(theme.reason?.[0]);
+    }
+    if (saleFunnelDiscounts.status === 'rejected') {
+        throw new Error(saleFunnelDiscounts.reason?.[0]);
+    }
+    return {
+        dataBuilder: theme.value.shopLibraryPage,
+        pageStyle: undefined,
+        storeProperty,
+        productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
+    };
+};
+const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
+    const variables = {
+        libraryTemplateId: data.libraryTemplateId
+    };
+    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+        fetcher([
+            core.LibraryTemplateDocument,
+            variables
+        ]),
+        fetcher([
+            core.StorePropertyDocument
+        ]),
+        fetcher([
+            core.SaleFunnelDiscountsDocument,
+            {
+                where: {
+                    saleFunnelOfferID: data.currentOfferID
+                }
+            }
+        ])
+    ]);
+    if (theme.status === 'rejected') {
+        throw new Error(theme.reason?.[0]);
+    }
+    if (saleFunnelDiscounts.status === 'rejected') {
+        throw new Error(saleFunnelDiscounts.reason?.[0]);
+    }
+    return {
+        dataBuilder: theme.value.libraryTemplate,
+        pageStyle: undefined,
+        storeProperty,
+        productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
+    };
+};
+const getRelevantPageData = async (data)=>{
+    const { id, currentOfferID, fetcher, isLibraryTemplate, librarySaleFunnelID, isShopLibraryPage } = data;
+    if (librarySaleFunnelID) {
+        return await fetchThemePageDataByTemplateID({
+            libraryTemplateId: id,
+            currentOfferID,
+            librarySaleFunnelID
+        }, fetcher);
+    }
+    if (isShopLibraryPage && currentOfferID) {
+        return await fetchShopLibraryPageDataByID({
+            shopLibraryPageId: id,
+            currentOfferID
+        }, fetcher);
+    }
+    if (isLibraryTemplate && currentOfferID) {
+        return await fetchLibraryTemplateDataByID({
+            libraryTemplateId: id,
+            currentOfferID
+        }, fetcher);
+    }
+    if (currentOfferID) {
+        return await fetchPostPurchasePageDataByID({
+            themePageId: id,
+            currentOfferID
+        }, fetcher);
+    }
+    return await fetchSalePageDataByID({
+        themePageId: id
+    }, fetcher);
+};
+const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (data)=>{
+        try {
+            const { id, currentOfferID, isLibraryTemplate, isShopLibraryPage } = data;
+            const { dataBuilder, storeProperty, productOffers, pageStyle } = await getRelevantPageData({
+                id,
+                currentOfferID,
+                fetcher,
+                isLibraryTemplate,
+                isShopLibraryPage,
+                librarySaleFunnelID
+            });
+            if (!dataBuilder) {
+                throw new Error(`No data builder found for slug: /preview/${id}`);
+            }
+            const pageTemplate = librarySaleFunnelID || isLibraryTemplate && currentOfferID ? normalize.parseBuilderLibraryTemplate(dataBuilder) : isShopLibraryPage ? normalize.parseShopLibraryPageTemplate(dataBuilder) : normalize.parseBuilderTemplateV2(dataBuilder);
+            const gemPagesStoreFrontFetcher = storeFrontFetcher || fetcher;
+            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
+                googleFonts.getFontStyleFromPageTemplate(pageTemplate),
+                googleFonts.getFontFromGlobalStyle(pageStyle),
+                getFallback.getFallbackV2(gemPagesStoreFrontFetcher, pageTemplate, false)
+            ]);
+            const { seo, pageConfig } = usePagePreview.usePagePreview(dataBuilder, storeProperty);
+            return parseJson.serializableJson({
+                themeStyle: genCss.genCSS(pageStyle),
+                seo,
+                ...pageConfig,
+                elementFontStyle,
+                fontStyle,
+                builderData: pageTemplate,
+                swr: {
+                    fallback
+                },
+                productOffers
+            });
+        } catch (err) {
+            console.log('error', err);
+            nextjs.captureException(err);
+            throw err;
+        }
+    };
+
+exports.fetchLibraryTemplateDataByID = fetchLibraryTemplateDataByID;
+exports.fetchPostPurchasePageDataByID = fetchPostPurchasePageDataByID;
+exports.fetchSalePageDataByID = fetchSalePageDataByID;
+exports.fetchShopLibraryPageDataByID = fetchShopLibraryPageDataByID;
+exports.fetchThemePageDataByTemplateID = fetchThemePageDataByTemplateID;
+exports.getPostPurchasePropsPreview = getPostPurchasePropsPreview;
+exports.getRelevantPageData = getRelevantPageData;

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

@@ -1 +1,18 @@
-"use strict";var getCollectionProps=require("./get-collection-props.js"),getProductProps=require("./get-product-props.js"),getStaticPageProps=require("./get-static-page-props.js");const getPreviewProps=(e,t)=>async(r,o)=>{switch(r){case"COLLECTION":return getCollectionProps.getCollectionProps(e)(o);case"PRODUCT":return getProductProps.getProductProps(e)(o);default:return getStaticPageProps.getStaticPageProps(e,t)(o)}};exports.getPreviewProps=getPreviewProps;
+'use strict';
+
+var getCollectionProps = require('./get-collection-props.js');
+var getProductProps = require('./get-product-props.js');
+var getStaticPageProps = require('./get-static-page-props.js');
+
+const getPreviewProps = (fetcher, shopifyFetcher)=>async (pageType, slug)=>{
+        switch(pageType){
+            case 'COLLECTION':
+                return getCollectionProps.getCollectionProps(fetcher)(slug);
+            case 'PRODUCT':
+                return getProductProps.getProductProps(fetcher)(slug);
+            default:
+                return getStaticPageProps.getStaticPageProps(fetcher, shopifyFetcher)(slug);
+        }
+    };
+
+exports.getPreviewProps = getPreviewProps;

package/dist/cjs/libs/api/get-product-props.js

@@ -1 +1,73 @@
-"use strict";var core=require("@gem-sdk/core"),genCss=require("../helpers/gen-css.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js");const getProductProps=e=>async r=>{let t="PRODUCT",s={slug:r,slugType:t},[a,l]=await Promise.all([core.getProductBySlug(e,r),e([core.PublishedThemePagesDocument,s])]),o=l.publishedThemePages?.[0];if(!a||!o)throw Error("Product not found");let u=normalize.parseBuilderTemplate(o),i=core.prefetchQueries(u),d=await Promise.allSettled(i.map(({query:r,variables:t,func:s})=>s?s(e,t):r?e([r,t]):{})),g=i.reduce((e,{key:r},t)=>{let s=d[t];return s?.status==="fulfilled"?{...e,[r]:s.value}:e},{});return parseJson.serializableJson({builderData:u,themeStyle:genCss.genCSS(o.pageStyle?.data),pageType:t,swr:{fallback:g},seo:{title:a.title,description:a.description,openGraph:{images:a.featuredImage?.src?[{url:a.featuredImage.src,alt:a.featuredImage?.alt,height:a.featuredImage?.height,width:a.featuredImage?.width,type:a.featuredImage?.contentType}]:[]}},product:a})};exports.getProductProps=getProductProps;
+'use strict';
+
+var core = require('@gem-sdk/core');
+var genCss = require('../helpers/gen-css.js');
+var normalize = require('../helpers/normalize.js');
+var parseJson = require('../helpers/parse-json.js');
+
+const getProductProps = (fetcher)=>async (handle)=>{
+        const pageType = 'PRODUCT';
+        const variables = {
+            slug: handle,
+            slugType: pageType
+        };
+        const [product, theme] = await Promise.all([
+            core.getProductBySlug(fetcher, handle),
+            fetcher([
+                core.PublishedThemePagesDocument,
+                variables
+            ])
+        ]);
+        const dataBuilder = theme.publishedThemePages?.[0];
+        if (!product || !dataBuilder) {
+            throw new Error('Product not found');
+        }
+        const productTemplate = normalize.parseBuilderTemplate(dataBuilder);
+        const queries = core.prefetchQueries(productTemplate);
+        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
+            if (func) {
+                return func(fetcher, variables);
+            }
+            if (query) return fetcher([
+                query,
+                variables
+            ]);
+            return {};
+        }));
+        const fallback = queries.reduce((acc, { key }, index)=>{
+            const res = datas[index];
+            if (res?.status === 'fulfilled') {
+                return {
+                    ...acc,
+                    [key]: res.value
+                };
+            }
+            return acc;
+        }, {});
+        return parseJson.serializableJson({
+            builderData: productTemplate,
+            themeStyle: genCss.genCSS(dataBuilder.pageStyle?.data),
+            pageType,
+            swr: {
+                fallback
+            },
+            seo: {
+                title: product.title,
+                description: product.description,
+                openGraph: {
+                    images: product.featuredImage?.src ? [
+                        {
+                            url: product.featuredImage.src,
+                            alt: product.featuredImage?.alt,
+                            height: product.featuredImage?.height,
+                            width: product.featuredImage?.width,
+                            type: product.featuredImage?.contentType
+                        }
+                    ] : []
+                }
+            },
+            product
+        });
+    };
+
+exports.getProductProps = getProductProps;

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

@@ -1 +1,155 @@
-"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),nextjs=require("@sentry/nextjs"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js");const getStaticPagePropsPreview=(e,a)=>async r=>{try{let o="STATIC",t={handleURL:r,pageType:o},[s,i,n]=await Promise.allSettled([e([core.PreviewPageDocument,t,"previewPage"]),e([core.StorePropertyDocument]),a([adapterShopify.ShopMetaDocument])]);if("rejected"===s.status)throw Error(s.reason?.[0]);let l=s.value.previewPage;if(!l)throw Error(`No data builder found for slug: /preview/${r}`);let c=normalize.parseBuilderTemplateV2(l),[p,g,m]=await Promise.all([googleFonts.getFontStyleFromPageTemplate(c),googleFonts.getFontFromGlobalStyle(l?.pageStyle?.data),getFallback.getFallbackV2(e,c)]),u=l.isMobile??!1,d=l?.themePageDataSEO?.find(e=>e?.key==="global-meta-description")?.value,h=parseJson.parseJson(l?.themePageDataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),f="fulfilled"===n.status?n.value:void 0,y="fulfilled"===i.status?i.value:void 0,P=y?.storeProperty?.favicon??"/favicon/favicon-32x32.png",x={defaultTitle:f?.shop.name,title:l?.name,description:d??f?.shop.description,openGraph:{site_name:f?.shop.name,locale:f?.localization.country.isoCode,title:l?.name??f?.shop.name,description:d??f?.shop.description,images:h?[h]:[]},nofollow:!0,noindex:!0,canonical:`/preview/${r}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${P}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${P}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${P}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:generateManifres.generateManifest({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:f?.shop.name,short_name:f?.shop.name,description:f?.shop.description,icons:[{src:`${P}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${P}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},v=f?.localization.language.isoCode??null,k=f?.localization.country.isoCode??null,z=v&&k?`${v}-${k}`:null;return parseJson.serializableJson({themeStyle:genCss.genCSS(l?.pageStyle?.data,u),fontStyle:g,elementFontStyle:p,builderData:c,pageType:o,moneyFormat:f?.shop.moneyFormat??null,currency:f?.localization.country.currency.isoCode??null,languageIsoCode:v,countryIsoCode:k,locale:z,swr:{fallback:m},swatches:parseJson.parseJson(y?.storeProperty?.swatchesConfig),seo:x,mobileOnly:u,gaTrackingId:l.themePageAnalytic?.gaTrackingID??null,facebookPixelId:l.themePageAnalytic?.fbPixelID??null,tiktokPixelId:l.themePageAnalytic?.tiktokPixelID??null,customCodeHeader:l.themePageCustomCode?.header??null,customCodeBody:l.themePageCustomCode?.body??null})}catch(e){throw nextjs.captureException(e),e}};exports.getStaticPagePropsPreview=getStaticPagePropsPreview;
+'use strict';
+
+var core = require('@gem-sdk/core');
+var adapterShopify = require('@gem-sdk/adapter-shopify');
+var nextjs = require('@sentry/nextjs');
+var googleFonts = require('../google-fonts.js');
+var genCss = require('../helpers/gen-css.js');
+var generateManifres = require('../helpers/generate-manifres.js');
+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');
+
+const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
+        try {
+            const pageType = 'STATIC';
+            const variables = {
+                handleURL: slug,
+                pageType
+            };
+            const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+                fetcher([
+                    core.PreviewThemePageDocument,
+                    variables
+                ]),
+                fetcher([
+                    core.StorePropertyDocument
+                ]),
+                shopifyFetcher([
+                    adapterShopify.ShopMetaDocument
+                ])
+            ]);
+            if (theme.status === 'rejected') {
+                throw new Error(theme.reason?.[0]);
+            }
+            const dataBuilder = theme.value.previewThemePage;
+            if (!dataBuilder) {
+                throw new Error(`No data builder found for slug: /preview/${slug}`);
+            }
+            const themePageCustomFonts = dataBuilder.customFonts;
+            const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
+            const [elementFontStyle, fontStyle, fallback, customFonts$1] = await Promise.all([
+                googleFonts.getFontStyleFromPageTemplate(pageTemplate),
+                googleFonts.getFontFromGlobalStyle(dataBuilder?.themeStyle?.data),
+                getFallback.getFallbackV2(fetcher, pageTemplate),
+                customFonts.getCustomFonts(themePageCustomFonts)
+            ]);
+            const mobileOnly = !!dataBuilder.isMobile;
+            const description = dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+            const thumbnail = parseJson.parseJson(dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+            const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
+            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,
+                description: description ?? shopMeta?.shop.description,
+                openGraph: {
+                    site_name: shopMeta?.shop.name,
+                    locale: shopMeta?.localization.country.isoCode,
+                    title: dataBuilder?.name ?? shopMeta?.shop.name,
+                    description: description ?? shopMeta?.shop.description,
+                    images: thumbnail ? [
+                        thumbnail
+                    ] : []
+                },
+                nofollow: true,
+                noindex: true,
+                canonical: `/preview/${slug}`,
+                additionalMetaTags: [
+                    {
+                        name: 'theme-color',
+                        content: '#000000'
+                    }
+                ],
+                additionalLinkTags: [
+                    {
+                        rel: 'icon',
+                        sizes: '32x32',
+                        href: `${favicon}-/crop/1:1/center/-/smart_resize/32x32/`
+                    },
+                    {
+                        rel: 'icon',
+                        sizes: '16x16',
+                        href: `${favicon}-/crop/1:1/center/-/smart_resize/16x16/`
+                    },
+                    {
+                        rel: 'apple-touch-icon',
+                        sizes: '180x180',
+                        href: `${favicon}-/crop/1:1/center/-/smart_resize/180x180/`
+                    },
+                    {
+                        rel: 'manifest',
+                        href: generateManifres.generateManifest({
+                            theme_color: '#000000',
+                            background_color: '#ffffff',
+                            display: 'standalone',
+                            scope: '/',
+                            start_url: '/',
+                            name: shopMeta?.shop.name,
+                            short_name: shopMeta?.shop.name,
+                            description: shopMeta?.shop.description,
+                            icons: [
+                                {
+                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/192x192/`,
+                                    sizes: '192x192',
+                                    type: 'image/png',
+                                    purpose: 'any maskable'
+                                },
+                                {
+                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/512x512/`,
+                                    sizes: '512x512',
+                                    type: 'image/png'
+                                }
+                            ]
+                        })
+                    }
+                ]
+            };
+            const languageIsoCode = shopMeta?.localization.language.isoCode ?? null;
+            const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
+            const locale = languageIsoCode && countryIsoCode ? `${languageIsoCode}-${countryIsoCode}` : null;
+            return parseJson.serializableJson({
+                themeStyle: genCss.genCSS(dataBuilder?.themeStyle?.data, mobileOnly),
+                fontStyle,
+                elementFontStyle,
+                builderData: pageTemplate,
+                pageType,
+                moneyFormat: shopMeta?.shop?.moneyFormat ?? null,
+                currency: shopMeta?.localization?.country?.currency?.isoCode ?? null,
+                languageIsoCode,
+                countryIsoCode,
+                locale,
+                swr: {
+                    fallback
+                },
+                swatches: parseJson.parseJson(shopData?.storeProperty?.swatchesConfig),
+                seo,
+                mobileOnly,
+                gaTrackingId: dataBuilder.analytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.analytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.analytic?.tiktokPixelID ?? null,
+                customCodeHeader: dataBuilder.customCode?.header ?? null,
+                customCodeBody: dataBuilder.customCode?.body ?? null,
+                customFonts: customFonts$1,
+                pageBackground: normalize.extractPageBackground(dataBuilder),
+                interaction: dataBuilder?.interaction
+            });
+        } catch (err) {
+            nextjs.captureException(err);
+            throw err;
+        }
+    };
+
+exports.getStaticPagePropsPreview = getStaticPagePropsPreview;