@endora-commerce/mod-cms 0.0.0-stage → 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 +65 -2
- package/dist/admin/api/cms-client.d.ts +77 -0
- package/dist/admin/api/cms-client.d.ts.map +1 -0
- package/dist/admin/api/cms-client.js +162 -0
- package/dist/admin/api/cms-client.js.map +1 -0
- package/dist/admin/components/AdminCatalogPreviewProvider.d.ts +6 -0
- package/dist/admin/components/AdminCatalogPreviewProvider.d.ts.map +1 -0
- package/dist/admin/components/AdminCatalogPreviewProvider.js +74 -0
- package/dist/admin/components/AdminCatalogPreviewProvider.js.map +1 -0
- package/dist/admin/components/AdminCmsAssetProvider.d.ts +9 -0
- package/dist/admin/components/AdminCmsAssetProvider.d.ts.map +1 -0
- package/dist/admin/components/AdminCmsAssetProvider.js +50 -0
- package/dist/admin/components/AdminCmsAssetProvider.js.map +1 -0
- package/dist/admin/components/BackgroundFields.d.ts +4 -0
- package/dist/admin/components/BackgroundFields.d.ts.map +1 -0
- package/dist/admin/components/BackgroundFields.js +40 -0
- package/dist/admin/components/BackgroundFields.js.map +1 -0
- package/dist/admin/components/ButtonLinkFields.d.ts +6 -0
- package/dist/admin/components/ButtonLinkFields.d.ts.map +1 -0
- package/dist/admin/components/ButtonLinkFields.js +127 -0
- package/dist/admin/components/ButtonLinkFields.js.map +1 -0
- package/dist/admin/components/CarouselPreviewNav.d.ts +12 -0
- package/dist/admin/components/CarouselPreviewNav.d.ts.map +1 -0
- package/dist/admin/components/CarouselPreviewNav.js +31 -0
- package/dist/admin/components/CarouselPreviewNav.js.map +1 -0
- package/dist/admin/components/CmsContentEditorLayout.d.ts +12 -0
- package/dist/admin/components/CmsContentEditorLayout.d.ts.map +1 -0
- package/dist/admin/components/CmsContentEditorLayout.js +9 -0
- package/dist/admin/components/CmsContentEditorLayout.js.map +1 -0
- package/dist/admin/components/ComponentDragHandle.d.ts +6 -0
- package/dist/admin/components/ComponentDragHandle.d.ts.map +1 -0
- package/dist/admin/components/ComponentDragHandle.js +119 -0
- package/dist/admin/components/ComponentDragHandle.js.map +1 -0
- package/dist/admin/components/ContentSliderActionBarExtras.d.ts +6 -0
- package/dist/admin/components/ContentSliderActionBarExtras.d.ts.map +1 -0
- package/dist/admin/components/ContentSliderActionBarExtras.js +109 -0
- package/dist/admin/components/ContentSliderActionBarExtras.js.map +1 -0
- package/dist/admin/components/HookBlockAttachmentsPanel.d.ts +9 -0
- package/dist/admin/components/HookBlockAttachmentsPanel.d.ts.map +1 -0
- package/dist/admin/components/HookBlockAttachmentsPanel.js +137 -0
- package/dist/admin/components/HookBlockAttachmentsPanel.js.map +1 -0
- package/dist/admin/components/PageBuilderActionBar.d.ts +10 -0
- package/dist/admin/components/PageBuilderActionBar.d.ts.map +1 -0
- package/dist/admin/components/PageBuilderActionBar.js +118 -0
- package/dist/admin/components/PageBuilderActionBar.js.map +1 -0
- package/dist/admin/components/PageBuilderDrawer.d.ts +16 -0
- package/dist/admin/components/PageBuilderDrawer.d.ts.map +1 -0
- package/dist/admin/components/PageBuilderDrawer.js +53 -0
- package/dist/admin/components/PageBuilderDrawer.js.map +1 -0
- package/dist/admin/components/PageBuilderEditor.d.ts +45 -0
- package/dist/admin/components/PageBuilderEditor.d.ts.map +1 -0
- package/dist/admin/components/PageBuilderEditor.js +632 -0
- package/dist/admin/components/PageBuilderEditor.js.map +1 -0
- package/dist/admin/components/PuckActionGuard.d.ts +12 -0
- package/dist/admin/components/PuckActionGuard.d.ts.map +1 -0
- package/dist/admin/components/PuckActionGuard.js +30 -0
- package/dist/admin/components/PuckActionGuard.js.map +1 -0
- package/dist/admin/components/RowLayoutPicker.d.ts +8 -0
- package/dist/admin/components/RowLayoutPicker.d.ts.map +1 -0
- package/dist/admin/components/RowLayoutPicker.js +17 -0
- package/dist/admin/components/RowLayoutPicker.js.map +1 -0
- package/dist/admin/components/SliderPreviewActionBarExtras.d.ts +6 -0
- package/dist/admin/components/SliderPreviewActionBarExtras.d.ts.map +1 -0
- package/dist/admin/components/SliderPreviewActionBarExtras.js +32 -0
- package/dist/admin/components/SliderPreviewActionBarExtras.js.map +1 -0
- package/dist/admin/components/admin-catalog-preview-map.d.ts +17 -0
- package/dist/admin/components/admin-catalog-preview-map.d.ts.map +1 -0
- package/dist/admin/components/admin-catalog-preview-map.js +18 -0
- package/dist/admin/components/admin-catalog-preview-map.js.map +1 -0
- package/dist/admin/components/build-viewports.d.ts +23 -0
- package/dist/admin/components/build-viewports.d.ts.map +1 -0
- package/dist/admin/components/build-viewports.js +23 -0
- package/dist/admin/components/build-viewports.js.map +1 -0
- package/dist/admin/components/cms-template-layout.d.ts +16 -0
- package/dist/admin/components/cms-template-layout.d.ts.map +1 -0
- package/dist/admin/components/cms-template-layout.js +53 -0
- package/dist/admin/components/cms-template-layout.js.map +1 -0
- package/dist/admin/components/page-builder-i18n.d.ts +27 -0
- package/dist/admin/components/page-builder-i18n.d.ts.map +1 -0
- package/dist/admin/components/page-builder-i18n.js +34 -0
- package/dist/admin/components/page-builder-i18n.js.map +1 -0
- package/dist/admin/components/puck-safe.d.ts +10 -0
- package/dist/admin/components/puck-safe.d.ts.map +1 -0
- package/dist/admin/components/puck-safe.js +22 -0
- package/dist/admin/components/puck-safe.js.map +1 -0
- package/dist/admin/components/scope-utils.d.ts +4 -0
- package/dist/admin/components/scope-utils.d.ts.map +1 -0
- package/dist/admin/components/scope-utils.js +7 -0
- package/dist/admin/components/scope-utils.js.map +1 -0
- package/dist/admin/editors/BlockEditor.d.ts +9 -0
- package/dist/admin/editors/BlockEditor.d.ts.map +1 -0
- package/dist/admin/editors/BlockEditor.js +217 -0
- package/dist/admin/editors/BlockEditor.js.map +1 -0
- package/dist/admin/editors/PageEditor.d.ts +9 -0
- package/dist/admin/editors/PageEditor.d.ts.map +1 -0
- package/dist/admin/editors/PageEditor.js +316 -0
- package/dist/admin/editors/PageEditor.js.map +1 -0
- package/dist/admin/editors/TemplateEditor.d.ts +9 -0
- package/dist/admin/editors/TemplateEditor.d.ts.map +1 -0
- package/dist/admin/editors/TemplateEditor.js +180 -0
- package/dist/admin/editors/TemplateEditor.js.map +1 -0
- package/dist/admin/index.d.ts +38 -0
- package/dist/admin/index.d.ts.map +1 -0
- package/dist/admin/index.js +144 -0
- package/dist/admin/index.js.map +1 -0
- package/dist/admin/pages/BlocksListPage.d.ts +9 -0
- package/dist/admin/pages/BlocksListPage.d.ts.map +1 -0
- package/dist/admin/pages/BlocksListPage.js +47 -0
- package/dist/admin/pages/BlocksListPage.js.map +1 -0
- package/dist/admin/pages/HooksPage.d.ts +9 -0
- package/dist/admin/pages/HooksPage.d.ts.map +1 -0
- package/dist/admin/pages/HooksPage.js +41 -0
- package/dist/admin/pages/HooksPage.js.map +1 -0
- package/dist/admin/pages/PagesListPage.d.ts +9 -0
- package/dist/admin/pages/PagesListPage.d.ts.map +1 -0
- package/dist/admin/pages/PagesListPage.js +51 -0
- package/dist/admin/pages/PagesListPage.js.map +1 -0
- package/dist/admin/pages/TemplatesListPage.d.ts +9 -0
- package/dist/admin/pages/TemplatesListPage.d.ts.map +1 -0
- package/dist/admin/pages/TemplatesListPage.js +47 -0
- package/dist/admin/pages/TemplatesListPage.js.map +1 -0
- package/dist/admin-ui/index.d.ts +90 -0
- package/dist/admin-ui/index.d.ts.map +1 -0
- package/dist/admin-ui/index.js +89 -0
- package/dist/admin-ui/index.js.map +1 -0
- package/dist/backend/cli/block-names.d.ts +92 -0
- package/dist/backend/cli/block-names.d.ts.map +1 -0
- package/dist/backend/cli/block-names.js +132 -0
- package/dist/backend/cli/block-names.js.map +1 -0
- package/dist/backend/entities/cms-block.entity.d.ts +20 -0
- package/dist/backend/entities/cms-block.entity.d.ts.map +1 -0
- package/dist/backend/entities/cms-block.entity.js +77 -0
- package/dist/backend/entities/cms-block.entity.js.map +1 -0
- package/dist/backend/entities/cms-hook-block-attachment.entity.d.ts +15 -0
- package/dist/backend/entities/cms-hook-block-attachment.entity.d.ts.map +1 -0
- package/dist/backend/entities/cms-hook-block-attachment.entity.js +46 -0
- package/dist/backend/entities/cms-hook-block-attachment.entity.js.map +1 -0
- package/dist/backend/entities/cms-hook.entity.d.ts +20 -0
- package/dist/backend/entities/cms-hook.entity.d.ts.map +1 -0
- package/dist/backend/entities/cms-hook.entity.js +73 -0
- package/dist/backend/entities/cms-hook.entity.js.map +1 -0
- package/dist/backend/entities/cms-page.entity.d.ts +43 -0
- package/dist/backend/entities/cms-page.entity.d.ts.map +1 -0
- package/dist/backend/entities/cms-page.entity.js +140 -0
- package/dist/backend/entities/cms-page.entity.js.map +1 -0
- package/dist/backend/entities/cms-template.entity.d.ts +20 -0
- package/dist/backend/entities/cms-template.entity.d.ts.map +1 -0
- package/dist/backend/entities/cms-template.entity.js +73 -0
- package/dist/backend/entities/cms-template.entity.js.map +1 -0
- package/dist/backend/index.d.ts +157 -0
- package/dist/backend/index.d.ts.map +1 -0
- package/dist/backend/index.js +317 -0
- package/dist/backend/index.js.map +1 -0
- package/dist/backend/plugin.d.ts +81 -0
- package/dist/backend/plugin.d.ts.map +1 -0
- package/dist/backend/plugin.js +81 -0
- package/dist/backend/plugin.js.map +1 -0
- package/dist/backend/routes.admin.d.ts +19 -0
- package/dist/backend/routes.admin.d.ts.map +1 -0
- package/dist/backend/routes.admin.js +164 -0
- package/dist/backend/routes.admin.js.map +1 -0
- package/dist/backend/routes.storefront.d.ts +6 -0
- package/dist/backend/routes.storefront.d.ts.map +1 -0
- package/dist/backend/routes.storefront.js +89 -0
- package/dist/backend/routes.storefront.js.map +1 -0
- package/dist/backend/services/asset-embed-resolver.d.ts +17 -0
- package/dist/backend/services/asset-embed-resolver.d.ts.map +1 -0
- package/dist/backend/services/asset-embed-resolver.js +40 -0
- package/dist/backend/services/asset-embed-resolver.js.map +1 -0
- package/dist/backend/services/asset-references.d.ts +4 -0
- package/dist/backend/services/asset-references.d.ts.map +1 -0
- package/dist/backend/services/asset-references.js +55 -0
- package/dist/backend/services/asset-references.js.map +1 -0
- package/dist/backend/services/cms-block-read-port.d.ts +27 -0
- package/dist/backend/services/cms-block-read-port.d.ts.map +1 -0
- package/dist/backend/services/cms-block-read-port.js +50 -0
- package/dist/backend/services/cms-block-read-port.js.map +1 -0
- package/dist/backend/services/cms-block-seed-port.d.ts +31 -0
- package/dist/backend/services/cms-block-seed-port.d.ts.map +1 -0
- package/dist/backend/services/cms-block-seed-port.js +68 -0
- package/dist/backend/services/cms-block-seed-port.js.map +1 -0
- package/dist/backend/services/cms-block-service.d.ts +38 -0
- package/dist/backend/services/cms-block-service.d.ts.map +1 -0
- package/dist/backend/services/cms-block-service.js +218 -0
- package/dist/backend/services/cms-block-service.js.map +1 -0
- package/dist/backend/services/cms-cache.d.ts +54 -0
- package/dist/backend/services/cms-cache.d.ts.map +1 -0
- package/dist/backend/services/cms-cache.js +113 -0
- package/dist/backend/services/cms-cache.js.map +1 -0
- package/dist/backend/services/cms-hook-service.d.ts +35 -0
- package/dist/backend/services/cms-hook-service.d.ts.map +1 -0
- package/dist/backend/services/cms-hook-service.js +216 -0
- package/dist/backend/services/cms-hook-service.js.map +1 -0
- package/dist/backend/services/cms-language-reference.d.ts +11 -0
- package/dist/backend/services/cms-language-reference.d.ts.map +1 -0
- package/dist/backend/services/cms-language-reference.js +26 -0
- package/dist/backend/services/cms-language-reference.js.map +1 -0
- package/dist/backend/services/cms-page-read-port.d.ts +23 -0
- package/dist/backend/services/cms-page-read-port.d.ts.map +1 -0
- package/dist/backend/services/cms-page-read-port.js +54 -0
- package/dist/backend/services/cms-page-read-port.js.map +1 -0
- package/dist/backend/services/cms-page-service.d.ts +104 -0
- package/dist/backend/services/cms-page-service.d.ts.map +1 -0
- package/dist/backend/services/cms-page-service.js +468 -0
- package/dist/backend/services/cms-page-service.js.map +1 -0
- package/dist/backend/services/cms-reference-registry.d.ts +30 -0
- package/dist/backend/services/cms-reference-registry.d.ts.map +1 -0
- package/dist/backend/services/cms-reference-registry.js +98 -0
- package/dist/backend/services/cms-reference-registry.js.map +1 -0
- package/dist/backend/services/cms-template-service.d.ts +37 -0
- package/dist/backend/services/cms-template-service.d.ts.map +1 -0
- package/dist/backend/services/cms-template-service.js +205 -0
- package/dist/backend/services/cms-template-service.js.map +1 -0
- package/dist/backend/services/content-tree-walker.d.ts +7 -0
- package/dist/backend/services/content-tree-walker.d.ts.map +1 -0
- package/dist/backend/services/content-tree-walker.js +89 -0
- package/dist/backend/services/content-tree-walker.js.map +1 -0
- package/dist/backend/services/page-builder-registry.d.ts +120 -0
- package/dist/backend/services/page-builder-registry.d.ts.map +1 -0
- package/dist/backend/services/page-builder-registry.js +220 -0
- package/dist/backend/services/page-builder-registry.js.map +1 -0
- package/dist/backend/services/seed-hooks.d.ts +22 -0
- package/dist/backend/services/seed-hooks.d.ts.map +1 -0
- package/dist/backend/services/seed-hooks.js +94 -0
- package/dist/backend/services/seed-hooks.js.map +1 -0
- package/dist/backend/services/storefront-resolver.d.ts +71 -0
- package/dist/backend/services/storefront-resolver.d.ts.map +1 -0
- package/dist/backend/services/storefront-resolver.js +329 -0
- package/dist/backend/services/storefront-resolver.js.map +1 -0
- package/dist/manifest.d.ts +225 -0
- package/dist/manifest.d.ts.map +1 -0
- package/dist/manifest.js +695 -0
- package/dist/manifest.js.map +1 -0
- package/dist/migrations/20260425T162418_cms_pages_init.d.ts +10 -0
- package/dist/migrations/20260425T162418_cms_pages_init.d.ts.map +1 -0
- package/dist/migrations/20260425T162418_cms_pages_init.js +30 -0
- package/dist/migrations/20260425T162418_cms_pages_init.js.map +1 -0
- package/dist/migrations/20260505T130214_cms_init.d.ts +28 -0
- package/dist/migrations/20260505T130214_cms_init.d.ts.map +1 -0
- package/dist/migrations/20260505T130214_cms_init.js +332 -0
- package/dist/migrations/20260505T130214_cms_init.js.map +1 -0
- package/dist/migrations/20260903T101741_cms_namespace_block_names.d.ts +6 -0
- package/dist/migrations/20260903T101741_cms_namespace_block_names.d.ts.map +1 -0
- package/dist/migrations/20260903T101741_cms_namespace_block_names.js +60 -0
- package/dist/migrations/20260903T101741_cms_namespace_block_names.js.map +1 -0
- package/dist/migrations/20260912T094733_cms_sales_channel_cms_pages.d.ts +27 -0
- package/dist/migrations/20260912T094733_cms_sales_channel_cms_pages.d.ts.map +1 -0
- package/dist/migrations/20260912T094733_cms_sales_channel_cms_pages.js +44 -0
- package/dist/migrations/20260912T094733_cms_sales_channel_cms_pages.js.map +1 -0
- package/dist/migrations/20260912T125709_cms_page_body_asset_ref_index.d.ts +32 -0
- package/dist/migrations/20260912T125709_cms_page_body_asset_ref_index.d.ts.map +1 -0
- package/dist/migrations/20260912T125709_cms_page_body_asset_ref_index.js +36 -0
- package/dist/migrations/20260912T125709_cms_page_body_asset_ref_index.js.map +1 -0
- package/dist/migrations/index.d.ts +31 -0
- package/dist/migrations/index.d.ts.map +1 -0
- package/dist/migrations/index.js +37 -0
- package/dist/migrations/index.js.map +1 -0
- package/docs/cms/extending-page-builder.md +256 -0
- package/docs/cms/index.md +233 -0
- package/i18n/en.json +231 -0
- package/i18n/pl.json +231 -0
- package/package.json +125 -3
- package/tailwind.css +16 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
4
|
+
import { usePageBuilderPuck } from '@endora-commerce/page-builder-core/editor';
|
|
5
|
+
import { apiClient } from '@endora-commerce/admin-kit/lib';
|
|
6
|
+
import { cmsClient } from '../api/cms-client.js';
|
|
7
|
+
const inputClassName = '_Input-input_bsxfo_26';
|
|
8
|
+
function FieldShell({ label, children, }) {
|
|
9
|
+
return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "text-xs font-medium opacity-80", children: label }), children] }));
|
|
10
|
+
}
|
|
11
|
+
function pickName(name, fallback) {
|
|
12
|
+
if (typeof name === 'string')
|
|
13
|
+
return name || fallback;
|
|
14
|
+
return name['pl-PL'] ?? name['en-US'] ?? Object.values(name)[0] ?? fallback;
|
|
15
|
+
}
|
|
16
|
+
function flattenCategories(categories, depth = 0) {
|
|
17
|
+
const byParent = new Map();
|
|
18
|
+
for (const cat of categories) {
|
|
19
|
+
const key = cat.parentCategoryId;
|
|
20
|
+
const list = byParent.get(key) ?? [];
|
|
21
|
+
list.push(cat);
|
|
22
|
+
byParent.set(key, list);
|
|
23
|
+
}
|
|
24
|
+
const walk = (parentId, level) => {
|
|
25
|
+
const nodes = byParent.get(parentId) ?? [];
|
|
26
|
+
return nodes.flatMap((cat) => {
|
|
27
|
+
const prefix = level > 0 ? `${'—'.repeat(level)} ` : '';
|
|
28
|
+
return [
|
|
29
|
+
{ slug: cat.slug, label: `${prefix}${pickName(cat.name, cat.slug)}` },
|
|
30
|
+
...walk(cat.id, level + 1),
|
|
31
|
+
];
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
return walk(null, depth);
|
|
35
|
+
}
|
|
36
|
+
function LinkSlugFieldControl({ value, onChange, readOnly, label, linkTypeProp = 'linkType', }) {
|
|
37
|
+
const linkType = usePageBuilderPuck((s) => {
|
|
38
|
+
const props = s.selectedItem?.props;
|
|
39
|
+
const raw = props?.[linkTypeProp];
|
|
40
|
+
return typeof raw === 'string' ? raw : 'url';
|
|
41
|
+
});
|
|
42
|
+
const [query, setQuery] = useState('');
|
|
43
|
+
const [products, setProducts] = useState([]);
|
|
44
|
+
const [categories, setCategories] = useState([]);
|
|
45
|
+
const [pages, setPages] = useState([]);
|
|
46
|
+
const [loading, setLoading] = useState(false);
|
|
47
|
+
const loadProducts = useCallback(async (q) => {
|
|
48
|
+
setLoading(true);
|
|
49
|
+
try {
|
|
50
|
+
const params = new URLSearchParams();
|
|
51
|
+
params.set('pageSize', '20');
|
|
52
|
+
params.set('page', '0');
|
|
53
|
+
if (q.trim())
|
|
54
|
+
params.set('q', q.trim());
|
|
55
|
+
const res = await apiClient.get(`/api/v1/admin/catalog/products?${params.toString()}`);
|
|
56
|
+
setProducts(res.data);
|
|
57
|
+
}
|
|
58
|
+
finally {
|
|
59
|
+
setLoading(false);
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
if (linkType !== 'product')
|
|
64
|
+
return;
|
|
65
|
+
const id = window.setTimeout(() => void loadProducts(query), 300);
|
|
66
|
+
return () => window.clearTimeout(id);
|
|
67
|
+
}, [linkType, query, loadProducts]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
if (linkType !== 'category')
|
|
70
|
+
return;
|
|
71
|
+
let cancelled = false;
|
|
72
|
+
void (async () => {
|
|
73
|
+
setLoading(true);
|
|
74
|
+
try {
|
|
75
|
+
const res = await apiClient.get('/api/v1/admin/catalog/categories');
|
|
76
|
+
if (!cancelled)
|
|
77
|
+
setCategories(flattenCategories(res.data));
|
|
78
|
+
}
|
|
79
|
+
finally {
|
|
80
|
+
if (!cancelled)
|
|
81
|
+
setLoading(false);
|
|
82
|
+
}
|
|
83
|
+
})();
|
|
84
|
+
return () => {
|
|
85
|
+
cancelled = true;
|
|
86
|
+
};
|
|
87
|
+
}, [linkType]);
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
if (linkType !== 'page')
|
|
90
|
+
return;
|
|
91
|
+
let cancelled = false;
|
|
92
|
+
void (async () => {
|
|
93
|
+
setLoading(true);
|
|
94
|
+
try {
|
|
95
|
+
const res = await cmsClient.listPages({ limit: 100 });
|
|
96
|
+
if (!cancelled) {
|
|
97
|
+
setPages(res.data.map((p) => ({ slug: p.slug, label: `${p.name} (/${p.slug})` })));
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
finally {
|
|
101
|
+
if (!cancelled)
|
|
102
|
+
setLoading(false);
|
|
103
|
+
}
|
|
104
|
+
})();
|
|
105
|
+
return () => {
|
|
106
|
+
cancelled = true;
|
|
107
|
+
};
|
|
108
|
+
}, [linkType]);
|
|
109
|
+
if (linkType === 'product') {
|
|
110
|
+
return (_jsx(FieldShell, { label: label, children: _jsxs("div", { className: "space-y-2", children: [_jsx("input", { type: "text", className: inputClassName, readOnly: readOnly, value: query, placeholder: "Search products\u2026", onChange: (e) => setQuery(e.target.value) }), _jsxs("select", { className: inputClassName, disabled: readOnly === true || loading, value: value ?? '', onChange: (e) => onChange(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 Select product \u2014" }), products.map((p) => (_jsxs("option", { value: p.slug, children: [pickName(p.name, p.sku), " (", p.slug, ")"] }, p.id)))] })] }) }));
|
|
111
|
+
}
|
|
112
|
+
if (linkType === 'category') {
|
|
113
|
+
return (_jsx(FieldShell, { label: label, children: _jsxs("select", { className: inputClassName, disabled: readOnly === true || loading, value: value ?? '', onChange: (e) => onChange(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 Select category \u2014" }), categories.map((c) => (_jsx("option", { value: c.slug, children: c.label }, c.slug)))] }) }));
|
|
114
|
+
}
|
|
115
|
+
if (linkType === 'page') {
|
|
116
|
+
return (_jsx(FieldShell, { label: label, children: _jsxs("select", { className: inputClassName, disabled: readOnly === true || loading, value: value ?? '', onChange: (e) => onChange(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 Select page \u2014" }), pages.map((p) => (_jsx("option", { value: p.slug, children: p.label }, p.slug)))] }) }));
|
|
117
|
+
}
|
|
118
|
+
return (_jsx(FieldShell, { label: label, children: _jsx("input", { type: "text", className: inputClassName, readOnly: readOnly, value: value ?? '', onChange: (e) => onChange(e.target.value) }) }));
|
|
119
|
+
}
|
|
120
|
+
export function createButtonLinkSlugField(options) {
|
|
121
|
+
return {
|
|
122
|
+
type: 'custom',
|
|
123
|
+
label: options?.label ?? 'Link target',
|
|
124
|
+
render: ({ value, onChange, readOnly, field }) => (_jsx(LinkSlugFieldControl, { value: value, onChange: onChange, ...(readOnly === true ? { readOnly: true } : {}), label: field.label ?? options?.label ?? 'Link target', linkTypeProp: options?.linkTypeProp ?? 'linkType' })),
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=ButtonLinkFields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLinkFields.js","sourceRoot":"","sources":["../../../src/admin/components/ButtonLinkFields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
export declare function CarouselPreviewNav({ carouselId, slideCount, slidesPerView, onNavigate, }: {
|
|
3
|
+
carouselId: string;
|
|
4
|
+
slideCount: number;
|
|
5
|
+
slidesPerView: number;
|
|
6
|
+
/**
|
|
7
|
+
* When provided, owns page changes (e.g. Content Slider locks preview so
|
|
8
|
+
* selection sync cannot snap back). Otherwise updates the shared page store.
|
|
9
|
+
*/
|
|
10
|
+
onNavigate?: (page: number) => void;
|
|
11
|
+
}): ReactElement | null;
|
|
12
|
+
//# sourceMappingURL=CarouselPreviewNav.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselPreviewNav.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CarouselPreviewNav.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAUrD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,UAAU,EACV,aAAa,EACb,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,GAAG,YAAY,GAAG,IAAI,CAkCtB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { ActionBar } from '@measured/puck';
|
|
5
|
+
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
6
|
+
import { carouselEditorPageCount, setEditorCarouselPage, useEditorCarouselPage, } from '@endora-commerce/page-builder-core/editor';
|
|
7
|
+
import { QuickTooltip } from '@endora-commerce/page-builder-admin';
|
|
8
|
+
export function CarouselPreviewNav({ carouselId, slideCount, slidesPerView, onNavigate, }) {
|
|
9
|
+
const pageCount = carouselEditorPageCount(slideCount, slidesPerView);
|
|
10
|
+
const page = useEditorCarouselPage(carouselId);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (page < pageCount)
|
|
13
|
+
return;
|
|
14
|
+
const clamped = Math.max(0, pageCount - 1);
|
|
15
|
+
if (onNavigate)
|
|
16
|
+
onNavigate(clamped);
|
|
17
|
+
else
|
|
18
|
+
setEditorCarouselPage(carouselId, clamped);
|
|
19
|
+
}, [carouselId, page, pageCount, onNavigate]);
|
|
20
|
+
if (pageCount <= 1)
|
|
21
|
+
return null;
|
|
22
|
+
const go = (direction) => {
|
|
23
|
+
const next = (page + direction + pageCount) % pageCount;
|
|
24
|
+
if (onNavigate)
|
|
25
|
+
onNavigate(next);
|
|
26
|
+
else
|
|
27
|
+
setEditorCarouselPage(carouselId, next);
|
|
28
|
+
};
|
|
29
|
+
return (_jsxs(_Fragment, { children: [_jsx(QuickTooltip, { text: "Previous slide page", children: _jsx(ActionBar.Action, { label: "Previous slide page", onClick: () => go(-1), children: _jsx(ChevronLeft, { size: 16 }) }) }), _jsx(ActionBar.Label, { label: `Page ${page + 1} / ${pageCount}` }), _jsx(QuickTooltip, { text: "Next slide page", children: _jsx(ActionBar.Action, { label: "Next slide page", onClick: () => go(1), children: _jsx(ChevronRight, { size: 16 }) }) })] }));
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=CarouselPreviewNav.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselPreviewNav.js","sourceRoot":"","sources":["../../../src/admin/components/CarouselPreviewNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,UAAU,EACV,aAAa,EACb,UAAU,GAUX;IACC,MAAM,SAAS,GAAG,uBAAuB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAG,SAAS;YAAE,OAAO;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;QAC3C,IAAI,UAAU;YAAE,UAAU,CAAC,OAAO,CAAC,CAAC;;YAC/B,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9C,IAAI,SAAS,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhC,MAAM,EAAE,GAAG,CAAC,SAAiB,EAAQ,EAAE;QACrC,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;QACxD,IAAI,UAAU;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;;YAC5B,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,YACtC,KAAC,SAAS,CAAC,MAAM,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YACvE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,GACN,EACf,KAAC,SAAS,CAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,IAAI,GAAG,CAAC,MAAM,SAAS,EAAE,GAAI,EAC7D,KAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,YAClC,KAAC,SAAS,CAAC,MAAM,IAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,YAClE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACT,GACN,IACd,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* CMS page/block/template editor shell: settings and language tabs in the
|
|
4
|
+
* first row; page builder spans the full content width in a second row below.
|
|
5
|
+
*/
|
|
6
|
+
export declare function CmsContentEditorLayout({ header, settings, languageTabs, builder, }: {
|
|
7
|
+
header: ReactNode;
|
|
8
|
+
settings: ReactNode;
|
|
9
|
+
languageTabs: ReactNode;
|
|
10
|
+
builder: ReactNode;
|
|
11
|
+
}): ReactNode;
|
|
12
|
+
//# sourceMappingURL=CmsContentEditorLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsContentEditorLayout.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CmsContentEditorLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;CACpB,GAAG,SAAS,CASZ"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* CMS page/block/template editor shell: settings and language tabs in the
|
|
4
|
+
* first row; page builder spans the full content width in a second row below.
|
|
5
|
+
*/
|
|
6
|
+
export function CmsContentEditorLayout({ header, settings, languageTabs, builder, }) {
|
|
7
|
+
return (_jsxs("div", { className: "b2b-page b2b-page--wide cms-content-editor space-y-4", children: [header, _jsx("div", { className: "grid gap-4 lg:grid-cols-2 lg:items-start", children: settings }), languageTabs, _jsx("div", { className: "cms-content-editor__builder", children: builder })] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=CmsContentEditorLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CmsContentEditorLayout.js","sourceRoot":"","sources":["../../../src/admin/components/CmsContentEditorLayout.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,OAAO,GAMR;IACC,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aAClE,MAAM,EACP,cAAK,SAAS,EAAC,0CAA0C,YAAE,QAAQ,GAAO,EACzE,YAAY,EACb,cAAK,SAAS,EAAC,6BAA6B,YAAE,OAAO,GAAO,IACxD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
/** Grip control — relays pointer capture to Puck's sortable wrapper, else step-reorder. */
|
|
3
|
+
export declare function ComponentDragHandle({ componentId }: {
|
|
4
|
+
componentId: string;
|
|
5
|
+
}): ReactElement;
|
|
6
|
+
//# sourceMappingURL=ComponentDragHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentDragHandle.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ComponentDragHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8C,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8DtF,2FAA2F;AAC3F,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CA0G1F"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useLayoutEffect, useRef } from 'react';
|
|
4
|
+
import { registerOverlayPortal, useGetPuck } from '@measured/puck';
|
|
5
|
+
import { GripVertical } from 'lucide-react';
|
|
6
|
+
import { getSlotZoneItemCount, outlineStepReorder, resolvePuckDndElement, usePageBuilderPuck, } from '@endora-commerce/page-builder-core/editor';
|
|
7
|
+
import { QuickTooltip } from '@endora-commerce/page-builder-admin';
|
|
8
|
+
const REORDER_STEP_PX = 24;
|
|
9
|
+
function isHorizontalReorderZone(zone) {
|
|
10
|
+
return zone.endsWith(':slides');
|
|
11
|
+
}
|
|
12
|
+
function relayPointer(target, type, source) {
|
|
13
|
+
target.dispatchEvent(new globalThis.PointerEvent(type, {
|
|
14
|
+
bubbles: true,
|
|
15
|
+
cancelable: true,
|
|
16
|
+
composed: true,
|
|
17
|
+
pointerId: source.pointerId,
|
|
18
|
+
pointerType: source.pointerType,
|
|
19
|
+
isPrimary: source.isPrimary,
|
|
20
|
+
clientX: source.clientX,
|
|
21
|
+
clientY: source.clientY,
|
|
22
|
+
screenX: source.screenX,
|
|
23
|
+
screenY: source.screenY,
|
|
24
|
+
button: source.button,
|
|
25
|
+
buttons: source.buttons,
|
|
26
|
+
pressure: source.pressure,
|
|
27
|
+
width: source.width,
|
|
28
|
+
height: source.height,
|
|
29
|
+
altKey: source.altKey,
|
|
30
|
+
ctrlKey: source.ctrlKey,
|
|
31
|
+
metaKey: source.metaKey,
|
|
32
|
+
shiftKey: source.shiftKey,
|
|
33
|
+
}));
|
|
34
|
+
}
|
|
35
|
+
/** Grip control — relays pointer capture to Puck's sortable wrapper, else step-reorder. */
|
|
36
|
+
export function ComponentDragHandle({ componentId }) {
|
|
37
|
+
const handleRef = useRef(null);
|
|
38
|
+
const getPuck = useGetPuck();
|
|
39
|
+
const getSelectorForId = usePageBuilderPuck((s) => s.getSelectorForId);
|
|
40
|
+
useLayoutEffect(() => {
|
|
41
|
+
return registerOverlayPortal(handleRef.current, { disableDrag: true, disableDragOnFocus: true });
|
|
42
|
+
}, []);
|
|
43
|
+
const onPointerDown = (event) => {
|
|
44
|
+
const selector = getSelectorForId(componentId);
|
|
45
|
+
if (!selector)
|
|
46
|
+
return;
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
event.stopPropagation();
|
|
49
|
+
const dndEl = resolvePuckDndElement(componentId);
|
|
50
|
+
if (dndEl) {
|
|
51
|
+
const pointerId = event.pointerId;
|
|
52
|
+
relayPointer(dndEl, 'pointerdown', event);
|
|
53
|
+
dndEl.setPointerCapture(pointerId);
|
|
54
|
+
const forward = (e) => {
|
|
55
|
+
if (e.pointerId !== pointerId)
|
|
56
|
+
return;
|
|
57
|
+
relayPointer(dndEl, e.type, e);
|
|
58
|
+
};
|
|
59
|
+
const finish = (e) => {
|
|
60
|
+
if (e.pointerId !== pointerId)
|
|
61
|
+
return;
|
|
62
|
+
relayPointer(dndEl, e.type, e);
|
|
63
|
+
dndEl.releasePointerCapture(pointerId);
|
|
64
|
+
window.removeEventListener('pointermove', forward);
|
|
65
|
+
window.removeEventListener('pointerup', finish);
|
|
66
|
+
window.removeEventListener('pointercancel', finish);
|
|
67
|
+
};
|
|
68
|
+
window.addEventListener('pointermove', forward);
|
|
69
|
+
window.addEventListener('pointerup', finish);
|
|
70
|
+
window.addEventListener('pointercancel', finish);
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const horizontal = isHorizontalReorderZone(selector.zone);
|
|
74
|
+
const pointerId = event.pointerId;
|
|
75
|
+
const start = horizontal ? event.clientX : event.clientY;
|
|
76
|
+
let lastStep = 0;
|
|
77
|
+
handleRef.current?.setPointerCapture(pointerId);
|
|
78
|
+
const reorderStep = (direction) => {
|
|
79
|
+
const puck = getPuck();
|
|
80
|
+
const current = puck.getSelectorForId(componentId);
|
|
81
|
+
if (!current)
|
|
82
|
+
return;
|
|
83
|
+
const action = outlineStepReorder({
|
|
84
|
+
itemId: componentId,
|
|
85
|
+
sourceZone: current.zone,
|
|
86
|
+
sourceIndex: current.index,
|
|
87
|
+
}, current.zone, direction, getSlotZoneItemCount(puck.appState.data, current.zone));
|
|
88
|
+
if (action)
|
|
89
|
+
puck.dispatch(action);
|
|
90
|
+
};
|
|
91
|
+
const onMove = (e) => {
|
|
92
|
+
if (e.pointerId !== pointerId)
|
|
93
|
+
return;
|
|
94
|
+
const pos = horizontal ? e.clientX : e.clientY;
|
|
95
|
+
const step = Math.trunc((pos - start) / REORDER_STEP_PX);
|
|
96
|
+
if (step === lastStep)
|
|
97
|
+
return;
|
|
98
|
+
const direction = step > lastStep ? 1 : -1;
|
|
99
|
+
const steps = Math.abs(step - lastStep);
|
|
100
|
+
for (let i = 0; i < steps; i++) {
|
|
101
|
+
reorderStep(direction);
|
|
102
|
+
}
|
|
103
|
+
lastStep = step;
|
|
104
|
+
};
|
|
105
|
+
const finish = (e) => {
|
|
106
|
+
if (e.pointerId !== pointerId)
|
|
107
|
+
return;
|
|
108
|
+
handleRef.current?.releasePointerCapture(pointerId);
|
|
109
|
+
window.removeEventListener('pointermove', onMove);
|
|
110
|
+
window.removeEventListener('pointerup', finish);
|
|
111
|
+
window.removeEventListener('pointercancel', finish);
|
|
112
|
+
};
|
|
113
|
+
window.addEventListener('pointermove', onMove);
|
|
114
|
+
window.addEventListener('pointerup', finish);
|
|
115
|
+
window.addEventListener('pointercancel', finish);
|
|
116
|
+
};
|
|
117
|
+
return (_jsx(QuickTooltip, { text: "Drag to move", children: _jsx("button", { ref: handleRef, type: "button", className: "_ActionBar-action_rvadt_30 pb-action-bar-handle", "aria-label": "Drag to move", onPointerDown: onPointerDown, children: _jsx(GripVertical, { size: 16 }) }) }));
|
|
118
|
+
}
|
|
119
|
+
//# sourceMappingURL=ComponentDragHandle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComponentDragHandle.js","sourceRoot":"","sources":["../../../src/admin/components/ComponentDragHandle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
export declare function contentSliderSlidesZone(sliderId: string): string;
|
|
3
|
+
export declare function ContentSliderActionBarExtras({ sliderId }: {
|
|
4
|
+
sliderId: string;
|
|
5
|
+
}): ReactElement | null;
|
|
6
|
+
//# sourceMappingURL=ContentSliderActionBarExtras.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSliderActionBarExtras.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ContentSliderActionBarExtras.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAqBrD,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEhE;AASD,wBAAgB,4BAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,GAAG,IAAI,CAsIpG"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { ActionBar, useGetPuck } from '@measured/puck';
|
|
5
|
+
import { Minus, Plus } from 'lucide-react';
|
|
6
|
+
import { resolveResponsiveNumber } from '@endora-commerce/page-builder-core';
|
|
7
|
+
import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
|
|
8
|
+
import { carouselEditorPageCount, clearEditorCarouselPreviewLock, getEditorCarouselLastSeenSelectedId, getEditorCarouselPreviewFrozenSelectedId, getSlotZoneItemCount, isEditorCarouselPreviewLocked, rememberEditorCarouselSelectedId, resolveContentSliderSlideIndex, setEditorCarouselPage, usePageBuilderPuck, } from '@endora-commerce/page-builder-core/editor';
|
|
9
|
+
import { CarouselPreviewNav } from './CarouselPreviewNav.js';
|
|
10
|
+
import { QuickTooltip } from '@endora-commerce/page-builder-admin';
|
|
11
|
+
import { isPuckItemType, safeGetPuckData, safeGetPuckItem } from './puck-safe.js';
|
|
12
|
+
export function contentSliderSlidesZone(sliderId) {
|
|
13
|
+
return `${sliderId}:slides`;
|
|
14
|
+
}
|
|
15
|
+
function slidesPerViewFromProps(value, tier) {
|
|
16
|
+
return Math.max(1, Math.round(resolveResponsiveNumber(value, tier, 1)));
|
|
17
|
+
}
|
|
18
|
+
export function ContentSliderActionBarExtras({ sliderId }) {
|
|
19
|
+
const dispatch = usePageBuilderPuck((s) => s.dispatch);
|
|
20
|
+
const getItemById = usePageBuilderPuck((s) => s.getItemById);
|
|
21
|
+
const data = usePageBuilderPuck((s) => safeGetPuckData(() => s.appState?.data));
|
|
22
|
+
const selectedItem = usePageBuilderPuck((s) => s.selectedItem);
|
|
23
|
+
const getSelectorForId = usePageBuilderPuck((s) => s.getSelectorForId);
|
|
24
|
+
const getPuck = useGetPuck();
|
|
25
|
+
const tier = usePreviewBreakpointTier();
|
|
26
|
+
const zone = contentSliderSlidesZone(sliderId);
|
|
27
|
+
const slider = safeGetPuckItem(getItemById, sliderId);
|
|
28
|
+
const isActive = isPuckItemType(slider, 'cms.ContentSlider');
|
|
29
|
+
const slideCount = isActive && data ? getSlotZoneItemCount(data, zone) : 0;
|
|
30
|
+
const slidesPerView = isActive
|
|
31
|
+
? slidesPerViewFromProps(slider.props.slidesPerView, tier)
|
|
32
|
+
: 1;
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (!isActive)
|
|
35
|
+
return;
|
|
36
|
+
const selectedId = selectedItem?.props.id;
|
|
37
|
+
const locked = isEditorCarouselPreviewLocked(sliderId);
|
|
38
|
+
const frozenSelectedId = locked
|
|
39
|
+
? getEditorCarouselPreviewFrozenSelectedId(sliderId)
|
|
40
|
+
: getEditorCarouselLastSeenSelectedId(sliderId);
|
|
41
|
+
if (locked) {
|
|
42
|
+
// Arrow/dot navigation owns the page. Remounts with the same selection must not snap back.
|
|
43
|
+
if (typeof selectedId !== 'string' || selectedId === frozenSelectedId)
|
|
44
|
+
return;
|
|
45
|
+
const slideIndex = resolveContentSliderSlideIndex(selectedId, sliderId, getSelectorForId, getItemById);
|
|
46
|
+
if (slideIndex === null) {
|
|
47
|
+
// Selection left the slider tree — keep preview page, just update freeze.
|
|
48
|
+
rememberEditorCarouselSelectedId(sliderId, selectedId);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const pageCount = carouselEditorPageCount(slideCount, slidesPerView);
|
|
52
|
+
const page = Math.min(pageCount - 1, Math.floor(slideIndex / Math.max(1, slidesPerView)));
|
|
53
|
+
clearEditorCarouselPreviewLock(sliderId);
|
|
54
|
+
setEditorCarouselPage(sliderId, page, { lock: false, frozenSelectedId: selectedId });
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
// Unlocked: sync preview page when selection moves between slides.
|
|
58
|
+
if (typeof selectedId !== 'string')
|
|
59
|
+
return;
|
|
60
|
+
if (selectedId === frozenSelectedId)
|
|
61
|
+
return;
|
|
62
|
+
const slideIndex = resolveContentSliderSlideIndex(selectedId, sliderId, getSelectorForId, getItemById);
|
|
63
|
+
if (slideIndex === null) {
|
|
64
|
+
rememberEditorCarouselSelectedId(sliderId, selectedId);
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
const pageCount = carouselEditorPageCount(slideCount, slidesPerView);
|
|
68
|
+
const page = Math.min(pageCount - 1, Math.floor(slideIndex / Math.max(1, slidesPerView)));
|
|
69
|
+
setEditorCarouselPage(sliderId, page, { lock: false, frozenSelectedId: selectedId });
|
|
70
|
+
}, [isActive, selectedItem, getSelectorForId, getItemById, sliderId, slideCount, slidesPerView]);
|
|
71
|
+
if (!isActive)
|
|
72
|
+
return null;
|
|
73
|
+
const goToPreviewPage = (page) => {
|
|
74
|
+
const selectedId = selectedItem?.props.id;
|
|
75
|
+
setEditorCarouselPage(sliderId, page, {
|
|
76
|
+
lock: true,
|
|
77
|
+
frozenSelectedId: typeof selectedId === 'string' ? selectedId : null,
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
const addSlide = () => {
|
|
81
|
+
const freshData = safeGetPuckData(() => getPuck().appState.data);
|
|
82
|
+
if (!freshData)
|
|
83
|
+
return;
|
|
84
|
+
const count = getSlotZoneItemCount(freshData, zone);
|
|
85
|
+
dispatch({
|
|
86
|
+
type: 'insert',
|
|
87
|
+
componentType: 'cms.Slide',
|
|
88
|
+
destinationZone: zone,
|
|
89
|
+
destinationIndex: count,
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
const removeSlide = () => {
|
|
93
|
+
const freshData = safeGetPuckData(() => getPuck().appState.data);
|
|
94
|
+
if (!freshData)
|
|
95
|
+
return;
|
|
96
|
+
const count = getSlotZoneItemCount(freshData, zone);
|
|
97
|
+
if (count === 0)
|
|
98
|
+
return;
|
|
99
|
+
const selectedId = selectedItem?.props.id;
|
|
100
|
+
const selectedSelector = typeof selectedId === 'string' ? getSelectorForId(selectedId) : undefined;
|
|
101
|
+
if (selectedSelector && selectedSelector.zone === zone) {
|
|
102
|
+
dispatch({ type: 'remove', zone, index: selectedSelector.index });
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
dispatch({ type: 'remove', zone, index: count - 1 });
|
|
106
|
+
};
|
|
107
|
+
return (_jsxs(_Fragment, { children: [_jsx(CarouselPreviewNav, { carouselId: sliderId, slideCount: slideCount, slidesPerView: slidesPerView, onNavigate: goToPreviewPage }), _jsx(QuickTooltip, { text: "Add slide", children: _jsx(ActionBar.Action, { label: "Add slide", onClick: addSlide, children: _jsx(Plus, { size: 16 }) }) }), _jsx(QuickTooltip, { text: "Remove slide", children: _jsx(ActionBar.Action, { label: "Remove slide", onClick: removeSlide, children: _jsx(Minus, { size: 16 }) }) })] }));
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=ContentSliderActionBarExtras.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSliderActionBarExtras.js","sourceRoot":"","sources":["../../../src/admin/components/ContentSliderActionBarExtras.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { CmsHookSummary } from '@endora-commerce/contracts';
|
|
3
|
+
interface HookBlockAttachmentsPanelProps {
|
|
4
|
+
hook: CmsHookSummary | null;
|
|
5
|
+
onChanged?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function HookBlockAttachmentsPanel({ hook, onChanged, }: HookBlockAttachmentsPanelProps): ReactNode;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=HookBlockAttachmentsPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HookBlockAttachmentsPanel.d.ts","sourceRoot":"","sources":["../../../src/admin/components/HookBlockAttachmentsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,OAAO,KAAK,EAAkC,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAejG,UAAU,8BAA8B;IACtC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAeD,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,GACV,EAAE,8BAA8B,GAAG,SAAS,CAoR5C"}
|