@gem-sdk/pages 2.0.0-dev.699 → 2.0.0-dev.701

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

@@ -411,6 +411,7 @@ const Toolbar = ()=>{
         if (!value || !currentComponentActive.current) {
             return;
         }
+        let isClickProcessing = false;
         const selector = getSelectorComponent({
             ...currentComponentActive.current
         });
@@ -419,6 +420,7 @@ const Toolbar = ()=>{
             const $parents = $component?.querySelectorAll('[data-toolbar-parent]');
             if ($parents.length) {
                 const onHover = ($parent)=>{
+                    if (isClickProcessing) return;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const $parentComponents = document.body.querySelector('#storefront')?.querySelectorAll(`[data-uid="${uid}"]`);
@@ -447,6 +449,7 @@ const Toolbar = ()=>{
                     }
                 };
                 const onClick = async ($parent)=>{
+                    isClickProcessing = true;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const isElementInsideProduct = async ()=>{
@@ -478,6 +481,9 @@ const Toolbar = ()=>{
                     });
                     outHover($parent);
                     window.dispatchEvent(event);
+                    setTimeout(()=>{
+                        isClickProcessing = false;
+                    }, 0);
                 };
                 $parents.forEach(($parent)=>{
                     $parent.addEventListener('mouseover', ()=>onHover($parent));

package/dist/cjs/libs/api/get-static-page-props-preview.js

@@ -10,6 +10,7 @@ var getFallback = require('../helpers/get-fallback.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
 var customFonts = require('../custom-fonts.js');
+var sentry = require('../helpers/sentry.js');
 
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -31,6 +32,10 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 ])
             ]);
             if (theme.status === 'rejected') {
+                sentry.sentryCaptureException('PreviewThemePageDocument', theme.reason, {
+                    variables,
+                    theme
+                });
                 throw new Error(theme.reason?.[0]);
             }
             const dataBuilder = theme.value.previewThemePage;

package/dist/cjs/libs/helpers/sentry.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var nextjs = require('@sentry/nextjs');
+
+const sentryCaptureException = (funcName, message, data, options)=>{
+    nextjs.withScope((scope)=>{
+        scope.setLevel(options?.level ?? 'log');
+        if (options?.tag) {
+            scope.setTag(options?.tag.key, options?.tag.value);
+        }
+        scope.setExtra('function', funcName);
+        scope.setExtra('data', JSON.stringify(data));
+        nextjs.captureMessage(`${funcName}: ${message}`);
+    });
+};
+
+exports.sentryCaptureException = sentryCaptureException;

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

@@ -407,6 +407,7 @@ const Toolbar = ()=>{
         if (!value || !currentComponentActive.current) {
             return;
         }
+        let isClickProcessing = false;
         const selector = getSelectorComponent({
             ...currentComponentActive.current
         });
@@ -415,6 +416,7 @@ const Toolbar = ()=>{
             const $parents = $component?.querySelectorAll('[data-toolbar-parent]');
             if ($parents.length) {
                 const onHover = ($parent)=>{
+                    if (isClickProcessing) return;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const $parentComponents = document.body.querySelector('#storefront')?.querySelectorAll(`[data-uid="${uid}"]`);
@@ -443,6 +445,7 @@ const Toolbar = ()=>{
                     }
                 };
                 const onClick = async ($parent)=>{
+                    isClickProcessing = true;
                     const uid = $parent.getAttribute('data-parent-uid');
                     if (!uid) return;
                     const isElementInsideProduct = async ()=>{
@@ -474,6 +477,9 @@ const Toolbar = ()=>{
                     });
                     outHover($parent);
                     window.dispatchEvent(event);
+                    setTimeout(()=>{
+                        isClickProcessing = false;
+                    }, 0);
                 };
                 $parents.forEach(($parent)=>{
                     $parent.addEventListener('mouseover', ()=>onHover($parent));

package/dist/esm/libs/api/get-static-page-props-preview.js

@@ -8,6 +8,7 @@ import { getFallbackV2 } from '../helpers/get-fallback.js';
 import { parseBuilderTemplateV2, extractPageBackground } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 import { getCustomFonts } from '../custom-fonts.js';
+import { sentryCaptureException } from '../helpers/sentry.js';
 
 const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
         try {
@@ -29,6 +30,10 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
                 ])
             ]);
             if (theme.status === 'rejected') {
+                sentryCaptureException('PreviewThemePageDocument', theme.reason, {
+                    variables,
+                    theme
+                });
                 throw new Error(theme.reason?.[0]);
             }
             const dataBuilder = theme.value.previewThemePage;

package/dist/esm/libs/helpers/sentry.js

@@ -0,0 +1,15 @@
+import { withScope, captureMessage } from '@sentry/nextjs';
+
+const sentryCaptureException = (funcName, message, data, options)=>{
+    withScope((scope)=>{
+        scope.setLevel(options?.level ?? 'log');
+        if (options?.tag) {
+            scope.setTag(options?.tag.key, options?.tag.value);
+        }
+        scope.setExtra('function', funcName);
+        scope.setExtra('data', JSON.stringify(data));
+        captureMessage(`${funcName}: ${message}`);
+    });
+};
+
+export { sentryCaptureException };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "2.0.0-dev.699",
+  "version": "2.0.0-dev.701",
   "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.699",
+    "@gem-sdk/core": "2.0.0-dev.701",
     "@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"