@gem-sdk/pages 1.12.1 → 1.12.14

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 (7) hide show
  1. package/dist/cjs/components/AddSectionImageToLayout.js +156 -185
  2. package/dist/cjs/components/Footer.js +97 -116
  3. package/dist/cjs/components/Header.js +90 -121
  4. package/dist/esm/components/AddSectionImageToLayout.js +158 -187
  5. package/dist/esm/components/Footer.js +98 -117
  6. package/dist/esm/components/Header.js +91 -122
  7. package/package.json +1 -1
package/dist/cjs/components/AddSectionImageToLayout.js CHANGED
@@ -27,49 +27,14 @@ const ACTIONS_DATA = [
27
27
  }
28
28
  ];
29
29
  const FOOTER_HEIGHT = 48;
30
- const defaultMargin = {
31
- desktop: '68px',
32
- tablet: '16px',
33
- mobile: '16px'
30
+ const defaultPadding = {
31
+ desktop: 'var(--g-ct-p)',
32
+ tablet: 'var(--g-ct-p)',
33
+ mobile: 'var(--g-ct-p)'
34
34
  };
35
35
  const AddSectionImageToLayout = ({ editorImageToLayout })=>{
36
36
  const [link, setLink] = react.useState('');
37
37
  const [isInput, setIsInput] = react.useState(false);
38
- const [margin, setMargin] = react.useState(defaultMargin);
39
- react.useEffect(()=>{
40
- const $iframe = parent.document.querySelector('.iframe');
41
- if (!$iframe) return;
42
- const $storefront = document.querySelector('#storefront');
43
- if (!$storefront) return;
44
- const $iframeDoc = $iframe.contentDocument || $iframe.contentWindow.document;
45
- const $section = $iframeDoc.getElementsByTagName('section');
46
- let prevWidth = 0;
47
- const observer = new ResizeObserver((entries)=>{
48
- const currentWidth = entries[0]?.borderBoxSize?.[0]?.inlineSize;
49
- const shouldUpdateMargin = !!$section.length && typeof currentWidth === 'number' && currentWidth !== prevWidth;
50
- if (shouldUpdateMargin) {
51
- prevWidth = currentWidth;
52
- const $baseSection = $section[0];
53
- const padding = getComputedStyle($baseSection).getPropertyValue('padding-left');
54
- const margin = getComputedStyle($baseSection).getPropertyValue('margin-left');
55
- const newMargin = parseInt(margin, 10) + parseInt(padding, 10);
56
- const baseMargin = 68;
57
- if (newMargin > baseMargin) {
58
- setMargin({
59
- desktop: `${newMargin}px`,
60
- tablet: `${newMargin}px`,
61
- mobile: `${newMargin}px`
62
- });
63
- } else {
64
- setMargin(defaultMargin);
65
- }
66
- }
67
- });
68
- observer.observe($storefront);
69
- return ()=>{
70
- observer.unobserve($storefront);
71
- };
72
- }, []);
73
38
  const onClick = (index)=>{
74
39
  if (index === 0) {
75
40
  setIsInput(true);
@@ -90,60 +55,155 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
90
55
  if (!loaded) {
91
56
  return null;
92
57
  }
93
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
58
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
94
59
  id: "gps-add-section-image-to-layout-of-bottom",
95
- className: `gps-base-font-family relative mx-[44px] mb-[24px] mt-[40px] justify-center rounded-[3px] border border-[#EEEEEE] py-[24px] ${totalSection && editorImageToLayout ? 'flex' : 'hidden'}`,
60
+ className: `justify-center ${totalSection ? 'flex' : 'hidden'}`,
96
61
  style: {
97
- marginBottom: `${offset + 24}px`,
98
- ...core.makeStyleResponsive('ml', margin),
99
- ...core.makeStyleResponsive('mr', margin)
62
+ ...core.makeStyleResponsive('pl', defaultPadding),
63
+ ...core.makeStyleResponsive('pr', defaultPadding)
100
64
  },
101
- children: [
102
- /*#__PURE__*/ jsxRuntime.jsx("span", {
103
- className: "absolute top-[-12px] bg-white px-[8px] text-[14px] font-normal text-[#9E9E9E]",
104
- children: "Add section"
105
- }),
106
- ACTIONS_DATA.map((action, index)=>{
107
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
108
- className: `relative mx-[12px] h-[60px] w-[172px] cursor-pointer flex-col items-center justify-center rounded-[3px] bg-[#F4F4F4] hover:bg-black/10 ${isInput ? 'hidden' : 'flex'}`,
109
- id: action.id,
110
- onClick: ()=>onClick(index),
111
- "aria-hidden": true,
65
+ children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
66
+ className: `gps-base-font-family relative mb-[24px] mt-[40px] flex flex-1 justify-center rounded-[3px] border border-[#EEEEEE] py-[24px]`,
67
+ style: {
68
+ maxWidth: `var(--g-ct-w)`,
69
+ marginBottom: `${offset + 48}px`
70
+ },
71
+ children: [
72
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
73
+ className: "absolute top-[-12px] bg-white px-[8px] text-[14px] font-normal text-[#9E9E9E]",
74
+ children: "Add section"
75
+ }),
76
+ ACTIONS_DATA.map((action, index)=>{
77
+ return /*#__PURE__*/ jsxRuntime.jsxs("div", {
78
+ className: `relative mx-[12px] h-[60px] w-[172px] cursor-pointer flex-col items-center justify-center rounded-[3px] bg-[#F4F4F4] hover:bg-black/10 ${isInput ? 'hidden' : 'flex'}`,
79
+ id: action.id,
80
+ onClick: ()=>onClick(index),
81
+ "aria-hidden": true,
82
+ children: [
83
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
84
+ className: "mb-[4px] text-[14px] font-medium text-[#212121]",
85
+ children: action.title
86
+ }),
87
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
88
+ className: "flex items-center ",
89
+ children: [
90
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
91
+ className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
92
+ children: action.content
93
+ }),
94
+ action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
95
+ width: "48",
96
+ height: "19",
97
+ viewBox: "0 0 48 19",
98
+ fill: "none",
99
+ xmlns: "http://www.w3.org/2000/svg",
100
+ children: [
101
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
102
+ d: "M7.2484 7.55966C7.17738 7.32955 7.07937 7.12358 6.95437 6.94176C6.83221 6.7571 6.68448 6.59943 6.51119 6.46875C6.34073 6.33807 6.14471 6.24006 5.92312 6.17472C5.70153 6.10653 5.46005 6.07244 5.19869 6.07244C4.72994 6.07244 4.31232 6.19034 3.94585 6.42614C3.57937 6.66193 3.29102 7.00852 3.08079 7.46591C2.8734 7.92045 2.76971 8.47443 2.76971 9.12784C2.76971 9.78693 2.8734 10.3452 3.08079 10.8026C3.28817 11.2599 3.57653 11.608 3.94585 11.8466C4.31516 12.0824 4.74414 12.2003 5.23278 12.2003C5.67596 12.2003 6.05948 12.1151 6.38335 11.9446C6.71005 11.7741 6.96147 11.5327 7.13761 11.2202C7.31374 10.9048 7.40181 10.5355 7.40181 10.1122L7.75977 10.1676H5.39045V8.93182H8.93164V9.98011C8.93164 10.7273 8.77255 11.3736 8.45437 11.919C8.13619 12.4645 7.69869 12.8849 7.14187 13.1804C6.58505 13.473 5.94585 13.6193 5.22425 13.6193C4.42028 13.6193 3.71431 13.4389 3.10636 13.0781C2.50124 12.7145 2.02823 12.1989 1.68732 11.5312C1.34925 10.8608 1.18022 10.0653 1.18022 9.14489C1.18022 8.44034 1.27965 7.81108 1.47852 7.2571C1.68022 6.70312 1.96147 6.23295 2.32227 5.84659C2.68306 5.45739 3.10636 5.16193 3.59215 4.96023C4.07795 4.75568 4.60636 4.65341 5.17738 4.65341C5.66033 4.65341 6.11062 4.72443 6.52823 4.86648C6.94585 5.00568 7.31658 5.20455 7.64045 5.46307C7.96715 5.72159 8.23562 6.02841 8.44585 6.38352C8.65607 6.73864 8.79386 7.13068 8.8592 7.55966H7.2484ZM13.29 13.6278C12.6337 13.6278 12.0669 13.4915 11.5897 13.2188C11.1152 12.9432 10.7502 12.554 10.4945 12.0511C10.2388 11.5455 10.111 10.9503 10.111 10.2656C10.111 9.59233 10.2388 9.00142 10.4945 8.4929C10.753 7.98153 11.1138 7.58381 11.5769 7.29972C12.04 7.01278 12.584 6.86932 13.209 6.86932C13.6124 6.86932 13.9931 6.93466 14.351 7.06534C14.7118 7.19318 15.03 7.39205 15.3056 7.66193C15.584 7.93182 15.8027 8.27557 15.9618 8.69318C16.1209 9.10795 16.2005 9.60227 16.2005 10.1761V10.6491H10.8354V9.60938H14.7218C14.7189 9.31392 14.655 9.05114 14.53 8.82102C14.405 8.58807 14.2303 8.40483 14.0059 8.27131C13.7843 8.13778 13.5257 8.07102 13.2303 8.07102C12.915 8.07102 12.638 8.14773 12.3993 8.30114C12.1607 8.4517 11.9746 8.65057 11.8411 8.89773C11.7104 9.14205 11.6436 9.41051 11.6408 9.70312V10.6108C11.6408 10.9915 11.7104 11.3182 11.8496 11.5909C11.9888 11.8608 12.1834 12.0682 12.4334 12.2131C12.6834 12.3551 12.976 12.4261 13.3113 12.4261C13.5357 12.4261 13.7388 12.3949 13.9206 12.3324C14.1025 12.267 14.2601 12.1719 14.3936 12.0469C14.5272 11.9219 14.628 11.767 14.6962 11.5824L16.1365 11.7443C16.0456 12.125 15.8723 12.4574 15.6167 12.7415C15.3638 13.0227 15.04 13.2415 14.6451 13.3977C14.2502 13.5511 13.7985 13.6278 13.29 13.6278ZM17.5055 13.5V6.95455H18.9799V8.06676H19.0566C19.193 7.69176 19.4189 7.39915 19.7342 7.18892C20.0495 6.97585 20.426 6.86932 20.8635 6.86932C21.3066 6.86932 21.6802 6.97727 21.9842 7.19318C22.291 7.40625 22.5069 7.69744 22.6319 8.06676H22.7001C22.845 7.70312 23.0893 7.41335 23.4331 7.19744C23.7797 6.97869 24.1902 6.86932 24.6646 6.86932C25.2669 6.86932 25.7583 7.05966 26.139 7.44034C26.5197 7.82102 26.7101 8.37642 26.7101 9.10653V13.5H25.1632V9.34517C25.1632 8.93892 25.0552 8.64205 24.8393 8.45455C24.6234 8.2642 24.3592 8.16903 24.0467 8.16903C23.6745 8.16903 23.3833 8.28551 23.1731 8.51847C22.9657 8.74858 22.862 9.0483 22.862 9.41761V13.5H21.3493V9.28125C21.3493 8.94318 21.247 8.6733 21.0424 8.47159C20.8407 8.26989 20.5765 8.16903 20.2498 8.16903C20.0282 8.16903 19.8265 8.22585 19.6447 8.33949C19.4629 8.45028 19.318 8.60795 19.21 8.8125C19.1021 9.0142 19.0481 9.25 19.0481 9.51989V13.5H17.5055ZM29.464 13.5H27.7765L30.8489 4.77273H32.8006L35.8773 13.5H34.1898L31.8588 6.5625H31.7907L29.464 13.5ZM29.5194 10.0781H34.1216V11.348H29.5194V10.0781ZM38.6078 4.77273V13.5H37.0268V4.77273H38.6078Z",
103
+ fill: "url(#paint0_linear_3034_14503)"
104
+ }),
105
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
106
+ d: "M43.2612 1.5282C43.3335 1.29268 43.6669 1.29268 43.7392 1.5282L44.2184 3.08942C44.3115 3.39264 44.5429 3.63372 44.8421 3.73913L46.3311 4.26382C46.5536 4.34224 46.5536 4.65698 46.3311 4.7354L44.8421 5.26008C44.5429 5.36549 44.3115 5.60658 44.2184 5.9098L43.7392 7.47101C43.6669 7.70653 43.3335 7.70653 43.2612 7.47101L42.782 5.9098C42.6889 5.60658 42.4575 5.36549 42.1584 5.26008L40.6694 4.7354C40.4468 4.65698 40.4468 4.34224 40.6694 4.26382L42.1584 3.73913C42.4575 3.63372 42.6889 3.39264 42.782 3.08942L43.2612 1.5282Z",
107
+ fill: "url(#paint1_linear_3034_14503)"
108
+ }),
109
+ /*#__PURE__*/ jsxRuntime.jsxs("defs", {
110
+ children: [
111
+ /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
112
+ id: "paint0_linear_3034_14503",
113
+ x1: "39.5",
114
+ y1: "14.2432",
115
+ x2: "0.499335",
116
+ y2: "14.1469",
117
+ gradientUnits: "userSpaceOnUse",
118
+ children: [
119
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
120
+ stopColor: "#874CFD"
121
+ }),
122
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
123
+ offset: "1",
124
+ stopColor: "#3C38E1"
125
+ })
126
+ ]
127
+ }),
128
+ /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
129
+ id: "paint1_linear_3034_14503",
130
+ x1: "45.605",
131
+ y1: "3.12234",
132
+ x2: "41.2267",
133
+ y2: "3.42341",
134
+ gradientUnits: "userSpaceOnUse",
135
+ children: [
136
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
137
+ stopColor: "#3C67FF"
138
+ }),
139
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
140
+ offset: "1",
141
+ stopColor: "#874CFD"
142
+ })
143
+ ]
144
+ })
145
+ ]
146
+ })
147
+ ]
148
+ }),
149
+ action.id === 'gps-add-section-bottom-from-image' && /*#__PURE__*/ jsxRuntime.jsx("input", {
150
+ id: "gp-add-section-bottom-from-select-image",
151
+ className: "rounded-medium z-2 absolute left-0 top-0 h-full w-full cursor-pointer opacity-0 outline-none",
152
+ type: "file",
153
+ accept: ".png, .jpg, .jpeg"
154
+ })
155
+ ]
156
+ })
157
+ ]
158
+ }, action.id);
159
+ }),
160
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
161
+ className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
112
162
  children: [
113
- /*#__PURE__*/ jsxRuntime.jsx("span", {
114
- className: "mb-[4px] text-[14px] font-medium text-[#212121]",
115
- children: action.title
163
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
164
+ "aria-hidden": true,
165
+ onClick: ()=>setIsInput(false),
166
+ className: "mr-2 flex h-[32px] w-[32px] cursor-pointer items-center justify-center rounded-[3px] hover:bg-black/10",
167
+ children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
168
+ width: "16",
169
+ height: "16",
170
+ viewBox: "0 0 16 16",
171
+ fill: "none",
172
+ xmlns: "http://www.w3.org/2000/svg",
173
+ children: /*#__PURE__*/ jsxRuntime.jsx("path", {
174
+ fillRule: "evenodd",
175
+ clipRule: "evenodd",
176
+ d: "M9.88284 4.13017C10.0391 4.30374 10.0391 4.58515 9.88284 4.75871L6.96569 8L9.88284 11.2413C10.0391 11.4149 10.0391 11.6963 9.88284 11.8698C9.72663 12.0434 9.47337 12.0434 9.31716 11.8698L6.11716 8.31427C5.96095 8.1407 5.96095 7.8593 6.11716 7.68573L9.31716 4.13017C9.47337 3.95661 9.72663 3.95661 9.88284 4.13017Z",
177
+ fill: "#212121"
178
+ })
179
+ })
116
180
  }),
