@gem-sdk/pages 2.0.0-dev.453 → 2.0.0-dev.504

package/dist/cjs/libs/google-fonts.js

@@ -87,7 +87,7 @@ async function getFonts(fonts, option, isImportFontByUrl = true, fontType) {
             }
         }
         return value;
-    } catch (e) {
+    } catch (_e) {
         return '';
     }
 }

package/dist/cjs/libs/helpers/parse-json.js

@@ -4,7 +4,7 @@ const parseJson = (json)=>{
     if (!json) return null;
     try {
         return JSON.parse(json);
-    } catch (e) {
+    } catch (_e) {
         return null;
     }
 };

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

@@ -14,6 +14,7 @@ var react = require('react');
 
 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 { t } = core.useI18n();
     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';
@@ -109,22 +110,25 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
                                 data: sectionData,
-                                children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsxs(core.BuilderProvider, {
-                                        state: builder.data,
-                                        lazy: builder.lazy,
-                                        priority: builder.priority,
-                                        isPostPurchase: isPostPurchase,
-                                        isPreview: isPreview,
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
-                                                uid: builder.uid
-                                            }),
-                                            hasInteraction && /*#__PURE__*/ jsxRuntime.jsx(Script, {
-                                                defer: true,
-                                                src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
-                                            })
-                                        ]
-                                    }, builder.uid))
+                                children: /*#__PURE__*/ jsxRuntime.jsx(core.I18nProvider, {
+                                    t: t,
+                                    children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsxs(core.BuilderProvider, {
+                                            state: builder.data,
+                                            lazy: builder.lazy,
+                                            priority: builder.priority,
+                                            isPostPurchase: isPostPurchase,
+                                            isPreview: isPreview,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
+                                                    uid: builder.uid
+                                                }),
+                                                hasInteraction && /*#__PURE__*/ jsxRuntime.jsx(Script, {
+                                                    defer: true,
+                                                    src: `${baseAssetURL}/assets-v2/gp-flow-action-lip.js`
+                                                })
+                                            ]
+                                        }, builder.uid))
+                                })
                             }),
                             isPostPurchase && /*#__PURE__*/ jsxRuntime.jsx(FooterForPostPurchase.default, {
                                 shopName: shopName || ''

package/dist/esm/libs/google-fonts.js

@@ -85,7 +85,7 @@ async function getFonts(fonts, option, isImportFontByUrl = true, fontType) {
             }
         }
         return value;
-    } catch (e) {
+    } catch (_e) {
         return '';
     }
 }

package/dist/esm/libs/helpers/parse-json.js

@@ -2,7 +2,7 @@ const parseJson = (json)=>{
     if (!json) return null;
     try {
         return JSON.parse(json);
-    } catch (e) {
+    } catch (_e) {
         return null;
     }
 };

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/types/index.d.ts

@@ -1,13 +1,13 @@
-import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, ProductOffer, AppAPIType, PublicStoreFrontData, ThemePageQueryResponse, StorePropertyQueryResponse, PublishedThemePageSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, ProductSelectFragment, ProductOffer, AppAPIType, PublicStoreFrontData, 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 * 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;
@@ -16,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;
@@ -56,21 +56,53 @@ 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;
+};
 
-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>;
 
@@ -81,25 +113,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?: AppAPIType.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;
@@ -205,7 +222,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 = {
@@ -233,34 +250,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, 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-dev.453",
+  "version": "2.0.0-dev.504",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "next": "14.2.20"
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.0.0-dev.453",
+    "@gem-sdk/core": "2.0.0-dev.504",
     "@gem-sdk/plugin-cookie-bar": "2.0.0-dev.348",
     "@gem-sdk/plugin-quick-view": "2.0.0-dev.348",
     "@gem-sdk/plugin-sticky-add-to-cart": "2.0.0-dev.348"