@brunoalz/smartgesti-site-editor 1.3.0 → 1.4.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/editor/LandingPageEditor.d.ts.map +1 -1
- package/dist/editor/LandingPageEditor.js +183 -169
- package/dist/editor/LandingPageEditor.js.map +1 -1
- package/dist/editor/PaletteSelector.d.ts +3 -0
- package/dist/editor/PaletteSelector.d.ts.map +1 -1
- package/dist/editor/PaletteSelector.js +114 -25
- package/dist/editor/PaletteSelector.js.map +1 -1
- package/dist/editor/components/RightPanel.d.ts +2 -0
- package/dist/editor/components/RightPanel.d.ts.map +1 -1
- package/dist/editor/components/RightPanel.js +23 -22
- package/dist/editor/components/RightPanel.js.map +1 -1
- package/dist/engine/export/exporters/content/AvatarExporter.js +2 -2
- package/dist/engine/export/exporters/content/AvatarExporter.js.map +1 -1
- package/dist/engine/export/exporters/content/BadgeExporter.js +11 -11
- package/dist/engine/export/exporters/content/BadgeExporter.js.map +1 -1
- package/dist/engine/export/exporters/sections/AdminSectionExporters.js +17 -17
- package/dist/engine/export/exporters/sections/AdminSectionExporters.js.map +1 -1
- package/dist/engine/export/exporters/sections/BlogPostExporters.js +34 -34
- package/dist/engine/export/exporters/sections/BlogPostExporters.js.map +1 -1
- package/dist/engine/export/exporters/sections/ContentGridExporters.js +16 -16
- package/dist/engine/export/exporters/sections/ContentGridExporters.js.map +1 -1
- package/dist/engine/export/exporters/sections/MarketingExporters.js +4 -4
- package/dist/engine/export/exporters/sections/MarketingExporters.js.map +1 -1
- package/dist/engine/render/renderers/content/BadgeRenderer.js +12 -12
- package/dist/engine/render/renderers/content/BadgeRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/AboutSectionRenderer.js +8 -8
- package/dist/engine/render/renderers/sections/AboutSectionRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/ContactSectionRenderer.js +52 -52
- package/dist/engine/render/renderers/sections/ContactSectionRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/FeatureGridRenderer.js +5 -5
- package/dist/engine/render/renderers/sections/FeatureGridRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/FeatureRenderer.js +9 -9
- package/dist/engine/render/renderers/sections/FeatureRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/PricingCardRenderer.js +5 -5
- package/dist/engine/render/renderers/sections/PricingCardRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.js +17 -17
- package/dist/engine/render/renderers/sections/ProductShowcaseRenderer.js.map +1 -1
- package/dist/hooks/useEditorState.d.ts +2 -0
- package/dist/hooks/useEditorState.d.ts.map +1 -1
- package/dist/hooks/useEditorState.js +82 -77
- package/dist/hooks/useEditorState.js.map +1 -1
- package/dist/shared/templates/index.d.ts +4 -0
- package/dist/shared/templates/index.d.ts.map +1 -1
- package/dist/shared/templates/index.js +14 -7
- package/dist/shared/templates/index.js.map +1 -1
- package/dist/shared/templates/smartgesti-admin.d.ts.map +1 -1
- package/dist/shared/templates/smartgesti-admin.js +1 -4
- package/dist/shared/templates/smartgesti-admin.js.map +1 -1
- package/dist/utils/colorUtils.d.ts +73 -16
- package/dist/utils/colorUtils.d.ts.map +1 -1
- package/dist/utils/colorUtils.js +95 -9
- package/dist/utils/colorUtils.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as n, jsx as
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { renderIcon as d } from "../content/IconRenderer.js";
|
|
3
|
-
function a(
|
|
4
|
-
const { icon: t, title: i, description: o } =
|
|
3
|
+
function a(r) {
|
|
4
|
+
const { icon: t, title: i, description: o } = r.props;
|
|
5
5
|
return /* @__PURE__ */ n(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
@@ -11,7 +11,7 @@ function a(e) {
|
|
|
11
11
|
textAlign: "center"
|
|
12
12
|
},
|
|
13
13
|
children: [
|
|
14
|
-
t && /* @__PURE__ */
|
|
14
|
+
t && /* @__PURE__ */ e(
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
17
17
|
style: {
|
|
@@ -26,22 +26,22 @@ function a(e) {
|
|
|
26
26
|
color: "var(--sg-primary-text)"
|
|
27
27
|
},
|
|
28
28
|
children: d({
|
|
29
|
-
id: `${
|
|
30
|
-
props: { name: t, size: "md", color: "#fff" }
|
|
29
|
+
id: `${r.id}-icon`,
|
|
30
|
+
props: { name: t, size: "md", color: "var(--sg-primary-text, #fff)" }
|
|
31
31
|
})
|
|
32
32
|
}
|
|
33
33
|
),
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ e(
|
|
35
35
|
"h3",
|
|
36
36
|
{
|
|
37
37
|
style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "0.5rem" },
|
|
38
38
|
children: i
|
|
39
39
|
}
|
|
40
40
|
),
|
|
41
|
-
/* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ e("p", { style: { color: "var(--sg-muted-text)", fontSize: "0.875rem" }, children: o })
|
|
42
42
|
]
|
|
43
43
|
},
|
|
44
|
-
|
|
44
|
+
r.id
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
47
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureRenderer.tsx"],"sourcesContent":["/**\n * Feature Renderer\n * Renderiza um item de feature com ícone, título e descrição\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeature(block: any): React.ReactNode {\n const { icon, title, description } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n padding: \"1.5rem\",\n textAlign: \"center\",\n }}\n >\n {icon && (\n <div\n style={{\n width: \"3rem\",\n height: \"3rem\",\n backgroundColor: \"var(--sg-primary)\",\n borderRadius: \"0.75rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n margin: \"0 auto 1rem\",\n color: \"var(--sg-primary-text)\",\n }}\n >\n {renderIcon({\n id: `${block.id}-icon`,\n props: { name: icon, size: \"md\", color: \"#fff\" },\n })}\n </div>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {title}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {description}\n </p>\n </div>\n );\n}\n"],"names":["renderFeature","block","icon","title","description","jsxs","jsx","renderIcon"],"mappings":";;AAQO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,EAAA,IAAgBH,EAAM;AAE3C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAAH,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAC,EAAW;AAAA,cACV,IAAI,GAAGN,EAAM,EAAE;AAAA,cACf,OAAO,EAAE,MAAMC,GAAM,MAAM,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"FeatureRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/FeatureRenderer.tsx"],"sourcesContent":["/**\n * Feature Renderer\n * Renderiza um item de feature com ícone, título e descrição\n */\n\nimport React from \"react\";\nimport { renderIcon } from \"../content/IconRenderer\";\n\nexport function renderFeature(block: any): React.ReactNode {\n const { icon, title, description } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n padding: \"1.5rem\",\n textAlign: \"center\",\n }}\n >\n {icon && (\n <div\n style={{\n width: \"3rem\",\n height: \"3rem\",\n backgroundColor: \"var(--sg-primary)\",\n borderRadius: \"0.75rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n margin: \"0 auto 1rem\",\n color: \"var(--sg-primary-text)\",\n }}\n >\n {renderIcon({\n id: `${block.id}-icon`,\n props: { name: icon, size: \"md\", color: \"var(--sg-primary-text, #fff)\" },\n })}\n </div>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {title}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {description}\n </p>\n </div>\n );\n}\n"],"names":["renderFeature","block","icon","title","description","jsxs","jsx","renderIcon"],"mappings":";;AAQO,SAASA,EAAcC,GAA6B;AACzD,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,EAAA,IAAgBH,EAAM;AAE3C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAAH,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,OAAO;AAAA,YAAA;AAAA,YAGR,UAAAC,EAAW;AAAA,cACV,IAAI,GAAGN,EAAM,EAAE;AAAA,cACf,OAAO,EAAE,MAAMC,GAAM,MAAM,MAAM,OAAO,+BAAA;AAAA,YAA+B,CACxE;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAG,EAAC,OAAE,OAAO,EAAE,OAAO,wBAAwB,UAAU,WAAA,GAClD,UAAAF,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAlCKH,EAAM;AAAA,EAAA;AAqCjB;"}
|
|
@@ -2,10 +2,10 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
function h(t) {
|
|
3
3
|
const {
|
|
4
4
|
name: n,
|
|
5
|
-
price:
|
|
5
|
+
price: g,
|
|
6
6
|
period: i,
|
|
7
7
|
description: a,
|
|
8
|
-
features:
|
|
8
|
+
features: l = [],
|
|
9
9
|
buttonText: d,
|
|
10
10
|
highlighted: e,
|
|
11
11
|
badge: s
|
|
@@ -31,7 +31,7 @@ function h(t) {
|
|
|
31
31
|
top: "-0.75rem",
|
|
32
32
|
right: "1rem",
|
|
33
33
|
backgroundColor: "var(--sg-primary)",
|
|
34
|
-
color: "#fff",
|
|
34
|
+
color: "var(--sg-primary-text, #fff)",
|
|
35
35
|
padding: "0.25rem 0.75rem",
|
|
36
36
|
borderRadius: "9999px",
|
|
37
37
|
fontSize: "0.75rem"
|
|
@@ -48,10 +48,10 @@ function h(t) {
|
|
|
48
48
|
),
|
|
49
49
|
a && /* @__PURE__ */ r("p", { style: { color: "var(--sg-muted-text)", marginBottom: "1rem" }, children: a }),
|
|
50
50
|
/* @__PURE__ */ o("div", { style: { marginBottom: "1.5rem" }, children: [
|
|
51
|
-
/* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children:
|
|
51
|
+
/* @__PURE__ */ r("span", { style: { fontSize: "2.5rem", fontWeight: 700 }, children: g }),
|
|
52
52
|
i && /* @__PURE__ */ r("span", { style: { color: "var(--sg-muted-text)" }, children: i })
|
|
53
53
|
] }),
|
|
54
|
-
/* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children:
|
|
54
|
+
/* @__PURE__ */ r("ul", { style: { listStyle: "none", padding: 0, marginBottom: "1.5rem" }, children: l.map((m, p) => /* @__PURE__ */ o(
|
|
55
55
|
"li",
|
|
56
56
|
{
|
|
57
57
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PricingCardRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/PricingCardRenderer.tsx"],"sourcesContent":["/**\n * PricingCard Renderer\n * Renderiza card individual de pricing\n */\n\nimport React from \"react\";\n\nexport function renderPricingCard(block: any): React.ReactNode {\n const {\n name,\n price,\n period,\n description,\n features = [],\n buttonText,\n highlighted,\n badge,\n } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n backgroundColor: \"var(--sg-bg)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n padding: \"2rem\",\n boxShadow: highlighted\n ? \"var(--sg-shadow-strong)\"\n : \"var(--sg-card-shadow)\",\n border: highlighted\n ? \"2px solid var(--sg-primary)\"\n : \"1px solid var(--sg-border)\",\n position: \"relative\",\n }}\n >\n {badge && (\n <span\n style={{\n position: \"absolute\",\n top: \"-0.75rem\",\n right: \"1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n padding: \"0.25rem 0.75rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n }}\n >\n {badge}\n </span>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {name}\n </h3>\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n <div style={{ marginBottom: \"1.5rem\" }}>\n <span style={{ fontSize: \"2.5rem\", fontWeight: 700 }}>{price}</span>\n {period && (\n <span style={{ color: \"var(--sg-muted-text)\" }}>{period}</span>\n )}\n </div>\n <ul style={{ listStyle: \"none\", padding: 0, marginBottom: \"1.5rem\" }}>\n {features.map((feature: string, index: number) => (\n <li\n key={index}\n style={{\n padding: \"0.5rem 0\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n }}\n >\n <span style={{ color: \"var(--sg-success)\" }}>✓</span>\n {feature}\n </li>\n ))}\n </ul>\n {buttonText && (\n <button\n style={{\n width: \"100%\",\n padding: \"var(--sg-button-padding-md)\",\n backgroundColor: highlighted ? \"var(--sg-primary)\" : \"transparent\",\n color: highlighted ? \"var(--sg-primary-text)\" : \"var(--sg-primary)\",\n border: highlighted ? \"none\" : \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius)\",\n fontWeight: 500,\n cursor: \"pointer\",\n }}\n >\n {buttonText}\n </button>\n )}\n </div>\n );\n}\n"],"names":["renderPricingCard","block","name","price","period","description","features","buttonText","highlighted","badge","jsxs","jsx","feature","index"],"mappings":";AAOO,SAASA,EAAkBC,GAA6B;AAC7D,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,IACX,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACER,EAAM;AAEV,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,WAAWF,IACP,4BACA;AAAA,QACJ,QAAQA,IACJ,gCACA;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAAC,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAc;AAAA,cACd,UAAU;AAAA,YAAA;AAAA,YAGX,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAM,EAAC,KAAA,EAAE,OAAO,EAAE,OAAO,wBAAwB,cAAc,OAAA,GACtD,UAAAN,EAAA,CACH;AAAA,0BAED,OAAA,EAAI,OAAO,EAAE,cAAc,YAC1B,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,YAAY,IAAA,GAAQ,UAAAR,EAAA,CAAM;AAAA,UAC5DC,uBACE,QAAA,EAAK,OAAO,EAAE,OAAO,uBAAA,GAA2B,UAAAA,EAAA,CAAO;AAAA,QAAA,GAE5D;AAAA,QACA,gBAAAO,EAAC,MAAA,EAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,cAAc,YACvD,UAAAL,EAAS,IAAI,CAACM,GAAiBC,MAC9B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,gBAAAC,EAAC,UAAK,OAAO,EAAE,OAAO,oBAAA,GAAuB,UAAA,KAAC;AAAA,cAC7CC;AAAA,YAAA;AAAA,UAAA;AAAA,UATIC;AAAA,QAAA,CAWR,GACH;AAAA,QACCN,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,iBAAiBH,IAAc,sBAAsB;AAAA,cACrD,OAAOA,IAAc,2BAA2B;AAAA,cAChD,QAAQA,IAAc,SAAS;AAAA,cAC/B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,YAAA;AAAA,YAGT,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IA7EGN,EAAM;AAAA,EAAA;AAiFjB;"}
|
|
1
|
+
{"version":3,"file":"PricingCardRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/PricingCardRenderer.tsx"],"sourcesContent":["/**\n * PricingCard Renderer\n * Renderiza card individual de pricing\n */\n\nimport React from \"react\";\n\nexport function renderPricingCard(block: any): React.ReactNode {\n const {\n name,\n price,\n period,\n description,\n features = [],\n buttonText,\n highlighted,\n badge,\n } = block.props;\n\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n backgroundColor: \"var(--sg-bg)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n padding: \"2rem\",\n boxShadow: highlighted\n ? \"var(--sg-shadow-strong)\"\n : \"var(--sg-card-shadow)\",\n border: highlighted\n ? \"2px solid var(--sg-primary)\"\n : \"1px solid var(--sg-border)\",\n position: \"relative\",\n }}\n >\n {badge && (\n <span\n style={{\n position: \"absolute\",\n top: \"-0.75rem\",\n right: \"1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text, #fff)\",\n padding: \"0.25rem 0.75rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n }}\n >\n {badge}\n </span>\n )}\n <h3\n style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}\n >\n {name}\n </h3>\n {description && (\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\" }}>\n {description}\n </p>\n )}\n <div style={{ marginBottom: \"1.5rem\" }}>\n <span style={{ fontSize: \"2.5rem\", fontWeight: 700 }}>{price}</span>\n {period && (\n <span style={{ color: \"var(--sg-muted-text)\" }}>{period}</span>\n )}\n </div>\n <ul style={{ listStyle: \"none\", padding: 0, marginBottom: \"1.5rem\" }}>\n {features.map((feature: string, index: number) => (\n <li\n key={index}\n style={{\n padding: \"0.5rem 0\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n }}\n >\n <span style={{ color: \"var(--sg-success)\" }}>✓</span>\n {feature}\n </li>\n ))}\n </ul>\n {buttonText && (\n <button\n style={{\n width: \"100%\",\n padding: \"var(--sg-button-padding-md)\",\n backgroundColor: highlighted ? \"var(--sg-primary)\" : \"transparent\",\n color: highlighted ? \"var(--sg-primary-text)\" : \"var(--sg-primary)\",\n border: highlighted ? \"none\" : \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius)\",\n fontWeight: 500,\n cursor: \"pointer\",\n }}\n >\n {buttonText}\n </button>\n )}\n </div>\n );\n}\n"],"names":["renderPricingCard","block","name","price","period","description","features","buttonText","highlighted","badge","jsxs","jsx","feature","index"],"mappings":";AAOO,SAASA,EAAkBC,GAA6B;AAC7D,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW,CAAA;AAAA,IACX,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACER,EAAM;AAEV,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,oBAAiB;AAAA,MACjB,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,WAAWF,IACP,4BACA;AAAA,QACJ,QAAQA,IACJ,gCACA;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAAC,KACC,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,OAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAc;AAAA,cACd,UAAU;AAAA,YAAA;AAAA,YAGX,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,UAAU,WAAW,YAAY,KAAK,cAAc,SAAA;AAAA,YAE5D,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAM,EAAC,KAAA,EAAE,OAAO,EAAE,OAAO,wBAAwB,cAAc,OAAA,GACtD,UAAAN,EAAA,CACH;AAAA,0BAED,OAAA,EAAI,OAAO,EAAE,cAAc,YAC1B,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,YAAY,IAAA,GAAQ,UAAAR,EAAA,CAAM;AAAA,UAC5DC,uBACE,QAAA,EAAK,OAAO,EAAE,OAAO,uBAAA,GAA2B,UAAAA,EAAA,CAAO;AAAA,QAAA,GAE5D;AAAA,QACA,gBAAAO,EAAC,MAAA,EAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,cAAc,YACvD,UAAAL,EAAS,IAAI,CAACM,GAAiBC,MAC9B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,gBAAAC,EAAC,UAAK,OAAO,EAAE,OAAO,oBAAA,GAAuB,UAAA,KAAC;AAAA,cAC7CC;AAAA,YAAA;AAAA,UAAA;AAAA,UATIC;AAAA,QAAA,CAWR,GACH;AAAA,QACCN,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,iBAAiBH,IAAc,sBAAsB;AAAA,cACrD,OAAOA,IAAc,2BAA2B;AAAA,cAChD,QAAQA,IAAc,SAAS;AAAA,cAC/B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,YAAA;AAAA,YAGT,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IA7EGN,EAAM;AAAA,EAAA;AAiFjB;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as C, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { generateButtonHoverStyles as
|
|
2
|
+
import { generateButtonHoverStyles as v, generateButtonOverlayCSS as b, getButtonHoverKeyframes as k } from "../../../shared/hoverEffects/buttonHover.js";
|
|
3
3
|
function $(o) {
|
|
4
4
|
const {
|
|
5
5
|
title: l,
|
|
@@ -12,39 +12,39 @@ function $(o) {
|
|
|
12
12
|
buttonHoverOverlay: s = "none",
|
|
13
13
|
buttonHoverIconName: f = "arrow-right"
|
|
14
14
|
} = o.props, u = h === "grid", i = `[data-block-id="${o.id}"]`;
|
|
15
|
-
let
|
|
15
|
+
let a = "";
|
|
16
16
|
if (g !== "none") {
|
|
17
|
-
const e =
|
|
17
|
+
const e = v({
|
|
18
18
|
effect: g,
|
|
19
19
|
intensity: y,
|
|
20
20
|
buttonColor: "#6366f1",
|
|
21
21
|
variant: "solid"
|
|
22
|
-
}),
|
|
22
|
+
}), n = v({
|
|
23
23
|
effect: g,
|
|
24
24
|
intensity: y,
|
|
25
25
|
buttonColor: "#6366f1",
|
|
26
26
|
variant: "outline"
|
|
27
27
|
});
|
|
28
|
-
e.base && (
|
|
28
|
+
e.base && (a += `${i} .sg-showcase__btn--primary { ${e.base} }`), n.base && (a += `${i} .sg-showcase__btn--secondary { ${n.base} }`), a += `${i} .sg-showcase__btn--primary:hover { ${e.hover} }`, a += `${i} .sg-showcase__btn--secondary:hover { ${n.hover} }`, a += k();
|
|
29
29
|
}
|
|
30
|
-
s && s !== "none" && (
|
|
30
|
+
s && s !== "none" && (a += b(`${i} .sg-showcase__btn--primary`, {
|
|
31
31
|
overlay: s,
|
|
32
32
|
primaryColor: "#6366f1",
|
|
33
33
|
iconName: f,
|
|
34
34
|
textColor: "#fff"
|
|
35
|
-
}),
|
|
35
|
+
}), a += b(`${i} .sg-showcase__btn--secondary`, {
|
|
36
36
|
overlay: s,
|
|
37
37
|
primaryColor: "#6366f1",
|
|
38
38
|
iconName: f,
|
|
39
39
|
textColor: "#6366f1"
|
|
40
40
|
}));
|
|
41
|
-
const x =
|
|
41
|
+
const x = a.length > 0, c = {
|
|
42
42
|
position: "relative",
|
|
43
43
|
overflow: "hidden",
|
|
44
44
|
transition: "all 0.2s ease"
|
|
45
45
|
};
|
|
46
46
|
return /* @__PURE__ */ t(C, { children: [
|
|
47
|
-
x && /* @__PURE__ */ r("style", { children:
|
|
47
|
+
x && /* @__PURE__ */ r("style", { children: a }),
|
|
48
48
|
/* @__PURE__ */ r(
|
|
49
49
|
"section",
|
|
50
50
|
{
|
|
@@ -62,7 +62,7 @@ function $(o) {
|
|
|
62
62
|
display: "inline-block",
|
|
63
63
|
padding: "0.25rem 0.75rem",
|
|
64
64
|
backgroundColor: "var(--sg-primary)",
|
|
65
|
-
color: "#fff",
|
|
65
|
+
color: "var(--sg-primary-text, #fff)",
|
|
66
66
|
borderRadius: "9999px",
|
|
67
67
|
fontSize: "0.75rem",
|
|
68
68
|
fontWeight: 600,
|
|
@@ -84,7 +84,7 @@ function $(o) {
|
|
|
84
84
|
gridTemplateColumns: `repeat(${Math.min(m.length, 3)}, 1fr)`,
|
|
85
85
|
gap: "2rem"
|
|
86
86
|
},
|
|
87
|
-
children: m.map((e,
|
|
87
|
+
children: m.map((e, n) => /* @__PURE__ */ t(
|
|
88
88
|
"div",
|
|
89
89
|
{
|
|
90
90
|
style: {
|
|
@@ -114,7 +114,7 @@ function $(o) {
|
|
|
114
114
|
display: "inline-block",
|
|
115
115
|
padding: "0.125rem 0.5rem",
|
|
116
116
|
backgroundColor: "var(--sg-primary)",
|
|
117
|
-
color: "#fff",
|
|
117
|
+
color: "var(--sg-primary-text, #fff)",
|
|
118
118
|
borderRadius: "9999px",
|
|
119
119
|
fontSize: "0.7rem",
|
|
120
120
|
fontWeight: 600,
|
|
@@ -151,11 +151,11 @@ function $(o) {
|
|
|
151
151
|
] })
|
|
152
152
|
]
|
|
153
153
|
},
|
|
154
|
-
|
|
154
|
+
n
|
|
155
155
|
))
|
|
156
156
|
}
|
|
157
|
-
) : /* @__PURE__ */ r("div", { "data-block-group": "Layout", style: { display: "flex", flexDirection: "column", gap: "4rem" }, children: m.map((e,
|
|
158
|
-
const _ = h === "alternating" &&
|
|
157
|
+
) : /* @__PURE__ */ r("div", { "data-block-group": "Layout", style: { display: "flex", flexDirection: "column", gap: "4rem" }, children: m.map((e, n) => {
|
|
158
|
+
const _ = h === "alternating" && n % 2 === 1;
|
|
159
159
|
return /* @__PURE__ */ t(
|
|
160
160
|
"div",
|
|
161
161
|
{
|
|
@@ -201,7 +201,7 @@ function $(o) {
|
|
|
201
201
|
display: "inline-block",
|
|
202
202
|
padding: "0.25rem 0.75rem",
|
|
203
203
|
backgroundColor: "var(--sg-primary)",
|
|
204
|
-
color: "#fff",
|
|
204
|
+
color: "var(--sg-primary-text, #fff)",
|
|
205
205
|
borderRadius: "9999px",
|
|
206
206
|
fontSize: "0.75rem",
|
|
207
207
|
fontWeight: 600,
|
|
@@ -272,7 +272,7 @@ function $(o) {
|
|
|
272
272
|
] })
|
|
273
273
|
]
|
|
274
274
|
},
|
|
275
|
-
|
|
275
|
+
n
|
|
276
276
|
);
|
|
277
277
|
}) })
|
|
278
278
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductShowcaseRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/ProductShowcaseRenderer.tsx"],"sourcesContent":["/**\n * ProductShowcase Renderer\n * Renderiza vitrine de produtos com layouts alternado, grid ou empilhado\n */\n\nimport React from \"react\";\nimport {\n generateButtonHoverStyles,\n generateButtonOverlayCSS,\n getButtonHoverKeyframes,\n type ButtonHoverEffect,\n type ButtonHoverOverlay,\n} from \"../../../shared/hoverEffects\";\n\nexport function renderProductShowcase(block: any): React.ReactNode {\n const {\n title,\n subtitle,\n products = [],\n variant = \"alternating\",\n bg,\n buttonHoverEffect = \"none\",\n buttonHoverIntensity = 50,\n buttonHoverOverlay = \"none\",\n buttonHoverIconName = \"arrow-right\",\n } = block.props;\n\n const isGrid = variant === \"grid\";\n\n // Generate hover CSS\n const scope = `[data-block-id=\"${block.id}\"]`;\n let hoverCss = \"\";\n\n if (buttonHoverEffect !== \"none\") {\n const primaryResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"solid\",\n });\n const outlineResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"outline\",\n });\n if (primaryResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--primary { ${primaryResult.base} }`;\n }\n if (outlineResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--secondary { ${outlineResult.base} }`;\n }\n hoverCss += `${scope} .sg-showcase__btn--primary:hover { ${primaryResult.hover} }`;\n hoverCss += `${scope} .sg-showcase__btn--secondary:hover { ${outlineResult.hover} }`;\n hoverCss += getButtonHoverKeyframes();\n }\n\n if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--primary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#fff\",\n });\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--secondary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#6366f1\",\n });\n }\n\n const hasHover = hoverCss.length > 0;\n const btnBaseStyle: React.CSSProperties = {\n position: \"relative\",\n overflow: \"hidden\",\n transition: \"all 0.2s ease\",\n };\n\n return (\n <>\n {hasHover && <style>{hoverCss}</style>}\n <section\n key={block.id}\n data-block-id={block.id}\n style={{\n padding: \"var(--sg-section-padding-md, 4rem 0)\",\n backgroundColor: bg || \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {(title || subtitle) && (\n <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n {subtitle && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n marginBottom: \"0.75rem\",\n }}\n >\n {subtitle}\n </span>\n )}\n {title && (\n <h2 style={{ fontSize: \"var(--sg-heading-h2)\", marginBottom: \"0.5rem\" }}>\n {title}\n </h2>\n )}\n </div>\n )}\n\n {isGrid ? (\n <div\n data-block-group=\"Layout\"\n style={{\n display: \"grid\",\n gridTemplateColumns: `repeat(${Math.min(products.length, 3)}, 1fr)`,\n gap: \"2rem\",\n }}\n >\n {products.map((product: any, index: number) => (\n <div\n key={index}\n style={{\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n overflow: \"hidden\",\n boxShadow: \"var(--sg-card-shadow)\",\n }}\n >\n {product.image && (\n <div\n style={{\n width: \"100%\",\n height: \"200px\",\n backgroundImage: `url(${product.image})`,\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n }}\n />\n )}\n <div style={{ padding: \"1.5rem\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.125rem 0.5rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.7rem\",\n fontWeight: 600,\n marginBottom: \"0.5rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {product.description}\n </p>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n display: \"inline-block\",\n marginTop: \"1rem\",\n padding: \"0.5rem 1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n fontSize: \"0.875rem\",\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n </div>\n </div>\n ))}\n </div>\n ) : (\n <div data-block-group=\"Layout\" style={{ display: \"flex\", flexDirection: \"column\", gap: \"4rem\" }}>\n {products.map((product: any, index: number) => {\n const isReversed = variant === \"alternating\" && index % 2 === 1;\n return (\n <div\n key={index}\n style={{\n display: \"flex\",\n gap: \"3rem\",\n alignItems: \"center\",\n flexDirection: isReversed ? \"row-reverse\" : \"row\",\n }}\n >\n {/* Image side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.image ? (\n <img\n src={product.image}\n alt={product.name}\n style={{\n width: \"100%\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n objectFit: \"cover\",\n }}\n />\n ) : (\n <div\n style={{\n width: \"100%\",\n height: \"300px\",\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"4rem\",\n }}\n >\n {product.icon || \"📦\"}\n </div>\n )}\n </div>\n\n {/* Content side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"#fff\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n marginBottom: \"0.75rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.5rem\", fontWeight: 700, marginBottom: \"0.75rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\", lineHeight: 1.7 }}>\n {product.longDescription || product.description}\n </p>\n {product.features && product.features.length > 0 && (\n <ul style={{ listStyle: \"none\", padding: 0, margin: \"0 0 1.5rem 0\" }}>\n {product.features.map((feat: string, fi: number) => (\n <li\n key={fi}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n marginBottom: \"0.5rem\",\n color: \"var(--sg-text)\",\n }}\n >\n <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n {feat}\n </li>\n ))}\n </ul>\n )}\n <div style={{ display: \"flex\", gap: \"0.75rem\" }}>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n {product.secondaryButton && (\n <a\n href={product.secondaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--secondary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"transparent\",\n color: \"var(--sg-primary)\",\n border: \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.secondaryButton.text}\n </a>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </div>\n </section>\n </>\n );\n}\n"],"names":["renderProductShowcase","block","title","subtitle","products","variant","bg","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isGrid","scope","hoverCss","primaryResult","generateButtonHoverStyles","outlineResult","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","btnBaseStyle","jsxs","Fragment","jsx","product","index","isReversed","feat","fi"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ProductShowcaseRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/ProductShowcaseRenderer.tsx"],"sourcesContent":["/**\n * ProductShowcase Renderer\n * Renderiza vitrine de produtos com layouts alternado, grid ou empilhado\n */\n\nimport React from \"react\";\nimport {\n generateButtonHoverStyles,\n generateButtonOverlayCSS,\n getButtonHoverKeyframes,\n type ButtonHoverEffect,\n type ButtonHoverOverlay,\n} from \"../../../shared/hoverEffects\";\n\nexport function renderProductShowcase(block: any): React.ReactNode {\n const {\n title,\n subtitle,\n products = [],\n variant = \"alternating\",\n bg,\n buttonHoverEffect = \"none\",\n buttonHoverIntensity = 50,\n buttonHoverOverlay = \"none\",\n buttonHoverIconName = \"arrow-right\",\n } = block.props;\n\n const isGrid = variant === \"grid\";\n\n // Generate hover CSS\n const scope = `[data-block-id=\"${block.id}\"]`;\n let hoverCss = \"\";\n\n if (buttonHoverEffect !== \"none\") {\n const primaryResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"solid\",\n });\n const outlineResult = generateButtonHoverStyles({\n effect: buttonHoverEffect as ButtonHoverEffect,\n intensity: buttonHoverIntensity,\n buttonColor: \"#6366f1\",\n variant: \"outline\",\n });\n if (primaryResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--primary { ${primaryResult.base} }`;\n }\n if (outlineResult.base) {\n hoverCss += `${scope} .sg-showcase__btn--secondary { ${outlineResult.base} }`;\n }\n hoverCss += `${scope} .sg-showcase__btn--primary:hover { ${primaryResult.hover} }`;\n hoverCss += `${scope} .sg-showcase__btn--secondary:hover { ${outlineResult.hover} }`;\n hoverCss += getButtonHoverKeyframes();\n }\n\n if (buttonHoverOverlay && buttonHoverOverlay !== \"none\") {\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--primary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#fff\",\n });\n hoverCss += generateButtonOverlayCSS(`${scope} .sg-showcase__btn--secondary`, {\n overlay: buttonHoverOverlay as ButtonHoverOverlay,\n primaryColor: \"#6366f1\",\n iconName: buttonHoverIconName,\n textColor: \"#6366f1\",\n });\n }\n\n const hasHover = hoverCss.length > 0;\n const btnBaseStyle: React.CSSProperties = {\n position: \"relative\",\n overflow: \"hidden\",\n transition: \"all 0.2s ease\",\n };\n\n return (\n <>\n {hasHover && <style>{hoverCss}</style>}\n <section\n key={block.id}\n data-block-id={block.id}\n style={{\n padding: \"var(--sg-section-padding-md, 4rem 0)\",\n backgroundColor: bg || \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {(title || subtitle) && (\n <div data-block-group=\"Conteúdo\" style={{ textAlign: \"center\", marginBottom: \"3rem\" }}>\n {subtitle && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text, #fff)\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n marginBottom: \"0.75rem\",\n }}\n >\n {subtitle}\n </span>\n )}\n {title && (\n <h2 style={{ fontSize: \"var(--sg-heading-h2)\", marginBottom: \"0.5rem\" }}>\n {title}\n </h2>\n )}\n </div>\n )}\n\n {isGrid ? (\n <div\n data-block-group=\"Layout\"\n style={{\n display: \"grid\",\n gridTemplateColumns: `repeat(${Math.min(products.length, 3)}, 1fr)`,\n gap: \"2rem\",\n }}\n >\n {products.map((product: any, index: number) => (\n <div\n key={index}\n style={{\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n overflow: \"hidden\",\n boxShadow: \"var(--sg-card-shadow)\",\n }}\n >\n {product.image && (\n <div\n style={{\n width: \"100%\",\n height: \"200px\",\n backgroundImage: `url(${product.image})`,\n backgroundSize: \"cover\",\n backgroundPosition: \"center\",\n }}\n />\n )}\n <div style={{ padding: \"1.5rem\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.125rem 0.5rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text, #fff)\",\n borderRadius: \"9999px\",\n fontSize: \"0.7rem\",\n fontWeight: 600,\n marginBottom: \"0.5rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.25rem\", fontWeight: 600, marginBottom: \"0.5rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.875rem\" }}>\n {product.description}\n </p>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n display: \"inline-block\",\n marginTop: \"1rem\",\n padding: \"0.5rem 1rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n fontSize: \"0.875rem\",\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n </div>\n </div>\n ))}\n </div>\n ) : (\n <div data-block-group=\"Layout\" style={{ display: \"flex\", flexDirection: \"column\", gap: \"4rem\" }}>\n {products.map((product: any, index: number) => {\n const isReversed = variant === \"alternating\" && index % 2 === 1;\n return (\n <div\n key={index}\n style={{\n display: \"flex\",\n gap: \"3rem\",\n alignItems: \"center\",\n flexDirection: isReversed ? \"row-reverse\" : \"row\",\n }}\n >\n {/* Image side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.image ? (\n <img\n src={product.image}\n alt={product.name}\n style={{\n width: \"100%\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n objectFit: \"cover\",\n }}\n />\n ) : (\n <div\n style={{\n width: \"100%\",\n height: \"300px\",\n backgroundColor: \"var(--sg-surface)\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: \"4rem\",\n }}\n >\n {product.icon || \"📦\"}\n </div>\n )}\n </div>\n\n {/* Content side */}\n <div style={{ flex: \"1 1 50%\" }}>\n {product.badge && (\n <span\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text, #fff)\",\n borderRadius: \"9999px\",\n fontSize: \"0.75rem\",\n fontWeight: 600,\n marginBottom: \"0.75rem\",\n }}\n >\n {product.badge}\n </span>\n )}\n <h3 style={{ fontSize: \"1.5rem\", fontWeight: 700, marginBottom: \"0.75rem\" }}>\n {product.icon && <span style={{ marginRight: \"0.5rem\" }}>{product.icon}</span>}\n {product.name}\n </h3>\n <p style={{ color: \"var(--sg-muted-text)\", marginBottom: \"1rem\", lineHeight: 1.7 }}>\n {product.longDescription || product.description}\n </p>\n {product.features && product.features.length > 0 && (\n <ul style={{ listStyle: \"none\", padding: 0, margin: \"0 0 1.5rem 0\" }}>\n {product.features.map((feat: string, fi: number) => (\n <li\n key={fi}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.5rem\",\n marginBottom: \"0.5rem\",\n color: \"var(--sg-text)\",\n }}\n >\n <span style={{ color: \"#10b981\", fontWeight: 700 }}>✓</span>\n {feat}\n </li>\n ))}\n </ul>\n )}\n <div style={{ display: \"flex\", gap: \"0.75rem\" }}>\n {product.primaryButton && (\n <a\n href={product.primaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--primary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"var(--sg-primary)\",\n color: \"var(--sg-primary-text)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.primaryButton.text}\n </a>\n )}\n {product.secondaryButton && (\n <a\n href={product.secondaryButton.href || \"#\"}\n className=\"sg-showcase__btn sg-showcase__btn--secondary\"\n style={{\n padding: \"0.625rem 1.25rem\",\n backgroundColor: \"transparent\",\n color: \"var(--sg-primary)\",\n border: \"1px solid var(--sg-primary)\",\n borderRadius: \"var(--sg-button-radius, 0.5rem)\",\n textDecoration: \"none\",\n fontWeight: 500,\n ...btnBaseStyle,\n }}\n >\n {product.secondaryButton.text}\n </a>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </div>\n </section>\n </>\n );\n}\n"],"names":["renderProductShowcase","block","title","subtitle","products","variant","bg","buttonHoverEffect","buttonHoverIntensity","buttonHoverOverlay","buttonHoverIconName","isGrid","scope","hoverCss","primaryResult","generateButtonHoverStyles","outlineResult","getButtonHoverKeyframes","generateButtonOverlayCSS","hasHover","btnBaseStyle","jsxs","Fragment","jsx","product","index","isReversed","feat","fi"],"mappings":"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"}
|
|
@@ -26,6 +26,8 @@ interface UseEditorStateReturn {
|
|
|
26
26
|
isPaletteSelected: boolean;
|
|
27
27
|
isTemplateSelected: boolean;
|
|
28
28
|
canRemovePage: (pageId: string) => boolean;
|
|
29
|
+
selectedPalette: string | null;
|
|
30
|
+
setSelectedPalette: (name: string | null) => void;
|
|
29
31
|
activePlugins: string[];
|
|
30
32
|
activatePlugin: (pluginId: string) => void;
|
|
31
33
|
deactivatePlugin: (pluginId: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,OAAO,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,YAAY,EAEZ,KAAK,EACL,SAAS,EACT,cAAc,EAMf,MAAM,WAAW,CAAC;AAYnB,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED,UAAU,oBAAoB;IAE5B,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC;IAGxB,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CACd,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAG3C,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorState.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,OAAO,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,YAAY,EAEZ,KAAK,EACL,SAAS,EACT,cAAc,EAMf,MAAM,WAAW,CAAC;AAYnB,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED,UAAU,oBAAoB;IAE5B,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC;IAGxB,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CACd,SAAS,EAAE,SAAS,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,MAAM,IAAI,CAAC;IAG5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAG3C,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAGlD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CAyWtB"}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import { useMemo as
|
|
2
|
-
import { cleanDocumentStructure as
|
|
1
|
+
import { useMemo as k, useState as p, useCallback as o } from "react";
|
|
2
|
+
import { cleanDocumentStructure as V, findBlockInStructure as W } from "../utils/blockUtils.js";
|
|
3
3
|
import { logger as f } from "../utils/logger.js";
|
|
4
|
-
import { generateUniqueSlug as
|
|
5
|
-
import { useNavbarAutoSync as
|
|
6
|
-
import { createHistoryManager as
|
|
7
|
-
import { applyPatch as
|
|
8
|
-
import { PatchBuilder as
|
|
9
|
-
import { componentRegistry as
|
|
4
|
+
import { generateUniqueSlug as X, createDefaultPageStructure as Y } from "../utils/pageTemplateFactory.js";
|
|
5
|
+
import { useNavbarAutoSync as Z } from "./useNavbarAutoSync.js";
|
|
6
|
+
import { createHistoryManager as _ } from "../engine/patch/history.js";
|
|
7
|
+
import { applyPatch as I } from "../engine/patch/applyPatch.js";
|
|
8
|
+
import { PatchBuilder as h } from "../engine/patch/PatchBuilder.js";
|
|
9
|
+
import { componentRegistry as ee } from "../engine/registry/registry.js";
|
|
10
10
|
import { pluginRegistry as v } from "../engine/plugins/pluginRegistry.js";
|
|
11
|
-
function
|
|
12
|
-
const { initialData: B } =
|
|
13
|
-
|
|
14
|
-
), [g, m] =
|
|
11
|
+
function de(D = {}) {
|
|
12
|
+
const { initialData: B } = D, A = k(() => B || null, [B]), [t, d] = p(
|
|
13
|
+
A
|
|
14
|
+
), [g, m] = p("home"), [c] = p(() => _(50)), [n, i] = p(null), [C, S] = p(null), s = o(
|
|
15
15
|
(e, r) => {
|
|
16
16
|
if (!t || !e?.length) return;
|
|
17
17
|
c.push(t, e, r || "User edit");
|
|
18
|
-
const
|
|
19
|
-
if (f.debug("[applyChange] Patch result:",
|
|
20
|
-
const a =
|
|
18
|
+
const u = I(t, e);
|
|
19
|
+
if (f.debug("[applyChange] Patch result:", u), u.success && u.document) {
|
|
20
|
+
const a = V(u.document);
|
|
21
21
|
d(a);
|
|
22
22
|
} else
|
|
23
23
|
c.canUndo() && (c.undo(t).success || f.error("[applyChange] Failed to undo after patch error"));
|
|
24
24
|
},
|
|
25
25
|
[t, c]
|
|
26
26
|
);
|
|
27
|
-
|
|
28
|
-
const
|
|
27
|
+
Z(t, s);
|
|
28
|
+
const l = k(() => {
|
|
29
29
|
if (!t?.pages?.length) return null;
|
|
30
30
|
const e = t.pages.find((r) => r?.id === g) ?? t.pages[0];
|
|
31
31
|
return e && !Array.isArray(e.structure) && (e.structure = []), e;
|
|
32
|
-
}, [t, g]),
|
|
32
|
+
}, [t, g]), R = k(() => !n || !l || n === "palette-selector" || n === "template-selector" ? null : W(l.structure, n), [n, l]), U = n === "palette-selector", $ = n === "template-selector", b = o(() => {
|
|
33
33
|
if (!t) return;
|
|
34
34
|
const e = c.undo(t);
|
|
35
35
|
e.success && e.document && d(e.document);
|
|
36
|
-
}, [t, c]),
|
|
36
|
+
}, [t, c]), E = o(() => {
|
|
37
37
|
if (!t) return;
|
|
38
38
|
const e = c.redo(t);
|
|
39
39
|
e.success && e.document && d(e.document);
|
|
40
40
|
}, [t, c]), y = o(
|
|
41
41
|
(e) => {
|
|
42
|
-
const r =
|
|
42
|
+
const r = ee.get(e);
|
|
43
43
|
return r ? {
|
|
44
44
|
id: `${e}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
|
|
45
45
|
type: e,
|
|
@@ -54,36 +54,36 @@ function le(S = {}) {
|
|
|
54
54
|
), null);
|
|
55
55
|
},
|
|
56
56
|
[]
|
|
57
|
-
),
|
|
58
|
-
(e, r,
|
|
59
|
-
if (!(!t || !
|
|
57
|
+
), F = o(
|
|
58
|
+
(e, r, u) => {
|
|
59
|
+
if (!(!t || !l))
|
|
60
60
|
try {
|
|
61
61
|
const a = y(e);
|
|
62
62
|
if (!a) {
|
|
63
63
|
f.error("[handleAddBlock] Failed to create block:", e);
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
|
-
const
|
|
66
|
+
const P = h.addBlock(
|
|
67
67
|
t,
|
|
68
|
-
|
|
68
|
+
l.id,
|
|
69
69
|
a,
|
|
70
70
|
r,
|
|
71
|
-
|
|
71
|
+
u
|
|
72
72
|
);
|
|
73
|
-
s(
|
|
73
|
+
s(P, `Add ${e} block`), i(a.id);
|
|
74
74
|
} catch (a) {
|
|
75
75
|
f.error("[handleAddBlock] Error adding block:", a);
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
-
[
|
|
79
|
-
),
|
|
78
|
+
[l, t, y, s]
|
|
79
|
+
), w = o(
|
|
80
80
|
(e) => {
|
|
81
|
-
if (!(!t || !
|
|
81
|
+
if (!(!t || !l))
|
|
82
82
|
try {
|
|
83
83
|
n === e && i(null);
|
|
84
|
-
const r =
|
|
84
|
+
const r = h.removeBlock(
|
|
85
85
|
t,
|
|
86
|
-
|
|
86
|
+
l.id,
|
|
87
87
|
e
|
|
88
88
|
);
|
|
89
89
|
s(r, "Delete block");
|
|
@@ -91,14 +91,14 @@ function le(S = {}) {
|
|
|
91
91
|
f.error("Error deleting block:", r), n === e && i(null);
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
|
-
[t,
|
|
95
|
-
),
|
|
94
|
+
[t, l, n, s]
|
|
95
|
+
), x = o(
|
|
96
96
|
(e) => {
|
|
97
|
-
if (!(!t || !n || !
|
|
97
|
+
if (!(!t || !n || !l) && !(n === "palette-selector" || n === "template-selector"))
|
|
98
98
|
try {
|
|
99
|
-
const r =
|
|
99
|
+
const r = h.updateBlockProps(
|
|
100
100
|
t,
|
|
101
|
-
|
|
101
|
+
l.id,
|
|
102
102
|
n,
|
|
103
103
|
e
|
|
104
104
|
);
|
|
@@ -107,53 +107,55 @@ function le(S = {}) {
|
|
|
107
107
|
f.error("Error updating block:", r);
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
|
-
[t, n,
|
|
111
|
-
),
|
|
112
|
-
|
|
113
|
-
}, [
|
|
110
|
+
[t, n, l, s]
|
|
111
|
+
), M = o((e) => {
|
|
112
|
+
S(e);
|
|
113
|
+
}, []), q = o(() => {
|
|
114
|
+
d(null), m("home"), c.clear(), i(null), S(null);
|
|
115
|
+
}, [c]), H = o(
|
|
114
116
|
(e) => {
|
|
115
117
|
d(e), m(e.pages?.[0]?.id ?? "home"), c.clear(), i(null), e.pages?.[0]?.structure?.length > 0 && i(e.pages[0].structure[0].id);
|
|
116
118
|
},
|
|
117
119
|
[c]
|
|
118
|
-
),
|
|
120
|
+
), N = o((e) => {
|
|
119
121
|
m(e), i(null);
|
|
120
|
-
}, []),
|
|
121
|
-
(e, r,
|
|
122
|
-
if (!t || t.pages.find((
|
|
123
|
-
const
|
|
122
|
+
}, []), j = o(
|
|
123
|
+
(e, r, u) => {
|
|
124
|
+
if (!t || t.pages.find((T) => T.id === e)) return;
|
|
125
|
+
const P = X(u, t.pages), O = Y(
|
|
124
126
|
e,
|
|
125
127
|
r,
|
|
126
|
-
|
|
127
|
-
[...t.pages, { id: e, name: r, slug:
|
|
128
|
-
),
|
|
129
|
-
s(
|
|
128
|
+
P,
|
|
129
|
+
[...t.pages, { id: e, name: r, slug: P, structure: [] }]
|
|
130
|
+
), Q = h.addPage(t, O);
|
|
131
|
+
s(Q, `Adicionar página ${r}`), m(e), i(null);
|
|
130
132
|
},
|
|
131
133
|
[t, s]
|
|
132
|
-
),
|
|
134
|
+
), z = o(
|
|
133
135
|
(e) => {
|
|
134
136
|
if (!t || e === "home" || t.pages.length <= 1) return;
|
|
135
|
-
const r =
|
|
137
|
+
const r = h.removePage(t, e);
|
|
136
138
|
if (s(r, "Remover página"), g === e) {
|
|
137
|
-
const
|
|
138
|
-
m(
|
|
139
|
+
const u = t.pages.filter((a) => a.id !== e);
|
|
140
|
+
m(u[0]?.id ?? "home");
|
|
139
141
|
}
|
|
140
142
|
i(null);
|
|
141
143
|
},
|
|
142
144
|
[t, g, s]
|
|
143
|
-
),
|
|
145
|
+
), G = o(
|
|
144
146
|
(e) => t ? e !== "home" && t.pages.length > 1 : !1,
|
|
145
147
|
[t]
|
|
146
|
-
),
|
|
148
|
+
), J = k(
|
|
147
149
|
() => t?.plugins?.active ?? [],
|
|
148
150
|
[t]
|
|
149
|
-
),
|
|
151
|
+
), K = o(
|
|
150
152
|
(e) => {
|
|
151
153
|
if (!t) return;
|
|
152
154
|
const r = v.activate(t, e);
|
|
153
155
|
r !== t && d(r);
|
|
154
156
|
},
|
|
155
157
|
[t]
|
|
156
|
-
),
|
|
158
|
+
), L = o(
|
|
157
159
|
(e) => {
|
|
158
160
|
if (!t) return;
|
|
159
161
|
const r = v.deactivate(t, e);
|
|
@@ -165,35 +167,38 @@ function le(S = {}) {
|
|
|
165
167
|
// Estado
|
|
166
168
|
document: t,
|
|
167
169
|
currentPageId: g,
|
|
168
|
-
currentPage:
|
|
170
|
+
currentPage: l,
|
|
169
171
|
selectedBlockId: n,
|
|
170
|
-
selectedBlock:
|
|
172
|
+
selectedBlock: R,
|
|
171
173
|
history: c,
|
|
172
174
|
// Ações
|
|
173
175
|
setDocument: d,
|
|
174
|
-
loadDocument:
|
|
175
|
-
setCurrentPageId:
|
|
176
|
-
addPage:
|
|
177
|
-
removePage:
|
|
176
|
+
loadDocument: H,
|
|
177
|
+
setCurrentPageId: N,
|
|
178
|
+
addPage: j,
|
|
179
|
+
removePage: z,
|
|
178
180
|
setSelectedBlockId: i,
|
|
179
|
-
handleUndo:
|
|
180
|
-
handleRedo:
|
|
181
|
-
handleAddBlock:
|
|
182
|
-
handleDeleteBlock:
|
|
183
|
-
handleUpdateBlock:
|
|
181
|
+
handleUndo: b,
|
|
182
|
+
handleRedo: E,
|
|
183
|
+
handleAddBlock: F,
|
|
184
|
+
handleDeleteBlock: w,
|
|
185
|
+
handleUpdateBlock: x,
|
|
184
186
|
applyChange: s,
|
|
185
|
-
resetToTemplate:
|
|
187
|
+
resetToTemplate: q,
|
|
186
188
|
// Estado derivado
|
|
187
|
-
isPaletteSelected:
|
|
188
|
-
isTemplateSelected:
|
|
189
|
-
canRemovePage:
|
|
189
|
+
isPaletteSelected: U,
|
|
190
|
+
isTemplateSelected: $,
|
|
191
|
+
canRemovePage: G,
|
|
192
|
+
// Paleta
|
|
193
|
+
selectedPalette: C,
|
|
194
|
+
setSelectedPalette: M,
|
|
190
195
|
// Plugins
|
|
191
|
-
activePlugins:
|
|
192
|
-
activatePlugin:
|
|
193
|
-
deactivatePlugin:
|
|
196
|
+
activePlugins: J,
|
|
197
|
+
activatePlugin: K,
|
|
198
|
+
deactivatePlugin: L
|
|
194
199
|
};
|
|
195
200
|
}
|
|
196
201
|
export {
|
|
197
|
-
|
|
202
|
+
de as useEditorState
|
|
198
203
|
};
|
|
199
204
|
//# sourceMappingURL=useEditorState.js.map
|