@gem-sdk/pages 1.14.0-next.58 → 1.14.0-next.66

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 (11) hide show
  1. package/dist/cjs/components/Footer.js +2 -2
  2. package/dist/cjs/components/Header.js +4 -4
  3. package/dist/cjs/components/builder/PopupManager.js +3 -7
  4. package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +2 -2
  5. package/dist/cjs/pages/builder.js +3 -1
  6. package/dist/esm/components/Footer.js +2 -2
  7. package/dist/esm/components/Header.js +4 -4
  8. package/dist/esm/components/builder/PopupManager.js +4 -8
  9. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +2 -2
  10. package/dist/esm/pages/builder.js +3 -1
  11. package/package.json +2 -2
package/dist/cjs/components/Footer.js CHANGED
@@ -41,7 +41,7 @@ const Footer = ()=>{
41
41
  'fixed bottom-0 w-full': shouldFixed
42
42
  }),
43
43
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
44
- className: "flex flex-1 h-[40px] items-center justify-between",
44
+ className: "flex h-[40px] flex-1 items-center justify-between",
45
45
  style: {
46
46
  maxWidth: `var(--g-ct-w)`,
47
47
  ...core.makeStyleResponsive('ml', defaultMargin),
@@ -78,7 +78,7 @@ const Footer = ()=>{
78
78
  ]
79
79
  }),
