@gem-sdk/pages 1.23.0-staging.358 → 1.23.0-staging.384

package/dist/esm/pages/builder.js

@@ -14,6 +14,9 @@ import Toolbar from '../components/builder/Toolbar.js';
 
 const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar })=>{
     const [loadSuccess, setLoadSuccess] = useState(false);
+    const isDisableHeaderFooter = ()=>{
+        return isThemeSectionEditor;
+    };
     const initState = useMemo(()=>({
             ROOT: {
                 uid: 'ROOT',
@@ -63,12 +66,14 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
                                 loadSuccess && /*#__PURE__*/ jsxs("div", {
                                     className: "builder gp-z-1 gp-relative",
                                     children: [
-                                        !hiddenToolbar && (isThemeSectionEditor ? /*#__PURE__*/ jsx("div", {
-                                            className: "gp-h-[40px] gp-bg-[#f4f4f4]"
-                                        }) : /*#__PURE__*/ jsx(Header, {})),
+                                        !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
+                                            className: "h-[40px] bg-[#f4f4f4]"
+                                        }) : /*#__PURE__*/ jsx(Header, {
+                                            pageType: pageType
+                                        })),
                                         /*#__PURE__*/ jsx("div", {
                                             id: "storefront",
-                                            className: isThemeSectionEditor ? 'theme-section-editor' : '',
+                                            className: `${isThemeSectionEditor ? 'theme-section-editor' : ''} ${pageType === 'POST_PURCHASE' ? 'post-purchase-page' : ''}`,
                                             children: pageType === 'GP_COLLECTION' ? /*#__PURE__*/ jsx(CollectionGlobalProvider, {
                                                 children: /*#__PURE__*/ jsx(RenderPreview, {
                                                     uid: "ROOT"
@@ -86,7 +91,9 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
                                         /*#__PURE__*/ jsx("div", {
                                             id: "visual-content"
                                         }),
-                                        !isThemeSectionEditor && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {})
+                                        !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
+                                            pageType: pageType
+                                        })
                                     ]
                                 })
                             ]

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

@@ -5,8 +5,10 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { useTrackingView } from '../libs/hooks/use-tracking-view.js';
 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 })=>{
+const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle, isPostPurchase, shopName })=>{
     const router = useRouter();
     useTrackingView(shopToken, pageHandle, router.isFallback);
     if (router.isFallback) {
@@ -60,19 +62,28 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                 ]
             }),
             /*#__PURE__*/ jsx(PageProvider, {
-                children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
+                children: /*#__PURE__*/ jsxs(BuilderComponentProvider, {
                     components: components,
-                    children: /*#__PURE__*/ jsx(SectionProvider, {
-                        data: sectionData,
-                        children: builderData?.map((builder)=>/*#__PURE__*/ jsx(BuilderProvider, {
-                                state: builder.data,
-                                lazy: builder.lazy,
-                                priority: builder.priority,
-                                children: /*#__PURE__*/ jsx(Render, {
-                                    uid: builder.uid
-                                })
-                            }, builder.uid))
-                    })
+                    children: [
+                        isPostPurchase && /*#__PURE__*/ jsx(Header, {
+                            pageType: "POST_PURCHASE"
+                        }),
+                        /*#__PURE__*/ jsx(SectionProvider, {
+                            data: sectionData,
+                            children: builderData?.map((builder)=>/*#__PURE__*/ jsx(BuilderProvider, {
+                                    state: builder.data,
+                                    lazy: builder.lazy,
+                                    priority: builder.priority,
+                                    isPostPurchase: isPostPurchase,
+                                    children: /*#__PURE__*/ jsx(Render, {
+                                        uid: builder.uid
+                                    })
+                                }, builder.uid))
+                        }),
+                        isPostPurchase && /*#__PURE__*/ jsx(FooterForPostPurchase, {
+                            shopName: shopName || ''
+                        })
+                    ]
                 })
             })
         ]

package/dist/types/index.d.ts

@@ -1,9 +1,11 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, PublishedThemePageSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
 import { NextPage, GetStaticPaths } from 'next';
+import * as next_seo from 'next-seo';
 import { NextSeoProps } from 'next-seo';
 import { AppProps } from 'next/app';
 import { SWRConfig } from 'swr';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ShopMetaQueryResponse } from '@gem-sdk/adapter-shopify';
 import * as react from 'react';
 import { Component } from 'react';
 
@@ -81,9 +83,12 @@ 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>;
+
 declare const getStaticPagePropsPreview: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
 declare const createFetcher: (token?: string | null) => FetchFunc;
+declare const createAppAPIFetcher: (token?: string | null, shopID?: string) => FetchFunc;
 declare const createShopifyFetcher: (storefrontToken?: string, handle?: string) => FetchFunc;
 
 declare const getLayout: (page: React.ReactElement, pageProps?: any) => react_jsx_runtime.JSX.Element;
