npm - @gem-sdk/pages - Versions diffs - 1.63.8 → 1.63.16 - Mend

@gem-sdk/pages 1.63.8 → 1.63.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/cjs/libs/api/get-static-page-props-preview.js +19 -15
package/dist/cjs/pages/static-v2.js +8 -8
package/dist/esm/libs/api/get-static-page-props-preview.js +20 -16
package/dist/esm/pages/static-v2.js +8 -8
package/package.json +2 -2

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

@@ -9,6 +9,7 @@ var generateManifres = require('../helpers/generate-manifres.js');
 var getFallback = require('../helpers/get-fallback.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
+var customFonts = require('../custom-fonts.js');
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -19,9 +20,8 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             };
             const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
                 fetcher([
-                    core.PreviewPageDocument,
-                    variables,
-                    'previewPage'
+                    core.PreviewThemePageDocument,
+                    variables
                 ]),
                 fetcher([
                     core.StorePropertyDocument
@@ -33,19 +33,21 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             if (theme.status === 'rejected') {
                 throw new Error(theme.reason?.[0]);
             }
-            const dataBuilder = theme.value.previewPage;
+            const dataBuilder = theme.value.previewThemePage;
             if (!dataBuilder) {
                 throw new Error(`No data builder found for slug: /preview/${slug}`);
             }
+            const themePageCustomFonts = dataBuilder.customFonts;
             const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
-            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
+            const [elementFontStyle, fontStyle, fallback, customFonts$1] = await Promise.all([
                 googleFonts.getFontStyleFromPageTemplate(pageTemplate),
-                googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
-                getFallback.getFallbackV2(fetcher, pageTemplate)
+                googleFonts.getFontFromGlobalStyle(dataBuilder?.themeStyle?.data),
+                getFallback.getFallbackV2(fetcher, pageTemplate),
+                customFonts.getCustomFonts(themePageCustomFonts)
             ]);
             const mobileOnly = dataBuilder.isMobile ?? false;
-            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-            const thumbnail = parseJson.parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+            const description = dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+            const thumbnail = parseJson.parseJson(dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
             const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
             const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
             const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
@@ -119,7 +121,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
             const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
             return parseJson.serializableJson({
-                themeStyle: genCss.genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
+                themeStyle: genCss.genCSS(dataBuilder?.themeStyle?.data, mobileOnly),
                 fontStyle,
                 elementFontStyle,
                 builderData: pageTemplate,
@@ -135,11 +137,13 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 swatches: parseJson.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
+                gaTrackingId: dataBuilder.analytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.analytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.analytic?.tiktokPixelID ?? null,
+                customCodeHeader: dataBuilder.customCode?.header ?? null,
+                customCodeBody: dataBuilder.customCode?.body ?? null,
+                customFonts: customFonts$1,
+                interaction: dataBuilder?.interaction
             });
         } catch (err) {
             nextjs.captureException(err);

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

@@ -17,6 +17,14 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
     const customCodeHeaderID = 'custom-code-header';
+    react.useEffect(()=>{
+        const customCodeHeaderElement = document.querySelectorAll(`#${customCodeHeaderID}`);
+        if (customCodeHeaderElement.length > 1) {
+            customCodeHeaderElement.forEach((script, index)=>{
+                if (index !== 0) script.remove();
+            });
+        }
+    }, []);
     if (router$1.isFallback) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {
             className: "gp-flex gp-h-[100vh] gp-items-center gp-justify-center",
@@ -36,14 +44,6 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             })
         });
     }
-    react.useEffect(()=>{
-        const customCodeHeaderElement = document.querySelectorAll(`#${customCodeHeaderID}`);
-        if (customCodeHeaderElement.length > 1) {
-            customCodeHeaderElement.forEach((script, index)=>{
-                if (index !== 0) script.remove();
-            });
-        }
-    }, []);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {

package/dist/esm/libs/api/get-static-page-props-preview.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PreviewPageDocument, StorePropertyDocument } from '@gem-sdk/core';
+import { PreviewThemePageDocument, StorePropertyDocument } from '@gem-sdk/core';
 import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
 import { captureException } from '@sentry/nextjs';
 import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-fonts.js';
@@ -7,6 +7,7 @@ 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 { getCustomFonts } from '../custom-fonts.js';
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -17,9 +18,8 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             };
             const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
                 fetcher([
-                    PreviewPageDocument,
-                    variables,
-                    'previewPage'
+                    PreviewThemePageDocument,
+                    variables
                 ]),
                 fetcher([
                     StorePropertyDocument
@@ -31,19 +31,21 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             if (theme.status === 'rejected') {
                 throw new Error(theme.reason?.[0]);
             }
-            const dataBuilder = theme.value.previewPage;
+            const dataBuilder = theme.value.previewThemePage;
             if (!dataBuilder) {
                 throw new Error(`No data builder found for slug: /preview/${slug}`);
             }
+            const themePageCustomFonts = dataBuilder.customFonts;
             const pageTemplate = parseBuilderTemplateV2(dataBuilder);
-            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
+            const [elementFontStyle, fontStyle, fallback, customFonts] = await Promise.all([
                 getFontStyleFromPageTemplate(pageTemplate),
-                getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
-                getFallbackV2(fetcher, pageTemplate)
+                getFontFromGlobalStyle(dataBuilder?.themeStyle?.data),
+                getFallbackV2(fetcher, pageTemplate),
+                getCustomFonts(themePageCustomFonts)
             ]);
             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 description = dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+            const thumbnail = parseJson(dataBuilder?.dataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
             const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
             const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
             const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
@@ -117,7 +119,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
             const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
             const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
             return serializableJson({
-                themeStyle: genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
+                themeStyle: genCSS(dataBuilder?.themeStyle?.data, mobileOnly),
                 fontStyle,
                 elementFontStyle,
                 builderData: pageTemplate,
@@ -133,11 +135,13 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 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
+                gaTrackingId: dataBuilder.analytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.analytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.analytic?.tiktokPixelID ?? null,
+                customCodeHeader: dataBuilder.customCode?.header ?? null,
+                customCodeBody: dataBuilder.customCode?.body ?? null,
+                customFonts,
+                interaction: dataBuilder?.interaction
             });
         } catch (err) {
             captureException(err);

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

@@ -15,6 +15,14 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView(shopToken, pageHandle, router.isFallback);
     const customCodeHeaderID = 'custom-code-header';
+    useEffect(()=>{
+        const customCodeHeaderElement = document.querySelectorAll(`#${customCodeHeaderID}`);
+        if (customCodeHeaderElement.length > 1) {
+            customCodeHeaderElement.forEach((script, index)=>{
+                if (index !== 0) script.remove();
+            });
+        }
+    }, []);
     if (router.isFallback) {
         return /*#__PURE__*/ jsx("div", {
             className: "gp-flex gp-h-[100vh] gp-items-center gp-justify-center",
@@ -34,14 +42,6 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
             })
         });
     }
-    useEffect(()=>{
-        const customCodeHeaderElement = document.querySelectorAll(`#${customCodeHeaderID}`);
-        if (customCodeHeaderElement.length > 1) {
-            customCodeHeaderElement.forEach((script, index)=>{
-                if (index !== 0) script.remove();
-            });
-        }
-    }, []);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(NextSeo, {

package/package.json CHANGED Viewed

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