@orion-studios/payload-studio 0.5.0-beta.74 → 0.5.0-beta.76
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/{chunk-HXGAG6I7.mjs → chunk-ADIIWIYL.mjs} +0 -3
- package/dist/{chunk-C6VEFZVY.mjs → chunk-C2NV4VHU.mjs} +31 -1
- package/dist/{chunk-6H4JTVPY.mjs → chunk-J25NGORF.mjs} +4 -4
- package/dist/index.js +28 -4
- package/dist/index.mjs +5 -5
- package/dist/nextjs/index.mjs +3 -3
- package/dist/studio/index.js +0 -3
- package/dist/studio/index.mjs +1 -1
- package/dist/studio-pages/builder.css +31 -0
- package/dist/studio-pages/client.js +780 -692
- package/dist/studio-pages/client.mjs +772 -684
- package/dist/studio-pages/index.js +83 -1
- package/dist/studio-pages/index.mjs +2 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "../chunk-ROTPP5CU.mjs";
|
|
7
7
|
|
|
8
8
|
// src/studio-pages/builder/BuilderPageEditor.tsx
|
|
9
|
-
import { useCallback, useEffect, useMemo as useMemo2, useRef, useState as
|
|
9
|
+
import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
|
|
10
10
|
|
|
11
11
|
// src/blocks/blocks/sectionStyleFields.ts
|
|
12
12
|
var sectionStyleDefaults = {
|
|
@@ -1177,6 +1177,21 @@ function BlockInspectorRenderer({
|
|
|
1177
1177
|
] });
|
|
1178
1178
|
}
|
|
1179
1179
|
|
|
1180
|
+
// src/studio/imageUploadOptimization.ts
|
|
1181
|
+
import { readFile, unlink } from "fs/promises";
|
|
1182
|
+
var DEFAULT_OPTIONS = {
|
|
1183
|
+
avifQuality: 50,
|
|
1184
|
+
enforceSmallerForLossy: true,
|
|
1185
|
+
jpegQuality: 78,
|
|
1186
|
+
minBytes: 48 * 1024,
|
|
1187
|
+
minQualityFloor: 42,
|
|
1188
|
+
onlyIfSmaller: true,
|
|
1189
|
+
pngCompressionLevel: 9,
|
|
1190
|
+
skipAnimated: true,
|
|
1191
|
+
tiffQuality: 75,
|
|
1192
|
+
webpQuality: 78
|
|
1193
|
+
};
|
|
1194
|
+
|
|
1180
1195
|
// src/studio-pages/index.ts
|
|
1181
1196
|
var withSectionStyleDefaults = (value) => ({
|
|
1182
1197
|
...sectionStyleDefaults,
|
|
@@ -1394,6 +1409,72 @@ var layoutToStudioDocument = (layout, title, metadata) => {
|
|
|
1394
1409
|
};
|
|
1395
1410
|
};
|
|
1396
1411
|
|
|
1412
|
+
// src/studio-pages/builder/icons/FeatureLucideIcon.tsx
|
|
1413
|
+
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
1414
|
+
var iconBaseProps = {
|
|
1415
|
+
fill: "none",
|
|
1416
|
+
stroke: "currentColor",
|
|
1417
|
+
strokeLinecap: "round",
|
|
1418
|
+
strokeLinejoin: "round",
|
|
1419
|
+
strokeWidth: 2
|
|
1420
|
+
};
|
|
1421
|
+
function FeatureLucideIcon({ iconName }) {
|
|
1422
|
+
const resolved = iconName;
|
|
1423
|
+
switch (resolved) {
|
|
1424
|
+
case "ShieldCheck":
|
|
1425
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1426
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 3 5 6v6c0 5 3.4 8.5 7 9.8 3.6-1.3 7-4.8 7-9.8V6z" }),
|
|
1427
|
+
/* @__PURE__ */ jsx4("path", { d: "m9.5 12.5 2 2 3.5-3.5" })
|
|
1428
|
+
] });
|
|
1429
|
+
case "Clock":
|
|
1430
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1431
|
+
/* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1432
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 7v5l3 2" })
|
|
1433
|
+
] });
|
|
1434
|
+
case "Leaf":
|
|
1435
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1436
|
+
/* @__PURE__ */ jsx4("path", { d: "M5 13c0-5.5 4.5-10 10-10h4v4c0 5.5-4.5 10-10 10H5z" }),
|
|
1437
|
+
/* @__PURE__ */ jsx4("path", { d: "M6 18c2.5 0 4.5-2 4.5-4.5V9" })
|
|
1438
|
+
] });
|
|
1439
|
+
case "DollarSign":
|
|
1440
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1441
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 3v18" }),
|
|
1442
|
+
/* @__PURE__ */ jsx4("path", { d: "M16 7.5a3.5 3.5 0 0 0-3.5-2.5h-1A3.5 3.5 0 0 0 8 8.5c0 1.9 1.5 3.5 3.5 3.5h1A3.5 3.5 0 0 1 16 15.5 3.5 3.5 0 0 1 12.5 19h-1A3.5 3.5 0 0 1 8 16.5" })
|
|
1443
|
+
] });
|
|
1444
|
+
case "HardHat":
|
|
1445
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1446
|
+
/* @__PURE__ */ jsx4("path", { d: "M4 14a8 8 0 0 1 16 0" }),
|
|
1447
|
+
/* @__PURE__ */ jsx4("path", { d: "M2 14h20v4H2z" }),
|
|
1448
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 6v8" })
|
|
1449
|
+
] });
|
|
1450
|
+
case "Sparkles":
|
|
1451
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1452
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 1.2 3.3L16.5 7.5l-3.3 1.2L12 12l-1.2-3.3L7.5 7.5l3.3-1.2z" }),
|
|
1453
|
+
/* @__PURE__ */ jsx4("path", { d: "m18.5 13 0.8 2.2 2.2 0.8-2.2 0.8-0.8 2.2-0.8-2.2-2.2-0.8 2.2-0.8z" }),
|
|
1454
|
+
/* @__PURE__ */ jsx4("path", { d: "m6 14 0.9 2.4 2.4 0.9-2.4 0.9L6 21l-0.9-2.4L2.7 17.7l2.4-0.9z" })
|
|
1455
|
+
] });
|
|
1456
|
+
case "TreePine":
|
|
1457
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1458
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 5 6h-3l4 5h-4l3 4H7l3-4H6l4-5H7z" }),
|
|
1459
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 18v3" })
|
|
1460
|
+
] });
|
|
1461
|
+
case "BadgeCheck":
|
|
1462
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1463
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 2.1 1.6 2.6-.2 1.3 2.3 2.4 1-0.6 2.6 1.2 2.2-1.8 1.9.1 2.6-2.4.9-1.2 2.3-2.6-.3L12 21l-2.1-1.6-2.6.2-1.3-2.3-2.4-1 .6-2.6L3 11.5 4.8 9.6l-.1-2.6 2.4-.9 1.2-2.3 2.6.3z" }),
|
|
1464
|
+
/* @__PURE__ */ jsx4("path", { d: "m8.7 12.4 2 2 4.6-4.6" })
|
|
1465
|
+
] });
|
|
1466
|
+
case "CalendarClock":
|
|
1467
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1468
|
+
/* @__PURE__ */ jsx4("rect", { x: "3", y: "5", width: "14", height: "12", rx: "2" }),
|
|
1469
|
+
/* @__PURE__ */ jsx4("path", { d: "M7 3v4M13 3v4M3 9h14" }),
|
|
1470
|
+
/* @__PURE__ */ jsx4("circle", { cx: "18", cy: "17", r: "3" }),
|
|
1471
|
+
/* @__PURE__ */ jsx4("path", { d: "M18 15.8v1.4l1 0.7" })
|
|
1472
|
+
] });
|
|
1473
|
+
default:
|
|
1474
|
+
return /* @__PURE__ */ jsx4("span", { className: "orion-builder-lucide-icon-fallback", children: iconName || "Icon" });
|
|
1475
|
+
}
|
|
1476
|
+
}
|
|
1477
|
+
|
|
1397
1478
|
// src/studio-pages/builder/presets.ts
|
|
1398
1479
|
var sectionPresets = [
|
|
1399
1480
|
{
|
|
@@ -1590,7 +1671,7 @@ function clonePresetBlocks(blocks) {
|
|
|
1590
1671
|
}
|
|
1591
1672
|
|
|
1592
1673
|
// src/studio-pages/builder/settings-v2/ArrayItemsEditor.tsx
|
|
1593
|
-
import { Fragment as Fragment2, jsx as
|
|
1674
|
+
import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1594
1675
|
var lucideIconOptions = [
|
|
1595
1676
|
"ShieldCheck",
|
|
1596
1677
|
"Clock",
|
|
@@ -1726,24 +1807,24 @@ function ArrayItemsEditor({
|
|
|
1726
1807
|
if (normalizedQuery && !hasQueryMatch(normalizedQuery, label, uploadLabel, "image", "media", selectedMedia ? mediaLabel(selectedMedia) : "")) {
|
|
1727
1808
|
return null;
|
|
1728
1809
|
}
|
|
1729
|
-
return /* @__PURE__ */
|
|
1730
|
-
/* @__PURE__ */
|
|
1731
|
-
/* @__PURE__ */
|
|
1810
|
+
return /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1811
|
+
/* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: selectedMedia ? `${label}: ${mediaLabel(selectedMedia)}` : `No ${label.toLowerCase()} selected.` }),
|
|
1812
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1732
1813
|
label,
|
|
1733
|
-
/* @__PURE__ */
|
|
1814
|
+
/* @__PURE__ */ jsxs5(
|
|
1734
1815
|
"select",
|
|
1735
1816
|
{
|
|
1736
1817
|
className: "orion-builder-settings-input",
|
|
1737
1818
|
onChange: (event) => onSetItemMediaFromLibrary(itemIndex, field, event.target.value),
|
|
1738
1819
|
value: selectedMediaID !== null ? String(selectedMediaID) : "",
|
|
1739
1820
|
children: [
|
|
1740
|
-
/* @__PURE__ */
|
|
1741
|
-
mediaLibrary.map((libraryItem) => /* @__PURE__ */
|
|
1821
|
+
/* @__PURE__ */ jsx5("option", { value: "", children: "No image" }),
|
|
1822
|
+
mediaLibrary.map((libraryItem) => /* @__PURE__ */ jsx5("option", { value: String(libraryItem.id), children: mediaLabel(libraryItem) }, String(libraryItem.id)))
|
|
1742
1823
|
]
|
|
1743
1824
|
}
|
|
1744
1825
|
)
|
|
1745
1826
|
] }),
|
|
1746
|
-
/* @__PURE__ */
|
|
1827
|
+
/* @__PURE__ */ jsx5(
|
|
1747
1828
|
"button",
|
|
1748
1829
|
{
|
|
1749
1830
|
className: "orion-builder-settings-inline-btn",
|
|
@@ -1753,9 +1834,9 @@ function ArrayItemsEditor({
|
|
|
1753
1834
|
children: "Remove"
|
|
1754
1835
|
}
|
|
1755
1836
|
),
|
|
1756
|
-
/* @__PURE__ */
|
|
1837
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1757
1838
|
uploadLabel,
|
|
1758
|
-
/* @__PURE__ */
|
|
1839
|
+
/* @__PURE__ */ jsx5(
|
|
1759
1840
|
"input",
|
|
1760
1841
|
{
|
|
1761
1842
|
accept: "image/*",
|
|
@@ -1772,33 +1853,33 @@ function ArrayItemsEditor({
|
|
|
1772
1853
|
}
|
|
1773
1854
|
)
|
|
1774
1855
|
] }),
|
|
1775
|
-
isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */
|
|
1856
|
+
isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: "Uploading image..." }) : null
|
|
1776
1857
|
] });
|
|
1777
1858
|
};
|
|
1778
|
-
return /* @__PURE__ */
|
|
1859
|
+
return /* @__PURE__ */ jsx5(
|
|
1779
1860
|
Accordion,
|
|
1780
1861
|
{
|
|
1781
1862
|
defaultOpen: true,
|
|
1782
1863
|
subtitle: `${items.length} item${items.length === 1 ? "" : "s"}`,
|
|
1783
1864
|
title: "Items",
|
|
1784
|
-
children: /* @__PURE__ */
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
1787
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
1865
|
+
children: /* @__PURE__ */ jsxs5("div", { className: "orion-builder-settings-field-list", children: [
|
|
1866
|
+
/* @__PURE__ */ jsx5("button", { className: "orion-builder-settings-add-btn", onClick: onAddItem, type: "button", children: config.addLabel }),
|
|
1867
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
|
|
1868
|
+
mediaLibraryError ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-error", children: mediaLibraryError }) : null,
|
|
1788
1869
|
items.map((item, itemIndex) => {
|
|
1789
1870
|
const label = config.itemLabel(item, itemIndex);
|
|
1790
1871
|
const isOpen = expandedItemIndex === itemIndex || Boolean(normalizedQuery);
|
|
1791
|
-
return /* @__PURE__ */
|
|
1792
|
-
/* @__PURE__ */
|
|
1793
|
-
/* @__PURE__ */
|
|
1794
|
-
/* @__PURE__ */
|
|
1872
|
+
return /* @__PURE__ */ jsxs5("article", { className: "orion-builder-settings-item-card", children: [
|
|
1873
|
+
/* @__PURE__ */ jsxs5("button", { className: "orion-builder-settings-item-toggle", onClick: () => onToggleItem(itemIndex), type: "button", children: [
|
|
1874
|
+
/* @__PURE__ */ jsx5("span", { className: "orion-builder-settings-item-title", children: label }),
|
|
1875
|
+
/* @__PURE__ */ jsx5("span", { className: "orion-builder-settings-item-toggle-state", children: isOpen ? "Hide" : "Show" })
|
|
1795
1876
|
] }),
|
|
1796
|
-
isOpen ? /* @__PURE__ */
|
|
1797
|
-
blockType === "featureGrid" ? /* @__PURE__ */
|
|
1798
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1799
|
-
hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */
|
|
1877
|
+
isOpen ? /* @__PURE__ */ jsxs5("div", { className: "orion-builder-settings-item-body", children: [
|
|
1878
|
+
blockType === "featureGrid" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1879
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1880
|
+
hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1800
1881
|
"Title",
|
|
1801
|
-
/* @__PURE__ */
|
|
1882
|
+
/* @__PURE__ */ jsx5(
|
|
1802
1883
|
"input",
|
|
1803
1884
|
{
|
|
1804
1885
|
className: "orion-builder-settings-input",
|
|
@@ -1808,9 +1889,9 @@ function ArrayItemsEditor({
|
|
|
1808
1889
|
}
|
|
1809
1890
|
)
|
|
1810
1891
|
] }) : null,
|
|
1811
|
-
hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */
|
|
1892
|
+
hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1812
1893
|
"Description",
|
|
1813
|
-
/* @__PURE__ */
|
|
1894
|
+
/* @__PURE__ */ jsx5(
|
|
1814
1895
|
"textarea",
|
|
1815
1896
|
{
|
|
1816
1897
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1820,38 +1901,38 @@ function ArrayItemsEditor({
|
|
|
1820
1901
|
)
|
|
1821
1902
|
] }) : null
|
|
1822
1903
|
] }) : null,
|
|
1823
|
-
hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */
|
|
1904
|
+
hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1824
1905
|
"Icon Type",
|
|
1825
|
-
/* @__PURE__ */
|
|
1906
|
+
/* @__PURE__ */ jsxs5(
|
|
1826
1907
|
"select",
|
|
1827
1908
|
{
|
|
1828
1909
|
className: "orion-builder-settings-input",
|
|
1829
1910
|
onChange: (event) => onUpdateItemField(itemIndex, "iconType", event.target.value),
|
|
1830
1911
|
value: normalizeText(item.iconType, "badge"),
|
|
1831
1912
|
children: [
|
|
1832
|
-
/* @__PURE__ */
|
|
1833
|
-
/* @__PURE__ */
|
|
1913
|
+
/* @__PURE__ */ jsx5("option", { value: "badge", children: "Badge Text" }),
|
|
1914
|
+
/* @__PURE__ */ jsx5("option", { value: "lucide", children: "Lucide Icon" })
|
|
1834
1915
|
]
|
|
1835
1916
|
}
|
|
1836
1917
|
)
|
|
1837
1918
|
] }) : null,
|
|
1838
|
-
normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */
|
|
1919
|
+
normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1839
1920
|
"Icon",
|
|
1840
|
-
/* @__PURE__ */
|
|
1921
|
+
/* @__PURE__ */ jsxs5(
|
|
1841
1922
|
"select",
|
|
1842
1923
|
{
|
|
1843
1924
|
className: "orion-builder-settings-input",
|
|
1844
1925
|
onChange: (event) => onUpdateItemField(itemIndex, "iconLucide", event.target.value),
|
|
1845
1926
|
value: normalizeText(item.iconLucide),
|
|
1846
1927
|
children: [
|
|
1847
|
-
/* @__PURE__ */
|
|
1848
|
-
lucideIconOptions.map((icon) => /* @__PURE__ */
|
|
1928
|
+
/* @__PURE__ */ jsx5("option", { value: "", children: "Select an icon" }),
|
|
1929
|
+
lucideIconOptions.map((icon) => /* @__PURE__ */ jsx5("option", { value: icon, children: icon }, icon))
|
|
1849
1930
|
]
|
|
1850
1931
|
}
|
|
1851
1932
|
)
|
|
1852
|
-
] }) : /* @__PURE__ */
|
|
1933
|
+
] }) : /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1853
1934
|
"Badge Text",
|
|
1854
|
-
/* @__PURE__ */
|
|
1935
|
+
/* @__PURE__ */ jsx5(
|
|
1855
1936
|
"input",
|
|
1856
1937
|
{
|
|
1857
1938
|
className: "orion-builder-settings-input",
|
|
@@ -1863,10 +1944,10 @@ function ArrayItemsEditor({
|
|
|
1863
1944
|
] }),
|
|
1864
1945
|
renderMediaPicker(item, itemIndex, "media", "Feature Image", "Upload Feature Image")
|
|
1865
1946
|
] }) : null,
|
|
1866
|
-
blockType === "logoWall" ? /* @__PURE__ */
|
|
1867
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1947
|
+
blockType === "logoWall" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1948
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1868
1949
|
"Name",
|
|
1869
|
-
/* @__PURE__ */
|
|
1950
|
+
/* @__PURE__ */ jsx5(
|
|
1870
1951
|
"input",
|
|
1871
1952
|
{
|
|
1872
1953
|
className: "orion-builder-settings-input",
|
|
@@ -1876,9 +1957,9 @@ function ArrayItemsEditor({
|
|
|
1876
1957
|
}
|
|
1877
1958
|
)
|
|
1878
1959
|
] }) : null,
|
|
1879
|
-
hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */
|
|
1960
|
+
hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1880
1961
|
"Link URL",
|
|
1881
|
-
/* @__PURE__ */
|
|
1962
|
+
/* @__PURE__ */ jsx5(
|
|
1882
1963
|
"input",
|
|
1883
1964
|
{
|
|
1884
1965
|
className: "orion-builder-settings-input",
|
|
@@ -1890,11 +1971,11 @@ function ArrayItemsEditor({
|
|
|
1890
1971
|
] }) : null,
|
|
1891
1972
|
renderMediaPicker(item, itemIndex, "media", "Logo Image", "Upload Logo Image")
|
|
1892
1973
|
] }) : null,
|
|
1893
|
-
blockType === "beforeAfter" ? /* @__PURE__ */
|
|
1894
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1895
|
-
/* @__PURE__ */
|
|
1974
|
+
blockType === "beforeAfter" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1975
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1976
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1896
1977
|
"Label",
|
|
1897
|
-
/* @__PURE__ */
|
|
1978
|
+
/* @__PURE__ */ jsx5(
|
|
1898
1979
|
"input",
|
|
1899
1980
|
{
|
|
1900
1981
|
className: "orion-builder-settings-input",
|
|
@@ -1904,9 +1985,9 @@ function ArrayItemsEditor({
|
|
|
1904
1985
|
}
|
|
1905
1986
|
)
|
|
1906
1987
|
] }),
|
|
1907
|
-
/* @__PURE__ */
|
|
1988
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1908
1989
|
"Description",
|
|
1909
|
-
/* @__PURE__ */
|
|
1990
|
+
/* @__PURE__ */ jsx5(
|
|
1910
1991
|
"textarea",
|
|
1911
1992
|
{
|
|
1912
1993
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1919,10 +2000,10 @@ function ArrayItemsEditor({
|
|
|
1919
2000
|
renderMediaPicker(item, itemIndex, "beforeMedia", "Before Image", "Upload Before Image"),
|
|
1920
2001
|
renderMediaPicker(item, itemIndex, "afterMedia", "After Image", "Upload After Image")
|
|
1921
2002
|
] }) : null,
|
|
1922
|
-
blockType === "stats" ? /* @__PURE__ */
|
|
1923
|
-
/* @__PURE__ */
|
|
2003
|
+
blockType === "stats" ? /* @__PURE__ */ jsx5(Fragment2, { children: showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2004
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1924
2005
|
"Value",
|
|
1925
|
-
/* @__PURE__ */
|
|
2006
|
+
/* @__PURE__ */ jsx5(
|
|
1926
2007
|
"input",
|
|
1927
2008
|
{
|
|
1928
2009
|
className: "orion-builder-settings-input",
|
|
@@ -1932,9 +2013,9 @@ function ArrayItemsEditor({
|
|
|
1932
2013
|
}
|
|
1933
2014
|
)
|
|
1934
2015
|
] }),
|
|
1935
|
-
/* @__PURE__ */
|
|
2016
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1936
2017
|
"Label",
|
|
1937
|
-
/* @__PURE__ */
|
|
2018
|
+
/* @__PURE__ */ jsx5(
|
|
1938
2019
|
"input",
|
|
1939
2020
|
{
|
|
1940
2021
|
className: "orion-builder-settings-input",
|
|
@@ -1944,9 +2025,9 @@ function ArrayItemsEditor({
|
|
|
1944
2025
|
}
|
|
1945
2026
|
)
|
|
1946
2027
|
] }),
|
|
1947
|
-
/* @__PURE__ */
|
|
2028
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1948
2029
|
"Description",
|
|
1949
|
-
/* @__PURE__ */
|
|
2030
|
+
/* @__PURE__ */ jsx5(
|
|
1950
2031
|
"textarea",
|
|
1951
2032
|
{
|
|
1952
2033
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1956,10 +2037,10 @@ function ArrayItemsEditor({
|
|
|
1956
2037
|
)
|
|
1957
2038
|
] })
|
|
1958
2039
|
] }) : null }) : null,
|
|
1959
|
-
blockType === "faq" ? /* @__PURE__ */
|
|
1960
|
-
/* @__PURE__ */
|
|
2040
|
+
blockType === "faq" ? /* @__PURE__ */ jsx5(Fragment2, { children: showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2041
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1961
2042
|
"Question",
|
|
1962
|
-
/* @__PURE__ */
|
|
2043
|
+
/* @__PURE__ */ jsx5(
|
|
1963
2044
|
"input",
|
|
1964
2045
|
{
|
|
1965
2046
|
className: "orion-builder-settings-input",
|
|
@@ -1969,9 +2050,9 @@ function ArrayItemsEditor({
|
|
|
1969
2050
|
}
|
|
1970
2051
|
)
|
|
1971
2052
|
] }),
|
|
1972
|
-
/* @__PURE__ */
|
|
2053
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1973
2054
|
"Answer",
|
|
1974
|
-
/* @__PURE__ */
|
|
2055
|
+
/* @__PURE__ */ jsx5(
|
|
1975
2056
|
"textarea",
|
|
1976
2057
|
{
|
|
1977
2058
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1981,11 +2062,11 @@ function ArrayItemsEditor({
|
|
|
1981
2062
|
)
|
|
1982
2063
|
] })
|
|
1983
2064
|
] }) : null }) : null,
|
|
1984
|
-
blockType === "testimonials" ? /* @__PURE__ */
|
|
1985
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1986
|
-
/* @__PURE__ */
|
|
2065
|
+
blockType === "testimonials" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2066
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2067
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1987
2068
|
"Quote",
|
|
1988
|
-
/* @__PURE__ */
|
|
2069
|
+
/* @__PURE__ */ jsx5(
|
|
1989
2070
|
"textarea",
|
|
1990
2071
|
{
|
|
1991
2072
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1994,9 +2075,9 @@ function ArrayItemsEditor({
|
|
|
1994
2075
|
}
|
|
1995
2076
|
)
|
|
1996
2077
|
] }),
|
|
1997
|
-
/* @__PURE__ */
|
|
2078
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1998
2079
|
"Name",
|
|
1999
|
-
/* @__PURE__ */
|
|
2080
|
+
/* @__PURE__ */ jsx5(
|
|
2000
2081
|
"input",
|
|
2001
2082
|
{
|
|
2002
2083
|
className: "orion-builder-settings-input",
|
|
@@ -2006,9 +2087,9 @@ function ArrayItemsEditor({
|
|
|
2006
2087
|
}
|
|
2007
2088
|
)
|
|
2008
2089
|
] }),
|
|
2009
|
-
/* @__PURE__ */
|
|
2090
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2010
2091
|
"Location",
|
|
2011
|
-
/* @__PURE__ */
|
|
2092
|
+
/* @__PURE__ */ jsx5(
|
|
2012
2093
|
"input",
|
|
2013
2094
|
{
|
|
2014
2095
|
className: "orion-builder-settings-input",
|
|
@@ -2019,9 +2100,9 @@ function ArrayItemsEditor({
|
|
|
2019
2100
|
)
|
|
2020
2101
|
] })
|
|
2021
2102
|
] }) : null,
|
|
2022
|
-
/* @__PURE__ */
|
|
2103
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2023
2104
|
"Rating",
|
|
2024
|
-
/* @__PURE__ */
|
|
2105
|
+
/* @__PURE__ */ jsx5(
|
|
2025
2106
|
"input",
|
|
2026
2107
|
{
|
|
2027
2108
|
className: "orion-builder-settings-input",
|
|
@@ -2034,7 +2115,7 @@ function ArrayItemsEditor({
|
|
|
2034
2115
|
)
|
|
2035
2116
|
] })
|
|
2036
2117
|
] }) : null,
|
|
2037
|
-
blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */
|
|
2118
|
+
blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */ jsx5(
|
|
2038
2119
|
ImageControls,
|
|
2039
2120
|
{
|
|
2040
2121
|
cornerStyle: normalizeImageCornerStyle(item.imageCornerStyle),
|
|
@@ -2070,35 +2151,133 @@ function ArrayItemsEditor({
|
|
|
2070
2151
|
positionY: clamp(normalizeNumber2(item.imagePositionY, 50), 0, 100)
|
|
2071
2152
|
}
|
|
2072
2153
|
) : null,
|
|
2073
|
-
mode === "advanced" ? /* @__PURE__ */
|
|
2154
|
+
mode === "advanced" ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2074
2155
|
"Item Text Alignment",
|
|
2075
|
-
/* @__PURE__ */
|
|
2156
|
+
/* @__PURE__ */ jsxs5(
|
|
2076
2157
|
"select",
|
|
2077
2158
|
{
|
|
2078
2159
|
className: "orion-builder-settings-input",
|
|
2079
2160
|
onChange: (event) => onUpdateItemSetting(itemIndex, "typography.bodyAlign", event.target.value),
|
|
2080
2161
|
value: getItemTypographyAlign(item),
|
|
2081
2162
|
children: [
|
|
2082
|
-
/* @__PURE__ */
|
|
2083
|
-
/* @__PURE__ */
|
|
2084
|
-
/* @__PURE__ */
|
|
2085
|
-
/* @__PURE__ */
|
|
2163
|
+
/* @__PURE__ */ jsx5("option", { value: "left", children: "Left" }),
|
|
2164
|
+
/* @__PURE__ */ jsx5("option", { value: "center", children: "Center" }),
|
|
2165
|
+
/* @__PURE__ */ jsx5("option", { value: "right", children: "Right" }),
|
|
2166
|
+
/* @__PURE__ */ jsx5("option", { value: "justify", children: "Justify" })
|
|
2086
2167
|
]
|
|
2087
2168
|
}
|
|
2088
2169
|
)
|
|
2089
2170
|
] }) : null,
|
|
2090
|
-
/* @__PURE__ */
|
|
2171
|
+
/* @__PURE__ */ jsx5("button", { className: "orion-builder-settings-inline-btn is-danger", onClick: () => onRemoveItem(itemIndex), type: "button", children: "Remove Item" })
|
|
2091
2172
|
] }) : null
|
|
2092
2173
|
] }, `${blockType}-item-${itemIndex}`);
|
|
2093
2174
|
}),
|
|
2094
|
-
items.length === 0 ? /* @__PURE__ */
|
|
2175
|
+
items.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-empty", children: "No items yet. Add one to start configuring this block." }) : null
|
|
2095
2176
|
] })
|
|
2096
2177
|
}
|
|
2097
2178
|
);
|
|
2098
2179
|
}
|
|
2099
2180
|
|
|
2181
|
+
// src/studio-pages/builder/ui/InlineText.tsx
|
|
2182
|
+
import { useEffect, useRef, useState as useState2 } from "react";
|
|
2183
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
2184
|
+
function InlineText({
|
|
2185
|
+
as = "p",
|
|
2186
|
+
className,
|
|
2187
|
+
multiline = false,
|
|
2188
|
+
onCommit,
|
|
2189
|
+
placeholder = "Click to edit",
|
|
2190
|
+
style,
|
|
2191
|
+
value
|
|
2192
|
+
}) {
|
|
2193
|
+
const [editing, setEditing] = useState2(false);
|
|
2194
|
+
const editableRef = useRef(null);
|
|
2195
|
+
const Tag = as;
|
|
2196
|
+
const normalizeValue = (raw) => {
|
|
2197
|
+
if (multiline) {
|
|
2198
|
+
return raw.replace(/\r\n/g, "\n").trim();
|
|
2199
|
+
}
|
|
2200
|
+
return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
|
|
2201
|
+
};
|
|
2202
|
+
useEffect(() => {
|
|
2203
|
+
if (!editing || !editableRef.current) {
|
|
2204
|
+
return;
|
|
2205
|
+
}
|
|
2206
|
+
const element = editableRef.current;
|
|
2207
|
+
const initialValue = value || "";
|
|
2208
|
+
if (multiline) {
|
|
2209
|
+
element.innerText = initialValue;
|
|
2210
|
+
} else {
|
|
2211
|
+
element.textContent = initialValue;
|
|
2212
|
+
}
|
|
2213
|
+
element.focus();
|
|
2214
|
+
const selection = window.getSelection();
|
|
2215
|
+
if (!selection) {
|
|
2216
|
+
return;
|
|
2217
|
+
}
|
|
2218
|
+
const range = document.createRange();
|
|
2219
|
+
range.selectNodeContents(element);
|
|
2220
|
+
range.collapse(false);
|
|
2221
|
+
selection.removeAllRanges();
|
|
2222
|
+
selection.addRange(range);
|
|
2223
|
+
}, [editing, multiline, value]);
|
|
2224
|
+
if (editing) {
|
|
2225
|
+
return /* @__PURE__ */ jsx6(
|
|
2226
|
+
Tag,
|
|
2227
|
+
{
|
|
2228
|
+
className,
|
|
2229
|
+
contentEditable: true,
|
|
2230
|
+
ref: (node) => {
|
|
2231
|
+
editableRef.current = node;
|
|
2232
|
+
},
|
|
2233
|
+
onBlur: (event) => {
|
|
2234
|
+
setEditing(false);
|
|
2235
|
+
const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
|
|
2236
|
+
const nextValue = normalizeValue(raw);
|
|
2237
|
+
onCommit(nextValue);
|
|
2238
|
+
},
|
|
2239
|
+
onKeyDown: (event) => {
|
|
2240
|
+
if (!multiline && event.key === "Enter") {
|
|
2241
|
+
event.preventDefault();
|
|
2242
|
+
event.currentTarget.blur();
|
|
2243
|
+
}
|
|
2244
|
+
},
|
|
2245
|
+
style: {
|
|
2246
|
+
background: "transparent",
|
|
2247
|
+
borderRadius: 6,
|
|
2248
|
+
boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
|
|
2249
|
+
cursor: "text",
|
|
2250
|
+
minHeight: multiline ? "1.6em" : void 0,
|
|
2251
|
+
outline: "3px solid rgba(21, 125, 82, 0.95)",
|
|
2252
|
+
outlineOffset: 2,
|
|
2253
|
+
...style
|
|
2254
|
+
},
|
|
2255
|
+
suppressContentEditableWarning: true
|
|
2256
|
+
}
|
|
2257
|
+
);
|
|
2258
|
+
}
|
|
2259
|
+
return /* @__PURE__ */ jsx6(
|
|
2260
|
+
Tag,
|
|
2261
|
+
{
|
|
2262
|
+
className,
|
|
2263
|
+
onClick: () => setEditing(true),
|
|
2264
|
+
style: { cursor: "text", ...style },
|
|
2265
|
+
children: value && value.length > 0 ? value : placeholder
|
|
2266
|
+
}
|
|
2267
|
+
);
|
|
2268
|
+
}
|
|
2269
|
+
|
|
2270
|
+
// src/studio-pages/builder/ui/UploadOverlay.tsx
|
|
2271
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
2272
|
+
function UploadOverlay({ label = "Uploading image..." }) {
|
|
2273
|
+
return /* @__PURE__ */ jsxs6("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
|
|
2274
|
+
/* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
|
|
2275
|
+
/* @__PURE__ */ jsx7("span", { children: label })
|
|
2276
|
+
] });
|
|
2277
|
+
}
|
|
2278
|
+
|
|
2100
2279
|
// src/studio-pages/builder/BuilderPageEditor.tsx
|
|
2101
|
-
import { Fragment as Fragment3, jsx as
|
|
2280
|
+
import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
2102
2281
|
var isRecord5 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
|
|
2103
2282
|
var resolveMedia = (value) => {
|
|
2104
2283
|
if (!value) return null;
|
|
@@ -2706,91 +2885,6 @@ var notifyMediaLibraryUpdated = () => {
|
|
|
2706
2885
|
} catch {
|
|
2707
2886
|
}
|
|
2708
2887
|
};
|
|
2709
|
-
function InlineText({
|
|
2710
|
-
as = "p",
|
|
2711
|
-
className,
|
|
2712
|
-
multiline = false,
|
|
2713
|
-
onCommit,
|
|
2714
|
-
placeholder = "Click to edit",
|
|
2715
|
-
style,
|
|
2716
|
-
value
|
|
2717
|
-
}) {
|
|
2718
|
-
const [editing, setEditing] = useState2(false);
|
|
2719
|
-
const editableRef = useRef(null);
|
|
2720
|
-
const Tag = as;
|
|
2721
|
-
const normalizeValue = (raw) => {
|
|
2722
|
-
if (multiline) {
|
|
2723
|
-
return raw.replace(/\r\n/g, "\n").trim();
|
|
2724
|
-
}
|
|
2725
|
-
return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
|
|
2726
|
-
};
|
|
2727
|
-
useEffect(() => {
|
|
2728
|
-
if (!editing || !editableRef.current) {
|
|
2729
|
-
return;
|
|
2730
|
-
}
|
|
2731
|
-
const element = editableRef.current;
|
|
2732
|
-
const initialValue = value || "";
|
|
2733
|
-
if (multiline) {
|
|
2734
|
-
element.innerText = initialValue;
|
|
2735
|
-
} else {
|
|
2736
|
-
element.textContent = initialValue;
|
|
2737
|
-
}
|
|
2738
|
-
element.focus();
|
|
2739
|
-
const selection = window.getSelection();
|
|
2740
|
-
if (!selection) {
|
|
2741
|
-
return;
|
|
2742
|
-
}
|
|
2743
|
-
const range = document.createRange();
|
|
2744
|
-
range.selectNodeContents(element);
|
|
2745
|
-
range.collapse(false);
|
|
2746
|
-
selection.removeAllRanges();
|
|
2747
|
-
selection.addRange(range);
|
|
2748
|
-
}, [editing, multiline, value]);
|
|
2749
|
-
if (editing) {
|
|
2750
|
-
return /* @__PURE__ */ jsx5(
|
|
2751
|
-
Tag,
|
|
2752
|
-
{
|
|
2753
|
-
className,
|
|
2754
|
-
contentEditable: true,
|
|
2755
|
-
ref: (node) => {
|
|
2756
|
-
editableRef.current = node;
|
|
2757
|
-
},
|
|
2758
|
-
onBlur: (event) => {
|
|
2759
|
-
setEditing(false);
|
|
2760
|
-
const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
|
|
2761
|
-
const nextValue = normalizeValue(raw);
|
|
2762
|
-
onCommit(nextValue);
|
|
2763
|
-
},
|
|
2764
|
-
onKeyDown: (event) => {
|
|
2765
|
-
if (!multiline && event.key === "Enter") {
|
|
2766
|
-
event.preventDefault();
|
|
2767
|
-
event.currentTarget.blur();
|
|
2768
|
-
}
|
|
2769
|
-
},
|
|
2770
|
-
style: {
|
|
2771
|
-
background: "transparent",
|
|
2772
|
-
borderRadius: 6,
|
|
2773
|
-
boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
|
|
2774
|
-
cursor: "text",
|
|
2775
|
-
minHeight: multiline ? "1.6em" : void 0,
|
|
2776
|
-
outline: "3px solid rgba(21, 125, 82, 0.95)",
|
|
2777
|
-
outlineOffset: 2,
|
|
2778
|
-
...style
|
|
2779
|
-
},
|
|
2780
|
-
suppressContentEditableWarning: true
|
|
2781
|
-
}
|
|
2782
|
-
);
|
|
2783
|
-
}
|
|
2784
|
-
return /* @__PURE__ */ jsx5(
|
|
2785
|
-
Tag,
|
|
2786
|
-
{
|
|
2787
|
-
className,
|
|
2788
|
-
onClick: () => setEditing(true),
|
|
2789
|
-
style: { cursor: "text", ...style },
|
|
2790
|
-
children: value && value.length > 0 ? value : placeholder
|
|
2791
|
-
}
|
|
2792
|
-
);
|
|
2793
|
-
}
|
|
2794
2888
|
function BlockFrame({
|
|
2795
2889
|
children,
|
|
2796
2890
|
dragIndex,
|
|
@@ -2801,20 +2895,20 @@ function BlockFrame({
|
|
|
2801
2895
|
selected,
|
|
2802
2896
|
setDragIndex
|
|
2803
2897
|
}) {
|
|
2804
|
-
const [dropPosition, setDropPosition] =
|
|
2805
|
-
const [dropHovered, setDropHovered] =
|
|
2898
|
+
const [dropPosition, setDropPosition] = useState3(null);
|
|
2899
|
+
const [dropHovered, setDropHovered] = useState3(false);
|
|
2806
2900
|
const isDragging = dragIndex === index;
|
|
2807
2901
|
const isAnyDragging = dragIndex !== null;
|
|
2808
2902
|
const isDropTarget = dragIndex !== null && dragIndex !== index && dropPosition !== null;
|
|
2809
2903
|
const showDropBefore = isDropTarget && dropPosition === "before";
|
|
2810
2904
|
const showDropAfter = isDropTarget && dropPosition === "after";
|
|
2811
|
-
|
|
2905
|
+
useEffect2(() => {
|
|
2812
2906
|
if (dragIndex === null) {
|
|
2813
2907
|
setDropPosition(null);
|
|
2814
2908
|
setDropHovered(false);
|
|
2815
2909
|
}
|
|
2816
2910
|
}, [dragIndex]);
|
|
2817
|
-
return /* @__PURE__ */
|
|
2911
|
+
return /* @__PURE__ */ jsxs7(
|
|
2818
2912
|
"div",
|
|
2819
2913
|
{
|
|
2820
2914
|
draggable: true,
|
|
@@ -2881,7 +2975,7 @@ function BlockFrame({
|
|
|
2881
2975
|
willChange: isAnyDragging ? "transform, box-shadow, opacity" : "auto"
|
|
2882
2976
|
},
|
|
2883
2977
|
children: [
|
|
2884
|
-
showDropBefore ? /* @__PURE__ */
|
|
2978
|
+
showDropBefore ? /* @__PURE__ */ jsx8(
|
|
2885
2979
|
"div",
|
|
2886
2980
|
{
|
|
2887
2981
|
style: {
|
|
@@ -2897,7 +2991,7 @@ function BlockFrame({
|
|
|
2897
2991
|
}
|
|
2898
2992
|
}
|
|
2899
2993
|
) : null,
|
|
2900
|
-
showDropAfter ? /* @__PURE__ */
|
|
2994
|
+
showDropAfter ? /* @__PURE__ */ jsx8(
|
|
2901
2995
|
"div",
|
|
2902
2996
|
{
|
|
2903
2997
|
style: {
|
|
@@ -2913,7 +3007,7 @@ function BlockFrame({
|
|
|
2913
3007
|
}
|
|
2914
3008
|
}
|
|
2915
3009
|
) : null,
|
|
2916
|
-
isDropTarget && dropHovered ? /* @__PURE__ */
|
|
3010
|
+
isDropTarget && dropHovered ? /* @__PURE__ */ jsx8(
|
|
2917
3011
|
"div",
|
|
2918
3012
|
{
|
|
2919
3013
|
style: {
|
|
@@ -2927,7 +3021,7 @@ function BlockFrame({
|
|
|
2927
3021
|
}
|
|
2928
3022
|
}
|
|
2929
3023
|
) : null,
|
|
2930
|
-
/* @__PURE__ */
|
|
3024
|
+
/* @__PURE__ */ jsxs7(
|
|
2931
3025
|
"div",
|
|
2932
3026
|
{
|
|
2933
3027
|
style: {
|
|
@@ -2949,7 +3043,7 @@ function BlockFrame({
|
|
|
2949
3043
|
]
|
|
2950
3044
|
}
|
|
2951
3045
|
),
|
|
2952
|
-
/* @__PURE__ */
|
|
3046
|
+
/* @__PURE__ */ jsxs7(
|
|
2953
3047
|
"div",
|
|
2954
3048
|
{
|
|
2955
3049
|
"aria-hidden": true,
|
|
@@ -2975,7 +3069,7 @@ function BlockFrame({
|
|
|
2975
3069
|
zIndex: 30
|
|
2976
3070
|
},
|
|
2977
3071
|
children: [
|
|
2978
|
-
/* @__PURE__ */
|
|
3072
|
+
/* @__PURE__ */ jsx8("span", { style: { display: "inline-block", fontSize: 13, transform: "translateY(-0.5px)" }, children: "\u22EE\u22EE" }),
|
|
2979
3073
|
"Drag"
|
|
2980
3074
|
]
|
|
2981
3075
|
}
|
|
@@ -2985,12 +3079,6 @@ function BlockFrame({
|
|
|
2985
3079
|
}
|
|
2986
3080
|
);
|
|
2987
3081
|
}
|
|
2988
|
-
function UploadOverlay({ label = "Uploading image..." }) {
|
|
2989
|
-
return /* @__PURE__ */ jsxs5("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
|
|
2990
|
-
/* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
|
|
2991
|
-
/* @__PURE__ */ jsx5("span", { children: label })
|
|
2992
|
-
] });
|
|
2993
|
-
}
|
|
2994
3082
|
var clonePageDefaults = (value) => ({
|
|
2995
3083
|
pageWidthDefault: value.pageWidthDefault,
|
|
2996
3084
|
themePage: value.themePage ? JSON.parse(JSON.stringify(value.themePage)) : {}
|
|
@@ -3000,7 +3088,7 @@ var cloneSnapshot = (value) => ({
|
|
|
3000
3088
|
pageDefaults: clonePageDefaults(value.pageDefaults)
|
|
3001
3089
|
});
|
|
3002
3090
|
function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }) {
|
|
3003
|
-
const editorRootRef =
|
|
3091
|
+
const editorRootRef = useRef2(null);
|
|
3004
3092
|
const doc = initialDoc ?? {};
|
|
3005
3093
|
const sourceStudioDocument = doc.studioDocument && typeof doc.studioDocument === "object" ? doc.studioDocument : {};
|
|
3006
3094
|
const sourceMetadata = sourceStudioDocument.metadata && typeof sourceStudioDocument.metadata === "object" ? sourceStudioDocument.metadata : {};
|
|
@@ -3012,42 +3100,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3012
3100
|
pageWidthDefault: sourceMetadata.pageWidthDefault === "wide" || sourceMetadata.pageWidthDefault === "full" ? sourceMetadata.pageWidthDefault : defaultPageDefaults.pageWidthDefault,
|
|
3013
3101
|
themePage: isRecord5(sourceThemePage.page) ? sourceThemePage.page : {}
|
|
3014
3102
|
};
|
|
3015
|
-
const [layout, setLayout] =
|
|
3103
|
+
const [layout, setLayout] = useState3(
|
|
3016
3104
|
migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block)))
|
|
3017
3105
|
);
|
|
3018
|
-
const [pageDefaults, setPageDefaults] =
|
|
3019
|
-
const [selectedIndex, setSelectedIndex] =
|
|
3020
|
-
const [dragIndex, setDragIndex] =
|
|
3021
|
-
const [sidebarOpen, setSidebarOpen] =
|
|
3022
|
-
const [savingStatus, setSavingStatus] =
|
|
3023
|
-
const [uploadingTarget, setUploadingTarget] =
|
|
3024
|
-
const [topViewportHeight, setTopViewportHeight] =
|
|
3025
|
-
const [uploadError, setUploadError] =
|
|
3026
|
-
const [uploadMessage, setUploadMessage] =
|
|
3027
|
-
const [uploadAltText, setUploadAltText] =
|
|
3028
|
-
const [mediaLibrary, setMediaLibrary] =
|
|
3029
|
-
const [mediaLibraryError, setMediaLibraryError] =
|
|
3030
|
-
const [mediaLibraryLoading, setMediaLibraryLoading] =
|
|
3031
|
-
const [selectedHeroMediaID, setSelectedHeroMediaID] =
|
|
3032
|
-
const [selectedItemIndex, setSelectedItemIndex] =
|
|
3033
|
-
const [expandedItemIndex, setExpandedItemIndex] =
|
|
3034
|
-
const [testimonialsOffsets, setTestimonialsOffsets] =
|
|
3035
|
-
const [presetQuery, setPresetQuery] =
|
|
3036
|
-
const [sessionExpired, setSessionExpired] =
|
|
3037
|
-
const [pastSnapshots, setPastSnapshots] =
|
|
3038
|
-
const [futureSnapshots, setFutureSnapshots] =
|
|
3039
|
-
const [settingsPanelMode, setSettingsPanelMode] =
|
|
3040
|
-
const [settingsSearchQuery, setSettingsSearchQuery] =
|
|
3106
|
+
const [pageDefaults, setPageDefaults] = useState3(clonePageDefaults(initialPageDefaults));
|
|
3107
|
+
const [selectedIndex, setSelectedIndex] = useState3(null);
|
|
3108
|
+
const [dragIndex, setDragIndex] = useState3(null);
|
|
3109
|
+
const [sidebarOpen, setSidebarOpen] = useState3(true);
|
|
3110
|
+
const [savingStatus, setSavingStatus] = useState3(null);
|
|
3111
|
+
const [uploadingTarget, setUploadingTarget] = useState3(null);
|
|
3112
|
+
const [topViewportHeight, setTopViewportHeight] = useState3(null);
|
|
3113
|
+
const [uploadError, setUploadError] = useState3("");
|
|
3114
|
+
const [uploadMessage, setUploadMessage] = useState3("");
|
|
3115
|
+
const [uploadAltText, setUploadAltText] = useState3("");
|
|
3116
|
+
const [mediaLibrary, setMediaLibrary] = useState3([]);
|
|
3117
|
+
const [mediaLibraryError, setMediaLibraryError] = useState3("");
|
|
3118
|
+
const [mediaLibraryLoading, setMediaLibraryLoading] = useState3(false);
|
|
3119
|
+
const [selectedHeroMediaID, setSelectedHeroMediaID] = useState3("");
|
|
3120
|
+
const [selectedItemIndex, setSelectedItemIndex] = useState3(null);
|
|
3121
|
+
const [expandedItemIndex, setExpandedItemIndex] = useState3(null);
|
|
3122
|
+
const [testimonialsOffsets, setTestimonialsOffsets] = useState3({});
|
|
3123
|
+
const [presetQuery, setPresetQuery] = useState3("");
|
|
3124
|
+
const [sessionExpired, setSessionExpired] = useState3(false);
|
|
3125
|
+
const [pastSnapshots, setPastSnapshots] = useState3([]);
|
|
3126
|
+
const [futureSnapshots, setFutureSnapshots] = useState3([]);
|
|
3127
|
+
const [settingsPanelMode, setSettingsPanelMode] = useState3("basic");
|
|
3128
|
+
const [settingsSearchQuery, setSettingsSearchQuery] = useState3("");
|
|
3041
3129
|
const isSidebarPanelKey = (value) => value === "pageDefaults" || value === "addSections" || value === "selected";
|
|
3042
|
-
const [activeSidebarPanel, setActiveSidebarPanel] =
|
|
3043
|
-
const historyBypassRef =
|
|
3044
|
-
const previousSnapshotRef =
|
|
3130
|
+
const [activeSidebarPanel, setActiveSidebarPanel] = useState3("selected");
|
|
3131
|
+
const historyBypassRef = useRef2(true);
|
|
3132
|
+
const previousSnapshotRef = useRef2({
|
|
3045
3133
|
layout: migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block))),
|
|
3046
3134
|
pageDefaults: clonePageDefaults(initialPageDefaults)
|
|
3047
3135
|
});
|
|
3048
|
-
const lastSavedRef =
|
|
3136
|
+
const lastSavedRef = useRef2(cloneSnapshot(previousSnapshotRef.current));
|
|
3049
3137
|
const persistedFlagKey = "orion-builder-settings-panel-v2";
|
|
3050
|
-
const [settingsPanelV2Override, setSettingsPanelV2Override] =
|
|
3138
|
+
const [settingsPanelV2Override, setSettingsPanelV2Override] = useState3(null);
|
|
3051
3139
|
const settingsPanelV2Enabled = useMemo2(() => {
|
|
3052
3140
|
if (typeof featureFlags?.settingsPanelV2 === "boolean") {
|
|
3053
3141
|
return featureFlags.settingsPanelV2;
|
|
@@ -3147,10 +3235,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3147
3235
|
setMediaLibraryLoading(false);
|
|
3148
3236
|
}
|
|
3149
3237
|
}, []);
|
|
3150
|
-
|
|
3238
|
+
useEffect2(() => {
|
|
3151
3239
|
void loadMediaLibrary();
|
|
3152
3240
|
}, [loadMediaLibrary]);
|
|
3153
|
-
|
|
3241
|
+
useEffect2(() => {
|
|
3154
3242
|
const refreshMediaLibrary = () => {
|
|
3155
3243
|
void loadMediaLibrary();
|
|
3156
3244
|
};
|
|
@@ -3175,7 +3263,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3175
3263
|
document.removeEventListener("visibilitychange", onVisibilityChange);
|
|
3176
3264
|
};
|
|
3177
3265
|
}, [loadMediaLibrary]);
|
|
3178
|
-
|
|
3266
|
+
useEffect2(() => {
|
|
3179
3267
|
let active = true;
|
|
3180
3268
|
const checkSession = async () => {
|
|
3181
3269
|
try {
|
|
@@ -3203,7 +3291,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3203
3291
|
window.clearInterval(intervalId);
|
|
3204
3292
|
};
|
|
3205
3293
|
}, []);
|
|
3206
|
-
|
|
3294
|
+
useEffect2(() => {
|
|
3207
3295
|
if (selectedType !== "hero") {
|
|
3208
3296
|
setSelectedHeroMediaID("");
|
|
3209
3297
|
return;
|
|
@@ -3585,7 +3673,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3585
3673
|
const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";
|
|
3586
3674
|
const headingColor = getThemeColorOverride(blockTheme, "headingText") || getThemeColorOverride(pageDefaults.themePage, "headingText") || getThemeColorOverride(siteThemeTokens, "headingText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.headingText);
|
|
3587
3675
|
const bodyColor = getThemeColorOverride(blockTheme, "bodyText") || getThemeColorOverride(pageDefaults.themePage, "bodyText") || getThemeColorOverride(siteThemeTokens, "bodyText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.bodyText);
|
|
3588
|
-
return /* @__PURE__ */
|
|
3676
|
+
return /* @__PURE__ */ jsx8("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ jsx8("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ jsx8(
|
|
3589
3677
|
"div",
|
|
3590
3678
|
{
|
|
3591
3679
|
className: shell.contentClass,
|
|
@@ -3708,7 +3796,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3708
3796
|
}),
|
|
3709
3797
|
[layout, pageDefaults]
|
|
3710
3798
|
);
|
|
3711
|
-
|
|
3799
|
+
useEffect2(() => {
|
|
3712
3800
|
const readTopViewportHeight = () => {
|
|
3713
3801
|
if (typeof window === "undefined") {
|
|
3714
3802
|
setTopViewportHeight(null);
|
|
@@ -3886,7 +3974,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3886
3974
|
setSavingStatus(null);
|
|
3887
3975
|
}
|
|
3888
3976
|
};
|
|
3889
|
-
|
|
3977
|
+
useEffect2(() => {
|
|
3890
3978
|
const storageKey = `orion-builder-panels:${pageID}`;
|
|
3891
3979
|
const raw = window.localStorage.getItem(storageKey);
|
|
3892
3980
|
if (!raw) {
|
|
@@ -3912,7 +4000,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3912
4000
|
} catch {
|
|
3913
4001
|
}
|
|
3914
4002
|
}, [pageID]);
|
|
3915
|
-
|
|
4003
|
+
useEffect2(() => {
|
|
3916
4004
|
const persistedValue = window.localStorage.getItem(persistedFlagKey);
|
|
3917
4005
|
if (persistedValue === "true") {
|
|
3918
4006
|
setSettingsPanelV2Override(true);
|
|
@@ -3924,25 +4012,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3924
4012
|
}
|
|
3925
4013
|
setSettingsPanelV2Override(null);
|
|
3926
4014
|
}, [persistedFlagKey]);
|
|
3927
|
-
|
|
4015
|
+
useEffect2(() => {
|
|
3928
4016
|
if (typeof settingsPanelV2Override !== "boolean") {
|
|
3929
4017
|
window.localStorage.removeItem(persistedFlagKey);
|
|
3930
4018
|
return;
|
|
3931
4019
|
}
|
|
3932
4020
|
window.localStorage.setItem(persistedFlagKey, settingsPanelV2Override ? "true" : "false");
|
|
3933
4021
|
}, [persistedFlagKey, settingsPanelV2Override]);
|
|
3934
|
-
|
|
4022
|
+
useEffect2(() => {
|
|
3935
4023
|
const storageKey = `orion-builder-panels:${pageID}`;
|
|
3936
4024
|
window.localStorage.setItem(storageKey, JSON.stringify({ activePanel: activeSidebarPanel }));
|
|
3937
4025
|
}, [activeSidebarPanel, pageID]);
|
|
3938
|
-
|
|
4026
|
+
useEffect2(() => {
|
|
3939
4027
|
if (selectedIndex === null) {
|
|
3940
4028
|
return;
|
|
3941
4029
|
}
|
|
3942
4030
|
setSidebarOpen(true);
|
|
3943
4031
|
setActiveSidebarPanel("selected");
|
|
3944
4032
|
}, [selectedIndex]);
|
|
3945
|
-
|
|
4033
|
+
useEffect2(() => {
|
|
3946
4034
|
if (selectedIndex === null) {
|
|
3947
4035
|
setSelectedItemIndex(null);
|
|
3948
4036
|
setExpandedItemIndex(null);
|
|
@@ -3960,17 +4048,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3960
4048
|
(current) => typeof current === "number" && current >= 0 && current < selectedItems.length ? current : 0
|
|
3961
4049
|
);
|
|
3962
4050
|
}, [selectedIndex, selectedItems.length]);
|
|
3963
|
-
|
|
4051
|
+
useEffect2(() => {
|
|
3964
4052
|
if (layout.length > 0) {
|
|
3965
4053
|
return;
|
|
3966
4054
|
}
|
|
3967
4055
|
setSidebarOpen(true);
|
|
3968
4056
|
setActiveSidebarPanel("addSections");
|
|
3969
4057
|
}, [layout.length]);
|
|
3970
|
-
|
|
4058
|
+
useEffect2(() => {
|
|
3971
4059
|
return;
|
|
3972
4060
|
}, [layout]);
|
|
3973
|
-
|
|
4061
|
+
useEffect2(() => {
|
|
3974
4062
|
if (historyBypassRef.current) {
|
|
3975
4063
|
historyBypassRef.current = false;
|
|
3976
4064
|
previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
|
|
@@ -3981,7 +4069,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3981
4069
|
setFutureSnapshots([]);
|
|
3982
4070
|
previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
|
|
3983
4071
|
}, [currentSnapshot]);
|
|
3984
|
-
|
|
4072
|
+
useEffect2(() => {
|
|
3985
4073
|
const onKeyDown = (event) => {
|
|
3986
4074
|
const key = event.key.toLowerCase();
|
|
3987
4075
|
const isUndo = (event.metaKey || event.ctrlKey) && key === "z" && !event.shiftKey;
|
|
@@ -3999,7 +4087,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3999
4087
|
window.addEventListener("keydown", onKeyDown);
|
|
4000
4088
|
return () => window.removeEventListener("keydown", onKeyDown);
|
|
4001
4089
|
}, [canRedo, canUndo, futureSnapshots, pastSnapshots, currentSnapshot]);
|
|
4002
|
-
|
|
4090
|
+
useEffect2(() => {
|
|
4003
4091
|
window.parent?.postMessage(
|
|
4004
4092
|
{
|
|
4005
4093
|
dirty: isDirty,
|
|
@@ -4009,7 +4097,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4009
4097
|
"*"
|
|
4010
4098
|
);
|
|
4011
4099
|
}, [isDirty]);
|
|
4012
|
-
|
|
4100
|
+
useEffect2(() => {
|
|
4013
4101
|
window.parent?.postMessage(
|
|
4014
4102
|
{
|
|
4015
4103
|
canRedo,
|
|
@@ -4020,7 +4108,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4020
4108
|
"*"
|
|
4021
4109
|
);
|
|
4022
4110
|
}, [canRedo, canUndo]);
|
|
4023
|
-
|
|
4111
|
+
useEffect2(() => {
|
|
4024
4112
|
const onMessage = (event) => {
|
|
4025
4113
|
const data = event.data;
|
|
4026
4114
|
if (!data || data.source !== "payload-visual-builder-parent") {
|
|
@@ -4073,7 +4161,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4073
4161
|
window.addEventListener("message", onMessage);
|
|
4074
4162
|
return () => window.removeEventListener("message", onMessage);
|
|
4075
4163
|
}, [canRedo, canUndo, isDirty, layout, pageDefaults.pageWidthDefault, title]);
|
|
4076
|
-
|
|
4164
|
+
useEffect2(() => {
|
|
4077
4165
|
const preventNavigationWhileEditing = (event) => {
|
|
4078
4166
|
const editorRoot = editorRootRef.current;
|
|
4079
4167
|
if (!editorRoot) {
|
|
@@ -4095,7 +4183,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4095
4183
|
document.addEventListener("click", preventNavigationWhileEditing, true);
|
|
4096
4184
|
return () => document.removeEventListener("click", preventNavigationWhileEditing, true);
|
|
4097
4185
|
}, []);
|
|
4098
|
-
return /* @__PURE__ */
|
|
4186
|
+
return /* @__PURE__ */ jsxs7(
|
|
4099
4187
|
"div",
|
|
4100
4188
|
{
|
|
4101
4189
|
ref: editorRootRef,
|
|
@@ -4106,7 +4194,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4106
4194
|
padding: "0 0 1.2rem"
|
|
4107
4195
|
},
|
|
4108
4196
|
children: [
|
|
4109
|
-
sessionExpired ? /* @__PURE__ */
|
|
4197
|
+
sessionExpired ? /* @__PURE__ */ jsx8(
|
|
4110
4198
|
"div",
|
|
4111
4199
|
{
|
|
4112
4200
|
style: {
|
|
@@ -4119,7 +4207,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4119
4207
|
position: "fixed",
|
|
4120
4208
|
zIndex: 9999
|
|
4121
4209
|
},
|
|
4122
|
-
children: /* @__PURE__ */
|
|
4210
|
+
children: /* @__PURE__ */ jsxs7(
|
|
4123
4211
|
"div",
|
|
4124
4212
|
{
|
|
4125
4213
|
style: {
|
|
@@ -4134,9 +4222,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4134
4222
|
width: "100%"
|
|
4135
4223
|
},
|
|
4136
4224
|
children: [
|
|
4137
|
-
/* @__PURE__ */
|
|
4138
|
-
/* @__PURE__ */
|
|
4139
|
-
/* @__PURE__ */
|
|
4225
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: "1.1rem", fontWeight: 700 }, children: "Session Expired" }),
|
|
4226
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "#333", fontSize: "0.9rem", lineHeight: 1.5 }, children: "Your login session has expired. Your edits are still here, but you must log in again before saving. Open the login page in a new tab, sign in, then return here and try saving again." }),
|
|
4227
|
+
/* @__PURE__ */ jsx8(
|
|
4140
4228
|
"a",
|
|
4141
4229
|
{
|
|
4142
4230
|
href: "/admin",
|
|
@@ -4155,7 +4243,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4155
4243
|
children: "Open Login Page"
|
|
4156
4244
|
}
|
|
4157
4245
|
),
|
|
4158
|
-
/* @__PURE__ */
|
|
4246
|
+
/* @__PURE__ */ jsx8(
|
|
4159
4247
|
"button",
|
|
4160
4248
|
{
|
|
4161
4249
|
onClick: () => setSessionExpired(false),
|
|
@@ -4177,7 +4265,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4177
4265
|
)
|
|
4178
4266
|
}
|
|
4179
4267
|
) : null,
|
|
4180
|
-
/* @__PURE__ */
|
|
4268
|
+
/* @__PURE__ */ jsxs7("div", { style: { minWidth: 0 }, children: [
|
|
4181
4269
|
layout.map((block, index) => {
|
|
4182
4270
|
const type = normalizeText2(block.blockType, "unknown");
|
|
4183
4271
|
const selectBlock = () => setSelectedIndex(index);
|
|
@@ -4252,7 +4340,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4252
4340
|
const heroStyle = {
|
|
4253
4341
|
borderRadius: heroCornerRadius
|
|
4254
4342
|
};
|
|
4255
|
-
return /* @__PURE__ */
|
|
4343
|
+
return /* @__PURE__ */ jsx8(
|
|
4256
4344
|
BlockFrame,
|
|
4257
4345
|
{
|
|
4258
4346
|
dragIndex,
|
|
@@ -4265,13 +4353,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4265
4353
|
children: renderWithSectionShell(
|
|
4266
4354
|
block,
|
|
4267
4355
|
"",
|
|
4268
|
-
/* @__PURE__ */
|
|
4269
|
-
/* @__PURE__ */
|
|
4270
|
-
/* @__PURE__ */
|
|
4271
|
-
isBlockUploadTarget(index, "hero") ? /* @__PURE__ */
|
|
4356
|
+
/* @__PURE__ */ jsxs7("section", { className: `hero ${variant === "centered" ? "hero-centered" : ""}`, style: heroStyle, children: [
|
|
4357
|
+
/* @__PURE__ */ jsx8("div", { className: "hero-grid", children: /* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4358
|
+
/* @__PURE__ */ jsx8("div", { className: "hero-media", role: "img", style: mediaStyle }),
|
|
4359
|
+
isBlockUploadTarget(index, "hero") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading hero image..." }) : null
|
|
4272
4360
|
] }) }),
|
|
4273
|
-
/* @__PURE__ */
|
|
4274
|
-
/* @__PURE__ */
|
|
4361
|
+
/* @__PURE__ */ jsxs7("div", { className: "hero-content", children: [
|
|
4362
|
+
/* @__PURE__ */ jsx8("div", { className: "kicker", children: /* @__PURE__ */ jsx8(
|
|
4275
4363
|
InlineText,
|
|
4276
4364
|
{
|
|
4277
4365
|
as: "span",
|
|
@@ -4280,7 +4368,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4280
4368
|
value: normalizeText2(block.kicker)
|
|
4281
4369
|
}
|
|
4282
4370
|
) }),
|
|
4283
|
-
/* @__PURE__ */
|
|
4371
|
+
/* @__PURE__ */ jsx8(
|
|
4284
4372
|
InlineText,
|
|
4285
4373
|
{
|
|
4286
4374
|
as: "h1",
|
|
@@ -4289,7 +4377,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4289
4377
|
value: normalizeText2(block.headline)
|
|
4290
4378
|
}
|
|
4291
4379
|
),
|
|
4292
|
-
/* @__PURE__ */
|
|
4380
|
+
/* @__PURE__ */ jsx8(
|
|
4293
4381
|
InlineText,
|
|
4294
4382
|
{
|
|
4295
4383
|
as: "p",
|
|
@@ -4299,8 +4387,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4299
4387
|
value: normalizeText2(block.subheadline)
|
|
4300
4388
|
}
|
|
4301
4389
|
),
|
|
4302
|
-
/* @__PURE__ */
|
|
4303
|
-
/* @__PURE__ */
|
|
4390
|
+
/* @__PURE__ */ jsxs7("div", { className: "hero-actions", children: [
|
|
4391
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
4304
4392
|
InlineText,
|
|
4305
4393
|
{
|
|
4306
4394
|
as: "span",
|
|
@@ -4309,7 +4397,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4309
4397
|
value: normalizeText2(block.primaryLabel)
|
|
4310
4398
|
}
|
|
4311
4399
|
) }),
|
|
4312
|
-
/* @__PURE__ */
|
|
4400
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-secondary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
4313
4401
|
InlineText,
|
|
4314
4402
|
{
|
|
4315
4403
|
as: "span",
|
|
@@ -4333,7 +4421,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4333
4421
|
const itemsPerRow = Math.max(1, Math.min(6, itemsPerRowRaw));
|
|
4334
4422
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4335
4423
|
if (variant === "highlight") {
|
|
4336
|
-
return /* @__PURE__ */
|
|
4424
|
+
return /* @__PURE__ */ jsx8(
|
|
4337
4425
|
BlockFrame,
|
|
4338
4426
|
{
|
|
4339
4427
|
dragIndex,
|
|
@@ -4346,8 +4434,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4346
4434
|
children: renderWithSectionShell(
|
|
4347
4435
|
block,
|
|
4348
4436
|
"section",
|
|
4349
|
-
/* @__PURE__ */
|
|
4350
|
-
/* @__PURE__ */
|
|
4437
|
+
/* @__PURE__ */ jsx8("div", { className: "features", style: backgroundColor ? { background: backgroundColor } : void 0, children: /* @__PURE__ */ jsxs7("div", { className: "inner", children: [
|
|
4438
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", style: { margin: 0 }, children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4351
4439
|
InlineText,
|
|
4352
4440
|
{
|
|
4353
4441
|
as: "h2",
|
|
@@ -4357,7 +4445,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4357
4445
|
value: normalizeText2(block.title)
|
|
4358
4446
|
}
|
|
4359
4447
|
) }) }),
|
|
4360
|
-
/* @__PURE__ */
|
|
4448
|
+
/* @__PURE__ */ jsx8(
|
|
4361
4449
|
"div",
|
|
4362
4450
|
{
|
|
4363
4451
|
className: "feature-grid",
|
|
@@ -4384,7 +4472,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4384
4472
|
positionY: itemPositionY
|
|
4385
4473
|
});
|
|
4386
4474
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4387
|
-
return /* @__PURE__ */
|
|
4475
|
+
return /* @__PURE__ */ jsxs7(
|
|
4388
4476
|
"article",
|
|
4389
4477
|
{
|
|
4390
4478
|
className: "feature-item",
|
|
@@ -4394,10 +4482,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4394
4482
|
},
|
|
4395
4483
|
style: isItemSelected ? { outline: "2px solid rgba(255, 255, 255, 0.72)", outlineOffset: 2 } : void 0,
|
|
4396
4484
|
children: [
|
|
4397
|
-
/* @__PURE__ */
|
|
4485
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4398
4486
|
itemMedia?.url ? (
|
|
4399
4487
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4400
|
-
/* @__PURE__ */
|
|
4488
|
+
/* @__PURE__ */ jsx8(
|
|
4401
4489
|
"img",
|
|
4402
4490
|
{
|
|
4403
4491
|
alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
|
|
@@ -4406,7 +4494,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4406
4494
|
style: { ...itemImageStyle, height: itemImageHeight }
|
|
4407
4495
|
}
|
|
4408
4496
|
)
|
|
4409
|
-
) : /* @__PURE__ */
|
|
4497
|
+
) : /* @__PURE__ */ jsx8("div", { className: "feature-icon", children: iconType === "lucide" ? /* @__PURE__ */ jsx8(FeatureLucideIcon, { iconName: iconLucide }) : /* @__PURE__ */ jsx8(
|
|
4410
4498
|
InlineText,
|
|
4411
4499
|
{
|
|
4412
4500
|
as: "span",
|
|
@@ -4415,9 +4503,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4415
4503
|
value: iconBadge
|
|
4416
4504
|
}
|
|
4417
4505
|
) }),
|
|
4418
|
-
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4506
|
+
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null
|
|
4419
4507
|
] }),
|
|
4420
|
-
/* @__PURE__ */
|
|
4508
|
+
/* @__PURE__ */ jsx8(
|
|
4421
4509
|
InlineText,
|
|
4422
4510
|
{
|
|
4423
4511
|
as: "h3",
|
|
@@ -4426,7 +4514,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4426
4514
|
value: normalizeText2(itemRecord?.title)
|
|
4427
4515
|
}
|
|
4428
4516
|
),
|
|
4429
|
-
/* @__PURE__ */
|
|
4517
|
+
/* @__PURE__ */ jsx8(
|
|
4430
4518
|
InlineText,
|
|
4431
4519
|
{
|
|
4432
4520
|
as: "p",
|
|
@@ -4449,7 +4537,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4449
4537
|
`feature-highlight-${index}`
|
|
4450
4538
|
);
|
|
4451
4539
|
}
|
|
4452
|
-
return /* @__PURE__ */
|
|
4540
|
+
return /* @__PURE__ */ jsx8(
|
|
4453
4541
|
BlockFrame,
|
|
4454
4542
|
{
|
|
4455
4543
|
dragIndex,
|
|
@@ -4462,8 +4550,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4462
4550
|
children: renderWithSectionShell(
|
|
4463
4551
|
block,
|
|
4464
4552
|
"section",
|
|
4465
|
-
/* @__PURE__ */
|
|
4466
|
-
/* @__PURE__ */
|
|
4553
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4554
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4467
4555
|
InlineText,
|
|
4468
4556
|
{
|
|
4469
4557
|
as: "h2",
|
|
@@ -4472,7 +4560,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4472
4560
|
value: normalizeText2(block.title)
|
|
4473
4561
|
}
|
|
4474
4562
|
) }) }),
|
|
4475
|
-
/* @__PURE__ */
|
|
4563
|
+
/* @__PURE__ */ jsx8(
|
|
4476
4564
|
"div",
|
|
4477
4565
|
{
|
|
4478
4566
|
className: "card-grid services",
|
|
@@ -4499,7 +4587,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4499
4587
|
positionY: itemPositionY
|
|
4500
4588
|
});
|
|
4501
4589
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4502
|
-
return /* @__PURE__ */
|
|
4590
|
+
return /* @__PURE__ */ jsx8(
|
|
4503
4591
|
"article",
|
|
4504
4592
|
{
|
|
4505
4593
|
className: "service-card",
|
|
@@ -4508,11 +4596,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4508
4596
|
openSelectedItem(itemIndex);
|
|
4509
4597
|
},
|
|
4510
4598
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4511
|
-
children: /* @__PURE__ */
|
|
4512
|
-
/* @__PURE__ */
|
|
4599
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "service-body", children: [
|
|
4600
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4513
4601
|
itemMedia?.url ? (
|
|
4514
4602
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4515
|
-
/* @__PURE__ */
|
|
4603
|
+
/* @__PURE__ */ jsx8(
|
|
4516
4604
|
"img",
|
|
4517
4605
|
{
|
|
4518
4606
|
alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
|
|
@@ -4521,7 +4609,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4521
4609
|
style: { ...itemImageStyle, height: itemImageHeight }
|
|
4522
4610
|
}
|
|
4523
4611
|
)
|
|
4524
|
-
) : /* @__PURE__ */
|
|
4612
|
+
) : iconType === "lucide" ? /* @__PURE__ */ jsx8("div", { className: "service-tag service-tag-icon", children: /* @__PURE__ */ jsx8(FeatureLucideIcon, { iconName: iconLucide }) }) : /* @__PURE__ */ jsx8("div", { className: "service-tag", children: /* @__PURE__ */ jsx8(
|
|
4525
4613
|
InlineText,
|
|
4526
4614
|
{
|
|
4527
4615
|
as: "span",
|
|
@@ -4530,9 +4618,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4530
4618
|
value: iconBadge
|
|
4531
4619
|
}
|
|
4532
4620
|
) }),
|
|
4533
|
-
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4621
|
+
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null
|
|
4534
4622
|
] }),
|
|
4535
|
-
/* @__PURE__ */
|
|
4623
|
+
/* @__PURE__ */ jsx8(
|
|
4536
4624
|
InlineText,
|
|
4537
4625
|
{
|
|
4538
4626
|
as: "h3",
|
|
@@ -4541,7 +4629,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4541
4629
|
value: normalizeText2(itemRecord?.title)
|
|
4542
4630
|
}
|
|
4543
4631
|
),
|
|
4544
|
-
/* @__PURE__ */
|
|
4632
|
+
/* @__PURE__ */ jsx8(
|
|
4545
4633
|
InlineText,
|
|
4546
4634
|
{
|
|
4547
4635
|
as: "p",
|
|
@@ -4566,7 +4654,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4566
4654
|
}
|
|
4567
4655
|
if (type === "stats") {
|
|
4568
4656
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4569
|
-
return /* @__PURE__ */
|
|
4657
|
+
return /* @__PURE__ */ jsx8(
|
|
4570
4658
|
BlockFrame,
|
|
4571
4659
|
{
|
|
4572
4660
|
dragIndex,
|
|
@@ -4579,9 +4667,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4579
4667
|
children: renderWithSectionShell(
|
|
4580
4668
|
block,
|
|
4581
4669
|
"section",
|
|
4582
|
-
/* @__PURE__ */
|
|
4583
|
-
/* @__PURE__ */
|
|
4584
|
-
/* @__PURE__ */
|
|
4670
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4671
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4672
|
+
/* @__PURE__ */ jsx8(
|
|
4585
4673
|
InlineText,
|
|
4586
4674
|
{
|
|
4587
4675
|
as: "h2",
|
|
@@ -4590,7 +4678,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4590
4678
|
value: normalizeText2(block.title)
|
|
4591
4679
|
}
|
|
4592
4680
|
),
|
|
4593
|
-
/* @__PURE__ */
|
|
4681
|
+
/* @__PURE__ */ jsx8(
|
|
4594
4682
|
InlineText,
|
|
4595
4683
|
{
|
|
4596
4684
|
as: "p",
|
|
@@ -4601,9 +4689,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4601
4689
|
}
|
|
4602
4690
|
)
|
|
4603
4691
|
] }) }),
|
|
4604
|
-
/* @__PURE__ */
|
|
4692
|
+
/* @__PURE__ */ jsx8("div", { className: "orion-stats-grid", children: items.map((item, itemIndex) => {
|
|
4605
4693
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4606
|
-
return /* @__PURE__ */
|
|
4694
|
+
return /* @__PURE__ */ jsxs7(
|
|
4607
4695
|
"article",
|
|
4608
4696
|
{
|
|
4609
4697
|
className: "orion-stat-card",
|
|
@@ -4613,7 +4701,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4613
4701
|
},
|
|
4614
4702
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4615
4703
|
children: [
|
|
4616
|
-
/* @__PURE__ */
|
|
4704
|
+
/* @__PURE__ */ jsx8(
|
|
4617
4705
|
InlineText,
|
|
4618
4706
|
{
|
|
4619
4707
|
as: "h3",
|
|
@@ -4622,7 +4710,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4622
4710
|
value: normalizeText2(item?.value)
|
|
4623
4711
|
}
|
|
4624
4712
|
),
|
|
4625
|
-
/* @__PURE__ */
|
|
4713
|
+
/* @__PURE__ */ jsx8(
|
|
4626
4714
|
InlineText,
|
|
4627
4715
|
{
|
|
4628
4716
|
as: "span",
|
|
@@ -4631,7 +4719,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4631
4719
|
value: normalizeText2(item?.label)
|
|
4632
4720
|
}
|
|
4633
4721
|
),
|
|
4634
|
-
/* @__PURE__ */
|
|
4722
|
+
/* @__PURE__ */ jsx8(
|
|
4635
4723
|
InlineText,
|
|
4636
4724
|
{
|
|
4637
4725
|
as: "p",
|
|
@@ -4654,7 +4742,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4654
4742
|
}
|
|
4655
4743
|
if (type === "logoWall") {
|
|
4656
4744
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4657
|
-
return /* @__PURE__ */
|
|
4745
|
+
return /* @__PURE__ */ jsx8(
|
|
4658
4746
|
BlockFrame,
|
|
4659
4747
|
{
|
|
4660
4748
|
dragIndex,
|
|
@@ -4667,9 +4755,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4667
4755
|
children: renderWithSectionShell(
|
|
4668
4756
|
block,
|
|
4669
4757
|
"section",
|
|
4670
|
-
/* @__PURE__ */
|
|
4671
|
-
/* @__PURE__ */
|
|
4672
|
-
/* @__PURE__ */
|
|
4758
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4759
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4760
|
+
/* @__PURE__ */ jsx8(
|
|
4673
4761
|
InlineText,
|
|
4674
4762
|
{
|
|
4675
4763
|
as: "h2",
|
|
@@ -4678,7 +4766,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4678
4766
|
value: normalizeText2(block.title)
|
|
4679
4767
|
}
|
|
4680
4768
|
),
|
|
4681
|
-
/* @__PURE__ */
|
|
4769
|
+
/* @__PURE__ */ jsx8(
|
|
4682
4770
|
InlineText,
|
|
4683
4771
|
{
|
|
4684
4772
|
as: "p",
|
|
@@ -4689,7 +4777,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4689
4777
|
}
|
|
4690
4778
|
)
|
|
4691
4779
|
] }) }),
|
|
4692
|
-
/* @__PURE__ */
|
|
4780
|
+
/* @__PURE__ */ jsx8("div", { className: "orion-logo-wall", children: items.map((item, itemIndex) => {
|
|
4693
4781
|
const itemRecord = item;
|
|
4694
4782
|
const media = resolveMedia(itemRecord?.media);
|
|
4695
4783
|
const imageHeight = parsePixelNumber(itemRecord?.imageHeight, 54);
|
|
@@ -4704,7 +4792,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4704
4792
|
roundedRadius: 10
|
|
4705
4793
|
});
|
|
4706
4794
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4707
|
-
return /* @__PURE__ */
|
|
4795
|
+
return /* @__PURE__ */ jsx8(
|
|
4708
4796
|
"article",
|
|
4709
4797
|
{
|
|
4710
4798
|
className: "orion-logo-wall-item",
|
|
@@ -4713,10 +4801,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4713
4801
|
openSelectedItem(itemIndex);
|
|
4714
4802
|
},
|
|
4715
4803
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4716
|
-
children: /* @__PURE__ */
|
|
4804
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4717
4805
|
media?.url ? (
|
|
4718
4806
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4719
|
-
/* @__PURE__ */
|
|
4807
|
+
/* @__PURE__ */ jsx8(
|
|
4720
4808
|
"img",
|
|
4721
4809
|
{
|
|
4722
4810
|
alt: media.alt || normalizeText2(itemRecord?.name, "Logo"),
|
|
@@ -4725,7 +4813,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4725
4813
|
style: { ...imageStyle, height: imageHeight }
|
|
4726
4814
|
}
|
|
4727
4815
|
)
|
|
4728
|
-
) : /* @__PURE__ */
|
|
4816
|
+
) : /* @__PURE__ */ jsx8(
|
|
4729
4817
|
InlineText,
|
|
4730
4818
|
{
|
|
4731
4819
|
as: "span",
|
|
@@ -4734,7 +4822,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4734
4822
|
value: normalizeText2(itemRecord?.name)
|
|
4735
4823
|
}
|
|
4736
4824
|
),
|
|
4737
|
-
isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4825
|
+
isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading logo..." }) : null
|
|
4738
4826
|
] })
|
|
4739
4827
|
},
|
|
4740
4828
|
`logo-${itemIndex}`
|
|
@@ -4750,7 +4838,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4750
4838
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4751
4839
|
const itemsPerRowRaw = Math.floor(parsePixelNumber(block.itemsPerRow, 2));
|
|
4752
4840
|
const itemsPerRow = Math.max(1, Math.min(4, itemsPerRowRaw));
|
|
4753
|
-
return /* @__PURE__ */
|
|
4841
|
+
return /* @__PURE__ */ jsx8(
|
|
4754
4842
|
BlockFrame,
|
|
4755
4843
|
{
|
|
4756
4844
|
dragIndex,
|
|
@@ -4763,9 +4851,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4763
4851
|
children: renderWithSectionShell(
|
|
4764
4852
|
block,
|
|
4765
4853
|
"section",
|
|
4766
|
-
/* @__PURE__ */
|
|
4767
|
-
/* @__PURE__ */
|
|
4768
|
-
/* @__PURE__ */
|
|
4854
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4855
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4856
|
+
/* @__PURE__ */ jsx8(
|
|
4769
4857
|
InlineText,
|
|
4770
4858
|
{
|
|
4771
4859
|
as: "h2",
|
|
@@ -4774,7 +4862,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4774
4862
|
value: normalizeText2(block.title)
|
|
4775
4863
|
}
|
|
4776
4864
|
),
|
|
4777
|
-
/* @__PURE__ */
|
|
4865
|
+
/* @__PURE__ */ jsx8(
|
|
4778
4866
|
InlineText,
|
|
4779
4867
|
{
|
|
4780
4868
|
as: "p",
|
|
@@ -4785,7 +4873,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4785
4873
|
}
|
|
4786
4874
|
)
|
|
4787
4875
|
] }) }),
|
|
4788
|
-
/* @__PURE__ */
|
|
4876
|
+
/* @__PURE__ */ jsx8(
|
|
4789
4877
|
"div",
|
|
4790
4878
|
{
|
|
4791
4879
|
className: "orion-before-after-grid",
|
|
@@ -4810,7 +4898,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4810
4898
|
positionY: itemPositionY
|
|
4811
4899
|
});
|
|
4812
4900
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4813
|
-
return /* @__PURE__ */
|
|
4901
|
+
return /* @__PURE__ */ jsxs7(
|
|
4814
4902
|
"article",
|
|
4815
4903
|
{
|
|
4816
4904
|
className: "orion-before-after-card",
|
|
@@ -4820,11 +4908,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4820
4908
|
},
|
|
4821
4909
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4822
4910
|
children: [
|
|
4823
|
-
/* @__PURE__ */
|
|
4824
|
-
/* @__PURE__ */
|
|
4911
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-before-after-media", children: [
|
|
4912
|
+
/* @__PURE__ */ jsxs7("figure", { children: [
|
|
4825
4913
|
beforeMedia?.url ? (
|
|
4826
4914
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4827
|
-
/* @__PURE__ */
|
|
4915
|
+
/* @__PURE__ */ jsx8(
|
|
4828
4916
|
"img",
|
|
4829
4917
|
{
|
|
4830
4918
|
alt: beforeMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} before`,
|
|
@@ -4832,14 +4920,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4832
4920
|
style: { ...imageStyle, height: imageHeight }
|
|
4833
4921
|
}
|
|
4834
4922
|
)
|
|
4835
|
-
) : /* @__PURE__ */
|
|
4836
|
-
isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */
|
|
4837
|
-
/* @__PURE__ */
|
|
4923
|
+
) : /* @__PURE__ */ jsx8("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "Before" }),
|
|
4924
|
+
isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading before image..." }) : null,
|
|
4925
|
+
/* @__PURE__ */ jsx8("figcaption", { children: "Before" })
|
|
4838
4926
|
] }),
|
|
4839
|
-
/* @__PURE__ */
|
|
4927
|
+
/* @__PURE__ */ jsxs7("figure", { children: [
|
|
4840
4928
|
afterMedia?.url ? (
|
|
4841
4929
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4842
|
-
/* @__PURE__ */
|
|
4930
|
+
/* @__PURE__ */ jsx8(
|
|
4843
4931
|
"img",
|
|
4844
4932
|
{
|
|
4845
4933
|
alt: afterMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} after`,
|
|
@@ -4847,13 +4935,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4847
4935
|
style: { ...imageStyle, height: imageHeight }
|
|
4848
4936
|
}
|
|
4849
4937
|
)
|
|
4850
|
-
) : /* @__PURE__ */
|
|
4851
|
-
isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */
|
|
4852
|
-
/* @__PURE__ */
|
|
4938
|
+
) : /* @__PURE__ */ jsx8("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "After" }),
|
|
4939
|
+
isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading after image..." }) : null,
|
|
4940
|
+
/* @__PURE__ */ jsx8("figcaption", { children: "After" })
|
|
4853
4941
|
] })
|
|
4854
4942
|
] }),
|
|
4855
|
-
/* @__PURE__ */
|
|
4856
|
-
/* @__PURE__ */
|
|
4943
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-before-after-body", children: [
|
|
4944
|
+
/* @__PURE__ */ jsx8(
|
|
4857
4945
|
InlineText,
|
|
4858
4946
|
{
|
|
4859
4947
|
as: "h3",
|
|
@@ -4862,7 +4950,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4862
4950
|
value: normalizeText2(itemRecord?.label)
|
|
4863
4951
|
}
|
|
4864
4952
|
),
|
|
4865
|
-
/* @__PURE__ */
|
|
4953
|
+
/* @__PURE__ */ jsx8(
|
|
4866
4954
|
InlineText,
|
|
4867
4955
|
{
|
|
4868
4956
|
as: "p",
|
|
@@ -4899,7 +4987,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4899
4987
|
const itemIndex = (offset + slotIndex) % items.length;
|
|
4900
4988
|
return { item: items[itemIndex], itemIndex };
|
|
4901
4989
|
}) : items.map((item, itemIndex) => ({ item, itemIndex }));
|
|
4902
|
-
return /* @__PURE__ */
|
|
4990
|
+
return /* @__PURE__ */ jsx8(
|
|
4903
4991
|
BlockFrame,
|
|
4904
4992
|
{
|
|
4905
4993
|
dragIndex,
|
|
@@ -4912,8 +5000,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4912
5000
|
children: renderWithSectionShell(
|
|
4913
5001
|
block,
|
|
4914
5002
|
"section",
|
|
4915
|
-
/* @__PURE__ */
|
|
4916
|
-
/* @__PURE__ */
|
|
5003
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5004
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4917
5005
|
InlineText,
|
|
4918
5006
|
{
|
|
4919
5007
|
as: "h2",
|
|
@@ -4922,8 +5010,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4922
5010
|
value: normalizeText2(block.title)
|
|
4923
5011
|
}
|
|
4924
5012
|
) }) }),
|
|
4925
|
-
shouldWindow ? /* @__PURE__ */
|
|
4926
|
-
/* @__PURE__ */
|
|
5013
|
+
shouldWindow ? /* @__PURE__ */ jsxs7("div", { className: "testimonials-stage is-navigable", children: [
|
|
5014
|
+
/* @__PURE__ */ jsx8(
|
|
4927
5015
|
"button",
|
|
4928
5016
|
{
|
|
4929
5017
|
"aria-label": "Previous testimonials",
|
|
@@ -4939,13 +5027,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4939
5027
|
});
|
|
4940
5028
|
},
|
|
4941
5029
|
type: "button",
|
|
4942
|
-
children: /* @__PURE__ */
|
|
5030
|
+
children: /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2039" })
|
|
4943
5031
|
}
|
|
4944
5032
|
),
|
|
4945
|
-
/* @__PURE__ */
|
|
5033
|
+
/* @__PURE__ */ jsx8("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
|
|
4946
5034
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4947
5035
|
const ratingValue = parseTestimonialRating(item?.rating, 5);
|
|
4948
|
-
return /* @__PURE__ */
|
|
5036
|
+
return /* @__PURE__ */ jsxs7(
|
|
4949
5037
|
"article",
|
|
4950
5038
|
{
|
|
4951
5039
|
className: "panel",
|
|
@@ -4955,14 +5043,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4955
5043
|
},
|
|
4956
5044
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4957
5045
|
children: [
|
|
4958
|
-
/* @__PURE__ */
|
|
4959
|
-
/* @__PURE__ */
|
|
4960
|
-
/* @__PURE__ */
|
|
5046
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-quote-top", children: [
|
|
5047
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
|
|
5048
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
|
|
4961
5049
|
"\u2605".repeat(ratingValue),
|
|
4962
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
|
|
4963
5051
|
] })
|
|
4964
5052
|
] }),
|
|
4965
|
-
/* @__PURE__ */
|
|
5053
|
+
/* @__PURE__ */ jsx8("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ jsx8(
|
|
4966
5054
|
InlineText,
|
|
4967
5055
|
{
|
|
4968
5056
|
as: "span",
|
|
@@ -4972,10 +5060,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4972
5060
|
value: normalizeText2(item?.quote)
|
|
4973
5061
|
}
|
|
4974
5062
|
) }),
|
|
4975
|
-
/* @__PURE__ */
|
|
4976
|
-
/* @__PURE__ */
|
|
4977
|
-
/* @__PURE__ */
|
|
4978
|
-
/* @__PURE__ */
|
|
5063
|
+
/* @__PURE__ */ jsxs7("div", { className: "quote-author", children: [
|
|
5064
|
+
/* @__PURE__ */ jsx8("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
|
|
5065
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5066
|
+
/* @__PURE__ */ jsx8(
|
|
4979
5067
|
InlineText,
|
|
4980
5068
|
{
|
|
4981
5069
|
as: "span",
|
|
@@ -4984,7 +5072,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4984
5072
|
value: normalizeText2(item?.name)
|
|
4985
5073
|
}
|
|
4986
5074
|
),
|
|
4987
|
-
/* @__PURE__ */
|
|
5075
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ jsx8(
|
|
4988
5076
|
InlineText,
|
|
4989
5077
|
{
|
|
4990
5078
|
as: "span",
|
|
@@ -5000,7 +5088,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5000
5088
|
`testimonial-${itemIndex}`
|
|
5001
5089
|
);
|
|
5002
5090
|
}) }),
|
|
5003
|
-
/* @__PURE__ */
|
|
5091
|
+
/* @__PURE__ */ jsx8(
|
|
5004
5092
|
"button",
|
|
5005
5093
|
{
|
|
5006
5094
|
"aria-label": "Next testimonials",
|
|
@@ -5016,13 +5104,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5016
5104
|
});
|
|
5017
5105
|
},
|
|
5018
5106
|
type: "button",
|
|
5019
|
-
children: /* @__PURE__ */
|
|
5107
|
+
children: /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u203A" })
|
|
5020
5108
|
}
|
|
5021
5109
|
)
|
|
5022
|
-
] }) : /* @__PURE__ */
|
|
5110
|
+
] }) : /* @__PURE__ */ jsx8("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
|
|
5023
5111
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
5024
5112
|
const ratingValue = parseTestimonialRating(item?.rating, 5);
|
|
5025
|
-
return /* @__PURE__ */
|
|
5113
|
+
return /* @__PURE__ */ jsxs7(
|
|
5026
5114
|
"article",
|
|
5027
5115
|
{
|
|
5028
5116
|
className: "panel",
|
|
@@ -5032,14 +5120,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5032
5120
|
},
|
|
5033
5121
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
5034
5122
|
children: [
|
|
5035
|
-
/* @__PURE__ */
|
|
5036
|
-
/* @__PURE__ */
|
|
5037
|
-
/* @__PURE__ */
|
|
5123
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-quote-top", children: [
|
|
5124
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
|
|
5125
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
|
|
5038
5126
|
"\u2605".repeat(ratingValue),
|
|
5039
|
-
/* @__PURE__ */
|
|
5127
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
|
|
5040
5128
|
] })
|
|
5041
5129
|
] }),
|
|
5042
|
-
/* @__PURE__ */
|
|
5130
|
+
/* @__PURE__ */ jsx8("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ jsx8(
|
|
5043
5131
|
InlineText,
|
|
5044
5132
|
{
|
|
5045
5133
|
as: "span",
|
|
@@ -5049,10 +5137,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5049
5137
|
value: normalizeText2(item?.quote)
|
|
5050
5138
|
}
|
|
5051
5139
|
) }),
|
|
5052
|
-
/* @__PURE__ */
|
|
5053
|
-
/* @__PURE__ */
|
|
5054
|
-
/* @__PURE__ */
|
|
5055
|
-
/* @__PURE__ */
|
|
5140
|
+
/* @__PURE__ */ jsxs7("div", { className: "quote-author", children: [
|
|
5141
|
+
/* @__PURE__ */ jsx8("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
|
|
5142
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5143
|
+
/* @__PURE__ */ jsx8(
|
|
5056
5144
|
InlineText,
|
|
5057
5145
|
{
|
|
5058
5146
|
as: "span",
|
|
@@ -5061,7 +5149,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5061
5149
|
value: normalizeText2(item?.name)
|
|
5062
5150
|
}
|
|
5063
5151
|
),
|
|
5064
|
-
/* @__PURE__ */
|
|
5152
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ jsx8(
|
|
5065
5153
|
InlineText,
|
|
5066
5154
|
{
|
|
5067
5155
|
as: "span",
|
|
@@ -5085,7 +5173,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5085
5173
|
}
|
|
5086
5174
|
if (type === "faq") {
|
|
5087
5175
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
5088
|
-
return /* @__PURE__ */
|
|
5176
|
+
return /* @__PURE__ */ jsx8(
|
|
5089
5177
|
BlockFrame,
|
|
5090
5178
|
{
|
|
5091
5179
|
dragIndex,
|
|
@@ -5098,8 +5186,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5098
5186
|
children: renderWithSectionShell(
|
|
5099
5187
|
block,
|
|
5100
5188
|
"section",
|
|
5101
|
-
/* @__PURE__ */
|
|
5102
|
-
/* @__PURE__ */
|
|
5189
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5190
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
5103
5191
|
InlineText,
|
|
5104
5192
|
{
|
|
5105
5193
|
as: "h2",
|
|
@@ -5108,8 +5196,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5108
5196
|
value: normalizeText2(block.title)
|
|
5109
5197
|
}
|
|
5110
5198
|
) }) }),
|
|
5111
|
-
/* @__PURE__ */
|
|
5112
|
-
/* @__PURE__ */
|
|
5199
|
+
/* @__PURE__ */ jsx8("div", { className: "faq-list", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxs7("details", { className: "faq-item", open: true, children: [
|
|
5200
|
+
/* @__PURE__ */ jsx8("summary", { children: /* @__PURE__ */ jsx8(
|
|
5113
5201
|
InlineText,
|
|
5114
5202
|
{
|
|
5115
5203
|
as: "span",
|
|
@@ -5118,7 +5206,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5118
5206
|
value: normalizeText2(item?.question)
|
|
5119
5207
|
}
|
|
5120
5208
|
) }),
|
|
5121
|
-
/* @__PURE__ */
|
|
5209
|
+
/* @__PURE__ */ jsx8(
|
|
5122
5210
|
InlineText,
|
|
5123
5211
|
{
|
|
5124
5212
|
as: "p",
|
|
@@ -5138,7 +5226,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5138
5226
|
if (type === "cta") {
|
|
5139
5227
|
const ctaStyle = normalizeText2(block.style, "light");
|
|
5140
5228
|
const backgroundColor = normalizeText2(block.backgroundColor);
|
|
5141
|
-
return /* @__PURE__ */
|
|
5229
|
+
return /* @__PURE__ */ jsx8(
|
|
5142
5230
|
BlockFrame,
|
|
5143
5231
|
{
|
|
5144
5232
|
dragIndex,
|
|
@@ -5151,14 +5239,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5151
5239
|
children: renderWithSectionShell(
|
|
5152
5240
|
block,
|
|
5153
5241
|
"section",
|
|
5154
|
-
/* @__PURE__ */
|
|
5242
|
+
/* @__PURE__ */ jsxs7(
|
|
5155
5243
|
"div",
|
|
5156
5244
|
{
|
|
5157
5245
|
className: `contact-strip ${ctaStyle === "dark" ? "contact-strip-dark" : ""}`,
|
|
5158
5246
|
style: backgroundColor ? { background: backgroundColor } : void 0,
|
|
5159
5247
|
children: [
|
|
5160
|
-
/* @__PURE__ */
|
|
5161
|
-
/* @__PURE__ */
|
|
5248
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5249
|
+
/* @__PURE__ */ jsx8(
|
|
5162
5250
|
InlineText,
|
|
5163
5251
|
{
|
|
5164
5252
|
as: "h3",
|
|
@@ -5168,7 +5256,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5168
5256
|
value: normalizeText2(block.headline)
|
|
5169
5257
|
}
|
|
5170
5258
|
),
|
|
5171
|
-
/* @__PURE__ */
|
|
5259
|
+
/* @__PURE__ */ jsx8(
|
|
5172
5260
|
InlineText,
|
|
5173
5261
|
{
|
|
5174
5262
|
as: "p",
|
|
@@ -5180,7 +5268,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5180
5268
|
}
|
|
5181
5269
|
)
|
|
5182
5270
|
] }),
|
|
5183
|
-
/* @__PURE__ */
|
|
5271
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
5184
5272
|
InlineText,
|
|
5185
5273
|
{
|
|
5186
5274
|
as: "span",
|
|
@@ -5200,7 +5288,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5200
5288
|
if (type === "richText") {
|
|
5201
5289
|
const width = normalizeText2(block.width, "normal");
|
|
5202
5290
|
const plainTextValue = extractLexicalText(block.content);
|
|
5203
|
-
return /* @__PURE__ */
|
|
5291
|
+
return /* @__PURE__ */ jsx8(
|
|
5204
5292
|
BlockFrame,
|
|
5205
5293
|
{
|
|
5206
5294
|
dragIndex,
|
|
@@ -5213,8 +5301,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5213
5301
|
children: renderWithSectionShell(
|
|
5214
5302
|
block,
|
|
5215
5303
|
"section",
|
|
5216
|
-
/* @__PURE__ */
|
|
5217
|
-
/* @__PURE__ */
|
|
5304
|
+
/* @__PURE__ */ jsxs7("div", { className: `richtext-wrap ${width === "narrow" ? "narrow" : ""}`, children: [
|
|
5305
|
+
/* @__PURE__ */ jsx8(
|
|
5218
5306
|
InlineText,
|
|
5219
5307
|
{
|
|
5220
5308
|
as: "h2",
|
|
@@ -5223,7 +5311,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5223
5311
|
value: normalizeText2(block.title)
|
|
5224
5312
|
}
|
|
5225
5313
|
),
|
|
5226
|
-
/* @__PURE__ */
|
|
5314
|
+
/* @__PURE__ */ jsx8("div", { className: "richtext-content", children: /* @__PURE__ */ jsx8(
|
|
5227
5315
|
InlineText,
|
|
5228
5316
|
{
|
|
5229
5317
|
as: "p",
|
|
@@ -5248,7 +5336,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5248
5336
|
fit: normalizeImageFit2(block?.imageFit),
|
|
5249
5337
|
position: normalizeImagePosition2(block?.imagePosition)
|
|
5250
5338
|
});
|
|
5251
|
-
return /* @__PURE__ */
|
|
5339
|
+
return /* @__PURE__ */ jsx8(
|
|
5252
5340
|
BlockFrame,
|
|
5253
5341
|
{
|
|
5254
5342
|
dragIndex,
|
|
@@ -5261,11 +5349,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5261
5349
|
children: renderWithSectionShell(
|
|
5262
5350
|
block,
|
|
5263
5351
|
"section",
|
|
5264
|
-
/* @__PURE__ */
|
|
5352
|
+
/* @__PURE__ */ jsxs7("figure", { className: `media-figure ${size === "wide" ? "wide" : ""}`, children: [
|
|
5265
5353
|
image?.url ? (
|
|
5266
5354
|
// eslint-disable-next-line @next/next/no-img-element
|
|
5267
|
-
/* @__PURE__ */
|
|
5268
|
-
) : /* @__PURE__ */
|
|
5355
|
+
/* @__PURE__ */ jsx8("img", { alt: image.alt || "Page media", src: image.url, style: imageStyle })
|
|
5356
|
+
) : /* @__PURE__ */ jsx8(
|
|
5269
5357
|
"div",
|
|
5270
5358
|
{
|
|
5271
5359
|
style: {
|
|
@@ -5278,8 +5366,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5278
5366
|
children: "No image selected"
|
|
5279
5367
|
}
|
|
5280
5368
|
),
|
|
5281
|
-
isBlockUploadTarget(index, "media") ? /* @__PURE__ */
|
|
5282
|
-
/* @__PURE__ */
|
|
5369
|
+
isBlockUploadTarget(index, "media") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null,
|
|
5370
|
+
/* @__PURE__ */ jsx8("figcaption", { children: /* @__PURE__ */ jsx8(
|
|
5283
5371
|
InlineText,
|
|
5284
5372
|
{
|
|
5285
5373
|
as: "span",
|
|
@@ -5295,7 +5383,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5295
5383
|
);
|
|
5296
5384
|
}
|
|
5297
5385
|
if (type === "formEmbed") {
|
|
5298
|
-
return /* @__PURE__ */
|
|
5386
|
+
return /* @__PURE__ */ jsx8(
|
|
5299
5387
|
BlockFrame,
|
|
5300
5388
|
{
|
|
5301
5389
|
dragIndex,
|
|
@@ -5308,8 +5396,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5308
5396
|
children: renderWithSectionShell(
|
|
5309
5397
|
block,
|
|
5310
5398
|
"section",
|
|
5311
|
-
/* @__PURE__ */
|
|
5312
|
-
/* @__PURE__ */
|
|
5399
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5400
|
+
/* @__PURE__ */ jsx8(
|
|
5313
5401
|
InlineText,
|
|
5314
5402
|
{
|
|
5315
5403
|
as: "h2",
|
|
@@ -5318,7 +5406,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5318
5406
|
value: normalizeText2(block.title)
|
|
5319
5407
|
}
|
|
5320
5408
|
),
|
|
5321
|
-
/* @__PURE__ */
|
|
5409
|
+
/* @__PURE__ */ jsx8(
|
|
5322
5410
|
InlineText,
|
|
5323
5411
|
{
|
|
5324
5412
|
as: "p",
|
|
@@ -5328,7 +5416,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5328
5416
|
value: normalizeText2(block.description)
|
|
5329
5417
|
}
|
|
5330
5418
|
),
|
|
5331
|
-
/* @__PURE__ */
|
|
5419
|
+
/* @__PURE__ */ jsx8("div", { style: {
|
|
5332
5420
|
border: "1px dashed rgba(19, 33, 28, 0.25)",
|
|
5333
5421
|
borderRadius: 14,
|
|
5334
5422
|
color: "#54655f",
|
|
@@ -5342,7 +5430,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5342
5430
|
);
|
|
5343
5431
|
}
|
|
5344
5432
|
if (type === "bookingEmbed") {
|
|
5345
|
-
return /* @__PURE__ */
|
|
5433
|
+
return /* @__PURE__ */ jsx8(
|
|
5346
5434
|
BlockFrame,
|
|
5347
5435
|
{
|
|
5348
5436
|
dragIndex,
|
|
@@ -5355,8 +5443,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5355
5443
|
children: renderWithSectionShell(
|
|
5356
5444
|
block,
|
|
5357
5445
|
"section",
|
|
5358
|
-
/* @__PURE__ */
|
|
5359
|
-
/* @__PURE__ */
|
|
5446
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5447
|
+
/* @__PURE__ */ jsx8(
|
|
5360
5448
|
InlineText,
|
|
5361
5449
|
{
|
|
5362
5450
|
as: "h2",
|
|
@@ -5365,7 +5453,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5365
5453
|
value: normalizeText2(block.title)
|
|
5366
5454
|
}
|
|
5367
5455
|
),
|
|
5368
|
-
/* @__PURE__ */
|
|
5456
|
+
/* @__PURE__ */ jsx8(
|
|
5369
5457
|
InlineText,
|
|
5370
5458
|
{
|
|
5371
5459
|
as: "p",
|
|
@@ -5375,7 +5463,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5375
5463
|
value: normalizeText2(block.description)
|
|
5376
5464
|
}
|
|
5377
5465
|
),
|
|
5378
|
-
/* @__PURE__ */
|
|
5466
|
+
/* @__PURE__ */ jsx8("button", { className: "button-link btn btn-primary", style: { marginTop: "1rem" }, type: "button", children: /* @__PURE__ */ jsx8(
|
|
5379
5467
|
InlineText,
|
|
5380
5468
|
{
|
|
5381
5469
|
as: "span",
|
|
@@ -5390,7 +5478,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5390
5478
|
`bookingEmbed-${index}`
|
|
5391
5479
|
);
|
|
5392
5480
|
}
|
|
5393
|
-
return /* @__PURE__ */
|
|
5481
|
+
return /* @__PURE__ */ jsx8(
|
|
5394
5482
|
BlockFrame,
|
|
5395
5483
|
{
|
|
5396
5484
|
dragIndex,
|
|
@@ -5403,24 +5491,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5403
5491
|
children: renderWithSectionShell(
|
|
5404
5492
|
block,
|
|
5405
5493
|
"section",
|
|
5406
|
-
/* @__PURE__ */
|
|
5407
|
-
/* @__PURE__ */
|
|
5494
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5495
|
+
/* @__PURE__ */ jsxs7("h3", { children: [
|
|
5408
5496
|
"Unsupported block type: ",
|
|
5409
5497
|
type
|
|
5410
5498
|
] }),
|
|
5411
|
-
/* @__PURE__ */
|
|
5499
|
+
/* @__PURE__ */ jsx8("pre", { style: { overflow: "auto" }, children: JSON.stringify(block, null, 2) })
|
|
5412
5500
|
] })
|
|
5413
5501
|
)
|
|
5414
5502
|
},
|
|
5415
5503
|
`unknown-${index}`
|
|
5416
5504
|
);
|
|
5417
5505
|
}),
|
|
5418
|
-
layout.length === 0 ? /* @__PURE__ */
|
|
5419
|
-
/* @__PURE__ */
|
|
5420
|
-
/* @__PURE__ */
|
|
5506
|
+
layout.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "container", style: { marginTop: "1.2rem" }, children: /* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5507
|
+
/* @__PURE__ */ jsx8("h3", { style: { color: "var(--forest-900)" }, children: "No sections yet" }),
|
|
5508
|
+
/* @__PURE__ */ jsx8("p", { style: { color: "var(--ink-700)", marginTop: 8 }, children: "Use the right sidebar to apply a starter template or add your first section block." })
|
|
5421
5509
|
] }) }) : null
|
|
5422
5510
|
] }),
|
|
5423
|
-
/* @__PURE__ */
|
|
5511
|
+
/* @__PURE__ */ jsx8(
|
|
5424
5512
|
"aside",
|
|
5425
5513
|
{
|
|
5426
5514
|
style: {
|
|
@@ -5430,7 +5518,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5430
5518
|
top: 12,
|
|
5431
5519
|
zIndex: 60
|
|
5432
5520
|
},
|
|
5433
|
-
children: /* @__PURE__ */
|
|
5521
|
+
children: /* @__PURE__ */ jsxs7(
|
|
5434
5522
|
"div",
|
|
5435
5523
|
{
|
|
5436
5524
|
style: {
|
|
@@ -5443,7 +5531,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5443
5531
|
width: sidebarOpen ? 340 : 52
|
|
5444
5532
|
},
|
|
5445
5533
|
children: [
|
|
5446
|
-
/* @__PURE__ */
|
|
5534
|
+
/* @__PURE__ */ jsx8(
|
|
5447
5535
|
"button",
|
|
5448
5536
|
{
|
|
5449
5537
|
onClick: () => setSidebarOpen((open) => !open),
|
|
@@ -5462,10 +5550,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5462
5550
|
width: "100%"
|
|
5463
5551
|
},
|
|
5464
5552
|
type: "button",
|
|
5465
|
-
children: sidebarOpen ? /* @__PURE__ */
|
|
5466
|
-
/* @__PURE__ */
|
|
5467
|
-
/* @__PURE__ */
|
|
5468
|
-
] }) : /* @__PURE__ */
|
|
5553
|
+
children: sidebarOpen ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5554
|
+
/* @__PURE__ */ jsx8("span", { children: "Sections & Settings" }),
|
|
5555
|
+
/* @__PURE__ */ jsx8("span", { children: "Collapse" })
|
|
5556
|
+
] }) : /* @__PURE__ */ jsx8("span", { children: "+" })
|
|
5469
5557
|
}
|
|
5470
5558
|
),
|
|
5471
5559
|
(() => {
|
|
@@ -5477,7 +5565,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5477
5565
|
const isActive = activeSidebarPanel === panel.key;
|
|
5478
5566
|
const iconFill = isActive ? "#ffffff" : "#124a37";
|
|
5479
5567
|
const iconButtonBg = isActive ? "#124a37" : "rgba(18, 74, 55, 0.08)";
|
|
5480
|
-
return /* @__PURE__ */
|
|
5568
|
+
return /* @__PURE__ */ jsxs7(
|
|
5481
5569
|
"button",
|
|
5482
5570
|
{
|
|
5483
5571
|
"aria-label": panel.label,
|
|
@@ -5496,22 +5584,22 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5496
5584
|
title: panel.label,
|
|
5497
5585
|
type: "button",
|
|
5498
5586
|
children: [
|
|
5499
|
-
panel.key === "pageDefaults" ? /* @__PURE__ */
|
|
5500
|
-
/* @__PURE__ */
|
|
5501
|
-
/* @__PURE__ */
|
|
5587
|
+
panel.key === "pageDefaults" ? /* @__PURE__ */ jsxs7("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
|
|
5588
|
+
/* @__PURE__ */ jsx8("rect", { height: "14", rx: "2", stroke: iconFill, strokeWidth: "2", width: "18", x: "3", y: "5" }),
|
|
5589
|
+
/* @__PURE__ */ jsx8("path", { d: "M9 5v14", stroke: iconFill, strokeWidth: "2" })
|
|
5502
5590
|
] }) : null,
|
|
5503
|
-
panel.key === "addSections" ? /* @__PURE__ */
|
|
5504
|
-
/* @__PURE__ */
|
|
5505
|
-
/* @__PURE__ */
|
|
5591
|
+
panel.key === "addSections" ? /* @__PURE__ */ jsxs7("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
|
|
5592
|
+
/* @__PURE__ */ jsx8("path", { d: "M12 5v14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" }),
|
|
5593
|
+
/* @__PURE__ */ jsx8("path", { d: "M5 12h14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" })
|
|
5506
5594
|
] }) : null,
|
|
5507
|
-
panel.key === "selected" ? /* @__PURE__ */
|
|
5595
|
+
panel.key === "selected" ? /* @__PURE__ */ jsx8("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: /* @__PURE__ */ jsx8("path", { d: "M6 3l12 9-7 2-2 7-3-18z", fill: iconFill, opacity: "0.92" }) }) : null
|
|
5508
5596
|
]
|
|
5509
5597
|
},
|
|
5510
5598
|
panel.key
|
|
5511
5599
|
);
|
|
5512
5600
|
});
|
|
5513
|
-
return sidebarOpen ? /* @__PURE__ */
|
|
5514
|
-
/* @__PURE__ */
|
|
5601
|
+
return sidebarOpen ? /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", maxHeight: "calc(100vh - 90px)", overflow: "hidden" }, children: [
|
|
5602
|
+
/* @__PURE__ */ jsxs7(
|
|
5515
5603
|
"div",
|
|
5516
5604
|
{
|
|
5517
5605
|
style: {
|
|
@@ -5524,7 +5612,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5524
5612
|
},
|
|
5525
5613
|
children: [
|
|
5526
5614
|
tabs,
|
|
5527
|
-
/* @__PURE__ */
|
|
5615
|
+
/* @__PURE__ */ jsx8(
|
|
5528
5616
|
"button",
|
|
5529
5617
|
{
|
|
5530
5618
|
onClick: () => setSettingsPanelV2Override((current) => current === false ? true : false),
|
|
@@ -5549,11 +5637,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5549
5637
|
]
|
|
5550
5638
|
}
|
|
5551
5639
|
),
|
|
5552
|
-
/* @__PURE__ */
|
|
5553
|
-
activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */
|
|
5554
|
-
/* @__PURE__ */
|
|
5555
|
-
/* @__PURE__ */
|
|
5556
|
-
/* @__PURE__ */
|
|
5640
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", overflowY: "auto", padding: 12 }, children: [
|
|
5641
|
+
activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5642
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5643
|
+
/* @__PURE__ */ jsx8("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Page Defaults" }),
|
|
5644
|
+
/* @__PURE__ */ jsx8(
|
|
5557
5645
|
"button",
|
|
5558
5646
|
{
|
|
5559
5647
|
onClick: collapseSidebar,
|
|
@@ -5571,10 +5659,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5571
5659
|
}
|
|
5572
5660
|
)
|
|
5573
5661
|
] }),
|
|
5574
|
-
/* @__PURE__ */
|
|
5575
|
-
/* @__PURE__ */
|
|
5662
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: [
|
|
5663
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5576
5664
|
"Default Page Width",
|
|
5577
|
-
/* @__PURE__ */
|
|
5665
|
+
/* @__PURE__ */ jsxs7(
|
|
5578
5666
|
"select",
|
|
5579
5667
|
{
|
|
5580
5668
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5584,15 +5672,15 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5584
5672
|
style: sidebarInputStyle,
|
|
5585
5673
|
value: pageDefaults.pageWidthDefault,
|
|
5586
5674
|
children: [
|
|
5587
|
-
/* @__PURE__ */
|
|
5588
|
-
/* @__PURE__ */
|
|
5589
|
-
/* @__PURE__ */
|
|
5675
|
+
/* @__PURE__ */ jsx8("option", { value: "content", children: "Content" }),
|
|
5676
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" }),
|
|
5677
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full" })
|
|
5590
5678
|
]
|
|
5591
5679
|
}
|
|
5592
5680
|
)
|
|
5593
5681
|
] }),
|
|
5594
|
-
/* @__PURE__ */
|
|
5595
|
-
/* @__PURE__ */
|
|
5682
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Applies when section/content width is set to inherit." }),
|
|
5683
|
+
/* @__PURE__ */ jsx8(
|
|
5596
5684
|
"div",
|
|
5597
5685
|
{
|
|
5598
5686
|
style: {
|
|
@@ -5607,9 +5695,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5607
5695
|
children: "Theme (Page Overrides)"
|
|
5608
5696
|
}
|
|
5609
5697
|
),
|
|
5610
|
-
/* @__PURE__ */
|
|
5698
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5611
5699
|
"Accent Color",
|
|
5612
|
-
/* @__PURE__ */
|
|
5700
|
+
/* @__PURE__ */ jsx8(
|
|
5613
5701
|
"input",
|
|
5614
5702
|
{
|
|
5615
5703
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5622,9 +5710,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5622
5710
|
}
|
|
5623
5711
|
)
|
|
5624
5712
|
] }),
|
|
5625
|
-
/* @__PURE__ */
|
|
5713
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5626
5714
|
"Heading Text Color",
|
|
5627
|
-
/* @__PURE__ */
|
|
5715
|
+
/* @__PURE__ */ jsx8(
|
|
5628
5716
|
"input",
|
|
5629
5717
|
{
|
|
5630
5718
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5637,9 +5725,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5637
5725
|
}
|
|
5638
5726
|
)
|
|
5639
5727
|
] }),
|
|
5640
|
-
/* @__PURE__ */
|
|
5728
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5641
5729
|
"Body Text Color",
|
|
5642
|
-
/* @__PURE__ */
|
|
5730
|
+
/* @__PURE__ */ jsx8(
|
|
5643
5731
|
"input",
|
|
5644
5732
|
{
|
|
5645
5733
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5652,9 +5740,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5652
5740
|
}
|
|
5653
5741
|
)
|
|
5654
5742
|
] }),
|
|
5655
|
-
/* @__PURE__ */
|
|
5743
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5656
5744
|
"Panel Radius (px)",
|
|
5657
|
-
/* @__PURE__ */
|
|
5745
|
+
/* @__PURE__ */ jsx8(
|
|
5658
5746
|
"input",
|
|
5659
5747
|
{
|
|
5660
5748
|
max: 40,
|
|
@@ -5675,10 +5763,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5675
5763
|
] })
|
|
5676
5764
|
] })
|
|
5677
5765
|
] }) : null,
|
|
5678
|
-
activeSidebarPanel === "addSections" ? /* @__PURE__ */
|
|
5679
|
-
/* @__PURE__ */
|
|
5680
|
-
/* @__PURE__ */
|
|
5681
|
-
/* @__PURE__ */
|
|
5766
|
+
activeSidebarPanel === "addSections" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5767
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5768
|
+
/* @__PURE__ */ jsx8("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Add Sections" }),
|
|
5769
|
+
/* @__PURE__ */ jsx8(
|
|
5682
5770
|
"button",
|
|
5683
5771
|
{
|
|
5684
5772
|
onClick: collapseSidebar,
|
|
@@ -5696,8 +5784,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5696
5784
|
}
|
|
5697
5785
|
)
|
|
5698
5786
|
] }),
|
|
5699
|
-
/* @__PURE__ */
|
|
5700
|
-
/* @__PURE__ */
|
|
5787
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 10, marginTop: 10 }, children: [
|
|
5788
|
+
/* @__PURE__ */ jsxs7(
|
|
5701
5789
|
"button",
|
|
5702
5790
|
{
|
|
5703
5791
|
onClick: applyTemplateStarter,
|
|
@@ -5719,8 +5807,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5719
5807
|
]
|
|
5720
5808
|
}
|
|
5721
5809
|
),
|
|
5722
|
-
/* @__PURE__ */
|
|
5723
|
-
/* @__PURE__ */
|
|
5810
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 8 }, children: [
|
|
5811
|
+
/* @__PURE__ */ jsx8(
|
|
5724
5812
|
"input",
|
|
5725
5813
|
{
|
|
5726
5814
|
onChange: (event) => setPresetQuery(event.target.value),
|
|
@@ -5730,7 +5818,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5730
5818
|
value: presetQuery
|
|
5731
5819
|
}
|
|
5732
5820
|
),
|
|
5733
|
-
filteredSectionPresets.map((preset) => /* @__PURE__ */
|
|
5821
|
+
filteredSectionPresets.map((preset) => /* @__PURE__ */ jsxs7(
|
|
5734
5822
|
"button",
|
|
5735
5823
|
{
|
|
5736
5824
|
onClick: () => addSectionPreset(preset.blocks),
|
|
@@ -5745,17 +5833,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5745
5833
|
},
|
|
5746
5834
|
type: "button",
|
|
5747
5835
|
children: [
|
|
5748
|
-
/* @__PURE__ */
|
|
5749
|
-
/* @__PURE__ */
|
|
5836
|
+
/* @__PURE__ */ jsx8("span", { style: { fontSize: 12, fontWeight: 700 }, children: preset.title }),
|
|
5837
|
+
/* @__PURE__ */ jsx8("span", { style: { color: "var(--ink-700)", fontSize: 11 }, children: preset.description })
|
|
5750
5838
|
]
|
|
5751
5839
|
},
|
|
5752
5840
|
preset.id
|
|
5753
5841
|
)),
|
|
5754
|
-
filteredSectionPresets.length === 0 ? /* @__PURE__ */
|
|
5842
|
+
filteredSectionPresets.length === 0 ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "No presets match this search." }) : null
|
|
5755
5843
|
] }),
|
|
5756
|
-
/* @__PURE__ */
|
|
5757
|
-
/* @__PURE__ */
|
|
5758
|
-
/* @__PURE__ */
|
|
5844
|
+
/* @__PURE__ */ jsxs7("div", { style: { borderTop: "1px solid rgba(13, 74, 55, 0.12)", marginTop: 2, paddingTop: 10 }, children: [
|
|
5845
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11, fontWeight: 800, textTransform: "uppercase" }, children: "Quick Add Blocks" }),
|
|
5846
|
+
/* @__PURE__ */ jsx8("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr", marginTop: 8 }, children: quickAddBlockTypes.map((type) => /* @__PURE__ */ jsxs7(
|
|
5759
5847
|
"button",
|
|
5760
5848
|
{
|
|
5761
5849
|
onClick: () => addBlockByType(type),
|
|
@@ -5778,13 +5866,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5778
5866
|
] })
|
|
5779
5867
|
] })
|
|
5780
5868
|
] }) : null,
|
|
5781
|
-
activeSidebarPanel === "selected" ? /* @__PURE__ */
|
|
5782
|
-
/* @__PURE__ */
|
|
5783
|
-
/* @__PURE__ */
|
|
5869
|
+
activeSidebarPanel === "selected" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5870
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5871
|
+
/* @__PURE__ */ jsxs7("div", { style: { fontSize: 13, fontWeight: 800 }, children: [
|
|
5784
5872
|
"Selected Section ",
|
|
5785
5873
|
selectedIndex !== null ? `#${selectedIndex + 1}` : ""
|
|
5786
5874
|
] }),
|
|
5787
|
-
/* @__PURE__ */
|
|
5875
|
+
/* @__PURE__ */ jsx8(
|
|
5788
5876
|
"button",
|
|
5789
5877
|
{
|
|
5790
5878
|
onClick: collapseSidebar,
|
|
@@ -5802,10 +5890,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5802
5890
|
}
|
|
5803
5891
|
)
|
|
5804
5892
|
] }),
|
|
5805
|
-
/* @__PURE__ */
|
|
5806
|
-
/* @__PURE__ */
|
|
5807
|
-
/* @__PURE__ */
|
|
5808
|
-
/* @__PURE__ */
|
|
5893
|
+
/* @__PURE__ */ jsx8("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: selectedBlock ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5894
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: blockTypeLabels[selectedType] || selectedType }),
|
|
5895
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
|
|
5896
|
+
/* @__PURE__ */ jsx8(
|
|
5809
5897
|
"button",
|
|
5810
5898
|
{
|
|
5811
5899
|
disabled: selectedIndex === null || selectedIndex <= 0,
|
|
@@ -5815,7 +5903,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5815
5903
|
children: "Move Up"
|
|
5816
5904
|
}
|
|
5817
5905
|
),
|
|
5818
|
-
/* @__PURE__ */
|
|
5906
|
+
/* @__PURE__ */ jsx8(
|
|
5819
5907
|
"button",
|
|
5820
5908
|
{
|
|
5821
5909
|
disabled: selectedIndex === null || selectedIndex >= layout.length - 1,
|
|
@@ -5825,7 +5913,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5825
5913
|
children: "Move Down"
|
|
5826
5914
|
}
|
|
5827
5915
|
),
|
|
5828
|
-
/* @__PURE__ */
|
|
5916
|
+
/* @__PURE__ */ jsx8(
|
|
5829
5917
|
"button",
|
|
5830
5918
|
{
|
|
5831
5919
|
onClick: duplicateSelectedBlock,
|
|
@@ -5834,7 +5922,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5834
5922
|
children: "Duplicate"
|
|
5835
5923
|
}
|
|
5836
5924
|
),
|
|
5837
|
-
/* @__PURE__ */
|
|
5925
|
+
/* @__PURE__ */ jsx8(
|
|
5838
5926
|
"button",
|
|
5839
5927
|
{
|
|
5840
5928
|
onClick: removeSelectedBlock,
|
|
@@ -5852,8 +5940,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5852
5940
|
}
|
|
5853
5941
|
)
|
|
5854
5942
|
] }),
|
|
5855
|
-
v2InspectorEnabledForSelected ? /* @__PURE__ */
|
|
5856
|
-
/* @__PURE__ */
|
|
5943
|
+
v2InspectorEnabledForSelected ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5944
|
+
/* @__PURE__ */ jsx8(
|
|
5857
5945
|
BlockInspectorRenderer,
|
|
5858
5946
|
{
|
|
5859
5947
|
block: selectedBlock,
|
|
@@ -5866,7 +5954,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5866
5954
|
searchQuery: settingsSearchQuery
|
|
5867
5955
|
}
|
|
5868
5956
|
),
|
|
5869
|
-
isArrayItemBlockSelected ? /* @__PURE__ */
|
|
5957
|
+
isArrayItemBlockSelected ? /* @__PURE__ */ jsx8(
|
|
5870
5958
|
ArrayItemsEditor,
|
|
5871
5959
|
{
|
|
5872
5960
|
blockType: selectedType,
|
|
@@ -5889,84 +5977,84 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5889
5977
|
uploadDisabled: uploadingTarget !== null
|
|
5890
5978
|
}
|
|
5891
5979
|
) : null
|
|
5892
|
-
] }) : /* @__PURE__ */
|
|
5893
|
-
/* @__PURE__ */
|
|
5980
|
+
] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5981
|
+
/* @__PURE__ */ jsxs7("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: [
|
|
5894
5982
|
"Section width follows ",
|
|
5895
|
-
/* @__PURE__ */
|
|
5983
|
+
/* @__PURE__ */ jsx8("strong", { children: "Page Defaults" }),
|
|
5896
5984
|
" for a consistent page layout."
|
|
5897
5985
|
] }),
|
|
5898
|
-
/* @__PURE__ */
|
|
5986
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5899
5987
|
"Content Width",
|
|
5900
|
-
/* @__PURE__ */
|
|
5988
|
+
/* @__PURE__ */ jsxs7(
|
|
5901
5989
|
"select",
|
|
5902
5990
|
{
|
|
5903
5991
|
onChange: (event) => setSelectedStyleField("contentWidth", event.target.value),
|
|
5904
5992
|
style: sidebarInputStyle,
|
|
5905
5993
|
value: normalizeText2(selectedSectionStyle.contentWidth, "inherit"),
|
|
5906
5994
|
children: [
|
|
5907
|
-
/* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
5909
|
-
/* @__PURE__ */
|
|
5910
|
-
/* @__PURE__ */
|
|
5911
|
-
/* @__PURE__ */
|
|
5995
|
+
/* @__PURE__ */ jsx8("option", { value: "inherit", children: "Inherit Page Default" }),
|
|
5996
|
+
/* @__PURE__ */ jsx8("option", { value: "narrow", children: "Narrow" }),
|
|
5997
|
+
/* @__PURE__ */ jsx8("option", { value: "content", children: "Content" }),
|
|
5998
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" }),
|
|
5999
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full" })
|
|
5912
6000
|
]
|
|
5913
6001
|
}
|
|
5914
6002
|
)
|
|
5915
6003
|
] }),
|
|
5916
|
-
/* @__PURE__ */
|
|
6004
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5917
6005
|
"Section Vertical Spacing",
|
|
5918
|
-
/* @__PURE__ */
|
|
6006
|
+
/* @__PURE__ */ jsxs7(
|
|
5919
6007
|
"select",
|
|
5920
6008
|
{
|
|
5921
6009
|
onChange: (event) => setSelectedStyleField("sectionPaddingY", event.target.value),
|
|
5922
6010
|
style: sidebarInputStyle,
|
|
5923
6011
|
value: normalizeText2(selectedSectionStyle.sectionPaddingY, "md"),
|
|
5924
6012
|
children: [
|
|
5925
|
-
/* @__PURE__ */
|
|
5926
|
-
/* @__PURE__ */
|
|
5927
|
-
/* @__PURE__ */
|
|
5928
|
-
/* @__PURE__ */
|
|
6013
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6014
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6015
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium" }),
|
|
6016
|
+
/* @__PURE__ */ jsx8("option", { value: "lg", children: "Large" })
|
|
5929
6017
|
]
|
|
5930
6018
|
}
|
|
5931
6019
|
)
|
|
5932
6020
|
] }),
|
|
5933
|
-
/* @__PURE__ */
|
|
6021
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5934
6022
|
"Section Horizontal Spacing",
|
|
5935
|
-
/* @__PURE__ */
|
|
6023
|
+
/* @__PURE__ */ jsxs7(
|
|
5936
6024
|
"select",
|
|
5937
6025
|
{
|
|
5938
6026
|
onChange: (event) => setSelectedStyleField("sectionPaddingX", event.target.value),
|
|
5939
6027
|
style: sidebarInputStyle,
|
|
5940
6028
|
value: normalizeText2(selectedSectionStyle.sectionPaddingX, "inherit"),
|
|
5941
6029
|
children: [
|
|
5942
|
-
/* @__PURE__ */
|
|
5943
|
-
/* @__PURE__ */
|
|
5944
|
-
/* @__PURE__ */
|
|
5945
|
-
/* @__PURE__ */
|
|
5946
|
-
/* @__PURE__ */
|
|
6030
|
+
/* @__PURE__ */ jsx8("option", { value: "inherit", children: "Inherit (Edge-to-Edge on Full Width)" }),
|
|
6031
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6032
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6033
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium" }),
|
|
6034
|
+
/* @__PURE__ */ jsx8("option", { value: "lg", children: "Large" })
|
|
5947
6035
|
]
|
|
5948
6036
|
}
|
|
5949
6037
|
)
|
|
5950
6038
|
] }),
|
|
5951
|
-
/* @__PURE__ */
|
|
6039
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5952
6040
|
"Section Background",
|
|
5953
|
-
/* @__PURE__ */
|
|
6041
|
+
/* @__PURE__ */ jsxs7(
|
|
5954
6042
|
"select",
|
|
5955
6043
|
{
|
|
5956
6044
|
onChange: (event) => setSelectedStyleField("sectionBackgroundMode", event.target.value),
|
|
5957
6045
|
style: sidebarInputStyle,
|
|
5958
6046
|
value: normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none"),
|
|
5959
6047
|
children: [
|
|
5960
|
-
/* @__PURE__ */
|
|
5961
|
-
/* @__PURE__ */
|
|
5962
|
-
/* @__PURE__ */
|
|
6048
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6049
|
+
/* @__PURE__ */ jsx8("option", { value: "color", children: "Color" }),
|
|
6050
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
5963
6051
|
]
|
|
5964
6052
|
}
|
|
5965
6053
|
)
|
|
5966
6054
|
] }),
|
|
5967
|
-
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */
|
|
6055
|
+
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5968
6056
|
"Section Background Color",
|
|
5969
|
-
/* @__PURE__ */
|
|
6057
|
+
/* @__PURE__ */ jsx8(
|
|
5970
6058
|
"input",
|
|
5971
6059
|
{
|
|
5972
6060
|
onChange: (event) => setSelectedStyleField("sectionBackgroundColor", event.target.value),
|
|
@@ -5976,23 +6064,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5976
6064
|
}
|
|
5977
6065
|
)
|
|
5978
6066
|
] }) : null,
|
|
5979
|
-
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */
|
|
5980
|
-
/* @__PURE__ */
|
|
6067
|
+
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6068
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5981
6069
|
"Section Gradient Preset",
|
|
5982
|
-
/* @__PURE__ */
|
|
6070
|
+
/* @__PURE__ */ jsx8(
|
|
5983
6071
|
"select",
|
|
5984
6072
|
{
|
|
5985
6073
|
onChange: (event) => applyGradientPreset("section", event.target.value),
|
|
5986
6074
|
style: sidebarInputStyle,
|
|
5987
6075
|
value: normalizeText2(selectedSectionStyle.sectionGradientPreset, "forest"),
|
|
5988
|
-
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */
|
|
6076
|
+
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ jsx8("option", { value: preset, children: preset }, preset))
|
|
5989
6077
|
}
|
|
5990
6078
|
)
|
|
5991
6079
|
] }),
|
|
5992
|
-
/* @__PURE__ */
|
|
5993
|
-
/* @__PURE__ */
|
|
6080
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6081
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5994
6082
|
"From",
|
|
5995
|
-
/* @__PURE__ */
|
|
6083
|
+
/* @__PURE__ */ jsx8(
|
|
5996
6084
|
"input",
|
|
5997
6085
|
{
|
|
5998
6086
|
onChange: (event) => setSelectedStyleField("sectionGradientFrom", event.target.value),
|
|
@@ -6002,9 +6090,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6002
6090
|
}
|
|
6003
6091
|
)
|
|
6004
6092
|
] }),
|
|
6005
|
-
/* @__PURE__ */
|
|
6093
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6006
6094
|
"To",
|
|
6007
|
-
/* @__PURE__ */
|
|
6095
|
+
/* @__PURE__ */ jsx8(
|
|
6008
6096
|
"input",
|
|
6009
6097
|
{
|
|
6010
6098
|
onChange: (event) => setSelectedStyleField("sectionGradientTo", event.target.value),
|
|
@@ -6015,9 +6103,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6015
6103
|
)
|
|
6016
6104
|
] })
|
|
6017
6105
|
] }),
|
|
6018
|
-
/* @__PURE__ */
|
|
6106
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6019
6107
|
"Angle",
|
|
6020
|
-
/* @__PURE__ */
|
|
6108
|
+
/* @__PURE__ */ jsx8(
|
|
6021
6109
|
"input",
|
|
6022
6110
|
{
|
|
6023
6111
|
max: 360,
|
|
@@ -6030,25 +6118,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6030
6118
|
)
|
|
6031
6119
|
] })
|
|
6032
6120
|
] }) : null,
|
|
6033
|
-
/* @__PURE__ */
|
|
6121
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6034
6122
|
"Content Background",
|
|
6035
|
-
/* @__PURE__ */
|
|
6123
|
+
/* @__PURE__ */ jsxs7(
|
|
6036
6124
|
"select",
|
|
6037
6125
|
{
|
|
6038
6126
|
onChange: (event) => setSelectedStyleField("contentBackgroundMode", event.target.value),
|
|
6039
6127
|
style: sidebarInputStyle,
|
|
6040
6128
|
value: normalizeText2(selectedSectionStyle.contentBackgroundMode, "none"),
|
|
6041
6129
|
children: [
|
|
6042
|
-
/* @__PURE__ */
|
|
6043
|
-
/* @__PURE__ */
|
|
6044
|
-
/* @__PURE__ */
|
|
6130
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6131
|
+
/* @__PURE__ */ jsx8("option", { value: "color", children: "Color" }),
|
|
6132
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
6045
6133
|
]
|
|
6046
6134
|
}
|
|
6047
6135
|
)
|
|
6048
6136
|
] }),
|
|
6049
|
-
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */
|
|
6137
|
+
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6050
6138
|
"Content Background Color",
|
|
6051
|
-
/* @__PURE__ */
|
|
6139
|
+
/* @__PURE__ */ jsx8(
|
|
6052
6140
|
"input",
|
|
6053
6141
|
{
|
|
6054
6142
|
onChange: (event) => setSelectedStyleField("contentBackgroundColor", event.target.value),
|
|
@@ -6058,23 +6146,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6058
6146
|
}
|
|
6059
6147
|
)
|
|
6060
6148
|
] }) : null,
|
|
6061
|
-
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */
|
|
6062
|
-
/* @__PURE__ */
|
|
6149
|
+
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6150
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6063
6151
|
"Content Gradient Preset",
|
|
6064
|
-
/* @__PURE__ */
|
|
6152
|
+
/* @__PURE__ */ jsx8(
|
|
6065
6153
|
"select",
|
|
6066
6154
|
{
|
|
6067
6155
|
onChange: (event) => applyGradientPreset("content", event.target.value),
|
|
6068
6156
|
style: sidebarInputStyle,
|
|
6069
6157
|
value: normalizeText2(selectedSectionStyle.contentGradientPreset, "none"),
|
|
6070
|
-
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */
|
|
6158
|
+
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ jsx8("option", { value: preset, children: preset }, preset))
|
|
6071
6159
|
}
|
|
6072
6160
|
)
|
|
6073
6161
|
] }),
|
|
6074
|
-
/* @__PURE__ */
|
|
6075
|
-
/* @__PURE__ */
|
|
6162
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6163
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6076
6164
|
"From",
|
|
6077
|
-
/* @__PURE__ */
|
|
6165
|
+
/* @__PURE__ */ jsx8(
|
|
6078
6166
|
"input",
|
|
6079
6167
|
{
|
|
6080
6168
|
onChange: (event) => setSelectedStyleField("contentGradientFrom", event.target.value),
|
|
@@ -6084,9 +6172,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6084
6172
|
}
|
|
6085
6173
|
)
|
|
6086
6174
|
] }),
|
|
6087
|
-
/* @__PURE__ */
|
|
6175
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6088
6176
|
"To",
|
|
6089
|
-
/* @__PURE__ */
|
|
6177
|
+
/* @__PURE__ */ jsx8(
|
|
6090
6178
|
"input",
|
|
6091
6179
|
{
|
|
6092
6180
|
onChange: (event) => setSelectedStyleField("contentGradientTo", event.target.value),
|
|
@@ -6097,9 +6185,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6097
6185
|
)
|
|
6098
6186
|
] })
|
|
6099
6187
|
] }),
|
|
6100
|
-
/* @__PURE__ */
|
|
6188
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6101
6189
|
"Angle",
|
|
6102
|
-
/* @__PURE__ */
|
|
6190
|
+
/* @__PURE__ */ jsx8(
|
|
6103
6191
|
"input",
|
|
6104
6192
|
{
|
|
6105
6193
|
max: 360,
|
|
@@ -6112,59 +6200,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6112
6200
|
)
|
|
6113
6201
|
] })
|
|
6114
6202
|
] }) : null,
|
|
6115
|
-
selectedType === "hero" ? /* @__PURE__ */
|
|
6116
|
-
/* @__PURE__ */
|
|
6203
|
+
selectedType === "hero" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6204
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6117
6205
|
"Variant",
|
|
6118
|
-
/* @__PURE__ */
|
|
6206
|
+
/* @__PURE__ */ jsxs7(
|
|
6119
6207
|
"select",
|
|
6120
6208
|
{
|
|
6121
6209
|
onChange: (event) => updateSelectedField("variant", event.target.value),
|
|
6122
6210
|
style: sidebarInputStyle,
|
|
6123
6211
|
value: normalizeText2(selectedBlock.variant, "default"),
|
|
6124
6212
|
children: [
|
|
6125
|
-
/* @__PURE__ */
|
|
6126
|
-
/* @__PURE__ */
|
|
6213
|
+
/* @__PURE__ */ jsx8("option", { value: "default", children: "Default" }),
|
|
6214
|
+
/* @__PURE__ */ jsx8("option", { value: "centered", children: "Centered" })
|
|
6127
6215
|
]
|
|
6128
6216
|
}
|
|
6129
6217
|
)
|
|
6130
6218
|
] }),
|
|
6131
|
-
/* @__PURE__ */
|
|
6219
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6132
6220
|
"Hero Height",
|
|
6133
|
-
/* @__PURE__ */
|
|
6221
|
+
/* @__PURE__ */ jsxs7(
|
|
6134
6222
|
"select",
|
|
6135
6223
|
{
|
|
6136
6224
|
onChange: (event) => updateSelectedField("heroHeight", event.target.value),
|
|
6137
6225
|
style: sidebarInputStyle,
|
|
6138
6226
|
value: normalizeHeroHeight(selectedBlock.heroHeight),
|
|
6139
6227
|
children: [
|
|
6140
|
-
/* @__PURE__ */
|
|
6141
|
-
/* @__PURE__ */
|
|
6142
|
-
/* @__PURE__ */
|
|
6228
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6229
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium (Half Screen)" }),
|
|
6230
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full Screen" })
|
|
6143
6231
|
]
|
|
6144
6232
|
}
|
|
6145
6233
|
)
|
|
6146
6234
|
] }),
|
|
6147
|
-
/* @__PURE__ */
|
|
6148
|
-
/* @__PURE__ */
|
|
6149
|
-
/* @__PURE__ */
|
|
6150
|
-
/* @__PURE__ */
|
|
6235
|
+
/* @__PURE__ */ jsxs7("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
|
|
6236
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Image" }),
|
|
6237
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedHeroMedia ? `${selectedHeroMedia.filename || `Media #${selectedHeroMedia.id}`}${selectedHeroMedia.alt ? ` (${selectedHeroMedia.alt})` : ""}` : "No image selected." }),
|
|
6238
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6151
6239
|
"Choose from Media Library",
|
|
6152
|
-
/* @__PURE__ */
|
|
6240
|
+
/* @__PURE__ */ jsxs7(
|
|
6153
6241
|
"select",
|
|
6154
6242
|
{
|
|
6155
6243
|
onChange: (event) => setHeroMediaFromLibrary(event.target.value),
|
|
6156
6244
|
style: sidebarInputStyle,
|
|
6157
6245
|
value: selectedHeroMediaID,
|
|
6158
6246
|
children: [
|
|
6159
|
-
/* @__PURE__ */
|
|
6160
|
-
mediaLibrary.map((item) => /* @__PURE__ */
|
|
6247
|
+
/* @__PURE__ */ jsx8("option", { value: "", children: "No image" }),
|
|
6248
|
+
mediaLibrary.map((item) => /* @__PURE__ */ jsx8("option", { value: String(item.id), children: mediaLabel2(item) }, String(item.id)))
|
|
6161
6249
|
]
|
|
6162
6250
|
}
|
|
6163
6251
|
)
|
|
6164
6252
|
] }),
|
|
6165
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
6166
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
6167
|
-
/* @__PURE__ */
|
|
6253
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
|
|
6254
|
+
mediaLibraryError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
|
|
6255
|
+
/* @__PURE__ */ jsx8(
|
|
6168
6256
|
"button",
|
|
6169
6257
|
{
|
|
6170
6258
|
disabled: !selectedHeroMedia && !selectedHeroMediaID,
|
|
@@ -6179,9 +6267,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6179
6267
|
children: "Remove Hero Image"
|
|
6180
6268
|
}
|
|
6181
6269
|
),
|
|
6182
|
-
/* @__PURE__ */
|
|
6270
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6183
6271
|
"Upload Hero Background Image",
|
|
6184
|
-
/* @__PURE__ */
|
|
6272
|
+
/* @__PURE__ */ jsx8(
|
|
6185
6273
|
"input",
|
|
6186
6274
|
{
|
|
6187
6275
|
accept: "image/*",
|
|
@@ -6198,24 +6286,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6198
6286
|
}
|
|
6199
6287
|
)
|
|
6200
6288
|
] }),
|
|
6201
|
-
/* @__PURE__ */
|
|
6289
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6202
6290
|
"Image Fit",
|
|
6203
|
-
/* @__PURE__ */
|
|
6291
|
+
/* @__PURE__ */ jsxs7(
|
|
6204
6292
|
"select",
|
|
6205
6293
|
{
|
|
6206
6294
|
onChange: (event) => updateSelectedField("backgroundImageFit", event.target.value),
|
|
6207
6295
|
style: sidebarInputStyle,
|
|
6208
6296
|
value: normalizeHeroImageFit(selectedBlock.backgroundImageFit),
|
|
6209
6297
|
children: [
|
|
6210
|
-
/* @__PURE__ */
|
|
6211
|
-
/* @__PURE__ */
|
|
6298
|
+
/* @__PURE__ */ jsx8("option", { value: "cover", children: "Cover" }),
|
|
6299
|
+
/* @__PURE__ */ jsx8("option", { value: "contain", children: "Contain" })
|
|
6212
6300
|
]
|
|
6213
6301
|
}
|
|
6214
6302
|
)
|
|
6215
6303
|
] }),
|
|
6216
|
-
/* @__PURE__ */
|
|
6304
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6217
6305
|
"Image Corners",
|
|
6218
|
-
/* @__PURE__ */
|
|
6306
|
+
/* @__PURE__ */ jsxs7(
|
|
6219
6307
|
"select",
|
|
6220
6308
|
{
|
|
6221
6309
|
onChange: (event) => updateSelectedField("backgroundImageCornerStyle", event.target.value),
|
|
@@ -6225,53 +6313,53 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6225
6313
|
selectedBlock.backgroundImageFit
|
|
6226
6314
|
),
|
|
6227
6315
|
children: [
|
|
6228
|
-
/* @__PURE__ */
|
|
6229
|
-
/* @__PURE__ */
|
|
6316
|
+
/* @__PURE__ */ jsx8("option", { value: "rounded", children: "Rounded" }),
|
|
6317
|
+
/* @__PURE__ */ jsx8("option", { value: "square", children: "Square" })
|
|
6230
6318
|
]
|
|
6231
6319
|
}
|
|
6232
6320
|
)
|
|
6233
6321
|
] }),
|
|
6234
|
-
/* @__PURE__ */
|
|
6322
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6235
6323
|
"Image Position",
|
|
6236
|
-
/* @__PURE__ */
|
|
6324
|
+
/* @__PURE__ */ jsxs7(
|
|
6237
6325
|
"select",
|
|
6238
6326
|
{
|
|
6239
6327
|
onChange: (event) => updateSelectedField("backgroundImagePosition", event.target.value),
|
|
6240
6328
|
style: sidebarInputStyle,
|
|
6241
6329
|
value: normalizeHeroImagePosition(selectedBlock.backgroundImagePosition),
|
|
6242
6330
|
children: [
|
|
6243
|
-
/* @__PURE__ */
|
|
6244
|
-
/* @__PURE__ */
|
|
6245
|
-
/* @__PURE__ */
|
|
6246
|
-
/* @__PURE__ */
|
|
6247
|
-
/* @__PURE__ */
|
|
6331
|
+
/* @__PURE__ */ jsx8("option", { value: "center", children: "Center" }),
|
|
6332
|
+
/* @__PURE__ */ jsx8("option", { value: "top", children: "Top" }),
|
|
6333
|
+
/* @__PURE__ */ jsx8("option", { value: "bottom", children: "Bottom" }),
|
|
6334
|
+
/* @__PURE__ */ jsx8("option", { value: "left", children: "Left" }),
|
|
6335
|
+
/* @__PURE__ */ jsx8("option", { value: "right", children: "Right" })
|
|
6248
6336
|
]
|
|
6249
6337
|
}
|
|
6250
6338
|
)
|
|
6251
6339
|
] })
|
|
6252
6340
|
] }),
|
|
6253
|
-
/* @__PURE__ */
|
|
6254
|
-
/* @__PURE__ */
|
|
6255
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsxs7("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
|
|
6342
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Overlay" }),
|
|
6343
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6256
6344
|
"Overlay Type",
|
|
6257
|
-
/* @__PURE__ */
|
|
6345
|
+
/* @__PURE__ */ jsxs7(
|
|
6258
6346
|
"select",
|
|
6259
6347
|
{
|
|
6260
6348
|
onChange: (event) => updateSelectedField("backgroundOverlayMode", event.target.value),
|
|
6261
6349
|
style: sidebarInputStyle,
|
|
6262
6350
|
value: normalizeText2(selectedBlock.backgroundOverlayMode, "none"),
|
|
6263
6351
|
children: [
|
|
6264
|
-
/* @__PURE__ */
|
|
6265
|
-
/* @__PURE__ */
|
|
6266
|
-
/* @__PURE__ */
|
|
6352
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6353
|
+
/* @__PURE__ */ jsx8("option", { value: "solid", children: "Solid" }),
|
|
6354
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
6267
6355
|
]
|
|
6268
6356
|
}
|
|
6269
6357
|
)
|
|
6270
6358
|
] }),
|
|
6271
|
-
/* @__PURE__ */
|
|
6359
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6272
6360
|
"Opacity (%)",
|
|
6273
|
-
/* @__PURE__ */
|
|
6274
|
-
/* @__PURE__ */
|
|
6361
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6362
|
+
/* @__PURE__ */ jsx8(
|
|
6275
6363
|
"input",
|
|
6276
6364
|
{
|
|
6277
6365
|
max: 100,
|
|
@@ -6281,7 +6369,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6281
6369
|
value: parsePercentNumber(selectedBlock.backgroundOverlayOpacity, 45)
|
|
6282
6370
|
}
|
|
6283
6371
|
),
|
|
6284
|
-
/* @__PURE__ */
|
|
6372
|
+
/* @__PURE__ */ jsx8(
|
|
6285
6373
|
"input",
|
|
6286
6374
|
{
|
|
6287
6375
|
max: 100,
|
|
@@ -6297,9 +6385,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6297
6385
|
)
|
|
6298
6386
|
] })
|
|
6299
6387
|
] }),
|
|
6300
|
-
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */
|
|
6388
|
+
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6301
6389
|
"Overlay Color",
|
|
6302
|
-
/* @__PURE__ */
|
|
6390
|
+
/* @__PURE__ */ jsx8(
|
|
6303
6391
|
"input",
|
|
6304
6392
|
{
|
|
6305
6393
|
onChange: (event) => updateSelectedField("backgroundOverlayColor", event.target.value),
|
|
@@ -6309,11 +6397,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6309
6397
|
}
|
|
6310
6398
|
)
|
|
6311
6399
|
] }) : null,
|
|
6312
|
-
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */
|
|
6313
|
-
/* @__PURE__ */
|
|
6314
|
-
/* @__PURE__ */
|
|
6400
|
+
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6401
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6402
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6315
6403
|
"From",
|
|
6316
|
-
/* @__PURE__ */
|
|
6404
|
+
/* @__PURE__ */ jsx8(
|
|
6317
6405
|
"input",
|
|
6318
6406
|
{
|
|
6319
6407
|
onChange: (event) => updateSelectedField("backgroundOverlayGradientFrom", event.target.value),
|
|
@@ -6323,9 +6411,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6323
6411
|
}
|
|
6324
6412
|
)
|
|
6325
6413
|
] }),
|
|
6326
|
-
/* @__PURE__ */
|
|
6414
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6327
6415
|
"To",
|
|
6328
|
-
/* @__PURE__ */
|
|
6416
|
+
/* @__PURE__ */ jsx8(
|
|
6329
6417
|
"input",
|
|
6330
6418
|
{
|
|
6331
6419
|
onChange: (event) => updateSelectedField("backgroundOverlayGradientTo", event.target.value),
|
|
@@ -6336,10 +6424,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6336
6424
|
)
|
|
6337
6425
|
] })
|
|
6338
6426
|
] }),
|
|
6339
|
-
/* @__PURE__ */
|
|
6340
|
-
/* @__PURE__ */
|
|
6427
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6428
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6341
6429
|
"From Strength (%)",
|
|
6342
|
-
/* @__PURE__ */
|
|
6430
|
+
/* @__PURE__ */ jsxs7(
|
|
6343
6431
|
"div",
|
|
6344
6432
|
{
|
|
6345
6433
|
style: {
|
|
@@ -6349,7 +6437,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6349
6437
|
gridTemplateColumns: "1fr 70px"
|
|
6350
6438
|
},
|
|
6351
6439
|
children: [
|
|
6352
|
-
/* @__PURE__ */
|
|
6440
|
+
/* @__PURE__ */ jsx8(
|
|
6353
6441
|
"input",
|
|
6354
6442
|
{
|
|
6355
6443
|
max: 100,
|
|
@@ -6362,7 +6450,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6362
6450
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFromStrength, 100)
|
|
6363
6451
|
}
|
|
6364
6452
|
),
|
|
6365
|
-
/* @__PURE__ */
|
|
6453
|
+
/* @__PURE__ */ jsx8(
|
|
6366
6454
|
"input",
|
|
6367
6455
|
{
|
|
6368
6456
|
max: 100,
|
|
@@ -6380,9 +6468,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6380
6468
|
}
|
|
6381
6469
|
)
|
|
6382
6470
|
] }),
|
|
6383
|
-
/* @__PURE__ */
|
|
6471
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6384
6472
|
"To Strength (%)",
|
|
6385
|
-
/* @__PURE__ */
|
|
6473
|
+
/* @__PURE__ */ jsxs7(
|
|
6386
6474
|
"div",
|
|
6387
6475
|
{
|
|
6388
6476
|
style: {
|
|
@@ -6392,7 +6480,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6392
6480
|
gridTemplateColumns: "1fr 70px"
|
|
6393
6481
|
},
|
|
6394
6482
|
children: [
|
|
6395
|
-
/* @__PURE__ */
|
|
6483
|
+
/* @__PURE__ */ jsx8(
|
|
6396
6484
|
"input",
|
|
6397
6485
|
{
|
|
6398
6486
|
max: 100,
|
|
@@ -6405,7 +6493,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6405
6493
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientToStrength, 100)
|
|
6406
6494
|
}
|
|
6407
6495
|
),
|
|
6408
|
-
/* @__PURE__ */
|
|
6496
|
+
/* @__PURE__ */ jsx8(
|
|
6409
6497
|
"input",
|
|
6410
6498
|
{
|
|
6411
6499
|
max: 100,
|
|
@@ -6424,9 +6512,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6424
6512
|
)
|
|
6425
6513
|
] })
|
|
6426
6514
|
] }),
|
|
6427
|
-
/* @__PURE__ */
|
|
6515
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6428
6516
|
"Angle",
|
|
6429
|
-
/* @__PURE__ */
|
|
6517
|
+
/* @__PURE__ */ jsx8(
|
|
6430
6518
|
"input",
|
|
6431
6519
|
{
|
|
6432
6520
|
max: 360,
|
|
@@ -6438,10 +6526,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6438
6526
|
}
|
|
6439
6527
|
)
|
|
6440
6528
|
] }),
|
|
6441
|
-
/* @__PURE__ */
|
|
6529
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6442
6530
|
"Gradient Start (%)",
|
|
6443
|
-
/* @__PURE__ */
|
|
6444
|
-
/* @__PURE__ */
|
|
6531
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6532
|
+
/* @__PURE__ */ jsx8(
|
|
6445
6533
|
"input",
|
|
6446
6534
|
{
|
|
6447
6535
|
max: 100,
|
|
@@ -6458,7 +6546,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6458
6546
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0)
|
|
6459
6547
|
}
|
|
6460
6548
|
),
|
|
6461
|
-
/* @__PURE__ */
|
|
6549
|
+
/* @__PURE__ */ jsx8(
|
|
6462
6550
|
"input",
|
|
6463
6551
|
{
|
|
6464
6552
|
max: 100,
|
|
@@ -6478,10 +6566,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6478
6566
|
)
|
|
6479
6567
|
] })
|
|
6480
6568
|
] }),
|
|
6481
|
-
/* @__PURE__ */
|
|
6569
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6482
6570
|
"Gradient End (%)",
|
|
6483
|
-
/* @__PURE__ */
|
|
6484
|
-
/* @__PURE__ */
|
|
6571
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6572
|
+
/* @__PURE__ */ jsx8(
|
|
6485
6573
|
"input",
|
|
6486
6574
|
{
|
|
6487
6575
|
max: 100,
|
|
@@ -6498,7 +6586,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6498
6586
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100)
|
|
6499
6587
|
}
|
|
6500
6588
|
),
|
|
6501
|
-
/* @__PURE__ */
|
|
6589
|
+
/* @__PURE__ */ jsx8(
|
|
6502
6590
|
"input",
|
|
6503
6591
|
{
|
|
6504
6592
|
max: 100,
|
|
@@ -6518,10 +6606,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6518
6606
|
)
|
|
6519
6607
|
] })
|
|
6520
6608
|
] }),
|
|
6521
|
-
/* @__PURE__ */
|
|
6609
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6522
6610
|
"Feather (%)",
|
|
6523
|
-
/* @__PURE__ */
|
|
6524
|
-
/* @__PURE__ */
|
|
6611
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6612
|
+
/* @__PURE__ */ jsx8(
|
|
6525
6613
|
"input",
|
|
6526
6614
|
{
|
|
6527
6615
|
max: 100,
|
|
@@ -6531,7 +6619,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6531
6619
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFeather, 100)
|
|
6532
6620
|
}
|
|
6533
6621
|
),
|
|
6534
|
-
/* @__PURE__ */
|
|
6622
|
+
/* @__PURE__ */ jsx8(
|
|
6535
6623
|
"input",
|
|
6536
6624
|
{
|
|
6537
6625
|
max: 100,
|
|
@@ -6548,7 +6636,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6548
6636
|
] })
|
|
6549
6637
|
] })
|
|
6550
6638
|
] }) : null,
|
|
6551
|
-
/* @__PURE__ */
|
|
6639
|
+
/* @__PURE__ */ jsx8(
|
|
6552
6640
|
"button",
|
|
6553
6641
|
{
|
|
6554
6642
|
onClick: () => {
|
|
@@ -6564,9 +6652,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6564
6652
|
}
|
|
6565
6653
|
)
|
|
6566
6654
|
] }),
|
|
6567
|
-
/* @__PURE__ */
|
|
6655
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6568
6656
|
"Background Color",
|
|
6569
|
-
/* @__PURE__ */
|
|
6657
|
+
/* @__PURE__ */ jsx8(
|
|
6570
6658
|
"input",
|
|
6571
6659
|
{
|
|
6572
6660
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6576,7 +6664,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6576
6664
|
}
|
|
6577
6665
|
)
|
|
6578
6666
|
] }),
|
|
6579
|
-
/* @__PURE__ */
|
|
6667
|
+
/* @__PURE__ */ jsx8(
|
|
6580
6668
|
"button",
|
|
6581
6669
|
{
|
|
6582
6670
|
onClick: () => updateSelectedField("backgroundColor", ""),
|
|
@@ -6586,44 +6674,44 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6586
6674
|
}
|
|
6587
6675
|
)
|
|
6588
6676
|
] }) : null,
|
|
6589
|
-
selectedType === "featureGrid" ? /* @__PURE__ */
|
|
6590
|
-
/* @__PURE__ */
|
|
6677
|
+
selectedType === "featureGrid" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6678
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6591
6679
|
"Variant",
|
|
6592
|
-
/* @__PURE__ */
|
|
6680
|
+
/* @__PURE__ */ jsxs7(
|
|
6593
6681
|
"select",
|
|
6594
6682
|
{
|
|
6595
6683
|
onChange: (event) => updateSelectedField("variant", event.target.value),
|
|
6596
6684
|
style: sidebarInputStyle,
|
|
6597
6685
|
value: normalizeText2(selectedBlock.variant, "cards"),
|
|
6598
6686
|
children: [
|
|
6599
|
-
/* @__PURE__ */
|
|
6600
|
-
/* @__PURE__ */
|
|
6687
|
+
/* @__PURE__ */ jsx8("option", { value: "cards", children: "Cards" }),
|
|
6688
|
+
/* @__PURE__ */ jsx8("option", { value: "highlight", children: "Highlight" })
|
|
6601
6689
|
]
|
|
6602
6690
|
}
|
|
6603
6691
|
)
|
|
6604
6692
|
] }),
|
|
6605
|
-
/* @__PURE__ */
|
|
6693
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6606
6694
|
"Items Per Row (Desktop)",
|
|
6607
|
-
/* @__PURE__ */
|
|
6695
|
+
/* @__PURE__ */ jsxs7(
|
|
6608
6696
|
"select",
|
|
6609
6697
|
{
|
|
6610
6698
|
onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
|
|
6611
6699
|
style: sidebarInputStyle,
|
|
6612
6700
|
value: Math.max(1, Math.min(6, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 3)))),
|
|
6613
6701
|
children: [
|
|
6614
|
-
/* @__PURE__ */
|
|
6615
|
-
/* @__PURE__ */
|
|
6616
|
-
/* @__PURE__ */
|
|
6617
|
-
/* @__PURE__ */
|
|
6618
|
-
/* @__PURE__ */
|
|
6619
|
-
/* @__PURE__ */
|
|
6702
|
+
/* @__PURE__ */ jsx8("option", { value: 1, children: "1" }),
|
|
6703
|
+
/* @__PURE__ */ jsx8("option", { value: 2, children: "2" }),
|
|
6704
|
+
/* @__PURE__ */ jsx8("option", { value: 3, children: "3" }),
|
|
6705
|
+
/* @__PURE__ */ jsx8("option", { value: 4, children: "4" }),
|
|
6706
|
+
/* @__PURE__ */ jsx8("option", { value: 5, children: "5" }),
|
|
6707
|
+
/* @__PURE__ */ jsx8("option", { value: 6, children: "6" })
|
|
6620
6708
|
]
|
|
6621
6709
|
}
|
|
6622
6710
|
)
|
|
6623
6711
|
] }),
|
|
6624
|
-
/* @__PURE__ */
|
|
6712
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6625
6713
|
"Highlight Background Color",
|
|
6626
|
-
/* @__PURE__ */
|
|
6714
|
+
/* @__PURE__ */ jsx8(
|
|
6627
6715
|
"input",
|
|
6628
6716
|
{
|
|
6629
6717
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6634,42 +6722,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6634
6722
|
)
|
|
6635
6723
|
] })
|
|
6636
6724
|
] }) : null,
|
|
6637
|
-
selectedType === "beforeAfter" ? /* @__PURE__ */
|
|
6725
|
+
selectedType === "beforeAfter" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6638
6726
|
"Items Per Row (Desktop)",
|
|
6639
|
-
/* @__PURE__ */
|
|
6727
|
+
/* @__PURE__ */ jsxs7(
|
|
6640
6728
|
"select",
|
|
6641
6729
|
{
|
|
6642
6730
|
onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
|
|
6643
6731
|
style: sidebarInputStyle,
|
|
6644
6732
|
value: Math.max(1, Math.min(4, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 2)))),
|
|
6645
6733
|
children: [
|
|
6646
|
-
/* @__PURE__ */
|
|
6647
|
-
/* @__PURE__ */
|
|
6648
|
-
/* @__PURE__ */
|
|
6649
|
-
/* @__PURE__ */
|
|
6734
|
+
/* @__PURE__ */ jsx8("option", { value: 1, children: "1" }),
|
|
6735
|
+
/* @__PURE__ */ jsx8("option", { value: 2, children: "2" }),
|
|
6736
|
+
/* @__PURE__ */ jsx8("option", { value: 3, children: "3" }),
|
|
6737
|
+
/* @__PURE__ */ jsx8("option", { value: 4, children: "4" })
|
|
6650
6738
|
]
|
|
6651
6739
|
}
|
|
6652
6740
|
)
|
|
6653
6741
|
] }) : null,
|
|
6654
|
-
selectedType === "cta" ? /* @__PURE__ */
|
|
6655
|
-
/* @__PURE__ */
|
|
6742
|
+
selectedType === "cta" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6743
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6656
6744
|
"Style",
|
|
6657
|
-
/* @__PURE__ */
|
|
6745
|
+
/* @__PURE__ */ jsxs7(
|
|
6658
6746
|
"select",
|
|
6659
6747
|
{
|
|
6660
6748
|
onChange: (event) => updateSelectedField("style", event.target.value),
|
|
6661
6749
|
style: sidebarInputStyle,
|
|
6662
6750
|
value: normalizeText2(selectedBlock.style, "light"),
|
|
6663
6751
|
children: [
|
|
6664
|
-
/* @__PURE__ */
|
|
6665
|
-
/* @__PURE__ */
|
|
6752
|
+
/* @__PURE__ */ jsx8("option", { value: "light", children: "Light" }),
|
|
6753
|
+
/* @__PURE__ */ jsx8("option", { value: "dark", children: "Dark" })
|
|
6666
6754
|
]
|
|
6667
6755
|
}
|
|
6668
6756
|
)
|
|
6669
6757
|
] }),
|
|
6670
|
-
/* @__PURE__ */
|
|
6758
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6671
6759
|
"Background Color",
|
|
6672
|
-
/* @__PURE__ */
|
|
6760
|
+
/* @__PURE__ */ jsx8(
|
|
6673
6761
|
"input",
|
|
6674
6762
|
{
|
|
6675
6763
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6680,18 +6768,18 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6680
6768
|
)
|
|
6681
6769
|
] })
|
|
6682
6770
|
] }) : null,
|
|
6683
|
-
selectedType === "media" ? /* @__PURE__ */
|
|
6684
|
-
/* @__PURE__ */
|
|
6771
|
+
selectedType === "media" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6772
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6685
6773
|
"Image Size",
|
|
6686
|
-
/* @__PURE__ */
|
|
6774
|
+
/* @__PURE__ */ jsxs7(
|
|
6687
6775
|
"select",
|
|
6688
6776
|
{
|
|
6689
6777
|
onChange: (event) => updateSelectedField("size", event.target.value),
|
|
6690
6778
|
style: sidebarInputStyle,
|
|
6691
6779
|
value: normalizeText2(selectedBlock.size, "default"),
|
|
6692
6780
|
children: [
|
|
6693
|
-
/* @__PURE__ */
|
|
6694
|
-
/* @__PURE__ */
|
|
6781
|
+
/* @__PURE__ */ jsx8("option", { value: "default", children: "Default" }),
|
|
6782
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" })
|
|
6695
6783
|
]
|
|
6696
6784
|
}
|
|
6697
6785
|
)
|
|
@@ -6699,26 +6787,26 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6699
6787
|
(() => {
|
|
6700
6788
|
const selectedMedia = resolveMediaLibraryItemFromValue(selectedBlock.image);
|
|
6701
6789
|
const selectedMediaID = getRelationID2(selectedBlock.image);
|
|
6702
|
-
return /* @__PURE__ */
|
|
6703
|
-
/* @__PURE__ */
|
|
6704
|
-
/* @__PURE__ */
|
|
6790
|
+
return /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6791
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedMedia ? `Selected image: ${mediaLabel2(selectedMedia)}` : "No image selected." }),
|
|
6792
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6705
6793
|
"Choose from Media Library",
|
|
6706
|
-
/* @__PURE__ */
|
|
6794
|
+
/* @__PURE__ */ jsxs7(
|
|
6707
6795
|
"select",
|
|
6708
6796
|
{
|
|
6709
6797
|
onChange: (event) => setSelectedMediaFieldFromLibrary("image", event.target.value),
|
|
6710
6798
|
style: sidebarInputStyle,
|
|
6711
6799
|
value: selectedMediaID !== null ? String(selectedMediaID) : "",
|
|
6712
6800
|
children: [
|
|
6713
|
-
/* @__PURE__ */
|
|
6714
|
-
mediaLibrary.map((libraryItem) => /* @__PURE__ */
|
|
6801
|
+
/* @__PURE__ */ jsx8("option", { value: "", children: "No image" }),
|
|
6802
|
+
mediaLibrary.map((libraryItem) => /* @__PURE__ */ jsx8("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
|
|
6715
6803
|
]
|
|
6716
6804
|
}
|
|
6717
6805
|
)
|
|
6718
6806
|
] }),
|
|
6719
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
6720
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
6721
|
-
/* @__PURE__ */
|
|
6807
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
|
|
6808
|
+
mediaLibraryError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
|
|
6809
|
+
/* @__PURE__ */ jsx8(
|
|
6722
6810
|
"button",
|
|
6723
6811
|
{
|
|
6724
6812
|
disabled: !selectedMedia && selectedMediaID === null,
|
|
@@ -6733,59 +6821,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6733
6821
|
children: "Remove Section Image"
|
|
6734
6822
|
}
|
|
6735
6823
|
),
|
|
6736
|
-
/* @__PURE__ */
|
|
6824
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6737
6825
|
"Image Fit",
|
|
6738
|
-
/* @__PURE__ */
|
|
6826
|
+
/* @__PURE__ */ jsxs7(
|
|
6739
6827
|
"select",
|
|
6740
6828
|
{
|
|
6741
6829
|
onChange: (event) => updateSelectedField("imageFit", event.target.value),
|
|
6742
6830
|
style: sidebarInputStyle,
|
|
6743
6831
|
value: normalizeImageFit2(selectedBlock.imageFit),
|
|
6744
6832
|
children: [
|
|
6745
|
-
/* @__PURE__ */
|
|
6746
|
-
/* @__PURE__ */
|
|
6833
|
+
/* @__PURE__ */ jsx8("option", { value: "cover", children: "Cover" }),
|
|
6834
|
+
/* @__PURE__ */ jsx8("option", { value: "contain", children: "Contain" })
|
|
6747
6835
|
]
|
|
6748
6836
|
}
|
|
6749
6837
|
)
|
|
6750
6838
|
] }),
|
|
6751
|
-
/* @__PURE__ */
|
|
6839
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6752
6840
|
"Image Corners",
|
|
6753
|
-
/* @__PURE__ */
|
|
6841
|
+
/* @__PURE__ */ jsxs7(
|
|
6754
6842
|
"select",
|
|
6755
6843
|
{
|
|
6756
6844
|
onChange: (event) => updateSelectedField("imageCornerStyle", event.target.value),
|
|
6757
6845
|
style: sidebarInputStyle,
|
|
6758
6846
|
value: normalizeImageCornerStyle2(selectedBlock.imageCornerStyle),
|
|
6759
6847
|
children: [
|
|
6760
|
-
/* @__PURE__ */
|
|
6761
|
-
/* @__PURE__ */
|
|
6848
|
+
/* @__PURE__ */ jsx8("option", { value: "rounded", children: "Rounded" }),
|
|
6849
|
+
/* @__PURE__ */ jsx8("option", { value: "square", children: "Square" })
|
|
6762
6850
|
]
|
|
6763
6851
|
}
|
|
6764
6852
|
)
|
|
6765
6853
|
] }),
|
|
6766
|
-
/* @__PURE__ */
|
|
6854
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6767
6855
|
"Image Position",
|
|
6768
|
-
/* @__PURE__ */
|
|
6856
|
+
/* @__PURE__ */ jsxs7(
|
|
6769
6857
|
"select",
|
|
6770
6858
|
{
|
|
6771
6859
|
onChange: (event) => updateSelectedField("imagePosition", event.target.value),
|
|
6772
6860
|
style: sidebarInputStyle,
|
|
6773
6861
|
value: normalizeImagePosition2(selectedBlock.imagePosition),
|
|
6774
6862
|
children: [
|
|
6775
|
-
/* @__PURE__ */
|
|
6776
|
-
/* @__PURE__ */
|
|
6777
|
-
/* @__PURE__ */
|
|
6778
|
-
/* @__PURE__ */
|
|
6779
|
-
/* @__PURE__ */
|
|
6863
|
+
/* @__PURE__ */ jsx8("option", { value: "center", children: "Center" }),
|
|
6864
|
+
/* @__PURE__ */ jsx8("option", { value: "top", children: "Top" }),
|
|
6865
|
+
/* @__PURE__ */ jsx8("option", { value: "bottom", children: "Bottom" }),
|
|
6866
|
+
/* @__PURE__ */ jsx8("option", { value: "left", children: "Left" }),
|
|
6867
|
+
/* @__PURE__ */ jsx8("option", { value: "right", children: "Right" })
|
|
6780
6868
|
]
|
|
6781
6869
|
}
|
|
6782
6870
|
)
|
|
6783
6871
|
] })
|
|
6784
6872
|
] });
|
|
6785
6873
|
})(),
|
|
6786
|
-
/* @__PURE__ */
|
|
6874
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6787
6875
|
"Upload Section Image",
|
|
6788
|
-
/* @__PURE__ */
|
|
6876
|
+
/* @__PURE__ */ jsx8(
|
|
6789
6877
|
"input",
|
|
6790
6878
|
{
|
|
6791
6879
|
accept: "image/*",
|
|
@@ -6803,10 +6891,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6803
6891
|
)
|
|
6804
6892
|
] })
|
|
6805
6893
|
] }) : null,
|
|
6806
|
-
selectedType === "richText" ? /* @__PURE__ */
|
|
6807
|
-
/* @__PURE__ */
|
|
6894
|
+
selectedType === "richText" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6895
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6808
6896
|
"Content",
|
|
6809
|
-
/* @__PURE__ */
|
|
6897
|
+
/* @__PURE__ */ jsx8(
|
|
6810
6898
|
"textarea",
|
|
6811
6899
|
{
|
|
6812
6900
|
onChange: (event) => updateSelectedField("content", createLexicalText(event.target.value || "")),
|
|
@@ -6815,35 +6903,35 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6815
6903
|
}
|
|
6816
6904
|
)
|
|
6817
6905
|
] }),
|
|
6818
|
-
/* @__PURE__ */
|
|
6906
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6819
6907
|
"Content Width",
|
|
6820
|
-
/* @__PURE__ */
|
|
6908
|
+
/* @__PURE__ */ jsxs7(
|
|
6821
6909
|
"select",
|
|
6822
6910
|
{
|
|
6823
6911
|
onChange: (event) => updateSelectedField("width", event.target.value),
|
|
6824
6912
|
style: sidebarInputStyle,
|
|
6825
6913
|
value: normalizeText2(selectedBlock.width, "normal"),
|
|
6826
6914
|
children: [
|
|
6827
|
-
/* @__PURE__ */
|
|
6828
|
-
/* @__PURE__ */
|
|
6915
|
+
/* @__PURE__ */ jsx8("option", { value: "normal", children: "Normal" }),
|
|
6916
|
+
/* @__PURE__ */ jsx8("option", { value: "narrow", children: "Narrow" })
|
|
6829
6917
|
]
|
|
6830
6918
|
}
|
|
6831
6919
|
)
|
|
6832
6920
|
] })
|
|
6833
6921
|
] }) : null,
|
|
6834
|
-
selectedType === "formEmbed" ? /* @__PURE__ */
|
|
6922
|
+
selectedType === "formEmbed" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6835
6923
|
"Form Type",
|
|
6836
|
-
/* @__PURE__ */
|
|
6924
|
+
/* @__PURE__ */ jsx8(
|
|
6837
6925
|
"select",
|
|
6838
6926
|
{
|
|
6839
6927
|
onChange: (event) => updateSelectedField("formType", event.target.value),
|
|
6840
6928
|
style: sidebarInputStyle,
|
|
6841
6929
|
value: normalizeText2(selectedBlock.formType, "quote"),
|
|
6842
|
-
children: /* @__PURE__ */
|
|
6930
|
+
children: /* @__PURE__ */ jsx8("option", { value: "quote", children: "Quote" })
|
|
6843
6931
|
}
|
|
6844
6932
|
)
|
|
6845
6933
|
] }) : null,
|
|
6846
|
-
selectedType === "testimonials" ? /* @__PURE__ */
|
|
6934
|
+
selectedType === "testimonials" ? /* @__PURE__ */ jsx8(Fragment3, { children: (() => {
|
|
6847
6935
|
const visibleCountValue = Math.max(
|
|
6848
6936
|
1,
|
|
6849
6937
|
Math.min(6, Math.floor(parsePixelNumber(selectedBlock.visibleCount, 3)))
|
|
@@ -6853,10 +6941,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6853
6941
|
Math.min(30, Math.floor(parsePixelNumber(selectedBlock.rotateIntervalSeconds, 7)))
|
|
6854
6942
|
);
|
|
6855
6943
|
const autoRotateValue = typeof selectedBlock.autoRotate === "boolean" ? selectedBlock.autoRotate : true;
|
|
6856
|
-
return /* @__PURE__ */
|
|
6857
|
-
/* @__PURE__ */
|
|
6944
|
+
return /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6945
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6858
6946
|
"Visible At Once",
|
|
6859
|
-
/* @__PURE__ */
|
|
6947
|
+
/* @__PURE__ */ jsx8(
|
|
6860
6948
|
"input",
|
|
6861
6949
|
{
|
|
6862
6950
|
max: 6,
|
|
@@ -6868,8 +6956,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6868
6956
|
}
|
|
6869
6957
|
)
|
|
6870
6958
|
] }),
|
|
6871
|
-
/* @__PURE__ */
|
|
6872
|
-
/* @__PURE__ */
|
|
6959
|
+
/* @__PURE__ */ jsxs7("label", { style: { ...sidebarLabelStyle, alignItems: "center", gridTemplateColumns: "auto 1fr" }, children: [
|
|
6960
|
+
/* @__PURE__ */ jsx8(
|
|
6873
6961
|
"input",
|
|
6874
6962
|
{
|
|
6875
6963
|
checked: autoRotateValue,
|
|
@@ -6879,9 +6967,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6879
6967
|
),
|
|
6880
6968
|
"Auto Rotate"
|
|
6881
6969
|
] }),
|
|
6882
|
-
autoRotateValue ? /* @__PURE__ */
|
|
6970
|
+
autoRotateValue ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6883
6971
|
"Rotate Interval (seconds)",
|
|
6884
|
-
/* @__PURE__ */
|
|
6972
|
+
/* @__PURE__ */ jsx8(
|
|
6885
6973
|
"input",
|
|
6886
6974
|
{
|
|
6887
6975
|
max: 30,
|
|
@@ -6895,7 +6983,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6895
6983
|
] }) : null
|
|
6896
6984
|
] });
|
|
6897
6985
|
})() }) : null,
|
|
6898
|
-
isArrayItemBlockSelected ? /* @__PURE__ */
|
|
6986
|
+
isArrayItemBlockSelected ? /* @__PURE__ */ jsx8(
|
|
6899
6987
|
ArrayItemsEditor,
|
|
6900
6988
|
{
|
|
6901
6989
|
blockType: selectedType,
|
|
@@ -6919,9 +7007,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6919
7007
|
}
|
|
6920
7008
|
) : null
|
|
6921
7009
|
] }),
|
|
6922
|
-
/* @__PURE__ */
|
|
7010
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6923
7011
|
"Upload Alt Text",
|
|
6924
|
-
/* @__PURE__ */
|
|
7012
|
+
/* @__PURE__ */ jsx8(
|
|
6925
7013
|
"input",
|
|
6926
7014
|
{
|
|
6927
7015
|
onChange: (event) => setUploadAltText(event.target.value),
|
|
@@ -6932,14 +7020,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6932
7020
|
}
|
|
6933
7021
|
)
|
|
6934
7022
|
] }),
|
|
6935
|
-
/* @__PURE__ */
|
|
6936
|
-
uploadingTarget ? /* @__PURE__ */
|
|
6937
|
-
uploadMessage ? /* @__PURE__ */
|
|
6938
|
-
uploadError ? /* @__PURE__ */
|
|
6939
|
-
] }) : /* @__PURE__ */
|
|
7023
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Click section text directly on the page for copy edits. Use this panel for layout and style options." }),
|
|
7024
|
+
uploadingTarget ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Uploading image..." }) : null,
|
|
7025
|
+
uploadMessage ? /* @__PURE__ */ jsx8("div", { style: { color: "#0f7d52", fontSize: 11, fontWeight: 700 }, children: uploadMessage }) : null,
|
|
7026
|
+
uploadError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11, fontWeight: 700 }, children: uploadError }) : null
|
|
7027
|
+
] }) : /* @__PURE__ */ jsx8("p", { style: { color: "var(--ink-700)", fontSize: 12, margin: 0 }, children: "Click a section on the page preview to edit its options here." }) })
|
|
6940
7028
|
] }) : null
|
|
6941
7029
|
] })
|
|
6942
|
-
] }) : /* @__PURE__ */
|
|
7030
|
+
] }) : /* @__PURE__ */ jsx8(
|
|
6943
7031
|
"div",
|
|
6944
7032
|
{
|
|
6945
7033
|
style: {
|