@gem-sdk/pages 1.54.0 → 1.55.8

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 (3) hide show
  1. package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +12 -135
  2. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +13 -136
  3. package/package.json +2 -2
package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -11,19 +11,22 @@ const BASE_DATA = [
11
11
  title: 'Choose templates',
12
12
  content: 'inspired by CRO experts',
13
13
  hasAILogo: false,
14
- id: 'gps-add-section-bottom-from-library'
14
+ id: 'gps-add-section-bottom-from-library',
15
+ eventID: 'click-add-section-bottom-from-library'
15
16
  },
16
17
  {
17
18
  title: 'Generate layout',
18
19
  content: 'from URL or image',
19
20
  hasAILogo: false,
20
- id: 'gps-add-section-bottom-from-url'
21
+ id: 'gps-add-section-bottom-from-url',
22
+ eventID: 'click-add-section-bottom-from-url'
21
23
  },
22
24
  {
23
25
  title: 'Add blank section',
24
26
  content: 'then drag & drop elements',
25
27
  hasAILogo: false,
26
- id: 'gps-add-section-blank'
28
+ id: 'gps-add-section-blank',
29
+ eventID: 'click-add-section-blank'
27
30
  }
28
31
  ];
29
32
  const FOOTER_HEIGHT = 48;
@@ -35,8 +38,6 @@ const defaultPadding = {
35
38
  const AddSectionImageToLayout = ({ editorImageToLayout })=>{
36
39
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
37
40
  const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
38
- const [link, setLink] = react.useState('');
39
- const [isInput, setIsInput] = react.useState(false);
40
41
  const editingPageType = core.useShopStore((s)=>s.pageType);
41
42
  let ACTIONS_DATA = BASE_DATA;
42
43
  if (editingPageType === 'POST_PURCHASE') {
@@ -47,15 +48,6 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
47
48
  ];
48
49
  ACTIONS_DATA = BASE_DATA.filter((item)=>!dataIdNotPostPurchase.includes(item.id));
49
50
  }
50
- react.useEffect(()=>{
51
- if (!isInput || totalSection === 0) {
52
- setLink('');
53
- setIsInput(false);
54
- }
55
- }, [
56
- isInput,
57
- totalSection
58
- ]);
59
51
  const loaded = core.useBuilderPreviewStore((state)=>state.loaded);
60
52
  const offset = react.useMemo(()=>{
61
53
  let result = 0;
@@ -69,6 +61,10 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
69
61
  if (!loaded) {
70
62
  return null;
71
63
  }
64
+ const handleAddSectionAction = (eventID)=>{
65
+ const event = new CustomEvent(`editor:iframe:${eventID}`);
66
+ window.dispatchEvent(event);
67
+ };
72
68
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
73
69
  id: "gps-add-section-image-to-layout-of-bottom",
74
70
  className: `gp-justify-center ${totalSection && editorImageToLayout ? 'gp-flex' : 'gp-hidden'}`,
@@ -89,8 +85,9 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
89
85
  }),
90
86
  ACTIONS_DATA.map((action)=>{
91
87
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
92
- className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${isInput ? 'gp-hidden' : 'gp-flex'}`,
88
+ className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
93
89
  id: action.id,
90
+ onClick: ()=>handleAddSectionAction(action.eventID),
94
91
  "aria-hidden": true,
95
92
  children: [
96
93
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -144,126 +141,6 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
144
141
  })
145
142
  ]
146
143
  }, action.id);
147
- }),
148
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
149
- className: `gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${isInput ? 'gp-flex' : 'gp-hidden'}`,
150
- children: [
151
- /*#__PURE__*/ jsxRuntime.jsx("div", {
152
- "aria-hidden": true,
153
- id: "image-to-layout-input-wrapper-add-section-close",
154
- onClick: ()=>setIsInput(false),
155
- className: "gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",
156
- children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
157
- width: "16",
158
- height: "16",
159
- viewBox: "0 0 16 16",
160
- fill: "none",
161
- xmlns: "http://www.w3.org/2000/svg",
162
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
163
- d: "M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",
164
- fill: "#212121"
165
- })
166
- })
167
- }),
168
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
169
- className: "image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",
170
- children: [
171
- !link ? /*#__PURE__*/ jsxRuntime.jsxs("svg", {
172
- width: "21",
173
- height: "20",
174
- viewBox: "0 0 21 20",
175
- fill: "none",
176
- xmlns: "http://www.w3.org/2000/svg",
177
- children: [
178
- /*#__PURE__*/ jsxRuntime.jsx("path", {
179
- d: "M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",
180
- fill: "#9E9E9E"
181
- }),
182
- /*#__PURE__*/ jsxRuntime.jsx("path", {
183
- d: "M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",
184
- fill: "#9E9E9E"
185
- })
186
- ]
187
- }) : /*#__PURE__*/ jsxRuntime.jsxs("svg", {
188
- width: "21",
189
- height: "21",
190
- viewBox: "0 0 21 21",
191
- fill: "none",
192
- xmlns: "http://www.w3.org/2000/svg",
193
- children: [
194
- /*#__PURE__*/ jsxRuntime.jsx("path", {
195
- d: "M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",
196
- fill: "url(#paint0_linear_5189_39651)"
197
- }),
198
- /*#__PURE__*/ jsxRuntime.jsx("path", {
199
- d: "M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",
200
- fill: "url(#paint1_linear_5189_39651)"
201
- }),
202
- /*#__PURE__*/ jsxRuntime.jsxs("defs", {
203
- children: [
204
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
205
- id: "paint0_linear_5189_39651",
206
- x1: "16.9254",
207
- y1: "13.9119",
208
- x2: "3.49971",
209
- y2: "13.8965",
210
- gradientUnits: "userSpaceOnUse",
211
- children: [
212
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
213
- stopColor: "#874CFD"
214
- }),
215
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
216
- offset: "1",
217
- stopColor: "#3C38E1"
218
- })
219
- ]
220
- }),
221
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
222
- id: "paint1_linear_5189_39651",
223
- x1: "16.9254",
224
- y1: "13.9119",
225
- x2: "3.49971",
226
- y2: "13.8965",
227
- gradientUnits: "userSpaceOnUse",
228
- children: [
229
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
230
- stopColor: "#874CFD"
231
- }),
232
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
233
- offset: "1",
234
- stopColor: "#3C38E1"
235
- })
236
- ]
237
- })
238
- ]
239
- })
240
- ]
241
- }),
242
- /*#__PURE__*/ jsxRuntime.jsx("input", {
243
- onChange: (event)=>{
244
- setLink(event.target.value);
245
- },
246
- autoComplete: "off",
247
- id: "gp-img-to-layout-bottom-input-link",
248
- placeholder: "Paste your link",
249
- className: "gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"
250
- }),
251
- /*#__PURE__*/ jsxRuntime.jsx("div", {
252
- "aria-disabled": !link,
253
- id: "gp-img-to-layout-bottom-generate-btn",
254
- className: `generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${!link ? 'gp-btn-disable gp-cursor-not-allowed' : ''}`,
255
- children: "Generate"
256
- })
257
- ]
258
- }),
259
- /*#__PURE__*/ jsxRuntime.jsx("div", {
260
- className: "error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",
261
- children: /*#__PURE__*/ jsxRuntime.jsx("span", {
262
- className: "gp-text-xs gp-text-[#C3362B]",
263
- children: "Please use an valid URL to generate"
264
- })
265
- })
266
- ]
267
144
  })
268
145
  ]
269
146
  })
package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { useState, useEffect, useMemo } from 'react';
2
+ import { useMemo } from 'react';
3
3
  import { useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
4
4
 
5
5
  const BASE_DATA = [
@@ -7,19 +7,22 @@ const BASE_DATA = [
7
7
  title: 'Choose templates',
8
8
  content: 'inspired by CRO experts',
9
9
  hasAILogo: false,
10
- id: 'gps-add-section-bottom-from-library'
10
+ id: 'gps-add-section-bottom-from-library',
11
+ eventID: 'click-add-section-bottom-from-library'
11
12
  },
12
13
  {
13
14
  title: 'Generate layout',
14
15
  content: 'from URL or image',
15
16
  hasAILogo: false,
16
- id: 'gps-add-section-bottom-from-url'
17
+ id: 'gps-add-section-bottom-from-url',
18
+ eventID: 'click-add-section-bottom-from-url'
17
19
  },
18
20
  {
19
21
  title: 'Add blank section',
20
22
  content: 'then drag & drop elements',
21
23
  hasAILogo: false,
22
- id: 'gps-add-section-blank'
24
+ id: 'gps-add-section-blank',
25
+ eventID: 'click-add-section-blank'
23
26
  }
24
27
  ];
25
28
  const FOOTER_HEIGHT = 48;
@@ -31,8 +34,6 @@ const defaultPadding = {
31
34
  const AddSectionImageToLayout = ({ editorImageToLayout })=>{
32
35
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
33
36
  const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
34
- const [link, setLink] = useState('');
35
- const [isInput, setIsInput] = useState(false);
36
37
  const editingPageType = useShopStore((s)=>s.pageType);
37
38
  let ACTIONS_DATA = BASE_DATA;
38
39
  if (editingPageType === 'POST_PURCHASE') {
@@ -43,15 +44,6 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
43
44
  ];
44
45
  ACTIONS_DATA = BASE_DATA.filter((item)=>!dataIdNotPostPurchase.includes(item.id));
45
46
  }
46
- useEffect(()=>{
47
- if (!isInput || totalSection === 0) {
48
- setLink('');
49
- setIsInput(false);
50
- }
51
- }, [
52
- isInput,
53
- totalSection
54
- ]);
55
47
  const loaded = useBuilderPreviewStore((state)=>state.loaded);
56
48
  const offset = useMemo(()=>{
57
49
  let result = 0;
@@ -65,6 +57,10 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
65
57
  if (!loaded) {
66
58
  return null;
67
59
  }
60
+ const handleAddSectionAction = (eventID)=>{
61
+ const event = new CustomEvent(`editor:iframe:${eventID}`);
62
+ window.dispatchEvent(event);
63
+ };
68
64
  return /*#__PURE__*/ jsx("div", {
69
65
  id: "gps-add-section-image-to-layout-of-bottom",
70
66
  className: `gp-justify-center ${totalSection && editorImageToLayout ? 'gp-flex' : 'gp-hidden'}`,
@@ -85,8 +81,9 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
85
81
  }),
86
82
  ACTIONS_DATA.map((action)=>{
87
83
  return /*#__PURE__*/ jsxs("div", {
88
- className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${isInput ? 'gp-hidden' : 'gp-flex'}`,
84
+ className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
89
85
  id: action.id,
86
+ onClick: ()=>handleAddSectionAction(action.eventID),
90
87
  "aria-hidden": true,
91
88
  children: [
92
89
  /*#__PURE__*/ jsxs("div", {
@@ -140,126 +137,6 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
140
137
  })
141
138
  ]
142
139
  }, action.id);
143
- }),
144
- /*#__PURE__*/ jsxs("div", {
145
- className: `gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${isInput ? 'gp-flex' : 'gp-hidden'}`,
146
- children: [
147
- /*#__PURE__*/ jsx("div", {
148
- "aria-hidden": true,
149
- id: "image-to-layout-input-wrapper-add-section-close",
150
- onClick: ()=>setIsInput(false),
151
- className: "gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",
152
- children: /*#__PURE__*/ jsx("svg", {
153
- width: "16",
154
- height: "16",
155
- viewBox: "0 0 16 16",
156
- fill: "none",
157
- xmlns: "http://www.w3.org/2000/svg",
158
- children: /*#__PURE__*/ jsx("path", {
159
- d: "M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",
160
- fill: "#212121"
161
- })
162
- })
163
- }),
164
- /*#__PURE__*/ jsxs("div", {
165
- className: "image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",
166
- children: [
167
- !link ? /*#__PURE__*/ jsxs("svg", {
168
- width: "21",
169
- height: "20",
170
- viewBox: "0 0 21 20",
171
- fill: "none",
172
- xmlns: "http://www.w3.org/2000/svg",
173
- children: [
174
- /*#__PURE__*/ jsx("path", {
175
- d: "M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",
176
- fill: "#9E9E9E"
177
- }),
178
- /*#__PURE__*/ jsx("path", {
179
- d: "M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",
180
- fill: "#9E9E9E"
181
- })
182
- ]
183
- }) : /*#__PURE__*/ jsxs("svg", {
184
- width: "21",
185
- height: "21",
186
- viewBox: "0 0 21 21",
187
- fill: "none",
188
- xmlns: "http://www.w3.org/2000/svg",
189
- children: [
190
- /*#__PURE__*/ jsx("path", {
191
- d: "M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",
192
- fill: "url(#paint0_linear_5189_39651)"
193
- }),
194
- /*#__PURE__*/ jsx("path", {
195
- d: "M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",
196
- fill: "url(#paint1_linear_5189_39651)"
197
- }),
198
- /*#__PURE__*/ jsxs("defs", {
199
- children: [
200
- /*#__PURE__*/ jsxs("linearGradient", {
201
- id: "paint0_linear_5189_39651",
202
- x1: "16.9254",
203
- y1: "13.9119",
204
- x2: "3.49971",
205
- y2: "13.8965",
206
- gradientUnits: "userSpaceOnUse",
207
- children: [
208
- /*#__PURE__*/ jsx("stop", {
209
- stopColor: "#874CFD"
210
- }),
211
- /*#__PURE__*/ jsx("stop", {
212
- offset: "1",
213
- stopColor: "#3C38E1"
214
- })
215
- ]
216
- }),
217
- /*#__PURE__*/ jsxs("linearGradient", {
218
- id: "paint1_linear_5189_39651",
219
- x1: "16.9254",
220
- y1: "13.9119",
221
- x2: "3.49971",
222
- y2: "13.8965",
223
- gradientUnits: "userSpaceOnUse",
224
- children: [
225
- /*#__PURE__*/ jsx("stop", {
226
- stopColor: "#874CFD"
227
- }),
228
- /*#__PURE__*/ jsx("stop", {
229
- offset: "1",
230
- stopColor: "#3C38E1"
231
- })
232
- ]
233
- })
234
- ]
235
- })
236
- ]
237
- }),
238
- /*#__PURE__*/ jsx("input", {
239
- onChange: (event)=>{
240
- setLink(event.target.value);
241
- },
242
- autoComplete: "off",
243
- id: "gp-img-to-layout-bottom-input-link",
244
- placeholder: "Paste your link",
245
- className: "gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"
246
- }),
247
- /*#__PURE__*/ jsx("div", {
248
- "aria-disabled": !link,
249
- id: "gp-img-to-layout-bottom-generate-btn",
250
- className: `generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${!link ? 'gp-btn-disable gp-cursor-not-allowed' : ''}`,
251
- children: "Generate"
252
- })
253
- ]
254
- }),
255
- /*#__PURE__*/ jsx("div", {
256
- className: "error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",
257
- children: /*#__PURE__*/ jsx("span", {
258
- className: "gp-text-xs gp-text-[#C3362B]",
259
- children: "Please use an valid URL to generate"
260
- })
261
- })
262
- ]
263
140
  })
264
141
  ]
265
142
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.54.0",
3
+ "version": "1.55.8",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
26
26
  "next": "latest"
27
27
  },
28
28
  "devDependencies": {
29
- "@gem-sdk/core": "1.54.0",
29
+ "@gem-sdk/core": "1.55.1",
30
30
  "@gem-sdk/plugin-cookie-bar": "1.54.0",
31
31
  "@gem-sdk/plugin-quick-view": "1.54.0",
32
32
  "@gem-sdk/plugin-sticky-add-to-cart": "1.54.0"