@gem-sdk/pages 1.9.52 → 1.10.16

package/dist/cjs/components/builder/Toolbox.js

@@ -24,7 +24,6 @@ const Toolbox = ()=>{
     const addSection = core.useSectionStore((s)=>s.addSection);
     const changeSwatches = core.useShopStore((s)=>s.changeSwatches);
     const changeLayoutSettings = core.useShopStore((s)=>s.changeLayoutSettings);
-    const [initEventSuccess, setInitEventSuccess] = react.useState(false);
     const clearModal = core.useModalStore((s)=>s.clearModal);
     // Revalidate all query with key match query/
     const onRevalidateQuery = react.useCallback(()=>{
@@ -199,7 +198,6 @@ const Toolbox = ()=>{
         window.addEventListener('set-global-style', onChangeGlobalStyle);
         window.addEventListener('update-global-swatches-data', onChangeSwatchesData);
         window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
-        setInitEventSuccess(true);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -210,7 +208,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-entity-prop', onUpdateEntityProp);
             window.removeEventListener('set-global-style', onChangeGlobalStyle);
             window.removeEventListener('update-global-swatches-data', onChangeSwatchesData);
-            window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
+            window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
         };
     }, [
         onAddEntity,
@@ -225,9 +223,7 @@ const Toolbox = ()=>{
         onChangeLayoutSettingData
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls({
-            toolbox: initEventSuccess
-        })
+        className: "toolbox"
     });
 };
 var Toolbox$1 = /*#__PURE__*/ react.memo(Toolbox);

package/dist/cjs/index.js

@@ -14,6 +14,8 @@ var getLayout = require('./libs/get-layout.js');
 var genCss = require('./libs/helpers/gen-css.js');
 var useTrackingView = require('./libs/hooks/use-tracking-view.js');
 var userAgent = require('./libs/helpers/user-agent.js');
+var normalize = require('./libs/helpers/normalize.js');
+var getFallback = require('./libs/helpers/get-fallback.js');
 var collectionDetail = require('./pages/collection-detail.js');
 var preview = require('./pages/preview.js');
 var productDetail = require('./pages/product-detail.js');
@@ -48,6 +50,9 @@ exports.getLayout = getLayout.getLayout;
 exports.genCSS = genCss.genCSS;
 exports.useTrackingView = useTrackingView.useTrackingView;
 exports.isBot = userAgent.isBot;
+exports.normalizePageSectionResponseV2 = normalize.normalizePageSectionResponseV2;
+exports.parseBuilderTemplateV2 = normalize.parseBuilderTemplateV2;
+exports.getFallbackV2 = getFallback.getFallbackV2;
 exports.CollectionDetailPage = collectionDetail.default;
 exports.PreviewPage = preview.PreviewPage;
 exports.ProductDetailPage = productDetail.default;

package/dist/cjs/libs/helpers/normalize.js

@@ -85,5 +85,6 @@ const parseBuilderTemplate = (data)=>{
 };
 
 exports.normalizeBuilderData = normalizeBuilderData;
+exports.normalizePageSectionResponseV2 = normalizePageSectionResponseV2;
 exports.parseBuilderTemplate = parseBuilderTemplate;
 exports.parseBuilderTemplateV2 = parseBuilderTemplateV2;

package/dist/cjs/pages/builder.js

@@ -13,14 +13,14 @@ var PopupManager = require('../components/builder/PopupManager.js');
 
 const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData , pageType  })=>{
     const [loadSuccess, setLoadSuccess] = react.useState(false);
-    const initState = {
-        ROOT: {
-            uid: 'ROOT',
-            tag: 'Root',
-            label: 'Root',
-            childrens: []
-        }
-    };
+    const initState = react.useMemo(()=>({
+            ROOT: {
+                uid: 'ROOT',
+                tag: 'Root',
+                label: 'Root',
+                childrens: []
+            }
+        }), []);
     react.useEffect(()=>{
         setLoadSuccess(true);
     }, []);

package/dist/esm/components/builder/Toolbox.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { useMatchMutate, useShopStore, useBuilderPreviewStore, useSectionStore, useModalStore, cls } from '@gem-sdk/core';
-import { memo, useState, useCallback, useEffect } from 'react';
+import { useMatchMutate, useShopStore, useBuilderPreviewStore, useSectionStore, useModalStore } from '@gem-sdk/core';
+import { memo, useCallback, useEffect } from 'react';
 import { createFontUrl } from '../../libs/google-fonts.js';
 import { genCSS } from '../../libs/helpers/gen-css.js';
 import { getStorefrontApi } from '../../libs/get-storefront-api.js';
@@ -20,7 +20,6 @@ const Toolbox = ()=>{
     const addSection = useSectionStore((s)=>s.addSection);
     const changeSwatches = useShopStore((s)=>s.changeSwatches);
     const changeLayoutSettings = useShopStore((s)=>s.changeLayoutSettings);
-    const [initEventSuccess, setInitEventSuccess] = useState(false);
     const clearModal = useModalStore((s)=>s.clearModal);
     // Revalidate all query with key match query/
     const onRevalidateQuery = useCallback(()=>{
@@ -195,7 +194,6 @@ const Toolbox = ()=>{
         window.addEventListener('set-global-style', onChangeGlobalStyle);
         window.addEventListener('update-global-swatches-data', onChangeSwatchesData);
         window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
-        setInitEventSuccess(true);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -206,7 +204,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-entity-prop', onUpdateEntityProp);
             window.removeEventListener('set-global-style', onChangeGlobalStyle);
             window.removeEventListener('update-global-swatches-data', onChangeSwatchesData);
-            window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
+            window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
         };
     }, [
         onAddEntity,
@@ -221,9 +219,7 @@ const Toolbox = ()=>{
         onChangeLayoutSettingData
     ]);
     return /*#__PURE__*/ jsx("div", {
-        className: cls({
-            toolbox: initEventSuccess
-        })
+        className: "toolbox"
     });
 };
 var Toolbox$1 = /*#__PURE__*/ memo(Toolbox);

package/dist/esm/index.js

@@ -12,6 +12,8 @@ export { getLayout } from './libs/get-layout.js';
 export { genCSS } from './libs/helpers/gen-css.js';
 export { useTrackingView } from './libs/hooks/use-tracking-view.js';
 export { isBot } from './libs/helpers/user-agent.js';
+export { normalizePageSectionResponseV2, parseBuilderTemplateV2 } from './libs/helpers/normalize.js';
+export { getFallbackV2 } from './libs/helpers/get-fallback.js';
 export { default as CollectionDetailPage } from './pages/collection-detail.js';
 export { PreviewPage } from './pages/preview.js';
 export { default as ProductDetailPage } from './pages/product-detail.js';

package/dist/esm/libs/helpers/normalize.js

@@ -82,4 +82,4 @@ const parseBuilderTemplate = (data)=>{
     ], data?.sectionPosition);
 };
 
