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

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/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.194",
   "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.195",
     "@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"