@gem-sdk/pages 2.0.0-dev.184 → 2.0.0-dev.201

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

@@ -2,8 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
 
 const DropElement = ()=>{
+    const editingPageType = core.useShopStore((s)=>s.pageType);
     const dispatchEventBuildWithSectionActiveTab = (value)=>{
         const event = new CustomEvent('editor:sidebar:build-with-section-active-tab', {
             bubbles: true,
@@ -13,6 +15,15 @@ const DropElement = ()=>{
         });
         window.dispatchEvent(event);
     };
+    const dispatchEventBuildWithTemplateActiveTab = (value)=>{
+        const event = new CustomEvent('editor:sidebar:build-with-template-active-tab', {
+            bubbles: true,
+            detail: {
+                value
+            }
+        });
+        window.dispatchEvent(event);
+    };
     const handleClickGenerate = (e)=>{
         const event = new CustomEvent('editor:sidebar:click-img-to-layout-gallery-btn', e);
         window.dispatchEvent(event);
@@ -101,22 +112,30 @@ const DropElement = ()=>{
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx("div", {
                         className: "gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",
-                        children: "Start with Sections from sidebar"
+                        children: editingPageType === 'GP_FUNNEL_PAGE' ? 'Start building with Sections/Elements or' : 'Start with Sections from sidebar'
                     }),
                     /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-flex gp-w-[291px] gp-justify-between",
+                        className: "gp-flex gp-gap-3 gp-justify-between",
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx("button", {
                                 "data-button-add-section": true,
-                                onClick: ()=>dispatchEventBuildWithSectionActiveTab(true),
-                                className: "gp-flex gp-h-[40px] gp-w-[136px] gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",
-                                children: "Add sections"
+                                onClick: ()=>{
+                                    if (editingPageType === 'GP_FUNNEL_PAGE') {
+                                        dispatchEventBuildWithTemplateActiveTab('funnelExisting');
+                                    } else dispatchEventBuildWithSectionActiveTab(true);
+                                },
+                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",
+                                children: editingPageType === 'GP_FUNNEL_PAGE' ? 'Use existing page designs' : 'Add sections'
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx("button", {
                                 "data-button-add-elements": true,
-                                onClick: ()=>dispatchEventBuildWithSectionActiveTab(false),
-                                className: "gp-flex gp-h-[40px] gp-w-[136px] gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",
-                                children: "Add elements"
+                                onClick: ()=>{
+                                    if (editingPageType === 'GP_FUNNEL_PAGE') {
+                                        dispatchEventBuildWithTemplateActiveTab('templates');
+                                    } else dispatchEventBuildWithSectionActiveTab(false);
+                                },
+                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",
+                                children: editingPageType === 'GP_FUNNEL_PAGE' ? 'Explore templates' : 'Add elements'
                             })
                         ]
                     }),

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

@@ -33,6 +33,7 @@ const fetchSalePageDataByID = async (data, fetcher)=>{
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: []
     };
 };
@@ -44,7 +45,7 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
             default: true
         }
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.ThemePageDocument,
             variables
@@ -59,6 +60,12 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -67,10 +74,14 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -116,6 +127,7 @@ const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: productOffers
     };
 };
