@gem-sdk/pages 1.13.0-next.21 → 1.13.7

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 (9) hide show
  1. package/dist/cjs/components/AddSectionImageToLayout.js +1 -1
  2. package/dist/cjs/components/ImageToLayout.js +4 -4
  3. package/dist/cjs/components/PagesSuggestion.js +6 -5
  4. package/dist/cjs/pages/builder.js +3 -1
  5. package/dist/esm/components/AddSectionImageToLayout.js +1 -1
  6. package/dist/esm/components/ImageToLayout.js +4 -4
  7. package/dist/esm/components/PagesSuggestion.js +6 -5
  8. package/dist/esm/pages/builder.js +3 -1
  9. package/package.json +2 -2
package/dist/cjs/components/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 [link, setLink] = react.useState('');
37
37
  const [isInput, setIsInput] = react.useState(false);
38
38
  const onClick = (index)=>{
package/dist/cjs/components/ImageToLayout.js CHANGED
@@ -134,7 +134,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
134
134
  })
135
135
  }),
136
136
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
137
- className: "image-to-layout-input-border max-w-[calc(100%_-_32px)]",
137
+ className: "image-to-layout-input-border relative max-w-[calc(100%_-_32px)]",
138
138
  children: [
139
139
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
140
140
  className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[calc(100%)] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
@@ -206,7 +206,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
206
206
  }),
