@gem-sdk/pages 17.0.0-dev.9 → 17.0.0-dev.92

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

@@ -1,5 +1,5 @@
-import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{useI18n as a,PageProvider as r,BuilderComponentProvider as n,I18nProvider as l,SectionProvider as o,BuilderProvider as i,Render as p}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import m from"next/head";import{useRouter as d}from"next/router";import{useTrackingView as g}from"../libs/hooks/use-tracking-view.js";import{parseHtml as u}from"../libs/parse-html.js";import h from"../components/builder/Header.js";import f from"../components/FooterForPostPurchase.js";import y from"next/script";import{useEffect as _}from"react";import{usePageViewedTracking as b}from"../libs/hooks/usePageViewedTracking.js";let v=({components:v,builderData:k,sectionData:S,seo:x,themeStyle:P,fontStyle:N,elementFontStyle:T,customCodeHeader:j,shopToken:H,pageHandle:I,customFonts:L,isPostPurchase:M,shopName:$,productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,isPreview:q,interaction:A,pageBackground:O,sellingPlanSetting:z,buyerConsentPreCheck:C,id:D,shopID:U,domainTrackingIlp:B})=>{let R=d(),{t:V}=a(),G=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.xyz";g(H,I,R.isFallback),b({id:D,shopID:U,domain:B});let J="custom-code-header";if(_(()=>{let e=document.querySelectorAll(`[class*="${J}-"]`),t=[];e.length>1&&e.forEach(e=>{let s=e.className;if(t.includes(s)){e.remove();return}t.push(s)})},[]),R.isFallback)return e("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let X=(A?.value||[]).length>0;return t(s,{children:[e(c,{...x}),t(m,{children:[u(J,j,!0),P&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:P}},"global-style"),N&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:N}},"google-fonts"),T&&T.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),L&&e("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}},N),O?.isUsePageBackground&&O?.background&&e("style",{children:`
+import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{useI18n as r,PageProvider as a,BuilderComponentProvider as n,I18nProvider as i,SectionProvider as o,LazyPriorityProvider as l,BuilderProvider as p,Render as c}from"@gem-sdk/core";import{NextSeo as d}from"next-seo";import m from"next/head";import{useRouter as g}from"next/router";import{parseHtml as u}from"../libs/parse-html.js";import h from"../components/builder/Header.js";import f from"../components/FooterForPostPurchase.js";import y from"next/script";import{useEffect as _}from"react";import{usePageViewedTracking as b}from"../libs/hooks/usePageViewedTracking.js";import S from"../libs/hooks/useFirstSectionIndex.js";let v=({components:v,builderData:x,sectionData:k,seo:P,themeStyle:N,fontStyle:T,elementFontStyle:j,customCodeHeader:H,customFonts:I,isPostPurchase:L,shopName:M,productOffers:$,publicStoreFrontData:E,dynamicDiscountOffer:F,isPreview:q,interaction:w,pageBackground:A,sellingPlanSetting:O,buyerConsentPreCheck:z,id:C,shopID:D,domainTrackingIlp:U,disableGsFont:B})=>{let R=g(),{t:V}=r(),G=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.xyz";b({id:C,shopID:D,domain:U});let J="custom-code-header",X=S(x);if(_(()=>{let e=document.querySelectorAll(`[class*="${J}-"]`),t=[];e.length>1&&e.forEach(e=>{let s=e.className;if(t.includes(s)){e.remove();return}t.push(s)})},[]),R.isFallback)return e("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let K=(w?.value||[]).length>0;return t(s,{children:[e(d,{...P}),t(m,{children:[u(J,H,!0),N&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:N}},"global-style"),T&&!B&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:T}},"google-fonts"),j&&j.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),I&&e("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:I}},T),A?.isUsePageBackground&&A?.background&&e("style",{children:`
             body {
-              background: ${O.background};
+              background: ${A.background};
             }
-          `},`page_background_${O?.background}`)]}),e(r,{productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,sellingPlanMeta:z,buyerConsentChecked:C,children:e(n,{components:v,children:e(l,{t:V,children:t("div",{className:`${M?"gp-bg-white post-purchase-page":""} `,role:"main",children:[M&&e(h,{pageType:"POST_PURCHASE"}),X&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(A?.value||[])}</div>`}}),e(o,{data:S,children:k?.map(s=>t(i,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:M,isPreview:q,children:[e(p,{uid:s.uid}),X&&e(y,{defer:!0,src:`${G}/assets-v2/gp-flow-action-lip-v7-5.js`})]},s.uid))}),M&&e(f,{shopName:$||""})]})})})})]})};export{v as StaticPageV2};
+          `},`page_background_${A?.background}`)]}),e(a,{productOffers:$,publicStoreFrontData:E,dynamicDiscountOffer:F,sellingPlanMeta:O,buyerConsentChecked:z,children:e(n,{components:v,children:e(i,{t:V,children:t("div",{className:`${L?"gp-bg-white post-purchase-page":""} `,role:"main",children:[L&&e(h,{pageType:"POST_PURCHASE"}),K&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(w?.value||[])}</div>`}}),e(o,{data:k,children:x?.map((s,r)=>e(l,{priority:!!s.priority||r===X,children:t(p,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:L,isPreview:q,children:[e(c,{uid:s.uid}),K&&e(y,{defer:!0,src:`${G}/assets-v2/gp-flow-action-lip-v7-5.js`})]})},s.uid))}),L&&e(f,{shopName:M||""})]})})})})]})};export{v as StaticPageV2};

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, PublicStoreFrontData, ProductSelectFragment, ProductOffer, AppAPIType, FetchFunc, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment, TypographyV2FontFamilyType } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, ProductOffer, AppAPIType, PublicStoreFrontData, ProductSelectFragment, FetchFunc, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment, TypographyV2FontFamilyType } from '@gem-sdk/core';
 import { NextPage, GetStaticPaths } from 'next';
 import * as next_seo from 'next-seo';
 import { NextSeoProps } from 'next-seo';
