@gem-sdk/pages 1.23.0-staging.442 → 1.23.0-staging.459

package/dist/cjs/components/Footer.js

@@ -45,7 +45,7 @@ const Footer = (props)=>{
             children: /*#__PURE__*/ jsxRuntime.jsx("div", {
                 className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
                 style: {
-                    maxWidth: `var(--g-ct-w)`,
+                    maxWidth: `var(--g-ct-w, 1200px)`,
                     ...core.makeStyleResponsive('ml', defaultMargin),
                     ...core.makeStyleResponsive('mr', defaultMargin)
                 },

package/dist/cjs/components/FooterForPostPurchase.js

@@ -16,7 +16,7 @@ const FooterForPostPurchase = (props)=>{
         children: /*#__PURE__*/ jsxRuntime.jsx("div", {
             className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
             style: {
-                maxWidth: `var(--g-ct-w)`,
+                maxWidth: `var(--g-ct-w, 1200px)`,
                 ...core.makeStyleResponsive('ml', defaultMargin),
                 ...core.makeStyleResponsive('mr', defaultMargin)
             },

package/dist/cjs/components/Header.js

@@ -24,7 +24,7 @@ const Header = (props)=>{
         children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsxRuntime.jsx("div", {
             className: "gp-flex gp-flex-1 gp-items-center gp-justify-between",
             style: {
-                maxWidth: `var(--g-ct-w)`,
+                maxWidth: `var(--g-ct-w, 1200px)`,
                 ...core.makeStyleResponsive('ml', defaultMargin),
                 ...core.makeStyleResponsive('mr', defaultMargin)
             },

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

@@ -16,13 +16,13 @@ const BASE_DATA = [
     {
         title: 'Insert URL',
         content: 'to generate layout',
-        hasAILogo: true,
+        hasAILogo: false,
         id: 'gps-add-section-bottom-from-url'
     },
     {
         title: 'Upload image',
         content: 'to generate layout',
-        hasAILogo: true,
+        hasAILogo: false,
         id: 'gps-add-section-bottom-from-image'
     }
 ];

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

@@ -141,19 +141,13 @@ const DropElement = ()=>{
                             ]
                         })
                     }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    /*#__PURE__*/ jsxRuntime.jsx("div", {
                         className: "gp-flex gp-items-center gp-gap-2 gp-text-xs",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                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"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                className: "gp-text-medium gp-flex gp-h-[20px] gp-w-[58px] gp-items-center gp-justify-center gp-rounded-[8px] gp-bg-[#3C67FF1A] gp-text-[#0008C9]",
-                                children: "AI Beta"
-                            })
-                        ]
+                        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                            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"
+                        })
                     })
                 ]
             })

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

@@ -1,19 +1,50 @@
 '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 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 fetchThemePageDataByID = async (themePageId, fetcher, shopifyFetcher)=>{