117
181
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
118
- className: "flex items-center ",
182
+ className: "image-to-layout-input-wrapper-add-section flex h-[60px] w-[500px] max-w-[calc(100%_-_40px)] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
119
183
  children: [
120
- /*#__PURE__*/ jsxRuntime.jsx("span", {
121
- className: "mr-[3px] text-[12px] font-normal text-[#676767] text-center",
122
- children: action.content
123
- }),
124
- action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
125
- width: "48",
126
- height: "19",
127
- viewBox: "0 0 48 19",
184
+ /*#__PURE__*/ jsxRuntime.jsxs("svg", {
185
+ width: "54",
186
+ height: "22",
187
+ viewBox: "0 0 54 22",
128
188
  fill: "none",
129
189
  xmlns: "http://www.w3.org/2000/svg",
130
190
  children: [
131
191
  /*#__PURE__*/ jsxRuntime.jsx("path", {
132
- d: "M7.2484 7.55966C7.17738 7.32955 7.07937 7.12358 6.95437 6.94176C6.83221 6.7571 6.68448 6.59943 6.51119 6.46875C6.34073 6.33807 6.14471 6.24006 5.92312 6.17472C5.70153 6.10653 5.46005 6.07244 5.19869 6.07244C4.72994 6.07244 4.31232 6.19034 3.94585 6.42614C3.57937 6.66193 3.29102 7.00852 3.08079 7.46591C2.8734 7.92045 2.76971 8.47443 2.76971 9.12784C2.76971 9.78693 2.8734 10.3452 3.08079 10.8026C3.28817 11.2599 3.57653 11.608 3.94585 11.8466C4.31516 12.0824 4.74414 12.2003 5.23278 12.2003C5.67596 12.2003 6.05948 12.1151 6.38335 11.9446C6.71005 11.7741 6.96147 11.5327 7.13761 11.2202C7.31374 10.9048 7.40181 10.5355 7.40181 10.1122L7.75977 10.1676H5.39045V8.93182H8.93164V9.98011C8.93164 10.7273 8.77255 11.3736 8.45437 11.919C8.13619 12.4645 7.69869 12.8849 7.14187 13.1804C6.58505 13.473 5.94585 13.6193 5.22425 13.6193C4.42028 13.6193 3.71431 13.4389 3.10636 13.0781C2.50124 12.7145 2.02823 12.1989 1.68732 11.5312C1.34925 10.8608 1.18022 10.0653 1.18022 9.14489C1.18022 8.44034 1.27965 7.81108 1.47852 7.2571C1.68022 6.70312 1.96147 6.23295 2.32227 5.84659C2.68306 5.45739 3.10636 5.16193 3.59215 4.96023C4.07795 4.75568 4.60636 4.65341 5.17738 4.65341C5.66033 4.65341 6.11062 4.72443 6.52823 4.86648C6.94585 5.00568 7.31658 5.20455 7.64045 5.46307C7.96715 5.72159 8.23562 6.02841 8.44585 6.38352C8.65607 6.73864 8.79386 7.13068 8.8592 7.55966H7.2484ZM13.29 13.6278C12.6337 13.6278 12.0669 13.4915 11.5897 13.2188C11.1152 12.9432 10.7502 12.554 10.4945 12.0511C10.2388 11.5455 10.111 10.9503 10.111 10.2656C10.111 9.59233 10.2388 9.00142 10.4945 8.4929C10.753 7.98153 11.1138 7.58381 11.5769 7.29972C12.04 7.01278 12.584 6.86932 13.209 6.86932C13.6124 6.86932 13.9931 6.93466 14.351 7.06534C14.7118 7.19318 15.03 7.39205 15.3056 7.66193C15.584 7.93182 15.8027 8.27557 15.9618 8.69318C16.1209 9.10795 16.2005 9.60227 16.2005 10.1761V10.6491H10.8354V9.60938H14.7218C14.7189 9.31392 14.655 9.05114 14.53 8.82102C14.405 8.58807 14.2303 8.40483 14.0059 8.27131C13.7843 8.13778 13.5257 8.07102 13.2303 8.07102C12.915 8.07102 12.638 8.14773 12.3993 8.30114C12.1607 8.4517 11.9746 8.65057 11.8411 8.89773C11.7104 9.14205 11.6436 9.41051 11.6408 9.70312V10.6108C11.6408 10.9915 11.7104 11.3182 11.8496 11.5909C11.9888 11.8608 12.1834 12.0682 12.4334 12.2131C12.6834 12.3551 12.976 12.4261 13.3113 12.4261C13.5357 12.4261 13.7388 12.3949 13.9206 12.3324C14.1025 12.267 14.2601 12.1719 14.3936 12.0469C14.5272 11.9219 14.628 11.767 14.6962 11.5824L16.1365 11.7443C16.0456 12.125 15.8723 12.4574 15.6167 12.7415C15.3638 13.0227 15.04 13.2415 14.6451 13.3977C14.2502 13.5511 13.7985 13.6278 13.29 13.6278ZM17.5055 13.5V6.95455H18.9799V8.06676H19.0566C19.193 7.69176 19.4189 7.39915 19.7342 7.18892C20.0495 6.97585 20.426 6.86932 20.8635 6.86932C21.3066 6.86932 21.6802 6.97727 21.9842 7.19318C22.291 7.40625 22.5069 7.69744 22.6319 8.06676H22.7001C22.845 7.70312 23.0893 7.41335 23.4331 7.19744C23.7797 6.97869 24.1902 6.86932 24.6646 6.86932C25.2669 6.86932 25.7583 7.05966 26.139 7.44034C26.5197 7.82102 26.7101 8.37642 26.7101 9.10653V13.5H25.1632V9.34517C25.1632 8.93892 25.0552 8.64205 24.8393 8.45455C24.6234 8.2642 24.3592 8.16903 24.0467 8.16903C23.6745 8.16903 23.3833 8.28551 23.1731 8.51847C22.9657 8.74858 22.862 9.0483 22.862 9.41761V13.5H21.3493V9.28125C21.3493 8.94318 21.247 8.6733 21.0424 8.47159C20.8407 8.26989 20.5765 8.16903 20.2498 8.16903C20.0282 8.16903 19.8265 8.22585 19.6447 8.33949C19.4629 8.45028 19.318 8.60795 19.21 8.8125C19.1021 9.0142 19.0481 9.25 19.0481 9.51989V13.5H17.5055ZM29.464 13.5H27.7765L30.8489 4.77273H32.8006L35.8773 13.5H34.1898L31.8588 6.5625H31.7907L29.464 13.5ZM29.5194 10.0781H34.1216V11.348H29.5194V10.0781ZM38.6078 4.77273V13.5H37.0268V4.77273H38.6078Z",
133
- fill: "url(#paint0_linear_3034_14503)"
192
+ d: "M8.12314 9.5696C8.04028 9.30114 7.92593 9.06084 7.7801 8.84872C7.63758 8.63329 7.46523 8.44934 7.26305 8.29688C7.06419 8.14441 6.83549 8.03007 6.57697 7.95383C6.31845 7.87429 6.03672 7.83452 5.7318 7.83452C5.18493 7.83452 4.69771 7.97206 4.27015 8.24716C3.8426 8.52225 3.50618 8.92661 3.26092 9.46023C3.01897 9.99053 2.89799 10.6368 2.89799 11.3991C2.89799 12.1681 3.01897 12.8194 3.26092 13.353C3.50287 13.8866 3.83928 14.2926 4.27015 14.571C4.70102 14.8461 5.2015 14.9837 5.77157 14.9837C6.28862 14.9837 6.73606 14.8842 7.1139 14.6854C7.49506 14.4865 7.78838 14.2048 7.99387 13.8402C8.19937 13.4723 8.30211 13.0414 8.30211 12.5476L8.71973 12.6122H5.95552V11.1705H10.0869V12.3935C10.0869 13.2652 9.90131 14.0192 9.5301 14.6555C9.15888 15.2919 8.64847 15.7824 7.99885 16.1271C7.34922 16.4685 6.60349 16.6392 5.76163 16.6392C4.82366 16.6392 4.00003 16.4287 3.29075 16.0078C2.58478 15.5836 2.03294 14.982 1.63521 14.2031C1.2408 13.4209 1.04359 12.4929 1.04359 11.419C1.04359 10.5971 1.15959 9.86293 1.3916 9.21662C1.62692 8.57031 1.95505 8.02178 2.37598 7.57102C2.7969 7.11695 3.29075 6.77225 3.85751 6.53693C4.42427 6.2983 5.04075 6.17898 5.70694 6.17898C6.27039 6.17898 6.79572 6.26184 7.28294 6.42756C7.77015 6.58996 8.20268 6.82197 8.58052 7.12358C8.96168 7.42519 9.27489 7.78314 9.52015 8.19744C9.76542 8.61174 9.92617 9.06913 10.0024 9.5696H8.12314ZM15.1716 16.6491C14.406 16.6491 13.7448 16.4901 13.1879 16.1719C12.6344 15.8504 12.2085 15.3963 11.9102 14.8097C11.6119 14.2197 11.4628 13.5253 11.4628 12.7266C11.4628 11.9411 11.6119 11.2517 11.9102 10.6584C12.2119 10.0618 12.6328 9.59777 13.173 9.26633C13.7133 8.93158 14.348 8.7642 15.0771 8.7642C15.5478 8.7642 15.9919 8.84044 16.4095 8.9929C16.8305 9.14205 17.2017 9.37405 17.5232 9.68892C17.848 10.0038 18.1032 10.4048 18.2888 10.892C18.4744 11.3759 18.5672 11.9527 18.5672 12.6222V13.174H12.308V11.9609H16.8421C16.8387 11.6162 16.7642 11.3097 16.6183 11.0412C16.4725 10.7694 16.2687 10.5556 16.0068 10.3999C15.7483 10.2441 15.4467 10.1662 15.102 10.1662C14.7341 10.1662 14.411 10.2557 14.1325 10.4347C13.8541 10.6103 13.637 10.8423 13.4813 11.1307C13.3288 11.4157 13.2509 11.7289 13.2476 12.0703V13.1293C13.2476 13.5734 13.3288 13.9545 13.4912 14.2727C13.6536 14.5876 13.8807 14.8295 14.1723 14.9986C14.464 15.1643 14.8054 15.2472 15.1965 15.2472C15.4583 15.2472 15.6953 15.2107 15.9074 15.1378C16.1195 15.0616 16.3035 14.9505 16.4593 14.8047C16.615 14.6589 16.7327 14.4782 16.8122 14.2628L18.4926 14.4517C18.3866 14.8958 18.1844 15.2836 17.8861 15.6151C17.5911 15.9432 17.2133 16.1984 16.7526 16.3807C16.2919 16.5597 15.7649 16.6491 15.1716 16.6491ZM20.0898 16.5V8.86364H21.8099V10.1612H21.8994C22.0585 9.72372 22.322 9.38234 22.6899 9.13707C23.0578 8.88849 23.497 8.7642 24.0074 8.7642C24.5244 8.7642 24.9603 8.89015 25.3149 9.14205C25.6729 9.39062 25.9247 9.73035 26.0706 10.1612H26.1501C26.3192 9.73698 26.6042 9.39891 27.0052 9.14702C27.4096 8.89181 27.8885 8.7642 28.442 8.7642C29.1447 8.7642 29.7181 8.98627 30.1622 9.4304C30.6063 9.87453 30.8284 10.5225 30.8284 11.3743V16.5H29.0237V11.6527C29.0237 11.1787 28.8978 10.8324 28.6459 10.6136C28.394 10.3916 28.0857 10.2805 27.7211 10.2805C27.287 10.2805 26.9472 10.4164 26.702 10.6882C26.46 10.9567 26.339 11.3063 26.339 11.7372V16.5H24.5741V11.5781C24.5741 11.1837 24.4548 10.8688 24.2162 10.6335C23.9809 10.3982 23.6726 10.2805 23.2915 10.2805C23.0329 10.2805 22.7976 10.3468 22.5855 10.4794C22.3734 10.6087 22.2043 10.7926 22.0784 11.0312C21.9524 11.2666 21.8895 11.5417 21.8895 11.8565V16.5H20.0898ZM34.0413 16.5H32.0725L35.657 6.31818H37.934L41.5235 16.5H39.5548L36.8353 8.40625H36.7558L34.0413 16.5ZM34.1059 12.5078H39.4752V13.9893H34.1059V12.5078ZM44.7091 6.31818V16.5H42.8646V6.31818H44.7091Z",
193
+ fill: "url(#paint0_linear_2272_292810)"
134
194
  }),
135
195
  /*#__PURE__*/ jsxRuntime.jsx("path", {
136
- d: "M43.2612 1.5282C43.3335 1.29268 43.6669 1.29268 43.7392 1.5282L44.2184 3.08942C44.3115 3.39264 44.5429 3.63372 44.8421 3.73913L46.3311 4.26382C46.5536 4.34224 46.5536 4.65698 46.3311 4.7354L44.8421 5.26008C44.5429 5.36549 44.3115 5.60658 44.2184 5.9098L43.7392 7.47101C43.6669 7.70653 43.3335 7.70653 43.2612 7.47101L42.782 5.9098C42.6889 5.60658 42.4575 5.36549 42.1584 5.26008L40.6694 4.7354C40.4468 4.65698 40.4468 4.34224 40.6694 4.26382L42.1584 3.73913C42.4575 3.63372 42.6889 3.39264 42.782 3.08942L43.2612 1.5282Z",
137
- fill: "url(#paint1_linear_3034_14503)"
196
+ d: "M49.761 1.5282C49.8333 1.29268 50.1667 1.29268 50.239 1.5282L50.7182 3.08942C50.8113 3.39264 51.0427 3.63372 51.3418 3.73913L52.8308 4.26382C53.0534 4.34224 53.0534 4.65698 52.8308 4.7354L51.3418 5.26008C51.0427 5.36549 50.8113 5.60658 50.7182 5.9098L50.239 7.47101C50.1667 7.70653 49.8333 7.70653 49.761 7.47101L49.2817 5.9098C49.1887 5.60658 48.9573 5.36549 48.6581 5.26008L47.1691 4.7354C46.9466 4.65698 46.9466 4.34224 47.1691 4.26382L48.6581 3.73913C48.9573 3.63372 49.1887 3.39264 49.2817 3.08942L49.761 1.5282Z",
197
+ fill: "url(#paint1_linear_2272_292810)"
138
198
  }),
139
199
  /*#__PURE__*/ jsxRuntime.jsxs("defs", {
140
200
  children: [
141
201
  /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
142
- id: "paint0_linear_3034_14503",
143
- x1: "39.5",
144
- y1: "14.2432",
145
- x2: "0.499335",
146
- y2: "14.1469",
202
+ id: "paint0_linear_2272_292810",
203
+ x1: "46",
204
+ y1: "16.5338",
205
+ x2: "-0.000777919",
206
+ y2: "16.4189",
147
207
  gradientUnits: "userSpaceOnUse",
148
208
  children: [
149
209
  /*#__PURE__*/ jsxRuntime.jsx("stop", {
@@ -156,10 +216,10 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
156
216
  ]
157
217
  }),
158
218
  /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
159
- id: "paint1_linear_3034_14503",
160
- x1: "45.605",
219
+ id: "paint1_linear_2272_292810",
220
+ x1: "52.1048",
161
221
  y1: "3.12234",
162
- x2: "41.2267",
222
+ x2: "47.7264",
163
223
  y2: "3.42341",
164
224
  gradientUnits: "userSpaceOnUse",
165
225
  children: [
@@ -176,116 +236,27 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
176
236
  })
177
237
  ]
178
238
  }),
179
- action.id === 'gps-add-section-bottom-from-image' && /*#__PURE__*/ jsxRuntime.jsx("input", {
180
- id: "gp-add-section-bottom-from-select-image",
181
- className: "rounded-medium z-2 absolute left-0 top-0 h-full w-full cursor-pointer opacity-0 outline-none",
182
- type: "file",
183
- accept: ".png, .jpg, .jpeg"
239
+ /*#__PURE__*/ jsxRuntime.jsx("input", {
240
+ value: link,
241
+ onChange: (event)=>{
242
+ setLink(event.target.value);
243
+ },
244
+ autoComplete: "off",
245
+ id: "gp-img-to-layout-bottom-input-link",
246
+ placeholder: "Paste an URL to create layout",
247
+ className: "ml-2 mr-2 flex-1 text-[14px] text-[#676767] outline-none"
248
+ }),
249
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
250
+ id: "gp-img-to-layout-bottom-generate-btn",
251
+ className: "generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
252
+ children: "Generate"
184
253
  })
185
254
  ]
186
255
  })
