@gem-sdk/pages 1.53.0-dev.161 → 1.53.0-dev.165

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

@@ -19,6 +19,7 @@ const Toolbox = ()=>{
     const provider = core.useShopStore((s)=>s.provider);
     const changeStorefrontInfo = core.useShopStore((s)=>s.changeStorefrontInfo);
     const setDynamicProduct = core.usePageStore((s)=>s.setDynamicProduct);
+    const setNumberOfProduct = core.usePageStore((s)=>s.setNumberOfProduct);
     const setPostPurchaseProductOffers = core.usePageStore((s)=>s.setPostPurchaseProductOffers);
     const setSalePageProductId = core.usePageStore((s)=>s.setSalePageProductId);
     const setDynamicCollection = core.usePageStore((s)=>s.setDynamicCollection);
@@ -306,6 +307,13 @@ const Toolbox = ()=>{
     }, [
         setDynamicProduct
     ]);
+    const onUpdateNumberOfProduct = react.useCallback((e)=>{
+        const numberOfProduct = e.detail;
+        if (!numberOfProduct) return;
+        setNumberOfProduct(numberOfProduct);
+    }, [
+        setNumberOfProduct
+    ]);
     const onUpdateDynamicCollection = react.useCallback((e)=>{
         const collection = e.detail;
         if (!collection) return;
@@ -396,6 +404,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
+        window.addEventListener('set-number-of-product', onUpdateNumberOfProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
         window.addEventListener('update-item-name', onUpdateItemName);
         window.addEventListener('update-item-attribute', onUpdateItemAttribute);
@@ -419,6 +428,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
+            window.removeEventListener('set-number-of-product', onUpdateNumberOfProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
             window.removeEventListener('update-item-attribute', onUpdateItemAttribute);
@@ -452,7 +462,8 @@ const Toolbox = ()=>{
         onUpdateInteractionItem,
         onUpdateInteractionIsSelectOnPage,
         onUpdateInteractionSettingType,
-        onUpdateFontType
+        onUpdateFontType,
+        onUpdateNumberOfProduct
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: "toolbox"

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

@@ -15,6 +15,7 @@ const Toolbox = ()=>{
     const provider = useShopStore((s)=>s.provider);
     const changeStorefrontInfo = useShopStore((s)=>s.changeStorefrontInfo);
     const setDynamicProduct = usePageStore((s)=>s.setDynamicProduct);
+    const setNumberOfProduct = usePageStore((s)=>s.setNumberOfProduct);
     const setPostPurchaseProductOffers = usePageStore((s)=>s.setPostPurchaseProductOffers);
     const setSalePageProductId = usePageStore((s)=>s.setSalePageProductId);
     const setDynamicCollection = usePageStore((s)=>s.setDynamicCollection);
@@ -302,6 +303,13 @@ const Toolbox = ()=>{
     }, [
         setDynamicProduct
     ]);
+    const onUpdateNumberOfProduct = useCallback((e)=>{
+        const numberOfProduct = e.detail;
+        if (!numberOfProduct) return;
+        setNumberOfProduct(numberOfProduct);
+    }, [
+        setNumberOfProduct
+    ]);
     const onUpdateDynamicCollection = useCallback((e)=>{
         const collection = e.detail;
         if (!collection) return;
@@ -392,6 +400,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
         window.addEventListener('update-shop-plan', onUpdateShopPlan);
         window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
+        window.addEventListener('set-number-of-product', onUpdateNumberOfProduct);
         window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
         window.addEventListener('update-item-name', onUpdateItemName);
         window.addEventListener('update-item-attribute', onUpdateItemAttribute);
@@ -415,6 +424,7 @@ const Toolbox = ()=>{
             window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
             window.removeEventListener('update-shop-plan', onUpdateShopPlan);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
+            window.removeEventListener('set-number-of-product', onUpdateNumberOfProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
             window.removeEventListener('update-item-attribute', onUpdateItemAttribute);
@@ -448,7 +458,8 @@ const Toolbox = ()=>{
         onUpdateInteractionItem,
         onUpdateInteractionIsSelectOnPage,
         onUpdateInteractionSettingType,
-        onUpdateFontType
+        onUpdateFontType,
+        onUpdateNumberOfProduct
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "toolbox"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.53.0-dev.161",
+  "version": "1.53.0-dev.165",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "next": "latest"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.53.0-dev.161",
+    "@gem-sdk/core": "1.53.0-dev.165",
     "@gem-sdk/plugin-cookie-bar": "1.53.0-dev.105",
     "@gem-sdk/plugin-quick-view": "1.53.0-dev.105",
     "@gem-sdk/plugin-sticky-add-to-cart": "1.53.0-dev.105"