207
207
  /*#__PURE__*/ jsxRuntime.jsx("div", {
208
208
  id: "gp-img-to-layout-generate-btn",
209
- className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
209
+ className: `generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
210
210
  children: "Generate"
211
211
  }),
212
212
  /*#__PURE__*/ jsxRuntime.jsx(PagesSuggestion.PagesSuggestion, {
@@ -218,7 +218,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
218
218
  ]
219
219
  }),
220
220
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
221
- className: "error-url mx-[-1px] mb-[-1px] hidden items-center bg-white pt-[8px]",
221
+ className: "error-url items-cente absolute bottom-[-24px] mx-[-1px] mb-[-1px] hidden",
222
222
  children: [
223
223
  /*#__PURE__*/ jsxRuntime.jsx("svg", {
224
224
  width: "16",
@@ -242,7 +242,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
242
242
  ]
243
243
  }),
244
244
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
245
- className: "mt-4 flex items-center text-xs",
245
+ className: "mt-[24px] flex items-center text-xs",
246
246
  children: [
247
247
  /*#__PURE__*/ jsxRuntime.jsx("span", {
248
248
  className: "font-normal text-[#676767]",
package/dist/cjs/components/PagesSuggestion.js CHANGED
@@ -18,7 +18,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
18
18
  return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
19
19
  children: [
20
20
  /*#__PURE__*/ jsxRuntime.jsx("div", {
21
- className: `z-9 gps-page-suggestion max-w-[calc(100%_+_2px)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
21
+ className: `z-9 gps-page-suggestion max-w-[calc(100%)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[0px] top-[0px]`,
22
22
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
23
23
  className: "h-full w-full overflow-hidden rounded-[3px]",
24
24
  children: [
@@ -95,7 +95,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
95
95
  onClick: ()=>setOpenSuggestion(false),
96
96
  id: "gp-img-to-layout-generate-btn-modal",
97
97
  "aria-hidden": true,
98
- className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
98
+ className: `generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
99
99
  children: "Generate"
100
100
  })
101
101
  ]
@@ -116,6 +116,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
116
116
  height: "32",
117
117
  viewBox: "0 0 32 32",
118
118
  fill: "none",
119
+ className: "min-h-[32px] min-w-[32px]",
119
120
  xmlns: "http://www.w3.org/2000/svg",
120
121
  children: [
121
122
  /*#__PURE__*/ jsxRuntime.jsx("path", {
@@ -133,14 +134,14 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
133
134
  ]
134
135
  }),
135
136
  /*#__PURE__*/ jsxRuntime.jsx("span", {
136
- className: "item-link ml-[24px] whitespace-nowrap text-xs text-[#212121]",
137
+ className: "item-link mobile:whitespace-pre-wrap ml-[24px] whitespace-nowrap text-xs text-[#212121]",
137
138
  children: page
138
139
  })
139
140
  ]
140
141
  }),
141
142
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
142
143
  "data-url": page,
143
- className: "gps-suggestion-item-btn invisible ml-[24px] flex h-[32px] cursor-pointer items-center rounded-[3px] px-2 hover:bg-black/10",
144
+ className: "gps-suggestion-item-btn mobile:ml-0 ml-[24px] hidden h-[32px] cursor-pointer items-center rounded-[3px] px-2 hover:bg-black/10",
144
145
  children: [
145
146
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
146
147
  width: "16",
@@ -174,7 +175,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
174
175
  /*#__PURE__*/ jsxRuntime.jsx("div", {
175
176
  onClick: ()=>setOpenSuggestion(false),
176
177
  "aria-hidden": true,
177
- className: `fixed left-0 top-0 h-[100vh] w-[100vw] bg-transparent ${isOpen ? 'block' : 'hidden'}`
178
+ className: `gps-bg-fixed fixed left-0 top-0 h-[100vh] w-[100vw] bg-transparent ${isOpen ? 'block' : 'hidden'}`
178
179
  })
179
180
  ]
180
181
  });
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/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 [link, setLink] = useState('');
33
33
  const [isInput, setIsInput] = useState(false);
34
34
  const onClick = (index)=>{
package/dist/esm/components/ImageToLayout.js CHANGED
@@ -130,7 +130,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
130
130
  })
131
131
  }),
132
132
  /*#__PURE__*/ jsxs("div", {
133
- className: "image-to-layout-input-border max-w-[calc(100%_-_32px)]",
133
+ className: "image-to-layout-input-border relative max-w-[calc(100%_-_32px)]",
134
134
  children: [
135
135
  /*#__PURE__*/ jsxs("div", {
136
136
  className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[calc(100%)] items-center rounded-[3px] border py-[10px] pl-3 pr-2",
@@ -202,7 +202,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
202
202
  }),
203
203
  /*#__PURE__*/ jsx("div", {
204
204
  id: "gp-img-to-layout-generate-btn",
205
- className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
205
+ className: `generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
206
206
  children: "Generate"
207
207
  }),
208
208
  /*#__PURE__*/ jsx(PagesSuggestion, {
@@ -214,7 +214,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
214
214
  ]
215
215
  }),
216
216
  /*#__PURE__*/ jsxs("div", {
217
- className: "error-url mx-[-1px] mb-[-1px] hidden items-center bg-white pt-[8px]",
217
+ className: "error-url items-cente absolute bottom-[-24px] mx-[-1px] mb-[-1px] hidden",
218
218
  children: [
219
219
  /*#__PURE__*/ jsx("svg", {
220
220
  width: "16",
@@ -238,7 +238,7 @@ const ImageToLayout = ({ editorImageToLayout })=>{
238
238
  ]
239
239
  }),
240
240
  /*#__PURE__*/ jsxs("div", {
241
- className: "mt-4 flex items-center text-xs",
241
+ className: "mt-[24px] flex items-center text-xs",
242
242
  children: [
243
243
  /*#__PURE__*/ jsx("span", {
244
244
  className: "font-normal text-[#676767]",
package/dist/esm/components/PagesSuggestion.js CHANGED
@@ -16,7 +16,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
16
16
  return /*#__PURE__*/ jsxs(Fragment, {
17
17
  children: [
18
18
  /*#__PURE__*/ jsx("div", {
19
- className: `z-9 gps-page-suggestion max-w-[calc(100%_+_2px)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[-1px] top-[-1px]`,
19
+ className: `z-9 gps-page-suggestion max-w-[calc(100%)] bg-white ${isOpen ? 'block' : 'hidden'} absolute left-[0px] top-[0px]`,
20
20
  children: /*#__PURE__*/ jsxs("div", {
21
21
  className: "h-full w-full overflow-hidden rounded-[3px]",
22
22
  children: [
@@ -93,7 +93,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
93
93
  onClick: ()=>setOpenSuggestion(false),
94
94
  id: "gp-img-to-layout-generate-btn-modal",
95
95
  "aria-hidden": true,
96
- className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
96
+ className: `generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white ${!link ? 'btn-disable' : ''}`,
97
97
  children: "Generate"
98
98
  })
99
99
  ]
@@ -114,6 +114,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
114
114
  height: "32",
115
115
  viewBox: "0 0 32 32",
116
116
  fill: "none",
117
+ className: "min-h-[32px] min-w-[32px]",
117
118
  xmlns: "http://www.w3.org/2000/svg",
118
119
  children: [
119
120
  /*#__PURE__*/ jsx("path", {
@@ -131,14 +132,14 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
131
132
  ]
132
133
  }),
133
134
  /*#__PURE__*/ jsx("span", {
134
- className: "item-link ml-[24px] whitespace-nowrap text-xs text-[#212121]",
135
+ className: "item-link mobile:whitespace-pre-wrap ml-[24px] whitespace-nowrap text-xs text-[#212121]",
135
136
  children: page
136
137
  })
137
138
  ]
138
139
  }),
139
140
  /*#__PURE__*/ jsxs("div", {
140
141
  "data-url": page,
141
- className: "gps-suggestion-item-btn invisible ml-[24px] flex h-[32px] cursor-pointer items-center rounded-[3px] px-2 hover:bg-black/10",
142
+ className: "gps-suggestion-item-btn mobile:ml-0 ml-[24px] hidden h-[32px] cursor-pointer items-center rounded-[3px] px-2 hover:bg-black/10",
142
143
  children: [
143
144
  /*#__PURE__*/ jsxs("svg", {
144
145
  width: "16",
@@ -172,7 +173,7 @@ const PagesSuggestion = ({ isOpen , link , setLink , setOpenSuggestion })=>{
172
173
  /*#__PURE__*/ jsx("div", {
173
174
  onClick: ()=>setOpenSuggestion(false),
174
175
  "aria-hidden": true,
175
- className: `fixed left-0 top-0 h-[100vh] w-[100vw] bg-transparent ${isOpen ? 'block' : 'hidden'}`
176
+ className: `gps-bg-fixed fixed left-0 top-0 h-[100vh] w-[100vw] bg-transparent ${isOpen ? 'block' : 'hidden'}`
176
177
  })
177
178
  ]
178
179
  });
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.13.0-next.21",
3
+ "version": "1.13.7",
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.13.0-next.19",
28
+ "@gem-sdk/core": "1.12.0",
29
29
  "@gem-sdk/plugin-cookie-bar": "*",
30
30
  "@gem-sdk/plugin-quick-view": "*",
31
31
  "@gem-sdk/plugin-sticky-add-to-cart": "*"