@gem-sdk/pages 1.14.0-next.62 → 1.14.0-next.68

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/image-to-layout/AddSectionImageToLayout.js +49 -66
  2. package/dist/cjs/components/image-to-layout/ImageToLayoutInput.js +78 -24
  3. package/dist/cjs/pages/builder.js +3 -1
  4. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +49 -66
  5. package/dist/esm/components/image-to-layout/ImageToLayoutInput.js +78 -24
  6. package/dist/esm/pages/builder.js +3 -1
  7. package/package.json +2 -2
package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -7,23 +7,23 @@ var react = require('react');
7
7
  var core = require('@gem-sdk/core');
8
8
 
9
9
  const ACTIONS_DATA = [
10
+ {
11
+ title: 'From templates',
12
+ content: 'inspired by CRO experts',
13
+ hasAILogo: false,
14
+ id: 'gps-add-section-bottom-from-library'
15
+ },
10
16
  {
11
17
  title: 'From URL',
12
- content: 'Powered by',
18
+ content: 'to generate layout',
13
19
  hasAILogo: true,
14
20
  id: 'gps-add-section-bottom-from-url'
15
21
  },
16
22
  {
17
23
  title: 'Upload image',
18
- content: 'Powered by',
24
+ content: 'to generate layout',
19
25
  hasAILogo: true,
20
26
  id: 'gps-add-section-bottom-from-image'
21
- },
22
- {
23
- title: 'From templates',
24
- content: 'inspired by CRO experts',
25
- hasAILogo: false,
26
- id: 'gps-add-section-bottom-from-library'
27
27
  }
28
28
  ];
29
29
  const FOOTER_HEIGHT = 48;
@@ -32,13 +32,13 @@ 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('');
39
39
  const [isInput, setIsInput] = react.useState(false);
40
40
  const onClick = (index)=>{
41
- if (index === 0) {
41
+ if (index === 1) {
42
42
  setIsInput(true);
43
43
  }
44
44
  };
@@ -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)
@@ -83,79 +83,62 @@ const AddSectionImageToLayout = ()=>{
83
83
  children: "Add section"
84
84
  }),
85
85
  ACTIONS_DATA.map((action, index)=>{
86
- const CustomTag = index === 1 ? `label` : `div`;
86
+ const CustomTag = index == 2 ? `label` : `div`;
87
87
  return /*#__PURE__*/ jsxRuntime.jsxs(CustomTag, {
88
- 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'}`,
88
+ className: `relative mx-1 h-[60px] w-[172px] cursor-pointer flex-col items-center justify-center rounded-[3px] bg-[#F4F4F4] hover:bg-black/10 ${isInput ? 'hidden' : 'flex'}`,
89
89
  htmlFor: "gp-add-section-bottom-from-select-image",
90
90
  id: action.id,
91
91
  onClick: ()=>onClick(index),
92
92
  "aria-hidden": true,
93
93
  children: [
94
- /*#__PURE__*/ jsxRuntime.jsx("span", {
95
- className: "mb-[4px] text-[14px] font-medium text-[#212121]",
96
- children: action.title
97
- }),
98
94
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
99
- className: "flex items-center ",
95
+ className: "mb-[4px] flex gap-2 text-[14px] font-medium text-[#212121]",
100
96
  children: [
101
- /*#__PURE__*/ jsxRuntime.jsx("span", {
102
- className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
103
- children: action.content
104
- }),
97
+ action.title,
105
98
  action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
106
- width: "48",
107
- height: "19",
108
- viewBox: "0 0 48 19",
99
+ width: "35",
100
+ height: "20",
101
+ viewBox: "0 0 35 20",
109
102
  fill: "none",
110
103
  xmlns: "http://www.w3.org/2000/svg",
111
104
  children: [
112
105
  /*#__PURE__*/ jsxRuntime.jsx("path", {
113
- 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",
114
- fill: "url(#paint0_linear_3034_14503)"
106
+ d: "M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",
107
+ fill: "#EBDDF8"
115
108
  }),
116
109
  /*#__PURE__*/ jsxRuntime.jsx("path", {
117
- 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",
118
- fill: "url(#paint1_linear_3034_14503)"
110
+ d: "M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",
111
+ fill: "url(#paint0_linear_5214_50736)"
119
112
  }),
120
- /*#__PURE__*/ jsxRuntime.jsxs("defs", {
121
- children: [
122
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
123
- id: "paint0_linear_3034_14503",
124
- x1: "39.5",
125
- y1: "14.2432",
126
- x2: "0.499335",
127
- y2: "14.1469",
128
- gradientUnits: "userSpaceOnUse",
129
- children: [
130
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
131
- stopColor: "#874CFD"
132
- }),
133
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
134
- offset: "1",
135
- stopColor: "#3C38E1"
136
- })
137
- ]
138
- }),
139
- /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
140
- id: "paint1_linear_3034_14503",
141
- x1: "45.605",
142
- y1: "3.12234",
143
- x2: "41.2267",
144
- y2: "3.42341",
145
- gradientUnits: "userSpaceOnUse",
146
- children: [
147
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
148
- stopColor: "#3C67FF"
149
- }),
150
- /*#__PURE__*/ jsxRuntime.jsx("stop", {
151
- offset: "1",
152
- stopColor: "#874CFD"
153
- })
154
- ]
155
- })
156
- ]
113
+ /*#__PURE__*/ jsxRuntime.jsx("defs", {
114
+ children: /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
115
+ id: "paint0_linear_5214_50736",
116
+ x1: "31",
117
+ y1: "15.2703",
118
+ x2: "3.99944",
119
+ y2: "15.2287",
120
+ gradientUnits: "userSpaceOnUse",
121
+ children: [
122
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
123
+ stopColor: "#874CFD"
124
+ }),
125
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
126
+ offset: "1",
127
+ stopColor: "#3C38E1"
128
+ })
129
+ ]
130
+ })
157
131
  })
