@gem-sdk/pages 2.0.0-staging.120 → 2.0.0-staging.152

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

@@ -38,6 +38,7 @@ const Toolbox = ()=>{
     const changeLayoutSettings = core.useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = core.useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = core.useShopStore((s)=>s.changeShopPlan);
+    const changeShopifyPlan = core.useShopStore((s)=>s.changeShopifyPlan);
     const changeFontType = libsStore.libsStore((s)=>s.changeFontType);
     const fontType = libsStore.libsStore((s)=>s.fontType);
     const clearModal = core.useModalStore((s)=>s.clearModal);
@@ -295,6 +296,13 @@ const Toolbox = ()=>{
     }, [
         changeShopPlan
     ]);
+    const onUpdateShopifyPlan = react.useCallback((e)=>{
+        const shopifyPlan = e.detail;
+        if (!shopifyPlan) return;
+        changeShopifyPlan(shopifyPlan);
+    }, [
+        changeShopifyPlan
+    ]);
     const onUpdateFontType = react.useCallback((e)=>{
         const fontType = e.detail;
         if (!fontType) return;
@@ -412,6 +420,7 @@ const Toolbox = ()=>{
         window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
         window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
+        window.addEventListener('update-shopify-plan', onUpdateShopifyPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
         window.addEventListener('update-item-name', onUpdateItemName);
@@ -437,6 +446,7 @@ const Toolbox = ()=>{
             window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
             window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
+            window.removeEventListener('update-shopify-plan', onUpdateShopifyPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
@@ -452,6 +462,7 @@ const Toolbox = ()=>{
     }, [
         onAddEntity,
         onUpdateShopPlan,
+        onUpdateShopifyPlan,
         onForceUpdateEntityProps,
         onUpdateEntityProp,
         onInitBuilder,

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

@@ -34,6 +34,7 @@ const Toolbox = ()=>{
     const changeLayoutSettings = useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = useShopStore((s)=>s.changeShopPlan);
+    const changeShopifyPlan = useShopStore((s)=>s.changeShopifyPlan);
     const changeFontType = libsStore((s)=>s.changeFontType);
     const fontType = libsStore((s)=>s.fontType);
     const clearModal = useModalStore((s)=>s.clearModal);
@@ -291,6 +292,13 @@ const Toolbox = ()=>{
     }, [
         changeShopPlan
     ]);
+    const onUpdateShopifyPlan = useCallback((e)=>{
+        const shopifyPlan = e.detail;
+        if (!shopifyPlan) return;
+        changeShopifyPlan(shopifyPlan);
+    }, [
+        changeShopifyPlan
+    ]);
     const onUpdateFontType = useCallback((e)=>{
         const fontType = e.detail;
         if (!fontType) return;
@@ -408,6 +416,7 @@ const Toolbox = ()=>{
         window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
         window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
+        window.addEventListener('update-shopify-plan', onUpdateShopifyPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
         window.addEventListener('update-item-name', onUpdateItemName);
@@ -433,6 +442,7 @@ const Toolbox = ()=>{
             window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
             window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
+            window.removeEventListener('update-shopify-plan', onUpdateShopifyPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
@@ -448,6 +458,7 @@ const Toolbox = ()=>{
     }, [
         onAddEntity,
         onUpdateShopPlan,
+        onUpdateShopifyPlan,
         onForceUpdateEntityProps,
         onUpdateEntityProp,
         onInitBuilder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "2.0.0-staging.120",
+  "version": "2.0.0-staging.152",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "next": "latest"
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.0.0-staging.117",
+    "@gem-sdk/core": "2.0.0-staging.152",
     "@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"