@@ -123,7 +135,7 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     const variables = {
         shopLibraryPageId: data.shopLibraryPageId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.ShopLibraryPageDocument,
             variables
@@ -138,6 +150,12 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -146,10 +164,14 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.shopLibraryPage,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -157,7 +179,7 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     const variables = {
         libraryTemplateId: data.libraryTemplateId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             core.LibraryTemplateDocument,
             variables
@@ -172,6 +194,12 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            core.SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -180,10 +208,14 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -221,7 +253,7 @@ const getRelevantPageData = async (data)=>{
 const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (data)=>{
         try {
             const { id, currentOfferID, isLibraryTemplate, isShopLibraryPage } = data;
-            const { dataBuilder, storeProperty, productOffers, pageStyle } = await getRelevantPageData({
+            const { dataBuilder, storeProperty, productOffers, pageStyle, dynamicDiscountOffer } = await getRelevantPageData({
                 id,
                 currentOfferID,
                 fetcher,
@@ -250,7 +282,8 @@ const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFet
                 swr: {
                     fallback
                 },
-                productOffers
+                productOffers,
+                dynamicDiscountOffer
             });
         } catch (err) {
             console.log('error', err);

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -13,7 +12,7 @@ var FooterForPostPurchase = require('../components/FooterForPostPurchase.js');
 var Script = require('next/script');
 var react = require('react');
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, isPreview, interaction, pageBackground })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, dynamicDiscountOffer, isPreview, interaction, pageBackground })=>{
     const router$1 = router.useRouter();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
@@ -94,6 +93,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             /*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
                 productOffers: productOffers,
                 publicStoreFrontData: publicStoreFrontData,
+                dynamicDiscountOffer: dynamicDiscountOffer,
                 children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
                     components: components,
                     children: /*#__PURE__*/ jsxRuntime.jsxs("div", {

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

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

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

@@ -1,4 +1,4 @@
-import { ThemePageDocument, StorePropertyDocument, SaleFunnelDiscountsDocument, LibraryTemplateDocument, LibrarySaleFunnelDocument, ShopLibraryPageDocument } from '@gem-sdk/core';
+import { ThemePageDocument, StorePropertyDocument, SaleFunnelDiscountsDocument, SaleFunnelOfferDocument, 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';
@@ -31,6 +31,7 @@ const fetchSalePageDataByID = async (data, fetcher)=>{
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: []
     };
 };
@@ -42,7 +43,7 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
             default: true
         }
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             ThemePageDocument,
             variables
@@ -57,6 +58,12 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -65,10 +72,14 @@ const fetchPostPurchasePageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.themePage,
         pageStyle: theme.value.themePage?.theme?.themeStyles?.edges?.[0]?.node?.data,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -114,6 +125,7 @@ const fetchThemePageDataByTemplateID = async (data, fetcher)=>{
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: undefined,
         productOffers: productOffers
     };
 };
@@ -121,7 +133,7 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     const variables = {
         shopLibraryPageId: data.shopLibraryPageId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             ShopLibraryPageDocument,
             variables
@@ -136,6 +148,12 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -144,10 +162,14 @@ const fetchShopLibraryPageDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.shopLibraryPage,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -155,7 +177,7 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     const variables = {
         libraryTemplateId: data.libraryTemplateId
     };
-    const [theme, storeProperty, saleFunnelDiscounts] = await Promise.allSettled([
+    const [theme, storeProperty, saleFunnelDiscounts, saleFunnelOffer] = await Promise.allSettled([
         fetcher([
             LibraryTemplateDocument,
             variables
@@ -170,6 +192,12 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
                     saleFunnelOfferID: data.currentOfferID
                 }
             }
+        ]),
+        fetcher([
+            SaleFunnelOfferDocument,
+            {
+                saleFunnelOfferId: data.currentOfferID
+            }
         ])
     ]);
     if (theme.status === 'rejected') {
@@ -178,10 +206,14 @@ const fetchLibraryTemplateDataByID = async (data, fetcher)=>{
     if (saleFunnelDiscounts.status === 'rejected') {
         throw new Error(saleFunnelDiscounts.reason?.[0]);
     }
+    if (saleFunnelOffer.status === 'rejected') {
+        throw new Error(saleFunnelOffer.reason?.[0]);
+    }
     return {
         dataBuilder: theme.value.libraryTemplate,
         pageStyle: undefined,
         storeProperty,
+        dynamicDiscountOffer: saleFunnelOffer.value.saleFunnelOffer?.dynamicDiscounts?.[0],
         productOffers: saleFunnelDiscounts.value.saleFunnelDiscounts?.edges?.filter((item)=>item?.node?.objectType === 'PRODUCT' && item?.node?.type === 'ORDER_VALUE') || []
     };
 };
@@ -219,7 +251,7 @@ const getRelevantPageData = async (data)=>{
 const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFetcher)=>async (data)=>{
         try {
             const { id, currentOfferID, isLibraryTemplate, isShopLibraryPage } = data;
-            const { dataBuilder, storeProperty, productOffers, pageStyle } = await getRelevantPageData({
+            const { dataBuilder, storeProperty, productOffers, pageStyle, dynamicDiscountOffer } = await getRelevantPageData({
                 id,
                 currentOfferID,
                 fetcher,
@@ -248,7 +280,8 @@ const getPostPurchasePropsPreview = (fetcher, librarySaleFunnelID, storeFrontFet
                 swr: {
                     fallback
                 },
-                productOffers
+                productOffers,
+                dynamicDiscountOffer
             });
         } catch (err) {
             console.log('error', err);

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
@@ -11,7 +10,7 @@ import FooterForPostPurchase from '../components/FooterForPostPurchase.js';
 import Script from 'next/script';
 import { useEffect } from 'react';
 
-const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, isPreview, interaction, pageBackground })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, customFonts, isPostPurchase, shopName, productOffers, publicStoreFrontData, dynamicDiscountOffer, isPreview, interaction, pageBackground })=>{
     const router = useRouter();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView(shopToken, pageHandle, router.isFallback);
@@ -92,6 +91,7 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             /*#__PURE__*/ jsx(PageProvider, {
                 productOffers: productOffers,
                 publicStoreFrontData: publicStoreFrontData,
+                dynamicDiscountOffer: dynamicDiscountOffer,
                 children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
                     components: components,
                     children: /*#__PURE__*/ jsxs("div", {

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ import * as next_seo from 'next-seo';
 import { NextSeoProps } from 'next-seo';
 import { AppProps } from 'next/app';
 import { SWRConfig } from 'swr';
+import { OfferDynamicDiscount } from '@gem-sdk/core/src/types/appAPI';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ShopMetaQueryResponse } from '@gem-sdk/adapter-shopify';
 import * as react from 'react';
@@ -94,6 +95,7 @@ type StaticPagePropsV2 = PageBuilderPropsV2 & {
     isPostPurchase?: boolean;
     shopName?: string;
     productOffers?: ProductOffer[];
+    dynamicDiscountOffer?: OfferDynamicDiscount;
     publicStoreFrontData?: PublicStoreFrontData | null;
     isPreview?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "2.0.0-dev.184",
+  "version": "2.0.0-dev.201",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "next": "latest"
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.0.0-dev.184",
+    "@gem-sdk/core": "2.0.0-dev.200",
     "@gem-sdk/plugin-cookie-bar": "2.0.0-dev.184",
     "@gem-sdk/plugin-quick-view": "2.0.0-dev.184",
     "@gem-sdk/plugin-sticky-add-to-cart": "2.0.0-dev.184"