@gem-sdk/pages 1.57.0 → 1.57.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/builder/Body.js +4 -2
  2. package/dist/cjs/components/builder/InteractionSelectOnPageHeader.js +5 -7
  3. package/dist/esm/components/builder/Body.js +4 -2
  4. package/dist/esm/components/builder/InteractionSelectOnPageHeader.js +5 -7
  5. package/package.json +1 -1
package/dist/cjs/components/builder/Body.js CHANGED
@@ -10,12 +10,14 @@ var CollectionGlobalProvider = require('../../pages/CollectionGlobalProvider.js'
10
10
  const Body = ({ pageType, isThemeSectionEditor })=>{
11
11
  const interactionData = core.usePageStore((s)=>s.interactionData);
12
12
  const sidebarMode = core.usePageStore((s)=>s.sidebarMode);
13
+ const selectType = core.usePageStore((s)=>s.interactionData?.selectType);
13
14
  const isInteractionSelectModeClass = react.useMemo(()=>interactionData?.isSelectOnPage ? 'interaction-select-mode' : '', [
14
15
  interactionData?.isSelectOnPage
15
16
  ]);
16
- const isInteractionMode = react.useMemo(()=>sidebarMode === 'interaction' && !interactionData?.isSelectOnPage, [
17
+ const isInteractionMode = react.useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
17
18
  sidebarMode,
18
- interactionData?.isSelectOnPage
19
+ interactionData?.isSelectOnPage,
20
+ selectType
19
21
  ]);
20
22
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
21
23
  id: "storefront",
package/dist/cjs/components/builder/InteractionSelectOnPageHeader.js CHANGED
@@ -38,7 +38,7 @@ const InteractionSelectOnPageHeader = ()=>{
38
38
  handleClickOutside
39
39
  ]);
40
40
  const isShowOverlay = react.useMemo(()=>{
41
- return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE');
41
+ return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
42
42
  }, [
43
43
  hoverOption,
44
44
  selectType
@@ -69,9 +69,9 @@ const InteractionSelectOnPageHeader = ()=>{
69
69
  })
70
70
  });
71
71
  };
72
- return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
72
+ return isSelectOnPage && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
73
73
  children: [
74
- isSelectOnPage && /*#__PURE__*/ jsxRuntime.jsx("header", {
74
+ /*#__PURE__*/ jsxRuntime.jsx("header", {
75
75
  className: "gp-flex gp-text-[12px] gp-justify-center gp-items-center gp-h-10 gp-fixed gp-top-0 gp-left-0 gp-w-full gp-z-[1000] gp-bg-[#151515] gp-text-white interaction-select-mode-header",
76
76
  children: /*#__PURE__*/ jsxRuntime.jsxs("section", {
77
77
  className: "gp-flex gp-bg-[#151515]/[0.15] gp-items-center gp-h-full gp-rounded-b-lg gp-pt-1 gp-gap-2",
@@ -178,10 +178,8 @@ const InteractionSelectOnPageHeader = ()=>{
178
178
  ]
179
179
  })
180
180
  }),
181
- /*#__PURE__*/ jsxRuntime.jsx("div", {
182
- className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] ${isShowOverlay ? 'gp-z-[999] gp-bg-[#3c67ff]/[0.25]' : ''}
183
- ${isSelectOnPage ? 'gp-pointer-events-none' : 'gp-pointer-events-auto'}
184
- `,
181
+ isShowOverlay && /*#__PURE__*/ jsxRuntime.jsx("div", {
182
+ className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] gp-bg-[#3c67ff]/[0.25] gp-pointer-events-none`,
185
183
  style: {
186
184
  height: 'calc(100% - 40px)'
187
185
  }
package/dist/esm/components/builder/Body.js CHANGED
@@ -6,12 +6,14 @@ import CollectionGlobalProvider from '../../pages/CollectionGlobalProvider.js';
6
6
  const Body = ({ pageType, isThemeSectionEditor })=>{
7
7
  const interactionData = usePageStore((s)=>s.interactionData);
8
8
  const sidebarMode = usePageStore((s)=>s.sidebarMode);
9
+ const selectType = usePageStore((s)=>s.interactionData?.selectType);
9
10
  const isInteractionSelectModeClass = useMemo(()=>interactionData?.isSelectOnPage ? 'interaction-select-mode' : '', [
10
11
  interactionData?.isSelectOnPage
11
12
  ]);
12
- const isInteractionMode = useMemo(()=>sidebarMode === 'interaction' && !interactionData?.isSelectOnPage, [
13
+ const isInteractionMode = useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
13
14
  sidebarMode,
14
- interactionData?.isSelectOnPage
15
+ interactionData?.isSelectOnPage,
16
+ selectType
15
17
  ]);
16
18
  return /*#__PURE__*/ jsx("div", {
17
19
  id: "storefront",
package/dist/esm/components/builder/InteractionSelectOnPageHeader.js CHANGED
@@ -34,7 +34,7 @@ const InteractionSelectOnPageHeader = ()=>{
34
34
  handleClickOutside
35
35
  ]);
36
36
  const isShowOverlay = useMemo(()=>{
37
- return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE');
37
+ return hoverOption !== 'ELEMENT' && (selectType === 'PAGE' || selectType === 'ELEMENT' && hoverOption === 'PAGE') && settingType === 'TRIGGER';
38
38
  }, [
39
39
  hoverOption,
40
40
  selectType
@@ -65,9 +65,9 @@ const InteractionSelectOnPageHeader = ()=>{
65
65
  })
66
66
  });
67
67
  };
68
- return /*#__PURE__*/ jsxs(Fragment, {
68
+ return isSelectOnPage && /*#__PURE__*/ jsxs(Fragment, {
69
69
  children: [
70
- isSelectOnPage && /*#__PURE__*/ jsx("header", {
70
+ /*#__PURE__*/ jsx("header", {
71
71
  className: "gp-flex gp-text-[12px] gp-justify-center gp-items-center gp-h-10 gp-fixed gp-top-0 gp-left-0 gp-w-full gp-z-[1000] gp-bg-[#151515] gp-text-white interaction-select-mode-header",
72
72
  children: /*#__PURE__*/ jsxs("section", {
73
73
  className: "gp-flex gp-bg-[#151515]/[0.15] gp-items-center gp-h-full gp-rounded-b-lg gp-pt-1 gp-gap-2",
@@ -174,10 +174,8 @@ const InteractionSelectOnPageHeader = ()=>{
174
174
  ]
175
175
  })
176
176
  }),
177
- /*#__PURE__*/ jsx("div", {
178
- className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] ${isShowOverlay ? 'gp-z-[999] gp-bg-[#3c67ff]/[0.25]' : ''}
179
- ${isSelectOnPage ? 'gp-pointer-events-none' : 'gp-pointer-events-auto'}
180
- `,
177
+ isShowOverlay && /*#__PURE__*/ jsx("div", {
178
+ className: `gp-w-full gp-fixed gp-top-0 gp-left-0 gp-mt-[40px] gp-z-[999] gp-bg-[#3c67ff]/[0.25] gp-pointer-events-none`,
181
179
  style: {
182
180
  height: 'calc(100% - 40px)'
183
181
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.57.0",
3
+ "version": "1.57.1",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",