80
80
  /*#__PURE__*/ jsxRuntime.jsx("div", {
81
- className: "gp-footer hover:bg-[#0000001a] invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] group-hover:visible",
81
+ className: "gp-footer invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
82
82
  children: /*#__PURE__*/ jsxRuntime.jsx("div", {
83
83
  className: "flex h-[24px] w-[24px] items-center justify-center",
84
84
  children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
package/dist/cjs/components/Header.js CHANGED
@@ -13,11 +13,11 @@ const defaultMargin = {
13
13
  const Header = ()=>{
14
14
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
15
15
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
16
- className: core.cls('gp-header-container border-b border-1 border-[#EEEEEE] group relative font-sans flex justify-center', {
16
+ className: core.cls('gp-header-container border-1 group relative flex justify-center border-b border-[#EEEEEE] font-sans', {
17
17
  hidden: !layoutSetting?.showHeader
18
18
  }),
19
19
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
20
- className: "flex flex-1 h-[40px] items-center justify-between",
20
+ className: "flex h-[40px] flex-1 items-center justify-between",
21
21
  style: {
22
22
  maxWidth: `var(--g-ct-w)`,
23
23
  ...core.makeStyleResponsive('ml', defaultMargin),
@@ -47,9 +47,9 @@ const Header = ()=>{
47
47
  ]
48
48
  }),
49
49
  /*#__PURE__*/ jsxRuntime.jsx("div", {
50
- className: "gp-header invisible flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] group-hover:visible absolute left-[8px] hover:bg-[#0000001a]",
50
+ className: "gp-header invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
51
51
  children: /*#__PURE__*/ jsxRuntime.jsx("div", {
52
- className: "h-[24px] w-[24px] flex items-center justify-center",
52
+ className: "flex h-[24px] w-[24px] items-center justify-center",
53
53
  children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
54
54
  width: "14",
55
55
  height: "14",
package/dist/cjs/components/builder/PopupManager.js CHANGED
@@ -34,7 +34,7 @@ const PopupManager = ()=>{
34
34
  ]);
35
35
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
36
36
  className: "pointer-events-none fixed inset-y-0 right-0 z-10 flex w-10 flex-col items-center justify-center gap-1 overflow-y-auto overflow-x-hidden text-sm",
37
- children: popups?.map((item, index)=>{
37
+ children: popups?.map((item)=>{
38
38
  const display = item?.advanced?.d;
39
39
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
40
40
  className: core.cls('pointer-events-auto w-full shrink cursor-pointer select-none items-center justify-center whitespace-nowrap py-2 text-white [writing-mode:vertical-lr]', {
@@ -49,13 +49,9 @@ const PopupManager = ()=>{
49
49
  '--d-tablet': display?.tablet ? 'inline-flex' : 'none',
50
50
  '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
51
51
  },
52
- children: /*#__PURE__*/ jsxRuntime.jsxs("span", {
52
+ children: /*#__PURE__*/ jsxRuntime.jsx("span", {
53
53
  className: "text-ellipsis whitespace-nowrap",
54
- children: [
55
- item?.settings?.name || 'Popup Name',
56
- " ",
57
- index + 1
58
- ]
54
+ children: item?.settings?.name || 'Popup Name'
59
55
  })
60
56
  }, item?.uid);
61
57
  })
package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -32,7 +32,7 @@ const defaultPadding = {
32
32
  tablet: 'var(--g-ct-p)',
33
33
  mobile: 'var(--g-ct-p)'
34
34
  };
35
- const AddSectionImageToLayout = ()=>{
35
+ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
36
36
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
37
37
  const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
38
38
  const [link, setLink] = react.useState('');
@@ -66,7 +66,7 @@ const AddSectionImageToLayout = ()=>{
66
66
  }
67
67
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
68
68
  id: "gps-add-section-image-to-layout-of-bottom",
69
- className: `justify-center ${totalSection ? 'flex' : 'hidden'}`,
69
+ className: `justify-center ${totalSection && editorImageToLayout ? 'flex' : 'hidden'}`,
70
70
  style: {
71
71
  ...core.makeStyleResponsive('pl', defaultPadding),
72
72
  ...core.makeStyleResponsive('pr', defaultPadding)
package/dist/cjs/pages/builder.js CHANGED
@@ -75,7 +75,9 @@ const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData ,
75
75
  /*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
76
76
  editorImageToLayout: editorImageToLayout || false
77
77
  }),
78
- /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {}),
78
+ /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
79
+ editorImageToLayout: editorImageToLayout || false
80
+ }),
79
81
  /*#__PURE__*/ jsxRuntime.jsx("div", {
80
82
  id: "visual-content"
81
83
  }),
package/dist/esm/components/Footer.js CHANGED
@@ -37,7 +37,7 @@ const Footer = ()=>{
37
37
  'fixed bottom-0 w-full': shouldFixed
38
38
  }),
39
39
  children: /*#__PURE__*/ jsxs("div", {
40
- className: "flex flex-1 h-[40px] items-center justify-between",
40
+ className: "flex h-[40px] flex-1 items-center justify-between",
41
41
  style: {
42
42
  maxWidth: `var(--g-ct-w)`,
43
43
  ...makeStyleResponsive('ml', defaultMargin),
@@ -74,7 +74,7 @@ const Footer = ()=>{
74
74
  ]
75
75
  }),
76
76
  /*#__PURE__*/ jsx("div", {
77
- className: "gp-footer hover:bg-[#0000001a] invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] group-hover:visible",
77
+ className: "gp-footer invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
78
78
  children: /*#__PURE__*/ jsx("div", {
79
79
  className: "flex h-[24px] w-[24px] items-center justify-center",
80
80
  children: /*#__PURE__*/ jsxs("svg", {
package/dist/esm/components/Header.js CHANGED
@@ -9,11 +9,11 @@ const defaultMargin = {
9
9
  const Header = ()=>{
10
10
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
11
11
  return /*#__PURE__*/ jsx("div", {
12
- className: cls('gp-header-container border-b border-1 border-[#EEEEEE] group relative font-sans flex justify-center', {
12
+ className: cls('gp-header-container border-1 group relative flex justify-center border-b border-[#EEEEEE] font-sans', {
13
13
  hidden: !layoutSetting?.showHeader
14
14
  }),
15
15
  children: /*#__PURE__*/ jsxs("div", {
16
- className: "flex flex-1 h-[40px] items-center justify-between",
16
+ className: "flex h-[40px] flex-1 items-center justify-between",
17
17
  style: {
18
18
  maxWidth: `var(--g-ct-w)`,
19
19
  ...makeStyleResponsive('ml', defaultMargin),
@@ -43,9 +43,9 @@ const Header = ()=>{
43
43
  ]
44
44
  }),
45
45
  /*#__PURE__*/ jsx("div", {
46
- className: "gp-header invisible flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] group-hover:visible absolute left-[8px] hover:bg-[#0000001a]",
46
+ className: "gp-header invisible absolute left-[8px] flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded bg-[#EEEEEE] p-[4px] hover:bg-[#0000001a] group-hover:visible",
47
47
  children: /*#__PURE__*/ jsx("div", {
48
- className: "h-[24px] w-[24px] flex items-center justify-center",
48
+ className: "flex h-[24px] w-[24px] items-center justify-center",
49
49
  children: /*#__PURE__*/ jsxs("svg", {
50
50
  width: "14",
51
51
  height: "14",
package/dist/esm/components/builder/PopupManager.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
1
+ import { jsx } from 'react/jsx-runtime';
2
2
  import { useBuilderPreviewStore, useModalStore, cls } from '@gem-sdk/core';
3
3
  import { memo, useMemo, useCallback, useEffect } from 'react';
4
4
 
@@ -30,7 +30,7 @@ const PopupManager = ()=>{
30
30
  ]);
31
31
  return /*#__PURE__*/ jsx("div", {
32
32
  className: "pointer-events-none fixed inset-y-0 right-0 z-10 flex w-10 flex-col items-center justify-center gap-1 overflow-y-auto overflow-x-hidden text-sm",
33
- children: popups?.map((item, index)=>{
33
+ children: popups?.map((item)=>{
34
34
  const display = item?.advanced?.d;
35
35
  return /*#__PURE__*/ jsx("div", {
36
36
  className: cls('pointer-events-auto w-full shrink cursor-pointer select-none items-center justify-center whitespace-nowrap py-2 text-white [writing-mode:vertical-lr]', {
@@ -45,13 +45,9 @@ const PopupManager = ()=>{
45
45
  '--d-tablet': display?.tablet ? 'inline-flex' : 'none',
46
46
  '--d-mobile': display?.mobile ? 'inline-flex' : 'none'
47
47
  },
48
- children: /*#__PURE__*/ jsxs("span", {
48
+ children: /*#__PURE__*/ jsx("span", {
49
49
  className: "text-ellipsis whitespace-nowrap",
50
- children: [
51
- item?.settings?.name || 'Popup Name',
52
- " ",
53
- index + 1
54
- ]
50
+ children: item?.settings?.name || 'Popup Name'
55
51
  })
56
52
  }, item?.uid);
57
53
  })
package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -28,7 +28,7 @@ const defaultPadding = {
28
28
  tablet: 'var(--g-ct-p)',
29
29
  mobile: 'var(--g-ct-p)'
30
30
  };
31
- const AddSectionImageToLayout = ()=>{
31
+ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
32
32
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
33
33
  const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
34
34
  const [link, setLink] = useState('');
@@ -62,7 +62,7 @@ const AddSectionImageToLayout = ()=>{
62
62
  }
63
63
  return /*#__PURE__*/ jsx("div", {
64
64
  id: "gps-add-section-image-to-layout-of-bottom",
65
- className: `justify-center ${totalSection ? 'flex' : 'hidden'}`,
65
+ className: `justify-center ${totalSection && editorImageToLayout ? 'flex' : 'hidden'}`,
66
66
  style: {
67
67
  ...makeStyleResponsive('pl', defaultPadding),
68
68
  ...makeStyleResponsive('pr', defaultPadding)
package/dist/esm/pages/builder.js CHANGED
@@ -73,7 +73,9 @@ const BuilderPage = ({ components , seo , themeStyle , fontStyle , sectionData ,
73
73
  /*#__PURE__*/ jsx(ImageToLayout, {
74
74
  editorImageToLayout: editorImageToLayout || false
75
75
  }),
76
- /*#__PURE__*/ jsx(AddSectionImageToLayout, {}),
76
+ /*#__PURE__*/ jsx(AddSectionImageToLayout, {
77
+ editorImageToLayout: editorImageToLayout || false
78
+ }),
77
79
  /*#__PURE__*/ jsx("div", {
78
80
  id: "visual-content"
79
81
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.14.0-next.58",
3
+ "version": "1.14.0-next.66",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
25
25
  "next-seo": "^6.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@gem-sdk/core": "1.14.0-next.54",
28
+ "@gem-sdk/core": "1.14.0-next.63",
29
29
  "@gem-sdk/plugin-cookie-bar": "*",
30
30
  "@gem-sdk/plugin-quick-view": "*",
31
31
  "@gem-sdk/plugin-sticky-add-to-cart": "*"