@gem-sdk/pages 2.0.0-staging.159 → 2.0.0-staging.711

package/dist/esm/pages/builder.js

@@ -1,5 +1,6 @@
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderPreviewProvider } from '@gem-sdk/core';
+import { useI18n, PageProvider, BuilderComponentProvider, SectionProvider, I18nProvider, BuilderPreviewProvider } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
 import Head from 'next/head';
 import { useState, useMemo, useEffect } from 'react';
@@ -15,6 +16,7 @@ import Body from '../components/builder/Body.js';
 
 const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
     const [loadSuccess, setLoadSuccess] = useState(false);
+    const { t } = useI18n();
     const isDisableHeaderFooter = ()=>{
         return isThemeSectionEditor;
     };
@@ -62,47 +64,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
                     components: components,
                     children: /*#__PURE__*/ jsx(SectionProvider, {
                         data: sectionData,
-                        children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
-                            pageName: pageName,
-                            state: initState,
-                            isThemeSectionEditor: isThemeSectionEditor,
-                            children: [
-                                /*#__PURE__*/ jsx(Toolbox, {}),
-                                !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
-                                /*#__PURE__*/ jsx(PopupManager, {}),
-                                loadSuccess && /*#__PURE__*/ jsxs("div", {
-                                    className: "builder gp-z-1 gp-relative",
-                                    children: [
-                                        !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
-                                            className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
-                                            children: /*#__PURE__*/ jsx(Devices, {})
-                                        }) : /*#__PURE__*/ jsx(Header, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })),
-                                        /*#__PURE__*/ jsx(Body, {
-                                            pageType: pageType,
-                                            isThemeSectionEditor: isThemeSectionEditor
-                                        }),
-                                        /*#__PURE__*/ jsx(ImageToLayout, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsx(AddSectionImageToLayout, {
-                                            editorImageToLayout: editorImageToLayout || false
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            id: "visual-content"
-                                        }),
-                                        !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
-                                            pageType: pageType,
-                                            isOriginTemplate: isOriginTemplate,
-                                            openPageSetting: openPageSetting
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, "preview")
+                        children: /*#__PURE__*/ jsx(I18nProvider, {
+                            t: t,
+                            children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
+                                pageName: pageName,
+                                state: initState,
+                                isThemeSectionEditor: isThemeSectionEditor,
+                                children: [
+                                    /*#__PURE__*/ jsx(Toolbox, {}),
+                                    !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
+                                    /*#__PURE__*/ jsx(PopupManager, {}),
+                                    loadSuccess && /*#__PURE__*/ jsxs("div", {
+                                        className: "builder gp-z-1 gp-relative",
+                                        children: [
+                                            !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
+                                                className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
+                                                children: /*#__PURE__*/ jsx(Devices, {})
+                                            }) : /*#__PURE__*/ jsx(Header, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })),
+                                            /*#__PURE__*/ jsx(Body, {
+                                                pageType: pageType,
+                                                isThemeSectionEditor: isThemeSectionEditor
+                                            }),
+                                            /*#__PURE__*/ jsx(ImageToLayout, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsx(AddSectionImageToLayout, {
+                                                editorImageToLayout: editorImageToLayout || false
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                id: "visual-content"
+                                            }),
+                                            !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
+                                                pageType: pageType,
+                                                isOriginTemplate: isOriginTemplate,
+                                                openPageSetting: openPageSetting
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, "preview")
+                        })
                     })
                 })
             })

package/dist/esm/pages/collection-detail.js

@@ -1,3 +1,4 @@
+'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';

package/dist/esm/pages/preview.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import dynamic from 'next/dynamic';
 

package/dist/esm/pages/product-detail.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render, AddOn } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
+import { useI18n, PageProvider, BuilderComponentProvider, SectionProvider, I18nProvider, BuilderProvider, Render } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
@@ -12,6 +12,7 @@ import { useEffect } from 'react';
 
 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 { t } = useI18n();
     const baseAssetURL = process.env.NEXT_GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
     useTrackingView(shopToken, pageHandle, router.isFallback);
     const customCodeHeaderID = 'custom-code-header';
