@gem-sdk/pages 1.9.60 → 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/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/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/package.json

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