187
256
  ]
188
- }, action.id);
189
- }),
190
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
191
- className: `max-w-[calc(100%_-_32px)] items-center ${isInput ? 'flex' : 'hidden'}`,
192
- children: [
193
- /*#__PURE__*/ jsxRuntime.jsx("div", {
194
- "aria-hidden": true,
195
- onClick: ()=>setIsInput(false),
196
- className: "mr-2 flex h-[32px] w-[32px] cursor-pointer items-center justify-center rounded-[3px] hover:bg-black/10",
197
- children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
198
- width: "16",
199
- height: "16",
200
- viewBox: "0 0 16 16",
201
- fill: "none",
202
- xmlns: "http://www.w3.org/2000/svg",
203
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
204
- fillRule: "evenodd",
205
- clipRule: "evenodd",
206
- d: "M9.88284 4.13017C10.0391 4.30374 10.0391 4.58515 9.88284 4.75871L6.96569 8L9.88284 11.2413C10.0391 11.4149 10.0391 11.6963 9.88284 11.8698C9.72663 12.0434 9.47337 12.0434 9.31716 11.8698L6.11716 8.31427C5.96095 8.1407 5.96095 7.8593 6.11716 7.68573L9.31716 4.13017C9.47337 3.95661 9.72663 3.95661 9.88284 4.13017Z",
207
- fill: "#212121"
208
- })
209
- })
210
- }),
211
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
212
- className: "image-to-layout-input-wrapper-add-section flex h-[60px] w-[500px] max-w-[calc(100%_-_40px)] items-center rounded-[3px] border py-[10px] pl-4 pr-2",
213
- children: [
214
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
215
- width: "54",
216
- height: "22",
217
- viewBox: "0 0 54 22",
218
- fill: "none",
219
- xmlns: "http://www.w3.org/2000/svg",
220
- children: [
221
- /*#__PURE__*/ jsxRuntime.jsx("path", {
222
- d: "M8.12314 9.5696C8.04028 9.30114 7.92593 9.06084 7.7801 8.84872C7.63758 8.63329 7.46523 8.44934 7.26305 8.29688C7.06419 8.14441 6.83549 8.03007 6.57697 7.95383C6.31845 7.87429 6.03672 7.83452 5.7318 7.83452C5.18493 7.83452 4.69771 7.97206 4.27015 8.24716C3.8426 8.52225 3.50618 8.92661 3.26092 9.46023C3.01897 9.99053 2.89799 10.6368 2.89799 11.3991C2.89799 12.1681 3.01897 12.8194 3.26092 13.353C3.50287 13.8866 3.83928 14.2926 4.27015 14.571C4.70102 14.8461 5.2015 14.9837 5.77157 14.9837C6.28862 14.9837 6.73606 14.8842 7.1139 14.6854C7.49506 14.4865 7.78838 14.2048 7.99387 13.8402C8.19937 13.4723 8.30211 13.0414 8.30211 12.5476L8.71973 12.6122H5.95552V11.1705H10.0869V12.3935C10.0869 13.2652 9.90131 14.0192 9.5301 14.6555C9.15888 15.2919 8.64847 15.7824 7.99885 16.1271C7.34922 16.4685 6.60349 16.6392 5.76163 16.6392C4.82366 16.6392 4.00003 16.4287 3.29075 16.0078C2.58478 15.5836 2.03294 14.982 1.63521 14.2031C1.2408 13.4209 1.04359 12.4929 1.04359 11.419C1.04359 10.5971 1.15959 9.86293 1.3916 9.21662C1.62692 8.57031 1.95505 8.02178 2.37598 7.57102C2.7969 7.11695 3.29075 6.77225 3.85751 6.53693C4.42427 6.2983 5.04075 6.17898 5.70694 6.17898C6.27039 6.17898 6.79572 6.26184 7.28294 6.42756C7.77015 6.58996 8.20268 6.82197 8.58052 7.12358C8.96168 7.42519 9.27489 7.78314 9.52015 8.19744C9.76542 8.61174 9.92617 9.06913 10.0024 9.5696H8.12314ZM15.1716 16.6491C14.406 16.6491 13.7448 16.4901 13.1879 16.1719C12.6344 15.8504 12.2085 15.3963 11.9102 14.8097C11.6119 14.2197 11.4628 13.5253 11.4628 12.7266C11.4628 11.9411 11.6119 11.2517 11.9102 10.6584C12.2119 10.0618 12.6328 9.59777 13.173 9.26633C13.7133 8.93158 14.348 8.7642 15.0771 8.7642C15.5478 8.7642 15.9919 8.84044 16.4095 8.9929C16.8305 9.14205 17.2017 9.37405 17.5232 9.68892C17.848 10.0038 18.1032 10.4048 18.2888 10.892C18.4744 11.3759 18.5672 11.9527 18.5672 12.6222V13.174H12.308V11.9609H16.8421C16.8387 11.6162 16.7642 11.3097 16.6183 11.0412C16.4725 10.7694 16.2687 10.5556 16.0068 10.3999C15.7483 10.2441 15.4467 10.1662 15.102 10.1662C14.7341 10.1662 14.411 10.2557 14.1325 10.4347C13.8541 10.6103 13.637 10.8423 13.4813 11.1307C13.3288 11.4157 13.2509 11.7289 13.2476 12.0703V13.1293C13.2476 13.5734 13.3288 13.9545 13.4912 14.2727C13.6536 14.5876 13.8807 14.8295 14.1723 14.9986C14.464 15.1643 14.8054 15.2472 15.1965 15.2472C15.4583 15.2472 15.6953 15.2107 15.9074 15.1378C16.1195 15.0616 16.3035 14.9505 16.4593 14.8047C16.615 14.6589 16.7327 14.4782 16.8122 14.2628L18.4926 14.4517C18.3866 14.8958 18.1844 15.2836 17.8861 15.6151C17.5911 15.9432 17.2133 16.1984 16.7526 16.3807C16.2919 16.5597 15.7649 16.6491 15.1716 16.6491ZM20.0898 16.5V8.86364H21.8099V10.1612H21.8994C22.0585 9.72372 22.322 9.38234 22.6899 9.13707C23.0578 8.88849 23.497 8.7642 24.0074 8.7642C24.5244 8.7642 24.9603 8.89015 25.3149 9.14205C25.6729 9.39062 25.9247 9.73035 26.0706 10.1612H26.1501C26.3192 9.73698 26.6042 9.39891 27.0052 9.14702C27.4096 8.89181 27.8885 8.7642 28.442 8.7642C29.1447 8.7642 29.7181 8.98627 30.1622 9.4304C30.6063 9.87453 30.8284 10.5225 30.8284 11.3743V16.5H29.0237V11.6527C29.0237 11.1787 28.8978 10.8324 28.6459 10.6136C28.394 10.3916 28.0857 10.2805 27.7211 10.2805C27.287 10.2805 26.9472 10.4164 26.702 10.6882C26.46 10.9567 26.339 11.3063 26.339 11.7372V16.5H24.5741V11.5781C24.5741 11.1837 24.4548 10.8688 24.2162 10.6335C23.9809 10.3982 23.6726 10.2805 23.2915 10.2805C23.0329 10.2805 22.7976 10.3468 22.5855 10.4794C22.3734 10.6087 22.2043 10.7926 22.0784 11.0312C21.9524 11.2666 21.8895 11.5417 21.8895 11.8565V16.5H20.0898ZM34.0413 16.5H32.0725L35.657 6.31818H37.934L41.5235 16.5H39.5548L36.8353 8.40625H36.7558L34.0413 16.5ZM34.1059 12.5078H39.4752V13.9893H34.1059V12.5078ZM44.7091 6.31818V16.5H42.8646V6.31818H44.7091Z",
223
- fill: "url(#paint0_linear_2272_292810)"
224
- }),
225
- /*#__PURE__*/ jsxRuntime.jsx("path", {
226
- d: "M49.761 1.5282C49.8333 1.29268 50.1667 1.29268 50.239 1.5282L50.7182 3.08942C50.8113 3.39264 51.0427 3.63372 51.3418 3.73913L52.8308 4.26382C53.0534 4.34224 53.0534 4.65698 52.8308 4.7354L51.3418 5.26008C51.0427 5.36549 50.8113 5.60658 50.7182 5.9098L50.239 7.47101C50.1667 7.70653 49.8333 7.70653 49.761 7.47101L49.2817 5.9098C49.1887 5.60658 48.9573 5.36549 48.6581 5.26008L47.1691 4.7354C46.9466 4.65698 46.9466 4.34224 47.1691 4.26382L48.6581 3.73913C48.9573 3.63372 49.1887 3.39264 49.2817 3.08942L49.761 1.5282Z",
227
- fill: "url(#paint1_linear_2272_292810)"
228
- }),
229
- /*#__PURE__*/ jsxRuntime.jsxs("defs", {
230
- children: [
231
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
232
- id: "paint0_linear_2272_292810",
233
- x1: "46",
234
- y1: "16.5338",
235
- x2: "-0.000777919",
236
- y2: "16.4189",
237
- gradientUnits: "userSpaceOnUse",
238
- children: [
239
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
240
- stopColor: "#874CFD"
241
- }),
242
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
243
- offset: "1",
244
- stopColor: "#3C38E1"
245
- })
246
- ]
247
- }),
248
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
249
- id: "paint1_linear_2272_292810",
250
- x1: "52.1048",
251
- y1: "3.12234",
252
- x2: "47.7264",
253
- y2: "3.42341",
254
- gradientUnits: "userSpaceOnUse",
255
- children: [
256
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
257
- stopColor: "#3C67FF"
258
- }),
259
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
260
- offset: "1",
261
- stopColor: "#874CFD"
262
- })
263
- ]
264
- })
265
- ]
266
- })
267
- ]
268
- }),
269
- /*#__PURE__*/ jsxRuntime.jsx("input", {
270
- value: link,
271
- onChange: (event)=>{
272
- setLink(event.target.value);
273
- },
274
- autoComplete: "off",
275
- id: "gp-img-to-layout-bottom-input-link",
276
- placeholder: "Paste an URL to create layout",
277
- className: "ml-2 flex-1 text-[14px] text-[#676767] outline-none"
278
- }),
279
- /*#__PURE__*/ jsxRuntime.jsx("div", {
280
- id: "gp-img-to-layout-bottom-generate-btn",
281
- className: "generate-image-to-layout-btn flex h-[36px] w-[86px] cursor-pointer items-center justify-center rounded-[3px] text-sm font-medium text-white",
282
- children: "Generate"
283
- })
284
- ]
285
- })
286
- ]
287
- })
288
- ]
257
+ })
258
+ ]
259
+ })
289
260
  });
290
261
  };
291
262