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

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

@@ -4,15 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
-var useSelectModeInteraction = require('../../libs/hooks/useSelectModeInteraction.js');
 var react = require('react');
 
 const InteractionSelectOnPageHeader = ()=>{
     const selectType = core.usePageStore((s)=>s.interactionData?.selectType);
     const settingType = core.usePageStore((s)=>s.interactionData?.settingType);
     const setInteractionSelectType = core.usePageStore((s)=>s.setInteractionSelectType);
-    const { closeSelectOnPage } = core.useInteraction();
-    const { changeSelectMode } = useSelectModeInteraction.useSelectModeInteraction();
+    const { closeSelectOnPage, changeSelectMode } = core.useInteraction();
     const [hoverOption, setHoverOption] = react.useState(null);
     const [openDropdown, setOpenDropdown] = react.useState(false);
     const popupRef = react.useRef(null);

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/InteractionSelectOnPageHeader.js

@@ -1,14 +1,12 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { usePageStore, useInteraction } from '@gem-sdk/core';
-import { useSelectModeInteraction } from '../../libs/hooks/useSelectModeInteraction.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 
 const InteractionSelectOnPageHeader = ()=>{
     const selectType = usePageStore((s)=>s.interactionData?.selectType);
     const settingType = usePageStore((s)=>s.interactionData?.settingType);
     const setInteractionSelectType = usePageStore((s)=>s.setInteractionSelectType);
-    const { closeSelectOnPage } = useInteraction();
-    const { changeSelectMode } = useSelectModeInteraction();
+    const { closeSelectOnPage, changeSelectMode } = useInteraction();
     const [hoverOption, setHoverOption] = useState(null);
     const [openDropdown, setOpenDropdown] = useState(false);
     const popupRef = useRef(null);

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.149",
+  "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.146",
+    "@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"

package/dist/cjs/libs/hooks/useSelectModeInteraction.js

@@ -1,16 +0,0 @@
-'use strict';
-
-const useSelectModeInteraction = ()=>{
-    const changeSelectMode = (mode)=>{
-        const event = new CustomEvent('editor:interaction:change-select-mode', {
-            bubbles: true,
-            detail: mode
-        });
-        window.dispatchEvent(event);
-    };
-    return {
-        changeSelectMode
-    };
-};
-
-exports.useSelectModeInteraction = useSelectModeInteraction;

package/dist/esm/libs/hooks/useSelectModeInteraction.js

@@ -1,14 +0,0 @@
-const useSelectModeInteraction = ()=>{
-    const changeSelectMode = (mode)=>{
-        const event = new CustomEvent('editor:interaction:change-select-mode', {
-            bubbles: true,
-            detail: mode
-        });
-        window.dispatchEvent(event);
-    };
-    return {
-        changeSelectMode
-    };
-};
-
-export { useSelectModeInteraction };