-export { normalizeBuilderData, parseBuilderTemplate, parseBuilderTemplateV2 };
+export { normalizeBuilderData, normalizePageSectionResponseV2, parseBuilderTemplate, parseBuilderTemplateV2 };

package/dist/esm/pages/builder.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { BuilderComponentProvider, SectionProvider, BuilderPreviewProvider, RenderPreview } from '@gem-sdk/core';
 import { NextSeo } from 'next-seo';
 import Head from 'next/head';
-import { useState, useEffect } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import Toolbox from '../components/builder/Toolbox.js';
 import Header from '../components/Header.js';
 import Footer from '../components/Footer.js';
@@ -11,14 +11,14 @@ import PopupManager from '../components/builder/PopupManager.js';
 
 const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData , pageType  })=>{
     const [loadSuccess, setLoadSuccess] = useState(false);
-    const initState = {
-        ROOT: {
-            uid: 'ROOT',
-            tag: 'Root',
-            label: 'Root',
-            childrens: []
-        }
-    };
+    const initState = useMemo(()=>({
+            ROOT: {
+                uid: 'ROOT',
+                tag: 'Root',
+                label: 'Root',
+                childrens: []
+            }
+        }), []);
     useEffect(()=>{
         setLoadSuccess(true);
     }, []);

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { BuilderState, SectionData, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment } from '@gem-sdk/core';
+import { BuilderState, SectionData as SectionData$1, ShopType, RenderMode, CollectionQueryResponse, FetchFunc, ProductSelectFragment, PublishedThemePageSelectFragment } from '@gem-sdk/core';
 import { NextPage, GetStaticPaths } from 'next';
 import { NextSeoProps } from 'next-seo';
 import { AppProps } from 'next/app';
@@ -9,7 +9,7 @@ import { Component } from 'react';
 type PageBuilderProps = {
     seo?: NextSeoProps;
     builderData?: BuilderState;
-    sectionData?: Record<string, SectionData>;
+    sectionData?: Record<string, SectionData$1>;
     themeStyle?: string | null;
     fontStyle?: string | null;
     swr?: React.ComponentProps<typeof SWRConfig>['value'];
@@ -92,6 +92,28 @@ declare const useTrackingView: (token?: string | null, handle?: string | null, i
 
 declare function isBot(input: string): boolean;
 
+type SectionData = {
+    id: string;
+    component?: string;
+    [key: string]: any;
+};
+declare function normalizePageSectionResponseV2(sections?: ShopType.Maybe<SectionData>[], orders?: string[]): {
+    uid: string;
+    lazy: boolean;
+    priority: boolean;
+    data: any;
+}[];
+declare const parseBuilderTemplateV2: (data?: PublishedThemePageSelectFragment) => {
+    uid: string;
+    lazy: boolean;
+    priority: boolean;
+    data: any;
+}[];
+
+declare const getFallbackV2: (fetcher: FetchFunc, data: {
+    data: any;
+}[]) => Promise<{}>;
+
 type PreviewPageProps = {
     components: Record<string, React.ComponentType<any>>;
     pageType: ShopType.PublishedThemePageType;
@@ -108,7 +130,7 @@ type BuilderPageProps = {
     fontStyle?: string | null;
     header?: BuilderState;
     footer?: BuilderState;
-    sectionData?: Record<string, SectionData>;
+    sectionData?: Record<string, SectionData$1>;
     storefrontToken?: string | null;
     storefrontHandle?: string | null;
     shopToken?: string | null;
@@ -183,4 +205,4 @@ type Props = {
 };
 declare const TikTokPixel: ({ pixelId }: Props) => 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, getFontFromGlobalStyle, getFonts, getHomePageProps, getHomePagePropsV2, getLayout, getPreviewProps, getProductProps, getStaticPageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, useTrackingView };
+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, getFonts, getHomePageProps, getHomePagePropsV2, getLayout, getPreviewProps, getProductProps, getStaticPageProps, getStaticPagePropsPreview, getStaticPagePropsV2, getStaticPaths, getStorefrontApi, isBot, normalizePageSectionResponseV2, parseBuilderTemplateV2, useTrackingView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.9.52",
+  "version": "1.10.16",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",