@@ -92,6 +97,19 @@ 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>) => {
+    seo: next_seo.NextSeoProps;
+    pageConfig: {
+        mobileOnly: boolean;
+        locale: string | null;
+        languageIsoCode: ("ID" | "AF" | "AM" | "AR" | "AZ" | "BE" | "BG" | "BM" | "BN" | "BO" | "BR" | "BS" | "CA" | "CU" | "CY" | "DE" | "DZ" | "EE" | "ES" | "ET" | "FI" | "FO" | "FR" | "GA" | "GD" | "GL" | "HR" | "HU" | "IS" | "IT" | "KI" | "KM" | "KN" | "KW" | "KY" | "LB" | "LT" | "LU" | "LV" | "MG" | "MK" | "ML" | "MN" | "MR" | "MS" | "MT" | "MY" | "NE" | "NL" | "NO" | "OM" | "PA" | "PL" | "PS" | "PT" | "RO" | "RU" | "RW" | "SD" | "SE" | "SG" | "SI" | "SK" | "SL" | "SN" | "SO" | "SR" | "SV" | "TA" | "TG" | "TH" | "TK" | "TO" | "TR" | "TT" | "UG" | "UZ" | "AK" | "AS" | "CE" | "CS" | "DA" | "EL" | "EN" | "EO" | "EU" | "FA" | "FF" | "FY" | "GU" | "GV" | "HA" | "HE" | "HI" | "HY" | "IA" | "IG" | "II" | "JA" | "JV" | "KA" | "KK" | "KL" | "KO" | "KS" | "KU" | "LG" | "LN" | "LO" | "MI" | "NB" | "ND" | "NN" | "OR" | "OS" | "PT_BR" | "PT_PT" | "QU" | "RM" | "RN" | "SQ" | "SU" | "SW" | "TE" | "TI" | "UK" | "UR" | "VI" | "VO" | "WO" | "XH" | "YI" | "YO" | "ZH" | "ZH_CN" | "ZH_TW" | "ZU") | null;
+        countryIsoCode: ("ID" | "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AN" | "AO" | "AR" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MK" | "ML" | "MM" | "MN" | "MO" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PS" | "PT" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | "ZZ") | null;
+        moneyFormat: string | null;
+        currency: ("AED" | "AFN" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "AUD" | "AWG" | "AZN" | "BAM" | "BBD" | "BDT" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BRL" | "BSD" | "BTN" | "BWP" | "BYN" | "BYR" | "BZD" | "CAD" | "CDF" | "CHF" | "CLP" | "CNY" | "COP" | "CRC" | "CVE" | "CZK" | "DJF" | "DKK" | "DOP" | "DZD" | "EGP" | "ERN" | "ETB" | "EUR" | "FJD" | "FKP" | "GBP" | "GEL" | "GHS" | "GIP" | "GMD" | "GNF" | "GTQ" | "GYD" | "HKD" | "HNL" | "HRK" | "HTG" | "HUF" | "IDR" | "ILS" | "INR" | "IQD" | "IRR" | "ISK" | "JEP" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KID" | "KMF" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LTL" | "LVL" | "LYD" | "MAD" | "MDL" | "MGA" | "MKD" | "MMK" | "MNT" | "MOP" | "MRU" | "MUR" | "MVR" | "MWK" | "MXN" | "MYR" | "MZN" | "NAD" | "NGN" | "NIO" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PYG" | "QAR" | "RON" | "RSD" | "RUB" | "RWF" | "SAR" | "SBD" | "SCR" | "SDG" | "SEK" | "SGD" | "SHP" | "SLL" | "SOS" | "SRD" | "SSP" | "STD" | "STN" | "SYP" | "SZL" | "THB" | "TJS" | "TMT" | "TND" | "TOP" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "UYU" | "UZS" | "VED" | "VEF" | "VES" | "VND" | "VUV" | "WST" | "XAF" | "XCD" | "XOF" | "XPF" | "XXX" | "YER" | "ZAR" | "ZMW") | null;
+        swatches: any;
+    };
+};
+
 declare function isBot(input: string): boolean;
 
 type SectionData = {
@@ -151,7 +169,10 @@ type BuilderPageProps = {
 };
 declare const BuilderPage: React.FC<BuilderPageProps>;
 
-type StaticPagePropsV2 = PageBuilderPropsV2;
+type StaticPagePropsV2 = PageBuilderPropsV2 & {
+    isPostPurchase?: boolean;
+    shopName?: string;
+};
 declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
 
 declare const getStaticPaths: GetStaticPaths;
@@ -220,4 +241,4 @@ type Props = {
 };
 declare const TikTokPixel: ({ pixelId }: Props) => react_jsx_runtime.JSX.Element | null;
 
-export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PreviewPage, ProductDetailPage, ProductPageProps, StaticPage, StaticPageProps, StaticPagePropsV2, StaticPageV2, TikTokPixel, createFetcher, createShopifyFetcher, genCSS, getBuilderProps, getCollectionProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPreviewProps, getProductProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, useTrackingView };
+export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PreviewPage, ProductDetailPage, ProductPageProps, StaticPage, StaticPageProps, StaticPagePropsV2, StaticPageV2, TikTokPixel, createAppAPIFetcher, createFetcher, createShopifyFetcher, genCSS, getBuilderProps, getCollectionProps, getFallbackV2, getFontFromGlobalStyle, getFontFromGroupSetting, getFonts, getFontsFromDataBuilder, getHomePageProps, getHomePagePropsV2, getLayout, getPostPurchasePropsPreview, getPreviewProps, getProductProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, retryWithDelay, usePagePreview, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.23.0-staging.358",
+  "version": "1.23.0-staging.384",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,10 +25,10 @@
     "next-seo": "^6.0.0"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.23.0-staging.358",
-    "@gem-sdk/plugin-cookie-bar": "1.23.0-staging.26",
-    "@gem-sdk/plugin-quick-view": "1.23.0-staging.26",
-    "@gem-sdk/plugin-sticky-add-to-cart": "1.23.0-staging.26"
+    "@gem-sdk/core": "1.23.0-staging.384",
+    "@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"