@gem-sdk/pages 1.10.37 → 1.11.0
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.
- package/dist/cjs/components/Footer.js +114 -33
- package/dist/cjs/components/Header.js +85 -32
- package/dist/cjs/components/ImageToLayout.js +209 -0
- package/dist/cjs/components/PagesSuggestion.js +176 -0
- package/dist/cjs/pages/builder.js +3 -1
- package/dist/esm/components/Footer.js +115 -34
- package/dist/esm/components/Header.js +86 -33
- package/dist/esm/components/ImageToLayout.js +205 -0
- package/dist/esm/components/PagesSuggestion.js +174 -0
- package/dist/esm/pages/builder.js +3 -1
- package/dist/types/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -4,44 +4,125 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var core = require('@gem-sdk/core');
|
|
7
|
+
var react = require('react');
|
|
7
8
|
|
|
8
9
|
const Footer = ()=>{
|
|
9
10
|
const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const [shouldFixed, setShouldFixed] = react.useState(false);
|
|
12
|
+
react.useEffect(()=>{
|
|
13
|
+
const $iframe = parent.document.querySelector('.iframe');
|
|
14
|
+
if (!$iframe) return;
|
|
15
|
+
const $storefront = document.querySelector('#storefront');
|
|
16
|
+
if (!$storefront) return;
|
|
17
|
+
const headerHeight = 40;
|
|
18
|
+
const footerHeight = 48;
|
|
19
|
+
const iframeHeight = $iframe.clientHeight;
|
|
20
|
+
const comparedHeight = layoutSetting?.showHeader ? iframeHeight - headerHeight - footerHeight : iframeHeight - footerHeight;
|
|
21
|
+
const observer = new ResizeObserver((entries)=>{
|
|
22
|
+
const currentEditingFrameHeight = entries[0]?.target.clientHeight;
|
|
23
|
+
if (currentEditingFrameHeight && comparedHeight) setShouldFixed(currentEditingFrameHeight < comparedHeight);
|
|
24
|
+
});
|
|
25
|
+
observer.observe($storefront);
|
|
26
|
+
return ()=>{
|
|
27
|
+
observer.unobserve($storefront);
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
31
|
+
className: core.cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] ', {
|
|
32
|
+
hidden: !layoutSetting?.showFooter,
|
|
33
|
+
'fixed w-full bottom-0 z-50': shouldFixed
|
|
13
34
|
}),
|
|
14
|
-
children:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
37
|
+
width: "192",
|
|
38
|
+
height: "8",
|
|
39
|
+
viewBox: "0 0 192 8",
|
|
40
|
+
fill: "none",
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
+
children: [
|
|
43
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
44
|
+
width: "56",
|
|
45
|
+
height: "8",
|
|
46
|
+
rx: "3",
|
|
47
|
+
fill: "#E1E1E1"
|
|
48
|
+
}),
|
|
49
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
50
|
+
x: "68",
|
|
51
|
+
width: "56",
|
|
52
|
+
height: "8",
|
|
53
|
+
rx: "3",
|
|
54
|
+
fill: "#E1E1E1"
|
|
55
|
+
}),
|
|
56
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
57
|
+
x: "136",
|
|
58
|
+
width: "56",
|
|
59
|
+
height: "8",
|
|
60
|
+
rx: "3",
|
|
61
|
+
fill: "#E1E1E1"
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
66
|
+
className: "gp-footer invisible flex h-[32px] cursor-pointer items-center justify-center rounded bg-[#151617] p-[4px] group-hover:visible absolute left-1/2 -translate-x-1/2",
|
|
67
|
+
children: [
|
|
68
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
69
|
+
className: "flex items-center pl-[4px] pr-[8px] py-[3px]",
|
|
70
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
71
|
+
className: "text-[12px] leading-[150%] text-[#E2E2E2]",
|
|
72
|
+
children: "Shopify theme’s footer"
|
|
73
|
+
})
|
|
74
|
+
}),
|
|
75
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
76
|
+
className: "border-r border-1 border-[#D6D6D6] h-full mx-[4px] opacity-10"
|
|
77
|
+
}),
|
|
78
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
79
|
+
className: "h-[24px] w-[24px] flex items-center justify-center",
|
|
80
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
81
|
+
width: "14",
|
|
82
|
+
height: "14",
|
|
83
|
+
viewBox: "0 0 14 14",
|
|
84
|
+
fill: "none",
|
|
85
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
86
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
87
|
+
fillRule: "evenodd",
|
|
88
|
+
clipRule: "evenodd",
|
|
89
|
+
d: "M8.71393 0.409265L9.01371 2.03382C9.54464 2.23024 10.0362 2.50205 10.4741 2.83548L12.1413 2.25585C12.3668 2.17743 12.6164 2.26947 12.737 2.47558L13.9315 4.51667C14.0568 4.73077 14.0062 5.00437 13.8126 5.15946L12.5134 6.2001C12.5546 6.46109 12.5759 6.72829 12.5759 7.00025C12.5759 7.27213 12.5546 7.53925 12.5134 7.80017L13.8126 8.84079C14.0062 8.99588 14.0568 9.26948 13.9315 9.48358L12.737 11.5247C12.6164 11.7308 12.3668 11.8228 12.1413 11.7444L10.4743 11.1648C10.0364 11.4984 9.5447 11.7702 9.01367 11.9667L8.71393 13.591C8.67017 13.8281 8.46337 14.0003 8.22223 14.0003H5.77778C5.53663 14.0003 5.32984 13.8281 5.28607 13.591L4.98636 11.9669C4.45521 11.7704 3.96343 11.4985 3.52544 11.1649L1.85874 11.7444C1.63317 11.8228 1.38363 11.7308 1.26301 11.5247L0.0684979 9.48358C-0.0568018 9.26948 -0.0061728 8.99588 0.187445 8.84079L1.48622 7.80047C1.44502 7.53946 1.42366 7.27223 1.42366 7.00025C1.42366 6.72818 1.44503 6.46089 1.48625 6.19981L0.187445 5.15946C-0.00617262 5.00437 -0.0568016 4.73077 0.0684982 4.51667L1.26301 2.47558C1.38364 2.26947 1.63317 2.17743 1.85874 2.25585L3.52566 2.83538C3.96358 2.5019 4.45527 2.23007 4.98632 2.03365L5.28607 0.409265C5.32984 0.172121 5.53663 0 5.77778 0H8.22223C8.46337 0 8.67017 0.172121 8.71393 0.409265ZM6.99986 9.41584C8.37352 9.41584 9.48709 8.33452 9.48709 7.00065C9.48709 5.66677 8.37352 4.58545 6.99986 4.58545C5.6262 4.58545 4.51264 5.66677 4.51264 7.00065C4.51264 8.33452 5.6262 9.41584 6.99986 9.41584Z",
|
|
90
|
+
fill: "#E2E2E2"
|
|
91
|
+
})
|
|
40
92
|
})
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
93
|
+
})
|
|
94
|
+
]
|
|
95
|
+
}),
|
|
96
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
97
|
+
width: "82",
|
|
98
|
+
height: "8",
|
|
99
|
+
viewBox: "0 0 82 8",
|
|
100
|
+
fill: "none",
|
|
101
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
102
|
+
children: [
|
|
103
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
104
|
+
width: "22",
|
|
105
|
+
height: "8",
|
|
106
|
+
rx: "3",
|
|
107
|
+
fill: "#E1E1E1"
|
|
108
|
+
}),
|
|
109
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
110
|
+
x: "30",
|
|
111
|
+
width: "22",
|
|
112
|
+
height: "8",
|
|
113
|
+
rx: "3",
|
|
114
|
+
fill: "#E1E1E1"
|
|
115
|
+
}),
|
|
116
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
117
|
+
x: "60",
|
|
118
|
+
width: "22",
|
|
119
|
+
height: "8",
|
|
120
|
+
rx: "3",
|
|
121
|
+
fill: "#E1E1E1"
|
|
122
|
+
})
|
|
123
|
+
]
|
|
124
|
+
})
|
|
125
|
+
]
|
|
45
126
|
});
|
|
46
127
|
};
|
|
47
128
|
|
|
@@ -7,41 +7,94 @@ var core = require('@gem-sdk/core');
|
|
|
7
7
|
|
|
8
8
|
const Header = ()=>{
|
|
9
9
|
const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
|
|
10
|
-
return /*#__PURE__*/ jsxRuntime.
|
|
11
|
-
className: core.cls('flex h-
|
|
10
|
+
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
11
|
+
className: core.cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative px-[68px]', {
|
|
12
12
|
hidden: !layoutSetting?.showHeader
|
|
13
13
|
}),
|
|
14
|
-
children:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
16
|
+
width: "84",
|
|
17
|
+
height: "8",
|
|
18
|
+
viewBox: "0 0 84 8",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
23
|
+
width: "22",
|
|
24
|
+
height: "8",
|
|
25
|
+
rx: "3",
|
|
26
|
+
fill: "#9E9E9E"
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
29
|
+
x: "28",
|
|
30
|
+
width: "56",
|
|
31
|
+
height: "8",
|
|
32
|
+
rx: "3",
|
|
33
|
+
fill: "#E1E1E1"
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
}),
|
|
37
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
38
|
+
className: "gp-header invisible flex h-[32px] cursor-pointer items-center justify-center rounded bg-[#151617] p-[4px] group-hover:visible absolute left-1/2 -translate-x-1/2",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
41
|
+
className: "flex items-center pl-[4px] pr-[8px] py-[3px]",
|
|
42
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
43
|
+
className: "text-[12px] leading-[150%] text-[#E2E2E2]",
|
|
44
|
+
children: "Shopify theme’s header"
|
|
40
45
|
})
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
48
|
+
className: "border-r border-1 border-[#D6D6D6] h-full mx-[4px] opacity-10"
|
|
49
|
+
}),
|
|
50
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
51
|
+
className: "h-[24px] w-[24px] flex items-center justify-center",
|
|
52
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
53
|
+
width: "14",
|
|
54
|
+
height: "14",
|
|
55
|
+
viewBox: "0 0 14 14",
|
|
56
|
+
fill: "none",
|
|
57
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
58
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
59
|
+
fillRule: "evenodd",
|
|
60
|
+
clipRule: "evenodd",
|
|
61
|
+
d: "M8.71393 0.409265L9.01371 2.03382C9.54464 2.23024 10.0362 2.50205 10.4741 2.83548L12.1413 2.25585C12.3668 2.17743 12.6164 2.26947 12.737 2.47558L13.9315 4.51667C14.0568 4.73077 14.0062 5.00437 13.8126 5.15946L12.5134 6.2001C12.5546 6.46109 12.5759 6.72829 12.5759 7.00025C12.5759 7.27213 12.5546 7.53925 12.5134 7.80017L13.8126 8.84079C14.0062 8.99588 14.0568 9.26948 13.9315 9.48358L12.737 11.5247C12.6164 11.7308 12.3668 11.8228 12.1413 11.7444L10.4743 11.1648C10.0364 11.4984 9.5447 11.7702 9.01367 11.9667L8.71393 13.591C8.67017 13.8281 8.46337 14.0003 8.22223 14.0003H5.77778C5.53663 14.0003 5.32984 13.8281 5.28607 13.591L4.98636 11.9669C4.45521 11.7704 3.96343 11.4985 3.52544 11.1649L1.85874 11.7444C1.63317 11.8228 1.38363 11.7308 1.26301 11.5247L0.0684979 9.48358C-0.0568018 9.26948 -0.0061728 8.99588 0.187445 8.84079L1.48622 7.80047C1.44502 7.53946 1.42366 7.27223 1.42366 7.00025C1.42366 6.72818 1.44503 6.46089 1.48625 6.19981L0.187445 5.15946C-0.00617262 5.00437 -0.0568016 4.73077 0.0684982 4.51667L1.26301 2.47558C1.38364 2.26947 1.63317 2.17743 1.85874 2.25585L3.52566 2.83538C3.96358 2.5019 4.45527 2.23007 4.98632 2.03365L5.28607 0.409265C5.32984 0.172121 5.53663 0 5.77778 0H8.22223C8.46337 0 8.67017 0.172121 8.71393 0.409265ZM6.99986 9.41584C8.37352 9.41584 9.48709 8.33452 9.48709 7.00065C9.48709 5.66677 8.37352 4.58545 6.99986 4.58545C5.6262 4.58545 4.51264 5.66677 4.51264 7.00065C4.51264 8.33452 5.6262 9.41584 6.99986 9.41584Z",
|
|
62
|
+
fill: "#E2E2E2"
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
})
|
|
66
|
+
]
|
|
67
|
+
}),
|
|
68
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
69
|
+
width: "192",
|
|
70
|
+
height: "8",
|
|
71
|
+
viewBox: "0 0 192 8",
|
|
72
|
+
fill: "none",
|
|
73
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
74
|
+
children: [
|
|
75
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
76
|
+
width: "56",
|
|
77
|
+
height: "8",
|
|
78
|
+
rx: "3",
|
|
79
|
+
fill: "#E1E1E1"
|
|
80
|
+
}),
|
|
81
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
82
|
+
x: "68",
|
|
83
|
+
width: "56",
|
|
84
|
+
height: "8",
|
|
85
|
+
rx: "3",
|
|
86
|
+
fill: "#E1E1E1"
|
|
87
|
+
}),
|
|
88
|
+
/*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
89
|
+
x: "136",
|
|
90
|
+
width: "56",
|
|
91
|
+
height: "8",
|
|
92
|
+
rx: "3",
|
|
93
|
+
fill: "#E1E1E1"
|
|
94
|
+
})
|
|
95
|
+
]
|
|
96
|
+
})
|
|
97
|
+
]
|
|
45
98
|
});
|
|
46
99
|
};
|
|
47
100
|
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var PagesSuggestion = require('./PagesSuggestion.js');
|
|
8
|
+
|
|
9
|
+
const ImageToLayout = ()=>{
|
|
10
|
+
const [link, setLink] = react.useState('');
|
|
11
|
+
const [openSuggestion, setOpenSuggestion] = react.useState(false);
|
|
12
|
+
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
13
|
+
id: "gp-img-to-layout-wrapper",
|
|
14
|
+
className: "m-8 flex h-[450px] flex-1 flex-col items-center justify-center",
|
|
15
|
+
children: [
|
|
16
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
17
|
+
className: "mb-[32px] flex items-center",
|
|
18
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
19
|
+
width: "101",
|
|
20
|
+
height: "102",
|
|
21
|
+
viewBox: "0 0 101 102",
|
|
22
|
+
fill: "none",
|
|
23
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
24
|
+
children: [
|
|
25
|
+
/*#__PURE__*/ jsxRuntime.jsxs("g", {
|
|
26
|
+
clipPath: "url(#clip0_1825_244093)",
|
|
27
|
+
children: [
|
|
28
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
29
|
+
d: "M101 51C101 61.16 98 70.62 92.84 78.54C90.36 82.34 87.38 85.79 84 88.79C82.61 90.02 81.15 91.18 79.63 92.25C73.84 96.35 67.15 99.26 59.92 100.62C56.87 101.2 53.72 101.5 50.5 101.5C43.71 101.5 37.23 100.16 31.31 97.73C30.64 97.45 29.97 97.16 29.32 96.85C25.9 95.28 22.69 93.33 19.74 91.05C14.34 86.9 9.81 81.69 6.45 75.72C2.34 68.41 0 59.98 0 51C0 23.11 22.61 0.5 50.5 0.5C78.39 0.5 101 23.11 101 51Z",
|
|
30
|
+
fill: "#F0F3FF"
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
33
|
+
d: "M84.7702 41.3301C84.7702 41.4801 84.7602 41.64 84.7402 41.8L81.9202 69.6101L79.6302 92.25C73.8402 96.35 67.1502 99.26 59.9202 100.62L31.3102 97.73L30 97L29.3202 96.85C25.9002 95.28 22.6902 93.3301 19.7402 91.0501C14.3402 86.9001 9.8102 81.6901 6.4502 75.7201L10.6402 34.3C10.9102 31.65 13.2802 29.72 15.9302 29.99L80.4202 36.51C82.9102 36.76 84.7802 38.8701 84.7702 41.3301Z",
|
|
34
|
+
fill: "#C7D5FF"
|
|
35
|
+
}),
|
|
36
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "M52.5 11C52.78 11 53.03 11.19 53.11 11.46L53.88 14.14C54.05 14.73 54.36 15.27 54.8 15.7C55.23 16.13 55.77 16.45 56.36 16.62L59.04 17.39C59.31 17.47 59.5 17.72 59.5 18C59.5 18.28 59.31 18.53 59.04 18.61L56.36 19.38C55.77 19.55 55.23 19.86 54.8 20.3C54.37 20.73 54.05 21.27 53.88 21.86L53.11 24.54C53.03 24.81 52.78 25 52.5 25C52.22 25 51.97 24.81 51.89 24.54L51.12 21.86C50.95 21.27 50.64 20.73 50.2 20.3C49.77 19.87 49.23 19.55 48.64 19.38L45.96 18.61C45.69 18.53 45.5 18.28 45.5 18C45.5 17.72 45.69 17.47 45.96 17.39L48.64 16.62C49.23 16.45 49.77 16.14 50.2 15.7C50.63 15.27 50.95 14.73 51.12 14.14L51.89 11.46C51.97 11.19 52.22 11 52.5 11Z",
|
|
40
|
+
fill: "#5177FF"
|
|
41
|
+
}),
|
|
42
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
43
|
+
fillRule: "evenodd",
|
|
44
|
+
clipRule: "evenodd",
|
|
45
|
+
d: "M74.5 22C74.78 22 75.02 22.19 75.09 22.46L75.32 23.4C75.43 23.83 75.65 24.22 75.96 24.54C76.27 24.85 76.67 25.08 77.1 25.18L78.04 25.41C78.31 25.48 78.5 25.72 78.5 26C78.5 26.28 78.31 26.52 78.04 26.59L77.1 26.82C76.67 26.93 76.28 27.15 75.96 27.46C75.65 27.77 75.42 28.17 75.32 28.6L75.09 29.54C75.02 29.81 74.78 30 74.5 30C74.22 30 73.98 29.81 73.91 29.54L73.68 28.6C73.57 28.17 73.35 27.78 73.04 27.46C72.73 27.15 72.33 26.92 71.9 26.82L70.96 26.59C70.69 26.52 70.5 26.28 70.5 26C70.5 25.72 70.69 25.48 70.96 25.41L71.9 25.18C72.33 25.07 72.72 24.85 73.04 24.54C73.35 24.23 73.58 23.83 73.68 23.4L73.91 22.46C73.98 22.19 74.22 22 74.5 22Z",
|
|
46
|
+
fill: "#A9BCFF"
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
49
|
+
fillRule: "evenodd",
|
|
50
|
+
clipRule: "evenodd",
|
|
51
|
+
d: "M29.01 20C29.18 20 29.34 20.12 29.38 20.29L29.53 20.88C29.6 21.15 29.74 21.4 29.93 21.59C30.13 21.79 30.37 21.93 30.64 21.99L31.23 22.14C31.4 22.18 31.52 22.33 31.52 22.51C31.52 22.69 31.4 22.84 31.23 22.88L30.64 23.03C30.37 23.1 30.12 23.24 29.93 23.43C29.73 23.63 29.59 23.87 29.53 24.14L29.38 24.73C29.34 24.9 29.19 25.02 29.01 25.02C28.83 25.02 28.68 24.9 28.64 24.73L28.49 24.14C28.42 23.87 28.28 23.63 28.09 23.43C27.89 23.23 27.65 23.09 27.38 23.03L26.79 22.88C26.62 22.84 26.5 22.69 26.5 22.51C26.5 22.33 26.62 22.18 26.79 22.14L27.38 21.99C27.65 21.92 27.89 21.78 28.09 21.59C28.29 21.39 28.43 21.15 28.49 20.88L28.64 20.29C28.68 20.12 28.84 20 29.01 20Z",
|
|
52
|
+
fill: "#A9BCFF"
|
|
53
|
+
}),
|
|
54
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
55
|
+
d: "M92.8399 78.5402C90.3599 82.3402 87.3799 85.7902 83.9999 88.7902C82.6099 90.0202 81.1499 91.1802 79.6299 92.2502C73.8399 96.3502 67.1499 99.2602 59.9199 100.62C56.8699 101.2 53.7199 101.5 50.4999 101.5C43.7099 101.5 37.2299 100.16 31.3099 97.7302L30 97.5L29.3199 96.8502C25.8999 95.2802 22.6899 93.3302 19.7399 91.0502L16.7399 50.7402C16.5599 48.3502 18.3599 46.2702 20.7499 46.0902L84.7699 41.3302L85.7199 41.2602C88.1099 41.0902 90.1899 42.8802 90.3699 45.2702L92.8399 78.5402Z",
|
|
56
|
+
fill: "white"
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
59
|
+
d: "M83.9999 88.7901C82.6099 90.0201 81.1499 91.1801 79.6299 92.2501C73.8399 96.3501 67.1499 99.2601 59.9199 100.62C56.8699 101.2 53.7199 101.5 50.4999 101.5C43.7099 101.5 37.2299 100.16 31.3099 97.7301L29.5 96.5L27.7199 75.3901C27.6099 73.9001 28.7299 72.6001 30.2199 72.4901L79.7999 68.8101C80.6199 68.7501 81.3899 69.0601 81.9199 69.6101C82.3599 70.0501 82.6499 70.6401 82.6999 71.3101L83.9999 88.7901Z",
|
|
60
|
+
fill: "#F2F4F9"
|
|
61
|
+
}),
|
|
62
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
63
|
+
opacity: "0.3",
|
|
64
|
+
d: "M56.17 87.6301C56.64 88.0901 56.35 88.8801 55.69 88.9301L50.18 89.3201C49.53 89.3701 49.13 88.6301 49.52 88.1101L52.03 84.7901C52.31 84.4301 52.84 84.3901 53.16 84.7101L56.17 87.6301Z",
|
|
65
|
+
fill: "#5177FF"
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
68
|
+
d: "M63.51 87.0799C63.98 87.5399 63.68 88.3299 63.03 88.3799L53.58 89.0299C52.93 89.0799 52.53 88.3299 52.93 87.8099L57.29 82.1699C57.57 81.8099 58.1 81.7799 58.42 82.0899L63.51 87.0799Z",
|
|
69
|
+
fill: "#5177FF"
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
72
|
+
opacity: "0.8",
|
|
73
|
+
d: "M53.2799 82.0302C54.2299 81.8502 54.8299 80.9602 54.6499 80.0102C54.4699 79.0602 53.5799 78.4602 52.6299 78.6402C51.6799 78.8202 51.0799 79.7103 51.2599 80.6603C51.4399 81.6103 52.3299 82.2102 53.2799 82.0302Z",
|
|
74
|
+
fill: "#5177FF"
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
77
|
+
d: "M33.7001 51.8097L73.7501 48.8297C74.3501 48.7897 74.8701 49.2297 74.9101 49.8297C74.9501 50.4297 74.5101 50.9497 73.9101 50.9897L33.8601 53.9697C33.2601 54.0097 32.7401 53.5697 32.7001 52.9697C32.6501 52.3697 33.1001 51.8497 33.7001 51.8097Z",
|
|
78
|
+
fill: "#D8DCE8"
|
|
79
|
+
}),
|
|
80
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
81
|
+
d: "M35.9901 55.9901L72.1101 53.3101C72.7101 53.2701 73.2301 53.7101 73.2701 54.3101C73.3101 54.9101 72.8701 55.4301 72.2701 55.4701L36.1501 58.1501C35.5501 58.1901 35.0301 57.7501 34.9901 57.1501C34.9401 56.5601 35.3901 56.0401 35.9901 55.9901Z",
|
|
82
|
+
fill: "#D8DCE8"
|
|
83
|
+
}),
|
|
84
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
85
|
+
d: "M47.2101 60.6704L61.7001 59.6004C62.2401 59.5604 62.7101 59.9704 62.7501 60.5104L62.9301 62.8804C62.9701 63.4204 62.5601 63.8904 62.0201 63.9304L47.5301 65.0104C46.9901 65.0504 46.5201 64.6404 46.4801 64.1004L46.3001 61.7304C46.2601 61.1904 46.6701 60.7104 47.2101 60.6704Z",
|
|
86
|
+
fill: "#AEB6CD"
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
}),
|
|
90
|
+
/*#__PURE__*/ jsxRuntime.jsx("defs", {
|
|
91
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("clipPath", {
|
|
92
|
+
id: "clip0_1825_244093",
|
|
93
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
94
|
+
width: "101",
|
|
95
|
+
height: "101",
|
|
96
|
+
fill: "white",
|
|
97
|
+
transform: "translate(0 0.5)"
|
|
98
|
+
})
|
|
99
|
+
})
|
|
100
|
+
})
|
|
101
|
+
]
|
|
102
|
+
})
|
|
103
|
+
}),
|
|
104
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
105
|
+
className: "image-to-layout-input-wrapper flex w-[600px] items-center rounded-[3px] border py-2 pl-4 pr-2",
|
|
106
|
+
children: [
|
|
107
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
108
|
+
width: "54",
|
|
109
|
+
height: "21",
|
|
110
|
+
viewBox: "0 0 54 21",
|
|
111
|
+
fill: "none",
|
|
112
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
113
|
+
children: [
|
|
114
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
115
|
+
d: "M8.12314 9.0696C8.04028 8.80114 7.92593 8.56084 7.7801 8.34872C7.63758 8.13329 7.46523 7.94934 7.26305 7.79688C7.06419 7.64441 6.83549 7.53007 6.57697 7.45383C6.31845 7.37429 6.03672 7.33452 5.7318 7.33452C5.18493 7.33452 4.69771 7.47206 4.27015 7.74716C3.8426 8.02225 3.50618 8.42661 3.26092 8.96023C3.01897 9.49053 2.89799 10.1368 2.89799 10.8991C2.89799 11.6681 3.01897 12.3194 3.26092 12.853C3.50287 13.3866 3.83928 13.7926 4.27015 14.071C4.70102 14.3461 5.2015 14.4837 5.77157 14.4837C6.28862 14.4837 6.73606 14.3842 7.1139 14.1854C7.49506 13.9865 7.78838 13.7048 7.99387 13.3402C8.19937 12.9723 8.30211 12.5414 8.30211 12.0476L8.71973 12.1122H5.95552V10.6705H10.0869V11.8935C10.0869 12.7652 9.90131 13.5192 9.5301 14.1555C9.15888 14.7919 8.64847 15.2824 7.99885 15.6271C7.34922 15.9685 6.60349 16.1392 5.76163 16.1392C4.82366 16.1392 4.00003 15.9287 3.29075 15.5078C2.58478 15.0836 2.03294 14.482 1.63521 13.7031C1.2408 12.9209 1.04359 11.9929 1.04359 10.919C1.04359 10.0971 1.15959 9.36293 1.3916 8.71662C1.62692 8.07031 1.95505 7.52178 2.37598 7.07102C2.7969 6.61695 3.29075 6.27225 3.85751 6.03693C4.42427 5.7983 5.04075 5.67898 5.70694 5.67898C6.27039 5.67898 6.79572 5.76184 7.28294 5.92756C7.77015 6.08996 8.20268 6.32197 8.58052 6.62358C8.96168 6.92519 9.27489 7.28314 9.52015 7.69744C9.76542 8.11174 9.92617 8.56913 10.0024 9.0696H8.12314ZM15.1716 16.1491C14.406 16.1491 13.7448 15.9901 13.1879 15.6719C12.6344 15.3504 12.2085 14.8963 11.9102 14.3097C11.6119 13.7197 11.4628 13.0253 11.4628 12.2266C11.4628 11.4411 11.6119 10.7517 11.9102 10.1584C12.2119 9.56179 12.6328 9.09777 13.173 8.76633C13.7133 8.43158 14.348 8.2642 15.0771 8.2642C15.5478 8.2642 15.9919 8.34044 16.4095 8.4929C16.8305 8.64205 17.2017 8.87405 17.5232 9.18892C17.848 9.50379 18.1032 9.90483 18.2888 10.392C18.4744 10.8759 18.5672 11.4527 18.5672 12.1222V12.674H12.308V11.4609H16.8421C16.8387 11.1162 16.7642 10.8097 16.6183 10.5412C16.4725 10.2694 16.2687 10.0556 16.0068 9.89986C15.7483 9.74408 15.4467 9.66619 15.102 9.66619C14.7341 9.66619 14.411 9.75568 14.1325 9.93466C13.8541 10.1103 13.637 10.3423 13.4813 10.6307C13.3288 10.9157 13.2509 11.2289 13.2476 11.5703V12.6293C13.2476 13.0734 13.3288 13.4545 13.4912 13.7727C13.6536 14.0876 13.8807 14.3295 14.1723 14.4986C14.464 14.6643 14.8054 14.7472 15.1965 14.7472C15.4583 14.7472 15.6953 14.7107 15.9074 14.6378C16.1195 14.5616 16.3035 14.4505 16.4593 14.3047C16.615 14.1589 16.7327 13.9782 16.8122 13.7628L18.4926 13.9517C18.3866 14.3958 18.1844 14.7836 17.8861 15.1151C17.5911 15.4432 17.2133 15.6984 16.7526 15.8807C16.2919 16.0597 15.7649 16.1491 15.1716 16.1491ZM20.0898 16V8.36364H21.8099V9.66122H21.8994C22.0585 9.22372 22.322 8.88234 22.6899 8.63707C23.0578 8.38849 23.497 8.2642 24.0074 8.2642C24.5244 8.2642 24.9603 8.39015 25.3149 8.64205C25.6729 8.89062 25.9247 9.23035 26.0706 9.66122H26.1501C26.3192 9.23698 26.6042 8.89891 27.0052 8.64702C27.4096 8.39181 27.8885 8.2642 28.442 8.2642C29.1447 8.2642 29.7181 8.48627 30.1622 8.9304C30.6063 9.37453 30.8284 10.0225 30.8284 10.8743V16H29.0237V11.1527C29.0237 10.6787 28.8978 10.3324 28.6459 10.1136C28.394 9.89157 28.0857 9.78054 27.7211 9.78054C27.287 9.78054 26.9472 9.91643 26.702 10.1882C26.46 10.4567 26.339 10.8063 26.339 11.2372V16H24.5741V11.0781C24.5741 10.6837 24.4548 10.3688 24.2162 10.1335C23.9809 9.8982 23.6726 9.78054 23.2915 9.78054C23.0329 9.78054 22.7976 9.84683 22.5855 9.9794C22.3734 10.1087 22.2043 10.2926 22.0784 10.5312C21.9524 10.7666 21.8895 11.0417 21.8895 11.3565V16H20.0898ZM34.0413 16H32.0725L35.657 5.81818H37.934L41.5235 16H39.5548L36.8353 7.90625H36.7558L34.0413 16ZM34.1059 12.0078H39.4752V13.4893H34.1059V12.0078ZM44.7091 5.81818V16H42.8646V5.81818H44.7091Z",
|
|
116
|
+
fill: "url(#paint0_linear_1825_211216)"
|
|
117
|
+
}),
|
|
118
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
119
|
+
d: "M49.7612 1.0282C49.8335 0.792683 50.1669 0.792683 50.2392 1.0282L50.7184 2.58942C50.8115 2.89264 51.0429 3.13372 51.3421 3.23913L52.8311 3.76382C53.0536 3.84224 53.0536 4.15698 52.8311 4.2354L51.3421 4.76008C51.0429 4.86549 50.8115 5.10658 50.7184 5.4098L50.2392 6.97101C50.1669 7.20653 49.8335 7.20653 49.7612 6.97101L49.282 5.4098C49.1889 5.10658 48.9575 4.86549 48.6584 4.76008L47.1694 4.2354C46.9468 4.15698 46.9468 3.84224 47.1694 3.76382L48.6584 3.23913C48.9575 3.13372 49.1889 2.89264 49.282 2.58942L49.7612 1.0282Z",
|
|
120
|
+
fill: "url(#paint1_linear_1825_211216)"
|
|
121
|
+
}),
|
|
122
|
+
/*#__PURE__*/ jsxRuntime.jsxs("defs", {
|
|
123
|
+
children: [
|
|
124
|
+
/*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
|
|
125
|
+
id: "paint0_linear_1825_211216",
|
|
126
|
+
x1: "46",
|
|
127
|
+
y1: "16.0338",
|
|
128
|
+
x2: "-0.000777919",
|
|
129
|
+
y2: "15.9189",
|
|
130
|
+
gradientUnits: "userSpaceOnUse",
|
|
131
|
+
children: [
|
|
132
|
+
/*#__PURE__*/ jsxRuntime.jsx("stop", {
|
|
133
|
+
stopColor: "#874CFD"
|
|
134
|
+
}),
|
|
135
|
+
/*#__PURE__*/ jsxRuntime.jsx("stop", {
|
|
136
|
+
offset: "1",
|
|
137
|
+
stopColor: "#3C38E1"
|
|
138
|
+
})
|
|
139
|
+
]
|
|
140
|
+
}),
|
|
141
|
+
/*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
|
|
142
|
+
id: "paint1_linear_1825_211216",
|
|
143
|
+
x1: "52.105",
|
|
144
|
+
y1: "2.62234",
|
|
145
|
+
x2: "47.7267",
|
|
146
|
+
y2: "2.92341",
|
|
147
|
+
gradientUnits: "userSpaceOnUse",
|
|
148
|
+
children: [
|
|
149
|
+
/*#__PURE__*/ jsxRuntime.jsx("stop", {
|
|
150
|
+
stopColor: "#3C67FF"
|
|
151
|
+
}),
|
|
152
|
+
/*#__PURE__*/ jsxRuntime.jsx("stop", {
|
|
153
|
+
offset: "1",
|
|
154
|
+
stopColor: "#874CFD"
|
|
155
|
+
})
|
|
156
|
+
]
|
|
157
|
+
})
|
|
158
|
+
]
|
|
159
|
+
})
|
|
160
|
+
]
|
|
161
|
+
}),
|
|
162
|
+
/*#__PURE__*/ jsxRuntime.jsx("input", {
|
|
163
|
+
value: link,
|
|
164
|
+
onFocus: ()=>setOpenSuggestion(true),
|
|
165
|
+
onChange: (event)=>{
|
|
166
|
+
setLink(event.target.value);
|
|
167
|
+
},
|
|
168
|
+
id: "gp-img-to-layout-input-link",
|
|
169
|
+
placeholder: "Paste web link to generate layout",
|
|
170
|
+
className: "ml-2 flex-1 text-[#676767] outline-none"
|
|
171
|
+
}),
|
|
172
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
173
|
+
id: "gp-img-to-layout-generate-btn",
|
|
174
|
+
className: "generate-image-to-layout-btn flex h-[40px] w-[94px] cursor-pointer items-center justify-center rounded-[3px] font-medium text-white",
|
|
175
|
+
children: "Generate"
|
|
176
|
+
}),
|
|
177
|
+
/*#__PURE__*/ jsxRuntime.jsx(PagesSuggestion.PagesSuggestion, {
|
|
178
|
+
setOpenSuggestion: setOpenSuggestion,
|
|
179
|
+
link: link,
|
|
180
|
+
setLink: setLink,
|
|
181
|
+
isOpen: openSuggestion
|
|
182
|
+
})
|
|
183
|
+
]
|
|
184
|
+
}),
|
|
185
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
186
|
+
className: "mt-4 flex items-center text-xs",
|
|
187
|
+
children: [
|
|
188
|
+
/*#__PURE__*/ jsxRuntime.jsx("label", {
|
|
189
|
+
htmlFor: "gp-img-to-layout-gallery-btn",
|
|
190
|
+
className: " relative mr-[5px] cursor-pointer font-medium text-[#3C67FF]",
|
|
191
|
+
children: "Upload image"
|
|
192
|
+
}),
|
|
193
|
+
/*#__PURE__*/ jsxRuntime.jsx("input", {
|
|
194
|
+
id: "gp-img-to-layout-gallery-btn",
|
|
195
|
+
className: "rounded-medium z-2 absolute hidden h-full w-full cursor-pointer opacity-0 outline-none",
|
|
196
|
+
type: "file",
|
|
197
|
+
accept: "image/*"
|
|
198
|
+
}),
|
|
199
|
+
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
200
|
+
className: "font-normal text-[#676767]",
|
|
201
|
+
children: "to generate layout or Drag & drop element from sidebar"
|
|
202
|
+
})
|
|
203
|
+
]
|
|
204
|
+
})
|
|
205
|
+
]
|
|
206
|
+
});
|
|
207
|
+
};
|
|
208
|
+
|
|
209
|
+
exports.default = ImageToLayout;
|