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

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

@@ -1 +1,143 @@
-import{PublishedThemePagesDocument as e,StorePropertyDocument as o}from"@gem-sdk/core";import{ShopMetaDocument as a}from"@gem-sdk/adapter-shopify";import{getFontStyleFromPageTemplate as t,getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as s}from"../helpers/gen-css.js";import{generateManifest as l}from"../helpers/generate-manifres.js";import{getFallbackV2 as i}from"../helpers/get-fallback.js";import{parseBuilderTemplateV2 as n}from"../helpers/normalize.js";import{parseJson as m,serializableJson as p}from"../helpers/parse-json.js";import{captureException as c}from"@sentry/nextjs";let getHomePagePropsV2=(d,h)=>async()=>{try{let c={slugType:"STATIC"},[u,g,f]=await Promise.allSettled([d([e,c]),d([o]),h([a])]);if("rejected"===u.status)throw Error(u.reason?.[0]);let y=u.value?.publishedThemePages?.[0];if(!y)throw Error("No data builder found for Home page");let P=n(y),[x,k,z]=await Promise.all([t(P),r(y?.pageStyle?.data),i(d,P)]),b=y.isMobile??!1,C=y?.themePageDataSEO?.find(e=>e?.key==="global-meta-description")?.value,v=m(y?.themePageDataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),_="fulfilled"===f.status?f.value:void 0,j="fulfilled"===g.status?g.value:void 0,T=j?.storeProperty?.favicon??"/favicon/favicon-32x32.png",w={defaultTitle:_?.shop.name,title:y?.name??"Home",description:C??_?.shop.description,openGraph:{site_name:_?.shop.name,locale:_?.localization.country.isoCode,title:y?.name??_?.shop.name,description:C??_?.shop.description,images:v?[v]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:`https://${j?.storeProperty?.primaryDomain}/`,additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${T}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${T}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${T}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:l({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:_?.shop.name,short_name:_?.shop.name,description:_?.shop.description,icons:[{src:`${T}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${T}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},$=_?.localization.language.isoCode??null,D=_?.localization.country.isoCode??null,I=$&&D?`${$}-${D}`:null;return p({themeStyle:s(y?.pageStyle?.data,b),fontStyle:k,elementFontStyle:x,builderData:P,swr:{fallback:z},moneyFormat:_?.shop.moneyFormat??null,currency:_?.localization.country.currency.isoCode??null,languageIsoCode:$,countryIsoCode:D,locale:I,swatches:m(j?.storeProperty?.swatchesConfig),seo:w,mobileOnly:b,gaTrackingId:y.themePageAnalytic?.gaTrackingID??null,facebookPixelId:y.themePageAnalytic?.fbPixelID??null,tiktokPixelId:y.themePageAnalytic?.tiktokPixelID??null,customCodeHeader:y.themePageCustomCode?.header??null,customCodeBody:y.themePageCustomCode?.body??null,pageHandle:y.handle??null})}catch(e){throw c(e),e}};export{getHomePagePropsV2};
+import { PublishedThemePagesDocument, StorePropertyDocument } from '@gem-sdk/core';
+import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
+import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-fonts.js';
+import { genCSS } from '../helpers/gen-css.js';
+import { generateManifest } from '../helpers/generate-manifres.js';
+import { getFallbackV2 } from '../helpers/get-fallback.js';
+import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
+import { parseJson, serializableJson } from '../helpers/parse-json.js';
+import { captureException } from '@sentry/nextjs';
+
+const getHomePagePropsV2 = (fetcher, shopifyFetcher)=>async ()=>{
+        try {
+            const variables = {
+                slugType: 'STATIC'
+            };
+            const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+                fetcher([
+                    PublishedThemePagesDocument,
+                    variables
+                ]),
+                fetcher([
+                    StorePropertyDocument
+                ]),
+                shopifyFetcher([
+                    ShopMetaDocument
+                ])
+            ]);
+            if (theme.status === 'rejected') {
+                throw new Error(theme.reason?.[0]);
+            }
+            const dataBuilder = theme.value?.publishedThemePages?.[0];
+            if (!dataBuilder) {
+                throw new Error(`No data builder found for Home page`);
+            }
+            const homeTemplate = parseBuilderTemplateV2(dataBuilder);
+            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
+                getFontStyleFromPageTemplate(homeTemplate),
+                getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
+                getFallbackV2(fetcher, homeTemplate)
+            ]);
+            const mobileOnly = dataBuilder.isMobile ?? false;
+            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+            const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.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 ?? 'Home',
+                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
+                    ] : []
+                },
+                additionalMetaTags: [
+                    {
+                        name: 'theme-color',
+                        content: '#000000'
+                    }
+                ],
+                canonical: `https://${shopData?.storeProperty?.primaryDomain}/`,
+                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: 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 ? null : `${languageIsoCode}-${countryIsoCode}`;
+            return serializableJson({
+                themeStyle: genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
+                fontStyle,
+                elementFontStyle,
+                builderData: homeTemplate,
+                swr: {
+                    fallback
+                },
+                moneyFormat: shopMeta?.shop.moneyFormat ?? null,
+                currency: shopMeta?.localization.country.currency.isoCode ?? null,
+                languageIsoCode,
+                countryIsoCode,
+                locale,
+                swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
+                seo,
+                mobileOnly,
+                gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
+                customCodeHeader: dataBuilder.themePageCustomCode?.header ?? null,
+                customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
+                pageHandle: dataBuilder.handle ?? null
+            });
+        } catch (err) {
+            captureException(err);
+            throw err;
+        }
+    };
+
+export { getHomePagePropsV2 };

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

@@ -1 +1,149 @@
-import{PublishedThemePagesDocument as e,StorePropertyDocument as o,prefetchQueries as a}from"@gem-sdk/core";import{ShopMetaDocument as t}from"@gem-sdk/adapter-shopify";import{getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as s}from"../helpers/gen-css.js";import{generateManifest as i}from"../helpers/generate-manifres.js";import{parseBuilderTemplate as l}from"../helpers/normalize.js";import{parseJson as n,serializableJson as m}from"../helpers/parse-json.js";let getHomePageProps=(p,c)=>async()=>{let d="STATIC",u={slugType:d},[f,h,g]=await Promise.allSettled([p([e,u]),p([o]),c([t])]);if("rejected"===f.status)return{pageType:d};let y=f.value.publishedThemePages?.[0],z=l(y),x=await r(y?.pageStyle?.data),v=a(z),P=await Promise.allSettled(v.map(({query:e,variables:o,func:a})=>a?a(p,o):e?p([e,o]):{})),_=v.reduce((e,{key:o},a)=>{let t=P[a];return t?.status==="fulfilled"?{...e,[o]:t.value}:e},{}),S=y?.themePageDataSEO?.find(e=>e?.key==="global-meta-description")?.value,b=n(y?.themePageDataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),j="fulfilled"===g.status?g.value:void 0,k="fulfilled"===h.status?h.value:void 0,T=k?.storeProperty?.favicon??"/favicon/favicon-32x32.png",$={defaultTitle:j?.shop.name,title:y?.name??"Home",description:S??j?.shop.description,openGraph:{site_name:j?.shop.name,locale:j?.localization.country.isoCode,title:y?.name??j?.shop.name,description:S??j?.shop.description,images:b?[b]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:"/",additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${T}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${T}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${T}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:i({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:j?.shop.name,short_name:j?.shop.name,description:j?.shop.description,icons:[{src:`${T}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${T}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},w=j?.localization.language.isoCode??null,C=j?.localization.country.isoCode??null,D=w&&C?`${w}-${C}`:null;return m({themeStyle:s(y?.pageStyle?.data),fontStyle:x,builderData:z,pageType:d,swr:{fallback:_},moneyFormat:j?.shop.moneyFormat??null,currency:j?.localization.country.currency.isoCode??null,locale:D,languageIsoCode:w,countryIsoCode:C,swatches:n(k?.storeProperty?.swatchesConfig),seo:$})};export{getHomePageProps};
+import { PublishedThemePagesDocument, StorePropertyDocument, prefetchQueries } from '@gem-sdk/core';
+import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
+import { getFontFromGlobalStyle } from '../google-fonts.js';
+import { genCSS } from '../helpers/gen-css.js';
+import { generateManifest } from '../helpers/generate-manifres.js';
+import { parseBuilderTemplate } from '../helpers/normalize.js';
+import { parseJson, serializableJson } from '../helpers/parse-json.js';
+
+const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
+        const pageType = 'STATIC';
+        const variables = {
+            slugType: pageType
+        };
+        // const theme = await fetcher<PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables>([
+        //   PublishedThemePagesDocument,
+        //   variables,
+        // ]);
+        const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+            fetcher([
+                PublishedThemePagesDocument,
+                variables
+            ]),
+            fetcher([
+                StorePropertyDocument
+            ]),
+            shopifyFetcher([
+                ShopMetaDocument
+            ])
+        ]);
+        if (theme.status === 'rejected') {
+            return {
+                pageType
+            };
+        }
+        const dataBuilder = theme.value.publishedThemePages?.[0];
+        const homeTemplate = parseBuilderTemplate(dataBuilder);
+        const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
+        const queries = prefetchQueries(homeTemplate);
+        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;
+        }, {});
+        const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+        const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.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 ?? 'Home',
+            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
+                ] : []
+            },
+            additionalMetaTags: [
+                {
+                    name: 'theme-color',
+                    content: '#000000'
+                }
+            ],
+            canonical: '/',
+            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: 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 ? null : `${languageIsoCode}-${countryIsoCode}`;
+        return serializableJson({
+            themeStyle: genCSS(dataBuilder?.pageStyle?.data),
+            fontStyle,
+            builderData: homeTemplate,
+            pageType,
+            swr: {
+                fallback
+            },
+            moneyFormat: shopMeta?.shop.moneyFormat ?? null,
+            currency: shopMeta?.localization.country.currency.isoCode ?? null,
+            locale,
+            languageIsoCode,
+            countryIsoCode,
+            swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
+            seo
+        });
+    };
+
+export { getHomePageProps };

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

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

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

@@ -1 +1,16 @@
-import{getCollectionProps as r}from"./get-collection-props.js";import{getProductProps as e}from"./get-product-props.js";import{getStaticPageProps as t}from"./get-static-page-props.js";let getPreviewProps=(o,p)=>async(s,c)=>{switch(s){case"COLLECTION":return r(o)(c);case"PRODUCT":return e(o)(c);default:return t(o,p)(c)}};export{getPreviewProps};
+import { getCollectionProps } from './get-collection-props.js';
+import { getProductProps } from './get-product-props.js';
+import { getStaticPageProps } from './get-static-page-props.js';
+
+const getPreviewProps = (fetcher, shopifyFetcher)=>async (pageType, slug)=>{
+        switch(pageType){
+            case 'COLLECTION':
+                return getCollectionProps(fetcher)(slug);
+            case 'PRODUCT':
+                return getProductProps(fetcher)(slug);
+            default:
+                return getStaticPageProps(fetcher, shopifyFetcher)(slug);
+        }
+    };
+
+export { getPreviewProps };

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

@@ -1 +1,71 @@
-import{getProductBySlug as e,PublishedThemePagesDocument as t,prefetchQueries as r}from"@gem-sdk/core";import{genCSS as a}from"../helpers/gen-css.js";import{parseBuilderTemplate as s}from"../helpers/normalize.js";import{serializableJson as l}from"../helpers/parse-json.js";let getProductProps=o=>async i=>{let m="PRODUCT",d={slug:i,slugType:m},[p,u]=await Promise.all([e(o,i),o([t,d])]),g=u.publishedThemePages?.[0];if(!p||!g)throw Error("Product not found");let f=s(g),h=r(f),n=await Promise.allSettled(h.map(({query:e,variables:t,func:r})=>r?r(o,t):e?o([e,t]):{})),c=h.reduce((e,{key:t},r)=>{let a=n[r];return a?.status==="fulfilled"?{...e,[t]:a.value}:e},{});return l({builderData:f,themeStyle:a(g.pageStyle?.data),pageType:m,swr:{fallback:c},seo:{title:p.title,description:p.description,openGraph:{images:p.featuredImage?.src?[{url:p.featuredImage.src,alt:p.featuredImage?.alt,height:p.featuredImage?.height,width:p.featuredImage?.width,type:p.featuredImage?.contentType}]:[]}},product:p})};export{getProductProps};
+import { getProductBySlug, PublishedThemePagesDocument, prefetchQueries } from '@gem-sdk/core';
+import { genCSS } from '../helpers/gen-css.js';
+import { parseBuilderTemplate } from '../helpers/normalize.js';
+import { serializableJson } from '../helpers/parse-json.js';
+
+const getProductProps = (fetcher)=>async (handle)=>{
+        const pageType = 'PRODUCT';
+        const variables = {
+            slug: handle,
+            slugType: pageType
+        };
+        const [product, theme] = await Promise.all([
+            getProductBySlug(fetcher, handle),
+            fetcher([
+                PublishedThemePagesDocument,
+                variables
+            ])
+        ]);
+        const dataBuilder = theme.publishedThemePages?.[0];
+        if (!product || !dataBuilder) {
+            throw new Error('Product not found');
+        }
+        const productTemplate = parseBuilderTemplate(dataBuilder);
+        const queries = 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 serializableJson({
+            builderData: productTemplate,
+            themeStyle: 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
+        });
+    };
+
+export { getProductProps };