@@ -115,6 +115,7 @@ type StaticPagePropsV2 = PageBuilderPropsV2 & {
     id?: string | null;
     shopID?: string | null;
     domainTrackingIlp?: string;
+    disableGsFont?: boolean;
     isPostPurchase?: boolean;
     shopName?: string;
     productOffers?: ProductOffer[];
@@ -224,8 +225,6 @@ type SendPageViewedTrackingParams = {
 };
 declare const sendPageViewedTracking: (params: SendPageViewedTrackingParams) => void;
 
-declare const useTrackingView: (token?: string | null, handle?: string | null, isFallback?: boolean) => void;
-
 declare const usePagePreview: (dataBuilder: ThemePageQueryResponse["themePage"], storeProperty: PromiseSettledResult<StorePropertyQueryResponse>, shopifyMeta?: PromiseSettledResult<ShopMetaQueryResponse>) => {
     seo: next_seo.NextSeoProps;
     pageConfig: {
@@ -385,5 +384,7 @@ declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderPr
 
 declare const PreviewTemplate: React.FC<SharePageProps & AdditionalPageBuilderProps>;
 
-export { BuilderPage, BuilderUpsellPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, Page404, Page500, PreviewPage, PreviewTemplate, ProductDetailPage, SharePageTracking, StaticPage, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, createTemplateFetcher, genCSS, getBuilderProps, getCollectionProps, getCollectionSharePageProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFontLinkFromGlobalStyle, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getSharePageContentProps, getSharePageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, sendPageViewedTracking, usePagePreview, usePageViewedTracking, useTrackingView };
+declare const Headless: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
+
+export { BuilderPage, BuilderUpsellPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, Headless, Page404, Page500, PreviewPage, PreviewTemplate, ProductDetailPage, SharePageTracking, StaticPage, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, createTemplateFetcher, genCSS, getBuilderProps, getCollectionProps, getCollectionSharePageProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFontLinkFromGlobalStyle, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getSharePageContentProps, getSharePageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, sendPageViewedTracking, usePagePreview, usePageViewedTracking };
 export type { AppPropsWithLayout, NextPageWithLayout, PageBuilderProps, PageBuilderPropsV2, SharePageAPIResponse, SharePageProps, StaticPagePropsV2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "17.0.0-dev.9",
+  "version": "17.0.0-dev.92",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,10 +27,10 @@
     "next": "14.2.35"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.9",
-    "@gem-sdk/plugin-cookie-bar": "17.0.0-dev.9",
-    "@gem-sdk/plugin-quick-view": "17.0.0-dev.9",
-    "@gem-sdk/plugin-sticky-add-to-cart": "17.0.0-dev.9"
+    "@gem-sdk/core": "17.0.0-dev.90",
+    "@gem-sdk/plugin-cookie-bar": "17.0.0-dev.84",
+    "@gem-sdk/plugin-quick-view": "17.0.0-dev.84",
+    "@gem-sdk/plugin-sticky-add-to-cart": "17.0.0-dev.84"
   },
   "peerDependencies": {
     "next": "14.2.35"

package/dist/cjs/libs/hooks/use-tracking-view.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useTrackingView=(s,t,a)=>{let i=s||process.env.NEXT_PUBLIC_SHOP_TOKEN,o=process.env.NEXT_PUBLIC_API_URL,c=r.useCallback(r=>{o&&i&&fetch(o,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":i},body:JSON.stringify({query:e.PageViewUpDocument,variables:{pageHandle:r}})}).finally(()=>{})},[o,i]);r.useEffect(()=>{t&&!a&&c(t)},[t,c,a])};

package/dist/esm/libs/hooks/use-tracking-view.js

@@ -1,2 +0,0 @@
-'use client';
-import{PageViewUpDocument as e}from"@gem-sdk/core";import{useCallback as o,useEffect as r}from"react";let t=(t,i,n)=>{let s=t||process.env.NEXT_PUBLIC_SHOP_TOKEN,p=process.env.NEXT_PUBLIC_API_URL,a=o(o=>{p&&s&&fetch(p,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":s},body:JSON.stringify({query:e,variables:{pageHandle:o}})}).finally(()=>{})},[p,s]);r(()=>{i&&!n&&a(i)},[i,a,n])};export{t as useTrackingView};