@endora-commerce/page-builder-admin 0.100.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +49 -0
- package/dist/chrome/AssetPickers.d.ts +16 -0
- package/dist/chrome/AssetPickers.d.ts.map +1 -0
- package/dist/chrome/AssetPickers.js +112 -0
- package/dist/chrome/AssetPickers.js.map +1 -0
- package/dist/chrome/CatalogPickers.d.ts +6 -0
- package/dist/chrome/CatalogPickers.d.ts.map +1 -0
- package/dist/chrome/CatalogPickers.js +310 -0
- package/dist/chrome/CatalogPickers.js.map +1 -0
- package/dist/chrome/ColorPaletteModal.d.ts +11 -0
- package/dist/chrome/ColorPaletteModal.d.ts.map +1 -0
- package/dist/chrome/ColorPaletteModal.js +82 -0
- package/dist/chrome/ColorPaletteModal.js.map +1 -0
- package/dist/chrome/ColorPaletteProvider.d.ts +7 -0
- package/dist/chrome/ColorPaletteProvider.d.ts.map +1 -0
- package/dist/chrome/ColorPaletteProvider.js +40 -0
- package/dist/chrome/ColorPaletteProvider.js.map +1 -0
- package/dist/chrome/PageBuilderHeaderActions.d.ts +52 -0
- package/dist/chrome/PageBuilderHeaderActions.d.ts.map +1 -0
- package/dist/chrome/PageBuilderHeaderActions.js +242 -0
- package/dist/chrome/PageBuilderHeaderActions.js.map +1 -0
- package/dist/chrome/PageBuilderOverlayBridge.d.ts +10 -0
- package/dist/chrome/PageBuilderOverlayBridge.d.ts.map +1 -0
- package/dist/chrome/PageBuilderOverlayBridge.js +25 -0
- package/dist/chrome/PageBuilderOverlayBridge.js.map +1 -0
- package/dist/chrome/QuickTooltip.d.ts +8 -0
- package/dist/chrome/QuickTooltip.d.ts.map +1 -0
- package/dist/chrome/QuickTooltip.js +33 -0
- package/dist/chrome/QuickTooltip.js.map +1 -0
- package/dist/chrome/action-bar-target.d.ts +12 -0
- package/dist/chrome/action-bar-target.d.ts.map +1 -0
- package/dist/chrome/action-bar-target.js +37 -0
- package/dist/chrome/action-bar-target.js.map +1 -0
- package/dist/chrome/cms-page-builder-api.d.ts +21 -0
- package/dist/chrome/cms-page-builder-api.d.ts.map +1 -0
- package/dist/chrome/cms-page-builder-api.js +50 -0
- package/dist/chrome/cms-page-builder-api.js.map +1 -0
- package/dist/chrome/page-builder-data.d.ts +5 -0
- package/dist/chrome/page-builder-data.d.ts.map +1 -0
- package/dist/chrome/page-builder-data.js +12 -0
- package/dist/chrome/page-builder-data.js.map +1 -0
- package/dist/email/EmailBuilderActionBar.d.ts +8 -0
- package/dist/email/EmailBuilderActionBar.d.ts.map +1 -0
- package/dist/email/EmailBuilderActionBar.js +91 -0
- package/dist/email/EmailBuilderActionBar.js.map +1 -0
- package/dist/email/EmailEditorPane.d.ts +42 -0
- package/dist/email/EmailEditorPane.d.ts.map +1 -0
- package/dist/email/EmailEditorPane.js +637 -0
- package/dist/email/EmailEditorPane.js.map +1 -0
- package/dist/email/EmailRichTextField.d.ts +14 -0
- package/dist/email/EmailRichTextField.d.ts.map +1 -0
- package/dist/email/EmailRichTextField.js +45 -0
- package/dist/email/EmailRichTextField.js.map +1 -0
- package/dist/email/EmailRowLayoutPicker.d.ts +8 -0
- package/dist/email/EmailRowLayoutPicker.d.ts.map +1 -0
- package/dist/email/EmailRowLayoutPicker.js +17 -0
- package/dist/email/EmailRowLayoutPicker.js.map +1 -0
- package/dist/email/EmailVariableFields.d.ts +13 -0
- package/dist/email/EmailVariableFields.d.ts.map +1 -0
- package/dist/email/EmailVariableFields.js +49 -0
- package/dist/email/EmailVariableFields.js.map +1 -0
- package/dist/email/EmailVariablesProvider.d.ts +15 -0
- package/dist/email/EmailVariablesProvider.d.ts.map +1 -0
- package/dist/email/EmailVariablesProvider.js +54 -0
- package/dist/email/EmailVariablesProvider.js.map +1 -0
- package/dist/email/email-builder-plugin.d.ts +6 -0
- package/dist/email/email-builder-plugin.d.ts.map +1 -0
- package/dist/email/email-builder-plugin.js +14 -0
- package/dist/email/email-builder-plugin.js.map +1 -0
- package/dist/email/email-template-layout.d.ts +16 -0
- package/dist/email/email-template-layout.d.ts.map +1 -0
- package/dist/email/email-template-layout.js +55 -0
- package/dist/email/email-template-layout.js.map +1 -0
- package/dist/email/email-templates-api.d.ts +14 -0
- package/dist/email/email-templates-api.d.ts.map +1 -0
- package/dist/email/email-templates-api.js +54 -0
- package/dist/email/email-templates-api.js.map +1 -0
- package/dist/email/index.d.ts +33 -0
- package/dist/email/index.d.ts.map +1 -0
- package/dist/email/index.js +33 -0
- package/dist/email/index.js.map +1 -0
- package/dist/email/insert-at-cursor.d.ts +8 -0
- package/dist/email/insert-at-cursor.d.ts.map +1 -0
- package/dist/email/insert-at-cursor.js +12 -0
- package/dist/email/insert-at-cursor.js.map +1 -0
- package/dist/email/variables.d.ts +20 -0
- package/dist/email/variables.d.ts.map +1 -0
- package/dist/email/variables.js +41 -0
- package/dist/email/variables.js.map +1 -0
- package/dist/index.d.ts +52 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +49 -0
- package/dist/index.js.map +1 -0
- package/package.json +69 -0
- package/tailwind.css +14 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Button, ColorPicker } from '@endora-commerce/admin-kit/ui';
|
|
4
|
+
import { useTranslation } from '@endora-commerce/admin-kit/i18n';
|
|
5
|
+
const HEX = /^#[0-9a-fA-F]{6}$/;
|
|
6
|
+
function ColorPaletteAddForm({ saving, error, onAdd, }) {
|
|
7
|
+
const t = useTranslation('core');
|
|
8
|
+
const [name, setName] = useState('');
|
|
9
|
+
const [hex, setHex] = useState('#1d4ed8');
|
|
10
|
+
return (_jsxs("div", { className: "space-y-3 border-t pt-4", children: [_jsx("h3", { className: "text-sm font-medium", children: t('pageBuilder.colorPalette.addTitle') }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("label", { className: "block text-sm", children: [_jsx("span", { className: "mb-1 block", children: t('pageBuilder.colorPalette.nameLabel') }), _jsx("input", { className: "w-full rounded-md border px-3 py-2 text-sm", value: name, onChange: (e) => setName(e.target.value), placeholder: t('pageBuilder.colorPalette.namePlaceholder') })] }), _jsxs("div", { children: [_jsx("span", { className: "mb-1 block text-sm", children: t('pageBuilder.colorPalette.colorLabel') }), _jsx(ColorPicker, { value: hex, onChange: setHex, label: t('pageBuilder.colorPalette.colorLabel'), customLabel: t('pageBuilder.colorPalette.customColor'), presets: [] })] }), _jsx(Button, { type: "button", disabled: saving, onClick: () => {
|
|
11
|
+
void onAdd(name, hex).then(() => {
|
|
12
|
+
setName('');
|
|
13
|
+
setHex('#1d4ed8');
|
|
14
|
+
});
|
|
15
|
+
}, children: t('pageBuilder.colorPalette.add') })] }));
|
|
16
|
+
}
|
|
17
|
+
export function ColorPaletteModal({ open, entries, pickMode, onClose, onPick, onSave, }) {
|
|
18
|
+
const t = useTranslation('core');
|
|
19
|
+
const [localEntries, setLocalEntries] = useState(entries);
|
|
20
|
+
const [saving, setSaving] = useState(false);
|
|
21
|
+
const [error, setError] = useState(null);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (open) {
|
|
24
|
+
setLocalEntries(entries);
|
|
25
|
+
setError(null);
|
|
26
|
+
}
|
|
27
|
+
}, [open, entries]);
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (!open)
|
|
30
|
+
return undefined;
|
|
31
|
+
const onKey = (e) => {
|
|
32
|
+
if (e.key === 'Escape')
|
|
33
|
+
onClose();
|
|
34
|
+
};
|
|
35
|
+
window.addEventListener('keydown', onKey);
|
|
36
|
+
return () => window.removeEventListener('keydown', onKey);
|
|
37
|
+
}, [open, onClose]);
|
|
38
|
+
if (!open)
|
|
39
|
+
return null;
|
|
40
|
+
const persist = async (next) => {
|
|
41
|
+
setSaving(true);
|
|
42
|
+
setError(null);
|
|
43
|
+
try {
|
|
44
|
+
await onSave(next);
|
|
45
|
+
setLocalEntries(next);
|
|
46
|
+
}
|
|
47
|
+
catch (err) {
|
|
48
|
+
setError(err instanceof Error ? err.message : String(err));
|
|
49
|
+
throw err;
|
|
50
|
+
}
|
|
51
|
+
finally {
|
|
52
|
+
setSaving(false);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const addColor = async (name, hex) => {
|
|
56
|
+
const trimmed = name.trim();
|
|
57
|
+
if (!trimmed) {
|
|
58
|
+
setError(t('pageBuilder.colorPalette.nameRequired'));
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (!HEX.test(hex)) {
|
|
62
|
+
setError(t('pageBuilder.colorPalette.invalidHex'));
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const next = {
|
|
66
|
+
id: crypto.randomUUID(),
|
|
67
|
+
name: trimmed,
|
|
68
|
+
hex: hex.toLowerCase(),
|
|
69
|
+
};
|
|
70
|
+
await persist([...localEntries, next]);
|
|
71
|
+
};
|
|
72
|
+
const removeColor = async (id) => {
|
|
73
|
+
if (!window.confirm(t('pageBuilder.colorPalette.deleteConfirm')))
|
|
74
|
+
return;
|
|
75
|
+
await persist(localEntries.filter((entry) => entry.id !== id));
|
|
76
|
+
};
|
|
77
|
+
return (_jsx("div", { className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/40 p-4", role: "dialog", "aria-modal": "true", "aria-label": t('pageBuilder.colorPalette.title'), onClick: onClose, children: _jsxs("div", { className: "max-h-[85vh] w-full max-w-lg overflow-y-auto rounded-lg border bg-background p-4 shadow-lg", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: t('pageBuilder.colorPalette.title') }), _jsx("p", { className: "text-sm text-muted-foreground", children: pickMode ? t('pageBuilder.colorPalette.pickHint') : t('pageBuilder.colorPalette.description') })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onClose, children: t('pageBuilder.colorPalette.close') })] }), _jsx("ul", { className: "mb-4 space-y-2", children: localEntries.length === 0 ? (_jsx("li", { className: "text-sm text-muted-foreground", children: t('pageBuilder.colorPalette.empty') })) : (localEntries.map((entry) => (_jsxs("li", { className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-3 text-left", onClick: () => {
|
|
78
|
+
if (pickMode)
|
|
79
|
+
onPick(entry.hex);
|
|
80
|
+
}, children: [_jsx("span", { className: "size-8 shrink-0 rounded-full border border-black/10", style: { backgroundColor: entry.hex }, "aria-hidden": true }), _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate font-medium", children: entry.name }), _jsx("span", { className: "block font-mono text-xs uppercase text-muted-foreground", children: entry.hex })] })] }), !pickMode ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: saving, onClick: () => void removeColor(entry.id), children: t('pageBuilder.colorPalette.delete') })) : null] }, entry.id)))) }), _jsx(ColorPaletteAddForm, { saving: saving, error: error, onAdd: addColor })] }) }));
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=ColorPaletteModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPaletteModal.js","sourceRoot":"","sources":["../../src/chrome/ColorPaletteModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { CmsColorPaletteEntry } from '@endora-commerce/contracts';
|
|
3
|
+
export declare function PageBuilderColorPaletteProvider({ initialEntries, children, }: {
|
|
4
|
+
initialEntries: CmsColorPaletteEntry[];
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): ReactNode;
|
|
7
|
+
//# sourceMappingURL=ColorPaletteProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPaletteProvider.d.ts","sourceRoot":"","sources":["../../src/chrome/ColorPaletteProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAA6B,MAAM,4BAA4B,CAAC;AAKlG,wBAAgB,+BAA+B,CAAC,EAC9C,cAAc,EACd,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,oBAAoB,EAAE,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CAsDZ"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { ColorPaletteProvider as PbColorPaletteProvider } from '@endora-commerce/page-builder-core/client';
|
|
4
|
+
import { getPageBuilderColorPalette, putPageBuilderColorPalette } from './cms-page-builder-api.js';
|
|
5
|
+
import { ColorPaletteModal } from './ColorPaletteModal.js';
|
|
6
|
+
export function PageBuilderColorPaletteProvider({ initialEntries, children, }) {
|
|
7
|
+
const [entries, setEntries] = useState(initialEntries);
|
|
8
|
+
const [modalOpen, setModalOpen] = useState(false);
|
|
9
|
+
const [pickHandler, setPickHandler] = useState(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
setEntries(initialEntries);
|
|
12
|
+
}, [initialEntries]);
|
|
13
|
+
const refreshPalette = useCallback(async () => {
|
|
14
|
+
setEntries(await getPageBuilderColorPalette());
|
|
15
|
+
}, []);
|
|
16
|
+
const savePalette = useCallback(async (next) => {
|
|
17
|
+
const body = { entries: next };
|
|
18
|
+
const result = await putPageBuilderColorPalette(body);
|
|
19
|
+
setEntries(result.entries);
|
|
20
|
+
}, []);
|
|
21
|
+
const openPalette = useCallback((onSelect) => {
|
|
22
|
+
setPickHandler(() => onSelect);
|
|
23
|
+
setModalOpen(true);
|
|
24
|
+
}, []);
|
|
25
|
+
const contextValue = useMemo(() => ({
|
|
26
|
+
entries,
|
|
27
|
+
openPalette,
|
|
28
|
+
refreshPalette,
|
|
29
|
+
savePalette,
|
|
30
|
+
}), [entries, openPalette, refreshPalette, savePalette]);
|
|
31
|
+
return (_jsxs(PbColorPaletteProvider, { value: contextValue, children: [children, _jsx(ColorPaletteModal, { open: modalOpen, entries: entries, pickMode: pickHandler !== null, onClose: () => {
|
|
32
|
+
setModalOpen(false);
|
|
33
|
+
setPickHandler(null);
|
|
34
|
+
}, onPick: (hex) => {
|
|
35
|
+
pickHandler?.(hex);
|
|
36
|
+
setModalOpen(false);
|
|
37
|
+
setPickHandler(null);
|
|
38
|
+
}, onSave: savePalette })] }));
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=ColorPaletteProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPaletteProvider.js","sourceRoot":"","sources":["../../src/chrome/ColorPaletteProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,oBAAoB,IAAI,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAC3G,OAAO,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,+BAA+B,CAAC,EAC9C,cAAc,EACd,QAAQ,GAIT;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyB,cAAc,CAAC,CAAC;IAC/E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAiC,IAAI,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAmB,EAAE;QAC3D,UAAU,CAAC,MAAM,0BAA0B,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,IAA4B,EAAiB,EAAE;QACpF,MAAM,IAAI,GAA8B,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC1D,MAAM,MAAM,GAAG,MAAM,0BAA0B,CAAC,IAAI,CAAC,CAAC;QACtD,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,QAA+B,EAAQ,EAAE;QACxE,cAAc,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,WAAW;QACX,cAAc;QACd,WAAW;KACZ,CAAC,EACF,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,MAAC,sBAAsB,IAAC,KAAK,EAAE,YAAY,aACxC,QAAQ,EACT,KAAC,iBAAiB,IAChB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,WAAW,KAAK,IAAI,EAC9B,OAAO,EAAE,GAAS,EAAE;oBAClB,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACvB,CAAC,EACD,MAAM,EAAE,CAAC,GAAG,EAAQ,EAAE;oBACpB,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;oBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACvB,CAAC,EACD,MAAM,EAAE,WAAW,GACnB,IACqB,CAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import type { Data } from '@measured/puck';
|
|
3
|
+
export type ApplyTemplateOption = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* The translator a caller hands this file's components.
|
|
9
|
+
*
|
|
10
|
+
* **It reads `core`, and that is a contract rather than a convention** (feature
|
|
11
|
+
* 091 P5a, `admin-kit-surface.md` R-1). This is the shared page-builder chrome:
|
|
12
|
+
* `cms`, `invoices` and the e-mail builder all render it, its copy names
|
|
13
|
+
* `cms` nowhere, and the `t` prop makes the namespace the caller's decision
|
|
14
|
+
* rather than this file's. Two of the three callers were supplying
|
|
15
|
+
* `useTranslation('cms')` — module knowledge in a component that owns none, and
|
|
16
|
+
* a defect nothing catches at compile time, because a key the namespace does not
|
|
17
|
+
* carry renders `<scope>.<key>` into the operator's screen instead of failing.
|
|
18
|
+
* So the keys below live in `_i18n`'s bundle, which the admin serves under the
|
|
19
|
+
* synthetic `core` scope, and every caller passes `useTranslation('core')`.
|
|
20
|
+
* `admin/test/page-builder-admin/chrome-core-namespace.test.tsx` asserts both
|
|
21
|
+
* halves against the shipped bundles, in both shipped languages.
|
|
22
|
+
*/
|
|
23
|
+
type Translate = (key: string, params?: Record<string, string | number>) => string;
|
|
24
|
+
/** Injects `leading` into Puck's left header column (after sidebar toggles). */
|
|
25
|
+
export declare function PageBuilderHeaderShell({ children, leading, }: {
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
leading: ReactNode;
|
|
28
|
+
}): ReactElement;
|
|
29
|
+
/** Save as template / Apply template — meant for the left of the page title. */
|
|
30
|
+
export declare function PageBuilderTemplateActions({ currentData, onSaveAsTemplate, onListTemplatesForApply, onApplyTemplate, t, }: {
|
|
31
|
+
currentData: Data | null;
|
|
32
|
+
onSaveAsTemplate?: (meta: {
|
|
33
|
+
name: string;
|
|
34
|
+
code: string;
|
|
35
|
+
}, data: Data) => void | Promise<void>;
|
|
36
|
+
onListTemplatesForApply?: () => Promise<ApplyTemplateOption[]>;
|
|
37
|
+
onApplyTemplate?: (templateId: string) => void | Promise<void>;
|
|
38
|
+
t: Translate;
|
|
39
|
+
}): ReactElement | null;
|
|
40
|
+
/** Right-side header tools: copy language, clear canvas, fullscreen. */
|
|
41
|
+
export declare function PageBuilderHeaderActions({ fullscreen, onToggleFullscreen, languages, activeLanguage, currentData, onCopyFromLanguage, onClearCanvas, t, }: {
|
|
42
|
+
fullscreen: boolean;
|
|
43
|
+
onToggleFullscreen: () => void;
|
|
44
|
+
languages?: string[];
|
|
45
|
+
activeLanguage?: string | null;
|
|
46
|
+
currentData: Data | null;
|
|
47
|
+
onCopyFromLanguage?: (sourceLanguage: string) => void | Promise<void>;
|
|
48
|
+
onClearCanvas?: () => void;
|
|
49
|
+
t: Translate;
|
|
50
|
+
}): ReactElement;
|
|
51
|
+
export {};
|
|
52
|
+
//# sourceMappingURL=PageBuilderHeaderActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBuilderHeaderActions.d.ts","sourceRoot":"","sources":["../../src/chrome/PageBuilderHeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,MAAM,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAiBhE;;;;;;;;;;;;;;;GAeG;AACH,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAC;AAEnF,gFAAgF;AAChF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB,GAAG,YAAY,CA6Cf;AAED,gFAAgF;AAChF,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,EACf,CAAC,GACF,EAAE;IACD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9F,uBAAuB,CAAC,EAAE,MAAM,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC/D,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC,EAAE,SAAS,CAAC;CACd,GAAG,YAAY,GAAG,IAAI,CA4RtB;AAED,wEAAwE;AACxE,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,kBAAkB,EAClB,SAAc,EACd,cAAqB,EACrB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,CAAC,GACF,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,CAAC,EAAE,SAAS,CAAC;CACd,GAAG,YAAY,CA6Mf"}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { createPortal } from 'react-dom';
|
|
5
|
+
import { Copy, Eraser, FileInput, Maximize2, Minimize2, Save } from 'lucide-react';
|
|
6
|
+
import { slugify } from '@endora-commerce/contracts';
|
|
7
|
+
import { Button, Input, Label, Select } from '@endora-commerce/admin-kit/ui';
|
|
8
|
+
import { isEmptyPageBuilderData } from './page-builder-data.js';
|
|
9
|
+
/**
|
|
10
|
+
* The template `code` prefill's length cut, and this caller's own.
|
|
11
|
+
*
|
|
12
|
+
* It used to reach `cms`' `codeFromTemplateName`, a one-line wrapper over
|
|
13
|
+
* `slugify(input, { maxLength: 180 })` from `@endora-commerce/contracts`.
|
|
14
|
+
* `admin-component-contribution.md` Z1.2 deletes the wrapper rather than
|
|
15
|
+
* publishing it: this package cannot name `@/modules/cms`, and a wrapper whose
|
|
16
|
+
* whole body is one call to a shared helper is a second name for that helper.
|
|
17
|
+
* The fold is the helper's — issue #245's repair, which is why the call must
|
|
18
|
+
* stay `slugify` and never grow a `.replace()` chain here
|
|
19
|
+
* (`check:diacritic-folds`). 180 is `cmsCodeRe`'s limit and is passed
|
|
20
|
+
* explicitly, because it is the API's constraint and not `slugify`'s.
|
|
21
|
+
*/
|
|
22
|
+
const TEMPLATE_CODE_MAX_LENGTH = 180;
|
|
23
|
+
/** Injects `leading` into Puck's left header column (after sidebar toggles). */
|
|
24
|
+
export function PageBuilderHeaderShell({ children, leading, }) {
|
|
25
|
+
const wrapRef = useRef(null);
|
|
26
|
+
const [mountNode, setMountNode] = useState(null);
|
|
27
|
+
useLayoutEffect(() => {
|
|
28
|
+
const root = wrapRef.current;
|
|
29
|
+
if (!root) {
|
|
30
|
+
setMountNode(null);
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
// Prefer the left toggle column so the center title stays visually centered.
|
|
34
|
+
const leftColumn = root.querySelector('[class*="PuckHeader-toggle"]') ??
|
|
35
|
+
root.querySelector('[class*="PuckHeader-inner"]');
|
|
36
|
+
if (!leftColumn) {
|
|
37
|
+
setMountNode(null);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
leftColumn.classList.add('cms-pb-header-left');
|
|
41
|
+
let mount = leftColumn.querySelector(':scope > [data-cms-pb-leading]');
|
|
42
|
+
if (!mount) {
|
|
43
|
+
// Remove a stale mount left in the title from earlier iterations.
|
|
44
|
+
root.querySelectorAll('[data-cms-pb-leading]').forEach((node) => {
|
|
45
|
+
if (node.parentElement !== leftColumn)
|
|
46
|
+
node.remove();
|
|
47
|
+
});
|
|
48
|
+
root.querySelectorAll('.cms-pb-header-title').forEach((node) => {
|
|
49
|
+
node.classList.remove('cms-pb-header-title');
|
|
50
|
+
});
|
|
51
|
+
mount = document.createElement('span');
|
|
52
|
+
mount.setAttribute('data-cms-pb-leading', '');
|
|
53
|
+
mount.className = 'cms-pb-header-leading';
|
|
54
|
+
leftColumn.appendChild(mount);
|
|
55
|
+
}
|
|
56
|
+
setMountNode(mount);
|
|
57
|
+
}, [children]);
|
|
58
|
+
return (_jsxs("div", { ref: wrapRef, className: "cms-pb-header-shell", children: [children, mountNode && leading ? createPortal(leading, mountNode) : null] }));
|
|
59
|
+
}
|
|
60
|
+
/** Save as template / Apply template — meant for the left of the page title. */
|
|
61
|
+
export function PageBuilderTemplateActions({ currentData, onSaveAsTemplate, onListTemplatesForApply, onApplyTemplate, t, }) {
|
|
62
|
+
const [saveOpen, setSaveOpen] = useState(false);
|
|
63
|
+
const [applyOpen, setApplyOpen] = useState(false);
|
|
64
|
+
const [templateName, setTemplateName] = useState('');
|
|
65
|
+
const [templateCode, setTemplateCode] = useState('');
|
|
66
|
+
const [codeEdited, setCodeEdited] = useState(false);
|
|
67
|
+
const [applyOptions, setApplyOptions] = useState([]);
|
|
68
|
+
const [selectedTemplateId, setSelectedTemplateId] = useState('');
|
|
69
|
+
const [busy, setBusy] = useState(false);
|
|
70
|
+
const [message, setMessage] = useState(null);
|
|
71
|
+
const canSave = Boolean(onSaveAsTemplate) && !isEmptyPageBuilderData(currentData);
|
|
72
|
+
const canApply = Boolean(onApplyTemplate && onListTemplatesForApply);
|
|
73
|
+
const canvasHasContent = !isEmptyPageBuilderData(currentData);
|
|
74
|
+
useEffect(() => {
|
|
75
|
+
if (!applyOpen || !onListTemplatesForApply)
|
|
76
|
+
return;
|
|
77
|
+
let live = true;
|
|
78
|
+
setBusy(true);
|
|
79
|
+
setMessage(null);
|
|
80
|
+
void onListTemplatesForApply()
|
|
81
|
+
.then((options) => {
|
|
82
|
+
if (!live)
|
|
83
|
+
return;
|
|
84
|
+
setApplyOptions(options);
|
|
85
|
+
setSelectedTemplateId(options[0]?.id ?? '');
|
|
86
|
+
})
|
|
87
|
+
.catch((err) => {
|
|
88
|
+
if (!live)
|
|
89
|
+
return;
|
|
90
|
+
setMessage(err instanceof Error ? err.message : String(err));
|
|
91
|
+
setApplyOptions([]);
|
|
92
|
+
setSelectedTemplateId('');
|
|
93
|
+
})
|
|
94
|
+
.finally(() => {
|
|
95
|
+
if (live)
|
|
96
|
+
setBusy(false);
|
|
97
|
+
});
|
|
98
|
+
return () => {
|
|
99
|
+
live = false;
|
|
100
|
+
};
|
|
101
|
+
}, [applyOpen, onListTemplatesForApply]);
|
|
102
|
+
if (!onSaveAsTemplate && !canApply)
|
|
103
|
+
return null;
|
|
104
|
+
const runSave = async () => {
|
|
105
|
+
if (!onSaveAsTemplate || !currentData)
|
|
106
|
+
return;
|
|
107
|
+
const name = templateName.trim();
|
|
108
|
+
const code = templateCode.trim();
|
|
109
|
+
if (!name || !code) {
|
|
110
|
+
setMessage(t('pageBuilder.saveAsTemplate.requiredFields'));
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
setBusy(true);
|
|
114
|
+
setMessage(null);
|
|
115
|
+
try {
|
|
116
|
+
await onSaveAsTemplate({ name, code }, currentData);
|
|
117
|
+
setSaveOpen(false);
|
|
118
|
+
setTemplateName('');
|
|
119
|
+
setTemplateCode('');
|
|
120
|
+
setCodeEdited(false);
|
|
121
|
+
setMessage(t('pageBuilder.saveAsTemplate.success'));
|
|
122
|
+
}
|
|
123
|
+
catch (err) {
|
|
124
|
+
const raw = err instanceof Error ? err.message : String(err);
|
|
125
|
+
if (raw === 'EMPTY_CANVAS') {
|
|
126
|
+
setMessage(t('pageBuilder.saveAsTemplate.emptyCanvas'));
|
|
127
|
+
}
|
|
128
|
+
else if (raw === 'MISSING_SCOPE') {
|
|
129
|
+
setMessage(t('pageBuilder.saveAsTemplate.missingScope'));
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
setMessage(raw);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
finally {
|
|
136
|
+
setBusy(false);
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
const runApply = async () => {
|
|
140
|
+
if (!onApplyTemplate || !selectedTemplateId)
|
|
141
|
+
return;
|
|
142
|
+
setBusy(true);
|
|
143
|
+
setMessage(null);
|
|
144
|
+
try {
|
|
145
|
+
await onApplyTemplate(selectedTemplateId);
|
|
146
|
+
setApplyOpen(false);
|
|
147
|
+
setSelectedTemplateId('');
|
|
148
|
+
setMessage(t('pageBuilder.applyTemplate.success'));
|
|
149
|
+
}
|
|
150
|
+
catch (err) {
|
|
151
|
+
setMessage(err instanceof Error ? err.message : String(err));
|
|
152
|
+
}
|
|
153
|
+
finally {
|
|
154
|
+
setBusy(false);
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cms-pb-header-actions", children: [onSaveAsTemplate ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: !canSave, title: isEmptyPageBuilderData(currentData)
|
|
158
|
+
? t('pageBuilder.saveAsTemplate.emptyCanvas')
|
|
159
|
+
: t('pageBuilder.saveAsTemplate.button'), onClick: () => {
|
|
160
|
+
setMessage(null);
|
|
161
|
+
setTemplateName('');
|
|
162
|
+
setTemplateCode('');
|
|
163
|
+
setCodeEdited(false);
|
|
164
|
+
setSaveOpen(true);
|
|
165
|
+
}, children: [_jsx(Save, { className: "mr-1 h-4 w-4" }), t('pageBuilder.saveAsTemplate.button')] })) : null, canApply ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
|
|
166
|
+
setMessage(null);
|
|
167
|
+
setApplyOpen(true);
|
|
168
|
+
}, children: [_jsx(FileInput, { className: "mr-1 h-4 w-4" }), t('pageBuilder.applyTemplate.button')] })) : null] }), message ? _jsx("p", { className: "sr-only", role: "status", children: message }) : null, saveOpen
|
|
169
|
+
? createPortal(_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40 p-4", style: { zIndex: 10000 }, role: "presentation", onPointerDown: (e) => {
|
|
170
|
+
if (e.target === e.currentTarget && !busy)
|
|
171
|
+
setSaveOpen(false);
|
|
172
|
+
}, children: _jsxs("div", { className: "w-full max-w-md space-y-4 rounded-lg border bg-background p-5 shadow-lg", role: "dialog", "aria-modal": "true", "aria-labelledby": "pb-save-template-title", onPointerDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { id: "pb-save-template-title", className: "text-lg font-semibold", children: t('pageBuilder.saveAsTemplate.title') }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('pageBuilder.saveAsTemplate.description') })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "pb-save-template-name", children: t('common.field.name') }), _jsx(Input, { id: "pb-save-template-name", value: templateName, disabled: busy, onChange: (e) => {
|
|
173
|
+
const name = e.target.value;
|
|
174
|
+
setTemplateName(name);
|
|
175
|
+
if (!codeEdited)
|
|
176
|
+
setTemplateCode(slugify(name, { maxLength: TEMPLATE_CODE_MAX_LENGTH }));
|
|
177
|
+
} })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "pb-save-template-code", children: t('common.field.code') }), _jsx(Input, { id: "pb-save-template-code", className: "font-mono", value: templateCode, disabled: busy, onChange: (e) => {
|
|
178
|
+
setCodeEdited(true);
|
|
179
|
+
setTemplateCode(e.target.value.toLowerCase());
|
|
180
|
+
} })] }), message ? _jsx("p", { className: "text-sm text-destructive", children: message }) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => setSaveOpen(false), children: t('pageBuilder.saveAsTemplate.cancel') }), _jsx(Button, { type: "button", disabled: busy || !templateName.trim() || !templateCode.trim(), onClick: () => void runSave(), children: busy ? t('common.state.saving') : t('pageBuilder.saveAsTemplate.confirm') })] })] }) }), document.body)
|
|
181
|
+
: null, applyOpen
|
|
182
|
+
? createPortal(_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40 p-4", style: { zIndex: 10000 }, role: "presentation", onPointerDown: (e) => {
|
|
183
|
+
if (e.target === e.currentTarget && !busy)
|
|
184
|
+
setApplyOpen(false);
|
|
185
|
+
}, children: _jsxs("div", { className: "w-full max-w-md space-y-4 rounded-lg border bg-background p-5 shadow-lg", role: "dialog", "aria-modal": "true", "aria-labelledby": "pb-apply-template-title", onPointerDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { id: "pb-apply-template-title", className: "text-lg font-semibold", children: t('pageBuilder.applyTemplate.title') }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('pageBuilder.applyTemplate.description') }), canvasHasContent ? (_jsx("p", { className: "text-sm text-amber-700 dark:text-amber-400", children: t('pageBuilder.applyTemplate.replaceWarning') })) : null] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "pb-apply-template-select", children: t('pageBuilder.applyTemplate.selectLabel') }), _jsx(Select, { id: "pb-apply-template-select", value: selectedTemplateId, onChange: (e) => setSelectedTemplateId(e.target.value), disabled: busy || applyOptions.length === 0, children: applyOptions.length === 0 ? (_jsx("option", { value: "", children: t('pageBuilder.applyTemplate.empty') })) : (applyOptions.map((option) => (_jsx("option", { value: option.id, children: option.label }, option.id)))) })] }), message ? _jsx("p", { className: "text-sm text-destructive", children: message }) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => setApplyOpen(false), children: t('pageBuilder.applyTemplate.cancel') }), _jsx(Button, { type: "button", disabled: busy || !selectedTemplateId, onClick: () => void runApply(), children: busy ? t('common.state.saving') : t('pageBuilder.applyTemplate.confirm') })] })] }) }), document.body)
|
|
186
|
+
: null] }));
|
|
187
|
+
}
|
|
188
|
+
/** Right-side header tools: copy language, clear canvas, fullscreen. */
|
|
189
|
+
export function PageBuilderHeaderActions({ fullscreen, onToggleFullscreen, languages = [], activeLanguage = null, currentData, onCopyFromLanguage, onClearCanvas, t, }) {
|
|
190
|
+
const [copyOpen, setCopyOpen] = useState(false);
|
|
191
|
+
const [clearOpen, setClearOpen] = useState(false);
|
|
192
|
+
const [sourceLanguage, setSourceLanguage] = useState('');
|
|
193
|
+
const [busy, setBusy] = useState(false);
|
|
194
|
+
const [message, setMessage] = useState(null);
|
|
195
|
+
const otherLanguages = useMemo(() => languages.filter((lang) => lang !== activeLanguage), [activeLanguage, languages]);
|
|
196
|
+
const canCopy = Boolean(onCopyFromLanguage) && otherLanguages.length > 0;
|
|
197
|
+
const canClear = Boolean(onClearCanvas) && !isEmptyPageBuilderData(currentData);
|
|
198
|
+
const runCopy = async () => {
|
|
199
|
+
if (!onCopyFromLanguage || !sourceLanguage)
|
|
200
|
+
return;
|
|
201
|
+
setBusy(true);
|
|
202
|
+
setMessage(null);
|
|
203
|
+
try {
|
|
204
|
+
await onCopyFromLanguage(sourceLanguage);
|
|
205
|
+
setCopyOpen(false);
|
|
206
|
+
setSourceLanguage('');
|
|
207
|
+
setMessage(t('pageBuilder.copyLanguage.success', { language: sourceLanguage }));
|
|
208
|
+
}
|
|
209
|
+
catch (err) {
|
|
210
|
+
setMessage(err instanceof Error ? err.message : String(err));
|
|
211
|
+
}
|
|
212
|
+
finally {
|
|
213
|
+
setBusy(false);
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cms-pb-header-actions", children: [onCopyFromLanguage ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: !canCopy, title: otherLanguages.length === 0
|
|
217
|
+
? t('pageBuilder.copyLanguage.noTargets')
|
|
218
|
+
: t('pageBuilder.copyLanguage.button'), "aria-label": t('pageBuilder.copyLanguage.button'), onClick: () => {
|
|
219
|
+
setMessage(null);
|
|
220
|
+
setSourceLanguage(otherLanguages[0] ?? '');
|
|
221
|
+
setCopyOpen(true);
|
|
222
|
+
}, children: [_jsx(Copy, { className: "h-4 w-4" }), _jsx("span", { className: "cms-pb-header-actions__label", children: t('pageBuilder.copyLanguage.button') })] })) : null, onClearCanvas ? (_jsxs(Button, { type: "button", variant: "destructive", size: "sm", disabled: !canClear, title: t('pageBuilder.clearCanvas.button'), "aria-label": t('pageBuilder.clearCanvas.button'), onClick: () => {
|
|
223
|
+
setMessage(null);
|
|
224
|
+
setClearOpen(true);
|
|
225
|
+
}, children: [_jsx(Eraser, { className: "h-4 w-4" }), _jsx("span", { className: "cms-pb-header-actions__label", children: t('pageBuilder.clearCanvas.button') })] })) : null, _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: onToggleFullscreen, "aria-pressed": fullscreen, title: fullscreen ? t('pageBuilder.fullscreen.exit') : t('pageBuilder.fullscreen.enter'), "aria-label": fullscreen ? t('pageBuilder.fullscreen.exit') : t('pageBuilder.fullscreen.enter'), children: [fullscreen ? _jsx(Minimize2, { className: "h-4 w-4" }) : _jsx(Maximize2, { className: "h-4 w-4" }), _jsx("span", { className: "cms-pb-header-actions__label", children: fullscreen ? t('pageBuilder.fullscreen.exit') : t('pageBuilder.fullscreen.enter') })] })] }), message ? _jsx("p", { className: "sr-only", role: "status", children: message }) : null, copyOpen
|
|
226
|
+
? createPortal(_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40 p-4", style: { zIndex: 10000 }, role: "presentation", onPointerDown: (e) => {
|
|
227
|
+
if (e.target === e.currentTarget && !busy)
|
|
228
|
+
setCopyOpen(false);
|
|
229
|
+
}, children: _jsxs("div", { className: "w-full max-w-md space-y-4 rounded-lg border bg-background p-5 shadow-lg", role: "dialog", "aria-modal": "true", "aria-labelledby": "pb-copy-lang-title", onPointerDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { id: "pb-copy-lang-title", className: "text-lg font-semibold", children: t('pageBuilder.copyLanguage.title') }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('pageBuilder.copyLanguage.description', {
|
|
230
|
+
target: activeLanguage ?? '—',
|
|
231
|
+
}) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "pb-copy-lang-select", children: t('pageBuilder.copyLanguage.sourceLabel') }), _jsx(Select, { id: "pb-copy-lang-select", value: sourceLanguage, onChange: (e) => setSourceLanguage(e.target.value), disabled: busy, children: otherLanguages.map((lang) => (_jsx("option", { value: lang, children: lang }, lang))) })] }), message && copyOpen ? (_jsx("p", { className: "text-sm text-destructive", children: message })) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => setCopyOpen(false), children: t('pageBuilder.copyLanguage.cancel') }), _jsx(Button, { type: "button", disabled: busy || !sourceLanguage, onClick: () => void runCopy(), children: busy ? t('common.state.saving') : t('pageBuilder.copyLanguage.confirm') })] })] }) }), document.body)
|
|
232
|
+
: null, clearOpen
|
|
233
|
+
? createPortal(_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40 p-4", style: { zIndex: 10000 }, role: "presentation", onPointerDown: (e) => {
|
|
234
|
+
if (e.target === e.currentTarget)
|
|
235
|
+
setClearOpen(false);
|
|
236
|
+
}, children: _jsxs("div", { className: "w-full max-w-md space-y-4 rounded-lg border bg-background p-5 shadow-lg", role: "dialog", "aria-modal": "true", "aria-labelledby": "pb-clear-title", onPointerDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { id: "pb-clear-title", className: "text-lg font-semibold", children: t('pageBuilder.clearCanvas.title') }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('pageBuilder.clearCanvas.description') })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => setClearOpen(false), children: t('pageBuilder.clearCanvas.cancel') }), _jsx(Button, { type: "button", variant: "destructive", onClick: () => {
|
|
237
|
+
onClearCanvas?.();
|
|
238
|
+
setClearOpen(false);
|
|
239
|
+
}, children: t('pageBuilder.clearCanvas.confirm') })] })] }) }), document.body)
|
|
240
|
+
: null] }));
|
|
241
|
+
}
|
|
242
|
+
//# sourceMappingURL=PageBuilderHeaderActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBuilderHeaderActions.js","sourceRoot":"","sources":["../../src/chrome/PageBuilderHeaderActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
/** Tracks hovered/selected components for the Puck action bar (selected wins over hover). */
|
|
3
|
+
export declare function PageBuilderOverlayBridge({ children, hover, isSelected, componentId, componentType, }: {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
hover: boolean;
|
|
6
|
+
isSelected: boolean;
|
|
7
|
+
componentId: string;
|
|
8
|
+
componentType: string;
|
|
9
|
+
}): ReactElement;
|
|
10
|
+
//# sourceMappingURL=PageBuilderOverlayBridge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBuilderOverlayBridge.d.ts","sourceRoot":"","sources":["../../src/chrome/PageBuilderOverlayBridge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASrE,6FAA6F;AAC7F,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,YAAY,CA2Bf"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { PageBuilderComponentOverlay } from '@endora-commerce/page-builder-core/editor';
|
|
5
|
+
import { getHoverActionBarTarget, getSelectedActionBarTarget, setHoverActionBarTarget, setSelectedActionBarTarget, } from './action-bar-target.js';
|
|
6
|
+
/** Tracks hovered/selected components for the Puck action bar (selected wins over hover). */
|
|
7
|
+
export function PageBuilderOverlayBridge({ children, hover, isSelected, componentId, componentType, }) {
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const target = { id: componentId, type: componentType };
|
|
10
|
+
if (isSelected) {
|
|
11
|
+
setSelectedActionBarTarget(target);
|
|
12
|
+
}
|
|
13
|
+
else if (getSelectedActionBarTarget()?.id === componentId) {
|
|
14
|
+
setSelectedActionBarTarget(null);
|
|
15
|
+
}
|
|
16
|
+
if (hover) {
|
|
17
|
+
setHoverActionBarTarget(target);
|
|
18
|
+
}
|
|
19
|
+
else if (getHoverActionBarTarget()?.id === componentId) {
|
|
20
|
+
setHoverActionBarTarget(null);
|
|
21
|
+
}
|
|
22
|
+
}, [hover, isSelected, componentId, componentType]);
|
|
23
|
+
return (_jsx(PageBuilderComponentOverlay, { hover: hover, isSelected: isSelected, componentId: componentId, componentType: componentType, children: children }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=PageBuilderOverlayBridge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBuilderOverlayBridge.js","sourceRoot":"","sources":["../../src/chrome/PageBuilderOverlayBridge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAEhC,6FAA6F;AAC7F,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,GAOd;IACC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;QAExD,IAAI,UAAU,EAAE,CAAC;YACf,0BAA0B,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,0BAA0B,EAAE,EAAE,EAAE,KAAK,WAAW,EAAE,CAAC;YAC5D,0BAA0B,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,uBAAuB,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;aAAM,IAAI,uBAAuB,EAAE,EAAE,EAAE,KAAK,WAAW,EAAE,CAAC;YACzD,uBAAuB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,2BAA2B,IAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,YAE3B,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
/** Faster than the native `title` tooltip (typically ~1s). */
|
|
3
|
+
export declare function QuickTooltip({ text, children, }: {
|
|
4
|
+
text: string;
|
|
5
|
+
children: ReactElement;
|
|
6
|
+
}): ReactElement;
|
|
7
|
+
export declare function wrapQuickTooltip(node: ReactNode, key?: string): ReactNode;
|
|
8
|
+
//# sourceMappingURL=QuickTooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickTooltip.d.ts","sourceRoot":"","sources":["../../src/chrome/QuickTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC;CACxB,GAAG,YAAY,CAkCf;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAUzE"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cloneElement, isValidElement, useRef, useState, } from 'react';
|
|
4
|
+
const SHOW_DELAY_MS = 200;
|
|
5
|
+
/** Faster than the native `title` tooltip (typically ~1s). */
|
|
6
|
+
export function QuickTooltip({ text, children, }) {
|
|
7
|
+
const [visible, setVisible] = useState(false);
|
|
8
|
+
const timerRef = useRef(null);
|
|
9
|
+
const show = () => {
|
|
10
|
+
if (timerRef.current)
|
|
11
|
+
clearTimeout(timerRef.current);
|
|
12
|
+
timerRef.current = setTimeout(() => setVisible(true), SHOW_DELAY_MS);
|
|
13
|
+
};
|
|
14
|
+
const hide = () => {
|
|
15
|
+
if (timerRef.current)
|
|
16
|
+
clearTimeout(timerRef.current);
|
|
17
|
+
setVisible(false);
|
|
18
|
+
};
|
|
19
|
+
const child = isValidElement(children)
|
|
20
|
+
? cloneElement(children, { title: '' })
|
|
21
|
+
: children;
|
|
22
|
+
return (_jsxs("span", { className: "pb-quick-tooltip-host", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [child, visible ? (_jsx("span", { className: "pb-quick-tooltip", role: "tooltip", children: text })) : null] }));
|
|
23
|
+
}
|
|
24
|
+
export function wrapQuickTooltip(node, key) {
|
|
25
|
+
if (!isValidElement(node))
|
|
26
|
+
return node;
|
|
27
|
+
const props = node.props;
|
|
28
|
+
const label = typeof props.label === 'string' ? props.label : undefined;
|
|
29
|
+
if (!label)
|
|
30
|
+
return node;
|
|
31
|
+
return (_jsx(QuickTooltip, { text: label, children: node }, key ?? label));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=QuickTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickTooltip.js","sourceRoot":"","sources":["../../src/chrome/QuickTooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,YAAY,EACZ,cAAc,EACd,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AAEf,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,GAAS,EAAE;QACtB,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAS,EAAE;QACtB,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAqC,QAAQ,CAAC;QACxE,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACvC,CAAC,CAAC,QAAQ,CAAC;IAEb,OAAO,CACL,gBACE,SAAS,EAAC,uBAAuB,EACjC,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,KAAK,EACL,OAAO,CAAC,CAAC,CAAC,CACT,eAAM,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,SAAS,YAC9C,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,GAAY;IAC5D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAA2B,CAAC;IAC/C,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACxE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACL,KAAC,YAAY,IAAoB,IAAI,EAAE,KAAK,YACzC,IAAI,IADY,GAAG,IAAI,KAAK,CAEhB,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type ActionBarTarget = {
|
|
2
|
+
id: string;
|
|
3
|
+
type: string;
|
|
4
|
+
};
|
|
5
|
+
export declare function setSelectedActionBarTarget(next: ActionBarTarget | null): void;
|
|
6
|
+
export declare function setHoverActionBarTarget(next: ActionBarTarget | null): void;
|
|
7
|
+
export declare function getSelectedActionBarTarget(): ActionBarTarget | null;
|
|
8
|
+
export declare function getHoverActionBarTarget(): ActionBarTarget | null;
|
|
9
|
+
/** Selected component wins over hovered — keeps Row actions while the row stays selected. */
|
|
10
|
+
export declare function getActionBarTarget(): ActionBarTarget | null;
|
|
11
|
+
export declare function useActionBarTarget(): ActionBarTarget | null;
|
|
12
|
+
//# sourceMappingURL=action-bar-target.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-bar-target.d.ts","sourceRoot":"","sources":["../../src/chrome/action-bar-target.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAU3D,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAI7E;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAI1E;AAED,wBAAgB,0BAA0B,IAAI,eAAe,GAAG,IAAI,CAEnE;AAED,wBAAgB,uBAAuB,IAAI,eAAe,GAAG,IAAI,CAEhE;AAED,6FAA6F;AAC7F,wBAAgB,kBAAkB,IAAI,eAAe,GAAG,IAAI,CAE3D;AAED,wBAAgB,kBAAkB,IAAI,eAAe,GAAG,IAAI,CAS3D"}
|