158
132
  ]
133
+ })
134
+ ]
135
+ }),
136
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
137
+ className: "flex items-center ",
138
+ children: [
139
+ /*#__PURE__*/ jsxRuntime.jsx("span", {
140
+ className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
141
+ children: action.content
159
142
  }),
160
143
  action.id === 'gps-add-section-bottom-from-image' && /*#__PURE__*/ jsxRuntime.jsx("input", {
161
144
  id: "gp-add-section-bottom-from-select-image",
package/dist/cjs/components/image-to-layout/ImageToLayoutInput.js CHANGED
@@ -26,9 +26,47 @@ const ImageToLayoutInput = ({ totalSection })=>{
26
26
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
27
27
  className: "relative mt-[64px] flex w-full max-w-[calc(100%_-_32px)] flex-col items-center rounded-[3px] border border-[#EEEEEE] px-[16px] pb-[24px] pt-[32px]",
28
28
  children: [
29
- /*#__PURE__*/ jsxRuntime.jsx("div", {
30
- className: "absolute top-[-15px] z-10 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#9E9E9E]",
31
- children: "Or use Image to Layout"
29
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
30
+ className: "absolute top-[-15px] z-10 flex gap-1 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#9E9E9E]",
31
+ children: [
32
+ "or use Image to Layout",
33
+ /*#__PURE__*/ jsxRuntime.jsxs("svg", {
34
+ width: "36",
35
+ height: "20",
36
+ viewBox: "0 0 36 20",
37
+ fill: "none",
38
+ xmlns: "http://www.w3.org/2000/svg",
39
+ children: [
40
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
41
+ d: "M0.5 3C0.5 1.34315 1.84315 0 3.5 0H32.5C34.1569 0 35.5 1.34315 35.5 3V17C35.5 18.6569 34.1569 20 32.5 20H3.5C1.84315 20 0.5 18.6569 0.5 17V3Z",
42
+ fill: "#EBDDF8"
43
+ }),
44
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
45
+ d: "M5.45881 14V5.27273H8.65483C9.27415 5.27273 9.78693 5.375 10.1932 5.57955C10.5994 5.78125 10.9034 6.0554 11.1051 6.40199C11.3068 6.74574 11.4077 7.13352 11.4077 7.56534C11.4077 7.92898 11.3409 8.2358 11.2074 8.4858C11.0739 8.73295 10.8949 8.93182 10.6705 9.08239C10.4489 9.23011 10.2045 9.33807 9.9375 9.40625V9.49148C10.2273 9.50568 10.5099 9.59943 10.7855 9.77273C11.0639 9.94318 11.294 10.1861 11.4759 10.5014C11.6577 10.8168 11.7486 11.2003 11.7486 11.652C11.7486 12.098 11.6435 12.4986 11.4332 12.8537C11.2259 13.206 10.9048 13.4858 10.4702 13.6932C10.0355 13.8977 9.48011 14 8.80398 14H5.45881ZM6.77557 12.8707H8.67614C9.30682 12.8707 9.75852 12.7486 10.0312 12.5043C10.304 12.2599 10.4403 11.9545 10.4403 11.5881C10.4403 11.3125 10.3707 11.0597 10.2315 10.8295C10.0923 10.5994 9.89347 10.4162 9.63494 10.2798C9.37926 10.1435 9.07528 10.0753 8.72301 10.0753H6.77557V12.8707ZM6.77557 9.0483H8.53977C8.83523 9.0483 9.10085 8.99148 9.33665 8.87784C9.57528 8.7642 9.7642 8.60511 9.90341 8.40057C10.0455 8.19318 10.1165 7.94886 10.1165 7.66761C10.1165 7.30682 9.99006 7.00426 9.73722 6.75994C9.48438 6.51562 9.09659 6.39347 8.57386 6.39347H6.77557V9.0483ZM16.0291 14.1321C15.3842 14.1321 14.8288 13.9943 14.3629 13.7188C13.8999 13.4403 13.5419 13.0497 13.2891 12.5469C13.0391 12.0412 12.9141 11.4489 12.9141 10.7699C12.9141 10.0994 13.0391 9.50852 13.2891 8.99716C13.5419 8.4858 13.8942 8.08665 14.3459 7.79972C14.8004 7.51278 15.3317 7.36932 15.9396 7.36932C16.3089 7.36932 16.6669 7.4304 17.0135 7.55256C17.3601 7.67472 17.6712 7.86648 17.9467 8.12784C18.2223 8.3892 18.4396 8.72869 18.5987 9.14631C18.7578 9.56108 18.8374 10.0653 18.8374 10.6591V11.1108H13.6342V10.1562H17.5888C17.5888 9.82102 17.5206 9.52415 17.3842 9.26562C17.2479 9.00426 17.0561 8.7983 16.8089 8.64773C16.5646 8.49716 16.2777 8.42188 15.9482 8.42188C15.5902 8.42188 15.2777 8.50994 15.0107 8.68608C14.7464 8.85937 14.5419 9.08665 14.397 9.3679C14.255 9.64631 14.1839 9.94886 14.1839 10.2756V11.0213C14.1839 11.4588 14.2607 11.831 14.4141 12.1378C14.5703 12.4446 14.7876 12.679 15.0661 12.8409C15.3445 13 15.6697 13.0795 16.0419 13.0795C16.2834 13.0795 16.5036 13.0455 16.7024 12.9773C16.9013 12.9062 17.0732 12.8011 17.218 12.6619C17.3629 12.5227 17.4737 12.3509 17.5504 12.1463L18.7564 12.3636C18.6598 12.7187 18.4865 13.0298 18.2365 13.2969C17.9893 13.5611 17.6783 13.767 17.3033 13.9148C16.9311 14.0597 16.5064 14.1321 16.0291 14.1321ZM23.3065 7.45455V8.47727H19.7312V7.45455H23.3065ZM20.69 5.88636H21.9641V12.0781C21.9641 12.3253 22.0011 12.5114 22.0749 12.6364C22.1488 12.7585 22.244 12.8423 22.3604 12.8878C22.4798 12.9304 22.609 12.9517 22.7482 12.9517C22.8505 12.9517 22.94 12.9446 23.0167 12.9304C23.0934 12.9162 23.1531 12.9048 23.1957 12.8963L23.4258 13.9489C23.3519 13.9773 23.2468 14.0057 23.1104 14.0341C22.9741 14.0653 22.8036 14.0824 22.5991 14.0852C22.2638 14.0909 21.9513 14.0312 21.6616 13.9062C21.3718 13.7812 21.1374 13.5881 20.9585 13.3267C20.7795 13.0653 20.69 12.7372 20.69 12.3423V5.88636ZM26.6207 14.1449C26.206 14.1449 25.831 14.0682 25.4957 13.9148C25.1605 13.7585 24.8949 13.5327 24.6989 13.2372C24.5057 12.9418 24.4091 12.5795 24.4091 12.1506C24.4091 11.7812 24.4801 11.4773 24.6222 11.2386C24.7642 11 24.956 10.8111 25.1974 10.6719C25.4389 10.5327 25.7088 10.4276 26.0071 10.3565C26.3054 10.2855 26.6094 10.2315 26.919 10.1946C27.3111 10.1491 27.6293 10.1122 27.8736 10.0838C28.1179 10.0526 28.2955 10.0028 28.4062 9.93466C28.517 9.86648 28.5724 9.75568 28.5724 9.60227V9.57244C28.5724 9.20028 28.4673 8.91193 28.2571 8.70739C28.0497 8.50284 27.7401 8.40057 27.3281 8.40057C26.8991 8.40057 26.5611 8.49574 26.3139 8.68608C26.0696 8.87358 25.9006 9.08239 25.8068 9.3125L24.6094 9.03977C24.7514 8.64205 24.9588 8.32102 25.2315 8.0767C25.5071 7.82955 25.8239 7.65057 26.1818 7.53977C26.5398 7.42614 26.9162 7.36932 27.3111 7.36932C27.5724 7.36932 27.8494 7.40057 28.142 7.46307C28.4375 7.52273 28.7131 7.63352 28.9688 7.79545C29.2273 7.95739 29.4389 8.18892 29.6037 8.49006C29.7685 8.78835 29.8509 9.17614 29.8509 9.65341V14H28.6065V13.1051H28.5554C28.473 13.2699 28.3494 13.4318 28.1847 13.5909C28.0199 13.75 27.8082 13.8821 27.5497 13.9872C27.2912 14.0923 26.9815 14.1449 26.6207 14.1449ZM26.8977 13.1222C27.25 13.1222 27.5511 13.0526 27.8011 12.9134C28.054 12.7741 28.2457 12.5923 28.3764 12.3679C28.5099 12.1406 28.5767 11.8977 28.5767 11.6392V10.7955C28.5313 10.8409 28.4432 10.8835 28.3125 10.9233C28.1847 10.9602 28.0384 10.9929 27.8736 11.0213C27.7088 11.0469 27.5483 11.071 27.392 11.0938C27.2358 11.1136 27.1051 11.1307 27 11.1449C26.7528 11.1761 26.527 11.2287 26.3224 11.3026C26.1207 11.3764 25.9588 11.483 25.8366 11.6222C25.7173 11.7585 25.6577 11.9403 25.6577 12.1676C25.6577 12.483 25.7741 12.7216 26.0071 12.8835C26.2401 13.0426 26.5369 13.1222 26.8977 13.1222Z",
46
+ fill: "url(#paint0_linear_5203_64584)"
47
+ }),
48
+ /*#__PURE__*/ jsxRuntime.jsx("defs", {
49
+ children: /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
50
+ id: "paint0_linear_5203_64584",
51
+ x1: "31.5",
52
+ y1: "15.2703",
53
+ x2: "4.49944",
54
+ y2: "15.2287",
55
+ gradientUnits: "userSpaceOnUse",
56
+ children: [
57
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
58
+ stopColor: "#874CFD"
59
+ }),
60
+ /*#__PURE__*/ jsxRuntime.jsx("stop", {
61
+ offset: "1",
62
+ stopColor: "#3C38E1"
63
+ })
64
+ ]
65
+ })
66
+ })
67
+ ]
68
+ })
69
+ ]
32
70
  }),