+const fetchSalePageDataByID = async (data, fetcher)=>{
     const variables = {
-        themePageId
+        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, shopifyMeta] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
         fetcher([
             core.ThemePageDocument,
             variables
@@ -21,65 +52,107 @@ const fetchThemePageDataByID = async (themePageId, fetcher, shopifyFetcher)=>{
         fetcher([
             core.StorePropertyDocument
         ]),
-        shopifyFetcher([
-            adapterShopify.ShopMetaDocument
+        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,
-        shopifyMeta
+        productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
-const fetchThemePageDataByTemplateID = async (libraryTemplateId, fetcher, shopifyFetcher)=>{
+const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
     const variables = {
-        libraryTemplateId
+        libraryTemplateId: data.libraryTemplateId
     };
-    const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+    let productOffers = [];
+    const [theme, storeProperty] = await Promise.allSettled([
         fetcher([
             core.LibraryTemplateDocument,
             variables
         ]),
         fetcher([
             core.StorePropertyDocument
-        ]),
-        shopifyFetcher([
-            adapterShopify.ShopMetaDocument
         ])
     ]);
+    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,
-        shopifyMeta
+        productOffers: productOffers
     };
 };
-const getPostPurchasePropsPreview = (fetcher, shopifyFetcher, isTemplate)=>async (id)=>{
+const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (id, currentOfferID)=>{
         try {
-            const { dataBuilder, storeProperty, shopifyMeta } = isTemplate ? await fetchThemePageDataByTemplateID(id, fetcher, shopifyFetcher) : await fetchThemePageDataByID(id, fetcher, shopifyFetcher);
+            const { dataBuilder, storeProperty, productOffers, pageStyle } = librarySaleFunnelID ? await fetchThemePageDataByTemplateID({
+                libraryTemplateId: id,
+                currentOfferID,
+                librarySaleFunnelID
+            }, fetcher) : currentOfferID ? await fetchPostPurchasePageDataByID({
+                themePageId: id,
+                currentOfferID
+            }, fetcher) : await fetchSalePageDataByID({
+                themePageId: id
+            }, fetcher);
             if (!dataBuilder) {
                 throw new Error(`No data builder found for slug: /preview/${id}`);
             }
-            const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
-            const [elementFontStyle, fallback] = await Promise.all([
+            const pageTemplate = librarySaleFunnelID ? normalize.parseBuilderLibraryTemplate(dataBuilder) : normalize.parseBuilderTemplateV2(dataBuilder);
+            const gemPagesStoreFrontFetcher = storeFrontFetcher || fetcher;
+            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
                 googleFonts.getFontStyleFromPageTemplate(pageTemplate),
-                getFallback.getFallbackV2(fetcher, pageTemplate)
+                googleFonts.getFontFromGlobalStyle(pageStyle),
+                getFallback.getFallbackV2(gemPagesStoreFrontFetcher, pageTemplate, false)
             ]);
-            const { seo, pageConfig } = usePagePreview.usePagePreview(dataBuilder, storeProperty, shopifyMeta);
+            const { seo, pageConfig } = usePagePreview.usePagePreview(dataBuilder, storeProperty);
             return parseJson.serializableJson({
+                themeStyle: genCss.genCSS(pageStyle),
                 seo,
                 ...pageConfig,
                 elementFontStyle,
+                fontStyle,
                 builderData: pageTemplate,
-                pageType: 'POST_PURCHASE',
                 swr: {
                     fallback
-                }
+                },
+                productOffers
             });
         } catch (err) {
             nextjs.captureException(err);
@@ -87,6 +160,7 @@ const getPostPurchasePropsPreview = (fetcher, shopifyFetcher, isTemplate)=>async
         }
     };
 
-exports.fetchThemePageDataByID = fetchThemePageDataByID;
+exports.fetchPostPurchasePageDataByID = fetchPostPurchasePageDataByID;
+exports.fetchSalePageDataByID = fetchSalePageDataByID;
 exports.fetchThemePageDataByTemplateID = fetchThemePageDataByTemplateID;
 exports.getPostPurchasePropsPreview = getPostPurchasePropsPreview;

package/dist/cjs/libs/helpers/get-fallback.js

@@ -2,9 +2,8 @@
 
 var core = require('@gem-sdk/core');
 
-const isStorefront = true;
-const getFallbackV2 = async (fetcher, data)=>{
-    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
+const getFallbackV2 = async (fetcher, data, isStorefront = true)=>{
+    const isSample = isStorefront ? !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN : false;
     const queries = data.map((v)=>core.prefetchQueries(v.data, {
             isSample,
             isStorefront

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

@@ -30,7 +30,7 @@ const orderSection = (sections, orders)=>{
     // Return the ordered sections
     const orderedSections = ids?.map((id)=>sections?.find((v)=>v?.id === id)) ?? [];
     // Return the sections that are not in the order list
-    const sectionsNotInOrder = sections?.filter((v)=>!v?.id || !ids?.includes(v.id)) ?? [];
+    const sectionsNotInOrder = sections?.filter((v)=>(!v?.id || !ids?.includes(v.id)) && !v?.deletedAt) ?? [];
     // Return the ordered sections + the sections that are not in the order list
     return orderedSections.concat(sectionsNotInOrder);
 };
@@ -83,8 +83,14 @@ const parseBuilderTemplate = (data)=>{
         ...data?.themePageCustomSections ?? []
     ], data?.sectionPosition);
 };
+const parseBuilderLibraryTemplate = (data)=>{
+    return normalizePageSectionResponseV2([
+        ...data?.sections ?? []
+    ], data?.sectionPosition);
+};
 
 exports.normalizeBuilderData = normalizeBuilderData;
 exports.normalizePageSectionResponseV2 = normalizePageSectionResponseV2;
+exports.parseBuilderLibraryTemplate = parseBuilderLibraryTemplate;
 exports.parseBuilderTemplate = parseBuilderTemplate;
 exports.parseBuilderTemplateV2 = parseBuilderTemplateV2;

package/dist/cjs/libs/hooks/usePagePreview.js

@@ -5,7 +5,7 @@ var parseJson = require('../helpers/parse-json.js');
 
 const usePagePreview = (dataBuilder, storeProperty, shopifyMeta)=>{
     const mobileOnly = dataBuilder?.isMobile ?? false;
-    const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
+    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 languageIsoCode = shopMeta?.localization.language.isoCode ?? null;

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

@@ -10,7 +10,7 @@ var parseHtml = require('../libs/parse-html.js');
 var Header = require('../components/Header.js');
 var FooterForPostPurchase = require('../components/FooterForPostPurchase.js');
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, isPostPurchase, shopName, customFonts })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, isPostPurchase, shopName, customFonts, productOffers, publicStoreFrontData, isPreview })=>{
     const router$1 = router.useRouter();
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
     if (router$1.isFallback) {
@@ -71,6 +71,8 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                 ]
             }),
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
+                productOffers: productOffers,
+                publicStoreFrontData: publicStoreFrontData,
                 children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderComponentProvider, {
                     components: components,
                     children: [
@@ -84,6 +86,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                                     lazy: builder.lazy,
                                     priority: builder.priority,
                                     isPostPurchase: isPostPurchase,
+                                    isPreview: isPreview,
                                     children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
                                         uid: builder.uid
                                     })

package/dist/esm/components/Footer.js

@@ -41,7 +41,7 @@ const Footer = (props)=>{
             children: /*#__PURE__*/ jsx("div", {
                 className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
                 style: {
-                    maxWidth: `var(--g-ct-w)`,
+                    maxWidth: `var(--g-ct-w, 1200px)`,
                     ...makeStyleResponsive('ml', defaultMargin),
                     ...makeStyleResponsive('mr', defaultMargin)
                 },

package/dist/esm/components/FooterForPostPurchase.js

@@ -12,7 +12,7 @@ const FooterForPostPurchase = (props)=>{
         children: /*#__PURE__*/ jsx("div", {
             className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
             style: {
-                maxWidth: `var(--g-ct-w)`,
+                maxWidth: `var(--g-ct-w, 1200px)`,
                 ...makeStyleResponsive('ml', defaultMargin),
                 ...makeStyleResponsive('mr', defaultMargin)
             },

package/dist/esm/components/Header.js

@@ -20,7 +20,7 @@ const Header = (props)=>{
         children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsx("div", {
             className: "gp-flex gp-flex-1 gp-items-center gp-justify-between",
             style: {
-                maxWidth: `var(--g-ct-w)`,
+                maxWidth: `var(--g-ct-w, 1200px)`,
                 ...makeStyleResponsive('ml', defaultMargin),
                 ...makeStyleResponsive('mr', defaultMargin)
             },

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

@@ -12,13 +12,13 @@ const BASE_DATA = [
     {
         title: 'Insert URL',
         content: 'to generate layout',
-        hasAILogo: true,
+        hasAILogo: false,
         id: 'gps-add-section-bottom-from-url'
     },
     {
         title: 'Upload image',
         content: 'to generate layout',
-        hasAILogo: true,
+        hasAILogo: false,
         id: 'gps-add-section-bottom-from-image'
     }
 ];

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

@@ -139,19 +139,13 @@ const DropElement = ()=>{
                             ]
                         })
                     }),
-                    /*#__PURE__*/ jsxs("div", {
+                    /*#__PURE__*/ jsx("div", {
                         className: "gp-flex gp-items-center gp-gap-2 gp-text-xs",
-                        children: [
-                            /*#__PURE__*/ jsx("div", {
-                                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"
-                            }),
-                            /*#__PURE__*/ jsx("div", {
-                                className: "gp-text-medium gp-flex gp-h-[20px] gp-w-[58px] gp-items-center gp-justify-center gp-rounded-[8px] gp-bg-[#3C67FF1A] gp-text-[#0008C9]",
-                                children: "AI Beta"
-                            })
-                        ]
+                        children: /*#__PURE__*/ jsx("div", {
+                            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"
+                        })
                     })
                 ]
             })

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

@@ -1,17 +1,48 @@
-import { ThemePageDocument, StorePropertyDocument, LibraryTemplateDocument } from '@gem-sdk/core';
-import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
+import { ThemePageDocument, StorePropertyDocument, SaleFunnelDiscountsDocument, LibraryTemplateDocument, LibrarySaleFunnelDocument } from '@gem-sdk/core';
 import { captureException } from '@sentry/nextjs';
-import { getFontStyleFromPageTemplate } from '../google-fonts.js';
+import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-fonts.js';
 import { getFallbackV2 } from '../helpers/get-fallback.js';
-import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
+import { parseBuilderLibraryTemplate, 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 fetchThemePageDataByID = async (themePageId, fetcher, shopifyFetcher)=>{
+const fetchSalePageDataByID = async (data, fetcher)=>{
     const variables = {
-        themePageId
+        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, shopifyMeta] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
         fetcher([
             ThemePageDocument,
             variables
@@ -19,65 +50,107 @@ const fetchThemePageDataByID = async (themePageId, fetcher, shopifyFetcher)=>{
         fetcher([
             StorePropertyDocument
         ]),
-        shopifyFetcher([
-            ShopMetaDocument
+        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,
-        shopifyMeta
+        productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
-const fetchThemePageDataByTemplateID = async (libraryTemplateId, fetcher, shopifyFetcher)=>{
+const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
     const variables = {
-        libraryTemplateId
+        libraryTemplateId: data.libraryTemplateId
     };
-    const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+    let productOffers = [];
+    const [theme, storeProperty] = await Promise.allSettled([
         fetcher([
             LibraryTemplateDocument,
             variables
         ]),
         fetcher([
             StorePropertyDocument
-        ]),
-        shopifyFetcher([
-            ShopMetaDocument
         ])
     ]);
+    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,
-        shopifyMeta
+        productOffers: productOffers
     };
 };
-const getPostPurchasePropsPreview = (fetcher, shopifyFetcher, isTemplate)=>async (id)=>{
+const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (id, currentOfferID)=>{
         try {
-            const { dataBuilder, storeProperty, shopifyMeta } = isTemplate ? await fetchThemePageDataByTemplateID(id, fetcher, shopifyFetcher) : await fetchThemePageDataByID(id, fetcher, shopifyFetcher);
+            const { dataBuilder, storeProperty, productOffers, pageStyle } = librarySaleFunnelID ? await fetchThemePageDataByTemplateID({
+                libraryTemplateId: id,
+                currentOfferID,
+                librarySaleFunnelID
+            }, fetcher) : currentOfferID ? await fetchPostPurchasePageDataByID({
+                themePageId: id,
+                currentOfferID
+            }, fetcher) : await fetchSalePageDataByID({
+                themePageId: id
+            }, fetcher);
             if (!dataBuilder) {
                 throw new Error(`No data builder found for slug: /preview/${id}`);
             }
-            const pageTemplate = parseBuilderTemplateV2(dataBuilder);
-            const [elementFontStyle, fallback] = await Promise.all([
+            const pageTemplate = librarySaleFunnelID ? parseBuilderLibraryTemplate(dataBuilder) : parseBuilderTemplateV2(dataBuilder);
+            const gemPagesStoreFrontFetcher = storeFrontFetcher || fetcher;
+            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
                 getFontStyleFromPageTemplate(pageTemplate),
-                getFallbackV2(fetcher, pageTemplate)
+                getFontFromGlobalStyle(pageStyle),
+                getFallbackV2(gemPagesStoreFrontFetcher, pageTemplate, false)
             ]);
-            const { seo, pageConfig } = usePagePreview(dataBuilder, storeProperty, shopifyMeta);
+            const { seo, pageConfig } = usePagePreview(dataBuilder, storeProperty);
             return serializableJson({
+                themeStyle: genCSS(pageStyle),
                 seo,
                 ...pageConfig,
                 elementFontStyle,
+                fontStyle,
                 builderData: pageTemplate,
-                pageType: 'POST_PURCHASE',
                 swr: {
                     fallback
-                }
+                },
+                productOffers
             });
         } catch (err) {
             captureException(err);
@@ -85,4 +158,4 @@ const getPostPurchasePropsPreview = (fetcher, shopifyFetcher, isTemplate)=>async
         }
     };
 
-export { fetchThemePageDataByID, fetchThemePageDataByTemplateID, getPostPurchasePropsPreview };
+export { fetchPostPurchasePageDataByID, fetchSalePageDataByID, fetchThemePageDataByTemplateID, getPostPurchasePropsPreview };

package/dist/esm/libs/helpers/get-fallback.js

@@ -1,8 +1,7 @@
 import { prefetchQueries } from '@gem-sdk/core';
 
-const isStorefront = true;
-const getFallbackV2 = async (fetcher, data)=>{
-    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
+const getFallbackV2 = async (fetcher, data, isStorefront = true)=>{
+    const isSample = isStorefront ? !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN : false;
     const queries = data.map((v)=>prefetchQueries(v.data, {
             isSample,
             isStorefront

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

@@ -28,7 +28,7 @@ const orderSection = (sections, orders)=>{
     // Return the ordered sections
     const orderedSections = ids?.map((id)=>sections?.find((v)=>v?.id === id)) ?? [];
     // Return the sections that are not in the order list
-    const sectionsNotInOrder = sections?.filter((v)=>!v?.id || !ids?.includes(v.id)) ?? [];
+    const sectionsNotInOrder = sections?.filter((v)=>(!v?.id || !ids?.includes(v.id)) && !v?.deletedAt) ?? [];
     // Return the ordered sections + the sections that are not in the order list
     return orderedSections.concat(sectionsNotInOrder);
 };
@@ -81,5 +81,10 @@ const parseBuilderTemplate = (data)=>{
         ...data?.themePageCustomSections ?? []
     ], data?.sectionPosition);
 };
+const parseBuilderLibraryTemplate = (data)=>{
+    return normalizePageSectionResponseV2([
+        ...data?.sections ?? []
+    ], data?.sectionPosition);
+};
 
-export { normalizeBuilderData, normalizePageSectionResponseV2, parseBuilderTemplate, parseBuilderTemplateV2 };
+export { normalizeBuilderData, normalizePageSectionResponseV2, parseBuilderLibraryTemplate, parseBuilderTemplate, parseBuilderTemplateV2 };

package/dist/esm/libs/hooks/usePagePreview.js

@@ -3,7 +3,7 @@ import { parseJson } from '../helpers/parse-json.js';
 
 const usePagePreview = (dataBuilder, storeProperty, shopifyMeta)=>{
     const mobileOnly = dataBuilder?.isMobile ?? false;
-    const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
+    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 languageIsoCode = shopMeta?.localization.language.isoCode ?? null;

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

@@ -8,7 +8,7 @@ import { parseHtml } from '../libs/parse-html.js';
 import Header from '../components/Header.js';
 import FooterForPostPurchase from '../components/FooterForPostPurchase.js';
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, isPostPurchase, shopName, customFonts })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, isPostPurchase, shopName, customFonts, productOffers, publicStoreFrontData, isPreview })=>{
     const router = useRouter();
     useTrackingView(shopToken, pageHandle, router.isFallback);
     if (router.isFallback) {
@@ -69,6 +69,8 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                 ]
             }),
             /*#__PURE__*/ jsx(PageProvider, {
+                productOffers: productOffers,
+                publicStoreFrontData: publicStoreFrontData,
                 children: /*#__PURE__*/ jsxs(BuilderComponentProvider, {
                     components: components,
                     children: [
@@ -82,6 +84,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                                     lazy: builder.lazy,
                                     priority: builder.priority,
                                     isPostPurchase: isPostPurchase,
+                                    isPreview: isPreview,
                                     children: /*#__PURE__*/ jsx(Render, {
                                         uid: builder.uid
                                     })

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ProductOffer, PublicStoreFrontData, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
 import { NextPage, GetStaticPaths } from 'next';
 import * as next_seo from 'next-seo';
 import { NextSeoProps } from 'next-seo';
@@ -84,7 +84,16 @@ declare const getProductProps: (fetcher: FetchFunc) => (handle?: string) => Prom
 
 declare const getStaticPagePropsV2: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
-declare const getPostPurchasePropsPreview: (fetcher: FetchFunc, shopifyFetcher: FetchFunc, isTemplate?: boolean) => (id: string) => Promise<PageBuilderPropsV2>;
+type StaticPagePropsV2 = PageBuilderPropsV2 & {
+    isPostPurchase?: boolean;
+    shopName?: string;
+    productOffers?: ProductOffer[];
+    publicStoreFrontData?: PublicStoreFrontData | null;
+    isPreview?: boolean;
+};
+declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
+
+declare const getPostPurchasePropsPreview: (fetcher: FetchFunc, librarySaleFunnelID?: string, storeFrontFetcher?: FetchFunc) => (id: string, currentOfferID: string) => Promise<Omit<StaticPagePropsV2, 'publicStoreFrontData'>>;
 
 declare const getStaticPagePropsPreview: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
@@ -98,7 +107,7 @@ declare const genCSS: (input?: string | Record<string, any>, mobileOnly?: boolea
 
 declare const useTrackingView: (token?: string | null, handle?: string | null, isFallback?: boolean) => void;
 
-declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'], storeProperty: PromiseSettledResult<StorePropertyQueryResponse>, shopifyMeta: PromiseSettledResult<ShopMetaQueryResponse>) => {
+declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'], storeProperty: PromiseSettledResult<StorePropertyQueryResponse>, shopifyMeta?: PromiseSettledResult<ShopMetaQueryResponse>) => {
     seo: next_seo.NextSeoProps;
     pageConfig: {
         mobileOnly: boolean;
@@ -133,7 +142,7 @@ declare const parseBuilderTemplateV2: (data?: PublishedThemePageSelectFragment)
 
 declare const getFallbackV2: (fetcher: FetchFunc, data: {
     data: any;
-}[]) => Promise<{}>;
+}[], isStorefront?: boolean) => Promise<{}>;
 
 type RetryConfig = {
     retries?: number;
@@ -170,12 +179,6 @@ type BuilderPageProps = {
 };
 declare const BuilderPage: React.FC<BuilderPageProps>;
 
-type StaticPagePropsV2 = PageBuilderPropsV2 & {
-    isPostPurchase?: boolean;
-    shopName?: string;
-};
-declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
-
 declare const getStaticPaths: GetStaticPaths;
 
 type FontItem = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.23.0-staging.442",
+  "version": "1.23.0-staging.459",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -22,17 +22,15 @@
     "@sentry/nextjs": "7.77.0",
     "deepmerge": "4.3.1",
     "html-react-parser": "3.0.15",
-    "next-seo": "^6.0.0"
+    "next-seo": "^6.0.0",
+    "next": "latest"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.23.0-staging.436",
+    "@gem-sdk/core": "1.23.0-staging.458",
     "@gem-sdk/plugin-cookie-bar": "1.23.0-staging.383",
     "@gem-sdk/plugin-quick-view": "1.23.0-staging.383",
     "@gem-sdk/plugin-sticky-add-to-cart": "1.23.0-staging.383"
   },
-  "peerDependencies": {
-    "next": ">=13"
-  },
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "exports": {