@@ -107,22 +108,25 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                             }),
                             /*#__PURE__*/ jsx(SectionProvider, {
                                 data: sectionData,
-                                children: builderData?.map((builder)=>/*#__PURE__*/ jsxs(BuilderProvider, {
-                                        state: builder.data,
-                                        lazy: builder.lazy,
-                                        priority: builder.priority,
-                                        isPostPurchase: isPostPurchase,
-                                        isPreview: isPreview,
-                                        children: [
-                                            /*#__PURE__*/ jsx(Render, {
-                                                uid: builder.uid
-                                            }),
-                                            hasInteraction && /*#__PURE__*/ jsx(Script, {
-                                                defer: true,
-                                                src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
-                                            })
-                                        ]
-                                    }, builder.uid))
+                                children: /*#__PURE__*/ jsx(I18nProvider, {
+                                    t: t,
+                                    children: builderData?.map((builder)=>/*#__PURE__*/ jsxs(BuilderProvider, {
+                                            state: builder.data,
+                                            lazy: builder.lazy,
+                                            priority: builder.priority,
+                                            isPostPurchase: isPostPurchase,
+                                            isPreview: isPreview,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Render, {
+                                                    uid: builder.uid
+                                                }),
+                                                hasInteraction && /*#__PURE__*/ jsx(Script, {
+                                                    defer: true,
+                                                    src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
+                                                })
+                                            ]
+                                        }, builder.uid))
+                                })
                             }),
                             isPostPurchase && /*#__PURE__*/ jsx(FooterForPostPurchase, {
                                 shopName: shopName || ''

package/dist/esm/pages/static.js

@@ -1,3 +1,4 @@
+'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';

package/dist/types/index.d.ts

@@ -1,14 +1,13 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ProductOffer, PublicStoreFrontData, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, ProductOffer, AppAPIType, PublicStoreFrontData, CollectionQueryResponse, ProductSelectFragment, FetchFunc, 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 { OfferDynamicDiscount } from '@gem-sdk/core/src/types/appAPI';
+import * as React$1 from 'react';
+import React__default, { Component } from 'react';
 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';
 
 type PageBuilderProps = {
     seo?: NextSeoProps;
@@ -17,7 +16,7 @@ type PageBuilderProps = {
     themeStyle?: string | null;
     fontStyle?: string | null;
     elementFontStyle?: string[] | null;
-    swr?: React.ComponentProps<typeof SWRConfig>['value'];
+    swr?: React__default.ComponentProps<typeof SWRConfig>['value'];
     plugins?: string[];
     pageType?: ShopType.PublishedThemePageType;
     storefrontToken?: string | null;
@@ -41,7 +40,7 @@ type PageBuilderProps = {
     customCodeBody?: string | null;
     isStorefront?: boolean;
     customFonts?: string | null;
-    interaction?: ShopType.Maybe<Pick<ShopType.PublishedPageInteraction, "id" | "value">>;
+    interaction?: ShopType.Maybe<Pick<ShopType.PublishedPageInteraction, 'id' | 'value'>>;
     timezone?: string;
     pageBackground?: {
         isUsePageBackground?: boolean;
@@ -57,21 +56,54 @@ type PageBuilderPropsV2 = {
     }[];
 } & Omit<PageBuilderProps, 'builderData'>;
 type AdditionalPageBuilderProps = {
-    components: Record<string, React.ComponentType<any>>;
+    components: Record<string, React__default.ComponentType<any>>;
 };
 type NextPageWithLayout<P = PageBuilderProps, IP = P> = NextPage<P, IP> & {
-    getLayout?: (page: React.ReactElement, pageProps?: any) => React.ReactNode;
+    getLayout?: (page: React__default.ReactElement, pageProps?: any) => React__default.ReactNode;
 };
 type AppPropsWithLayout<P = PageBuilderProps> = AppProps<P> & {
     Component: NextPageWithLayout;
 };
-
-type CollectionPageProps = PageBuilderProps & {
+type BuilderPageProps = {
+    components: Record<string, React__default.ComponentType<any>>;
+    seo?: NextSeoProps;
+    themeStyle?: string | null;
+    fontStyle?: string | null;
+    header?: BuilderState;
+    footer?: BuilderState;
+    sectionData?: Record<string, SectionData$1>;
+    storefrontToken?: string | null;
+    storefrontHandle?: string | null;
+    shopToken?: string | null;
+    mode?: RenderMode;
+    pageType: ShopType.PublishedThemePageType;
+    editorImageToLayout?: boolean;
+    isThemeSectionEditor?: boolean;
+    hiddenToolbar?: boolean;
+    pageName: string;
+    isOriginTemplate?: boolean;
+};
+type CollectionDetailPageProps = PageBuilderProps & {
     collection?: CollectionQueryResponse['collection'];
 };
-declare const CollectionDetailPage: React.FC<CollectionPageProps & AdditionalPageBuilderProps>;
+type PreviewPageProps = {
+    components: Record<string, React__default.ComponentType<any>>;
+    pageType: ShopType.PublishedThemePageType;
+};
+type ProductPageProps = PageBuilderProps & {
+    product?: ProductSelectFragment;
+};
+type StaticPagePropsV2 = PageBuilderPropsV2 & {
+    isPostPurchase?: boolean;
+    shopName?: string;
+    productOffers?: ProductOffer[];
+    dynamicDiscountOffer?: AppAPIType.OfferDynamicDiscount;
+    publicStoreFrontData?: PublicStoreFrontData | null;
+    isPreview?: boolean;
+    domain?: string;
+};
 
-declare const getCollectionProps: (fetcher: FetchFunc) => (handle?: string) => Promise<CollectionPageProps>;
+declare const getCollectionProps: (fetcher: FetchFunc) => (handle?: string) => Promise<CollectionDetailPageProps>;
 
 declare const getHomePageProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => () => Promise<PageBuilderProps>;
 
@@ -82,25 +114,10 @@ declare const getPreviewProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) =
 type Props$4 = Pick<PageBuilderProps, 'swr' | 'themeStyle' | 'seo' | 'currency' | 'locale' | 'swatches'>;
 declare const getBuilderProps: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => Promise<Props$4>;
 
-type ProductPageProps = PageBuilderProps & {
-    product?: ProductSelectFragment;
-};
-declare const ProductDetailPage: React.FC<ProductPageProps & AdditionalPageBuilderProps>;
-
 declare const getProductProps: (fetcher: FetchFunc) => (handle?: string) => Promise<ProductPageProps>;
 
 declare const getStaticPagePropsV2: (fetcher: FetchFunc, shopifyFetcher: FetchFunc) => (slug: string) => Promise<PageBuilderPropsV2>;
 
-type StaticPagePropsV2 = PageBuilderPropsV2 & {
-    isPostPurchase?: boolean;
-    shopName?: string;
-    productOffers?: ProductOffer[];
-    dynamicDiscountOffer?: OfferDynamicDiscount;
-    publicStoreFrontData?: PublicStoreFrontData | null;
-    isPreview?: boolean;
-};
-declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
-
 declare const getPostPurchasePropsPreview: (fetcher: FetchFunc, librarySaleFunnelID?: string, storeFrontFetcher?: FetchFunc) => (data: {
     id: string;
     currentOfferID: string;
@@ -125,8 +142,8 @@ declare const usePagePreview: (dataBuilder: ThemePageQueryResponse['themePage'],
     pageConfig: {
         mobileOnly: boolean;
         locale: string | null;
-        languageIsoCode: ("ID" | "LT" | "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" | "LA" | "LB" | "LU" | "LV" | "MG" | "MK" | "ML" | "MN" | "MO" | "MR" | "MS" | "MT" | "MY" | "NE" | "NL" | "NO" | "OM" | "PA" | "PL" | "PS" | "PT" | "RO" | "RU" | "RW" | "SA" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SK" | "SL" | "SN" | "SO" | "SR" | "SV" | "TA" | "TG" | "TH" | "TK" | "TO" | "TR" | "TT" | "UG" | "UZ" | "AK" | "AS" | "CE" | "CKB" | "CS" | "DA" | "EL" | "EN" | "EO" | "EU" | "FA" | "FF" | "FIL" | "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" | "GT" | "LT" | "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" | "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" | "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;
+        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" | "LA" | "LB" | "LT" | "LU" | "LV" | "MG" | "MK" | "ML" | "MN" | "MO" | "MR" | "MS" | "MT" | "MY" | "NE" | "NL" | "NO" | "OM" | "PA" | "PL" | "PS" | "PT" | "RO" | "RU" | "RW" | "SA" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SK" | "SL" | "SN" | "SO" | "SR" | "SV" | "TA" | "TG" | "TH" | "TK" | "TO" | "TR" | "TT" | "UG" | "UZ" | "AK" | "AS" | "CE" | "CKB" | "CS" | "DA" | "EL" | "EN" | "EO" | "EU" | "FA" | "FF" | "FIL" | "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;
@@ -146,7 +163,14 @@ declare function normalizePageSectionResponseV2(sections?: ShopType.Maybe<Sectio
     priority: boolean;
     data: any;
 }[];
-declare const parseBuilderTemplateV2: (data?: PublishedThemePageSelectFragment) => {
+type ParseBuilderTemplateV2Props = PublishedThemePageSelectFragment & {
+    themeSections?: {
+        id: string;
+        name: string;
+        content: string;
+    }[];
+};
+declare const parseBuilderTemplateV2: (data?: ParseBuilderTemplateV2Props) => {
     uid: string;
     lazy: boolean;
     priority: boolean;
@@ -206,7 +230,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     reset: () => void;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | Iterable<react.ReactNode> | react.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React$1.ReactNode> | React$1.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 type Props$3 = {
@@ -234,34 +258,16 @@ type Props = {
 };
 declare const TikTokPixel: ({ pixelId }: Props) => react_jsx_runtime.JSX.Element | null;
 
-type PreviewPageProps = {
-    components: Record<string, React.ComponentType<any>>;
-    pageType: ShopType.PublishedThemePageType;
-};
+declare const CollectionDetailPage: React.FC<CollectionDetailPageProps & AdditionalPageBuilderProps>;
+
 declare const PreviewPage: React.FC<PreviewPageProps>;
 
-type StaticPageProps = PageBuilderProps;
-declare const StaticPage: React.FC<StaticPageProps & AdditionalPageBuilderProps>;
+declare const ProductDetailPage: React.FC<ProductPageProps & AdditionalPageBuilderProps>;
+
+declare const StaticPage: React.FC<PageBuilderProps & AdditionalPageBuilderProps>;
 
-type BuilderPageProps = {
-    components: Record<string, React.ComponentType<any>>;
-    seo?: NextSeoProps;
-    themeStyle?: string | null;
-    fontStyle?: string | null;
-    header?: BuilderState;
-    footer?: BuilderState;
-    sectionData?: Record<string, SectionData$1>;
-    storefrontToken?: string | null;
-    storefrontHandle?: string | null;
-    shopToken?: string | null;
-    mode?: RenderMode;
-    pageType: ShopType.PublishedThemePageType;
-    editorImageToLayout?: boolean;
-    isThemeSectionEditor?: boolean;
-    hiddenToolbar?: boolean;
-    pageName: string;
-    isOriginTemplate?: boolean;
-};
 declare const BuilderPage: React.FC<BuilderPageProps>;
 
-export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, CollectionPageProps, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PageBuilderPropsV2, 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 };
+declare const StaticPageV2: React.FC<StaticPagePropsV2 & AdditionalPageBuilderProps>;
+
+export { AppPropsWithLayout, BuilderPage, CollectionDetailPage, ErrorBoundary, ErrorFallback, FacebookPixel, GoogleAnalytic, NextPageWithLayout, Page404, Page500, PageBuilderProps, PageBuilderPropsV2, PreviewPage, ProductDetailPage, StaticPage, 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": "2.0.0-staging.159",
+  "version": "2.0.0-staging.711",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -23,13 +23,13 @@
     "deepmerge": "4.3.1",
     "html-react-parser": "3.0.15",
     "next-seo": "^6.0.0",
-    "next": "latest"
+    "next": "14.2.20"
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.0.0-staging.160",
-    "@gem-sdk/plugin-cookie-bar": "1.58.0-staging.25",
-    "@gem-sdk/plugin-quick-view": "1.58.0-staging.25",
-    "@gem-sdk/plugin-sticky-add-to-cart": "1.58.0-staging.25"
+    "@gem-sdk/core": "2.0.0-staging.711",
+    "@gem-sdk/plugin-cookie-bar": "2.0.0-staging.711",
+    "@gem-sdk/plugin-quick-view": "2.0.0-staging.711",
+    "@gem-sdk/plugin-sticky-add-to-cart": "2.0.0-staging.711"
   },
   "peerDependencies": {
     "next": ">=13"