@gem-sdk/pages 1.28.2 → 1.29.4

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

@@ -28,6 +28,7 @@ const Toolbox = ()=>{
     const removeItem = core.useBuilderPreviewStore((s)=>s.removeItem);
     const addSection = core.useSectionStore((s)=>s.addSection);
     const changeSwatches = core.useShopStore((s)=>s.changeSwatches);
+    const updateItemName = core.useBuilderPreviewStore((s)=>s.updateItemName);
     const changeLayoutSettings = core.useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = core.useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = core.useShopStore((s)=>s.changeShopPlan);
@@ -295,6 +296,21 @@ const Toolbox = ()=>{
     }, [
         fonts
     ]);
+    const onUpdateItemName = react.useCallback((e)=>{
+        const detail = e.detail;
+        if (detail.uid) {
+            updateItemName(detail.uid, detail.name || '');
+        }
+    }, [
+        updateItemName
+    ]);
+    react.useEffect(()=>{
+        if (fonts) {
+            setFontsToHead('google-font-element', fonts);
+        }
+    }, [
+        fonts
+    ]);
     react.useEffect(()=>{
         window.addEventListener('update-shop-info', onChangeShopInfo);
         window.addEventListener('revalidate-query', onRevalidateQuery);
@@ -311,6 +327,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
+        window.addEventListener('update-item-name', onUpdateItemName);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -326,6 +343,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
+            window.removeEventListener('update-item-name', onUpdateItemName);
         };
     }, [
         onAddEntity,
@@ -342,7 +360,8 @@ const Toolbox = ()=>{
         onChangeLayoutSettingData,
         onUpdateCreateThemeSectionCount,
         onUpdateDynamicProduct,
-        onUpdateDynamicCollection
+        onUpdateDynamicCollection,
+        onUpdateItemName
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: "toolbox"

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

@@ -24,6 +24,7 @@ const Toolbox = ()=>{
     const removeItem = useBuilderPreviewStore((s)=>s.removeItem);
     const addSection = useSectionStore((s)=>s.addSection);
     const changeSwatches = useShopStore((s)=>s.changeSwatches);
+    const updateItemName = useBuilderPreviewStore((s)=>s.updateItemName);
     const changeLayoutSettings = useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = useShopStore((s)=>s.changeShopPlan);
@@ -291,6 +292,21 @@ const Toolbox = ()=>{
     }, [
         fonts
     ]);
+    const onUpdateItemName = useCallback((e)=>{
+        const detail = e.detail;
+        if (detail.uid) {
+            updateItemName(detail.uid, detail.name || '');
+        }
+    }, [
+        updateItemName
+    ]);
+    useEffect(()=>{
+        if (fonts) {
+            setFontsToHead('google-font-element', fonts);
+        }
+    }, [
+        fonts
+    ]);
     useEffect(()=>{
         window.addEventListener('update-shop-info', onChangeShopInfo);
         window.addEventListener('revalidate-query', onRevalidateQuery);
@@ -307,6 +323,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
+        window.addEventListener('update-item-name', onUpdateItemName);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -322,6 +339,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
+            window.removeEventListener('update-item-name', onUpdateItemName);
         };
     }, [
         onAddEntity,
@@ -338,7 +356,8 @@ const Toolbox = ()=>{
         onChangeLayoutSettingData,
         onUpdateCreateThemeSectionCount,
         onUpdateDynamicProduct,
-        onUpdateDynamicCollection
+        onUpdateDynamicCollection,
+        onUpdateItemName
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "toolbox"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.28.2",
+  "version": "1.29.4",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "next-seo": "^6.0.0"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.28.1",
+    "@gem-sdk/core": "1.29.4",
     "@gem-sdk/plugin-cookie-bar": "1.25.0",
     "@gem-sdk/plugin-quick-view": "1.25.0",
     "@gem-sdk/plugin-sticky-add-to-cart": "1.25.0"