33
71
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
34
72
  className: "image-to-layout-input-border relative max-w-[calc(100%)]",
@@ -36,29 +74,45 @@ const ImageToLayoutInput = ({ totalSection })=>{
36
74
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
37
75
  className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[100%] items-center rounded-[3px] py-[10px] pl-3 pr-2",
38
76
  children: [
39
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
40
- width: "54",
41
- height: "22",
42
- viewBox: "0 0 54 22",
77
+ !link ? /*#__PURE__*/ jsxRuntime.jsxs("svg", {
78
+ width: "21",
79
+ height: "20",
80
+ viewBox: "0 0 21 20",
43
81
  fill: "none",
44
82
  xmlns: "http://www.w3.org/2000/svg",
45
83
  children: [
46
84
  /*#__PURE__*/ jsxRuntime.jsx("path", {
47
- 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",
48
- fill: "url(#paint0_linear_2814_111126)"
85
+ 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",
86
+ fill: "#9E9E9E"
49
87
  }),
50
88
  /*#__PURE__*/ jsxRuntime.jsx("path", {
51
- 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.3419 3.73913L52.8309 4.26382C53.0534 4.34224 53.0534 4.65698 52.8309 4.7354L51.3419 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.2818 5.9098C49.1887 5.60658 48.9573 5.36549 48.6582 5.26008L47.1692 4.7354C46.9466 4.65698 46.9466 4.34224 47.1692 4.26382L48.6582 3.73913C48.9573 3.63372 49.1887 3.39264 49.2818 3.08942L49.761 1.5282Z",
52
- fill: "url(#paint1_linear_2814_111126)"
89
+ 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",
90
+ fill: "#9E9E9E"
91
+ })
92
+ ]
93
+ }) : /*#__PURE__*/ jsxRuntime.jsxs("svg", {
94
+ width: "21",
95
+ height: "21",
96
+ viewBox: "0 0 21 21",
97
+ fill: "none",
98
+ xmlns: "http://www.w3.org/2000/svg",
99
+ children: [
100
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
101
+ 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",
102
+ fill: "url(#paint0_linear_5189_39651)"
103
+ }),
104
+ /*#__PURE__*/ jsxRuntime.jsx("path", {
105
+ 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",
106
+ fill: "url(#paint1_linear_5189_39651)"
53
107
  }),
54
108
  /*#__PURE__*/ jsxRuntime.jsxs("defs", {
55
109
  children: [
56
110
  /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
57
- id: "paint0_linear_2814_111126",
58
- x1: "46",
59
- y1: "16.5338",
60
- x2: "-0.000777919",
61
- y2: "16.4189",
111
+ id: "paint0_linear_5189_39651",
112
+ x1: "16.9254",
113
+ y1: "13.9119",
114
+ x2: "3.49971",
115
+ y2: "13.8965",
62
116
  gradientUnits: "userSpaceOnUse",
63
117
  children: [
64
118
  /*#__PURE__*/ jsxRuntime.jsx("stop", {
@@ -71,19 +125,19 @@ const ImageToLayoutInput = ({ totalSection })=>{
71
125
  ]
72
126
  }),
73
127
  /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
74
- id: "paint1_linear_2814_111126",
75
- x1: "52.1048",
76
- y1: "3.12234",
77
- x2: "47.7265",
78
- y2: "3.42341",
128
+ id: "paint1_linear_5189_39651",
129
+ x1: "16.9254",
130
+ y1: "13.9119",
131
+ x2: "3.49971",
132
+ y2: "13.8965",
79
133
  gradientUnits: "userSpaceOnUse",
80
134
  children: [
81
135
  /*#__PURE__*/ jsxRuntime.jsx("stop", {
82
- stopColor: "#3C67FF"
136
+ stopColor: "#874CFD"
83
137
  }),
84
138
  /*#__PURE__*/ jsxRuntime.jsx("stop", {
85
139
  offset: "1",
86
- stopColor: "#874CFD"
140
+ stopColor: "#3C38E1"
87
141
  })
88
142
  ]
89
143
  })
@@ -99,7 +153,7 @@ const ImageToLayoutInput = ({ totalSection })=>{
99
153
  onBlur: ()=>setIsFocus(false),
100
154
  autoComplete: "off",
101
155
  id: "gp-img-to-layout-input-link",
102
- placeholder: "Paste your link",
156
+ placeholder: "Paste your link here",
103
157
  className: "mx-4 h-[60px] flex-1 text-[14px] text-[#676767] outline-none"
104
158
  }),
105
159
  /*#__PURE__*/ jsxRuntime.jsx("div", {
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/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -3,23 +3,23 @@ import { useState, useEffect, useMemo } from 'react';
3
3
  import { useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
4
4
 
5
5
  const ACTIONS_DATA = [
6
+ {
7
+ title: 'From templates',
8
+ content: 'inspired by CRO experts',
9
+ hasAILogo: false,
10
+ id: 'gps-add-section-bottom-from-library'
11
+ },
6
12
  {
7
13
  title: 'From URL',
8
- content: 'Powered by',
14
+ content: 'to generate layout',
9
15
  hasAILogo: true,
10
16
  id: 'gps-add-section-bottom-from-url'
11
17
  },
12
18
  {
13
19
  title: 'Upload image',
14
- content: 'Powered by',
20
+ content: 'to generate layout',
15
21
  hasAILogo: true,
16
22
  id: 'gps-add-section-bottom-from-image'
17
- },
18
- {
19
- title: 'From templates',
20
- content: 'inspired by CRO experts',
21
- hasAILogo: false,
22
- id: 'gps-add-section-bottom-from-library'
23
23
  }
24
24
  ];
25
25
  const FOOTER_HEIGHT = 48;
@@ -28,13 +28,13 @@ 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('');
35
35
  const [isInput, setIsInput] = useState(false);
36
36
  const onClick = (index)=>{
37
- if (index === 0) {
37
+ if (index === 1) {
38
38
  setIsInput(true);
39
39
  }
40
40
  };
@@ -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)
@@ -79,79 +79,62 @@ const AddSectionImageToLayout = ()=>{
79
79
  children: "Add section"
80
80
  }),
81
81
  ACTIONS_DATA.map((action, index)=>{
82
- const CustomTag = index === 1 ? `label` : `div`;
82
+ const CustomTag = index == 2 ? `label` : `div`;
83
83
  return /*#__PURE__*/ jsxs(CustomTag, {
84
- 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'}`,
84
+ className: `relative mx-1 h-[60px] w-[172px] cursor-pointer flex-col items-center justify-center rounded-[3px] bg-[#F4F4F4] hover:bg-black/10 ${isInput ? 'hidden' : 'flex'}`,
85
85
  htmlFor: "gp-add-section-bottom-from-select-image",
86
86
  id: action.id,
87
87
  onClick: ()=>onClick(index),
88
88
  "aria-hidden": true,
89
89
  children: [
90
- /*#__PURE__*/ jsx("span", {
91
- className: "mb-[4px] text-[14px] font-medium text-[#212121]",
92
- children: action.title
93
- }),
94
90
  /*#__PURE__*/ jsxs("div", {
95
- className: "flex items-center ",
91
+ className: "mb-[4px] flex gap-2 text-[14px] font-medium text-[#212121]",
96
92
  children: [
97
- /*#__PURE__*/ jsx("span", {
98
- className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
99
- children: action.content
100
- }),
93
+ action.title,
101
94
  action.hasAILogo && /*#__PURE__*/ jsxs("svg", {
102
- width: "48",
103
- height: "19",
104
- viewBox: "0 0 48 19",
95
+ width: "35",
96
+ height: "20",
97
+ viewBox: "0 0 35 20",
105
98
  fill: "none",
106
99
  xmlns: "http://www.w3.org/2000/svg",
107
100
  children: [
108
101
  /*#__PURE__*/ jsx("path", {
109
- 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",
110
- fill: "url(#paint0_linear_3034_14503)"
102
+ d: "M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",
103
+ fill: "#EBDDF8"
111
104
  }),
112
105
  /*#__PURE__*/ jsx("path", {
113
- 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",
114
- fill: "url(#paint1_linear_3034_14503)"
106
+ d: "M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",
107
+ fill: "url(#paint0_linear_5214_50736)"
115
108
  }),
116
- /*#__PURE__*/ jsxs("defs", {
117
- children: [
118
- /*#__PURE__*/ jsxs("linearGradient", {
119
- id: "paint0_linear_3034_14503",
120
- x1: "39.5",
121
- y1: "14.2432",
122
- x2: "0.499335",
123
- y2: "14.1469",
124
- gradientUnits: "userSpaceOnUse",
125
- children: [
126
- /*#__PURE__*/ jsx("stop", {
127
- stopColor: "#874CFD"
128
- }),
129
- /*#__PURE__*/ jsx("stop", {
130
- offset: "1",
131
- stopColor: "#3C38E1"
132
- })
133
- ]
134
- }),
135
- /*#__PURE__*/ jsxs("linearGradient", {
136
- id: "paint1_linear_3034_14503",
137
- x1: "45.605",
138
- y1: "3.12234",
139
- x2: "41.2267",
140
- y2: "3.42341",
141
- gradientUnits: "userSpaceOnUse",
142
- children: [
143
- /*#__PURE__*/ jsx("stop", {
144
- stopColor: "#3C67FF"
145
- }),
146
- /*#__PURE__*/ jsx("stop", {
147
- offset: "1",
148
- stopColor: "#874CFD"
149
- })
150
- ]
151
- })
152
- ]
109
+ /*#__PURE__*/ jsx("defs", {
110
+ children: /*#__PURE__*/ jsxs("linearGradient", {
111
+ id: "paint0_linear_5214_50736",
112
+ x1: "31",
113
+ y1: "15.2703",
114
+ x2: "3.99944",
115
+ y2: "15.2287",
116
+ gradientUnits: "userSpaceOnUse",
117
+ children: [
118
+ /*#__PURE__*/ jsx("stop", {
119
+ stopColor: "#874CFD"
120
+ }),
121
+ /*#__PURE__*/ jsx("stop", {
122
+ offset: "1",
123
+ stopColor: "#3C38E1"
124
+ })
125
+ ]
126
+ })
153
127
  })
154
128
  ]
129
+ })
130
+ ]
131
+ }),
132
+ /*#__PURE__*/ jsxs("div", {
133
+ className: "flex items-center ",
134
+ children: [
135
+ /*#__PURE__*/ jsx("span", {
136
+ className: "mr-[3px] text-center text-[12px] font-normal text-[#676767]",
137
+ children: action.content
155
138
  }),
156
139
  action.id === 'gps-add-section-bottom-from-image' && /*#__PURE__*/ jsx("input", {
157
140
  id: "gp-add-section-bottom-from-select-image",
package/dist/esm/components/image-to-layout/ImageToLayoutInput.js CHANGED
@@ -24,9 +24,47 @@ const ImageToLayoutInput = ({ totalSection })=>{
24
24
  return /*#__PURE__*/ jsxs("div", {
25
25
  className: "relative mt-[64px] flex w-full max-w-[calc(100%_-_32px)] flex-col items-center rounded-[3px] border border-[#EEEEEE] px-[16px] pb-[24px] pt-[32px]",
26
26
  children: [
27
- /*#__PURE__*/ jsx("div", {
28
- className: "absolute top-[-15px] z-10 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#9E9E9E]",
29
- children: "Or use Image to Layout"
27
+ /*#__PURE__*/ jsxs("div", {
28
+ className: "absolute top-[-15px] z-10 flex gap-1 bg-white px-[8px] py-[4px] text-[14px] font-normal leading-[21px] text-[#9E9E9E]",
29
+ children: [
30
+ "or use Image to Layout",
31
+ /*#__PURE__*/ jsxs("svg", {
32
+ width: "36",
33
+ height: "20",
34
+ viewBox: "0 0 36 20",
35
+ fill: "none",
36
+ xmlns: "http://www.w3.org/2000/svg",
37
+ children: [
38
+ /*#__PURE__*/ jsx("path", {
39
+ d: "M0.5 3C0.5 1.34315 1.84315 0 3.5 0H32.5C34.1569 0 35.5 1.34315 35.5 3V17C35.5 18.6569 34.1569 20 32.5 20H3.5C1.84315 20 0.5 18.6569 0.5 17V3Z",
40
+ fill: "#EBDDF8"
41
+ }),
42
+ /*#__PURE__*/ jsx("path", {
43
+ d: "M5.45881 14V5.27273H8.65483C9.27415 5.27273 9.78693 5.375 10.1932 5.57955C10.5994 5.78125 10.9034 6.0554 11.1051 6.40199C11.3068 6.74574 11.4077 7.13352 11.4077 7.56534C11.4077 7.92898 11.3409 8.2358 11.2074 8.4858C11.0739 8.73295 10.8949 8.93182 10.6705 9.08239C10.4489 9.23011 10.2045 9.33807 9.9375 9.40625V9.49148C10.2273 9.50568 10.5099 9.59943 10.7855 9.77273C11.0639 9.94318 11.294 10.1861 11.4759 10.5014C11.6577 10.8168 11.7486 11.2003 11.7486 11.652C11.7486 12.098 11.6435 12.4986 11.4332 12.8537C11.2259 13.206 10.9048 13.4858 10.4702 13.6932C10.0355 13.8977 9.48011 14 8.80398 14H5.45881ZM6.77557 12.8707H8.67614C9.30682 12.8707 9.75852 12.7486 10.0312 12.5043C10.304 12.2599 10.4403 11.9545 10.4403 11.5881C10.4403 11.3125 10.3707 11.0597 10.2315 10.8295C10.0923 10.5994 9.89347 10.4162 9.63494 10.2798C9.37926 10.1435 9.07528 10.0753 8.72301 10.0753H6.77557V12.8707ZM6.77557 9.0483H8.53977C8.83523 9.0483 9.10085 8.99148 9.33665 8.87784C9.57528 8.7642 9.7642 8.60511 9.90341 8.40057C10.0455 8.19318 10.1165 7.94886 10.1165 7.66761C10.1165 7.30682 9.99006 7.00426 9.73722 6.75994C9.48438 6.51562 9.09659 6.39347 8.57386 6.39347H6.77557V9.0483ZM16.0291 14.1321C15.3842 14.1321 14.8288 13.9943 14.3629 13.7188C13.8999 13.4403 13.5419 13.0497 13.2891 12.5469C13.0391 12.0412 12.9141 11.4489 12.9141 10.7699C12.9141 10.0994 13.0391 9.50852 13.2891 8.99716C13.5419 8.4858 13.8942 8.08665 14.3459 7.79972C14.8004 7.51278 15.3317 7.36932 15.9396 7.36932C16.3089 7.36932 16.6669 7.4304 17.0135 7.55256C17.3601 7.67472 17.6712 7.86648 17.9467 8.12784C18.2223 8.3892 18.4396 8.72869 18.5987 9.14631C18.7578 9.56108 18.8374 10.0653 18.8374 10.6591V11.1108H13.6342V10.1562H17.5888C17.5888 9.82102 17.5206 9.52415 17.3842 9.26562C17.2479 9.00426 17.0561 8.7983 16.8089 8.64773C16.5646 8.49716 16.2777 8.42188 15.9482 8.42188C15.5902 8.42188 15.2777 8.50994 15.0107 8.68608C14.7464 8.85937 14.5419 9.08665 14.397 9.3679C14.255 9.64631 14.1839 9.94886 14.1839 10.2756V11.0213C14.1839 11.4588 14.2607 11.831 14.4141 12.1378C14.5703 12.4446 14.7876 12.679 15.0661 12.8409C15.3445 13 15.6697 13.0795 16.0419 13.0795C16.2834 13.0795 16.5036 13.0455 16.7024 12.9773C16.9013 12.9062 17.0732 12.8011 17.218 12.6619C17.3629 12.5227 17.4737 12.3509 17.5504 12.1463L18.7564 12.3636C18.6598 12.7187 18.4865 13.0298 18.2365 13.2969C17.9893 13.5611 17.6783 13.767 17.3033 13.9148C16.9311 14.0597 16.5064 14.1321 16.0291 14.1321ZM23.3065 7.45455V8.47727H19.7312V7.45455H23.3065ZM20.69 5.88636H21.9641V12.0781C21.9641 12.3253 22.0011 12.5114 22.0749 12.6364C22.1488 12.7585 22.244 12.8423 22.3604 12.8878C22.4798 12.9304 22.609 12.9517 22.7482 12.9517C22.8505 12.9517 22.94 12.9446 23.0167 12.9304C23.0934 12.9162 23.1531 12.9048 23.1957 12.8963L23.4258 13.9489C23.3519 13.9773 23.2468 14.0057 23.1104 14.0341C22.9741 14.0653 22.8036 14.0824 22.5991 14.0852C22.2638 14.0909 21.9513 14.0312 21.6616 13.9062C21.3718 13.7812 21.1374 13.5881 20.9585 13.3267C20.7795 13.0653 20.69 12.7372 20.69 12.3423V5.88636ZM26.6207 14.1449C26.206 14.1449 25.831 14.0682 25.4957 13.9148C25.1605 13.7585 24.8949 13.5327 24.6989 13.2372C24.5057 12.9418 24.4091 12.5795 24.4091 12.1506C24.4091 11.7812 24.4801 11.4773 24.6222 11.2386C24.7642 11 24.956 10.8111 25.1974 10.6719C25.4389 10.5327 25.7088 10.4276 26.0071 10.3565C26.3054 10.2855 26.6094 10.2315 26.919 10.1946C27.3111 10.1491 27.6293 10.1122 27.8736 10.0838C28.1179 10.0526 28.2955 10.0028 28.4062 9.93466C28.517 9.86648 28.5724 9.75568 28.5724 9.60227V9.57244C28.5724 9.20028 28.4673 8.91193 28.2571 8.70739C28.0497 8.50284 27.7401 8.40057 27.3281 8.40057C26.8991 8.40057 26.5611 8.49574 26.3139 8.68608C26.0696 8.87358 25.9006 9.08239 25.8068 9.3125L24.6094 9.03977C24.7514 8.64205 24.9588 8.32102 25.2315 8.0767C25.5071 7.82955 25.8239 7.65057 26.1818 7.53977C26.5398 7.42614 26.9162 7.36932 27.3111 7.36932C27.5724 7.36932 27.8494 7.40057 28.142 7.46307C28.4375 7.52273 28.7131 7.63352 28.9688 7.79545C29.2273 7.95739 29.4389 8.18892 29.6037 8.49006C29.7685 8.78835 29.8509 9.17614 29.8509 9.65341V14H28.6065V13.1051H28.5554C28.473 13.2699 28.3494 13.4318 28.1847 13.5909C28.0199 13.75 27.8082 13.8821 27.5497 13.9872C27.2912 14.0923 26.9815 14.1449 26.6207 14.1449ZM26.8977 13.1222C27.25 13.1222 27.5511 13.0526 27.8011 12.9134C28.054 12.7741 28.2457 12.5923 28.3764 12.3679C28.5099 12.1406 28.5767 11.8977 28.5767 11.6392V10.7955C28.5313 10.8409 28.4432 10.8835 28.3125 10.9233C28.1847 10.9602 28.0384 10.9929 27.8736 11.0213C27.7088 11.0469 27.5483 11.071 27.392 11.0938C27.2358 11.1136 27.1051 11.1307 27 11.1449C26.7528 11.1761 26.527 11.2287 26.3224 11.3026C26.1207 11.3764 25.9588 11.483 25.8366 11.6222C25.7173 11.7585 25.6577 11.9403 25.6577 12.1676C25.6577 12.483 25.7741 12.7216 26.0071 12.8835C26.2401 13.0426 26.5369 13.1222 26.8977 13.1222Z",
44
+ fill: "url(#paint0_linear_5203_64584)"
45
+ }),
46
+ /*#__PURE__*/ jsx("defs", {
47
+ children: /*#__PURE__*/ jsxs("linearGradient", {
48
+ id: "paint0_linear_5203_64584",
49
+ x1: "31.5",
50
+ y1: "15.2703",
51
+ x2: "4.49944",
52
+ y2: "15.2287",
53
+ gradientUnits: "userSpaceOnUse",
54
+ children: [
55
+ /*#__PURE__*/ jsx("stop", {
56
+ stopColor: "#874CFD"
57
+ }),
58
+ /*#__PURE__*/ jsx("stop", {
59
+ offset: "1",
60
+ stopColor: "#3C38E1"
61
+ })
62
+ ]
63
+ })
64
+ })
65
+ ]
66
+ })
67
+ ]
30
68
  }),
31
69
  /*#__PURE__*/ jsxs("div", {
32
70
  className: "image-to-layout-input-border relative max-w-[calc(100%)]",
@@ -34,29 +72,45 @@ const ImageToLayoutInput = ({ totalSection })=>{
34
72
  /*#__PURE__*/ jsxs("div", {
35
73
  className: "image-to-layout-input-wrapper flex h-[60px] w-[600px] max-w-[100%] items-center rounded-[3px] py-[10px] pl-3 pr-2",
36
74
  children: [
37
- /*#__PURE__*/ jsxs("svg", {
38
- width: "54",
39
- height: "22",
40
- viewBox: "0 0 54 22",
75
+ !link ? /*#__PURE__*/ jsxs("svg", {
76
+ width: "21",
77
+ height: "20",
78
+ viewBox: "0 0 21 20",
41
79
  fill: "none",
42
80
  xmlns: "http://www.w3.org/2000/svg",
43
81
  children: [
44
82
  /*#__PURE__*/ jsx("path", {
45
- 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",
46
- fill: "url(#paint0_linear_2814_111126)"
83
+ 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",
84
+ fill: "#9E9E9E"
47
85
  }),
48
86
  /*#__PURE__*/ jsx("path", {
49
- 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.3419 3.73913L52.8309 4.26382C53.0534 4.34224 53.0534 4.65698 52.8309 4.7354L51.3419 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.2818 5.9098C49.1887 5.60658 48.9573 5.36549 48.6582 5.26008L47.1692 4.7354C46.9466 4.65698 46.9466 4.34224 47.1692 4.26382L48.6582 3.73913C48.9573 3.63372 49.1887 3.39264 49.2818 3.08942L49.761 1.5282Z",
50
- fill: "url(#paint1_linear_2814_111126)"
87
+ 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",
88
+ fill: "#9E9E9E"
89
+ })
90
+ ]
91
+ }) : /*#__PURE__*/ jsxs("svg", {
92
+ width: "21",
93
+ height: "21",
94
+ viewBox: "0 0 21 21",
95
+ fill: "none",
96
+ xmlns: "http://www.w3.org/2000/svg",
97
+ children: [
98
+ /*#__PURE__*/ jsx("path", {
99
+ 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",
100
+ fill: "url(#paint0_linear_5189_39651)"
101
+ }),
102
+ /*#__PURE__*/ jsx("path", {
103
+ 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",
104
+ fill: "url(#paint1_linear_5189_39651)"
51
105
  }),
52
106
  /*#__PURE__*/ jsxs("defs", {
53
107
  children: [
54
108
  /*#__PURE__*/ jsxs("linearGradient", {
55
- id: "paint0_linear_2814_111126",
56
- x1: "46",
57
- y1: "16.5338",
58
- x2: "-0.000777919",
59
- y2: "16.4189",
109
+ id: "paint0_linear_5189_39651",
110
+ x1: "16.9254",
111
+ y1: "13.9119",
112
+ x2: "3.49971",
113
+ y2: "13.8965",
60
114
  gradientUnits: "userSpaceOnUse",
61
115
  children: [
62
116
  /*#__PURE__*/ jsx("stop", {
@@ -69,19 +123,19 @@ const ImageToLayoutInput = ({ totalSection })=>{
69
123
  ]
70
124
  }),
71
125
  /*#__PURE__*/ jsxs("linearGradient", {
72
- id: "paint1_linear_2814_111126",
73
- x1: "52.1048",
74
- y1: "3.12234",
75
- x2: "47.7265",
76
- y2: "3.42341",
126
+ id: "paint1_linear_5189_39651",
127
+ x1: "16.9254",
128
+ y1: "13.9119",
129
+ x2: "3.49971",
130
+ y2: "13.8965",
77
131
  gradientUnits: "userSpaceOnUse",
78
132
  children: [
79
133
  /*#__PURE__*/ jsx("stop", {
80
- stopColor: "#3C67FF"
134
+ stopColor: "#874CFD"
81
135
  }),
82
136
  /*#__PURE__*/ jsx("stop", {
83
137
  offset: "1",
84
- stopColor: "#874CFD"
138
+ stopColor: "#3C38E1"
85
139
  })
86
140
  ]
87
141
  })
@@ -97,7 +151,7 @@ const ImageToLayoutInput = ({ totalSection })=>{
97
151
  onBlur: ()=>setIsFocus(false),
98
152
  autoComplete: "off",
99
153
  id: "gp-img-to-layout-input-link",
100
- placeholder: "Paste your link",
154
+ placeholder: "Paste your link here",
101
155
  className: "mx-4 h-[60px] flex-1 text-[14px] text-[#676767] outline-none"
102
156
  }),
103
157
  /*#__PURE__*/ jsx("div", {
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.62",
3
+ "version": "1.14.0-next.68",
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.62",
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": "*"