@gem-sdk/pages 2.0.0-dev.695 → 2.0.0-dev.696

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

@@ -40,6 +40,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 updatePriceWithCurrency = core.useShopStore((s)=>s.updatePriceWithCurrency);
     const changeFontType = libsStore.libsStore((s)=>s.changeFontType);
     const fontType = libsStore.libsStore((s)=>s.fontType);
     const clearModal = core.useModalStore((s)=>s.clearModal);
@@ -299,6 +300,13 @@ const Toolbox = ()=>{
     }, [
         changeShopPlan
     ]);
+    const onUpdatePriceWithCurrency = react.useCallback((e)=>{
+        const isUseCurrency = e.detail;
+        if (!isUseCurrency) return;
+        updatePriceWithCurrency(isUseCurrency);
+    }, [
+        updatePriceWithCurrency
+    ]);
     const onUpdateFontType = react.useCallback((e)=>{
         const fontType = e.detail;
         if (!fontType) return;
@@ -436,6 +444,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
         window.addEventListener('change-sidebar-mode', onChangeSidebarMode);
         window.addEventListener('update-font-type', onUpdateFontType);
+        window.addEventListener('update-price-with-currency', onUpdatePriceWithCurrency);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -449,6 +458,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-price-with-currency', onUpdatePriceWithCurrency);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
@@ -487,7 +497,8 @@ const Toolbox = ()=>{
         onUpdateInteractionSettingType,
         onUpdateFontType,
         onChangeSidebarMode,
-        onUpdateDynamicDiscountOffer
+        onUpdateDynamicDiscountOffer,
+        onUpdatePriceWithCurrency
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: "toolbox"

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

@@ -36,6 +36,7 @@ const Toolbox = ()=>{
     const changeLayoutSettings = useShopStore((s)=>s.changeLayoutSettings);
     const changeCreateThemeSectionCount = useShopStore((s)=>s.changeCreateThemeSectionCount);
     const changeShopPlan = useShopStore((s)=>s.changeShopPlan);
+    const updatePriceWithCurrency = useShopStore((s)=>s.updatePriceWithCurrency);
     const changeFontType = libsStore((s)=>s.changeFontType);
     const fontType = libsStore((s)=>s.fontType);
     const clearModal = useModalStore((s)=>s.clearModal);
@@ -295,6 +296,13 @@ const Toolbox = ()=>{
     }, [
         changeShopPlan
     ]);
+    const onUpdatePriceWithCurrency = useCallback((e)=>{
+        const isUseCurrency = e.detail;
+        if (!isUseCurrency) return;
+        updatePriceWithCurrency(isUseCurrency);
+    }, [
+        updatePriceWithCurrency
+    ]);
     const onUpdateFontType = useCallback((e)=>{
         const fontType = e.detail;
         if (!fontType) return;
@@ -432,6 +440,7 @@ const Toolbox = ()=>{
         window.addEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
         window.addEventListener('change-sidebar-mode', onChangeSidebarMode);
         window.addEventListener('update-font-type', onUpdateFontType);
+        window.addEventListener('update-price-with-currency', onUpdatePriceWithCurrency);
         return ()=>{
             window.removeEventListener('update-shop-info', onChangeShopInfo);
             window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -445,6 +454,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-price-with-currency', onUpdatePriceWithCurrency);
             window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
             window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
             window.removeEventListener('update-item-name', onUpdateItemName);
@@ -483,7 +493,8 @@ const Toolbox = ()=>{
         onUpdateInteractionSettingType,
         onUpdateFontType,
         onChangeSidebarMode,
-        onUpdateDynamicDiscountOffer
+        onUpdateDynamicDiscountOffer,
+        onUpdatePriceWithCurrency
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "toolbox"

package/package.json

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